@charset "utf-8";
/* # Elkay Cabinetry CSS Document # */
/* ## LKCabinetStorefrontAssetStore ## */
/* lk_common.css */
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
div:focus, span:focus {
	outline: 0;
}

/*
 * Based on HTML5 Boilerplate
 */  
/* <!--- What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team. -->
 */

/* <!--- #
   Base styles: opinionated defaults
   # --> */
/* # H5BP Base Styles # */

html, button, input, select, textarea {
	color: #555;
	overflow-y: scroll;
}
body {
	-webkit-font-smoothing: antialiased;
}

/* <!---
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design. -->
 */

::-moz-selection {
 background: #b3d4fc;
 text-shadow: none;
}
::selection {
	background: #b3d4fc;
	text-shadow: none;
}
a, a:link {
	color: #475da9;
	text-decoration: none;
	-webkit-transition: color 300ms ease-in-out;
	-moz-transition: color 300ms ease-in-out;
	-ms-transition: color 300ms ease-in-out;
	-o-transition: color 300ms ease-in-out;
	transition: color 300ms ease-in-out 0s;
	-transition: color 300ms ease-in-out;
}
/* <!---
 * A better looking default horizontal rule -->
 */

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}
/* <!---
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440 -->
 */

img {
	vertical-align: middle;
}
/* <!---
 * Remove default fieldset styles. -->
 */
 
audio, canvas, img, video {
	vertical-align: middle;
}
fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}
/* <!---
 * Allow only vertical resizing of textareas. -->
 */
input { overflow: hidden; }
textarea {
	resize: vertical;
}
/* <!--- #
   Chrome Frame prompt
   # -->*/
.chromeframe {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
}
/* # WCS Styles for framework components # */
#progress_bar {
	position: absolute;
	z-index: 9999;
	display: none;
}
#progress_bar_dialog {
	/* For the dialog containing the progress bar element */
	position: absolute;
	z-index: 9999;
	outline: 0;
}
.browsehappy {
	background: none repeat scroll 0 0 #CCCCCC;
	color: #000000;
	margin: 0.2rem 0;
	padding: 2% 0;
}
/*<!--- #
   Author's custom styles
   # -->*/
/* # Elkay Cabinetry Custom Styles # */

/* Maximum with of page set at 1250 pixels */
header, footer, .contentwrapper, #supportZone, .logos {
	clear: both;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	position: relative;
}
.content_fullwidth{
	width: 100%;
	max-width: 100%;
}
.content_1500 {
	width: 100%;
	max-width: 1500px;
	margin: 0 auto;
}
.content_1250 {
	width: 100%;
	max-width: 1250px;
	margin: 0 auto;
}
.content_1024 {
	width: 100%;
	max-width: 1024px;
	margin: 0 auto;
}
footer, .contentwrapper, .contentwrapper_sub, #supportZone, .logos {
	max-width: 1250px;
	margin: 0 auto;
}
.contentwrapper_sub {
	margin-top: 50px;
}

/* ## Content Rows and Blocks ## */
.contentRow {
	clear: both;
	margin: 0 auto 2%;
	padding: 0;
	position: relative;
	width: 100%;
}
.content_box {
    clear: both;
    margin: -5px 0 0;
    padding: 21px 21px 20px;
    width: 100%;
}

/* ## Percentage Widths ## */
.twenty, .twentyfive, .thirty, .thirtythree, .thirtyfive, .forty, .fortytwo, .fortyfive, .fifty, .fiftyfive, .fiftyeight, .sixty, .sixtyfive, .eighty {
	float: left;
}
td.twenty, td.twentyfive, td.thirty, td.thirtythree, td.thirtyfive, td.forty, td.fortytwo, td.fortyfive, td.fifty, td,fiftyfive, td.fiftyeight, td.sixty, td.sixtyfive, td.eighty,
th.twenty, th.twentyfive, th.thirty, th.thirtythree, th.thirtyfive, th.forty, th.fortytwo, th.fortyfive, th.fifty, th.fiftyfive, th.fiftyeight, th.sixty, th.sixtyfive, th.eighty {
	float: none;
}
.fifteen 		{ width:  15%; }
.twenty 		{ width:  20%; }
.twentyfive		{ width:  25%; }
.thirty 		{ width:  30%; }
.thirtythree 	{ width:  33%; }
.thirtyfive 	{ width:  35%; }
.forty 			{ width:  40%; }
.fortyfive 		{ width:  45%; }
.fortytwo 		{ width:  42%; }
.fifty 			{ width:  50%; }
.fiftyfive	 	{ width:  55%; }
.fiftyeight 	{ width:  58%; }
.sixty 			{ width:  60%; }
.sixtyfive 		{ width:  65%; }
.seventy		{ width:  70%; }
.seventyfive 	{ width:  75%; }
.eighty 		{ width:  80%; }
.eightyfive 	{ width:  85%; }
.fullWidth		{ width: 100%; }


/* ### Half Columns ### */
.oneHalfColumn {
	float: left;
	margin-left: 2%;
	padding: 0 0 18px 0;
	width: 49%;
}
/* ### Third Columns ### */
.oneThirdColumn, .grid3ColumnLayout, .oneThirdColumn_content {
	float: left;
	margin: 0 0 0 2%;
	padding: 0 0 18px 0;
	width: 32%;
}
.oneThirdColumn.firstColumn, .grid3ColumnLayout.firstColumn, .oneThirdColumn_content.firstColumn {
	margin: 0;
}
.oneThirdColumn img, .grid3ColumnLayout img, .oneFourthColumn img { 
	width: 100%;
	height: auto;
}
.doorImageColumn {
	float: left;
	margin: 0;
	padding: 0 0 18px 0;
	width: 32%;
}
.doorImageColumn img {
	width: auto;
	height: auto;
}
/* * s7 Zoom Viewer styles - set to be responsive */

