@import url(../../common/css/menustyle.css);

/*****************************
 * DROPLINE MENU 
 *****************************/
ul.navi li:hover {
	/*position: relative;*/
}

/* show level2 */
ul.navi li.level1:hover ul.level2 {
	left: 0;
}
ul#droplinenavigator.navi li.level2.hover,
ul#droplinenavigator.navi li.level2.hover {
	background:url("../../../../images/bg_drop_hover.png") no-repeat scroll 17px center #d5d5d5;
	
}
ul#droplinenavigator.navirtl li.level2.hover,
ul#droplinenavigator.navirtl li.level2.hover {
	background:url("../../../../images/bg_drop_hover.png") no-repeat scroll 87% center #d5d5d5;
	
}
/* show submenu level3 */
ul.navi ul.level2 li.level2:hover ul.level3,ul.navi ul.level2 li.level3:hover ul.level4,ul.navi ul.level2 li.level4:hover ul.level5,ul.navi ul.level2 li.level5:hover ul.level6,ul.navi ul.level2 li.level6:hover ul.level7,ul.navi ul.level2 li.level7:hover ul.level8,ul.navi ul.level2 li.level8:hover ul.level9
	{
	left: 95%;
}
ul.navi li.level1.first:hover div.level1.separator, 
ul.navi li.level1.first:hover a.level1{
	
}
ul.navi li.level1:hover div.level1.separator, 
ul.navi li.level1:hover a.level1 {
    background: #0096ff;
    color: #FFFFFF;
}
ul.navi li.level1.first:hover {
	background:none;
}
ul.navi li.level2:hover {
	
}

ul.navi li.level2:hover div.separator.level2,
ul.navi li.level2:hover a.level2{
	color: #0096ff;
}

ul.navi ul.level3 li:hover {
	
}

ul.navi ul.level3 li:hover>div.separator,ul.navi ul.level3 li:hover>a {
	color: #0096ff;
}

/* RTL 
   show level2 */
ul.navirtl li:hover {
	/*position: relative;*/
}
ul#droplinenavigator.navi li.level2:hover{
	background:transparent;
}
ul#droplinenavigator.navi li.level2.showicon:hover,
ul#droplinenavigator.navirtl li.level2.showicon:hover{
	background:#d5d5d5;
}
ul#droplinenavigator.navirtl li.level2:hover {
	background:transparent;
}
/* show level2 */
ul.navirtl li.level1:hover ul.level2 {
	right: 0;
}

/* show submenu level3 */
ul.navirtl ul.level2 li.level2:hover ul.level3,ul.navirtl ul.level2 li.level3:hover ul.level4,ul.navirtl ul.level2 li.level4:hover ul.level5,ul.navirtl ul.level2 li.level5:hover ul.level6,ul.navirtl ul.level2 li.level6:hover ul.level7,ul.navirtl ul.level2 li.level7:hover ul.level8,ul.navirtl ul.level2 li.level8:hover ul.level9
{
	right: 95%;
}

ul.navirtl li.level1:hover {
	
}

ul.navirtl li.level1:hover div.separator.level1,
ul.navirtl li.level1:hover a.level1{
	background:#0096ff;
    color: #FFFFFF;
}
ul.navirtl li.level1.first:hover div.level1.separator, 
ul.navirtl li.level1.first:hover a.level1{
	
}
ul.navirtl li.level1:hover div.separator.level1.first,
ul.navirtl li.level1:hover a.level1.first{
	
}
ul.navirtl li.level2:hover {
}

ul.navirtl li.level2:hover div.separator.level2,
ul.navirtl li.level2:hover a.level2
{
	color: #0096ff;
}

ul.navirtl ul.level3 li:hover {

}

ul.navirtl ul.level3 li:hover>div.separator,ul.navirtl ul.level3 li:hover>a
{
	color: #0096ff;
}

/* style for drop */
#droplinenavigator.navi{
	height: 84px;
	margin:0 0 0 -6px;
}

#droplinenavigator.navi li.level1{
	position: static;
}

