#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;

	text-align:left;
}

#nav li a { width:100px; margin:0px; height:26px; padding-top:8px; text-decoration:none;}
#nav ul li a { width:200px;}
#nav ul li li a { height:20px; width:200px;}


#nav a {
	display: block;
	width: auto;
	color:White;
}

#nav li { /* all list items */
	float: left;
	width: 100px; /* width needed or else Opera goes nuts */
	background-image:none;
	padding:0;
}
#nav li a {	text-align:center; font-weight:bold;}
#nav li li a { text-align:left;}

/* top level hover */
#nav li:hover {background:url(img/bgMenu_hover.png) #666 top left repeat-x;}
#nav li ul li {background:url(img/bgSubMenu.png) #999 top left no-repeat; width:195px;}

#nav li ul { /* second-level lists */
	position: absolute;
	background: transparent;
	width: 200px;
	padding:4px 10px 10px 0px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	z-index:999;
	text-align:left;
}

#nav li li { height:29px; width:200px; padding:0px 0 0 10px; margin:0; text-align:left;}
#nav li li li {margin-bottom:0px;}
#nav li li a {height:23px; margin:0; padding:6px 0 0 0; border:0px solid green; overflow:visible; display:block; line-height:normal; font-weight:normal; }
#nav li li li {padding:0; margin:0; z-index:99999}
#nav li li li a {padding-left:10px;}
#nav li li li a:hover{background:url(img/bgSubMenu.png) #333 top left no-repeat; color:White; width:185px;}

#nav li ul ul { /* third-and-above-level lists */
	margin: -2.2em 0 0 195px;
	padding:0px;
	z-index:99999;
	display:block
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

/* General nav dropdown styes */
#nav li ul li ul li {background-color:#666; background-image:none;}
#nav li ul li {background-color:#666;}
#nav li ul li:hover {background-image:none;}


/* widths of top level
#nav li#products {width:80px; margin-right:20px; border:1px solid green;}
#nav li#products a {display:table;}
#nav li#services {width:80px; margin-right:20px; border:1px solid red;} */

/*  products colour coding */

#nav #products ul li.temporarywarning ul li {background-color:#E98125; background-image:none;}
#nav #products ul li.temporarywarning {background-color:#E98125;}
#nav #products ul li.temporarywarning:hover {background-image:none;}

#nav #products ul li.permanentwarningsigns ul li {background-color:#F6E600; background-image:none; color:Black}
#nav #products ul li.permanentwarningsigns {background-color:#F6E600;}
#nav #products ul li.permanentwarningsigns:hover {background-image:none; color:Black}
#nav #products ul li.permanentwarningsigns a:hover { color:Black;}
#nav #products ul li.permanentwarningsigns ul li a {color:#333;}
#nav #products ul li.permanentwarningsigns ul li a:hover {color:White;}

#nav #products ul li.regulatorygeneral ul li {background-color:#2B92CD; background-image:none;}
#nav #products ul li.regulatorygeneral {background-color:#2B92CD;}
#nav #products ul li.regulatorygeneral:hover {background-image:none;}

#nav #products ul li.trafficmgmttemporary ul li {background-color:#E88924; background-image:none;}
#nav #products ul li.trafficmgmttemporary {background-color:#E88924;}
#nav #products ul li.trafficmgmttemporary:hover {background-image:none;}

#nav #products ul li.trafficmanagementhire ul li {background-color:#410D7C; background-image:none;}
#nav #products ul li.trafficmanagementhire {background-color:#410D7C;}
#nav #products ul li.trafficmanagementhire:hover {background-image:none;}

#nav #products ul li.signsupports ul li {background-color:#8788B7; background-image:none;}
#nav #products ul li.signsupports {background-color:#8788B7;}
#nav #products ul li.signsupports:hover {background-image:none;}

#nav #products ul li.markersdelineation ul li {background-color:#FCB63E; background-image:none;}
#nav #products ul li.markersdelineation {background-color:#FCB63E;}
#nav #products ul li.markersdelineation:hover {background-image:none;}
#nav #products ul li.markersdelineation a:hover { color:Black;}
#nav #products ul li.markersdelineation ul li a {color:#333;}
#nav #products ul li.markersdelineation ul li a:hover {color:White;}

#nav #products ul li.carparksolutions ul li {background-color:#C12126; background-image:none;}
#nav #products ul li.carparksolutions {background-color:#C12126;}
#nav #products ul li.carparksolutions:hover {background-image:none;}

#nav #products ul li.heavytransport ul li {background-color:#A5CA7C; background-image:none;}
#nav #products ul li.heavytransport {background-color:#A5CA7C;}
#nav #products ul li.heavytransport:hover {background-image:none;}
#nav #products ul li.heavytransport a:hover { color:Black;}
#nav #products ul li.heavytransport ul li a {color:#333;}
#nav #products ul li.heavytransport ul li a:hover {color:White;}

#nav #products ul li.generalinformation ul li {background-color:#999; background-image:none;}
#nav #products ul li.generalinformation {background-color:#999;}
#nav #products ul li.generalinformation:hover {background-image:none;}
#nav #products ul li.generalinformation a:hover { color:Black;}
#nav #products ul li.generalinformation ul li a {color:#333;}
#nav #products ul li.generalinformation ul li a:hover {color:White;}


#nav #products ul li.fixingsystemssignsupport ul li {background-color:#8788B7; background-image:none;}
#nav #products ul li.fixingsystemssignsupport {background-color:#8788B7;}
#nav #products ul li.fixingsystemssignsupport:hover {background-image:none;}



#nav #products ul li.markingsystemsdelineation ul li {background-color:#FCB63E; background-image:none;}
#nav #products ul li.markingsystemsdelineation {background-color:#FCB63E;}
#nav #products ul li.markingsystemsdelineation:hover {background-image:none;}
#nav #products ul li.markingsystemsdelineation a:hover { color:Black;}
#nav #products ul li.markingsystemsdelineation ul li a {color:Black;}
#nav #products ul li.markingsystemsdelineation ul li a:hover {color:White;}