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

	/* Template CSS
	----------------------------------------------------- */
	html, body {
		height:100%;
		background-color: #000;
	}

	body{
		font-family: articulat-cf, sans-serif;
		font-weight: 400;
		font-style: normal;
	}

	h1 {
		font-family: articulat-cf, sans-serif;
		font-style: normal;
		color: #414042;
		font-weight: bold;
		margin-bottom: 0;
	}


	/* Template CSS
	----------------------------------------------------- */
	#wrapperHome {
		position:relative;
		width: 100%;
		margin: 0 0 0 0;
		padding: 0;
		background:#000;
	}

	/* 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:#414042;
		text-decoration: none;
	}

	/* Content
	----------------------------------------------------- */
	#content {
		position:absolute;
		width:100%;
		min-height:100vh;
		right:0;
		background-color:#ffffff;
	
	}
	#content h1 {
		color: #414042;
		font-size: 2.5em;
		letter-spacing: 0.03em;

	}
	#content h2 {
		color:#414042;
		font-weight:bold;
		font-size: 1.7em;
		letter-spacing: 0.02em;
		text-align: left;


	}
	#content h3 {
		color:#414042;
		font-size: 1.2em;
		font-weight:bold;
		letter-spacing: 0.03em;
		text-align: left;
		
	}
	#content p {
	letter-spacing: 0.03em;
	text-align: left;
	}
	#pageTitleDiv {
		float: left;
		margin:-200px 0 0 5%;
		text-align: left;
	}
	#pageTitleDiv h1 {
		color: #FFFFFF;
	}
	#preTitleLine {
		color: #F9BC15;
		font-family: joly-headline;
	}
	#pageTitleTag {
		color: #FFFFFF;
	}

	#paddingDiv {
		padding-bottom: 100px;
	}
	#threeOneThirdDiv {
		display:inline-block;
		width: 100%;
		padding:25px 0 0 25px;
	}
	.threeOneThirdDiv_1 {
		display:inline-block;
		width:30%;
		margin:0 60px 0 0;
		vertical-align: top;
	}
	.threeOneThirdDiv_2 {
		display:inline-block;
		width:30%;
		margin:0 60px 0 0;
		vertical-align: top;
	}
	.threeOneThirdDiv_3 {
		display:inline-block;
		width:30%;
		vertical-align: top;
	}
	#oneThirdTwoThirdsDiv {
		display:inline-block;
		width: 100%;
		padding:35px 0 0 25px;
	}
	.oneThirdTwoThirdsDiv_1 {
		display:inline-block;
		width:30%;
		margin:0 60px 0 0;
		vertical-align: top;
	
	}
	.oneThirdTwoThirdsDiv_2 {
		display:inline-block;
		width:64%;
		vertical-align: top;
	}

	#twoThirdsOneThirdDiv {
		display:inline-block;
		width: 100%;
		padding:35px 0 0 25px;
	}
	.twoThirdsOneThirdDiv_1 {
		display:inline-block;
		width:64%;
		margin:0 60px 0 0;
		vertical-align: top;
	}
	.twoThirdsOneThirdDiv_2 {
		display:inline-block;
		width:30%;
		vertical-align: top;
	}

	#oneHalfOneHalfDiv {
		display:inline-block;
		width: 100%;
		padding:35px 0 0 25px;
	}
	.oneHalfOneHalfDiv_1 {
		display:inline-block;
		width:47%;
		margin:0 60px 0 0;
		vertical-align: top;
	}
	.oneHalfOneHalfDiv_2 {
		display:inline-block;
		width:47%;
		height:100px;
		vertical-align: top;
	}

	#fullDiv {
		display:inline-block;
		width: 100%;
		padding:35px 0 0 25px;
	}
	.fullDiv_1 {
		display:inline-block;
		width:98%;
		vertical-align: top;
		text-align: left;
	}

	#pageContainer90Percent {
		width: 90%;
		padding-bottom: 50px;
	}



	/* Content Backgrounds
	----------------------------------------------------- */

	/* TBD Outdoor Kitchens */
	#headerBackgroundImageDiv {
		width: 100%;
		height: 300px;
		background-image: url('../images/outdoor-kitchen_bkgrd_dark.jpg');
		background-size: cover; /* Adjusts the image to cover the entire div */
		background-position: center; /* Position the image */
		background-repeat: no-repeat; /* Prevents the image from repeating */
	}

		#backgroundImageDiv {
		width: 100%;
		height: 300px;
		background-image: url('../images/outdoor-kitchen_bkgrd_dark.jpg');
		background-size: cover; /* Adjusts the image to cover the entire div */
		background-position: center; /* Position the image */
		background-repeat: no-repeat; /* Prevents the image from repeating */
	}
	/* Made in North Carolina */
	#headerBackgroundImageDivNC {
		width: 100%;
		height: 300px;
		background-image: url("/images/made-in-north-carolina-usa-charlotte-background.jpg");
		background-size: cover; /* Adjusts the image to cover the entire div */
		background-position: center; /* Position the image */
		background-repeat: no-repeat; /* Prevents the image from repeating */
	}



	/* ORDER DESIGN DETAILS PAGE CSS
	----------------------------------------------------- */
	/*#preset-slider-non-mobile {*/
	/*	display: block;*/
	/*}*/
	/*#preset-slider-mobile {*/
	/*	display: none;*/
	/*}*/
	#imageSliderDiv {
		display:inline-block;
		width: 100%;
		padding:35px 0 0 25px;
	}
	.imageSliderDiv_1 {
		display:inline-block;
		width:48%;
		margin:0 40px 0 0;
		vertical-align: top;
	}
	.imageSliderDiv_2 {
		display:inline-block;
		width:30%;
		vertical-align: top;
		text-align: left;
	}
	.sliderDiv {
		position:relative;
		margin:0 auto;
		top:0;
		left:0;
		width:800px;
		height:659px;
		overflow:hidden;
		visibility:hidden;
		background-color:#ccc;
	}

	#configuratorDiv {
		display:inline-block;
		margin:20px 0 0 0;
		width:99%;
		line-height:30px;
		vertical-align:top;
		text-align:left;
	}
	#constAlloyDiv {
		/*border-bottom: thin solid #414042;*/
	}

	#preset-name-price-container-mob {
		display: none;
	}

	#preset-name-price-container-non-mobile {
		position: relative;
		display: inline-table;
		margin: 0 0 0 0;
		width: 99%;
	}

	#preset-name-price-div-mob {
		display: none;
	}

	#preset-name-price-div {
		position: relative;
		background-color: #FFFFFF;
		display: block;
		margin: 0 0 50px 0;
		width: 99%;
		z-index: 9998;
	}


	#finishesDiv {
		padding-bottom: 35px;
		border-bottom: thin solid #414042;
	}
	#finishesDetailsDiv {
		/*display: none;*/
	}
	#chooseAlloyDiv {
		display: block;
	}

	.configTitle {
		font-weight: bold;
		color: #414042;
		padding: 15px 0 15px 0;
		font-size: 1.2em;
	}
	.configOptions {
		margin-left: 5px;
		font-size: .9em;
		/*line-height: 20px;*/
	}

	#hardwareDiv {
		padding-bottom: 35px;
		border-bottom: thin solid #414042;
	}

	#addApplianceInnerDiv {
		margin: 30px 0 0 50px;
		width: 80%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
		gap: 10px; /* Reduced gap for mobile compatibility */
	}
	#addLynxAppliancePackage {
		width: calc(50% - 5px); /* Adjusted for smaller gap */
		box-sizing: border-box;
		overflow: hidden; /* Prevents spillover */
	}
	#addLynxAppliancePackage img {
		max-width: 100%; /* Limits image width to container */
		height: 110px; /* Default height for desktop */
		object-fit: contain; /* Scales image proportionally */
	}
	#addHestanAppliancePackage {
		width: calc(50% - 5px); /* Adjusted for smaller gap */
		box-sizing: border-box;
		overflow: hidden; /* Prevents spillover */
	}
	#addHestanAppliancePackage img {
		max-width: 100%; /* Limits image width to container */
		height: 110px; /* Default height for desktop */
		object-fit: contain; /* Scales image proportionally */
	}
	#addFireMagicAppliancePackage {
		width: calc(50% - 5px); /* Adjusted for smaller gap */
		box-sizing: border-box;
		overflow: hidden; /* Prevents spillover */
	}
	#addFireMagicAppliancePackage img {
		max-width: 100%; /* Limits image width to container */
		height: 110px; /* Default height for desktop */
		object-fit: contain; /* Scales image proportionally */
	}
	#noAppliancePackage {
		width: calc(50% - 5px); /* Adjusted for smaller gap */
		box-sizing: border-box;
		overflow: hidden; /* Prevents spillover */
	}
	#noAppliancePackage img {
		max-width: 100%; /* Limits image width to container */
		height: 110px; /* Default height for desktop */
		object-fit: contain; /* Scales image proportionally */
	}


	.finishes-buttons-container {
		display: flex;
		justify-content: center;
	}

	.finishes-button-wrapper {
		width: 40%;
		text-align: center;
		cursor: pointer;
	}

	.finishes-button-title {
		font-size: .8em;
		text-align: center;
		margin-top: 100px; /* Space between radio buttons and title */
	}
	.radioLarge {
		transform: scale(1.5);
	}
	input[type="radio"]:checked::before {
		content: '';
		display: block;
		width: 12px;
		height: 12px;
		border-radius: 50%;
		background-color: green; /* Green fill color */
		position: absolute;
		top: 1px;
		left: 1px;
	}
	.image-div {
		position: relative;
		width: 100px; /* Adjust width as needed */
		height: 100px; /* Adjust height as needed */
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.image-div img {
		position: absolute;;
		/*display: block;*/
		transition: opacity 0.3s ease-in-out;
	}
	.hover-image {
		display: none;
	}
	.image-div:hover .original-image {
		display: none;
	}
	.image-div:hover .hover-image {
		display: block;
	}
	.selected .original-image {
		display: none;
	}
	.selected .hover-image {
		display: block;
	}
	.paddingLeft {
		padding-left: 10px;
	}

	#nextButtonDiv {
		padding-top: 50px;
		text-align: center;
		width: 100%;
	}
	.selectButtonDiv {
		padding-top: 50px;
		text-align: right;
		width: 50%;
	}

	.btn-primary:disabled {
		background-color: #D1D3D4;
		border-color: #D1D3D4;
		cursor: not-allowed;
	}
	.next-button {
		width: 80%;
		background-color: #D1D3D4;
		border: none;
	}
	.add-to-cart-button {
		width: 80%;
		background-color: #F9BC15;
		border: none;
		color: #FFFFFF;
	}

	.fontGold {
		color: #F9BC15;
	}
	.placementDiv {
		display: inline-block;
		border: thin solid #D1D3D4;
		width: 49%;
		height: 170px;
		margin-top: 10px;
		padding: 5px 5px 5px 10px;
	}
	#alloyResult {
		cursor: pointer;
	}
	#placementChoosen {
		cursor: pointer;
	}
	#cabFinishChoosen {
		cursor: pointer;
	}
	#handleFinishChoosen {
		cursor: pointer;
	}
	#toeKickFinishChoosen {
		cursor: pointer;
	}
	.universalCabDiv {
		display: inline-block;
		border: thin solid #D1D3D4;
		width: 40%;
		height: 180px;
		margin-top: 10px;
		padding: 5px 5px 5px 10px;
	}
	.universalCabDiv img {
		width: 120px;
		height: auto;
	}
	#mobOnlySpacer {
		display: none;
	}
	#universalCabChoosen {
		cursor: pointer;
	}
	#cabinetOptionsDiv {
		padding-bottom: 35px;
		border-bottom: thin solid #414042;
	}
	#countertopAppliancesDiv {
		padding-bottom: 35px;
		border-bottom: thin solid #414042;
	}
	#countertopAppliancesDetailsDiv {
		display: none;
	}
	#countertopChoosen {
		cursor: pointer;
	}
	#grillChoosen {
		cursor: pointer;
	}
	#grillManufacturer {
		display: none;
	}
	#grillModel {
		display: none;
	}
	.grill-dropdown {
		padding: 10px 30px;
		width: 250px;
	}
	.selFormatDiv {
		padding: 10px 10px;
	}
	.infoButton {
		width: 20px;
		height: auto;
		cursor: pointer;
	}
	.checkmark {
		display: none;
		width: 20px;
		height: auto;
	}

