/* 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-family: Roboto, Helvetica, Arial, sans-serif; font-weight:400 !important; color:#58595b; font-size:15px; line-height:20px; text-transform:uppercase; list-style:none; margin:0px; padding:0px; width:auto; z-index:2; overflow:visible; float: right; 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: #FFFFFF; width: 100%; height: 40px; border-right: 0px none; border-left: 0px none; position: relative;}
.jbmm.custom ul.mega-menuh li {float: left; margin: 0; padding: 0; font-size: 15px !important; font-weight: 400 !important;}

/* Link Styles */
.jbmm.custom ul.mega-menuh li a {float: left; display: block; color:#58595b !important; padding: 13px 20px 14px 20px !important; text-shadow: 0px 0px 0px #FFF; text-decoration: none !important; font-weight: 400 !important;}
.jbmm.custom ul.mega-menuh li a.dc-mega {position: relative; padding: 13px 20px 14px 20px !important;}

/* Link Icon Styles (i.e. Arrow Icon) */
.jbmm.custom ul.mega-menuh li a .dc-mega-icon {display:none; /*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:#f3f2f7;color: #ff9637 !important;}
.jbmm.custom > ul li.nav-path-selected a, .jbmm.custom > ul li.nav-selected a{background-color:#FFFFF; font-weight:400; color: #ff9637 !important; }

/* Hover Styles */
.jbmm.custom ul.mega-menuh li.mega-hover a, .jbmm.custom ul.mega-menuh li a:hover {background-position: 100% -40px; color: inherit !important; text-shadow: none;}
.jbmm.custom ul.mega-menuh li.mega-hover a .dc-mega-icon {display:none; background-position: 0 100%;}

/* Submenu Container Styles */
.jbmm.custom ul.mega-menuh li .sub-container {position: absolute; padding: 30px 20px 20px 20px; margin-left: 0px; margin-top:0px; background-color:#f3f2f7; box-shadow: 3px 5px 5px #adadad;}
.jbmm.custom ul.mega-menuh li .sub-container.mega {padding-left: 20px; padding-top:0px;}
.jbmm.custom ul.mega-menuh li .sub {padding: 0px;}
.jbmm.custom ul.mega-menuh li .sub-container.mega .sub {padding: 20px 10px 10px 0px;}
.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: 150px; 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:#58595b; padding: 7px 10px; display: block; float: none; text-decoration: none; font-size: 1em !important;}
.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: 0px none;}
.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 10px 4px 10px !important; background: none; font-weight: 400 !important; color: #ff9637 !important; text-transform:none !important;}
.jbmm.custom ul.mega-menuh .sub li.mega-hdr li a:hover {color: #FFFFFF !important; background: #ff9637 !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: 150px;*/ margin: 0;}
.jbmm.custom ul.mega-menuh li .sub-container.non-mega li a {font-weight: 400 !important; color: #ff9637 !important; line-height:19px !important; text-transform:none !important; padding: 7px 10px 7px 10px !important; background: none; margin-bottom:4px !important;}
.jbmm.custom ul.mega-menuh li .sub-container.non-mega li a:hover {color: #FFFFFF !important; background: #ff9637 !important;}