.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 {font: normal 13px 'Segoe UI'; line-height: 16px;border: solid 0px #980c10!important;}
.red ul.mega-menu, .red ul.mega-menu, .red ul.mega-menu li {margin: 0; padding: 0; border: none;}
.red ul.mega-menu {background: #bd2821; width: 1011px; height: 81px;  position: relative;list-style: none;}
.red ul.mega-menu li {float: left; margin: 0; padding: 0; font-size: 13px; font-weight: bold; margin-right:17px;}
.red ul.mega-menu li a {text-align: center;min-width: 122px;float: left; display: block; color: #fff; padding: 10px 0px 5px 0px; background: #bd2821; text-shadow: 1px 1px 1px #000; text-decoration: none;}
.red ul.mega-menu li a.dc-mega {position: relative;}
.red ul.mega-menu li a .dc-mega-icon {display: block; position: absolute; top: 18px; right: 15px; width: 8px; height: 6px; }
.red ul.mega-menu li.mega-hover a, .red ul.mega-menu li a:hover {background-position: 100% -40px; color: #000; text-shadow: none;background:#f8ce00; }
.red ul.mega-menu li.mega-hover a .dc-mega-icon {background-position: 0 100%;}
.red ul.mega-menu li .sub-container {position: absolute;padding-left: 0px;margin-left: 0px;}
.red ul.mega-menu li .sub {background: url(/_layouts/15/images/DOP.Portal.UILayer/bg_sub1.png) no-repeat 100% 100%; padding: 0px 10px 11px 0px;}
.red ul.mega-menu li .sub-container.mega .sub {padding: 0px 2px 8px 0px;}
.red ul.mega-menu li .sub .row {width: 100%; overflow: hidden; clear: both;border-top: 5px solid #f8ce00;}
.red ul.mega-menu li .sub li {list-style: none; float: none; width: 220px; font-size: 1em; font-weight: normal;}
.red ul.mega-menu li .sub li.mega-hdr {margin: 0 1px 0px 0;float: left;background-color: #114761;}
.red ul.mega-menu li .sub li.mega-hdr.last {margin-right: 0;}
.red ul.mega-menu li .sub a {color: #003366;background: none; border: none; text-shadow: none; padding: 7px 10px; display: block; float: none; text-decoration: none; font-size: 0.9em;}
.red ul.mega-menu li .sub li.mega-hdr a.mega-hdr-a {text-align:left;padding: 5px 5px 5px; margin: 10px 0 5px 0; font-weight: bold; color: #f8ce00; text-shadow: none; font-size:16px;}
.red ul.mega-menu li .sub li.mega-hdr a.mega-hdr-a:hover {color: #f8ce00; text-shadow: none;margin: 10px 0 5px 0;}
.red ul.mega-menu .sub li.mega-hdr li a {color:#fff;padding: 3px 5px 3px 20px;  font-weight: normal; text-align:left;}
.red ul.mega-menu .sub li.mega-hdr li a:hover {color: #a32403; background: #efefef url(images/arrow_on.png) no-repeat 5px 8px;}
.red ul.mega-menu .sub ul li {padding-right: 0;}
.red ul.mega-menu li .sub-container.non-mega .sub {padding: 20px 20px 20px 0;}
.red ul.mega-menu li .sub-container.non-mega li {padding: 0; width: 190px; margin: 0;}
.red ul.mega-menu li .sub-container.non-mega li a {padding: 7px 5px 7px 22px; }
.red ul.mega-menu li .sub-container.non-mega li a:hover {color: #a32403; background: #efefef url(images/arrow_on.png) no-repeat 7px 10px;}
.about { background-image: url('/_layouts/15/images/DOP.Portal.UILayer/iconcon.png'); height:50px; width:122px;text-align:center; background-position: center 0px; background-repeat: no-repeat; }
.mail { background-image: url('/_layouts/15/images/DOP.Portal.UILayer/ico_mail.png');height:50px; width:122px; text-align:center;background-position: center 0px; background-repeat: no-repeat;}
.finance { background-image: url('/_layouts/15/images/DOP.Portal.UILayer/ico_finance.png');height:50px; width:122px; text-align:center;background-position: center 0px; background-repeat: no-repeat;}
.business { background-image: url('/_layouts/15/images/DOP.Portal.UILayer/BusinessSolutions_Icon3.png');height:50px; width:122px; text-align:center;background-position: center 0px; background-repeat: no-repeat;}

.fila { background-image: url('/_layouts/15/images/DOP.Portal.UILayer/ico_phila.png');height:50px; width:122px; text-align:center;background-position: center 0px; background-repeat: no-repeat;}
.shop	{ background-image: url('/_layouts/15/images/DOP.Portal.UILayer/ico_shop.png');height:50px; width:122px; text-align:center;background-position: center 0px; background-repeat: no-repeat;}
.support { background-image: url('/_layouts/15/images/DOP.Portal.UILayer/ico_support.png');height:50px; width:122px; text-align:center;background-position: center 0px; background-repeat: no-repeat;}
.abt_txt{text-align:justify; font-size:12px;font-weight:normal;color:#114761;line-height:18px; position:relative;top:80px;padding: 0 0 0 10px;}
.abt_img{background-image: url('/_layouts/15/images/DOP.Portal.UILayer/Organization.png'); height:80px; width:80%;text-align:center; background-position: top center; background-repeat: no-repeat; position:absolute;top:-10px;}
.mail_img{background-image: url('/_layouts/15/images/DOP.Portal.UILayer/surfaceairlifted.png'); height:80px; width:80%;text-align:center; background-position: top center; background-repeat: no-repeat; position:absolute;top:-10px;}
 
 .fin_img{background-image: url('/_layouts/15/images/DOP.Portal.UILayer/fin_ser.png'); height:80px; width:80%;text-align:center; background-position: top center; background-repeat: no-repeat; position:absolute;top:-10px;}
 .busin_img{background-image: url('/_layouts/15/images/DOP.Portal.UILayer/EIMoney_order.png'); height:80px; width:80%;text-align:center; background-position: top center; background-repeat: no-repeat; position:absolute;top:-10px;}
 .phil_img{background-image: url('/_layouts/15/images/DOP.Portal.UILayer/AboutPhilately.png'); height:80px; width:80%;text-align:center; background-position: top center; background-repeat: no-repeat; position:absolute;top:-10px;}
 .cust_img{background-image: url('/_layouts/15/images/DOP.Portal.UILayer/ContactUs.png'); height:80px; width:80%;text-align:center; background-position: top center; background-repeat: no-repeat; position:absolute;top:-10px;}
 .shop_img{background-image: url('/_layouts/15/images/DOP.Portal.UILayer/shop_big.png'); height:80px; width:80%;text-align:center; background-position: top center; background-repeat: no-repeat; position:absolute;top:-10px;}
 #date_time{font-family:"Segoe UI"; font-size:12px; color:#333;}


 .red ul.mega-menu li a.dc-mega:hover .about { background-image: url('/_layouts/15/images/DOP.Portal.UILayer/iconconb.png'); height:50px; width:122px;text-align:center; background-position: center 0px; background-repeat: no-repeat; }
.red ul.mega-menu li a.dc-mega1:hover .mail { background-image: url('/_layouts/15/images/DOP.Portal.UILayer/ico_mailb.png');height:50px; width:122px; text-align:center;background-position: center 0px; background-repeat: no-repeat;}
.red ul.mega-menu li a.dc-mega2:hover .business { background-image: url('/_layouts/15/images/DOP.Portal.UILayer/BusinessSolutions_Icon3b.png');height:50px; width:122px; text-align:center;background-position: center 0px; background-repeat: no-repeat;}
.red ul.mega-menu li a.dc-mega3:hover .finance { background-image: url('/_layouts/15/images/DOP.Portal.UILayer/ico_financeb.png');height:50px; width:122px; text-align:center;background-position: center 0px; background-repeat: no-repeat;}
.red ul.mega-menu li a.dc-mega4:hover .fila { background-image: url('/_layouts/15/images/DOP.Portal.UILayer/ico_philab.png');height:50px; width:122px; text-align:center;background-position: center 0px; background-repeat: no-repeat;}
.red ul.mega-menu li a.dc-mega5:hover .shop	{ background-image: url('/_layouts/15/images/DOP.Portal.UILayer/ico_shopb.png');height:50px; width:122px; text-align:center;background-position: center 0px; background-repeat: no-repeat;}
.red ul.mega-menu li a.dc-mega6:hover .support { background-image: url('/_layouts/15/images/DOP.Portal.UILayer/ico_supportb.png');height:50px; width:122px; text-align:center;background-position: center 0px; background-repeat: no-repeat;}

.red ul.mega-menu li.mega-hover a .about { background-image: url('/_layouts/15/images/DOP.Portal.UILayer/iconconb.png'); height:50px; width:122px;text-align:center; background-position: center 0px; background-repeat: no-repeat; }
.red ul.mega-menu li.mega-hover a .mail { background-image: url('/_layouts/15/images/DOP.Portal.UILayer/ico_mailb.png');height:50px; width:122px; text-align:center;background-position: center 0px; background-repeat: no-repeat;}
.red ul.mega-menu li.mega-hover a .business { background-image: url('/_layouts/15/images/DOP.Portal.UILayer/BusinessSolutions_Icon3b.png');height:50px; width:122px; text-align:center;background-position: center 0px; background-repeat: no-repeat;}
.red ul.mega-menu li.mega-hover a .finance { background-image: url('/_layouts/15/images/DOP.Portal.UILayer/ico_financeb.png');height:50px; width:122px; text-align:center;background-position: center 0px; background-repeat: no-repeat;}
.red ul.mega-menu li.mega-hover a .fila { background-image: url('/_layouts/15/images/DOP.Portal.UILayer/ico_philab.png');height:50px; width:122px; text-align:center;background-position: center 0px; background-repeat: no-repeat;}
.red ul.mega-menu li.mega-hover a .shop	{ background-image: url('/_layouts/15/images/DOP.Portal.UILayer/ico_shopb.png');height:50px; width:122px; text-align:center;background-position: center 0px; background-repeat: no-repeat;}
.red ul.mega-menu li.mega-hover a .support { background-image: url('/_layouts/15/images/DOP.Portal.UILayer/ico_supportb.png');height:50px; width:122px; text-align:center;background-position: center 0px; background-repeat: no-repeat;}