/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */



/*

 * 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

   ========================================================================== */



html,

button,

input,

select,

textarea {

    color: #222;

}



html {

    font-size: 1em;

    line-height: 1.4;

}



/*

 * 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 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, videos, audio and canvas and the bottom of

 * their containers: h5bp.com/i/440

 */



audio,

canvas,

img,

video {

    vertical-align: middle;

}



/*

 * Remove default fieldset styles.

 */



fieldset {

    border: 0;

    margin: 0;

    padding: 0;

}



/*

 * Allow only vertical resizing of textareas.

 */



textarea {

    resize: vertical;

}

/* ==========================================================================

   Webfonts

   ========================================================================== */



@font-face{font-family:"Proxima Nova";src:url("/assets/fonts/ProximaNova-Regular.otf");}

@font-face{font-family:"Proxima Nova";font-weight:bold;src:url("/assets/fonts/ProximaNova-Bold.otf");}

@font-face{font-family:"Proxima Nova";font-weight:100;src:url("/assets/fonts/ProximaNova-Light.otf");}

@font-face{font-family:"Proxima Nova";font-weight:500;src:url("/assets/fonts/ProximaNova-Semibold.otf");}

@font-face{font-family:"Proxima Nova";font-weight:700;src:url("/assets/fonts/ProximaNova-Extrabold.otf");}



/*@font-face{font-family:"Proxima Nova-Black";src:url("fonts/ProximaNova-Black.otf");}*/

/*@font-face{font-family:"Proxima Nova-BoldIt";src:url("fonts/ProximaNova-BoldIt.otf");}*/

/*@font-face{font-family:"Proxima Nova-LightItalic";src:url("fonts/ProximaNova-LightItalic.otf");}*/

/*@font-face{font-family:"Proxima Nova-Italic";src:url("fonts/ProximaNova-RegItalic.otf");}*/

/*@font-face{font-family:"Proxima Nova-SemiBoldItalic";src:url("fonts/ProximaNova-SemiboldItalic.otf");}*/

/*@font-face{font-family:"Source Sans Pro-Regular";src:url("fonts/SourceSansPro-Regular.otf");}*/



/* ==========================================================================

   Browse Happy prompt

   ========================================================================== */



.browsehappy {

    margin: 0.2em 0;

    background: #ccc;

    color: #000;

    padding: 0.2em 0;

}



/* ==========================================================================

   Author's custom styles

   ========================================================================== */

html, body{

    position:relative;

    width:100%;

}



body{

    font-family: 'Proxima Nova', sans-serif;

    font-weight:normal;

}



ul{

	list-style:none;

}



a{

    text-decoration: none;

}



.float_left{

	float:left;

}



#mobile_nav_btn{

    display:none;

}



.float_right{

	float:right;

}



.medium_width{

	overflow:hidden;

	width:1140px;

	margin:0 auto;

}



.max_width{

    position:relative;

    width:1280px;

    border-left:1px solid gray;

    border-right:1px solid gray;

    margin: 0 auto;

}



#main_header{

	margin:0 auto;

    width:1140px;

    padding-top:49px;

    height:130px;

    position:relative;

}



@media (max-width:1279px) {



	.medium_width{

		width:924px;

	}



	.max_width{

		width:1024px;

	}



	#main_header{

		width:924px;

	}



}



#main_header #logo{

    width:180px;

    height:78px;

    position:absolute;

}



#main_nav{

    margin-right:21px;

}



#main_nav, #header_search{

    margin-top:33px;

    margin-bottom:0px;

    margin-left:0;

    padding:0;

}



#main_nav_wrapper{

    overflow:hidden;

}



#main_nav, #header_search{

    float:right;

}



#main_nav li{

    margin:13px 27px;

	float:left;

}



#main_nav li a{

    color:#91999f;

    font-size:14px;

    text-decoration: none;

    font-weight:500;

    text-transform:uppercase;

    padding-bottom:11px;

}



#main_nav .selected_samples{

    position:absolute;

    top:84px;

    right:195px;

}



@media (max-width:1279px) {

    #main_nav .selected_samples{

        right:186px;

    }



    #main_nav li{

    margin:13px 18px;



    }

}



#main_nav li a.active, #main_nav li a:hover{

    color:#445868;

    border-bottom:1px solid #445868;

}



#main_nav li .selected_samples:hover{

	border-bottom:none;

}



.selected_samples{

	overflow:hidden;

    width:24px;

    height:24px;

    background:url("/assets/images/selected_samples.png");

	background-repeat:no-repeat;

    text-align:center;

}



.selected_samples p{

    font-weight:700;

    color:#ffffff;

    margin:5px 0;

    font-size:10px;

}



#samples_window{

	display:none;

	z-index:1;

    border-radius:4px;

    padding:6px 2px;

    right:100px;

    top:125px;

    position:absolute;

    border:1px solid #d5d3e1;

    border-top:1px solid #445868;

    width:288px;

    background:#ffffff;

}



#samples_window #list_arrow{

    position:absolute;

    top:-6px;

    right:144px;

}



#samples_window #samples_columns, #samples_window #bottom_bar{

    overflow:hidden;

}



#samples_window #samples_columns a{

    float:left;

    display:block;

    width:32px;

    height:32px;

    margin:6px 8px;

}



#samples_window #samples_columns a img{

    width:32px;

    height:32px;

}



#samples_window h3{

    margin-left:10px;

    margin-top:20px;

    float:left;

    font-size:12px;

    color:#8b8a8f;

    font-family:"ProximaNova-Light",sans-serif;

    font-weight:lighter;

}



#samples_window h3 span{

    color:#ff5f01;

}



.checkout{

    border-radius:4px;

    color:#ffffff;

    display:block;

    font-size:12px;

    padding:8px 29px;

    background:#ac5a58;

    text-transform:uppercase;

    float:right;

}



#samples_window a.checkout{

    margin:12px 8px 5px auto;

}



.red-arrow{

    background-position:0 -64px;

}



.red .link_arrow{

	background-position:0 0;

}



.brown .link_arrow{

    background-position:0 -16px;

}



.yellow .link_arrow{

    background-position:0 -32px;

}



.green .link_arrow{

    background-position:0 -48px;

}



.blue .link_arrow{

    background-position:0 -64px;

}



.link_wrapper a.arrowed_link h3 .link_arrow {

  background-position: 0 -64px;

}



.link_wrapper a.arrowed_link h3 {

  color: #53565A;

}



h1.blue{

    color:#445868;

}



.red h3{

	color:#ac5a58;

}





.brown h3{

	color:#a57052;

}



.yellow h3{

	color:#c2b58e;

}



.green h3{

	color:#9ba185;

}



.blue h3{

  color: #53565A;  /* changed color from #445868 to #53565A */

}



#header_search{

    border-radius:5px;

    background-color:#e9e7ee;

    padding:11px 16px;

}



#header_search input{

    color: #a8a7ab;

    font-size:10px;

    width:126px;

    padding:3px 0;

    background:#e9e7ee;

    border:none;

    outline:none;

}



.close_button{

    position:absolute;

    width:16px;

    height:16px;

}



/*Styling for placeholder text*/

#header_search input::-webkit-input-placeholder {

    color: #a8a7ab;

}



#header_search input:-moz-placeholder { /* Firefox 18- */

    color: #a8a7ab;

}



#header_search input::-moz-placeholder {  /* Firefox 19+ */

    color: #a8a7ab;

}



#header_search input:-ms-input-placeholder {

    color: #a8a7ab;

}



#header_search #submit{

    background-image:url("/assets/images/search_icon.png");

    background-size:12px 14px;

    background-repeat:no-repeat;

    width:12px;

    height:14px;

    cursor: pointer;

    background-position:center center;

}



#page_content .content_top{

    background-position:center top !important;

    margin-bottom:50px;

    width:100%;

    height:400px;

    overflow:hidden;

    position:relative;

}



.content_top #main_text{

	border-radius:5px;

	margin-left:70px;

	margin-top:40px;

	padding:13px 20px;

	font-size:32px;

	color:#656565;

	background:#ffffff;

	float:left;

	font-weight:100;

}



.main_page_image_text{

    overflow:hidden;

    border-radius: 5px 0px 0px 5px;

    float:right;

	margin-top:166px;

}



#content_top_slider{

    width:20000px;

    overflow:hidden;

}



.content_top #arrow_wrapper{

	/*width:100%;*/

	/*clear:both;*/

}



#left_arrow, #right_arrow{

	top:50%;

	margin-top:-35px;

}



#left_arrow{

	position:absolute;

	left:0;

}



