@charset "utf-8";
/* # Elkay Cabinetry CSS Document # */
/* ## LKCabinetStorefrontAssetStore ## */
/* lk_common_media.css */
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/* # Media Queries for Responsive Design. # */
/* <!--- ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Modify as content requires.
   ========================================================================== --> */
/* To prevent content from "butting up" to left margin */
@media only screen and (min-width: 1025px) and (max-width : 1250px) {
	.doorImageColumn { padding-left: 14px; }
}
/* # Width 768 - 1024 # */ 
/* ## - Tablet and small screens  ## */
/* Keeping mainly same layout but allowing different menu styles */
@media only screen and (min-width: 768px) and (max-width : 1023px) {
	.showtablet { display: block; }	
	.hidetablet { display: none; }
	
	.filter-group:not(#foo) input[type="checkbox"] + label,  .filter-group:not(#foo) input[type="radio"] + label {
		font-size: 12px;
	}
	.contentwrapper {
		width: 98%;
		margin: 0 auto;
	}
	.oneFourthColumn .materials li {
		float: none;
		margin: 2% auto;
		max-width: 80px;
		min-height: 150px;
		width: 80%;
	}
	#flyout {
		display: none;
	}
	#s7Viewer{
		display: block;
		width:96%;
		height:auto;
		position: relative;
		margin: 0 6% 10px 0;
	}
	#s7viewer div {
		background-color: transparent;
	}
	#s7viewer_container {
		margin: 10px auto;
		background: transparent;
	}
	.s7iconeffect {
		visibility: visible;
	}
	/* Icons dont work on Mobile - So Hide them based on Scene 7 Stylesheet */
	.s7zoomviewer .s7zoominbutton {
		visibility: hidden;
	}
	.s7zoomviewer .s7zoomoutbutton {
		visibility: hidden;
	}
	.s7zoomviewer .s7zoomresetbutton {
		visibility: hidden;
	}
	.prodDetailWrapper {
		display: block;
	}
	.prodDetailImage {
		display: block;
		float: left;
		width: 55%;
		text-align: right;
	}
	.prodDetailDescription {
		display: block;
		float: left;
		width: 45%;
	}
	.prodDetailImage img {
		width: auto;
		height: auto;
		max-height: 400px;
	}
	.prodDetailRight {
		display: table-cell;
		float: left;
		width: 40%;
		margin: 0;
	}
	.full-sized-product-image_container {
		min-height: 360px;
		max-height: 400px;
	}
	.product_image p {
		font-size: 12px;
	}
}