/* MODAL STYLES */

	.modal-body {
		max-height: calc(100vh - 150px - 60px - 60px); /* Adjust based on header/footer height */
		overflow-y: auto; /* Enable vertical scrolling when content overflows */
		padding: 0; /* Keep your existing p-0 */
	}

	/* Ensure images fit the container */
	.modal-desktop-image {
		width: 100%; /* Fill the container width */
		height: auto; /* Maintain aspect ratio */
		display: block; /* Remove inline spacing */
	}

	/* Default: Show desktop image, hide mobile image */
	.modal-desktop-image {
		display: block;
	}

	.modal-mobile-image {
		display: none;
	}


	.modal-dialog {
		max-width: none; /* Ensure modal width adjusts to the content */
		transform: translateY(-10%) !important;
	}
	.modal-content {
		height: auto; /* Ensure the content height auto-adjusts */
	}
	/*.modal-body img {*/
	/*	width: 100%; !* Adjust as needed *!*/
	/*	height: auto; !* Ensure the image height adjusts dynamically *!*/
	/*}*/

	/* Don't allow countertop modals to zoom on mobile */
	.no-pinch-modal {
		display: none; /* Hidden by default */
		touch-action: none; /* Prevent default touch actions */
		position: fixed;
		z-index: 1;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		overflow: hidden; /* Prevent scrolling */
		background-color: rgba(0, 0, 0, 0.8);
	}

	.no-pinch-modal .modal-content {
		margin: auto;
		padding: 20px;
		position: relative;
		width: 100%;
		max-width: 70%;
		height: 100%;
	}

	.no-pinch-modal .image-container {
		width: 100%;
		height: 100%;
		overflow: hidden; /* Hide overflow */
	}

	.no-pinch-modal img {
		width: 200%; /* Initial zoom level */
		position: absolute;
	}

	.mobile-only {
		display: none !important; /* Hide mobile steps on desktop */
	}

	.desktop-only {
		display: flex !important; /* Show desktop steps on desktop */
	}

	/* Desktop progress steps styling */
	.progress-steps {
		list-style: none;
		padding: 0;
		margin: 0;
		display: flex;
		justify-content: center;
		gap: 5px;
		flex-wrap: nowrap; /* Prevents wrapping, keeps steps horizontal on desktop */
		overflow-x: auto; /* Adds horizontal scrolling if steps exceed width on desktop */
		white-space: nowrap; /* Ensures text doesn’t wrap within steps */
	}

	.progress-step {
		color: #999;
		background-color: #f8f9fa;
		border: 1px solid #dee2e6;
		padding: 10px 15px; /* Default padding for desktop */
		font-size: 0.9rem; /* Default font size for desktop */
		border-radius: 0;
		cursor: default; /* Non-clickable */
		white-space: nowrap; /* Prevents text wrapping within each step */
	}

	.progress-step.active {
		/*background-color: #007bff;*/
		color: #000;
		font-weight: bold;
		border-color: #000000;
	}

	.grill-size-24 {
		width: 40%;
		height: auto;
	}
	.grill-size-30 {
		width: 40%;
		height: auto;
	}
	.grill-size-30-lg {
		width: 100%;
		height: auto;
	}
	.grill-size-36 {
		width: 45%;
		height: auto;
	}
	.grill-size-42 {
		width: 50%;
		height: auto;
	}
	.grill-size-46 {
		width: 50%;
		height: auto;
	}
	.grill-size-48 {
		width: 50%;
		height: auto;
	}
	.grill-size-54 {
		width: 55%;
		height: auto;
	}
	.fridge-size-md {
		width: 60%;
		height: auto;
	}

	/* End Modal Styles */


	.disabled-button {
		pointer-events: none;
		opacity: 0.5;
		background: #CCCCCC;
		color: #FFFFFF;
	}


	.container-summary {
		display: flex;
	}

	.column {
		flex: 1; /* Each column will take up equal space */
		padding: 10px; /* Optional padding */
	}

	.left-column {
		flex: 0 0 50%; /* Adjust to set the width of the left column */
	}

	.right-column {
		flex: 0 0 50%; /* Adjust to set the width of the right column */
	}

