@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
----------------------------------------------------- */
#homeSubTitles {
	display:none;
}
#products {
	display:none;
}
#featuredHome {
	display:block;
	margin-top:0px;
}
.h2HomeMobile {
	margin-top:-20px;
}
.h2HomeMobile a {
	color:#999999;
	text-decoration:none;
}
.h2HomeMobile a:visited {
	color:#999999;
	text-decoration:none;
}


/* Featured (slider)
----------------------------------------------------- */
#featured {
	display:none;	
}
#jssor_Container {
	display:none;
}

#mobileSlider {
	display:none;
	color:#333;
	background-color:#FFF;
}
#mobileSlider p {
	font-size:1.5em;
	padding:10px 5px 10px 5px;
	border-top:solid thin #000;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
}
#mobileSlider img {
	border-bottom:solid thin #000;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	padding-bottom:10px;
}

#servicesProductsDiv {
	display:none;
}
	
/* Your Account Menu Page 
----------------------------------------------------- */
#acountInfoDiv {
	margin:25px 0 0 0;
	padding:5px 5px;
	width:95%;
	color:#333;
	background-color:#FFF;
	font-size:1em;
}
#accountInfoDiv p {
	margin:10px 0 0 20px;
}
#accountInfoDiv a:link {
	text-decoration:none;
	color:#333;
}
#accountInfoDiv a:visited {
	text-decoration:none;
	color:#333;
}
	
/* YOUR ACCOUNT PAGE
----------------------------------------------------- */
#mainContainer {
	min-height:675px; 
	width:300px; 
	margin: 0 auto;
	font-size:1em;
}
#greetingDiv {
	margin:20px 0 0 5px;
}
#pageTitleDiv {
	margin:20px 0 0 0;
}
#leftContainerDiv {
	margin:20px 0 0 5px; 
	width:250px; 
	height:200px; 
	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:1em;
}
.linkDiv a:visited {
	color:#039;
}
.linkDiv a:hover {
	text-decoration:underline;
	color:#F63;
}
#rightContainerDiv {
	margin:20px 0 0 5px; 
	width:250px; 
	height:200px; 
	padding:10px 10px; 
	border:thin solid #CCC;
}
#rightContainerDiv h4 {
	color:#F63;
	margin:10px 0 0 0;
}
.falseMessageSpan {
	 color:#999;
	 font-size:1em;	
}
#editYourAccountInfoDiv {
	margin:5px 0 5px 10px; 
	font-size:1em;	
}
.yourAccountInput {
	width: 90%;
	height:25px;
	font-size:1em;
}
.yourAccountBtn {
	margin:0 0 0 100px; 
	padding:10px 10px; 
	background-color:#F63; 
	color:#000;
	font-size:1em;
}
#editBillToInfoDiv {
	margin:5px 0 5px 10px; 
	font-size:1em;
}
#editShipToInfoDiv {
	margin:5px 0 5px 10px; 
	font-size:1em;
}
#editSubUnsubEmailDiv {
	margin:5px 0 5px 10px; 
	font-size:1em;
}
#yourInfoDiv {
	margin:5px 0 5px 40px;
	font-size:.9em;
}
#viewCertDiv {
	margin:5px 0 5px 40px;
	font-size:.9em;
}
.taxExemptFontColor {
	color:#333333;
}

	
/* Cart Page 
----------------------------------------------------- */
#mainCartDiv {
	width:100%; 
	font-size:1.2em;
	font-weight:bold;
	color:#FFF;
	background-color:#6BBBC7;
	height:25px;
}



