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

.clear {clear:both;}

body {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 16px;
	background:#FFF;
	color: #666;
}
#wrapper {
	position:relative;
	min-width:100%;
	height:auto;
	background:#FFF;
}

		
	#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
----------------------------------------------------- */
header {
	display:none;

}
#headbandNonMobile {
	display:inline-block;
	height:126px;
	width:100%;
}
#headbandExperts {
	float:right; 
	margin:80px 10% 0 0; 
	color:#ccc; 
	text-align:center; 
	line-height:25px; 
	display:inline-block;
}
#headbandMobile {
	display:none;
}
#navGreenBar {
	margin:20px 0 0 0;	
}


.header {
	position:fixed;
	top:0;
	left:0;
	min-width:100%;
	height:150px;
	background: rgba(0, 0, 0, 0.8);
	z-index: 5000;
}
.headband {
	float:left;
	padding:17px 0 0 50px;
}

.subSites {
	width:280px;
	height:175px;
	/*background:#FFFFFF;*/
	float:right;
	text-align:center;
	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+ */
}

	.infoWrapper {
		width:920px;
		height:203;
		margin-top:30px;
	
	}
	.infoSub {
		width:350px;
		height:auto;
		float:left;
		text-align:left;
		padding: 20px 0 20px 0;
		background:#eeeeee;
		
	}
	.infoSub2 {
		margin:15px 32px 15px 0;
		min-width:200px;
		max-width:203px;
		height:203px;
		background:#ffffff;
		border:0.09em solid #cccccc;
		float:left;
	}
	.infoHeaders {
		width:285px;
		height:10px;
		font-size:14px;
		font-weight:bold;
		line-height:10px;
		color:#333333;
		text-align:left;
	}
	
	
	.prodHeaders {
		padding:15px;
		font-family:Verdana, Geneva, sans-serif;
		letter-spacing:0.01em;
		font-size:16px;
		color:#333333;
	}
	.prodSubHeaders {
		width:235px;
		font-family:Verdana, Geneva, sans-serif;
		letter-spacing:0.01em;
		font-size:16px;
		color:#333333;
	}
	#prodSubHeaders ul {
		padding-top:20px;
		
	}
	#prodSubHeaders li {
		
		line-height:18px;
		font-size:15px;
		list-style-type:none;
		list-style-position:inside;
	}

/*Nav Search
-----------------------------------------------------*/
	#navCorpSearchBox {
		display:block;
	}
	#navContainer {
		
		width:20%;
		height:40px;
		background: #CCC;
		margin:0;
		padding:0;
	}
	#navSearchBox {
		float: right; 
		padding-top: 5px;
	}
	
	#searchCorpTbl {
		color:#333;
		font-size:.9em;
	}
	#searchCorpTbl a {
		color:#333;
	}
	#searchCorpTbl a:visited {
		color:#333;
	}
	#searchCorpTbl h2 {
		color:#333;
	}




/*Header Navigation
-----------------------------------------------------*/
.nav {
	font-family: Verdana, Geneva, sans-serif;
	font-size:16px;
	margin:-130px -20% 0 0;
	float:right;
	width:530px;
	height:50px;
	background:none;
	-moz-border-radius:4px 4px px 4px ;
	border-radius:4px 4px 4px 4px;
}
ul#list-nav  {
	list-style-type: none;
	color:#333;
}
ul#list-nav li	{
	float:left;
	font-size:0.9em;
	width:110px;
	height:50px;
	line-height:50px;
	text-align:center;
}
ul#list-nav li a{
	display:block;
	width:90px;
	height:50px;
	text-decoration:none;
	color:#333333;	
	text-align:center;
}
ul#list-nav li a:hover {
	text-decoration:none;
	color:#666666;
	border-top:3px solid #8CC63F;
}
ul#list-nav li a:active {
	color:#8CC63F;
}
ul#sublist-nav {
	list-style-type:none;
}
ul#sublist-nav li {
	float:left;
	font-size:0.9em;
}
ul#sublist-nav li a {
	display:block;
}



	/* Begin top header band with shopping cart, etc. */
	#hdrCartLoginMobile {
		display:none;
	}
	#shopBandCorpHome {
		display:none;
	}
	#hdrCartLogin {
		display:block;
	}
	#shopBandContainer {
		position:fixed;
		margin:0 0 0 0;
		width:100%;	
		color:#FFF;
		z-index:7000;
	}

		.shopBand {
			width:90%;
			height:25px;
			margin:0 0 0 80px;
			font: 90%/1.5 Verdana, Arial, Helvetica, sans-serif; 
		}
		.shopBand a {
			text-decoration:none;
			color:#FFF;
		}
	#shopBandCorpHome {
		position:relative; 
		float:left; 
		margin:-5px 0 0 20px; 
		color:#FFF;	
	}
	#shopBandCorpHome a {
		color:#FFF;	
		font-size:1.3em;
	}
	#shopBandCorpHome img {
		vertical-align:bottom;	
	}
	#shopBandLogin {
		position:relative; 
		float:right; 
		margin-right:40px; 
		margin-top:-3px; 
		color:#FFF;	
	}
	#shopBandLogin a {
		color:#FFF;
		font-size:1.4em;
	}
	#carttab a {
		color:#FFF;
	}
	#carttab img {
		vertical-align:bottom;	
	}
	#xmlCartTotals {
		font-size:.8em;
	}
	#yourAccountMob {
		display:none;
	}
	#yourAccountTab:hover {
	/*	float:left;
		text-decoration:none;
		color:#FFF;
		border-top:3px solid #8CC63F; */
	}
	#yourAccountSubMenu {
		display:none; 
		float:right; 
		margin:30px -140px 0 0; 
		padding:3px 5px 5px 5px; 
		background-color:#FFF; 
		width:175px; 
		height:auto; 
		border:thin solid #000; 
		box-shadow: 2px 2px 2px #000; 
		font-family:Arial, Helvetica, sans-serif;
		font-size:.8em;
		z-index:9999;
	}
	#yourAccountSubMenu a {
		color:#666;
		text-decoration:none;
	}
	#yourAccountSubMenu a:hover {
		color:#F00;
		text-decoration:underline;
	}
	/* End top header band with shopping cart, etc. */

