@charset "utf-8";

/* TAG RESET -------------------------------------------------------*/
/* Loosely based on YUI reset  (http://developer.yahoo.com/yui/reset/) stylesheet with some additions */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0;padding:0;}
table {	border-collapse:collapse;border-spacing:0;}
fieldset,img { border:0;}
address,caption,cite,code,dfn,em,th,var {font-style:normal;font-weight:normal;}
ol,ul {
	list-style-image: none;
	list-style-type: none;
}
h1,h2,h3,h4,h5,h6 {	font-size:1em;font-weight:normal;}
caption,th {text-align:left;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
input, select, button {vertical-align: middle;}
a img {border: 0;}

	
/* END TAG RESET ------------------------------------------------*/


body {
		font:80%  Arial, Verdana, sans-serif, Helvetica, Tahoma;
		color:#3e88c8;
		text-align: center;
		background: #fff;
	}
	
#container {
		margin: 0 auto 0 auto;
		text-align: left;
		width: 745px;
	}
	
#header {	
		margin-bottom: 20px;
	}
	
#content {
		margin: 0 180px 0 210px;
	}
#sidebarLeft {
		width: 195px;
		float: left;
	}
#sidebarRight {
		width: 166px;
		float: right;
	}
#home #content {
		margin: 0;
	}

#footer {
	  clear: left;
	  color: #999999;
	font-size:80%;
	  padding-top: 10px;
	  position: relative;
	}



/* [+] -- FORMS -------------------------------- */

button {
		border: none;
		background: none;
		display: block;
	}
fieldset {
		border: none;
	}
legend {
		display: none;
	}


/* [+] -- FONTS -------------------------------- */

h1 { color: #3876c4; }
h2,h3,h4,h5,h6 {	color: #3e88c8;}


h1 {
	font-size:190%;
	font-weight: bold;
  letter-spacing: 0.0005em;
  margin-bottom: 10px;
}
	
h2 {	
	font-size:160%;
  margin-bottom: 5px;  	}

h3 {	font-size:130%;	font-weight:bold;}
	
h4 {		
  line-height: 140%; 
   }

h5 {		}

h6 {		}

p {
 	
	margin-bottom: 15px;
	color: #000;
	}
.smalltext p {

  margin-top: 8px;
}
#content .smalltext a {

}

.middle .bottom h3 {
	margin-bottom: 10px;
	}

.boldtext {
  font-weight: bold;
  color: #3E88C8;

}

.white{
  color: #fff;
}


/* [+] -- LINKS -------------------------------- */

a {
	text-decoration:none;
}
a:visited {	
	
	}
a:hover {	
	
	}
a:active {	
	
	}

#navigation #header a {
  color: #3573c0;
}

#navigation #footer a {
  color: #3e88c8;
}

#header .navigation li:hover a, #header .navigation .selected a {
	color: #fefefe;
	}

#content a {
	text-decoration:underline;
	
  color:#3e88c8
}

#content a:hover {
  text-decoration: none;
}


/* [+] -- ACCESSIBILITY -------------------------------- */

#skip {
		position: absolute;
		left: -2000px;
	}
		
/* [+] -- UTILITY -------------------------------- */

.clearFix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
		}
.clearFix {display:inline-block;}

.clr
{
  clear:both;
}

	

.strong {
  font-weight: bold;
}

.white {
  color: #fff;
}

.blue {
  color: #3e88c8;
}


hr.line3px {
  border: 0;
  height: 3px;
  color: #e2ecf7;
  background-color: #e2ecf7;
  margin: 12px 0 11px 0;
}

.emphasis {	
		text-align: center;
		display: block;
	
		font-weight: bold;
		margin: 5px 0;
	}
.emphasis span {
		margin: 0 auto 0 auto;
		color: #295B9B;
		font-size:140%;
		font-weight:bold;
	}
	
.sidebutton {
		text-align: center;
		margin: 5px 0;
		display: block;
	}