#right_arrow{

	position:absolute;

	right:0;

}



#content_top_slider .slider_image{

    float:left;

    width:1280px;

    height:400px;

    background-position-x:center;

    background-size:100% 100%;

}



#content_top_slider .slider_image.link_slider{

    cursor:pointer;

}



 .main_page_image_text a h2, .main_page_image_text a img{

    margin:0;

    float:right;

    background:#ffffff;

}



.main_page_image_text a h2{

    padding:22px;

    line-height: 26px;

    font-size:34px;

    font-weight:100;

    color:#656565;

}



.text_box{

    width:461px;

    margin-left:70px;

}



.text_box h2{

    margin:0;

	padding:3px 0 8px 22px;

	width:439px;

	font-size:32px;

	font-weight:100;

	color:#ffffff;

}



.transparent_background{

	background:rgba(255,255,255,0.75);

}



.text_box #style_page_text{

	width:461px;

	border-radius:0 0 5px 5px;

}



.content_top #bullet_points{

    position:absolute;

    float:right;

    right:50%;

    bottom:0;

}



#bullets_inner{

    position:relative;

    overflow:hidden;

    float:right;

    right:-50%;

    margin-top:-43px;

}



.content_top #bullet_points a{

    margin:0 4px;

    float:left;

    width:12px;

    height:12px;

    background:url("/assets/images/bullet_point.png") no-repeat;

    background-position:0px -12px;

}



.content_top #bullet_points a:first-child{

    margin-left:0;

}



.content_top #bullet_points a:last-child{

    margin-right:0;

}



.content_top #bullet_points a.active{

    background-position:0px 0px;

}



.row_wrapper{

	position:relative;

    overflow:hidden;

    margin-bottom:40px;

}



.whole_page_wrapper{

    overflow:hidden;

	margin-bottom:40px;

}



.whole_page_wrapper .link_wrapper{

    margin-right:24px;

}



.whole_page_wrapper .link_wrapper:last-child{

    margin-right:0;

}



.half_page_wrapper{

    overflow:hidden;

    float:left;

	width:558px;

	margin-bottom:40px;

}



.half_page_wrapper:nth-of-type(even){

	margin-left:12px;

}



.half_page_wrapper:nth-of-type(odd){

	margin-right:12px;

}



.half_page_wrapper .link_wrapper:only-child{

	margin-left:0 !important;

	margin-right:12px !important;

}



.half_page_wrapper .link_wrapper:last-child{

	margin-left:12px;

	margin-right:0;

}



.link_wrapper{

    float:left;

    width:267px;

    margin-right:12px;

}



@media (max-width:1279px) {



	.half_page_wrapper{

		width:448px;

	}



	.link_wrapper{

		width:212px;

	}



}



.link_wrapper .link_img{

	border-radius:5px;

    width:100%;

    background-repeat:no-repeat;

    background-color:#ffffff;

    background-position:0 0;

}



.half_page_wrapper .banner_wrapper{

	width:100%;

	margin:0;

	overflow:hidden;

}



.banner_wrapper a{

    display:block;

	margin-top:0;

    font-size:28px;

    color:#ffffff;

    font-weight:500;

    padding:6px 14px 5px 14px;

    margin-bottom:24px;

    border-radius:4px;

}







.link_wrapper h3{

    font-weight:500;

    font-size:18px;

    margin-top:18px;

    margin-bottom:0;

}



.link_wrapper p{

	margin:9px 0 8px 0;

    font-size:14px;

}



.link_wrapper a.main_page_link{

    text-transform: uppercase;

    color: #53565A;  /* changed color from #ac5a58 to #53565A */

    font-size: 12px;

    font-weight: 500;

}



.link_wrapper a.main_page_link div{

  margin-bottom: -4px;

  margin-right: 5px;

  width: 16px;

  height: 16px;

  display: inline-block;

  background: url(/assets/images/arrow_small.jpg) no-repeat;

  background-position: 0 -64px;  /* changed background-position from (0 0) to (0 -64px) */

}



.link_wrapper a span{

    width:16px;

    height:16px;

}

/* ==========================================================================

   Collections Index Page CSS

   ========================================================================== */



#content_links .arrowed_link{

    display:block;

    overflow:hidden;

    width:100%;

    margin-top:7px;

    margin-bottom: 10px;

}



.arrowed_link h3{

    float:left;

    width:100%;

    margin:0;

}



.link_arrow{

    margin-top:1px;

    float:right;

    width:16px;

    height:16px;

    background-image:url("/assets/images/arrow_small.jpg");

}



.half_content .banner_wrapper{

    width:47.5%;

    margin-right:52.5%;

}



.half_content .link_wrapper{

	margin-left:0 !important;

	margin-right:1.25% !important;

}



.red .banner_wrapper a{

    background:#ac5a58;

}



.brown .banner_wrapper a{

    background:#a57052;

}



.yellow .banner_wrapper a{

    background:#c2b58e;

}



.green .banner_wrapper a{

    background:#9ba185;

}



.blue .banner_wrapper a{

    background:#445868;

}



.tangelo .banner_wrapper a {

  background: #FF5C39;

}



.grape .banner_wrapper a {

  background: #893B67;

}



.mint .banner_wrapper a {

  background: #40C1AC;

}



/* ==========================================================================

   Collection Page CSS

   ========================================================================== */



#style_page_image{

	height:395px;

	border-top:5px solid #ac5a58;

}



#style_page_image.tangelo {

  height: 395px;

  border-top: 5px solid #FF5C39;

}



#style_page_image.grape {

  height: 395px;

  border-top: 5px solid #893B67;

}



#style_page_image.mint {

  height: 395px;

  border-top: 5px solid #40C1AC;

}



.style_wrapper{

	float:left;

	width:170px;

	margin-right:24px;

}



.half_page_wrapper .style_wrapper:last-child{

	margin-right:0;

}



.style_image{

	height:170px;

	width:170px;

}



@media (max-width:1279px) {



	.style_wrapper{

		width:133px;

	}



	.half_page_wrapper .style_wrapper:last-child{

		margin-right:1px;

	}



	.style_image{

		width:133px;

		height:133px;

	}



}



.style_wrapper .style_link{

    display:block;

    overflow:hidden;

    width:100%;

    margin-top:9px;

}



.style_link h3{

    overflow: hidden;

	margin:0;

	font-size:18px;

	font-weight: 500;
	color: #53565A;

	

}



#style_page_image .text_box h2{

	background:#ac5a58;

}



#style_page_image .text_box h2.tangelo {

  background: #FF5C39;

}



#style_page_image .text_box h2.grape {

  background: #893B67;

}



#style_page_image .text_box h2.mint {

  background: #40C1AC;

}



#style_page_text #textbox_padding{

    padding:20px 27px 8px 27px;

    font-size:18px;

    font-weight:100;

    margin:0;

}



#style_page_text p{

	font-size:18px;

	font-weight:100;

	margin:0;

}

/* ==========================================================================

   Style Page CSS

   ========================================================================== */



#content_bottom{

    position:relative;

}



#back_nav{

	list-style:none;

	padding:0;

	margin-bottom:17px;

}



.content_top #metropolitan_page{

    height:auto;

}



#back_nav li{

	display:inline;

	color:#ac5a58;

	font-size:12px;

	font-weight:100;

}



#back_nav li a{

	color:#ac5a58;

	font-size:12px;

	font-weight:100;

}



#back_nav li a.active{

	color:#435868;

	font-weight:500;

}



#background_apply{

    background-color:#f8f8f8;

}



#selected_sample{

	overflow:hidden;

    padding-top:40px;

    padding-bottom:36px;

}



#selected_left, #selected_middle{

	float:left;

}



#selected_left{

	width:267px;

	margin-right:24px;

}



#selected_left #selected_color_text{

	margin-top:12px;

	font-size:16px;

	color:#91999f;

}



img#selected_color{

	width:264px;

	height:264px;

	border:1px solid #d5d3e1;

	border-radius:4px;

}



#selected_middle{

	width:461px;

}



#selected_sample h3, #content_bottom h3{

	margin:1px 0 0 0;

	font-weight:500;

	line-height:28px;

	font-size:26px;

	color:#435868;

}



#selected_middle h3 span{

	font-weight:100;

}



#selected_middle h4{

	margin-top:27px;

	font-weight:100;

	font-size:18px;

}



#selected_right{

	width:267px;

	float:right;

    position:relative;

}



#samples_content{

	max-height:230px;

	overflow-y:auto;

}



.message_center{

    position:absolute;

    background-color:rgba(76, 76, 76, 0.75);;

    width:100%;

    height:100%;

    display:none;

}



