@import url("https://use.typekit.net/zjo4qbk.css");

	@font-face {
		font-family: 'CambriaMathRegular';
		src: url('../fonts/CambriaMathRegular/font.woff2') format('woff2'), /* for modern browsers */
		url('../fonts/CambriaMathRegular/font.woff') format('woff'), /* for older browsers */
		url('../fonts/CambriaMathRegular/CambriaMath.ttf') format('truetype'); /* for Safari, Android, iOS */
	}

	html, body {
		height:100%;
		background-color: #000;
	}

	body{
		font-family: CambriaMathRegular, sans-serif;
		/*font-family: skolar, sans-serif;*/
		font-style: normal;
		margin:0 0 0 0;
		background-color: #000;
		font-weight: 500;
		/*font-size: 15px;*/
		color: #333333;
		height:100%;
		width:100%;
		overflow-y: scroll;
		overflow-x: hidden;
	}

	.industryFont {
		font-family: industry, sans-serif;
		font-style: normal;
		color: #000000;
		font-weight: 700;
	}

	.industryFontLite {
		font-family: industry, sans-serif;
		font-style: normal;
		color: #666666;
	}

	.cambriaMathFont {
		font-family: CambriaMathRegular, sans-serif;
		font-style: normal;
		font-weight: 500;
	}

	.arialFont {
		font-family: Arial, sans-serif;
		font-style: normal;
		font-weight: 500;
	}

	.skolarFont {
		font-family: skolar, sans-serif;
		font-style: normal;
		padding:0 0 0 0;
		margin:0;
	}

/* Header
----------------------------------------------------- */
	#hdrCartLogin {
		display: block;
	}
	#headbandNonMob {
		display:none;
	}
	#headbandNonMobile {
		display:none;
	}
	#navBarNonMobTabletLandscape {
		display:none;
	}
	.socials {
		display:none;
	}
	.header {
		position:fixed;
		top:0;
		left:0;
		min-width:100%;
		height:135px;
		/*background: rgba(0, 0, 0, 0.8);*/
		background: rgba(35, 34, 34, 0.7);
		/*background: rgba(46, 124, 29, 0.6);*/
		z-index: 5000;
	}
	.header img {
		width:90%;
		height:auto;
	}
	.headband {
		width:100%;
		margin-top:35px;
		height:auto;
		/*background: rgba(35, 34, 34, 0.7);*/
		padding:5px 0 5px 0;
		/*margin:0 auto;*/
	}
	#shopBandContainer {
		position:fixed;
		z-index:9999;
		top:10px;
		right:0;
		width:70%;
	}
	.shopBand {
		width:90%;
		height:25px;
		margin:0 0 0 100px;
		font: 90%/1.5 Verdana, Arial, Helvetica, sans-serif;
	}
	.shopBand a {
		text-decoration:none;
		color:#FFF;
	}
	#cartItemsTotalSpan {
		display: none;
	}
	#xmlCartTotals {
		margin: -7px 0 0 -5px;
	}


	#cartNav {
		display:none;
	}
	#yourAccountNonMob {
		display:none;
	}
	#yourAccountDiv {
		display:none;
	}
	#yourAccountSubMenu {
		display:none;
		color:#F00;
		/*text-decoration:underline;*/
		float:right;
		margin:10px 100px 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:.9em;
		z-index:1000;
	}
	#yourAccountSubMenu a {
		color:#666;
		text-decoration:none;
	}
	#yourAccountSubMenu a:hover {

	}
	#fabProducts {
		display:none;
	}
	#rawMaterials {
		display:none;
	}
	#yourAccountPointer {
		float:left;
		margin:-10px 0 0 100px;
	}