.sidebutton img {
		margin 0 auto 0 auto;
	}


/* [+] -- HEADER -------------------------------- */


/* -- logoinfo ------ */
#header .logoinfo {
  height: 102px;
  background: #eff5fa url(../images/bg_header.jpg) bottom;
  border-bottom: 1px solid #c0d8ed;
}

#header .logoinfo .left, 
#header .logoinfo .middle, 
#header .logoinfo .right {
  float: left;
}
#header .logoinfo .left {
  width: 102px;
}

#header .logoinfo .middle {
  height: 102px;
  width: 260px;
}

#header .logoinfo .middle p {
  margin-top: 30px;

  color: #24a08c;  
}
#header .logoinfo .right {
  width: 378px;
  text-align: right; 
}
#header .logoinfo .right img {
  margin-right: 40px; 
  margin-top: 26px; 
}

/* -- navigation ------ */
#header .navigation {

}

#header .navigation ul {
  background: #dbe9f5;
  padding-bottom: 1px;
  text-align: center;
}

#header .navigation li {
  display: block;
  float: left;
  margin-left: 1px;
  border-right: 1px solid #dbe9f5;
}

#header .navigation a {
  background-image: url(../images/bt_bg_unselected.png) ;
  display: block;
  height: 23px; 
  color: #3573c0;

  text-decoration: none;
  padding: 9px 23px 0 22px ;
}
#header .navigation #whoIsPetplan a, 
#header .navigation #rightPolicy a, 
#header .navigation #rightPolicy a{
  padding-left: 24px;
}
#header .navigation #yourClaim a{ padding: 9px 21px 9px 21px ; }
html > body #header .navigation #yourClaim a{ padding-bottom:0px!important; }
/*#header .navigation #yourClaim a{ padding-left:21px; }*/

#header .navigation li a:hover, 
#header .navigation .selected a {
  background-image: url(../images/bt_bg_selected.png) ;
  color: #fefefe;
}

/* -- left sidebar ------ */
#sideNav dd a:hover, 
#sideNav dd a.selected {
  color: #3C3C3C;
}



/* [+] -- CONTENT -------------------------------- */





/* [+] -- SIDEBAR -------------------------------- */


#sideNav {
		background: transparent url(../images/bg-side-menu.gif) no-repeat top left;
	}
#sideNav dl {
		background: transparent url(../images/bg-side-menu-bottom.gif) repeat-x bottom left;
		margin: 0 1px;
		padding-bottom: 50px;
	}
#sideNav dt {
		border-bottom: 2px solid #D1E1F1;
	
		font-weight: bold;
		padding: 5px 5px 5px 0;
		margin: 0 6px;
	}
#sideNav dd {
		background: #fff url(../images/bg-side-menu-divider.gif) repeat-x bottom left;
		margin: 6px;
		padding: 6px 0 7px 0;
		font-size:12px;
	}
#sideNav dd a {
		background: #fff url(../images/menu-bullet.gif) no-repeat center left;
		padding-left: 10px;
		color: #3E88C8;
	}

.sideBox {
		background: #fff url(../images/bg-side-box.gif) no-repeat top left;
		width: 164px;
		margin: 15px 0;
		text-align: center;
	}
.sideBoxInner {
		background: transparent url(../images/bg-side-menu-bottom.gif) repeat-x bottom left;
		margin: 1px 1px 0 1px;
		padding: 4px 8px;
		text-align: left;
	}
	
p.fantasticOffer {
	background:  url(../images/fp_bt_orange.jpg) no-repeat right ; 
	text-align:left;
  padding-top: 6px; 
  padding-bottom: 7px;
  width: 123px;
}

p.nominate {
	background:  url(../images/fp_bt_orange_l.jpg) no-repeat right ; 
	text-align:left;
  padding-top: 6px; 
  padding-bottom: 7px;
  width: 145px;
}

