/* CSS Document */
/* Created by MB 11/12/2007 - Adapted for pet by SH 28/10/2008 */

/* ---------------------------------------------------- RESETS & CORE ---------------------------------------------------- */
body {
	padding:0;
	margin:0;
	background:#eeeeee;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#333333;
}

form, label, input, select, ul, li {margin:0;padding:0;}
input, select {font-size:11px;color:#000000;}

img {border:none;}

a {color:#666;text-decoration:underline;}
a:hover {color:#000;}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-bottom: 1em;
}

p.small {font-size:9px!important;line-height:14px!important;}

h1 {font-size: 1.96em;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	padding:0;
	margin:0.2em 0 0.2em -2px;
	color:#111;
	letter-spacing:-.04em;
	line-height:0.9em;
	float:left;
}

h2 {font-size: 1.4em; font-family: Arial, Helvetica, sans-serif; padding: 0; font-weight: bold; color: #666;}
h3 {font-size: 1.0em; font-family: Arial, Helvetica, sans-serif; padding: 0; font-weight: bold; color: #111;}
h4 {font-size: 0.7em; font-family: Arial, Helvetica, sans-serif; padding: 0; font-weight: bold;}

p {font-size: 0.69em; margin-bottom: 1em;}

.nofloat {float:none!important;}


/* ---------------------------------------------- BRAND DEPENDANT HEADER / FOOTER ---------------------------------------------- */



/* ---------------------------------------------------- CORE PAGE CONTENT ---------------------------------------------------- */
.fieldsetSurround, #asumpption {
	float:left;
	width:597px;
	margin:0 0 15px 0;
	padding:0;
	font-size:12px;
}

.fieldsetSurround p {line-height:16px;margin:10px;}

.QuestionColumnControl{
	float:left;
	clear:left;
	width:260px;
	padding:9px 4px 3px 5px;
	margin:0;
	text-align:right;
	font-size:11px;
	color:#000000;
}

.AnswerColumnControl{
	float:left;
	width:317px;
	padding:7px 0 4px 5px;
	margin:0;
	font-size:11px;
	color:#000000;
}

.AnswerColumnControl p{margin:-7px 0 0 -7px;font-size:11px;color:#000000;}
#Div1 {display:none;}

/* --- Fieldset Headers --- */
legend {
	width:auto;
	border-style:none;
	padding:5px 10px;
	font-weight:bold;
	font-size:11px;
	color:#666;
	margin:-2px 0 0 10px;
	background: #eee;
}
fieldset {
	padding:10px 0;
	margin:0;
	border:1px solid #ccc;
}
fieldset:first-child {margin-top:10px;}

/* --- Progress Bar --- */
ul#ProgressBar {display:none;}

/* --- Confirmation checkbox text --- */
#ConfirmTxt {font-size:11px;color:#000000;margin:10px 120px 10px 30px;}
.smalltxt {font-size:9px;color:#000000;}

/* --- Calculating quote page --- */
#CalculateWrapper p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.96em;
	color:#111;
	font-weight:bold;
	text-align:center;
	letter-spacing:-.04em;
	margin-top:60px;
}
#Processing {text-align:center;padding:0;margin:-60px 0 20px 0;}


/* ---------------------------------------------------- QUOTE PAGE CONTENT ---------------------------------------------------- */
.table {margin-top:-10px;padding:10px 10px 0 10px;}
.table p {margin-left:10px;padding-top:20px;}

#quote, #benefits {width:575px;}
#quote th {height:37px;font-weight:normal;padding-left:20px;}

#benefits th {height:25px;padding-left:20px;font-weight:normal;text-align:left;}
#benefits td {text-align:center;font-weight:bold;}

.center {text-align:center;font-weight:bold;padding:0!important;}
.stripe {background:#eeeeee;}

.assumption {font-size:11px;line-height:16px;margin:0 45px 0 20px;padding:0;}


/* -------------------------------------------------- INPUT WIDTH CONTROLS -------------------------------------------------- */
#txtFirstName, #txtSurname, #txtCoverStartDate, #txtBankBuilding, #txtAccountHolder, #txtAccountNumber {width:125px;}

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

/* Date of birth forward slash */
.ForwardSlash {font-size:11px;color:#000000;}

#txtUKResidentMM {width:20px;}
#txtUKResidentYYYY {width:35px;}

#txtDaytimeTel1 {width:35px;}
#txtDaytimeTel2 {width:81px;}
#txtEveningTel1 {width:35px;}
#txtEveningTel2 {width:81px;}

#txtEmail {width:125px;}

#custadd_custaddpost_code1, #custadd_custaddpost_code2 {width:35px;}
#custadd_custaddbtn_lookup {vertical-align:middle;margin:5px 0 8px 0;}

input#custadd_custaddbtnmanual {vertical-align:middle;}
span#custAddress_custAddresslbladdress {display:block;margin:2px 0 1px 0;}

#lenderAddress_lenderAddresspost_code1{width:35px;vertical-align:top;}
#lenderAddress_lenderAddresspost_code2{width:35px;vertical-align:top;}

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

/* recall quote page dob inputs are tied in with the proposer DOB fields */
#txtPostCode1 {width:35px;}
#txtPostCode2 {width:35px;}
#txtRef1 {width:25px;}
#txtRef2 {width:25px;}
#txtRef3 {width:25px;}

input#chkmarketing {margin-right:3px;}

#custAddress_custAddresslistbox_results{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#000000;
}
#lenderAddress_lenderAddresslistbox_results{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#000000;
}


/* ------------------------------------------------- GENERAL BUTTON SETUP ------------------------------------------------- */
#form-buttons {float:left;clear:left;width:597px;}
#form-buttons img {float:right;margin:20px 0 0 11px;}

#StartQuoteButton, #RetrieveQuoteButton, #NextButton, #HomeButton, #BackButton, #DoneButton,
#PrintQuoteButton, #SaveQuoteButton, #PurchaseButton, #NewQuoteButton {height:27px;padding:10px 0;}

#StartQuoteButton {float:right;width:121px;margin:0;padding:0 10px 3px 0;}
#RetrieveQuoteButton {float:right;width:145px;margin:0;padding:0 10px 3px 0;}

#BackButton {float:left;clear:left;width:80px;margin-left:0;}
input#btnBack {width:80px;height:27px;}

#SaveQuoteButton {float:left;width:178px;margin-left:10px;}
input#btnSave {width:178px;height:27px;}

#NextButton {float:right;width:76px;margin-right:0;}
#HomeButton {float:left;width:85px;margin-left:660px;}
#DoneButton {float:right;width:81px;margin-right:30px;}

#NewQuoteButton {float:right;width:118px;margin-right:0;}
#NewQuoteButton img {width:118px;height:28px;margin:0 10px 20px 0;}

#NextButton img {margin:0 0 0 -20px;width:85px;height:27px;}

.helpbutton, .help {vertical-align:text-bottom;padding:0;margin:-3px 5px;cursor:help;}

#btnAmend {float:left;margin:20px 0 20px 254px;}
input#btnRecall {float:left;width:145px;height:28px;margin:0 0 0 -28px;}

#DDButton {float:right;width:178px;margin-right:0;}
#CCButton {float:right;width:127px;margin-right:10px;}

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

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

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


/* ---------------------------------------------------- ERROR CONTROLS ---------------------------------------------------- */
div.RowControl,div.RowControlErr{float:left;}
div.RowControlErr .QuestionColumnControl{color:red;}
div.RowControlErr .AnswerColumnControl{color:red;}

div.ConfirmRowControlErr#DDInstructionConfirmWrapper{color:red;}

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

span.errormsg{display:block;}
.errortext{color:#FF0000;}


/* ---------------------------------------------------- PAYMENT PAGE CONTENT ---------------------------------------------------- */
#DDInstructionContent {
	margin:10px;
	width:575px;
	font-size:11px;
	color:#000000;
}

div.EligibilityRowControl#DDInstructionWrapper {padding:0;margin:0;}
div.EligibilityRowControl#DDInstructionWrapper p {font-size:11px;}

#DDInstructionConfirmWrapper{
	font-size:11px;
	color:#000000;
	padding-bottom:10px;
	margin:20px 0 0 20px;
}

#DDLogo{
	width:72px;
	float:right;
	padding:0 10px;
	margin:-32px 10px 0 0;
	background-color:#ffffff;
	overflow:hidden;
}

#CardInstructionContent {
	padding:5px;
	margin:10px 0 10px 0;
	width:582px;
	font-size:11px;
	color:#000000;
	border:#000000 1px solid;
}

div.EligibilityRowControl#CardInstructionWrapper{padding:0;margin:0 0 0 -20px;}

#TextWrapper {color:#000000;padding:0 10px 2px 0;margin:0;}
#TextWrapper p {font-size:11px;}

.AnnualPremiumFigure, .MonthlyPremiumFigure{
	font-size:18px;
	font-weight:bold;
	height:20px;
	width:70px;
	float:left;
	text-align:left;
}

#WhatHappensWrapper {margin-left:0;}
#WhatHappensWrapper p {font-size:11px;}


/* --------------------------------------------------- HELP DIV CONTROL --------------------------------------------------- */
div.helpdiv
{
	display:none;
	text-align:left;
	background-color:#ffffff;
	width:200px;
	border:#000000 solid 2px;
	font-size:11px;
	color:#000000;
	padding:10px;
	position:absolute;
	z-index:10000;
}


/* --------------------------------------------------- CALENDAR CONTROL --------------------------------------------------- */
.CalendarPicker .ajax__calendar_container {
	padding:0;
	margin:0;
    border:2px solid #000000;
    background-color:#ffffff;
    color:#000000;
	position:relative;
	z-index:1000;
}

.CalendarPicker .ajax__calendar_header {background-color:#ffffff;}
.CalendarPicker .ajax__calendar_today {background-color:#ffffff;}
.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:#cccccc;}

.CalendarPicker .ajax__calendar_hover .ajax__calendar_day,
.CalendarPicker .ajax__calendar_hover .ajax__calendar_month,
.CalendarPicker .ajax__calendar_hover .ajax__calendar_year {
    color:#000000;
	background-color:#ffcc00;
	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:#000000;
	font-weight:bold;
}


/* ------------------------------------------ BRAND DEPENDANT CSS - ADDED 30/10/2008 ------------------------------------------ */
select#custadd_custaddlistbox_results {font-size:9px;margin-bottom:5px;}

#fieldset-marketing p {line-height:16px;margin:0;padding:0;}
#fieldset-marketing .QuestionColumnControl {width:10px;padding:0;margin:0;}
#fieldset-marketing .AnswerColumnControl,
#MarketingWrapper .AnswerColumnControl {padding:10px;margin:0;width:555px;background:#eeeeee;}

#fieldset-notbuyingnow p, #fieldset-policydetails p {font-size:11px;line-height:16px;margin:0 3px;padding:0 0 10px 0;}

#fieldset-assumptions p, #fieldset-assumptions ul {font-size:11px;line-height:16px;margin:0;padding-left:30px;}

#fieldset-assumptions p {font-weight:bold;padding-bottom:5px;}
#fieldset-assumptions ul + p {margin-left:14px;padding:10px 0 10px 0;}

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

#fieldset-notbuyingnow p {margin:0 20px;}
#fieldset-policybenefits p {font-size:11px;}

#AssumptionsConfirm {padding:10px 20px;font-size:11px;font-weight:bold;color:#274BA9;}
#valassumption {color:red;font-size:11px;display:block;margin:10px;padding:10px;background:#ffecec;}

#fieldset-policydetails p {margin:0 20px;}

#chkpolicywrapper, #chkinfowrapper {font-size:11px;margin-left:20px;width:575px;background:none;}
#chkinfowrapper {margin-bottom:10px;}

#chkpolicywrapper a:hover, #chkinfowrapper a:hover {text-decoration:underline;}

#chkpolicywrapper.RowControlErr, #chkinfowrapper.RowControlErr {background:#ffecec;padding:10px;width:535px;}
#chkpolicywrapper.RowControlErr {padding:10px 10px 0 10px;}
#chkpolicywrapper.RowControlErr a, #chkinfowrapper.RowControlErr a {color:red;}
#valChkPolicy, #valChkInfo {color:red;font-size:11px;}

#ChkInfo {margin:5px 3px 0 0;} #ChkPolicy {margin-right:3px;}

#SpeciesWrapper .QuestionColumnControl {font-weight:bold;padding-top:14px;}

#ddwording {padding-right:20px!important;}
#ddwording li {line-height:18px;}