/*Header Navigation
-----------------------------------------------------*/
	#mobileHdr {
		position: fixed;
		/*background: #fff;*/
		width: 70%;
		height: 55px;
		/*position: fixed;*/
		top: 0;
		right: 0;
		/*border-bottom: 4px solid #4C9CF1;*/
		background: rgba(0, 0, 0, 0.8);
		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: 40px;
		height: 27px;
		position:absolute;
		top:5px;
		right:20px;
		background: url(../images/shoppingCartGold.png) center;
	}

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

	#navBarNonMob {
		display: none;
	}
	#navBarMob {
		font-family: skolar, sans-serif;
	}
	.font-white {
		color: #FFF;
	}
	#navBarDiv {
		/*display:none;*/
		margin-top: -150px;
		width: 50%;
	}
	#navbarNavDropdown {
		background-color: #333;
		margin:0 0 0 0;
		padding: 10px 10px;
	}

	#xmlCartItemsMobile {
	/*	display:inline-block; */
		color:#000;
		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;
	}

/* Breadcrumbs
----------------------------------------------------- */
	#breadcrumbs {
		display:block;
		padding:10px 10px;
		text-align: left;
		color:#999;
		font-family: Constantia, Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;
	}
	#breadcrumbs li {
		display:inline-block;
	}
	#breadcrumbs a {
		color:#0d77b6;
		text-decoration: none;
	}




/* Home Page
------------------------------------------------------- */
	#designProcessSection .font-white {
		color: #FFFFFF;
	}
	#carouselHeader {
		display: none;
	}
	#carouselHeaderMob {
		display: block;
	}

	#headerSliderSection {
		/*margin-top: 0;*/
		/*margin: 0 auto;*/
		margin: 0 0 0 0;
		width: 100%;
		height: auto;
	}

	#getQuoteDiv {
		display: none;
	}
	#mobileGetQuoteDiv {
		display: block;
	}
	.getQuotefloating-div {
		position: relative;
		/*left: 10px;*/
		top: 0;
		/*transform: translateY(-50%);*/
		/*background-color: #f5f5f5;*/
		/*padding: 10px;*/
		/*border: 1px solid #ddd;*/
		/*border-radius: 5px;*/
		/*z-index: 1;*/

		font-family: industry, sans-serif;
		/*font-style: normal;*/
		/*font-weight: 700;*/
		/*float:left;*/
		width:100%;
		/*background-color: rgba(0,0,0,0.0);*/
		background-color: #000000;
		color:#fff;
		text-shadow: 3px 3px #000;
		border:medium solid #666666;
		/*z-index: 9999;*/
	}

	#formalQuoteRequest {
		font-family: skolar, sans-serif;
		padding: 25px 25px;
		background-color: #FFFFFF;
		color: #333333;
	}
	#formalQuoteRequestDiv {
		float:left;
		width: 100%;
		padding:80px 10px 10px 25px;
		color: #000;
	}
	#homeFormalQuoteRequestDiv {
		float:left;
		width: 100%;
		padding:80px 10px 10px 25px;
		color: #000;
	}
	#homeFormalQuoteRequestDivNonMob {
		display: none;
	}
	#homeFormalQuoteRequestDivMob {
		display: block;
	}
	#quoteContactDiv {
		width: 100%;
	}
	#quoteContactSubDiv {
		margin-top: 50px;
		width: 100%;
		padding:10px;
		color: #000;
	}
	#homeQuoteContactSubDiv {
		margin-top: 50px;
		width: 100%;
		padding:10px;
		color: #000;
	}
	#wrapperHome {
		position:relative;
		width: 100%;
		margin: 132px 0 0 0;
		padding: 0;
		background:#ffffff;
	}

	#tabletCardDeckDiv-1 {
		display: none;
	}
	#tabletCardDeckDiv-2 {
		display: none;
	}
	#tabletEverythingInHouseSection {
		display: none;
	}
	#tabletCardDeckDiv-3 {
		display: none;
	}
	#tabletCardDeckDiv-4 {
		display: none;
	}



	/* Content
    ----------------------------------------------------- */
	#content {
		position:absolute;
		margin-top:18px;
		width:100%;
		min-height:100vh;
		right:0;
		background-color:#ffffff;
	}

	/*#containerBelowSlider {*/
	/*	width: 125%;*/
	/*}*/


