@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 49%;
    display: block;
    width: 32px;
    height: 38px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
/* removed focus below */
.slick-prev:hover:before,
.slick-next:hover:before
{
    opacity: 1;
    background: #0C588E;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-size: 40px;
    font-weight: 600;
    line-height: 0.55;
    color: #FFFFFF;
    width: 32px;
    height: 38px;
    opacity: 1;
    border: 1px solid #000000;
    background: #0f75bd;
    border-radius: 5px;
    padding: 3px 3px 3px 3px;
    text-align: center;
    vertical-align: text-top;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: background 0.2s ease 0s;
    -moz-transition: background 0.2s ease 0s;
    -webkit-transition: background 0.2s ease 0s;
    -o-transition: background 0.2s ease 0s;
}

.slick-prev
{
    left: 10px;
    z-index: 9;
}
[dir=rtl] .slick-prev
{
    right: 10px;
    left: auto;
}
.slick-prev:before
{
    content: '<';
}
[dir=rtl] .slick-prev:before
{
    content: '>';
}
@media only screen and (max-width: 479px) {
	.slick-prev:before
	{
    	content: '<';
    	padding: 3px 3px 3px 3px;
    	width: 30px;
    	height: 33px;
	}
	[dir=rtl] .slick-prev:before
	{
    	content: '>';
    	padding: 3px 3px 3px 3px;
    	width: 30px;
    	height: 33px;
	}
}
.slick-next
{
    right: 10px;
    z-index: 9;
}
[dir=rtl] .slick-next
{
    right: auto;
    left: 10px;
}
.slick-next:before
{
    content: '>'; /*→*/
}
[dir=rtl] .slick-next:before
{
    content: '<'; /*←*/
}
@media only screen and (max-width: 479px) {
	.slick-next:before
	{
    	content: '>';
    	padding: 3px 3px 3px 3px;
    	width: 30px;
    	height: 33px;
	}
	[dir=rtl] .slick-next:before
	{
    	content: '<';
    	padding: 3px 3px 3px 3px;
    	width: 30px;
    	height: 33px;
	}
}
/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: -5px;
}