/* CART DIVS
----------------------------------- */
#mainCartHdrDiv {
	width:100%;
	display:none;
}
#productImgTitleDiv {
	float:left;
	display:none;
}
#itemTitle {
	float:left;
	width:50%;
	text-align:left;
	border:dashed thin #666;
}
#qtyTitle {
	float:left;
	width:20%;
	border:dashed thin #666;
}
#costTitle {
	float:left;
	width:20%;
	border:dashed thin #666;
}
#deleteImg {
	float:left;
	width:7%;
	border:dashed thin #666;
}
/* BEGIN CART PRODUCT LINE ITEM INFO */
/*#cartLineItemDiv {
	width:100%;
}*/
#productImgDiv {
	float:left;
	display:none;
}
/*#itemDescDiv {
	width:90%;
	text-align:left;
	padding:10px 5px 10px 5px;
}*/
#qtyLabel {
	font-weight:bold;
}
#qtySKLabel {
	font-weight:bold;
}
#itemQtyDiv {
	text-align:right;
	width:90%;
	padding:5px 5px 5px 0;
}
#itemQtySKDiv {
	text-align:right;
	width:90%;
	padding:5px 5px 5px 0;
}
#priceLabel {
	font-weight:bold;
}
#priceSKLabel {
	font-weight:bold;
}
#itemPriceDiv {
	text-align:right;
	width:90%;
	padding:5px 5px 5px 0;
	border-bottom:dashed thin #666;
}
#itemPriceSKDiv {
	text-align:right;
	width:90%;
	padding:5px 5px 5px 0;
	border-bottom:dashed thin #666;
}
#emptyCart {
	display:none;
}
.inputBox {
	width:25px;
	height:auto;
	font-size:1em;
}
#totVolDiscMobileDiv {
	width:90%;
	color:#F00;
	font-size:1em;
	text-align:right;
	padding:0 5px 0 0;
	border-bottom:dashed thin #666;
}
#totVolDiscSKMobileDiv {
	width:90%;
	color:#F00;
	font-size:1em;
	text-align:right;
	padding:0 5px 0 0;
	border-bottom:dashed thin #666;
}
#totWholeSaleDiscMobileDiv {
	width:90%;
	color:#F00;
	font-size:1em;
	text-align:right;
	padding:0 5px 0 0;
	border-bottom:dashed thin #666;
}
#totWholeSaleDiscSKMobileDiv {
	width:90%;
	color:#F00;
	font-size:1em;
	text-align:right;
	padding:0 5px 0 0;
	border-bottom:dashed thin #666;
}
.subtotalDiv {
	text-align:right;
	font-size:1em;
	font-weight:bold;
	padding:0 10px 0 0;	
}
#totalVolDiscDiv {
	border-bottom:solid thin #000;
	text-align:right;
	padding:0 10px 0 0;
	font-weight:bold;
	font-size:1em;
	color:#F00;
}
#discSubtotalDiv {
	font-weight:bold;
	font-size:1em;
	text-align:right;
	padding:0 10px 0 0;
}
.addtlChrgs {
	text-align:right;
	padding:0 10px 5px 0;
	font-size:1em;
}
.shippingChrgs {
	text-align:right;
	padding:10px 10px 5px 0;
	font-size:1em;
	font-weight:bold;
}
#totalDiv {
	text-align:right;
	padding:5px 10px 5px 0;
	font-size:1em;
	font-weight:bold;
}
#shipRateDropdown {
	text-align:left;
	padding:0 0 5px 5px;
}
#selShipMethod {
	background-color:#CCC;
	height:25px;
	width:auto;
	font-size:1em;
}
.selectBox {
	height:25px;
	width:auto;
	font-size:1em;
}
#estDelDateFreightDiv {
	text-align:left;
	font-size:.9em;
	margin:5px 0 0 5px;
}
#estDelDateDiv {
	text-align:left;
	font-size:.9em;
	color:#F00;
	margin:5px 0 0 5px;
}
#emergencyRushDiv {
	font-size:1em;
	text-align:left;
	margin:5px 0 10px 5px;
}
#expShipping {
	background-color:#CCC;
	height:25px;
	width:auto;
	font-size:1em;
	margin:10px 0 0 0;
}
#addCouponCodeDiv {
	margin:5px 0 5px 5px;
	text-align:left;
	font-weight:bold;
}
#returnsDisclaimerDiv {
	margin:10px 0 5px 5px;
	text-align:left;
}
.cartInputBox {
	height:25px;
	width:auto;
	font-size:1em;	
	margin:10px 0 0 0;
}
#btnGo {
	height:25px;
	width:auto;
	font-size:1em;
}
#btnAddCoupon {
	height:25px;
 	width:auto;
	font-size:1em;
}
.shopBtnDiv {
	text-align:center;
	margin:10px 0 0 0;
	font-size:1.2em;
	height:45px;
	width:95%;
}
#btnSaveCart {
	margin:25px 0 0 0;
	text-align:center;
}
#btnSaveCart button {
	font-size:1.2em;
	font-weight:bold;
}
#btnProceedCkout {
	margin:0 0 0 0;
	text-align:center;
}
#btnProceedCkout button {
	font-size:1.2em;
	font-weight:bold;
}
.leftIndent {
	margin:5px 0 0 5px;
}