/* For All Product Home Pages
--------------------------------------------------- */
	.centered-div-mob {
		text-align: center;
	}


/* Outdoor Kitchen Home Page
----------------------------------------------------- */
	#underSliderHeader {
		float: left;
		height:30px;
		width: 100%;
		padding: 5px 10px;
		margin:0 0 0 0;
		font-size: 2.8vw;
		/*background: rgba(35, 34, 34, 0.7);*/
		background: #000000;
		color: #FFF;
		z-index:9999;
	}

	#midPageHeader {
		float: left;
		height:30px;
		width: 100%;
		padding: 5px 10px;
		margin:0 0 0 0;
		font-size: 2.2vw;
		/*background: rgba(35, 34, 34, 0.7);*/
		background: #000000;
		color: #FFF;
		z-index:9999;
	}

	.button-size {
		width: 55%;
		border: solid 4px #000000;
		color:#000000;
		background-image: linear-gradient(gray, white, gray);
		font-size: 1.7em;
	}

	.button-size-home {
		width: 100%;
		border: solid 4px #000000;
		color:#000000;
		background-image: linear-gradient(gray, white, gray);
		font-size: 1.7em;
	}
	#outdoor-specSheetDiv {
		margin-top: 50px;
		background-color: rgba(245, 245, 245, 0.0);
		opacity: 1;
	}
	#outdoor-brochureDiv {
		margin-top: 50px;
		background-color: rgba(245, 245, 245, 0.0);
		opacity: 1;
	}
	#outdoor-installDiv {
		margin-top: 50px;
		background-color: rgba(245, 245, 245, 0.0);
		opacity: 1;
	}

	#outdoorCardDeckDiv {
		display: block;
	}
	#outdoorTabletCardDeckDiv-1 {
		display: none;
	}
	#outdoorTabletCardDeckDiv-2 {
		display: none;
	}
	#outdoorTabletCardDeckDiv-3 {
		display: none;
	}

	/* Indoor Kitchen Home Page
    ----------------------------------------------------- */
	#indoorCardDeckDiv {
		display: block;
	}
	#indoorTabletCardDeckDiv-1 {
		display: none;
	}
	#indoorTabletCardDeckDiv-2 {
		display: none;
	}
	#indoorTabletCardDeckDiv-3 {
		display: none;
	}

	/* Scientific/Lab Home Page
----------------------------------------------------- */
	#labCardDeckDiv {
		display: block;
	}
	#labTabletCardDeckDiv-1 {
		display: none;
	}
	#labTabletCardDeckDiv-2 {
		display: none;
	}
	#labTabletCardDeckDiv-3 {
		display: none;
	}

	/* Industrial Home Page
----------------------------------------------------- */
	#industrialCardDeckDiv {
		display: block;
	}
	#industrialTabletCardDeckDiv-1 {
		display: none;
	}
	#industrialTabletCardDeckDiv-2 {
		display: none;
	}
	#industrialTabletCardDeckDiv-3 {
		display: none;
	}


	/* Filtered Kitchen Cabinets Section On Each Product Home Page
    ------------------------------------------------------- */
	#cabinetsSection {
		padding: 50px 0 50px 0;
	}
	#sideFilter {
		margin: 50px 0 0 20px;
		width:90%;
	}
	#cabinetsDiv {
		margin:50px 0 0 20px;
	}
	.sideFilterBorder {
		border-top:thin solid #CCC;
		padding:5px 0 5px 0;
		width:80%;
	}
	#cabinetSidePanel {
		padding:100px 0 0 0;
		font-size:1.5em;
		color:#666;
	}



/* Gallery Page
------------------------------------------------------- */
#contentGallery {
	position:absolute;
	margin-top: 0;
	width:100%;
	min-height:100vh;
	right:0;
	background-color:#ffffff;
}

#galleryDiv {
	padding:100px 0 0 0;
}

.photo-gallery {
	margin-top:0;
	color:#313437;
	background-color:#fff;
}

.photo-gallery p {
	color:#7d8285;
}

