
#header{position:relative; z-index:15;}

#menuHeadBlue{
  background:#000000;
  background: -moz-linear-gradient(top, #4020AA 0%, #000000 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4020AA), color-stop(100%,#000000));
  background: -webkit-linear-gradient(top, #4020AA 0%,#000000 100%);
  background: -o-linear-gradient(top, #4020AA 0%,#000000 100%);
  background: -ms-linear-gradient(top, #4020AA 0%,#000000 100%);
  background: linear-gradient(top, #4020AA 0%,#000000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4020AA', endColorstr='#000000',GradientType=0 );
  margin: 0;
  padding:0;
  width: 100%;
}
#menuHeadBlue .topBar{
  background:transparent;
  height:65px;
  margin:0 auto;
  padding:0px 11%;
}

#menuHeadGreen{
  background:#000000;
  background: -moz-linear-gradient(top, #80AA80 0%, #000000 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#80AA80), color-stop(100%,#000000));
  background: -webkit-linear-gradient(top, #80AA80 0%,#000000 100%);
  background: -o-linear-gradient(top, #80AA80 0%,#000000 100%);
  background: -ms-linear-gradient(top, #80AA80 0%,#000000 100%);
  background: linear-gradient(top, #80AA80 0%,#000000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80AA80', endColorstr='#000000',GradientType=0 );
  margin: 0;
  padding:0;
  width: 100%;
}
#menuHeadGreen .topBar{
  background:transparent;
  height:65px;
  margin:0 auto;
  padding:0px 11%;
}





#topDash,.topDash{border-top:1px dashed #C4C4C4;}









div#mainMenu{background-color:#464648;
  background:none, -khtml-gradient(linear,left top,left bottom,from(#626265), to(#39393b));
  background:none, -moz-linear-gradient(top,#626265 0,#39393b 100%);
  background:none, -webkit-gradient(linear,left top,left bottom,color-stop(0,#626265), color-stop(100%,#39393b));
  background:none, -webkit-linear-gradient(top,#626265 0,#39393b 100%);
  background:none, -o-linear-gradient(top,#626265 0,#39393b 100%);
  background:none, -ms-linear-gradient(top,#626265 0,#39393b 100%);
  background:none, linear-gradient(top,#626265 0,#39393b 100%);  
  box-shadow:0 1px 1px rgba(160,160,160,0.75) inset, 0 -1px 2px #222 inset, 0 -2px 20px rgba(61,61,61,0.8);
  -moz-box-shadow:0 1px 1px rgba(160,160,160,0.75) inset, 0 -1px 2px #222 inset, 0 -2px 20px rgba(61,61,61,0.8);
  -webkit-box-shadow:0 1px 1px rgba(160,160,160,0.75) inset, 0 -1px 2px #222 inset, 0 -2px 20px rgba(61,61,61,0.8);
  display:block;float:left;

	overflow:visible;
    margin: 0;
    padding: 0;
    width: 100%;
}
#mainMenuBar:after   {
  clear:both;content:"";display:block;height:0;
}/*visibility:hidden;*/
#mainMenuBar{
  background-color:transparent;
  margin: 0 auto;
  padding:0px;
}
#mainMenuBar{_display:inline-block;zoom:1;}



#mainMenuBar>li{float:left;position:relative;top:0px;} /*background-color:#fc0;*/
#mainMenuBar>li>a{
  color:#ffffff;float:left;
  font-family:"Trade Gothic 20","Trebuchet MS","Helvetica Narrow","Helvetica Neue",Helvetica, Arial, sans-serif;
  font-size:1.2em;font-weight:600;
  height:40px;
  left:-1px;line-height:41px;padding:0 15px;position:relative;
  text-shadow:0 -1px 0 rgba(0,0,0,0.8);
  -khtml-text-shadow:0 -1px 0 rgba(0,0,0,0.8);
  -moz-text-shadow:0 -1px 0 rgba(0,0,0,0.8);
  -webkit-text-shadow:0 -1px 0 rgba(0,0,0,0.8);
}
#mainMenuBar>li>a.active, 
#mainMenuBar>li>a:hover{
background: #000000;/* Fallback for web browsers that don't support RGBa */
  background: rgba(0, 0, 0, 0.4);/* RGBa with 0.4 opacity -- for Chrome, FF and Safari */
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000, endColorstr=#4c000000);/* For IE 5.5 - 7*/	
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000, endColorstr=#4c000000)";/* For IE 8*/
  background-image:none;
  box-shadow:1px -1px 1px #2a2a2a inset, -1px -1px 1px #2a2a2a inset, 2px -1px 1px -1px #5b5b5e, -2px -1px 1px -1px #5b5b5e;
  text-decoration:none;
}
#mainMenuBar > li.socialsiteBtn{float:right;}
#mainMenuBar>li.socialsiteBtn a, #mainMenuBar>li.socialsiteBtn a:hover{
  height:31px;
  width:32px;
  padding:0px;
  margin-top:4px;
  margin-right:10px;
  box-shadow:none;
  left:0px;
  border:none;
  background-position:right center; 
  background-repeat:no-repeat;
}

#mainMenuBar>li.nonexpandable>a{
  background-image:none;
  margin-right: 0px;
}  
#mainMenuBar>li.home{margin-left:0px;}
#mainMenuBar>li.home a{
  text-indent:-9000px;width:16px;margin-right:0px;padding:0px 10px;}
#mainMenuBar>li.home a.active,#mainMenuBar>li.home a:focus,#mainMenuBar>li.home a:hover{
  box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
  }  
  
#mainMenuBar>li>ul,#mainMenuBar>li>div{clear:both;float:left;position:absolute;top:40px;}
                              

#mainMenuBar>li.expandable .menuHead{padding-right:5px;}
#mainMenuBar>li.expandable .menuHead.active{background-color:rgba(0,0,0,0.4);}

#mainMenuBar>li.expandable .menuWrapper{background-color:#636465;
  background:none, -khtml-gradient(linear,left top,left bottom,from(#6b6d6e), to(#565758));
  background:none, -moz-linear-gradient(top,#6b6d6e 0,#565758 100%);
  background:none, -webkit-gradient(linear,left top,left bottom,color-stop(0,#6b6d6e), color-stop(100%,#565758));
  background:none, -webkit-linear-gradient(top,#6b6d6e 0,#565758 100%);
  background:none, -o-linear-gradient(top,#6b6d6e 0,#565758 100%);
  background:none, -ms-linear-gradient(top,#6b6d6e 0,#565758 100%);
  background:none, linear-gradient(top,#6b6d6e 0,#565758 100%);
  border-radius:0 3px 3px 3px;-moz-border-radius:0 3px 3px 3px;-o-border-radius:0 3px 3px 3px;-webkit-border-radius:0 3px 3px 3px;
  display:none;padding:5px 5px 6px 5px;position:absolute;top:36px;z-index:16;}

#mainMenuBar>li.expandable .menuWrapper div.navTag{
  background:#F4F4F4;border:1px solid rgba(86,87,88,0.8);border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;-webkit-border-radius:3px;
  box-shadow:0 1px 0 rgba(255,255,255,0.45);-moz-box-shadow:0 1px 0 rgba(255,255,255,0.45);-o-box-shadow:0 1px 0 rgba(255,255,255,0.45);-webkit-box-shadow:0 1px 0 rgba(255,255,255,0.45);
  _display:inline-block;padding:15px 5px 20px;zoom:1;}

#mainMenuBar>li.expandable .menuWrapper div.navTag:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

#mainMenuBar>li.expandable .menuWrapper ul{float:left; text-align:left;}

#mainMenuBar>li.expandable .menuWrapper ul li a,#mainMenuBar>li.expandable .menuWrapper ul li.socialConnect{
  border-bottom:1px solid #ddd;
  box-shadow:0 1px 0 #ffffff;-moz-box-shadow:0 1px 0 #ffffff;-webkit-box-shadow:0 1px 0 #ffffff;
  color:#252525;display:inline-block;float:left;
  font-size:13px;
  margin:0 10px 0 10px;padding:5px 0 5px 2px;text-decoration:none;
  text-shadow:0 1px 0 #ffffff;-khtml-text-shadow:0 1px 0 #ffffff;-moz-text-shadow:0 1px 0 #ffffff;-webkit-text-shadow:0 1px 0 #ffffff;width:220px;}

#mainMenuBar>li.expandable .menuWrapper ul li a:hover{background-color:#eee;color:#860000;}



#mainMenuBar>li.expandable:focus .menuHead,
#mainMenuBar>li.expandable:hover .menuHead{
  background-color: #7a7a7b;
  background: none, -khtml-gradient(linear,left top,left bottom,from(#808182), to(#6d6d6e));
  background: none, -moz-linear-gradient(top,#808182 0,#6d6d6e 100%);
  background: none, -webkit-gradient(linear,left top,left bottom,color-stop(0,#808182), color-stop(100%,#6d6d6e));
  background: none, -webkit-linear-gradient(top,#808182 0,#6d6d6e 100%);
  background: none, -o-linear-gradient(top,#808182 0,#6d6d6e 100%);
  background: none, -ms-linear-gradient(top,#808182 0,#6d6d6e 100%);
  background: none, linear-gradient(top,#808182 0,#6d6d6e 100%);
  border:1px solid #414141;border-bottom:0;border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;-o-border-radius:3px 3px 0 0;-webkit-border-radius:3px 3px 0 0;
  box-shadow:2px -1px 3px -3px rgba(0,0,0,0.8), 0 1px 0 rgba(255,255,255,0.35) inset;-moz-box-shadow:2px -1px 3px -3px rgba(0,0,0,0.8), 0 1px 0 rgba(255,255,255,0.35) inset;-o-box-shadow:2px -1px 3px -3px rgba(0,0,0,0.8), 0 1px 0 rgba(255,255,255,0.35) inset;-webkit-box-shadow:2px -1px 3px -3px rgba(0,0,0,0.8), 0 1px 0 rgba(255,255,255,0.35) inset;
  height:37px;left:-1px;line-height:41px;margin-top:-1px;padding:0 4px 0 11px;position:relative;text-decoration:none;
  z-index: 4/*z-index: 10000;*/
}

#mainMenuBar>li.expandable:focus .menuWrapper,
#mainMenuBar>li.expandable:hover .menuWrapper{
  display: block;                                                                       
  box-shadow: 0 4px 4px 1px rgba(0,0,0,0.25), 0 1px 0 rgba(255,255,255,0.35) inset;
  -moz-box-shadow: 0 4px 4px 1px rgba(0,0,0,0.25), 0 1px 0 rgba(255,255,255,0.35) inset;
  -webkit-box-shadow: 0 4px 4px 1px rgba(0,0,0,0.25), 0 1px 0 rgba(255,255,255,0.35) inset;
} 
#mainMenuBar>li.loginAction, #mainMenuBar>li.loginAction {
  float:right;
} 
#mainMenuBar>li.loginAction .menuHead{
  color: #ffffff;
  float: left;
  font-family: "Helvetica Narrow","Helvetica Neue",Helvetica, Arial, sans-serif;
  font-family: "Helvetica Narrow","Helvetica Neue",Helvetica, Arial, sans-serif;
  font-size:1.333em;
  font-weight:400;
  font-weight:600;
  height:41px;
  line-height:41px;
  position: relative;
  text-decoration:none;
  text-shadow:0 -1px 0 rgba(0,0,0,0.8);
  -khtml-text-shadow:0 -1px 0 rgba(0,0,0,0.8);
  -moz-text-shadow:0 -1px 0 rgba(0,0,0,0.8);
  -webkit-text-shadow:0 -1px 0 rgba(0,0,0,0.8);
}
#mainMenuBar>li.loginAction .menuHead .welcome {
  background:none;
  height:auto;
  width:auto;
}
#mainMenuBar>li.loginAction:hover .menuHead{
  box-shadow:-2px -1px 3px -3px rgba(0,0,0,0.8), 0 1px 0 rgba(255,255,255,0.35) inset;
  -moz-box-shadow:-2px -1px 3px -3px rgba(0,0,0,0.8), 0 1px 0 rgba(255,255,255,0.35) inset;
  -webkit-box-shadow:-2px -1px 3px -3px rgba(0,0,0,0.8), 0 1px 0 rgba(255,255,255,0.35) inset;
  padding-right:3px;
}
#mainMenuBar>li.loginAction:hover .menuHead .welcome{
  background: none;
} 
#mainMenuBar>li.loginAction .menuWrapper{
  border-radius:3px 0 3px 3px;-moz-border-radius:3px 0 3px 3px;-webkit-border-radius:3px 0 3px 3px;
  right:2px;width:260px;
} 

#mainMenuBar>li.expandable .menuWrapper ul li.suggestedItemTitle{ 
  padding:15px 10px 5px 0px;
  margin:20px 10px 0px 10px;
  color:#6B6D6E; 
  font-weight:bold;  
  border-bottom:1px solid #ddd;
  box-shadow:0 1px 0 #ffffff;-moz-box-shadow:0 1px 0 #ffffff;-webkit-box-shadow:0 1px 0 #ffffff;
}
  
/*
#		66,96,255  - 66,96,255
#		125,247,3 - 66,128,255
#		46,144,0  - 16,64,85
#		125,200,3 - 66,99,255
#		78,150,3  - 66,78,128
#		46,100,0  - 16,48,85
		80AA80	    6699FF
		
*/

#menuHeadViolet .topBar{
  background:transparent;
  height:65px;
  margin:0 auto;
  padding:0px 11%;
}

#menuHeadViolet{
  background:#000000;
  background: -moz-linear-gradient(top, #9966FF 0%, #000000 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9966FF), color-stop(100%,#000000));
  background: -webkit-linear-gradient(top, #9966FF 0%,#000000 100%);
  background: -o-linear-gradient(top, #9966FF 0%,#000000 100%);
  background: -ms-linear-gradient(top, #9966FF 0%,#000000 100%);
  background: linear-gradient(top, #9966FF 0%,#000000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9966FF', endColorstr='#000000',GradientType=0 );
  margin: 0;
  padding:0;
  width: 100%;
}

#menuHeadOcean .topBar{
  background:transparent;
  height:65px;
  margin:0 auto;
  padding:0px 11%;
}

#menuHeadOcean{
  background:#000000;
  background: -moz-linear-gradient(top, #60AAFF 0%, #000040 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#60AAFF), color-stop(100%,#000040));
  background: -webkit-linear-gradient(top, #60AAFF 0%,#000040 100%);
  background: -o-linear-gradient(top, #60AAFF 0%,#000040 100%);
  background: -ms-linear-gradient(top, #60AAFF 0%,#000040 100%);
  background: linear-gradient(top, #60AAFF 0%,#000040 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60AAFF', endColorstr='#000040',GradientType=0 );
  margin: 0;
  padding:0;
  width: 100%;
}

#menuHeadGray .topBar{
  background:transparent;
  height:65px;
  margin:0 auto;
  padding:0px 11%;
}

#menuHeadGray{
 background: rgb(181,189,200); /* Old browsers */
 background: -moz-linear-gradient(top, rgba(181,189,200,1) 0%, rgba(130,140,149,1) 36%, rgba(40,52,59,1) 100%); /* FF3.6-15 */
 background: -webkit-linear-gradient(top, rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(to bottom, rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b',GradientType=0 ); /* IE6-9 */
  margin: 0;
  padding:0;
  width: 100%;
}