/* # Max-width: 767px # */
/* ## Phones &amp; small tablets ## */
@media only screen and (max-width: 767px) {
	/* Style adjustments for viewports that meet the condition */
	header, footer, .contentwrapper, #supportZone, .logos {
		clear: both;
		margin: 0 auto;
		padding: 0;
		min-width: 300px;
		width: 100%;
	}
	footer { padding: 2%; }
	
	#search .flyout {
		width: 80%;
		right: 10%;
		max-width: 540px;
	}
	.contentRow {
		clear: both;
		margin: 0 0 1%;
		padding: 0;
		position: relative;
		width: 100%;
	}
	/* ### Set columns that would be in a grid to 100% ### */
	/* Layout */
	.fifteen,
	.twenty,
	.twentyfive,
	.thirty,
	.thirtythree,
	.thirtyfive,
	.forty,
	.fortytwo,
	.fortyfive,
	.fifty,
	.fiftyfive,
	.fiftyeight,
	.sixty,
	.sixtyfive,
	.seventy,
	.seventyfive,
	.eighty,
	.eightyfive,
	.oneHalfColumn, 
	.oneThirdColumn,  
	.twoThirdsColumn,  
	.oneFourthColumn,  
	.twoFourthsColumn,
	.threeFourthsColumn,  
	.oneFifthColumn,  
	.twoFifthsColumn,
	.threeFifthsColumn,
	.fourFifthsColumn,  
	.grid3ColumnLayout,
	.prodDetailWrapper,
	.prodDetailImage,
	.prodDetailDescription,
	.doorImageColumn,
	.oneThirdColumn.firstColumn, 
	.grid3ColumnLayout.firstColumn, 
	.oneThirdColumn_content.firstColumn  {
		clear: both;
		float: none;
		display: block;
		width: 100%;
		max-width: 100%;
		min-width: 100%;
		margin: 9px 0;
		padding: 0 3% 12px 3%;
	}
	.showmobile { display: block; }
	.hidemobile { display: none; }	
	.hidetablet { display: none; }
	.product_listing_container {
		clear: both;
		float: none;
		width: 100%;
		max-width: 350px;
		margin: 0 auto;
	}
	.prodDetailImage, .full-sized-product-image_container {
		max-height: 420px;
		min-height: 200px;
	}
	.prodDetailImage img {
		max-height: 420px;
	}
	.prodDetailRight .prodDetailDescription {
		width: 100%;
		float: none;
		clear: both;
	}
	.grid4ColumnLayout, fourFifthsColumn .firstColumn {
		width: 46%;
		margin: 2%;
	}
	.grid4ColumnLayout:nth-child(odd) {
		clear: both;
	}
	#sitemap ul li {
		clear: both;
		line-height: 1;
		padding: 5px 0 0 14px;
		list-style-position: outside;
	}
	#sitemap ul ul {
		margin-left: 15px;
	}
	#sitemap ul ul ul li {
		margin: 7px;
	}
	#sitemapHomeLink {
		margin: 10px;
		display: block;
	}
	.formRow, .formRow.third, .formRow.half {
		width: 96%;
		margin: 10px 2%;
	}
	label, input, textarea, select {
		width: 100%;
		text-align: left;
		float: none;
		padding: 5px 0;
		margin: 0;
	}
	/* # Pagination Controls # */
	.header_bar span {
		float: none;
		min-height: 18px;
		vertical-align: top;
		display: block;
	}
	.header_bar .pipe {
		display: none;
	}
	.page_results_controls select {
		width: 100%;
	}
	.sorting_controls select {
		width: 100%;
	}
	.total_results, .page_results_controls, .sorting_controls, .pager {
		margin: 10px 0;
		text-align: center;
	}
	.total_results span, .page_results_controls span {
		display: inline;
	}
	.page_results_controls span select {
		width: auto;
	}
	.paging_controls {
		width: 100%;
		text-align: right;
		float: none;
		clear: both;
	}
	.pager span {
		display: inline;
	}
	#breadCrumb {
		margin: 0;
		padding: 5px 10px;
		width: 100%;
	}
	#CatalogSearchForm {
		width: 94%;
		margin: 3px 3%;
	}
	#widget_left_nav_toggle {
		display: block;
		width: 100%;
		margin: 9px 0 0;
	}
	
	.materials {
		width: 100%;
		margin: 0px auto; 
		text-align: center;
	}
	.oneFourthColumn .materials li {
		margin: 1% 2%;
		min-width: 90px;
		min-height: 140px;
		width: 15%;
		display: inline-block;
	}
	.oneFourthColumn .materials li:nth-child(odd) {
		clear: none;
	}
	.finishes {
		margin: 0 auto;
	}
	.chipCaption, .chipCaptionClosed {
		bottom: 4px;
		padding-right: 30px;
	}
	.chipCaption {
		min-height: 35px;
		max-width: 95%;
		line-height: 1;
	}
	.focusChipClose {
	    border-width: 0 1px 1px 1px;
	    border-style: solid;
	    border-color: #e5e5e5;
	    right: 5px;
	}
	#s7Viewer{
		width:90%;
		margin: 0 5% 10px 5%;
	}
	/* ## dealer locator ## */
	#map-canvas {
		height: 350px;
		width: 90%;
		margin: 0 auto 20px;
	}
	.addressDetail {
		width: 85%;
		float: left;
		margin-bottom: .8em;
	}
	
	/* ## easy responsive jQuery Plugin classes ## */
	.tab_container {
		margin: 5%;
		width: 90%;
	}
	.how-use {
		float: left;
		width: 300px;
		display: none;
	}
	#tabInfo {
		display: none;
	}
	
	/* order tracker responsive table */
	.orderDetailsTable { padding: 10px; }
	.orderDetailsTable table, 
	.orderDetailsTable thead, 
	.orderDetailsTable tbody, 
	.orderDetailsTable th, 
	.orderDetailsTable td, 
	.orderDetailsTable tr {
		display: block;
	}
	/* Hide table headers (but not display: none;, for accessibility) */
	.orderDetailsTable thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	.orderDetailsTable tr {
		border: 1px solid #ccc;
	}
	.orderDetailsTable td {
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		margin: 0;
		padding-left: 50%;
		max-width: 100%;
	}
	.orderDetailsTable td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 21px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
	}
	/* track order responsive table header labels */
	.orderDetailsTable td:nth-of-type(1):before {
		content: "Line Item #¹";
	}
	.orderDetailsTable td:nth-of-type(2):before {
		content: "Features";
	}
	.orderDetailsTable td:nth-of-type(3):before {
		content: "Item";
	}
	.orderDetailsTable td:nth-of-type(4):before {
		content: "Description";
	}
	.orderDetailsTable td:nth-of-type(5):before {
		content: "Line Qty";
	}
	.orderDetailsTable td:nth-of-type(6):before {
		content: "Modified";
	}
}

/* # Print Specific # */
@media print,  (-o-min-device-pixel-ratio: 5/4),  (-webkit-min-device-pixel-ratio: 1.25),  (min-resolution: 120dpi) {
	/* Style adjustments for high resolution devices */	
    
}