.nominate a {
	color: #fff;
	font-weight:bold;
	text-align:left;
	padding-left: 10px;
	font-size:15px;
}
.nominate a:hover {
	color: #FFD100;
}

.fantasticOffer a {
	color: #fff;

}

	
p.moreAboutPetplan {
	background:  url(../images/fp_bt_blue.jpg) no-repeat right ; 
	text-align:left;
  padding-top: 6px; 
  padding-bottom: 7px;
  padding-right: 7px;
  width: 123px;
}

.moreAboutPetplan a {
	color: #fff;

}

.sideBox h3 {	
		border-bottom: 2px solid #D1E1F1;
		padding: 5px;
		margin: 4px 0;
		margin: 0 auto 0 auto;

		font-weight: bold;
	}


/* [+] -- FOOT -------------------------------- */


#footer p {
  color: #B4B4B4;

  margin-top: 20px;
  margin-bottom: 0px;
}

#footer a {
  color: #3e88c8;

}

#footer li a {

}

#footer hr.line3px {
  margin-bottom: 18px;
}
	
#footer li {
  display: inline;
  margin-right: 5px;
  margin-left: 3px;
}

#footer #verisign {
		position: absolute;
		right: 0;
		top: 32px;
	}


/* [+] -- PHASE 2 ADDITIONS -------------------------------- */

.sub-menu-item {
padding-left:10px;
padding-top:2px;
}

.sub-menu-item2 { padding-left:20px; padding-top:2px; }


.charity_img {
float:left;
margin:7px;
}

.readMore a {
font-weight:bold;
padding:0;
}

.readMore a:hover {
color:#DDA224;
}

.readMore {
padding:0;
}




.validatevoucher {
font-weight:bold;
}

.displayaddress {
font-weight:bold;
}

#changeaddress .submit a {
font-weight:bold;
}

#changeaddress .addressbox{ width: 340px; } 

#claimsTracking #content .box .trackClaimsDetails a.submitDetails {
font-weight:bold;
}

.fantasticOffer a {
font-weight:bold;
}

.moreAboutPetplan a {
font-weight:bold;
}

#sideNav dd {

}

#needquote #content .box .boxInner .floatRight a.readMore {
font-weight:bold;
}

.normallist {
list-style:disc;
margin:15px;
margin-left:25px;
color:#000000;

}

.normallist li {
padding-bottom:3px;
}

#press p {
height:40px;
padding:0;
margin:0;
}

#press .readNews {
height:40px;
padding:0;
margin:0;
}

.choice-title {
float:left;
padding-top:20px;
}

.spacer {
height:20px;
}

.Pet-table {
width:98%;
}

.Pet-table table{
padding:0;margin:0;
border-collapse:collapse;
width:98%;
border:1px solid #68A3D7;
}

.Pet-table th {
background:#FAB320;
font-weight:bold;
color:#000000;
padding:5px;
}

.Pet-table td {
padding:5px;
border-bottom:1px solid #68A3D7;
color:#000000;
}

.Pet-table .tickWhiteTB {
background-image:url(../images/tick.gif);
background-position:0 10px;
background-repeat:no-repeat;
padding-left:17px;
}

 .lineWhiteTB {
background-image:url(../images/line.gif);
background-position:10px 15px;
background-repeat:no-repeat;
}

#popupbox {
 width:200px;
}

#VetFees , 
#Complementary , 
#Thirdparty,
#kennel,
#advertReward,
#illness,
#injury,
#loss,
#holiday,
#Thirdparty2,
#vetFees2,
#emergency,
#quarantine {

width:180px;
position:absolute; top:500px; 
border:1px solid #68A3D7;
padding:5px;
background:#ffffff;
}

.helpheader {
font-weight:bold;


}


#anyquestions a {

}

#anyquestions a:hover {
color:#FFB71F;
}

.questions {
padding:3px;
font-weight:bold;
margin-top:5px;
margin-bottom:5px;

}


