/*

 * @file

 * global.styles

 *

 * Styles you add here will load for all device sizes, they are "global", as

 * opposed to "responsive" styles, which only load for a given breakpoint (media

 * query) that you set in theme settings. See the README for more details.

 *

 *

 * How to use this file:

 * --------------------

 *

 * There are many empty selectors and some basic styles to act as a guide.

 * Nothing is set in stone and you can change anything - even delete all of it

 * and start with your own clean slate.

 *

 * See global.base also which includes normalize.css and some additional

 * helper classes and base styles.

 */



/* =============================================================================

 *   Base

 * ========================================================================== */



/*

 * To preserve theme settings never apply font properties to the HTML element.

 * This is critically important if you are using the Responsive JavaScript

 * feature as this relies on being able to set a pseudo font family on the HTML

 * element. If you need to set default font properties of any kind use the BODY

 * element as these can be overridden using font theme settings.

 */

@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);


html {

  background: #fff;

}





body {

  font-family: Verdana, Geneva, 'DejaVu Sans', Arial, Helvetica, sans-serif;

  line-height:1.8em;

  font-size: 87.5%;

  color:#333333;

}





/* =============================================================================

 *   HTML Elements

 * ========================================================================== */



h1 {font-size: 1.7em;

    font-weight: 400;}



#content h2 {font-size: 18px;
font-weight: 400;
font-family: Montserrat;
margin-bottom: 4px;
color: #E5007D;
line-height:23px;}

.lilac #content h2 {
	color: #7673BF;
}

.teal #content h2{
	color: #0AA4B4;
}

.purple #content h2{
	color: #532B6C;
}

h3 {font-size: 1em;

    font-weight: bold}



h4 {}



h5 {}



h6 {}



p { font-weight: normal;}



b,

strong {}



i,

em {}



dfn {}



sup {}



sub {}



del {}



ins {}



blockquote { margin:0; padding: 10px 50px; background-color:#f2f2f2; position:relative}

blockquote:before{
	position:absolute;
	top: 40px;
	left:5px;
	content:"\201C";
	font-size: 115px;
	font-weight: 400;
	font-family: Montserrat;
	color: #E5007D;
	}

blockquote:after{
	position:absolute;
	bottom: -16px;
	right:5px;
	content:"\201D";
	font-size: 115px;
	font-weight: 400;
	font-family: Montserrat;
	color: #E5007D;
	}

.boxout {
	margin: 20px 0 15px;
	border-top: 10px solid #E5007D;
	padding: 15px 22px;
	background-color: #e8e9ea;
}

.boxout + .boxout {
	border-top: 0 !important;
	margin-top: -15px;
	padding: 0 22px 15px;
}

.lilac .boxout {
	border-top: 10px solid #7673BF;
}

.teal .boxout {
	border-top: 10px solid #0AA4B4;
}

.purple .boxout {
	border-top: 10px solid #532B6C;
}


cite {}



q {}



address {}



ul {color: #333333 !important;

  *list-style-type:disc;

  *list-style-position:inside;

}



ol {}



li {}



dl {}



dd {}



dt {}



abbr {}



acronym {}



pre,

code,

tt,

samp,

kbd,

var {

  font-family: Consolas, Monaco, 'Courier New', Courier, monospace, sans-serif;

}





/* =============================================================================

 *   Wrappers

 * ========================================================================== */



/*

 * Outer wrappers:

 * - #page-wrapper: body > #page-wrapper

 * - #page: body > #page-wrapper > #page

 * - .container: body > #page-wrapper > #page.container

 *

 * The .container class holds the page width value from theme settings.

 */

#page-wrapper {}

#page {}

#page .container { width:940px; padding:0 10px;}



/*

 * Wraps all header elements - branding and .region-header

 */

#header {}



/*

 * Wraps the sidebars the content column

 */

#columns {}



/*

 * Main content column wrapper

 */

#content-column {}

#content-column p a, #content-column li a { text-decoration: underline;}
#content-column p a:hover, #content-column li a:hover { text-decoration: none;}

/*

 * Wraps the main-content-header, the content region and feed-icons. Use this

 * wrapper to style the entire main content column

 */

#main-content {}



/*

 * Wraps the content region, avoid applying styles to this wrapper, its used

 * mainly for position and invisible gutters and can be problematic to style

 */

#content {}



.front #content {

max-width: 700px;

}



/*

 * Footer wrapper

 */

#footer {

	width: 940px;

	position: relative;

}



/*

 * Panels may need additional margin wrangling when in the $content region

 */

#content .panel-display {}



/*

 * Full Width Wrappers

 * These are used in the optional page--full-width-wrappers.tpl.php template.

 * All have internal .container classes. In the full width wrapper template the

 * .container classes set the width or max-width - you can style this but never

 * add any width/margin/padding/borders etc to .container

 */



/*

 * Wraps the leaderboard

 */

#leaderboard-wrapper {}

#leaderboard-wrapper .container {}



/*

 * Wraps the header

 */

#header-wrapper {

  /* Debug styles, is this working */

  background: rgba(255, 255, 255);

}

#header-wrapper .container {}



/*

 * Wraps the nav elements

 */

#nav-wrapper {}

#nav-wrapper .container {}



/*

 * Wraps breadcrumb

 */

#breadcrumb-wrapper {}

#breadcrumb-wrapper .container {}



/*

 * Wraps messages and help

 */

#messages-help-wrapper {}

#messages-help-wrapper .container {}



/*

 * Wraps the secondary content/preface region

 */

#secondary-content-wrapper {}

#secondary-content-wrapper .container {}



/*

 * Wraps the main content column

 */

#content-wrapper {}

#content-wrapper .container {}



/*

 * Wraps the tertiary content/postfix region

 */

#tertiary-content-wrapper {}

#tertiary-content-wrapper .container {}



/*

 * Footer wrapper

 */

#footer-wrapper {

  /* Debug styles, is this working? */

  background: rgba(255, 192, 203, 0.5);

}

#footer-wrapper .container {}





/* =============================================================================

 *   Branding

 * ========================================================================== */



/*

 * Wraps all the branding elements, logo, name and slogan

 */

#branding {}



/*

 * Logo

 */

#logo {

  padding: 10px 0;

}



#logo img {

  vertical-align: bottom;

}



/*

 * Wrapper for the site name and slogan (hgroup)

 */

#name-and-slogan {}



/*

 * Site name (h1)

 */

#site-name {

  margin: 0;

}



#site-name a {}



#site-name a:link,

#site-name a:visited {

  text-decoration: none;

}



#site-name a:hover,

#site-name a:focus {

  text-decoration: underline;

}



/*

 * Site slogan (h2)

 */

#site-slogan {

  margin: 0;

}





/* =============================================================================

 *   Page content header

 * ========================================================================== */



/*

 * Main content header wraps the page title, tabs and actions links

 */

#main-content-header {}



/*

 * The main page title (h1)

 */

#page-title {

  margin: 0;
	margin-bottom:4px;
  font-weight: normal;
font-weight: 400;
font-family: Montserrat;
	color: #E5007D;
	line-height:24px;

}

.lilac #page-title {
	color: #7673BF;
}

.teal #page-title {
	  color: #0AA4B4;
}

.purple #page-title {
	color:#532B6C;
}





/* =============================================================================

 *   Misc Global Styles

 * ========================================================================== */



/*

 * Feed icons

 */

.feed-icon {}



/*

 * Aggregator feed source

 */

#aggregator .feed-source .feed-icon {

  display: inline;

  float: none;

  margin-right: 10px;

}



.feed-details dt,

.feed-details dd {

  display: inline;

  margin: 0;

}



/*

 * Generic styles for the more link

 */

.more-link {}



