@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;
}


/* Breadcrumbs
----------------------------------------------------- */
#breadcrumbs {
	padding:10px 10px;
	text-align: left;
}
#breadcrumbs li {
	display:inline-block;
}



/*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;
}


/* 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;
}

/* SAVED COUNTERTOPS PAGE 
--------------------------------------------------------------- */
	#savedCountertops {
		margin:10px 0 50px 20px; 
		padding:25px; 
		background-color:#CCC; 
		font-size:11px; 
		width:1040px; 
		border:thin solid #333; 
		border-radius: 8px; 
		border-radius: 8px; 
		-moz-border-radius: 8px; 
		-moz-border-radius: 8px; 
		-webkit-border-radius: 8px; 
		-webkit-border-radius: 8px;
	}
	#jobNameDiv {
		border-top:dashed thin #999;
	}

/* ORDER HISTORY PAGE 
--------------------------------------------------------------- */
	#orderHistoryDiv {
		margin:10px 0 50px 20px; 
		padding:25px; 
		background-color:#CCC; 
		font-size:11px; 
		width:800px; 
		border:thin solid #333; 
		border-radius: 15px; 
		border-radius: 15px; 
		-moz-border-radius: 15px; 
		-moz-border-radius: 15px; 
		-webkit-border-radius: 15px; 
		-webkit-border-radius: 15px;
	}
	#orderHistoryOrderline {
		font-size:1em;
	}

/* ORDER DETAIL PAGE 
--------------------------------------------------------------- */
	#orderDetailDiv {
		margin:10px 0 50px 20px; 
		padding:25px; 
		background-color:#CCC; 
		width:800px; 
		font-size:11px; 
		border:thin solid #333; 
		border-radius: 8px; 
		-moz-border-radius: 8px; 
		-webkit-border-radius: 8px;
	}