#droplinenavigator.navi ul.level2{
	margin: 0;
	padding:0 0;
	width: 980px;
	height: 41px;
	background:#e8e7e7;
}
#droplinenavigator.navi ul.level2 ul{
	box-shadow:0 0 2px #888;
	-webkit-box-shadow:0 0 2px #888;
	-moz-box-shadow:0 0 2px #888;
}
#droplinenavigator.navi li.level2.first{
	margin:0 1px;
}
ul#droplinenavigator.navi li.level2{
	margin:0 1px;
	padding:0 2px;
	background:transparent;
}
ul#droplinenavigator.navi li.level2.showicon{
	background:transparent;
}
#droplinenavigator.navi div.separator.level2.havechild,
#droplinenavigator.navi a.level2.havechild{	

}
#droplinenavigator.navi div.separator.level2,
#droplinenavigator.navi a.level2{
	background:none;
	text-transform:uppercase;
	font-weight:normal;
	padding:0 7px;
	margin:0;
}
#droplinenavigator.navi div.separator.level2 span.menu-title, 
#droplinenavigator.navi a.level2 span.menu-title{
	padding:16px 0;
	font-size:11px;
	line-height:9px;
	text-transform:uppercase;
}

#droplinenavigator.navi div.separator.level2.showdesc span.menu-title, 
#droplinenavigator.navi a.level2.showdesc span.menu-title{
}
#droplinenavigator.navi div.separator.level2 span.menu-desc, 
#droplinenavigator.navi a.level2 span.menu-desc{
	padding:0 0 0;
}


#droplinenavigator.navi li.level1.active ul.level2{
	left: 0px;	
}

#droplinenavigator.navi ul.level2 ul li:hover{
	position: relative;
	background: url("../../../../images/arr_menu_left_hover.png") no-repeat scroll 8% 16px #FFFFFF;
}
#droplinenavigator.navi ul.level2 ul li.showicon:hover{
	background:#fff;
}
#droplinenavigator.navi ul.level2 li:hover ul.level3{
	left: -1px;
	top: 100%;
}

/* right to left */
#droplinenavigator.navirtl{
	height: 84px;
	margin:0 -6px 0 0;
}

#droplinenavigator.navirtl li.level1{
	position: static;
}

#droplinenavigator.navirtl ul.level2{
	width: 980px;
	height: 35px;
	padding:0 0;
	margin:0;
	background:#e8e7e7;
}

ul#droplinenavigator.navirtl li.level2{
	margin:0 1px;
	padding:0 2px;
	background:transparent;
}
ul#droplinenavigator.navirtl li.level2.showicon{
	background:transparent;
}
#droplinenavigator.navirtl li.level2.first{
	margin:0 1px;
}
#droplinenavigator.navirtl li.level2.last{
	margin:0 0;
}
#droplinenavigator.navirtl div.separator.level2.havechild,
#droplinenavigator.navirtl a.level2.havechild
{	

}
#droplinenavigator.navirtl div.separator.level2,
#droplinenavigator.navirtl a.level2{
	background:none;
	text-transform:uppercase;
	font-weight:normal;
	padding:0 7px;
	margin:0;
}
#droplinenavigator.navirtl div.separator.level2 span.menu-title, 
#droplinenavigator.navirtl a.level2 span.menu-title {
    font-size: 11px;
    line-height: 9px;
    padding: 16px 0;
	font-weight:normal;
	text-transform:uppercase;
}

#droplinenavigator.navirtl div.separator.level2.showdesc span.menu-title, 
#droplinenavigator.navirtl a.level2.showdesc span.menu-title{
	
}
#droplinenavigator.navirtl div.separator.level2 span.menu-desc, 
#droplinenavigator.navirtl a.level2 span.menu-desc{
	padding:0 0 0;
}

#droplinenavigator.navirtl li.level1.active ul.level2{
	right: 0px;
	top:auto
}
#droplinenavigator.navirtl ul.level2 ul{
    box-shadow: 0 0 2px #000000;
	-webkit-box-shadow:0 0 2px #000;
	-moz-box-shadow:0 0 2px #000;
}
#droplinenavigator.navirtl ul.level2 ul li:hover{
	position: relative;
	background: url("../../../../images/arr_menu_left_hover_rtl.png") no-repeat scroll 92% 16px #FFFFFF;
}
#droplinenavigator.navirtl ul.level2 ul li.showicon:hover{
	background:#fff;
}
#droplinenavigator.navirtl ul.level2 li:hover ul.level3{
	right: -1px;
	top: 99%;
}

/* zIndex */

#droplinenavigator li.level1.active ul.level2{
	z-index: 1;
}
#droplinenavigator li.level1:hover ul.level2{
	z-index: 2;
	top:auto;
	margin:0;
}