/* styles for the js dropdown menu */
/* dropdown position is controlled by the javaScript in the html doc in this order left top width height */
.menu a {
	font-size: 12px;
	font-weight: bold;
	color:#000;
	display:block;
	padding:3px 10px;
	text-decoration:none;
	background-color: #fff;
	background-image: url(images/dropdown_bg.jpg);
	background-repeat: repeat-x;
}
.menu a:hover {
	/*background-color:#335292;*/
	color: #f00;
	background-image: url(images/dropdown_bg.jpg);
	background-repeat: repeat-x;
}
.menu .options {
	list-style: none;
	margin-right:1px;
	margin-bottom:1px;
	padding: 0px;
	border-left:1px solid #999;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	background-color:#fff;
}

.options li {
	margin: 0px;
	padding: 0px;
	line-height: normal;
	border-bottom: solid 1px #666;
	border-left: solid 1px #666;

}

#dropdowns {
	position: relative;
	display: block;
	width: 760px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
}
/* Styles for the Image Menu */

.no_display {
	display: none;
}

/* Slesnick Steel Menu Image 1 => Steel */
.steel { 
	background-image: url(images/steel_button.jpg);
	width: 152px;
	height: 113px;
}
a.surplus {
	display: block;
width: 152px;
	height: 113px;
}
a.steel  {
	display: block;
	background-image: url(images/steel_button_f2.jpg);
	width: 152px;
	height: 113px;
}

a.steel:hover {
	background: none;
}


/* Slesnick Steel Menu Image 2 => Stainless Steel */

.stainless { 
	background-image: url(images/stainless_steel_button.jpg);
	width: 152px;
	height: 113px;
}

a.stainless  {
	display: block;
	background-image: url(images/stainless_steel_button_f2.jpg);
	width: 152px;
	height: 113px;
}

a.stainless:hover {
	background: none;
}

/* Slesnick Steel Menu Image 3 => Aluminum */

.aluminum { 
	background-image: url(images/aluminum_button.jpg);
	width: 152px;
	height: 113px;
}

a.aluminum  {
	display: block;
	background-image: url(images/aluminum_button_f2.jpg);
	width: 152px;
	height: 113px;
}

a.aluminum:hover {
	background: none;
}

/* Slesnick Steel Menu Image 4 => CAD/CNC */

.cad_cnc { 
	background-image: url(images/cad_button.jpg);
	width: 152px;
	height: 113px;
}

a.cad_cnc  {
	display: block;
	background-image: url(images/cad_button_f2.jpg);
	width: 152px;
	height: 113px;
}

a.cad_cnc:hover {
	background: none;
}