/* CSS Document - Pet Quote Process CSS*/
/* Created by SH 23/06/2009 */


/* --------------------------------------------- Reset --------------------------------------------- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,
font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,dd,dl,dt,li,ul,fieldset,form,label,legend,table,caption,
tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:normal;font-style:normal;text-align:left;}
table{border-collapse:collapse;border-spacing:0;}ol,ul{list-style:none;}
q:before,q:after,blockquote:before,blockquote:after{content:"";}


/* --------------------------------------------- Core --------------------------------------------- */
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#032e63;
	background:#eeeef6;
	height:100%;
}

a {color:#006bb5;text-decoration:underline;}
a:hover {text-decoration:none;}

h1, h2 {
	display:block;
	clear:both;
	float:left;
	padding:15px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	letter-spacing:-1px;
	color:#032e63;
}

h1 span, h2 span {font-family: Arial, Helvetica, sans-serif;font-size:24px;font-weight:bold;letter-spacing:-1px;color:#003399;}

h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#003399;
	border-bottom:1px solid #8ba2aa;
	padding-bottom:10px;
}

#mainContain {width:760px;background:#ffffff;margin:0 auto;padding:36px 0;}

/* Colors */
.blue {color:#032e63;}
.mid-blue {color:#006bb5;}
.light-blue {color:#eeeef6;}
.purple {color:#a2a0cf;}
.light-grey {color:#cccccc;}

/* General fixes */
.clearfix {display:block;clear:both;}
.noborder {border:none!important;}

/* Third Party Tags */
#tptags{display:none;}


/* --------------------------------------------- Brand Dependant --------------------------------------------- */
#header, #footer {position:relative;width:100%;background:#032e63;color:#ffffff;}
#header {height:78px;padding-top:12px;}
#footer {height:90px;}

#headerContain {width:960px;margin:0 auto;}

#subFooter {width:960px;clear:both;margin:0 auto;padding:30px 0;border-top:1px solid #032e63;}
#subFooter p {font-size:10px;}

#footerContain {width:960px;height:90px;margin:0 auto;background:url(../images/telephone.gif) right no-repeat;}
#footerContain div {font-size:11px;padding-top:37px;}
#footerContain a {color:#ffffff;text-decoration:none;}
#footerContain a:hover {text-decoration:underline;}

#logo {float:left;width:175px;height:66px;}
#banner {float:left;width:425px;height:65px;margin-left:120px;}
#dogheader {float:right;width:73px;height:66px;}

#content {position:relative;clear:both;width:960px;height:100%;margin:0 auto;padding:20px 0;background:#eeeef6;}

#leftNav {float:left;width:220px;height:395px;background:url(../images/bonenav-bg.gif) no-repeat #eeeef6;}
#leftNav ul {display:block;width:120px;margin:32px 0 0 28px;list-style:none!important;}
#leftNav ul li {display:block;width:120px;height:30px;}
#leftNav ul li a {display:block;width:120px;height:30px;background:url(../images/left-navUP.gif);text-indent:-9999px;outline:0;}
#leftNav ul li.selected a {background:url(../images/left-navSELECTED.gif);}
#leftNav ul li a:hover, #leftNav ul li.selected a:hover {background:url(../images/left-navOVER.gif);}

#leftNav ul li a.navA, #leftNav ul li a.navA:hover {background-position:0 0;}
#leftNav ul li a.navB, #leftNav ul li a.navB:hover {background-position:0 -28px;}
#leftNav ul li a.navC, #leftNav ul li a.navC:hover {background-position:0 -56px;}
#leftNav ul li a.navD, #leftNav ul li a.navD:hover {background-position:0 -84px;}
#leftNav ul li a.navE, #leftNav ul li a.navE:hover {background-position:0 -112px;}
#leftNav ul li a.navF, #leftNav ul li a.navF:hover {background-position:0 -140px;}
#leftNav ul li a.navG, #leftNav ul li a.navG:hover {background-position:0 -168px;}
#leftNav ul li a.navH, #leftNav ul li a.navH:hover {background-position:0 -196px;}
#leftNav ul li a.navI, #leftNav ul li a.navI:hover {background-position:0 -224px;}
#leftNav ul li a.navJ, #leftNav ul li a.navJ:hover {background-position:0 -252px;}
#leftNav ul li a.navK, #leftNav ul li a.navK:hover {background-position:0 -280px;}

#QPcontain {float:left;width:740px;min-height:400px;}

#brochureware #QPcontain {float:left;width:540px;min-height:400px;padding-bottom:20px;}
#brochureware #Homecontain {float:left;width:680px;min-height:400px;padding-bottom:20px;}
#brochureware #Homecontain table {margin-bottom:10px;}
#brochureware #Homecontain table td {padding-right:20px;}

#brochureware h1 {float:none;margin-left:0;padding-left:0;}
#brochureware h2 {float:none;margin-left:0;padding-left:0;font-size:20px;}
#brochureware #QPcontain p, #brochureware #Homecontain p {font-size:12px;line-height:18px;padding-bottom:18px;}
#brochureware #QPcontain ul, #brochureware #Homecontain ul {padding-bottom:18px;}
#brochureware #QPcontain ul li, #brochureware #Homecontain ul li {list-style:inside disc;line-height:18px;}

#brochureware p.footnote {font-size:11px;line-height:16px;padding-bottom:16px;}
#brochureware #benefitstab {margin-bottom:18px;}
#brochureware #benefitstab td, #brochureware #benefitstab th {text-align:left;margin:0;padding:5px;border:1px solid #000000;background:#ffffff;}

.homeKeyText {font-size:14px;color:#F2997A;font-weight:bold;}
p.smallText {font-size:10px!important;line-height:16px!important;}

.IPT { margin: 0 0 30px 0; }

#CCExtraInfo { padding: 20px; }

/* ---------------------------------------------- Progression ---------------------------------------------- */
ul#ProgressBar {
	position:relative;
	width:740px;
	height:49px;
	background:url(../images/stages_FUTURE.gif) no-repeat;
}

ul#ProgressBar li {float:left;list-style:none;margin:0;padding:0;height:49px;}
ul#ProgressBar li span {visibility:hidden;}

/* Stage 1 */
ul#ProgressBar li#Stage1-Past, ul#ProgressBar li#Stage1-Future, ul#ProgressBar li#Stage1-Present {width:160px;}
ul#ProgressBar li#Stage1-Present {background:url(../images/stages_CURRENT.gif) no-repeat 0 0;}

/* Stage 2 */
ul#ProgressBar li#Stage2-Past, ul#ProgressBar li#Stage2-Future, ul#ProgressBar li#Stage2-Present {width:150px;}
ul#ProgressBar li#Stage2-Present {background:url(../images/stages_CURRENT.gif) no-repeat -160px 0;}

/* Stage 3 */
ul#ProgressBar li#Stage3-Past, ul#ProgressBar li#Stage3-Future, ul#ProgressBar li#Stage3-Present {width:136px;}
ul#ProgressBar li#Stage3-Present {background:url(../images/stages_CURRENT.gif) no-repeat -310px 0;}

/* Stage 4 */
ul#ProgressBar li#Stage4-Past, ul#ProgressBar li#Stage4-Future, ul#ProgressBar li#Stage4-Present {width:129px;}
ul#ProgressBar li#Stage4-Present {background:url(../images/stages_CURRENT.gif) no-repeat -446px 0;}

/* Stage 5 */
ul#ProgressBar li#Stage5-Past, ul#ProgressBar li#Stage5-Future, ul#ProgressBar li#Stage5-Present {width:165px;}
ul#ProgressBar li#Stage5-Present {background:url(../images/stages_CURRENT.gif) no-repeat -575px 0;}


/* ---------------------------------------------- Fieldset setup ---------------------------------------------- */
.fieldsetSurround, #asumpption {
	width:740px;
	float:left;
	clear:left;
	margin:0 0 30px 0;
	padding:10px 0 20px 0;
	background:#ffffff;
}


legend {margin:0 0 15px 0;padding-left:15px;}

fieldset legend span {
	width:700px;
	display:block;
	font-size:18px;
	font-weight:bold;
	padding:5px 0;
	color:#003399;
	border-bottom:1px solid #cfcfcf;
}

input {font-size:12px;color:#000000;margin:0;padding:0;}
select {font-size:12px;color:#000000;margin:0;padding:0;}

.QuestionColumnControl {
	float:left;
	clear:left;
	width:290px;
	margin-left:15px;
	padding:8px 10px 5px 0;
	text-align:right;
}

.AnswerColumnControl {
	float:left;
	width:385px;
	padding:5px 10px;
}

.AnswerColumnControl p {font-size:12px;line-height:18px;}

#ConfirmTxt {
	position:relative;
	clear:left;
	width:450px;
	margin:25px 25px -50px 25px;
	font-size:12px;
	z-index:30;
}

/* Help popup styling */
div.helpdiv {
	position:absolute;
	display:none;
	width:200px;
	padding:10px;
	border:2px solid #003399;
	background-color:#ffffff;
	line-height:18px;
}

div.helpdiv iframe {
	position:absolute;
	height:280px;
	width:224px;
	top:-2px;
	left:-2px;
	z-index:-1;
	display:none;
}


/* ----------------------------------------- *** STAGE 1 - Your Details page *** ----------------------------------------- */
#SpeciesWrapper .QuestionColumnControl {padding-top:36px;}
select#ddlPetBreed {font-size:12px;height:auto;}
#PostcodeWrapper .AnswerColumnControl {padding-top:15px;padding-bottom:13px;}

#custadd_custaddlistbox_results {font-size:12px;height:21px;margin-bottom:5px;}

#MarketingBox .QuestionColumnControl, #MarketingWrapper .QuestionColumnControl {width:0;}
#MarketingBox .AnswerColumnControl {width:680px;padding:0 0 10px 0;border:0;}
#MarketingWrapper .AnswerColumnControl {width:680px;border:0;margin-left:-10px;}
#MarketingBox .AnswerColumnControl p {font-size:12px;line-height:18px;}

#MarketingWrapper .AnswerColumnControl {font-size:12px;font-weight:bold;}
#MarketingWrapper .AnswerColumnControl input {margin-right:5px;}


/* ----------------------------------------- *** STAGE 2 - Your Quote *** ----------------------------------------- */
.table {padding:0 15px;}
.table p {padding:25px 20px 0 0;line-height:18px;}

#quote, #benefits {width:700px;margin-top:-5px;}
#quote th {height:45px;font-weight:normal;padding-left:10px;}
#quote th.center {text-align:center;font-weight:bold;padding-left:0;}
#quote td {font-size:24px;letter-spacing:-1px;color:#a2a0cf;}

#benefits th {height:30px;padding-left:10px;font-weight:normal;text-align:left;}
#benefits th.center {text-align:center;font-weight:bold;padding-left:0;}
#benefits td {text-align:center;font-weight:bold;}

.center {text-align:center;font-weight:bold;padding-left:0;}
.stripe {background:#eeeef6!important;}
.assumption {font-size:12px;line-height:18px;margin:0 45px 0 20px;padding:0;}

#p2QuoteInfo { float:left; padding:0 0 10px 0; margin: 0 0 10px 0;}


/* ----------------------------------------- *** STAGE 3 - Summary *** ----------------------------------------- */
#Coverlevel .AnswerColumnControl {padding-top:6px;padding-bottom:4px;}
#MonthlyPremium .AnswerColumnControl, #AnnualPremium .AnswerColumnControl {padding-top:13px;padding-bottom:12px;}

#fieldset-chosenpolicy .QuestionColumnControl,
#fieldset-petdetails .QuestionColumnControl,
#fieldset-yourdetails .QuestionColumnControl {width:290px;}

#fieldset-chosenpolicy .AnswerColumnControl,
#fieldset-petdetails .AnswerColumnControl,
#fieldset-yourdetails .AnswerColumnControl {background-color:#eeeef6;width:380px;}

#fieldset-assumptions p {font-weight:bold;font-size:12px;line-height:18px;margin-left:15px;}
#fieldset-assumptions ul {list-style:disc;font-size:12px;line-height:18px;padding:16px 0;}
#fieldset-assumptions ul li {margin-left:10px;}

#AssumptionsConfirm {padding:10px 20px;font-size:12px;font-weight:bold;color:#274BA9;}

#chkpolicywrapper {margin-top:0px;}
#chkinfowrapper {margin-bottom:10px;}
#chkpolicywrapper, #chkinfowrapper {font-size:12px;margin-left:10px;padding:5px 10px;width:640px;}
#chkpolicywrapper input, #chkinfowrapper input {margin-right:5px;}

#chkpolicywrapper a, #chkinfowrapper a {font-weight:bold;}
#chkpolicywrapper a:hover, #chkinfowrapper a:hover {text-decoration:none;}
#ChkInfo, #ChkPolicy {margin-right:3px;}

#fieldset-policydetails p, #fieldset-notbuyingnow p {
	clear:left;
	margin:0 15px;
	padding-bottom:18px;
	font-size:12px;
	line-height:18px;
}

/* Save Quote Page */
#TextWrapper {padding:10px 10px 0 10px;margin:0;}
#TextWrapper p {font-size:12px;line-height:18px;margin-bottom:20px;}


/* ----------------------------------------- *** STAGE 4 - Payment *** ----------------------------------------- */
.AnnualPremiumFigure {font-weight:bold;}
#AnnualPremiumWrapper .AnswerColumnControl {padding-top:6px;padding-bottom:5px;}

select#ddlExpiryDateYYYY, select#ddlStartDateYYYY {margin-left:4px;}

#CardInstructionContent {padding:20px 20px 20px 30px;margin:0 25px 25px 25px;color:#000000;border:1px solid #000000;}
#DDInstructionContent {margin:0 10px;padding:10px;line-height:18px;}
#DDInstructionContent ul {list-style:disc;line-height:18px;padding-left:16px;margin:10px 0;}

#DDInstructionConfirmWrapper,
div.ConfirmRowControlErr#DDInstructionConfirmWrapper {padding:10px 10px 10px 0;margin:10px 0 0 20px;}

/* DD Instruction control - MONTHLY */
#DDLogo {float:right;margin:-48px 20px 10px 10px;padding:1px 3px;}

/* DD Instruction control - ANNUAL */
div#CardInstructionContent #DDInstructionConfirmWrapper {background:#ffffff;padding:10px;margin:10px 0 0 -10px;}
#CardInstructionWrapper ul {list-style:disc;line-height:18px;}

#TextWrapper {margin:8px 0 8px 10px;}
#ValDDAgrement, #valTerms {display:block;margin-left:15px;}


/* ----------------------------------------- *** STAGE 5 - Purchase/Thank You pages *** ----------------------------------------- */
#WhatHappensWrapper {margin:-10px 10px;padding-left:10px;}
#WhatHappensWrapper p {font-size:12px;line-height:18px;margin:16px 0;}

#YourReferenceWrapper .AnswerColumnControl, #PolicyStartDateWrapper .AnswerColumnControl,
#PolicyStartDateWrapper .AnswerColumnControl, #PolicyStartDateWrapper .AnswerColumnControl,
#InsurerWrapper .AnswerColumnControl, #CustomerServiceWrapper .AnswerColumnControl,
#ClaimsTelephoneWrapper .AnswerColumnControl, #PolicyBookletWrapper .AnswerColumnControl {padding-top:6px;padding-bottom:5px;}

/* --- Calculating quote page --- */
#CalculateWrapper {text-align:center;font-size:12px;font-weight:bold;margin:70px 0 72px 0;}
#CalculateWrapper p {font-weight:bold;text-align:center;}
#Processing {position:relative;text-align:center;padding:0;margin:10px 0 0 0;}

/* --- Recall quote page --- */
#fieldset-details #TextWrapper p:first-line {font-weight:normal;}
#fieldset-details #TextWrapper p {font-size:12px;line-height:18px;}
#QuoteRefNoWrapper .AnswerColumnControl {padding-top:16px;padding-bottom:12px;}


/* ---------------------------------------------- Input width controls ---------------------------------------------- */
#txtFirstName, #txtSurname, #txtCoverStartDate, #txtDatePurchased,
#txtBankBuilding, #txtAccountHolder, #txtAccountNumber {width:125px;}

.txtDOBDD, .txtDOBMM, #txtDPDD, #txtDPMM {width:20px;}
.txtDOBYYYY, #txtDPYYYY {width:35px;}

/* Date of birth forward slash */
.ForwardSlash {color:#000000;}

#txtDaytimeTel1, #txtEveningTel1 {width:45px;}
#txtDaytimeTel2, #txtEveningTel2 {width:110px;}

#txtEmail {width:163px;}

#custadd_custaddpost_code1, #custadd_custaddpost_code2,
#txtPostCode1, #txtPostCode2 {width:40px;text-transform:uppercase;}

#txtRef1, #txtRef2, #txtRef3 {width:30px;}

/* -4px button shifts */
input#custadd_custaddbtn_lookup {margin-bottom:-4px;}


/* ---------------------------------------------- Button setup ---------------------------------------------- */
#form-buttons {float:left;width:740px;height:27px;margin-bottom:10px;}
#form-buttons img {float:right;}

#form-buttons, #StartQuoteButton, #RetrieveQuoteButton, #BackButton, #NextButton,
#HomeButton, #DoneButton, #NewQuoteButton, #btnRecall {height:27px;}

#StartQuoteButton, #RetrieveQuoteButton {float:right;width:138px;}

#form-buttons #BackButton {float:left;clear:left;width:79px;margin:0!important;}
#form-buttons #NextButton {float:right;width:74px;margin:0!important;}
#form-buttons #SaveQuoteButton {float:right;width:188px;margin:0!important;}

#HomeButton {float:right;width:84px;margin:0 25px 25px 0;}
#HomeButton img {width:84px;height:27px;margin-right:-25px;}

/* Quote and payment page buttons */
#BackButton {float:left;clear:left;width:79px;margin:0 0 25px 25px;}
#NextButton {float:right;width:74px;margin-right:25px;}

#NewQuoteButton {clear:both;float:left;margin:0 0 30px 590px;}
.NQButton {width:123px;height:27px;}
.ContButton {width:107px;height:27px;}

#btnAmend {float:left;width:147px;height:27px;margin:10px 0 0 315px;}
#btnSave {width:188px;height:27px;}
#btnRecall {width:150px;} /* This is really the RETRIEVE QUOTE button */

#DDButton {float:right;width:182px;margin-right:0;}
#CCButton {float:right;width:177px;margin-right:10px;}

#buy_silver, #buy_platinum, #buy_gold {margin-left:20px;}

input.btncat_deselected, input.btndog_deselected,
input.btncat_selected, input.btndog_selected {
	display:block;
	position:relative;
	float:left;
	height:83px;
	border:none;
	text-indent:-5000px;
	cursor:pointer;
}

input.btncat_deselected {background:url(../images/common-images/btnCAT_up.png);width:120px;}
input.btncat_selected {background:url(../images/common-images/btnCAT_dn.png);width:120px;}
input.btndog_deselected {background:url(../images/common-images/btnDOG_up.png);width:120px;margin-left:10px;}
input.btndog_selected {background:url(../images/common-images/btnDOG_dn.png);width:120px;margin-left:10px;}

.help {width:21px;height:21px;vertical-align:text-bottom;cursor:help;}


/* ---------------------------------------------- Error text setup ---------------------------------------------- */
div.RowControl, div.RowControlErr{float:left;}
div.RowControlErr .QuestionColumnControl{color:#ff0000;}
div.RowControlErr .AnswerColumnControl{color:#ff0000;font-size:12px;background:#ffdddd;}

div.ConfirmRowControlErr#DDInstructionConfirmWrapper{color:#ff0000;}

.error .AnswerColumnControl{font-size:12px;}

span.errormsg{display:block;font-weight:bold;}
.errortext{color:#ff0000;}

#SpeciesWrapper.RowControlErr .AnswerColumnControl #valSpecies {display:block;padding-top:28px;}

#chkpolicywrapper.RowControlErr, #chkinfowrapper.RowControlErr {background:#ffdddd;padding:5px 10px;width:640px;}
#chkinfowrapper.RowControlErr {margin-bottom:10px;}
#chkpolicywrapper.RowControlErr a, #chkinfowrapper.RowControlErr a {color:#ff0000;}

#valChkPolicy {color:#ff0000;margin-left:13px;}
#valChkInfo {color:#ff0000;margin-left:10px;}
#valassumption {color:#ff0000;display:block;margin:-25px 15px 0 15px;padding:10px;background:#ffdddd;text-indent:360px;}

.RowControlErr #fieldset-assumptions p {color:#ff0000;}
.RowControlErr #fieldset-assumptions p input#chkassumptions {margin:10px 0 0 10px;}


/* ---------------------------------------------- Calendar date picker control ---------------------------------------------- */
.CalendarPicker .ajax__calendar_container {
	padding:0;
	margin:0;
	border:2px solid #003399;
	background-color:#ffffff;
	color:#000000;
	/* opacity */
	filter:alpha(opacity=100);-moz-opacity:1.0;-khtml-opacity:1.0;opacity:1.0;
}

.CalendarPicker .ajax__calendar_header {text-align:center;}
.CalendarPicker .ajax__calendar_today {text-align:center;}
.CalendarPicker .ajax__calendar_title {text-align:center;}

.CalendarPicker .ajax__calendar_prev,
.CalendarPicker .ajax__calendar_next {color:#000000;}

.CalendarPicker .ajax__calendar_other .ajax__calendar_day,
.CalendarPicker .ajax__calendar_other .ajax__calendar_year {color:#032e63;}

.CalendarPicker .ajax__calendar_hover .ajax__calendar_day,
.CalendarPicker .ajax__calendar_hover .ajax__calendar_month,
.CalendarPicker .ajax__calendar_hover .ajax__calendar_year {color:#032e63!important;background-color:#a2a0cf;font-weight:bold;}

.CalendarPicker .ajax__calendar_active .ajax__calendar_day,
.CalendarPicker .ajax__calendar_active .ajax__calendar_month,
.CalendarPicker .ajax__calendar_active .ajax__calendar_year {color:#a2a0cf;font-weight:bold;}
 

/* ---------------------------------------------- Safari Only ---------------------------------------------- */
@media screen and (-webkit-min-device-pixel-ratio:0) {
legend {padding-bottom:20px;}

#CalculateWrapper {margin:0;padding:0;}
#CalculateWrapper p {padding:38px 0 0 0;}

.table {position:relative;}
.table p {padding:20px 20px 0 0;}
#quote, #benefits {margin-top:0px;padding-top:10px;}

#MonthlyPremium .AnswerColumnControl, #AnnualPremium .AnswerColumnControl {padding-top:12px;padding-bottom:11px;}
}