#s7Viewer {
	max-height: 650px;
}
#s7ViewerPlaceHolderImg {  
	position: relative; 
	text-align: center; 
	width: 100%; 
}
#s7ViewerPlaceHolderImg img { 
	width: 100%; 
	height: auto;
	z-index: 100; 
}
/* * Loading image (hidden through script after viewer has initialized) */
.loadingImgOverlay { 
	z-index: 200; 
	position: absolute; 
	top: 35%; 
	left: 0px;
	margin: 0;
	width: 100%; 
	text-align: center;
}
#s7ViewerPlaceHolderImg .loadingImgOverlay img  { 
	width: 110px; 
	margin: 0px auto; 
	opacity: 0.7;
    filter: alpha(opacity=70); /* For IE8 and earlier */
}
/* ## overrideImageWidth ## */
/* Sets width to "auto" to override default widths of 100% */
.overrideImageWidth { width: auto !important; }

.grid3ColumnLayout h3, .grid4ColumnLayout h3 {
	height: 45px;
	padding: 0 0 4px 0;
	line-height: 1;
	font-size: 20px;
}
.twoThirdsColumn {
	float: left;
	margin-left: 2%;
	padding: 0 0 18px 0;
	width: 66%
}
.twoThirdsColumn img {
	width: 100%;
}

/* ### Quarter Columns ### */
.oneFourthColumn, .grid4ColumnLayout {
	float: left;
	margin-left: 2.66%;
	padding: 0 0 18px 0;
	width: 23%;
}
.twoFourthsColumn {
	float: left;
	margin-left: 2.66%;
	padding: 0 0 18px 0;
	width: 48.66%;
}
.threeFourthsColumn {
	float: left;
	margin-left: 2.66%;
	padding: 0 0 18px 0;
	width: 74.33%;
}
/* ### Fifth Columns ### */
.oneFifthColumn {
	float: left;
	margin-left: 2%;
	padding: 0 0 18px 6px;
	width: 18%;
}
.twoFifthsColumn {
    float: left;
    margin-left: 2%;
    padding: 0 0 18px;
    width: 39%;
}
.threeFifthsColumn {
    float: left;
    margin-left: 2%;
    padding: 0 0 18px;
    width: 59%;
}
.fourFifthsColumn {
	float: left;
	margin-left: 2%;
	padding: 0 0 18px 0;
	width: 80%;
}
/* ### First column  ### */
/* - removes left margin (needed to fit in grid!) */
.firstColumn {
	clear: left;
	margin-left: 0;
}
/* Example: */
/*
    <div class="contentRow">
    	<div class="oneHalfColumn firstColumn"><p>First oneHalfColumn</p></div>
    	<div class="oneHalfColumn"><p>Second oneHalfColumn</p></div>
    </div>
*/
.spanacce, .store_message, .msgpopup_content_wrapper {
	display: none;
}
/* # Product Detail Display # */
/* Flexible layout allowing for dynamic resizing based on product image size */
/* * Using IE specific css (lk_common_ie.css) for IE specific sizing. */
img.product_detail_image {
	width: 100%;
}
.product_info {
	padding: 5px;
	word-wrap: break-word;
}
.product_name_container, .product_short_desc_container {
	margin-top: 0px;
	padding: 5px;
}
.product_image h3 {
	margin: 9px 0 3px;
}
.product_image img {
	width: 100%;
}

.prodDetailWrapper {
	/*display: table;*/
	width: 100%;
}
.prodDetailImage {
	width:70%;
	float:left;
	padding: 0 0 18px 0;
	text-align: right;
}
.prodDetailImage img {
	height: auto;
	width: auto;
	max-width: 100%;
}
.prodDetailDescription {
	width:30%;
	float:left;
	vertical-align: top;
	padding: 48px 0 9px 18px;
}
.shortDescription {
	font-style: italic;
}
.crossSellsLinksDoors {
	margin: 10px 1%;
	width: 48%;
} 

.crossSellsLinksDoors img {
	width:100%;
}

.imageCentered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}


