/*****************************
 * JS CLASS FOR MENU
 *****************************/

/* show level2 */

ul.navi li.level1.hover {
	background: -moz-linear-gradient(top,  rgba(255,255,255,0.3) 0%, rgba(255,255,255,0.05) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.3)), color-stop(100%,rgba(255,255,255,0.05))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0.3) 0%,rgba(255,255,255,0.05) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,0.3) 0%,rgba(255,255,255,0.05) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,0.3) 0%,rgba(255,255,255,0.05) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,0.3) 0%,rgba(255,255,255,0.05) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4dffffff', endColorstr='#0dffffff',GradientType=0 ); /* IE6-9 */

}

ul.navi li.level1.hover div.separator.level1,
ul.navi li.level1.hover a.level1 {
	
}

ul.navi li.level2.hover {}

ul.navi li.level2.hover div.separator.level2,
ul.navi li.level2.hover a.level2 {
	color:#81CA07;
	background-position: 8px -26px;
}

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

}

ul.navi li.level3.hover div.separator.level3,
ul.navi li.level4.hover div.separator.level4,
ul.navi li.level5.hover div.separator.level5,
ul.navi li.level6.hover div.separator.level6,
ul.navi li.level7.hover div.separator.level7,
ul.navi li.level8.hover div.separator.level8,
ul.navi li.level9.hover div.separator.level9,
ul.navi li.level3.hover a.level3,
ul.navi li.level4.hover a.level4,
ul.navi li.level5.hover a.level5,
ul.navi li.level6.hover a.level6,
ul.navi li.level7.hover a.level7,
ul.navi li.level8.hover a.level8,
ul.navi li.level9.hover a.level9 {
	color:#81CA07;
	background-position: 15px 13px;
}

/* RTL 
 * show level2 */

ul.navirtl li.level1.hover {
	
}

ul.navirtl li.level1.hover div.separator.level1,
ul.navirtl li.level1.hover a.level1 {
	
}

ul.navirtl li.level2.hover {
	
}

ul.navirtl li.level2.hover div.separator.level2,
ul.navirtl li.level2.hover a.level2 {
	background-position: 96% -26px;
}

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

ul.navirtl li.level3.hover div.separator.level3,
ul.navirtl li.level4.hover div.separator.level4,
ul.navirtl li.level5.hover div.separator.level5,
ul.navirtl li.level6.hover div.separator.level6,
ul.navirtl li.level7.hover div.separator.level7,
ul.navirtl li.level8.hover div.separator.level8,
ul.navirtl li.level9.hover div.separator.level9,
ul.navirtl li.level3.hover a.level3,
ul.navirtl li.level4.hover a.level4,
ul.navirtl li.level5.hover a.level5,
ul.navirtl li.level6.hover a.level6,
ul.navirtl li.level7.hover a.level7,
ul.navirtl li.level8.hover a.level8,
ul.navirtl li.level9.hover a.level9 {
	background-position: 92% 13px;
}