.message_center p{

    color:#fff;

    text-align:center;

}



#collection_message{

    height:230px;

    top:37px;

}



.cart_full_ok{

    border:none;

    outline:none;

    cursor:pointer;

    font-weight: 500;

    line-height: 31px;

    border-radius: 4px;

    text-transform: uppercase;

    padding: 0 34px;

    background: #ac5a58;

    color: #ffffff;

    display:block;

}



#collection_message .cart_full_ok{

    margin:10px auto;

    width:84px;

}



#collection_message p{

    width:210px;

    text-align:center;

    margin:15px auto;

    color:#fff;

}



#bottom_style_message .cart_full_ok{

    margin:0 auto 20px auto;

}



#mobile_sample{

	display:none;

}



.bar_sample{

	overflow:hidden;

	padding:10px 0;

}



.bar_sample .selected_sample_image{

	width:32px;

	height:32px;

}



.bar_sample:nth-of-type(odd){

	background-color:#ffffff;

}



.bar_sample:nth-of-type(even){

	background-color:#f8f8f8;

}



.bar_sample .selected_sample_image, .bar_sample p{

	float:left;

}



.bar_sample p{

	margin:4px 0 0 10px;

}



.bar_sample .remove_sample_btn{

	float:right;

}



#samples_wrapper{

	overflow:hidden;

	display:block;

}



#selected_right #right_header{

	padding-bottom:7px;

	border-bottom:1px solid #f4ccc6;

}



#right_header h3, .selected_samples, .checkout_icon{

	display:inline-block;

}



#selected_right #button_wrapper{

	margin-top:3px;

	margin-right:1px;

}



.checkout_icon{

	margin-left:3px;

	width:24px;

	height:23px;

	background-image:url("/assets/images/cart_icon.png");

}



#get_sample{

	overflow:hidden;

	width:229px;

	border-radius:4px;

}



@media (max-width:1279px) {



	#selected_middle{

		width:361px;

	}



	#get_sample{

		margin-top:68px;

	}



}



#get_sample a p{

	padding:8px 14px;

	margin:0;

	float:left;

	font-size:12px;

	vertical-align:middle;

	color:#ffffff;

	background-color:#ac5a58;

}



#get_sample a img{

	padding:8px;

	float:left;

	width:16px;

	height:16px;

	background-repeat:no-repeat;

	background-color:#231f20;

}



#content_bottom_header{

	overflow:hidden;

}



#content_bottom_header p#color_select_text{

	font-size:14px;

	margin-top:6px;

	margin-bottom:10px;

}



#colors_wrapper{

	padding:0 12px;

}



#colors_wrapper div{

	position:relative;

    display:block;

	float:left;

	width:73px;

	margin:10px 20px 10px 0px;

}



#colors_wrapper div img{

	width:72px;

	height:72px;

	border:1px solid #d6d4e1;

	border-radius:4px;

}



#colors_wrapper div a{

	position:absolute;

	margin:0;

	bottom:7px;

	width:100%;

	text-align:center;

	color:#ffffff;

	border-radius:4px;

	background:rgba(0,0,0,0.5);

	font-size:10px;

	display:none;

}



#colors_wrapper div p{

    margin-top:12px;

    margin-bottom:6px;

    font-size:12px;

    white-space: nowrap;

    -o-text-overflow: ellipsis;

    overflow: hidden;

    text-overflow: ellipsis;

}



#colors_wrapper div.active{

	width:75px;

	height:75px;

	margin:4px 14px 7px -4px;

	border:4px solid #ac5a58;

	border-radius:7px;

}



#colors_wrapper .sample.active{

    margin-bottom:41px;

}



#colors_wrapper div.active img{

	width:74px;

	height:74px;

	border:1px solid #ffffff;

}



#colors_wrapper div.active a{

	display:block;

}



#color_details{

	overflow:hidden;

	width:100%;

	margin-bottom:40px;

}



#color_details table{

	margin-top:25px;

}



#color_details tr td:first-child{

/* 	padding-right:65px; */

}



#color_details td{

	font-size:14px;

	padding:6px 0;

}



#table_right tr td:first-child{

    width:250px;

}



#table_right .first_row .question_mark{

	margin-left:6px;

	margin-top:-16px;

}



#table_right .first_row{

	font-weight:500;

}



#table_right td{

    padding-top:0;

    padding-bottom:0;

}



#table_right li{

    font-size:14px;

    padding:6px 0;

}



/* ==========================================================================

   Inspirations Page CSS

   ========================================================================== */



.inspiration_text_box h2{

	background:#91999f;

}



.two_column_wrapper{

    float:left;

    overflow:hidden;

    width:558px;

    margin-right:12px;

}



@media (max-width:1279px) {



    .two_column_wrapper{

        width:448px;

    }



}



.two_column_wrapper:last-child{

    margin-right:0;

    margin-left:12px;

}



.two_column_wrapper .half_page_wrapper{

    margin:0;

}



.two_column_wrapper .half_page_wrapper:last-child{

    margin:0;

}



h5.gallery_page{

    font-size:28px;

    margin-top:0;

    margin-bottom:35px;

	color:#445868 !important;

	padding-left:0 !important;

}



/* ==========================================================================

   Rooms Page CSS

   ========================================================================== */



#gallery_slider{

    height:830px;

    overflow:hidden;

    position:relative;

}



#galleries_wrapper{

    height:760px;

    margin-left:0;

}



.rooms_page_image{

    float:left;

	height:760px;

    background-position:center;

    background-size:100% 100%;

    margin-bottom:70px;

    width:1140px;

    overflow:hidden;

    position:relative;

}



@media (max-width:1279px) {



    .rooms_page_image{

        width:924px;

    }



}



.rooms_page_text_box{

	border-radius:4px;

	padding:25px 27px 29px 25px;

	position:absolute;

	bottom:75px;

	right:71px;

}



.mobile_buttons{

    display:none;

    position:absolute;

    right:14px;

    top:17px;

}



.info_button{

    position:absolute;

    top:0;

    right:0;

}



.info_button img{

    width:24px;

}



.gallery_close_text_box{

    display:none;

    position:absolute;

    top:1px;

    right:1px;

}



.gallery_close_text_box img{

    width:22px;

}



.rooms_page_text_box p{

	width:241px;

	margin:0 0 18px 0;

}



.rooms_page_text_box .arrowed_link h3{

	font-size:18px;

	width:178px;

}



a.room_link{

	border-radius:5px;

	float:left;

	display:block;

	height:113px;

	width:167px;

	margin-right:28px;

}



a.room_link:last-child{

    margin-right:0;

}



.small_arrow_bar{

	width:100%;

	clear:both;

}



.small_arrow_bar #left_arrow_small, .small_arrow_bar #right_arrow_small{

	top:50%;

	margin-top:-17px;

}



.small_arrow_bar #left_arrow_small{

	position:absolute;

	left:0;

}



.small_arrow_bar #right_arrow_small{

	position:absolute;

	right:0;

}



#rooms_bottom_nav{

	overflow:hidden;

	padding:0;

}







#rooms_bottom_nav li{

	float:left;

	font-size:14px;

	font-weight:500;

}



#rooms_bottom_nav li a{

	color:#ab5957;

	border-left:1px solid #e9e7ee;

	padding:0 10px 0 6px;

}



@media (max-width:1279px) {

	#rooms_bottom_nav li{

		font-size:12px;

	}

	#rooms_bottom_nav li a{

		padding:0 9px 0 6px;

	}

}



#rooms_bottom_nav li:nth-child(2) a{

	border-left:none;

}



#rooms_bottom_nav li a.active{

	color:#435868;

	font-weight:500;

}

/* ==========================================================================

   Design Page CSS

   ========================================================================== */



#design_top{

	background-color:#f8f8f8;

}



#design_top #top_left, #design_top #top_right{

	width:40%;

	overflow:hidden;

}



#design_top #top_left{

	float:left;

}



#design_top #top_right{

	float:right;

}



#top_wrapper h3{

	margin-top:30px;

	margin-bottom:40px;

	font-size:28px;

    font-weight:500;

	color:#435868;

}



h3.design_sub_header{

	margin-top:34px;

	margin-bottom:41px;

	font-size:28px;

	color:#435868;

	font-weight:500;

}



#design_top h3 span, #design_middle h3 span, #design_bottom h3 span{

	font-weight:100;

	color:#231f20;

}



.tip_wrapper{

	float:left;

	overflow:hidden;

	margin-bottom:46px;

}