/* # Slicknav # */
/* ## Slicknav Mobile Menu Core Style ## */
/* See http://slicknav.com/ for documentation */
.slicknav_btn {
	position: relative;
	display: block;
	vertical-align: middle;
	float: right;
	padding: 0.5em 0.625em .5em 0.625em;
	line-height: 1.125em;
	cursor: pointer;
}
.slicknav_menu .slicknav_menutxt {
	display: block;
	float: left;
	font-weight: bold;
	color: #fff;
	text-shadow: 0 1px 3px #000;
}
.slicknav_menu .slicknav_icon {
	float: left;
	margin: 0 0 0 .5em;
}
.slicknav_menu .slicknav_no-text {
	margin: 0
}
.slicknav_menu .slicknav_icon-bar {
	display: block;
	width: 1.125em;
	height: .2em;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
	margin-top: .2em;
}
.slicknav_nav {
	clear: both
}
.slicknav_nav ul, .slicknav_nav li {
	display: block
}
.slicknav_nav .slicknav_arrow {
	margin: 0 0 0 10px;
}
.slicknav_nav .slicknav_item {
	display: block;
	cursor: pointer;
}
.slicknav_nav a {
	display: block
}
.slicknav_nav .slicknav_item a {
	display: inline
}
.slicknav_menu:before, .slicknav_menu:after {
	content: " ";
	display: table;
}
.slicknav_menu:after {
	clear: both
}
/* IE6/7 support */
.slicknav_menu {
*zoom: 1
}
.slicknav_menu {
	display: none;
	font-size: 16px;
	padding: 0;
	margin: 0 5%;
	min-height: 50px;
}
.slicknav_btn {
	margin: 0;
	padding: 7px;
	text-decoration: none;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
/* Button Lines */
.slicknav_menu .slicknav_icon-bar {
	background-color: #fff;
	border: 1px solid #ccc;
	height: 5px;
	width: 22px;
}
.slicknav_nav {
	margin: 55px 1% 20px;
	padding: 0;
}
.slicknav_nav, .slicknav_nav ul {
	list-style: none;
	overflow: hidden;
}
.slicknav_nav ul {
	padding: 0;
	margin: 0 0 0 20px;
}
.slicknav_nav .slicknav_item {
	padding: 10px;
	margin: 2px 0;
	font-size: 18px;
}
.slicknav_nav a {
	padding: 5px 10px;
	margin: 2px 5px;
	text-decoration: none;
	color: #fff;
}
.slicknav_nav .slicknav_item a {
	padding: 0;
	margin: 0;
}
.slicknav_nav .slicknav_item:hover {
	color: #fff;
}
.slicknav_nav a:hover {
	color: #222;
}
.slicknav_nav .slicknav_txtnode {
	margin-left: 15px;
}
/* # Sitemap # */
/* - customize coloring in the esite.css */
#sitemap {
	font-size: 16px;
	padding: 0;
	margin-top: 30px;
}
#sitemap a, #sitemap span {
	text-decoration: none;
}
#sitemap ul ul {
	margin: 0;
	padding: 0;
	font-size: 16px;	
}
#sitemap li {
	font-weight: bold;
	list-style: none;
	padding: 0 0 0 10px;
	border-left: 1px solid #ccc;
	border-bottom: 2px solid #ccc;
}
#sitemap ul li {
	float: left;
	margin: 0 0 0 3%;
	padding: 10px;
	width: 97%;
	/*background: #fcfcfc;*/
	list-style: none;
	font-weight: bold;
}
#sitemap ul ul {
	margin: 0;
}
#sitemap ul ul ul {
	margin: 0 0 0 15px;
	border: 0;
}
#sitemap ul ul li {
	font-weight: normal;
	list-style: disc;
	margin: 0 0 0 5%;
	padding: 10px 0;
	width: auto;
	border: 0;
} /*level 3 */
#sitemap ul ul ul li {
	font-weight: normal;
	list-style: square;
	width: auto;
	margin: 0 0 0 7%;
	padding: 0;
	border: 0;
	float: none;
	font-size: 90%;
} /*level 4 */
#sitemapHomeLink {
	margin: 20px;
	display: block;
}


/* # Global # */
/* ## - Support Zone ## */
#supportZone {
	display: block;
	list-style-type: none;
	text-align: right;
}
#supportZone ul {
	float: right;
	margin: 0;
	padding: 0;
}
#supportZone li {
	display: block;
	float: left;
	margin: 10px 10px 0;
	line-height: 1;
}
#supportZone a {
	text-decoration: none;
}

#widget_search {
	position: relative;
	width: 35%;
	max-width: 350px;
	height: 33px;
	float: right;
	padding: 0;
	margin: 0; 
}
#widget_search input {
	max-width: 350px;
	width: 100%;
	z-index: 21;
	box-shadow: none;
	border-radius: 0;
	padding: 2px 30px 2px 2px;
	max-height: 30px;
	overflow: hidden;
}
#widget_search #s_btn {
	position: absolute;
	top: 0px;
	right: 1px;
	width: 30px;
	height: 30px;
	z-index: 22;
	border: 0;
	margin: 0;
	padding: 3px;
	box-shadow: none;
	background: transparent;
	border-radius: 0;
}
/* ## - BreadCrumb ## */
#breadCrumb {
	float: left;
	width: 65%;
	font-size: 13px;
	padding: 0 9px;
	letter-spacing: 1px;
}
ul.breadcrumb {
	list-style: none;
	margin: 0 0 0 5px;
	padding: 0;
}
ul.breadcrumb li {
	display: inline;
	margin: 0;
	padding: 0;
}
/* ## - Forms ## */
.formRow {
	float: left;
	margin: 0 0 10px 0;
	padding: 4px 9px;
	min-height: 60px;
}
.formRow.third {
	width: 33%;
}
.formRow.half {
	width: 49.5%;
}

.formRow.twothird {
	width: 66%;
}

.formRow.required {
	font-weight: bold;
}
.reasons {
	border-width: 2px 0;
    border-color: #ccc;
    border-style: solid;
    width: 100%;
    padding: 5px 0 0 0;
    overflow: hidden;
}

label {
	padding: 0 10px 0 0;
	margin: 0 3% 0 0;
	width: 100%;
}
input, textarea, select {
	padding: 3px;
	margin: 0;
	width: 100%;
	border: 1px solid #ccc;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	min-height: 30px;
}
input[type="checkbox"], input[type="radio"] {
	width: auto;
	height: auto;
	min-height: 1.2em;
	overflow: hidden;
}
.button, 
input[type="button"], 
input[type="reset"], 
input[type="submit"] {
	overflow: hidden;
}
a.button:link, a.button:visited {
	display: inline-block;
	position: relative;
	padding: 5px 15px;
	margin-top: 5px;
	color: #fff;
	text-decoration: none;
	letter-spacing: 1px;
	font-size: 16px;
	text-transform: uppercase;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.address_block { 
	margin: 20px 0 0;
	padding: 10px 0 20px 0;
	background-color: #f5f5f5;
	background-color: rgba(100,100,100,0.03);
}
.address_block input[type="checkbox"] {
	min-height: 0;
	margin: 0 10px 0 0;
}
select:disabled, input:disabled {
	color: #666;
	background-color: #f5f5f5;
}
#formFields.reasonsDisplay { 
	visibility: hidden; 
	opacity: 0; 
	height: 450px;
	overflow: hidden;
}

