.menusys_mega {width: 100%;float: left;} #menusys_mega {width:100%;display:inline-block;margin:0;} #menusys_mega li { padding:0 2px 0 0; margin:0; float: left; display: block; background: url(../../images/mega/menu-veti.png) no-repeat right top; border-bottom: none; } #menusys_mega li.last-item{background:none;} #menusys_mega li a { padding: 10px 5px 30px ; display: inline-block; text-decoration: none; position: relative; z-index: 99; } #menusys_mega li .menu-title { padding-top:27px; display: inline-block; color: #5b5b5b; font-size: 13px; } #menusys_mega li:hover a, #menusys_mega li a:hover, #menusys_mega li a:active, #menusys_mega li a:focus, #menusys_mega li a.active, #menusys_mega li a.active:hover, #menusys_mega li a.active:active, #menusys_mega li a.active:focus { } ul.level0 li a:hover, ul.level0 li.active a{ background: url(../../images/mega/menu-hover.png) repeat-x 0 0; } #menusys_mega li:hover .menu-title, #menusys_mega li a:hover .menu-title, #menusys_mega li a:active .menu-title, #menusys_mega li a:focus .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 { color:#1f7cdc; } #menusys_mega li.hasChild span.no-image, #menusys_mega li.hasChild a.active span.no-image { } #menusys_mega li.hasChild a:hover span.no-image, #menusys_mega li.hasChild a.active:hover span.no-image {} /* MegaMenu Submenu --------------------------------------------------------- */ #menusys_mega .menusub_mega {padding: 0;z-index: 999;display:none;margin-top:-10px !important;} #menusys_mega .menusub_mega .menusub_mega{margin: -50px 0px 0px 0px !important;display:block;} #menusys_mega .submenu-wrap{display: inline-block;width: 100%;} #menusys_mega div.subarrowtop{} #menusys_mega div.subwrapcenter-left{display: block; background:url(../../images/mega/opacity.png) repeat ; padding:5px;border-radius: 5px; } #menusys_mega div.subwrapcenter-right{overflow: hidden;background:#f1f2f2;} #menusys_mega div.subwrapcenter{ width:100%;float:left; } #menusys_mega .submenu-wrap .submenu-wrap{background:none;} #menusys_mega .megacol ul.mega-ul{margin: 10px; overflow:hidden;} #menusys_mega .megacol {float: left;width: 200px;overflow:hidden;} #menusys_mega li.clearfloat .megacol.column1{clear:both;} /* Child Content------------*/ #menusys_mega .menu-image { border: none; float: left; line-height: 44px; padding: 8px 0 0; margin-right: 3px; } #menusys_mega span.has-image { display: block; background-repeat: no-repeat; background-position: center top; } /* Mega Group----------*/ #menusys_mega .menusub_mega .mega-group { overflow: hidden; margin: 10px ; margin-bottom:0px; padding: 0 0 5px; background: url("../../images/lines-ztnew.png") no-repeat scroll left bottom ; } #menusys_mega li.hasChild .mega-group span.has-image, #menusys_mega li.hasChild .mega-group span.no-image{ background: none !important; margin:0; padding: 1px 0 1px 0; display: block; } #menusys_mega .mega-group span.has-image{padding: 3px 0 3px 25px;} #menusys_mega li.hasChild .mega-group a{ padding: 0 ; background: none !important ; } #menusys_mega .menusub_mega .mega-module { clear: both; line-height: 20px; } #menusys_mega .menu-desc{ padding: 0 ; line-height: 15px; font-size: 95%; color: #909090; display: block; } #menusys_mega li.hasChild .mega-group a .menu-title, #menusys_mega li.hasChild .mega-group a:hover .menu-title, #menusys_mega li.hasChild .mega-group a.active .menu-title{ padding: 0; font-weight: bold; font-size: 110%; text-shadow: none; line-height: 20px; color: #333; text-transform: uppercase; } /* Level2 MegaMenu --------------------------------------------------------- */ #menusys_mega .menusub_mega .mega-module a.readmore{ padding: 4px 10px; color: #fff; cursor: pointer; background: #1f7cdc ; display:inline-block; box-shadow: 1px 1px 5px 0 #125ead inset, 1px 0px 0px #fff; -webkit-box-shadow: 1px 1px 5px 0 #125ead inset, 1px 0px 0px #fff; -webkit-border-radius: 10px; border-radius: 5px; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; } #menusys_mega .menusub_mega .mega-module a.readmore:hover { background:#333 ; box-shadow: 1px 1px 3px 0 #1c1c1c inset, 1px 0px 0px #fff; -webkit-box-shadow: 1px 1px 3px 0 #1c1c1c inset, 1px 0px 0px #fff; } #menusys_mega .megacol ul.mega-ul li.hasChild {background: url(../../images/mega/arrowchild-ltr.png) no-repeat 96% 7px;} #menusys_mega .megacol ul.mega-ul li { padding: 0; float: none; display: block; background:none; } #menusys_mega li .megacol ul.mega-ul li span.no-image, #menusys_mega li .megacol ul.mega-ul li a.item:hover span.no-image, #menusys_mega li .megacol ul.mega-ul li a.active span.no-image{ padding: 0 0 0 15px; display:block; background:url(../../images/mega/bullet.png) no-repeat 3px 10px; } #menusys_mega li .megacol ul.mega-ul li a.item:hover span.no-image{ background:url(../../images/mega/bullet.png) no-repeat 3px -71px; } #menusys_mega li.hasChild ul a, #menusys_mega li.hasChild ul a.active, #menusys_mega li.hasChild:hover ul a { padding: 0px; margin: 0; display: block; background: none; position: static; text-shadow: none; } #menusys_mega li.hover ul.mega-ul a .menu-title, #menusys_mega li.hasChild ul.mega-ul li a .menu-title, #menusys_mega li.hasChild ul.mega-ul li a.active .menu-title, #menusys_mega li.hasChild ul.mega-ul li a.focus .menu-title{ line-height: 23px; margin: 0; padding: 2px 0px; display: block; color: #4e4e4e ; font-size: 12px ; font-weight: normal; text-shadow: none; } #menusys_mega li.hasChild ul a span.has-image .menu-title, #menusys_mega li.hasChild:hover ul a span.has-image .menu-title, #menusys_mega li.hasChild ul a:hover span.has-image .menu-title{ padding: 2px 0 2px 25px; margin: 0; background: none; } #menusys_mega li.hasChild ul a:hover , #menusys_mega li.hasChild ul a:active, #menusys_mega li.hasChild ul a:focus, #menusys_mega li.hasChild ul.mega-ul a.active:hover { text-decoration: none; margin: 0; padding-left: 0px; display: block; } #menusys_mega li.hover ul.mega-ul a:hover .menu-title, #menusys_mega li.hasChild ul.mega-ul a:hover .menu-title, #menusys_mega li.hasChild ul.mega-ul a:active .menu-title, #menusys_mega li.hasChild ul.mega-ul a:focus .menu-title, #menusys_mega li.hasChild ul.mega-ul a.active:hover .menu-title{ color: #1f7cdc; text-shadow: 0 0 3px #82baf5; }