.slick-dots
{
    position: absolute;
    bottom: -35px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.slick-dots li
{
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
    font-size: 50px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '\2022';
    text-align: center;
    opacity: .25;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

.frontpage-photodescription {
	display: block;
	max-width: 100%;
	overflow: hidden;
	position: absolute;
	top: 530px;
	background:rgb(255,255,255);
	background:rgba(255,255,255, 0.8);
	padding-left: 20px;
	margin-left: 0px;
	padding-right: 20px;
	border-radius: 0px 5px 5px 0px;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translate3d(0,0,0);
}
.frontpage-photocredit {
	display: block;
	max-width: 100%;
	overflow: hidden;
	position: absolute;
	top: 560px;
	background:rgb(255,255,255);
	background:rgba(255,255,255, 0.8);
	padding-left: 20px;
	margin-left: 0px;
	padding-right: 20px;
	border-radius: 0px 5px 5px 0px;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translate3d(0,0,0);
}
.frontpage-alcoveshowersets-heritage {
	display: block;
	max-width: 100%;
	overflow: hidden;
	position: absolute;
	top: 72px;
	background:rgb(255,255,255);
	background:rgba(255,255,255, 0.8);
	padding-left: 20px;
	margin-left: 424px;
	padding-right: 20px;
	border-radius: 0px 5px 5px 0px;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translate3d(0,0,0);
}
.frontpage-alcoveshowersets-roulette {
	display: block;
	max-width: 100%;
	overflow: hidden;
	position: absolute;
	top: 273px;
	background:rgb(255,255,255);
	background:rgba(255,255,255, 0.8);
	padding-left: 20px;
	margin-left: 424px;
	padding-right: 20px;
	border-radius: 0px 5px 5px 0px;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translate3d(0,0,0);
}
.frontpage-alcoveshowersets-roulettelever {
	display: block;
	max-width: 100%;
	overflow: hidden;
	position: absolute;
	top: 478px;
	background:rgb(255,255,255);
	background:rgba(255,255,255, 0.8);
	padding-left: 20px;
	margin-left: 424px;
	padding-right: 20px;
	border-radius: 0px 5px 5px 0px;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translate3d(0,0,0);
}
@media only screen and (max-width: 479px) {
	.frontpage-photodescription {
		opacity: 0;
		top: 186px;
		font-size: 10px;
		padding-left: 5px;
		padding-right: 5px;
		transition: opacity 0.6s ease 0s;
	    -moz-transition: opacity 0.6s ease 0s;
	    -webkit-transition: opacity 0.6s ease 0s;
	    -o-transition: opacity 0.6s ease 0s;
	}
	.frontpage-photocredit {
		opacity: 0;
		top: 206px;
		font-size: 10px;
		padding-left: 5px;
		padding-right: 5px;
		max-width: 261px;
		text-align: left;
		transition: opacity 0.6s ease 0s;
	    -moz-transition: opacity 0.6s ease 0s;
	    -webkit-transition: opacity 0.6s ease 0s;
	    -o-transition: opacity 0.6s ease 0s;
	}
	.frontpage-alcoveshowersets-heritage {
		opacity: 0;
		font-size: 10px;
		padding-left: 5px;
		padding-right: 5px;
		margin-left: 143px;
		top: 15px;
		transition: opacity 0.6s ease 0s;
	    -moz-transition: opacity 0.6s ease 0s;
	    -webkit-transition: opacity 0.6s ease 0s;
	    -o-transition: opacity 0.6s ease 0s;
	}
	.frontpage-alcoveshowersets-roulette {
		opacity: 0;
		font-size: 10px;
		padding-left: 5px;
		padding-right: 5px;
		margin-left: 143px;
		top: 83px;
		transition: opacity 0.6s ease 0s;
	    -moz-transition: opacity 0.6s ease 0s;
	    -webkit-transition: opacity 0.6s ease 0s;
	    -o-transition: opacity 0.6s ease 0s;
	}
	.frontpage-alcoveshowersets-roulettelever {
		opacity: 0;
		font-size: 10px;
		padding-left: 5px;
		padding-right: 5px;
		margin-left: 143px;
		top: 152px;
		transition: opacity 0.6s ease 0s;
	    -moz-transition: opacity 0.6s ease 0s;
	    -webkit-transition: opacity 0.6s ease 0s;
	    -o-transition: opacity 0.6s ease 0s;
	}
	.slick-current .frontpage-photodescription, .slick-current .frontpage-photocredit, .slick-current .frontpage-alcoveshowersets-heritage, .slick-current .frontpage-alcoveshowersets-roulette, .slick-current .frontpage-alcoveshowersets-roulettelever {
		opacity: 1;
	}
}
@media only screen and (max-width: 320px) {
	.frontpage-photodescription {
		opacity: 0;
		top: 186px;
		font-size: 10px;
		padding-left: 5px;
		padding-right: 5px;
		max-width: 301px;
		text-align: left;
		transition: opacity 0.6s ease 0s;
	    -moz-transition: opacity 0.6s ease 0s;
	    -webkit-transition: opacity 0.6s ease 0s;
	    -o-transition: opacity 0.6s ease 0s;
	}
	.frontpage-photocredit {
		opacity: 0;
		top: 206px;
		font-size: 10px;
		padding-left: 5px;
		padding-right: 5px;
		max-width: 230px;
		text-align: left;
		transition: opacity 0.6s ease 0s;
	    -moz-transition: opacity 0.6s ease 0s;
	    -webkit-transition: opacity 0.6s ease 0s;
	    -o-transition: opacity 0.6s ease 0s;
	}
	.frontpage-alcoveshowersets-heritage {
		opacity: 0;
		font-size: 10px;
		padding-left: 5px;
		padding-right: 5px;
		margin-left: 120px;
		top: 8px;
		transition: opacity 0.6s ease 0s;
	    -moz-transition: opacity 0.6s ease 0s;
	    -webkit-transition: opacity 0.6s ease 0s;
	    -o-transition: opacity 0.6s ease 0s;
	}
	.frontpage-alcoveshowersets-roulette {
		opacity: 0;
		font-size: 10px;
		padding-left: 5px;
		padding-right: 5px;
		margin-left: 120px;
		top: 65px;
		transition: opacity 0.6s ease 0s;
	    -moz-transition: opacity 0.6s ease 0s;
	    -webkit-transition: opacity 0.6s ease 0s;
	    -o-transition: opacity 0.6s ease 0s;
	}
	.frontpage-alcoveshowersets-roulettelever {
		opacity: 0;
		font-size: 10px;
		padding-left: 5px;
		padding-right: 5px;
		margin-left: 120px;
		top: 123px;
		transition: opacity 0.6s ease 0s;
	    -moz-transition: opacity 0.6s ease 0s;
	    -webkit-transition: opacity 0.6s ease 0s;
	    -o-transition: opacity 0.6s ease 0s;
	}
	.slick-current .frontpage-photodescription, .slick-current .frontpage-photocredit, .slick-current .frontpage-alcoveshowersets-heritage, .slick-current .frontpage-alcoveshowersets-roulette, .slick-current .frontpage-alcoveshowersets-roulettelever {
		opacity: 1;
	}
}
.frontpage-productlink {
	display: none;
	opacity: 0;
	transition: opacity 0.4s ease 0s, border 0.4s ease 0s;
    -moz-transition: opacity 0.4s ease 0s, border 0.4s ease 0s;
    -webkit-transition: opacity 0.4s ease 0s, border 0.4s ease 0s;
    -o-transition: opacity 0.4s ease 0s, border 0.4s ease 0s;
}
.slick-current .frontpage-productlink {
	display: block;
	overflow: hidden;
	position: absolute;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #ffffff;
	border: 2px solid #ffffff;
	border-radius: 5px;
	opacity: 0;
	transition: opacity 0.4s ease 0s, border 0.4s ease 0s;
    -moz-transition: opacity 0.4s ease 0s, border 0.4s ease 0s;
    -webkit-transition: opacity 0.4s ease 0s, border 0.4s ease 0s;
    -o-transition: opacity 0.4s ease 0s, border 0.4s ease 0s;
    background:rgb(0,0,0);
	background:rgba(0,0,0,0.85);
	font-weight: 600;
}
.homepagefilterblock {
		margin-left:23px !important;
		width:1155px !important;
}
.homepagefilterblockbr {
		display: none;
}
@media only screen and (max-width: 479px) {
	.homepagefilterblock {
		display: none !important;
	}
	.homepagefilterblockbr {
		display: inline;
	}
}
@media only screen and (max-width: 479px) {
	.slick-current .frontpage-productlink {
		padding-top: 15px;
		padding-bottom: 15px;
		pointer-events: none;
		display: none;
	}
}
.slick-current #slide1-rl3618rb {
	top: 394px;
	margin-left: 552px;
}
@media only screen and (max-width: 479px) {
	.slick-current #slide1-rl3618rb {
		top: 190px;
		margin-left: 200px;
	}
	.slick-current #slide1-rl3618rb .frontpage-productlink-gototext, .slick-current #slide1-rl3618rb br {
		display: none;
	}
}
.slick-current #slide1-rl9599rb {
	top: 300px;
	margin-left: 696px
}
@media only screen and (max-width: 479px) {
	.slick-current #slide1-rl9599rb {
		top: 150px;
		margin-left: 345px;
	}
	.slick-current #slide1-rl9599rb .frontpage-productlink-gototext, .slick-current #slide1-rl9599rb br {
		display: none;
	}
}
.slick-current #slide2-cb7500-rl {
	top: 342px;
	margin-left: 660px;
}
@media only screen and (max-width: 479px) {
	.slick-current #slide2-cb7500-rl {
		top: 151px;
		margin-left: 165px;
	}
	.slick-current #slide2-cb7500-rl .frontpage-productlink-gototext, .slick-current #slide2-cb7500-rl br {
		display: none;
	}
}
.slick-current #slide3-cb7000-rl {
	top: 391px;
	margin-left: 629px;
}
@media only screen and (max-width: 479px) {
	.slick-current #slide3-cb7000-rl {
		top: 170px;
		margin-left: 170px;
	}
	.slick-current #slide3-cb7000-rl .frontpage-productlink-gototext, .slick-current #slide3-cb7000-rl br {
		display: none;
	}
}
.slick-current #slide4-ba1520ab {
	top: 278px;
	margin-left: 337px;
}
@media only screen and (max-width: 479px) {
	.slick-current #slide4-ba1520ab {
		top: 115px;
		margin-left: 60px;
	}
	.slick-current #slide4-ba1520ab .frontpage-productlink-gototext, .slick-current #slide4-ba1520ab br {
		display: none;
	}
}
.slick-current #slide5-ru9383lw {
	top: 328px;
	margin-left: 769px;
}
@media only screen and (max-width: 479px) {
	.slick-current #slide5-ru9383lw {
		top: 190px;
		margin-left: 240px;
	}
	.slick-current #slide5-ru9383lw .frontpage-productlink-gototext, .slick-current #slide5-ru9383lw br {
		display: none;
	}
}
.slick-current #slide6-he4014cp {
	top: 140px;
	margin-left: 809px;
}
@media only screen and (max-width: 479px) {
	.slick-current #slide6-he4014cp {
		top: 190px;
		margin-left: 185px;
	}
	.slick-current #slide6-he4014cp .frontpage-productlink-gototext, .slick-current #slide6-he4014cp br {
		display: none;
	}
}
.slick-current #slide9-rl9599lw {
	top: 457px;
	margin-left: 708px
}
@media only screen and (max-width: 479px) {
	.slick-current #slide9-rl9599lw {
		top: 150px;
		margin-left: 345px;
	}
	.slick-current #slide9-rl9599lw .frontpage-productlink-gototext, .slick-current #slide9-rl9599lw br {
		display: none;
	}
}
.slick-current #slide9-he9599lw {
	top: 51px;
	margin-left: 707px
}
@media only screen and (max-width: 479px) {
	.slick-current #slide9-he9599lw {
		top: 150px;
		margin-left: 345px;
	}
	.slick-current #slide9-he9599lw .frontpage-productlink-gototext, .slick-current #slide9-he9599lw br {
		display: none;
	}
}
.slick-current #slide9-ru9599lw {
	top: 253px;
	margin-left: 706px
}
@media only screen and (max-width: 479px) {
	.slick-current #slide9-ru9599lw {
		top: 150px;
		margin-left: 345px;
	}
	.slick-current #slide9-ru9599lw .frontpage-productlink-gototext, .slick-current #slide9-ru9599lw br {
		display: none;
	}
}
.slick-current .frontpage-mainslides {
    -webkit-backface-visibility: hidden;
	-webkit-transform: translate3d(0,0,0);
}
.slick-current .frontpage-mainslides:active .frontpage-productlink, .slick-current .frontpage-mainslides:focus .frontpage-productlink, .slick-current .frontpage-mainslides:hover .frontpage-productlink  {
	background:rgb(0,0,0);
	background:rgba(0,0,0, 0.85);
	color: #FFFFFF;
	border-radius: 5px;
	border: 2px solid #ffffff;
	font-weight: 600;
	transition: opacity 0.4s ease 0s, border 0.4s ease 0s;
    -moz-transition: opacity 0.4s ease 0s, border 0.4s ease 0s;
    -webkit-transition: opacity 0.4s ease 0s, border 0.4s ease 0s;
    -o-transition: opacity 0.4s ease 0s, border 0.4s ease 0s;
    opacity: 1.0;
}
.slick-current .frontpage-productlink:hover, .slick-current .frontpage-productlink:active, .slick-current .frontpage-productlink:focus {
	background:rgb(0,0,0);
	background:rgba(0,0,0, 0.85);
	color: #FFFFFF;
	border-radius: 5px;
	border: 2px solid #0F75BD !important;
	font-weight: 600;
	transition: opacity 0.4s ease 0s, border 0.4s ease 0s;
    -moz-transition: opacity 0.4s ease 0s, border 0.4s ease 0s;
    -webkit-transition: opacity 0.4s ease 0s, border 0.4s ease 0s;
    -o-transition: opacity 0.4s ease 0s, border 0.4s ease 0s;
    opacity: 1.0;
}
.frontpage-productlink a {
	text-decoration: none;
}
.frontpage-productlink a:hover, .frontpage-productlink a:active, .frontpage-productlink a:focus {
	text-decoration: none;
}
.slick-current .frontpage-productlink .frontpage-productlink-gototext, .slick-current .frontpage-productlink:hover .frontpage-productlink-gototext, .slick-current .frontpage-productlink:active .frontpage-productlink-gototext, .slick-current .frontpage-productlink:focus .frontpage-productlink-gototext, .slick-current .frontpage-mainslides:active .frontpage-productlink-gototext, .slick-current .frontpage-mainslides:focus .frontpage-productlink-gototext, .slick-current .frontpage-mainslides:hover .frontpage-productlink-gototext {
	color: #FFFFFF;
	font-weight: 400 !important;
}
#metalfinishes-next, #metalfinishes-prev, #handlestyles-prev, #handlestyles-next, #handlestylesguide-prev, #handlestylesguide-next, #commercialproducts-prev, #commercialproducts-next, #galleries-prev, #galleries-next, #resources-prev, #resources-next, #newsslick-prev, #newsslick-next {
	display: none;
}
@media only screen and (max-width: 479px) {
	#metalfinishes-next, #handlestyles-next, #handlestylesguide-next, #commercialproducts-next, #galleries-next, #resources-next, #newsslick-next {
		display: block;
		top: unset;
		margin-top: -35px;
		width: 32px;
		height: 38px;
		right: 18px;
		opacity: 0.4;
	}
	#metalfinishes-prev, #handlestyles-prev, #handlestylesguide-prev, #commercialproducts-prev, #galleries-prev, #resources-prev, #newsslick-prev {
		display: block;
		top: unset;
		margin-top: -35px;
		width: 32px;
		height: 38px;
		left: unset;
		right: 70px;
		opacity: 0.4;
	}
	#metalfinishes-prev:before, #metalfinishes-next:before, #handlestyles-prev:before, #handlestyles-next:before, #handlestylesguide-prev:before, #handlestylesguide-next:before, #commercialproducts-prev:before, #commercialproducts-next:before, #galleries-prev:before, #galleries-next:before, #resources-prev:before, #resources-next:before, #newsslick-prev:before, #newsslick-next:before {
		font-size: 35px;
	}
}
/* begin metal finishes */
.frontpage-finishdescription {
	display: block;
	max-width: 100%;
	overflow: hidden;
	position: absolute;
	top: 190px;
	background:rgb(255,255,255);
	background:rgba(255,255,255, 0.8);
	padding-left: 5px;
	margin-left: 0px;
	padding-right: 6px;
	border-radius: 0px 5px 5px 0px;
	font-size: 12px;
	opacity: 1.0;
	transition: opacity 0.4s ease 0s;
    -moz-transition: opacity 0.4s ease 0s;
    -webkit-transition: opacity 0.4s ease 0s;
    -o-transition: opacity 0.4s ease 0s;
}
.frontpage-finishcode {
	display: block;
	max-width: 100%;
	overflow: hidden;
	position: absolute;
	top: 168px;
	background:rgb(255,255,255);
	background:rgba(255,255,255, 0.8);
	padding-left: 5px;
	margin-left: 0px;
	padding-right: 6px;
	border-radius: 0px 5px 5px 0px;
	font-size: 12px;
	font-weight: 600;
	opacity: 1.0;
	transition: opacity 0.4s ease 0s;
    -moz-transition: opacity 0.4s ease 0s;
    -webkit-transition: opacity 0.4s ease 0s;
    -o-transition: opacity 0.4s ease 0s;
}
@media only screen and (max-width: 320px) {
	.frontpage-finishcode {
		top: 143px;
	}
	.frontpage-finishdescription {
		top: 164px;
		font-size: 11px;
	}
}
.frontpage-finishinfopanel {
	display: block;
	width: 135px;
	overflow: hidden;
	position: absolute;
	top: 13px;
	background:rgb(255,255,255);
	background:rgba(255,255,255, 0.95);
	padding-left: 6px;
	margin-left: 9.5px;
	padding-right: 6px;
	border-radius: 4px;
	font-size: 13px;
	min-height: 190px;
	opacity: 0;
	border: 1px solid #000000;
	transition: opacity 0.4s ease 0s;
    -moz-transition: opacity 0.4s ease 0s;
    -webkit-transition: opacity 0.4s ease 0s;
    -o-transition: opacity 0.4s ease 0s;
}
.metalfinishdivlink {
	display: none;
	transition: opacity 0.4s ease 0s;
    -moz-transition: opacity 0.4s ease 0s;
    -webkit-transition: opacity 0.4s ease 0s;
    -o-transition: opacity 0.4s ease 0s;
	opacity: 0;
	pointer-events: none;
}
@media only screen and (max-width: 479px) {
	.frontpage-finishinfopanel {
		border: 0px solid #000000;
		min-height: 189px;
		margin-top: 77px;
		margin-left: 0px;
		width: 156px;
		border-radius: 0px 0px 5px 5px;
	}
}
@media only screen and (max-width: 320px) {
	.frontpage-finishinfopanel {
		border: 0px solid #000000;
		min-height: 189px;
		margin-top: 77px;
		margin-left: 0px;
		width: 135px;
		border-radius: 0px 0px 5px 5px;
	}
}
.frontpage-finishinfopanel-finishname {
	font-weight: 600;
	display: table-cell;
	border-bottom: 1px solid #cccccc;
	padding-bottom: 2px;
	margin-bottom: 10px;
	margin-top: 10px;
	padding-top: 2px;
	vertical-align: middle;
	height: 50px;
	width: 143px;
}
@media only screen and (max-width: 479px) {
	.frontpage-finishinfopanel-finishname {
		margin-left: -1px;
		height: 50px;
		display: table-cell;
		vertical-align: middle;
		width: 143px;
		padding-top: 0px;
	}
}
.frontpage-finishinfopanel-finishcode {
	font-weight: 500;
	display: block;
	margin-bottom: 10px;
	margin-top: 10px;
}
.frontpage-finishinfopanel-finishtype {
	font-weight: 500;
	display: block;
	margin-bottom: 5px;
	margin-top: 10px;
}
@media only screen and (max-width: 479px) {
	.frontpage-finishinfopanel-finishtype {
		border-bottom: 0;
	}
}
.frontpage-finishinfopanel-finishinfolink, .frontpage-finishinfopanel-finishexamplelink {
	font-weight: 500;
	display: inline-block;
	background: #0F75BD;
	padding: 4px 5px;
	color: #FFFFFF;
	font-size: 13px;
	font-family: "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
	line-height: 19px;
	text-align: center;
	text-transform: none;
	vertical-align: middle;
	white-space: nowrap;
	border: 1px solid #000000;
	border-radius: 5px;
	text-decoration: none;
	width: 120px;
	transition: background 0.2s ease 0s;
    -moz-transition: background 0.2s ease 0s;
    -webkit-transition: background 0.2 ease 0s;
    -o-transition: background 0.2s ease 0s;
}
.frontpage-finishinfopanel-finishinfolink-a {
	margin-top: 38px;
}
.frontpage-finishinfopanel-finishinfolink:hover, .frontpage-commercialproductsinfopanel-finishinfolink:active, .frontpage-finishinfopanel-finishexamplelink:hover, .frontpage-finishinfopanel-finishexamplelink:active {
	background: #0C588E;
	text-decoration: none !important;
}
.frontpage-finishinfopanel a:hover, .frontpage-finishinfopanel a:active {
	text-decoration: none !important;
}
.metalfinishdiv:hover .frontpage-finishinfopanel, .metalfinishdiv:active .frontpage-finishinfopanel, .metalfinishdiv:active .metalfinishdivlink, .metalfinishdiv:hover .metalfinishdivlink{
	display: block;
	transition: opacity 0.4s ease 0s;
    -moz-transition: opacity 0.4s ease 0s;
    -webkit-transition: opacity 0.4s ease 0s;
    -o-transition: opacity 0.4s ease 0s;
	opacity: 1.0 !important;
	pointer-events: auto;
}
.metalfinishdiv:hover .frontpage-finishdescription, .metalfinishdiv:hover .frontpage-finishcode, .metalfinishdiv:active .frontpage-finishdescription, .metalfinishdiv:active .frontpage-finishcode {
	display: block;
	transition: opacity 0.4s ease 0s;
    -moz-transition: opacity 0.4s ease 0s;
    -webkit-transition: opacity 0.4s ease 0s;
    -o-transition: opacity 0.4s ease 0s;
	opacity: 0;
}
/* end metal finished */
/* begin handle styles */
.frontpage-handlestyles-line2 {
	display: block;
	max-width: 100%;
	overflow: hidden;
	position: absolute;
	top: 190px;
	background:rgb(255,255,255);
	background:rgba(255,255,255, 0.8);
	padding-left: 5px;
	margin-left: 0px;
	padding-right: 6px;
	border-radius: 0px 5px 5px 0px;
	font-size: 12px;
	opacity: 1.0;
	transition: opacity 0.4s ease 0s;
    -moz-transition: opacity 0.4s ease 0s;
    -webkit-transition: opacity 0.4s ease 0s;
    -o-transition: opacity 0.4s ease 0s;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
}
.frontpage-handlestyles-line1 {
	display: block;
	max-width: 100%;
	overflow: hidden;
	position: absolute;
	top: 168px;
	background:rgb(255,255,255);
	background:rgba(255,255,255, 0.8);
	padding-left: 5px;
	margin-left: 0px;
	padding-right: 6px;
	border-radius: 0px 5px 5px 0px;
	font-size: 12px;
	font-weight: 600;
	opacity: 1.0;
	transition: opacity 0.4s ease 0s;
    -moz-transition: opacity 0.4s ease 0s;
    -webkit-transition: opacity 0.4s ease 0s;
    -o-transition: opacity 0.4s ease 0s;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
}
@media only screen and (max-width: 320px) {
	.frontpage-handlestyles-line1 {
		top: 143px;
	}
	.frontpage-handlestyles-line2 {
		top: 164px;
		font-size: 11px;
	}
}
.frontpage-handlestylesinfopanel {
	display: block;
	width: 135px;
	overflow: hidden;
	position: absolute;
	top: 9px;
	background:rgb(255,255,255);
	background:rgba(255,255,255, 0.95);
	padding-left: 6px;
	margin-left: 9.5px;
	padding-right: 6px;
	border-radius: 4px;
	font-size: 13px;
	min-height: 196px;
	opacity: 0;
	border: 1px solid #000000;
	transition: opacity 0.4s ease 0s;
    -moz-transition: opacity 0.4s ease 0s;
    -webkit-transition: opacity 0.4s ease 0s;
    -o-transition: opacity 0.4s ease 0s;
}
.frontpage-handlestylesinfopanel-viewgalleryblock {
	color: #FFFFFF;
	font-size: 16px;
	font-weight: 600;
	margin-top: 67px;
	display: inline-block;
	border-radius: 7px;
	background: rgb(0,0,0);
	background: rgba(0,0,0,0.85);
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	width: 119px;
	border: 2px solid #FFFFFF;
	transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
}
.frontpage-handlestylesinfopanel-viewgalleryblock:hover {
	border: 2px solid #0F75BD;
	transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
}
.handlestylesdivlink {
	display: none;
	transition: opacity 0.4s ease 0s;
    -moz-transition: opacity 0.4s ease 0s;
    -webkit-transition: opacity 0.4s ease 0s;
    -o-transition: opacity 0.4s ease 0s;
	opacity: 0;
	pointer-events: none;
}
.levertype {
	width: 204px;
}
@media only screen and (max-width: 479px) {
	.frontpage-handlestylesinfopanel {
		border: 0px solid #000000;
		min-height: 189px;
		margin-top: 77px;
		margin-left: 0px;
		width: 156px;
		border-radius: 0px 0px 5px 5px;
	}
	.levertype {
		width: 225px;
	}
}
@media only screen and (max-width: 320px) {
	.frontpage-handlestylesinfopanel {
		border: 0px solid #000000;
		min-height: 189px;
		margin-top: 77px;
		margin-left: 0px;
		width: 135px;
		border-radius: 0px 0px 5px 5px;
	}
	.levertype {
		width: 196px;
	}
}
.frontpage-handlestylesinfopanel-stylename {
	font-weight: 600;
	display: table-cell;
	border-bottom: 1px solid #cccccc;
	padding-bottom: 2px;
	margin-bottom: 10px;
	margin-top: 10px;
	padding-top: 2px;
	vertical-align: middle;
	height: 50px;
	width: 143px;
}
.levertype-stylename {
	width: 212px;
}
@media only screen and (max-width: 479px) {
	.frontpage-handlestylesinfopanel-stylename {
		margin-left: -1px;
		height: 50px;
		display: table-cell;
		vertical-align: middle;
		width: 143px;
		padding-top: 0px;
	}
	.levertype-stylename {
		width: 212px;
	}
}
.frontpage-handlestylesinfopanel-line1 {
	font-weight: 500;
	display: block;
	margin-bottom: 10px;
	margin-top: 10px;
}
.frontpage-handlestylesinfopanel-line2 {
	font-weight: 500;
	display: block;
	margin-top: 10px;
	padding-bottom: 10px;
}
.frontpage-handlestylesinfopanel-middle {
	height: 97px;
	display: block;
}
@media only screen and (max-width: 479px) {
	.frontpage-handlestylesinfopanel-middle {
		border-bottom: 0;
		height: 86px;
	}
	.frontpage-handlestylesinfopanel-line2 {
		padding-bottom: 0px;
	}
}
.frontpage-handlestylesinfopanel-rangelink {
	font-weight: 500;
	display: inline-block;
	background: #0F75BD;
	padding: 4px 15px;
	color: #FFFFFF;
	font-size: 13px;
	font-family: "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
	line-height: 19px;
	text-align: center;
	text-transform: none;
	vertical-align: middle;
	white-space: nowrap;
	border: 1px solid #000000;
	border-radius: 5px;
	text-decoration: none;
	width: 120px;
	transition: background 0.2s ease 0s;
    -moz-transition: background 0.2s ease 0s;
    -webkit-transition: background 0.2s ease 0s;
    -o-transition: background 0.2s ease 0s;
}
.frontpage-handlestylesinfopanel-rangelink:hover, .frontpage-handlestylesinfopanel-rangelink:active {
	background: #0C588E;
	text-decoration: none !important;
}
.frontpage-handlestylesinfopanel a:hover, .frontpage-handlestylesinfopanel a:active {
	text-decoration: none !important;
}
.handlestylesdiv:hover .frontpage-handlestylesinfopanel, .handlestylesdiv:active .frontpage-handlestylesinfopanel, .handlestylesdiv:active .handlestylesdivlink, .handlestylesdiv:hover .handlestylesdivlink {
	display: block;
	transition: opacity 0.4s ease 0s;
    -moz-transition: opacity 0.4s ease 0s;
    -webkit-transition: opacity 0.4s ease 0s;
    -o-transition: opacity 0.4s ease 0s;
	opacity: 1.0;
	pointer-events: auto;
}
.handlestylesdiv:hover .frontpage-handlestyles-line1, .handlestylesdiv:hover .frontpage-handlestyles-line2, .handlestylesdiv:active .frontpage-handlestyles-line1, .handlestylesdiv:active .frontpage-handlestyles-line2 {
	display: block;
	transition: opacity 0.4s ease 0s;
    -moz-transition: opacity 0.4s ease 0s;
    -webkit-transition: opacity 0.4s ease 0s;
    -o-transition: opacity 0.4s ease 0s;
	opacity: 0;
}
/* end handle styles */
/* begin commercialproducts styles */
.frontpage-commercialproducts-line2 {
	display: block;
	max-width: 100%;
	overflow: hidden;
	position: absolute;
	top: 190px;
	background:rgb(255,255,255);
	background:rgba(255,255,255, 0.8);
	padding-left: 5px;
	margin-left: 0px;
	padding-right: 6px;
	border-radius: 0px 5px 5px 0px;
	font-size: 12px;
	opacity: 1.0;
	transition: opacity 0.4s ease 0s;
    -moz-transition: opacity 0.4s ease 0s;
    -webkit-transition: opacity 0.4s ease 0s;
    -o-transition: opacity 0.4s ease 0s;
}
.frontpage-commercialproducts-line1 {
	display: block;
	max-width: 100%;
	overflow: hidden;
	position: absolute;
	top: 168px;
	background:rgb(255,255,255);
	background:rgba(255,255,255, 0.8);
	padding-left: 5px;
	margin-left: 0px;
	padding-right: 6px;
	border-radius: 0px 5px 5px 0px;
	font-size: 12px;
	font-weight: 600;
	opacity: 1.0;
	transition: opacity 0.4s ease 0s;
    -moz-transition: opacity 0.4s ease 0s;
    -webkit-transition: opacity 0.4s ease 0s;
    -o-transition: opacity 0.4s ease 0s;
}
@media only screen and (max-width: 320px) {
	.frontpage-commercialproducts-line1 {
		top: 143px;
	}
	.frontpage-commercialproducts-line2 {
		top: 164px;
		font-size: 11px;
	}
}
.frontpage-commercialproductsinfopanel {
	display: block;
	width: 135px;
	overflow: hidden;
	position: absolute;
	top: 9px;
	background:rgb(255,255,255);
	background:rgba(255,255,255, 0.95);
	padding-left: 6px;
	margin-left: 9.5px;
	padding-right: 6px;
	border-radius: 4px;
	font-size: 13px;
	min-height: 196px;
	opacity: 0;
	border: 1px solid #000000;
	transition: opacity 0.4s ease 0s;
    -moz-transition: opacity 0.4s ease 0s;
    -webkit-transition: opacity 0.4s ease 0s;
    -o-transition: opacity 0.4s ease 0s;
}
.commercialproductsdivlink {
	display: none;
	transition: opacity 0.4s ease 0s;
    -moz-transition: opacity 0.4s ease 0s;
    -webkit-transition: opacity 0.4s ease 0s;
    -o-transition: opacity 0.4s ease 0s;
	opacity: 0;
	pointer-events: none;
}
@media only screen and (max-width: 479px) {
	.frontpage-commercialproductsinfopanel {
		border: 0px solid #000000;
		min-height: 189px;
		margin-top: 77px;
		margin-left: 0px;
		width: 156px;
		border-radius: 0px 0px 5px 5px;
	}
}
@media only screen and (max-width: 320px) {
	.frontpage-commercialproductsinfopanel {
		border: 0px solid #000000;
		min-height: 189px;
		margin-top: 77px;
		margin-left: 0px;
		width: 135px;
		border-radius: 0px 0px 5px 5px;
	}
}
.frontpage-commercialproductsinfopanel-stylename {
	font-weight: 600;
	display: table-cell;
	border-bottom: 1px solid #cccccc;
	padding-bottom: 2px;
	margin-bottom: 10px;
	margin-top: 10px;
	padding-top: 2px;
	vertical-align: middle;
	height: 50px;
	width: 143px;
}
@media only screen and (max-width: 479px) {
	.frontpage-commercialproductsinfopanel-stylename {
		margin-left: -1px;
		height: 50px;
		display: table-cell;
		vertical-align: middle;
		width: 143px;
		padding-top: 0px;
	}
}
.frontpage-commercialproductsinfopanel-line1 {
	font-weight: 500;
	display: block;
	margin-bottom: 10px;
	margin-top: 10px;
}
.frontpage-commercialproductsinfopanel-line2 {
	font-weight: 500;
	display: block;
	margin-top: 10px;
	padding-bottom: 10px;
}
.frontpage-commercialproductsinfopanel-middle {
	height: 97px;
	display: block;
}
@media only screen and (max-width: 479px) {
	.frontpage-commercialproductsinfopanel-middle {
		border-bottom: 0;
		height: 86px;
	}
	.frontpage-commercialproductsinfopanel-line2 {
		padding-bottom: 0px;
	}
}
.frontpage-commercialproductsinfopanel-rangelink {
	font-weight: 500;
	display: inline-block;
	background: #0F75BD;
	padding: 4px 15px;
	color: #FFFFFF;
	font-size: 13px;
	font-family: "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
	line-height: 19px;
	text-align: center;
	text-transform: none;
	vertical-align: middle;
	white-space: nowrap;
	border: 1px solid #000000;
	border-radius: 5px;
	text-decoration: none;
	width: 120px;
	transition: background 0.2s ease 0s;
    -moz-transition: background 0.2s ease 0s;
    -webkit-transition: background 0.2s ease 0s;
    -o-transition: background 0.2s ease 0s;
}
.frontpage-commercialproductsinfopanel-rangelink:hover, .frontpage-commercialproductsinfopanel-rangelink:active {
	background: #0C588E;
	text-decoration: none !important;
}
.frontpage-commercialproductsinfopanel a:hover, .frontpage-commercialproductsinfopanel a:active {
	text-decoration: none !important;
}
.commercialproductsdiv:hover .frontpage-commercialproductsinfopanel, .commercialproductsdiv:active .frontpage-commercialproductsinfopanel, .commercialproductsdiv:active .commercialproductsdivlink, .commercialproductsdiv:hover .commercialproductsdivlink {
	display: block;
	transition: opacity 0.4s ease 0s;
    -moz-transition: opacity 0.4s ease 0s;
    -webkit-transition: opacity 0.4s ease 0s;
    -o-transition: opacity 0.4s ease 0s;
	opacity: 1.0;
	pointer-events: auto;
}
.commercialproductsdiv:hover .frontpage-commercialproducts-line1, .commercialproductsdiv:hover .frontpage-commercialproducts-line2, .commercialproductsdiv:active .frontpage-commercialproducts-line1, .commercialproductsdiv:active .frontpage-commercialproducts-line2 {
	display: block;
	transition: opacity 0.4s ease 0s;
    -moz-transition: opacity 0.4s ease 0s;
    -webkit-transition: opacity 0.4s ease 0s;
    -o-transition: opacity 0.4s ease 0s;
	opacity: 0;
}
/* end commercialproducts styles */
.newsslide {
	width: 700px !important;
	border: 1px solid #000000;
	border-radius: 5px;
	height: 300px;
	padding: 25px;
	opacity: 0.4;
	background: #fbfbfb;
	transition: opacity 0.4s ease 0s;
    -moz-transition: opacity 0.4s ease 0s;
    -webkit-transition: opacity 0.4s ease 0s;
    -o-transition: opacity 0.4s ease 0s;
}
@media only screen and (max-width: 479px) {
	.newsslide {
		width: 320px !important;
		height: 530px;
	}
}
@media only screen and (max-width: 320px) {
	.newsslide {
		width: 288px !important;
		height: 544px;
		font-size: 12px;
	}
}
.newsslide a {
	pointer-events: none;
    cursor: default;
    display: inline-block;
}
.frontpage-newsdate {
	color: #BD081C;
	font-weight: 600;
	float: left;
	margin-right: 20px;
}
.frontpage-newsheading {
	color: #000000;
	font-weight: 600;
	float: left;
}
.frontpage-newscontent {
	display: block;
	margin-top: 40px;
	text-align: left;
}
.slick-current .newsslide {
	opacity: 1.0;
	transition: opacity 0.4s ease 0s;
    -moz-transition: opacity 0.4s ease 0s;
    -webkit-transition: opacity 0.4s ease 0s;
    -o-transition: opacity 0.4s ease 0s;
}
.slick-current .newsslide a {
	pointer-events: auto;
    cursor: pointer;
    display: inline-block;
}
.finishesslickslideshow .slick-prev {
   left: -20px; 
}
.finishesslickslideshow .slick-next {
	right: -20px;
}
.metalfinishdiv {
	width: auto !important; /*was unset*/
	-webkit-transform: translate3d(0,0,0);
}
@media only screen and (max-width: 479px) {
	.finishesslickslideshow .slick-prev {
  		left: -5px; 
	}
	.finishesslickslideshow .slick-next {
		right: -5px;
	}
	.metalfinishdiv {
		margin-bottom: 80px;
	}
}
.handlestylesslickslideshow .slick-prev {
   left: -20px; 
}
.handlestylesslickslideshow .slick-next {
	right: -20px;
}
.handlestylesdiv {
	width: unset !important;
	padding-left: 18px;
	padding-right: 18px;
	-webkit-transform: translate3d(0,0,0);
}
@media only screen and (max-width: 479px) {
	.handlestylesslickslideshow .slick-prev {
  		left: -5px; 
	}
	.handlestylesslickslideshow .slick-next {
		right: -5px;
	}
	.handlestylesdiv {
		margin-bottom: 80px;
		padding-left: 5px;
		padding-right: 5px;
	}
}
.commercialproductsslickslideshow .slick-prev {
   left: -20px; 
}
.commercialproductsslickslideshow .slick-next {
	right: -20px;
}
.commercialproductsdiv {
	width: auto !important;
	-webkit-transform: translate3d(0,0,0);
}
@media only screen and (max-width: 479px) {
	.commercialproductsslickslideshow .slick-prev {
  		left: -5px; 
	}
	.commercialproductsslickslideshow .slick-next {
		right: -5px;
	}
	.commercialproductsdiv {
		margin-bottom: 80px;
	}
}
.galleriesdiv {
	width: unset !important;
	-webkit-transform: translate3d(0,0,0);
}
@media only screen and (max-width: 479px) {
	.galleriesdiv img, .resourcesdiv img {
		max-width: 100%;
	}
}
.frontpage-locatedisplay {
	display: block;
	max-width: 100%;
	overflow: hidden;
	position: absolute;
	top: 20%;
	background:rgb(255,255,255);
	background:rgba(255,255,255, 0.8);
	padding-left: 10px;
	margin-left: 0px;
	padding-right: 11px;
	border-radius: 0px 5px 5px 0px;
	font-size: 18px;
	font-weight: 500;
	color: #000000;
}
@media only screen and (max-width: 320px) {
	.frontpage-locatedisplay {
		font-size: 15px;
	}
}
.frontpage-locatedisplay .material-icons {
	padding-left: 5px;
	vertical-align: middle;
	font-size: 16px;
}
.frontpage-locatedisplay svg {
	margin-left: 5px;
}
.frontpage-locatedistributor {
	display: block;
	max-width: 100%;
	overflow: hidden;
	position: absolute;
	top: 49%;
	background:rgb(255,255,255);
	background:rgba(255,255,255, 0.8);
	padding-left: 10px;
	margin-left: 0px;
	padding-right: 17px;
	border-radius: 0px 5px 5px 0px;
	font-size: 14px;
	font-weight: 500;
	color: #000000;
}
@media only screen and (max-width: 320px) {
	.frontpage-locatedistributor {
		font-size: 13px;
	}
}
.frontpage-locatedistributor .material-icons {
	padding-left: 5px;
	vertical-align: middle;
	font-size: 16px;
}
.frontpage-locatedistributor svg {
	margin-left: 5px;
	vertical-align: text-top;
}
.frontpage-onlinedistributor {
	display: block;
	max-width: 100%;
	overflow: hidden;
	position: absolute;
	top: 73%;
	background:rgb(255,255,255);
	background:rgba(255,255,255, 0.8);
	padding-left: 10px;
	margin-left: 0px;
	padding-right: 14px;
	border-radius: 0px 5px 5px 0px;
	font-size: 14px;
	font-weight: 500;
	color: #000000;
}
@media only screen and (max-width: 320px) {
	.frontpage-onlinedistributor {
		font-size: 13px;
	}
}
.frontpage-onlinedistributor .material-icons {
	padding-left: 5px;
	vertical-align: middle;
	font-size: 16px;
}
.frontpage-onlinedistributor svg {
	margin-left: 5px;
	vertical-align: text-top;
}
.frontpage-locatedisplay:hover, .frontpage-locatedistributor:hover, .frontpage-onlinedistributor:hover, .frontpage-manufacturetimelink:hover, .frontpage-outsdoorshowerslink:hover, .frontpage-gallerieslink-showcase:hover, .frontpage-gallerieslink-instagram:hover {
	color: #0C588E;
	fill: #0C588E;
}
.frontpage-manufacturetimelink {
	display: block;
	max-width: 100%;
	overflow: hidden;
	position: absolute;
	top: 20%;
	background:rgb(255,255,255);
	background:rgba(255,255,255, 0.8);
	padding-left: 10px;
	margin-left: 0px;
	padding-right: 11px;
	border-radius: 0px 5px 5px 0px;
	font-size: 18px;
	font-weight: 500;
	color: #000000;
}
@media only screen and (max-width: 320px) {
	.frontpage-manufacturetimelink {
		font-size: 15px;
	}
}
.frontpage-manufacturetimelink .material-icons {
	padding-left: 5px;
	vertical-align: middle;
	font-size: 16px;
}
.frontpage-manufacturetimelink svg {
	margin-left: 5px;
}