.questions2 {
font-weight:bold;
padding:3px;
background:#5E9CD4;
}

#anyquestions .questions2 a {
text-decoration:none;
color:#ffffff;
}

.replyquestions2 {
border:1px solid #68A3D7;
margin-top:15px;
margin-bottom:15px;

}

.replyquestions2 p {
padding:4px;

}

.backtotop {
position:relative;
left:305px;
background:#5E9CD4;

}

#anyquestions .backtotop a{
font-weight:bold;
color:#ffffff;
text-decoration:none;
padding:8px;
}

#anyquestions .backtotop a:hover {
color:#FFB71F;
}



#content #presstable table {
padding:0;margin:0;
border-collapse:collapse;
vertical-align:top;
border-top:1px solid #8F9CBF;
border-left:1px solid #8F9CBF;
border-right:1px solid #8F9CBF;
}

#content #presstable td {
padding:5px 5px 5px 5px;
vertical-align:top;
border-bottom:1px solid #8F9CBF;
background: #fff url(../images/bg-content-box-bottom.gif) repeat-x bottom left ;
}

#content #presstable td a{
font-weight:bold;margin:0;
}

#content #presstable td a:hover{
color:#E4A522;margin:0;

}

#content #presstable th {
  background-image: url(../images/bt_bg_selected.png) ;
  font-weight:bold;
  color:#ffffff;
  padding:5px;
}

h1 {

}



#sideNav dd a.selected { 
color:#202CAF;
text-decoration:underline;
}

#sideNav dd a:hover {
color:#0200BF;
}

#sideNav dd a[href='lifetimeortime.asp'].selected {
font-weight:normal;
}

.bang-image {
float:right;
}

#printLogo {
float:right;
padding-bottom:20px;
}


#changeaddress .tablewrapper .manditoryfield , #changeaddress .tablewrapper .nonmanditoryfield {
width:300px;
}

#changeaddress .tablewrapper img {
display:none;
}

#changeaddress .tablewrapper #star {
display:block;
float:left;
margin-right:3px;
}

#content.sitemap ul{

}

#container #content.sitemap ul ul {
    font-size: 110%;
    margin: 0;
    padding: 0;
}

#content.sitemap h4{
font-weight:bold;

}
#content.sitemap li{
padding-left:10px;
}

#content.sitemap a:hover {
color:#FFB900;
}

.vetlogo {
text-align:center;
}

.fantasticOffer a {
margin-right:5px;
}


#claimsTracking #content .box .trackClaimsDetails a.submitDetails {
width:110px;
}

.yourdetailsnote {
width:340px;
}


#content #changeaddress .tablewrapper td, #meowchdefault .contactform #quoteform .addressbox {
width: 340px;
}

.selectpcodeli {
padding: 10px 0px 10px 0px;
}


/* -- Remember Nav FF2 fix above phase 2 ------ */

.box {
background:#FFFFFF url(../images/bg-content-box-bottom.gif) repeat-x scroll left bottom;
border:1px solid #E0ECF6;
padding:0px 0px 0px 0px;
margin:0px 0px 10px 0px;
}

.floatLeft {
float:left;
margin:2px 5px 5px 5px;
}

.floatRight {
padding:3px;
}

.floatRight .readMore {
  background: transparent url(../images/fp_bt_blue_s.jpg) no-repeat right;
  text-align: right;
  padding: 3px 2px; 
}

.floatRight a {
color:white !important;
padding-right:30px;
text-decoration:none !important;
}

.boxInner {
padding:0px 0px 10px 0px;
}

.boxInner.clearFix  {
clear:none;
display:block
}

.boxInner.clearFix:after {
clear:none;
display:block
}

.box h3{
font-weight:bold;
}

#header p {
font-size:88%;

}

#slDOBDay, #slDOBMonth ,#slDOBYear {
font-size:95%;
}

.meothanktable {
font-size:95%;
color:#000000;
margin-bottom:10px;
}