/*

 * Generic styles for links. See the ul.links declaration in node and comment

 * stylesheets

 */

ul.links {

  margin: 0;

  padding: 0;

}



ul.links.inline {

  display: block;

}



ul.links li {

  display: inline;

  list-style: none;

  padding: 0 10px 0 0;

}



/*

 * Search results are an ordered list so reset the margin

 */

.search-results {

  margin: 0;

  padding: 0;

}





/* =============================================================================

 *   Regions

 * ========================================================================== */



/*

 * Standard region wrapper, don't add width to any regions, you will bork the

 * layout - no margin, padding or borders etc

 */

.region {}



/*

 * Regions have an inner div - perfect for adding margin, padding or borders

 */

.region-inner {}



/*

 * Regions can be nested, such as when using Panels

 */

.region-inner .region-inner {}



/*

 * Header region, embedded in the #header

 */

.region-header {}



/*

 * Generally used to output Drupals help block, if the help module is enabled

 */

.region-help {}



/*

 * Secondary content

 */

.region-secondary-content {}



/*

 * Sits above the main content header, like a content-top region

 */

.region-highlighted {}



/*

 * Sits below the main content, like a content-bottom region

 */

.region-content-aside {}



/*

 * Sidebars - targets both

 */

.sidebar {}



/*

 * First sidebar

 */

.region-sidebar-first {}



/*

 * Second sidebar

 */

.region-sidebar-second {}



/*

 * Tertiary content

 */

.region-tertiary-content {}



/*

 * Footer region

 */

.region-footer {}





/* =============================================================================

 *   Links

 * ========================================================================== */



a {

  text-decoration: none;

}



a:link,

a:visited {}



a:active,

a.active {}



a:hover,

a:focus {

  text-decoration: underline;

}





/* =============================================================================

 *   Primary, Secondary and Menu Bar region menus

 * ========================================================================== */



/*

 * Use one of the following id's for granular control:

 *  - #menu-bar (menu bar region)

 *  - #primary-menu (main menu)

 *  - #secondary-menu (secondary/user menu)

 * You can target all of these with .nav or div[id$="menu-bar"]

 */

.nav {

  clear: both;

  margin: 10px 0;

}



.nav ul,

.nav ul.menu {

  margin: 0;

  padding: 0;

}



.nav li,

.nav ul.menu li {

  display: inline;

  float: left;

  list-style: none;

  margin: 0;

  padding: 0;

}



.nav li a,

.nav ul.menu li a {

  display: block;

  white-space: nowrap;

  padding: 0 10px;

}



.nav li a:visited,

.nav ul.menu li a:visited {}



.nav li a:hover,

.nav li a:focus,

.nav ul.menu li a:hover,

.nav ul.menu li a:focus {}



.nav .block {

  margin-bottom: 0;

}





/* =============================================================================

 *   Superfish

 * ========================================================================== */



ul.sf-menu {

  margin-bottom: 0;

}



ul.sf-menu a {

  border-left: 0;

  border-top: 0;

  padding: 0 10px;

  text-decoration: none;

  height: 2.5em;

  line-height: 2.5em;

}



ul.sf-menu a:link,

ul.sf-menu a:visited {}



ul.sf-menu li {}



ul.sf-menu li:hover,

ul.sf-menu li.sfHover {

  outline: 0;

}



ul.sf-menu a {}



ul.sf-menu a:focus,

ul.sf-menu a:hover,

ul.sf-menu a:active {

  outline: 0;

}



/*

 * Superfish blocks

 */

.block-superfish {}



.block-superfish .block-inner .content {}



.block-superfish ul {

  margin: 0 !important;

  padding: 0 !important;

}



.block-superfish ul ul {}



.block-superfish ul ul ul {}



.block-superfish ul ul ul ul {}



.block-superfish li {

  margin: 0 !important;

  padding: 0 !important;

}



/*

 * Vertical style

 */

.sf-vertical {

  width: 100%;

}



.sf-vertical li {

  width: 100%;

}



.sf-vertical li.last {}



.sf-vertical li:hover ul,

.sf-vertical li.sfHover ul {

  left: 100%;

  top: 0;

  margin: 0;

  padding: 0;

}



.sf-vertical li a {

  padding: 0 10px;

}



/*

 * Navbar style

 */

.sf-navbar {

  padding-bottom: 0 !important;

}



/*

 * Sensible padding for the default style

 */

.sf-menu.sf-style-default a {

  padding: 0 10px;

}









/* =============================================================================

 *   Menus, usually blocks

 * ========================================================================== */



ul.menu {

  padding-left: 15px;

}



ul.menu ul {

  padding-left: 15px;

}



ul.menu ul ul {}



ul.menu ul ul ul {}



ul.menu li {

  margin: 0;

}



ul.menu li.collapsed,

ul.menu li.expanded,

ul.menu li.leaf {}



ul.menu li a {}



ul.menu li a:link,

ul.menu li a:visited {}



ul.menu li a:active,

ul.menu li a.active {}



ul.menu li a:hover,

ul.menu li a:focus { text-decoration: none;}



ul.menu li.active a,

ul.menu li ul.menu li.active-trail ul.menu li a { padding:4px 0 0 6px;}

nav ul.menu li.active a{ padding:0; }

ul.menu li.first,

ul.menu li.last {}



/* If li.content exists it's a problem, so reset the padding */

.block .menu li.content {

  padding: 0;

}

li.advice-centre ul.menu li.expanded ul.menu li a{padding-left:11px !important;}



/* =============================================================================

 *   Book navigation menu

 * ========================================================================== */



.book-navigation {}



.book-navigation .page-links {}



.book-navigation .page-previous {}



.book-navigation .page-next {}



.book-navigation .page-up {

  /* Prevent text wrapping to a new line, assumes the string is two chars */

  min-width: 2em;

  white-space: nowrap;

}



.book-navigation .menu {

  margin-left: 0;

}





/* =============================================================================

 *   Breadcrumbs

 * ========================================================================== */



#breadcrumb {

  margin: 10px 0;

}



/* If the label is set to show in theme settings the label class is added */

#breadcrumb .breadcrumb-label {

  font-size: 1em;

  display: inline;

  padding-right: 10px;

}



#breadcrumb .breadcrumb-label:after {

  content: ":";

}



#breadcrumb ol {

  margin: 0;

  padding: 0;

}



#breadcrumb .with-breadcrumb-label ol {

  display: inline;

}



#breadcrumb li {

  list-style: none;

  display: inline;

}



#breadcrumb li.crumb-first {}



#breadcrumb li.crumb-last {}



#breadcrumb a {}



#breadcrumb a:link,

#breadcrumb a:visited {}



#breadcrumb a:active,

#breadcrumb a.active {}



#breadcrumb a:hover,

#breadcrumb a:focus {}



#breadcrumb .crumb-separator {}





/* =============================================================================

 *   Pagers

 * ========================================================================== */



ul.pager {

  clear: both;

  margin: 0;

  text-align: center;

}



.item-list ul.pager li {

  margin: 0;

}



ul.pager li {

  background-image: none;

  display: inline;

  list-style-type: none;

  padding: .5em;

}



ul.pager li.pager-current {

  font-weight: 700;

}



.block ul.pager li {

  margin: 0;

}



/*

 * Theme the various states of pager links

 */

ul.pager li {}



ul.pager li a {}



ul.pager li a:link,

ul.pager li a:visited {}



ul.pager li a:active,

ul.pager li a.active {}



ul.pager li a:hover,

ul.pager li a:focus {}



ul.pager li.pager-item {}

ul.pager li.first {}

ul.pager li.last {}

ul.pager li.pager-current {}

ul.pager li.pager-first {}

ul.pager li.pager-previous {}

