/*
================= Master CSS for Esure 12 03 08 ==========================
*/
/*these are Stellent fixes - DO NOT REMOVE - ============================================*/
/* This style is in here to stop the text shrinking in the contribution form editor*/
p  { margin:0; padding:0 0 10px 0; font-size: 14px; color: #444;}
li {font-size: 14px; }
/*nested generic list fix*/
#container .generic_list ul ul ,#container ol ol  {padding: 0 0 0 1.5em; }
#container .generic_list ul ul li,#container ol ol li, #container ul ol li {font-size: 1em; line-height:1.5em;}
/* Style to fix problems when usin the site studio site manager fragment - fixes the navigation items */
#ssm_body_left {text-align: left;}


/* General page styles*/

body {text-align: center; /*for ie */ margin:0; padding:0; font:100% Verdana, Arial, Helvetica, sans-serif; background: #EAEAEA; color: #333}
h1   { font-size:0.9em;color:#F90;}
h2   { margin:0; padding:0 0 8px 0; font-size:0.7em; color:#F90; clear:left;}
h3, #container p.h3   { margin:0; padding:0 0 5px 0; font-size:0.65em; font-weight: bold; color:#F90;}
h4, #container p.h4   { margin:0; padding:0 0 5px 0; font-size:0.60em; color:#F90;}
h5, #container p.h5   { margin:0; padding:0 0 5px 0; font-size:0.60em; color:#F90;}
h6, #container p.h6   { margin:0; padding:0 0 5px 0; font-size:0.60em; color:#F90;}
ul  { padding: 0 0 10px 0; margin: 0 0 0 16px}
img  {border: 0}

 /*wrap for the website*/
#container {text-align:left; background:#FFF url(esure_container_bg.jpg) bottom right no-repeat; width:59.5em; margin: 0 auto; height: auto; border: 0; position: relative}
.es_car #container {text-align:left; background:#FFF url(esure_container_bg_car.jpg) bottom right no-repeat; width:59.5em; margin: 0 auto; height: auto; border: 0; position: relative}
.es_home #container {text-align:left; background:#FFF url(esure_container_bg_home.jpg) bottom right no-repeat; width:59.5em; margin: 0 auto; height: auto; border: 0; position: relative}
.es_pet #container {text-align:left; background:#FFF url(esure_container_bg_pet.jpg) bottom right no-repeat; width:59.5em; margin: 0 auto; height: auto; border: 0; position: relative}
.es_travel #container {text-align:left; background:#FFF url(esure_container_bg_travel.jpg) bottom right no-repeat; width:59.5em; margin: 0 auto; height: auto; border: 0; position: relative}
.es_loans #container {text-align:left; background:#FFF url(esure_container_bg_loan.jpg) bottom right no-repeat; width:59.5em; margin: 0 auto; height: auto; border: 0; position: relative}
.es_motorbike #container {text-align:left; background:#FFF url(esure_container_bg_motorbike.jpg) bottom right no-repeat; width:59.5em; margin: 0 auto; height: auto; border: 0; position: relative}
.es_van #container {text-align:left; background:#FFF url(esure_container_bg_van.jpg) bottom right no-repeat; width:59.5em; margin: 0 auto; height: auto; border: 0; position: relative}


#container p {margin:0; padding:0 0 10px 0; white-space: normal; clear:left}
#container p, #container li, form{font-size: 0.6em;}
#container li li, #container form p, #container form li  {font-size: 1em;}
#container ol {line-height:75%;}

#header {margin:0 auto; padding: 1em 1em; position:relative;  width:57.5em}
#logo	{ background: transparent url(esure_logo.gif) no-repeat;  display: block; width: 147px; height: 31px; padding-bottom: 10px; overflow:hidden; margin:0; }
#logo a {display: block;  width: 145px; height: 28px;text-indent: -3000em;}
img.logo_image {display:none;}
p#breadcrumb {clear:none; position:relative; font-size:0.55em;}


/*top level navigation to fix large text size issues in IE*/
#header ul	{list-style: none; margin:0; position:relative; clear:both;}
#header li		{float: left; text-align: center; width: 16.64%; margin: 0 0 10px 0; display:inline; }
#header li a	{display: block; padding: 5px 0; background: #FF9900 ; font-size: 1.2em; font-weight: bold; color: #FFFFFF; text-decoration: none; border-left: 1px solid #FFFFFF; height: 15px;  }
/*fix for IE displaying top nav incorrectly */
#header li.first a {background: #FF9900 url(esure_nav_first.gif) no-repeat;}
#header li.first a:hover,#header li.first a.on  {background: #017BBE url(esure_nav_first_hover.gif) no-repeat;}
#header li.last a {background: #FF9900 url(esure_nav_last.gif) no-repeat right;}
#header li.last a:hover,#header li.last a.on  {background: #017BBE url(esure_nav_last_hover.gif) no-repeat right;}
#header li a:hover, #header li a.on	{ background: #017BBE; }



/*links*/
a       {color: #017BBE; font-weight: normal}
a:hover {color: #F90;  text-decoration: underline; font-weight: normal}
.faq_index_list a, #links_content a{ text-decoration:none;}
.faq_index_list a:hover, #links_content a:hover{ text-decoration:underline;}
a#adobereader {position:relative; left:15px; top:-30px;}
#main_nav_column a#adobereader {position:absolute; padding-top:10px; top:auto; left:auto}



/* left hand nav =================================================================================================*/
/*left hand column*/
#main_nav_column	{float:left; width:21%; padding:0 0 2em 1em;min-height:32em;}

/*left hand heading*/
#nav_wrap h2.sn_header a { color:#FFFFFF; font-weight:bold;}
#nav_wrap h2.sn_header a:hover { color:#FFFFFF; text-decoration:underline;}


/*left hand navigation*/
#nav_wrap
{ background: #FF9900 url(esure_nav_bg.jpg) no-repeat right bottom; margin: 0; padding:0.5em 0 0 0;}


#nav_wrap h2 {color:#FFFFFF; font-size:1.1em; padding:0pt 0pt 5px 10px;}
#nav_wrap  			{font-family:Verdana, Arial, Helvetica, sans-serif;  }
#nav_wrap ul 			{margin: 0; padding: 0 10px 1em 10px;  line-height:1.3em;}




#nav_wrap a 		{text-decoration:none; color: #FFF; }
#nav_wrap a:hover,  #nav_wrap a.on{text-decoration:none; color: #017BBE;}
#nav_wrap a.usefull_link {border-top: 1px solid white; padding: 0.5em 0 0 0; display:block}

#nav_wrap ul li		{font-weight:bold; list-style: none; margin: 0; padding: 4px 0; font-size: 0.7em; line-height: 1.3em; }
#nav_wrap ul li a 	{font-weight:bold;}
#nav_wrap ul ul li 	{font-weight:normal; margin: 0; padding: 4px 0; font-size:1em;}
#nav_wrap ul ul li a 	{font-weight:normal;}
#nav_wrap ul ul 		{padding: 0; margin: 0 0 0 12px;  }

/* ie6 nested list fix */
* html #nav_wrap ul ul li 		{font-size: 1em;}
* html #nav_wrap ul ul li#current {margin: 3px 0 2px 0}




/*bottom images for the left hand nav*/
#es_edge{height: 215px; border-left: 4px solid #FF9900; margin: 0 0 2em 0}
.es_car #nav_bottom_image{background: transparent url(esure_car.jpg) no-repeat right top; width: 90.5%}
.es_home #nav_bottom_image{background: transparent url(esure_home.jpg) no-repeat right top; width: 90.5%}
.es_pet #nav_bottom_image{background: transparent url(esure_pet.jpg) no-repeat right top; width: 90.5%}
.es_travel #nav_bottom_image{background: transparent url(esure_travel.jpg) no-repeat right top; width: 90.5%}
.es_loans #nav_bottom_image{background: transparent url(esure_finance.jpg) no-repeat right top; width: 90.5%}
.es_motorbike #nav_bottom_image{background: transparent url(esure_van_wide.jpg) no-repeat right top; width: 90.5%}


#container #nav_bottom_image {display:none;}





/*navigation hr*/
#nav_wrap hr 		{color: #FFF; margin: 0 0 0 0.8em; padding: 0; height: 1px; background: white; width: 90%; text-align: center; border: 0}
* html #nav_wrap hr {height: 0.1em}

/*links that go to get a quote pages etc and sit at the bottom of the left nav column*/
#nav_wrap .external, #tools a {background: transparent url(esure_orange_external_link.gif) no-repeat right center; color: #FFF ; text-decoration: none; font-weight: bold; display:block;}
* html #tools a  {margin: 1px 0 0 0}

/* CONTENT AREAS =======================================================================================================*/

/*styles for the anchor links used in the web site as these are out side of p tags*/
.top a       {color: red; line-height:180%; text-decoration: underline; font-weight: normal; font-size: 70%}
.top a:hover {color: #F69; line-height:180%; text-decoration: none; font-weight: normal}

/*this is the text area for pages with two column layouut*/
#two_column_text_area         {float: left; width: 36.5em;  font-size:1.2em; margin:0 0 2em 1em; display:inline;}


/* Styling for calls to action */



#container #two_column_text_area p.action, #container #three_column_text_area p.action { float:left; margin:1em 1em 1em 0; clear:none;}
#container #two_column_text_area p.action a, #container #three_column_text_area p.action a{ background: transparent url(esure_action_small.gif) no-repeat bottom right; font-weight:bold; font-size:1em; color:#FFFFFF;padding:10px 15px 15px 10px; ;  text-decoration:none;}
#container #two_column_text_area p.action a:hover, #container #three_column_text_area p.action a:hover{ background: transparent url(esure_action_small_hover.gif) no-repeat bottom right;}


/*this is the central text area that is used with pages that have three column layout*/
#three_column_text_area {float: left; width: 25em; margin: 0 0.5em 2em 1em;font-size: 1.2em;}


/*General table styles*/
table {padding-bottom: 2em;}
th, td {padding: 0.3em 0.5em;}

/*this is the right hand column for the three column lay out*/
#extra_info {float: left; width: 10em;}

/*right hand box*/
.info_boxx {width: 11em; border: .14em solid #E6E6E6; float: right; margin: 0 1em 0 0}
.info_boxx h2 {display: block; line-height: 1em; background: #FFF; color: #F90; margin: 2px;padding: 0.72em; }
* html .info_boxx h2 {height: 0.7em;}

* html .info_boxx {margin: 0 0.3em 20px 0;}

/*info box vcard - added by Chris Murton 14/08/07*/
.vcard		{color:#666; font-size:0.72em;font-weight:normal; padding:0pt 0pt 10px 0pt;}
.info_boxx .vcard {font-size:0.7em; padding:0pt 0pt 10px 10px;}
.vcard .fn, .vcard .email	{color:#003366;}
.vcard .fn	{font-size:120%; line-height: 120%;}
.vcard .role	{padding: 10px 0 0 0;  }
.vcard .tel	{display: inline;}
.vcard .org	{display: none;}

/*info box ul - for any navigation uls in the right hand boxes*/
.info_boxx ul      {list-style: none; margin: 0 0.25em; padding: 0; background: #F1F1F1}
.info_boxx li      {font-size: 70%; margin: 0 0 0.2em 0.2em; padding: 0; color: #666}
.info_boxx h3		{font-weight: normal; font-size: 1em}
.info_boxx a       {color: #666; text-decoration: underline; font-weight: bold}
.info_boxx a:hover {color: #F90; text-decoration: none; font-weight: bold}
.info_boxx p		{width: 98%; border-left: 2px solid #FFF; border-right: 2px solid #FFF; background: #E6E6E6; margin: 0; text-align: left}




/*the list conatiners for the buyers guide pages*/
.list_container {border: 1px solid #F69; width: 100%; height: auto; position: relative; left: 50%; margin: 0 0 .5em -50%; padding: .5em}
.list_container h3 {color: #666; text-decoration: none; font: bold 80% Arial, Verdana, Helvetica, sans-serif; text-align:left}
.list_container ul {list-style: none; margin: 0; padding: 0}
.list_container li {font-size: 70%; margin: 0; padding: 0;}
.list_container a {color: #666; text-decoration: underline;}
.list_container a:hover {color: #F69; text-decoration: none}

/*general ul style */
#two_column_text_area ul li, #three_column_text_area ul li {list-style:none; padding: 0 0 0 10px; background: transparent url(esure_bullet.gif) no-repeat left 4px; line-height:1.2em}

/*generic ul for the main text areas*/
.generic_list {position: relative; left: 0}
.generic_list ul {list-style: none; margin: 0 0 .8em }
.generic_list li {margin: 0; padding:0; line-height: 160%; color: #666; list-style: none;}
.generic_list a {color: #666; text-decoration: underline;}
.generic_list a:hover {color: #F69; text-decoration: none}
.generic_list h2 {font-size: 1em; padding: 5px 0;}

/*iE 6 nav hack - will be placed in seperate CSS file*/
* html .generic_list ul {margin: 0 0 .8em 0}

	/*list for site map*/
ul.nav, ul.nav ul {list-style:none;}
#two_column_text_area ul.nav li {line-height: 1.5em; background:none;}
#two_column_text_area ul.nav li li {background:transparent url(esure_bullet.gif) no-repeat scroll left 6px; margin-top:20px; width: 29em; float:left; }
#two_column_text_area ul.nav li li.left {clear:left; }
#two_column_text_area ul.nav li li li {clear: both; min-height:0; margin-top:0; float:none; }
#two_column_text_area ul.nav ul {margin:0 0 1em 0; padding:0 0 1em 0}
#two_column_text_area ul.nav ul ul { margin:0 0 0 1.5em; padding:0; border:none}
#two_column_text_area ul.nav li a.top_menu{text-decoration:none; font-weight:bold; font-size:1em; display:block;}
#two_column_text_area ul.nav, #two_column_text_area ul.nav ul  {margin-left:0}
.site_map #two_column_text_area {position: relative; left:50%; margin-left: -16.25em;}

/*list for latest news stories*/
.top_three_news li { padding: 0 0 10px; margin: 0 0 10px;border-bottom: 1px solid #DDD; background-color: white;}
.top_three_news h2 { font-weight: normal; text-decoration: none;}

/*faq page list*/
/*generic ul for the main text areas*/
.faq_index_list         {position: relative; left: 0}
.faq_index_list ul      {list-style: none; margin: 0 0 .8em 0}
.faq_index_list li      {; margin: 0; padding: 0; line-height: 160%; color: #666; }
#faq_answers ol		{ list-style:lower-alpha;}
#faq_answers ol	ol	{ list-style:lower-roman;}
/*iE 6 nav hack - will be placed in seperate CSS file*/
* html .faq_index_list ul {margin: 0 0 .8em 0}

/*this is the list for the bottom of the buyers guide pages*/
#page_nav	{list-style: none}

/* CSS for Compare our Cover table */
.table_title_orange	{ color:#F90; text-align:left;}
.table_title_esure	{ color: #00659C; background-color: #EFEFEF; }
.table_labels	{ color: #244358; font-weight: normal; text-align: left; }
.cover_table	{ color: #244358; font-weight: normal; text-align: left; }
.cover_table td	{ border-top: solid #E6E6E6 1px; padding:1px;}
.cover_table td.endrow { border-top: none; }
.table_grey { background-color: #EFEFEF; }
.table_left { text-align: left; font-weight: normal; }
.compare_cover {font-size: 0.7em; font-weight:bold; text-align:center; border-top:1px solid #E6E6E6;}	
.compare_cover th, .compare_cover td{border-bottom:1px solid #E6E6E6; padding:10px 5px;}

/* CSS clases for adding editing options to WYSIWYG region */
.highlight { color: #FF9900;}
.archive_link {display:block ; text-align:right;}

/* CSS for block quotes*/
blockquote {
	text-align: center;
	font-family:"Times New Roman", Times, serif;
	font-size:1.5em;
	line-height:100%;
	margin:10px auto;
	background: transparent url(esure_close_quote.gif) no-repeat bottom right !important;
	background /**/:url(); /* removing quote graphic in IE5+ */
	padding:0px 52px 5px 0px;
}
#container blockquote p{
	text-align: left;
	background: transparent url(esure_open_quote.gif) no-repeat left top !important;
	padding:5px 2px 10px 52px!important;
	padding /**/:0px; 	/* resetting padding in IE5+ */
	background /**/: url(); /* removing quote graphic in IE5+ */
	}
	
#container p.testimonial_name { text-align: right; padding:0 65px 20px 0; font-size:0.8em; }

/* CSS for Breakdown Cover Table*/
table.options {border-collapse:collapse; font-family:Verdana, Arial, Helvetica, sans-serif; border-top:1px solid #E6E6E6; font-size:0.7em; }
table.options th{border-bottom:1px solid #E6E6E6; text-align:left; padding: 5px;}	
table.options td{border-bottom:1px solid #E6E6E6; padding: 5px;}
table.options td.included {background: transparent url(esure_tick.gif) no-repeat center; text-indent:-9999px;}
table.options td.not_included {text-indent:-9999px;}
table.options .table_labels {background: #F6F6F6;}

/* CSS for Glossary list */
#container ol#glossary_list li {display: inline; padding: 5px; color: #CCCCCC;}
#container ol#glossary_list li a{color:#000000;}
#container ol#glossary_list li a.current{color:#FF9900; font-weight: bold;}

/* Centered image */

#container .centred_image { text-align:center; margin-left:auto ; margin-right:auto;}


/*CSS FOR THE MEDIA AREA===============================================================================================*/

/*this is the css for the deffinition list in the list on the media centre page*/
dt {color: #F90; font-size:0.7em; font-weight:bold; margin:1.5em 0pt 1em; padding:0pt;}
dd {color:#444; font-size:0.7em; list-style-image:none; list-style-position:outside; list-style-type:none; 
	margin:-2.15em 0pt 0.8em 7.5em; padding:0pt;}

dd a { display: block;}

/*ordered list*/
ol {line-height:120%; color: #444; padding: 0 0 10px 30px; margin: 0;}

.clear {clear:both}

/*news pages*/
.news_list li {font-size: 70%; margin: 0 0 0 -1em; padding: 0; line-height: 160%; color: #666; }


/*footer=============================================================================================================
#footer {width: 100%; height: 2em;
background: #025E8D url(esure_footer_bottom_left.gif) no-repeat bottom left; clear: both; display:block;}
/*bottom bar navigation  - LEFT MARGIN TO BE CHANGED TO 0.5em WHEN STYLE SWITCERS ARE ADDED TO FOOTER - CM

* html #left_wrap {margin: 0.5em 0 0 8%; float:left; width: 68%; }

/* CSS for footer links 
#footer_links  {text-align:center;}
#footer_links p{display:inline; margin:0 10px 0 0;color:#666666;} */


/* footer style */

#footer {background: #F57421 url(esure_footer_bar.jpg) bottom right no-repeat;  height: 60px; clear:both; text-align:center; width:59.5em}
#left_wrap {font-size:1.2em; margin:0 auto; height:30px  } 




#footer ul {list-style: none; color: #FFF; padding:20px 0;}
#footer li {display: block; float: left; margin: 0 0 0 5px;}
#footer a  {font-weight: bold; color: #FFF; text-decoration: none; font-size: 1em}
#footer a:hover {font-weight: bold; color: #017BBE; }
#footer li span {color: #FFF}

/*the three A's on the footer*/
#right_wrap {margin: 0 0 0 0 ;position:absolute; top:1em; right:1em;}
#right_wrap img {border: 0;}
#right_wrap ul {list-style: none; display: inline; padding:0; margin:0}

#right_wrap li {display: block; float: left; }

/* Verisign Logo */

#footer p.verisign { float: left; padding: 4px 20px;}


/*no Javacript div in the bottom footer*/
#no_script{text-align: center; font-weight: bold; clear: both}
#no_script p {font-size: 0.7em; color: #000;}

/*table -temp fix*/
table {color: #666; }
#container table {color: #444; font-size:0.6em}
#container table table{font-size:1em}
#cover td {text-align: center; border-top: 1px solid #F69}
#cover th {font-weight: normal; padding:0 4px} 
#cover .table_labels {text-align: left; width:137px;}

/* CSS for footer links */
#footer_links  {text-align:left; width:59.5em; margin:20px auto}
#footer_links ul {display: inline; margin: 5px}
#footer_links p ,#footer_links li{ margin:0 ;color:#666666; font-size:0.6em}
#footer_links a {color: #666666; text-decoration:none;}
#footer_links a:hover {text-decoration:underline;}

/* Form styling */
.errortxt {color: #FF0000;}
#container input, select {margin-bottom: 12px;}
#container label, input, select {display: block;}
#container input#dobDD,#container input#dobMM,#container input#dobYYYY {display:inline; margin-bottom: 12px;}
#container fieldset label { display:none;}
#container fieldset input {margin-bottom:2px}
#container #part1, #part2 {float:left; width: 50%; display:inline}
#container #part3 {clear:both;}
#container fieldset {border:none; padding: 0; margin:0}
.part1, .part2 { float: left; width: 49%;}
.part3 { clear: both; }
#container .errortxt { color: #F00; }
#container .inline { margin-left: 0; padding-left: 0; }
#container .inline li,#container  .inline label,#container  .inline input { display: inline; list-style-type: none; margin: 0; padding-right: 3px; background:none; padding-left:0 }
#container legend {color:#333333; padding:0; margin:0; text-align:left; position:relative; left:-7px;}
#container .select_boxes img {float:left; margin: 0.4em 1em 0 0; width:38px; height:30px;}
#container .select_boxes select {display:inline;}

/* Social bookmark styling */
#social_bookmarks {border-top: 1px solid #FF9900; border-left: 1px solid #FF9900; background: transparent url(esure_info_box.gif) no-repeat bottom right; width:23em; padding:10px; margin: 20px auto; position:relative;}
#social_bookmarks p { position: absolute; top: 10px; right: 10px;}
#social_bookmarks ul {list-style: none; margin:0; padding-top:10px; line-height:20px}
#social_bookmarks ul li {display:inline; padding: 2px 10px 2px 20px; height: 16px}
#social_bookmarks .delicious {background: transparent url(delicious_icon.gif) no-repeat left center;}
#social_bookmarks .digg {background: transparent url(digg_icon.gif) no-repeat left center;}
#social_bookmarks .google {background: transparent url(google_icon.gif) no-repeat left center;}
#social_bookmarks .stumbleupon {background: transparent url(stumbleupon_icon.gif) no-repeat left center;}
#social_bookmarks .yahoo {background: transparent url(yahoo_icon.gif) no-repeat left center;}

/*===================================
accessibility page
===================================*/
.external_demo_orange {background: #F90 url(esure_orange_external_link.gif) no-repeat right 2px; color: #FFF; padding: 0 17px 0 .3em; display:inline-block; height: 1.7em; border: 3px solid #F90; cursor: pointer; line-height: 1.7em;}
.external_demo_black {background: #000 url(esure_external_link_black.gif) no-repeat right 2px; color: #FFCC7F; padding: 0 17px 0 .3em;display:inline-block; height: 1.7em; border: 3px solid #000; cursor: pointer; line-height: 1.7em;}
.external_demo_black:hover { color: #FFF;}

.access h3   { margin:0; padding:0 0 5px 0; font-size: 0.6em; color:#F90;}
.access ul	{margin: -0.3em 0 0.8em 0}


/*external link images*/
.external	{background:transparent url(esure_external_link.gif) no-repeat scroll right center; padding:0 17px 0 0px; display: inline-block; cursor: pointer;}
.pdf	{background:transparent url(esure_pdf.gif) no-repeat scroll right center; padding:1px 20px 1px 0; display: inline-block; cursor: pointer}
.mailto {background: transparent url(mailto_icon.gif) no-repeat right; padding-right:20px; display: inline-block;}

/*allows the user to skip through the navigation*/
.skip_link {position:absolute; left:-9999px}

/*CSS FOR THE THIRD RIGHT HAND COLUMN================================================================================*/
#container #r_hand_column {border-left: 1px solid #FF9900; background: transparent url(esure_info_box.gif) no-repeat bottom right; width: 11em; width: 21%; margin:0 1em 3em 0; display:inline; float:right; }
#container #r_hand_column h2 {color: #FFFFFF; background: #FF9900 url(esure_r_hand_h2.jpg) repeat-y right; padding: 5px;margin-bottom: 10px}
#container #r_hand_column p { font-size: 0.7em; padding-left:5px;}
#r_hand_column ul { margin-left: 20px;}
#r_hand_column ul li {font-size: 0.6em;}
#r_hand_column dl {margin: 5px 0;}
#r_hand_column dt {font-size: 0.6em; margin: 5px;}
#r_hand_column dd {font-size: 0.6em; margin: 0 5px;}

table#policy_table {font-size: 0.6em; font-weight:bold; border-collapse:collapse}
table#policy_table td {border-bottom:1px solid #ccc; padding: 5px;}

/*CSS for the error messages========================================================================================*/
#error_box {text-align:left; width: 380px; margin: 50px auto; border: 1px dotted #000000; padding:0 20px 20px;background: #FFFFFF;}
#error_box h1 {background: transparent url(esure_no_browser_elogo.gif); float: right; text-indent: -9999px; width: 150px; height:70px; margin:0;}
#error_box p {font-size: 0.8em; clear: right;}
#error_box p strong {color: #FF9900;}

/* Centered image styling for authors */
#container div.centered_image {text-align:center}

/* Page Infortmation */

#page_information {text-align:left; width:59.5em; margin: auto}
#page_information h3 {font-size: 0.8em;}
#page_information dt {margin: 0 0 1em; min-width:10em; float: left; clear:both; }
#page_information dd {width: 70em; float:left; margin:0 0 1em}
* html #page_information dt {width:10em; }

/*technical fault and error pages*/
body#tech-fault                         {background: #FFF; font-size: 62.5%}
#tech-fault #wrap                       {background: none; width: 72em; text-align: left; height: auto; margin: 10px auto; position: relative}
#tech-fault #container                  {background: none; width: 100%; border: 2px solid #025E8D; margin-top: 20px; text-align: center; min-height: 23em}
* html #tech-fault #container           {height: 23em}
#tech-fault h2                          {font-size: 1.5em; line-height: 4em; text-align: left; margin-top: 20px; margin-bottom: 10px; clear: both; margin-left: 20px}
#tech-fault p                           {font-size: 1.2em; line-height: 2em; text-align: left; margin-left: 20px; color: #000}
#tech-fault a                           {text-decoration: underline; color: #F90}
#tech-fault a:hover                     {text-decoration: none; color: #025E8D}
h1#logo                                 {margin: 0; padding:0; text-indent: -999%; position: relative; left: 0; top: 7px; width: 154px; height: 32px;}

#no_script		{left:12px; margin:10px 0; position:relative; top:10px; text-align:left; float:none; width:100%}
#no_script p 		{font-weight: 700; width:86em; text-align:left; margin:auto}
#no_script p + p 	{font-weight: 400}

/*Image wrap right */
.righthand_image	{float:right; margin:0	 0 20px 20px;}

/*New Get a Quote buttons on Car Insurance page - 01/07/2011 /*

/*3 state BLUE buttons|*/
.es_car #container #two_column_text_area p.action a, .es_car #container #three_column_text_area p.action a
{display: block; background: url(esure_3_state_button.png) no-repeat 0 0; width: 206px; height: 55px; text-indent: -999em; padding: 0}
.es_car #container #two_column_text_area p.action a:hover, .es_car #container #three_column_text_area p.action a:hover
{background: url(esure_3_state_button.png) no-repeat -210px 0}
.es_car #container #two_column_text_area p.action a:active, .es_car #container #three_column_text_area p.action a:active
{background: url(esure_3_state_button.png) no-repeat -420px 0}