﻿

/*** product category lists ***/
li.prodCatList{width:150px;margin:0 46px 30px 0;line-height:1.2em;}
a.prodCatListTitle{color:#b91531;font:italic 16px 'Lato';line-height:1em;display:block;border-bottom:1px solid #ccc;padding-bottom:3px;margin:5px 0;}

/*** gallery lists ***/
li.galleryList{width:150px;margin:0 46px 0 0;line-height:1.2em;}

/*** product category ***/
div#prodCatHeader div.left{width:250px;}
img#prodCatHero{margin:0 0 .5em 0;width:250px;height:250px;}
div#prodCatHeader div.right{width:465px;line-height:1.2em;}

/*** product detail ***/
div#prodDetailHeader div.left{width:470px;line-height:1.2em;}
div#prodDetailHeader div.right{width:180px;padding-top:4px;border:0 solid red;}
div.prodSection{margin-top:2.5em;padding-top:2em;border-top:1px solid #ccc;clear:both;}
div.prodSection li.productList{width:150px;margin:0 20px 0 0;line-height:1.2em;position:relative;}
div#prodDetailHeader div.left.short{width:315px;}
div#prodDetailHeader div.middle{float: left;margin-top: 36px;padding-left: 15px;width: 150px;}
div#prodDetailHeader div.middle img{width:150px;height:35px;}
div#prodDetailHeader div.middle img.brandLogo, div.materialContent img.brandLogo{width:160px;height:60px;border:none;}
div.prodSection ul.cols.five li.productList{border:0 solid blue;width:135px;margin:0;position:relative;padding-bottom:25px;}
section#colL div.content img.productListImg.drawer{width:100px;height:100px;}
section#colL div.prodAlsoAvailable h2{padding-left:15px;}
span.specialSelection{background:url(/Content/Images/Products/SS_icon.png) no-repeat left 0px;font-style: italic;padding-left: 20px;padding-bottom:3px;}


/*** search facets ***/
div#searchOptions{margin:50px 0 0 0;border-top:1px solid #ccc;border-right:1px solid #ccc;min-height:400px;}
div#searchOptionMainCat{border-bottom:1px solid #ccc;padding:7px 0 7px 10px;margin-bottom:2em;}
div#searchOptionMainCat select{border:0;margin:0;padding:0;color:#b91531;font:italic 14px 'Lato';}

ul.searchOptionGrp{margin:1.5em 0 0 0;list-style:none;}
ul.searchOptionGrp ul ul{padding:0 5px 0 18px;}
ul.searchOptionGrp li{list-style:none;margin:7px 0 0 0;line-height:13px;overflow:visible;padding-left:18px;text-indent:-18px}
ul.searchOptionGrp input[type="checkbox"]{margin-right:2px;padding:0;}

ul.searchOptionGrp > li > label > span{font-size:.9em;font-weight:bold;text-transform:uppercase;}
ul.searchOptionGrp > li > ul{margin-top:3px;}

ul.searchOptionGrp label.padLeft {padding-left:18px;}
ul.searchOptionGrp label {display:block;}
ul.searchOptionGrp .resetText {text-indent:0;}


/* drop down lists */
div.dropDownItem,div#addToOrder{clear:both;margin-top:23px;}
div.dropDownItem > ul,div#addToOrder > ul{clear:both;list-style:none;margin-top:10px;border:1px solid #ccc;padding:3px 0;position:absolute;z-index:90;background:#fff;width:175px;-webkit-box-shadow:  1px 1px 3px 0px #ccc;box-shadow:  1px 1px 3px 0px #ccc;}
div.dropDownItem li,div#addToOrder li{position:relative;}
div.dropDownItem a,div#addToOrder a, div#addToOrder span.continue{display:block;padding:2px 20px 2px 10px;}
div.dropDownItem ul,div#addToOrder ul{list-style:none;}
div.dropDownItem > ul > li > ul, div#addToOrder > ul > li > ul{display:none;height: 175px;overflow-y: scroll;}
div.dropDownItem > ul > li:hover > ul, div#addToOrder > ul > li:hover > ul{display:block;}
div.dropDownItem > ul > li > a, div#addToOrder > ul > li > a{text-transform:uppercase;font-weight:bold;color:#b91531;background:url(/Content/Images/Pages/bgArrowsRed.png) no-repeat right -9px;}
div.dropDownItem > ul > li > a:hover, div#addToOrder > ul > li > a:hover{color:#b91531 !important;}
div.dropDownItem > ul > li:hover > a, div#addToOrder > ul > li:hover > a{background-position:right -40px;}
div.dropDownItem > ul > li > ul ul, div#addToOrder > ul > li > ul ul{margin-left:10px;}
div.dropDownItem > ul > li > ul a, div#addToOrder > ul > li > ul a, div#addToOrder > ul > li > ul > li > span.continue{font-size:11px;}

/*div#addToOrder select#product-type{border:1px solid #BCBCBC;margin-top: 10px;padding-bottom: 5px;padding-top: 5px;padding-right:5px;width: 175px;height: 30px;color: #B91531;font: italic 14px 'Lato';font-weight:bold;}*/
div#addToOrder .select-box	{ margin-top: 15px;	}

div#productCTA{clear:both;position:absolute;text-align:right;width: 175px;}
div#productCTA ul{list-style:none; padding-right: 2px}
div#productCTA li{font-weight:bold;font-size:.95em;display:inline-block;text-align:left;}
li#productPrice{padding-left:10px;}
li#productPrice span.on{color:#b91531;}
li#productShare {position:relative;} 
li#productShare div.share > a {position:relative;text-transform:uppercase;color:#b91531;background:#fff;display:block;padding:5px 10px;font-size:.95em;border:1px solid #fff;border-right:1px solid #ccc;z-index:96;width:40px}
ul.noprice li#productShare div.share > ul { left: -120px; }
ul.noprice li#productShare div.share > a  {border-right-color:#fff;}
ul.noprice li#productShare:hover div.share > a , li#productShare:hover div.share > a { border:1px solid #ccc; border-bottom:none; }
ul.noprice li#productShare:hover div.share > a { -webkit-box-shadow: 3px 1px 0 -1px #ccc; box-shadow: 3px 1px 0 -1px #ccc }

li#productShare div.share > ul{display:none;position:absolute;z-index:95;background:#fff;border:1px solid #ccc;padding:10px;margin-top:-1px;width:160px;-webkit-box-shadow:  2px 1px 0 0 #ccc;box-shadow:  2px 1px 0 0 #ccc;}
li#productShare:hover div.share > ul{display:block;}
li#productShare div.share > ul > li{width:100%;padding:5px 0;}

li#productShare div.share > ul > li a{padding-left:20px;padding-bottom:2px;}
li#productShare div.share > ul > li a.fbshare{background:url(/Content/Images/Site/share_icons.png) no-repeat 0 0;}
li#productShare div.share > ul > li a.pinshare{background:url(/Content/Images/Site/share_icons.png) no-repeat 0 -16px;}
li#productShare div.share > ul > li a.twitshare{background:url(/Content/Images/Site/share_icons.png) no-repeat 0 -32px;}
li#productShare div.share > ul > li a.emailshare{background:url(/Content/Images/Site/share_icons.png) no-repeat 0 -48px;}
li#productShare div.share > ul > li a.copyshare{background:url(/Content/Images/Site/share_icons.png) no-repeat 0 -64px;}

div#prodProfileSim .left{width:150px;line-height:1.2em;}
div#prodProfileSim .right{width:510px;}
img.prodProfileImg{width:130px;height:130px;margin-bottom:.5em;}

/*** available profile overlay ***/
div#available-profiles{text-align:center;position:relative;}
div#available-profiles, div.available-profiles a{color:#999999;}
div#profiles-content {display:none;}
div.profile-content{margin:auto;}
div.profile-content h2{width:100%;text-align:center;}
div.profiles-container{;float:left;clear:both;}
div.profiles-container-border{border:1px solid #959595;}
div.profile-scroll{float:left;width:230px;height:580px;overflow-y:scroll;text-align:center;}

ul.profile-header li{float:left;width:230px;text-align:center;font-size:15px;padding-bottom:15px;padding-top:10px;}

div.profile-scroll img{width:185px;height:185px;padding-bottom:10px;}

div.profile-scroll ul.cols li{padding: 15px 10px;}


/*** tech info ***/
ul.techinfo {width:100%;color:#666666;font-weight:bold;}
ul.techinfo li{list-style:none;padding-bottom:10px;}
ul.techinfo li span.red{color:#993300;padding-left:5px;}

/*** Materials section***/
div.contentTabs > div.content.materials {float:left;min-height:660px;height:auto !important;height: 660px;width: 690px;}
div.contentTabs > div.content > ul.imgList {list-style: none outside none;float:left;}
div.contentTabs > div.content > ul.imgList > li{display: inline-block;margin: 0 8px 16px;width: 122px;float:left;}
div.contentTabs > div.content > ul.imgList > li > a > img{height:122px;width:122px;float:left;}
div.contentTabs > div.content > ul.imgList > li > a >  div.imgDesc > span.specialSelect{background:url(/Content/Images/Products/SS_icon.png) no-repeat right center;padding:2px 20px 2px 0;margin:auto;}
div.contentTabs > div.content > ul.imgList > li > a > div.imgDesc{float:left;margin-top:10px;text-align:center;width:100%;}

/*** Materials Details***/
div#hero ul.cols li {width:355px;}
div#hero ul.cols li:first-child {padding-right:30px;}
div#hero ul.cols li img {width:355px;height:300px;}

h1.specialSelection{background:url(/Content/Images/Products/SS_icon.png) no-repeat right center;clear: both;float: left;padding-right: 25px;}
section#colR div#mainContent {width:100%;float:left;}
div.materialMainImg {padding-bottom: 30px;}
div.materialMainImg > img {height:300px;width:300px;}
div.materialAddImg {padding-bottom:30px;font-weight:bold;float:left;width:100%;}
div.materialAddImg > img.materialImg {height:150px;width:150px;padding-bottom:15px;}
div.materialAddImg > img.productListImg {width:118px;padding-bottom:15px;margin:0;}
div.materialAddImg > a {text-align:center;font-weight:normal;float:left;}
div.materialAddImg ul li{display:list-item;list-style-type:none;float:left;text-align:center;}
div.materialAddImg ul li div.lightboxCaption {font-weight: normal;}

div.material-detail h1, div.material-detail div#productCTA, div.finish-detail h1, div.finish-detail div#productCTA { display: inline-block }    
div.material-detail h1 { float: left }
div.material-detail #productCTA, div.finish-detail #productCTA { float: right; width: auto; position: relative; clear: none; border-right: none }


section#colR section#rightContent h2 {color:#555555;font-size:15px;font-weight:bold;font-family:Arial,Helvetica,Sans-Serif;font-style:normal;}
section#colR div#mainContent section#leftContent {float:left;width:290px;}
section#colR div#mainContent section#rightContent {width:345px;float:left;padding-left:30px;}
section#colR div#mainContent section#rightContent div.content {padding-left:0px;}
ul.itemlist li:before{content:"*";padding-right:5px;}
ul.itemlist li{display:list-item;list-style-type:none;}

div.learnLinks ul li {list-style-type:none;padding-bottom:5px;}
div.learnLinks ul li a.more {color:#979797;}
/*div.materialContent {line-height: 20px;}*/
div.materialContent p{line-height: 16px;}
div.materialContent ul.itemlist li {padding-top:2px;padding-bottom:5px;}


/*** Wood Detail ***/
div#prodCarouselWood.carousel img.carouselImg {width: 240px;height: 240px;}
div#prodCarouselWood div.carouselStage {width: 240px !important;text-align:center}
section#colR div#mainContent section#leftContent div.bottomIndented {padding-left:25px;}
ul.materialList li {list-style-type:none;width:100%;float:left;padding-top:30px;}
ul.materialList li img.materialImg {float:left;width:150px;}
ul.materialList li div.listDesc {float: left;padding-left: 25px;width: 170px;}
ul.materialList li div.listDesc div.body {line-height: 15px;padding-top:5px;padding-bottom:5px;}
ul.materialList li div.listDesc span.title{font-weight:bold;}
div#prodCarouselWood {padding-left:0px;margin-left:0px;}
div#prodCarouselWood a.control {padding-left:0px;margin-left:0px;}
div#prodCarouselWood.carousel {text-align:left;}


/*** Finish Pages***/
div#finishDetailHeader { overflow: hidden; padding-bottom: 40px  }
div#finishDetailHeader p.medium {float:left; width:500px;padding-right:15px;line-height:1.2em;}
div#finishDetailHeader p.medium a.more{margin-top:10px;float:left;}
div#finishDetailHeader div.middle.finish {float:left;margin-top:13px;}

div.bottomContent {width:370px;float:left;padding-top:30px;}
div.bottomContent a.prodCatListTitle {border:none;}
div.bottomContent ul.cols li {padding-right:30px;padding-bottom:30px;}
div.bottomContent > p {margin-bottom:25px;}
div#finishDetailHeader ul.techinfo li span {padding-left:5px;}
div#bottomContent ul.materialList li div.listDesc {float: left;padding-left: 25px;width: 565px;}
div#bottomContent ul.materialList li div.listDesc span.title{color:#B91531;font-size:20px;font-weight:bold;margin-bottom: 15px;width: 100%;float:left;}
