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

.black { display:none;}
.nojavascript {display:none}

/*#msmessage {float:right;  position: relative;  font-weight: strong; padding-top: 8px;  font-size:10pt}*/

 /*#msmessage {float:right;  position: relative;  font-weight: strong; padding-top: 42px; padding-right: 5px;  font-size: 10pt}*/
  #msmessage {float:right;  position: absolute; right: 0%; top: 42px; font-weight: strong; padding-top: 0px; padding-right: 5px;  font-size: 0.8em}
 #msmessage img { float: left;display: inline-block; height: 27px;margin-top:-5px}
 
#header .black { clear: both; margin: 0; float: left; width: 100%; min-width:940px; height: 33px; position: absolute; top: 121px; left: 0; }
#header .black li { margin: 0 0 0 0px; float: left; display: inline-block; }

#header .black a.main-nav-item { margin: 0 0 0 -18px; width: auto; height: 33px; display: inline-block; float: left; color: #333; font-weight: bold;   overflow:hidden; }
#header .black a.main-nav-item .title { font-size:9pt; height: 33px; display: inline-block; float: left; padding: 10px 20px 8px 6px; }
#header .black a .nav-arrow { width: 18px; height: 33px; background: url(../images/nav-arrow-off.png) no-repeat; display: inline-block; float: left; margin: 0 0 0 0;  padding: 0;}
#header .black .nav-arrow { width: 18px; height: 33px; background: url(../images/nav-arrow-off.png) no-repeat; display: inline-block; float: left; margin: 0 0 0 -18px;  padding: 0; }
#header .black .firstitem  a .title { margin: 0 0 0 18px ; padding-left: 10px; }

#header .black li.mega-hover a.main-nav-item .nav-arrow {  background: url(../images/nav-arrow-on.png) no-repeat;  }

#header .black a.main-nav-item .title { color: #333; background-image: none; background-attachment: scroll; background-repeat: repeat; background-position-x: 0%; background-position-y: 0%; background-size: auto; background-origin: padding-box; background-clip: border-box; background-color: transparent;}
#header .black li.mega-hover a.main-nav-item .title{ background: url(../images/nav_over_bg.png) repeat-x; color: #FFF; text-shadow:-1px 0 #333; }



.black ul.mega-menu li .sub-container {position: absolute; background: url(images/bg_sub_left.png) no-repeat 0 100%  ;  padding-left: 15px; margin-left: -20px;  padding-right:0px ; }

.black ul.mega-menu li .sub {background: url(images/bg_sub.png) no-repeat 100% 100%; padding: 20px 0px 20px 0px; }
.black ul.mega-menu li.firstitem  .sub-container   {margin-left: -2px }



#header .black img { margin-bottom:-3px; margin-left: -10px; width:176px; height: 100px; }



.black ul.mega-menu li .sub-container.mega .sub {padding: 10px 5px 10px 15px; }
.black ul.mega-menu li .sub .row {width: 100%; overflow: hidden; clear: both;}
.black ul.mega-menu li .sub li {list-style: none; float: none; width: 175px; font-size: 1em; font-weight: normal;}
.black ul.mega-menu li .sub li.mega-hdr {margin: 0 10px 10px 0; float: left; padding-left:10px; padding-right:0px;}
.black ul.mega-menu li .sub li.mega-hdr.last {margin-right: 0;}
.black ul.mega-menu li .sub a {background: none; border: none; text-shadow: none; color: #111; padding: 0px 10px; display: block; float: none; text-decoration: none; font-size: 0.8em; }

.black ul.mega-menu li .sub li.mega-hdr   a.subitemheader { width: 166px; margin:0;  padding: 5px 5px 5px 5px; color: #FFF; background: #333 url(../images/arrow_left_medium.png) no-repeat 150px 5px;  font-size: 8pt; font-weight: bold; position:relative; }
.black ul.mega-menu li .sub li.mega-hdr   a.subitemheader span{  padding-right: 15px;  }
.black ul.mega-menu li .sub li.mega-hdr  a.mega-hdr-a:hover {color: #000; text-shadow: none;}


.black ul.mega-menu .sub li.mega-hdr li.sub-header a {padding: 5px 5px 0px 5px; background: none; font-weight: bold; }
.black ul.mega-menu .sub li.mega-hdr li.sub-header a:hover {padding: 5px 5px 0px 5px; background: none;   color: black; }

.black ul.mega-menu .sub li.mega-hdr li a {padding: 5px 5px 0px 20px;  font-weight: normal; color:black; background: url(images/arrow_off.png) no-repeat 5px 8px;}
.black ul.mega-menu .sub li.mega-hdr li a:hover {color: #a32403; background:  url(images/arrow_on.png) no-repeat 5px 8px;}
.black ul.mega-menu .sub ul li {padding-right: 0;}


.black ul.mega-menu .subsubsub  {padding-bottom: 10px;}

.black ul.mega-menu li .sub-container.non-mega .sub {padding: 20px 20px 20px 0;}
.black ul.mega-menu li .sub-container.non-mega li {padding: 0; width: 190px; margin: 0;}
.black ul.mega-menu li .sub-container.non-mega li a {padding: 7px 5px 7px 22px; }
.black ul.mega-menu li .sub-container.non-mega li a:hover {color: #a32403; background: #efefef ;}

.black .menutext { font-style: italic; font-size: .78em;}

#progress {
  display: block;
  margin: 0px 0px 0px -50px; /* left margin is half width of the div, to centre it */
  padding: 30px 10px 10px 10px;
  position: absolute;
  left: 30%;
  top: 250px;
  width: 500px;
  height: 150px;
  text-align: center;
 
 
}