.tip_wrapper .tip_image{

	margin-right:27px;

	width:68px;

	text-align:center;

}



.tip_top .tip_image, .tip_top h4{

    float:left;

}



.tip_wrapper p{

    font-size:14px;

    margin:16px 0 0 95px;

    clear:both;

}



@media (max-width:1279px) {



	.tip_wrapper .tip_right{

		width:274px;

	}



}



.tip_top h4{

	color:#435868;

    font-size:18px;

    font-weight:500;

	margin:15px 0 0 1px;

}



.tip_wrapper p{

}



#design_features{

	overflow:hidden;

}



.feature_wrapper{

	text-align:center;

	float:left;

	width:120px;

	margin:0 85px;

	margin-bottom:40px;

}



@media (max-width:1279px) {



	.feature_wrapper{

		margin: 0 55px !important;

	}

}



.feature_wrapper:first-child{

	margin-left:75px;

}



.feature_wrapper:last-child{

	margin-right:75px;

}



.feature_wrapper img{

	display:block;

	width:48px;

	height:48px;

	margin:0 auto;

}



.feature_wrapper p{

	width:100px;

	font-size:18px;

	border-radius:5px;

	border:1px solid #ab5957;

	color:#ab5957;

	font-weight:500;

	margin:12px auto 0 auto;

	padding:2px;



}



#tips_and_tricks{

	background:#f8f8f8;

    padding-bottom:50px;

}



#tips_and_tricks h3{

	margin-bottom:32px;

}



#tips_and_tricks, #resources{

	overflow:hidden;

}



.lower_tip{

	width:170px;

	float:left;

	margin-right:72px;

}



@media (max-width:1279px) {



	.lower_tip{

		margin-right:18px;

	}



}



#lower_tips_wrapper .lower_tip:last-child{

	margin-right:0;

}



.lower_tip h5{

	margin-top:0;

	margin-bottom:12px;

	font-size:16px;

	color:#ab5957;

	font-weight:500;

}



.lower_tip p{

	color:#231f20;

	font-size:14px;

	margin:0;

}



#resources{

	margin-bottom:46px;

}



#resources ul{

	padding:0;

	overflow:hidden;

}



#resources ul li{

	float:left;

	margin-right:24px;

	width:170px;

}



#resources ul li:last-child{

	margin-right:0;

}



#resources ul li a{

	font-size:16px;

	font-weight:500;

	color:#ab5957;

}



#resources ul li a div{

	width:16px;

	height:16px;

	display:inline-block;

	margin-right:4px;

	margin-bottom:-2px;

}



#resources ul li a div.sideways{

	background-image:url("/assets/images/arrow_small.jpg");

	background-repeat:no-repeat;

}



#resources ul li a div.down{

	background-image:url("/assets/images/arrow_small_down.jpg");

	background-repeat:no-repeat;

}



/* ==========================================================================

   Options Page CSS

   ========================================================================== */



.options_page{

	margin-bottom:56px;

}



#options_top{

	background:#f8f8f8;

	margin-top:14px;

}



#options_top h3{

	margin-bottom:26px;

	margin-top:36px;

	font-size:28px;

	color:#435868;

}



#options_top p{

	margin-bottom:50px;

	font-size:18px;

	font-weight:100;

}



.option_wrapper h4{

    font-size:18px;

    font-weight:500;

	margin-bottom:15px;

	color:#435868;

}



.option_image, .options_middle, .options_right{

	float:left;

}



.option_image{

	margin-top:5px;

	width:170px;

	height:170px;

	margin-right:24px;

	background-image:url("/assets/images/options_img.jpg");

	background-position:center;

}



.options_middle{

	width:170px;

	margin-right:24px;

}



.options_middle p{

	font-size:14px;

	margin:0;

	width:122px;

}



.options_right{

	margin-top:1px;

	width:170px;

}



.options_right h5{

    font-size:14px;

	margin:0 0 1px 0;

}



.options_right a{

	font-size:14px;

	display:block;

	color:#ab5957;

}



.options_right a div{

    background:url("/assets/images/arrow_small.jpg") no-repeat;

    background-position:0 0;

    width:16px;

    height:16px;

    float:left;

    margin-top:1px;

    margin-right:9px;

}



@media (max-width:1279px) {



	.option_image{

		width:148px;

		height:148px;

		background-size:148px 148px;

	}



	.options_middle{

		width:122px;

	}



	.options_right{

		width:130px;

	}



}

/* ==========================================================================

   Samples Page CSS

   ========================================================================== */



#samples_page_image{

    background-size:1280px 350px;

}



#samples_image_bar{

	width:100%;

	position:absolute;

	bottom:0;

}



#samples_image_bar #bar_left{

	width:570px;

	padding-left:70px;

	height:50px;

	float:left;

	background-color:#e9e7ee;

}



#samples_image_bar #bar_right{

    padding-left:58px;

	padding-right:70px;

	height:50px;

	float:right;

	background-color:#d6d4e1;

}



#bar_left a{

	display:block;

	margin-top:7px;

	color:#ff6501;

	font-weight:500;

	font-size:14px;

}



#bar_left p, #bar_left img{

    float:left;

}



#bar_left p{

    margin:11px 0 0 12px;

}



#bar_right, #bar_right p, #samples_search{

	float:left;

}



#bar_right p{

	margin:18px 12px 12px 0;

	font-size:14px;

	font-weight:500;

}



#samples_search{

	border-radius:5px;

	margin:7px 0;

	padding:7px 12px;

	width:167px;

	background-color:#ffffff;

}

#samples_search input{

	outline:none;

	border:none;

	width:149px;

	font-size:12px ;

}



#samples_search img{

    width:12px;

    height:14px;

}



#samples_message{

    height:100%;

    top:0;

    border-radius:5px;

}



#samples_message p{

    width:300px;

    margin:50px auto 20px auto;

    color:#fff;

    text-align:center;

}



#samples_message .cart_full_ok{

    width:84px;

    margin:0 auto;

}



#select_samples_wrapper{

    overflow:visible;

    margin-top:-50px;

}



/*Styling for placeholder text*/

#samples_search input::-webkit-input-placeholder {

	font-size:11px;

    color:#62676b;

}



#samples_search input:-moz-placeholder { /* Firefox 18- */

	font-size:11px;

    color:#62676b;

}



#samples_search input::-moz-placeholder {  /* Firefox 19+ */

	font-size:11px;

    color:#62676b;

}



#samples_search input:-ms-input-placeholder {

	font-size:11px;

    color:#62676b;

}



#samples_page_wrapper{

    position:relative;

	background-color:#f8f8f8;

	border:1px solid #d6d4e1;

    padding-bottom:40px;

    border-bottom:6px solid #d6d4e1;

    border-radius:5px;

    margin-bottom:18px;

}



#samples_page_wrapper .sample_banner_arrow{

    position:absolute;

    top:-15px;

    left:122px;

}



#samples_page_wrapper .close_button{

    right:9px;

    top:9px;

}



.samples_margin{

	margin:0 49px;

}



.banner_left h3, .banner_left a{

    float:left;

}



.banner_left a{

    display:none;

    margin-right:16px;

    margin-top:2px;

    width:32px;

    height:32px;

}



#samples_banner{

    margin-top:41px;

    margin-left:50px;

    margin-right:84px;

    overflow:hidden;

}



#samples_banner h3{

    margin:0;

}



#samples_banner h3 span#red_text{

    font-weight:100;

    color:#ab5958;

}



#samples_banner h3 span{

    font-size:28px;

    font-weight:500;

    color:#435868;

}



#banner_right{

    display:none;

}



#banner_right .selected_samples, #banner_right .checkout_icon{

    margin-top:4px;

}



#banner_right .checkout{

    margin-left:14px;

}



.row_wrapper.active{

    margin-bottom:13px;

}



.sample_link img{

    cursor:pointer;

}



@media (max-width:1279px) {



	#samples_image_bar #bar_left{

        padding-left:35px;

        width:477px;

	}



    #samples_image_bar #bar_right{

        padding-left:17px;

        padding-right:35px;

    }



    #bar_right p{

        margin:17px 5px 17px 0;

        font-size:12px;

    }



    #samples_banner{

        margin-right:145px;

    }



}

 /* ==========================================================================

   Checkout Page CSS

   ========================================================================== */



.format-canada {

	display: none;

}



#back_nav.checkout_nav li, #back_nav.checkout_nav li a{

	color:#91999e;

}



#back_nav.checkout_nav li a.active{

    color:#000000;

    font-weight:100;

}



#checkout_content{

    margin-bottom:50px;

    overflow:hidden;

    background-color:#e9e7ee;

}