/* CHECKOUT 
--------------------------------------------------------------- */
	#checkoutLoginDivMob {
		display:none;
	}
	#checkoutLoginDiv {
		margin:10px 0 10px 0;
		padding:30px 10px 10px 10px;
		background-color:#CCC; 
		width:800px;
		height:50px;
		border:thin solid #333; 
		border-radius: 8px; 
		border-radius: 8px; 
		-moz-border-radius: 8px; 
		-moz-border-radius: 8px; 
		-webkit-border-radius: 8px; 
		-webkit-border-radius: 8px;
	}
	#checkoutLoginFillerDiv {
		height:150px;
		width:100%;
	}
	#loginRegister {
		margin:20px 0 10px 0px; 
		padding:25px; 
		background-color:#CCC; 
		width:400px; 
		border:thin solid #333; 
		border-radius: 8px; 
		border-radius: 8px; 
		-moz-border-radius: 8px; 
		-moz-border-radius: 8px; 
		-webkit-border-radius: 8px; 
		-webkit-border-radius: 8px;
	}
	.registerFormStyle {
		width:90%;
		margin:10px 0 0 100px;
	}
	.registerFormStyle input {
		margin:2px 0 0 0;
		width:200px;
		height:25px;
	}
	.registerFormStyle em {
		margin:2px 0 0 0;
		font-size:.8em;
	}
	.registerFormStyleCheckbox {
		margin:2px 0 0 100px;
		font-size:.8em;
	}
	#btnJoin {
		width:100px; 
		height:auto; 
		font-size:1em; 
		padding:5px 5px 5px 5px; 
		border:thin solid #666; 
		border-radius:5px;
	}
	#loginPageDiv {
		margin:50px 0 50px 0px; 
		padding:25px; 
		background-color:#CCC; 
		width:400px; 
		border:thin solid #333; 
		border-radius: 8px; 
		-moz-border-radius: 8px; 
		-webkit-border-radius: 8px;
	}
	.loginFormStyle {
		width:90%;
		margin:10px 0 0 100px;
	}
	.loginFormStyle input {
		margin:2px 0 0 0;
		width:200px;
		height:25px;
	}
	.loginFormStyle em {
		margin:2px 0 0 25px;
		font-size:.9em;
	}
	#btnLogin {
		width:100px; 
		height:auto; 
		font-size:1em; 
		padding:5px 5px 5px 5px; 
		border:thin solid #666; 
		border-radius:5px;
	}
	#saveCartPageDiv {
		margin:10px 0 50px -100px; 
		padding:25px; 
		background-color:#CCC; 
		width:800px; 
		border:thin solid #333; 
		border-radius: 8px;		
		border-radius: 8px; 
		-moz-border-radius: 8px; 
		-moz-border-radius: 8px; 
		-webkit-border-radius: 8px; 
		-webkit-border-radius: 8px;
	}
	
	/******* Checkout Process Page ********/
	#checkout {
		margin:50px 0 50px 20%;
		padding:25px; 
		background-color:#FFF; 
		width:600px;
		font-size:1em; 
	}
	#checkout h3 {
		margin:30px 0 5px 0;
	}
	.checkoutProcessFormStyle {
		margin:10px 0 0 100px;
	}
	.checkoutProcessFormStyle input {
		float:right;
		margin:0 115px 0 0;
	}
	.checkoutProcessFormStyle select {
		float:right;
		margin:0 115px 0 0;
	}
	.checkoutProcessFormStyle em {
		margin:2px 0 0 25px;
		font-size:.8em;
	}
	#chkBillMeLater {
		position:relative;
		margin:20px 0 0 125px;
	}
	#checkoutBillMeLaterDiscDiv {
		width:75%; 
		height:auto; 
		margin:5px 0 0 150px;
		font-size:.8em;
	}
	#chkTaxExempt {
		position:relative;
		margin:20px 0 0 125px;
	}
	#checkoutTaxExemptDiv {
		width:75%;
		height:auto;
		margin:5px 0 0 150px;
		font-size:.8em;
	}
	.checkoutDivider {
		float:left;
	}
	#checkoutExpDateDiv {
		width:90%; 
		margin:10px 0 0 125px;
	}
	#chkShipAddress {
		position:relative;
		margin:2px 0 0 125px;
	}
	#btnPlaceOrder {
		width:100px; 
		height:auto; 
		font-size:1em; 
		padding:5px 5px 5px 5px; 
		border:thin solid #666; 
		border-radius:5px;
	}
	#localPickupNote a:visited {
		color:#000;
	}
	.uspsNote {
		float:left;
		margin:0 0 0 25px;
		font-size:.8em;
		font-style:italic;
		display:none;
	}
	
	.creditCardErrorDiv {
		width:500px; 
		padding:0 0; 
		color:#F00; 
		border:thin solid #F00;
	}
	
/* FORGOT PASSWORD PAGE
----------------------------------------------------- */
	#forgotPassDiv {
		margin:50px 0 50px 0px; 
		padding:25px; 
		background-color:#CCC; 
		width:400px; 
		border:thin solid #333; 
		border-radius: 8px; 
		-moz-border-radius: 8px; 
		-webkit-border-radius: 8px;
	}
	.forgotPassFormStyle {
		width:90%;
		margin:10px 0 0 100px;
	}
	.forgotPassFormStyle input {
		margin:2px 0 0 0;
		width:200px;
		height:25px;
	}
	#btnLookup {
		width:100px; 
		height:auto; 
		font-size:1em; 
		padding:5px 5px 5px 5px; 
		border:thin solid #666; 
		border-radius:5px;
	}
	#resetPassDiv {
		margin:50px 0 50px 0px; 
		padding:25px; 
		background-color:#CCC; 
		width:600px; 
		border:thin solid #333; 
		border-radius: 8px; 
		-moz-border-radius: 8px; 
		-webkit-border-radius: 8px;
	}
	#btnResetPass {
		width:150px; 
		height:auto; 
		font-size:1em; 
		padding:5px 5px 5px 5px; 
		border:thin solid #666; 
		border-radius:5px;
	}
	#resetPassThankYouDiv {
		margin:50px 0 50px 0px; 
		padding:25px; 
		background-color:#CCC; 
		width:600px; 
		border:thin solid #333; 
		border-radius: 8px; 
		-moz-border-radius: 8px; 
		-webkit-border-radius: 8px;
	}
	
