a img{border: none;}

div#navContainer div#NavBar {
	background-color: #fff;
	float: left;
	behavior: url(css/csshover.htc);
	font-family: "trebuchet ms", arial, helvetica;
	font-size: 11px; 
	text-align: left;
}

div#navContainer div#NavBar ul { 
	padding: 0px 0px 0px 15px;
	background-color: #fff;
	padding-left: 10px; 
}

div#navContainer div#NavBar ul {
	padding: 0 0 0 15px;
}

div#navContainer div#NavBar li {
	position: relative;
	margin: 0px;
	list-style-type: none;
	float: left;
	padding: 0px;
}


#navContainer {
	background-color: #fff;
	color: #000;
	}

div#navContainer div#NavBar li a {
	display: block;
	text-decoration: none;
	color: #000;
	width: auto;
	padding: 4px 0 4px 10px;
}

div#navContainer div#NavBar li:hover {
	color: #6faf82;
}

div#navContainer div#NavBar>ul a {
	width: auto;
}

div#navContainer div#NavBar ul ul {
	position: absolute;
	display: none;
	margin: 0px;
	padding: 0px;
}

div#navContainer div#NavBar ul ul li {
	clear: left;
}

div#navContainer div#NavBar ul ul li a:hover{
	text-decoration: none;
}

/*--------------------------------------------------------Drop Down Menus*/

div#navContainer div#NavBar ul.level1 li.firstItem:hover ul.level2, div#navContainer div#NavBar ul.level1 li.secondItem:hover ul.level2{
	display: block;
}
/*--------------------------------------------------------Category Item widths*/

div#navContainer div#NavBar .level1 .firstItem a, div#navContainer div#NavBar .level1 .secondItem a, div#navContainer div#NavBar .level1 .thirdItem a, div#navContainer div#NavBar .level1 .fourthItem a, div#navContainer div#NavBar .level1 .fifthItem a{ color: #333; font-weight: bold;}

div#navContainer div#NavBar .level1 .firstItem a:hover, div#navContainer div#NavBar .level1 .secondItem a:hover, div#navContainer div#NavBar .level1 .thirdItem a:hover, div#navContainer div#NavBar .level1 .fourthItem a:hover, div#navContainer div#NavBar .level1 .fifthItem a:hover{ color: #2c8fce; font-weight: bold;}

div#navContainer div#NavBar .level1 .firstItem, div#navContainer div#NavBar .level1 .secondItem, div#navContainer div#NavBar .level1 .thirdItem, div#navContainer div#NavBar .level1 .fourthItem {
	background-image: url(http://www.syntheticresources.com/images08/vertical.gif);
	background-position: 100% 50%;
	background-repeat: no-repeat;
	font-weight: bold;
}

div#navContainer div#NavBar .level1 .firstItem {width: 121px;}

div#navContainer div#NavBar .level1 .secondItem {width: 184px;}

div#navContainer div#NavBar .level1 .thirdItem {width: 85px;}

div#navContainer div#NavBar .level1 .fourthItem {width: 68px;}

div#navContainer div#NavBar .level1 .fifthItem {width: 67px;}

/*--------------------------------------------------------Category Item dropdown menu widths*/

div#navContainer div#NavBar .level1 .firstItem .level2 li {
	width: 145px;
	border-bottom: 1px solid #333;
}

div#navContainer div#NavBar .level1 .firstItem .level2 li a{
	width: 135px;
	color: #333;
} 

div#navContainer div#NavBar .level1 .secondItem .level2 li {
	width: 173px;
	border-bottom: 1px solid #333;
}

div#navContainer div#NavBar .level1 .secondItem .level2 li a{
	width: 163px; 
	color: #333;
}

div#navContainer div#NavBar .level1 .firstItem .level2 a, div#navContainer div#NavBar .level1 .secondItem .level2 a{
	background-color: #dbe7f3;
	color: #2c8fce;
	background-image: none;
	font-weight: normal;
}

div#navContainer div#NavBar .level1 .firstItem .level2 a:hover, div#navContainer div#NavBar .level1 .secondItem .level2 a:hover {
	background-color: #fff;
	color: #2c8fce;
	background-image: none;
	font-weight: bold;
}

/*--------------------------------------------------------Links*/

div#navContainer div#NavBar a:link, div#navContainer div#NavBar a:visited, div#navContainer div#NavBar a:hover   {
		text-decoration: none;
}