﻿ul.MegaRoot{ margin:0;}
ul.MegaRoot ul{ margin:0; padding:0;}
ul.MegaRoot li{ position:relative; float:left; margin:0; list-style-type:none;}

ul.MegaRoot li.root a{ display:block; color:#fff; padding:0 30px; 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{ background:#003333; text-decoration:none;}
ul.MegaRoot li.root a span{ display:block; height:53px; line-height:53px; margin:0; padding:0; font-size:16px;}

ul.MegaRoot .MegaSub{ display:none; position:absolute; float:left; top:53px; left:0; z-index: 1200; background:#fdfdfd; border-radius:0 0 3px 3px; box-shadow:2px 2px 1px 1px rgba(0,0,0,.1); border:1px solid #eee; border-top:1px solid #003333;}
ul.MegaRoot .MegaSub li.category{ display:block; float:left; width:210px; margin:0; padding:0; z-index:1210;}
ul.MegaRoot .MegaSub li.category a{ display:block; color:#868686; background:none; border-bottom: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:#003333;}
ul.MegaRoot .MegaSub li.category a span{ display:block; margin:0 15px; padding:0; border-bottom:1px solid #eee; 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: 980px) {
ul.MegaRoot li.root a{ padding:0 20px;}
}