.frontpage-manufacturetime {
	display: block;
	max-width: 380px;
	overflow: hidden;
	position: absolute;
	top: 90px;
	background:rgb(255,255,255);
	background:rgba(255,255,255, 0.85);
	padding-left: 10px;
	margin-left: 0px;
	padding-right: 6px;
	border-radius: 0px 5px 5px 0px;
	font-size: 13px;
	text-align: left;
	font-weight: 500;
}
@media only screen and (max-width: 479px) {
	.frontpage-manufacturetime {
		top: 70px;
		max-width: 320px;
		font-size: 12px;
	}
}
@media only screen and (max-width: 320px) {
	.frontpage-manufacturetime {
		font-size: 10px;
		max-width: 277px;
		font-weight: 400;
	}
}
.frontpage-outsdoorshowerslink {
	display: block;
	max-width: 100%;
	overflow: hidden;
	position: absolute;
	top: 20%;
	background:rgb(255,255,255);
	background:rgba(255,255,255, 0.8);
	padding-left: 10px;
	margin-left: 0px;
	padding-right: 11px;
	border-radius: 0px 5px 5px 0px;
	font-size: 18px;
	font-weight: 500;
	color: #000000;
}
@media only screen and (max-width: 320px) {
	.frontpage-outsdoorshowerslink {
		font-size: 15px;
	}
}
.frontpage-outsdoorshowerslink .material-icons {
	padding-left: 5px;
	vertical-align: middle;
	font-size: 16px;
}
.frontpage-outsdoorshowerslink svg {
	margin-left: 5px;
}
.frontpage-gallerieslink-showcase {
	display: block;
	max-width: 100%;
	overflow: hidden;
	position: absolute;
	top: 43%;
	background:rgb(255,255,255);
	background:rgba(255,255,255, 0.87);
	padding-left: 10px;
	margin-left: 0px;
	padding-right: 11px;
	border-radius: 0px 5px 5px 0px;
	font-size: 18px;
	font-weight: 500;
	color: #BD081C;
	fill: #BD081C;
}
@media only screen and (max-width: 320px) {
	.frontpage-gallerieslink-showcase {
		font-size: 15px;
	}
}
.frontpage-gallerieslink-showcase .material-icons {
	padding-left: 5px;
	vertical-align: middle;
	font-size: 16px;
}
.frontpage-gallerieslink-showcase svg {
	margin-left: 5px;
}
.frontpage-gallerieslink-instagram {
	display: block;
	max-width: 100%;
	overflow: hidden;
	position: absolute;
	top: 43%;
	background:rgb(255,255,255);
	background:rgba(255,255,255, 0.87);
	padding-left: 10px;
	margin-left: 0px;
	padding-right: 11px;
	border-radius: 0px 5px 5px 0px;
	font-size: 18px;
	font-weight: 500;
	color: #BD081C;
	fill: #BD081C;
}
@media only screen and (max-width: 320px) {
	.frontpage-gallerieslink-instagram {
		font-size: 15px;
	}
}
.frontpage-gallerieslink-instagram .material-icons {
	padding-left: 5px;
	vertical-align: middle;
	font-size: 16px;
}
.frontpage-gallerieslink-instagram svg {
	margin-left: 5px;
}
.frontpage-gallerieslink-instagram-div img {
	opacity: 0.5;
	transition: opacity 0.4s ease 0s;
    -moz-transition: opacity 0.4s ease 0s;
    -webkit-transition: opacity 0.4s ease 0s;
    -o-transition: opacity 0.4s ease 0s;
}
.frontpage-gallerieslink-instagram-div:hover img, .galleriesdiv .frontpage-gallerieslink-instagram-div:active img {
	opacity: 1.0;
	transition: opacity 0.4s ease 0s;
    -moz-transition: opacity 0.4s ease 0s;
    -webkit-transition: opacity 0.4s ease 0s;
    -o-transition: opacity 0.4s ease 0s;
}
.frontpage-gallerieslink-instagram-linknote {
	display: block;
	max-width: 100%;
	overflow: hidden;
	position: absolute;
	top: 63%;
	background:rgb(255,255,255);
	background:rgba(255,255,255, 0.87);
	padding-left: 11px;
	margin-left: 0px;
	padding-right: 11px;
	border-radius: 0px 5px 5px 0px;
	font-size: 12px;
	font-weight: 500;
	color: #000000;
}
.frontpage-slickslideshow-wrapper {
	display: block;
	text-align: center;
	height: 602px;
	margin-right: -30px;
	margin-left: -30px;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translate3d(0,0,0);
}
@media only screen and (max-width: 479px) {
	.frontpage-slickslideshow-wrapper {
    	height: 200px !important;
    	margin-right: 0px;
		margin-left: 0px;
	}
}
.frontpage-finishesslickslideshow-wrapper {
	display: block;
	text-align: center;
	height: 217px;
}
@media only screen and (max-width: 479px) {
	.frontpage-finishesslickslideshow-wrapper {
    	margin-right: 0px;
		margin-left: 0px;
		margin-bottom: 10px;
	}
}
.frontpage-handlestylesslickslideshow-wrapper {
	display: block;
	text-align: center;
	height: 217px;
}
@media only screen and (max-width: 479px) {
	.frontpage-handlestylesslickslideshow-wrapper {
    	margin-right: 0px;
		margin-left: 0px;
		margin-bottom: 10px;
	}
}
.frontpage-commercialproductsslickslideshow-wrapper {
	display: block;
	text-align: center;
	height: 217px;
}
@media only screen and (max-width: 479px) {
	.frontpage-commercialproductsslickslideshow-wrapper {
    	margin-right: 0px;
		margin-left: 0px;
		margin-bottom: 10px;
	}
}
.frontpage-galleriesslickslideshow-wrapper {
	display: block;
	text-align: center;
	height: 182px;
	margin-right: -30px;
	margin-left: -30px;
}
@media only screen and (max-width: 479px) {
	.frontpage-galleriesslickslideshow-wrapper {
    	margin-right: 0px;
		margin-left: 0px;
	}
}
.frontpage-resourcesslickslideshow-wrapper {
	display: block;
	text-align: center;
	height: 182px;
	margin-right: -30px;
	margin-left: -30px;
}
@media only screen and (max-width: 479px) {
	.frontpage-resourcesslickslideshow-wrapper {
    	margin-right: 0px;
		margin-left: 0px;
	}
}
.frontpage-newsslickslideshow-wrapper {
	display: block;
	text-align: center;
	height: 300px;
	margin-right: -30px;
	margin-left: -30px;
}
@media only screen and (max-width: 479px) {
	.frontpage-newsslickslideshow-wrapper {
    	margin-right: 0px;
		margin-left: 0px;
		height: 460px;
	}
}
.newsslickslideshow .slick-dots {
	bottom: -50px;	
}
.frontpage-h1-header {
	color: #000000 !important;
	border-bottom: 1px solid #000000 !important;
	font-size: 18px !important;
	font-weight: 600;
	text-transform: none;
	padding-bottom: 4px;
	margin-bottom: 15px;
}

