body, html{margin:0; padding:0;}

.header-container{
	max-width:1070px;
	margin:0 auto;
	padding:0 35px;
	display:flex;
	justify-content:center;
}
.headerUtility,.navigationContainer{display:none !important;}
/*Taken from Sykes*/
.clear{clear:both;margin:0;padding:0;}
.upper-header{position:relative;min-height:123px;z-index:11;background: url("/storefronts/sykes/images/Header-Images/backgroundHeader.gif") repeat-x 0 0 #fff;}
.upper-header .logo{float:left;}
.upper-header .logo img{display:block; max-height:100%;}
.logos{padding:30px 0 0 0;}
.logos ul{list-style:none;padding:0;margin:10px 18px 0 0;float:right;}
.logos ul li{float:left;display:block;text-align:center;font:10px/16px Arial;text-transform:uppercase;padding:0 0 0 17px;}
.logos ul li:first-child{padding:0;}
.logos ul li img{display:block;margin:0 auto; height:30px;}
.headerUtility{display:block;float:right;width:300px;min-height:82px;padding:10px 0 0 0;}

.column{display:block;float:left;}
.navigationContainer{position:relative;min-height:55px;background:url("/storefronts/sykes/images/Header-Images/navigation.png") repeat-x 0 0;}

.navigation{position:relative;list-style:none;height:55px;padding:0;margin: 0;z-index: 10;}
.navigation ul{width:220px;display:none;position:absolute;top:44px;left:0;height:auto;border:1px solid #fff;background:#edeae3;padding:11px 9px;margin:0;z-index:9;}
.navigation ul ul{display:none;}
.navigation li{float:left;display:block;position:relative;background:url("/storefronts/sykes/images/Header-Images/navigation.png") no-repeat 0 -110px;padding:0 0 0 1px;}
.navigation ul li{width:100%;display:block;background:none;}
.navigation a{position:relative;float:left;display:block;background:none;text-decoration:none;height:55px;line-height:44px;color:#0061a1;font-size:11px;text-transform:uppercase;padding:0 15px;z-index: 11;}
.navigation > li > a{font-family:"EurostileLTStdBoldExtended2",Arial, Helvetica, sans-serif;}
.navigation a.active{background:url("/storefronts/sykes/images/Header-Images/navigation.png") repeat-x 50% -55px;color:#fff;}
.navigation li:hover .main-nav{background:url("/storefronts/sykes/images/Header-Images/navigation.png") repeat-x 50% -55px;color:#fff;}
.navigation li:hover li a{float:none;background:none;height:auto;line-height:normal;border-bottom:1px solid #cccbc7;border-top:1px solid #edeae3;color:#333;font-size:13px;text-transform:none;font-family:Arial, Helvetica, sans-serif;padding:4px;z-index:9;-webkit-transition:all 200ms ease-in-out;-moz-transition:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out;}
.navigation li:hover li a:hover,.navigation li:hover li:hover a{background:#ed6b06;color:#fff;}
.navigation li:hover ul ul{display:none;}
.navigation li:hover ul,.navigation ul li:hover ul{display:block;}
/*End taken from Sykes*/
.products2-wrapper{
	display:none;
	position: absolute;
	left: -168px;
	width: 1140px;
}

@media (max-width:1140px){
	.products2-wrapper{width: 98vw;}
}

.productsMenu2{
	position: relative;
	margin:0 auto;
	top: 47px;
	background: #edeae3;
	display: flex;
	flex-wrap:wrap;
	padding:9px 4.5px;
	max-width: 1000px;
	justify-content: center;
	z-index: 10;
}
.navigation li:hover .products2-wrapper{
	display:block;
}

.column{
	width:calc(25% - 9px);
	background:#fff;
	margin:0 4.5px;

}

.menuLogo{
	display:flex;
	justify-content:space-between;
	padding: 10px 20px 5px;
}

.productsMenu2 h2{
	margin:0;
	padding:0;
}

.productsMenu2 h2 a{
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    color: #000;
    margin: 7px 15px;
    float: none;
    background: none;
    height: auto;
    line-height: normal;
    border-bottom: 1px solid #cccbc7;
    border-top: 1px solid #edeae3;
	font-family: Arial, Helvetica, sans-serif;
    padding: 4px;
    z-index: 9;
}

.navigation .products-links a{
	float:initial;
	padding: 2px 15px;
	font-size: 13px;
	margin: initial;
	height: auto;
	line-height: normal;
	text-transform: capitalize;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
}

.productsMenu2 a:hover{
	background:#ed6b06;
	color:#FFF;
}

/*mobile menu stuff*/
#mobile-menu{
	display:none;
	text-align:center;
	min-height:55px;
	background:url(/storefronts/sykes/images/Header-Images/navigation.png) repeat-x 0 0;
}

#mobile-menu i{
	border:1px solid #ed6b06;
	color:#ed6b06;
	font-size:35px;
	padding: 3px;
	border-radius:3px;
	background:#fff;
}

#mobile-menu:hover i{
	background:#ed6b06;
	color:#fff;
}

#mobile-reset{
	display:none;
	color:#333;
	font-size:35px;
	width:30px;
	padding:4.5px 16px;
	border-radius:3px;
}

#mobile-reset:hover{
	background:#ed6b06;
	color:#fff;
}

.navigation .special-nav{
	display:flex;
	justify-content:space-between;
}


.navigation .special-nav a{
	width: 100%;
}

/*screen re-sizing*/
@media (min-width:531px) {
	#mobile-reset{display:none !important;}
}

@media (max-width: 825px) {
	.headerUtility{display:none;}
	.upper-header .logo {float:initial;}
	.upper-header .logo a{display: block; margin: 0 auto; max-width: 425px;}
	.column{width:calc(50% - 9px);margin:4.5px;max-width: 300px;}
}

@media (max-width:530px){
	.header-container{padding:0;}
	.navigationContainer{background:initial;}
	.navigation li{
		float: initial;
		background: #edeae3;
	}
	.navigation li a{
		float: initial;
		height: initial;
	}
	.navigation li:hover .main-nav{
		background:#ed6b06;
	}
	.navigation ul{
	width: initial;
	position: initial;
	border: initial;
	}
	.products2-wrapper{position:initial;top:initial}
	.productsMenu2{top:initial;}
	.column{width:100%;flex: initial;}
	.header-container #mobile-menu{display:block;}
	#menu{display:none;}
	.navigation .special-nav:hover a{background:initial !important; color:#0061a1;}
	.navigation .special-nav a:hover{background:#ed6b06 !important; color:#fff;}
}

@media (max-width:495px) {
	.upper-header{min-height:initial;}
	.upper-header .logo img{max-width:100%}
}