#checkout_left{

    float:left;

    width:776px;

    min-height:400px;

    padding-right:73px;

    padding-left:70px;

    background-color:#f8f8f8;

}



#checkout_right{

    float:left;

    width:267px;

    padding-left:24px;

    padding-right:70px;

}



.checkout_page h3{

    margin:0;

    font-size:28px;

    font-weight:normal;

    color:#435868;

}



#checkout_left, #checkout_right{

    padding-top:39px;

}



#checkout_description{

    font-weight:100;

    font-size:18px;

    margin-top:0;

    margin-bottom:45px;

}



#checkout_right p{

    font-weight:100;

    font-size:14px;

    margin-top:0;

    margin-bottom:12px;

}



#checkout_wrapper{

    overflow:hidden;

    margin-bottom:36px;

}



.checkout_sample{

    padding:8px;

    overflow:hidden;

    position:relative;

    background:#ffffff;

    width:348px;

    margin-right:24px;

    margin-bottom:9px;

    float:left;

}



.checkout_sample .checkout_image, .checkout_sample p{

    float:left;

}



.checkout_image{

    border-radius:5px;

    width:73px;

    height:73px;

    border:1px solid #d6d4e1;

}



.checkout_sample p{

    margin:9px 23px !important;

    font-size:14px !important;

    color:#231f20;

    font-weight:100;

}



.checkout_sample .close_button{

    top:8px;

    right:8px;

}



#checkout_form input{

    outline:none;

    border:none;

    width:247px;

    padding:5px 10px;

    margin:6px 0;

    border-radius:3px;

    font-family:"Source Sans Pro-Regular", sans-serif;

    font-size:12px;

    height:18px;

}



#checkout_form input[type="radio"] {

	display: inline-block;

	width: auto;

	vertical-align: middle;

}



#checkout_form label {

	margin-right: 1em;

}



/*Styling for placeholder text*/

#checkout_form input::-webkit-input-placeholder {

    font-size:12px;

    font-family:"Source Sans Pro-Regular", sans-serif;

    color: #61676b;

}



#checkout_form input:-moz-placeholder { /* Firefox 18- */

    font-size:12px;

    font-family:"Source Sans Pro-Regular", sans-serif;

    color: #61676b;

}



#checkout_form input::-moz-placeholder {  /* Firefox 19+ */

    font-size:12px;

    font-family:"Source Sans Pro-Regular", sans-serif;

    color: #61676b;

}



#checkout_form input:-ms-input-placeholder {

    font-size:12px;

    font-family:"Source Sans Pro-Regular", sans-serif;

    color: #61676b;

}



#checkout_form #city{

    width:55%;

    float:left;

}



#checkout_form #state{

    width:28%;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    outline:none;

    margin-left:24px;

    font-size:12px;

    font-family:"Source Sans Pro-Regular", sans-serif;

    background:url("/assets/images/dropdown_arrow.png") no-repeat 53px 12px #ffffff;

    margin-top:6px;

    padding:7px 35px 7px 14px;

    -webkit-appearance: none;

    color: #61676b;

    border:0;

    border-radius:3px;

    float:left;

}



#checkout_form #country {

    height: 30px;

    padding: 7px 35px 7px 6px;

    margin: 6px 0;

    width: 165px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    outline: none;

    font-size: 12px;

    font-family: "Source Sans Pro-Regular", sans-serif;

    background: url("/assets/images/dropdown_arrow.png") no-repeat 143px 12px #ffffff;

    margin-top: 6px;

    padding: 7px 35px 7px 14px;

    -webkit-appearance: none;

    color: #61676b;

    border: 0;

    border-radius: 3px;

}



#checkout_form #province {

    width: 28%;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    outline: none;

    margin-left: 24px;

    font-size: 12px;

    font-family: "Source Sans Pro-Regular", sans-serif;

    background: url("/assets/images/dropdown_arrow.png") no-repeat 53px 12px #ffffff;

    margin-top: 6px;

    padding: 7px 35px 7px 14px;

    -webkit-appearance: none;

    color: #61676b;

    border: 0;

    border-radius: 3px;

    float: left;

}



#checkout_form #place_order{

    cursor:pointer;

    width:267px;

    height:auto;

    display:block;

    font-size:12px;

    color:#ffffff;

    font-weight:500;

    background:#ac5a58;

    border-radius:4px;

    padding:8px 0;

    text-align:center;

    margin-top:15px;

}



@media (max-width:1279px) {

    #checkout_left{

        width:500px;

        padding-left:50px;

    }



    #checkout_right{

        width:267px;

        padding-left:67px;

        padding-right:67px;

    }

}



/* ==========================================================================

   Controls Page CSS

   ========================================================================== */



.controls_link{

    float:left;

    width:364px;

    margin-bottom:37px;

    margin-left:24px;

}



.controls_link:first-of-type{

    margin-left:0;

}



.controls_link .controls_video_wrapper{

    width:364px;

    height:240px;

}



.red.controls_banner{

    width:100%;

    background:#ac5a58;

}



.brown.controls_banner{

    width:100%;

    background:#a57052;

}



.yellow.controls_banner{

    width:100%;

    background:#c2b58e;

}



.green.controls_banner{

    width:100%;

    background:#9ba185;

}



.blue.controls_banner{

    width:100%;

    background:#445868;

    color:#fff;

}



.tangelo.controls_banner {

  width: 100%;

  background: #FF5C39;

  color: #fff;

}



.grape.controls_banner {

  width: 100%;

  background: #893B67;

  color: #fff;

}



.mint.controls_banner {

  width: 100%;

  background: #40C1AC;

  color: #fff;

}



.controls_banner{

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    border-radius:4px;

    color:#ffffff;

    font-size:28px;

    margin:0 0 30px 0;

    padding:6px 14px 5px 14px;

    font-weight:500;

}



.controls_link h3{

    font-weight: 500;

    font-size: 18px;

    margin-top: 22px;

    margin-bottom: 0;

}



@media (max-width:1279px){

    .controls_link .controls_video_wrapper{

        width:292px;

        height:193px;

    }



    .controls_link{

        width:292px;

        margin-bottom:30px;

    }



    .controls_link img{

        width:292px;

        height:193px;

    }

}



/* ==========================================================================

   About CSS

   ========================================================================== */



#about_left{

    float:left;

    width:75%;

}



#about_right{

    float:right;

    width:25%;

}



#about_left h3{

    margin:0 0 10px 0;

    font-weight:500;

}



#about_left p{

    margin:10px 0;

    font-size:14px;

}



#about_left p span{

    color:#ab5d59;

    font-size:15px;

    font-weight:400;

}



#about_right a{

    display:block;

    float:right;

    color:#ab5d59;

    border:1px solid #ab5d59;

    border-radius:4px;

    width:145px;

    text-align:center;

    clear:both;

    margin-top:10px;

}



/* ==========================================================================

   Search CSS

   ========================================================================== */



#page_content.search_page{

    background-color:#f8f8f8;

}



.search_result{

    width:100%;

    overflow:hidden;

    margin-bottom:15px;

}



.search_result_left_wrapper, .search_result_right{

    float:left;

}



.search_result_left{

    width: 72px;

    height: 72px;

    border-radius: 36px;

    margin:0 auto;

}



.search_result_left.product{

    background-color:#ab5a57;

}



.search_result_left.article{

    background-color:#9198a0;

}



.search_result_left.style{

    background-color:#2e8458;

}



.search_result_left.swatch{

    background-color:#2a4893;

}



.search_result_left.gallery{

    background-color:#f59a50;

}



.search_result_left p{

    margin: 0;

    width: 72px;

    height: 72px;

    line-height: 72px;

    font-size: 12px;

    text-align: center;

    color:#ffffff;

    text-transform:uppercase;

}



.search_result_right{

    margin-left:15px;

    width:1051px;

}



.search_result_right p, .search_result_right a{

    font-size:14px;

}



.search_result_right h4{

    margin-top:0;

    margin-bottom:6px;

    color:#415667;

}



.search_result_right p{

    margin:0;

    max-height:38px;

    overflow:hidden;

}



.search_result_right a{

    color:#ac5a58;

}



@media (max-width:1279px) {



    .search_result_right{

        width:837px;

    }



}



/* ==========================================================================

   Contact CSS

   ========================================================================== */



#contact_form{

    overflow:hidden;

    float:left;

    width:50%;

}



#contact_form input, #contact_form textarea{

    background-color:#e9e8ee;

    border:1px solid #d6d5db;

    border-radius:4px;

    outline:none;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    padding:10px 11px;

}