ul.pager li.pager-next {}

ul.pager li.pager-last {}





/* =============================================================================

 *   Skip Navigation

 * ========================================================================== */



#skip-link {

  left: 50%;

  margin-left: -6.5em;

  margin-top: 0;

  padding: 0 0.5em;

  position: absolute;

  width: 12em;

  z-index: 50;

}



#skip-link a {

  background: #444;

  background: rgba(0,0,0,0.6);

  color: #fff;

  display: block;

  line-height: 2;

  padding: 0;

  text-align: center;

  text-decoration: none;

}



#skip-link a:link,

#skip-link a:visited {

  background: #444;

  background: rgba(0,0,0,0.6);

  color: #fff;

  display: block;

  line-height: 2;

  padding: 0;

  text-align: center;

  text-decoration: none;

}



#skip-link a:hover,

#skip-link a:focus,

#skip-link a:active {

  outline: 0;

}





/* =============================================================================

 *   Tabs (local tasks)

 * ========================================================================== */



#tasks {

  margin-bottom: 15px;

}



ul.primary {

  border-bottom-color: #ccc;

  margin: 20px 0;

  padding: 0 0 0 5px;

}



ul.primary li {

  display: block;

  float: left;

  margin: 0 1px -1px;

}



ul.primary li a {

  background-color: #f5f5f5;

  border-color: #ccc;

  margin-right: 1px;

  padding: 0 10px;

  display: block;

  float: left;

  height: 1.5em;

  line-height: 1.5em;

}



ul.primary li a:hover,

ul.primary li a:focus {

  background-color: #eee;

  border-color: #ccc;

}



ul.primary li.active a,

ul.primary li.active a:hover,

ul.primary li.active a:focus {

  background-color: #fff;

  border-bottom-color: #fff;

}



ul.secondary {

  border-bottom: 1px solid #ccc;

  margin: 1em 0 0;

  padding: 0 .3em 1em;

}



ul.secondary li {

  border-right: 0;

  list-style: none;

  padding: 0 10px 0 0;

}



ul.secondary li a {}



ul.secondary li a:hover,

ul.secondary li a.active {

  border-bottom: none;

  text-decoration: underline;

}





/* =============================================================================

 *   Action links

 * ========================================================================== */



ul.action-links {

  margin: 20px 0 0;

  list-style: none;

}



ul.action-links li {}





/* =============================================================================

 *  Field Styling

 * ========================================================================== */



/*

 * Wrapper for any field

 */

.field {}



/*

 * Above and inline classes are on the field wrapper

 */

.field-label-above {}



/*

 * When labels are set to inline in field display settings the clearfix class is

 * automatically added

 */

.field-label-inline {}



.field-label-inline .field-label {

  margin: 0;

}



/*

 * Labels are h2 in Adaptivetheme. Use a strong selector to mitigate unwanted

 * ineritance issues

 */

.field-label {

  font-size: 1em;

  font-weight: 700;

  font-family: inherit;

  line-height: inherit;

  margin-bottom: 0;

}









/*

 * Field types (Core)

 */



/*

 * Image fields use the <figure> and <figcaption> elements from HTML5

 */

.field-type-image {}



.field-type-image .caption {}



.field-type-image .full-caption {}



.field-type-image .teaser-caption {}



/*

 * Taxonomy

 */

.field-type-taxonomy-term-reference {

  /* The same bottom margin as p, blockquote, ul, ol and dl */

  margin-bottom: 1.5em;
  
  display:none;

}



.field-type-taxonomy-term-reference.field-label-inline .field-items {

  margin: 0;

  padding: 0;

}



.field-type-taxonomy-term-reference.field-label-inline .field-item {

  display: inline;

  list-style: none;

  padding: 0 10px 0 0;

}



/*

 * Text

 */

.field-type-text {}



/*

 * Long text

 */

.field-type-text-long {}



/*

 * Text with summary

 */

.field-type-text-with-summary {}



/*

 * File

 */

.field-type-file {}



/*

 * Number/Integer

 */

.field-type-number-integer {}



/*

 * Decimal

 */

.field-type-number-decimal {}



/*

 * Number float

 */

.field-type-number-float {}



/*

 * List

 */

.field-type-list-text {}



/*

 * List boolean

 */

.field-type-list-boolean {}



/*

 * List integer

 */

.field-type-list-integer {}



/*

 * List float

 */

.field-type-list-float {}



/*

 * Field types (Contrib)

 */

.field-type-datetime {}



.field-type-node-reference {}



.field-type-user-reference {}



/*

 * Named fields

 */

.field-name-body {}



.field-name-field-image {}



.field-name-field-tags {}



/*

 * Underscores in field name are replaced with dashes

 */

.field-name-field-FIELDNAME {}



/*

 * Image Alignment Theme Settings - included here so you can easily override

 */

/*

 * Float none setting

 */

.ia-n .field-type-image,

.iat-n .field-type-image {}



/*

 * Float left setting

 */

.ia-l .field-type-image figure,

.iat-l .field-type-image figure {

  margin: 5px 20px 15px 0;

}



/*

 * Centered setting

 */

.ia-c .field-type-image figure,

.iat-c .field-type-image figure {

  margin: 5px auto 15px;

}



/*

 * Float right setting

 */

.ia-r .field-type-image figure,

.iat-r .field-type-image figure {

  margin: 5px 0 15px 20px;

}





/* =============================================================================

 *   Block Styling

 * ========================================================================== */



/*

 * Main wrapper for most blocks, block_system_main does not have it

 */

.block {

  margin-bottom: 20px;

}



/*

 * Inner wrapper for most blocks, good for margin, padding and borders,

 * block_system_main does not have it

 */

.block-inner {}



/*

 * The first block in the region

 */

.block.first {}



/*

 * The last block in the region

 */

.block.last {}



/*

 * Zebra striping for each block in the region

 */

.block.odd {}



/*

 * Zebra striping for each block in the region

 */

.block.even {}



/*

 * Block title

 */

.block-title {

  margin: 0;

}



/*

 * Block content wrapper

 */

.block-content {}



/*

 * Match item list and block menu margin and padding

 */

.block-content {}



.block-content ul,

.block-content ol {

  padding: 0 0 0 15px;

}



.block-content li {

  margin: 0;

  padding: 0;

}



/*

 * Block for the latest news items in the first category

 */

#block-aggregator-category-1 {}



/*

 * Block for the latest news items in the first feed

 */

#block-aggregator-feed-1 {}



/*

 * First block created with "Add block" link

 */

#block-block-1 {}



/*

 * "Recent blog posts" block

 */

#block-blog-recent {}



/*

 * "Book navigation" block for the current book's table of contents

 */

#block-book-navigation {}



/*

 * "Recent comments" block

 */

#block-comment-recent {}



/*

 * "Active forum topics" block

 */

#block-forum-active {}



/*

 * "New forum topics" block

 */

#block-forum-new {}



/*

 * Language switcher block

 */

#block-locale-language {}



/*

 * Custom menu block

 */

#block-menu-menu-NAME {}



/*

 * "Recent content" block

 */

#block-node-recent {}



/*

 * "Syndicate" block for primary RSS feed; see also page.css's .feed-icon

 */

#block-node-syndicate {}



/*

 * "Most recent poll" block

 */

#block-poll-recent {}



/*

 * "Author information" block for the profile of the page's author

 */

#block-profile-author-information {}



/*

 * "Search form" block

 */

#block-search-form {}



/*

 * "Shortcuts" block

 */

#block-shortcut-shortcuts {}



/*

 * "Popular content" block

 */

#block-statistics-popular {}



/*

 * "Main menu" block

 */

#block-system-main-menu {}



/*

 * "Management" block for Drupal management menu

 */

