/* General Styles */
.mega-menuh ul, .mega-menuh ul li {list-style: none;}
.mega-menuh ul {position: relative; padding: 0; margin: 0;}
.mega-menuh ul li ul {display: none;}
.mega-menuh .sub {display: none;}
.mega-menuh .sub ul {display: block;}

/* Font Styles */
.jbmm.custom {font: 18px 'Archivo Narrow', sans-serif !important; line-height: 16px !important; height:40px;}
.jbmm.custom ul.mega-menuh, .jbmm.custom ul.mega-menuh, .jbmm.custom ul.mega-menuh li {margin: 0; padding: 0; border: none;}

/* Background Styles */
.jbmm.custom ul.mega-menuh {background: none; width: 100%; height: 40px; border-right: 0px solid #1B1B1B; border-left: 0px solid #1B1B1B; position: relative;}
.jbmm.custom ul.mega-menuh li {float: left; margin: 0; padding: 0; font: 18px 'Archivo Narrow', sans-serif !important; text-transform: uppercase !important;}

/* Link Styles */
.jbmm.custom ul.mega-menuh li a {float: left; display: block; color: #000000 !important; padding: 13px 28px 14px 25px !important; text-decoration: none !important;}
.jbmm.custom ul.mega-menuh li a.dc-mega {position: relative; padding: 13px 38px 14px 25px !important;}

/* Link Icon Styles (i.e. Arrow Icon) */
.jbmm.custom ul.mega-menuh li a .dc-mega-icon {display: block; position: absolute; top: 18px; right: 15px; width: 8px; height: 6px; background: url(/packages/jb_megamenu/blocks/jb_megamenu/css/skins/images/arrow.png) no-repeat 0 0;}

/* Top Level Styles */
.jbmm.custom li.top-level-nav.mega-hover a, .jbmm.custom li.top-level-nav a:hover{background-color:none;}
.jbmm.custom > ul li.nav-path-selected a, .jbmm.custom > ul li.nav-selected a{background-color:none; color: #009FE3 !important; text-shadow: none;}

/* Hover Styles */
.jbmm.custom ul.mega-menuh li.mega-hover a, .jbmm.custom ul.mega-menuh li a:hover {background-position: 100% -40px; color: #009FE3 !important; text-shadow: none;}
.jbmm.custom ul.mega-menuh li.mega-hover a .dc-mega-icon {background-position: 0 100%;}

/* Submenu Container Styles */
.jbmm.custom ul.mega-menuh li .sub-container {position: absolute; padding: 0px 0px 0px 20px; margin-left: 0px; margin-top:0px; background-color:#efefef;}
.jbmm.custom ul.mega-menuh li .sub-container.mega {padding-left: 20px; padding-top:0px;}
.jbmm.custom ul.mega-menuh li .sub {padding: 20px 20px 20px 10px;}
.jbmm.custom ul.mega-menuh li .sub-container.mega .sub {padding: 20px 10px 10px 0;}
.jbmm.custom ul.mega-menuh li .sub .row {width: 100%; overflow: hidden; clear: both;}
.jbmm.custom ul.mega-menuh li .sub li {list-style: none; float: none; width: 170px; font-size: 1em; font-weight: normal;}

/* Submenu Container Row Header Styles */
.jbmm.custom ul.mega-menuh li .sub li.mega-hdr {margin: 0 10px 10px 0 !important; float: left;}
.jbmm.custom ul.mega-menuh li .sub li.mega-hdr.last {margin-right: 0;}
.jbmm.custom ul.mega-menuh li .sub a, .jbmm.custom ul.mega-menuh li .sub span {background: none; border: none; text-shadow: none; color: #111; padding: 7px 10px; display: block; float: none; text-decoration: none; font-size: 0.9em;}
.jbmm.custom ul.mega-menuh li .sub li.mega-hdr .mega-hdr-a {padding: 5px 5px 5px 15px !important; margin-bottom: 5px; background-color: #6B6B6B !important; text-transform: uppercase; font-weight: bold; color: #fff !important; text-shadow: 1px 1px 1px #333;}
.jbmm.custom ul.mega-menuh li .sub li.mega-hdr a.mega-hdr-a:hover {color: #ccc; text-shadow: none;}
.jbmm.custom ul.mega-menuh .sub li.mega-hdr li a {padding: 4px 5px 4px 20px !important; background: url(/packages/jb_megamenu/blocks/jb_megamenu/css/skins/images/arrow_off.png) no-repeat 5px 8px; font-weight: normal;}
.jbmm.custom ul.mega-menuh .sub li.mega-hdr li a:hover {color: #a32403 !important; background: #ccc url(/packages/jb_megamenu/blocks/jb_megamenu/css/skins/images/arrow_on.png) no-repeat 5px 8px !important;}
.jbmm.custom ul.mega-menuh .sub ul li {padding-right: 0;}

/* Submenu Container with only 1 Level (no row headers) Styles */
.jbmm.custom ul.mega-menuh li .sub-container.non-mega .sub {}
.jbmm.custom ul.mega-menuh li .sub-container.non-mega li {padding: 0; width: 190px; margin: 0;}
.jbmm.custom ul.mega-menuh li .sub-container.non-mega li a {padding: 7px 5px 7px 22px !important; background: url(/packages/jb_megamenu/blocks/jb_megamenu/css/skins/images/arrow_off.png) no-repeat 7px 10px;}
.jbmm.custom ul.mega-menuh li .sub-container.non-mega li a:hover {color: #a32403; background: #ccc url(/packages/jb_megamenu/blocks/jb_megamenu/css/skins/images/arrow_on.png) no-repeat 7px 10px !important;}