@charset "utf-8";
/* CSS Document */

#globalheader{ width:100%; background: url(/Images/global_nav_bg_x.png) top center repeat-x; height:62px; margin: 0;}

#globalNav{width: 960px; height: 62px; color:#777;z-index: 9998;position: relative;display: block;margin: 0 auto;clear: both;
    top: 0px;
    left: 0px;
}

/*#headerLogo{ float:left; margin: 30px 0 0 0; width:405px; height:18px;;}*/
#headerLogo{ float:left; margin: 8px 0 0 0; width:405px; height:18px;}

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

ul.mainNav, ul.mainNav, ul.mainNav li {margin: 0; padding: 0; border: none;}
ul.mainNav {; width: 100%; height: 62px; position: relative;}
ul.mainNav li {float: left; margin: 0; padding: 0 0 2px 0; font-size: 13px; font-weight: bold; text-transform:uppercase; height:42px;}
ul.mainNav li a {float: left; display: block; color: #fff; padding: 30px 12px 15px 12px; background: url(/Images/bg_black.jpg) repeat-x 100% 0; text-shadow: 1px 1px 1px #000; text-decoration: none; font-size:12px;}
ul.mainNav li a.dc-mega {position: relative;}
ul.mainNav li a .dc-mega-icon {display: block; position: absolute; bottom: 5px; right: 48%; width: 8px; height: 6px; background: url(/Images/arrow.png) no-repeat 0 0;}

ul.mainNav li.mega-hover a, ul.mainNav li a:hover {background-position: 100% -62px; color: #b8b8b8; text-shadow: none;}
ul.mainNav li.mega-hover a .dc-mega-icon {background-position: 0 100%;}
ul.mainNav li .sub-container {position: absolute; background: #181819; padding:0 20px 0 10px; margin-left: 0px;}
ul.mainNav li .sub {background: #181819; padding: 2px 10px 10px 10px; }
ul.mainNav li .sub .row {width: 100%; overflow: hidden; clear: both;}
ul.mainNav li .sub li {list-style: none; float: none; width: font-size: 1em; font-weight: normal;}
ul.mainNav li .sub a {background: none; border: none; text-shadow: none; color: #111; padding: 7px 10px; display: block; float: none; text-decoration: none; font-size: 0.9em;}

ul.mainNav .sub ul li {padding:  0 0 0;}
ul.mainNav li .sub-container.non-mega .sub {padding: 0px 10px 0px 0;}
.bul.mainNav li .sub-container.non-mega li {padding: 0;  margin: 0;}
ul.mainNav li .sub-container.non-mega li a {padding: 12px 5px 1px 12px; background: url(/Images/arrow_off.png) no-repeat 7px 10px; color:#fff;}
ul.mainNav li .sub-container.non-mega li a:hover {color: #fff; background: url(/Images/arrow_on.png) no-repeat 1px 15px;}