.frontpage-h1-header .frontpage-quick-notes {
	display: inline-block;
    font-size: 13px;
    font-weight: 400;
    text-align: right;
    vertical-align: middle;
    color: #c0c0c0;
    right: 0;
    position: absolute;
    margin-right: 30px;
    margin-top: 5px;
    transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
}
.frontpagemetalfinishesslider:hover .frontpage-h1-header .frontpage-quick-notes, .frontpagehandlestylesslider:hover .frontpage-h1-header .frontpage-quick-notes {
	color: #000000 !important;
}
@media only screen and (max-width: 479px) { 
	.frontpage-h1-header .frontpage-quick-notes {
		display: none;
	}
}

/* Begin Handle Styles Guide */


.handlestyleguide-slickslideshow-wrapper {
	display: block;
	text-align: center;
	/*height: 602px;*/
	margin-right: 0px;
	margin-left: 0px;
}
@media only screen and (max-width: 479px) {
	.handlestyleguide-slickslideshow-wrapper {
	}
}


.stylerangetype {
	display: block;
    text-align: left;
    width: 100%;
    margin-bottom: 7px;
}
.stylerange-description {
	text-align: left;
	display: block;
	width: 100%;
}
.stylerangename {
	text-align: left;
    font-size: 18px;
    padding-bottom: 4px;
    margin-bottom: 20px;
    border-bottom: 1px solid black;
    width: 100%;
    display: block;
    font-weight: 600;
}