.photo-gallery h2 {
	font-weight:bold;
	margin-bottom:40px;
	padding-top:40px;
	color:inherit;
}

@media (max-width:767px) {
	.photo-gallery h2 {
		margin-bottom:25px;
		padding-top:25px;
		font-size:24px;
	}
}

.photo-gallery .intro {
	font-size:16px;
	max-width:500px;
	margin:50px auto 40px;
}

.photo-gallery .intro p {
	margin-bottom:0;
}

.photo-gallery .photos {
	padding-bottom:20px;
}

.photo-gallery .item {
	padding-bottom:30px;
}

/* Specs Page
------------------------------------------------------- */
#contentSpecs {
	position:absolute;
	margin-top: 0;
	width:100%;
	min-height:100vh;
	right:0;
	background-color:#ffffff;
}

#cabinetSpecsSection {
	padding:0 0 50px 0;
	/*background-image: url('../images/brushedStainless_bkgrd.jpg');*/
	box-shadow: 0 7px 10px rgba(0, 0, 0, 0.4);
}


#specsDiv {
	padding:100px 0 0 0;
}





/* Modal pop-up window for local customers on Home Page
------------------------------------------------------- */

/* The Modal (background) */
.modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	padding-top: 200px; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
	background-color: #fefefe;
	/*margin: auto;*/
	margin-left: 2%;
	padding: 20px;
	border: 3px solid #333;
	width: 80%;
}
.modal-content h1 {
	color: #333333;
}
.modal-content h2 {
	color: #333333;
	padding: 20px;
}
.modal-content p {
	color: #666666;
}

/* The Close Button */
.close {
	color: #aaaaaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
}

.close:hover,
.close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}

/*Buttons
------------------------------------------------------- */
.addToCart {
	background-color:#78bca1;
	color:#fff;
	padding:10px 10px 10px 10px;
}

#qsButtonDiv {
	margin:0 0 20px 5%;
	padding-bottom: 50px;
	width:80%;
	display:inline-block;
}


/*Secondary Pages
------------------------------------------------------- */

	#topSlider {
		position:fixed;margin:0 auto;top:0;left:0;width:1300px;height:400px;overflow:hidden;visibility:hidden;
	}
	#wrapper {
		width: 100%;
		margin: 132px 0 0 0;
		padding: 0;
		position:relative;
		background-color:#fff;
	}
	#wrapperSecondary {
		width: 100%;
		margin: 0 0 0 0;
		padding: 0;
		position:relative;
		color:#999;
		background-color:#fff;
	}
	#wrapperProduct {
		width: 100%;
		margin: 150px 0 0 0;
		padding: 0 0 0 0;
		position:relative;
		background-color:#FFFFFF;
	}
	#wrapperPreDesign {
		width: 100%;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		position:relative;
		color:#666;
		background-color:#FFFFFF;
	}

	.imageWithTextWidth {
		width:90%;
	}

	.backgroundImagePosition {
		background-position:left 0 top 0;
		background-position-x: 0;
		background-position-y: 0;
	}
	
	.sliderProdContainer {
		position:relative; 
		display:inline-table; 
		margin:25px 0 0 0;
		width:100%; 
		height:400px; 
		text-align:center;
	}
	
	.sliderProdDiv {
		display:inline-block; 
		width:90%;
		vertical-align:top;
	}
	
	#spacerDiv {
		/*display:none;*/
	}
	
	#prodInfoDiv {
		display:inline-block; 
		width:90%; 
		line-height:30px; 
		vertical-align:top; 
		text-align:left;
	}

	#prodDescMainDiv {
		display:inline-block; 
		width:99%; 
		line-height:30px; 
		padding:20px 20px;
		text-align:left;
		vertical-align:top; 
		border:thin solid #ccc;
	}

	#navDotsSecondary {
		display: none;
	}

	#qtyDiv {
		padding-top: 30px;
	}

