.preload2 {background: url("/img/prodrop2/button4.gif");}



.menu2 {
	list-style:none;
	height:28px;
	font-family: Arial, Verdana,sans-serif;
	width: 931px;
	position: relative;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
	background-image: url(../img/prodrop2/button1a_950.gif);
	background-repeat: repeat-x;
	margin: 0;
	float: left;
}



.menu2 li.top {display:block; float:left; position:relative;}



.menu2 li a.top_link {
	display:block;
	float:left;
	height:40px;
	color:#FFFFFF;
	text-decoration:none;
	font-size:12px;
	font-weight:normal;
	cursor:pointer;
	line-height: 28px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 5px;
	margin-right: 5px;
	outline: none;
}



.menu2 li a.top_link span {
	float:left;
	display:block;
	height:40px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}

.menu2 li a.top_link span.down {
	float:left;
	display:block;
	height:40px;
	padding-top: 0;
	padding-right: 22px;
	padding-bottom: 0;
	padding-left: 10px;
	background-image: url(../img/prodrop2/down.gif);
	background-repeat: no-repeat;
	background-position: right -1px;
}

.menu2 li a.top_link:hover {color:#fff; background: url("/img/prodrop2/button4.gif") no-repeat;}

.menu2 li a.top_link:hover span {background:url("/img/prodrop2/button4.gif") no-repeat right top;}

.menu2 li a.top_link:hover span.down {background:url("/img/prodrop2/button4a.gif") no-repeat right top;}



.menu2 li:hover > a.top_link {color:#fff; background: url("/img/prodrop2/button4.gif") no-repeat;}

.menu2 li:hover > a.top_link span {background:url("/img/prodrop2/button4.gif") no-repeat right top;}

.menu2 li:hover > a.top_link span.down {background:url("/img/prodrop2/button4a.gif") no-repeat right top;}





.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}



/* Default link styling */



/* Style the list OR link hover. Depends on which browser is used */



.menu2 a:hover {visibility:visible;}

.menu2 li:hover {

	position:relative;

	z-index:200;

}



/* keep the 'next' level invisible by placing it off screen. */

.menu2 ul {

	position:absolute;

	left:-9999px;

	top:-9999px;

	width:0;

	height:0;

	margin:0;

	padding:0;

	list-style:none;

}



.menu2 :hover ul.sub {

	left:2px;

	top:29px;

	padding:3px 0;

	border:1px solid #77a0d3;

	white-space:nowrap;

	width:132px;

	height:auto;

	background-color: #77a0d3;

}

.menu2 :hover ul.sub li {

	display:block;

	height:20px;

	position:relative;

	float:left;

	width:132px;

}

.menu2 :hover ul.sub li a {

	display:block;

	font-size:12px;

	height:20px;

	width:124px;

	line-height:20px;

	text-indent:5px;

	color:#FFFFFF;

	text-decoration:none;

	background-color: #77a0d3;

	border-top-width: 0;

	border-right-width: 0;

	border-bottom-width: 0;

	border-left-width: 3px;

	border-top-style: solid;

	border-right-style: solid;

	border-bottom-style: solid;

	border-left-style: solid;

	border-top-color: #77a0d3;

	border-right-color: #77a0d3;

	border-bottom-color: #77a0d3;

	border-left-color: #77a0d3;

}

.menu2 :hover ul.sub li a.fly {
	background-color: #77a0d3;
	background-repeat: no-repeat;
	background-position: 80px 7px;

}



.menu2 :hover ul.sub li a:hover {

	color:#000000;

	background-color: #FFD862;

}



.menu2 :hover ul.sub li a.fly:hover {
	color:#386DA1;
	background-color: #77a0d3;
	background-image: url(../img/prodrop2/arrow_over.gif);
	background-repeat: no-repeat;
	background-position: 85px 7px;

}



.menu2 :hover ul li:hover > a.fly {background:#4ab url("/img/prodrop2/arrow_over.gif") 80px 7px no-repeat; color:#fff;} 



.menu2 :hover ul {

	left:90px;

	top:-4px;

	background: #77a0d3;

	padding:3px 0;

	border:1px solid #4ab;

	white-space:nowrap;

	width:93px;

	z-index:200;

	height:auto;

}
