/**
 * Menu CSS base 
 *
 *********************************************
 YT Menu css rule.
 - Border (ul,li):
 	ul background = border color.
 	ul padding: (right + bottom) = border-width 	
 	li margin: (left + top)
 	li margin-top = li's spacing
 	li.first margin-top = border-width
 	li margin-left = border-width
 - background
 	li background: scroll top right
 	li a background: scroll top left
 	li a margin-right 
 */

ul.navi {
	margin: 0;
	z-index: 99;
	padding: 0;
	display: block;
	zoom: 1;
	list-style: none;
	position: relative;
	height: 38px;
}

/* child ul elements */
ul.navi ul {
	margin: 0 ;
	padding: 0;
	list-style: none;
	padding: 0px 15px 5px 0px;
	border-width: 0px;
	width: 180px;
	min-width: 180px;

}

/* all li */
ul.navi li {
	background:none;
	padding: 0 0;
}

ul.navi ul li {
	margin: 0px 0px 0px 15px;

}
ul.navi ul li.first {
	margin: 5px 0px 0px 15px;
	border:none;
}

/* all links and div.separator */
ul.navi a:active,
ul.navi a:focus {
	outline-style: none;
}

ul.navi div.separator,
ul.navi a {
	cursor: pointer;
	text-decoration: none;
	
	display: block;
}
ul.navi a.readon{margin-top: 5px;padding: 4px 0;display: inline-block;}
ul.navi a.readon:hover{padding: 4px 10px;color: #fff;}
/* all span class */
ul.navi span.menu-icon {
	padding: 0 0 0 30px;
	display: block;
	background-repeat: no-repeat;
	background-position: 0 50%;
}

ul.navi span.menu-icon.bef {
	padding: 0 0 0 30px;
}

ul.navi span.menu-icon.aft {
	padding: 0 30px 0 0;
}

ul.navi span.menu-title {
	display: block;
	padding: 6px 0;
	line-height: 100%;
}

ul.navi span.menu-desc {
	display: block;
	line-height: 100%;
	font-size: 11px;
	text-transform: none;
	padding: 0 0 6px 0;
	color: #CCC;
}
ul.navi .level1:hover span.menu-desc,
ul.navi .level1.hover span.menu-desc,
ul.navi .level1.active span.menu-desc {

}
/* level 1 */
ul.navi li.level1 {
	/*height:100%;*/
	padding: 5px 0 0;
	margin: 0 ;
	float: left;
	position: relative;
	

}
ul.navi li.level1.first{}

ul.navi li.level1.first > a{}
ul.navi li.level1.last {border: none;}
ul.navi li.level1.active {}

ul.navi li.level1.slider {

	position: absolute;
	overflow: hidden;
}

/* level 1 links */
ul.navi div.level1.separator,
ul.navi a.level1 {
	padding: 0 24px 0 20px;
	margin: 0 0;
	text-transform: uppercase;
		padding:0px 31px 0px 31px;
}

ul.navi div.level1.havechild ,
ul.navi a.level1.havechild {

}

ul.navi li.level1.active div.separator.level1,
ul.navi li.level1.active a.level1 {
	color:#ff0033;background: #fff;
	
}

ul.navi li.level1.slider div.separator.level1,
ul.navi li.level1.slider a.level1 {
	color: #0D9FC4;
}
ul.navi li.level1.first:hover div.separator.level1,
ul.navi li.level1.first:hover a.level1 { background:#ccc;

}
/* level 1 SPANs */
ul.navi div.first.level1 span.menu-icon,
ul.navi a.level1 span.menu-icon {
	
}

ul.navi div.separator.level1 span.menu-title,
ul.navi a.level1 span.menu-title {
	padding: 9px 0 12px;
	line-height: 12px;
}

ul.navi div.separator.level1.showdesc span.menu-title,
ul.navi a.level1.showdesc span.menu-title {
	padding-top: 10px;
	padding-bottom: 0;
}

ul.navi div.separator.level1 span.menu-desc,
ul.navi a.level1 span.menu-desc {
	padding-top: 3px;
	padding-bottom: 10px;
}

/* level 2 */
ul.navi ul.level2 {
	position: absolute;
	left: -999em;
}

ul.navi li.level2 {
	padding: 0;
	
}

ul.navi li.level2.first {
	
}

ul.navi li.level2.last {
	
}

ul.navi li.level2.active {
	
}

/* level 2 links */
ul.navi div.separator.level2,
ul.navi a.level2 {
	display: block;
	padding: 0 0 0 15px;

	text-transform: none;
	-moz-transition: margin 0.3s ease-in-out 0s;
	-webkit-transition: margin 0.3s ease-in-out 0s;
	-o-transition: margin 0.3s ease-in-out 0s;
	-ms-transition: margin 0.3s ease-in-out 0s;
	transition: margin 0.3s ease-in-out 0s;
	
}

ul.navi li.level2.active div.separator.level2,
ul.navi li.level2.active a.level2 {
	color: #FD0036;

}

/* level 2 SPANs */
ul.navi div.separator.level2 span.menu-icon,
ul.navi a.level2 span.menu-icon {
	
}

ul.navi div.separator.level2 span.menu-title,
ul.navi a.level2 span.menu-title {
	padding: 10px 0;
	line-height: 12px;
}

ul.navi div.separator.level2.showdesc span.menu-title,
ul.navi a.level2.showdesc span.menu-title {
	padding-top: 10px;
	padding-bottom: 0;
	text-transform: uppercase;
}

ul.navi div.separator.level2 span.menu-desc,
ul.navi a.level2 span.menu-desc {
	padding: 2px 0 5px;
	line-height: 10px;
	color: #999;
}

/* level 3+ */
ul.navi ul.level3,
ul.navi ul.level4,
ul.navi ul.level5,
ul.navi ul.level6,
ul.navi ul.level7,
ul.navi ul.level8,
ul.navi ul.level9 {
	position: absolute;
	left: -999em;
	top: 20%;
}

ul.navi li.level3,
ul.navi li.level4,
ul.navi li.level5,
ul.navi li.level6,
ul.navi li.level7,
ul.navi li.level8,
ul.navi li.level9 {
	background: none;
}

ul.navi li.level3.first,
ul.navi li.level4.first,
ul.navi li.level5.first,
ul.navi li.level6.first,
ul.navi li.level7.first,
ul.navi li.level8.first,
ul.navi li.level9.first {
}

ul.navi li.level3.last,
ul.navi li.level4.last,
ul.navi li.level5.last,
ul.navi li.level6.last,
ul.navi li.level7.last,
ul.navi li.level8.last,
ul.navi li.level9.last {
}

ul.navi li.level3.active,
ul.navi li.level4.active,
ul.navi li.level5.active,
ul.navi li.level6.active,
ul.navi li.level7.active,
ul.navi li.level8.active,
ul.navi li.level9.active {

}

/* level 3+ links */
ul.navi div.separator.level3,
ul.navi div.separator.level4,
ul.navi div.separator.level5,
ul.navi div.separator.level6,
ul.navi div.separator.level7,
ul.navi div.separator.level8,
ul.navi div.separator.level9,
ul.navi a.level3,
ul.navi a.level4,
ul.navi a.level5,
ul.navi a.level6,
ul.navi a.level7,
ul.navi a.level8,
ul.navi a.level9 {
	margin: 0;
	padding: 0 0 0 15px;
	
	background: url(../images/level2-arrow.png) no-repeat 5px -16px;
	text-transform: none;
	-moz-transition: margin 0.3s ease-in-out 0s;
	-webkit-transition: margin 0.3s ease-in-out 0s;
	-o-transition: margin 0.3s ease-in-out 0s;
	-ms-transition: margin 0.3s ease-in-out 0s;
	transition: margin 0.3s ease-in-out 0s;
}

ul.navi div.separator.level3.first,
ul.navi div.separator.level4.first,
ul.navi div.separator.level5.first,
ul.navi div.separator.level6.first,
ul.navi div.separator.level7.first,
ul.navi div.separator.level8.first,
ul.navi div.separator.level9.first,
ul.navi a.level3.first,
ul.navi a.level4.first,
ul.navi a.level5.first,
ul.navi a.level6.first,
ul.navi a.level7.first,
ul.navi a.level8.first,
ul.navi a.level9.first {
	
}

ul.navi div.separator.level3.last,
ul.navi div.separator.level4.last,
ul.navi div.separator.level5.last,
ul.navi div.separator.level6.last,
ul.navi div.separator.level7.last,
ul.navi div.separator.level8.last,
ul.navi div.separator.level9.last,
ul.navi a.level3.last,
ul.navi a.level4.last,
ul.navi a.level5.last,
ul.navi a.level6.last,
ul.navi a.level7.last,
ul.navi a.level8.last,
ul.navi a.level9.last {
	
}

ul.navi div.separator.level3.active,
ul.navi div.separator.level4.active,
ul.navi div.separator.level5.active,
ul.navi div.separator.level6.active,
ul.navi div.separator.level7.active,
ul.navi div.separator.level8.active,
ul.navi div.separator.level9.active,
ul.navi a.level3.active,
ul.navi a.level4.active,
ul.navi a.level5.active,
ul.navi a.level6.active,
ul.navi a.level7.active,
ul.navi a.level8.active,
ul.navi a.level9.active {
	color: #FD0036;

}

/* level 3+ SPANs */
ul.navi div.separator.level3 span.menu-icon,
ul.navi div.separator.level4 span.menu-icon,
ul.navi div.separator.level5 span.menu-icon,
ul.navi div.separator.level6 span.menu-icon,
ul.navi div.separator.level7 span.menu-icon,
ul.navi div.separator.level8 span.menu-icon,
ul.navi div.separator.level9 span.menu-icon,
ul.navi a.level3 span.menu-icon,
ul.navi a.level4 span.menu-icon,
ul.navi a.level5 span.menu-icon,
ul.navi a.level6 span.menu-icon,
ul.navi a.level7 span.menu-icon,
ul.navi a.level8 span.menu-icon,
ul.navi a.level9 span.menu-icon {
	
}

ul.navi div.separator.level3 span.menu-title,
ul.navi div.separator.level4 span.menu-title,
ul.navi div.separator.level5 span.menu-title,
ul.navi div.separator.level6 span.menu-title,
ul.navi div.separator.level7 span.menu-title,
ul.navi div.separator.level8 span.menu-title,
ul.navi div.separator.level9 span.menu-title,
ul.navi a.level3 span.menu-title,
ul.navi a.level4 span.menu-title,
ul.navi a.level5 span.menu-title,
ul.navi a.level6 span.menu-title,
ul.navi a.level7 span.menu-title,
ul.navi a.level8 span.menu-title,
ul.navi a.level9 span.menu-title {
	padding: 10px 0;
	line-height: 12px;
}

ul.navi div.separator.level3.showdesc span.menu-title,
ul.navi div.separator.level4.showdesc span.menu-title,
ul.navi div.separator.level5.showdesc span.menu-title,
ul.navi div.separator.level6.showdesc span.menu-title,
ul.navi div.separator.level7.showdesc span.menu-title,
ul.navi div.separator.level8.showdesc span.menu-title,
ul.navi div.separator.level9.showdesc span.menu-title,
ul.navi a.level3.showdesc span.menu-title,
ul.navi a.level4.showdesc span.menu-title,
ul.navi a.level5.showdesc span.menu-title,
ul.navi a.level6.showdesc span.menu-title,
ul.navi a.level7.showdesc span.menu-title,
ul.navi a.level8.showdesc span.menu-title,
ul.navi a.level9.showdesc span.menu-title {
	padding-top: 4px;
	padding-bottom: 0;
}

ul.navi div.separator.level3 span.menu-desc,
ul.navi div.separator.level4 span.menu-desc,
ul.navi div.separator.level5 span.menu-desc,
ul.navi div.separator.level6 span.menu-desc,
ul.navi div.separator.level7 span.menu-desc,
ul.navi div.separator.level8 span.menu-desc,
ul.navi div.separator.level9 span.menu-desc,
ul.navi a.level3 span.menu-desc,
ul.navi a.level4 span.menu-desc,
ul.navi a.level5 span.menu-desc,
ul.navi a.level6 span.menu-desc,
ul.navi a.level7 span.menu-desc,
ul.navi a.level8 span.menu-desc,
ul.navi a.level9 span.menu-desc {
	padding: 3px 0 4px 0;
	line-height: 9px;
}

/*****************************
 * ALL 
 *****************************/
ul.navi li.level2 div.separator.havechild,
ul.navi li.level2 a.havechild {
	
	
}

/*******************************
 * With RTL language
 *******************************
 
 * root ul element */
ul.navirtl div.level1.separator,
ul.navirtl a.level1 {
	padding: 0 20px 0 24px;
}

ul.navirtl div.level1.havechild ,
ul.navirtl a.level1.havechild {
	background: url(../images/level1-sub-rtl.png) no-repeat 10% 8px;
}

/* child ul elements */
ul.navirtl ul {

}

/* all li */
ul.navirtl li {

}

ul.navirtl ul li {}
ul.navirtl ul li.first {}

/* all links and div.separator */
ul.navirtl a:active,
ul.navirtl a:focus {
	outline-style: none;
}

ul.navirtl div.separator,
ul.navirtl a {
	cursor: pointer;
	text-decoration: none;
	display: block;
}

/* all span class */
ul.navirtl span.menu-icon {
	padding: 0 30px 0 0;
	display: block;
	background-repeat: no-repeat;
	background-position: 100% 50%;
}

ul.navirtl span.menu-icon.bef {
	padding: 0 30px 0 0;
}

ul.navirtl span.menu-icon.aft {
	padding: 0 0 0 30px;
}

ul.navirtl span.menu-title {
	display: block;
	*display: inline-block;
	padding: 6px 0;
	line-height: 100%;
}

ul.navirtl span.menu-desc {
	display: block;
}

/* level 1 */
ul.navirtl li.level1 {float: right;}

ul.navirtl li.level1.first {}

ul.navirtl li.level1.last {}

ul.navirtl li.level1.active {}

ul.navirtl li.level1.slider {
	background: #666;
	position: absolute;
	z-index: -1;
}

ul.navirtl li.level1.first > a {

}


ul.navirtl li.level1.active div.separator.level1,
ul.navirtl li.level1.active a.level1 {

}

ul.navirtl li.level1.slider div.separator.level1,
ul.navirtl li.level1.slider a.level1 {
	color: #0D9FC4;
}

/* level 1 SPANs */
ul.navirtl div.separator.level1 span.menu-icon,
ul.navirtl a.level1 span.menu-icon {
	
}

ul.navirtl div.separator.level1 span.menu-title,
ul.navirtl a.level1 span.menu-title {

}

ul.navirtl div.separator.level1.showdesc span.menu-title,
ul.navirtl a.level1.showdesc span.menu-title {
	padding-top: 10px;
	padding-bottom: 0;
}

ul.navirtl div.separator.level1 span.menu-desc,
ul.navirtl a.level1 span.menu-desc {
	padding-top: 3px;
	padding-bottom: 10px;
}

/* level 2*/
ul.navirtl ul.level2 {
	left: auto;
    right: -999em;
}

ul.navirtl div.separator.level2,
ul.navirtl a.level2 {
	margin: 0;
	padding: 0 15px 0 0;
	background: url(../images/level2-arrow-rtl.png) no-repeat 99% -16px;
	text-transform: none;

}

ul.navirtl li.level2.active div.separator.level2,
ul.navirtl li.level2.active a.level2 {
	background-position: 99% 14px;
}

/* level 2 SPANs */
ul.navirtl div.separator.level2 span.menu-icon,
ul.navirtl a.level2 span.menu-icon {
	
}

ul.navirtl div.separator.level2 span.menu-title,
ul.navirtl a.level2 span.menu-title {
	padding: 10px 0;
	line-height: 12px;
}

ul.navirtl div.separator.level2.showdesc span.menu-title,
ul.navirtl a.level2.showdesc span.menu-title {

}

ul.navirtl div.separator.level2 span.menu-desc,
ul.navirtl a.level2 span.menu-desc {

}

/* level 3+ */
ul.navirtl ul.level3,
ul.navirtl ul.level4,
ul.navirtl ul.level5,
ul.navirtl ul.level6,
ul.navirtl ul.level7,
ul.navirtl ul.level8,
ul.navirtl ul.level9 {
	position: absolute;
	top: -999em;
	left: auto;
	/* top: 20%; */
}

ul.navirtl li.level3,
ul.navirtl li.level4,
ul.navirtl li.level5,
ul.navirtl li.level6,
ul.navirtl li.level7,
ul.navirtl li.level8,
ul.navirtl li.level9 {

}

ul.navirtl li.level3.first,
ul.navirtl li.level4.first,
ul.navirtl li.level5.first,
ul.navirtl li.level6.first,
ul.navirtl li.level7.first,
ul.navirtl li.level8.first,
ul.navirtl li.level9.first {
}

ul.navirtl li.level3.last,
ul.navirtl li.level4.last,
ul.navirtl li.level5.last,
ul.navirtl li.level6.last,
ul.navirtl li.level7.last,
ul.navirtl li.level8.last,
ul.navirtl li.level9.last {
}

ul.navirtl li.level3.active,
ul.navirtl li.level4.active,
ul.navirtl li.level5.active,
ul.navirtl li.level6.active,
ul.navirtl li.level7.active,
ul.navirtl li.level8.active,
ul.navirtl li.level9.active {

}

/* level 3+ links */
ul.navirtl div.separator.level3,
ul.navirtl div.separator.level4,
ul.navirtl div.separator.level5,
ul.navirtl div.separator.level6,
ul.navirtl div.separator.level7,
ul.navirtl div.separator.level8,
ul.navirtl div.separator.level9,
ul.navirtl a.level3,
ul.navirtl a.level4,
ul.navirtl a.level5,
ul.navirtl a.level6,
ul.navirtl a.level7,
ul.navirtl a.level8,
ul.navirtl a.level9 {
	margin: 0;
	padding: 0 10px;

	text-transform: none;
	-moz-transition: margin 0.3s ease-in-out 0s;
	-webkit-transition: margin 0.3s ease-in-out 0s;
	-o-transition: margin 0.3s ease-in-out 0s;
	-ms-transition: margin 0.3s ease-in-out 0s;
	transition: margin 0.3s ease-in-out 0s;
}

ul.navirtl div.separator.level3.first,
ul.navirtl div.separator.level4.first,
ul.navirtl div.separator.level5.first,
ul.navirtl div.separator.level6.first,
ul.navirtl div.separator.level7.first,
ul.navirtl div.separator.level8.first,
ul.navirtl div.separator.level9.first,
ul.navirtl a.level3.first,
ul.navirtl a.level4.first,
ul.navirtl a.level5.first,
ul.navirtl a.level6.first,
ul.navirtl a.level7.first,
ul.navirtl a.level8.first,
ul.navirtl a.level9.first {
	
}

ul.navirtl div.separator.level3.last,
ul.navirtl div.separator.level4.last,
ul.navirtl div.separator.level5.last,
ul.navirtl div.separator.level6.last,
ul.navirtl div.separator.level7.last,
ul.navirtl div.separator.level8.last,
ul.navirtl div.separator.level9.last,
ul.navirtl a.level3.last,
ul.navirtl a.level4.last,
ul.navirtl a.level5.last,
ul.navirtl a.level6.last,
ul.navirtl a.level7.last,
ul.navirtl a.level8.last,
ul.navirtl a.level9.last {
	
}

ul.navirtl div.separator.level3.active,
ul.navirtl div.separator.level4.active,
ul.navirtl div.separator.level5.active,
ul.navirtl div.separator.level6.active,
ul.navirtl div.separator.level7.active,
ul.navirtl div.separator.level8.active,
ul.navirtl div.separator.level9.active,
ul.navirtl a.level3.active,
ul.navirtl a.level4.active,
ul.navirtl a.level5.active,
ul.navirtl a.level6.active,
ul.navirtl a.level7.active,
ul.navirtl a.level8.active,
ul.navirtl a.level9.active {

}

/* level 3+ SPANs */
ul.navirtl div.separator.level3 span.menu-icon,
ul.navirtl div.separator.level4 span.menu-icon,
ul.navirtl div.separator.level5 span.menu-icon,
ul.navirtl div.separator.level6 span.menu-icon,
ul.navirtl div.separator.level7 span.menu-icon,
ul.navirtl div.separator.level8 span.menu-icon,
ul.navirtl div.separator.level9 span.menu-icon,
ul.navirtl a.level3 span.menu-icon,
ul.navirtl a.level4 span.menu-icon,
ul.navirtl a.level5 span.menu-icon,
ul.navirtl a.level6 span.menu-icon,
ul.navirtl a.level7 span.menu-icon,
ul.navirtl a.level8 span.menu-icon,
ul.navirtl a.level9 span.menu-icon {
	
}

ul.navirtl div.separator.level3 span.menu-title,
ul.navirtl div.separator.level4 span.menu-title,
ul.navirtl div.separator.level5 span.menu-title,
ul.navirtl div.separator.level6 span.menu-title,
ul.navirtl div.separator.level7 span.menu-title,
ul.navirtl div.separator.level8 span.menu-title,
ul.navirtl div.separator.level9 span.menu-title,
ul.navirtl a.level3 span.menu-title,
ul.navirtl a.level4 span.menu-title,
ul.navirtl a.level5 span.menu-title,
ul.navirtl a.level6 span.menu-title,
ul.navirtl a.level7 span.menu-title,
ul.navirtl a.level8 span.menu-title,
ul.navirtl a.level9 span.menu-title {
	padding: 10px 0;
	line-height: 12px;
}

ul.navirtl div.separator.level3.showdesc span.menu-title,
ul.navirtl div.separator.level4.showdesc span.menu-title,
ul.navirtl div.separator.level5.showdesc span.menu-title,
ul.navirtl div.separator.level6.showdesc span.menu-title,
ul.navirtl div.separator.level7.showdesc span.menu-title,
ul.navirtl div.separator.level8.showdesc span.menu-title,
ul.navirtl div.separator.level9.showdesc span.menu-title,
ul.navirtl a.level3.showdesc span.menu-title,
ul.navirtl a.level4.showdesc span.menu-title,
ul.navirtl a.level5.showdesc span.menu-title,
ul.navirtl a.level6.showdesc span.menu-title,
ul.navirtl a.level7.showdesc span.menu-title,
ul.navirtl a.level8.showdesc span.menu-title,
ul.navirtl a.level9.showdesc span.menu-title {
	padding-top: 4px;
	padding-bottom: 0;
}

ul.navirtl div.separator.level3 span.menu-desc,
ul.navirtl div.separator.level4 span.menu-desc,
ul.navirtl div.separator.level5 span.menu-desc,
ul.navirtl div.separator.level6 span.menu-desc,
ul.navirtl div.separator.level7 span.menu-desc,
ul.navirtl div.separator.level8 span.menu-desc,
ul.navirtl div.separator.level9 span.menu-desc,
ul.navirtl a.level3 span.menu-desc,
ul.navirtl a.level4 span.menu-desc,
ul.navirtl a.level5 span.menu-desc,
ul.navirtl a.level6 span.menu-desc,
ul.navirtl a.level7 span.menu-desc,
ul.navirtl a.level8 span.menu-desc,
ul.navirtl a.level9 span.menu-desc {
	padding: 3px 0 4px 0;
	line-height: 9px;
}

/*****************************
 * ALL 
 *****************************/