/**
 * ALL CUSTOMIZATONS TO CSS GO HERE.
 * This file is loaded last so all selectors in other CSS files are overridden here.
 */


/* JUS web redesign styles (11/22/19) */
#srvletarea {
	min-width: 800px;
	max-width: 1300px;
	margin: auto;
}

body, input, b, td, th, span, p {
	font-family: Avenir-LT-W01_35-Light1475496,sans-serif !important;
	font-size: 11pt;
}

h1 {
	font: normal normal normal 24px DINNeuzeitGroteskLTW01-_812426,sans-serif !important;
}

h2 {
	font: normal normal normal 24px DINNeuzeitGroteskLTW01-_812426,sans-serif !important;
}

h3 {
	font: normal normal normal 20px DINNeuzeitGroteskLTW01-_812426,sans-serif !important;
}
 p {
	margin: 5px 0px;
 }

#menu{
	width: fit-content;
	height:calc(100% - 0px);
	display: flex;
	overflow:visible;
	background-color:rgba(255, 255, 255, 1);
	border-radius:10px;  
	border:solid 0px rgba(48, 48, 48, 1);
}

#menu a {
	color: black !important;
	display: inline-block !important;
	padding: 0 20px !important;
	font: normal normal normal 20px/1.4em Anton,sans-serif !important;
	transition: color 0.4s ease 0s !important;
	margin: 3px auto;
	white-space: nowrap;
	text-transform: unset !important;
	letter-spacing: unset !important;
}

#menu a:hover {
	color: red !important;
}

.dropdown-menu {
	z-index: 999;
	position: absolute;
	overflow: visible;
	display: none;
	white-space: nowrap;
	width: auto;
	background-color: rgba(255, 255, 255, 1);
	border-radius: 0px;
	background-clip:content-box;
}

.dropdown-menu li {
	line-height: 35px;
	margin: 0 3px;
	display: flex;
}

li.dropdown:hover > ul.dropdown-menu, .dropdown-gap:hover > ul.dropdown-menu{
	display: block;
}

ul.dropdown-menu:hover {
	display: block;
}

.dropdown-gap {
	height: 7px;
}

.style-jvnz2udpmoreContainer {overflow:visible;display:inherit;white-space:nowrap;width:auto;background-color:rgba(255, 255, 255, 1);border-radius:10px;  box-shadow:0 1px 4px rgba(0, 0, 0, 0.6);  border:solid 0px rgba(48, 48, 48, 1);}
.style-jvnz2udpdropWrapper {z-index:99999;display:block;opacity:1;margin-top:7px;visibility:hidden;position:absolute;box-sizing:border-box;}
.style-jvnz2udp > nav {position:absolute;top:0;right:0;bottom:0;left:0;}


#ecommerce-menu {
	margin-top: 0px;
	width: 15%;
	float: left;
}

#ecommerce-menu li {
	margin-top: 20px;
}

#ecommerce-menu a {
	color: black;
	font-size: 14pt;
	font: normal normal normal 20px DINNeuzeitGroteskLTW01-_812426,sans-serif !important;
}

#ContactUsAlert {
	margin-left: 2px !important;
} 
#ContactUsAlert .alertMessage {
	color: inherit !important;
	background-color: #f0f0f0 !important;
	border: 1px solid black !important;
}

span.priceDecrease, span.priceIncrease, span.priceNoChange {
	margin-right: 20px;
}

/* footer heading styles */
#comp-iz8fkgp7inlineContent-gridContainer h1 span {
	font: normal normal normal 22px DINNeuzeitGroteskLTW01-_812426,sans-serif !important;
}

#comp-jwi1ceynimgimage {
	object-position:50% 50%;
	width:318px;
	height:163px;
	object-fit:cover
}

/* IE10+ CSS styles go here */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	#menu {
		width: 1054px;
		margin-left:calc(50vw - 527px);
		height: 32px;
	}

	.menu-loggedin {
		width: 910px !important;
		margin-left:calc(50vw - 455px) !important;   
	}


	#comp-jwi1ceynimgimage {
		background-position:50% 50%;
		width:318px;
		height:163px;
		background-size: cover;
	}

	#srvletarea {
		margin-top: 262px;
	}

	#comp-izdyhuub {
		top: 43px;
	}

	#comp-izdyfn8q {
		top: 88px;
	}

	#comp-iz8fw7ig {
		top: -124px;
	}

	#comp-izfmcnk4 {
		top: -180px;
	}
}

.mnudiv {
	margin-top: 20px;
}


th, td.regularheader {
	background-color: #525152; 
	color: #ffffff; 
}

#srvletarea td { padding: 3px 4px 3px 4px; } 
#srvletarea th { padding: 3px 4px 3px 4px; } 

#srvletarea.srvletpopup td { padding: 5px; }

#srvletarea #adpage table.catalogTable td, #srvletarea #adpage table.catalogTable th {
	font-size: 11px;
}

#srvletarea p, #srvletarea td, #srvletarea th, #srvletarea li {
	font-size: 11pt;
}

/****************************************************************
 * 	jQuery related styles                                    		
 ****************************************************************/

#srvletarea textarea, #srvletarea input[type=text], #srvletarea input[type=password], #srvletarea input[type=number] {
	-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; 
 	padding: 3px;
	border: 1px solid #ccc;
}

#srvletarea input[type=button], #srvletarea input[type=submit], #srvletarea input[type=reset] {
	font-size: 15px;
	padding: .4em .6em;
}

#srvletarea {
	margin: auto;
}
.selfServeMenu {
	margin-left: auto;
}

#srvletarea .welcometable td {
	padding: 0px
}