.btnSecondary {
	width:50%;
	background-color:#78bca1;
	color:#FFF;
	font-size:1.4em;
	cursor:pointer;
	/*background-color: #f4511e;*/
	padding: 16px 32px;
	text-align: center;
	/*font-size: 16px;*/
	/*margin: 4px 2px;*/
	opacity: 0.6;
	transition: 0.3s;
}

.btnSecondary:hover {opacity: 1}/* Box Shadow Hover Over Effect */


.indent25 {
	margin-left:0;
}
.indent50 {
	margin-left:5px;
}

.layoutDescDiv {
	float:left;
	width:48%;
	margin-top: 25px;
	height:700px;
	border-bottom:2px solid #78bca1;
}
.layoutImageDiv {
	float:right;
	margin-top: 25px;
	width:48%;
	height:700px;
	border-bottom:2px solid #78bca1;
}

.layoutDescDivTall {
	float:left;
	width:48%;
	margin-top: 25px;
	height:700px;
	border-bottom:2px solid #78bca1;
}
.layoutImageDivTall {
	float:right;
	margin-top: 25px;
	width:48%;
	height:700px;
	border-bottom:2px solid #78bca1;
}
/* Clear floats after the columns */
.row:after {
	content: "";
	display: table;
	clear: both;
}
.columns {
	float:left;
	width:100%;
}

/* Box Shadow Hover Over Effect
/* Create a simple white box, and add the shadow for the initial state 
------------------------------------------------------------------------*/
.box {
  position: relative;
  display: inline-block;
  width: 319px;
  height: auto;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.box::after {
  content: "";
  border-radius: 5px;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
  opacity: 0;
  -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.box:hover {
  -webkit-transform: scale(1.25, 1.25);
  transform: scale(1.25, 1.25);
}

.box:hover::after {
    opacity: 1;
}



/*Formal Quote Request
------------------------------------------------------- */
#wrapperLetUsDesign {
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	position:relative;
	color:#666666;
	background-color:#FFFFFF;
}

.alignCenter {
	text-align:center;
}

#bkgdImage {
	margin:0 auto;
	width:100%;
	height:200px;
	padding:0 0;
	line-height:200%;
	/*background-image:url(../images/outdoor_kitchen_design_header.jpg);*/
	background-size:100% 200px;
	background-position:0 0;
	background-repeat:no-repeat;
}

#letUsDesignTitleDiv {
	display: none;
	float:left;
	margin:20px 0 0 10%;
}

#letUsDesignTitleDiv h1 {
	font-size:3em;
	letter-spacing:4px;
	text-align:center;
	color:#666;
}

.instrUL {
	text-align: left;
	margin-left: 10%;
	line-height: 25px;
}

.ulFormat {
	line-height: 25px;
}

.leftIndent {
	margin-left: 5%;
}


.contactProcessFormStyleShipTo {
	text-align: left;
	padding: 20px 0 20px 0;
	margin:0 0 0 0;
	color: #666;
}


.contactDivider {
	float:left;
	padding-bottom: 5px;
}

.contactProcessFormStyleText {
	margin: 25px 0 25px 0;
}
.contactShipToType {
	float: right;
	margin:10px 100px 0 0;
	padding-bottom: 10px;
}
.contactHowDidYouHear {
	margin:10px 0 0 40px;
}
.contactHowDidYouHearChoices {
	float: right;
	margin:10px 100px 0 0;
}

.contactBottomSpacer {
	height:50px;
}

.sizeContact {
	width: 100%;
	height: 30px;
	border: none;
	border-bottom: thin solid #666;
}

.contactDropDown {
	font-family: skolar, sans-serif;
	width: 100%;
	height: 30px;
	border: none;
	border-bottom: thin solid #666;
	color: #666;
}

.contactDescription {
	width: 80%;
	height: 150px;
}

#comments {
	margin-left: 0;
	width: 100%;
	height: 50px;
	border:none;
	border-bottom: thin solid #666;
}

.formWidth {
	width: 90%;
}