/* SAVED COUNTERTOPS PAGE 
--------------------------------------------------------------- */
	#savedCountertops {
		margin:10px 0 50px 0; 
		padding:5px; 
		background-color:#CCC; 
		font-size:1em; 
		width:95%; 
		overflow:scroll;
		-webkit-overflow-scrolling:touch;
		border:thin solid #333; 
		border-radius: 8px; 
		-moz-border-radius: 8px; 
		-webkit-border-radius: 8px;
	}
	#jobNameDiv {
		border-top:dashed thin #999;
		font-size:.6em;
	}

/* ORDER HISTORY PAGE 
--------------------------------------------------------------- */
	#orderHistoryDiv {
		margin:10px 0 50px 0; 
		padding:5px; 
		background-color:#CCC; 
		font-size:1em; 
		width:95%; 
		overflow:scroll;
		-webkit-overflow-scrolling:touch;
		border:thin solid #333; 
		border-radius: 8px; 
		-moz-border-radius: 8px; 
		-webkit-border-radius: 8px;
	}
	#orderHistoryProductTitle {
		font-size:.99em;
	}
	#orderHistoryOrderline {
		font-size:.6em;
	}

/* ORDER DETAIL PAGE 
--------------------------------------------------------------- */
	#orderDetailDiv {
		margin:10px 0 50px 0; 
		padding:5px; 
		background-color:#CCC; 
		width:95%; 
		font-size:1em; 
		overflow:scroll;
		-webkit-overflow-scrolling:touch;
		border:thin solid #333; 
		border-radius: 8px; 
		-moz-border-radius: 8px; 
		-webkit-border-radius: 8px;
	}
	#orderDetailProdDesc {
		font-size:.6em;
	}
	#orderDetailSKProdDesc {
		font-size:.6em;
	}
	#orderDetailWholesaleDesc {
		font-size:.6em;
	}
	#orderDetailWholesaleAmt {
		font-size:1.8em;
	}
	#orderDetailVolumeDesc {
		font-size:.6em;
	}
	#orderDetailVolumeAmt {
		font-size:1.8em;
	}
	#orderDetailSubtotalDesc {
		font-size:.6em;
	}
	.orderDetailDisSubtotalDesc {
		font-size:.6em;
	}