/* CONFIRMATION PAGE */
	.sideViewimage {
		width: 120%;
	}










	/* OLDER CSS FROM ORIGINAL SITE
	----------------------------------------------------- */


	/* Header
	----------------------------------------------------- */
	#headbandMobile {
		display:none;
	}
	#headbandMobileDropdown {
		display:none;
	}
	#headbandTabletPortrait {
		display: none;
	}
	#navBarNonMobTabletLandscape {
		display: none;
	}

	#navBarTabletPortrait {
		display: none;
	}

	#navBarMob {
		display: none;
	}
	#navbarNavDropdown {
		margin-top: -16px;
	}

	#navBarDiv {
		width: 100%;
		margin-top: 0;
		font-size: 1.2em;
		color: #999999;
	}
	nav .navbar-nav li a{
		color: #fff !important;
	}
	nav .navbar-nav li a:hover {
		color: #F9BC15 !important;
	}
	.navbar-nav > li{
		padding-left:5px;
		padding-right:5px;
	}
	nav .navbar-nav ul a{
		color: #000000 !important;
	}



	#headbandMob {
		display:none;
	}
	#mobileHdr {
		display:none;
	}

	.header {
		position:relative;
		top:0;
		left:0;
		min-width:100%;
		height: 150px;
		background-color: #414042;
		z-index: 5000;
	}
	.headband {
		/*margin: auto;*/
		margin-top: -20px;
		margin-left: 50px;
		width: 220px;
		padding:10px 80px 0 0;
	}
	#headbandExperts {
		float:right;
		margin:100px 7% 0 0;
		color:#fff;
		font-size: 1.5em;
		text-align:center;
		line-height:25px;
		display:inline-block;
	}
	.topBand {
		height: 45px;
		background-color: #FFFFFF;
		text-align: right;
		padding: 10px 35px 0 0;
	}
	.topLinks {
		padding: 0 10px 0 10px;
		color: #666666;
		font-weight: 400;
	}
	.topLinks a {
		color: #666666;
	}
	.topLinks a:hover {
		color: #F9BC15;
	}
	.yellow {
		color: #F9BC15;
	}
	.boldFont {
		font-weight: bold;
	}

	.custom-dropdown::after {
		border-top-color: #F9BC15;
	}

	.custom-dropdown-container {
		border-left: solid thin #414042;
		border-right: solid thin #414042;
		border-bottom: solid thin #414042;
		margin-top: 0;
	}
	.custom-dropdown-div {
		padding:20px 20px 0 20px;
	}
	.custom-dropdown-title {
		color: #939598; text-align: left; padding-left: 5px;
	}
	.custom-dropdown-underline {
		border-top: thin solid #939598;
	}

	.custom-dropdown-item {
		text-align: left;
		color: #414042;
		margin-left: -20px;
	}
	.custom-dropdown-item:hover {
		color: #F9BC15;
	}
	
	.custom-call-to-action-btn {
		background: #F9BC15;
		color: #FFFFFF;
		padding: 5px 10px;
	}
	.nav-button-div {
		padding-top: 25px;
		padding-bottom: 25px;
	}
	.nav-main-button-div {
		padding-top: 10px;
		padding-bottom: 10px;
		margin-top: 0;
	}
	.nav-dropdown-top {
		height: 23px;
		margin-top: -10px;
		background-color: #414042;
	}

	/* Hover cart image */
	.hover-cart {
		width: 48px;
		height: 40px;
		transition: all 0.3s ease;
	}
	.hover-cart:hover {
		content: url('/images/shopping-cart-icon-mouse-over.png');
		width: 48px;
		height: 40px
	}


	/* Begin top header band with shopping cart, etc. */
	#shopBandCorpHome {
		display:none;
	}
	#hdrCartLogin {
		display:block;
	}
	#shopBandContainer {
		position:fixed;
		z-index:9999;
		top:0;
		right:0;
		width:70%;
	}
	.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;
	}
	#shopBandLogin {
		position:relative;
		float:right;
		margin-right:125px;
		margin-top:10px;
		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;
	}
	#yourAccountSubMenu {
		display:none;
		float:right;
		margin:50px -107px 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 {
		color:#F00;
		text-decoration:underline;
	}
	#yourAccountPointer {
		float:left;
		margin:-12px 0 0 75px;
	}
	/* End top header band with shopping cart, etc. */






	/* Home Page
    ----------------------------------------------------- */
	#headerSliderSection {
		/* margin-top: -150px; */
		 position: relative;
	}
	#carouselHeader {
		display: block;
	}
	#carouselHeaderMob {
		display: none;
	}

	#mobileGetQuoteDiv {
		display: none;
	}
	#getQuoteDiv {
		display: block;
	}
	.getQuotefloating-div {
		position: absolute;
		top: 5%;
		font-family: industry, sans-serif;
		font-style: normal;
		font-weight: 700;
		float:left;
		width:100%;
		background-color: rgba(0,0,0,0.0);
		color:#fff;
		text-shadow: 3px 3px #000;
		z-index: 0;
	}
	#designProcessSection .font-white {
		color: #FFFFFF;
	}
	#formalQuoteRequest {
		font-family: skolar, sans-serif;
		padding: 100px 50px;
		background-color: #FFFFFF;
		color: #333333;
	}

	#formalQuoteRequestDiv {
		margin-top: 50px;
		float:left;
		width: 50%;
		padding:10px 10px 10px 25px;
		color: #000;
	}
	#homeFormalQuoteRequestDiv {
		float:left;
		width: 50%;
		padding:10px 10px 10px 25px;
		color: #000;
	}
	#homeFormalQuoteRequestDivNonMob {
		display: block;
	}
	#homeFormalQuoteRequestDivNonMob H3 {
		font-weight: bold;
	}
	#homeFormalQuoteRequestDivMob {
		display: none;
	}
	#quoteContactDiv {
		display: inline-block;
		width: 80%;
	}
	#quoteContactSubDiv {
		margin-top: 50px;
		float:left;
		width: 50%;
		padding:10px;
		color: #000;
	}
	#homeQuoteContactSubDiv {
		float:left;
		width: 50%;
		padding:10px;
		color: #000;
	}

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