#formFields.reasonsDisplay.showFormFields { 
	height: auto;
	visibility: visible !important; 
	opacity: 1 !important;
	-webkit-transition: opacity 300ms ease-in-out;
	-moz-transition: opacity 300ms ease-in-out;
	-ms-transition: opacity 300ms ease-in-out;
	-o-transition: opacity 300ms ease-in-out;
	transition: opacity 300ms ease-in-out 0s;
	-transition: opacity 300ms ease-in-out;
}
.content_contact_reason3 { display: block }

/* ## - Pagination Controls ## */
.header_bar {
	width: 100%;
	float: left;
	margin-bottom: 18px;
	padding-bottom: 9px;
	font-size: 95%;
}
.header_bar span {
	float: left;
	vertical-align: top;
}
.page_results_controls select {
	min-width: 50px;
	min-height: 20px;
	padding: 1px;
}
.sorting_controls select {
	width: 100px;
}
.product_listing_container {
	float: right;
	width: 100%;
}
.paging_controls {
	float: right;
}
/* <!---
.results_pager {
    margin: 20px 0 20px 20px;
    padding: 15px 0;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

.results_pager div { float: left; vertical-align: top; }
.results_pager .pipe { display: block;float: left; margin: 0 7px; width: 1px; height: 18px; background: #e5e5e5;}
.results_pager .pager {float: right; padding: 0; width: 100%;} -->*/

.pager a:link, .pager a:visited, .pager a {
	padding: 2px 7px 3px;
	margin: 0 7px;
	line-height: 1;
	height: auto;
	width: auto;
}
/* Form Checkboxes and Radios - Falls back to normal for IE8 */

div#filter_collection_list, div#category_collection_list {
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid #E5E5E5;
}
ul.selected_attributes li {
	margin-bottom: 3px;
}
ul.selected_attributes li a {
	display: block;
	padding-left: 20px;
}
.clearall p {
	font-size: 14px;
	text-align: center;
	font-weight: 600;
}
/* ## - Filters ## */
#filter {
}
#filter .last {
	margin-bottom: 20px;
}
#filter h3 {
	text-transform: uppercase;
	font-weight: 600;
	font-size: 160px;
	letter-spacing: 2px;
}
#filter li {
	margin-bottom: 0;
}
.filter-group {
	margin-right: 20px;
}
.lt-ie9 .filter-group {
	padding: 8px 0;
}
.lt-ie9 .singleFacet input[type="checkbox"], .lt-ie9 .singleFacet input[type="radio"] {
	left: -30px;
	overflow: hidden;
	width: 1px;
	height: 1px;
	border: 1px solid #fff;
	postition: absolute;
}
.lt-ie9 .filter-group input[type="checkbox"], .lt-ie9 .filter-group input[type="radio"], .lt-ie9 .filter-group label {
	cursor: hand;
}
#widget_left_nav_toggle {
	display: none;
}
.filter-group:hover, .filter_list li:hover, #clear_all_filter:hover {
	background-color: #F6F4F3;
}
.filter-group:not(#foo) {
	position: relative;/* both checkboxes and radios styles */ 
}
.filter-group:not(#foo) input[type="checkbox"], .filter-group:not(#foo) input[type="radio"] {
	position: absolute;
	top: 0;
	left: 0;
	visibility: hidden;
}
.filter-group:not(#foo) input[type="checkbox"] + label, .filter-group:not(#foo) input[type="radio"] + label {
	display: block;
	margin-left: 0;
	padding: 7px 0;
	font-size: 14px;
	cursor: pointer;
}
.filter-group:not(#foo) input[type="checkbox"]:disabled + label, .filter-group:not(#foo) input[type="radio"]:disabled + label {
	color: #ccc;
}
.filter-group:not(#foo) input[type="checkbox"] + label:before, .filter-group:not(#foo) input[type="radio"] + label:before {
	display: inline-block;
	margin: -4px 1px 0 -1px;
	width: 19px;
	height: 19px;
	content: '';
	vertical-align: middle;
}
/* <!--- Override --> */
.singleFacet:not(#foo) input[type="checkbox"] + label:before, .singleFacet:not(#foo) input[type="radio"] + label:before {
	margin: -4px 1px 0 -23px !important;
	background: none no-repeat !important;
}
.filter-group:not(#foo) input[type="checkbox"] + label:before {
	background-position: 0 0;
}
.filter-group:not(#foo) input[type="checkbox"]:checked + label:before {
	background-position: 0 -21px;
}
.filter-group:not(#foo) input[type="checkbox"]:disabled + label:before {
	background-position: -40px 0;
}
.filter-group:not(#foo) input[type="radio"] + label:before {
	background-position: -20px 1px;
}
.filter-group:not(#foo) input[type="radio"]:checked + label:before {
	background-position: -20px -20px;
}
.filter-group:not(#foo) input[type="radio"]:disabled + label:before {
	background-position: -60px -1px;
}
h3.filter_toggler {
	margin-bottom: 10px;
	padding-left: 20px;
	cursor: pointer;
}
/* ## - Search DropDown Box ## */
#SearchBar {
	width: 100%;
	max-width: 1250px;
	margin: 5px auto;
	padding: 0;
}