/* CHECKOUT 
--------------------------------------------------------------- */
	#checkoutLoginDiv {
		display:none;
	}
	#checkoutLoginDivMob {
		margin:10px 0 50px 0; 
		padding:5px 0 5px 0; 
		background-color:#CCC; 
		width:95%; 
		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:0;
		width:90%;
	}
	#loginRegister {
		margin:10px 0 10px 0px; 
		padding:5px 0 5px 0; 
		background-color:#CCC; 
		width:80%; 
		color:#000;
		font-size:1.2em;
		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 10%;
	}
	.registerFormStyle input {
		margin:2px 0 0 0;
		width:80%;
		height:30px;
		font-size:1em;
	}
	.registerFormStyle em {
		margin:2px 0 0 20px;
		font-size:.7em;
	}
	.registerFormStyleCheckbox {
		margin:2px 0 0 5px;
		font-size:.8em;
		width:99%;	
	}
	#btnJoin {
		width:100px; 
		height:auto; 
		font-size:1.2em; 
		padding:10px 10px 10px 10px; 
		border:thin solid #666; 
		border-radius:5px;
	}
	#loginPageDiv {
		margin:10px 0 10px 0px; 
		padding:5px 5px; 
		background-color:#CCC; 
		width:80%; 
		border:thin solid #333; 
		border-radius: 8px; 
		-moz-border-radius: 8px; 
		-webkit-border-radius: 8px;
	}
	.loginFormStyle {
		width:90%;
		margin:10px 0 0 20%;
	}
	.loginFormStyle input {
		margin:2px 0 0 0;
		width:60%;
		height:30px;
		font-size:1em;
	}
	.loginFormStyle em {
		margin:2px 0 0 20px;
		font-size:.7em;
	}
	#btnLogin {
		width:100px; 
		height:auto; 
		font-size:1.2em; 
		padding:10px 10px; 
		border:thin solid #666; 
		border-radius:5px;
	}
	#saveCartPageDiv {
		margin:10px 0 50px 0; 
		padding:5px; 
		background-color:#CCC; 
		width:95%; 
		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;
	}
	
	.ppConfirmPage {
		font-size:.8em;
	}
	
	/******* Checkout Process Page ********/
	#checkout {
		margin:10px 0 0 0; 
		padding:5px; 
		background-color:#FFF; 
		width:95%; 
		font-size:1em; 
	}
	#checkout h3 {
		margin:30px 0 5px 0;
	}
	.checkoutProcessFormStyle {
		width:100%;
		margin:10px 0 0 5px;
	}
	.checkoutProcessFormStyle input, select {
		margin:0 0 0 25px;
	}
	.checkoutProcessFormStyle em {
		margin:2px 0 0 25px;
		font-size:.8em;
	}
	.checkoutProcessFormStyleCheckbox {
		margin:2px 0 0 100px;
	}
	.checkoutDivider {
		width:5px;
	}
	.sizeCheckout { 
		width: 70%; 
		height:25px; 
		font-size:1em; 
	}
	.dateDropDown 	{ 
		width: 70px; 
		height:25px; 
		font-size:1em; 
	}
	.checkoutDropDown { 
		width:150px; 
		height:25px; 
		font-size:1em; 
	}
	#chkBillMeLater {
		position:relative;
		margin:20px 0 0 5px;
	}
	#checkoutBillMeLaterDiscDiv {
		width:90%; 
		height:auto; 
		margin:5px 0 0 30px;
		font-size:.8em;
	}
	#chkTaxExempt {
		position:relative;
		margin:20px 0 0 5px;
	}
	#checkoutTaxExemptDiv {
		width:90%;
		height:auto;
		margin:5px 0 0 30px;
		font-size:.8em;
	}
	#checkoutExpDateDiv {
		width:90%; 
		margin:5px 0 0 5px;
	}
	#checkoutExpMonth {
		margin:0 0 0 25px;
	}
	#checkoutExpYear {
		margin:0 0 0 25px;
	}
	#specialInstr {
		font-size:1em;
		width:70%;
	}
	#chkShipAddress {
		position:relative;
		margin:10px 0 0 5px;
	}
	#btnPlaceOrder {
		width:150px; 
		height:auto; 
		font-size:1.2em; 
		padding:10px 10px 10px 10px; 
		border:thin solid #666; 
		border-radius:5px;
	}
	
	.creditCardErrorDiv {
		width:300px; 
		padding:0 0; 
		color:#F00; 
		border:thin solid #F00;
	}
	
	/******* Confirmation Page ********/
	#confirmation {
		margin:10px 0 10px 0; 
		padding:5px; 
		width:95%; 
	}
	
/* FORGOT PASSWORD PAGE
----------------------------------------------------- */
	#forgotPassDiv {
		margin:10px 0 10px 0px; 
		padding:5px 5px; 
		background-color:#CCC; 
		width:95%; 
		border:thin solid #333; 
		border-radius: 8px; 
		-moz-border-radius: 8px; 
		-webkit-border-radius: 8px;
	}
	.forgotPassFormStyle {
		width:90%;
		margin:10px 0 0 20%;
	}
	.forgotPassFormStyle input {
		margin:2px 0 0 0;
		width:60%;
		height:30px;
		font-size:1em;
	}
	#btnLookup {
		width:100px; 
		height:auto; 
		font-size:1.2em; 
		padding:10px 10px; 
		border:thin solid #666; 
		border-radius:5px;
	}
	#resetPassDiv {
		margin:10px 0 10px 0px; 
		padding:5px 5px; 
		background-color:#CCC; 
		width:95%; 
		border:thin solid #333; 
		border-radius: 8px; 
		-moz-border-radius: 8px; 
		-webkit-border-radius: 8px;
	}
	#btnResetPass {
		width:180px; 
		height:auto; 
		font-size:1.2em; 
		padding:10px 10px; 
		border:thin solid #666; 
		border-radius:5px;
	}
	#resetPassThankYouDiv {
		margin:10px 0 10px 0px; 
		padding:5px 5px; 
		background-color:#CCC; 
		width:95%; 
		border:thin solid #333; 
		border-radius: 8px; 
		-moz-border-radius: 8px; 
		-webkit-border-radius: 8px;
	}