#block-system-management {}



/*

 * "Navigation" block for Drupal navigation menu

 */

#block-system-navigation {}



/*

 * "User menu" block for Drupal user menu

 */

#block-system-user-menu {}



/*

 * "System help" block

 */

#block-system-help {}



/*

 * "Main page content" block

 */

#block-system-main {}



/*

 * "Powered by Drupal" block

 */

#block-system-powered-by {}



/*

 * "User login form" block

 */

#block-user-login {}



/*

 * "Who's new" block for a list of the newest users

 */

#block-user-new {}



/*

 * "Who's online" block for a list of the online users

 */

#block-user-online {}





/* =============================================================================

 *   Node Styling

 * ========================================================================== */



.node {

  margin-bottom: 20px;

}



.node.node-promoted {}



.node.node-sticky {}



.node.node-by-viewer {}



.node.node-teaser {}



.node.node-full {}



.node.odd {}



.node.even {}



.node .node-title {

  margin: 0;

}



.node .user-picture {}



.node .submitted {}



.node .submitted .username {}



.node .submitted time {}



.node .node-content {}



.node ul.links {}



.node ul.links li {}



.node ul.links li a {}



.node ul.links li.node-read-more a {}



.node ul.links li.comment-add a {}



.node ul.links li.comment-comments a {}



.node ul.links li.comment-new-comments a {}



.node ul.links li.blog-sernames-blog a {}



.node ul.links li.print-html a {}



.node ul.links li.print-email a {}



.node ul.links li.print-pdf a {}



.preview .node {}



/*

 * All nodes are given a node-FOO class that describes the type of content that

 * it is. If you create a new content type called "my-custom-type", it will

 * receive a "node-my-custom-type" class.

 */

.node-page {}



.node-article {}



.node-book {}



.node-forum {}



.node-poll {}





/* =============================================================================

 *   Comment Styling - Comments, comment wrapper, comment form

 * ========================================================================== */



/*

 * Wrapper for the list of comments and its titles

 */

#comments {

  margin: 1.5em 0;

}



#comments h2 {}



#comments h2.comment-title {

  margin: 0;

}



#comments h2.comment-form {

  margin: 0;

}



/*

 * Wrapper for a single comment

 */

.comment {

  margin-bottom: 20px;

}



.comment.first {}



.comment.last {}



.comment.odd {}



.comment.even {}



.comment .user-picture {}



.comment .submitted {}



.comment .submitted p {}



.comment .submitted .username {}



.comment .submitted time {}



.comment .user-signature {}



.comment ul.links {}



/*

 * Comment title

 */

.comment-title {

  margin: 0;

}



/*

 * Comment states

 */

.comment-new {}



.comment-by-anonymous {}



.comment-by-node-author {}



.comment-by-viewer {}



.comment-title-hidden {}



.comment-with-picture {}



.comment-with-signature {}



/*

 * Preview of the comment before submitting new or updated comment

 */

.comment-preview {}



/*

 * "New" marker for comments that are new for the current user

 */

.new {

  color: #c00;

}



/*

 * Nested comments are indented

 */

.indented {

  margin-left: 40px;

}





/* =============================================================================

 *   Forms

 * ========================================================================== */



/*

 * Wrapper for a form element (or group of form elements) and its label

 */

.form-item {}



.form-item input.error,

.form-item textarea.error,

.form-item select.error {

  border: 1px solid #c00;

}



.form-item label {

  font-weight: 700;

}



.form-item label.option {}



/*

 * Highlight marks and form required mark

 */

.marker,

.form-required {

  color: #c00;

}



.form-item .description {

  font-size: 0.85em;

}



.form-checkboxes .form-item,

.form-radios .form-item {}



/*

 * The submit button

 */

.form-submit {}



.container-inline div,

.container-inline label {

  display: inline;

}



/*

 * Define consistent borders

 */

fieldset {

  border: 1px solid #ccc;

}



/*

 * Tips for Drupal's input formats

 */

.tips {}



/*

 * Buttons used by contrib modules like Media

 */

a.button {

  -webkit-appearance: button;

  -moz-appearance: button;

  appearance: button;

}



/*

 * Password confirmation

 */

.password-parent,

.confirm-parent {

  margin: 0;

}





/* =============================================================================

 *   Tables

 * ========================================================================== */



table {

  margin: 10px 0;

  padding: 0;

  width: 100%;

}



table.sticky-header {

  z-index: 10;

}



table,

thead,

tbody,

tr,

th,

td {

  border-color: #ffffff;

}



table,

td,

th {

  vertical-align: middle;

}



caption,

th,

td {

  text-align: left;

}



thead tr {

  font-weight: 700;

  background-color: #e5e5e5;



}



td,

th {

  border-bottom: 0;

  margin: 0;

  padding: 5px 7px;

}



tbody {}



tbody tr {

  border-top: 0px solid #ccc;

}



tr.odd {

  background: #fff;

}



tr.info,

tr.even,

tr:nth-child(2n+2) {

  border-bottom: 0;

  background-color: #f5f5f5;

}



tr.drag {}



tr.drag-previous {}



tr.odd td.active {

  background-color: #eee;

}



tr.even td.active {

  background-color: #eee;

}



.lt-ie8 tr {}



.lt-ie8 tr.even,

.lt-ie8 tr.odd {}



.lt-ie8 tr.even th,

.lt-ie8 tr.even td,

.lt-ie8 tr.odd th,

.lt-ie8 tr.odd td {

}



/*

 * Forum tables

 * Core sets white-space to nowrap, which makes no sense

 */

#forum td {}



#forum td.created,

#forum td.posts,

#forum td.topics,

#forum td.last-reply,

#forum td.replies,

#forum td.pager {

  white-space: normal;

}







/* =============================================================================

 *   Messages

 * ========================================================================== */



/* Left and right margin are set by the global gutter width */

div.messages {

  margin-bottom: 10px;

  margin-top: 10px;

}



div.messages ul {

  margin-top: 0;

  margin-bottom: 0;

}



div.status {}



div.warning {}



tr.warning {}



div.error,

tr.error {}



.error {}



.warning {}



/*

 * Unpublished nodes

 */

.node-unpublished,

.comment-unpublished {}



.node-unpublished,

.comment-unpublished {}



.node-unpublished p.unpublished,

.comment-unpublished p.unpublished {

  color: pink;

  color: rgba(239, 170, 170, 0.4);

  font-family: Impact,"Arial Narrow",Helvetica,sans-serif;

  font-size: 75px;

  font-weight: bold;

  height: 0;

  line-height: 1.2;

  margin: 0;

  padding: 0;

  overflow: visible;

  text-align: center;

  text-transform: uppercase;

  word-wrap: break-word;

}



/*

 * Otherwise these elements will appear below the "Unpublished" text

 */

.lt-ie8 {}



.lt-ie8 .node-unpublished > *,

.lt-ie8 .comment-unpublished > * {

  position: relative;

}





/* =============================================================================

 *    Maintenance pages

 * ========================================================================== */



.maintenance-page {}

.maintenance-page .container {

  padding: 40px 0;

}



.maintenance-page #site-name,

.maintenance-page #page-title {

  margin: 0;

}



.db-offline {}



.db-offline .container {

  margin: 0 auto;

  padding: 40px 0;

  width: 100%;

  max-width: 960px;

}



.db-offline div.messages {

  margin: 20px 0 0;

}



.db-offline #content {

  padding: 20px 0;

}





/* =============================================================================

 *   Misc overrides for contrib modules

 * ========================================================================== */



/*

 * Admin menu overrides

 */

#admin-menu {

  margin: 0;

  padding: 0;

}



/*

 * Devel Module

 */

.dev-query {

  background: #eee;

  padding: 30px;

}



