/* Level 0 */
div.menusys_mega {width: 100%;display:table; margin: 0 -2px; }
div.menusys_mega ul.level0 {margin:0;display:table;background: none; }
div.menusys_mega ul.level0 > li {padding: 0;margin:0 2px 1px;float: left;display: block;border-bottom: none;background:url(../../images/mega/megamenu.jpg) repeat-x 0 0;
     border: 1px solid #c8c8c8;border-bottom: none;border-radius: 5px 5px 0 0;
}
div.menusys_mega ul.level0 > li.last-item{}
div.menusys_mega ul.level0 > li.last-item > a.item{}

div.menusys_mega ul.level0 li > a.item {padding: 3px 10px ;display:block;position: relative;z-index: 21;}
div.menusys_mega ul.level0 li > a.item span.menu-title {line-height: 24px;display: inline-block;color: #555555;font-size: 13px; }
div.menusys_mega ul.level0 li > a.item span.no-image{display:block;}
div.menusys_mega ul.level0 li > a.item span.has-image {display: block;padding: 0 0 0 30px;background-repeat: no-repeat;background-position: 2px 3px;}
div.menusys_mega ul.level0 li > a.item span.menu-desc {display: block;color:#fff;}

div.menusys_mega ul.level0 li.active {margin:0 2px; }
div.menusys_mega ul.level0 li.active  span.menu-desc,
div.menusys_mega ul.level0 li.hover  span.menu-desc{}
div.menusys_mega ul.level0 li.active > a.item {  }
div.menusys_mega ul.level0 li.active > a.item span.menu-title { color:#fff; text-shadow: 1px 1px 0 #263032;line-height: 25px;}

div.menusys_mega ul.level0 li.hover {margin:0 2px; }
div.menusys_mega ul.level0 li.hover  > a.item {  }
div.menusys_mega ul.level0 li.hover  > a.item span.menu-title { color:#fff; text-shadow: 1px 1px 0 #263032; line-height: 25px;}

div.menusys_mega ul.level0 > li.hasChild.hover > a.item  span.no-image,
div.menusys_mega ul.level0 > li.hasChild.active > a.item span.no-image{}


/*  Boder Child Content  */
div.menusys_mega .menusub_mega {position:absolute;opacity:0;}
div.menusys_mega .menusub_mega .menusub_mega{margin-top: -32px !important;padding-top:0; }
div.menusub_mega > div.submenu-wrap{background: #f1f1f1;position:relative; box-shadow: 1px 2px 2px #6a6a6a;border-top:4px solid #1763BE;}
div.menusub_mega div.subarrowtop{}
div.menusub_mega div.menusub_mega div.submenu-wrap{box-shadow: 0 0 2px #6a6a6a;border-top:none;}
div.menusys_mega div.subwrapcenter{ padding: 0;display:table;}
div.menusys_mega ul.mega-ul li.hasChild.hover .submenu-wrap {}

/* Mega Grouped  */
div.menusys_mega .mega-group {padding: 5px ; border-bottom: 1px solid #ccc;margin: 0 10px;}
div.menusys_mega .mega-group > a.item{}
div.menusys_mega .mega-group > a.item span.no-image{}
div.menusys_mega .mega-group > a.item span.has-image{padding: 3px 0 3px 25px;display:block;  background-position: 2px 4px;}
div.menusys_mega .mega-group > a .menu-title{font-size: 120%;display:block;color:#0052b0;}
div.menusys_mega .mega-group > a .menu-desc{color:#7e7e7e;font-size:95%;}

/* Child Content  */
div.menusys_mega .mega-module .moduletable{}
div.menusys_mega .mega-module .moduletable .modulecontent{}

/* Level2 MegaMenu   */
div.menusys_mega div.subwrapcenter > .megacol {float: left;width: 200px;}
div.menusys_mega div.subwrapcenter > .megacol .submenu-wrap{display:table;}
div.menusys_mega div.subwrapcenter > .megacol.last-item{border-right:none;}
div.menusys_mega div.subwrapcenter > .megacol ul.mega-ul li.first-item{border-radius: 0;}

div.menusys_mega ul.mega-ul{ margin:5px;}
div.menusys_mega ul.mega-ul li {padding: 0;margin:0;float: none;background:none;}
div.menusys_mega ul.mega-ul li.hasChild {background: url(../../images/mega/arrowchild-ltr.png) no-repeat 95% 7px;}
div.menusys_mega ul.mega-ul li.last-item{border-bottom:none;overflow:hidden;}
div.menusys_mega ul.mega-ul li.first-item{overflow:hidden;}

div.menusys_mega ul.mega-ul li > a.item{padding: 2px 0;display: block;position: static;text-transform:none;
     background-size: 100% 100%;display: block;
}
div.menusys_mega ul.mega-ul li > a.item span.no-image{padding: 0 0 0 10px;display:block;}
div.menusys_mega ul.mega-ul li > a.item span.menu-title{line-height: 23px;color: #555 ;font-size: 12px ;}

div.menusys_mega ul.mega-ul li > a.item .has-image{padding-left:25px; background-position:2px 4px;}
div.menusys_mega ul.mega-ul li > a.item .has-image span.menu-title{}

div.menusys_mega ul.mega-ul li.hover{ background:none; margin:0;}
div.menusys_mega ul.mega-ul li.active{}
div.menusys_mega ul.mega-ul li.hover > a.item:hover {text-decoration: none; background-image: url(../../images/mega/mega-hover.png) ;
     background-position: 100% 100%;background-repeat: repeat-y;}
div.menusys_mega ul.mega-ul li.hover > a.item span.no-image {display:block;}
div.menusys_mega ul.mega-ul li.hover > a.item span.menu-title {color: #555 ; text-shadow: 0 0 4px #fff;line-height: 23px;}