@charset "utf-8";
/* CSS Document */

@import url(//fonts.googleapis.com/css?family=open+sans:400,600);

body{ font-family:'Open Sans',Arial, Helvetica, sans-serif; font-size:12px;color:#333;}

#footerContainer{height:30px;}
#footerContainer p{line-height:30px;font-size:10px;margin:0 0 0 15px;padding:0;font-family:'Open Sans',Arial, Helvetica, sans-serif;}
#footerContainer p a{color:#fff;}

.seriestable .recycled{
background: url(../../web/images/recycle.png) 0 0 no-repeat;
height: 20px;
width: 20px;
background-size: 20px auto;
position: absolute;
bottom: 5px;
left: 5px;
z-index: 99999;
	}
.pagetitleContainer.recycled h1:after{
	content:" ";
	background: url(../../web/images/recycle.png) 0 0 no-repeat;
display: inline-block;
height: 20px;
width: 20px;
background-size: 20px auto;
position: absolute;
margin: 0 0 0 10px;
top: 10px;
	}

#mainmenu, #mainmenu .ui-btn-inner{font-size:11px !important;}
#mainmenu .ui-li-divider {
padding: .5em 15px;
font-size: 12px;
font-weight: 400;
}

.ui-header .ui-btn-inner, .ui-footer .ui-btn-inner, .ui-mini .ui-btn-inner {
	font-weight:400;
}
.ui-header .ui-title, .ui-footer .ui-title {
min-height: 1.1em;
text-align: center !important;
font-size: 12px !important;
display: block;
margin:.8em !important;
padding: 0;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
outline: 0!important;
}

.pagetitleContainer{position:relative;background-color:#efefef;padding:10px 15px; box-sizing:border-box;  -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.pagetitleContainer h1{margin:0;padding:0;text-transform:uppercase;color:#333;font-size:14px !important;border-bottom:none;font-weight:600 !important;border-bottom:none !important;margin:0 !important;padding-bottom:0 !important;}
.pagetitleli{padding:0 !important;margin:0 0 30px 0 !important;border-bottom:none !important;}

.pagebody h1{display:block;border-bottom:1px #ccc solid;padding-bottom:10px;margin:0 0 10px 0;text-transform:uppercase;color:#999;font-size:16px;font-weight:normal;}
.pagebody h2{display:block;border-bottom:1px #ccc solid;padding-bottom:10px;margin:20px 0 10px 0;text-transform:uppercase;color:#666;font-size:14px;}
.pagebody p{font-size:14px;}

.pagebody .seriestable h2{font-weight:600;border-bottom:none;margin:10px 0 0 0;}

.ui-li-heading{font-weight:normal !important;}

.pagemessage{font-size:14px;background:#000;text-shadow:none;color:#fff;padding:10px;margin:20px 0;}
label{font-weight:bold !important;}

.highlight{ background-color:#FFFF00; padding:3px;}


.ui-panel{
	background-color:#efefef !important;
	background-image:none !important;
	}
.ui-panel-inner {
	padding: 0px 10px !important;
}


#footerContainer{}
#footerContainer ul{list-style:none;margin:0;padding:0;}
#footerContainer ul li{
	box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
	border-right:#ccc 1px solid;background-color:#efefef;padding-top:10px;height:50px;width:25%;display:inline-block;float:left;text-align:center;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #f3f3f3 /*{a-bup-background-start}*/), to( #eaeaea /*{a-bup-background-end}*/));
background-image: -webkit-linear-gradient( #f3f3f3 /*{a-bup-background-start}*/, #eaeaea /*{a-bup-background-end}*/);
background-image: -moz-linear-gradient( #f3f3f3 /*{a-bup-background-start}*/, #eaeaea /*{a-bup-background-end}*/);
background-image: -ms-linear-gradient( #f3f3f3 /*{a-bup-background-start}*/, #eaeaea /*{a-bup-background-end}*/);
background-image: -o-linear-gradient( #f3f3f3 /*{a-bup-background-start}*/, #eaeaea /*{a-bup-background-end}*/);
background-image: linear-gradient( #f3f3f3 /*{a-bup-background-start}*/, #eaeaea /*{a-bup-background-end}*/);
	
	}
#footerContainer ul li:last-child{border-right:none;}

.icon{background:url(../images/icon-sprite.png) no-repeat 0 0;display:inline-block; text-indent:-900px;overflow:hidden;}

#footerContainer .icon{height:30px;width:30px;background-color: ;}
.locations{
	background-position: -1px 0;
background-size: 250px auto;
height: 27px !important;
width: 30px !important;
}

#logoBanner{padding:20px;text-align:center;background-color:#333;}
#logoBanner img{height:125px;}
#homepagemsg{margin-bottom:20px; text-align:justify; font-size:12px; font-weight:normal;}
.welcome img{display:block;margin-bottom:10px;}
.welcome h6{margin:0;color:#333;}
.welcome h7{margin-bottom:10px;color:#999;}
.welcome h6, .welcome h7{display:block;text-transform: uppercase;font-size:18px;font-weight:600;}

#slideshow{
position:relative; height:inherit;
}
#slideshow .images{
position:absolute; /*this will stack all the image one over the other*/
top:0px;
left:0px;
display:none; /*initially all the images will be hidden*/
}
#slideshow .images{height:auto;width:100%;}
#slideshow .active{
display:block /*show only the first image initially*/
}

.featureditem{margin-bottom:5px;}
.featureditem .featimage{background-position:bottom;background-size:cover;background-repeat:no-repeat;height:100px;-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;}
.featureditem .featimage a{display:block;width:100%;height:100%;}
.featureditem .featlabel{text-shadow:none;background-color:#333;padding:10px;color:#fff;-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;}
.featureditem .featlabel a{text-shadow:none;text-transform:uppercase;font-size:14px;color:#fff;text-decoration:none;}
.featureditem .featlabel a:hover{color:#fff;}

.groupNote{padding:0 15px 15px 15px;font-weight:normal;}
.groupNote ul{margin:0;padding:0;}
.groupNote li{ list-style:none;margin:0;padding:0;font-size:12px;margin-bottom:10px;color:#333;}
.groupProducts th,td{text-align:center;}
.groupProducts{background-color:#fff;padding:5px 0;border-bottom:#ccc 1px solid;border-right:#ccc 1px solid;border-left:#ccc solid 1px;}

.mainGroupdescription{background-color:#333;padding:10px;font-size:12px;color:#fff;text-shadow:none !important;margin-bottom:10px;}
.mainGroupdescription a{color:#fff !important;}

.listheader{width:75%;overflow: hidden;float:left;text-overflow: ellipsis;font-weight:normal;}
.listheaderspec{float:right;width:50px;text-align:right;font-weight:bold;}
.listheader .productcode{font-weight:600;border-bottom:none;margin:10px 0 0 0; text-transform:uppercase;}

ul.specLayout{list-style:none;margin:10px 0 0 0;padding:0;}
ul.specLayout li{display:inline; margin-right:10px;float:left;}
ul.specLayout li:last-child{margin-right:0;}

.sawSpecs{background-color:#efefef;padding:0px;overflow:auto;margin-top:10px;}
.sawSpecs td{text-align:left;padding:5px;}
.sawSpecs tr:nth-child(2n){background: #fff}
/*.sawSpecs .left{float:left;width:50%;}
.sawSpecs .right{float:right;width:50%;}
.sawSpecs .sawspec, .sawSpecs .sawspectype{float:left;font-size:11px;margin-bottom:5px;}
.sawSpecs .sawspectype{font-weight:bold;margin-right:3px; text-wrap:supress;width:15%;}
.sawSpecs .right .sawspectype{width:15%;}
*/

div.roomscene{
	 background-size:cover;
	 height:200px;
	 background-repeat:no-repeat;
	 background-position:center;
	 display:none;
	}
	.eurostyle{margin-top:50px; text-align:justify;}
@media only screen and (max-width : 500px) {  /* exclude iPads */
	div.roomscene{ display:block; }
	.eurostyle{margin-top:30px; text-align:justify;}
}

.specsheet{position: absolute;
top: 5px;
right: 10px;}
.specsheet a{color:#666 !important; text-decoration:none !important;margin-left:10px;}
.specsheet img{height:20px;vertical-align:middle;margin-right:6px;}

h1.sectionheader{background-color:#333;padding:10px 15px;color:#ccc;font-size:14px;margin-bottom:30px; text-shadow:none !important;}
.frameContainer{text-align:center;margin-bottom:30px;}
.frameContainer p{font-size:12px;line-height:15px;}
.seriesproductlist h2{font-weight:600;border-bottom:none;margin:5px 0 0 0;font-size:12px;}
.seriesproductlist p{font-size:12px;}
.seriesproductlist img{width:50px !important;height:50px !important}

.seriesproductlist a.ui-link-inherit{min-height:50px !important;padding:0 0 0 75px !important;}
.seriesproductlist .ui-btn-inner, .seriesproductlist .ui-li{padding:0 !important;}


#tileProducts .ui-li-has-thumb .ui-btn-inner a.ui-link-inherit,
#tileProducts .ui-li-static.ui-li-has-thumb {
min-height: 50px !important;
padding:0 0 0 70px !important;
height:50px;
}


.panelheader{display:block;background-color:#333;font-size:12px !important;font-weight:bold !important;color:#CCC;margin:0;padding:10px 15px;text-shadow:none !important;}
#tilespecifications .lgproduct{max-height:100px;width:100%;}
#tilespecifications{
	background-color:#fff !important;
	background-image:none !important;
	}
#tilespecifications .ui-panel-inner{
	padding: 0 !important;
	}
	
table.tilespectable tr:nth-child(odd){
	background-color:#efefef;
	}
table.tilespectable .tablehead{
	background-color:#fff;	
}


.socialmediaContainer{width:auto;text-align:center;}
.socialmediaContainer a{display:block;height:100%;width:100%;}
.socialmediaContainer .socialicon:last-child{margin-right:0;}	
.socialicon{
	background:url(../../web/images/socialmedia_sprite.png) no-repeat 0 0;
	display:inline-block;
	overflow:hidden;
	height:31px;
	width:31px;
	cursor:pointer;
	margin-bottom:5px;
	background-color: transparent;
	background-size:200px auto;
	margin-right:10px;
}
.twitter{background-position: 0 -112px;
background-size: 450px auto;}
.instagram{background-position: 0 -150px;
background-size: 450px auto;}
.houzz{background-position: 0 -188px;
background-size: 450px auto;}
.pinterest{background-position: 0 -225px;
background-size: 450px auto;}


.pricelist_window p{
	font-size:1em;
	line-height:1.8em;	
}
.pricelist_window a.download{
	background:#333;
	-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
	text-align:center;
	color:#fff;
	position:relative;
	height:75px;
	display:block;
	text-decoration:none;
	line-height:75px;
	text-transform:uppercase;
	font-size:1.1em;
	font-weight:normal;
	text-shadow:none;
}
.pricelist_window a.download:hover{
	background:#666;
	color:#fff;	
	font-weight:normal;
}
.pricelist_window a.download:after{
	content: " ";
	background: url(../images/download-icon-red.png) no-repeat;
	width: 25px;
	height: 20px;
	display: block;
	position: absolute;
	right: 20px;
	left: auto;
	top: 0;
	bottom: 0;
	margin: auto;
}
.pricelist_window hr{
	border:none;
	border-top:1px #ccc solid;
	margin-top:15px;
}
.pricelist_window ol{
	padding:0;
	margin:0 0 20px 15px;	
}
.pricelist_window ol li{
	font-size:1.1em;
	line-height:1.8em;
}
.pricelist_window h2{
	display:block;
	border-bottom:none;padding-bottom:10px;margin:20px 0 10px 0;text-transform:uppercase;color:#666;font-size:16px;}
	
/* used on series spec page */
.variancebox{
	  background-color: #efefef;
  /* margin: 0 auto; */
  padding: 10px;
  position: relative;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  width: 100%;
  /* margin: 10px auto; */
  display: block;
  text-align: center;
  margin: 20px auto;
}

.variancebox .title{
	font-size: 12px;
    text-transform: uppercase;
	color:#333;
	font-weight:bold;
}
.variancebox .block p{
	font-size:11px;
}

.old_price {
    display:inline-block;
    text-decoration: line-through;
    opacity:.75;
}
.new_price {
    display:inline-block;
    color:#ff0000;
}