#search, #cart {
	position: relative;
}
#search ul {
	float: right;
	margin: 0px 4px 4px 0;
	padding: 0;
	list-style: none;
	letter-spacing: 1px;
	font-weight: 600;
	font-size: 10px;
}
#search ul li {
	float: left;
	text-transform: uppercase;
}
#search ul li a {
	display: block;
	padding: 4px;
}
#search .flyout {
	position: absolute;
	top: 35px;
	right: 1%;
	padding: 0;
	width: 33%;
	max-width: 330px;
	height: auto;
	background: #fff;
	z-index: 1000;
	-webkit-box-shadow: 1px 1px 2px 0px #a4a3a3;
	-moz-box-shadow: 1px 1px 2px 0px #a4a3a3;
	box-shadow: 1px 1px 2px 0px #a4a3a3;
}
#search .flyout .heading {
	margin-bottom: 10px;
	padding: 12px 0 12px 20px;
	background: #e4deda;
	color: #4c3327;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 600;
	font-size: 18px;
}
#search .flyout ul {
	float: none;
	margin-bottom: 10px;
	padding-left: 20px;
	background: #fff;
	font-size: 16px;
}
#search .flyout ul li {
	float: none;
	margin-bottom: 2px;
	text-transform: none;
}
#search .flyout ul li a {
	padding: 0;
}
#search .flyout ul.view_all {
	margin-bottom: 0;
	padding: 0 0 0 20px;
	border-top: 1px solid #EDEDED;
}
#search .flyout ul.view_all li a {
	display: block;
	padding: 10px 0;
}
ul[title='Categories'] li a {
	text-transform: uppercase;
}
/* ## - Product Social Share ## */

#social_share_container {
	max-width: 320px;
	float: right;
	overflow: hidden;
}
#social_share { 
	width: auto;
	white-space: nowrap;
}
.social_share_item {
	display: inline-block;
	text-align: left;
	overflow: hidden !important;
	height: 26px;
	margin: 0;
	line-height: 0 !important;
}
.social_share_item iframe {
	padding: 0;
	margin: 0;
	line-height: 0 !important;
}
#share_email {
	padding: 7px 6px 0 6px;
}
#share_email, #share_pinterest {
	font-size: 35px; /* this font-size makes no sense but is needed for spacing on safari iPad retina */
}
#share_facebook {
	padding: 5px 6px 0 0;
}
#share_facebook div {
	margin: 0 !important;
	padding: 0 !important;
}
#share_twitter {
	padding: 5px 5px 0 0;
}
#share_pinterest, #share_houzz {
	padding: 5px 4px 0 0;
}
#share_pinterest a, .social_share_item #share_pinterest img {
	padding: 0 !important;
	margin: 0 !important;
	height: 20px;
	width: 40px;
	line-height: 0 !important;
}
#social_share_container td {
	vertical-align: top;
}
a.twitter-share-button { 
	position: relative;
	background-image: url();
	background-repeat: no-repeat;
	cursor: pointer;
	height: 20px;
	width: 56px;
	display: block;
	margin: 0;
	padding: 0;
	line-height: 0;
	border: 0;
}
a.twitter-share-button:hover, a.twitter-share-button:active {
	background-image:  url();
}

/*<!--- Firefox Hacks -->*/
@-moz-document url-prefix() { 	
	#share_facebook  div {
		margin-top: -2px;
	}
}
.standard_form span.field_error, .error_msg_container {
	color: #f00000;
	font-weight: 600;
	font-style: italic;
}

#cabinetSiteErrorDisplay{
	margin: 25px 0;
}

/* <!--- Product image - to be moved to product page section --> */
.productImage {
	/*marker class only */
}
.productImage + p {
	margin-top: 1em;
}
.full-sized-product-image_container {
	min-height: 520px;
	max-height: 620px;
}
.full-sized-product-image {
	width: 100%;
	height: 100%;
}
.related_products_container {
	margin: 10px auto;
	max-width: 400px;
}
.fullMaxWidth {
	max-width: 100%;
}
.related_img_container {
	margin: 0px 2% 10px 2%;
	max-width: 180px;
	min-width: 100px;
	width: 46%;
	text-align: center;
	min-height: 113px;
}
.related_img_container img {
	max-width: 100%;
	border: 1px solid #E4DEDA;
	padding: 1%;
	margin: 0 auto;
}
#shareProductLoading #productMessageArea {
	padding: 15px 0px 0px 10px;
	white-space: nowrap;
}
#shareProductLoading #productLoadingImage {
	padding: 18px 0px 10px 73px;
}

/* # Dealer Locator # */

#map-canvas {
	width: 100%; 
	height: 475px; 
	border: 1px solid #000; 
	margin-bottom: 20px
}
/* <!--- Do not remove IE Google Maps Fix --> */
#map-canvas img, .gmnoprint img { max-width: none; }
.gmnoprint div[title^="Pan"] { opacity: 0 !important; }

/* # Store / Dealer Locator # */
.address { 
	width: 100%;
	margin: 5px 0; 
	padding: 10px 0;
	clear: both;
}
.addressIndex { 
	float: left;
	min-width: 30px; 
	width: 10%;
	text-align: right;
}
.addressDetailContainer {
	width: 90%;
	float: left;
}
.addressDetail { 
	width: 35%;
	float: left; 
	margin-left: 10px; 
}
.addressDetail:first-child {
	width: 55%;
}
.addressDetail p {
	margin: 0 0 6px;
}
.addressDetail a {
	font-weight: bold;
}
.icon_label {
    color: #fff;
    font-weight: bold;
}
.markerinfo {
	font-size: 90%;
}

