/* CSS Document - Pet Quote Process CSS*/
/* Created by SH 27/04/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;font-family:inherit;}
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:0.75em;
	color:#333333;
}

a {color:#003fb7;text-decoration:underline;}
a:hover {text-decoration:none;}

h1, h1 span, h2, h2 span {
	clear:both;
	padding:10px 0;
	font-size:22px;
	font-weight:bold;
	color:#393737;
}

h1, h2 {margin:20px;border-bottom:1px solid #8ac6fe;}
h3 {display:block;margin:10px;padding:5px 0;font-size:1.50em;font-weight:bold;color:#003fb7;border-bottom:1px solid #8ac6fe;}

p {line-height:1.50em;}

.darkblue {color:#003fb7;}
.lightblue {color:#8ac6fe;}
.smalltext {font-size:0.75em!important;line-height:1em!important;}
.redtext {color:#ff0000!important;}

.noborder td, .noborder th {border:none!important;padding-left:0!important;}

.clearfix {clear:both;}

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


/* --------------------------------------------- Brand Dependant --------------------------------------------- */
#mainContain {
	width:948px;
	min-height:600px;
	margin:15px auto 0 auto;
	padding-bottom:10px;
	background:url(../images/structure/page-bgTOP.gif) top no-repeat;
}

#QProcessWrapper {float:left;width:707px;min-height:620px;margin:119px 0 0 11px;background:url(../images/structure/content-bgTOP.gif) no-repeat;}
#QProcessFooter {clear:both;width:707px;height:3px;margin-left:11px;background:url(../images/structure/content-bgBOTTOM.gif) no-repeat #ffffff;}

#rightWrapper {float:left;width:210px;margin:108px 0 0 9px;}

.rightBox {float:right;clear:right;width:210px;margin-top:11px;background:url(../images/structure/panel-bgTOP.gif) top no-repeat;}
.rightBox p {margin:10px;line-height:1.50em;}
.rightBox h4 {margin:0 10px;font-size:2em;color:#003fb7;}
.rightbox img {width:140px;}
.rightBox .pnlfoot {width:210px;height:3px;background:url(../images/structure/panel-bgBOTTOM.gif) #d9e5fc;}

.securitylogo {float:right;clear:right;width:140px;height:54px;margin:15px 71px 15px 0;}

#footContain {
	width:948px;
	margin:0 auto 15px auto;
	padding:15px 0;
	background:url(../images/structure/page-bgBOTTOM.gif) top no-repeat;
	text-align:center;
}

#footContain ul			{list-style-type:none;margin:5px 0 0;padding:0;font-size:0.84em;}
#footContain li			{float:right;display:inline;margin:0;padding:0;}
#footContain a			{display:block;padding:0 10px;border-left:1px solid #b0e2ed;text-decoration:none;color:#0066cc;}
#footContain a:hover	{text-decoration:underline;}
#footContain .first a	{border-left:none;}
#footContain .last a	{padding:0 0 0 10px;}

/* Brochureware */
#bware #mainContain {margin:15px auto 0 auto;padding:10px 0 10px 0;}
#bware #QProcessWrapper {margin:11px 0 0 11px;min-height:220px;}
#bware #rightWrapper {margin:0px 0 0 9px;}

#bware-header {
	position:relative;
	width:926px;
	height:98px;
	margin:0 auto;
	background:url(../images/brochure-header.gif) top no-repeat;
}

#bware-header h1 {margin:0;padding:33px 20px 0 0;color:#ffffff;text-align:right;border:none;}

#bware-content {min-height:260px;padding:20px 20px 0 20px;}
#bware-content h2 {margin:0 0 20px 0;padding:0;}
#bware-content h4 {margin:0 0 20px 0;font-size:1.33em;font-weight:bold;color:#003fb7;}
#bware-content p, #bware-content ul {margin-bottom:18px;font-size:1em;line-height:1.50em;}
#bware-content td, #bware-content th {padding:10px;border:1px solid #9a9a9a;border-collapse:collapse;}
#bware-content table {margin-bottom:20px;}

/* ---------------------------------------------- Progression ---------------------------------------------- */
ul#ProgressBar {
	position:relative;
	width:926px;
	height:98px;
	margin:-109px auto 0 auto;
	background:url(../images/stages_FUTURE.png) no-repeat;
}

ul#ProgressBar li {float:left;list-style:none;margin:0;padding:0;height:98px;}

ul#ProgressBar li span {visibility:hidden;}

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

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

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

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

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


/* ---------------------------------------------- Fieldset setup ---------------------------------------------- */
.fieldsetSurround, #asumpption {
	clear:left;
	width:667px;
	margin:0 20px 20px 20px;
	padding:0;
}

legend {display:block;width:667px;height:30px;}

fieldset legend span {
	display:block;
	width:667px;
	height:30px;
	margin-bottom:20px;
	border-bottom:1px dotted #8ac6fe;
	font-size:1.58em;
	font-weight:bold;
	color:#003fb7;
}

#fieldset-policydetails legend span {padding-top:20px;}

