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

body { behavior:url("/css/csshover3.htc"); }

.nav ul, .nav li, .nav a { list-style: none; display:block; margin:0; padding:0; border:0; font-family:arial,tahoma,verdana,helvetica;	font-size:12px;}

.nav .subitems ul { width:140px; list-style:none; }
.nav .subitems ul ul {	width:180px; border:1px solid #9d9da1; background:white; list-style:none; padding: 4px;	}

.nav .subitems li { position:relative; padding:1px; }
.nav .subitems li.folder ul { position:absolute; left:120px; /* IE */ top:5px; }		
.nav .subitems li.folder>ul { left:120px; } /* others */

.nav .toplevel .subitems a {	padding:2px 2px 2px 3px; border-bottom: 1px dashed #ccc; text-decoration:none; color:gray; font-weight:bold; width:100%; /* IE */}
.nav .toplevel .subitems li>a { width:auto; } /* others */
.nav .subitems a:hover { background-color:#ccc; color:black;	}
.nav .subitems li.folder a:hover { background-color:#ccc; }

.nav .subitems li.folder:hover { background-color:#ccc; }
.nav .subitems li.folder:hover a {color:black;}
.nav .subitems li.folder:hover li a {padding:3px; color:gray;}
.nav .subitems li.folder:hover li a:hover {color:black;}

.nav .subitems, 
.nav .subitems ul ul, 
.nav .subitems li:hover ul ul { display:none;}

.nav .toplevel li:hover .subitems, 
.nav .toplevel .subitems li:hover ul, 
.nav .toplevel .subitems li:hover li:hover ul { display:block; }

ul.menu1 { width: 144px; float: left; padding: 5px 7px 7px; background-color: white; }
ul.menu2 { width: 144px; float: left; padding: 5px 7px 7px; background-color: white; }
ul.menu3 { width: 164px; float: left; padding: 5px 7px 7px; background-color: white; }
ul.menu4 { width: 144px; float: left; padding: 5px 7px 7px; background-color: white; }
ul h4 { margin: 0 0 5px 2px; color: #773321; text-transform: uppercase; font-size: 12px; }
ul h4 a { color: #2e6739 !important;}
ul h4 a:hover { color: #2e6739 !important; background-color:transparent !important; cursor:default !important;}

.nav .subitems { border: 3px solid #fff; padding-bottom: 4px; background-color: #fff; }
.ul3columns { width: 620px; }

.nav .toplevel { margin: 0; padding: 0; z-index: 2500;}
.nav .toplevel li { z-index:4000; }
.nav .toplevel li.folder:hover { z-index:5000;}
.nav .toplevel li .subitems li { z-index:9000; }
.nav .toplevel li .subitems li.folder:hover { z-index:10000;}

.toplevel li { position:relative; }
.toplevel li.folder ul.subitems { position:absolute; left:0px; /* IE */ top:46px; }		
.toplevel li.folder>ul.subitems { left:0px; } /* others */

.clear { clear: both; }
#productcontainer { float: left; width: 118px; padding-top: 3px; }
#communitycontainer { float: left; width: 135px; padding-top: 3px; }
#newscontainer { float: left; width: 201px; padding-top: 3px; }
#supportcontainer { float: left; width: 107px; padding-top: 3px; }
#shopcontainer { float: left; width: 122px; padding-top: 3px; }

.nav a.products, .nav a.community, .nav a.news, .nav a.support, .nav a.shop { display: block; text-decoration: none; margin: 0; padding: 0; height: 46px; text-indent: -9999px; cursor: pointer;  }
a.products { width: 118px; background: url(/images/products.png) no-repeat left bottom;}
a.products:hover{ width: 118px; background: url(/images/products_over.png) no-repeat left bottom; }
a.community { width: 135px; background: url(/images/community.png) no-repeat left bottom; }
a.community:hover{ width: 135px; background: url(/images/community_over.png) no-repeat left bottom; }
a.news { width: 201px; background: url(/images/news_resources.png) no-repeat left bottom; }
a.news:hover { width: 201px; background: url(/images/news_resources_over.png) no-repeat left bottom; }
a.support { width: 107px; background: url(/images/support.png) no-repeat left bottom; }
a.support:hover{ width: 107px; background: url(/images/support_over.png) no-repeat left bottom; }
a.shop { width: 122px; background: url(/images/shop_now.png) no-repeat left bottom; }
a.shop:hover{ width: 122px; background: url(/images/shop_now_over.png) no-repeat left bottom; }


/*sub nav */
.sub ul{
float: right; 
margin: 0;
padding: 0;
font: bold 11px Arial, Helvetica, sans-serif;
list-style-type: none;
width: 500px;
}

.sub li{
display: inline;
margin: 0;
text-align: left; 
}

.sub li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 12px 5px; /*padding inside each tab*/
color: #FFF;
text-transform: uppercase;
line-height: 23px;
}

.sub li a:hover,.sub li a:visited, .sub a.selected {
color: white;
}

.sub li a:hover { text-decoration: underline; }