.stylerange-attribute-block {
	display: inline-block;
	text-align: left;
	width: 50%;
	float: left;
}
@media only screen and (max-width: 479px) {
	.stylerange-attribute-block {
		width: 100%;
	}
}
.stylerange-attribute-label {
	display: inline-block;
	width: 155px;
	font-weight: 600;
	vertical-align: top;
}
@media only screen and (max-width: 479px) {
	.stylerange-attribute-label {
		width: 100% !important;
	}
}
.stylerange-attribute-value {
	display: inline-block;
	width: 200px;
	vertical-align: top;
}
.stylerange-rangelink {
	font-weight: 500;
	display: inline-block;
	background: #0F75BD;
	padding: 4px 15px;
	color: #FFFFFF;
	font-size: 13px;
	font-family: "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
	line-height: 19px;
	text-align: center;
	text-transform: none;
	vertical-align: middle;
	white-space: nowrap;
	border: 1px solid #000000;
	border-radius: 5px;
	text-decoration: none;
	margin-right: 10px;
	margin-bottom: 15px;
	transition: background 0.2s ease 0s;
    -moz-transition: background 0.2s ease 0s;
    -webkit-transition: background 0.2s ease 0s;
    -o-transition: background 0.2s ease 0s;
}
.stylerangename-link {
	display: block;
}
@media only screen and (max-width: 479px) {
	.stylerange-rangelink {
		margin-bottom: 15px;
		margin-left: auto;
		margin-right: auto;
		display: table;
	}
	.stylerangename-link {
		min-width: 280px;
		padding: 3px 0px;
	}
}
@media only screen and (max-width: 320px) {
	.stylerangename-link {
		min-width: 244px;
		padding: 3px 0px;
	}
}
.stylerange-rangelink:hover, .stylerange-rangelink:active {
	background: #0C588E;
	text-decoration: none !important;
	color: #FFFFFF !important;
}
.stylerangename-link:hover, .stylerangename-link:active, .stylerange-rangelink:hover .stylerangename-link, .stylerange-rangelink:active .stylerangename-link {
	color: #FFFFFF !important;
}