input {font-size:1em;color:#333333;margin:0;padding:0;}
select {font-size:1em;color:#333333;margin:0;padding:0;}

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

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

.AnswerColumnControl p {font-size:1em;line-height:1.50em;}

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

/* Help popup styling */
div.helpdiv {
	position:absolute;
	display:none;
	overflow:hidden;
	width:121px;
	height:126px;
	padding:13px 30px;
	background:url(../images/help-box-bg.png) no-repeat;
}

div.helpdiv h1 {margin:0 0 8px 0;padding:0;border:0;font-size:0.92em;color:#003fb7;font-weight:bold;}
div.helpdiv p {font-size:0.92em;line-height:1.50em;text-align:left;}

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


/* ----------------------------------------- *** STAGE 1 - Your Details page *** ----------------------------------------- */
#SpeciesWrapper .QuestionColumnControl {padding-top:9px;}
#lblspecies {font-size:1.50em;font-weight:bold;}
select#ddlPetBreed {font-size:1em;}
#PostCodeWrapper .AnswerColumnControl {padding-top:7px;padding-bottom:6px;}
#SourceCodeWrapper .AnswerColumnControl {padding-top:15px;padding-bottom:13px;}

#custadd_custaddlistbox_results {font-size:0.83em;margin-bottom:5px;}

#MarketingBox .QuestionColumnControl, #MarketingWrapper .QuestionColumnControl {width:0;padding:0;}
#MarketingBox .AnswerColumnControl, #MarketingWrapper .AnswerColumnControl {width:667px;padding:0;}
#MarketingBox .AnswerColumnControl p {font-size:1em;line-height:1.50em;}

#MarketingWrapper .AnswerColumnControl {padding-top:18px;font-size:1em;font-weight:bold;}
#MarketingWrapper .AnswerColumnControl input {margin-right:5px;}

input#txtStaffDiscount {width:50px!important;}


/* ----------------------------------------- *** STAGE 2 - Your Quote *** ----------------------------------------- */
.table {padding:0;}
.table p {margin-top:18px;padding:0 20px 0 0;line-height:1.50em;}

#quote, #benefits {width:667px;margin:0;font-size:1em;}
#quote th {height:45px;font-weight:normal;padding-left:10px;}
#quote th.center {text-align:center;padding-left:0;}
#quote td {font-size:1.50em;font-weight:bold;color:#003fb7;}

th#silver, th#gold, th#platinum {font-weight:bold;}

#benefits th {height:25px;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:left;font-weight:bold;}
#benefits td input {margin-right:20px;}

.center {text-align:center;font-weight:bold;padding-left:0;}
.stripe {background:#ebf0fd;}

#fieldset-notbuyingnow {margin-bottom:-14px;}
#fieldset-notbuyingnow p {padding:0 10px 18px 0px;font-size:1em;line-height:1.50em;}

.excesses {width:100%;margin-top:20px;}
.excesses td {border:1px solid #000000;padding:10px;}

.quoteInfo {padding:0 20px 20px 20px;}

/* ----------------------------------------- *** STAGE 3 - Summary *** ----------------------------------------- */
#fieldset-chosenpolicy .QuestionColumnControl,
#fieldset-petdetails .QuestionColumnControl,
#fieldset-yourdetails .QuestionColumnControl {width:307px;}

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

#fieldset-assumptions p {font-weight:bold;font-size:1em;line-height:1.50em;}
#fieldset-assumptions ul {list-style:disc;font-size:1em;line-height:1.50em;margin:16px 10px 16px 12px;padding:0;}

#chkpolicywrapper {margin-top:10px;}
#chkinfowrapper {margin-bottom:10px;}
#chkpolicywrapper, #chkinfowrapper {font-size:1em;padding:5px 10px;width:647px;}
#chkpolicywrapper input, #chkinfowrapper input {margin-right:5px;}

#chkpolicywrapper a:hover, #chkinfowrapper a:hover {text-decoration:underline;}
#ChkInfo, #ChkPolicy {margin-right:3px;}

#fieldset-policydetails p {
	clear:left;
	padding:0;
	font-size:1em;
	line-height:1.50em;
	margin-bottom:18px;
}


/* ----------------------------------------- *** 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:#333333;border:1px solid #003fb7;}
#DDInstructionContent {margin:0;padding:0;line-height:1.50em;}
#DDInstructionWrapper p {margin-bottom:18px;}
#DDInstructionContent ul {list-style:disc;line-height:1.33em;padding-left:16px;margin:10px 0;}

#DDInstructionConfirmWrapper,
div.ConfirmRowControlErr#DDInstructionConfirmWrapper {font-size:1em;padding:10px 10px 10px 0;margin:10px 0 0 0;}

/* DD Instruction control - MONTHLY */
#fieldset-proposername {margin:20px 0 -18px 0;}
#fieldset-proposername p {margin:0 20px 18px 20px;line-height:1.50em;}
#DDLogo {float:right;margin:-50px 0 0 0;background:#ffffff;}

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

#TextWrapper {margin:0;}
#TextWrapper p {margin-bottom:18px;}
#ValDDAgrement, #valTerms {display:block;margin-left:15px;}


/* ----------------------------------------- *** STAGE 5 - Purchase/Thank You pages *** ----------------------------------------- */
#WhatHappensWrapper {margin:-15px 15px;}
#WhatHappensWrapper p {font-size:1em;line-height:1.50em;margin:18px 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:1.17em;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-yourdetails #TextWrapper p {font-size:1em;line-height:1.50em;margin-bottom:18px;}
#fieldset-recallfailed {margin-bottom:-14px;}
#fieldset-recallfailed #TextWrapper p {padding:0 5px;margin-bottom:18px;}
#QuoteRefNoWrapper .AnswerColumnControl {padding-top:12px;padding-bottom:14px;}


/* ---------------------------------------------- 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:#333333;}

#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 {position:relative;width:667px;margin-left:20px;padding:20px 0;border-top:1px dotted #8ac6fe;}
#form-buttons img {float:right;}

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

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

#form-buttons #BackButton {float:left;clear:left;width:128px;margin:0!important;} /* btnBack.png */
#form-buttons #NextButton {float:right;width:125px;margin:0!important;} /* btnNext.png */
#form-buttons #SaveQuoteButton {float:right;width:217px;margin:0 0 0 10px!important;} /* btnSaveQuote.png */

/* Quote and payment page buttons */
#BackButton {float:left;clear:left;width:128px;margin:0 0 25px 25px;} /* btnBack.png */
#NextButton {float:right;width:125px;margin-right:25px;} /* btnNext.png */
#btnAmend {float:left;margin:10px 0 0 317px;} /* btnAmend.png */

input#btnBack {width:123px;height:34px;} /* Fix squashed button in IE6 */
input#btnSave {width:217px;height:34px;} /* Fix squashed button in IE6 */

#HomeButton {float:right;width:135px;margin:0 25px 25px 0;} /* btnHome.png */
#DoneButton {float:right;width:130px;} /* btnDone.png */
#DDButton {float:right;width:211px;}
#CCButton {float:left;width:211px;}

#NewQuoteButton {margin:20px;} /* btnNewQuote.png */
.NQButton {width:146px;height:34px;} /* btnNewQuote.png */
.ContButton {width:161px;height:34px;} /* btnContinue.png */

#form-buttons #NewQuoteButton {float:right;width:178px;margin:0!important;} /* btnRetrieveQuote.png */
#NewQuoteButton #btnRecall {float:right;width:178px;height:34px;} /* btnRetrieveQuote.png */

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

input.btncat_deselected, input.btndog_deselected,
input.btncat_selected, input.btndog_selected {
	display:block;
	position:relative;
	width:115px;
	height:34px;
	float:left;
	border:none;
	margin-right:10px;
	text-indent:-5000px;
	cursor:pointer;
}

input.btncat_deselected {background:url(../images/common-images/btnCAT_dn.png);}
input.btndog_deselected {background:url(../images/common-images/btnDOG_dn.png);}
input.btncat_selected {background:url(../images/common-images/btnCAT_up.png);}
input.btndog_selected {background:url(../images/common-images/btnDOG_up.png);}

.help {width:29px;height:28px;margin:0 0 -10px 5px;cursor:help;}


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

div.ConfirmRowControlErr#DDInstructionConfirmWrapper {padding-left:10px;color:#ff0000;background:#ffdddd;}

.errortext {color:#ff0000;}
.error .AnswerColumnControl {font-size:1em;}

span.errormsg {display:block;font-weight:bold;}

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

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

#valChkPolicy {color:#ff0000;margin-left:13px;}
#valChkInfo {color:#ff0000;margin-left:89px;}
#valassumption {display:block;color:#ff0000;margin:-16px 10px 0 0;font-weight:bold;text-indent:360px;}

.RowControlErr #fieldset-assumptions p {color:#ff0000;}


/* ---------------------------------------------- Calendar date picker control ---------------------------------------------- */
.CalendarPicker .ajax__calendar_container {
	width:174px;
	height:184px;
	background:url(../images/calendar-box-bg.png) no-repeat;
	padding:10px 5px;
}

.CalendarPicker .ajax__calendar_header {margin-bottom:10px;text-align:center;}
.CalendarPicker .ajax__calendar_today {margin-top:-10px;text-align:center;}
.CalendarPicker .ajax__calendar_title {text-align:center;}

.CalendarPicker .ajax__calendar_prev {padding-left:3px;}
.CalendarPicker .ajax__calendar_next {padding-right:3px;}

.CalendarPicker .ajax__calendar_other .ajax__calendar_day,
.CalendarPicker .ajax__calendar_other .ajax__calendar_year {color:#cccccc!important;}

.CalendarPicker .ajax__calendar_hover .ajax__calendar_day,
.CalendarPicker .ajax__calendar_hover .ajax__calendar_month,
.CalendarPicker .ajax__calendar_hover .ajax__calendar_year {color:#ffffff!important;background-color:#003fb7;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:#003fb7;font-weight:bold;}


/* ---------------------------------------------- Safari Only ---------------------------------------------- */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#CalculateWrapper {margin:0;padding:0;}
#CalculateWrapper p {padding:10px 0 0 0;}
fieldset {padding-top:15px;clear:none;}
}