﻿/* Mega Menu Styles */
ul.dnnmega{width: 100%;list-style: none;}
ul.dnnmega ul{padding:0;}
/*WAM - removed z-index*/
ul.dnnmega li{float:left;list-style: none none;position: relative;text-transform:uppercase;font-family:american_captainregular; font-size:24px;}

ul.dnnmega li.root {width:15.3%;min-width:100px;line-height:33px;height:44px;display:block;text-align:left;margin:0 10px 0 0;background: none;}
ul.dnnmega li.root span{display:block;line-height:33px;height:38px;background:none;margin:0 15px 0 0;padding:6px 0 0 15px;}
ul.dnnmega li.root>span{color:#768474;}

ul.dnnmega li.root a {color: #768474;background:none;white-space:nowrap; text-decoration: none;}
ul.dnnmega li.root a:hover{color: #c11820;text-decoration:none;background:none;}
ul.dnnmega li.mmSelected a{color: #c11820;}
ul.dnnmega li.mmBreadcrumb a{color: #c11820;}

ul.dnnmega li.root a:hover span{background:none;}

ul.dnnmega li.root img.mmArrow {margin-left: 5px;}

body ul.dnnmega li.mmItemHover a,
body ul.dnnmega li.mmItemHover a:hover{color: #c11820;background:none;position:relative;z-index:1230;}
body ul.dnnmega li.mmItemHover a span,
body ul.dnnmega li.mmItemHover a:hover span{background:none;}

ul.dnnmega li a {display:inline-block;}

ul.dnnmega li:hover a, ul.dnnmega li a:hover { background-position: left bottom; }

ul.dnnmega li .megaborder {width:200px !important; overflow:hidden;position: absolute;font-family: Verdana, Geneva, sans-serif;top:41px;left:0px;z-index: 1200; float: left;display: none;background:none; border-top: 1px none #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; background-color:#fff;}

ul.dnnmega .megaborder .TL{width:200px;background:#fff;height:15px;margin:0 15px 0 0;}
ul.dnnmega .megaborder .TR{width:200px;background:#fff;}
ul.dnnmega .megaborder .M{width:200px;display:block;background:#fff;border-top:0;border-bottom:0;min-height:135px;}
ul.dnnmega .megaborder .ML{width:200px;background:#fff;padding:0 0 0 3px;}
ul.dnnmega .megaborder .MR{width:200px;background:#fff;padding:0 3px 0 0;}
ul.dnnmega .megaborder .BL{background:#fff;height:15px;margin:0 15px 0 0;}
ul.dnnmega .megaborder .BR{background:#fff;}

ul.dnnmega .megaborder ul li.category{background:#fff;margin:0 0 15px 0; height:30px !important;}
ul.dnnmega .megaborder ul li.mmLast{background:none;}
ul.dnnmega .megaborder ul li.mmRightColumn{background:none;}
ul.dnnmega .megaborder ul li.category a, 
ul.dnnmega .megaborder ul li.category a span{background: none;height:auto;}


ul.dnnmega li.category {display:block;width:180px;float: left;}
ul.dnnmega li.category a{display:block;min-height:24px;}
ul.dnnmega li.category a span{display:block;min-height:24px !important;font-size:22px;color:#686868;border-bottom:1px solid #e5e4e4;margin:0 14px 0 18px;padding:0; }
ul.dnnmega li.category a:hover span{color:#c11820;}
ul.dnnmega li.category.mmSelected a span{color: #c11820;}

ul.dnnmega li.category ul{padding:8px 0 0 0;}

ul.dnnmega li.category li.leaf, ul.dnnmega li.category li.mmLast{clear:left;float:none;background:#fff;padding:0 0 0 15px;}
ul.dnnmega li.category li.leaf a span{font-size:18px;line-height:26px;border:0;}

ul.dnnmega img.mmIcon {max-height: 24px; margin-right: 5px; vertical-align: middle;}
ul.dnnmega li.root > a > span img.mmIcon {}

li.Home2 .megaborder {display:none; visibility:hidden;width:0; height:0;min-width:0;}
li.root.child-4.Home,
li.Home,
a.Home,
a.Home .MenuIcoon{ display:none; visibility:hidden;width:0; height:0;min-width:0;}

@media only screen and (max-width: 1009px) {
ul.dnnmega li.root {}
}
@media only screen and (max-width: 780px) {
ul.dnnmega li{font-size:2.5em;}
ul.dnnmega li.root {min-width:30%;}
ul.dnnmega li.root span{padding-left:5px; margin-right:10px;}
}
@media only screen and (max-width: 380px) {

ul.dnnmega li.root {min-width:46%;}
ul.dnnmega li.root span{padding-left:5px; margin-right:10px;}
}


