/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

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, strong, sub, sup, tt, var,
b, u, i, center, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}

body { line-height: 1;}

blockquote, q 											{ quotes: none; }
blockquote:before, blockquote:after, q:before, q:after 	{ content: ''; content: none; }

/* remember to define focus styles! */
:focus 	{ outline: 0; }

/* remember to highlight inserts somehow! */
ins 	{ text-decoration: none; }
del 	{ text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table 	{ border-collapse: collapse; border-spacing: 0; }


/* - - - - - - - - - - - - - - - - - - - - -
Title : Lightbox CSS
Author : Kevin Hale
URL : http://particletree.com/features/lightbox-gone-wild/
Created : January 13, 2006
Modified : February 1, 2006
- - - - - - - - - - - - - - - - - - - - - */

/* -------------------------------------------------- *\
  Standard Site - lightbox
\* -------------------------------------------------- */

#lightbox							{ display:none; position: absolute; top:50%; left:50%; z-index:9999; width:600px; height:400px; margin:-220px 0 0 -250px; border:1px solid #fff; background:#ffffff; text-align:left; }
#lightbox[id]						{ position:fixed; }
#overlay							{ display:none; position:absolute; top:0; left:0; width:100%; height:100%; z-index:5000; background-color:#000; -moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=80); }
#overlay[id]						{ position:fixed; }
#lightbox.done #lbLoadMessage		{ display:none; }
#lightbox.done #lbContent			{ display:block; }
#lightbox.loading #lbContent		{ display:none; }
#lightbox.loading #lbLoadMessage	{ display:block;}

#lightboxClose						{ padding:10px; background-color:#58595b;text-align:right; }
#lightboxClose a					{ color:#ffffff; }
#longHelpText						{ padding:10px; height:340px; overflow-y:auto; }

/* -------------------------------------------------- *\
  Payment Options - lightbox
\* -------------------------------------------------- */
#policySummaryHeader 						{ background-color:#58595b; color:#ffffff; height:30px; }
#policySummaryHeader a						{ color:#ffffff; }
#policySummaryDetails						{ padding:10px; height:240px; }
#policySummaryDetails p						{ font-size:1em; line-height:1.63em; color:#000000; }
#policySummaryDetails th 					{ text-align:left;}

/* -------------------------------------------------- *\
  lightbox
\* -------------------------------------------------- */
p					{ font-size:1em; line-height:1.63em; color:#000000; }
th 					{ text-align:left;}

/* -------------------------------------------------- *\
    Generic Layout Styles - used across all brands for formatting
\* -------------------------------------------------- */
a img													{ border:none; }
.clear 													{ clear:both; line-height:0; }
.helpLink a:hover 										{ cursor:help; }
.listItem												{ list-style:disc; }
.floatL													{ float:left; }
.floatR													{ float:right; }
.textR													{ text-align:right; }
.textL													{ text-align:left; }
.tCenter												{ text-align:center; width:100%; }

/* -------------------------------------------------- *\
   Image Header Replacement
\* -------------------------------------------------- */
.image span												{ position:absolute; left:-5000px; }

/* -------------------------------------------------- *\
    Form Layout
\* -------------------------------------------------- */
/*Containters*/
fieldset												{ display:block; width:720px; clear:left; margin:0 0 10px 0; padding: 0; border: none; } /*Fieldset controls the width of the form*/
.formHelp												{ float:left; margin:0; width:215px; }
.formInputContainer										{ float:left; margin:0; width:505px;  }

/*Left Column*/
h3														{ margin:0; padding:0; }
.formHelp p												{ margin:5px 5px 0 10px; }

/*Right Column*/
.labelHeader											{ display:block; }
.formFields	 h4, .formFields label						{ margin:0 0 5px 0;  }
.formFields												{ float:left; padding:10px; margin:0; width:483px; position:relative; }
.formFieldGrouping										{ float:left; margin:0; }
.formFieldRadioGrouping									{ float:left; margin:0; }
.formFieldRadioGrouping label							{ float:left; margin:0 10px 0 0; vertical-align:middle; }
.formFieldRadioGrouping input 							{ margin:0; }
.checkbox												{ float:left; margin-left:0; }
.formFieldExtraLabelInfo								{ float:left; clear:left; margin:0; width:480px; }
.formFieldVerticalGrouping								{ float:left; clear:left; margin:0 0 10px 0; width:480px; }
.fullLengthInput										{ width:450px; }
.halfLengthInput										{ width:225px; }
.threeQuarterLengthInput								{ width:337px; }
.dateInput												{ width:20px; }
.yearInput												{ width:45px; }
.nameInput												{ width:185px;  margin:0 0 0 5px; }
.houseNumberInput										{ width:100px; }
#postcodeLookupField									{ margin-left:30px; }
#daytimePhone											{ margin-right:5px; }

.roadsideAssitanceAddon									{ float:left; margin:5px 0 10px 0; }
.addonField												{ float:left; margin:0 5px 0 0; }
.addonDescription										{ float:left; width:450px; line-height:1em; }
.addonDescription p,
.radioDescriptionFields p								{ margin:0; line-height:1.2em; }


/*Tabular Data REVIEW*/
#directDebitLogo										{ margin:20px 0 0 0; }
#directDebitLogoLeft									{ float:left; margin:20px 0 0 0; }
#directDebitOriginatorNumber							{ float:right; margin:20px 0 0 0; text-align:right; }
#directDebitFormContainer h4							{ margin-left:0; }
#directDebitFormContainer ul							{ margin:5px 0 20px 15px; }
#directDebitTableSummary td								{ vertical-align:top; }



/* ---------------------------------------------------------------------- *\
  Claims & Convictions
\* ---------------------------------------------------------------------- */
#multipleforms											{ float:left; margin:10px 0 0 0; }

#claimContainer											{ float:left; width: 280px;  overflow:hidden;}
#convictionContainer									{ float:left; margin: 0 0 0 10px; width:430px; overflow:hidden; }

#claimContainer	 h3,		
#convictionContainer h3									{ background-color:#cececf; padding:5px 5px 5px 10px;  }

#claimContainer .formFields								{ width:258px;}
#claimContainer .formFields .labelHeader,
#claimContainer .formFields h4, 
#claimContainer .formFields label		 				{ width:250px; }

#convictionContainer .formFields						{ width:408px;}
#convictionContainer .formFields .labelHeader,
#convictionContainer .formFields h4, 
#convictionContainer .formFields label		 			{ width:400px; }

#summaryTable											{ clear:left; }
#summaryTable table										{ width: 720px; border:1px solid #cececf; }
#summaryTable table	 th 								{ text-align:left; background-color:#cececf; border-bottom:1px solid #ffffff;  padding:5px; }
#summaryTable table	 td 								{ background-color: #DEE4EC; border-bottom:1px solid #ffffff; padding:5px;  }

/* ---------------------------------------------------------------------- *\
  Quote Summary
\* ---------------------------------------------------------------------- */
#quoteSummary											{ float:left; width:720px; }
.quoteSummaryRow										{ float:left; clear:left; }

#quoteReference											{ float:left; font-size:1.5em; margin-bottom:0.4em;}
#quoteValidUntil										{ float:right; font-size:1.5em; margin-bottom:0.4em; }

#quoteSummaryGap										{ width:700px; height:30px; padding:10px 10px 0 10px; text-align:right; border-left:1px solid #000000; border-right:1px solid #000000;}
#singlePayment											{ width:700px; height:75px; padding:0 10px 0 10px; background-color:#e2e3e4; border:1px solid #000000; }
#monthlyPayment											{ width:700px; height:95px; padding:0 10px 10px 10px; background-color:#e2e3e4; border:1px solid #000000; }

#singlePriceHeight										{ height:35px; }
#monthlyPriceHeight										{ height:65px; }

.quoteSummaryTitle										{ float:left; width:514px; padding:20px 10px 0 0;  }
.quoteSummaryPrice										{ float:left; width:165px; padding:20px 10px 20px 0;  text-align:right;  border-left:1px solid #ffffff; }

#quoteFixedOptions										{ float:left; width:710px; margin:10px 0 15px 0; padding:10px 0 10px 10px; border:1px solid #000000; background-color:#a7a9ac; }
.quoteFixedOption										{ float:left; display:inline; margin:0 25px 0 0; }
.quoteFixedOptionTitle									{ font-weight:bold; }

#quoteFixedOptionRadios									{ margin:5px 0 0 0; }
#quoteFixedOptionRadios input							{ margin:0 5px 0 0; }
#quoteFixedOptionRadioYes								{ float:left; margin:0 10px 0 0; }
#quoteFixedOptionOptionRadioNo							{ float:left; }

#quoteFixedOptions .invalid select,
#quoteFixedOptions .invalid input						{ background-color:#f0b9bb; }

#quotesummaryEligibilityCriteria						{ float:right; width:480px; font-size:1em; font-weight:bold; margin:10px 10px 0 0; }

/* ---------------------------------------------------------------------- *\
  Quote Summary - Breakdown Cover
\* ---------------------------------------------------------------------- */
#additionalCoverBox										{ float:left; width: 720px; margin:0 0 10px 0; border:1px solid #000000;}
.additionalCoverItem									{ float:left; clear:left; margin:0; padding:10px; width: 700px; background-color:#e3e4e5; border-bottom:1px solid #ffffff; padding:10px; }
#additionalCoverText									{ float:left; width: 700px; font-size:1.2em; color:#58595b; font-weight:bold; padding:10px; border-bottom:1px solid #000000; }

.additionalCoverBreakdownItem							{ float:left; clear:left;}
.additionalCoverLeftBox									{ float:left; width:580px; }
.additionalCoverRightBox								{ float:left; width:120px; margin:15px 0 0 0; }

.additionalCoverBreakdownBoxLeft,
.additionalCoverBreakdownBoxRight						{ float:left; width:350px; }
.additionalCoverBreakdownLeft,
.additionalCoverBreakdownRight							{ float:left;  margin:0 0 10px 0; }

.additionalCoverBreakdownTitle							{ margin:0 0 5px 0; }

.additionalCoverBreakdownRadio							{ float:left; width:20px; }
.additionalCoverBreakdownDescription					{ float:left; width:310px; }
.additionalCoverBreakdownDescription label				{ font-weight:bold; }



/* ---------------------------------------------------------------------- *\
  Form Errors - Red messages
\* ---------------------------------------------------------------------- */
.invalidFormField										{ float:left; padding:10px; margin:1px 0 0 0; width:483px; position:relative; border:1px solid #ce181e; background-color:#f0b9bb; }
.invalidFormFieldTop									{ float:left; padding:10px; margin:0; width:483px; position:relative; border:1px solid #ce181e; background-color:#f0b9bb; }

.invalidEligibility										{ margin:10px 0 0 0!important; padding:2px; border:1px solid #ce181e; background-color:#f0b9bb; }

.invalidFormFieldTop h4,
.invalidFormField h4,
.invalidFormFieldTop label,
.invalidFormField label									{ margin:0 0 5px 0; }

#claimContainer .invalidFormField,				
#claimContainer .invalidFormFieldTop					{ width:280px;}

#claimContainer .invalidFormField,				
#claimContainer .invalidFormFieldTop					{ width:258px;}
#claimContainer .invalidFormField .labelHeader,
#claimContainer .invalidFormField h4, 
#claimContainer .invalidFormField label		 			{ width:250px; }

#convictionContainer .invalidFormField,				
#convictionContainer .invalidFormFieldTop				{ width:408px;}
#convictionContainer .invalidFormField .labelHeader,
#convictionContainer .invalidFormField h4, 
#convictionContainer .invalidFormField label		 	{ width:400px; }

/* ---------------------------------------------------------------------- *\
  Payment options
\* ---------------------------------------------------------------------- */
.radioDescriptionFields									{ width:300px; float:left; }

#h-paymentOptions										{ float:left; margin:5px 0 10px 0; }
#verisign												{ float:right; top:10px; right:30px; }
.paymentOuterContainer 									{ width:330px; padding:10px; background-color:#edeeee; }
.paymentInnerContainer 									{ width:310px; padding:10px; background-color:#a7a9ac;  }

#singlePaymentOption									{ float:left;}
#paymentLinks											{ float:left; clear:left; margin:50px 0 0 0; padding:0 0 0 90px; font-size:1.1em; }
#monthlyPaymentOption									{ float:right; margin:0 0 20px 0; }
.paymentBuyNow											{ margin:auto; }

.paymentPrice											{ font-weight:bold; font-size:2.3em; color:#ffffff; margin:5px 0 0 0; }
.paymentPriceAddendum									{ color:#ffffff;  }
.paymentSmallPrint										{ color:#000000; margin-left:25px;  font-size:1em; width:260px;  }
.paymentInnerContainer .whiteHr							{ width:260px; margin:5px 40px 5px 25px; }

/* ---------------------------------------------------------------------- *\
 Direct Debit
\* ---------------------------------------------------------------------- */
	
#directDebitGuarantee									{ width:700px; border:1px solid #000; padding:0 10px 10px 10px; margin:2em 0; background:url(/images/common/direct_debit_logo.gif) 98% 5% no-repeat; }
#directDebitGuarantee ul								{ padding-left:1.5em; }
#directDebitLogo										{ margin:20px 0 0 0; }
#directDebitLogoLeft									{ float:left; margin:20px 0 0 0; }
#directDebitOriginatorNumber							{ float:right; margin:20px 0 0 0; text-align:right; }
#directDebitFormContainer h4							{ margin-left:0; }
#directDebitFormContainer ul							{ margin:5px 0 20px 15px; }
#directDebitTableSummary td								{ vertical-align:top; }
.directDebitTable th  									{ text-align:left; }
.directDebitTable th									{ background-color:#8a8a8c; color:#ffffff; padding:5px; border-right:1px solid #ffffff; border-bottom:1px solid #ffffff;  font-weight:normal; }
.directDebitTable td									{ background-color:#e4e5e6; padding:5px; border-bottom:1px solid #ffffff; }
#directDebitTable2										{ border-left:1px solid #ffffff; }

/* ---------------------------------------------------------------------- *\
  Free 7 Day
\* ---------------------------------------------------------------------- */
#fsdEligibilityCriteria									{ float:right; font-size:1em; text-align:right; font-weight:bold; margin:10px 10px 0 0; width:550px;}

/* ---------------------------------------------------------------------- *\
  Form Buttons
\* ---------------------------------------------------------------------- */
#formButtons											{ float:right; margin:0 0 10px 0; }
.primaryFormAction										{ float:right; }
#secondaryFormAction									{ float:right; margin: 12px 20px 0 0; }
#recalculateButton										{ float:right; }

/* ---------------------------------------------------------------------- *\
  My Quotes expired quotes- overrides other css data using important.
\* ---------------------------------------------------------------------- */
.quoteExpired											{ background-color:#acacac!important; color:#666666; }
.quoteExpired a											{ color:#666666!important;; }
.quoteExpiredTitle										{ font-size:1.2em; background-color:#acacac!important; font-weight:bold; color:#000000;}

/* -------------------------------------------------- *\
  Information Page Styling
\* -------------------------------------------------- */
#infoContent											{ margin: 10px 0 10px 0; }
#leftColumn												{ float:left; width:500px; padding:10px 0 0 0; }
#rightColumn											{ float:left; width:200px; margin:10px 0 0 20px; }


/* ---------------------------------------------------------------------- *\
  User Warnings - Yellow messages
\* ---------------------------------------------------------------------- */
#userFeedback											{ float:left; width:700px; vertical-align:top; padding:10px; margin:0 0 10px 0; border:1px solid #f2e229; background-color:#fff9b4; color:#58595b; font-size: 1.6em;}
#userFeedbackSmall										{ width:700px; vertical-align:top; padding:10px; margin:10px 0 10px 0; border:1px solid #f2e229; background-color:#fff9b4; color:#58595b; font-size: 1em;}
#errorIcon												{ float:left; margin:0 10px 0 0; }
#errorMessage											{ float:left; padding:10px 0 10px 0; }


/* -------------------------------------------------- *\
  Loading indicator
\* -------------------------------------------------- */
#loadingImage											{ float:left; }
.mainContentLoader										{ text-align:center; }

#loadingContainer 										{ float:left; width:760px; margin:10px auto; text-align:center; }
#loadingImage 											{ float:left; margin:0 0 0 300px; }
#loadingText 											{ float:left; text-align:left; margin:10px 0 0 20px; }
#loadingCMS												{ float:left; text-align:center; padding:0 10px 0 10px; margin:20px 0 20px 0; width:740px; }

/* ---------------------------------------------------------------------- *\
  Help Bubbles
\* ---------------------------------------------------------------------- */
.help_link a:hover 										{ cursor:help; }
.help_link												{ position:absolute; top:2px; right:2px; }
#help													{ position:absolute; top:0; left:0; text-align:left; z-index:1; border:1px solid #404143; }
#help .arrow											{ width:12px; height:8px; position:absolute; top:-7px; left:199px; background:url(/images/common/help_arrowhead.gif) no-repeat; }
#help .content											{ padding:10px; width:200px; background:#58595b; border:1px solid #58595b; border-width:1px 0 0 1px;}
#help .name												{ margin-bottom:0.5em; font-size:1.2em; font-weight:bold; color:#fff; }
#help .info												{ color:#fff; }
#help-shim												{ position:absolute; top:0; left:0; border:none; }


/* ---------------------------------------------------------------------- *\
  Debug Style For Prog
\* ---------------------------------------------------------------------- */
pre#debugOutput											{ width:760px; font-size:1.5em; text-align:left; border:1px solid #f2e229; background-color:#fff9b4; color:#58595b; padding:10px;  margin:10px auto;  overflow-x: scroll;}
a#debugOutputToggle										{ display:block; width:780px; text-align:right; margin:auto; color:#666666; }

/* -------------------------------------------------- *\
    Indicative Annual Quote Upsell Boxes
\* -------------------------------------------------- */
#greyBox 								{ border:1px solid #000000; background-color:#e4e5e6; text-align:center; padding:0 0 10px 0; }
#redBox 								{ border:1px solid #ce181e; text-align:center; margin:10px 0 0 0; padding:0 0 10px 0; }
#redBox h2								{ background-color:#ce181e; color:#ffffff; margin:0 0 10px 0; padding:10px;  }
#greyBox h2								{ background-color:#58595b; color:#ffffff; margin:0 0 10px 0; padding:10px; }
#indicativeAnnualQuoteBuyButton			{ margin: 10px 0 0 0; }


/* ---------------------------------------------------------------------- *\
  Ajax Loading Indicator (used by /javascript/ajax-status.js)
\* ---------------------------------------------------------------------- */
#ajaxStatus 							{ position:absolute; top:0; left:0; z-index:101; text-align:left; width:400px; }
#ajaxStatus .ajaxStatusBody				{ overflow:auto; padding:15px; background:#fff; border:2px solid #58595b; }
#ajaxStatus .ajaxStatusHead				{ margin:0; padding:10px 15px; background:#58595b; color:#fff; overflow:hidden; }
#ajaxStatus .ajaxStatusHead h2			{ float:left; margin:0; }
#ajaxStatus .ajaxStatusClose			{ float:right; color:#fff; }

#ajaxStatusBackground  					{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:100; background-color:#58595b; -moz-opacity:.1; opacity:.1; filter:alpha(opacity=10); }
#ajaxStatusShim							{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:99; border:none; background:transparent; opacity:0; filter:alpha(opacity=0); }


/* -------------------------------------------------------------------------------- *\
	Smart Select Styles (used on Driver Details > Employment Details)
\* -------------------------------------------------------------------------------- */

.uiAutoCompleteList	ul					{ margin:0; padding:0; background:#fff; color:#000; font-family:Arial,Helvetica,sans-serif; font-size:13px; line-height:16px; border:1px solid #69b; max-height:210px; overflow:auto; text-align:left; left:0; }
.uiAutoCompleteList	li					{ margin:0; padding:0; list-style-type:none; padding:2px 4px; border-top:1px solid #eef; cursor:pointer; }
.uiAutoCompleteList	em					{ font-style:normal; font-weight:bold; }
.uiAutoCompleteList	li.selected 		{ background:#3466cc; color:#fff;  }



/* -------------------------------------------------- *\
  Type Grid
\* -------------------------------------------------- */
body										{ font-family: Verdana, Arial, Helvetica, Sans-Serif;  font-size:62.5%; line-height: 1.6em; }
h1											{ font-size: 1.8em; }
h2											{ font-size: 1.6em; margin-bottom: 0.8em; }
h3											{ font-size: 1em; }
h4,td,th									{ font-size: 1em; line-height:1.3em; }
p, ul, ol, dl								{ font-size: 1em; line-height:1.3em; color:#000000; }
label 										{ font-size: 1em; line-height:1.3em; color:#231f20; }
.labelHeader								{ font-size: 1em; line-height:1.3em; color:#231f20; font-weight:bold; }
.labelHeaderVerticalGrouping 				{ font-size: 1em; line-height:1.3em; color:#231f20; font-weight:bold; }
small 										{ font-size: 1em; line-height:1.3em; color:#565a56;  }
input, 
select, 
textarea									{ font-size: 1.3em; }
.largeText									{ font-size:1.6em; }

a:link,
a:active,
a:visited 									{ color:#231f20; text-decoration:underline; }
a:hover 									{ color:#231f20; text-decoration:none; }

#infoContent h2								{ font-size:1.6em; margin:0 0 1.2em 0; }
#infoContent h3								{ font-size:1.4em; margin:0 0 0.8em 0; }
#infoContent h4								{ font-size:1.2em; margin:0 0 0.4em 0; }
#infoContent p								{ margin:0 0 0.8em 0; }

/* -------------------------------------------------- *\
  Image Replacement Headers
\* -------------------------------------------------- */
.image span  								{ position:absolute; left:-5000px; }
#h-logo										{ width:74px; height:55px; background:transparent url('images/vauxhall/common/vauxhall_logo.gif') no-repeat; }
#h-logo a									{ display:block; width:74px; height:55px; }


#h-singlePayment							{ margin:10px 0 5px 20px; height:29px; background:transparent url('images/aggregator/vauxhall/image-replaced-text/one_single_payment.gif') no-repeat; }
#h-monthlyPayment							{ margin:10px 0 5px 40px; height:29px; background:transparent url('images/aggregator/vauxhall/image-replaced-text/monthly_payment.gif') no-repeat; }
#h-car-insurance							{ float:left; width:300px; height:22px; background:transparent url('images/vauxhall/image-replaced-text/car_insurance.gif') no-repeat; }
#h-free-seven-day							{ float:left; width:300px; height:22px; background:transparent url('images/vauxhall/image-replaced-text/free_seven_day.gif') no-repeat; }

/* 60 Day landing page headers */
#h-please-choose-one-of						{ margin: 12px 0 32px 74px; height: 28px; background:transparent url('images/vauxhall/image-replaced-text/please_choose_one_of.gif') no-repeat; }
#h-if-your-annual-car-insurance 			{ margin: 0 0 28px 74px; height: 29px; background:transparent url('images/vauxhall/image-replaced-text/if_your_annual_car_insurance.gif') no-repeat; }
#h-under-60-days							{ margin: 18px 0 21px 32px; height: 33px; width: 248px; background:transparent url('images/vauxhall/image-replaced-text/under_60_days.gif') no-repeat; }
#h-over-60-days								{ margin: 18px 0 22px 40px; height: 33px; width: 226px; background:transparent url('images/vauxhall/image-replaced-text/over_60_days.gif') no-repeat; }
#h-please-call								{ margin: 0 0 7px 95px; height: 20px; width: 121px; background:transparent url('images/vauxhall/image-replaced-text/please_call.gif') no-repeat; }

/* -------------------------------------------------- *\
  Structure - Sitewide
\* -------------------------------------------------- */
body										{ margin:0; padding:0; text-align:center; background: #c7d0dc url('images/vauxhall/common/background_grad_image.gif') 40% 0 repeat-y; }
#outerBorder 								{ position:relative; width:760px; margin:0 auto; padding:10px; background-color:#dde3eb; text-align:left; }
#container									{ width:720px; margin:0; padding:10px 20px 10px 20px; background-color:#ffffff; }
#insureYourVauxhall							{ width:780px; height:22px; margin:5px auto; padding:0; background:url('images/vauxhall/common/insure_your_vauxhall.gif') no-repeat right 5px ; }
#mainContent								{ clear:left; min-height:200px; }

.hr											{ border-top :2px solid #ce181e; }
.whiteHr									{ border-top :1px solid #ffffff; }
.whiteHr hr,
.hr hr										{ display:none; }
.floatL										{ float:left; }
.floatR										{ float:right; }
.clear										{ clear:both; }

/* -------------------------------------------------- *\
  Structure - Header
\* -------------------------------------------------- */
#header div.hr										{ margin:10px 0 10px 0; }

/* -------------------------------------------------- *\
  Structure - Footer
\* -------------------------------------------------- */
#footer												{ clear:both; text-align:center; }
#footer .hr											{ margin:10px 0 10px 0; }

/* -------------------------------------------------- *\
  Progress Bar
\* -------------------------------------------------- */
#progress 											{ position:absolute; top:25px; left:120px; width:625px; height:45px; }
#progress div										{ position:absolute; height:45px; font-size: 1.1em; text-align:center; color:#ffffff; } 


#progress a:link,
#progress a:active,
#progress a:visited 								{ color:#ffffff; text-decoration:none; }
#progress a:hover 									{ color:#ffffff; text-decoration:underline;  }

/* -------------------------------------------------- *\
  Progress Bar - Paid Annual
\* -------------------------------------------------- */
.paidAnnualProgress									{ background:url('images/vauxhall/progress_bar/paid_annual/progress_bar_bg.gif') no-repeat; }

.paidAnnualProgress #mainDriver 					{ left:0; 	  width:72px;  padding:6px 15px 0 0px; }
.paidAnnualProgress #additionalDrivers 				{ left:63px;  width:119px; padding:6px 15px 0 0px; }
.paidAnnualProgress #aboutVehicle					{ left:158px; width:118px; padding:6px 15px 0 0px; }
.paidAnnualProgress #coverDetails 					{ left:252px; width:106px; padding:6px 15px 0 0px; }
.paidAnnualProgress #additionalCover  				{ left:334px; width:123px; padding:6px 15px 0 0px; }
.paidAnnualProgress #paymentOption					{ left:433px; width:119px; padding:6px 15px 0 0px; }
.paidAnnualProgress #purchase 						{ left:527px; width:98px;  padding:13px 15px 0 10px; }

.paidAnnualProgress .selected 						{ font-weight:bold; }
.paidAnnualProgress #mainDriver.selected 			{ background:url('images/vauxhall/progress_bar/paid_annual/main_driver.gif') no-repeat; }
.paidAnnualProgress #additionalDrivers.selected		{ background:url('images/vauxhall/progress_bar/paid_annual/additional_drivers.gif') no-repeat; }
.paidAnnualProgress #aboutVehicle.selected			{ background:url('images/vauxhall/progress_bar/paid_annual/about_vehicle.gif') no-repeat; }
.paidAnnualProgress #coverDetails.selected			{ background:url('images/vauxhall/progress_bar/paid_annual/cover_details.gif') no-repeat; } 
.paidAnnualProgress #additionalCover.selected		{ background:url('images/vauxhall/progress_bar/paid_annual/payment_options.gif') no-repeat; } 
.paidAnnualProgress #paymentOption.selected 		{ background:url('images/vauxhall/progress_bar/paid_annual/additional_cover.gif') no-repeat; }
.paidAnnualProgress #purchase.selected 				{ background:url('images/vauxhall/progress_bar/paid_annual/purchase.gif') no-repeat; } 

/* -------------------------------------------------- *\
  Progress Bar - Free 7 Day
\* -------------------------------------------------- */
.free7DayProgress									{ background:url('images/vauxhall/progress_bar/free7day/progress_bar_bg.gif') no-repeat; }

.free7DayProgress #mainDriver 						{ left:0; 	  width:149px; padding:6px 0 0 0; }
.free7DayProgress #additionalDrivers 				{ left:125px; width:149px; padding:6px 0 0 0; }
.free7DayProgress #aboutVehicle						{ left:250px; width:149px; padding:6px 0 0 0; }
.free7DayProgress #coverDetails 					{ left:375px; width:149px; padding:6px 0 0 0; }
.free7DayProgress #confirmCover 					{ left:500px; width:149px; padding:6px 0 0 0; }

.free7DayProgress .selected 						{ font-weight:bold; }
.free7DayProgress #mainDriver.selected 				{ background:url('images/vauxhall/progress_bar/free7day/main_driver.gif') no-repeat; }
.free7DayProgress #additionalDrivers.selected		{ background:url('images/vauxhall/progress_bar/free7day/additional_drivers.gif') no-repeat; }
.free7DayProgress #aboutVehicle.selected			{ background:url('images/vauxhall/progress_bar/free7day/about_vehicle.gif') no-repeat; }
.free7DayProgress #coverDetails.selected			{ background:url('images/vauxhall/progress_bar/free7day/cover_details.gif') no-repeat; } 
.free7DayProgress #confirmCover.selected 			{ background:url('images/vauxhall/progress_bar/free7day/confirm_cover.gif') no-repeat; } 


/* -------------------------------------------------- *\
  User Controls and Insurance Titles
\* -------------------------------------------------- */
#userControls										{ float:left; width:720px; margin:0 0 10px 0; font-size:1.1em; text-align:right; }
.logoutText											{ float:left; width:400px;}
/* -------------------------------------------------- *\
  Form Branding
\* -------------------------------------------------- */
.formFields											{ margin-top:1px; color:#231f20; background-color:#dee4ec; border-left:1px solid #cececf; border-top:none; border-right:1px solid #cececf; border-bottom:1px solid #cececf;}
.topField											{ margin-top:0; border-top:1px solid #cececf; }
.formHelp h3										{ background-color:#cececf; color:#231f20; padding:5px 5px 5px 10px; }


/* -------------------------------------------------- *\
  Quote Summmary
\* -------------------------------------------------- */
#recalculateButton									{ margin: 5px 10px 0 0; }
.paymentOptionBuyButton								{ margin:10px 0 10px 0; }


/* -------------------------------------------------- *\
  Free 7 Day upgrade
\* -------------------------------------------------- */

#upgradeHeader										{ position: relative; }
#upgradeHeader #h-logo								{ float: left; }
#upgradeHeader div.hr								{ margin:10px 0 2px 0;  }
#h-upgrade											{ float: right; margin-top: 20px; width:121px; height:26px; background:url('images/vauxhall/indicative-annual/free_7_day.gif') no-repeat; }
#upgradeBanner										{ position: relative; z-index: 10; width: 722px; height: 167px; padding-top: 20px; background:url('images/vauxhall/indicative-annual/upgrade_banner.jpg') 0 0 no-repeat; }
#upgradeBanner #waitIndicator						{ background-color: #ffffff; width: 307px; margin: 0 auto; border: 10px solid #dde3eb; padding: 16px 10px 8px 10px; }
#upgradeBanner #waitIndicator p						{ color: #000; font-size: 1.2em; }
#upgradeBanner #waitIndicator #activateText			{ color: #58595b; font-weight: bold; font-size: 1.4em; margin-bottom: 10px; }
#upgradeMessagesContainer							{ min-height: 255px; padding: 8px 0 0 0; }
.upgradeMessage										{ position: relative; width: 583px;  margin: 0 auto; padding-top: 19px; font-size: 1.4em; text-align: left; background:url('images/vauxhall/indicative-annual/gradient_box_583_top.gif') 0 top no-repeat; }
.upgradeMessage	em									{ color: #b02217; font-style: normal; }
.upgradeMessage span								{ display: block; position: absolute; top: 50%; margin: -26px 0 auto 18px; width: 49px; height: 49px; background:url('images/vauxhall/indicative-annual/speech_icon.png') 0 0 no-repeat; }
#confirmation.upgradeMessage span					{ background:url('images/vauxhall/indicative-annual/tick_icon.png') 0 0 no-repeat; }
.upgradeMessage p									{ margin: 0 18px 0 74px; }
#upgradeToAnnual.upgradeMessage p					{ width: 360px; }
.messageInner										{ min-height: 38px; width: 583px; background:url('images/vauxhall/indicative-annual/gradient_box_583_botm.gif') 0 bottom no-repeat; padding-bottom: 22px; }
#error												{ width: 500px; margin: 30px 8px 40px 8px; }
#upgradeLink										{ display: block; position: absolute; top: 50%; right: 13px; height: 49px; width: 124px; margin: -27px 0 0 0; background:url('images/vauxhall/indicative-annual/click_here.png') 0 bottom no-repeat; cursor: pointer; }
#upgradeLink span									{ background: none; }
/* Annual quote message box */
#annualMessage 										{ position: relative; width: 720px;  margin: 0 0 33px 0; padding-top: 19px; font-size: 1.4em; text-align: left; background:url('images/vauxhall/indicative-annual/gradient_box_720_top.gif') 0 top no-repeat; }									
#annualMessage span 								{ display: block; position: absolute; top: 50%; margin: -27px 0 auto 18px; width: 49px; height: 49px; background:url('images/vauxhall/indicative-annual/speech_icon.png') 0 0 no-repeat; }
#annualMessage p									{ margin: 0 18px 0 74px; }
#annualMessage .messageInner						{ min-height: 38px; width: 720px; background:url('images/vauxhall/indicative-annual/gradient_box_720_botm.gif') 0 bottom no-repeat; padding-bottom: 22px; }

/* -------------------------------------------------- *\
  60 Day Landing Page
\* -------------------------------------------------- */
#callCentreTel										{ color: #FFF; font-weight: bold; font-size: 3.5em; }
#callCentreOpening									{ margin: 11px 0 0 0; }
#retailerCode label									{ font-size: 1.1em; }
#dealerCode											{ width: 80px; }
#dealerCodeButton									{ margin: 7px 0 8px 0; }

/* ------------------------------------------------------------------- *\
   Fix form Fields not floating correctly due to duplicate character bug
\* ------------------------------------------------------------------- */
.formFields							{ display:inline; margin-right: -3px; }
fieldset 							{ display:inline; margin-right: -3px; }
.invalidFormField					{ display: inline; margin-right: -3px; }