.prodrop8 {padding:0; margin:0; list-style:none; height:50px; position:relative; z-index:80; font-family:verdana, sans-serif; background:url(../images/nav_n.jpg) repeat-x;}
.prodrop8 li.top {display:block; float:left; width:92px; line-height:50px; height:50px; }
.prodrop8 li a.top_link {display:block; float:left; height:50px; color:#CCC; text-decoration:none; font-size:14px;  
/*padding:0 0 0 7px; */
cursor:pointer;
width:100%;
}

.prodrop8 li a.top_link span { display:block; 
	/*padding:0 14px 0 7px; */
	height:50px;
	text-align:center;
}

.prodrop8 li.top , .prodrop8 li a.top_link , .prodrop8 li a.top_link span { background:url(../images/nav_n.jpg) repeat-x; margin:0;}

.prodrop8 li a.top_link:hover {color:#fff; background:#F99A2C; line-height:20px;}
.prodrop8 li a.top_link:hover span{background:#F99A2C;}

/*This is For IE 6 fix*/
.prodrop8 li:hover > a.top_link {color:#fff; background:#044041; line-height:20px;}
.prodrop8 li:hover > a.top_link span {background:#044041; height:47px; line-height:47px;}
.prodrop8 .sub li:hover {color:#fff; background:#044041; line-height:20px; height:25px;}
.prodrop8 .sub li {color:#fff; background:#044041; line-height:20px; height:25px;}

/*END This is For IE 6 fix*/


.prodrop8 table {border-collapse:collapse; width:0px; height:0px; 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.sub  {width:130px; box-shadow: 10px 10px 15px #888888;}
.prodrop8 :hover iframe {width:150px;}
.prodrop8 :hover iframe {
    display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;/*must have*/
	top:22px;/*must have*/
	left:0;/*must have*/
	z-index:-1;/*must have*/
	/* filter:mask();*//*must have*/
	height:300px/*must have for any big value*/;
	
}
.prodrop8 :hover iframe.one {left:0; top:22px; width:150px; height:100px;}
.prodrop8 :hover iframe.two {left:0; top:22px; width:100px; height:65px;}

.prodrop8 :hover ul {left:0; top:50px; background:#044041;  padding:3px; white-space:nowrap; height:auto; z-index:300;}

.prodrop8 :hover ul li {display:block; height:25px; position:relative; font-weight:normal; width:auto;}
.prodrop8 :hover ul li a {display:block; font-size:11px; height:25px; line-height:25px; width:auto; padding:0 10px; color:#fff; text-decoration:none;}
.prodrop8 :hover ul li a:hover {background:#045861; color:#FFF;}


.prodrop8 li.top a.active, .prodrop8 li a.active , .prodrop8 li a.active span { background:#044041; color:#FFF}