/* YOUR ACCOUNT PAGE
----------------------------------------------------- */
	#mainContainer {
		min-height:675px; 
		width:920px; 
		margin: 0 auto;
	}
	#greetingDiv {
		margin:20px 0 0 0;	
	}
	#pageTitleDiv {
		margin:20px 0 0 0;
	}
	#leftContainerDiv {
		float:left; 
		margin:20px 0 0 20px; 
		width:400px; 
		height:250px;
		padding:10px 10px; 
		border:thin solid #CCC;
	}
	#leftContainerDiv h4 {
		color:#F63;
		margin:10px 0 0 0;
	}
	.linkDiv {
		margin:10px 0 0 20px;	
	}
	.linkDiv a {
		color:#039;
		font-size:.9em;
	}
	.linkDiv a:visited {
		color:#039;
	}
	.linkDiv a:hover {
		text-decoration:underline;
		color:#F63;
	}
	#rightContainerDiv {
		float:right; 
		margin:20px 0 0 20px; 
		width:400px; 
		height:200px; 
		padding:10px 10px; 
		border:thin solid #CCC;
	}
	#rightContainerDiv h4 {
		color:#F63;
		margin:10px 0 0 0;
	}
	.falseMessageSpan {
		 color:#999;
		 font-size:.9em;	
	}
	#editYourAccountInfoDiv {
		margin:5px 0 5px 40px; 
		font-size:.9em;	
	}
	.yourAccountInput {
		float:right; 
		margin:0 30px 0 0; 
		padding:3px 3px
	}
	.yourAccountBtn{
		margin:0 0 0 200px; 
		padding:5px 10px; 
		background-color:#F63; 
		color:#FFF;
	}
	#editBillToInfoDiv {
		margin:5px 0 5px 40px; 
		font-size:.9em;
	}
	#editShipToInfoDiv {
		margin:5px 0 5px 40px; 
		font-size:.9em;
	}
	#editSubUnsubEmailDiv {
		margin:5px 0 5px 40px; 
		font-size:.9em;
	}
	#yourInfoDiv {
		margin:5px 0 5px 40px;
		font-size:.9em;
	}
	#viewCertDiv {
		margin:5px 0 5px 40px;
		font-size:.9em;
	}
	.taxExemptFontColor {
		color:#333333;
	}

/* ADMIN HOME PAGE 
--------------------------------------------------------------- */
	#adminNav {
		display:block;
	}
	#adminNavMob {
		display:none;
	}
	#adminMainNavDiv {
		padding:10px 30px 10px 0; 
		background-color:#CCC; 
		font-size:.9em;
	}
	#adminHomeTotalsDiv {
		display:block;
		font-size:10px; 
		float:right;
		margin:-50px 10px 0 0;
		padding:5px 5px;
		border:thin solid #999;
		border-radius:16px;
		background-color:#E4E4E4;
	}
	#adminHomeTitle {
		margin:-150px 0 0 0;
	}
	#adminHomeMainDiv {
		margin:5px 0 50px 0; 
		padding:25px; 
		background-color:#CCC; 
		width:640px; 
		border:thin solid #333; 
		border-radius: 15px; 
		-moz-border-radius: 15px; 
		-webkit-border-radius: 15px;
	}
	#adminHomeChatLogin {
		display:block;
	}
	#adminHomeImagesDiv {
		padding:5px 5px;	
	}
	#adminHomeImagesDiv img {
		padding:0 15px 15px 0;
	} 
	#orderSearch {
		width:350px; 
		height:25px; 
		color:#999; 
		border-radius:8px; 
		padding:0 5px 0 5px;
	}
	#lookUpOrderBtn {
		padding:5px; 
		border-radius:8px; 
		background-color:#348e2c; 
		color:#FFF;
	}