.meothanktable td{
padding:3px;
}

.meothanktable span {
color:#3573C1;
font-weight:bold;
}

.contactform #txtMessage {
width:340px;

}


#askusquestion #content .contactform label,
#vetawardsform #content #vetAwardsForm label {
  font-size: 115%;
  color: #000;
  display: block;
  width: 90px;
  float: left;
  padding:0;margin:0;
  padding-left:14px;
	padding-right:5px;
}

#content .contactform#customernewsletter label {
width:100px;
}


.dobquestion {
margin-top:5px;
}

#askusquestion #content .contactform .askquestionradio{
position:relative;
left:170px;
margin-top:5px;
}

#askusquestion #content .contactform .textfield{
width:150px;
}

.contactform #dobquestion {
position:relative;
left:110px;
margin-top:4px;
}

/* -- vet nom form -- */

#content ul, #content li {
font-size:100%;
}

#content .nombutton {
background:#2B71AF;

background:transparent url(../images/fp_bt_orange_l.jpg);

color:#ffffff;
font-weight:bold;
height: 29px; line-height:29px;
font-size: 15px;
text-decoration:none;
display:block;
width: 135px;
padding-left: 10px;
text-align:left;
}

#content .nombutton:hover {
color:#FFD100;
}

#content #lay1,#content #lay2,#content #lay3,#content #lay4 {
display:none;
margin-left:20px;
}

#content #vetcat h2 {
color:#000000;
font-size:1.2em;
font-weight:bold;
}

#content #vetcat a {
font-weight:bold;
background:transparent url(../images/menu-bullet.gif) no-repeat left;
padding-left:12px;
margin-left:10px;
}

#content #vetcat a:hover {
text-decoration:underline;
color:#DBA925;
}

#vetawardsform #content #vetAwardsForm label.optionlabel {
width:180px;
}
.plainListStyle{
	list-style:disc;
	margin:20px!important;
	color:#000000!important;	
	font-size:115%!important;
}



table.int-partners td, table.int-partners th {
	font-size: 12px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 3px;
	color: #000;
	}
table.int-partners td {
	padding: 0px 3px;
	}
table.int-partners  {
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	}
ul.list-faq li {
	margin-left: 10px;
	margin-bottom: 0;
	}

#content ul.list-faq li a {
	text-decoration: none;
	}
/*added 11-05-09 - addition of js hide-reveal script on anyquestions.asp */
#content h3.handcursor {	
	color: #3E88C8;
	}
#content ul.list-faq img {	
	position: relative;
	bottom: -4px;
	}
	
.handcursor{
	cursor:hand;
	cursor:pointer;
	}
.switchgroup1 {
	padding: 10px 0;
	}

