/*Credits: CSSplay */
/*URL: http://www.cssplay.co.uk/menus/pro_drop2 */


.preload2 {background: url(../img/it/bg-nav-top-act.png);}
.itnavi a {color: #fff; cursor: pointer;}
.itnavi {padding: 0; margin:0; list-style:none; height:27px; background: #28323C url(../img/it/bg-navbar.png) repeat-x; position:relative; font-family: verdana, arial, sans-serif; border-top: 1px solid #D7DADC; border-bottom: 1px solid #000;}
.itnavi li.top {display:block; float:left; position:relative; width: 155px; margin: 0; padding: 0; background: transparent url(../img/it/bg-navbar-devide.png) no-repeat left center;}
.itnavi li.top.uid36 {background: none; padding-left: 10px}

.itnavi li a.top_link {display:block; float:left; height:27px; width: 100%; line-height:26px; color:#fff; text-decoration:none; font-size:12px; font-weight:bold; padding: 0; text-align: center; cursor:pointer;}
.itnavi li a.top_link span {display:block; padding:0; height:27px;}

	/* .itnavi li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:27px; background:url(prodrop2/down.gif) no-repeat right top;} */
.itnavi li a.top_link:hover, .itnavi li a.top_link.act {color:#fff; background: url(../img/it/bg-nav-top-act.png) no-repeat center bottom;}
	/* .itnavi li a.top_link:hover span {background:url(../img/it/bg-nav-top-act.png) no-repeat right top;} */
	/* .itnavi li a.top_link:hover span.down {background:url(prodrop2/button4a.gif) no-repeat right top;} */

.itnavi li:hover > a.top_link {color:#fff; background: url(../img/it/bg-nav-top-act.png) no-repeat center bottom;}
	/* .itnavi li:hover > a.top_link span {background:url(../img/it/bg-nav-top-act.png) no-repeat right top;} */
	/* .itnavi li:hover > a.top_link span.down {background:url(prodrop2/button4a.gif) no-repeat right top;} */


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

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

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

.itnavi :hover ul.sub {left:2px; top:27px; background: transparent url(../img/it/bg-navbar-sub.png) repeat; padding:11px 0 7px 0; width:155px; height:auto;}
.itnavi :hover ul.sub li {display:block; height: auto; position:relative; float:left; width: 155px;}
.itnavi :hover ul.sub li a {display:block; height: auto; font: bold 11px Arial, Verdana, Sans-Serif; width:155px; line-height:25px; text-indent:10px; text-align: left; color:#fff; text-decoration:none;}
.itnavi :hover ul.sub li a.fly {background: transparent url(../img/it/arrow_over.gif) 140px 9px no-repeat;}
.itnavi :hover ul.sub li a:hover {background-color:#0275B9; color:#fff;}
	.itnavi :hover ul.sub li a.act {background-color:#165377; color:#fff;}

.itnavi :hover ul.sub li a.fly:hover {background:#0275B9url(../img/it/arrow_over.gif) 140px 9px no-repeat; color:#fff;}
.itnavi :hover ul li:hover > a.fly {background:#0275B9 url(../img/it/arrow_over.gif) 140px 9px no-repeat; color:#fff;}

.itnavi :hover ul :hover ul,
.itnavi :hover ul :hover ul :hover ul,
.itnavi :hover ul :hover ul :hover ul :hover ul,
.itnavi :hover ul :hover ul :hover ul :hover ul :hover ul
{left: 155px; top: -3px; background: transparent url(../img/it/bg-navbar-sub.png) repeat; padding: 3px 0 7px 0; width:155px; border-left: 1px solid #fff; z-index:200; height:auto;}