/* ADMIN HOME PAGE 
--------------------------------------------------------------- */
	#adminNav {
		display:none;
	}
	#adminNavMob {
		display:block;
	}
	#adminMainNavMobDiv { 
		background-color:#CCC; 
		font-size:1.2em;
	}
	#adminNavMobBottomDiv {
		width:100%; 
		height:30px; 
		background-color:#fc7447; 
		border-bottom:solid thin #666; 
		border-bottom-left-radius:10px; 
		border-bottom-right-radius: 10px; 
		box-shadow: 0 10px 10px  #666;  
		display:none;
	}
	#adminSubNavMobBottomDiv {
		width:100%; 
		height:30px;
		background-color:#fc7447; 
		border-bottom:solid thin #666; 
		border-bottom-left-radius:10px; 
		border-bottom-right-radius: 10px; 
		box-shadow: 0 10px 10px  #666;  
	}
	#adminHomeTotalsDiv {
		display:none;
	}
	#adminHomeTitle {
		margin:0 0 0 0;
	}
	#adminHomeTitle img {
		width:90%;
		height:auto;
	}
	#adminHomeChatLogin {
		display:none;
	}
	#adminHomeBottomFillerDiv {
		height:80px;
	}
	#adminHomeImagesDiv {
		padding:5px 5px;	
	}
	#adminHomeImagesDiv img {
		padding:0 0 20px 0;
	}
	#orderSearch {
		width:300px; 
		height:25px; 
		color:#999; 
		border-radius:8px; 
		padding:0 5px 0 5px;
	}
	#lookUpOrderBtn {
		font-size:1em;
		padding:5px; 
		border-radius:8px; 
		background-color:#348e2c; 
		color:#FFF;
	}

/* ADMIN ORDERS PAGE 
--------------------------------------------------------------- */
	#adminOrdersDiv {
		margin:10px 0 50px 0; 
		padding:5px; 
		background-color:#CCC; 
		font-size:1em; 
		width:95%; 
		overflow:scroll;
		-webkit-overflow-scrolling:touch;
		border:thin solid #333; 
		border-radius: 8px; 
		-moz-border-radius: 8px; 
		-webkit-border-radius: 8px;
	}
	#adminOrdersOrderline {
		font-size:.6em;
	}
	#adminOrderIDDiv {
		width:40px; 
		float:left; 
		text-align:left;
	}
	#adminCustCompanyDiv {
		width:150px; 
		float:left; 
		text-align:left; 
		margin:0 0 0 25px;
	}
	#adminSavedCountertops {
		margin:10px 0 50px 0; 
		padding:5px; 
		background-color:#CCC; 
		font-size:1em; 
		width:95%; 
		overflow:scroll;
		-webkit-overflow-scrolling:touch;
		border:thin solid #333; 
		border-radius: 8px; 
		-moz-border-radius: 8px; 
		-webkit-border-radius: 8px;
	}
	.adminSCUserName {
		font-size:.6em;	
	}
	.adminSCTable {
		font-size:.9em;
	}
	

/* ADMIN ORDERS DETAIL PAGE 
--------------------------------------------------------------- */
	#adminOrderDetail {
		margin:10px 0 50px 0; 
		padding:5px; 
		background-color:#CCC; 
		font-size:1em; 
		width:95%; 
		overflow:scroll;
		-webkit-overflow-scrolling:touch;
		border:thin solid #333; 
		border-radius: 8px; 
		-moz-border-radius: 8px; 
		-webkit-border-radius: 8px; 
	}
	#adminOrderDetailProdDesc {
		font-size:.6em;
	}
	#adminOrderDetailSKProdDesc {
		font-size:.6em;
	}
	.adminOrderDetailWholesaleDesc {
		font-size:.6em;
	}
	.adminOrderDetailWholesaleAmt {
		font-size:1.8em;
	}
	.adminOrderDetailVolumeDesc {
		font-size:.6em;
	}
	.adminOrderDetailVolumeAmt {
		font-size:1.8em;
	}
	.adminOrderDetailSubtotalDesc {
		font-size:.6em;
	}
	.adminOrderDetailDisSubtotalDesc {
		font-size:.6em;
	}