/*

 * Styleguide module tweaks

 */

#styleguide-header {

  padding: 0 10px;

}



#styleguide-header .item-list {

  font-family: inherit;

  margin: 0 20px 20px 0;

  min-height: 260px;

  width: auto;

}





/* =============================================================================

 *   Misc overrides from Web developers for Icatcare

 * ========================================================================== */



/*







/* Custom amendments made by developers*/


.lilac a,
.lilac .coloured{
	color: #7673BF;
}

.teal a,
.teal .coloured{
	color: #0AA4B4;
}

.purple a,
.purple .coloured{
	color: #532B6C;
}

a,
.coloured{
	color: #E5007D;
}



.two-sidebars #main-content{

	margin:0 20px;

}





#block-block-7{

width:400px;	

float: left;

}



#block-gtranslate-gtranslate{

width: 185px;

float: right;

clear: right;

position: relative;

top: -20px;

}

#block-search-form{

width: 185px;

float: right;

clear: right;

position: relative;

top: 10px;

}



#block-gtranslate-gtranslate .block-inner,

#block-search-form .block-inner{

float: right;

margin:0;

}



#block-gtranslate-gtranslate .block-title{

	font-size: 13px;

	font-weight: normal;

}



#block-gtranslate-gtranslate img{

	margin-right:5px;

}



.title-part1 {

font-size: 31px;

}



.title-part2 {

font-size: 44px;

font-weight: bold;

color:#575656;

}



.slogan{

	text-transform: uppercase;

}



#menu-bar{

	margin:10px 0 15px;

}



.two-sidebars #menu-bar{

	margin: 10px 0 0px;

}



#block-search-form #edit-actions--2 {

position: absolute;

top: 4px;

right: 8px;

}

#block-search-form { /*NLS*/
	width:198px;
	overflow: auto;
	background-color: #f3f4f4;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: inset 0px 1px 2px 1px rgba(0, 0, 0, 0.4);
  box-shadow: inset 0px 1px 2px 1px rgba(0, 0, 0, 0.4);
	line-height: 25px;
	padding: 2px;
	margin-bottom: 10px;
	height: 23px;
	overflow: hidden;
	padding-right: 20px;
}


#block-search-form input[type="search"]{

	overflow: auto;

	background-color: #f3f4f4 !important;
	
	border: 0; /*NLS*/
	
	color: #999; /*NLS*/
	
	width: 194px; /*NLS*/
	
/*	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

	-webkit-box-shadow: inset 0px 1px 2px 1px rgba(0, 0, 0, 0.4);

	box-shadow: inset 0px 1px 2px 1px rgba(0, 0, 0, 0.4); NLS*/

	height: 19px;

}

#block-search-form input[type="search"]:focus{ /*NLS*/
	outline: none;
}

#block-search-form  .form-item-search-block-form /*NLS*/ {
}



/* leaderboard settings */



#leaderboard-wrapper{

	background-color: #E5007D;

	height: 10px;

	margin-bottom: 30px; /* NLS */

}

.lilac #leaderboard-wrapper,
.lilac #leaderboard-wrapper #block-menu-menu-press-contact{
	background-color: #7673BF;
}

.teal #leaderboard-wrapper,
.teal #leaderboard-wrapper #block-menu-menu-press-contact{
	background-color: #0AA4B4;
}

.purple #leaderboard-wrapper,
.purple #leaderboard-wrapper #block-menu-menu-press-contact{
	background-color: #532B6C;
}



#leaderboard-wrapper #block-menu-menu-press-contact{

	width: 220px; /*NLS*/

	float: right;

	background-color: #E5007D;

	border-radius: 5px;

}

#leaderboard-wrapper #block-menu-menu-press-contact > div { /*NLS*/
	margin: 0;
}


#block-menu-menu-press-contact .block-inner {

position: relative;

top: -5px;

}



#leaderboard-wrapper #block-menu-menu-press-contact li{

	list-style: none;

	width: auto;

	float: left;

	margin-right: 10px;

	padding-right: 10px;

}



#leaderboard-wrapper #block-menu-menu-press-contact li a{

	color:#fff;

}



#leaderboard-wrapper #block-menu-menu-press-contact li.first{

	border-right:1px solid #fff;

}


.block-region-header > .block-inner { /*NLS*/
	margin: 0;
}


.block-region-header > .block-inner p { /*NLS*/
	margin-bottom: 2px;
}

/* Main menu */



#block-menu-block-2{

	margin:0;

}