#contact_form #left_column{

    float:left;

}



#contact_form #left_column input{

    width:100%;

    display:block;

}



#contact_form #left_column input:last-child{

    margin-top:15px;

}



#contact_form #left_column, #contact_form textarea{

    width:47.5%;

    height:130px;

}



#contact_form textarea{

    margin-left:5%;

}



#contact_form #contact_submit{

    font-weight: 500;

    line-height: 31px;

    border-radius: 4px;

    text-transform: uppercase;

    margin:0;

    padding: 0 34px;

    background: #ac5a58;

    color: #ffffff;

    cursor:pointer;

    float:right;

}



/* ==========================================================================

   Shopathome CSS

   ========================================================================== */



    #check_availability{

        overflow:hidden;

        margin-bottom:20px;

    }



    #check_availability input, #check_availability button{

        float:left;

    }



    #check_availability button{

        margin-left:13px;

    }



    #shopathome_input_wrapper{

        max-width:400px;

    }



    .shopathome_input{

        outline:none;

        margin:0;

        background-color:#e8e7ed;

        border:1px solid #d7d5e0;

        border-radius:4px;

        padding:9px;

    }



    #shopathome_form{

        display:none;

        padding-bottom:20px;

        max-width:800px;

    }



    p#no_location{

        max-width:800px;

    }



    #shopathome_input_wrapper .shopathome_input{

        margin-bottom:20px;

        margin-right:10px;

    }



    .shopathome_button{

        background-color:#ab5a57;

        border:none;

        border-radius:4px;

        color:#fff;

        padding:9px;

        font-size:12px;

        outline:none;

        cursor:pointer;

        margin-bottom:0;

    }



    /*Styling for placeholder text*/

    .shopathome_input::-webkit-input-placeholder {

        font-size:12px;

        color: #4a484d;

    }



    .shopathome_input:-moz-placeholder { /* Firefox 18- */

        font-size:12px;

        color: #4a484d;

    }



    .shopathome_input::-moz-placeholder {  /* Firefox 19+ */

        font-size:12px;

        color: #4a484d;

    }



    .shopathome_input:-ms-input-placeholder {

        font-size:12px;

        color: #4a484d;

    }



    #shopathome_products{

        display:block;

        margin-bottom:15px;

    }



    .checkbox_wrapper{

        float:left;

        margin-right:20px;

        margin-bottom:15px;

        width:180px;

    }



    #appt_success h1{

        margin:0;

        color:#445868;

    }



    #appt_success{

        display:none;

    }



/* ==========================================================================

   Footer CSS

   ========================================================================== */



footer{

	height:196px;

    background:#e9e7ee;

}



#footer_top {

    position: relative;

    height: 157px; /* change from 136px to 157px */

}



.footer_margin{

    width:1140px;

    overflow:hidden;

    margin:0 auto;

}



@media (max-width:1279px) {

	.footer_margin{

		width:924px;

	}

}



footer ul{

    list-style: none;

    padding:0;

}



#footer_left, #footer_left li{

    float:left;

}



#footer_left{

	margin-top:45px;

}



#footer_left li a{

    display:block;

    padding:0 16px;

    margin:4px 0;

    border-right:1px solid #ac5a58;

    color:#ac5a58;

    line-height:8px;

    font-size:12px;

    font-weight:100;

}



#footer_left li:first-child a{

    padding-left:0;

}



#footer_left li:last-child a{

    border-right:none;

}



#footer_right, #footer_mid {

    margin-top: 30px; /* change from 50px to 30px */

}



#footer_mid{

	position:absolute;

    font-size:13px;

    line-height:41px;

    left:51%;

    margin-left:-230px;

}
#footer_mid .right-col{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	max-width: 290px;
}
#footer_mid .right-col a{
	display: block;
	flex: 1 1 auto;	
	float: none;
}

#footer_mid a.kent{
	float: right;
	margin-top: 10px;
}

#footer_mid a, #footer_mid p{

    float:left;

}



#footer_mid p{

    margin:0;

}



#footer_mid a{

    font-weight:500;

    line-height:31px;

    border-radius:4px;

    text-transform:uppercase;

    margin: 0px 15px;

    padding: 5px 35px;

    background:#ac5a58;

    color:#ffffff;

}



#footer_mid_bottom {

    position: absolute;

    font-size: 13px;

    line-height: 41px;

    left: 51%;

    margin-left: -230px;

    margin-top: 85px;

}

#footer_mid_bottom a {

    font-weight: 500;

    line-height: 31px;

    border-radius: 4px;

    text-transform: uppercase;

    margin: 0px 15px;

    padding: 13px 35px 13px 35px;

    background: #ac5a58;

    color: #ffffff;

    height: 41px;

    margin-left: 269px;

}



#footer_right{

    float:right;

}

#footer_right .kent{
	margin-top: 18px;
}




#footer_right a, #footer_right p{

    display:inline-block;

    vertical-align:middle;

}



#footer_right a div{

  background-image: url("/assets/images/home_depot.png");

  background-size: cover;

  height: 41px;

  width: 41px;

}



#footer_right p{

    font-size:11px;

    margin-right:8px;

    font-weight: 500;

}





#footer_right_bottom {

    margin-top: 85px;

    position: absolute;

    right: 0;

}

#footer_right_bottom a{

    text-align: center;

    display: block;

}

#footer_right_bottom a div{

    background-image: url("/assets/images/kent.png");

    background-size: cover;

    height: 26px;

    width: 41px;

    vertical-align: middle;

    margin-top: 8px;

}



#footer_bottom{

	height:60px;

    overflow:hidden;

    background:#d6d4e1;

}



#footer_bottom h6{

    color:#737373;

    font-size:11px;

    font-weight:100;

}



#footer_bottom h6, #footer_bottom ul, #footer_bottom li{

    float:left;

}



#footer_bottom ul{

    margin-left:2px;

    margin-top:21px;

    overflow:hidden;

}



#footer_bottom li a{

    font-size:11px;

    padding:0 11px;

    color:#ab5957;

    border-right:1px solid #ab5957;

}



#footer_bottom li:last-child a{

    border-right:none;

}



/* ==========================================================================

   Mobile Version CSS

   ========================================================================== */



@media (max-width:640px){

#footer_mid .right-col{
	justify-content: space-between;
	margin-right: 0px;
	max-width: 100%;
}
#footer_mid .right-col a{
	max-width: 49%;
/* 	padding: 5px; */
	flex: 0 1 49%;
	display: flex;
	align-items: center;
	justify-content: center;
}
#footer_mid a.kent{
	margin-top: 0px;
}

.max_width{

    width:100%;

    border:none;

}



.medium_width{

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    width:100%;

    padding-right:15px;

    padding-left:15px;

}



#back_nav{

    margin-top:16px;

    margin-bottom:9px;

}



#back_nav li a{

    font-size:12px;

}



#main_header{

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    width:100%;

    padding-right:14px;

    padding-left:14px;

    height:95px;

    padding-top:26px;

}



#main_header #logo{

    width:128px;

    height:56px;

}



#header_search{

    display:none;

}



#main_nav{

	display:none;

	float:none;

	padding:0;

	margin:0;

	background:#ffffff;

	z-index:2;

	position:absolute;

	left:0;

	top:84px;

	width:100%;

}



#main_nav li{

	margin:0;

	float:none;

	border-bottom:2px solid #d2d2d3;

	padding:17px 20px 12px 12px;

}



#main_nav li:last-of-type{

	border-bottom:1px solid #d2d2d3;

}



#main_nav li a{

	font-weight:normal;

	text-transform:uppercase;

	color:#91999f;

	font-size:14px;

}



#main_nav li a.active{

	color:#91999f;

	border-bottom:none;

}



#main_nav li a:hover{

    color:#91999f;

    border-bottom:none;

}



#main_nav li div{

	width:16px;

	height:29px;

	background-image:url("/assets/images/mobile_nav_arrow.png");

	float:right;

	margin-top:-6px;

}



#main_nav li .selected_samples{

	position:static;

	width:24px;

	height:24px;

	background-image:url("/assets/images/selected_samples_large.png");

	background-size:24px 24px;

	float:right;

	margin-right:30px;

	margin-top:-5px;

}



#main_nav li .selected_samples p{

	margin:6px 0;

	font-size:10px;

}



#bullet_points{

    display:none;

}



.mobile_buttons{

    display:block;

}



#mobile_nav_btn{

    width:24px;

    height:18px;

    margin:15px 0;

    display:block;

    float:right;

}