/* ADMIN ORDER PAGE 
--------------------------------------------------------------- */
	#adminOrdersDiv {
		margin:10px 0 50px 25px; 
		padding:25px 25px; 
		background-color:#CCC; 
		font-size:11px; 
		width:1150px; 
		box-shadow: 10px 10px 5px #888888; 
		border:thin solid #333; 
		border-radius: 15px; 
		-moz-border-radius: 15px; 
		-webkit-border-radius: 15px;
	}
	#adminOrdersOrderline {
		font-size:1em;
	}
	#adminOrderIDDiv {
		width:40px; 
		float:left; 
		text-align:left;
	}
	#adminCustCompanyDiv {
		width:150px; 
		float:left; 
		text-align:left; 
		margin:0 0 0 15px;
	}
	#adminSavedCountertops {
		margin:10px 0 50px 20px; 
		padding:25px; 
		background-color:#CCC; 
		font-size:11px; 
		width:1210px; 
		border:thin solid #333; 
		border-radius: 15px; 
		-moz-border-radius: 15px; 
		-webkit-border-radius: 15px;
	}
	.adminSCUserName {
		font-size:1em;	
	}
	.adminSCTable {
		font-size:1em;
	}
	#orderSearchCountertops {
		width:350px; 
		height:25px; 
		color:#999; 
		border-radius:8px; 
		padding:0 5px 0 5px;
	}
	#lookUpOrderBtnCountertops {
		padding:5px; 
		border-radius:8px; 
		background-color:#348e2c; 
		color:#FFF;
	}
	#adminSavedKitchenDesigns {
		margin:10px 0 50px 20px; 
		padding:25px; 
		background-color:#CCC; 
		font-size:.8em; 
		width:1210px; 
		border:thin solid #333; 
		border-radius: 15px; 
		-moz-border-radius: 15px; 
		-webkit-border-radius: 15px;
	}
	.adminSKUserName {
		font-size:1em;	
	}
	.adminSKTable {
		font-size:1em;
	}
	#orderSearchKitchens {
		width:350px; 
		height:25px; 
		color:#999; 
		border-radius:8px; 
		padding:0 5px 0 5px;
	}
	#lookUpOrderBtnKitchens {
		padding:5px; 
		border-radius:8px; 
		background-color:#348e2c; 
		color:#FFF;
	}

/* ADMIN ORDER DETAIL PAGE 
--------------------------------------------------------------- */
	#adminOrderDetail {
		margin:10px 0 50px 20px; 
		padding:25px; 
		background-color:#CCC; 
		font-size:12px; 
		width:800px; 
		box-shadow: 10px 10px 5px #888888; 
		border:thin solid #333; 
		border-radius: 15px; 
		-moz-border-radius: 15px; 
		-webkit-border-radius: 15px;
	}

/* ADMIN UPDATE CATALOG PAGE 
--------------------------------------------------------------- */
	#adminUpdateCatalogMainDiv {
		margin:10px 0 50px 25px; 
		padding:25px; 
		background-color:#CCC; 
		width:800px; 
		font-size:12px; 
		border:thin solid #333; 
		border-radius: 15px; 
		-moz-border-radius: 15px; 
		-webkit-border-radius: 15px; 
	}
	#adminCatalogProductDetailsDiv {
		border:thin solid #666; 
		border-radius:5px; 
		padding:5px; 
		background-color:#FFF;
	}
	#adminCatalogProductDetailsDiv input, select, submit, button {
		font-size:1em;	
	}

