/*
================= Master CSS for Sheilas Wheels modified 11 10 07==========================
*/


body {text-align: center; /*for ie */ margin:0; padding:20px 0 0 0; font:1em Arial, Verdana, Helvetica, sans-serif; background: #F2F2F2; }
h1   {margin:0; padding:0 0 10px 0; font-size:1.4em; font-weight:bold; line-height:120%; color:#F69;}
h2   {margin:0; padding:0 0 8px 0; font-size:1em; font-weight:bold; line-height:120%; color:#F69;}
h3   {margin:0; padding:0 0 5px 0; font-size:1em; line-height:120%; color:#F69;}
 
img  {border: 0}

/* This style is in here to stop the text shrinking in the contribution form editor - don't remove*/
p  { margin:0; padding:0 0 10px 0; font-size: 14px; line-height:150%; color: #444;}
li {font-size: 14px;}
#container p { background: transparent; margin:0; padding:0 0 10px 0;line-height:150%; color: #444;}
#container p, #container li  {font-size: 1em;}

/*standard lists*/
ol, ul {line-height:150%; color: #444; padding: 0 0 0 2em; margin: 0 0 10px 0;}

/*links*/
a       {color: #444; line-height:180%; text-decoration: underline; }
a:hover {color: #F69; line-height:180%; text-decoration: none;}
.generic_list h2 a, h2 a    { margin:0; padding:0 0 8px 0;  text-decoration: none; line-height:120%; color:#F69;}
.generic_list h2 a:hover, h2 a:hover    { margin:0; padding:0 0 8px 0;  text-decoration: none; line-height:120%; color:#036;}

`
/*external links on a blue background - demo for the accessibility page*/

.external_demo_blue {background: #385592 url(../images/blue_external_link.gif) no-repeat right; color: #FFF; padding: 0 17px 0 .3em; display: inline-block; height: 1.5em; border-right: 5px solid #385592; cursor: pointer}

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

/*allows the user to skip through the navigation*/
.skip_link {visibility: hidden; font-size:1px; margin: -100px 0 98px 0}

/*wrap for the website*/
#container
{padding:0; text-align:left; background:#FFF url(../images/right_bg.gif) repeat-y scroll right top ; width:67.8em; margin: 0 auto; height: auto; border: 0; font-size:0.72em; }

/* left hand nav =================================================================================================*/
/*left hand column*/
#main_nav_column	{float:left;  padding:2em; background: transparent url(../images/left_bg.gif) repeat-y left top; position:relative; z-index:2; clear:left;}

/*left hand navigation*/
	

/*navigation hr*/
#nav_wrap hr {color: #9CAAC9; margin: 0 0 7px 0; padding: 0; height: .2em; background: #9CAAC9}

/*links that go to get a quote pages etc and sit at the bottom of the left nav column*/
#tools a {color: #FFF ; line-height:200%; text-decoration: none; font-weight: bold; display:block; margin: 0 0 0 -4px}
#tools .external_tools {line-height:200%; background: transparent url(../images/blue_external_link.gif) no-repeat right 5px; margin: 0 0 0 -4px; width: 100%;}

/*bottom image for the left hand nav*/
#car_img	{height: 166px; width: 158px; background: transparent url(../images/sw_left_nav_img.jpg) no-repeat}

/* 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: 49em; margin: 0 0 0 -17em; background: transparent url(../images/left_bg.gif) repeat-y left top; padding:2em 0 0 17em; position:relative; z-index:1;}
#two_column_text_area a       {color: #444; text-decoration: underline;}
#two_column_text_area a:hover {color: #F69; text-decoration:none}

#two_column_text_area li {color: #444}


/*this is the central text area that is used with pages that have three column layout*/
#three_column_text_area {float: left; width: 32em; margin: 0 0 0 -17em; background: transparent url(../images/left_bg.gif) repeat-y left top; padding:2em 0 0 17em; position:relative; z-index:1;}

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

/*right hand pink box*/
.info_boxx {width: 16em;  float: left; margin: 2em 1.4em 0 -49em; padding: 0 0 20px 50em; background: transparent url(../images/left_bg.gif) repeat-y left top; position:relative; z-index: 0;}
.info_boxx h2 {display: block; line-height: 1em; background: #F69; color: #FFF; padding: 2px;}

#container .info_boxx p {color: #444; margin: 0 0 -2px 0;  border-left: 2px solid #FF6699; border-right: 2px solid #FF6699; border-bottom: 2px solid #FF6699; padding: 0 0 10px 10px; background: #FFFFFF;}


/*info box vcard - added by Chris Murton 14/08/07*/
.vcard		{color:#444; font-weight:normal; padding:0pt 0pt 10px 0pt;}
.info_boxx .vcard { padding:5px 0pt 10px 10px; border-left: 2px solid #FF6699; border-right: 2px solid #FF6699;  border-bottom: 2px solid #FF6699; margin: 0 0 -2px 0; background-color:#FFFFFF; line-height: 150%;}
.vcard .fn, .vcard .email	{color:#444;}
.vcard .fn	{font-size:120%; line-height: 120%;}
.vcard .role	{padding: 10px 0 0 0; font-size: 1.1em  }
.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 -2px 0; padding: 0.5em 0 0.5em 0.5em; border-left: 2px solid #FF6699; border-right: 2px solid #FF6699; border-bottom: 2px solid #FF6699; }
.info_boxx li      {font-size: 70%; margin: 0; padding: 0; color: #444}
.info_boxx h3		{font-weight: normal; font-size: 1em}
.info_boxx a       {color: #444; text-decoration: underline; }
.info_boxx a:hover {color: #F69; text-decoration: none}

.info_boxx h2 span {display: block; padding: 0.72em; border: 2px solid; margin-bottom: -2px; margin-top: -2px}
.info_boxx h2 span.top {margin-top: 0;}

/*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: #444; 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: #444; text-decoration: underline;}
.list_container a:hover {color: #F69; text-decoration: none}

/*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: #444; list-style: none;}
.generic_list a {color: #444; text-decoration: underline;}
.generic_list a:hover {color: #F69; text-decoration: none}
.generic_list h2 {font-size: 1em; padding: 5px 0;}



/*list for site map*/
#container #site_map ul ul li{list-style-type: none; font-size: 1em;}

#site_map ul ul li a		{font-weight: normal;}
#container #site_map ul ul 	{padding-bottom: 1em; }
#site_map ul li a			{font-weight: bold;}
#site_map ul li 			{list-style-type: none;}
#site_map ul 				{margin: 0;}

/*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      {margin: 0 0 .8em 0}
.faq_index_list li      {margin: 0; padding: 0; line-height: 160%; color: #444;}
.faq_index_list a       {color: #444; text-decoration: underline;}
.faq_index_list a:hover {color: #F69; text-decoration: none}


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

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

/*this is the css for the deffinition list in the list on the media centre page*/
dt {color: #069; font-weight:bold; margin:1.5em 0pt 1em; padding:0pt;}
dd {color:#444; margin:-2.7em 0pt 0.8em 7.5em; padding:0pt;}

.clear {clear:both}

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



/*no Javacript div in the bottom footer*/
#no_script	{float: left; font-size: 0.8em; color: #000; display: block; width: 22em; margin: 0 0 0 6em}



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

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

/* Style to fix problems when using the site studio site manager fragment - fixes the navigation items */
#ssm_body_left {text-align: left;}

/* css for the embeded JSP pages==============================================================*/
.errortxt	 	{font: bold 11px verdana; color:#F00;}
.bldturq11 		{font: bold 11px verdana; color:#069; text-decoration:none;}
.select1col 	{font-size: 11px; color:#000; width:208px;}
.input1col 		{font-size: 11px; color:#000; width:206px;}
.greyaux 		{font-size: 10px;}

/*Feedback classes*/
.blueaux4 		{font: 11px verdana; color:#444; font-weight:bold;}
#container .disc_bullets 	{list-style-type: disc; margin: 0 0 0 35px; color: #444; padding: 0 0 10px 0; }
#container .bullet_points 	{line-height:130%; list-style-type: disc;background:#FF0000; }

/* ======================== css for new navigation ============================ */

ul#nav { background:#FF6699 url(../images/car_concept.jpg) no-repeat bottom center;  padding: 0 0 133px 0; line-height: 1.6em; margin: 20px 0 0 0; width:13em;}
ul#nav * {padding: 0; margin: 0; color: #FFF;}
ul#nav ul {background-color:#FFECF2; border: 1px solid #FF6699; margin-bottom: -1px; padding: 0}
ul#nav ul ul {border: none;}
ul#nav li{ list-style-type: none; font-size: 1em; font-weight: bold;  border-bottom: 1px solid #fff;}
ul#nav li li{ list-style-type: none; font-size: 0.95em; padding: 0 0 0 10px; border: none;}
ul#nav li li li{ list-style-type: none; font-size: 1em; font-weight: normal; padding: 0 0 0 7px; }
ul#nav .top_menu { display:block; padding: 0 0 0 10px; line-height:1.8em; height: 1.8em;  }
ul#nav .first {background: transparent url(../images/concept_top_left.gif) no-repeat top left; }
ul#nav .first .top_menu { background: transparent url(../images/concept_top_right.gif) no-repeat top right; } 
ul#nav a {text-decoration:none; color: #21617C} 
ul#nav a.top_menu  { color: #FFFFFF}
ul#nav a.current{ color: #FF6699;}
ul#nav a.top_menu:hover { color: #21617C;}
ul#nav li.current a.top_menu { color: #21617C;}
ul#nav li.current a.top_menu:hover { color: #FFFFFF;}
ul#nav li.current a { color: #FF6699;}
ul#nav li.current ul li a { color: #21617C}
ul#nav li.current ul li a:hover, ul#nav li a:hover { color: #FF6699}
ul#nav li.current {border:none;}


 

/* ================================= new footer with drop shadow ============================== */

#footer { clear:both; background: transparent url(../images/footer.gif) repeat-x center bottom;}

#left_wrap {width: 50%; float: left; background: transparent url(../images/footer.gif) repeat-x left bottom; padding: 0; margin:0;}

#right_wrap {width: 40%; float:right; background: transparent url(../images/footer.gif) repeat-x right bottom; padding: 0; margin:0; text-align: right;}

#right_wrap ul { background: transparent url(../images/bottom_right.gif) no-repeat right bottom; margin: 0;}

.clear {clear:both;}

#right_wrap ul {margin: 0; padding: 0.4em 25px 1.6em 0pt; height: 1.2em;}

* html #right_wrap ul {padding: 0.4em 25px 0.8em 0;}

#footer #left_wrap ul {list-style-image:none; list-style-position:outside; list-style-type:none; background: transparent url(../images/bottom_left.gif) no-repeat left bottom; padding:0.4em 0 1.6em 25px; height: 1.2em; margin: 0; color: #FFFFFF;}

* html #footer #left_wrap ul { padding: 0.4em 0 1.2em 25px;}

#footer li {display:inline}


#footer li a, #footer p, #header ul a{ font-family: Verdana, Arial, Helvetica, sans-serif ; font-weight:bold; text-decoration:none; color: #FFFFFF;}

#right_wrap img {border:none; margin: -3px 0 0 0;}

#footer #right_wrap a:hover {border:none;}

/* breadcrumb styling */
p#breadcrumb { padding: 2em 0 0 0;}
p#breadcrumb, p#breadcrumb a {color: #FF6699;}
p#breadcrumb a:hover {color:#444;}

/* header */

#header {background:#FF6699 url(../images/top_right.gif) no-repeat right top;}
#header ul {background:#FF6699 url(../images/top_left.gif) no-repeat left top; padding: 5px 0 5px 20px; margin:0; width: 50%; height:1.9em;}
#header ul li {display:block; padding-right:20px; float:left;}

#footer li a:hover, #header ul a:hover {border-bottom: 1px solid #FFFFFF;}	
/* CSS Document */

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

/*10/02/2009 Added for Assumptions page*/
#sw-assumptions #container              {background: #FFF url(../images/right_bg.gif) repeat-y scroll right top}
#sw-assumptions #inner                  {background: url(../images/left_bg.gif) repeat-y scroll left top; margin-bottom: -10px; padding-bottom: 10px}
#sw-assumptions h1, #sw-assumptions h2, #sw-assumptions h3, #sw-assumptions p, #sw-assumptions ul       {margin-left: 20px; padding-right: 30px}
#sw-assumptions h1                              {margin-top: 25px}
#sw-assumptions #logo                   {text-indent: -999em; display: block; width: 715px; height: 45px; background: url(../images/sw_logo.jpg) no-repeat left top; margin: 15px}
#sw-assumptions #right_wrap img {color: #000; font-weight: 400}
#sw-assumptions #header                 {height: 33px; background: #F69 url(../images/top_right.gif) no-repeat right top;}
#sw-assumptions #footer ul				{margin-left: 0; height: 14px}
* html #sw-assumptions #footer					{height: 40px}
.top-left-corner                        {background: transparent url(../images/top_left.gif) no-repeat scroll left top; display: block; height: 33px; width: 50px}
.btm-left-corner                        {background: transparent url(../images/bottom_left.gif) no-repeat scroll left bottom; display: block; height: 37px; width: 50px; float: left}

/*10/02/2009 Added for Error page*/
body#tech-fault                 {background: #FFF}
#tech-fault #wrap               {background: none; width: 46em; text-align: center; min-height: 20em; margin: 10px auto; position: relative}
#tech-fault #container          {background: none; width: 100%; border: 1px solid #F69; margin-top: 20px; text-align: center; min-height: 20em}
#tech-fault h2                  {font-size: 1.4em; line-height: 4em; text-align: left; margin: 20px; margin-bottom: 10px; clear: both; color:#F69; padding: 0}
#tech-fault p                   {font-size: 1.1em; line-height: 2em; text-align: left; color: #000; margin-left: 20px; padding-right: 10px}
#tech-fault a                   {text-decoration: underline; color: #F69}
#tech-fault a:hover             {text-decoration: none; color: #000}
h1#logo                         {margin: 0; padding:0; text-indent: -999%; position: relative; left: 0; top: 7px; background: url(../images/sw_logo.jpg) no-repeat; width: 757px; height: 50px;}

#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:55em; text-align:left; margin:auto}
#no_script p + p 	{font-weight: 400}

/* Adobe Reader Icon */
#sw-assumptions #adobereader	{margin:10px 30px; display:inline-block;}