#fileUpload {
	margin:20px 0 0 25px;
	text-align:left;
	display:none;
}
.requestQuoteFormStyleShipTo {
	text-align: left;
	padding: 20px 0 20px 0;
	margin-left: 80px;
	color: #666;
}

.requestQuoteDescription {
	width: 100%;
	height: 60px;
	border: none;
	border-bottom: thin solid #666;
}
#requestQuoteComments {
	margin-left: 0;
	width: 100%;
	height: 50px;
	border:none;
	border-bottom: thin solid #666;
}



/*Summary Image Hover Effect
------------------------------------------------------- */
.hvrbox,
.hvrbox * {
	box-sizing: border-box;
}
.hvrbox {
	position: relative;
	display: inline-block;
	overflow: hidden;
	max-width: 100%;
	height: auto;
}
.hvrbox img {
	max-width: 100%;
}
.hvrbox .hvrbox-layer_bottom {
	display: block;
}
.hvrbox .hvrbox-layer_top {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	color: #fff;
	padding: 15px;
	-moz-transition: all 0.4s ease-in-out 0s;
	-webkit-transition: all 0.4s ease-in-out 0s;
	/*-ms-transition: all 0.4s ease-in-out 0s;*/
	transition: all 0.4s ease-in-out 0s;
}
.hvrbox:hover .hvrbox-layer_top,
.hvrbox.active .hvrbox-layer_top {
	opacity: 1;
}
.hvrbox .hvrbox-text {
	text-align: center;
	font-size: 18px;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.hvrbox .hvrbox-text_mobile {
	font-size: 15px;
	border-top: 1px solid rgb(179, 179, 179); /* for old browsers */
	border-top: 1px solid rgba(179, 179, 179, 0.7);
	margin-top: 5px;
	padding-top: 2px;
	display: none;
}
.hvrbox.active .hvrbox-text_mobile {
	display: block;
}



/* Your Account Menu Page
----------------------------------------------------- */
#acountInfoDiv {
	margin:25px 0 0 25px;
	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:25px 0 0 25px;
}
#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:#fff;
	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;
}



/* ORDER HISTORY PAGE
--------------------------------------------------------------- */
#orderHistoryDiv {
	margin:10px 0 50px 0;
	padding:5px;
	background-color:#ffffff;
	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:#ffffff;
	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;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
#checkoutLoginFillerDiv {
	height:0;
	width:90%;
}
#loginRegister {
	margin:10px 0 10px 0;
	padding:5px 0 5px 0;
	/*background-color:#CCC;*/
	box-shadow: 5px 5px 5px #888888;
	width:90%;
	color:#000;
	font-size:1.2em;
	border:thin solid #333;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
.registerFormStyle {
	width:100%;
	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 {
	border-radius:16px;
	width:80%;
	padding:5px 0 5px 0;
	border:thin solid #333;
	background-color:#fff;
	color:#333;
}
#loginPageDiv {
	margin:10px 0 10px 0;
	padding:5px 5px;
	/*background-color:#CCC;*/
	box-shadow: 5px 5px 5px #888888;
	width:80%;
	border:thin solid #333;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
.loginFormStyle {
	width:90%;
	margin:10px 0 0 0;
}
.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 {
	border-radius:16px;
	width:80%;
	padding:5px 0 5px 0;
	color: #333;
	background-color:#fff;
	border:thin solid #333;
}
#saveCartPageDiv {
	margin:10px 0 50px 0;
	padding:5px;
	background-color:#CCC;
	width:95%;
	border:thin solid #333;
	border-radius: 8px;
	-moz-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:10px 0 0 5px;
}
#checkoutBillMeLaterDiscDiv {
	width:90%;
	height:auto;
	margin:5px 0 0 10px;
	font-size:.8em;
}
#checkoutExpDateDiv {
	width:90%;
	margin:10px 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%;
}


