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

top navigation styles updated for responsive and mobile */

.ui-loader{display:block}.ui-loader{display:none;z-index:9999999;position:fixed;top:50%;left:50%;border:0}.ui-loader-default{background:0;filter:Alpha(Opacity=18);opacity:.18;width:2.875em;height:2.875em;margin-left:-1.4375em;margin-top:-1.4375em}.ui-loader-verbose{width:12.5em;filter:Alpha(Opacity=88);opacity:.88;box-shadow:0 1px 1px -1px #fff;height:auto;margin-left:-6.875em;margin-top:-2.6875em;padding:.625em}.ui-loader-default h1{font-size:0;width:0;height:0;overflow:hidden}.ui-loader-verbose h1{font-size:1em;margin:0;text-align:center}.ui-loader .ui-icon-loading{background-color:#000;display:block;margin:0;width:2.75em;height:2.75em;padding:.0625em;-webkit-border-radius:2.25em;border-radius:2.25em}.ui-loader-verbose .ui-icon-loading{margin:0 auto .625em;filter:Alpha(Opacity=75);opacity:.75}.ui-loader-textonly{padding:.9375em;margin-left:-7.1875em}.ui-loader-textonly .ui-icon-loading{display:none}.ui-loader-fakefix{position:absolute}.ui-bar,.ui-body{position:relative;padding:.4em 1em;overflow:hidden;display:block;clear:both}

nav #menu{opacity:1}
#menuContainer #mobile-header h2, #menuContainer #mobile-header h1 {padding-right:37px; }
#menuButton{float:left; color:#fff; font-size:3em; display:block; cursor:pointer; margin: 15px 0px 0px 15px; border:none;}
#searchIcon{float:right; color:#fff; font-size:4em; display:block; cursor:pointer; /*margin: -50px 15px 0px 0px;*/ border:none; position:absolute; right:15px; top:15px; margin:0; border:none;}
#mobile-header{position:fixed; width:100%; margin-bottom:75px; -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.5); box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.5); z-index:10001;}
.overlay {position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1201; background-color: rgba(0, 0, 0, 0.5); background: rgba(0, 0, 0, 0.5);}

.activemenu {display:none !important; }
  
/*@media screen and (max-width: 700px) {*/
	
@media screen and (max-width: 955px) {

nav #menu{opacity:0}

ul#menu {
	/*margin: 0 auto;*/
	margin:0; 
	display:block;
	position:fixed;
	left:0;
	top:62px;
	background:#fff;
	overflow:auto;
	-webkit-box-shadow: 3px 0px 5px 0px rgba(0,0,0,0.47);
-moz-box-shadow: 3px 0px 5px 0px rgba(0,0,0,0.47);box-shadow: 3px 0px 5px 0px rgba(0,0,0,0.47);
}

#menu > li a.mainItem {
	display:block;
	width:90%;
	line-height:60px;
	/*color: #BBD1E1;*/
	color:#000;
	text-transform: uppercase;
	padding: 0px 5%;
	text-shadow:none;
	font-weight:bold;
	background:none !important;
	border:none !important;
	text-align:left;
}
	
	
#menu > li a.mainItem:hover, #menu a.active:hover {
	color: #ffcc00 !important;
	background-color: #0e2136 !important;
	text-decoration: none;
	line-height:60px;
}

#menu > li {
	background:none !important;
	border:none !important;
	width:100% !important;
	height:auto !important;
}


#menuButton{color:#fff;}
a#menuButton {color:#fff; text-decoration:none;}

nav {background:none; width:300px; position:fixed; top:73px; z-index:10000; height:auto}
nav #menu {list-style:none; margin:0; padding:0;  width:300px; height:100%; margin-top:73px;  left: -303px;}

.subnav {background:#0e2136; width:260px;  position:absolute; top:0; left:-300px; z-index:12000; height:100% !important;  overflow:hidden !important; margin-bottom:175px !important; }

.activemenu {display:block !important;  padding: 20px 20px 175px 20px !important; width:260px !important;}
.activemenu .backbutton {display:block;background: #000; color:#fff; width:100%; line-height:40px; padding:0 10px; margin-left:-10px;}

#menu #menuOne, #menu #menuTwo, #menu #menuThree, #menu #menuFour, #menu #menuFive, #menu #menuSix, #menu #menuSeven {
	
	display: block;
	visibility:visible;
	width:100%;
	height:auto;
	float:none;
	Margin:0;
	padding:0;
	position:absolute;
	left:-303px;

	
}

.menubox1, .menubox2, .menubox3 {
	display: block;
	visibility:visible;
	width:100%;
	height:auto;
	float:none;
	Margin:0;
	padding:0;
		background:none;
	position:static;

	box-shadow:none;
}

#wrapperContent {padding-top:82px !important;}


/* One column */

/* Two columns */

.menubox2 .left, .menubox2 .right {
	width: 100%;
	float: left;
}
.menubox2 .left {
	padding-right: 0%;
}
/* Three columns with left headline */

.menubox3 .twoCol {
	width: 100%;
	float: left;
	padding-right: 0%;
}
.menubox3 .rightCol {
	width: 100%;
	float: left;
}
.menubox3 .twoCol h1 {
	text-transform: none;
	font-size: 24px;
	color: #ffcc00;
}
.menubox3 .twoCol .left, .menubox3 .twoCol .right {
	width: 100%;
	float: left;
}
.menubox3 .twoCol .left {
	padding-right:0%;
}
}

/*brand lite update*/

@media screen and (max-width: 970px) {
	nav #menu{
		opacity:0;
	}
}

@media screen and (max-width: 955px) {
  nav #menu {
    width: 300px !important;
	  margin-top: 60px;
  }
#menu > li a.mainItem {
    display: block;
    width: 90%;
    line-height: 60px;
    color: #036;
    text-transform: uppercase;
    padding: 0px 5%;
    text-shadow: none;
    font-weight: bold;
    background: none !important;
    border: none !important;
    text-align: left;
  }
}