@import url(../../common/css/menustyle.css);

/*****************************
 * CSS MENU 
 *****************************/
 
ul.navi ul{
    border: 1px solid #cfcfcf;
	border-top: none;
	background-color: #fff;	
	box-shadow:1px 2px 2px #b8b8b8;
	border-radius: 0 0 5px 5px;
}
ul.navi li:hover {position: relative;}

/* show level2 */
ul.navi li.level1:hover ul.level2 {
	left: 0;
}

/* show submenu level3 */
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 {
    box-shadow: 0 0 3px rgba(0,0,0,0.2);
    border: 1px solid #cfcfcf;
    border-radius:  5px;
}
ul.navi li.level2:hover ul.level3,
ul.navi li.level3:hover ul.level4,
ul.navi li.level4:hover ul.level5,
ul.navi li.level5:hover ul.level6,
ul.navi li.level6:hover ul.level7,
ul.navi li.level7:hover ul.level8,
ul.navi li.level8:hover ul.level9 {
	left: 95%;
}

ul.navi li.level1:hover {
	background: #F2F2F2;
	margin: -8px -1px 0;
	padding: 0;
	border-radius: 5px 5px 0 0;
}

ul.navi li.level1:hover div.separator.level1,
ul.navi li.level1:hover a.level1 {
	background-color: #fff;
	background-position: 90% -19px;
	padding-top: 12px;
	border: 1px solid #CFCFCF;
	border-bottom: none;
	border-radius: 5px 5px 0 0;
}

ul.navi li.level2:hover div.separator.level2,
ul.navi li.level2:hover a.level2 {color: #fd0036;background-position: 5px 14px;}

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: #fd0036;
	background-position: 5px 14px;
}

/* RTL 
   show level2 */
   
ul.navirtl li:hover {
	position: relative;
}

/* show level2 */
ul.navirtl li.level1:hover ul.level2 {
	right: 0;
	top: 100%;
}

/* show submenu level3 */
ul.navirtl li.level2:hover ul.level3,
ul.navirtl li.level3:hover ul.level4,
ul.navirtl li.level4:hover ul.level5,
ul.navirtl li.level5:hover ul.level6,
ul.navirtl li.level6:hover ul.level7,
ul.navirtl li.level7:hover ul.level8,
ul.navirtl li.level8:hover ul.level9 {
	right: 95%;
	top: 20%;
}

ul.navirtl li.level1:hover {
	background: #F2F2F2;
}

ul.navirtl li.level1:hover div.separator.level1,
ul.navirtl li.level1:hover a.level1 {
	color: #000;
	background-position: 10% -19px;
}

ul.navirtl li.level2:hover {}

ul.navirtl li.level2:hover div.separator.level2,
ul.navirtl li.level2:hover a.level2 {
	background-position: 99% 14px;
}

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:  99% 14px;
	
}