/* Start Menu Styling 
--------------------------------------------- */
.nav-wrapper {float:left; width:100%; display:block; position:fixed; background:#FFF; z-index:999; margin-top:58px; }
.nav-wrapper.sticky {margin-top:0;}
.nav-wrapper:after {content: ''; display: block; width: 100%;}
.nav-wrapper-inner {position:relative; width:100%; max-width:1200px; margin:0 auto;}

.nav-menu {
	float:right; width:69%; margin:5px 0 0 auto; position:relative; z-index:-1; color:#004a7c;
	height:113px; font-family:Oswald,Arial,Helvetica,sans-serif; font-weight:500; font-size:18px;
}
.nav-menu ul, .nav-menu ol, .nav-menu dl, .nav-menu li {line-height:1em;list-style:none; }

/* Hide responsive menu elements 
--------------------------------------------- */
.mobile-menu-row, .mobile-menu-icon {display:none;}

/* Fixed Menu & Stickiness */

.sticky {float:left; }
.menu-sticky { margin-top: -121px;
transition: margin 0.4s ease-in-out;
-webkit-transition: margin 0.4s ease-in-out;
-o-transition: margin 0.4s ease-in-out;
}
.scrolled-menu-row {font-size:14px;}
#menu-logo, #menu-cart, #menu-search {display:none;} /* controls initial appearance, afterward by scroll script */

/* Start dropdown menu styling 
--------------------------------------------- */
ul.dropdown {margin: 45px 0 0; padding: 0; }
ul.dropdown li,ul.dropdown ul {margin: 0; padding: 0; }
ul.dropdown {float:right; position:relative; }
ul.dropdown li {float: left; vertical-align: middle;zoom: 1; /* IE6 */}
/*.menu-logo {float:left; width:9%; position:relative; margin-top:8px;}*/

/* General list styling 
-------------------------------------------- */
ul.dropdown li {/*font-size:14px;*/ text-transform:uppercase; }

/* General links styling 
-------------------------------------------- */
ul.dropdown a,ul.dropdown a:visited,ul.dropdown a:hover, ul.dropdown a:active {text-decoration: none; }
ul.dropdown a, ul.dropdown span {display: block;outline:none; cursor:pointer; padding: 0 0 0 35px; }
ul.dropdown ul a, ul.dropdown ul span {padding:12px 12px;}	
ul.dropdown li:hover, ul.dropdown li.hover {position: relative; cursor:pointer; }

/* Level I+ 
--------------------------------------- */
ul.dropdown ul {display:none; position: absolute;z-index: 598; min-width:220px; 
	top: 100%; left: 0;
	-webkit-box-shadow:0 0 8px 0 rgba(0,0,0,0.5);
	-moz-box-shadow:0 0 8px 0 rgba(0,0,0,0.5);
	-ms-box-shadow:0 0 8px 0 rgba(0,0,0,0.5);
	-o-box-shadow:0 0 8px 0 rgba(0,0,0,0.5);
	box-shadow:0 0 8px 0 rgba(0,0,0,0.5);
}

ul.dropdown li:hover > ul{display:block; }
ul.dropdown ul li {float: none;/*font-size:13px;*/font-weight: normal; text-transform:none;	position:relative; }

/* Level II +  
---------------------------------------- */
ul.dropdown ul ul { top:0; left:100%; }

/* Arrow indicators 
---------------------------------------- */	
ul.dropdown *.sub { 
	padding-right:15px; 
	background-image: url(../images/nav-arrow-down-white-thin.gif); 
	background-position: 95% 50%; 
	background-repeat: no-repeat; 
}

ul.dropdown ul *.sub { 
	padding-right: 15px; 
	background-image: url(../images/nav-arrow-right-thin-dark.gif);
	background-position: 100% 50%; 									  
	background-repeat: no-repeat; 
}

/* Change trailing arrows on :hover IE7+
--------------------------------------------------------- */
ul.dropdown li.sub:hover{  background-image: url(../images/nav-arrow-down-white.gif); } 
ul.dropdown ul li.sub:hover{ background-image: url(../images/nav-arrow-right-dark.gif);  }

/* Main menu separator (if used, set color in menu colors section below)  */	
ul.dropdown li.divider{
	padding:0!important; margin:0!important; border:0!important;
	display:block; height:38px;	float:left;	width:1px; 
}

/* Right-to-left dropdowns */
ul.dropdown li.rtl ul { position: absolute; top: 100%; right:0; z-index: 598; left:auto; }
ul.dropdown li.rtl ul ul { top:0; right:100%; left:auto; }
ul.dropdown li.ltr ul, ul.dropdown li.ltr ul ul { top:0; left:100%!important; right:auto!important; }

/* ======================================================================================= */
/* Menu colors and fonts */
/* ======================================================================================= */
ul.dropdown {background:#FFF; } /* was background:transparent; */
ul.dropdown ul {background:#FFF; } 

/* Top level */
ul.dropdown a,
ul.dropdown a:visited,	
ul.dropdown a:hover, 		
ul.dropdown a:active, 
ul.dropdown li  {/*color:#555; font-size: 15px;*/ font-weight:500;}


/*Currently no divider used  
ul.dropdown li.divider{ background:#CCC ; }
*/

/*Hover color for top level LI.SUB */
ul.dropdown li.hover, ul.dropdown li:hover {background-color:#FFF; }

/* Search Box in Menu */
ul.dropdown li.search {float:right; position:relative; margin:0 5px 0 0;}
ul.dropdown li.search:hover {background:none; }

/*
.search-container {width:100%; float:left; position:relative; margin-top: 4px; background-color:#FFF; color:#222;border:1px solid #C6C6C6;}
input.search-field  {width:100%; padding: 4px;color:#000; background:none; border:none;text-align: left; }
.search-btn input[type='submit'] { 
	background: url('../images/search-icon-23x23.png') no-repeat;  
	border: none; width: 23px; height: 23px; 
	position: absolute; top:50%; margin-top: -11px; right: 2px; 
}
*/

/* Colors for 2nd/3rd level */
ul.dropdown  ul li, ul.dropdown  ul li a  {color: #000 !important; font-weight:normal; } 
ul.dropdown  ul li.sub, ul.dropdown  ul li.sub a  {color: #000; } 
ul.dropdown  ul li.sub, ul.dropdown  ul li.sub a  {color: #000; } 
ul.dropdown ul li {border-bottom:1px solid #F1F0EC;}

ul.dropdown ul li.hover, ul.dropdown ul li:hover {background-color: #EEE; color: #000; }
ul.dropdown ul li a:hover {color: #000 !important; }
ul.dropdown ul li.active, ul.dropdown ul li:active {background-color: #EEE; color: #000; }
ul.dropdown ul li > a:active {color: #000 !important; }
ul.dropdown ul li:hover > a{color: #000 !important;font-weight:normal;}   

/* ======================================================================================= */
/* MEDIA QUERIES */
/* ======================================================================================= */
@media screen and (max-width: 1200px) {
	
	.nav-menu {font-size:15px; }
	ul.dropdown a, ul.dropdown span {padding: 0 0 0 25px; }
	
}

@media screen and (max-width: 900px) {
	
	ul.dropdown a, ul.dropdown a:visited, ul.dropdown a:hover, ul.dropdown a:active, ul.dropdown li {font-size:14px;} /* used? */
	.nav-menu {width:70%; margin-right:1%;}
	
}

@media screen and (max-width: 769px) {
	
	.mobile-only {display:block !important;}
	.mobile-hide {display:none !important;}

	.header {position:fixed; z-index:12;}
	.slider-wrap {margin-top:60px;}
	.mobile-menu-row {
		float:left; display:block; height:40px; position:absolute; margin-top:-58px;
		cursor: pointer; background: transparent; /*width:100%; min-width:300px; position:relative/absolute;*/
	}
	.scrolled-menu {margin: 10px 0 0 !important;}
	.nav-wrapper.sticky {margin-top:58px;} /* positions mobile menu 'burger' & logo correctly when scrolled */
	.menu-sticky { margin-top: 0; }
	.block-left {float:left; height:40px;padding:0; margin:0; position:fixed;}
	.block-next {float:left; height:40px;padding:0; margin:0 0 0 50px; position:fixed;}
	.block-right {float:right; height:48px;padding-left:10px; margin:0; border-left: 1px solid #333;}
	.mobile-menu-icon {float:left; display:block; width:auto; font-size:1em; font-weight:bold; color:#FFF; padding:8px 0 0 10px; }
	.menu-text {float:right; color:white; margin-left:15px; padding:0 10px 0 0; font-size:14px; font-weight:normal;}

	/*Use explicit height (or max-height) to have mobile menu overlay content, use height:auto to push content down */
	.nav-wrapper {/*float:left; width:100%;*/ position:absolute; top:5px; height:0; background-image:none; background-color:#FFF; }
	.nav-menu{ position:fixed; width:100%; height:auto; }

	.nav-menu,
	ul.dropdown, 
	.menu-icon, 
	.menu-icon span, 
	ul.dropdown *{ box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }

/* for fat fingers on mobile dropdown */
ul.dropdown li {padding:10px;}
		
	ul.dropdown {display:none; position: relative; border-top:1px solid #E8E8E8; float:left; width:100%;margin-top:-10px !important;max-height: calc(100vh - 63px);overflow-y:scroll;    border-top: none;  box-shadow: 1px 3px 6px #d8d8d8;}
	ul.dropdown li { position:relative; float:none; display:block; border-bottom:1px solid #E8E8E8;  }

	/*ul.dropdown li.search {float:left; position:relative; margin:2px 20px 5px 10px; width:90%;}*/
	
	/*Hover color for top level LI.SUB */
	ul.dropdown li.hover, ul.dropdown li:hover {background-color:#F9F9FB; }
		
	ul.dropdown a,
	ul.dropdown a:visited,	
	ul.dropdown a:hover, 		
	ul.dropdown a:active, 
	ul.dropdown li  {color:#000;}

	ul.dropdown ul li.hover, ul.dropdown ul li:hover {background-color: #F9F9FB; color: #000; }
	ul.dropdown ul li a:hover {color: #000 !important; }
	ul.dropdown ul li.active, ul.dropdown ul li:active {background-color: #F9F9FB; color: #000; }
	ul.dropdown ul li > a:active {color: #000 !important; }
	ul.dropdown ul li:hover > a{color: #000 !important;font-weight:normal;}   

	
	ul.dropdown  li li{ border-top:0;}
	ul.dropdown  ul a{ padding-left:25px; }
	ul.dropdown  ul ul a{ padding-left:45px; }
	ul.dropdown  ul a:hover  { background-color:#F9F9FB;  }  
	ul.dropdown  li.sub ul > li{ font-weight:normal; padding: 0 10px; }
	ul.dropdown *.sub { */padding:0!important;*/background-image: none!important; }
	ul.dropdown ul{ overflow: hidden; max-height: 0; width:auto; display:block; position: static; }
	ul.dropdown ul.current { display:block; max-height:100em; }
	ul.dropdown li.sub > a{ padding-right:25px; }

	/*
	ul.dropdown li.sub > a.current{ background: #FFCC00;  }
	ul.dropdown li.sub > ul a.current{background:#FFCC00;  }  
	*/
	
	ul.dropdown li.sub > a:after, 
	ul.dropdown li.sub > a.current:after { position: absolute; top: 0; right: 10px; display: block; font-size: 1.3em; padding: 0.55em 0.5em; }
	ul.dropdown li.sub > a:after { content: '\002B'; }	
	ul.dropdown li.sub > a.current:after { content: "\2013"; top:-2px; }
	
	ul.dropdown li.rtl ul, 
	ul.dropdown li.ltr ul, 
	ul.dropdown li.ltr ul ul, 
	ul.dropdown li.rtl ul ul { position:static; }
	ul.dropdown li.divider{ display:none!important; }

	ul.dropdown ul { 	
		/* disable css3 shadows on mobile */
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		-ms-box-shadow:none;
		-o-box-shadow:none;
		box-shadow:none;
	}

} /*END max-width: 769px */

/*Changed from:@media screen and (min-width: 960px) */
@media screen and (min-width: 769px) {
	/* Avoid responsive menu hiding on browser window resize */
	ul.dropdown{ display:block !important; }

}

@media only screen and (max-width: 480px) {
	
	/*.mobile-menu-row { top:-30px;}*/
ul.dropdown{ height: calc(100vh - 63px);} /* removed the fixed limit of 378px as it limits the ability for mobile menu to expand - not sure why it was added */

}





ul.dropdown li li:last-child { border: none;}
.clearall{clear:both;}