#block-menu-block-2 li{

	height:40px;

	width: 133px;
	margin-right:1px;

	text-align:center;

	background: #e6e7e8;

	background: -moz-linear-gradient(top, #e6e7e8 0%, #cfcfd0 100%);

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e7e8), color-stop(100%,#cfcfd0));

	background: -webkit-linear-gradient(top, #e6e7e8 0%,#cfcfd0 100%);

	background: -o-linear-gradient(top, #e6e7e8 0%,#cfcfd0 100%);

	background: -ms-linear-gradient(top, #e6e7e8 0%,#cfcfd0 100%);

	background: linear-gradient(to bottom, #e6e7e8 0%,#cfcfd0 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e7e8', endColorstr='#cfcfd0',GradientType=0 );

	 -webkit-transition: all 0.3s ease-out;  /* Chrome 1-25, Safari 3.2+ */

     -moz-transition: all 0.3s ease-out;  /* Firefox 4-15 */

       -o-transition: all 0.3s ease-out;  /* Opera 10.50–12.00 */

          transition: all 0.3s ease-out;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */

}

#block-menu-block-2 li.active {
	background: #cfcfd0;

	background: -moz-linear-gradient(top, #cfcfd0 0%, #e6e7e8 100%);

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cfcfd0), color-stop(100%,#e6e7e8));

	background: -webkit-linear-gradient(top, #cfcfd0 0%,#e6e7e8 100%);

	background: -o-linear-gradient(top, #cfcfd0 0%,#e6e7e8 100%);

	background: -ms-linear-gradient(top, #cfcfd0 0%,#e6e7e8 100%);

	background: linear-gradient(to bottom, #cfcfd0 0%,#e6e7e8 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfcfd0', endColorstr='#e6e7e8',GradientType=0 );
}



#block-menu-block-2 li:hover{

	background: #cfcfd0;

	background: -moz-linear-gradient(top, #cfcfd0 0%, #e6e7e8 100%);

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cfcfd0), color-stop(100%,#e6e7e8));

	background: -webkit-linear-gradient(top, #cfcfd0 0%,#e6e7e8 100%);

	background: -o-linear-gradient(top, #cfcfd0 0%,#e6e7e8 100%);

	background: -ms-linear-gradient(top, #cfcfd0 0%,#e6e7e8 100%);

	background: linear-gradient(to bottom, #cfcfd0 0%,#e6e7e8 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfcfd0', endColorstr='#e6e7e8',GradientType=0 );

	 -webkit-transition: all 0.3s ease-out;  /* Chrome 1-25, Safari 3.2+ */

     -moz-transition: all 0.3s ease-out;  /* Firefox 4-15 */

       -o-transition: all 0.3s ease-out;  /* Opera 10.50–12.00 */

          transition: all 0.3s ease-out;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */

}



#block-menu-block-2 li a{



	text-shadow:0px 1px 0px #fff;

	color: #808285;

	font-size:13px;
	
	font-family: 'Montserrat', sans-serif;
	font-weight:400;
	display: block;
	line-height:40px;
	height:40px;

}



#block-menu-block-2 li a:hover,

#block-menu-block-2 li a.active{

	text-decoration:none;

	color:#E5007D

}

.lilac #block-menu-block-2 li a:hover{
	color: #7673BF;
}

.teal #block-menu-block-2 li a:hover{
	color: #0AA4B4;
}

.purple #block-menu-block-2 li a:hover{
	color: #532B6C;
}

#block-menu-block-2 li a.active{

background: url(images/menu-on-arrow.png) no-repeat center 32px;

}



/* home page amendments */







.front .region-content-aside .block{

	width: 218px;

	float: left;

	margin-right: 22px;

  background-color: #f3f4f4;

  background-image: -webkit-gradient(linear, left top, left bottom, from(#f3f4f4), to(#dadbdb)); /* Chrome, Safari 4+ */

  background-image: -webkit-linear-gradient(top, #f3f4f4, #dadbdb); /* Chrome 10-25, iOS 5+, Safari 5.1+ */

  background-image:    -moz-linear-gradient(top, #f3f4f4, #dadbdb); /* Firefox 3.6-15 */

  background-image:      -o-linear-gradient(top, #f3f4f4, #dadbdb); /* Opera 11.10-12.00 */

  background-image:         linear-gradient(to bottom, #f3f4f4, #dadbdb);

  height:250px;

}



/* cat care blocks front page blocks*/



.catcare-title {

font-size: 30px;

font-weight: bold;

line-height: 10px;

position: relative;

padding-left: 40px;

}



.catcare-sub {

font-size: 20px;

font-weight: initial;

padding-left: 40px;

}



#block-block-4 {

	border-top: 10px solid #7673BF;

	padding-top:25px;

}



#block-block-4 .catcare-title {

background: url(/sites/all/themes/at_icatcare/css/images/logo-advice.png) no-repeat;

background-size: 35px;

}



#block-block-4 .catcare-sub,

#block-block-4 a{

	color:#7673BF;

}



#block-block-5 {

	border-top: 10px solid #0AA4B4;

	padding-top:25px;

}



#block-block-5 .catcare-title {

	background: url(/sites/all/themes/at_icatcare/css/images/logo-in-action.png) no-repeat;

	background-size: 35px;

}



#block-block-5 .catcare-sub,

#block-block-5 a{

	color:#0AA4B4;

}



#block-block-6 {

	border-top: 10px solid #532B6C;

	padding-top:25px;

}



#block-block-6 .catcare-title {

background: url(/sites/all/themes/at_icatcare/css/images/logo-vets.png) no-repeat;

background-size: 35px;

}



#block-block-6 .catcare-sub,

#block-block-6 a{

	color:#532B6C;

}



.front .region-content-aside p {

margin-bottom: 1em;

}



/* footer links blocks */



.region-tertiary-content .block{

	width:240px;

	float:left;

	padding-top: 30px;
	padding-bottom: 20px;

}



.region-tertiary-content .block-inner{

	margin-left:0;

}



.region-tertiary-content .block-title{

	font-size:18px;

	color:#E5007D;

	font-weight: initial;

}

.lilac .region-tertiary-content .block-title{
	color: #7673BF;
}

.teal .region-tertiary-content .block-title{
	  color: #0AA4B4;
}

.purple .region-tertiary-content .block-title{
	color:#532B6C;
}


.region-tertiary-content .block li{

line-height: 25px;

}



.region-tertiary-content .block ul{

	margin:.5em 0;
	list-style-type: none;
	padding-left: 0;

}


.region-tertiary-content li a {
	color: #808285 !important;
}

/*  partners footer block */



#block-block-2{

	font-size:10px;

	font-weight:normal;

	width: 560px;

	float: left;

}



#block-block-2 img{

	margin-right:20px !important;

}



#block-block-2 .block-inner{

	margin-left:0

}



/* Terms and conditions footer block */



#footer-wrapper,

#tertiary-content-wrapper{

	background-color:#e0e1e2

}



#block-menu-menu-footer-terms-and-sitemap{

	float: right;

	width: 325px;

	font-size: 10px;

	position: absolute;

	bottom: 0;

	right: 0;

}



#block-menu-menu-footer-terms-and-sitemap .block-inner {

float: right;

margin-right: 0;

}



#block-menu-menu-footer-terms-and-sitemap li{

	list-style: none;

	width: auto;

	float: left;

	margin-right: 10px;

	padding-right: 10px;

	border-right: 1px solid #E5007D;

}

.lilac #block-menu-menu-footer-terms-and-sitemap li{
	border-right: 1px solid #7673BF;
}

.teal #block-menu-menu-footer-terms-and-sitemap li{
	border-right: 1px solid #0AA4B4;
}

.purple #block-menu-menu-footer-terms-and-sitemap li{
	border-right: 1px solid #532B6C;
}


#block-menu-menu-footer-terms-and-sitemap li.last{

	margin-right:0;

	border:none;

	padding-right:0;

}



#block-menu-menu-footer-terms-and-sitemap li a{
}



/* sidebar second blocks*/



.region-sidebar-second .block-title{
	font-weight:normal;
	color:#fff;
	text-align: left;
	padding: 5px 20px;
	background-color: #E5007D;
font-weight: 400;
font-family: Montserrat;
font-size: 18px;
}

.lilac .region-sidebar-second .block-title{
	background-color: #7673BF;
}

.teal .region-sidebar-second .block-title{
	background-color: #0AA4B4;
}

.purple .region-sidebar-second .block-title{
	background-color: #532B6C;
}

.region-sidebar-second .block-title a{
	color:#fff;
}

.region-sidebar-second p{
	margin-bottom:1em;
}

.region-sidebar-second #block-block-11 a{

	color:#fff;

	text-decoration:none;

}



.region-sidebar-second .block-content a{

	text-decoration:underline;
}



.region-sidebar-second .block-content .views-row{

	padding-top: 5px;

}



.region-sidebar-second  .block-content li{

	margin: 0;

	padding: 0;

}



#block-block-1,
#block-webform-client-block-29, 
#block-block-13{

background: #e6e7e8;

margin:15px 0;

}



#block-block-1 p.social-links-img{

	margin:0 0 .5em;

}



.region-sidebar-second .block-inner{

	margin:15px 0;

}



#block-block-1 .block-inner,
#block-block-13 .block-inner,
#block-webform-client-block-29 .block-inner{

	padding:10px 0 0 0;

	margin: 0 10px;

}

#block-block-13 .content #portal-link{
font-family: 'Montserrat', sans-serif;
font-weight: bolder;
color: #fff;
text-decoration: none;
background: url(images/member-button.png) no-repeat;
width: 100%;
padding: 11px 0px;
display:block;
text-align:center;
}

#block-block-11{

font-family: 'montserrat';

background:url(images/btn/pink_off.jpg) no-repeat;

color: #FFF;

text-decoration: none;

padding: 8px 5px 8px;

text-shadow: 0px 1px 0px #666;

/* filter: dropshadow(color=#666, offx=0, offy=1); */

 -webkit-transition: all 0.3s ease-out;  /* Chrome 1-25, Safari 3.2+ */

     -moz-transition: all 0.3s ease-out;  /* Firefox 4-15 */

       -o-transition: all 0.3s ease-out;  /* Opera 10.50–12.00 */

          transition: all 0.3s ease-out;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */

}

#block-block-11:hover{

	background:url(images/btn/pink_on.jpg) no-repeat;

	 -webkit-transition: all 0.3s ease-out;  /* Chrome 1-25, Safari 3.2+ */

     -moz-transition: all 0.3s ease-out;  /* Firefox 4-15 */

       -o-transition: all 0.3s ease-out;  /* Opera 10.50–12.00 */

          transition: all 0.3s ease-out;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */

}

.lilac #block-block-11{
	background:url(images/btn/lilac_off.jpg) no-repeat;
}

.teal #block-block-11{
	background:url(images/btn/teal_off.jpg) no-repeat;
}