#page_content .content_top #content_top_slider .slider_image{

    background-size:auto 200px !important;

    height:200px;

}



#page_content .content_top{

    height:200px;

    margin-bottom:25px;

    background-size:100%;

}



.main_page_image_text{

    margin-top: 158px;

}



.main_page_image_text img{

    width:35px;

}



.content_top #main_text{

    font-size:17px;

}



.main_page_image_text a h2{

    padding:5px 5px 4px 5px;

    font-size:17px;

}



.half_page_wrapper .banner_wrapper{

    width:100% !important;

}



.text_box{

    width:70%;

    margin:0 auto;

}



.text_box #style_page_text{

    width:100%;

}



.text_box h2{

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    width:100%;

    padding-right:11px;

    padding-left:11px;

    font-size:18px;

}



#style_page_text p{

    padding: 10px 14px 4px 14px;

    font-size:13px;

}



.banner_wrapper a{

    font-size:24px;

}



.row_wrapper{

    margin-bottom:0;

}



#arrow_wrapper a img{

    width:35px;

}



.half_page_wrapper{

    width:100%;

    margin:0 auto !important;

}



.link_wrapper, .half_page_wrapper .link_wrapper:last-child{

    width:100%;

    margin:0 0 30px 0;

}



.link_wrapper .link_img{

    width:100%;

    height:auto;

    display:block;

    margin:0 auto;

}



.link_wrapper .link_img_wrapper{

    display:block;

    text-align:center;

}



.link_wrapper h3{

    margin-top:10px;

    font-size:17px;

}



.link_wrapper p{

    font-size:14px;

}



#content_links .arrowed_link{

    width:100%;

    margin:0 auto;

}



.link_wrapper a.main_page_link{

    font-size:12px;

}



.link_wrapper a.main_page_link div{

    width:16px;

    height:20px;

    vertical-align:middle;

    background-size:16px 16px;

    background-image:url("/assets/images/arrow_large.jpg");

}



/* ==========================================================================

   Mobile Collection

   ========================================================================== */



.style_wrapper{

    float:none;

    width:170px;

    margin:0 auto 25px auto !important;

}



.style_wrapper .style_image{

    width:170px;

    height:170px;

}



#content_bottom_header p#color_select_text{

    font-size:24px;

}



#content_bottom_header div.float_left{

    width:479px;

}



#details_left, #details_right{

    margin-top:50px;

}



#details_right{

    float:left;

}



/* ==========================================================================

   Mobile Style

   ========================================================================== */

#page_content #metropolitan_page{

    margin-bottom:0;

    height:auto;

}



#selected_sample #selected_left{

    display:none;

}



#background_apply{

    background:none;

}



#selected_middle{

    width:100%;

}



#selected_middle h4{

    font-size:18px;

}



#selected_sample{

    padding-bottom:0;

}



#selected_right{

    z-index:1;

    width:100%;

    position:fixed;

    float:none;

    bottom:0;

    left:0;

    background-color:#ffffff;

}



#selected_right #right_header{

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    padding:15px;

    bottom:0;

    left:0;

    background-color:#f8f8f8;

    border-bottom:none;

}



#samples_content{

    max-height:220px;

    display:none;

    left:0;

    border-bottom:1px solid #f4ccc6;

}



#no_samples{

    display:none;

    margin:0;

}



#mobile_sample{

    display:block;

}



#mobile_sample_image{

    width:41.25%;

    margin-right:20px;

}



#mobile_sample_image img{

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    width:100%;

    border:1px solid #d6d4e1;

    border-radius:4px;

}



#mobile_sample_image, #selection_options{

    float:left;

}



#mobile_selected_text{

    font-size:18px;

    color:#91999e;

}



#selection_options{

    width:50%;

}



#selection_scroller{

    position:relative;

    border-radius:4px;

    background:#f8f8f8;

}



#selected_size{

    position:relative;

    width:89px;

    height:98px;

    overflow:hidden;

    margin:0 auto;

}



#size_scroller{

    position:absolute;

    width:267px;

    height:98px;

}



#size_scroller .size_item{

    width:89px;

    margin-top:10px;

    float:left;

}



.size_item img{

    display:block;

    margin:0 auto;

    width:49px;

    height:49px;

}



.size_item p{

    font-size:10px;

    text-align:center;

}



#selection_scroller .left_scroller{

    position:absolute;

    left:10px;

    bottom:17px;

}



#selection_scroller .right_scroller{

    position:absolute;

    right:10px;

    bottom:17px;

}



.left_scroller,.right_scroller{

    width:9px;

}



#selected_style{

    position:relative;

}



#visible_swatches{

    margin:0 auto;

    width:100%;

    height:36px;

    position:relative;

    overflow:hidden;

}



#swatch_scroller{

    position:absolute;

    top:0;

    left:0;

    width:210px;

}



.mobile_swatch{

    width:36px;

    float:left;

    margin:0 3px;

}



.mobile_swatch img{

    width:100%;

}



#selected_style .left_scroller{

    position:absolute;

    left:-10px;

}



#selected_style .right_scroller{

    position:absolute;

    right:-10px;

}



#selected_style .left_scroller, #selected_style .right_scroller{

    bottom:12px;

}



#get_sample{

    width:100%;

    margin-top:40px;

}



#get_sample a p{

    width:auto;

    float:none;

    padding:8px 26px 8px 58px;

}



.question_mark{

    display:none;

}



tr td:first-child{

/*     padding-right:15%; */

}



#table_right tr td:first-child{

/*     padding-right:10%; */

}



td{

    font-size:12px;

}



#selected_sample h3, #content_bottom h3{

    font-size:28px;

}



#content_bottom_header, #colors_wrapper.style_swatches{

    display:none;

}



/* ==========================================================================

   Mobile Inspiration

   ========================================================================== */



#gallery_swiper{

    width:100%;

    overflow:hidden;

}



#swiper_content{

    left:0;

    width:558px;

}





.two_column_wrapper{

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    width:50%;

    margin:0;

    padding:0;

}



.two_column_wrapper:last-child{

    padding:0;

    margin:0;

}



/* ==========================================================================

   Mobile Gallery

   ========================================================================== */



.rooms_page_image{

    margin:0 0 35px 0;

    width:100%;

    height:380px;

    background-position:center;

}



h5.gallery_page{

    text-align:center;

}



#gallery_slider{

    height:380px;

    padding:0;

}



#galleries_wrapper{

    height:380px;

}



.rooms_links{

    display:none;

}



.rooms_page_text_box{

    display:none;

    position:static;

    width:100%;

    height:100%;

    padding-left:15px;

    padding-top:32px;

}



.rooms_page_text_box p, .rooms_page_text_box .arrowed_link h3{

    width:auto;

    font-size:17px;

}



.rooms_page_text_box .arrowed_link h3 div{

    margin-top:3px;

    margin-left:10px;

    width:16px;

    height:16px;

    background-size:16px 16px;

    background-image:url("/assets/images/arrow_large.jpg");

}



/* ==========================================================================

   Mobile Design Page

   ========================================================================== */





#top_wrapper h3{

    font-size:22px;

}



#design_top #top_left, #design_top #top_right{

    width:100%;

    float:none;

}



.tip_wrapper p{

    margin-left:0;

}



.feature_wrapper{

    margin:10px 6px 15px 0 !important;

}



#design_features{

    width:253px;

    margin:0 auto;

}



.feature_wrapper:first-child{

    margin-left:0;

}



h3.design_sub_header{

    font-size:22px;

}



.feature_wrapper:last-child{

    margin-right:0;

}



.lower_tip{

    width:100%;

    margin:0;

}



/* ==========================================================================

   Mobile Options

   ========================================================================== */



#options_top h3{

    font-size:18px;

}



#options_top p{

    font-size:14px;

}



.option_wrapper .options_middle, .option_wrapper .options_right{

    margin:0 auto;

}