/* ADMIN DEALER DISCOUNT REPORT PAGE 
--------------------------------------------------------------- */
	#adminDealerDiscountRptDiv {
		margin:10px 0 50px 25px; 
		padding:25px; 
		background-color:#CCC; 
		width:1715px; 
		font-size:12px; 
		border:thin solid #333; 
		border-radius: 15px; 
		-moz-border-radius: 15px; 
		-webkit-border-radius: 15px; 
	}
	#adminDealerDiscountRptDiv input {
		font-size:1em;
	}

/* ADMIN ADD DEALER DISCOUNT PAGE 
--------------------------------------------------------------- */
	#adminAddDealerDiscountDiv {
		margin:10px 0 50px 25px; 
		padding:25px; 
		background-color:#CCC; 
		width:1000px; 
		font-size:12px; 
		border:thin solid #333; 
		border-radius: 15px; 
		-moz-border-radius: 15px; 
		-webkit-border-radius: 15px;
	}
	#adminAddDealerDiscountDiv input, select, submit, button {
		font-size:1em;
	}

/* ADMIN TOTAL ORDERS REPORT PAGE 
--------------------------------------------------------------- */
	#adminTotalOrdersRptDiv	{
		width:900px; 
		height:820px;
		margin:25px 0 25px 5px; 
		box-shadow: 10px 10px 5px #888888; 
		border:thin solid #333; 
		border-radius: 15px; 
		-moz-border-radius: 15px; 
		-webkit-border-radius: 15px;
	}
	#btnAllOrdersDiv {
		width:50px; 
		float:left; 
		position:relative; 
		margin:-5px 0 0 100px;
	}
	#btnMobileOrdersDiv {
		width:50px; 
		float:left; 
		position:relative; 
		margin:-5px 0 0 38px;
	}
	#reportTitleDiv {
		width:100%;
		margin:50px 0 0 0;
	}


/* ADMIN CUSTOMER ACCOUNT ADMINISTRATION PAGE 
--------------------------------------------------------------- */
	#adminCustAcctDiv	{
		width:80%; 
		height:auto; 
		margin:25px 0 25px 5px; 
		background-color:#CCC;
		box-shadow: 10px 10px 5px #888888; 
		border:thin solid #333; 
		border-radius: 15px; 
		-moz-border-radius: 15px; 
		-webkit-border-radius: 15px;
	}
	#custSearch {
		width:350px; 
		height:25px; 
		color:#999; 
		border-radius:8px; 
		padding:0 5px 0 5px;
	}
	#lookUpCustBtn {
		padding:5px; 
		border-radius:8px; 
		background-color:#348e2c; 
		color:#FFF;
	}
	#custDataDiv {
		padding:0 0 25px 0;	
	}
	#custDataDiv table {
		width:90%;	
	}
	#titleRow {
		font-weight:bold;	
	}
	#titleRow td {
		border-bottom:thin solid #000;	
	}
	#custDataRow td {
		padding:5px 5px;
	}
		

/* ADMIN PROMO CODES PAGE 
--------------------------------------------------------------- */
	#adminPromoCodesDiv	{
		margin:10px 0 50px 25px; 
		padding:25px; 
		background-color:#CCC; 
		font-size:11px; 
		width:900px; 
		box-shadow: 10px 10px 5px #888888; 
		border:thin solid #333; 
		border-radius: 15px; 
		border-radius: 15px; 
		-moz-border-radius: 15px; 
		-moz-border-radius: 15px; 
		-webkit-border-radius: 15px; 
		-webkit-border-radius: 15px;
	}

/* ADMIN PRODUCTION SCHEDULE PAGE
--------------------------------------------------------------- */
	#adminProdDiv	{
		width:900px;
		height:720px;
		margin:25px 0 25px 5px;
		box-shadow: 10px 10px 5px #888888;
		border:thin solid #333;
		border-radius: 15px;
		-moz-border-radius: 15px;
		-webkit-border-radius: 15px;
	}
	#btnProdSchedDiv {
		width:50px;
		/*float:left;*/
		position:relative;
		margin:50px 0 0 0;
	}