.purple #block-block-11{
	background:url(images/btn/purple_off.jpg) no-repeat;
}

.lilac #block-block-11:hover{
	background:url(images/btn/lilac_on.jpg) no-repeat;
}

.teal #block-block-11:hover{
	background:url(images/btn/teal_on.jpg) no-repeat;
}

.purple #block-block-11:hover{
	background:url(images/btn/purple_on.jpg) no-repeat;
}

#block-block-11 .block-inner{

	margin:0 10px;

}



#block-block-11 p{

	margin:0 0 0.5em;

}



.front #main-content {

margin: 0;

}



#views-slideshow-ddblock-front_page_view_ddblock_block .container.clearfix {

margin: 0;

}



#block-webform-client-block-29 header{

	display:none;

}



#webform-client-form-29 {
	position: relative;
}

#block-webform-client-block-29 input.email {

	width: 185px;
	border-radius: 5px;
	padding: 4px 5px;
	border: 1px solid #A8A8A8;
	-webkit-box-shadow: inset 1px 2px 1px 0px rgba(0, 0, 0, 0.3);
	box-shadow: inset 1px 1.5px 2px 0px rgba(0, 0, 0, 0.3);
	line-height:18px;
}



#block-webform-client-block-29 .node{

	margin-bottom:0px;

}



#block-webform-client-block-29 .node #edit-actions,

#block-webform-client-block-29 .node #edit-actions--2{


}

.feed-icon{
	display:none;
}

/* secondary menu */



.region-sidebar-first .block{

	margin-bottom:0;

}



.region-sidebar-first .block .block-inner{margin:0}



.region-sidebar-first .block ul.menu{ padding:0; margin:0; margin-bottom: 0px; padding-top: 5px;}

#block-menu-menu-sidebar-advice-menu- ul.menu{ padding:0; margin:0; margin-bottom: 0px; padding-top: 0px; padding-left: 0px;}



.region-sidebar-first .block ul.menu ul.menu{ padding-top: 5px;}

.block-content ul.menu li.advice-centre ul.menu li:first-child{ padding-top:5px;}

.region-sidebar-first .block ul.menu li{list-style: none; margin-bottom: 4px;}

.region-sidebar-first .block ul.menu ul.menu ul{ padding-left: 4px;}
.region-sidebar-first .block ul.menu ul.menu ul li{ margin-bottom: 6px; list-style: none !important; line-height: 13px;}
.region-sidebar-first .block ul.menu ul.menu ul li a{ font-size: 11px; font-weight: bold;}



.region-sidebar-first .block ul.menu li a,

.region-sidebar-first .block .block-title a

{

	display:block;

	padding:5px 5px 5px 10px;

	font-size: 16px;

}



.region-sidebar-first .block .block-title{

margin: 0;

font-size: 14px;

font-weight: normal;

}



.region-sidebar-first .block ul.menu li ul li{list-style: square inside url(images/arrow-main.PNG);}
#block-menu-block-1 ul.menu li ul li{ list-style: none; padding-left:14px; font-size: 11px; font-weight: bold;}	
#block-menu-block-1 ul.menu li ul li a{ font-size: 11px;}	


.region-sidebar-first .block ul.menu li ul li a{padding:0;background:#fff !important;font-size: 12px;}



.region-sidebar-first .block-menu-block .block-title a {color:#fff; background: #E5007D url(images/arrow-down.png) no-repeat 95% 50%; font-family: Montserrat; font-weight: 700; font-size:15px;}



.region-sidebar-first .block-menu-block .block-content ul.menu li a{color:#E5007D;background:#fff;font-size: 12px;text-decoration: none; padding: 0;}



#block-menu-block-1 ul.menu li {
	list-style: square outside url(images/arrow-main.PNG);
	padding-left: 0px;
    width: 171px;
    float: right;
}



#block-menu-menu-sidebar-advice-menu- ul.menu li a{background:#7673BF url(images/arrow-right.png) no-repeat 95% 50%;  }

li.advice-centre > a {font-family: Montserrat; font-weight: 700; font-size:15px;}


#block-menu-menu-sidebar-advice-menu- ul.menu li a.active,
#block-menu-menu-sidebar-advice-menu- ul.menu li.expanded a{background:#7673BF url(images/arrow-down.png) no-repeat 95% 50%;}



#block-menu-menu-in-action ul.menu li a{background:#0AA4B4  url(images/arrow-right.png) no-repeat 95% 50%; }
li.in-action > a {
	font-family: Montserrat; font-weight: 700; font-size:15px;
}


#block-menu-menu-in-action ul.menu li a.active,
#block-menu-menu-in-action ul.menu li.expanded a{background:#0AA4B4 url(images/arrow-down.png) no-repeat 95% 50%;}



#block-menu-menu-for-vets ul.menu li a{background:#532B6C  url(images/arrow-right.png) no-repeat 95% 50%;}

li.for-vets > a{ font-family: Montserrat; font-weight: 700; font-size:15px;}



#block-menu-menu-for-vets ul.menu li a.active,
#block-menu-menu-for-vets ul.menu li.expanded a{
	background:#532B6C url(images/arrow-down.png) no-repeat 95% 50%;}



#block-menu-menu-sidebar-advice-menu- a{color:#fff;}



#block-menu-menu-sidebar-advice-menu- ul.menu li ul li{
	list-style: square outside url(images/arrow-advice.PNG);
	padding-left: 0px;
    width: 171px;
    float: right;
}

#block-menu-menu-sidebar-advice-menu- ul.menu li ul li a {
	color:#7673BF;
}



#block-menu-menu-in-action a{color:#fff;}



#block-menu-menu-in-action ul.menu li ul li{
	list-style: square outside url(images/arrow-in-action.PNG);
	padding-left: 0px;
    width: 171px;
    float: right;
}



#block-menu-menu-in-action ul.menu li ul li a {color:#0AA4B4;}



#block-menu-menu-for-vets a{color:#fff;}



#block-menu-menu-for-vets ul.menu li ul li {
	list-style: square outside url(images/arrow-vets.PNG);
	padding-left: 0px;
    width: 171px;
    float: right;
}



#block-menu-menu-for-vets ul.menu li ul li a {color:#532B6C;}



/* Shop page  */

#block-views-shop-block-1{}

#block-views-shop-block-1 .views-row{
	float: left;
	border-bottom: #c2c2c2 1px solid;
	position: relative;
	width: 100%;
	margin: 20px 0;
}

#block-views-shop-block-1 .views-row-1{
	margin-top:0;
}

#block-views-shop-block-1 .views-row .views-field-uc-product-image .field-content{
	width: 190px;
}

#block-views-shop-block-1 .views-row .views-field-addtocartlink{
	float: left;
	width: 190px;
	clear: left;
}

#block-views-shop-block-1 .views-row .views-field-addtocartlink .field-content{
	float:right;
}

#block-views-shop-block-1 .views-row .views-field-addtocartlink input[type="submit"],
.node .add-to-cart input[type="submit"]{
	background: url(images/addtocart-btn.png) no-repeat;
	width: 190px;
	border: none;
	color: #fff;
	padding: 10px;
}

#block-views-shop-block-1 .views-row .views-field-addtocartlink input[type="text"],
.node .add-to-cart input[type="text"]{
	border-radius: 6px;
	box-shadow: 0px 1px 2px 0px #C2C2C2 inset;
	padding: 5px;
	border: 1px solid #c2c2c2;
}

#block-views-shop-block-1 .views-row .views-field-addtocartlink label{
	padding: 7px 0;
	font-size: 10px;
	font-weight: bold;
}