/* # Helper classes # */
.showtablet { display: none; }
.showmobile { display: none; }

/*
 * Image replacement
 */

.ir {
	background-color: transparent;
	border: 0;
	overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}
.ir:before {
	content: "";
	display: block;
	width: 0;
	height: 150%;
}
.nodisplay {
	display: none;
}
/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
	display: none !important;
	visibility: hidden;
}
/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}
/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
	visibility: hidden;
}
/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before, .clearfix:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}
.clearfix:after {
	clear: both;
}
/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
 *zoom: 1;
	clear: both;
}

.no-border
{
	border: none;
}

.nofloat
{
	float: none;
}
.left {
	float: left;
}
.right {
	float: right;
}
.text-align-left {
	text-align: left;
}
.text-align-center {
	text-align: center;
}
.text-align-right {
	text-align: right;
}
.autowidth {
	width: auto;
}
ul.inline li {
	display: inline-block;
}
.uppercase {
	text-transform: uppercase;
}
.lowercase {
	text-transform: lowercase;
}
.capitalize
{
	text-transform: capitalize;
}
.text_align_center {
	text-align: center;
}
.text_align_right {
	text-align: right;
}
.no-padding {
	padding: 0px;
}

/* # MORE Elkay Custom Classes # */

/* # Category Group Pages # */ 
/* <!--- TODO Move up above helper classes. --> */
.product.grid3ColumnLayout, product_image
 { 
	display: table;
}
.product.grid3ColumnLayout h3,
.product.grid4ColumnLayout h3,
.product_image h3 { 
	display: table-cell;
	vertical-align: middle;
}

/* # Materials and Finishes # */
/* Shared by Door Detail and Finish Gallery */
#material_info {
	margin-bottom: 20px;
}
#material {
	font-weight: bold;
	font-size: 110%;
}
.materials {
	margin: 0 0 1% 0;
	padding: 0;
	list-style: none;
}
.materials li {
	float: left;
	margin: 1% 1% 0 0;
	min-width: 72px;
	min-height: 140px;
	width: 11%;
}
.material_chip {
	width: 100%;
}
.material_chip.active {
	border-width: 1px;
	border-style: solid;
	border-color: #666;
}
.material_chip:hover
{
	cursor: pointer;
}
.material_chip.active + span {
	font-weight: bold;
	font-size: 110%;
	color: #4C3327;
}
.materials span {
	display: block;
	text-align: center;
}
#material_selected h3 {
	font-weight: 400
}
.finishesWrapper {
	padding-top: 5px;
	margin: 0 auto;
}
.finishes {
	clear: both;
	margin: 0 auto;
}
.finishType {
	clear: both;
	margin: 20px 0 0 0;
	padding: 2px 0;
	width: 100%;
}
.materialType {
	clear: both;
	margin: 50px 0 0 0;
	padding: 2px 0;
	width: 100%;
}
.finish, .finishNoImage {
	width: 80px;
	position: relative;
	float: left;
	overflow: hidden;
	margin: 0;
	border-color: #fff;
	border-width: 0 1px 2px 1px;
	border-style: solid;
}
.finish {
	cursor: pointer;
}
.finishNoImage {
	cursor: not-allowed;
}
.threeFourthsColumn .finish, .threeFourthsColumn .finishNoImage {
	width: 130px;
	height: 85px;
}
.finish.active {
	border-bottom: 0;
	overflow: hidden;
}
.focusChip {
	clear: left;
	background-size: cover;
	-ms-behavior: url('/wcsstore/LKCabinetStorefrontAssetStore/css/backgroundsize.min.htc');
	height: 190px;
	margin: 0 0 2px 0;
	padding: 0;
	overflow: hidden;
	position: relative;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-top: 0;
}
.focusChipClose {
	position: absolute;
	top: 0px;
	right: 10px;
	z-index: 77;
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	padding: 5px;
	width: 45px;
	height: 45px;
	cursor: pointer;
}
.focusChip img {
	z-index: 55;
	width: 100%;
	height: auto;
	position: absolute;
	top: -2px;
	left: 0px;
}
.chipCaption, .chipCaptionClosed {
	z-index: 66;
	position: absolute;
	bottom: 7px;
	margin: 0;
	padding: 1% 35px 1% 1%;
	color: #fff;
	left: 0px;
	cursor: pointer;
}
.chipCaption {
	min-height: 35px;
	max-width: 80%;
	height: auto;
}
.chipCaptionClosed {
	width: 45px;
	height: 45px;
	font-size: 1px;
	color: transparent;
}
.chipCaption strong {
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
}
/* ## Finish Gallery Page Modifications ## */
/* * Note: MUST be kept after generic finishes styles */
.finishPageChips {
	float: left;
	width: 74%;
	min-width: 300px;
	margin-left: 2%;
	padding: 0;
}
.twoThirdsColumn .finish {
	width: 80px;
	height: 50px
}
.finishPageChips .finish {
	width: 130px;
	height: 81px;
}
.finishPageChips .focusChip {
	clear: left;
	height: 230px;
}
.oneFourthColumn .materials {
	margin: 0;
	padding: 0;
	list-style: none;
}
.oneFourthColumn .materials li {
	float: left;
	margin: 1% 3%;
	min-width: 85px;
	min-height: 168px;
	line-height: 1;
	width: 44%;
}
.oneFourthColumn .materials li:nth-child(odd) {
	clear: left;
}
.oneFourthColumn .materials img {
	margin-bottom: 5px;
}