/* 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;
}


/* Services Styles
----------------------------------------------------- */
.servicesHeader {
	font-size:18px;
	font-weight:bold;
	color:#333333;
	padding:20px;
	text-align:left;
}
.servicesInfo {
	font-size:12px;
	font-weight:normal;
	color:#666666;
	padding:20px;
	text-align:left;
}
.servicesWrapper {
	width:500px;
	float:left;
}
.infoImages {
	width:400px;
	text-align:center;
	float:left;
	padding:20px 0 0 0;
	margin-bottom:20px;
}
.shadow {
	-moz-box-shadow: 0 0 5px #999;
	-webkit-box-shadow: 0 0 5px #999;
	box-shadow: 0 0 5px #999;
	
}
.servicesInfo a:link {
	color:#06C;
	text-decoration:none;
}
.servicesInfo a:hover, a:active, a:focus {
	color:#09C;
	text-decoration:none;
}
.servicesInfo a:visited {color:#06C;}

.btn {
	float:left;
	width:auto;
	height:15px;
	padding:10px;
	text-align:center;
	color:#FFFFFF;
	font-size:11px;
	margin-left:20px;
	background:#333333;
}
.btn a:link {
	color:#FFFFFF;
	text-decoration:none;
}
.btn a:hover, a:active, a:visited {
	color:#CCCCCC;
	text-decoration:none;
}


/* Contact Form Styles
----------------------------------------------------- */
#contactTblMobileDiv {
	display:none;
}
#contactTblDiv {
	display:block;
	width:800px;
}
#contactFormDiv {
	margin:50px 0 0 25px;
	padding:25px;
	font-size:12px;
	background-color:#CCC;
	width:450px;
	border:thin solid #333;
	border-radius: 15px;
}
#contactFormTbl {
	width:400px;
	background-color:#CCC;	
}

.about {
	width:880px;
	padding:0 20px;
	font-size:11px;
}
.call {
	width:275px; 
	float:left;
	margin:40px 60px;
	padding:10px 10px 10px 10px;
	text-align:left;
	color:#333333;

}


/* Embossed Patterns In Sheet Metal Page Styles
----------------------------------------------------- */
	#embossedPatternsMobileDiv {
		display:none;
	}
	#embossedPatternsDiv {
		display:block;
	}
	
	.products {
		width:910px;
		height:auto;
		padding-left:5px;
	}
	
	table {
		margin:0 auto;
		margin-top:30px;
	}
	
	.captions {
		font-size:10px;
		color:#666;
		text-align:center;
		padding:15px;
		
	}
	
	.prodImg {
		text-align:center;
	}
	.prodInfo {
		font-size:12px;
		font-weight:lighter;
		text-align:left;
		
	}
	
	.directory {
		font-size:10px;
		font-weight:lighter;
		color:#999;
		padding:20px;
		text-align:left;
	}


	.tooltip { position:relative; z-index:24; }
	.tooltip span { display:none;}
	.tooltip:hover {z-index:25; text-decoration:none;}
	.tooltip:hover span { 
		display:block;
		position:absolute; 
		width:250px; 
		top:25px; 
		left:20px; 
		background-color:#ececec; 
		border:0.09em solid #cccccc; 
		padding:5px;
		font-size:11px;
		color:#333333;
		text-decoration:none;
		font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	
/* Trim Molding Page Styles
----------------------------------------------------- */
.trimImg {
	float:left;
	width:145px;
	height:auto;
	padding:10px;
	text-align:center;
}
	
	
/* Cart Page 
----------------------------------------------------- */
#mainCartDiv {
	width:920px; 
	font-size:12px;	
}
#mainCartTbl {
	width:920px;
}
#cartTblHdrRow {
	color:#000;
	background-image: url(../images/grid.png);
}
#cartTblHdrRow td {
	border-bottom-style:solid; 
	border-bottom-width:thin;
	border-bottom-color:#666;
}
#selShipMethod {
	font-size:12px; 
	background-color:#CCC;
}
#localPickupDesc a:visited {
	color:#000;
}


