/*------------------------------------------------------------------------ * Copyright (c) 2008-2012 ZooTemplate. All Rights Reserved. * @license - Copyrighted Commercial Software * Author: ZooTemplate * Websites: http://www.zootemplate.com -------------------------------------------------------------------------*/ /*outer*/ .menusys_mega { margin: 0; padding: 0; width: 100%;} .menusys-left { width: 353px; float: left;} .menusys-right { width: 353px; float: right; } #menusys_mega { margin:0px; padding: 0; float: right; width: 100%; } #menusys_mega .menusub_mega { margin: 0; position: absolute; z-index: 888; padding:5px 0; background: url('../../images/megamenu/bkg-sub.png') top left repeat;border:1px solid #000000; } #menusys_mega .menusub_mega .menusub_mega { margin: -11px 0 0 0 !important; z-index: 999 !importantc; } #menusys_mega .submenu-wrap { padding:0px; float:left; position: relative; } 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: 41px; line-height: 41px; margin:0 5px; background: 0; } #menusys_mega li a { padding:0px; display: block; text-decoration: none; font-size: 120%; position:relative; color: #2d2d2d; text-transform:uppercase; padding:0 0 0 20px; height: 41px; line-height: 41px;} #menusys_mega li a span.menu-title { padding:0 20px 0 0; height: 41px; line-height: 41px; float:left; } #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 { color: #ffffff; text-shadow: none; position:relative; z-index:999; background: url('../../images/megamenu/item-active.png') no-repeat left 0;} #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:999; background: url('../../images/megamenu/item-active.png') no-repeat right -41px;} #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: #ffffff; } #menusys_mega li.hasChild:hover a, #menusys_mega li.hasChild a.active:hover{ background: url('../../images/megamenu/item-active2.png') no-repeat left 0; height:40px; } #menusys_mega li.hasChild:hover a .menu-title , #menusys_mega li.hasChild a.active:hover .menu-title{background: url('../../images/megamenu/item-active2.png') no-repeat right -40px; height:40px;} /*group submenu*/ #menusys_mega .mega-group{ margin:0 10px; padding:0; line-height: 40px;} #menusys_mega .megacol { float: left; padding: 0; } #menusys_mega .mega-group a{ padding:0; background:0 !important; line-height: 40px; } #menusys_mega .mega-group a span.no-image{ padding:0; line-height: 40px; border-right:1px solid #373737;} #menusys_mega .mega-group .menu-title{ padding:0; color:#ffffff !important; text-shadow:none !important; background:0 !important;} #menusys_mega .mega-group .menu-desc {} /*level 1*/ #menusys_mega .megacol ul.mega-ul { padding: 0; margin: 0 10px; } #menusys_mega .megacol ul li { float: left; border: none; height: auto; padding: 0; margin: 5px 0; width: 100%; line-height: 27px; height: auto;background: 0 !important; } #menusys_mega .megacol ul li a { color: #d7d7d7; text-decoration: none; padding:0; margin:0; height:auto !important; line-height: 27px; height: auto; background:url('../../images/megamenu/bkg-item-hover.png') repeat-x left top !important; font-family: Arial; font-size: 100%; width: 100%; float:left; border:1px solid #36373a; position:static; z-index:1;} #menusys_mega .megacol ul li a span.no-image { padding: 0; height: auto; line-height: 27px; } #menusys_mega .megacol ul li a span.menu-title { padding: 0 0 0 10px; margin: 0; height: auto !important; line-height: 27px; background:0 !important; text-transform: none; text-shadow:none; color:#ffffff;} /*hover*/ #menusys_mega .megacol ul li.hover a, #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: #ffffff; background:url('../../images/megamenu/bkg-item-hover.png') repeat-x left -27px !important; font-weight: bold; border: 1px solid #fc992a; height: auto !important; position: static; z-index: 1;} #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: #ffffff; height: auto !important; border: 0 !important; background: 0 !important; } /*level 2*/ #menusys_mega .menusub_mega .menusub_mega .megacol ul.mega-ul { padding: 0; margin: 0 10px; } #menusys_mega .menusub_mega .menusub_mega .megacol ul li { float: left; border: none; height: auto; padding: 0; margin: 5px 0; width: 100%; line-height: 27px; height: auto;background: 0 !important; } #menusys_mega .menusub_mega .menusub_mega .megacol ul li a { color: #d7d7d7; text-decoration: none; padding:0; margin:0; height:auto !important; line-height: 27px; height: auto; background:url('../../images/megamenu/bkg-item-hover.png') repeat-x left top !important; font-family: Arial; font-size: 100%; width: 100%; float:left; border:1px solid #36373a;} #menusys_mega .menusub_mega .menusub_mega .megacol ul li a span.no-image { padding: 0; height: auto; line-height: 27px; } #menusys_mega .menusub_mega .menusub_mega .megacol ul li a span.menu-title { padding: 0 0 0 10px; margin: 0; height: auto !important; line-height: 27px; background:0 !important; text-transform: none; text-shadow:none; color:#ffffff; border: 0 !important;} #menusys_mega .menusub_mega .menusub_mega .megacol ul li.hover a, #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: #ffffff; background:url('../../images/megamenu/bkg-item-hover.png') repeat-x left -27px !important; font-weight: bold; border: 1px solid #fc992a; height: auto !important;} #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: #ffffff; height: auto !important; border: 0 !important; background: 0 !important; } #menusys_mega .menusub_mega .menusub_mega .subarrowtop{ background:url('../../images/megamenu/bkg-arrow.png') repeat-x left 0; width:6px; height: 11px; position:absolute; top:14px; left:-7px; } /*modules*/ #menusys_mega .menusub_mega .mega-module { clear: both; padding: 0px; color:#ffffff;} #menusys_mega .menusub_mega .moduletable { padding:0; margin: 0; } #menusys_mega .menusub_mega .moduletable a.latestnews{ background:0 !important; padding:0; border:0 !important; margin:5px 0; width: 100%; clear: both; line-height: 100%; font-size: 105%;float:left;} #menusys_mega .menusub_mega .moduletable img{ padding:4px; background:#212225; border:1px solid #3d3e42; border-top:0; border-left:0; margin: 0 0 5px 0; float:left;} #menusys_mega .menusub_mega .moduletable .latestnewsdate{ width: 100%; clear: both; float:left; line-height:125%; margin: 5px 0;} #menusys_mega .menusub_mega .moduletable .latestnewsdesc{ width: 100%; clear: both; float:left; line-height:17px;} /*hasChild*/ #menusys_mega li.hasChild.hover { height: 39px; } #menusys_mega .megacol ul li.hasChild.hover{ height:29px; background:0; position:static; z-index:1;}