/* <!--- move to filters area in stylesheet --> */
.filterColumn {
	width: 23%;
	min-width: 150px;
	float: left;
	padding: 0 1%;
}
.subcategory_container {
	margin-bottom: 18px;
}
.subcategory_description {
	min-height: 100px;
}
.product_thumb_description {
	/*min-height: 65px;*/
}

/* #  flyout and zoom viewer CSS # */
.ieviewer {
	display: none;
}

/*Zoom Viewer*/
/*
.s7zoomviewer .s7container {
	width: 230px;
	height: 300px;
	background-color: #fff;
}
.s7zoomviewer .s7fullscreenbutton {
	visibility: hidden;
}
.s7iconeffect {
	visibility: hidden;
}
.s7flyoutzoomview, .s7flyoutzoom {
	border: 0 !important;
}
*/

/* # Secondary Navigation for product listing # */

.secondary_nav {
	margin-bottom: 15px;
	padding: 15px;
}
.secondary_nav ul {
	font-size: 16px;
    list-style: none outside none;
	margin: 0;
	padding: 0;
}
.secondary_nav ul li {
	margin: 0;
	padding: 0;
}
.secondary_nav ul li a, .secondary_nav ul li span {
	display: block;
	padding: 7px 3px;
}
.secondary_nav ul li a:hover {
	color: #B28433;
	background-color: #F6F4F3;
}
 .secondary_nav ul li a.active {
 	color: #B28433;
 }
/*
.secondary_nav ul li ul a {
	padding-left: 10px;
}*/

/* # Cross Sells # */
.crossSells {
	min-height: 440px;
    float: left;
    margin-left: 2%;
    padding: 0 0 18px;
}

.crosssellsText {
    clear: left;
    margin-left: 2%;
    padding: 0 0 18px;
}

.crosssellsTextLink {
	float: left;
    clear: left;
    margin-left: 2%;
    padding: 0 0 18px;
}

/* # JSSOR Slider/Carousel # */
/* jssor slider bullet navigator skin 21 css */
/*
.jssorb21 div           (normal)
.jssorb21 div:hover     (normal mouseover)
.jssorb21 .av           (active)
.jssorb21 .av:hover     (active mouseover)
.jssorb21 .dn           (mousedown)
*/
.jssorb21 div, .jssorb21 div:hover, .jssorb21 .av
{
    background: url(../images/a21.png) no-repeat;
    overflow:hidden;
    cursor: pointer;
}
.jssorb21 div { background-position: -5px -5px; }
.jssorb21 div:hover, .jssorb21 .av:hover { background-position: -35px -5px; }
.jssorb21 .av { background-position: -65px -5px; }
.jssorb21 .dn, .jssorb21 .dn:hover { background-position: -95px -5px; }

/* jssor slider arrow navigator skin 21 css */
/*
.jssora21l              (normal)
.jssora21r              (normal)
.jssora21l:hover        (normal mouseover)
.jssora21r:hover        (normal mouseover)
.jssora21ldn            (mousedown)
.jssora21rdn            (mousedown)
*/
.jssora21l, .jssora21r, .jssora21ldn, .jssora21rdn
{
	position: absolute;
	cursor: pointer;
	display: block;
    background: url(../images/a21.png) center center no-repeat;
    overflow: hidden;
}
.jssora21l { background-position: -3px -33px; }
.jssora21r { background-position: -63px -33px; }
.jssora21l:hover { background-position: -123px -33px; }
.jssora21r:hover { background-position: -183px -33px; }
.jssora21ldn { background-position: -243px -33px; }
.jssora21rdn { background-position: -303px -33px; }

.sliderwrapper {width: 100%; align-content:center;}        

.slider_content {
   position: absolute;  
   background: rgba(63, 46, 31, .7); 
   height: 100%; width: 29%; left: 670px; padding: 4%;
   padding-left: 6%; 
   text-align: left;  
   color: #FFFFFF;	
}
.slider { align-content:center;}

.fullWidthColumn {
	clear: both;
	margin: 0;
	padding: 0 2%;
	width: 100%;
}

/* <!---
 * Responsive Youtube Video -->
 */
 .video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.video-container iframe, .video-container object, .video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
 
.oneThirdColumn_content iframe, youTubeResp iframe,
.oneThirdColumn_content object, youTubeResp object,
.oneThirdColumn_content embed, youTubeResp embed {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.align_left {
	text-align:left;
}
.alight_center {
	text-align:center;
}
.align_right {
	text-align:right;
}

table#order_details th {
	padding: 10px 0;
}

/* track order responsive table */
.orderDetailsTable table {
	width: 100%;
	border-collapse: collapse;
}
/* Zebra striping */
.orderDetailsTable tr:nth-of-type(odd) {
	background: #ddd;
}
.orderDetailsTable th {
	background: #000;
	color: white;
	font-weight: bold;
}
.orderDetailsTable td, .orderDetailsTable th {
	padding: 20px 10px;
	border: 1px solid #e8e8e8;
	text-align: center;
	max-width: 124px;
}
.orderDetailsTable td {
	text-transform: uppercase;
	color: #000;
}
/* remove outline on search tabs */
.ui-tabs .ui-tabs-nav li a {
	outline: none;
}
.product_listing_container .product_image a {
	outline: none;
}