#fabProducts {
	display:none;
}
#rawMaterials {
	display:none;
}


/*Navigation
-----------------------------------------------------*/
.navWrapper {
	margin-top:20px;
	width:100%;
	height:41px;

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ececec'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ececec)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #ffffff,  #ececec); /* for firefox 3.6+ */

}
.navSystem {
	width:920px;
	height:auto;
	margin:0 auto;
}

/*show contact and requestQuote on desktop side nav as well*/
#contactMob {
	display:block;
}
#requestQuoteMob {
	display:block;
}

#cabTitleMain {
	display:block;
}

#cabOutdoorTitleMob {
	display:none;
}

#cabIndoorTitleMob {
	display:none;
}

/*Corp Home Page
-----------------------------------------------------*/
#homeFabProdLink {
	text-decoration:none;
}
.h2HomeMobile a {
	color:#999999;
	text-decoration:none;
}
.h2HomeMobile a:visited {
	color:#999999;
	text-decoration:none;
}
#featuredHome {
	margin-top:130px;
}
#homeFabProdDiv {
	float:left;
	width:500px; 
	height:400px; 
	margin:20px 0 0 5px; 
	padding:10px 10px; 
	border-radius:8px;
}
#homeFabProdTitleDiv {
	padding:0 0 20px 0; 
	color:#333; 
	font-weight:bold;
}
#homeOudoorKitchensLink {
	text-decoration:none;
}
#homeOutdoorKitchenDiv {
	float:left; 
	margin:20px 0 0 5px; 
	width:500px; 
	height:400px; 
	padding:10px 10px; 
	border-radius:8px;
}
#homeOutdoorKitchenTitleDiv {
	padding:0 0 20px 0; 
	color:#333; 
	font-weight:bold;
}

#homeRawLink {
	text-decoration:none;
}
#homeRawDiv {
	float:left; 
	margin:20px 0 0 5px; 
	width:500px; 
	height:400px; 
	padding:10px 10px; 
	border-radius:8px;
}
#homeRawTitleDiv {
	padding:0 0 20px 0; 
	color:#333; 
	font-weight:bold;
}
#homeTitle h1 {
	font-size:2.5em;
}
#homeSubTitles h2 {
	font-size:2.2em;
	color:#666;
}
#homeSubTitles a {
	text-decoration:none;
	color:#666;
}
#homeSubTitles > li {
	color:#f00;
}
.noTextDeco {
	text-decoration: none;
}
.pad10 {
	padding:10px 10px;
}
#homeVideo {
	width:500px;
	height:281px;
}
#homeVideoDiv {
	float:left;
	margin: 20px 0 0 50px;
	width:500px;
	height:300px;
	padding-bottom:60px;
}

/* Content
----------------------------------------------------- */
#content {
	position:absolute;
	width:87%;
	min-height:100vh;
/*	margin: 0 auto;	*/
	right:0;

}
#content h2 {
	padding:0;
	color:#999;
}
.pattern_hr {
	min-width:100%;
	height:10px;
	background-image: url(../images/grid.png);
	background-repeat:repeat;
}
#mobileSlider {
	display:none;
}


	
	
	
	
	
	
	
	
/* Footer
----------------------------------------------------- */
/* Hide Mobile footer */
#footerMobileDiv {
	display:none;
}

/* Show PC footer */
#footerDiv { 
	display:block;
	height:200px;
}


.footer {
	font-family:Verdana, Geneva, sans-serif;
	font-size: .9em;
	text-align:center;
	width:100%;
	height:auto;
	bottom:0;
	padding-top:30px;
	background: rgba(0, 0, 0, .9);
}
.ftnavwrap {
	margin:30px 0 0 0;
	width:99%;
	height:auto;
	color:#999;
	/*float:left;*/
}
.ftnav {
	width:150px;
	height:165px;
	margin-left:20px;
	padding:10px;
	text-align:left;
	font-style:normal;
	text-transform:capitalize;
	float:left;
	line-height:20px;
}
.ftnavwrap a {
	text-decoration:none;
	color:#CCC;
}

#ftnav li {
	list-style:none;
	
}


/* Links, Paragraphs, H Styles, etc.
----------------------------------------------------- */

#ftnav a:link {
	color:#999999;
	text-decoration: none; 
}
#ftnav a:visited {
	color: #999999;
	text-decoration: none;
}
#ftnav a:hover, a:active, a:focus { 
	text-decoration:none;
	color:#FFFFFF;
}



/* Session Expired Page
----------------------------------------------------- */
	#sessionExpBtnsDiv {
		margin:0 0 0 150px;
		padding-bottom:100px;
	}
	#sessionExpBtnsDiv button {
		font-weight: bold; 
		font-size: 100%; 
		padding:5px; 
		width:370px;
	}
	#sessionExpTextDiv p {
		padding:25px 0 80px 10px;
	}