.stylerange-examplephoto-header {
	display: block;
    width: 50%;
    float: left;
    text-align: left;
    font-weight: 600;
    border-bottom: 1px solid #000000;
    margin-bottom: 12px;
    padding-bottom: 4px;
}
@media only screen and (max-width: 479px) {
	.stylerange-examplephoto-header {
		width: 100%;
		margin-top: 30px;
	}
}
.stylerange-examplephoto-row {
	display: block;
	width: 50%;
	float: left;
	text-align: left;
	min-height: 250px;
}
@media only screen and (max-width: 479px) {
	.stylerange-examplephoto-row {
		width: 100%;
	}
}
.madetoorderoptions {
	width: 100%;
}
.stylerange-examplephoto-row-block {
	display: inline-block;
	padding-right: 8px;
}
.stylerange-examplephoto-row-block-line2 {
	display: block;
	max-width: 100%;
	overflow: hidden;
	position: absolute;
	margin-top: -28px;
	background:rgb(255,255,255);
	background:rgba(255,255,255, 0.8);
	padding-left: 5px;
	margin-left: 0px;
	padding-right: 6px;
	border-radius: 0px 5px 5px 0px;
	font-size: 12px;
	opacity: 1.0;
	transition: opacity 0.4s ease 0s;
    -moz-transition: opacity 0.4s ease 0s;
    -webkit-transition: opacity 0.4s ease 0s;
    -o-transition: opacity 0.4s ease 0s;
    text-align: left;
}
.stylerange-examplephoto-row-block-line1 {
	display: block;
	max-width: 100%;
	overflow: hidden;
	position: absolute;
	margin-top: -50px;
	background:rgb(255,255,255);
	background:rgba(255,255,255, 0.8);
	padding-left: 5px;
	margin-left: 0px;
	padding-right: 6px;
	border-radius: 0px 5px 5px 0px;
	font-size: 12px;
	font-weight: 600;
	opacity: 1.0;
	transition: opacity 0.4s ease 0s;
    -moz-transition: opacity 0.4s ease 0s;
    -webkit-transition: opacity 0.4s ease 0s;
    -o-transition: opacity 0.4s ease 0s;
    text-align: left;
}
@media only screen and (max-width: 479px) {
	.stylerange-examplephoto-row-block-line1 {
		font-size: 11px;
	}
	.stylerange-examplephoto-row-block-line2 {
		font-size: 11px;
	}
}