/* Content
----------------------------------------------------- */


/* Outdoor Kitchen Home Page
----------------------------------------------------- */
	#underSliderHeader {
		float: left;
		height:80px;
		width: 100%;
		padding: 0 10px;
		margin:0 0 0 0;
		font-size: 2.8vw;
		background: #000000;
		color: #FFF;
		z-index:9999;
	}

	#midPageHeader {
		float: left;
		height:60px;
		width: 100%;
		padding: 0 10px;
		margin:0 0 0 0;
		font-size: 2.2vw;
		background: #000000;
		color: #FFF;
		z-index:9999;
	}

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

	.button-size-home {
		width: 50%;
		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;
	}

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


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

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

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

	/* Filtered Kitchen Cabinets Section On Each Product Home Page
    ------------------------------------------------------- */
	#cabinetsSection {
		padding: 100px 0 100px 0;
		display: inline-table;
	}
	#sideFilter {
		float: left;
		position:relative;
		margin: 150px 0 0 150px;
		width:250px;
		border-right:thin solid #CCC;
		display: inline-table;
	}
	#cabinetsDiv {
		float:right;
		margin:-750px 0 0 400px;
	}
	.sideFilterBorder {
		border-top:thin solid #CCC;
		padding:5px 0 5px 0;
		width:80%;
	}
	#cabinetSidePanel {
		padding:200px 0 0 0;
		font-size:1.5em;
		color:#666;
	}


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

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

	.photo-gallery {
		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;
	}

	.photo-gallery .pic {
		cursor: -moz-zoom-in;
		cursor: -webkit-zoom-in;
		cursor: url(../magnify.cur), zoom-in;
	}

	.thumbPic {
		width: 300px;
		height: auto;
	}

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

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

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



	/** Begin Multi-slide Carousel **/
	/*
    Show multiple slides at once.
    In lower body of home page.
     */

	@media (min-width: 768px) and (max-width: 991px) {
		/* Show 4th slide on md  if col-md-4*/
		#carousel-example .carousel-inner .active.col-md-4.carousel-item + .carousel-item + .carousel-item + .carousel-item {
			position: absolute;
			top: 0;
			right: -33.3333%;  /*change this with javascript in the future*/
			z-index: -1;
			display: block;
			visibility: visible;
		}

	}

	@media (min-width: 576px) and (max-width: 768px) {
		/* Show 3rd slide on sm  if col-sm-6*/
		#carousel-example .carousel-inner .active.col-sm-6.carousel-item + .carousel-item + .carousel-item {
			position: absolute;
			top: 0;
			right: -50%;  /*change this with javascript in the future*/
			z-index: -1;
			display: block;
			visibility: visible;
		}

	}
	@media (min-width: 576px) {

		#carousel-example .carousel-item {
			margin-right: 0;
		}

		/* show 2 items */
		#carousel-example .carousel-inner .active + .carousel-item {
			display: block;
		}

		#carousel-example .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
		#carousel-example .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item {
			transition: none;
		}

		#carousel-example .carousel-inner .carousel-item-next {
			position: relative;
			transform: translate3d(0, 0, 0);
		}

		/* left or forward direction */
		#carousel-example .active.carousel-item-left + .carousel-item-next.carousel-item-left,
		#carousel-example .carousel-item-next.carousel-item-left + .carousel-item,
		#carousel-example .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item {
			position: relative;
			transform: translate3d(-100%, 0, 0);
			visibility: visible;
		}

		/* farthest right hidden item must be abso position for animations */
		#carousel-example .carousel-inner .carousel-item-prev.carousel-item-right {
			position: absolute;
			top: 0;
			left: 0;
			z-index: -1;
			display: block;
			visibility: visible;
		}

		/* right or prev direction */
		#carousel-example .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
		#carousel-example .carousel-item-prev.carousel-item-right + .carousel-item,
		#carousel-example .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item {
			position: relative;
			transform: translate3d(100%, 0, 0);
			visibility: visible;
			display: block;
		}

	}

	/*MD*/
	@media (min-width: 768px) {

		/* show 3rd of 3 item slide */
		#carousel-example .carousel-inner .active + .carousel-item + .carousel-item {
			display: block;
		}

		#carousel-example .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item {
			transition: none;
		}


		#carousel-example .carousel-inner .carousel-item-next {
			position: relative;
			transform: translate3d(0, 0, 0);
		}


		/* left or forward direction */
		#carousel-example .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item {
			position: relative;
			transform: translate3d(-100%, 0, 0);
			visibility: visible;
		}

		/* right or prev direction */
		#carousel-example .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item {
			position: relative;
			transform: translate3d(100%, 0, 0);
			visibility: visible;
			display: block;
		}

	}


	/*LG */
	@media (min-width: 991px) {

		/* show 4th item */
		#carousel-example .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item {
			display: block;
		}

		#carousel-example .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item {
			transition: none;
		}

		/* Show 5th slide on lg if col-lg-3 */
		#carousel-example .carousel-inner .active.col-lg-3.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
			position: absolute;
			top: 0;
			right: -25%;  /*change this with javascript in the future*/
			z-index: -1;
			display: block;
			visibility: visible;
		}

		/* left or forward direction */
		#carousel-example .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
			position: relative;
			transform: translate3d(-100%, 0, 0);
			visibility: visible;
		}

		/* right or prev direction //t - previous slide direction last item animation fix */
		#carousel-example .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
			position: relative;
			transform: translate3d(100%, 0, 0);
			visibility: visible;
			display: block;
		}

	}
