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



.menu2 {
	list-style:none;
	height:28px;
	font-family: Tahoma, verdana, sans-serif;
	width: 923px; /* 747 */
	position: relative;
	padding-top: 0;
	padding-right: 28px; /* 28 */
	padding-bottom: 0;
	padding-left: 0px;
	background-color: #F7F7F7;
	background-image: url(/img/prodrop2/button1a_950.gif);
	background-repeat: repeat-x;
	margin: 0;
}



.menu2 li.top {

	display:block;

	float:right;

	position:relative;

}



.menu2 li a.top_link {

	display:block;

	float:left;

	height:40px;

	color:#FFFFFF;

	text-decoration:none;

	font-size:13px;

	font-weight:normal;

	cursor:pointer;

	line-height: 28px;

	padding-top: 0;

	padding-right: 0;

	padding-bottom: 0;

	padding-left: 5px;

	margin-right: 5px;

	font-family: Tahoma, arial, helvetica;

}



.menu2 li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:40px;}

.menu2 li a.top_link span.down {

	float:left;

	display:block;

	height:40px;

	background:url(/img/prodrop2/down.gif) no-repeat right top;

	padding-top: 0;

	padding-right: 24px;

	padding-bottom: 0;

	padding-left: 12px;

}

.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;

	top:-9999px;

	width:0;

	height:0;

	margin:0;

	padding:0;

	list-style:none;
	font-family: Tahoma, arial, helvetica;
}

/* sub menu layer */

.menu2 :hover ul.sub {

	top:29px;

	padding: 0 0;

	border:1px solid #77a0d3;

	white-space:nowrap;

	width:124px;

	height:auto;

	background-color: #77a0d3;

	right: 4px;
	font-family: Tahoma, arial, helvetica;
}

/* menu item */

.menu2 :hover ul.sub li {

	display:block;

	height:20px;

	position:relative;

	float:left;

	width:119px;

}

/* menu hielighter */

.menu2 :hover ul.sub li a {

	display:block;

	font-size:12px;

	height:20px;

	width:114px;

	line-height:20px;

	text-indent:2px;

	color:#FFFFFF;
	font-family: Tahoma, arial, helvetica;
	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-image: url(/img/prodrop2/arrow.gif);

	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: 80px 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 {
	top:-4px;
	background: #77a0d3;
	padding:3px 0;
	border:1px solid #4ab;
	white-space:nowrap;
	width:103px;
	z-index:200;
	height:auto;
}