/* NEED QUOTE PAGE - ADDED BY JON RAWLINS ON 17/06/2009 */	
	.needquote2 .needquoteimg{ float:right; position:relative; margin: 0 0 0 10px; }
		
		.needquote2 #content{ padding:0; margin:0; width:100%; }
		.needquote2 #content h1{ font-size: 2.6em;}
		.needquote2 #content h2{ font-size: 1.4em; }
		.needquote2 #content #callno{ font-size: 15px; color:#3775c2; }
		.needquote2 #content #smallprint{ font-size: 10px; color:#010101;}
	
		/* TWEAKS TO HEADER AND NAV */
		.needquote2 .logoinfo, .needquote2 .navigation{ width: 745px; }
		
		.needquote2 .navigation ul{ width: 745px; }
		.needquote2 #header .navigation a { padding: 9px 23px 0 23px; }
		.needquote2 #header .navigation #whoIsPetplan a, .needquote2 #header .navigation #rightPolicy a, .needquote2 #header .navigation #rightPolicy a{ padding-left: 25px; }

	/* Quote box */
	.needquote2 #quoteselector{ background: #64a3dc url("../images/needquote2/selectyourpet.gif") no-repeat; width: 350px; height:68px; position:relative; margin: 0 0 10px; }
		.needquote2 #quoteselector #selectpet_style{ padding: 10px 0 0 30px;}
		.needquote2 #quoteselector #selectpet_style label{ display:block; color:#fff; font-size: 1.2em; font-weight:bold; margin: 0 0 5px;}
		.needquote2 #quoteselector #selectpet_style select{ width:150px; padding: 2px;}
		/* Button */
		.needquote2 #quoteselector #selectpet_style #getquote a{ position:absolute; cursor:pointer; top:7px; right: 10px; width:140px; height:41px; font-size: 14px; font-weight:bold; color:#fff; }
		.needquote2 #quoteselector #selectpet_style #getquote a span{ width:100%; height:100%; display:block; position:absolute; background: url("../images/needquote2/selectyourpet.gif") no-repeat -15px -92px; }
		.needquote2 #quoteselector #selectpet_style #getquote a:hover span{ background-position: -15px -160px; }
		
		.needquote2 #quoteselector .end_bg{ position:absolute; top:0; right:0; width: 10px; height:68px; background: url("../images/needquote2/selectyourpet.gif") no-repeat top right;}
	
	/* Info box styling */
	.needquote2 .infobox{  width:377px; height:208px; font-size: 0.9em; margin: 0 0 10px; background: url("../images/needquote2/selectyourpet-box-bg.gif") repeat-x bottom left; float:left; position:relative; border: 2px solid #d5e2ee; }
	.needquote2 .infobox .inner{ padding: 5px;}
	.needquote2 .infobox h2{ font-size: 1.6em !important; }
	
		.needquote2 #infobox1{ width: 350px;}
			.needquote2 #infobox1 ul{ font-size: 1.1em; margin: 0; padding:0; list-style-type:none; }
			.needquote2 #infobox1 li{ background: url("../images/needquote2/selectyourpet.gif") no-repeat left -244px; width: 95%; padding-left: 20px; margin-bottom: 10px; color:#000000; }
		.needquote2 #infobox2{ float: right; }
			.needquote2 #infobox2 ol{ font-size: 1.1em; margin: 0 0 0 18px; list-style-type:decimal; } 
			.needquote2 #infobox2 ol li{ margin-bottom: 8px; color:#000000;}
			.needquote2 #infobox2 ol li span{ font-size: 0.8em !important; color:#3E88C8;}
			
/* ADDED BY JONRAWLINS ON 20/08/09 */
#magazine_form li span.align_button{ display: block; padding-left: 110px; }
#magazine_form a.displayaddress{ display: block; background: #93c1e6 url("../images/fp_bt-blue-ss.jpg") no-repeat top left ; color: #ffffff; font-size:95%; text-decoration: none; padding: 4px 0 6px 5px; width: 84px; }

/* ADDED BY JONRAWLINS ON 18/12/09 */

	.fleft{ float: left; position:relative; }
	.retrieve_quote{ font-size: 12px; margin: 18px 0 0 9px; float:left; }
	.needquote2 #selectpet_style #getquote a.retrieve_quote{ font-size:11px !important; height:auto !important; right:32px !important; top:32px !important; width:auto !important; }
	.clear{ clear: both; line-height:0; height:0; }
	
	#frmRetrieveQuote #dobquestion a{ font-size: 90%; }
	#frmRetrieveQuote #dateofbirth{ font-size: 90%; background: #fff url(../images/bg-side-menu-bottom.gif) repeat-x scroll left bottom; border: 1px solid #afd2ed; padding: 9px 16px 9px 15px; width: 303px; }
	
	#frmRetrieveQuote #dateofbirth .infoButton a{ background: transparent url(../images/fp_bt_blue_s.jpg) no-repeat scroll left bottom; display: block; color: #fff; text-decoration: none; padding: 4px 0 4px 8px; margin-top: 9px; margin-bottom: 2px; }