/* Wholesale Account Form Styles
----------------------------------------------------- */
	#wholesaleDiv {
		font-family:Arial, Helvetica, sans-serif; 
		margin:50px 0 50px 0px; 
		padding:25px; 
		background-color:#CCC; 
		width:800px; 
		border:thin solid #333; 
		border-radius: 15px; 
		border-radius: 15px; 
		-moz-border-radius: 15px; 
		-moz-border-radius: 15px; 
		-webkit-border-radius: 15px; 
		-webkit-border-radius: 15px;
	}
	#wholesaleDescDiv {
		padding:20px;
	}
	#wholesaleDescDiv  ul {
		margin:0 0 0 300px;
	}
	#wholesaleContactInfoDiv {
		width:625px; 
		padding:20px 0 20px 0;
		background-color:#e6e3e3; 
		box-shadow: 5px 5px 5px #888888; 
		border:thin solid #000; 
		border-radius: 5px; 
		border-radius: 5px; 
		-moz-border-radius: 5px; 
		-moz-border-radius: 5px; 
		-webkit-border-radius: 5px; 
		-webkit-border-radius: 5px;
	}
	.contactProcessFormStyle {
		margin:5px 0 0 125px;
	}
	.contactProcessFormStyle input {
		float:right;
		margin:0 115px 0 0; 
	}
	.contactProcessFormStyle select {
		float:right;
		margin:0 115px 0 0;
	}
	.contactDivider {
		float:left;
	}
	.contactProcessFormStyle {
		height:40px;
	}
	.contactProcessFormStyle input {
		height:25px;
	}
	.contactShipTo {
		margin:5px 0 0 125px;
	}
	.contactShipToType {
		float: right;
		margin:-25px 220px 0 0;
	}
	.contactHowDidYouHear {
		margin:5px 0 0 125px;
	}
	.contactHowDidYouHearChoices {
		float: right;
		margin:10px 200px 0 0;
	}
	.contactBottomSpacer {
		height:150px;
	}
	.subHeader {
		margin-left: 100px; 
		border-bottom:solid thin #999; 
		width:66%;
		font-weight:bold;
	}
	#wholesaleQuestionnaireDiv {
		width:625px;
		margin:20px 0 0 0; 
		padding:20px 0 20px 0; 
		background-color:#e6e3e3; 
		box-shadow: 5px 5px 5px #888888; 
		border:thin solid #000; 
		border-radius: 5px; 
		border-radius: 5px; 
		-moz-border-radius: 5px; 
		-moz-border-radius: 5px; 
		-webkit-border-radius: 5px; 
		-webkit-border-radius: 5px;
	}
	.wholesaleQuestions {
		margin:10px 0 0 125px;
	}
	#wholesaleTermsDiv {
		width:625px; 
		margin:20px 0 0 0;
	}
	.btnWholesaleSubmit {
		width:auto; 
		height:auto; 
		font-size:1em; 
		padding:5px 10px 5px 10px; 
		border:thin solid #666; 
		border-radius:5px;
	}


/* 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;
	}


/* Upload Cabinet CSV Div
----------------------------------------------------- */
	#uploadCSV {
		width:60%;
		padding:20px 10px;
		margin:100px 0 25px 5%;
		background-color:#ccc;
	}
	#selectCSVDiv {
		text-align:center;
	}
	#uploadCSVNotes {
		text-align:center;
		margin:0 0 0 0;
	}
	#selectFields {
		display:inline-block;
		width:350px;
	}
	#selectCSV {
		margin:10px 0 0 0;
	}
	#csv {
		color:#666;
		margin-top:10px;
		border:none;
		background-color:#fff;
		height:20px;
		width:300px;
		text-align:center
	}