/* nav
-------------------------------------*/
div#primary-nav {

	width:595px;
	padding:0;
	margin-top: 0px;
	float:left;
	background:transparent;
}
#primary-nav img {
	border: none;
}
#primary-nav a { 
	text-decoration: none; 
	height: 26px;
}
#primary-nav a.top-level { 
	height: 34px;
}
#primary-nav a.top-level:hover {
	text-decoration: none;
}
#primary-nav ul {
	list-style: none;
	margin:0;
}
#primary-nav li {
	float: left;
	position: relative; 
	background-image: none;
}

#primary-nav ul a  {
	display: block;
	font-size: 11px;
	margin: 0px;
	height:34px;
}

/* technical */

#primary-nav ul #nav-technical {
	background: url('/images/menu.gif')  no-repeat 0px -34px;
	width: 113px;
	height:34px;
	float:left;
	margin:0;
	padding:0;
}
#primary-nav ul #nav-technical a:hover {
	background: url('/images/menu.gif') no-repeat 0px 0px; 
}

.nav-technical { 
	width: 150px; 
}
.nav-technical a { 
	width: 108px; 	
}
#primary-nav #nav-technical-active {
	background: url('/images/menu.gif') no-repeat 0px 0px; 
	width: 113px;
	height:34px;
	float:left;
	padding:0;
	margin:0;
}

/* hole-patterns */
#primary-nav ul #nav-hole-patterns {
	background: url('/images/menu.gif') no-repeat -113px -34px;
	width: 146px;
	padding:0;
	margin:0;
}
#primary-nav ul #nav-hole-patterns:hover, #nav-hole-patterns a:hover{
	background: url('/images/menu.gif') no-repeat -113px 0px;
	/* height:34px;*/
}
.nav-hole-patterns-sub { 
	border:2px solid #FFFFFF;
}
.nav-hole-patterns-sub a { 
	width: 124px; 
	overflow:hidden;
}
#primary-nav ul #nav-hole-patterns-active  {
	background: url(/images/menu.gif) no-repeat -113px -0px;
	height:34px;
	width: 146px;
	padding:0px;
	margin:0;
}

/* safety  */
#primary-nav ul #nav-safety {
	background: url('/images/menu.gif') no-repeat -259px -34px;
	width: 86px;
	height:34px;
	float:left;
	padding:0;
	margin:0;
}
#primary-nav ul #nav-safety a:hover {
	background: url('/images/menu.gif') no-repeat -259px 0px;
}
.nav-safety { 
	width: 86px; 
}
.nav-safety a {
	width:80px;
}
#primary-nav #nav-safety-active {
	background: url('/images/menu.gif') no-repeat -259px 0px;
	width: 86px;
	height:34px;
	float:left;
	padding:0;
	margin:0;
}
/* msds  */
#primary-nav ul #nav-msds {
	background: url('/images/menu.gif') no-repeat -345px -34px;
	width: 74px;
	height:34px;
	float:left;
	padding:0;
	margin:0;
}
#primary-nav ul #nav-msds a:hover {
	background: url('/images/menu.gif') no-repeat -345px 0px;
}
.nav-msds  { 
	width: 80px; 
}
#primary-nav #nav-msds-active {
	background: url('/images/menu.gif') no-repeat -345px 0px;
	width: 74px;
	height:34px;
	float:left;
	padding:0;
	margin:0;
}

/* about  */
#primary-nav ul #nav-about {
	background: url('/images/menu.gif') no-repeat -419px -34px;
	width: 80px;
	height:34px;
	float:left;
	padding:0;
	margin:0;}

#primary-nav ul #nav-about a:hover {
	background: url('/images/menu.gif') no-repeat -419px 0px;
}

.nav-about { 
	width: 105px; 
}
#primary-nav #nav-about-active {
	background: url('/images/menu.gif') no-repeat -419px 0px;
	width: 80px;
	height:34px;
	float:left;
	padding:0;
	margin:0;
}

/* contact  */
#primary-nav ul #nav-contact {
	background: url('/images/menu.gif') no-repeat -499px -34px;
	width: 96px;
	float:left;
	padding:0;
	margin:0;
}
#primary-nav ul #nav-contact a:hover {
	background: url('/images/menu.gif') no-repeat -499px 0px;
}
.nav-contact { 
	width: 116px; 
}
#primary-nav #nav-contact-active {
	background: url('/images/menu.gif') no-repeat -499px 0px;
	width: 96px;
	height:34px;
	float:left;
	padding:0;
	margin:0;
}

/* dropdown */

#primary-nav li ul,
#primary-nav li ul li {
  width:142px;
}

#primary-nav li ul {
	display: none;
 	position:absolute;
 	float:left;
 	list-style:none;
 	padding:0px;
}

#primary-nav li ul li{
 	position:relative;
 	display:inline-block;
 	float:left;
 	margin:0;
 	padding:0;
 	height:auto;
 	top:0;
}
#primary-nav li ul li a {
  display:block;
	width:122px;
  padding:5px 10px 5px 10px;
  height:100%;
  font: 11px/12px verdana,sans-serif;
  text-indent:0px;
  color:#FFFFFF;
  background-color:#7e7e7e;
	border-bottom: 1px solid #FFFFFF;
}
#primary-nav li ul li a:hover {
  background: #424242;
  color:#7eb239;
}
#primary-nav li ul li a.active {
  background: #424242;
  color:#7eb239;
}
#primary-nav li ul li.active {
  background: #424242;
  color:#7eb239;
}
#primary-nav li ul li.last a {
	border-bottom: none;
}
#primary-nav li:hover ul { display: block; }
#primary-nav li.over ul { display: block;  }

/***********************/
/***** show/hide *******/
/***********************/
.show {
  display:block;
}
.hide {
  display:none;
}