/* ==========================================================================

   Mobile Samples

   ========================================================================== */



    #samples_page_wrapper .sample_banner_arrow{

        display:none;

    }



    #page_content #samples_page_image{

        height:437px;

    }



    #samples_image_bar #bar_left, #samples_image_bar #bar_right{

        -webkit-box-sizing: border-box;

        -moz-box-sizing: border-box;

        box-sizing: border-box;

        width:100%;

        padding:0 35px 0 35px;

    }



    #samples_image_bar #bar_right{

        height:auto;

    }



    #bar_left p{

        font-size:11px;

        margin-top:14px;

        margin-left:6px;

    }



    #bar_left img{

        width:24px;

        height:24px;

        margin:10px 0;

    }



    #bar_right p{

        font-size:15px;

        margin:4px 0;

    }



    #select_samples_wrapper{

        margin-top:0;

        position:fixed;

        left:0;

        top:0;

        z-index:1;

        overflow:auto;

        min-width:100%;

        height:100%;

        display:none;

    }



    #samples_page_wrapper{

        margin-bottom:0;

        display:none;

        min-height:100%;

        min-width:100%;

    }



    #select_samples_wrapper #colors_wrapper{

        padding:0;

        margin:0 0 0 14px;

    }



    #samples_banner{

        margin-left:14px;

        margin-right:0px;

    }



    #samples_banner #banner_right{

        float:left;

    }



    #samples_search{

        margin:0 0 10px 0;

        width:100%;

        -webkit-box-sizing: border-box;

        -moz-box-sizing: border-box;

        box-sizing: border-box;

    }



    #samples_search a{

        float:right;

    }



    #samples_search input{

        width:90%;

        font-size:15px;

    }



    /*Styling for placeholder text*/

    #samples_search input::-webkit-input-placeholder {

        font-size:15px;

    }



    #samples_search input:-moz-placeholder { /* Firefox 18- */

        font-size:15px;

    }



    #samples_search input::-moz-placeholder {  /* Firefox 19+ */

        font-size:15px;

    }



    #samples_search input:-ms-input-placeholder {

        font-size:15px;

    }



/* ==========================================================================

   Mobile Checkout

   ========================================================================== */



#checkout_content{

    margin-bottom:25px;

}



#checkout_left, #checkout_right{

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    width:100%;

    padding-right:25px;

    padding-left:25px;

}



#checkout_form input{

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    width:100%;

    padding-right:10px;

    font-size:15px;

    margin:10px 0;

    height:auto;

}



/*Styling for placeholder text*/

#checkout_form input::-webkit-input-placeholder {

    font-size:14px;

    font-family:"Source Sans Pro-Regular", sans-serif;

    color: #61676b;

}



#checkout_form input:-moz-placeholder { /* Firefox 18- */

    font-size:14px;

    font-family:"Source Sans Pro-Regular", sans-serif;

    color: #61676b;

}



#checkout_form input::-moz-placeholder {  /* Firefox 19+ */

    font-size:14px;

    font-family:"Source Sans Pro-Regular", sans-serif;

    color: #61676b;

}



#checkout_form input:-ms-input-placeholder {

    font-size:14px;

    font-family:"Source Sans Pro-Regular", sans-serif;

    color: #61676b;

}



#checkout_form #city{

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    width:70%;

}



#checkout_form #state{

    width:25%;

    margin-top:10px;

    margin-left:12px;

    font-size:14px;

    padding:5px 12px 8px 10px;

    background-position:right center;

}



#checkout_form #place_order{

    width:auto;

    font-size:12px;

    padding:15px;

    margin-bottom:25px;

}



#checkout_left h3, #checkout_right h3{

    font-size:34px;

}



.checkout_description{

    font-size:24px !important;

}



#checkout_wrapper{

    width:100%;

}



.checkout_sample{

    width:100%;

    margin:0 0 12px 0;

}



.close_button{

    right:22px !important;

}



.checkout_sample .checkout_image{

    width:44px;

    height:44px;

    background-size:44px 44px;

}



.checkout_sample p{

    margin:0px 25px !important;

    font-size:12px !important;

}



/* ==========================================================================

   Mobile Controls

   ========================================================================== */



.controls_link{

    width:100%;

    margin-left:0;

    margin-bottom:18px;

}



.controls_video_wrapper{

    width:100%;

    height:auto;

    margin:0 auto;

}



/* ==========================================================================

   Mobile About/Mobile Contact Us

========================================================================== */



    /*

#page_content .content_top #content_top_slider .large_mobile_slider{

        background-size:auto 400px !important;

        height:400px;

    }

*/



   /*

 #page_content .large_mobile_top{

        height:400px;

    }

*/



    #contact_form{

        float:none;

        width:auto;

    }



    #contact_form #left_column{

        float:none;

        width:100%;

    }



    #contact_form #message{

        float:none;

        width:100%;

        margin-left:0;

    }



    #contact_form #contact_submit{

        display:block;

        margin-top:15px;

        float:none;

        width:100%;

        font-size:16px;

    }



    #about_left{

        float:none;

        width:100%;

    }



    #about_left p{

        font-size:16px;

    }



    /*Used for both Contact Us and About Us*/

    #about_right{

        width:100%;

        float:none;

    }



    #about_right a{

        float:none;

        font-size:20px;

        width:auto;

        margin:15px auto;

    }



/* ==========================================================================

   Mobile Search

   ========================================================================== */



    .search_result_left_wrapper{

        width:25%;

        min-width:72px;

    }



    .search_result_right{

        -webkit-box-sizing: border-box;

        -moz-box-sizing: border-box;

        margin-left:0;

        padding-left:15px;

        width:75%;

    }



/* ==========================================================================

   Mobile Footer

   ========================================================================== */



footer{

    height:374px;

}



#footer_top{

    height:277px;

}



.footer_margin{

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    width:100%;

    padding-right:26px;

    padding-left:26px;

}



#footer_left{

    text-align:center;

    overflow:hidden;

    width:100%;

    margin:16px auto 0 auto;

    float:none;

}



#footer_left li{

    text-align:center;

    overflow:hidden;

    display:inline-block;

    float:none;

}



#footer_left li a{

    font-size:12px;

    line-height:12px;

}



#footer_left li:first-child a{

    padding-left:0;

}



#footer_left li:last-child a{

    padding-right:0;

}



#footer_mid{

    margin-top:10px;

    margin-left:0;

    position:static;

}





#footer_mid a{

    display:block;

    margin:0;

    padding:8px 0 6px 0;

}



#footer_mid p, #footer_mid a{

    font-size:12px;

    text-align:center;

    float:none;

}



#footer_mid p{

    margin:5px 0 2px 0;

}



#footer_right p{

    margin:0 0 4px 0;

    display:block;

    text-align:center;

    font-size:12px;

}



#footer_right a{

    text-align:center;

    display:block;

}



#footer_right a div{

    background-image:url("home_depot_large.jpg");

    height:36px;

    width:36px;

    background-size:36px 36px;

    margin:0 auto;

}



#footer_right{

    margin-top:22px;

    float:none;

}





#footer_bottom{

    height:96px;

}



#footer_bottom h6, #footer_bottom ul{

    display:block;

    float:none;

}



#footer_bottom h6{

    text-align:center;

    font-size:11px;

    margin:24px 0 4px 0;

}



#footer_bottom ul{

    width:246px;

    margin:0 auto;

}



#footer_bottom li{

    display:inline;

}



#footer_bottom ul li a{

    font-size:10px;

    padding:0 8px;

}



}/*End of mobile styling*/



/* ==========================================================================

   Helper classes

   ========================================================================== */



/*

 * 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%;

}



/*

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

}



/* ==========================================================================

   EXAMPLE Media Queries for Responsive Design.

   These examples override the primary ('mobile first') styles.

   Modify as content requires.

   ========================================================================== */



@media only screen and (min-width: 35em) {

    /* Style adjustments for viewports that meet the condition */

}



@media print,

       (-o-min-device-pixel-ratio: 5/4),

       (-webkit-min-device-pixel-ratio: 1.25),

       (min-resolution: 120dpi) {

    /* Style adjustments for high resolution devices */

}



/* ==========================================================================

   Print styles.

   Inlined to avoid required HTTP connection: h5bp.com/r

   ========================================================================== */



@media print {

    * {

        background: transparent !important;

        color: #000 !important; /* Black prints faster: h5bp.com/s */

        box-shadow: none !important;

        text-shadow: none !important;

    }



    a,

    a:visited {

        text-decoration: underline;

    }



    a[href]:after {

        content: " (" attr(href) ")";

    }



    abbr[title]:after {

        content: " (" attr(title) ")";

    }



    /*

     * Don't show links for images, or javascript/internal links

     */



    .ir a:after,

    a[href^="javascript:"]:after,

    a[href^="#"]:after {

        content: "";

    }



    pre,

    blockquote {

        border: 1px solid #999;

        page-break-inside: avoid;

    }



    thead {

        display: table-header-group; /* h5bp.com/t */

    }



    tr,

    img {

        page-break-inside: avoid;

    }



    img {

        max-width: 100% !important;

    }



    @page {

        margin: 0.5cm;

    }



    p,

    h2,

    h3 {

        orphans: 3;

        widows: 3;

    }



    h2,

    h3 {

        page-break-after: avoid;

    }

}