/* ADMIN UPDATE CATALOG PAGE 
--------------------------------------------------------------- */
	#adminUpdateCatalogMainDiv {
		margin:10px 0 50px 0; 
		padding:5px; 
		background-color:#CCC; 
		font-size:1em;
		width:95%; 
		overflow:scroll;
		-webkit-overflow-scrolling:touch; 
		border:thin solid #333; 
		border-radius: 8px; 
		-moz-border-radius: 8px; 
		-webkit-border-radius: 8px; 
	}
	#adminUpdateCatalogPricingDiv {
		display:none;
	}
	#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 0; 
		padding:5px; 
		background-color:#CCC; 
		font-size:1em; 
		width:95%; 
		overflow:scroll;
		-webkit-overflow-scrolling:touch;
		border:thin solid #333; 
		border-radius: 8px; 
		-moz-border-radius: 8px; 
		-webkit-border-radius: 8px; 
	}
	#adminDealerDiscountRptDiv input {
		font-size:1em;
	}

/* ADMIN ADD DEALER DISCOUNT PAGE 
--------------------------------------------------------------- */
	#adminAddDealerDiscountDiv {
		margin:10px 0 50px 0; 
		padding:5px; 
		background-color:#CCC; 
		font-size:1em; 
		width:95%; 
		overflow:scroll;
		-webkit-overflow-scrolling:touch;
		border:thin solid #333; 
		border-radius: 8px; 
		-moz-border-radius: 8px; 
		-webkit-border-radius: 8px; 
	}
	#adminAddDealerDiscountDiv input, select, submit, button {
		font-size:1em;
	}


/* ADMIN TOTAL ORDERS REPORT PAGE 
--------------------------------------------------------------- */
	#adminTotalOrdersRptDiv	{
		margin:10px 0 50px 0; 
		padding:5px 5px 25px 5px; 
		background-color:#FFF; 
		font-size:1em; 
		width:95%; 
		overflow:scroll;
		-webkit-overflow-scrolling:touch;
		border:thin solid #333; 
		border-radius: 8px; 
		-moz-border-radius: 8px; 
		-webkit-border-radius: 8px; 
	}
	#adminTotalOrdersRptDiv h2 {
		font-size:1.3em;
	}
	#adminTotalOrdersRptDiv input, select, button, submit {
		font-size:1em;
	}
	#btnAllOrdersDiv {
		width:50px; 
		margin:50px 0 0 10px;
	}
	#btnMobileOrdersDiv {
		float:left;
		width:50px; 
		margin:-30px 0 0 150px;
	}
	#reportTitleDiv {
		width:95%;
		margin:25px 0 0 0;
	}

/* ADMIN PROMO CODES PAGE 
--------------------------------------------------------------- */
	#adminPromoCodesDiv	{
		margin:10px 0 50px 0; 
		padding:5px; 
		background-color:#CCC; 
		font-size:1em; 
		width:95%; 
		overflow:scroll;
		-webkit-overflow-scrolling:touch;
		border:thin solid #333; 
		border-radius: 8px; 
		-moz-border-radius: 8px; 
		-webkit-border-radius: 8px; 
	}


/* ADMIN PRODUCTION SCHEDULE PAGE
--------------------------------------------------------------- */
	#adminProdDiv	{
		margin:10px 0 50px 0;
		padding:5px 5px 25px 5px;
		background-color:#FFF;
		font-size:1em;
		width:95%;
		overflow:scroll;
		-webkit-overflow-scrolling:touch;
		border:thin solid #333;
		border-radius: 8px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
	}
	#btnProdSchedDiv {
		width:50px;
		margin:50px 0 0 10px;
	}
	
	
	
	
	
	
	
	
	
	
	
/* 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;
}


/* Services Styles
----------------------------------------------------- */
.servicesHeader {
	font-size:1.5em;
	font-weight:bold;
	color:#333333;
	padding:20px;
	text-align:left;
}
.servicesInfo {
	font-size:1em;
	font-weight:normal;
	color:#666666;
	padding:20px;
	text-align:left;
}
.servicesWrapper {
	width:100%;
	float:left;
}
.infoImages {
	width:100%;
	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;
	margin:5px 0 0 0;
	padding:10px 10px;
	text-align:center;
	color:#FFFFFF;
	font-size:1em;
	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
----------------------------------------------------- */
#contactTblDiv {
	display:none;
}
#contactTblMobileDiv {
	display:block;
}

