/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/pro_drop8.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.preload1 {
	background: url(../images/menu-item-off.gif);
}
.preload1 {
	background: url(../images/menu-item-on.gif);
}

.prodrop8 {
	/*padding: 0 0 0 32px; 
	margin: 0; 
	list-style: none; 
	/*height: 36px; 
	background: transparent url(prodrop4/pro_drop4_back.gif); */
	position: relative; 
	z-index: 500; 
}
.prodrop8 li.top {
	display: block; 
	float: left;
}
.prodrop8 li a.top_link {
	display: block; 
	float: left; 
	/*height: 36px; 
	line-height: 1.9em; */
	line-height: 1.9em;
	color: #FFFFFF; 
	text-decoration: none; 
	font-weight: bold; 
	/*padding: 0 0 0 10px;*/ 
	padding: 0 1.0em;
	cursor: pointer;
	/*background: url(prodrop4/pro_drop4_0a.gif) no-repeat;*/
	background: #354E0C url(../images/menu-item-off.gif) no-repeat right bottom;
}
.prodrop8 li a.top_link span {
	float: left; 
	display: block; 
	/*padding: 0 20px 0 10px; 
	height: 36px;*/
	/*background: url(prodrop4/pro_drop4_0b.gif) right top;*/
}
.prodrop8 li a.top_link:hover {
	color: #FFFFFF; 
	/*background: url(prodrop4/pro_drop4_2a.gif) no-repeat; */
	background: #455E1C url(../images/menu-item-on.gif) no-repeat right bottom;
	/*line-height: 25px;*/
	line-height: 1.9em;
}
.prodrop8 li a.top_link:hover span {
	/*background: url(prodrop4/pro_drop4_2b.gif) no-repeat right top;*/
	background: #455E1C url(../images/menu-item-on.gif) no-repeat right bottom;
}

.prodrop8 li:hover > a.top_link {
	color: #FFFFFF; 
	/*background: url(prodrop4/pro_drop4_2a.gif) no-repeat; */
	background: #455E1C url(../images/menu-item-on.gif) no-repeat right bottom;
	/*line-height: 25px;*/
	line-height: 1.9em;
}
.prodrop8 li:hover > a.top_link span {
	background: url(prodrop4/pro_drop4_2b.gif) no-repeat right top;
}


.prodrop8 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 */

.prodrop8 a:hover {
	visibility: visible;
	position: relative; 
	z-index: 200;
}
.prodrop8 li:hover {
	position: relative;
	z-index: 200;
}

/* keep the 'next' level invisible by placing it off screen. */
.prodrop8 ul, .prodrop8 iframe {
	position: absolute; 
	left: -9999px; 
	top: -9999px; 
	width: 0; 
	height: 0; 
	margin: 0; 
	padding: 0; 
	list-style: none;
}

.prodrop8 ul.sub1 {
	/*width: 160px;*/
	width: auto;
	background: #FFFFFF;
}

.prodrop8 :hover iframe.one {
	left: 0; 
	top: 35px;
	width: 150px; 
	height: 100px;
}
/*.prodrop8 :hover iframe.two {
	left: 0; 
	top: 35px; 
	width: 100px; 
	height: 65px;
}*/

.prodrop8 :hover ul {
	left: 0;
	top: 1.9em;
	background: #F2F2F@;
	white-space: nowrap;
	height: auto;
	z-index: 300;
	/*border: 1px solid #354E0C;*/
	border: 1px solid #990000;
}
.prodrop8 :hover ul li {
	display: block; 
	/*height: 20px; */
	position: relative; 
	font-weight: normal; 
	width: auto;
}
.prodrop8 :hover ul li a {
	display: block;
	font-size: 11px;
	/*height: 20px; 
	line-height: 20px; */
	line-height: 1.6em;
	width: auto;
	/*padding: 0 10px; */
	
	color: #333333;
	/*color: #990000;*/
	text-decoration: none;
	padding: 0.2em 0.5em;
}
.prodrop8 :hover ul li a:hover {
	/*background: #354E0C;*/
	background: #990000;
	color: #FFFFFF;
}