﻿

ul ul, ul ol, ol ol, ol ul { font-size:100% }

.em_nav ul { margin:0;text-align:left;clear:both;}


/* horizontal menu */

.hnav .menu-item-depth-0 {position:relative;float:left;}
.hnav .menu-item-depth-0 a { display:block; /*height:20px; line-height:20px;*/ /*padding:5px 20px*/ }
.hnav.sample-menu-fixed .menu-item-depth-1 a { padding:5px 20px;}
.hnav .menu-item-depth-0 > .menu-container { position:absolute; top:70px; left:-9999px; z-index:9999 }

/* vertical menu */

.vnav { width:200px }
.vnav .menu-item-depth-0 { position:relative }
.vnav .menu-item-depth-0 a { display:block;}

.vnav .menu-item-depth-0 > .menu-container { position:absolute; top:0; left:-9999px; z-index:9999 }

/* general */
.menu-item-parent > a { margin-right:31px }
.em_nav a.arrow span { display:block; /* add background arrow here */ }

/* ---------- level 2+ ---------- */

/* horizontal menu */

.hnav .menu-item-depth-0:hover > .menu-container,
.hnav .menu-item-depth-0.hover > .menu-container {}

/* vertical menu */

.vnav .menu-item-depth-0:hover > .menu-container,
.vnav .menu-item-depth-0.hover > .menu-container { left:75% }
.vnav.nav-right .menu-item-depth-0:hover > .menu-container,
.vnav.nav-right .menu-item-depth-0.hover > .menu-container { left:auto; right:100% }


.menu-item-hbox > .menu-container { white-space:nowrap }
.menu-item-hbox > .menu-container > li {white-space:normal; vertical-align:top;  }

.menu-item-link > .menu-container { min-width:180px;}

.menu-item-depth-0 .menu-item-link { position:relative }
.menu-item-depth-0 .menu-item-link > .menu-container { position:absolute; top:0; left:-9999px; z-index:9999 }

.em-catalog-navigation li:hover > ul,
.em-catalog-navigation li.hover > ul,
.menu-item-depth-0 .menu-item-link:hover > .menu-container,
.menu-item-depth-0 .menu-item-link.hover > .menu-container { left:100%; top:-11px; }
.nav-right .menu-item-depth-0 .menu-item-link:hover > .menu-container,
.nav-right .menu-item-depth-0 .menu-item-link.hover > .menu-container { left:auto; right:100% }

/* Catalog Navigation */
.em-catalog-navigation li.parent > a { margin-right:31px }
.em-catalog-navigation li.parent > a.arrow { margin-right:0;}
.em-catalog-navigation ul { /*min-*/width:190px;}
.em-catalog-navigation li { position:relative }
.em-catalog-navigation li > ul { position:absolute; top:0; left:-9999px; z-index:9999 }

.nav-right .em-catalog-navigation li:hover > ul,
.nav-right .em-catalog-navigation li.hover > ul { left:auto; right:100% }


/* Catalog Navigation with vertical style of top level */
.em-catalog-navigation.horizontal > li {float:left;}
.em-catalog-navigation.horizontal > li > ul { top:30px }
.em-catalog-navigation.horizontal > li:hover > ul { left:0; top:30px }

@media screen
	and (min-device-width: 768px)
	and (max-device-width: 1024px) {
/* workaround for touch devices */
.menu-item-parent.menu-item-depth-0 > .menu-container { display:none }
.menu-item-parent.menu-item-depth-0:hover > .menu-container { display:block }
.em-catalog-navigation li.parent > ul { display:none }
.em-catalog-navigation li.parent:hover > ul { display:block }
}
/* Mobile view */
@media (max-width:767px) {
	
}
/* Clear Divs */
.em_nav .hnav:after,
.em_nav .vnav:after,
#nav > .menu-container:after,
.menu-item-hbox:after { content:'.';display:block;clear:both;visibility:hidden;height:0;overflow:hidden }