#contactFormDivMobile {
	margin:0 0 0 0;
	padding:5px;
	font-size:1em;
	background-color:#FFF;
	width:95%;
}
.contactProcessFormStyle {
	width:100%;
	margin:10px 0 0 10%;
}
.contactProcessFormStyle input, select {
	margin:0 0 0 0;
	width:60%;
	height:30px;
}
.contactProcessFormStyle em {
	margin:2px 0 0 5px;
	font-size:.8em;
}
.contactDivider {
	width:5px;
}
.contactShipTo {
	/*empty on purpose*/
}
.contactShipToType {
	float: right;
	margin:10px 180px 0 0;
	padding-bottom: 10px;
}
.contactHowDidYouHear {
	margin:10px 0 0 40px;
}
.contactHowDidYouHearChoices {
	float: right;
	margin:10px 150px 0 0;
}

.contactBottomSpacer {
	height:50px;
}

.sizeContact { 
	width: 70%; 
	height:25px; 
	font-size:1em; 
}
.contactDescription {
	font-size:1em;
	width:60%;
}
.btnContactSubmit {
	width:150px; 
	height:auto; 
	font-size:1.2em; 
	padding:10px 10px 10px 10px; 
	border:thin solid #666; 
	border-radius:5px;
}

.about {
	font-size:1em;
	font-weight:normal;
	color:#666666;
	padding:10px 0 20px 10px;
	text-align:left;
}
.call {
	font-size:1em;
	width:275px; 
	float:left;
	margin:40px 60px;
	padding:10px 10px 10px 10px;
	text-align:left;
	color:#333333;

}


/* Embossed Patterns In Sheet Metal Page Styles
----------------------------------------------------- */
	#breadcrumbsDiv {
		display:none;	
	}
	#embossedPatternsDiv {
		display:none;
	}
	#embossedPatternsMobileDiv {
		display:block;
		width:90%;
		padding:10px 10px;
		text-align:left;
	}
	.patternsDiv {
		text-align:center;
		font-size:1em;
		padding:20px 0 0 0;
		margin:20px 0 0 0;
	}
	#embossedPatternDescMobileDiv {
		width:90%
		margin:20px 0 20px 0;
		padding:10px 10px;
		font-size:1em;
	}
	
	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;
	}
	
	.prodHeaders {
		padding:15px;
		font-family:Verdana, Geneva, sans-serif;
		font-size:1.5em;
		color:#333333;
	}
	.prodSubHeaders {
		padding:20px 0 10px 0;
		font-family:Verdana, Geneva, sans-serif;
		font-size:1.2em;
		color:#333333;
	}
	#prodSubHeaders ul {
		padding-top:20px;
		
	}
	#prodSubHeaders li {
		
		line-height:18px;
		font-size:1em;
		list-style-type:none;
		list-style-position:inside;
	}
	#orderBtn {
		width:200px;
		height:auto;	
	}



	.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:106px;
	height:auto;
	padding-top:10px;
	text-align:center;
}


/* Wholesale Account Form Styles
----------------------------------------------------- */
	#wholesaleDiv {
		font-family:Arial, Helvetica, sans-serif; 
		margin:10px 0 10px 0px; 
		padding:5px 5px; 
		width:95%; 
	}
	#wholesaleDescDiv {
		padding:5px 5px;
	}
	#wholesaleDescDiv  ul {
		margin:0 0 0 50px;
	}
	#wholesaleContactInfoDiv {
		width:95%;
		margin:20px 0 0 0;
		padding:20px 5px 20px 5px; 
		font-size:1em;
		background-color:#e6e3e3; 
	}
	#wholesaleQuestionnaireDiv {
		width:95%; 
		margin:20px 0 0 0;
		padding:20px 5px 20px 5px; 
		font-size:1em;
		background-color:#e6e3e3; 
	}
	.wholesaleQuestions {
		width:100%;
		margin:10px 0 0 10%;
	}
	#wholesaleTermsDiv {
		width:95%;
		padding:5px 5px; 
		margin:20px 0 0 0;
	}
	#chkShipSameAsBill {
		width:20px;
		height:20px;
	}
	#chkHaveLogin {
		width:20px;
		height:20px;
	}
	.btnWholesaleSubmit {
		width:150px; 
		height:auto; 
		font-size:1.2em; 
		margin:20px 0 0 0;
		padding:10px 10px 10px 10px; 
		border:thin solid #666; 
		border-radius:5px;
	}
	.subHeader {
		margin-left: 0; 
		border-bottom:solid thin #999; 
		width:66%;
		font-weight:bold;
	}


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