/* navigation */

#nav{
  padding:10px 0 38px 0;
  margin:0 0 5px 0;
  list-style:none;
  font:15px/20px Verdana, Arial, sans-serif;
  text-transform:uppercase;
}
#nav li{
  float:left;
  margin:0 15px 0 18px;
  display:inline;
  position:relative;
}
#nav a{
  color:#282d8a;
  text-decoration:none;
  background:url(/custom/images/arrow-nav.gif) no-repeat 100% 10px;
  padding: 0 8px 0 0;
}

/* Mega Navigation */

#nav .sub{text-transform: none;}

* html ul#topnav{
  height:1%;
  overflow:visible;
}

ul#topnav {
  margin: 5px 47px 0 0;
  padding: 0;
  list-style: none;
  float:right;
  overflow:visible; 

}
ul#topnav li{
  float:left;
}
ul#topnav li a{
  font:16px Tahoma, Arial, Helvetica, sans-serif;
  color:#575BA4;
  display:block;
  text-decoration: none;
}
ul#topnav li a span{
  display:block;
  padding: 0 10px;
}
ul#topnav li a:hover, 
#nav li.active a,
ul#topnav li.active span{
  text-decoration:none;
}
/*ul#topnav li a:hover span, 
ul#topnav li.active span{
  display: block;
}*/

/* Mega Sub Navigation */


ul#topnav li .sub {
  position: absolute;
  top: 30px; right: -300px;
  z-index: 99999;
  background-color: #efefef !important;
  padding: 0 23px 30px !important;
  float: left;
  font-size: 14px;
  /*--Bottom right rounded corner--*/
  -moz-border-radius-bottomright: 10px;
  -khtml-border-radius-bottomright: 10px;
  -webkit-border-bottom-right-radius: 10px;
  /*--Bottom left rounded corner--*/
  -moz-border-radius-bottomleft: 10px;
  -khtml-border-radius-bottomleft: 10px;
  -webkit-border-bottom-left-radius: 10px;
  display: none; /*--Hidden for those with js turned off--*/
  /*border: 1px solid;*/
  border-bottom: 1px solid #A3A3A3;
  border-left: 1px solid #A3A3A3;
  border-right: 1px solid #A3A3A3;
}

/*
  css3 does not work in IE
  ul#topnav li:nth-of-type(8) .sub,
*/

ul#topnav li .sub1 {
  right: -505px;
  width: 625px !important;
}

ul#topnav li .sub2 {
  right: -359px;
  width: 625px !important;
}

ul#topnav li .sub3 {
  right: -192px;
  width: 625px !important;
}

ul#topnav li .sub4 {
  right: -20px;
  width: 625px !important;
}

ul#topnav li .sub5 {
  right: 120px;
  width: 625px !important;
}

ul#topnav li .row { /*--If needed to break out into rows--*/
  clear: both;
  float: left;
  width: 100%;
  margin: 7px 0;
  font-size: 14px;
}

ul#topnav li .sub ul{
  list-style: none;
  margin: 0; padding: 0;
  width: 200px;
  float: left;
  font-size: 14px;
}

ul#topnav .sub ul li {
  width: 100%; /*--Override parent list item--*/
  color: #D65D00;
  font-size: 14px;
  background-image: none;
  padding: 0;
  margin: 0;
}

ul#topnav .sub ul li h2 { /*--Sub nav heading style--*/
  padding: 0 0 0 15px;  margin: 0;
  font-size: 14px;
  font-weight: normal;
}

ul#topnav .sub ul li h2 a { /*--Sub nav heading link style--*/
  padding: 5px 0;
  background-image: none;
  color: #575BA4;
  font-size: 13px;
  font-weight: bold;
}

ul#topnav .sub ul li h2 a:hover {
  text-decoration: underline;
}

ul#topnav .sub ul li a {
  float: none;
  text-indent: 0; /*--Override text-indent from parent list item--*/
  height: auto; /*--Override height from parent list item--*/
  background: url(/custom/images/arrow-mega.png) no-repeat 17px 8px;
  padding: 4px 5px 4px 30px;
  display: block;
  text-decoration: none;
  color: #515252;
  font-size: 11px;
  font-weight: bold;
}

ul#topnav .sub ul li a:hover {
  color: #B53535;
  text-decoration: underline;
}