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

/* ---------------------------------------------------------------------- *\
  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;  }



/* -------------------------------------------------- *\
   Vauxhall Branding - CSS unique to Vauxhall ONLY
\* -------------------------------------------------- */
body 													{ margin:0 0 20px 0; font-family: Verdana, Arial, Helvetica, Sans-Serif;  font-size:62.5%; line-height: 1.8em; text-align:center; background-color:#ffffff; }

/* -------------------------------------------------- *\
  Type Grid
\* -------------------------------------------------- */
h1														{ font-size: 1.6em; margin-bottom: 1.125em; }
h2														{ font-size: 1.4em; margin-bottom: 1.285em; }
h3														{ font-size: 1.2em; margin-bottom: 1.17em; padding-left:0;  }
h4,td,th												{ font-size: 1.1em; line-height:1.63em; }
p, ul, ol, dl											{ font-size: 1.1em; line-height: 1.63em; color:#565a56; margin:0 0 9px 0; }

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

.hr														{ border-top:2px solid #ed1c24; margin:10px 0 10px 0; }
.hr hr													{ display:none; }

/* -------------------------------------------------- *\
  Homepage  - layout and structure differnet to the rest of site. - test
\* -------------------------------------------------- */
#container												{ margin:0 auto; text-align:left; width:760px; }
#header													{ position:relative; width:760px; height:121px; margin:0; text-align:right; background: url('images/vauxhall/homepage/vauxhall_mast.png') no-repeat;  }
#loginHeader											{ position:absolute; right:0; top:0; width:400px;  }
#navigation												{ position:absolute; right:0; top:6px; width:630px; text-align:right; }
.headerTitle 											{ position:absolute; right:10px; top:75px; text-align:right; }
#footer													{ text-align:center; padding:0; margin: 10px 0 20px 0; }
#footer	p												{ font-size: 1.1em; margin:0 0 5px 0; line-height: 1.63em; }
#footer	a:link,
#footer a:active,
#footer a:visited 										{ color:#6b777c; text-decoration:underline; }
#footer a:hover 										{ color:#6b777c; text-decoration:none; }	
#logo a													{ float:left; margin:0 0 0 20px; display:block; width:127px; height:100px; }
#logo a span											{ position:absolute; left:-5000px; }

.homepage												{ position:relative; margin:0; }
#getQuoteLink 	   										{ position:absolute; left:0; top:0; }
#getQuoteLink  a										{ display:block; width:760px; height:293px; background: url('images/common/1_pixel.gif') no-repeat; }/*make image clickable by adding a clickable 1 pixel invisible gif overlayed on top of main image*/
#getQuoteLink span 										{ position:absolute; left:-5000px; }
#getQuotePromoText										{ position:absolute; left:12px; top:295px; width: 600px; height: 22px; overflow:hidden; color:#ffffff; font-weight:bold; }
#getQuoteBg												{ width:760px; height:326px; margin:2px 0 0 0; background:transparent url('images/vauxhall/homepage/get_quote.jpg') no-repeat;  }
#shortTermLink											{ width:740px; margin:10px 0 10px 8px; }
#shortTermLink p										{ margin:5px 0;}
	
#shortTermLink											{ width:740px; margin:10px 0 10px 8px; }
#shortTermLink p										{ margin:5px 0;}

/* -------------------------------------------------- *\
  Image Header Replacement
\* -------------------------------------------------- */
#h-shortTermInsurance					{ width:159px; height:12px; background:transparent url('images/vauxhall/homepage/short_term_car_insurance.gif') no-repeat; margin:0; padding:0 0 5px 0; }
#h-dealerCode							{ background:transparent url('images/vauxhall/homepage/please_enter_dealer_code.gif') no-repeat; }

#h-vauxhall-insurance					{ width:220px; height:20px; background:transparent url('images/vauxhall/homepage/vauxhall_insurance.gif') no-repeat; }
#h-car-insurance						{ width:235px; height:26px; background:transparent url('images/vauxhall/homepage/car_insurance_quote.gif') no-repeat; }
.image span  							{ position:absolute; left:-5000px; }
/* ---------------------------------------------------------------------- *\
  Free 7 Day
\* ---------------------------------------------------------------------- */
.freeSevenDay							{ background:#000 url('images/vauxhall/homepage/free_seven_day.jpg') no-repeat; padding:266px 0 8px}
#freeSevenDayLogin						{ color:#ffffff; font-weight:bold;  }

#h-free-seven-day						{ width:125px; height:25px; background:transparent url('images/vauxhall/homepage/free_7_day.gif') no-repeat; }
.freeSevenDay							{ width:760px; margin:2px 0 0 0; height:58px; }
#freeSevenDayLogin p					{ color:#fff; padding-left:10px; margin:0; }
#freeSevenDayLogin fieldset 			{ margin:0; padding:0; }
#freeSevenDayLogin						{ position:absolute; left:0; top:275px; text-align:right; }
#freeSevenDayCode						{ position:absolute; left:480px; top:8px; width:140px; }
#freeSevenDayProceedButton				{ position:absolute; top:0; left:640px; }
#h-dealerCode 							{ position:absolute; left:265px; top:12px;  width:203px; height:15px; }
#freeSevenDayText						{ text-align:center;  font-size:1.6em; padding:0 12px;}
#freeSevenDayText strong				{ font-weight:bold; color: #ED1C24;}
#freeSevenDayText p						{ margin:0; color:#fff; font-family:Helvetica, Arial, sans-serif;}
#freeSevenDayOpening					{text-align:center; font-weight:bold; padding:12px 0 0; }
#freeSevenDayOpening p 					{ margin:0; color:#ED1C24; font-size:1.15em; font-family:Helvetica, Arial, sans-serif; height:1.45em; }

/* ---------------------------------------------------------------------- *\
  User Warnings - Yellow messages
\* ---------------------------------------------------------------------- */
#userFeedback							{ float:left; padding:10px; width:740px;  margin:10px 0 10px 0;  border:1px solid #f2e229; background-color:#fff9b4; color:#58595b; }
#errorIcon								{ float:left; margin:0 10px 0 0; }
#errorMessage							{ float:left; padding:10px 0 0 0; }

/* ---------------------------------------------------------------------- *\
  Debug Style For Prog
\* ---------------------------------------------------------------------- */
/*pre#debugOutput							{ font-size:1.5em; text-align:left; border:1px solid #f2e229; background-color:#fff9b4; color:#58595b; padding:10px;  margin:0 10px 10px 10px;  overflow-x: scroll;}*/
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; }