/* guide top navigation row specific settings */
.frontpage-handlestylesguide-line2 {
	display: block;
	max-width: 100%;
	overflow: hidden;
	position: absolute;
	top: 190px;
	background:rgb(255,255,255);
	background:rgba(255,255,255, 0.8);
	padding-left: 5px;
	margin-left: 0px;
	padding-right: 6px;
	border-radius: 0px 5px 5px 0px;
	font-size: 12px;
	opacity: 1.0;
	transition: opacity 0.4s ease 0s;
    -moz-transition: opacity 0.4s ease 0s;
    -webkit-transition: opacity 0.4s ease 0s;
    -o-transition: opacity 0.4s ease 0s;
}
.frontpage-handlestylesguide-line1 {
	display: block;
	max-width: 100%;
	overflow: hidden;
	position: absolute;
	top: 168px;
	background:rgb(255,255,255);
	background:rgba(255,255,255, 0.8);
	padding-left: 5px;
	margin-left: 0px;
	padding-right: 6px;
	border-radius: 0px 5px 5px 0px;
	font-size: 12px;
	font-weight: 600;
	opacity: 1.0;
	transition: opacity 0.4s ease 0s;
    -moz-transition: opacity 0.4s ease 0s;
    -webkit-transition: opacity 0.4s ease 0s;
    -o-transition: opacity 0.4s ease 0s;
}
.frontpage-handlestylesguideinfopanel {
	display: block;
	width: 135px;
	overflow: hidden;
	position: absolute;
	top: 9px;
	padding-left: 6px;
	margin-left: 9.5px;
	padding-right: 6px;
	border-radius: 2px;
	font-size: 13px;
	min-height: 196px;
	opacity: 0;
	transition: opacity 0.4s ease 0s;
    -moz-transition: opacity 0.4s ease 0s;
    -webkit-transition: opacity 0.4s ease 0s;
    -o-transition: opacity 0.4s ease 0s;
}
.handlestylesguidedivlink {
	display: none;
	transition: opacity 0.4s ease 0s;
    -moz-transition: opacity 0.4s ease 0s;
    -webkit-transition: opacity 0.4s ease 0s;
    -o-transition: opacity 0.4s ease 0s;
	opacity: 0;
	/*pointer-events: none;*/
}
.guidelevertype {
	width: 204px;
}
@media only screen and (max-width: 479px) {
	.frontpage-handlestylesguideinfopanel {
		min-height: 189px;
		/*margin-top: 77px;*/
		margin-left: 0px;
		width: 156px;
		border-radius: 0px 0px 5px 5px;
	}
	.guidelevertype {
		width: 225px;
	}
}
.frontpage-handlestylesguideinfopanel-stylename {
	font-weight: 600;
	display: table-cell;
	border-bottom: 1px solid #cccccc;
	padding-bottom: 2px;
	margin-bottom: 10px;
	margin-top: 10px;
	padding-top: 2px;
	vertical-align: middle;
	height: 50px;
	width: 143px;
}
.guidelevertype-stylename {
	width: 212px;
}
@media only screen and (max-width: 479px) {
	.frontpage-handlestylesguideinfopanel-stylename {
		margin-left: -1px;
		height: 50px;
		display: table-cell;
		vertical-align: middle;
		width: 143px;
		padding-top: 0px;
	}
	.guidelevertype-stylename {
		width: 212px;
	}
}
.frontpage-handlestylesguideinfopanel-line1 {
	font-weight: 500;
	display: block;
	margin-bottom: 10px;
	margin-top: 10px;
}
.frontpage-handlestylesguideinfopanel-line2 {
	font-weight: 500;
	display: block;
	margin-top: 10px;
	padding-bottom: 10px;
}
.frontpage-handlestylesguideinfopanel-middle {
	height: 97px;
	display: block;
}
@media only screen and (max-width: 479px) {
	.frontpage-handlestylesguideinfopanel-middle {
		border-bottom: 0;
		height: 86px;
	}
	.frontpage-handlestylesguideinfopanel-line2 {
		padding-bottom: 0px;
	}
}
.frontpage-handlestylesguideinfopanel-rangelink {
	font-weight: 500;
	display: inline-block;
	background: #0F75BD;
	padding: 4px 15px;
	color: #FFFFFF;
	font-size: 13px;
	font-family: "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
	line-height: 19px;
	text-align: center;
	text-transform: none;
	vertical-align: middle;
	white-space: nowrap;
	border: 1px solid #000000;
	border-radius: 5px;
	text-decoration: none;
	width: 120px;
}
.frontpage-handlestylesguideinfopanel-rangelink:hover, .frontpage-handlestylesguideinfopanel-rangelink:active {
	background: #0C588E;
	text-decoration: none !important;
}
.frontpage-handlestylesguideinfopanel a:hover, .frontpage-handlestylesguideinfopanel a:active {
	text-decoration: none !important;
}
.handlestylesguidediv:hover .frontpage-handlestylesguideinfopanel, .handlestylesguidediv:active .frontpage-handlestylesguideinfopanel, .handlestylesguidediv:active .handlestylesguidedivlink, .handlestylesguidediv:hover .handlestylesdivguidelink {
	display: block;
	transition: opacity 0.4s ease 0s;
    -moz-transition: opacity 0.4s ease 0s;
    -webkit-transition: opacity 0.4s ease 0s;
    -o-transition: opacity 0.4s ease 0s;
	opacity: 1.0;
	/*pointer-events: unset;*/
}
.handlestylesguidediv:hover .frontpage-handlestylesguide-line1, .handlestylesguidediv:hover .frontpage-handlestylesguide-line2, .handlestylesguidediv:active .frontpage-handlestylesguide-line1, .handlestylesguidediv:active .frontpage-handlestylesguide-line2 {
	display: block;
	transition: opacity 0.4s ease 0s;
    -moz-transition: opacity 0.4s ease 0s;
    -webkit-transition: opacity 0.4s ease 0s;
    -o-transition: opacity 0.4s ease 0s;
	opacity: 0;
}
.frontpage-handlestylesguideinfopanel .material-icons {
	font-size: 100px;
    color: #FFFFFF;
    opacity: 1;
    display: block;
    margin-top: 40px;
    cursor: pointer;
}
.handlestylesguidediv:hover {
	cursor: pointer;
}
.handlestyleguide-quickfilter-block {
	display: block;
	width: 100%;
}
.handlestyleguide-quickfilter-block {
	display: block;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
	padding-right: 10px;
	border-top: 0px;
    border-top-color: #CCCCCC;
    border-top-style: solid;
    border-bottom: 0px;
    border-bottom-color: #CCCCCC;
    border-bottom-style: solid;
    border-left: 0px;
    border-left-color: #CCCCCC;
    border-left-style: solid;
    border-right: 0px;
    border-right-color: #CCCCCC;
    border-right-style: solid;
    background-color: #F4F4F4;
    border-radius: 5px;
    opacity: 0.4;
    transition: opacity 0.4s ease 0s;
    -moz-transition: opacity 0.4s ease 0s;
    -webkit-transition: opacity 0.4s ease 0s;
    -o-transition: opacity 0.4s ease 0s;
}
.handlestylesguide-filter-domesticstyles, .handlestylesguide-filter-commercialstyles, .handlestylesguide-filter-crosshandlestyles, .handlestylesguide-filter-leverhandlestyles, .handlestylesguide-filter-flickmixerstyles, .handlestylesguide-filter-customstyles, .handlestylesguide-filter-removefilter {
	display: inline-block;
	padding: 3px 7px;
	border-radius: 5px;
	background: none;
	cursor: pointer;
    transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
}
.handlestylesguide-filter-domesticstyles:hover, .handlestylesguide-filter-commercialstyles:hover, .handlestylesguide-filter-crosshandlestyles:hover, .handlestylesguide-filter-leverhandlestyles:hover, .handlestylesguide-filter-flickmixerstyles:hover, .handlestylesguide-filter-customstyles:hover, .handlestylesguide-filter-removefilter:hover, .handlestylesguide-filter-domesticstyles:active, .handlestylesguide-filter-commercialstyles:active, .handlestylesguide-filter-crosshandlestyles:active, .handlestylesguide-filter-leverhandlestyles:active, .handlestylesguide-filter-flickmixerstyles:active, .handlestylesguide-filter-customstyles:active, .handlestylesguide-filter-removefilter:active {
	color: #FFFFFF;
	background: #0C588E;
	border-radius: 5px;
}
.handlestyleguide-quickfilter-block:hover, .handlestyleguide-quickfilter-block:active {
	opacity: 1.0;
	transition: opacity 0.4s ease 0s;
    -moz-transition: opacity 0.4s ease 0s;
    -webkit-transition: opacity 0.4s ease 0s;
    -o-transition: opacity 0.4s ease 0s;
}
.handlestyleguide-quickfilter-block-heading {
	display: inline-block;
	padding-right: 5px;
}
@media only screen and (max-width: 479px) {
	.handlestyleguide-quickfilter-block-heading {
		display: block;
		width: 100%;
		padding-bottom: 5px;
		padding-right: 0px;
	}
}
.filter-active {
	color: #FFFFFF;
	background: #0F75BD !important;
	border-radius: 5px;
}
/* end handle styles guide */


