/* NAVIGATION (MULTILEVEL) CSS */

/* FIRST LEVEL OF NAVI */
ul.nav-a {
	font-size:133.33%;
	font-family:FagoWeb,Helvetica,Arial,sans-serif;
	background:#FFF url(../../img/sprites_bg.png) repeat-x 0 0;
	height:35px;
	margin:0;
	padding:0;
}

ul.nav-a li {
	list-style:none;
	padding:0;
	margin:0;
	float:left;
	position:relative;
}

ul.nav-a li.first {
	margin:0;
	padding:0;
	height:35px;
	position:relative;
}

ul.nav-a li a {
	color:#fff;
	background-color:transparent;
	display:block;
	margin:0;
	padding:5px 24px 0 10px;
	position:relative;
	height:30px
}

ul.nav-a li.nav-a-item:hover a {
	color:#333;
	text-decoration:none
}

ul.nav-a li span.selector {
	position:absolute;
	background:transparent url(../../img/main-nav-selector.png) no-repeat center bottom;
	width:100%;
	margin-left:-12px;
	height:36px
}

ul.nav-a li.nav-a-item a {
	background:#000 url(../../img/sprites_mainnav.png) no-repeat right -140px
}

ul.nav-a li.nav-a-item:hover a {
	background:transparent url(../../img/sprites_mainnav.png) no-repeat right -210px
}

ul.nav-a li.nav-a-item.first {
	background:#fff url(../../img/sprites_mainnav.png) no-repeat left 0
}

ul.nav-a li.nav-a-item.first a {
	margin-left:19px
}

ul.nav-a li.nav-a-item.first:hover {
	background:#000 url(../../img/sprites_mainnav.png) no-repeat left -35px
}

ul.nav-a li.nav-a-item.last {
	background:#fff url(../../img/sprites_mainnav.png) no-repeat right -140px
}

ul.nav-a li.nav-a-item.previous-current a {
	background:#000 url(../../img/sprites_mainnav.png) no-repeat right -175px
}

ul.nav-a li.nav-a-item.previous-act a {
	background:transparent url(../../img/sprites_mainnav.png) no-repeat right -70px
}

ul.nav-a li.nav-a-item.previous-act:hover a {
	background:transparent url(../../img/sprites_mainnav.png) no-repeat right -245px
}

ul.nav-a li.nav-a-item.previous-current-act a {
	background:#000 url(../../img/sprites_mainnav.png) no-repeat right -175px;
}
ul.nav-a li.nav-a-item.act  {
	background:transparent url(../../img/sprites_mainnav.png) no-repeat -241px 0px;
}
ul.nav-a li.nav-a-item.act a {
	background:transparent url(../../img/sprites_mainnav.png) no-repeat right -105px
}

ul.nav-a li.nav-a-item.act:hover a {
	background:transparent url(../../img/sprites_mainnav.png) no-repeat right -210px
}

ul.nav-a li.nav-a-item.act-previous-current a {
	background:transparent url(../../img/sprites_mainnav.png) no-repeat right -280px
}

/* SECOND LEVEL OF NAVI */
#nav-b-wrap {
	width: auto;
	height: 34px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	overflow: visible;
	/* For WebKit (Safari, Google Chrome etc) */
	background: -webkit-gradient(linear, left top, left bottom, from(#ececec), to(#dfdfdf));
	/* For Mozilla/Gecko (Firefox etc) */
	background: -moz-linear-gradient(top, #ececec, #dfdfdf);
	/* For Internet Explorer 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFECECEC, endColorstr=#FFDFDFDF);
	/* For Internet Explorer 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFECECEC, endColorstr=#FFDFDFDF)";
}
ul.nav-b, ul.nav-b ul {
	margin:0; padding:0;
	list-style-type:none;
	list-style-position:outside;
	line-height:1.5em;
}
ul.nav-b {
	float: left;
	position: relative;
	z-index: 597;
}

ul.nav-b a, ul.nav-b span.ticker {
	display:block;
	padding: 8px 15px;
	font-family:FagoWeb,Helvetica,Arial,sans-serif;
	font-size: 15px;
	font-weight: 400;
	height: 19px;
	color: #333;
	text-decoration:none;
	background: none;
}
ul.nav-b li.over {
	background: transparent url('../../img/nav_level2_activeIcon.png') bottom center no-repeat;
	color: #000000;
}

ul.nav-b li {
	float:left;
	list-style-type:none;
	list-style-position:outside;
	margin: 0; padding: 0;
}

ul.nav-b li.act > a {
	color: #D5000D;
}

ul.nav-b ul {
	visibility: hidden;
	position:absolute;
	z-index: 598;
	width: 228px;
	border-top: 1px solid #fff;
}
ul.nav-b ul li {
	float: none;
}

ul.nav-b li ul a {
	padding:3px 25px 3px 15px;
	width: 187px;
	height:auto;
	float:none;
	font-family: Helvetica,Arial,sans-serif;
	font-size: 13px;
	font-weight: 400;
	color: #333;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	filter: none;
	background: transparent url('../../img/nav_level3_bg.png') right -25px no-repeat;

}
ul.nav-b li ul a:hover {
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	filter: none;
	background: transparent url('../../img/nav_level3_bg.png') right -163px no-repeat;
	color: #fff;
}
ul.nav-b li ul li.hassub {
	position: relative;
}
ul.nav-b li ul li.hassub > a {
	background: transparent url('../../img/nav_level3_bg.png') right -1px no-repeat;
}
ul.nav-b li ul li.hassub > a:hover {
	background: transparent url('../../img/nav_level3_bg.png') right -138px no-repeat;
}
ul.nav-b li ul li li.hassub > a {
	background: transparent url('../../img/nav_level4_bg.png') right -2px no-repeat;
}
ul.nav-b li ul li li.hassub > a:hover {
	background: transparent url('../../img/nav_level4_bg.png') right -139px no-repeat;
}
ul.nav-b li li.act > a {
	color: #D5000D;
}

ul.nav-b li ul li li a {
	background: transparent url('../../img/nav_level4_bg.png') right -25px no-repeat;
}
ul.nav-b li ul li li a:hover {
	background: transparent url('../../img/nav_level4_bg.png') right -163px no-repeat;
}

ul.nav-b ul ul {
	border-top: 1px solid #cccccc;
	position: absolute;
	top: 1px;
	left:218px;
	margin: 0 0 0 10px
}

ul.nav-b li:hover ul ul,ul.nav-b li:hover ul ul ul,ul.nav-b li:hover ul ul ul ul {

}

ul.nav-b li:hover ul,ul.nav-b li li:hover ul,ul.nav-b li li li:hover ul,ul.nav-b li li li li:hover ul {
	display:inline;
}