#block-views-shop-block-1 .views-row .views-field-title,
#block-views-shop-block-1 .views-row .views-field-sell-price,
#block-views-shop-block-1 .views-row .views-field-body,
.node .display-price{
	float: right;
	clear: left;
	width: 280px;
}

#block-views-shop-block-1 .views-row .views-field-body p:first-child{
	font-weight:bold
}

#block-views-shop-block-1 .views-row .views-field-title{
	font-size: 12px;
	color: #e6007e;
	font-weight: bolder;
	margin:10px 0;
}

#block-views-shop-block-1 .views-row .views-field-sell-price,
.node .display-price{
	font-size: 24px;
	color: #e6007e;
	margin: 10px 0;
}

#block-block-14 {
width: 400px;
float: left;
}

li.dhtml-menu-open > a {
font-style: normal !important;
}

/* ---- import of arnaud-overides.css ---- */

a,h3{
	color: #E5007D;
}

.lilac a,
.lilac h3{
	color: #7673BF;
}

.teal a,
.teal h3{
	color: #0AA4B4;
}

.purple a,
.purple h3{
	color: #532B6C;
}

.item-list.item-list-pager {
margin-top: 50px;
}

.vets .region-content-aside .block{
	width: 140px;
	float: left;
	padding: 1%;
	background: #f3f4f4;
	height: 143px;
	margin: 0 0 35px 20px;
	border-top: 8px #532B6C solid;
	position: relative;
}

.vets .region-content-aside .block .isfm-find-more{
	background: url(images/btn-vets-purple.png) no-repeat;
	color: #fff;
	width: 100%;
	position: absolute;
	bottom: 10px;
	padding: 6px 10px;
	height: 18px;
}

#block-block-13 .content #become-member-link{
	background: url("images/become-member.png") no-repeat scroll 0 0 transparent;
  color: #FFFFFF;
  font-family: 'Montserrat',sans-serif;
  font-weight: bolder;
  padding: 11px 42px;
  text-decoration: none;
  width: 100%;
}

#block-block-13 .block-inner{
	padding-bottom:10px;
}

.vets .region-content-aside .block img {
position: absolute;
bottom: 50px;
right: 15px;
}

/* single banne*/

#block-views-single-banner-block-block .views-row .views-field-body{
	position: absolute;
	width: 150px;
	padding: 20px;
}

#block-views-single-banner-block-block .views-row .views-field-body p{
	color:#fff;
}

/* webform theme */

fieldset#webform-component-personal-details,
fieldset#webform-component-donation-fieldset,
fieldset#webform-component-donation-details,
fieldset#webform-component-cat-details,
fieldset#webform-component-membership,
fieldset#webform-component-main-congress-registration,
fieldset#webform-component-pre-congress-symposia-fieldset,
fieldset#webform-component-social-events-fieldset{
	width: 475px;
	border-top: #E5007C solid 10px;
	margin-bottom: 18px;
	padding: 20px 0 0;
}

.node-webform fieldset{
border: none;
background: #e8e8e8;
padding: 0 5px 0px 18px;
}

.node-webform fieldset .fieldset-legend{
	font-size:24px;
	color:#E5007D;
	font-family:'Montserrat', sans-serif;
}

.node-webform fieldset .form-item-submitted-donation-fieldset-donation-details-amount-select .form-radios .form-item,
.node-webform fieldset .form-item-submitted-donation-details-donation-fieldset-amount-select .form-radios .form-item{
width: 145px;
float: left;
}

.node-webform .webform-component{
	float:left;
	clear:right;
	padding-right: 12px;
}

#webform-component-personal-details--name--first-name {
clear: both;
}

#webform-component-personal-details--name--title .form-select {
width: 85px;
}

.node-webform .webform-component-textfield input,
.node-webform .webform-component-textarea textarea{
background-color: #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: inset 0px 1px 2px 1px rgba(0, 0, 0, 0.4);
box-shadow: inset 0px 1px 2px 1px rgba(0, 0, 0, 0.4);
overflow: hidden;
border: 1px #e8e8e8 solid;
}

.node-webform .webform-component-textfield input{
	height:20px;
	max-width:205px;
}


#block-webform-client-block-29 input[type='submit'] {
background: url(images/submit-arrow-circle-pink.png) no-repeat;
width: 17px;
height: 17px;
border: 0;
color: #fff;
padding: 0 0 0 17px;
overflow: hidden;
position: absolute;
right: 9px;
top: 18px;
}

.teal #block-webform-client-block-29 input[type='submit'] {
background: url(images/submit-arrow-circle-teal.png) no-repeat;
}
 
.purple #block-webform-client-block-29 input[type='submit'] {
background: url(images/submit-arrow-circle-purple.png) no-repeat;
}
 
.lilac #block-webform-client-block-29 input[type='submit'] {
background: url(images/submit-arrow-circle-lilac.png) no-repeat;
}

.node-webform .webform-client-form input[type='submit']{
background: url(images/submit.png) no-repeat;
width: 112px;
border: none;
color: #fff;
padding: 10px;
}

.form-item .form-item label{
	font-weight:normal;
}

/*--- Views search for clinics and catteries ----*/

.view-catteries-search .views-row,
.view-clinics-search .views-row{
	padding:20px;
	border-bottom:1px solid #444444;
	min-height: 200px;
}

.view-display-id-attachment_1 .views-row{
	padding:0;
	border:none;
	min-height: auto;
	float:right;
}

.view-catteries-search .views-label,
.view-clinics-search .views-label{
	float: left;
	color: #E5007D;
	width: 20px;
}

.view-filters {
	margin: 20px 0 15px;
	border-top: 10px solid #E5007D;
	padding: 15px 22px;
	background-color: #e8e9ea;
}

.lilac .view-filters {
	border-top: 10px solid #7673BF;
}

.teal .view-filters {
	border-top: 10px solid #0AA4B4;
}

.purple .view-filters {
	border-top: 10px solid #532B6C;
}

.form-select{
width: 210px;
border-radius: 4px;
padding: 4px 5px;
border: 1px solid #A8A8A8;
-webkit-box-shadow: inset 1px 2px 1px 0px rgba(0, 0, 0, 0.3);
box-shadow: inset 1px 1.5px 2px 0px rgba(0, 0, 0, 0.3);
}

.image-style-150width-listing-searches,
.views-field.views-field-field-member-of-iscfc{
float: right;
}

.view-alphadir .views-summary,
.view-directory .views-summary{
	font-size: 20px;
}

.region-sidebar-second #block-uc-cart-cart .block-inner {
margin: 0 0 15px 0;
}

fieldset fieldset{
max-width: 450px;
}

fieldset fieldset input{
	max-width:400px;
}

.front img.print-icon {
display:none;
}
.a-z_menu {
	list-style-type: none;
	margin: 0;
	padding: 0;	
	color:#7673BF;
}
.a-z_menu li {
	font-size: 20px;
	display: inline;
	color: #7673BF;
	margin: 0;
	padding: 0 3px 0 0;
	cursor: pointer;	
	color:#7673BF;
}
.a-z_menu li:hover {
	text-decoration: underline;
	color: #7673BF;
}
.a-z_content h2 {
	margin-top: 0;
	padding-top: 0px;	
	color:#7673BF;
}
.a-z_content a,
.a-z_menu a,
.a-z_content a:link,
#node-11207 .a-z_content a:link,
#node-11207 .a-z_content a,
#node-11207 .a-z_content h2,
.wrappedAreas a,
.wrappedAreas h2
 {
	color:#7673BF;
}
.page-node-11207 #page-title {
	color:#7673BF;
}


/* For the caption list */

.wfo_widget h4, 
.wfo_widget tfoot, 
.wfo_widget thead, 
.wfo_widget .count,
.wfo_widget .timestamp {
	display: none;
}