#nav {clear:left;float:left;margin:12px 0px 0px 0px; font-weight:normal;font-size: 0.8em;padding-right:0px;height:20px;width:720px;}
#nav ul {float:left;margin:0; 	list-style:none;padding:0px 10px 0px 0px;}
#nav a {float:left;display:block;color:#fff;padding:3px 10px 0px 0px; background:#fff url("navtab.jpg") no-repeat 100% 0px;}
#nav li {float:left;background:#fff url("navtab.jpg") no-repeat top left; margin:0px 1px; padding:0px 0px 0px 8px; height:20px;} 
#nav li.selected {background:#fff url("navtab.jpg") no-repeat bottom left;} 
#nav a.selected {color:#ee0000;background:#fff url("navtab.jpg") no-repeat 100% -20px;}
#nav a:hover {color:#FF6600;}
#nav img {float:left; margin:1px 0px 0px -14px; z-index:100;}

#subnav {clear:left;float:left;margin:0px 0px 0px -2px; font-weight:normal;font-size: 0.90em;padding-right:0px;height:20px;}
#subnav ul {margin:0; 	list-style:none;padding:0px 10px 0px 0px;}
#subnav a {float:left;display:block;color:#eee;padding:0px 8px 1px 8px; background-color:#000;}
#subnav li {float:left;background-color:#222; margin:0px 0px 0px 0px; padding:0px 0px 0px 2px; height:20px;} 
#subnav li.selected {background-color:#ff6600;}
#subnav a.selected {color:#ff6600;}
#subnav a:hover {color:#ff6600;}


#footer {float:left;font-size:0.7em;margin:0px; padding:0px 0px 10px 0px;width:100%;color:#666; background-color:#000;}
#footer p {color:#888888; text-align:center;}
#footer a {color:#999999;}
#footer a:hover {color:#333;}
#footer a.selected {color:#a8d024;}

.barstart {background-color:#000;width:10px;height:20px;}
.barend {background-color:#000;width:10px;height:20px;}
.barcentre {background-color:#000;width:10px;height:20px;}

#catblock {float:left;}
#catmenu {clear:left;float:left;background-color:#ffffff; min-height:120px;}
.catmenuhead {font-size:1.2em; color: #a8d024; letter-spacing:-0.04em; font-weight:normal; background-color:#000;}
.brand {float:left; padding:2px 0px 2px 4px;height:18px;}
.brand img {padding:0px 1px 0px 4px;}
.brandstart {clear:left;float:left; padding:2px 0px 2px 4px;height:18px;}
.arrow {padding:0px;}
.arrowrgt {display:block;background:url("arrow_right.png") left top no-repeat;}
.downrow {display:block;background:url("downrow.png") left top no-repeat;}
.brandname {color:#333333; font-size:0.8em;font-family:Arial, Helvetica, sans-serif; letter-spacing:-0.02em; vertical-align:middle; padding:0px 0px 6px 0px; white-space:nowrap;}
.branddead {color:#aaaaaa; font-size:0.8em;font-family:Arial, Helvetica, sans-serif; letter-spacing:-0.02em; vertical-align:middle; padding:0px 0px 6px 0px; white-space:nowrap;}
.headbrandname {color:#222; font-size:1.0em;font-weight:800;font-family:Arial, Helvetica, sans-serif; letter-spacing:-0.02em; vertical-align:middle; padding:0px 0px 6px 0px; white-space:nowrap;}
.headbranddead {color:#aaaaaa; font-size:1.0em;font-weight:800;font-family:Arial, Helvetica, sans-serif; letter-spacing:-0.02em; vertical-align:middle; padding:0px 0px 6px 0px; white-space:nowrap;}
.bbold {font-size:0.9em;font-weight:800;}
.brand a:hover {color: #888;text-decoration:underline;cursor:pointer;}
.brandstart a:hover{color: #004400;text-decoration:underline;cursor:pointer;}
.branddead a:hover {color:#aaaaaa;}
.brandname a:hover{color:#004400;}
.headbranddead a:hover {color:#aaaaaa;}
.headbrandname a:hover{color:#004400;}
.catselect {color:#ff4400;font-weight:bold;text-decoration:underline;}	/*728b34;}*/
.catrule1 {clear:left;float:left;width:100%; background:#a8d024 url("green.jpg") repeat-x 100% top;}	/*background-color:#aac070;}*/
.catrule1 a {color:#000;}
.catrule1 a:hover {color:#fff}
.catrule1 .catselect {color:#ffffff;font-weight:bold;}
.catrule1 h1 {}
.catrule2 {clear:left;float:left;width:100%;  background:#a8d024 url("grey.jpg") repeat-x 100% top;}
.catrule2 a {color:#eee;}
.catrule2 a:hover {color:#ff6600}
.catrule2 .catselect {color:#ff6600;font-weight:bold;}


.modelfly {position:absolute;background-color:#000; color:#fff;display:none;top:0px;left:0px;z-index:200;font-size:0.8em;}

#vinfo{clear:both; width:auto;}
#vinfo img {padding:0px;margin:0px;background-color:#000;}
.vtext {font-size:0.7em; padding-right:0px;}

.listmenu {position:absolute;top:10px;left:10px;border:0px;display:none;}
.listmenu ul {margin:0px;}
.listmenu li {float:left;position:relative;list-style-type:none;}
.listmenu li:first-child {border-left:1px solid #fff;}
.listmenu li:hover {color:#000;} /*background of the menu items */

.modelhead {font-weight:bold;color:#000;}

/*#listmenu a {display:block; padding:0px;text-decoration:none;	color:#000;}*/
/*.listmenu a:hover {color:#ff9900;}*/

/* drop-down*/
.listmenu ul li ul {margin:0px;
	z-index:100 !important; /* 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:150px; /*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:150px; /* 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:2px .5em ;background:#a8d024 url("green.jpg") no-repeat 100% top; color:#000000;display:block;font-size:0.70em;z-index:110;}
.listmenu ul li ul li a.dead {padding:2px .5em ;background:#a8d024 url("green.jpg") no-repeat 100% top; color:#aaa;display:block;font-size:0.70em;z-index:110;}
.modelclose {float:right;padding:0px 5px 0px 0px;color:#000000;cursor:pointer;}

.listmenu ul li ul li a:hover { color:#fff;}
.listmenu ul li ul li.modelhead a:hover {color:#000;}

.listmenu ul li ul li:first-child {margin:0px 0px 0px 0px;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:150px;
	}
.listmenu ul li ul li:hover ul {visibility:visible;} /* same effect as display:block in this situation */

/* second level popouts start here*/
.listmenu ul li ul li ul li {width:200px;}
.listmenu ul li ul li ul li a {padding:2px .5em;	background:#666 url("grey.jpg") no-repeat 100% top; color:#fff;display:block;}
.listmenu ul li ul li ul li a:hover { color:#ff9900;position:static;}
.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 */
	}