/** End Multi-slide Carousel **/





/* Modal pop-up window for quote request confirmation
------------------------------------------------------- */

/* The Modal (background) */
	.modal {
		display: none; /* Hidden by default */
		position: fixed; /* Stay in place */
		z-index: 9999; /* 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: 10%;
		padding: 20px;
		border: 3px solid #333;
		width: 50%;
	}
	.modal-content h1 {
		color: #333333;
	}
	.modal-content p {
		color: #666666;
		padding-bottom: 20px;
	}


/*Buttons
------------------------------------------------------- */
	.btnContactSubmit {
		border-radius:16px;
		border-color: #000000;
		width:80%;
		padding:5px 0 35px 0;
		background-color:#fff;
	}

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




/*Secondary Pages
------------------------------------------------------- */
	#wrapper {
		position:relative;
		width: 100%;
		margin: 132px 0 0 0;
		padding: 0;
		background:#000;

	}
	#wrapperProduct {
		width: 100%;
		margin: 160px 0 0 0;
		padding: 0 0 0 0;
		position:relative;
		background-color:#FFFFFF;
	}

	.imageWithTextWidth {
		width:80%;
	}


	.sliderProdContainer {
		position:relative;
		display:inline-table;
		margin:50px 0 0 0;
		width:90%;
		height:400px;
		text-align:center;
	}

	.sliderProdDiv {
		display:inline-block;
		width:45%;
		vertical-align:top;
	}

	#prodInfoDiv {
		display:inline-block;
		margin:80px 0 0 0;
		width:99%;
		line-height:30px;
		vertical-align:top;
		text-align:left;
	}

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

	/* Clear floats after the columns */
	.row:after {
		content: "";
		display: table;
		clear: both;
	}


