/*css for the contrast css selection updated*/
body {font-size: 1.3em; background: #000; color: #FFF}
p, li, dd, #footer_links p, #footer_links li, #container table, .table_labels {color: #FFF}
h1, h2, h3, dt, a, #nav_wrap h2.sn_header a, #nav_wrap h2.sn_header a:hover, .table_title_orange  {color: #FFCC7F}
a { text-decoration:underline;}
a:hover {color:#FFF; text-decoration:underline;}



/*wrap for the website*/
#standard  #container, #container {background:#000;  border: 1px solid #FFF;}

#logo { background:transparent url(esure_logo_contrast.gif) no-repeat;}

#header ul, #header li {height:35px;}





#header li a {background: transparent; color: #FFFFFF;border: 1px solid #FFFFFF }
#header li a:hover, #header li a.on {background: #FFFFFF; color: #000000; }

#header li.first a  {background: #000000; color:#FFFFFF  }
#header li.first a:hover, #header li.first a.on {background: #FFFFFF ; color: #000000}

#header li.last a {background: #000000 ; }
#header li.last a:hover, #header li.last a.on {background: #FFFFFF ; }




#standard .end_tab 			
{margin: 0 -1em 0 0}

/*external link images*/
.external, #container #two_column_text_area p.action a.external, #container #three_column_text_area p.action a.external	{background:transparent url(esure_external_link_black.gif) no-repeat scroll right center; padding:0 17px 0 0px; display: inline-block; cursor: pointer;}

#nav_wrap .external {background:transparent url(esure_external_link_black.gif) no-repeat scroll right center;}

/* left hand navigation */
#main_nav_column {background: none;}
#nav_wrap {; margin: 0; padding:13px 0 0 0; background: #000000; border:1px solid #FFFFFF; margin-bottom:2em;}
#standard #nav_wrap ul li a, #wide #nav_wrap ul li a {color: #FFFFFF}
#right_corner {background: #000000;}
#nav_bottom_image {display:none;}
#standard #nav_wrap a:hover,#standard #nav_wrap a.on {color:#FFCC7F; text-decoration:none;}

#container #r_hand_column, #social_bookmarks { background: transparent; border: 1px solid #FFCC7F;}
#container #r_hand_column h2 {background: #FFCC7F; color: #000000;}

#container legend {color:#FFFFFF;}


#footer {background: #FFFFFF;}
#footer a, #footer li {color:#000000;}
#footer a:hover {color: #000000;}

#footer_links a {color:#FFFFFF;}


#standard #two_column_text_area a       {color: #FFCC7F; text-decoration: underline;}
#standard #two_column_text_area a:hover {color: #FFF; text-decoration:none}
#standard #two_column_text_area li {color: #FFF}

table img {width:12px;}

/*the three A's on the footer*/

#tools a
{background:transparent url(esure_white_external_link.gif) no-repeat scroll right 4px;}

.info_boxx h2		{color: #000}
.info_boxx a		{color: #000}
.info_boxx a:hover	{color: #F00}

/*===================================
accessibility page
===================================*/
.access h3   {color:#FF0;}
.external_demo_orange	{visibility: hidden; margin: -2em 0 0 0;}

/*================================================================================================================================
HOME PAGE SETTINGS
================================================================================================================================*/
#links_content h1, #links_content h2,#container .box h2 {color: #FFCC7F;}
#car, #home, #travel, #pet, #loan, #van, #motorbike, #car.box.big, #home.box.big, #travel.box.big, #pet.box.big, #loan.box.big, #van.box.big, #motorbike.box.big, #home.box.med  {background: none;  border: 1px solid #FFCC7F;}
.box {width: 12.5em;}
#container .box.big .action a, #container .box.med .action a, .box .action a,  #container #two_column_text_area p.action a, #container #three_column_text_area p.action a {background: none; color: #FFCC7F; text-decoration:underline;}
#container .box.med {width:21.2em;}
#container #two_column_text_area p.action, #container #three_column_text_area p.action {background:none;}
#container .box.big .action a:hover, .box .action a:hover,  #container #two_column_text_area p.action a:hover, #container #three_column_text_area p.action a:hover, #container .box.med .action a:hover {color: #FFFFFF; background:none; text-decoration:underline }
#container .box h2 a { color: #FFCC7F;}
#container .box .action a{ background:none;  color:#FFCC7F; text-decoration:underline }
#container .box .action a:hover { background:none; color:#FFFFFF; text-decoration:underline }
#links_content ul { list-style-type:disc; padding: 0 0 0 14px}	
#links_content ul li{ background:none; padding: 0}	
.table_title_esure, .table_grey, table.options .table_labels { color: #FFCC7F; background:none;}

/*technical fault and error pages*/
body#tech-fault                         {background: #000; font-size: 62.5%}
#tech-fault #wrap                       {background: none; width: 69em; }
#tech-fault #container                  {border: 2px solid #FFF;}
#tech-fault h2                          {font-size: 2em; line-height: 4em; text-align: left; margin-top: 20px; margin-bottom: 10px; clear: both; margin-left: 20px}
#tech-fault p                           {color: #FFF; font-size: 1.8em; padding-right: 10px}
#tech-fault a                           {text-decoration: underline; color: #FFF}
#tech-fault a:hover                     {text-decoration: none; color: #FFF}
