@charset "utf-8";
/* Body
----------------------------------------------------- */
* {
	margin:0;
	padding:0;
}

.clear {clear:both;}

body {
	font-family:Verdana, Geneva, sans-serif;
	background:#ffffff;
	color: #666;
	font-size: 16px;
}
#wrapper {
	min-width:100%;
	height:auto;
	background:#ffffff;
}
#spacerDiv {
	display:none;
}
		
	#loading-img {
		background: url(https://www.stainlesssupply.com/images/ajax-loaderNew.gif) center center no-repeat;
		height: 100%;
		z-index: 10000;
	}
	
	#preloaderDiv {
		background: #e9e9e9;
		display: none;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		opacity: 0.5;
	}	


/* The below styles are for the session timeout warning dialog which slides down from the top of page */
	#idletimeout { 
		background:#cc1300; 
		border:3px solid #ff0018; 
		color:#fff; 
		font-family:arial, sans-serif; 
		text-align:center; 
		font-size:14px; 
		padding:10px; 
		position:relative; 
		top:0px; 
		left:0; 
		right:0; 
		z-index:100000; 
		display:none; 
	}
	
	#idletimeout a { 
		color:#fff; 
		font-weight:bold 
	}
	
	#idletimeout span { 
		font-weight:bold 
	}
/* This ends the styles for the session timeout warning dialog which slides down from the top of page */


/* Header
----------------------------------------------------- */
#hdrCartLogin {
	display:none;
}
#headbandNonMobile {
	display:none;
}
#headbandExperts {
	display:none;
}
.header {
	min-width:100%;
	margin-top:40px;
	height:auto;
	text-align:center;
	background-color:#e0e0e0;
	/*background-repeat:repeat;*/
}
#navGreenBar {
	margin:0 0 0 0;	
}
.header img {
	width:90%;
	height:auto;
}
.headband {
	width:100%;
	height:auto;
	background:#333;
	padding:5px 0 5px 0;
	/*margin:0 auto;*/
}

.subSites {
	width:280px;
	height:175px;
	/*background:#FFFFFF;*/
	float:right; 
	text-align:center;
	margin:50px 5% 0 0;
/*	padding: 0px 5px;  */
	font-size:14px;
	box-shadow: 5px 5px 5px #888888;
	border-radius: 15px;
		-moz-border-radius: 15px;
		-webkit-border-radius: 15px;
	border:1px solid #999;
	/*
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EBEBEB');
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EBEBEB)); 
	background: -moz-linear-gradient(top,  #FFFFFF,  #EBEBEB); /* for firefox 3.6+ */
}

#fabShop {
	display:none;
}
#rawShop {
	display:none;
}
#cartNav {
	display:none;
}
#yourAccountDiv {
	display:none;
}
#yourAccountNonMob {
	display:none;
}
#yourAccountSubMenu {
	display:none;
}
#navCorpSearchBox {
	display:none;
}

#covid19 {
	display:none;
}

/*Header Navigation
-----------------------------------------------------*/
	#corpTopNav {
		display:none;
	}
	#megamenuDiv {
		display:none;
	}

	#mobileHdr {
		position: fixed;	
		/*background: #fff;*/
		width: 100%;
		height: 40px;
		/*position: fixed;*/
		top: 0;
		left: 0;
		/*border-bottom: 4px solid #4C9CF1;*/
		background: rgba(0, 0, 0, 0.5);
		z-index: 5000;
	
	}
	#login-icon {
		display: block;
		width: 21px;
		height: 28px; 
		position:absolute;
		top:5px;
		right:125px;
		background: url(../images/goldLock.png) center;
	}
	#cart-icon {
		display: block;
		width: 27px;
		height: 25px;
		position:absolute;
		top:10px;
		right:35px;
		background: url(../images/shopping-cart-icon.png) center / contain no-repeat;
	}
	
	#mobileHdrLoginTitle {
		position:absolute;
		top:10px;
		right:75px;
		color:#FFF;
		font-size:1em;
		font-weight:bold;
		text-decoration:none;
	}
	#mobileHdrLoginTitle a:link {
		color:#FFF;
		text-decoration:none;
	}
	#mobileHdrLoginTitle a:visited {
		color:#FFF;
		text-decoration:none;
	}

	#mobileHdrTitle {
		position:absolute;
		top:10px;
		left:50px;
	/*	float:left;
		margin:10px 0 0 220px; */
		color:#FFF;
		font-size:1em;
		font-weight:bold;
	}
	#mobileNav {
	
		float: left;
		padding: 0px;
	
	}

	#menu-icon {
	
		display: block;
		width: 35px;
		height: 38px;
		position:absolute;
		top:0;
		left:5px;
		background: url(../images/menu-icon.png) center;
	
	}
	#menu-iconNew {
	
		display: block;
		width: 35px;
		height: 36px;
		position:absolute;
		top:-10px;
		left:-40px;
		background: url(../images/menu-icon.png) center;
	
	}
	.menuIcon {
		display: block;
		width: 35px;
		height: 36px;
		position:absolute;
		top:-39px;
		left:0;
		background: url(../images/menu-icon.png) center;
	}

	a:hover#menu-icon {
	
		background-color: #444;
		border-radius: 4px 4px 0 0;
	
	}
	
	#xmlCartItemsMobile {
	/*	display:inline-block; */
		width:100%;
		height:70vh;
		overflow:scroll;
		background-color:#98C9D6;
     /*   box-shadow: 0 10px 10px  #666; */
		display:none;
	}
	#cartBottomDiv {
		width:100%; 
		height:20px; 
		background-color:#FFF; 
		border-bottom:solid thin #666; 
		border-bottom-left-radius:10px; 
		border-bottom-right-radius: 10px; 
		box-shadow: 0 10px 10px  #666;  
		display:none;
	}

	#xmlCartTotalsMobile {
		position:absolute;
		top:10px;
		right:10px;
		color:#FFF;
		font-size:1em;
		z-index:6000;	
	}
	#cartSavedMsg {
		margin:40px 0 0 0;
		background-color:#0C0; 
		color:#FFF; 
		font-weight:bold;
	}

	#mobileUl {
	
		list-style: none;
		width:80%;
		margin:-20px 0 0 0;
	}

	#mobileUL li {
	
		display: inline-block;
		float: left;
		padding: 5px;
	}

	.menu-title {
		font-weight:bold;
		font-size:1.05em;
		text-align:left;
		color:#FFF;
		background-color:#666;
		padding: 5px 0 5px 0;
	}
	
	.menu-item {
		font-size:1.0em;
		background: rgba(153, 204, 102, .5);
	}

	.current {
	
		color: #2262AD;
	
	}

	#mobileNav li {

		text-align: center;
		width: 100%;
		padding: 5px 0;
		margin: 0;

	}
	
	#mobileNav a:link {
		color:#000000;
		text-decoration: none; 
	}
	#mobileNav a:visited {
		color: #000000;
		text-decoration: none;
	}
	#mobileNav a:hover, a:active, a:focus { 
		text-decoration:none;
		color:#000000;
	}