/* Services Styles
----------------------------------------------------- */
.servicesHeader {
	font-size:2em;
	font-weight:bold;
	color:#333333;
	padding:20px;
	text-align:left;
}
.servicesInfo {
	width:100%;
	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 li {
	width: 90%;
}
.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 {
	height:40px;
	padding-top: 10px;
	color: #666;
}
.contactProcessFormStyle input, select {
	margin:0 0 0 0;
	width:100%;
	height:30px;
}
.contactProcessFormStyle em {
	margin:2px 0 0 5px;
	font-size:.8em;
}
.contactDescription {
	width: 100%;
	height: 30px;
	border:none;
	border-bottom: thin solid #666;
}
.btnContactSubmit {
	border-radius:16px;
	border:thin solid #666;
	width:80%;
	padding:5px 0 35px 0;
	background-color:#fff;
	color:#000;
}

.btnRequestQuoteSubmit {
	border-radius:16px;
	border:thin solid #666;
	width:80%;
	padding:5px 0 35px 0;
	background-color:#fff;
	color:#000;
}


.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;
}
.clear {
	clear:both;
}



/* FORGOT PASSWORD PAGE
----------------------------------------------------- */
#forgotPassDiv {
	margin:10px 0 10px 0;
	padding:5px 5px;
	/*background-color:#CCC;*/
	box-shadow: 5px 5px 5px #888888;
	width:80%;
	border:thin solid #333;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
.forgotPassFormStyle {
	width:90%;
	margin:10px 0 0 0;
}
.forgotPassFormStyle input {
	margin:2px 0 0 0;
	/*width:80%;*/
	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 0;
	padding:5px 5px;
	/*background-color:#CCC;*/
	width:95%;
	border:thin solid #333;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
#btnResetPass {
	border-radius:16px;
	width:80%;
	padding:5px 0 5px 0;
	color: #666;
	background-color:#fff;
	border:thin solid #666;
}
#resetPassThankYouDiv {
	margin:10px 0 10px 0;
	padding:5px 5px;
	background-color:#CCC;
	width:95%;
	border:thin solid #333;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}


/* Wholesale Account Form Styles
----------------------------------------------------- */
#wholesaleDiv {
	/*font-family:Arial, Helvetica, sans-serif;*/
	margin:50px 0 10px 0;
	padding:5px 5px;
	width:95%;
}
#wholesaleDescDiv {
	padding:5px 5px;
}
#wholesaleDescDiv  ul {
	margin:0 0 0 50px;
}
#wholesaleContactInfoDiv {
	width:100%;
	padding:20px 0 20px 0;
	background-color:#ffffff;
	/*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;*/
}
#wholesaleQuestionnaireDiv {
	width: 95%;
}
#wholesaleQuestionnaireDiv {
	width:100%;
	margin:20px 0 0 0;
	padding:20px 0 20px 0;
	background-color:#ffffff;
	/*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 {
	width:100%;
}
#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: 10px;
	/*border-bottom:solid thin #999;*/
	width:90%;
	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;
}


/* 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 Mobile footer */
#footerMobileDiv {
	display:block;
}
#footerDividerNonMobile {
	display:none;
}
#F {
	display:none;
}
/* Show PC footer */
#footerDiv { 
	display:block;
}



	.footerMobile {
		font-family:Verdana, Geneva, sans-serif;
		font-size: .9em;
		text-align:center;
		min-width: 100%;  
		height: auto;
		color: #999999;
		padding-top:30px;
	}
	
	.ftnavwrapMobile {
		/*margin-left:350px;*/
		/*margin-left:25%; */
		/*width:50%;*/
		padding-top:5px;
		padding-bottom:20px;
		width:100%;  
		height:auto;
		margin:0 auto;
		float:left; 
		background-color:#333333; 
		/*border:dashed 3px #CCC;*/
	}
	.ftnavMobile {
		margin-top:30px;
		width:100%;
		text-align:center;
		font-style:normal;
		color:#FFF;
		text-transform:capitalize;
		float:left;  
		line-height:40px;
	}


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

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

	.pattern_hr {
		padding:0 0 0 0;
		margin:-10px 0 0 0;
		min-width:100%;   
		height:10px;
		background-color:#CCC;
	}
/**** end footer ***/