/* Create a simple white box, and add the shadow for the initial state
------------------------------------------------------------------------*/
	.boxImage {
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
		border-radius: 2px;
		transition: box-shadow 0.6s linear;
		margin: 0.5em;
	}

	.boxImage:hover {
		box-shadow: 0 0 0 5px #78bca1;
	}


	.clear {
	clear:both;
	}


/*Formal Quote Request
------------------------------------------------------- */
	.leftIndent {
		margin-left: 25%;
	}

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

	}

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

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


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


	#quickLaserRequestUploadDiv {
		text-align: left;
		margin:50px 0 0 0;
		width: 100%;
		padding-bottom: 25px;
	}
	#requestUploadDiv {
		text-align: center;
		margin:50px 0 0 0;
		width: 50%;
		padding-bottom: 25px;
	}

	.requestQuoteFormStyleShipTo {
		text-align: left;
		padding: 20px 0 20px 0;
		margin-left: 80px;
		color: #666;
	}
	.requestQuoteDescription {
		width: 85%;
		height: 60px;
		border: none;
		border-bottom: thin solid #666;
	}

	#requestQuoteComments {
		margin-left: -48px;
		width: 80%;
		height: 50px;
		border:none;
		border-bottom: thin solid #666;
	}




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

	/*#footerDividerNonMobile {*/
	/*	padding-top: 25px;*/
	/*	justify-content: center;*/
	/*}*/

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


	.footer {
		/*font-size: .9em;*/
		text-align: center;
		width:100%;
		height: auto;
		padding-top:5px;
		padding-left:100px;
		background-color: #414042;
	}
	.ftnavwrap {
		margin:25px 0 0 0;
		width:100%;
		height:auto;
		color:#F1F2F2;
		text-decoration:none;
	}
	.ftnavwrap a {
		text-decoration:none;
		color:#CCC;
	}

	#ftnav li {
		list-style:none;

	}
	/*.pattern_hr {*/
	/*	min-width:100%;*/
	/*	height:200px;*/
	/*	background:#F1F2F2;*/
	/*}*/
	.credential-logos {
		padding-right: 1%;
	}
	.footer-div {
		text-align: right;
		width: 45%;
		padding: 30px 100px 10px 10px;
	}
	.ftr-divider-bar {
		margin-top: 40px;
		width: 93%;
		text-align: center;
		border-top: solid thin #FFFFFF;
	}
	.ftr-font-size {
		font-size: 1.2em;
		padding-left: 20px;
	}

	.footer-highlight {
		font-family: "joly-headline", sans-serif;
		font-weight: bold;
		font-style: italic;
		color: #F9BC15;
		font-size: 1.5em;
	}

	.footer-links {
		padding-bottom: 10px;
	}
	.footer-links a {
		color: #F1F2F2;
	}
	.footer-links a:hover {
		color: #F9BC15;
	}