/* Overwrite the default to keep the scrollbar always visible */

::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}

::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}

	nav ul, nav:active ul { 

		display: none;
		position: absolute;
		padding: 2px;
		background: #fff;
		border: 2px solid #444;
		left: 10px;
		top: 60px;
		width: 40%;
		border-radius: 4px 0 4px 4px;

	}

	nav:hover ul {

		display: block;

	}
	
/* Side Navigation 
----------------------------------------------------- */
#contactMob {
	display:block;
}
#requestQuoteMob {
	display:block;
}

#cabTitleMain {
	display:none;
}

#cabOutdoorTitleMob {
	display:block;
}

#cabIndoorTitleMob {
	display:block;
}


/* Breadcrumbs
----------------------------------------------------- */
#breadcrumbs {
	display:none;
}




/* Content
----------------------------------------------------- */
#content {
	width:100%;
	height:auto;
	margin: 0 auto; 	
	padding-bottom:30px;

}
.pattern_hr {
	min-width:100%;   
	height:10px;
	background-color:#e0e0e0;
	/*background-repeat:repeat;*/
}

/* Corp Home Page
----------------------------------------------------- */
#cabinetryRollOver {
	display:none;
}
#countertopsRollOver {
	display:none;
}
#shelvingRollOver {
	display:none;
}
#wallCoveringRollOver {
	display:none;
}
#sinksRollOver {
	display:none;
}
#tablesRollOver {
	display:none;
}
#sheetsPlatesRollOver {
	display:none;
}
#embossedSheetsRollOver {
	display:none;
}
#polishedSheetsRollOver {
	display:none;
}
#trimMoldingRollOver {
	display:none;
}
#angleChannelRollOver {
	display:none;
}


#homeSubTitles {
	display:none;
}
#products {
	display:none;
}
#featuredHome {
	display:block;
	margin-top:0px;
}
.h2HomeMobile {
	margin-top:-15px;
}
.h2HomeMobile a {
	color:#999999;
	text-decoration:none;
}
.h2HomeMobile a:visited {
	color:#999999;
	text-decoration:none;
}
.noTextDeco {
	text-decoration: none;
}
.pad10 {
	padding:10px 10px;
}
#homeVideo {
	width:100%;
	height:auto;
}


	
	
/* Footer
----------------------------------------------------- */
/* Hide PC footer */
#footerDiv { 
	display:none;
}

#F {
	display:none;
}

/* Show Mobile footer */
#footerMobileDiv {
	display:block;
}
#footerDividerNonMobile {
	display:none;
}
.footerMobile {
	font-family:Verdana, Geneva, sans-serif;
	font-size: .9em;
	text-align:center;
	min-width: 100%;  
	height: auto;
	color: #999999;
	padding-top:30px;
	background:#333333;
	/*border:solid 4px #FFF;*/
}
.ftnavwrapMobile {
	/*margin-left:350px;*/
/*	margin-left:25%; */
	/*width:50%;*/
	padding-top:5px;
	padding-bottom:20px;
	width:100%;  
	height:auto;
	margin:0 auto;
	float:left;  
	/*border:dashed 3px #CCC;*/
}
.ftnavMobile {
	width:310px;
	height:165px;
	padding:5px;
	text-align:center;
	font-style:normal;
	color:#8CC63F;
	text-transform:capitalize;
	float:left;  
	line-height:20px;
}


#ftnavMobile a:link {
	color:#8CC63F;
	text-decoration: none; 
}
#ftnavMobile a:visited {
	color: #8CC63F;
	text-decoration: none;
}
#ftnavMobile a:hover, a:active, a:focus { 
	text-decoration:none;
	color:#FFFFFF;
}

#copyRightMobile {
	font-size:.7em;
}




/* Session Expired Page
----------------------------------------------------- */
	#sessionExpBtnsDiv {
		margin:0 0 0 20px;
	}
	#sessionExpBtnsDiv button {
		font-weight: bold; 
		font-size: 1em; 
		padding:5px 1px 5px 1px; 
		width:80%;
	}
	#sessionExpTextDiv p {
		padding:10px 0 20px 20px;
	}