/*
This CSS resource incorporates links to font software which is the valuable copyrighted
property of Monotype Imaging and/or its suppliers. You may not attempt to copy, install,
redistribute, convert, modify or reverse engineer this font software. Please contact Monotype
Imaging with any questions regarding Web Fonts:  http://webfonts.fonts.com
*/

/* ------------------------------------------
// OUTER STRUCTURE
----------------------------------------- */
body{ margin: 0; padding:0; font-family: Arial, sans-serif; font-size: 12px; font-weight: normal; }
body > iframe{ display: none; }

.wrapper{ text-align: center; }
.wrapper > .content{ width: 980px; margin: 0 auto; text-align: left; border: 1px solid #000; }

/* ------------------------------------------
// TYPOGRAPHY
----------------------------------------- */

h1,h2,h3,h4,h5,h6,p{ margin: 0 0 10px; }
p, li{ line-height: 17px; }
h1,h2,h3{ -webkit-text-shadow: 0 0 1px rgba(0,0,0,0.3); }
h1{ font-family: "ITC American Typewriter W02", Arial, Helvetica, sans-serif; font-size: 40px; font-weight: normal; }
h2{ font-family: "ITC American Typewriter W02", Arial, Helvetica, sans-serif; font-size: 25px; font-weight: normal; color: #002596; }
h3{ font-family: "ITC American Typewriter W02", Arial, Helvetica, sans-serif; font-size: 20px; font-weight: normal; color: #002596; }
h4{ font-family: "ITC American Typewriter W02", Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal; color: #002596; }
h4{  }
h5{  }
h6{  }

.callus{ color: #134d78; font-size: 14px; padding: 0 5px; padding-top: 10px;}
.phone{ font-size: 16px; font-weight: bold; display: inline; white-space: nowrap; }
.openinghours{color: #2c2c2c; font-size: 10px; padding: 0 5px; line-height: 14px;}

p.strong { font-weight:bold; }
span.underline { text-decoration: underline; }
a{ color: #002596; text-decoration: none; transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -ms-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; zoom: 1; }
a:hover{ text-decoration: underline; }

/* ------------------------------------------
// MISC STYLES
----------------------------------------- */
.clear{ clear: both; line-height: 0; height: 0; display: block; }
.clearfix:after, .subheading:after, dl:after{ visibility: hidden; display: block; font-size:0; content:"."; clear: both; height:0; color: #fff; }
* html .clearfix{ height: 1%; } /* IE6 */
*:first-child+html .clearfix{ display: inline-block; } /* IE7 */
.fright{ float: right; }
.fleft{ float: left; }
img{ border:0 !important;  }
.calign{ text-align: center; }
.lalign{ text-align: left; }
.ralign{ text-align: right; }
.hidden{ display: none;}
.imgalign img{ width: 45%; margin-left: -4%}

.imgholder{ width: 119px; height: 83px; border: 1px solid #002596;display: block; margin-bottom: 5px; }
.imgholder img{ display: block; }


.indent-40{ margin: 10px 40px; }
.marginright20{margin-right: 20px}
.arial{ font-family: Arial, Helvetica, sans-serif !important; }
.styleimg{
	padding: 7px; border: 1px solid #94a9b4; background: #EDF1F3; display: block; position: relative;
	border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px;
	behavior: url(/assets-new/PIE.htc);
}

/* ------------------------------------------
// HEADER / FOOTER
----------------------------------------- */
#header, #footer{ background-color: #f0f0f0; }
#header, .menuHolder{ width: 980px; margin: 0 auto; }

#header{ overflow: hidden; background: #f0f0f0; z-index: 402; border: 1px solid #cdcdcd;}
#header #innerheader{ padding-bottom: 15px; position: relative; min-height: 63px; overflow: hidden; }
#header > div{ width: 980px; margin: 0 auto; text-align: left; }
#header .sharing{ width: 500px; text-align: center; margin: 25px auto 0; }
#header .site_search{ position: absolute; top: 0; right: 20px; padding-top: 10px; }
#header .site_search div{ position: relative; }
#header .site_search .search_text{ padding: 3px; padding-left: 30px; margin:0; }
#header .site_search .search_btn{ background: url('../images/core/search-icon.gif') no-repeat 2px center; text-indent: -99999px; position: absolute; top:0; left:4px; border:0; width: 25px; height: 25px; border-right: 1px solid #ccc; }
#header .site_search .search_btn:hover{ cursor: pointer; }

#header .site_search ul{ overflow: hidden; padding:0; list-style-type: none; text-align: right; margin: 10px 0 5px; }
#header .site_search ul li{ display: inline-block; border-left: 1px solid #606060; padding: 0 5px 0 8px; }
.ie6 #header .site_search ul, .ie7 #header .site_search ul{ float: right; }
.ie6 #header .site_search ul li, .ie7 #header .site_search ul li{ float: left; }
#header .site_search ul li:first-child{ border:0; }
#header .site_search ul a{ color: #606060; font-width: bold; }

.ie #header .site_search div.phone{ position: absolute; top:10px; right:0; }
#header .site_search .phone p{ font-size: 27px; font-weight: bold; color: #002596; padding:0; margin:0; line-height: 19px; padding-top:20px; }

#header #companylogo{ position: absolute; top: 10px; left:20px; }


#footer{
	background: url('../images/core/footer-background.jpg') repeat-x #e6e6e6; color: #464646; padding-bottom: 15px;
}
#footer > div{ width: 980px; margin: 0 auto; text-align: left; padding-top: 15px; }
#footer .footer_nav,#footer .footer_nav_row{ border-top: 1px dashed #ccc; overflow:hidden; margin:15px 0 15px; padding:0; list-style-type: none; }
#footer .footer_nav li{ display: inline-block; margin-top: 10px; }
.ie7 #footer .footer_nav li,.ie8 #footer .footer_nav li{ float: left; }
#footer .footer_nav li a{ color: #002596; }
#footer .footer_nav_row{ border: none; margin-top: -15px; margin-bottom: 15px;}

#footer .bigfooter-links, #footer .bigfooter-links ul{ list-style-type: none; margin:0; padding:0; overflow: hidden; color: #002596; }
#footer .bigfooter-links a{ font-size: 11px; color: #424242; }
#footer .bigfooter-links > li{ float: left; width: 16%; margin-right: 6px; }
#footer .bigfooter-links > li > a{ text-transform: uppercase; font-size: 16px; color: #002596; font-weight: bold; margin-bottom: 8px; display: block; }
#footer .bigfooter-links > li:last-child{ margin-right:0; }

#footer .bigfooter-links ul a{ display: block; padding: 2px 0; }

#footer .footer_ver_logo{ float: right; width: 30%; text-align: right; }
#footer .social_media{ list-style-type: none; margin:0; padding:0; overflow: hidden; float: right; margin-bottom: 30px; display:flex; flex-wrap:wrap; justify-content:flex-end;}
#footer .social_media li:first-child{ margin:0; }
#footer .social_media li a{ line-height: 25px; font-weight: bold; }
#footer .social_media li{ padding:10px; height:30px; }
#footer .social_media i, #footer .social_media img, #footer .social_media span { display:inline-block; vertical-align:middle; }

#footer #copyright{ float: left; width: 69%; }
#footer .smallprint{ color: #666666; font-size: 12px; }

#footer.nonav{  }
#footer.nonav .footer_nav{ border:0; }

/* ------------------------------------------
// MAIN SITE STRUCTURE
----------------------------------------- */
#content{ background: #fff; width: 980px; margin: 0 auto; text-align: left; border-top: 1px solid #c7c7c7;}

#left, #right{ width: 180px; margin-top: 30px; background: #fff; }
#right{
	left:0; float:right; z-index: 50; border: 1px solid #bfcad1; border-width: 1px 1px 1px 0; overflow: hidden;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;

	box-shadow: 0 0 10px #b8b8b8; -webkit-box-shadow: 0 0 10px #b8b8b8; -moz-box-shadow: 0 0 10px #b8b8b8; -ms-box-shadow: 0 0 10px #b8b8b8; -o-box-shadow: 0 0 10px #b8b8b8;
}
.ie7 #right, .ie8 #right{ behavior: url(/assets-new/PIE.htc); position: relative; border:none; border-width: 0; }
.ie7 #right .box .inner, .ie8 #right .box .inner{border: 1px solid #bfcad1; border-width: 0 1px 1px 0;}

#left{ right:0; float:right; }
#left .inner{ padding: 10px; }

#centre{ overflow: hidden; border: 1px solid #b8b8b8; border-width: 0 1px; z-index: 49;
	box-shadow: 0 0 10px #b8b8b8; -webkit-box-shadow: 0 0 10px #b8b8b8; -moz-box-shadow: 0 0 10px #b8b8b8; -ms-box-shadow: 0 0 10px #b8b8b8; -o-box-shadow: 0 0 10px #b8b8b8;
}
.ie7 #centre, .ie8 #centre{behavior: url(/assets-new/PIE.htc); position: relative; background: #fff;}
#centre .inner{ overflow: hidden; height: 1%; padding: 20px 20px 20px 20px; }
#centre .inner h1 {color:#002596;}
#centre .inner h2,#centre .inner h3, #centre .inner h4 {color:#9c8f66;}
#centre .inner ul{list-style:none; padding-left: 25px; }
#centre .inner ol{list-style: decimal; padding-left: 25px; }
#centre .inner ul li{ background: url('/assets-new/images/core/blue-bullet.jpg') no-repeat 0 4px; padding: 0 0 0 20px; margin: .4em 0;}
#centre .inner.alert ul li{ background-position: 0 4px;}
.ie7 #centre .inner li{margin-left: -40px;}

/* Class based structure */
.left, .right{ width: 30%; }
.left{ left:0; float:left; z-index: 50; }
.right{ right:0; float:right; z-index: 51; }
.centre{ overflow: hidden; z-index: 49; }
.centre .inner{ overflow: hidden; height: 1%; }

div[class~="fixedwidth"]{ width: 980px; margin: 0 auto; border: 1px solid #000; text-align: left;}

/* ------------------------------------------
// MAIN NAVIGATION
----------------------------------------- */
/* FIRST LEVEL */
.menuHolder{ height: 1%; background: #e0e0e0; border: 1px solid #c7c7c7; border-width: 0 1px; position: relative; z-index: 401; }
.menuHolder a{ transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -ms-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; }
.menuHolder ul{ list-style-type: none; margin:0; padding:0; }
.menuHolder > ul{ width: 980px; margin: 0 auto; padding:0;display: block; height: 1%; position: relative; text-align: center; }
.menuHolder > ul > li{ float: left; margin:0; padding:0; }
.menuHolder > ul > li:first-child a{ border-left:0; }
.menuHolder > ul > li:last-child{  }
.menuHolder ul li.last a.aTop, .menuHolder > ul > li:last-child a{ border-right:0; }
.menuHolder > ul > li > a{
	color: #292929; background: #e0e0e0 url('../images/core/icons-nav.gif') no-repeat top right; display: block; line-height: 40px; border-right: 1px solid #a7a7a7; border-left: 1px solid #ffffff; font-size: 16px; font-weight: bold; padding: 0 31px; }

	.menuHolder > ul > li a:hover, .menuHolder > ul > li.selected a:hover{ background-color: #f4f4f4; border-color: #e0e0e0;}
	.menuHolder > ul > li:hover a, .menuHolder > ul > li.selected a{ background-color: #f4f4f4; border-color: #e0e0e0; }
	/* SECOND LEVEL */
	.menuHolder ul div.sub{ z-index: 400; display: none; background: #f4f4f4; position: absolute; top: 40px; left:0; width: 100%; overflow: hidden; text-align: center; border: 1px solid #c7c7c7; border-width: 0 1px 1px 1px; margin: 0 -1px; padding-bottom: 10px;}
	.menuHolder ul div.fright{ left: auto; right:0; }
	.menuHolder ul div.sub > ul{ display: inline-block; width: 205px; margin:10px; min-height: 100%; float: left; }
	.menuHolder ul div.sub ul{ text-align: left; vertical-align: top; }
	.menuHolder ul div.sub li a{ line-height: normal; border:0; color: #3d3d3d; display: inline-block; }
	.menuHolder ul div.sub > ul li a{
		font-size: 15px; padding: 3px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; color: #002596;
		background: url('../images/core/icons-nav.gif') no-repeat 0 -55px; padding-left: 15px;
	}
	.menuHolder ul div.sub > ul li a:hover{ background-color: #e5e5e5; }
	.menuHolder ul div.sub > ul ul li a{ font-weight: normal; background-image: none; font-size: inherit; }
	.menuHolder ul div.sub > ul ul li a:hover{  }
	.menuHolder ul div.sub > ul ul{ margin-left: 25px; }
	.menuHolder ul div.sub > ul ul a{ color: #002596; }
	.menuHolder ul div.sub ul:last-child{ border:0; }

	.menuHolder > ul > li.page3{ position: relative; }
	.menuHolder > ul > li.page4{ position: relative; }
	.menuHolder > ul > li.page6{ position: relative; }
	.menuHolder > ul > li.page6 .sub{ left:0px; }
	.menuHolder > ul > li.page7 { position: absolute; right: 0; left: 820px; }

/* ------------------------------------------
// SUB NAVIGATION
----------------------------------------- */
#sub_navigation{ background: #fff; padding:0; }
#sub_navigation .inner{ padding:0 !important; }
#sub_navigation h2{ background: #223d86; color: #fff; font-size: 20px; padding: 8px 0; padding-left: 10px; margin:0; }
#sub_navigation a{ transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -ms-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; }
#sub_navigation ul{ list-style-type: none; margin:0; padding: 0; }
#sub_navigation ul.sub0 > li{ border-bottom: 1px solid #b1d2e5; }
#sub_navigation ul.sub0 li a{ padding: 8px 0 8px 10px; display: block; }
#sub_navigation ul.sub0 li a:hover, #sub_navigation ul.sub0 > li a.selected{ padding-left: 12px; background: #adcfde; }
#sub_navigation ul.sub0 > li a.selected{ font-weight: bold; }

#sub_navigation ul.sub1{ }
#sub_navigation ul.sub1 li a{ padding: 4px 0 4px 30px; }
#sub_navigation ul.sub1 li{ background: #e3f2fb; }
#sub_navigation ul.sub1 li a:hover, #sub_navigation ul.sub1 > li a.selected{ padding-left: 32px; background-color: #fff; color: #000; }
#sub_navigation ul.sub1 > li a.selected{ border: 1px solid #b1d2e5; border-width: 1px 0; }
#sub_navigation ul.sub1 > li:last-child{ border-bottom: 3px solid #b1d2e5; }

#sub_navigation ul.sub2{ }
#sub_navigation ul.sub2 li{ background: #f6fcff; }
#sub_navigation ul.sub2 li a{ padding: 4px 0 4px 60px; }
#sub_navigation ul.sub2 li a:hover, #sub_navigation ul.sub2 > li a.selected{ padding-left: 62px;  }
#sub_navigation ul.sub2 > li:last-child{ border-bottom: 3px solid #b1d2e5; }

#sub_navigation ul.sub3{ }
#sub_navigation ul.sub3 li{ background: #f0f0f0; }
#sub_navigation ul.sub3 li a{ padding: 4px 0 4px 80px; }
#sub_navigation ul.sub3 li a:hover, #sub_navigation ul.sub3 > li a.selected{ padding-left: 82px;  }
#sub_navigation ul.sub3 > li:last-child{ border-bottom: 3px solid #e0e0e0; }
#sub_navigation ul.sub3 > li a.selected{background-color: #f6fcff; border: 1px solid #a7a7a7; border-width: 1px 0}
#sub_navigation ul.sub2 > li a.selectedsub3 {background-color: #e0e0e0; border: 1px solid #a7a7a7; border-width: 1px 0}


/* ------------------------------------------
// ICONS
----------------------------------------- */
span.icon{ display: block; width: 25px; height: 25px; background: url('../images/core/icons-social.gif') no-repeat -2px -2px; float: left; vertical-align: middle; margin-right: 5px; }
span.social-twitter{ background-position: -2px 0; }
span.social-facebook{ background-position: -36px 0; width: 15px; }
span.social-youtube{ background-position: -62px 0; }

.icon-close{ font-weight: bold; }

/* ------------------------------------------
// OPENING PAGE HEADER
----------------------------------------- */
.openingmsg{
	background-color:#adcfde;  color: #000; overflow: hidden; font-size: 14px;

}
.openingmsg .openingmsg_inner{ padding: 10px 20px; position: relative; }
.openingmsg h1, .openingmsg h2, .openingmsg h3{ color: #002596; }
.openingmsg h1{ line-height: 40px; font-size: 40px;}
.openingmsg h3{ font-weight: bold; }
.openingmsg .openingmsg_inner img{ float: right; margin: 0 0 10px 20px; }
.openingmsg .openingmsg_inner .phone{ display: inline; font-size: 16px; white-space: nowrap; font-weight: bold; }
.openingmsg .openingmsg_inner .twelvepx{ font-size: 12px; }
.openingmsg .openingmsg_inner a{ color: #000; text-decoration: underline; }
.openingmsg .openingmsg_inner a:hover{ text-decoration: none; }
.openingmsg .openingmsg_inner a.button{ color: #fff; text-decoration: none; }
.openingmsg p{ line-height: 18px; }

.openingmsg .firstaidkitflash{ position: absolute; top:90px; right:200px; width: 115px; height: 115px; }

/* ------------------------------------------
// BOX STYLES
----------------------------------------- */
#centre .box{ width: 230px; min-height: 303px; float: left; margin: 14px; }
#centre .box:nth-child(3n + 1) { clear:left; }
#centre .box .image{ width: 100%; height: 195px; overflow: hidden; margin-bottom: 15px; position: relative; }
#centre .box .image img {
  min-width: 100%; min-height: 100%;
  /* Center */
  margin-left: 50%;
  transform: translateX(-50%);
}

#centre .box .image > p{
	position: absolute; bottom:0; left:0; margin: 0; padding: 5px; color: #fff; display: block; width: 220px; text-align: center;
	background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#88000000,endColorstr=#88000000); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#88000000,endColorstr=#88000000); zoom: 1;
	background: rgba(0,0,0,.55);
}
.ie #centre .box .image > p{ width: 100%; }
#centre .box h3{ font-size: 21px; }
#centre .box h3 a{color:#002596;}
#centre .box a.button{ display: block; }

#centre .doublebox{ width: 490px;  }
#centre .doublebox .boxinner{
	background: #adcfde; overflow: hidden; min-height: 195px;
}
#centre .doublebox .image{ float: right; width: 50%; padding: 20px 10px; height: 100%; background: #0e1d5a; margin:0; margin-left: 20px; }
#centre .doublebox .image img{ min-height: auto; min-width: 100%; }
#centre .doublebox .boxdesc{ padding: 10px; color: #fff; }
#centre .doublebox iframe{ width: 100%; height: 232px; }

#centre .box50{ width: 45%; }

#right .box .inner{ padding:5px; color: #2c2c2c; background: url('../images/core/rightcolumn-overlay.gif') repeat top left;}
#right .box .inner .phone{ display: block; color: #002596; font-size: 24px; padding: 3px 0; font-weight: normal; }
#right .box .inner.awards {background:#fff;border-top: 1px solid #b1d2e5;}

#left .box{ margin-bottom: 20px; border-bottom: 1px solid #ccc; padding-bottom: 15px; }
#left .box .inner{ padding:0; color: #2c2c2c; }
#left .box h2{ font-size: 23px; }

/* ------------------------------------------
// DEFAULT TABLES STYLING
----------------------------------------- */
table{ width: 100%; margin:20px 0; padding:0; background: #f3f9fd; border-collapse: collapse; }
table th{ background: #f3f9fd; color: #292929; padding: 5px; text-align: left; }
table td{ padding: 5px; color: #292929; }
table th, table td{ border-bottom: 1px solid #e1e4e6; }
table th.tooltip{ background: url("/assets/images/products/icon_bg.gif") no-repeat 150px 2px transparent; }

#productcomptable{ border: 1px solid #e1e4e6; }
#productcomptable td{ text-align: center;  }
#productcomptable th{ border-right: 1px solid #e1e4e6; }
#productcomptable .gradHeader{ text-align: center; border-width:0 0 1px 0; }
#productcomptable .noBenefit{ color: #9e4535; font-weight: bold; font-size: 15px; }

/* ------------------------------------------
// COOKIE MESSAGE
----------------------------------------- */
.cookiemessage{ background-color: #ede9ac; color: #000; overflow: hidden; text-align: center; }
.cookiemessage p{ margin:0; line-height: 28px; font-size: 11px; }
.cookiemessage a{ color: #000; text-decoration: underline; margin-left: 10px; }
.cookiemessage a:hover{ text-decoration: none; }
.cookiehide{ display: block; }


/* ------------------------------------------
// Rotating Images
----------------------------------------- */


/* ------------------------------------------
// LISTS
----------------------------------------- */
/* Remove padding, margin & List style type for these classes*/
.hlist, .vlist{ list-style-type: none; margin:0; padding:0; }

/* Do the rest of the styling for the above elements*/
.hlist li{ display: inline-block; margin-right: 10px; }
.ie7 .hlist li,.ie8 .hlist li{ display: inline }
.hlist li:last-child{ margin-right:0; }

.vlist li{ display: block; float: none; }

.ticklist{ margin: 15px 0; }
#species-landing .inner .ticklist li{ background: url('/assets-new/images/landingpage/needquote_icons_btns.gif') no-repeat -3px -385px; padding:6px 0 6px 35px; margin: 2px 0; font-size: 16px; color: #002596; line-height: 25px; }
.ticklist li.notick{ background: none; }
.ticklist li.smallprint{ color: #808080 !important; font-size: 12px !important; font-weight: normal; }

.btnlist{ margin: 0 1px; }
.btnlist li{ margin: 0 5px 0 0; }
.ie .btnlist li{ margin-right: 3px; }

.sliderNav li{  }
.sliderNav li a{  }
.sliderNav li a:hover{  }

.buttons{ margin: 20px 0; }
.buttons li{ width: 49%; }

.buttons-large li a{ padding: 4px; padding-left: 35px; font-size: 13px; color: #fff; position: relative; overflow: hidden; line-height: 20px; }
.buttons-large li a span{ width: 43px; height: 43px; display: block; float: right; background: url("/assets-new/images/core/button-icons.gif") no-repeat 0 -133px; }
.buttons-large li.covered4life a span{ background-position: -46px -133px; width: 90px; }
.buttons-large li.covered4life_rabbit a span{ background-position: -46px -133px; }

.pdflist{ margin: 10px 0 15px 25px; }
.pdflist li{ width: 100%; }
.pdflist li a[href$=".pdf"]{ background-position: 0 0 !important; padding: 4px 5px 4px 25px !important; display: block; }

.photouploader{ float: right; width:183px; margin-left: 25px; }
.photouploader li{ width: 183px; margin-right: 0; margin-bottom: 7px; height: 180px; overflow: hidden; }
.photouploader li img{ width: inherit; display: block; }


/* ---------------------------------------------------------------------------------------------------------------------------------
9) LIST GRID
/* --------------------------------------------------------------------------------------------------------------------------------- */
.list_grid{  list-style: none; background: none !important; margin:0 0 20px; padding:0 !important; overflow:hidden; }
.list_grid li{ margin:0; padding:0; background: none !important; list-style-type: none; display: inline; float: left; background: none; margin: 10px 10px 0 0; width: 283px; }
.list_grid li span{ display: block; font-style:italic; font-weight: bold; color: #3a3a3a; font-size: 0.9em; }

/* ------------------------------------------
// BUTTONS
----------------------------------------- */
a[class~="icon"]{ background-image: url('../images/core/btn-icons.png'); background-repeat: none; }
a[href$=".pdf"]{
	background-image: url("/assets-new/images/core/button-icons.gif"); background-repeat: no-repeat; background-position: 0 -4px; padding-left: 22px; padding-bottom: 2px;
}
a.nopdf[href$=".pdf"]{
  background-image: none !important;
}

a:hover[href$=".pdf"]{
	background-position: 0 -4px !important;
}

a.nopdf{ background: none; padding-left:0; }

a.button, span.button, p.bluetext a{
	font-family: "ITC American Typewriter W02", Arial, Helvetica, sans-serif; background-color: #81bc00;
	color: #fff; padding: 10px 20px; text-align: center; display: inline-block; z-index: 5;
	border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px; text-decoration: none; font-size: 24px;
	text-shadow: 0 0 2px rgba(0,0,0,0.4); -webkit-text-shadow: 0 0 2px rgba(0,0,0,0.4); -moz-text-shadow: 0 0 2px rgba(0,0,0,0.4); -ms-text-shadow: 0 0 2px rgba(0,0,0,0.4); -o-text-shadow: 0 0 2px rgba(0,0,0,0.4);
	box-shadow: 0 1px 0 #7e7e7e; -webkit-box-shadow: 0 1px 0 #7e7e7e; -moz-box-shadow: 0 1px 0 #7e7e7e; -ms-box-shadow: 0 1px 0 #7e7e7e; -o-box-shadow: 0 1px 0 #7e7e7e;
	transition:all .1s ease-in-out; -webkit-transition:all .1s ease-in-out; -moz-transition:all .1s ease-in-out; -ms-transition:all .1s ease-in-out; -o-transition:all .1s ease-in-out;
}
.listvideos a.button {
	font-size: 16px;
	width:180px;
}
.ie6 a.button, .ie7 a.button, .ie8 a.button, .ie6 .bluetext a, .ie7 .bluetext a, .ie8 .bluetext a{ behavior: url(/assets-new/PIE.htc); position:relative; }
a.getaquotenow{
	font-size: 15px; font-weight: normal; margin: 10px 0; padding: 10px 0; display: block; height:10px; line-height:12px;
	text-shadow: 0 0 2px rgba(0,0,0,0.3); -webkit-text-shadow: 0 0 2px rgba(0,0,0,0.3); -moz-text-shadow: 0 0 2px rgba(0,0,0,0.3); -ms-text-shadow: 0 0 2px rgba(0,0,0,0.3); -o-text-shadow: 0 0 2px rgba(0,0,0,0.3);
}
a.getaquotenow strong{ font-weight: normal; }
a[class~="cookie_button"], a[class~="buttonplain"]{
	text-shadow:none; font-size: inherit; line-height: normal; box-shadow: none; background: #ccc; padding: 2px 5px; color: #000; font-family: Arial, Helvetica, sans-serif !important;
	border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px;
}
a.square{ border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius:0; text-align: left; }
a.blue-btn{
	background-color: #adcfde; color: #002596;
	text-shadow: none; -webkit-text-shadow: none; -moz-text-shadow: none; -ms-text-shadow: none; -o-text-shadow: none;
}

a.fixedwidth-btn{ width: 180px; margin-left: 20px; margin-bottom: 5px; height: 21px; line-height: 21px;}
a.fixedwidth-btn.twiceheight {height: auto}
a.fixedwidth-btn.small-btn { padding-left:0; padding-right: 0; width: 220px;}
a.fixedheight-btn{ height: 21px; line-height: 21px; margin-right: 5px;}
a.smaller-btn{ font-size: 15px; padding: 10px 10px 8px; }
a.small-btn{ font-size: 18px; }
a.medium-btn{ font-size: 20px; }

a.closecookie{ background-image: url('../images/core/close-btnicon.gif'); background-repeat: no-repeat; background-position: right center; padding-right: 15px; font-size: 11px;}
a.icon-close{ background-color: #ccc; background-position: right top; padding: 5px !important; }
.ie a.closecookie{ behavior: url(/assets-new/PIE.htc); }

a.button[href$=".pdf"]{
	background-image: url("/assets-new/images/core/button-icons.gif"); background-repeat: no-repeat; background-position: 5px 5px;
}
a:hover.button[href$=".pdf"]{ background-position: 5px 5px !important; }
a.button[href$=".pdf"].no-icon { background-image:none; }

.box a.readmore{
	background-color: #81bc00; color: #fff; font-size: 20px; background-image: none;
	text-shadow: 0 0 2px rgba(0,0,0,0.4); -webkit-text-shadow: 0 0 2px rgba(0,0,0,0.4); -moz-text-shadow: 0 0 2px rgba(0,0,0,0.4); -ms-text-shadow: 0 0 2px rgba(0,0,0,0.4); -o-text-shadow: 0 0 2px rgba(0,0,0,0.4);
}

/* ------------------------------------------
// GLOBAL BUTTON HOVER STYLE IF NONE SET AFTER
----------------------------------------- */
a:hover.button, span:hover.button, p.bluetext a:hover{ background-color: #8ecf00; color: #fff; background-position: 0 -50px; }
a:hover.button.blue-btn, span:hover.button.blue-btn, p.bluetext a:hover.blue-btn{ background-color: #207abb; }
a:hover.button.readmore, span:hover.button.readmore, p.bluetext a:hover.readmore{ background-color: #8ecf00; }

/* ------------------------------------------
// OVERRIDE GLOBAL BUTTON HOVER STYLING HERE
----------------------------------------- */
a:hover[class~="cookie_button"], a:hover[class~="buttonplain"]{ background-color: #ccc; color: #000; }
a:hover.closecookie{ background-image: url('../images/core/close-btnicon.gif'); background-repeat: no-repeat; background-position: right center; padding-right: 15px; }
a:hover.icon-close{ background-color: #aaa; }

#footer a.cookie_button{ behavior: url(/assets-new/PIE.htc); position:relative; border: 1px solid #cccccc; background: url('../../assets-new/images/core/cookiebtnbg.gif') repeat-x top left; height: auto; line-height: normal; font-weight: normal; }
#footer a.cookie_button span{ background: url('../../assets-new/images/core/cookiebtnarrow.gif') no-repeat center left; display: block; padding-left: 6px; position: relative; right: auto; width: auto; height: auto;
font-size: 12px;}
#footer a:hover.cookie_button{ background: #ccc; }

a:hover[href$=".pdf"]{ background-position: 5px 5px; }


/* ------------------------------------------
// LANDING PAGES
----------------------------------------- */
#species-landing{  }
#species-landing h1{ color: #002596; font-size: 50px; }
#species-landing #right{ width: 275px; height: 100%; margin:0; padding-bottom: 10px; background: #c1d6e2; position: relative;border-top-right-radius: 0;box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none;border:none;overflow: visible;  }
#species-landing #right .inner{ padding:115px 0 0; text-align: center; overflow: hidden; }
#species-landing #right .inner img{ display: block; margin: 0 auto; }
#species-landing #centre{
	box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; border:0;
}
#species-landing #footer{ margin:0; }
#species-landing #centre p{ margin:0; }

#species-landing .ticklist{ font-weight: bold; margin-left: 20px; width: 85%; }
#species-landing .ticklist li{ color: #002596; font-size: 16px; margin: 2px 0; }
#species-landing #centre .needquote-btn{ margin: 0 auto; font-size: 40px; padding: 16px 40px; margin-bottom: 20px; }
#species-landing #centre .needquote-btn + p{ color: #002596; font-size: 16px; font-weight: bold; margin-bottom: 20px; }

#species-landing .firstmonthfree{ width: 111px; height: 141px; padding: 40px 30px 0; display: block; position: absolute; top:0; right:70%; overflow: hidden; font-size: 30px; zoom:1; }
.ie7 #species-landing .firstmonthfree{ height: 171px; }
#species-landing .firstmonthfree span{ background: url('../images/needquote/flash-10percent.png') no-repeat top left; position: absolute; top:0; left: 0; width: 100%; height: 100%; }
#species-landing #content {border:none;}
#lpheader {background: url('../images/landingpage/lpheader.jpg') repeat-x;width: 100% !important;height: 111px;}
#lpheader #header {background: none;border: none}
#lpheader #companylogo {padding-top: 8px}
#lpheader #header #innerheader {padding: 0;height: 111px;}
#species-landing .flash-10percent span {background: url('../images/landingpage/flash-10percent.png') no-repeat top left;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#species-landing .flash-10percent {width: 111px;height: 141px;padding: 40px 30px 0;display: block;position: absolute;top: 0;right: 70%;overflow: hidden;font-size: 30px;zoom: 1;}
#species-landing #deserves_petplan {font-family: 'ITC American Typewriter W02', sans-serif;font-size: 18px;margin-left: 5px;padding-right: 40px;padding-top: 3px;text-align: right;color: #002596;position: absolute;bottom: 40px;right: 50px;}
#species-landing #deserves_petplan .flash {width: 132px;z-index: 100 !important;height: 80px;display: block;position: absolute;bottom: -35px;right: -45px;overflow: hidden;padding-top: 20px;}
#species-landing #deserves_petplan .flash span {background: url('../images/landingpage/hero-flash-icons.png') no-repeat top right;display: block;width: 70%;height: 100%;position: absolute;top: 0;right: 0;z-index: 100;}
#species-landing .inner ul {padding-left: 0}

/* ------------------------------------------
// FORMS
----------------------------------------- */
.str_line{ overflow: hidden; width: 100%; height: 1%; }
.str_line .str_left{ width: 150px; left: 0; float: left; padding: 5px 0; }
.str_line label{ padding: 5px 5px 5px 0; display: block; font-size: 14px; font-weight: normal; }
.str_line .str_right{ overflow: hidden; }
.str_line .str_right .inner{ overflow: hidden; height: 1%; padding:3px !important; }
.str_line .str_right input{ border: 1px solid #292929; width: 90%; padding: 3px; }
.str_line .str_right select{ border: 1px solid #292929; margin:0; padding: 2px; }
.str_line .str_right input:focus{
	box-shadow: 0 0 5px #fff; -webkit-box-shadow: 0 0 5px #fff; -moz-box-shadow: 0 0 5px #fff; -ms-box-shadow: 0 0 5px #fff; -o-box-shadow: 0 0 5px #fff; outline: none;
}
.str_line textarea{ width: 98%; resize: none; }

form .button{ padding: 5px 15px; font-size: 15px; line-height: 15px; margin-bottom: 20px; }

.messagebox{
	background: #fff; padding: 15px; position: relative;
	border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px;
	box-shadow: 3px 3px 8px rgba(0,0,0,0.17);
	-webkit-box-shadow: 3px 3px 8px rgba(0,0,0,0.17);
	-moz-box-shadow: 3px 3px 8px rgba(0,0,0,0.17);
	-ms-box-shadow: 3px 3px 8px rgba(0,0,0,0.17);
	-o-box-shadow: 3px 3px 8px rgba(0,0,0,0.17);
}
.messagebox .inner{ padding: 10px !important; }
.ie7 .messagebox, .ie8 .messagebox{ behavior: url(/assets-new/PIE.htc); }

.str_line .str_right input[type^="check"], .str_line .str_right input[type^="radio"]{ width: auto; border: none; }

.req{ color: #00942a; font-weight: bold; font-size: 18px; line-height: 11px; }

#help_policy { margin: 15px 0; }
#help_policy .inner{ padding: 10px 15px; }
.messagebox .icon-close { position: absolute; top:15px; right:15px; font-weight: bold; }
#centre.va .messagebox {
	float: left;
	margin-right: 40px;
	margin-bottom: 40px;
	text-align: center;
	width: 185px;
	background-color: #edf1f3;
	padding: 15px;
}
#centre.va .messagebox a {
	font-family: 'ITC American Typewriter W02', sans-serif;
	display: block;
	padding: 10px 15px;
	background-color: #662b95;
	margin: 5px;
	border-radius: 10px;
	color: #fff;
	font-size: 16px;
}
#centre.va .messagebox a:hover {
	background-color: rgb(157, 99, 206);
}
#centre.va .inner {
	padding: 20px;
}
.boxRight{padding-left:40px;text-align: center;float:right;}

/* ------------------------------------------
// BLUE OUTER BACKGROUND WITH DIAGONAL LINES
----------------------------------------- */
.blue-outer{background: #edf1f3 url('../images/core/claims-overlay.gif'); padding: 20px 15px 20px 15px;}
.blue-outer .binner{ padding: 5px 10px; }
.fright.bluewrap{background: #edf1f3 url('../images/core/claims-overlay.gif'); padding:10px 10px 0 10px;margin-left: 10px}
.fright.bluewrap img {width: 250px}
.fright.bluewrap img:last-child {margin-bottom:10px;}

/* ------------------------------------------
// CLAIMS TRACKING
----------------------------------------- */
.claimstracking{}
.claimstracking .inner{ padding:0 !important; }
.claimstracking form{ width: 360px; }
.claimstracking .str_line .str_left{ width: 110px; }
.claimstracking .messagebox{ float: right; width: 300px; margin-right: 15px; }

/* ------------------------------------------
// CUSTOMER STORIES
----------------------------------------- */
.page_customerstories{  }
.page_customerstories .inner{ padding:0 !important; height: auto !important; }
.page_customerstories .blue-outer{ overflow: hidden; border-bottom: 1px solid #b9bdbf; }
.page_customerstories .blue-outer .messagebox{ float: left; padding:0; width: 41%; height: 253px; }
.page_customerstories .blue-outer .messagebox .inner{ padding:10px !important; }
.page_customerstories .blue-outer .videobox{ width: auto; float: right; height: auto; padding:6px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
.page_customerstories .blue-outer .videobox iframe{ width: 428px; height: 241px; display: block; }
.page_customerstories .blue-outer .videobox object, .page_customerstories .blue-outer .videobox embed{ width: 428px; height: 241px; display: block; }

.page_customerstories .videos{ text-align: center; }
.page_customerstories .videos a{ width: 115px; display: block; text-decoration: none; }
.page_customerstories .videos li.hidden{ display: none; }
.page_customerstories .videos li{ vertical-align: top; }
.page_customerstories .videos li .imgholder{ behavior: url(/assets-new/PIE.htc); margin: 5px; width: 115px; overflow: hidden; }
.page_customerstories .videos a:hover .imgholder, .page_customerstories .videos a.selected .imgholder{ box-shadow: 0 0 5px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5); -moz-box-shadow: 0 0 5px rgba(0,0,0,0.5); -ms-box-shadow: 0 0 5px rgba(0,0,0,0.5); -o-box-shadow: 0 0 5px rgba(0,0,0,0.5); }
.page_customerstories .videos a.selected .imgholder{ border-width: 5px; }
.page_customerstories .customer-text-stories{ padding: 15px; }
.page_customerstories .customer-text-stories .box{ width: inherit !important; }
.page_customerstories .customer-text-stories h2{ position: relative; }
.page_customerstories .customer-text-stories h2 span{ font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; float: right; color: #002596; position: absolute; bottom: 0; right: 0; }

.cust-stories{  }
.cust-stories li{ position: relative; overflow: hidden; padding: 0 60px 5px 0; margin-bottom: 10px; border-bottom: 1px solid #e4e7e8; }
.cust-stories li .cust-image{ float: left; position: relative; width: 20%; }
.page_customerstories .cust-stories li .cust-image{ width: 13%; }
.cust-stories li .cust-desc{ float: left; position: relative; width: 80%; }
.cust-stories li .cust-desc{ color: #292929; }
.cust-stories li .cust-desc p:last-child{ color: #002596; }
.cust-stories li .cust-desc .cust-desc-ext p{ color: #000; }
.cust-stories li .cust-desc a.readmore, .cust-stories li .cust-desc a.closemore{ white-space: nowrap; }

.cust-stories .cust-sash{
	background: #662d91; color: #fff; position: absolute; top:-20px; right:-55px;  padding: 30px 15px 10px; width: 110px; text-align: center; zoom: 1;
	-moz-transform:    rotate(45deg);
	-o-transform:      rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform:         rotate(45deg);
}
.ie .cust-stories .cust-sash{
	/* IE8+ - must be on one line, unfortunately */
	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865474, M12=-0.7071067811865477, M21=0.7071067811865477, M22=0.7071067811865474, SizingMethod='auto expand')";

	/* IE6 and 7 */
	filter: progid:DXImageTransform.Microsoft.Matrix(
		M11=0.7071067811865474,
		M12=-0.7071067811865477,
		M21=0.7071067811865477,
		M22=0.7071067811865474,
		SizingMethod='auto expand');

	margin-right: 7px;
	margin-top: -40px;
}
.ie7 .cust-stories .cust-sash{ margin-right: -5px; }
.cust-stories .cust-sash .overtext{ display: block; margin:0 0 -5px; font-size: 13px; }
.cust-stories .cust-sash .overprice{ display: block; font-size: 17px; font-weight: bold; }

/* ------------------------------------------
// MY STORY
----------------------------------------- */
.my-story .messagebox{ background: #fff url('../images/core/paper-pat.jpg') repeat top left; border: 1px solid #8f999e; position: relative; }
.my-story .messagebox .stamp{ position: absolute; top:15px; right:15px; display: block; z-index: 7; }

.my-story form{  }
.my-story form #txtMessage{ float: left; position: relative; resize: none; width: 40%; height: 370px; padding: 5px; font-family: Arial, Helvetica, sans-serif; }
.my-story form .str_left{ width: 110px; }
.my-story form .form-right{ float: right; width: 55%; }
.my-story form .form-right input[type="text"]{ width: 67%; }
.my-story form .filewrapper{ display: inline-block; overflow: hidden; position: relative; cursor: pointer; }
.my-story form .filewrapper input {
	position: absolute; height: 100%; cursor: pointer; right:0; top:0; z-index: 6; font-size: 150px; width: 100%;
	filter: alpha(opacity=1);
	-moz-opacity: 0.01;
	opacity: 0.01;
}
.my-story form .filewrapper{ float: left; margin-left: 5px !important; }
.my-story form .fileholder{ display: block; border: 1px solid #292929; float: left; padding: 0 5px; margin-left: 60px; width: 129px; background: #fff; height: 24px; line-height: 24px; overflow: hidden; }
.my-story form .button{ behavior: url(/assets-new/PIE.htc); z-index: 50; position: relative; display: block; z-index: 5; cursor: pointer; }
.my-story form .filewrapper input:hover{ cursor: pointer; }
.my-story textarea{ border: 1px solid #292929; overflow-y: auto; }
.my-story .filelabel{ white-space: nowrap; padding: 3px 5px 3px 0; }


/* ------------------------------------------
// POLICY PAGES
----------------------------------------- */
#centre .policy-info .box, #centre .policy-exben .box{ height: auto !important; min-height: auto !important;  }
.safari #centre .policy-info .box, .safari #centre .policy-exben .box{ min-height: 1%; }

.policy-info .box{ margin: 5px !important; width: 32% !important; }
.policy-info .box .box-inner{ border-right: 1px solid #e1e1e1; padding-right: 15px; }
.policy-info :last-child .box-inner{ border-right:0 !important;  }
.policy-info .box img{ float: left; margin-right: 10px; }
.policy-info .box h3{ font-family: Arial, Helvetica, sans-serif; font-size: 15px !important; font-weight: bold; color: #292929; padding-top: 45px; }
.policy-info .box h3 span{ display: block; }
.policy-info .box a{ color: #1e86c2; font-weight: bold; }

.rabbitplan .box{ width: 60% !important; }
.rabbitplan .box h3{ padding-top: 0; }

.policy-exben{ background: #f9fcfe; border: 1px solid #f3f3f3; margin-bottom: 15px; }
.policy-exben .box:first-child{ }

.pol_essential, .pol_essential h3{ color: #4eba6b !important; }
.pol_classic, .pol_classic h3{ color: #4c8dcb !important; }
.pol_ultimate, .pol_ultimate h3{ color: #885c89 !important; }

.gradHeader h3{ font-size: 13px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; margin-bottom:0; }

.featurestable p{ color: #003337; }
.featurestable .getaquote{ padding: 15px 30px; font-size: 25px; }

.trigger a{ cursor: pointer; }


/* ------------------------------------------
// TOOLTIPS
----------------------------------------- */
.tooltip h3{ font-size: 14px !important; font-family: Arial, Helvetica, sans-serif !important; }

/* ------------------------------------------
// OUR CHARITIES
----------------------------------------- */
.charitydonations{ background: #fff; border: 1px solid #b0b4b6; padding: 10px 8px; overflow: hidden; }
.charitydonations div.center { width: 620px; margin: 0 auto;}
.charitydonations span{ display: inline-block; background: url('../images/aboutus/digitbg.gif') repeat-x top left; width: 42px; height: 47px; line-height: 47px; text-align: center; font-size: 42px; color: #616060; font-weight: bold; position:relative; }
.ie7 .charitydonations span{ display: block; float: left; margin-right: 3px; }
.charitydonations span.digit{
	-o-box-shadow: 0px 1px 1px #d7d7d7; -ms-box-shadow: 0px 1px 1px #d7d7d7; -webkit-box-shadow: 0px 1px 1px #d7d7d7; -moz-box-shadow: 0px 1px 1px #d7d7d7; box-shadow: 0px 1px 1px #d7d7d7;
	border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px;
	text-shadow: 0 1px 1px #fff; -webkit-text-shadow: 0 1px 1px #fff; -moz-text-shadow: 0 1px 1px #fff; -ms-text-shadow: 0 1px 1px #fff; -o-text-shadow: 0 1px 1px #fff;
}
.ie .charitydonations span.digit{ behavior: url(/assets-new/PIE.htc); }
.charitydonations span.pounds{ background: none; }
.charitydonations span.punc{ background: none; width: 18px; }
.charitydonations span.copy{ width: auto; white-space: nowrap; background: none; font-family: Arial, Helvetica, sans-serif; font-size: 22px; font-weight: normal; line-height: 47px; color: #002596; float: right; padding-right: 5px; }

/* ------------------------------------------
// OUR CHARITIES - FORM
----------------------------------------- */
.page_ourcharitiesterms{  }
.page_ourcharitiesterms ol{  }
.page_ourcharitiesterms ol ol{ list-style-type: lower-alpha; }

.page_ourcharitiesform{  }
.page_ourcharitiesform form ul{ list-style-type: none; margin:0; padding:0; }
.page_ourcharitiesform .str_line .str_left{ width: 200px; }
.page_ourcharitiesform .str_line .str_right{ width: 250px; }
.page_ourcharitiesform form h3{ border-bottom: 2px solid #ADCFDE; padding: 5px 0; }
.page_ourcharitiesform label{ padding-top: 3px; }

/* ------------------------------------------
// ASK US A QUESTION - FORM
----------------------------------------- */
.page_askquestion{  }
.page_askquestion .messagebox{ overflow: hidden; }

.page_askquestion{  }
.page_askquestion form ul{ list-style-type: none; margin:0; padding:0; }
.page_askquestion .str_line .str_left{ width: 200px; }
.page_askquestion .str_line .str_right{ width: 250px; }
.page_askquestion form h3{ border-bottom: 2px solid #ADCFDE; padding: 5px 0; }
.page_askquestion label{ padding-top: 3px; }
.page_askquestion textarea{ height: 250px; }

#dateofbirth, #dateofbirth2{ display: none; }

/* ------------------------------------------
// CHANGE OF DETAILS/ADD AUTHORISED PERSON/REQUEST REPLACEMENT POLICY - FORM
----------------------------------------- */
.page_changeaddress{  }
.page_changeaddress .messagebox{ overflow: hidden; }

.page_changeaddress{  }
.page_changeaddress form ul{ list-style-type: none; margin:0; padding:0; }
.page_changeaddress .str_line .str_left{ width: 200px; }
.page_changeaddress .str_line .str_right{ width: 250px; }
.page_changeaddress form h3{ border-bottom: 2px solid #ADCFDE; padding: 5px 0; }
.page_changeaddress label{ padding-top: 3px; }
.page_changeaddress textarea{ height: 250px; }
.page_changeaddress .checkbox_options li label {display: inline;}
.page_changeaddress #centre .inner ul {padding: 0}
.page_changeaddress #centre .inner ul li {background: none;padding: 0}

#dateofbirth, #dateofbirth2{ display: none; }

/* ------------------------------------------
// DIRECT DEBIT - FORM
----------------------------------------- */
.page_directdebit{  }
.page_directdebit .messagebox{ overflow: hidden; }

.page_directdebit{  }
.page_directdebit form ul{ list-style-type: none; margin:0; padding:0; }
.page_directdebit .str_line .str_left{ width: 200px; }
.page_directdebit .str_line .str_right{ width: 250px; }
.page_directdebit .str_line .str_right .dayfield{ width: 60px; }
.page_directdebit .str_line .str_right .monthfield{ width: 60px; }
.page_directdebit .str_line .str_right .yearfield{ width: 60px; }
.page_directdebit form h3{ border-bottom: 2px solid #ADCFDE; padding: 5px 0; }
.page_directdebit label{ padding-top: 3px; }
.page_directdebit textarea{ height: 250px; }

#dateofbirth, #dateofbirth2{ display: none; }

/* ------------------------------------------
// COMPLAINTS
----------------------------------------- */
.page_complaints .messagebox{ float: right; margin-left: 40px; margin-bottom: 40px; width: 250px; }

/* ------------------------------------------
// COMMON PEt ILNESSES - PAGE
----------------------------------------- */
.commonpetillness .message { width: 40%;}

/* ------------------------------------------
// FREQUENTLY ASKED QUESTIONS
----------------------------------------- */
#faqs{  }

/* ------------------------------------------
// ACCORDION
----------------------------------------- */
.accordion{ }
.accordion h3{ position: relative; }
.accordion .accordion-title a{
	border: 1px solid #c2c2c2; padding: 3px 5px; display: block;
	font-size: 16px; font-weight: bold;
	border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px;
	background: #fffef7 url('../images/core/accordion-icons.gif') no-repeat right 0; line-height: 24px;
	behavior: url(/assets-new/PIE.htc); position: relative;
}
.accordion .accordion-title + div{ width: 100%; margin-bottom: 25px; zoom: 1; height: 1%; font-size: 12px; }
.accordion .accordion-title.active a{ background-position: right -34px; }

/* ------------------------------------------
// CONTACT US PAGE
----------------------------------------- */
#contactus{  }
#contactus #centre .box{ height: auto; min-height: 210px; background: none; margin:0; padding: 13px; border: 1px solid #ccc; border-width: 0 1px 1px 0; }
#contactus #centre .box .inner{ padding: 10px; }
#contactus #centre .box .title{ font-size: 16px; color:#002596; }
#contactus #centre .box h3{ font-size: 22px; letter-spacing: -0.02em; font-weight: bold; color:#002596; font-family: Arial, Helvetica, sans-serif; }
#contactus #centre .btmbox{ border-bottom:0; }
#contactus #centre .lastbox{ border-right:0; }

/* FIRST AID LANDING PAGE */
#firstaid .landing-main .inner { width: 640px; }
#firstaid .landing-right{ width: 290px; }

#firstaid .content_area{ background: #fff; padding: 20px 0 20px 20px; }
#firstaid .content_area span.title{ display: block; font-size: 1.5em; font-weight: bold; margin-bottom: 5px; }
#firstaid .content_area span.description{  }
#firstaid .content_area a{ background: url('/firstaid/landing_page_btn.gif') no-repeat top left; width: 384px; height: 61px; display: block; padding: 10px 60px 10px 10px; color: #f5f5f5; }
#firstaid .content_area a:hover{ text-decoration: none; background-position: 0 -81px; color: #fff; }
#firstaid .content_area a:hover .title{ text-decoration: underline; }

#firstaid .hlist{ list-style-type: none; margin:0; padding:0; }
#firstaid .hlist li{ background: none; padding:0; margin:0; float: left; margin-right: 30px; }
#firstaid .hlist li.last{ margin:0; }
/* ------------------------------------------
// Customer Offers List
----------------------------------------- */

#centre.customer-offerslist .box{ width: inherit; float: none; margin:0 0 15px; min-height: auto; padding:6px; }
#centre.customer-offerslist .activebox{ background: #edf1f3 url('../images/core/claims-overlay.gif'); border: 2px solid #d0dadf;
border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px;
}
#centre.customer-offerslist .box .inner{ padding:0; }
#centre.customer-offerslist .box .inner_box{ padding:10px 0 0 10px; overflow: hidden; }
#centre.customer-offerslist .box .inner_box .logoimage{ float: left; margin-right: 10px; width: 100px; padding: 10px 10px; background: #fff;
	-moz-transform:    rotate(-10deg);
	-o-transform:      rotate(-10deg);
	-webkit-transform: rotate(-10deg);
	transform:         rotate(-10deg);
	box-shadow: -2px 2px 5px #e5e5e5;
	border: 2px solid #d0dadf; margin-top: 10px;
}
#centre.customer-offerslist .box .inner_box .logoimage{

	* IE8+ - must be on one line, unfortunately */
	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.9396926207859083, M12=0.34202014332566893, M21=-0.34202014332566893, M22=0.9396926207859083, SizingMethod='auto expand')";

	/* IE6 and 7 */
	filter: progid:DXImageTransform.Microsoft.Matrix(
		M11=0.9396926207859083,
		M12=0.34202014332566893,
		M21=-0.34202014332566893,
		M22=0.9396926207859083,
		SizingMethod='auto expand');
}
#centre.customer-offerslist .box .inner_box .read img{ background: #fff; border: 2px solid #d0dadf !important; padding:2px; }

#centre.customer-offerslist .box .inner_box .fleft.text{  width: 79%;
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px;
}
#centre.customer-offerslist .box .inner_box .fleft.text .inner{  }
#centre.customer-offerslist .box:nth-child(odd) .inner_box .fleft.text{  }
#centre.customer-offerslist .box .bluetext{ clear: both; overflow: hidden; }
#centre.customer-offerslist .box .bluetext a{ background-color:#002596; font-size: 14px; padding: 5px 10px; }
#centre.customer-offerslist .enter_adjustment{ text-align: center; }
#centre.customer-offerslist .enter_adjustment a{ width: 30%; margin: 0 auto; margin-bottom: 15px; }


/* HIGHLIGHT STYLE FOR OPENING HOURS */
.highlightopening{ color: #cc0000 !important;  }
.highlightopening .title{ color: #cc0000 !important; font-weight: bold; }
.highlightopening h3{ color: #cc0000 !important; }


/* ------------------------------------------
// ERROR DEBUGGING
----------------------------------------- */

/*Worming/dates page*/
.table				{ width: 75%;}
.table table 		{background: #fff;}
.table td			{border:1px solid #9ec015; padding:4px; }
.table .header		{background:#efff92; font-weight:bold;}
.table .subheader	{background:#efff92; font-weight:bold;}
.table .even			{background:#f3f9fd;}

table.cover{ width: 100%; background: #fff;}
table.cover,table.cover td,table.cover th{border:1px solid #adcfde;border-collapse:collapse;}
table.cover td,table.cover th{padding:5px;}
table.cover tr.header{background:#efff92; font-weight:bold;font-size:13px;}
table.cover tr.header th{background:#efff92; font-weight:bold;}
table.cover td.definition{width:50%;background:#FFF;}
table.cover td.sum{width:20%;background:#f3f9fd;font-weight:bold;}
table.cover .w50{width:50px;}
table.cover .w100{width:100px;}
table.cover .w150{width:150px;}
table.cover .w200{width:200px;}
table.cover tr.pri td{background:#FFF;}
table.cover tr.sec td{background:#f3f9fd;}
table.cover tr td cover_border { border-color:#FFF;}
table.results_table{ width: 90%; }
table.results_table th{ padding: 2px; font-weight:bold; }
table.results_table td{ padding: 2px; }
table.results_table .left{ width: 45%; }
table.results_table .right{ width: 55%;}
table.cover tr td.cover_border { border-color:#FFF;}
table.cover tr td.cover_border {border-bottom:solid 1px #9ec015;}
table.nobord td, table.noboard th {padding:3px 0;}
table.nobord td.pl50{padding-left:50px;}
table.nobord td a.pl51{padding-left:50px !important;}

/* lucinda blog */
div.quotation_left{overflow:hidden;background:url('/assets/images/quote_1.gif') top left no-repeat;padding:0 0 20px 50px;}
div.quotation_right{overflow:hidden;background:url('/assets/images/quote_2.gif') bottom right no-repeat;padding:20px 50px 0 0;}
div.message_lucinda{margin-top:20px;}
div.message_lucinda p.monthly_diary{font-size:24px; line-height: 24px;}
div.message_lucinda p.monthly_diary a.button{text-decoration:none;color:#fff; margin-top: 10px;}
div.message_lucinda p.monthly_diary a.button:hover{}

/*lucinda blog archive*/
div.inner ul.arhive_month{overflow:hidden;float:left;padding:10px 0 0 5px !important;margin:0;}
div.inner ul.arhive_month li{float:left;background:none !important;padding:0 20px 20px 0;margin:0 !important;}

/*lucinda jumps explained*/
.jumps .video {background: #edf1f3 url('../images/core/claims-overlay.gif'); padding: 10px;float: left }
.jumps .copy {padding: 0 10px;margin-left: 340px}
#centre.jumps .inner.first{padding-top: 20px}
#centre.jumps .inner.first div.line_stage{padding-top: 20px;margin-top: 10px}
#centre.jumps .inner{padding-top: 0}
.jumps .inner div.line_stage{margin-top:0;padding-top: 0}

/*good hands*/
.hands .video {padding: 10px;float: left }
.hands .copy {padding: 0 10px;margin-left: 340px}
#centre.hands .inner.first{padding-top: 20px}
#centre.hands .inner.first div.line_stage{padding-top: 20px;margin-top: 10px}
#centre.hands .inner{padding-top: 0}
.hands .inner div.line_stage{margin-top:0;padding-top: 0}

/* schooling exercises */
.jumps .fright img {margin-left: 20px}
.jumps .line_stage.last{border: none;}

/*william blog */
div.line_stage{width:100%;overflow:hidden;border-bottom:1px dotted #cce175;margin:10px 0;padding:20px 0;}
div.line_stage_header{overflow:hidden;padding:0 0 10px 10px;}
div.left_line_img{float:left;width:120px;padding-left:10px;}
div.pre_line_info{margin-left:160px;}
div.line_stage_info{float:left;width:100%;}
div.line_stage_padding{padding:0 10px;}
div.line_stage_padding p.monthly_diary{font-size:24px;}
div.line_stage_padding p.monthly_diary a{text-decoration:none;color:#005A9C;}
div.line_stage_padding p.monthly_diary a:hover{text-decoration:underline;}
div.line_stage ul li{margin:0 0 7px 0;}

div.inner_left_picture{float:left;width:170px;}
div.pre_inner_right_info{margin-left:180px;}
div.pre_inner_r_right_info{margin-left:290px;}
div.inner_right_info{float:left;width:100%;}

/* vet of the year */
.vetnominations { padding:5px 30px 20px 30px;}

div.right_txt_form .hidden	{ display: none; }

#vetawards_confirmation .social_links{float:right;margin:0;padding:5px 0px 0px 0px;}
#vetawards_confirmation ul.social_media{ overflow:hidden; list-style-type: none; margin:0;padding:0;}
#vetawards_confirmation ul.social_media li{ float: left; position:relative; list-style-type: none; text-align:left; margin-right: 10px; }
#vetawards_confirmation ul.social_media li a{ text-indent: -9000px; background: url("/assets/images/core/icons.gif") no-repeat -422px -98px; width: 26px; height: 26px; display: block; }
#vetawards_confirmation ul.social_media li.social_caption{ font-size: 1.2em; padding-top: 5px; }

/*  Veteran plan  */
#veteran table.cover td, #veteran table.cover th { width:50%; background:#fff;font-weight: normal;}
#veteran table.cover td.sum, #veteran table.cover th.sum { width:10%; background:#f3f9fd !important; font-weight: normal;}
#veteran .tooltip div{ background:url("/assets/images/icon_bg.gif") no-repeat 250px 2px transparent; }
#veteran	.marg {margin-left:15px; font-weight: normal;}/* Margin on the veteran plan */
#veteran	.inner h1 img { vertical-align:middle;}/* YHL image placement */
#veteran .bold{ font-weight: bold; }

ul.award-categories {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	list-style: none;
	padding: 0 !important;
}
ul.award-categories li div {
	background-position:bottom center;
	background-repeat:no-repeat;
	height: 151px;
	width:227px;
}
ul.award-categories li {
	flex: 0 1 30%;
	margin: 0.5em;
	text-align:center;
	background:none !important;
}
ul.award-categories h3 {
	padding:0.25em;
	font-family:'ITC American Typewriter W01' !important;
	color: #002596 !important;
	font-size: 19px;
}
#centre.va .inner h2 {
	font-family: 'ITC American Typewriter W01', sans-serif !important;
	background: url('/assets-new/images/core/leftcolumn-overlay.gif') repeat top left;
	color: #662b95;
	padding: 15px;
	margin-top: 40px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 7px;
}
#centre.va .inner h2.first{margin-top:0;}
.openingmsg_inner img.photoify {
	transform:rotate(5deg) scale(1);
	margin-right: 10px;
}

a.iframe-popup img:hover, a.iframe-popup div:hover{
	opacity: 0.7;
	transition: opacity .3s ease;
	-moz-transition: opacity .3s ease;
	-webkit-transition: opacity .3s ease;
	-o-transition: opacity .3s ease;
}


#centre table.cover.vetrequire thead tr th {
	background-color: #223d86;
	color: #fff;
	font-size: 1.4em;
	width: 50%;
}
#centre table.cover.vetrequire ul li {
	background: none;
	padding: 0;
}
#centre table.cover.vetrequire ul {
	list-style: disc;
}
#centre table.cover.vetrequire tbody tr.addinfo ul li:before {
	content:"\2714";
	margin-left: -10px;
	margin-right: 10px;
}
#centre table.cover.vetrequire tbody tr.addinfo ul{
	padding-left:20px;
	list-style: none;
}
#centre table.cover.vetrequire tbody tr.addinfo ul li span{
	font-style: italic;
}

/* ------------------------------------------
// HEALTH & WELL BEING - FORAGING PAGE
----------------------------------------- */
.hscontent {display:none; border: 2px dotted #adcfde; padding:15px; margin:0px 0; position:relative;}
.hscontent img {float:left; padding-right:10px;}
.close {padding:7px; display:block; background:#fffef7 url('/assets-new/images/core/accordion-icons.gif') no-repeat right -34px; position:absolute; top:10px; right:10px; width:17px; height:16px; text-indent: -9999px;}
#centre .inner .health-text h2.toxic, .toxic {color:#CC0000;}
table.cover tr.sec td.toxicbg {background:#CC0000;color:#fff;}
#centre .inner .health-text h2.nontoxic, .nontoxic {color: #223D86;}
table.cover tr.sec td.nontoxicbg {background:#223D86;color:#fff;}
#centre .inner .health-text h2.good,.good {color:green;}
table.cover tr.sec td.goodbg {background:green;color:#fff;}
table.cover.toxins td {width:252px;}


/* ------------------------------------------
// HEALTH & WELL BEING - QUESTIONS
----------------------------------------- */
dl.questions dt p { font-size:1.25em; font-weight:bold;color:#002596;}
dl.questions dd, dl.questions dt {position:relative;margin:0;}
dl.questions dt:before {content:"Q: ";color:#002596;}
dl.questions dd:before {content:"A: ";	line-height:1;}
dl.questions dt:before, dl.questions dd:before {
	font-size:1.25em;
	font-weight:600;
	float:left;
	margin-right:0.5em;
}


/* ---------------------------------------------------------------------------------------------------------------------------------
9) MY STORY PAGE
/* --------------------------------------------------------------------------------------------------------------------------------- */


#my_story div.step_left{ width: 740px; }
#my_story div.str_line textarea{ width: 95%; height: 150px; padding: 5px; float: right; margin-right: 12px;}
#my_story div.left_txt_form{float:left;width:35%;text-align:right;}
#my_story div.right_txt_form{float:right;width:65%;}

#my_story .background_style{ background: #fff; }

.valign_mid{ vertical-align: middle; }

#my_story form input{ width: 50%; }
#my_story form textarea{ width:75%; }
#my_story form input, #my_story form textarea, #my_story form select{ border: 1px solid #7D9EBA; }
#my_story form textarea{ float: left; }
#my_story form .right_txt_form{ position: relative; }

#my_story form a.change_address{ position: absolute; top:0; right:50%; }

/* Ask a question page  CSS*/
#askaquestion { width:40%;}
.itext_content {float:left;}


#askusaquestion .noborder{ border:0; }
#askusaquestion .str_left, #claimstracking .str_right{ float:left; position:relative; width: 38%; }
#askusaquestion .str_left{ padding: 2px 0 0 0; width:30%; margin-right: 10px; }
#askusaquestion .str_left label{ font-size: 1.0em; display:block; padding-left: 15px; color: #333; font-weight: bold; text-align: left; }
#askusaquestion .str_right{ width: 60%; position: relative; float:left; }
#askusaquestion .str_right input{ width: 80%; padding: 2px; }
#askusaquestion .str_line textarea{ width: 80%; padding: 2px; height:100px;}
#askusaquestion .str_right select{ padding:2px; }
#askusaquestion .str_right select.error_red{ padding:2px; }
#askusaquestion .str_right .btn{ width: auto; }
#askusaquestion .str_right .input_small{ width: 20%; }
#askusaquestion .str_right .input_radio{ width: 15px; margin-right: 5px; border: 0; }
#askusaquestion .str_right .input_checkbox{ width: 15px; margin-right: 5px; border: 0 !important; }
#askusaquestion	ul.radio_options{ list-style-type: none; margin:0; }
#askusaquestion	ul.radio_options li{ float:left; position:relative; padding:0; margin:5px 30px 5px 0; background-image:none; }
#askusaquestion	ul.radio_options li input{ border:0; width: auto;}


#askusaquestion form input, #claimstracking form select, #claimstracking form textarea, #claimstracking input[type="file"]{ border: 1px solid #8f9cbf; padding: 2px; }
#askusaquestion form input:focus, #claimstracking form select:focus, #claimstracking form textarea:focus{ border-color: #D3E587; }

#askusaquestion .box{ border: 2px solid #e5e5e5; padding: 10px; margin-bottom: 10px; }

/* Christmas Opening Hours */
a.christmasopening{
	color: #cc0000;
	font-weight:bold;
	padding-top: 5px;
	display: inline-block;
}
div.christmasopening{
	/*margin-top: 25px;
	color: #cc0000;
	overflow: hidden;*/
	float:right;
}
/*.christmasopening .panel{
	width: 45%;
	margin-right:20px;
	float: left;
	}*/
	.christmasopening h2{
		font-weight: bold;
	}
	.christmasopening h2, .christmasopening h3{
		color: #cc0000 !important;
	}

	.christmasopening table th, .christmasopening table td{
		background-color: #ffeaea;
		border-bottom: 1px solid #fff;
	}
	.christmasopening table th, .christmasopening table td{

	}

/* ------------------------------------------
// VET AWARDS - FORM
----------------------------------------- */
#vetawards_form .str_line label{
	color: #002596;
}
#vetawards_form .str_line .str_left{ padding-top: 2px; }
#vetawards_form .str_line .str_right input,
#vetawards_form .str_line textarea,
#vetawards_form .str_line .str_right select{
	background-color: #ffffff;
	border: 1px solid #cccccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	-ms-transition: border linear 0.2s, box-shadow linear 0.2s;
	-o-transition: border linear 0.2s, box-shadow linear 0.2s;
	transition: border linear 0.2s, box-shadow linear 0.2s;
}

#vetawards_form .str_line .str_right input:focus,
#vetawards_form .str_line textarea:focus,
#vetawards_form .str_line .str_right select:focus{
	border-color: rgba(82, 168, 236, 0.8) !important;
	outline: 0;
	outline: thin dotted \9;
	/* IE6-9 */

	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
}

.share { width: 100%; float: left; }
.share_body { float:left;padding:20px; background-color: #fff; border: 1px solid #6f8ac7;
	border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; -moz-webkit-border-radius: 10px 10px 10px 10px; -ms-webkit-border-radius: 10px 10px 10px 10px; -o-webkit-border-radius: 10px 10px 10px 10px;
}
.ie7 .share, .ie8 .share{ behavior: url(/assets-new/PIE.htc); }
.share_body .share_classic {float: left; }
.share_body .share_classic img{ width: 100%; height: auto; }
.share_body .share_text, .share_body .share_buttons {float: left}
.share_body .share_text .title {font-size: 13pt; line-height: 12pt; margin-bottom: 0;}
.share_body .share_text .link {color: #626262;}
.share_body .share_buttons .buttons {width: 161px; height: 28px; background: url('../images/share.jpg') no-repeat; float: left; display: block; margin:0;}
.share_body .share_buttons .buttons.facebook:hover{background: url('../images/share_hover.jpg') no-repeat; }
.share_body .share_buttons .buttons.twitter{background: url('../images/tweet.jpg') no-repeat; float: right;}
.share_body .share_buttons .buttons.twitter:hover{background: url('../images/tweet_hover.jpg') no-repeat;}

#horse-health-box
{
	background: #adcfde;
	padding: 19px;
}

#horse-health-box .horse-health-box-image
{
	display: inline-block;
}

#horse-health-box .horse-health-box-body
{
	padding-top: 6px;
	float: right;
	width: 65%;
}

#horse-health-box .horse-health-box-body h2
{
	color: #002596;
}

#horse-health-box .horse-health-box-body p
{
	color: #002596;
	font-size: 15px;
}



/* ------------------------------------------
// NOTICE UNDER NAVIGATION
----------------------------------------- */
.notice{background:#C9252C;height:19px;width: 980px;margin: 0 auto;padding-top: 6px}
.notice a {color: #fff;font-weight: bold}


table.equine-grass-sickness td, table.table-top td { vertical-align: top; }
table.equine-grass-sickness ul, table.equine-grass-sickness ul li:first-child, #centre .inner table.equine-grass-sickness ul li:first-child { margin-top:0; }
table.equine-grass-sickness ul li, #centre .inner table.equine-grass-sickness ul li {
	background-position:0 5px;
}

table.table-top.fifths tr th {width:20%;}


/* ------------------------------------------
// PRESS RELEASE PAGES
----------------------------------------- */
.press_img_right {float: right;width: 254px;margin-left: 20px;margin-bottom: 20px;background-color: #f3f9fd;padding:10px 10px 0 10px}
.press_img_right.landscape {width:300px}
.press_img_right p {font-size: 10px;  line-height: initial; padding: 5px;}

/* ------------------------------------------
// CIRCLE WITH INFORMATION
----------------------------------------- */
.copywrap {display:table;  margin-bottom: 20px;}
.copywrap p {display:table-cell;vertical-align:middle;}
.copywrap.leftcopy p {padding-left:10px;}
.copywrap.rightcopy p {padding-right:10px;}
.infocircle {
	background-color: #8ecf00;
	color:#fff;
	width: 117px;
	height: 117px;
	border: 1px solid rgb(184, 184, 184);
	border-radius: 50%;
	padding: 25px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

.innercircle {font-size: 10px;  line-height: normal;margin:0;}

/* Arrow box */
.arrow_box {
	padding:15px 10px;
	position: relative;
	background: #ADCFDE;
}

.arrow_box:before {
	bottom: 100%;
	left: 280px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:before {
	border-bottom-color: #ADCFDE;
	border-width: 20px;
	margin-left: -20px;
}



/* ------------------------------------------
// LAMENESS VIDEOS AND QUESTIONS
----------------------------------------- */

.lameness p, .lameness li {font-size:14px}

.videos .column {
	padding-right: 15px;
	margin: 0;
	float: left;
	width: 230px;
}
.videos .column.right{
	padding-right: 0;
}
.videos {
	padding: 20px 0;
	display: inline-block;
	text-align: center;
}
.videos .column a.button {
	width: 140px;
	margin-bottom: 10px;
	font-size: 15px;
	cursor: pointer;
	background-color: #eee;
}
.videos .column a.button:hover {background-color:#207abb;}

.videos .correct {background-color:#81bc00 !important;}
.videos .correct:after {
	content: "\2713";
	line-height: 17px;
}
.videos .correct:after, .incorrect:after {
	float: right;
}
.videos .incorrect {background-color: red !important}
.videos .incorrect:after {
	content: 'x';
}
.videos .button.disabled {
	background-color: #e6e6e6!important;
	color: #808080!important;
}

/*VIDEO CONTROLS*/
.video-container {
	position: relative;
}

.video-container video {border:4px solid #fff;}

.video-controls {
	position: absolute;
	bottom: 10px;
	left: 0;
	right: 0;
	opacity: 0.5;
	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
	-o-transition: opacity .3s;
	-ms-transition: opacity .3s;
	transition: opacity .3s;
}

.video-container:hover .video-controls {
	opacity: .9;
}

.video-controls button {
	background: rgba(173, 207, 222, 0.5);
	border: 0;
	color: #EEE;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	-o-border-radius: 25px;
	border-radius: 25px;
	height: 50px;
	width: 50px;
}

.video-controls button:hover {
	cursor: pointer;
}

.video-controls .play, .video-controls .pause {
	position: relative;
}
.video-controls .play:after {
	border: 13px solid #fff;
	border-right-color: transparent;
	border-top-color: transparent;
	border-bottom-color: transparent;
	height: 0;
	width: 0;
	position: absolute;
	top: 11px;
	left: 21px;
	content: "";
}

.video-controls .pause:after{
	background-color: #fff;
	width: 6px;
	height: 27px;
	border-radius: 1px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	position: absolute;
	top: 11px;
	left: 16px;
	content: "";
}
.video-controls .pause:before{
	background-color: #fff;
	width: 6px;
	height: 27px;
	border-radius: 1px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	position: absolute;
	top: 11px;
	left: 28px;
	content: "";
}


.button.inline-button { margin-top:5px; }
.openingmsg img.photoify {
	border:5px solid white !important;
	box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.5);
	transform:rotate(5deg);
	max-width:220px;
	margin-top:10px;
	margin-bottom: 25px;
}

.archive_month img {
	width:129px;
	height:149px;
}

.youtube {
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	display: inline-block;
	overflow: hidden;
	transition: all 200ms ease-out;
	cursor: pointer;
}

.youtube .play {
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAERklEQVR4nOWbTWhcVRTHb1IJVoxGtNCNdal2JYJReC6GWuO83PM/59yUS3FRFARdFlwYP1CfiojQWt36sRCUurRIdVFXIn41lAoVdRGrG1M01YpKrWjiYmaSl8ybZJL3cd+YA//NLObd3++eO8x79z5jSq5Gw+8kov0AP8vMR5l1BtBZQM4B8ks75wCdZdYZZj5qLZ4hov2Nht9Z9vhKKSIaB/gI4M4w62KeAO6Mte4lYOq20FxrlqqOibhHmeWbvNC9ZfDX1mLae391aN6limO/gwgvAPJbWeAZuSDingdwXTBw7/0IsyaA/Fkh+KqOkD+YNfHej1QKD+y7iVlOhgLvFqFfNJvNGyuBJ+KDAF8MDd0tgS8y64OlgSdJMsysL4cG7SOHkyQZLhTee7+d2R2rAVy/S+Jd7/32ouBHAP4gNNRGQyTHc/84NhqNywZp5rvjjnnvt21aABFeCQ+RLwAf2hQ8s7sv9OCLk6AHNgQvIrvbfzKCD76g/O6cu7lf/iER/aQGgy448pExZmhdegAPhR9sObFWH1gT3lp7DaA/5bkIgJhZPgsNmz02novj+KqeApj1ubwXWe4kdyeznAgNvTpE/HQmvKqOMeuFogTUVQSRno+iaLRLAJF7uIgL9O4ubgL8aWgB7S44mNX+35YpICUiAvS9sBLkq1WzT+NFffl6AuoiApi6NT37h6sWkBIRZGkQ8YtLgyji6e1mBYTqCEBPG2Naz+0BWQgtoGoRgCzEsd9hAN1X5BfnFZASUfrSAFQNsyZ1FJASUVpHiLinDJG8U2cBZYogkrcNs5waBAGdstbeU9zdqpw0gPwwSAI6VUxHyFlDpOcHUUBBIuYNs14aZAE5RVwyzPr3/0EAEY0TyfGNjBWQvwZ +CTSbehfAH29mrID8bET0+0EUkAd8WYDOmqJ3ecsG30yr9wqRfm6Y+a1BEFDEjHfHvWmY9ck6CygHvBVr8Xhtb4ZE5HZA3y8DvBNA1TjnrmXWf+sioMwZX5V/VHXMGGMMoKdDCxCRvRWBdzKzdHEO+EisilbPyopHYqp6S9UCAsz4iojI7hUDAtyXVQgIDd6KnOoaWNkbI6FaPSuZGyMArsi7MZoloB4zviI/Nhr3X95jltwTRQmoIfgisy5ai+me67OI7fE4nrqjrqfK1t0eby0FPRB6oGVlchL3rgnfrq19RKbVBdhV9IOSwJmfmJi4vi/4ThERitwyCxVAFqydshuCX5awhQ9KtmuIWd8IDZED/nXT77rvVVv6sHRKwjYi91poqP7Dr+Y6JJ1VSZIMA3wkPNy6bX+o8Bcm0sXMdwM8Fxo0A3xORPaWBp6uPXsmbxCRD0NDL0dOANhVCXy6iAjMcjbcrMt3RITKwdMVRdFo+y5yvkL4eWZ+zHt/ZVD4dEVRNGotpst+dZZZH8k86lqn2pIvT/eqrNfn2xuyqYPZ8mv7s8pfn/8Pybm4TIjanscAAAAASUVORK5CYII=") no-repeat center center;
	background-size: 64px 64px;
	position: absolute;
	height: 100%;
	width: 100%;
	opacity: .8;
	filter: alpha(opacity=80);
	transition: all 0.2s ease-out;
}

.youtube .play:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}





.sponsored-riders.sponsored-in-depth.dropdowns { padding:10px; }
#centre .sponsored-riders.sponsored-in-depth .box { min-height:0; }

#centre .sponsored-riders.sponsored-in-depth .inner.dropdown-container,
#centre .sponsored-riders.sponsored-in-depth .inner.dropdown-buttons .active {
	background:#adcfde;
}

#centre .sponsored-riders.sponsored-in-depth .inner.dropdown-buttons .box {
	flex-grow: 1;

	margin:0; padding:14px;
}
#centre .sponsored-riders.sponsored-in-depth .inner.dropdown-buttons {
	display:flex;
}

#centre .sponsored-riders.sponsored-in-depth .inner.dropdown-container,
#centre .sponsored-riders.sponsored-in-depth .inner.dropdown-buttons {
	box-sizing: border-box;
	padding:0;
}
#centre .sponsored-riders.sponsored-in-depth .inner.dropdown-container > div {
	padding:20px 10px;
}
.dropdowns .dropdown-buttons .box { border:1px solid #adcfde; text-align:center; }

#centre .sponsored-riders.sponsored-in-depth .inner h3,
#centre .sponsored-riders.sponsored-in-depth .inner h4 {
	color:#002596;
}
.sponsored-riders.sponsored-in-depth a.button:hover,
.sponsored-riders.sponsored-in-depth a.button {
	background-color: #DADADA;
	color: #002596;
	text-shadow: none;
	padding: 5px 0;
	display: block;
	font-size:1em;
}
.sponsored-riders.sponsored-in-depth .dropdown-box img { border:5px solid white !important; }


.post-offers-area{
	margin-top: 50px;
	margin-bottom: 60px;
}

.post-offers-area h3{
	color: #002596;

}
.post-offers-area .offer{
	border: 2px solid #002596;
	border-radius: 10px;
	padding: 25px 10px;
	margin-top: 30px;
	margin-bottom: 30px;
}
.post-offers-area .offer img{
	width: 33.3333333333%;
}
.post-offers-area .offer .text{
	width: 66.6666666%;

}
.post-offers-area .offer a{
	display: block;
	float: right;
}
.post-offers-area .offer, .post-offers-area .offer img, .post-offers-area .offer .text{
	box-sizing: border-box;
	float: left;
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
}

figure { margin:0; }
figure.right { margin-left:1em; }
figure.fleft { margin-right:1em; }
.mb-0-5 { margin-bottom:0.5em; }
.mb-1 { margin-bottom:1em; }

#centre .inner ul.dot-top li {
  background: url(/assets-new/images/core/blue-bullet.jpg) no-repeat 0 0.33em;
}


.mw-100 { max-width:100%; }
.p-0.p-0 { padding:0; }

.inner.center {
  text-align:center;
}
#centre .inner.center a.box,
#centre .inner.center a.box * { box-sizing: border-box; }
#centre .inner.center a.box {
  width:25%;
  display: inline-block;
  float: none;
}
#centre .inner.center a.box h3 { color:#002596; }
#centre .inner.center a.box .image {
  overflow:hidden;
  border-radius:100%;
  border:10px solid #8ecf00;

  width:175px;
  height:175px;
  /* Square. */
  /* height: 0;
  padding-bottom: 90%; */
  margin: 0 auto 1em;
}
#centre .box .image img {
  margin-left: 50%;
  margin-top: 50%;
  transform: translate(-50%, -50%);
}
a.button[href$=".pdf"],
li a[href$=".pdf"] {
  background-image: none;
}

summary::-webkit-details-marker { display: none; }
details summary > * { display:inline-block; }
details {
  border-width: 1px 1px 0 1px;
  border-style: solid;
  border-color: #222;
}
details:last-of-type { border-bottom: 1px solid #222; }
summary + div { padding: 1rem; }
summary {
  padding:0.5rem;
  background: url(/assets-new/images/core/rightcolumn-overlay.gif) repeat top left;
  color: #002596;
  font-weight:bold;
  font-size:16px;
  list-style: none;
}

summary:after {
  content: "";
  float: right;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='far' data-icon='plus-circle' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='svg-inline--fa fa-plus-circle fa-w-16 fa-3x'%3E%3Cpath fill='%23002596' d='M384 240v32c0 6.6-5.4 12-12 12h-88v88c0 6.6-5.4 12-12 12h-32c-6.6 0-12-5.4-12-12v-88h-88c-6.6 0-12-5.4-12-12v-32c0-6.6 5.4-12 12-12h88v-88c0-6.6 5.4-12 12-12h32c6.6 0 12 5.4 12 12v88h88c6.6 0 12 5.4 12 12zm120 16c0 137-111 248-248 248S8 393 8 256 119 8 256 8s248 111 248 248zm-48 0c0-110.5-89.5-200-200-200S56 145.5 56 256s89.5 200 200 200 200-89.5 200-200z' class=''%3E%3C/path%3E%3C/svg%3E");
}
details[open] summary {
  border-bottom:1px solid #222;
}
details[open] summary:after {
  background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='far' data-icon='minus-circle' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='svg-inline--fa fa-minus-circle fa-w-16 fa-5x'%3E%3Cpath fill='%23002596' d='M140 284c-6.6 0-12-5.4-12-12v-32c0-6.6 5.4-12 12-12h232c6.6 0 12 5.4 12 12v32c0 6.6-5.4 12-12 12H140zm364-28c0 137-111 248-248 248S8 393 8 256 119 8 256 8s248 111 248 248zm-48 0c0-110.5-89.5-200-200-200S56 145.5 56 256s89.5 200 200 200 200-89.5 200-200z' class=''%3E%3C/path%3E%3C/svg%3E");
}

#centre details .clearfix:last-child { margin-bottom:0; }

#centre .list-style-top ul li {
	background-position: 0 5px;
}

#centre .flex {
	display: flex;
	flex-wrap: wrap;
}

#centre .flex .box {
	float: none;
	min-height: unset;
	width: calc(50% - 28px);
}

#centre .pdf-downloads h3,
#centre .pdf-downloads .pdf-image {
	text-align: center;
}

#centre .flex .box .image img {
	margin-top: 0;
	margin-left: 0;
	transform: none;
}

.previous-winner {
    background: #81bc00;
	border-top-right-radius: 100px;
	border-bottom-right-radius: 100px;
    display: inline-block;
	position: relative;
    margin-top: 30px;
    margin-bottom: 30px;
}

.previous-winner.green {
	background: #81bc00;
}

.previous-winner.purple {
	background: #652d90;
}

.previous-winner.orange {
	background: #f47721;
}

.previous-winner * {
	color: white !important;
}

.previous-winner .copy {
	max-width: calc(100% - 250px);
	padding: 20px 10px 50px;
	position: relative;
}

.previous-winner .copy .winner-details {
    position: absolute;
    right: 0;
    bottom: 5px;
    text-align: right;
}

.previous-winner .copy .class,
.previous-winner .copy .winner {
	font-family: "ITC American Typewriter W02", Arial, Helvetica, sans-serif;
	font-size: 15px;
	margin-bottom: 0;
}

.previous-winner .image {
	border: 2px solid #f93999;
	border-radius: 100%;
	overflow: hidden;
	height: 180px;
	width: 180px;
    position: absolute;
    right: -5px;
    top: 50%;
    transform: translate3d(0, -50%, 0);
}

.previous-winner .image img {
	height: 100%;
    margin-left: -20%;
}



.quick-links h3 {
	font-size: 28px;
	margin-bottom:1em;
  }
quick-links {
	height: 100%;
	padding:1.5em 1.5em 0 1.5em;

	display:flex;
	flex-flow: column;
	font-size: 1.2em;
  }
.quick-links a { color: #4D4D4D; }
.quick-links nav {
	flex-grow: 1;
	display: flex;
	flex-flow: column;
  }
.quick-links ul {
	display: flex;
	flex-flow: column nowrap;
	flex-grow: 1;
	margin: 0;
  }

.quick-links li {
	line-height:1.2;
	margin-bottom:1.25em;
  }

.quick-links {
	background: rgba(173,207,222,0.2);
  }

  .q-link{
	cursor:pointer;
}

/* sidebar nav refactor */

#sub_navigation ul.sub1 {
    display: none;
  }
  #sub_navigation .activeNav ul.sub1 {
    display: block;
  }

  .button-container--back {
	display: flex;
	justify-content: center;
	padding-bottom: 20px;
  }

  .area-festivals-gallery {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
  }

  .area-festivals-gallery__item {
	width: 160px;
	float: left;
	margin: 14px;
	min-height: 330px;
  }

  .area-festivals-gallery__image {
	width: 100%; 
	height: 195px; 
	overflow: hidden; 
	margin-bottom: 15px; 
  }

.area-festivals-gallery__image img {
	min-width: 100%;
	min-height: 100%;
	margin-left: 50%;
	transform: translate(-50%);
}

  img.area-festivals-gallery__image--left {
	margin-left: 70%;
  }

  img.area-festivals-gallery__image--right {
	margin-left:40%;
  }

  a.area-festivals-gallery__link {
	font-size: 16px;
  }

  .events-list__table {
	width: 100%;
	table-layout: fixed;
  }

.events-list__table th {
	padding-right: 10px 0;
}

.events-list__table th:first-child {
	width:45%;
}
.events-list__table th:nth-child(2) {
	width:25%;
}

  .events-list__table th {
    width: 20%;
  }

  .area-festivals__table {
	width: 100%;
  }

  .area-festivals__table th:first-child {
	width: 40%;
  }