/*outer*/ .menusys_mega { margin: 15px 0 0 0; padding: 0; width: 100%;} .menusys-left { width: 360px; float: left;} .menusys-right { width: 360px; float: right; } #menusys_mega { margin:0px; padding: 0; float: left; width: 100%; } #menusys_mega .menusub_mega { margin: 0; position: absolute; z-index: 888; padding: 5px; border:4px solid #ffffff; background:#f4f4f4; } #menusys_mega .menusub_mega .menusub_mega { margin: -36px 0 0 0 !important; background:#f4f4f4;} #menusys_mega .submenu-wrap { padding:0px; float:left; } #menusys_mega .megacol .submenu-wrap{ background:0; border: 0;} span.has-image { display: block; background-repeat: no-repeat; background-position: 0 4px; } span.no-image { display: block; } /*level 1*/ #menusys_mega li { padding: 0; float: left; display: block; height: 40px; line-height: 40px; margin:0px; background: 0; } #menusys_mega li a { padding:0px; display: block; text-decoration: none; font-size: 110%; position:relative; text-transform:uppercase; } #menusys_mega li a span.menu-title { padding:0 11px; } #menusys_mega li.last-item a span.menu-title { padding:0 0 0 11px; } #menusys_mega li.first-item a span.menu-title { padding: 0 11px 0 0; } #menusys_mega li a span.menu-image { border: none; float: left; padding: 0px; } /*level 1 hover*/ #menusys_mega li:hover, #menusys_mega li:active, #menusys_mega li:focus { } #menusys_mega .active {} #menusys_mega li:hover a, #menusys_mega li:active a, #menusys_mega li:focus a, #menusys_mega li a.active, #menusys_mega li a.active:hover, #menusys_mega li a.active:active, #menusys_mega li a.active:focus { position:relative; z-index:10; } #menusys_mega li:hover a .menu-title, #menusys_mega li:active a .menu-title, #menusys_mega li:focus a .menu-title, #menusys_mega li a.active .menu-title, #menusys_mega li a.active:hover .menu-title, #menusys_mega li a.active:active .menu-title, #menusys_mega li a.active:focus .menu-title { position: relative; z-index:15; } #menusys_mega li:hover a .menu-desc, #menusys_mega li:active a .menu-desc, #menusys_mega li:focus a .menu-desc, #menusys_mega li a.active .menu-desc, #menusys_mega li a.active:hover .menu-desc, #menusys_mega li a.active:active .menu-desc, #menusys_mega li a.active:focus .menu-desc { color: #666; } /*group submenu*/ #menusys_mega .mega-group{ margin:0; padding:0; line-height: 40px; background:#262626;background:url(../../images/mega/mega-group.png) no-repeat left bottom; } #menusys_mega .megacol { float: left; padding: 0; } #menusys_mega .mega-group a{ padding:0; background:0 !important; line-height: 40px; border-bottom:1px solid #fff; } #menusys_mega .mega-group a span.no-image{ padding:0; line-height: 40px; border-right:1px solid #fff;} div.menusys_mega div.submenu-wrap .mega-group .menu-title{padding:0 0 0 9px; color:#333 !important;font-size: 130%;display:block;line-height: 40px;} div.menusys_mega div.submenu-wrap .mega-group .menu-desc{color:#333;font-size:11px; line-height: 20px;} /*col*/ #menusys_mega .megacol ul.mega-ul { padding: 0; margin: 0; } #menusys_mega .megacol ul li { float: none; border: none; height: auto; padding: 0; margin: 0; line-height: 30px; height: 30px;} #menusys_mega .megacol ul li a { color: #111; text-decoration: none; padding:0; margin:0; height:auto; line-height: 30px; height: 30px; background: 0; border-bottom:1px solid #fff;} #menusys_mega .megacol ul li.last-item a { border-bottom:0;} #menusys_mega .megacol ul li a span.no-image { padding: 0; height: auto; line-height: 30px; border-right:1px solid #fff;} #menusys_mega .megacol ul li a span.menu-title { padding: 0 0 0 10px; margin: 0; height: auto; line-height: 30px; background:0; text-transform: none; text-shadow:none; color:#333;} /*hover*/ #menusys_mega .megacol ul li.hover span.menu-title, #menusys_mega .megacol ul li a:hover, #menusys_mega .megacol ul li a:active, #menusys_mega .megacol ul li a:focus, #menusys_mega .megacol ul li a.active, #menusys_mega .megacol ul li a.active:hover, #menusys_mega .megacol ul li a.active:active, #menusys_mega .megacol ul li a.active:focus{ color: #272727; background:0; } #menusys_mega .megacol ul li a:hover .menu-title , #menusys_mega .megacol ul li a:active .menu-title , #menusys_mega .megacol ul li a:focus .menu-title , #menusys_mega .megacol ul li a.active .menu-title , #menusys_mega .megacol ul li a.active:hover .menu-title , #menusys_mega .megacol ul li a.active:active .menu-title , #menusys_mega .megacol ul li a.active:focus .menu-title { color: #272727;} #menusys_mega .megacol ul li.hover span.no-image, #menusys_mega .megacol ul li a:hover span.no-image, #menusys_mega .megacol ul li a:active span.no-image, #menusys_mega .megacol ul li a:focus span.no-image, #menusys_mega .megacol ul li a.active span.no-image, #menusys_mega .megacol ul li a.active:hover span.no-image, #menusys_mega .megacol ul li a.active:active span.no-image, #menusys_mega .megacol ul li a.active:focus span.no-image{ background:#ffffff; border-right:0; } #menusys_mega .menusub_mega .menusub_mega .megacol ul li a{ color:#333 !important; } #menusys_mega .menusub_mega .menusub_mega .megacol ul li a .menu-title{ color:#333 !important; } #menusys_mega .menusub_mega .menusub_mega .megacol ul li span.no-image{ background:#f4f4f4 !important; color:#333 !important; } #menusys_mega .menusub_mega .menusub_mega .megacol ul li a:hover, #menusys_mega .menusub_mega .menusub_mega .megacol ul li a:active, #menusys_mega .menusub_mega .menusub_mega .megacol ul li a:focus, #menusys_mega .menusub_mega .menusub_mega .megacol ul li a.active, #menusys_mega .menusub_mega .menusub_mega .megacol ul li a.active:hover, #menusys_mega .menusub_mega .menusub_mega .megacol ul li a.active:active, #menusys_mega .menusub_mega .menusub_mega .megacol ul li a.active:focus{ color: #272727 !important; background:0; } #menusys_mega .menusub_mega .menusub_mega .megacol ul li a:hover .menu-title , #menusys_mega .menusub_mega .menusub_mega .megacol ul li a:active .menu-title , #menusys_mega .menusub_mega .menusub_mega .megacol ul li a:focus .menu-title , #menusys_mega .menusub_mega .menusub_mega .megacol ul li a.active .menu-title , #menusys_mega .menusub_mega .menusub_mega .megacol ul li a.active:hover .menu-title , #menusys_mega .menusub_mega .menusub_mega .megacol ul li a.active:active .menu-title , #menusys_mega .menusub_mega .menusub_mega .megacol ul li a.active:focus .menu-title { color: #272727 !important;} #menusys_mega .menusub_mega .menusub_mega .megacol ul li.hover span.no-image, #menusys_mega .menusub_mega .menusub_mega .megacol ul li a:hover span.no-image, #menusys_mega .menusub_mega .menusub_mega .megacol ul li a:active span.no-image, #menusys_mega .menusub_mega .menusub_mega .megacol ul li a:focus span.no-image, #menusys_mega .menusub_mega .menusub_mega .megacol ul li a.active span.no-image, #menusys_mega .menusub_mega .menusub_mega .megacol ul li a.active:hover span.no-image, #menusys_mega .menusub_mega .menusub_mega .megacol ul li a.active:active span.no-image, #menusys_mega .menusub_mega .menusub_mega .megacol ul li a.active:focus span.no-image{ background:#ffffff !important; color: #272727 !important; border-right:0; } /*modules*/ #menusys_mega .menusub_mega .mega-module { clear: both; padding: 10px; } #menusys_mega .menusub_mega .moduletable { padding:0; margin: 0; } #menusys_mega .menusub_mega .moduletable img{ background:#ffffff; margin: 0; } /*hasChild*/ #menusys_mega li.hasChild.hover { height: 55px;} #menusys_mega .megacol ul li.hasChild.hover{ height:30px; background:0; }