ul.MegaRoot{ margin:0;}
ul.MegaRoot ul{ margin:0; padding:0;}
ul.MegaRoot li{ position:relative; float:left; margin:0 10px 0 0; list-style-type:none;}
ul.MegaRoot > li{ height:100px;}

ul.MegaRoot li.root a{ display:block; border:2px solid #333c45; color:#fff; padding:0 25px; border-radius:4px; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s;}
ul.MegaRoot li.dnnSelected a, ul.MegaRoot li.dnnBreadcrumb a, ul.MegaRoot li.root a:hover, ul.MegaRoot li:hover a{ border:2px solid #398fc6; text-decoration:none;}
ul.MegaRoot li.root a span{ display:block; height:40px; line-height:40px; margin:0; padding:0; font-size:14px; font-weight:bold; text-transform:uppercase;}

ul.MegaRoot .MegaSub{ display:none; position:absolute; float:left; top:72px; left:0; z-index: 1200; background:#272f37; border-radius:0 0 3px 3px; border-top:2px solid #398fc6;}
ul.MegaRoot .MegaSub li.category{ display:block; float:left; width:210px; margin:0; padding:0; border:none; z-index:1210;}
ul.MegaRoot .MegaSub li.category a{ display:block; color:#aaa; background:none; border:none; padding:0;}
ul.MegaRoot .MegaSub li.dnnSelected a, ul.MegaSub li.dnnSelected a, ul.MegaRoot .MegaSub li.category a:hover{ background:none; border-bottom:none; color:#398fc6 ;}
ul.MegaRoot .MegaSub li.category a span{ display:block; margin:0 15px; padding:0; border-bottom:1px solid #23282d; height:45px; line-height:45px; font-size:12px; text-transform:inherit;}

ul.MegaRoot li.category li.leaf, ul.MegaRoot li.category li.dnnLast{ clear:left; float:none; position:static; padding:0 0 5px 15px;}
ul.MegaRoot li.category li.leaf a span{ height:30px; line-height:30px; border:none; font-size:12px;}

@media only screen and (max-width: 1200px) {
ul.MegaRoot li{ margin:0 5px 0 0;}
ul.MegaRoot li.root a{ padding:0 10px;}
ul.MegaRoot li.root a span{ font-size:13px;}
}

@media only screen and (max-width: 980px) {
ul.MegaRoot li{ margin:0 0 0 0;}
ul.MegaRoot li.root a{ padding:0 5px;}
}