/* ORDER HISTORY PAGE
--------------------------------------------------------------- */
	#orderHistoryDiv {
		margin:10px 0 50px 20px;
		padding:25px;
		background-color:#fff;
		font-size:11px;
		width:800px;
	}
	#orderHistoryOrderline {
		font-size:1em;
	}

/* ORDER DETAIL PAGE
--------------------------------------------------------------- */
	#orderDetailDiv {
		margin:10px 0 50px 20px;
		padding:25px;
		background-color:#fff;
		width:800px;
		font-size:11px;
	}

/* CHECKOUT
--------------------------------------------------------------- */
	#checkoutLoginDivMob {
		display:none;
	}
	#checkoutLoginDiv {
		margin:10px 0 10px -100px;
		padding:10px;
		background-color:#CCC;
		width:800px;
		border:thin solid #333;
		border-radius: 8px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
	}
	#checkoutLoginFillerDiv {
		height:150px;
		width:100%;
	}
	#loginRegister {
		margin:50px 0 10px 0;
		padding:25px;
		box-shadow: 5px 5px 5px #888888;
		width:400px;
		border:thin solid #333;
		border-radius: 8px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
	}
	.registerFormStyle {
		margin:5px 0 0 80px;
		height:40px;
		padding-top: 10px;
		color: #666;

		width:100%;
	}
	.registerFormStyle input {
		float:right;
		margin:0 115px 0 0;
		height:25px;
	}
	.registerFormStyle em {
		margin:2px 0 0 0;
		font-size:.8em;
	}
	.registerFormStyleCheckbox {
		margin:2px 0 0 60px;
		font-size:.8em;
	}
	#btnJoin {
		border-radius:16px;
		width:80%;
		padding:5px 0 5px 0;
		background-color:#fff;
	}
	#loginPageDiv {
		margin:50px 0 50px 0;
		padding:25px;
		box-shadow: 5px 5px 5px #888888;
		width:400px;
		border:thin solid #333;
		border-radius: 8px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
	}
	.loginFormStyle {
		margin:5px 0 0 80px;
		height:40px;
		padding-top: 10px;
		color: #666;

		width:100%;
	}
	.loginFormStyle input {
		float:right;
		margin:0 115px 0 0;
		height:25px;
	}
	.loginFormStyle em {
		margin:2px 0 0 0;
		font-size:.8em;
	}
	#btnLogin {
		border-radius:16px;
		width:80%;
		padding:5px 0 5px 0;
		background-color:#fff;
	}
	#saveCartPageDiv {
		margin:10px 0 50px -100px;
		padding:25px;
		background-color:#CCC;
		width:800px;
		border:thin solid #333;
		border-radius: 8px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
	}

