.mega-menu ul, .mega-menu ul li {list-style: none; }
.mega-menu ul {position: relative; padding: 0; margin: 0;}
.mega-menu ul li ul {display: none;}
.mega-menu .sub {display: none;}
.mega-menu .sub ul {display: block;}

.red {line-height:16px;}
.red ul.mega-menu, .red ul.mega-menu, .red ul.mega-menu li {margin: 0; padding: 0; border: none;}
.red ul.mega-menu {width: 100%; height: 40px;position: relative;}
.red ul.mega-menu li {float: left; margin: 0; padding: 0;}
.red ul.mega-menu li a {float: left; display: block; color: #777; padding: 15px 20px 10px 30px;  text-decoration: none;}
.red ul.mega-menu li a:hover  {float: left; display: block; color: #000; }

.red ul.mega-menu li span a {float: left; display: block; color: #777; text-decoration: none;  font-size: 19px; font-weight: bold;}
.red ul.mega-menu li span a:hover  {float: left; display: block; color: #000; }


.red ul.mega-menu li .sub-container {position:absolute;  padding-left:0px; margin-left:-15px; margin-top: 50px;}

.red ul.mega-menu li .sub {background: #fff;  padding: 20px 0px 0px 0px; border-bottom:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc;}

.red ul.mega-menu li .sub .row {width: 100%; overflow: hidden; clear: both;}

.red ul.mega-menu li .sub li {list-style:none; float:none; width:160px;}

.red ul.mega-menu li .sub li.mega-hdr {margin:0 5px 10px 5px; float: left;}



.red ul.mega-menu li .sub a { color:#000; padding: 20px 5px 10px 5px; display: block; float: none; text-decoration: none; font-size:13px;}
.red ul.mega-menu .sub li.mega-hdr li a {padding: 8px 5px 8px 30px; background: url(../images/arrow_off.png) no-repeat 15px 10px; font-weight:normal;}
.red ul.mega-menu .sub li.mega-hdr li a:hover {color: #fff; background: #bba272 url(../images/arrow_on.png) no-repeat 15px 10px;}


.red ul.mega-menu .sub ul li {padding-right: 0;}
.red ul.mega-menu li .sub-container.non-mega .sub {padding: 20px 5px 10px 5px;}
.red ul.mega-menu li .sub-container.non-mega li { width:150px; }
.red ul.mega-menu li .sub-container.non-mega li a {padding: 8px 5px 8px 30px; background: url(../images/arrow_off.png) no-repeat 15px 10px;}
.red ul.mega-menu li .sub-container.non-mega li a:hover {color: #fff; background: #bba272 url(../images/arrow_on.png) no-repeat 15px 10px;}