/* CSS for Supermenu */

.sup_overlay{
  background:#fff;
  opacity:0;
  position:fixed;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);  
  display:none;
}
.sup_wrapper {
}

ul.sup_menu{
  list-style:none;
  position:relative;
  left:0px;
  margin:0;
  clear:both;
}
ul.sup_menu > li{
  /*padding-bottom:1px;*/
  float:left;
  /*position:relative;*/
  height:30px;
}
ul.sup_menu > li.current{
  background-color: white;
}
ul.sup_menu > li > a{
  display:block;
  width:auto;
  padding: 0 10px 10px 10px;
  text-decoration:none;
  text-transform:uppercase;
  font-size:10px;
  color: #005d6f;
  letter-spacing:1px;
  font-weight:bold;
  position:relative;
}
.sup_wrapper ul.hovered > li > a{
}
ul.sup_menu > li > a:hover,
ul.sup_menu > li.selected > a{
  background-color: #f5f6f3;
  color: #000; /*#004b5a; #008296;*/
  height:40px;
}
ul.sup_menu > li.selected {
  /*border-bottom:1px solid #fcfffb;*/
}
ul.sup_menu div ul.sup_full{
  width:100%;
}
ul.sup_menu > li > div{
  position:absolute;
  top:40px;
  height:320px;
  left:0px;
  width:390px;
  padding:0px;
  padding-left:10px;
  overflow:hidden;
  display:none;
}
ul.sup_menu > li > div{
  width:220px;
  left: auto;
}

ul.sup_menu > li > div.twocol{
  width:420px;
}

ul.sup_menu > li > div.threecol{
  width:600px;
}

ul.sup_menu > li > div.fourcol{
  width:765px;
  /* width:710px */
}

.sup_back{
  position:absolute;
  top:40px;
  height:320px;
  /*left:380px;*/
  /*width:390px; /*560*/*/
  padding:0px;
  margin-left:-8px;
  background: #f5f6f3;
  -webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2); 
  background: #f5f6f3;
  display:none;
}

ul.sup_menu ul a{
  text-decoration:none;
  color: #444;
  /*padding:2px 4px 2px 8px;*/
  padding:5px 4px 5px 8px;
  margin:0 4px 0 -8px;
  display:block;
  font-size:11px;
  line-height: 14px;
}

ul.sup_menu ul a:hover{
  background:#999; /*#a0a6ac;*/
  color:#fff;
  border-radius: 4px;
}
ul.sup_menu div ul.sup_full{
  width:100%;
}
ul.sup_menu > li > div > ul {
  height: 270px;
}

ul.sup_menu > li > div > ul:first-child + ul,
ul.sup_menu > li > div > ul:first-child + ul + ul,
ul.sup_menu > li > div > ul:first-child + ul + ul + ul{
  border-left: solid 1px #ddd;
  padding-left: 18px;
}

ul.sup_menu > li i{
  font-family: Trebuchet,Arial,Helvetica,sans-serif;
  font-size: 12px;
  color: #5C8F99;
  line-height:16px;
  display: block;
  padding: 0px 0 4px 0;
}

ul.sup_menu > li ul{
  list-style:none;
  /*width: 160px;*/
  width: auto;
  min-width: 160px;
  float:left !important;
  margin-left:10px;
  margin-top:20px;
}

li.sup_heading a{
  color:#005d6f;
  font-size:13px;
  margin:0px 8px 10px -8px;
  padding:0px 4px 2px 8px !important;
  text-shadow: 0 1px 1px rgba(255,255,255,1);
}

li.sup_heading a:hover{
  color:#eed;
  text-shadow:none;
  padding-top: 5px !important;
  margin-top: -5px;
}


ul.sup_menu > li a:hover i{
  color: #fff;
}