/******* Checkout Process Page ********/
	#checkout {
		margin:50px 0 50px 0;
		padding:25px;
		background-color:#FFF;
		width:800px;
		font-size:1em;
	}
	#checkout h3 {
		margin:30px 0 5px 0;
	}
	.checkoutProcessFormStyle {
		margin:10px 0 0 125px;
	}
	.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;
	}
	#taxExemptDiv {
		width:75%;
		height:auto;
		margin:10px 0 0 125px;
		font-size:.8em;
	}

	#chkBillMeLater {
		position:relative;
		margin:20px 0 0 125px;
	}
	#checkoutBillMeLaterDiscDiv {
		width:75%;
		height:auto;
		margin:10px 0 0 125px;
		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 0;
		padding:25px;
		box-shadow: 5px 5px 5px #888888;
		width:400px;
		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:200px;
		height:25px;
	}
	#btnLookup {
		border-radius:16px;
		width:80%;
		padding:5px 0 5px 0;
		background-color:#fff;
	}
	#resetPassDiv {
		margin:50px 0 50px 0;
		padding:25px;
		box-shadow: 5px 5px 5px #888888;
		width:600px;
		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;
		background-color:#fff;
	}
	#resetPassThankYouDiv {
		margin:50px 0 50px 0;
		padding:25px;
		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:#666666;
		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:#666666;
		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;
	}


/* Privacy, Terms, Shipping, Returns pages
----------------------------------------------------- */
	.servicesHeader {
		font-size:2em;
		font-weight:bold;
		color:#333333;
		padding:20px;
		text-align:left;
	}
	.servicesInfo {
		width:60%;
		font-size:1em;
		font-weight:normal;
		color:#666666;
		padding:10px;
		text-align:left;
	}
	.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;}



/* Contact Form Styles
----------------------------------------------------- */
	#fileUpload {
		margin:20px 0 0 10px;
		text-align:left;
		display:none;
	}

/* Request Quote Form Styles
----------------------------------------------------- */
	#requestQuoteDiv {
		width: 50%;
		padding-bottom: 50px;
		box-shadow: 5px 5px 5px #888888;
		border:thin solid #000;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}


/* Wholesale Account Form Styles
----------------------------------------------------- */
	#wholesaleDiv {
		margin:50px 0 50px 0;
		padding:25px;
		width:60%;
		font-family: skolar, sans-serif;
	}
	#wholesaleDescDiv {
		padding:20px;
	}
	#wholesaleDescDiv  ul {
		margin:0 0 0 300px;
	}
	#wholesaleContactInfoDiv {
		width:80%;
		padding:20px 0 20px 0;
		background-color:#ffffff;
		box-shadow: 5px 5px 5px #888888;
		border:thin solid #000;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}
	.contactProcessFormStyle {
		/*margin:5px 0 0 125px;*/
		height:40px;
		padding-top: 10px;
		color: #666;
	}
	.contactProcessFormStyle input {
		float:right;
		margin:0 115px 0 0;
		height:25px;
	}
	.contactProcessFormStyle select {
		float:right;
		margin:0 115px 0 0;
	}
	.contactDivider {
		float:left;
		padding-bottom: 5px;
	}
	.subHeader {
		margin-left: 100px;
		/*border-bottom:solid thin #999;*/
		width:66%;
		font-weight:bold;
	}
	#wholesaleQuestionnaireDiv {
		width:80%;
		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;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}
	.wholesaleQuestions {
		margin:10px 0 0 125px;
	}
	#wholesaleTermsDiv {
		width:625px;
		margin:20px 0 0 0;
	}
	.indent75 {
		margin:10px 0 10px 75px;
	}
	#chkShipSameAsBill {
		width:20px;
		height:20px;
		margin:0 48% 0 0;
	}
	#chkHaveLogin {
		width:20px;
		height:20px;
		margin:0 72% 0 0;
	}


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


/* ADMIN HOME PAGE
--------------------------------------------------------------- */
	#adminNav {
		display:block;
		margin-top:-5px;
	}
	#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;
		font-size: .8em;
		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:1px 1px;
	}
	#adminHomeImagesDiv img {
		padding:0 1px 10px 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:1250px;
		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:1310px;
		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;
		font-size:.5em;
	}
	#lookUpOrderBtnCountertops {
		padding:5px;
		border-radius:8px;
		background-color:#348e2c;
		color:#FFF;
		font-size:.5em;
	}
	#adminSavedKitchenDesigns {
		margin:10px 0 50px 20px;
		padding:25px;
		background-color:#CCC;
		font-size:.8em;
		width:1310px;
		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:850px;
		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, 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:1200px;
		font-size:12px;
		border:thin solid #333;
		border-radius: 15px;
		-moz-border-radius: 15px;
		-webkit-border-radius: 15px;
	}
	#adminAddDealerDiscountDiv input, select, button {
		font-size:1em;
	}

/* ADMIN TOTAL ORDERS REPORT PAGE
--------------------------------------------------------------- */
	#adminTotalOrdersRptDiv	{
		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;
	}
	#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;
		-moz-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;
	}