/* # Even Margins # */
.margin0	{ margin: 	0;   }
.margin5	{ margin:   5px; }
.margin10	{ margin:  10px; }
.margin15	{ margin:  15px; }
.margin20	{ margin:  20px; }
.margin25	{ margin:  25px; }
.margin30	{ margin:  30px; }
.margin35	{ margin:  35px; }
.margin40	{ margin:  40px; }
.margin45	{ margin:  45px; }
.margin50	{ margin:  50px; }

/* # Top Margins # */
.tMargin0   { margin-top:	  0;   }
.tMargin5	{ margin-top:	  5px; }
.tMargin10	{ margin-top:	 10px; }
.tMargin15	{ margin-top:	 15px; }
.tMargin20	{ margin-top:	 20px; }
.tMargin25	{ margin-top:	 25px; }
.tMargin30	{ margin-top:	 30px; }
.tMargin35	{ margin-top:	 35px; }
.tMargin40	{ margin-top:	 40px; }
.tMargin45	{ margin-top:	 45px; }
.tMargin50	{ margin-top:	 50px; }

/* # right Margins # */
.rMargin0   { margin-right:	  0;    }
.rMargin5	{ margin-right:	  5px; }
.rMargin10	{ margin-right:	 10px; }
.rMargin15	{ margin-right:	 15px; }
.rMargin20	{ margin-right:	 20px; }
.rMargin25	{ margin-right:	 25px; }
.rMargin30	{ margin-right:	 30px; }
.rMargin35	{ margin-right:	 35px; }
.rMargin40	{ margin-right:	 40px; }
.rMargin45	{ margin-right:	 45px; }
.rMargin50	{ margin-right:	 50px; }

/* # Bottom Margins # */
.bMargin0   { margin-bottom:  0;   }
.bMargin5	{ margin-bottom:  5px; }
.bMargin10	{ margin-bottom: 10px; }
.bMargin15	{ margin-bottom: 15px; }
.bMargin20	{ margin-bottom: 20px; }
.bMargin25	{ margin-bottom: 25px; }
.bMargin30	{ margin-bottom: 30px; }
.bMargin35	{ margin-bottom: 35px; }
.bMargin40	{ margin-bottom: 40px; }
.bMargin45	{ margin-bottom: 45px; }
.bMargin50	{ margin-bottom: 50px; }

/* # Left Margins # */
.lMargin0   { margin-left:	  0;   }
.lMargin5	{ margin-left:	  5px; }
.lMargin10	{ margin-left:	 10px; }
.lMargin15	{ margin-left:	 15px; }
.lMargin20	{ margin-left:	 20px; }
.lMargin25	{ margin-left:	 25px; }
.lMargin30	{ margin-left:	 30px; }
.lMargin35	{ margin-left:	 35px; }
.lMargin40	{ margin-left:	 40px; }
.lMargin45	{ margin-left:	 45px; }
.lMargin50	{ margin-left:	 50px; }

/* # Even Padding # */
.padding0	{ padding:   0; }
.padding5	{ padding:   5px; }
.padding10	{ padding:  10px; }
.padding15	{ padding:  15px; }
.padding20	{ padding:  20px; }
.padding25	{ padding:  25px; }
.padding30	{ padding:  30px; }
.padding35	{ padding:  35px; }
.padding40	{ padding:  40px; }
.padding45	{ padding:  45px; }
.padding50	{ padding:  50px; }

/* # Top Padding # */
.tPadding0		{ padding-top:	  0;   }
.tPadding5		{ padding-top:	  5px; }
.tPadding10 	{ padding-top:	 10px; }
.tPadding15	    { padding-top:	 15px; }
.tPadding20	    { padding-top:	 20px; }
.tPadding25	    { padding-top:	 25px; }
.tPadding30	    { padding-top:	 30px; }
.tPadding35	    { padding-top:	 35px; }
.tPadding40	    { padding-top:	 40px; }
.tPadding45	    { padding-top:	 45px; }
.tPadding50	    { padding-top:	 50px; }

/* # right Padding # */
.rPadding0		{ padding-right:  0;   }
.rPadding5		{ padding-right:  5px; }
.rPadding10		{ padding-right: 10px; }
.rPadding15		{ padding-right: 15px; }
.rPadding20		{ padding-right: 20px; }
.rPadding25		{ padding-right: 25px; }
.rPadding30		{ padding-right: 30px; }
.rPadding35		{ padding-right: 35px; }
.rPadding40		{ padding-right: 40px; }
.rPadding45		{ padding-right: 45px; }
.rPadding50		{ padding-right: 50px; }

/* # Bottom Padding # */
.bPadding0		{ padding-bottom:  0;   }
.bPadding5		{ padding-bottom:  5px; }
.bPadding10		{ padding-bottom: 10px; }
.bPadding15		{ padding-bottom: 15px; }
.bPadding20		{ padding-bottom: 20px; }
.bPadding25		{ padding-bottom: 25px; }
.bPadding30		{ padding-bottom: 30px; }
.bPadding35		{ padding-bottom: 35px; }
.bPadding40		{ padding-bottom: 40px; }
.bPadding45		{ padding-bottom: 45px; }
.bPadding50		{ padding-bottom: 50px; }

/* # Left Padding # */
.lPadding0  	{ padding-left:	  0;   }
.lPadding5		{ padding-left:	  5px; }
.lPadding10		{ padding-left:	 10px; }
.lPadding15		{ padding-left:	 15px; }
.lPadding20		{ padding-left:	 20px; }
.lPadding25		{ padding-left:	 25px; }
.lPadding30		{ padding-left:	 30px; }
.lPadding35		{ padding-left:	 35px; }
.lPadding40		{ padding-left:	 40px; }
.lPadding45		{ padding-left:	 45px; }
.lPadding50		{ padding-left:	 50px; }