body {margin:0px;padding:0px;text-align: left;font-family:verdana, tahoma, helvetica, sans-serif;font-size:100.01%;background: #fff; behavior: url(csshover.htc);}

* {margin:0; padding:0;} 

html, body, ol, h1, h2, h3, h4, h5, h6, p, form, fieldset, dl, dt, dd {
	margin: 0;padding: 0;font-family:verdana, tahoma, helvetica, sans-serif;}

input {font-size:14px;}
select {font-size:14px;z-index:2;}

a {text-decoration: none;}
a:link {text-decoration: none;}

#wrapper {width:762px;margin:0px auto 50px auto;font-size:0.90em;} 

#header {position: relative;}
#header #logo {height: 104px;width: 760px;}
#logo span {background: #5A606F url(images/greylogo.jpg) top left no-repeat;	position:absolute;width: 760px;height: 104px;top:0px; left:0px;z-index: 1;}
#header img {border: none; margin: 0;}
#header p.white1 {color:#fff; font-size:1.8em;font-weight:lighter;position:absolute; top:6px; left:200px;}
#header p.white2 {color:#fff; font-size:1.2em;font-weight:bold;position:absolute; top:36px; left:270px;}
#header p.white3 {color:#fff; font-size:1.2em;font-weight:bold;position:absolute; top:58px; left:490px;}
#header p.black {color:#000000; font-size:0.80em;font-weight:bolder;position:absolute; top:84px; left:200px;}

.textnav {color:#fff; font-size:0.70em;position:absolute; top:2px; left:450px;}
.textnav a {color:#fff;}
.textnav a:hover {color:#ff9900;}

.formtext {font-size:16px;}

#nav {z-index: 101;height:24px; top: 30px; right:0px;font:bold 0.8em Verdana, Geneva, Arial, Helvetica, sans-serif;
	background: transparent url(images/tab.jpg) repeat-x left bottom;
	width:644px;float:right;}

#nav ul {margin:0; 	list-style:none;padding:0px 10px 0px 0px;}
#nav a, #nav strong, #nav span {float:right;display:block;color:#fff;padding:8px 20px 3px 11px; 
	background: url(images/tab.jpg) no-repeat 100% 0px;
	text-decoration:none}

/* Commented Backslash Hack
     hides rule from IE5-Mac \*/
#nav a {float:none;}
/* End IE5-Mac hack */

#nav li {float:right;background:url(images/tab.jpg) no-repeat 0px 0px; margin:0; padding:0 0 0 5px;}
#nav #current {color:#FF9900;}
#nav #current a {color:#FF9900;padding:8px 20px 3px 11px;}
#nav a:hover {color:#FF9900;}

#suvpic {float:left; width:400px; height:312px;background: url(images/bluesuv.jpg) no-repeat 100% top;}
#sales {float:right; margin-top:141px; width:120px; height:171px; background: url(images/saleslady.jpg);}

#footer {float:none; margin: 0px auto; width:762px; text-align:right; padding-right: 40px; margin-bottom: 10px;}
#footer a { color: #000000; font-size:0.76em; font-weight:600; padding-left: 20px;}
#footer a:hover { color: #FF9900; }
#footer ul li{ display: inline; list-style-type: none;}

#book {float:left;width: 760px;padding: 0;	margin: 0;border-left: 1px solid #A2ADBC;color:#616B76;	text-align: center;	background-color: #fff;}

#book th {font-weight: bold; font-size:0.70em;color: #616B76;background:#fff;border-right: 1px solid #A2ADBC;border-bottom: 1px solid #A2ADBC;border-top: 1px solid #A2ADBC;}

#book caption {margin: 0;padding:  4px 0 4px 0;background:#000 url(images/blackbar.jpg) no-repeat 100% 0px;color: #fff;font-weight: bold;font-size: 0.9em;}
#book td {border-right: 1px solid #A2ADBC;border-bottom: 1px solid #A2ADBC;	background:#D9E2E1;color:#111;font-size:0.76em;}
#book td a {font-weight: bold;text-decoration: none;color:#111;}
#book td a:hover {text-decoration: none;color:#fff;}
#book td.c0 {background:#FF9900;}
#book td.c1 {background:#BEC5BD url(suitability/suit1.jpg) no-repeat 100% top;}
#book td.c2 {background:#D0CBBF url(suitability/suit2.jpg) no-repeat 100% top;}
#book td.c3 {background:#BEC5BD url(suitability/suit3.jpg) no-repeat 100% top;}
#book td.c4 {background:#D0CBBF url(suitability/suit4.jpg) no-repeat 100% top;}
#book td.c5 {background:#BEC5BD url(suitability/suit5.jpg) no-repeat 100% top;}
#book td.c6 {background:#D0CBBF url(suitability/suit6.jpg) no-repeat 100% top;}
#book td.c7 {background:#D0CBBF url(suitability/suit7.jpg) no-repeat 100% top;}
#book td.c8 {background:#D0CBBF url(suitability/suit8.jpg) no-repeat 100% top;}
#book td.c9 {background:#D0CBBF url(suitability/suit9.jpg) no-repeat 100% top;}
#book td.w1 {background:#D9e2e1;}
#book td.v1 {background:#D3D4D8;}
#book td.v2 {background:#EBECEF;}
#book td.b-1 {background:#ffffff;}
#book td.b0 {background:#ff9900;}
#book td.b1 {background:#D9e2e1;}
#book td.b2 {background:#D0CBBF url(suitability/best_all_rounder.gif) no-repeat 100% top;}
#book td.b3 {background:#D0CBBF url(suitability/best_value.gif) no-repeat 100% top;}
#book td.d0 {background:#ff9900;}
#book td.d1 {background:#D9e2e1;}
#book td.d2 {background-color: #66CCFF;}
#book td.d3 {background-color: #66FF99;}
.dinky {font-size:10px;}

.basebar {float:left;width:760px; height:16px; background:#000 url(images/blackbar.jpg) no-repeat 100% bottom;}
.checkbar {float:left;width:760px; height:30px; background:#000 url(images/bottombar.jpg) no-repeat 100% top;text-align:right;padding:10px 0px 0px 0px;}
.checkbar a{display:inline;color:#FFFFFF;font-size:1.1em;font-weight:700;padding-right:16px; margin-top:16px;}
.checkbar a:hover {color:#ff9900;}

#logobar {float:none;margin:0px auto;width:760px; height:32px; background:url(images/logobar.gif) no-repeat 100% top;}

.dropbox {background-color:#CCCCCC;}
#book td.tyrename {font-size:0.90em;}
.clear {clear:both;}
#richtext textarea {width:651px;text-align: left;}

.formError {color:#ffaa00;}
.formOK {color:#333;}

#selectors {float:left;position:absolute; top:116px; left:40px;width:416px;padding:0px 0px; margin:0px 0px;}
#tselect {float:left;background:url(images/tselect.jpg); width:206px; height:100px;padding:0px 0px; margin:0px 0px;}
#tselect span {clear:both;position:relative;left:8px;top:12px;}
#vselect {float:left;background:url(images/vselect.jpg); width:206px; height:100px;padding:0px 0px; margin:0px 0px;}
#vselect span {clear:both;position:relative;left:8px;top:16px;}

.droppy {margin-right:5px;padding-right:5px; background-color:#ff9900;border:1px;}
.formbutton {border:1px; background-color:#333333; color:#FFFFFF; cursor:pointer;}

#rightpic {float:right; height:102px; width:336px; background: #fff url(images/rightpic.gif) no-repeat 100% top;}

/* horizontal menu*/
#listmenu {color:#fff;width:420px; float:left;border-top:1px solid #fff;border-bottom:1px solid #fff;	font-size:0.72em;}
#listmenu ul {margin:0 0 0 40px;}
#listmenu li {float:left;position:relative;width:184px;list-style-type:none;background-color:#ff9900; border-right:1px solid #fff;}
#listmenu li:first-child {border-left:1px solid #fff;}
#listmenu li:hover {color:#000;} /*background of the menu items */

#listmenu a {display:block; padding:40px 6px; background:url(images/tyretabcomp.jpg) no-repeat 100% top;text-decoration:none;	color:#000;}
#listmenu a.wheel {display:block; padding:40px 6px; background:url(images/wheeltabcomp.jpg) no-repeat 100% top;text-decoration:none;	color:#000;}
#listmenu a:hover {color:#ff9900;}

/* drop-down*/
#listmenu ul li ul {margin:0; 
	z-index:10; /* puts drop-down on top of div - Safari needs this as menu is 1px higher */
	position:absolute; /* positions the drop-down ul in relation to its relatively positioned li parent */
	width:184px; /*sets the width of the menu - in combo with the li's 100% width, makes the menu stack*/
	border-right:0; /* stops SCBs drops having two right borders - they inherit the border, IE doesn't */
	left:-1px; /*aligns the drop exactly under the menu */
	}
#listmenu ul li ul li {padding:0;
	width:184px; /* makes the list items fill the list container (ul) */
	border-left:1px solid #fff; /*  three sides of each drop-down item */
	border-bottom:1px solid #fff;
	border-right:1px solid #fff;}
#listmenu ul li ul li a {padding:1px .5em;	background:#ff9900 url(images/orange.jpg) no-repeat 100% top; color:#000000;}
#listmenu ul li ul li a:hover { color:#fff;}

#listmenu ul li ul li:first-child {
	border-top:1px solid #fff; /*the top edge of the dropdown */
	}
/* make the drop-down display as the menu is rolled over */
#listmenu ul li ul {display:none;} /* conceals the drop-down when menu not hovered */
#listmenu ul li:hover ul {display:block; } /* shows the drop-down when the menu is hovered */

/* pop-out starts here */
#listmenu ul li ul li ul  {
	position:absolute; 
	visibility:hidden; /* same effect as display:none in this situation */
	top:-1px;
	left:184px;
	
	}
#listmenu ul li ul li:hover ul {visibility:visible;z-index:100;} /* same effect as display:block in this situation */

/* second level popouts start here*/
#listmenu ul li ul li ul li a {padding:1px .5em;	background:#666 url(images/grey.jpg) no-repeat 100% top; color:#fff;}
#listmenu ul li ul li ul li a:hover { color:#ff9900;}
#listmenu ul li ul li:hover ul li ul {visibility:hidden;}
#listmenu ul li ul li ul li:hover ul {visibility:visible;} /* same effect as display:block in this situation */

/* THE HACK ZONE - */
/* hack for IE (all flavors) so the menu has a vertical line on the left */
* html #listmenu ul {
	float:left; /* makes the ul wrap the li's */
	border-left:1px solid #fff; /* adds the rightmost menu vertical line to the ul */
	margin-left:20px; /* IE doubles the given value above - why? */
	}

/* add a top line to drops and pops in IE browsers - can't read :first-child */
* html  #listmenu ul li ul {
	border-top:1px solid #fff;
	border-left:0px; /* stops the drop inheriting the ul border */
	}
/* the Tantek hack to feed IE Win 5.5-5.0 a lower value to get the pop-out to touch the drop-down */
* html  #listmenu ul li ul li ul { 
  left:183px; 
  voice-family: "\"}\""; 
  voice-family:inherit;
  left:184px;
  } 
/* and the "be nice to Opera" rule */
html>body #listmenu ul li ul li ul {
  left:184px;
} 

/* an Opera-only hack to fix a redraw problem by invisibly extending the ul */
/* the first-level drop stays open for 100px below the bottom but at least it works */
/* this can be reduced to as little as 22px if you don't have pop-outs */
/* the pop-out menu stays open for 22px below the bottom but at least it works */
	@media all and (min-width: 0px){
   body #listmenu ul li ul {padding-bottom:100px;}
   body #listmenu ul li ul li ul {padding-bottom:22px;}
   ul li ul li ul li ul li:hover {visibility:visible;} /* same effect as display:block in this situation */

   }
/*end Opera hack */
/* END OF HACK ZONE */