@charset "utf-8";
/* CSS Document */

/* top menu 69px */
#nav {padding: 111px 0 0 0; margin: 0; list-style:none; height:30px; position:relative; z-index:300; width:971px;}
#nav li.top6 {display:block; float:left; width:69px;}
#nav li.top6 a {display:block; float:left; height:30px; width: 69px; text-decoration:none; padding:0; cursor:pointer;}
#nav li.top6 a b {margin-left:-9999px;}

/* top menu 96px */
#nav {padding: 111px 0 0 0; margin: 0; list-style:none; height:30px; position:relative; z-index:300; width:971px;}
#nav li.top {display:block; float:left; width:96px;}
#nav li a {display:block; float:left; height:30px; width: 96px; text-decoration:none; padding:0; cursor:pointer;}
#nav li a b {margin-left:-9999px;}

/* top menu 94px */
#nav .sub2 {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
#nav li.top2 {display:block; float:left; width:94px;}
#nav li.top2 a {display:block; float:left; height:30px; width: 94px; text-decoration:none; padding:0; cursor:pointer;}
#nav li.top2 a b {margin-left:-9999px;}

/* top menu 148px */
#nav .sub3 {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
#nav li.top3 {display:block; float:left; width:148px;}
#nav li.top3 a {display:block; float:left; height:30px; width: 148px; text-decoration:none; padding:0; cursor:pointer;}
#nav li.top3 a b {margin-left:-9999px;}

/* top menu 89px */
#nav .sub4 {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
#nav li.top4 {display:block; float:left; width:89px;}
#nav li.top4 a {display:block; float:left; height:30px; width: 89px; text-decoration:none; padding:0; cursor:pointer;}
#nav li.top4 a b {margin-left:-9999px;}

/* top menu 109px */
#nav .sub5 {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
#nav li.top5 {display:block; float:left; width:109px;}
#nav li.top5 a {display:block; float:left; height:30px; width: 109px; text-decoration:none; padding:0; cursor:pointer;}
#nav li.top5 a b {margin-left:-9999px;}

/* bg images for top level nav */
#nav li a.home {background: url(images/home-off.gif);}
#nav li a.about {background: url(images/about-us-off.gif);}
#nav li a.products {background: url(images/products-off.gif);}
#nav li a.application {background: url(images/application-data-off.gif);}
#nav li a.services {background: url(images/services-off.gif);}
#nav li a.contact {background: url(images/contact-off.gif);}

#nav li:hover a, #nav a:hover {background-position: 0 90px; position:relative;}

#nav table {
    position:absolute; 
	top:0; 
	left:0; 
	border-collapse:collapse; 
	padding:0; 
	width:0; 
	height:0; 
	margin:-1px;}


/* short sub menu 74px */
#nav .sub {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:-2px 0 0 0; padding:0; list-style:none; z-index:300;}

#nav li:hover {position:relative; z-index:200;}
#nav a:hover {position:relative; white-space:normal; z-index:200;}

#nav :hover ul.sub {
    left:0; 
	top:32px; 
	background: #f2f0ef; 
	width:74px; 
	height:auto; 
	z-index:300;}
	 
#nav :hover ul.sub li {
    display:block; 
	height:30px; 
	position:relative; 
	float:left; 
	width:74px; 
	font-weight:normal;}
	
#nav :hover ul.sub li a {
    display:block; 
	height:30px; 
	width:74px; 
	border:1px solid #888; 
	border-color:#ddd #888 #000 #ccc; 
	text-decoration:none; 
	padding:0; 
	cursor:pointer;}

#nav :hover ul.sub li a b {position:absolute; left:-9999px; margin:0;}	

#nav :hover ul.sub li a:hover {background-position: 0 50px; position:relative;}

#nav :hover ul.sub li a:hover b {
    left:0; 
	top:0; 
	background:#fff; 
	color:#000; 
	display:block; 
	width:74px; 
	height:20px; 
	text-align:center; 
	font-size:12px; 
	line-height:18px;}
	
	
/* wide sub menu 101px*/

#nav .sub3 {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:-2px 0 0 0; padding:0; list-style:none;}

#nav :hover ul.sub3 {
    left:0; 
	top:32px; 
	background: #f2f0ef; 
	width:142px; 
	height:auto; 
	z-index:300;}
	 
#nav :hover ul.sub3 li {
    display:block; 
	height:33px; 
	position:relative; 
	float:left; 
	width:142px; 
	font-weight:normal;}
	
#nav :hover ul.sub3 li a {
    display:block; 
	height:33px; 
	width:142px; 
	text-decoration:none; 
	padding:0; 
	cursor:pointer;}
	
#nav :hover ul.sub3 li a b {position:absolute; left:-9999px; margin:0;}

#nav :hover ul.sub3 li a:hover {background-position: 0 99px; position:relative;}

#nav :hover ul.sub3 li a:hover b {
    left:-9999px; 
	top:0;  
	display:block; 
	width:162px; 
	height:33px; 
	text-align:center; 
	font-size:12px; 
	line-height:18px;}	


/* wider sub menu 162px*/

#nav .sub2 {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:-2px 0 0 0; padding:0; list-style:none;}

#nav :hover ul.sub2 {
    left:0; 
	top:32px; 
	background: #f2f0ef; 
	width:162px; 
	height:auto; 
	z-index:300;}
	 
#nav :hover ul.sub2 li {
    display:block; 
	height:33px; 
	position:relative; 
	float:left; 
	width:162px; 
	font-weight:normal;}
	
#nav :hover ul.sub2 li a {
    display:block; 
	height:33px; 
	width:162px;  
	text-decoration:none; 
	padding:0; 
	cursor:pointer;}
	
#nav :hover ul.sub2 li a b {position:absolute; left:-9999px; margin:0;}

#nav :hover ul.sub2 li a:hover {background-position: 0 99px; position:relative;}

#nav :hover ul.sub2 li a:hover b {
    left:-9999px; 
	top:0;  
	display:block; 
	width:162px; 
	height:33px; 
	text-align:center; 
	font-size:12px; 
	line-height:18px;}


/* bg-images for buttons on drop downs */	

#nav :hover ul li a.powerline {background: url(images/powerline-off.gif);}
#nav :hover ul li a.contractors {background: url(images/contractors-range-off.gif);}
#nav :hover ul li a.timberfix {background: url(images/timberfix-off.gif);}
#nav :hover ul li a.furniture {background: url(images/furniture-off.gif);}
#nav :hover ul li a.solar {background: url(images/solar-off.gif);}
#nav :hover ul li a.ferrotek {background: url(images/ferrotek-off.gif);}
#nav :hover ul li a.heco {background: url(images/heco-off.gif);}
#nav :hover ul li a.mungo {background: url(images/mungo-off.gif);}
#nav :hover ul li a.pvc {background: url(images/pvc-off.gif);}
#nav :hover ul li a.powertool {background: url(images/power-tool-off.gif);}