/* Begin New Metal Finishes Guide and Gallery */

.metalfinishtitletype {
	display: block;
    text-align: left;
    width: 100%;
    margin-bottom: 7px;
    padding-bottom: 4px;
    margin-bottom: 20px;
    border-bottom: 1px solid black;
}
.metalfinishtitlename {
	text-align: left;
    font-size: 18px;
    padding-bottom: 4px;
    width: 100%;
    display: block;
    font-weight: 600;
}
.newfinishesguidedescriptionblock {
	text-align: left;
	display: block;
}

.finishesguide-quickfilter-block {
	display: block;
	width: 100%;
}
.finishesguide-quickfilter-block {
	display: block;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
	padding-right: 10px;
	border-top: 0px;
    border-top-color: #CCCCCC;
    border-top-style: solid;
    border-bottom: 0px;
    border-bottom-color: #CCCCCC;
    border-bottom-style: solid;
    border-left: 0px;
    border-left-color: #CCCCCC;
    border-left-style: solid;
    border-right: 0px;
    border-right-color: #CCCCCC;
    border-right-style: solid;
    background-color: #F4F4F4;
    border-radius: 5px;
    opacity: 0.4;
    transition: opacity 0.4s ease 0s;
    -moz-transition: opacity 0.4s ease 0s;
    -webkit-transition: opacity 0.4s ease 0s;
    -o-transition: opacity 0.4s ease 0s;
}
.finishesguide-filter-brassorgold, .finishesguide-filter-silver, .finishesguide-filter-copper, .finishesguide-filter-matteblack, .finishesguide-filter-maturing, .finishesguide-filter-nontarnishing, .finishesguide-filter-removefilter {
	display: inline-block;
	padding: 3px 7px;
	border-radius: 5px;
	background: none;
	cursor: pointer;
    transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
}
.finishesguide-filter-brassorgold:hover, .finishesguide-filter-silver:hover, .finishesguide-filter-copper:hover, .finishesguide-filter-matteblack:hover, .finishesguide-filter-maturing:hover, .finishesguide-filter-nontarnishing:hover, .finishesguide-filter-removefilter:hover, .finishesguide-filter-brassorgold:active, .finishesguide-filter-silver:active, .finishesguide-filter-copper:active, .finishesguide-filter-matteblack:active, .finishesguide-filter-maturing:active, .finishesguide-filter-nontarnishing:active, .finishesguide-filter-removefilter:active {
	color: #FFFFFF;
	background: #0C588E;
	border-radius: 5px;
}
.finishesguide-quickfilter-block:hover, .finishesguide-quickfilter-block:active {
	opacity: 1.0;
	transition: opacity 0.4s ease 0s;
    -moz-transition: opacity 0.4s ease 0s;
    -webkit-transition: opacity 0.4s ease 0s;
    -o-transition: opacity 0.4s ease 0s;
}
.finishesguide-quickfilter-block-heading {
	display: inline-block;
	padding-right: 5px;
}
@media only screen and (max-width: 479px) {
	.finishesguide-quickfilter-block-heading {
		display: block;
		width: 100%;
		padding-bottom: 5px;
		padding-right: 0px;
	}
}

.handlestylesguidediv:hover .frontpage-finishcode, .handlestylesguidediv:hover .frontpage-finishdescription, .handlestylesguidediv:active .frontpage-finishcode, .handlestylesguidediv:active .frontpage-finishdescription {
	display: block;
	transition: opacity 0.4s ease 0s;
    -moz-transition: opacity 0.4s ease 0s;
    -webkit-transition: opacity 0.4s ease 0s;
    -o-transition: opacity 0.4s ease 0s;
	opacity: 0;
}


/* End New Metal Finishes Guide and Gallery */

/* Begin New Metal Finishes Guide for Product Page */

.productpagemetalfinishguideswatches {
	
}
@media only screen and (max-width: 479px) {
	.productpagemetalfinishguideswatches {
		margin-left: 1%;
	}
}

.productpagemetalfinishguideswatches .metalfinishdiv {
	display: inline-block;
	width: 16.66% !important;
	max-height: 237px !important;
	overflow: hidden;
}
@media only screen and (max-width: 479px) {
	.productpagemetalfinishguideswatches .metalfinishdiv {
		width: 49% !important;
		overflow: visible;
		max-height: 217px !important;
	}
	.productpagemetalfinishguideswatches .metalfinishdiv .spanwrapper {
		display: table;
	}
}
.productpagemetalfinishguideswatches .finish-swatch-filter-hide {
	display: none;
}

.productpagemetalfinishguideswatches .metalfinishdiv img {
	border-radius: 5px;
	margin-left: 15px;
	margin-right: 15px;
}
@media only screen and (max-width: 479px) {
	.productpagemetalfinishguideswatches .metalfinishdiv img {
		border-radius: 5px;
		margin-left: 0px;
		margin-right: 0px;
	}
}

.productpagemetalfinishguideswatches .frontpage-finishcode {
	position: relative;
	top: -55px;
	left: 15px;
	text-align: left;
	display: table;
}
@media only screen and (max-width: 479px) {
	.productpagemetalfinishguideswatches .frontpage-finishcode {
		left: 0px;
	}
}

.productpagemetalfinishguideswatches .frontpage-finishdescription {
	position: relative;
	top: -48px;
	left: 15px;
	text-align: left;
	display: table;
}
@media only screen and (max-width: 479px) {
	.productpagemetalfinishguideswatches .frontpage-finishdescription {
		left: 0px;
	}
}

.productpagemetalfinishguideswatches .frontpage-finishinfopanel {
	position: relative;
	top: -237px;
	left: 15px;
}
@media only screen and (max-width: 479px) {
	.productpagemetalfinishguideswatches .frontpage-finishinfopanel {
		left: 0px;
	}
}

.productpagemetalfinishguideswatches .frontpage-finishinfopanel-finishinfolink .material-icons {
	font-size: 18px;
	vertical-align: top;
}
.productpagemetalfinishguideswatches .frontpage-finishinfopanel-finishinfolink svg {
	font-size: 18px;
	vertical-align: top;
	fill: #FFFFFF;
}

.productpagemetalfinishguideswatches .metalfinishdiv:hover .frontpage-finishdescription, .productpagemetalfinishguideswatches .metalfinishdiv:hover .frontpage-finishcode, .productpagemetalfinishguideswatches .metalfinishdiv:active .frontpage-finishdescription, .productpagemetalfinishguideswatches .metalfinishdiv:active .frontpage-finishcode {
	display: table;
}
.slick-slide .metalfinishesguide-howtosection0 {
    display: none !important;
    text-align: left;
	margin-top: 20px;
	float: left;
}
.slick-current .metalfinishesguide-howtosection0 {
    display: block !important;
    text-align: left;
	margin-top: 20px;
}
.metalfinishesguide-howtosection1 {
	width: 48%;
    display: inline-block;
    vertical-align: top;
    margin-right: 2.5%;
    border-right: 1px solid #cccccc;
    padding-right: 2.5%;
    min-height: 300px;
}
.metalfinishesguide-howtosection2 {
	width: 49%;
    display: inline-block;
    vertical-align: top;
}
@media only screen and (max-width: 479px) {
	.metalfinishesguide-howtosection1 {
		width: 100%;
    	display: block;
    	vertical-align: top;
    	margin-right: 0;
    	border-right: 0px solid #cccccc;
    	padding-right: 0;
    	min-height: 0;
	}
	.metalfinishesguide-howtosection2 {
		width: 100%;
    	display: block;
    	vertical-align: top;
	}
	.metalfinishesguide-howtosection2 .product-options p.required {
		position: initial;
	}
}
.handlestyleguide-slickslideshow-wrapper .slick-slide {
    pointer-events: none;
}
.handlestyleguide-slickslideshow-wrapper .slick-current {
    pointer-events: auto;
}


/* End New Metal Finishes Guide for Product Page */
.noselecttext {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}