html { height: 100%; }
body { margin: 0; font-family: Helvetica, Arial, sans-serif; font-size: 14px; line-height: 21px; height: 100%; }
.fl { float: left; }
.fr { float: right; }
.clearme { clear: both; }
a { color: inherit; font-weight: bold; }
a img { border: 0; }
*:focus { outline: none; }
.loupe { background-color:#ffffff; background:rgba(0, 0, 0, 0.1); border:3px solid rgba(0, 0, 0, 0); z-index: 5; position: relative; }
span.btn { display: inline-block; cursor: pointer; }
.scale { min-width: 900px; max-width: 1320px; margin: 0 auto; padding-left: 40px; padding-right: 40px; position: relative; }
.scale h2 { color: rgba(0, 0, 0, .6); }
.scale.padded { padding-left: 128px; padding-right: 128px; }
.small.scale { width: 1024px; margin: auto; }
div.dtCarousel-disabled { display: none; }
.button, #contentcontainer .btn, #contentcontainer .smbtn { font-family: 'Futura W01 Medium', Helvetica, Arial; font-size: 10px; font-weight: bold; line-height: 32px; display: block; height: 32px; border: 1px solid #cbcbcb; margin: auto; text-decoration: none; color: #808285; background-color: #f9f9f9; text-align: center; }
.buttons .button.active { border: 1px solid #FAD42E; color: #808285; background-color: #F7F0C0; }
.button.disabled { cursor: default; }
.button.hidden { display: none; }
#contentcontainer .btn { display: inline-block; padding: 0 24px; }
#contentcontainer .smbtn { height: auto; line-height: normal; }
#loading.small { width: 30px; height: 30px; background-image: url('/www/img/small-loader.png'); background-position: 0 0; }
#loading.large { width: 60px; height: 60px; background-image: url('/www/img/large-loader.png'); background-position: 0 0; }
.shadow { box-shadow: 0px 0px 35px rgba(0, 0, 0, .2); }
input[type="text"], input[type="password"] { font-weight: bold; font-family: 'Futura W01 Medium', Helvetica, Arial, sans-serif; font-size: 10px; color: #7c8281; text-transform: uppercase; border: 1px solid #c5c5c5; padding: 10px; box-shadow: 0 1px 1px rgba(2,2,2,.08); }
select { font-weight: bold; font-family: 'Futura W01 Medium', Helvetica, Arial, sans-serif; font-size: 10px; color: #7c8281; text-transform: uppercase; border: 1px solid #7c8281; padding:0 0 0 10px; }
.login input { text-align: center; }
input.half { width: 44.8%; margin-right: 1.5%; float: left; margin-bottom: 1.5%; }
input.full { width: 94.8%; margin-right: 1.5%; float: left; margin-bottom: 1.5%; }
input.city { width: 53%; margin-right: 1.5%; float: left; margin-bottom: 1.5%; }
input.state { width: 19%; margin-right: 1.5%; float: left; margin-bottom: 1.5%; }
input.zip { width: 12%; margin-right: 1.5%; float: left; margin-bottom: 1.5%; }
#register select.full { margin-top: 10px; width: 100%; float: left; }
#register label { font-family: 'Futura W01 Medium', Helvetica, Arial, sans-serif; font-size: 10px; color: #7c8281; text-transform: uppercase;}
hr { height: 1px; background-color: #ececea; border: 0; }
#bg_slider { height: 100%; }
#bg_slider ul { list-style: none; margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden; }
#bg_slider ul li { width: 100%; height: 100%; }
#bg_slider ul li img { position: absolute; top: 50%; left: 50%; overflow: hidden; }
@media screen and (max-width: 1280px) { /* Specific to this particular image */
#bg_slider ul li img { left: 50%; margin-left: -640px; /* 50% */ }
}
h1.title { height: 62px; margin: 0; padding: 0; position: absolute; }
#header { position: fixed; width: 100%; height: 62px; background-color: white; border-bottom: 1px solid #f2f2f2; box-shadow: 0px 3px 5px rgba(0,0,0,.08); z-index: 10; top: 0; }
#global-back-button { display: none; }
#header div.logo { float: left; margin: 0; padding: 20px 0 0; display: inline-block; }
#header div.logo a { display: block; width: 279px; height: 24px; background: url('../img/logo.png') no-repeat left top; text-indent: -99999px; }
#navigation { float: right; }
#header ul#nav { letter-spacing: 1px; font-family: 'Futura W01 Medium', Helvetica, Arial; font-weight: bold; float: left; list-style: none; margin: 0; padding: 5px 0 0; }
#header ul#nav li { float: left; position: relative; }
#header ul#nav li a, #header ul#nav li a:link, #header ul#nav li a:visited { display: inline-block; padding: 19px 18px; text-decoration: none; text-transform: uppercase; font-size: 10px; font-weight: normal; color: #555555; }
#header ul#nav li a.hover, #header ul#nav li a.hover:link, #header ul#nav li a.hover:visited, #header ul#nav li a:hover, #header ul#nav li a:active { color: black; box-shadow: 0px -1px 20px rgba(0,0,0,.08); }
#header ul#nav li div { display: none; position: absolute; top: 49px; left:0; padding: 15px 18px; background-color: white; box-shadow: 1px 6px 12px -6px rgba(0, 0, 0, 0.4); }
#header ul#nav li.inspiration div { width: 189px; }
#header ul#nav li.furniture div { width: 220px; }
#header ul#nav li.story div { width: 234px; }
#header ul#nav li.location div { width: 145px; }
#header ul#nav li ul { display: inline-block; list-style: none; margin: 0 22px 0 0; padding: 0; vertical-align: top; }
#header ul#nav li ul li { float: none; }
#header ul#nav li ul li a, #header ul#nav li ul li a:link, #header ul#nav li ul li a:visited { display: block; padding: 12px 30px 12px 0; border-top: 1px solid #ececea; box-shadow: none; }
#header ul#nav li ul li:first-child a { border: none; }
#header ul#nav li ul li a.hover, #header ul#nav li ul li a.hover:link, #header ul#nav li ul li a.hover:visited { box-shadow: none; }
#header ul#nav li ul li a:hover, #header ul#nav li ul li a:active { background: url("/www/img/dd-arrow.png") right center no-repeat; box-shadow: none; }
#header ul#nav li img { display: inline-block; margin: 0px; vertical-align: top; position: absolute; right: 10px; top: 10px; }
.counter,
#header a.account .counter,
#contentcontainer .counter { color:#fff; background: #a4a8aa; height: 15px; min-width: 15px; line-height: 15px; text-align: center; padding:0; font-size: 8px; border-radius: 50%; display:inline-block; zoom:1; *display:inline; font-family: Helvetica, Arial, sans-serif; }
#header span { float: left; display: inline-block; padding: 23px 10px 0; font-size: 18px; color: #999999; }
#header ul#aux { float: left; list-style: none; margin: 0; padding: 23px 0 0; }
#header ul#aux li { float: left; margin-left: 10px; }
#header ul#aux li a, #header ul#aux li a:link, #header ul#aux li a:visited { text-decoration: none; font-size: 11px; font-weight: bold; color: #999999; }
#header ul#aux li a:hover, #header ul#aux li a:active { color: #87898c; }
#header a.log-in .counter,
#header a.log-in .tooltip { display: none; }
#header a.account { position: relative; padding-bottom: 20px; }
#header a.account .counter { position: absolute; top:-11px; right:-10px; }
#header a.account .tooltip { display: none; }
#header a.account:hover .on.tooltip { display: block; position: absolute; background: #fff; font: normal 10px/14px Helvetica, sans-serif; color: #babbbd; width: 230px; left:0; top: 28px; margin-left: -100px; border:1px solid #e7e7e7; padding: 15px 20px; box-shadow: 0 12px 27px rgba(26,26,26,0.15) }
#header a.account:hover .on.tooltip:before,
#header a.account:hover .on.tooltip:after { content: " "; display: block; width:0; border-style: solid; border-color: transparent; border-width: 0 15px 11px 15px; position: absolute; top:-11px; left:50%; margin-left: -16px; }
#header a.account:hover .on.tooltip:before { border-bottom-color: #e7e7e7; border-width: 0 16px 12px 16px; margin-left: -17px; top:-12px; }
#header a.account:hover .on.tooltip:after { border-bottom-color: #fff; }
a#info, a#info:link, a#info:visited,
a#close, a#close:link, a#close:visited,
a#back, a#back:link, a#back:visited { position: absolute; top: 92px; right: 40px; display: block; width: 74px; height: 44px; padding: 30px 0 0; border-radius: 37px; background: rgb(0,0,0); background: rgba(0,0,0,.35); text-decoration: none; text-align: center; text-transform: uppercase; font-style: italic; color: white; z-index: 1; }
a#back, a#back:link, a#back:visited { right: auto; left: 40px; }
/* SMALLER CLOSE X */
.product-details a#info, .product-details a#info:link, .product-details a#info:visited,
.product-details a#close, .product-details a#close:link, .product-details a#close:visited,
.product-details a#back, .product-details a#back:link, .product-details a#back:visited { position: absolute; top: 102px; right: 40px; display: block; width: 50px; height: 33px; padding: 17px 0 0; border-radius: 37px; background: rgb(0,0,0); background: rgba(0,0,0,.35); text-decoration: none; text-align: center; text-transform: uppercase; font-style: italic; color: white; z-index: 3; }
a#info:hover, a#info:active,
a#close:hover, a#close:active { background: rgb(0,0,0); background: rgba(0,0,0,.55); }
#slideinfobox { position: fixed; right: 0; top: 44%; width: 340px; height: 125px; overflow-y: hidden; box-shadow: 0px 1px 4px rgba(0, 0, 0, .4); }
#slideinfo { float: left; width: 234px; height: 77px; padding: 24px; background: rgb(255,255,255); background: rgba(255,255,255,.95); }
#slideinfo h2 { margin: 0 0 14px 0; text-transform: uppercase; font-size: 18px; font-weight: normal; color: #838486; }
#slideinfo span { display: block; line-height: 18px; font-size: 13px; color: #767779; }
#slidecontrol { position: relative; float: left; width: 58px; height: 125px; background: rgb(125,126,129); background: rgba(125,126,129,.80); }
#slidecontrol span.btn { width: 58px; height: 38px; background-image: url('../img/arrows.png'); text-indent: -99999px; }
#slidecontrol span.btn:hover { background-color: rgb(125,126,129); background-color: rgba(125,126,129,.90); }
#slidecontrol span.prev { position: absolute; left: 0; top: 0; background-position: 0 0; }
#slidecontrol span.prev.dtCarousel-disabled { background-position: -58px 0; }
#slidecontrol span.prev.dtCarousel-disabled:hover { cursor: default; background-color: transparent; }
#slidecontrol span.next { position: absolute; left: 0; bottom: 0; background-position: 0 -38px; }
#slidecontrol span.next.dtCarousel-disabled { background-position: -58px -38px; }
#slidecontrol span.next.dtCarousel-disabled:hover { cursor: default; background-color: transparent; }
#slidecontrol #slidecount { display: inline-block; width: 58px; padding: 56px 0 0; text-align: center; color: white; }
#cover { position: fixed; display: none; width: 100%; height: 100%; background: rgb(103,104,107); background: rgba(103,104,107,.6); z-index: 2; }
#background-shell { position: fixed; width: 100%; height: 100%; left: 0px; right: 0px; }
#background-shell.product-grid, #background-shell.fabric-grid { background-color: #f4f4f4; }
#background-shell.product-details img { min-height: 100%; min-width: 1280px; width: 100%; height: auto; position: fixed; top: 0; left: 0; }
#content { position: relative; padding-top: 62px; z-index: 2; }
#content.product-details { background-color: #ffffff; }
/* Background Gradients */
#content.product-details div#left-gradient {
position: absolute; top: 0; left: 0; height: 100%; width: 130px;
background: rgb(221,221,221); /* Old browsers */
background: -moz-linear-gradient(left, rgba(221,221,221,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(221,221,221,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(221,221,221,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(221,221,221,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(221,221,221,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(221,221,221,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}
#content.product-details div#right-gradient {
position: absolute; top: 0; right: 0; height: 100%; width: 130px;
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(221,221,221,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(221,221,221,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(221,221,221,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(221,221,221,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(221,221,221,1) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(221,221,221,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=1 ); /* IE6-9 */
}
#background-shell.fabric-grid div#left-gradient,
#background-shell.product-grid div#left-gradient {
position: absolute; left: 0; height: 100%; width: 40%;
background: rgb(210,210,210); /* Old browsers */
background: -moz-linear-gradient(left, rgba(210,210,210,1) 0%, rgba(244,244,244,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(210,210,210,1)), color-stop(100%,rgba(244,244,244,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(210,210,210,1) 0%,rgba(244,244,244,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(210,210,210,1) 0%,rgba(244,244,244,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(210,210,210,1) 0%,rgba(244,244,244,1) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(210,210,210,1) 0%,rgba(244,244,244,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2d2d2', endColorstr='#f4f4f4',GradientType=1 ); /* IE6-9 */
}
#background-shell.fabric-grid div#right-gradient,
#background-shell.product-grid div#right-gradient {
position: absolute; right: 0; height: 100%; width: 40%;
background: rgb(244,244,244); /* Old browsers */
background: -moz-linear-gradient(left, rgba(244,244,244,1) 0%, rgba(210,210,210,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(244,244,244,1)), color-stop(100%,rgba(210,210,210,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(244,244,244,1) 0%,rgba(210,210,210,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(244,244,244,1) 0%,rgba(210,210,210,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(244,244,244,1) 0%,rgba(210,210,210,1) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(244,244,244,1) 0%,rgba(210,210,210,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#d2d2d2',GradientType=1 ); /* IE6-9 */
}
#background-shell.cpage {
background: none;
}
#background-shell.cpage > div {
background: none;
}
#catalog-shell { margin: auto; text-align: center; padding-bottom: 50px; }
div .filters { padding-top: 20px; padding-bottom: 60px; position: relative; z-index: 10; }
div .filters > form > div { float: left; color: #555555; font-weight: bold; font-size: 11px; line-height: 21px; }
div .filters > form > div > div { float: left; }
div .filters > form > div .slash { }
div .filters > form > div a { text-decoration: none; color: #555555; display: block; width: 100%; height: 100%; border: 1px solid #c5c5c5; padding: 4px 10px; }
div .filters > form > div div.dtSelect > a { background: url(/www/img/filter-arrow.png) no-repeat 90px 11px; }
div .filters > form > div div.dtSelect > a.selected { background-color: #ffffff; }
div .filters > form > div .filter { position: relative; padding-left: 5px; padding-right: 5px; margin-left: 5px; margin-right: 5px; }
div .filters > form > div .filter.selected { background-color: #ececec; color: #808285; text-align: left; }
div .filters > form > div .filter.selected a { color: #808285; }
div .filters > form > div .filter .selection { font-size: 10px; }
div .filters > form > div .filter .selection.selected { background-color: #ececec; }
div .filters .title { font-family: 'Futura W01 Medium', Helvetica, Arial; padding-left: 10px; padding-right: 10px; color: #555555; }
div .filters .title a { color: #808285; width: 95px; padding: 4px; }
div .filters .title.all { padding-left: 30px; }
div .filters .title.all a { background: #ffffff; }
div .filters > .title { color: #808285; }
div .filters .title.selected { color: #808285; }
div .filters .open { background-color: #ffffff; }
div .filters .open > a { color: #808285; }
div .filters div .dtSelect { position: relative; list-style: none; text-align: left; margin-top: 0; padding-right: 5px; left: 0; z-index: 3; width: 85px; }
div .filters div .dtSelect ul { background-color: #ffffff; margin-top: 0; padding-left: 0; list-style: none; position: absolute; top: 44px; width: 140px; border: 1px solid #c5c5c5; }
div .filters div .dtSelect li { line-height: 16px; line-height: 21px; font-size: 11px; }
div .filters div .dtSelect li a { padding-left: 5px; width: 100px; }
div .filters div .dtSelect li a:hover { background-color: #eeeeee; color: #7e8082; }
div .filters .dtSelect .remove { color: #808285; display: none; }
div .filters .dtSelect .remove:after { content: ' [x]';}
div .filter-set { font-family: 'Futura W01 Medium', Helvetica, Arial; text-transform: uppercase; color: #555555; }
div .filter-set .dtSelect > ul > li > a { border: 0; font-size: 12px; text-transform: none; font-weight: bold; padding: 3px 20px; }
div .filter-set .filter-title { padding-left: 20px; margin-top: 5px; font-family: Helvetica, Arial; font-weight: normal; text-transform: none; font-size: 12px; }
.filter-top { position: absolute; top: 35px; left: 15px; }
#finished { padding: 10px; }
#finished a { font-family: 'Futura W01 Medium', Helvetica, Arial; color: #808285; font-weight: bold; }
#no-results, #no-fabric-results { display: none; font-family: 'Futura W01 Medium', Helvetica, Arial; color: #808285; font-weight: bold; font-size: 24px; text-align: center; margin-top: 40px; }
#no-results *, #no-fabric-results * { font-family: 'Futura W01 Medium', Helvetica, Arial; color: #808285; font-weight: bold; font-size: 24px; text-align: center; }
/** filter styles for fabric
#catalog-shell { margin: auto; text-align: center; } **/
#fabric-collection .loader { width: 100%; text-align: center; margin: auto; margin-top:100px; }
#fabric-collection .loader #loading { margin: auto; display: block; }
#fabric-collection > .filter-shell { box-shadow: 0px 3px 5px rgba(0,0,0,.08); z-index: 10; position: relative; }
#fabric-collection .filters { padding-top: 20px; padding-bottom: 50px; position: relative; z-index: 10; }
#fabric-collection .filters > form > div > div { float: left; }
#fabric-collection .filters > form > div .slash { }
#fabric-collection .filters > form > div a.remove { display: none; }
#fabric-collection .filters > form > div a.remove:after { content: ' [x]'; }
#fabric-collection .filters > form > div .filter { position: relative; padding-left: 5px; padding-right: 5px; margin-left: 5px; margin-right: 5px; }
#fabric-collection .filters > form > div .filter.selected { background-color: #ececec; color: #808285; text-align: left; }
#fabric-collection .filters > form > div .filter.selected a { color: #808285; }
#fabric-collection .filters > form > div .filter .selection { font-size: 10px; }
#fabric-collection .filters > form > div .filter .selection.selected { background-color: #ececec; }
#fabric-collection .filters > .title { color: #808285; }
#fabric-collection .filters .title.selected { color: #808285; }
#fabric-collection .filters .open { background-color: #ffffff; }
#fabric-collection .filters .open > a { color: #808285; }
#fabric-collection .filters div .dtSelect { list-style: none; text-align: left; margin-top: 0; padding-left: 5px; padding-right: 5px; left: 0; z-index: 3; }
#fabric-collection .filters div .dtSelect ul { background-color: #ffffff; margin-top: 0; padding-left: 0; list-style: none; position: absolute; }
#fabric-collection .filters div .dtSelect li { line-height: 16px; line-height: 16px; font-size: 10px; }
#fabric-collection .filters div .dtSelect li a:hover { background-color: #eeeeee; color: #7e8082; }
#fabric-collection #fabric-shell img.loading { width: auto !important; margin: 70px; }
/** grid style blocks w/ hover **/
#catalog-shell .product.shadow,
#pagecontent #savedfurniture .product.shadow,
#catalog-shell .inspiration.shadow { box-shadow: 0px 0px 35px rgba(0, 0, 0, .2); z-index: 3; }
#pagecontent #savedfurniture { margin: 30px 0 -6px; letter-spacing: -4px; }
#pagecontent #savedfurniture .none { letter-spacing: 0px; font-weight: normal; }
#catalog-shell .product,
#pagecontent #savedfurniture .product { float: left; width: 30%; height: 263px; padding: 1.6%; margin-right: 1px; margin-bottom: 1px; background-color: #ffffff; position: relative; letter-spacing: normal; z-index: 2; }
#pagecontent #savedfurniture .product { float: none; display: inline-block; width: 46%; opacity: 1; }
#catalog-shell .inspiration { float: left; width: 33%; min-height: 263px; max-height: 284px; padding: 0; margin-right: 1px; margin-bottom: 1px; background-color: #ffffff; position: relative; opacity: 1; overflow: hidden; }
.inspbump { padding-top: 40px; }
/* GRID IMAGE */
#catalog-shell .product { }
#catalog-shell .product .grid-image { height: 50%; margin-bottom: -120px; position: relative; }
#catalog-shell .product .grid-image img,
#pagecontent #savedfurniture .product > img { max-height: 240px; max-width:100%; }
#catalog-shell .inspiration > img, #catalog-shell .inspiration a img { width: 440px; height: 284px; }
#catalog-shell .product .info,
#pagecontent #savedfurniture .product .info,
#catalog-shell .inspiration .info { position: absolute; bottom: 15px; width: 92%; }
#catalog-shell .product .info div,
#pagecontent #savedfurniture .product .info div,
#catalog-shell .inspiration .info div { font-size: 13px; }
#catalog-shell .product .info .name,
#pagecontent #savedfurniture .product .info .name,
#catalog-shell .inspiration .info .name { font-family: 'Futura W01 Medium', Helvetica, Arial; float: left; color: #808285; text-transform: uppercase; font-weight: bold; }
#catalog-shell .product .info .type,
#pagecontent #savedfurniture .product .info .type { float: left; color: #777777; padding-left: 10px; font-size: 13px; font-family: Helvetica; }
#catalog-shell .product .info .extra,
#pagecontent #savedfurniture .product .info .extra { font-family: 'Futura W01 Medium', Helvetica, Arial; float: right; color: #808285; font-weight: bold; }
#catalog-shell .product .info .extra img { position: relative; top: 4px; left: -4px; }
#catalog-shell #product-shell .hover,
#pagecontent #savedfurniture .hover { display: none; background: rgb(255, 255, 255); background: rgba(255, 255, 255, .9); position: absolute; text-align: center; left: 0px; top: 0px; width: 100%; height: 100%; }
#catalog-shell .hover .title,
#pagecontent #savedfurniture .hover .title { text-align: center; margin-top: 110px; margin-bottom: 25px; }
#insppopup .hover .title { text-align: left; margin-top: 60px; margin-bottom: 10px; font-size: 18px; }
#insppopup #catalog-shell .hover .button { margin-left: 0; }
#insppopup #catalog-shell .hover .title span { font-size: 20px; }
#catalog-shell .hover .title span,
#pagecontent #savedfurniture .hover .title span { font-family: 'Futura W01 Medium', Helvetica, Arial; letter-spacing: 2px; font-size: 24px; text-transform: uppercase; }
#catalog-shell .hover .title .name,
#pagecontent #savedfurniture .hover .title .name { color: #808285; }
#catalog-shell .hover .title .slash,
#pagecontent #savedfurniture .hover .title .slash { color: #babbbd; }
#catalog-shell .hover .title .type,
#pagecontent #savedfurniture .hover .title .type { color: #777777; }
#catalog-shell .hover a.view { width: 102px; }
#insppopup .hover a.view { width: 102px; margin-top: 10px; }
#insppopup #catalog-shell { padding: 0; }
#insppopup #catalog-shell #insptop .product,
#insppopup #catalog-shell #inspbottom .product { width: 800px; text-align: left; }
#insppopup #catalog-shell .hover { position: absolute; right: 0; top: 0; height: 260px; width: 369px; border-left: 1px solid #000000; padding-left: 30px; background-color: #ffffff; }
#close-modal { height: 70px; width: 100%; text-align: right; background-color: #ffffff; }
#close-modal a { display: inline-block; margin: 7px; width: 54px; height: 34px; padding: 20px 0 0; border-radius: 37px; background: rgb(0,0,0); background: rgba(0,0,0,.35); text-decoration: none; text-align: center; text-transform: uppercase; font-style: italic; color: white; z-index: 1;}
.product-details div.close { position: absolute; right: 0; top: 0; }
.product-details div.picks { position: absolute; right: 35%; top: 92px; }
#product-shell { margin: auto; text-align: center; padding-bottom: 100px; }
#product-shell div { position: relative; }
/* FLOATER */
#product-shell #product-image { float: left; height: 50%; margin-bottom: -235px; width: 70%; text-align: center; margin-top: 30px; }
/* SHELL */
#product-shell #product-image > .image-shell { clear: both; height: 470px; max-width: 765px; width: 100%; position: relative; }
/* IMAGE */
#product-shell #product-image > .image-shell img { max-width: 100%; max-height: 100%;}
/* MAGNIFY TEXT */
#product-shell #product-image > div { font-family: 'Futura W01 Medium', Helvetica, Arial; font-size: 10px; color: #ffffff; position: absolute; left: 0; bottom: 0; }
#product-shell #product-info.fabric,
#product-shell #product-info.product { float: left; width: 25%; margin-left: 5%; }
#product-shell #product-image .magnify { position: absolute; text-align: center; width: 100%; bottom: 10px; }
#product-shell #product-image #fabric-image img { height: 100%; }
/* PICKS DROPDOWN */
#product-shell #product-info div.picks { position: absolute; top: 45px; }
#product-shell #product-info div.picks div { width: 249px; height: 33px; border: 1px #cbcbcb solid; z-index: 5; }
#product-shell #product-info div.picks div ul { list-style: none; margin: 0; padding: 0; }
#product-shell #product-info div.picks div ul li { padding: 0; height: 90px; overflow: hidden; position: relative; top: -2px; width: 249px; }
#product-shell #product-info div.picks div ul li div.last { position: absolute; top: 0; width: 100%; height: 100%; border: 1px; background: rgb(255, 255, 255); background: rgba(255, 255, 255, .6);
line-height: 90px; text-align: center; font-family: 'Futura W01 Medium', Helvetica, Arial; letter-spacing: 1px; text-transform: uppercase; color: #838486;
cursor: pointer;
}
#product-shell #product-info div.picks div ul li img { position: relative; top: -30px; left: -30px; }
#product-shell #product-info div { text-align: left; }
#product-shell #product-info div.fabric-collection-link { position: relative; top: 30px; }
#product-shell #product-info .title { margin-top: 175px; font-family: 'Futura W01 Medium', Helvetica, Arial; letter-spacing: 1px; text-transform: uppercase; color: #838486; font-size: 30px; }
#product-shell #product-info .type { color: #babbbd; font-size: 13px; font-weight: bold; }
#product-shell #product-info .number { color: #babbbd; font-size: 13px; }
#product-shell #product-info .price { color: #393b3b; font-size: 13px; font-weight: bold; margin-top: 30px; margin-bottom: 30px; }
#product-shell #product-info .details { margin-top: 30px; margin-bottom: 30px; }
span.starting { font-weight: normal; font-size: 13px; color: #ADAEB0; }
#product-shell #product-info .field { float: left; height: 24px; width:65px; color: #babbbd; font-size: 11px; font-weight: bold; clear: left; }
#product-shell #product-info .value { float: left; height: 24px; font-family: 'Futura W01 Medium', Helvetica, Arial; clear: right; color: #808285; font-weight: bold; text-transform: uppercase; }
#product-shell #product-info .price span.price { font-size: 18px; }
#product-shell #product-info .buttons { }
#product-shell #product-info .button { margin-top: 5px; width: 180px; float: left; text-transform: uppercase;}
#product-shell #product-info .share { font-family: 'Futura W01 Medium', Helvetica, Arial; color: #808285; font-size: 10px; font-weight: bold; margin-top: 25px; line-height: 20px; }
#product-shell #product-info .share .button { width: 30px; float: left; margin-right: 4px; padding-top: 2px; height: 25px; }
#product-shell #product-details { margin-top: 30px; margin-bottom: 50px; width: 100%; float: left; text-align: left; }
#product-shell #product-details hr { size: 1px; color: #a3a7a9; }
#product-shell #product-details h2.product-title { font-family: 'Futura W01 Medium', Helvetica, Arial; font-size: 24px; letter-spacing: 1px; color: #838486; font-weight: normal; }
#product-shell #product-details h2 { font-size: 18px; color: #393b3b; font-weight: bold; }
#product-shell #product-details .description { width: 50%; float: left; font-size: 14px; color: #838486; line-height: 21px; }
#product-shell #product-details .related-styles { width: 100%; float: left; }
#product-shell #product-details .related-styles div { float: left; padding-right: 15px; width: 150px; height: 100px; text-align: center; }
#product-shell #product-details a { display: block; }
#product-shell #product-details .related-styles div img { border-bottom: 1px solid #f2f2f2; max-width: 100%; max-height: 80px; }
#product-shell #product-details .related-styles div span { line-height: 24px; }
#product-shell #product-details .related-styles div .name { font-family: 'Futura W01 Medium', Helvetica, Arial; font-size: 10px; color: #808285; text-transform: uppercase; font-weight: bold; }
#product-shell #product-details .related-styles div .type { color: #babbbd; padding-left: 5px; font-size: 11px; font-family: Helvetica; font-weight: bold; }
#product-shell #product-details .specs { width: 100%; float: left; }
#product-shell #product-details .available-options { width: 100%; float: left; padding-top: 20px; }
#product-shell #product-details p.disclaimer { width: 100%; float: left; color: #838486; line-height: 20px; }
#product-shell #product-details #fabricspecs { float: none; margin: 0 0 40px 0; }
/* specs table */
#product-shell #product-details .specs table { border-spacing: 0;}
#product-shell #product-details .specs th,
#product-shell #product-details .specs td { font-size: 11px; text-align: center; width: 63px; border-bottom: 1px solid #BABBBD; border-right: 1px solid #BABBBD; font-weight: bold; }
#product-shell #product-details .specs th { font-family: 'Futura W01 Medium', Helvetica, Arial; height: 29px; color: #808285; }
#product-shell #product-details .specs td { height: 49px; color: #babbbd; }
#product-shell #product-details .specs .first { font-family: 'Futura W01 Medium', Helvetica, Arial; height: 49px; color: #393b3b; font-size: 10px; }
#product-shell #product-details .specs tr.last td { border-bottom: none; }
#product-shell #product-details .specs tr .last { border-bottom: 1px solid #BABBBD; border-right: none; width: 105px; }
#product-shell #product-details .specs table.fabricprop { float: left; width: 250px; margin: 0 30px 0 0; }
#product-shell #product-details .specs table.fabricprop th { height: 34px; background-color: #ededee; border-right: 0; text-transform: uppercase; }
#product-shell #product-details .specs table.fabricprop td { height: 34px; }
#loading, #finished { display: none; }
/** content styles **/
#fixedbg { display: none; }
#fixedbg img { position: fixed; bottom: 0; left: 0; width: 100%; }
.container { margin: 40px auto 0; width: 1024px; }
#left { float: left; width: 233px; margin: 0 28px 20px 0; }
#left h2 { margin: 0 0 18px 0; text-transform: uppercase; font-family: 'Futura W01 Medium', Helvetica, Arial, sans-serif; font-size: 10px; color: #393b3b; }
#left ul { list-style: none; margin: 0; padding: 0; }
#left ul li { padding: 18px 0 18px 16px; border-top: 1px solid #ececea; }
#left ul li a, #left ul li a:link, #left ul li a:visited { text-decoration: none; text-transform: uppercase; font-size: 10px; font-weight: bold; color: #808285; }
#left ul li a:hover, #left ul li a:active, #left ul li a.on, #left ul li a.on:link, #left ul li a.on:visited { color: #393b3b; }
#left ul li ul { margin: 10px 0 0; padding: 0 0 0 20px; }
#left ul li ul li { margin: 4px 0; padding: 0; border: none; }
#left ul li ul li a, #left ul li ul li a:link, #left ul li ul li a:visited { text-transform: none; color: #babbbd; }
#left ul li ul li a:hover, #left ul li ul li a:visited { color: #7e8281; }
#contentcontainer, #tplb { position: relative; padding: 62px 0 1px 0; background-color: white; z-index: 2; }
#tplb { background: transparent }
#pagecontent { min-height: 240px; margin-left: 260px; padding-bottom: 40px; line-height: 22px; /*font-weight: bold;*/ color: #838486; }
#bottomcontent { clear: both; line-height: 22px; font-weight: bold; color: #838486; }
#pagecontent h1, #bottomcontent h1, .tplcontent h1 { margin: 0 0 14px 0; font-size: 18px; color: #393b3b; }
#pagecontent h3, #bottomcontent h3, .tplcontent h3 { margin: 16px 0; font-size: 18px; color: #393b3b; }
#tplbcontent h3 { margin: 30px 0 16px; }
#pagecontent h4, #bottomcontent h4, .tplcontent h4 { margin: 40px 0; padding: 24px 0; border-bottom: 1px solid #ececea; border-top: 1px solid #ececea; line-height: 32px; font-family: 'Futura W01 Medium', Helvetica, Arial, sans-serif; font-size: 24px; font-weight: normal; color: #838486; }
#bottomcontent h4 { margin: 0 0 40px 0; }
#pagecontent h5, #bottomcontent h5, .tplcontent h5 { margin: 14px 0; font-size: 13px; color: black; }
#pagecontent p, #pagecontent address, #bottomcontent p, #bottomcontent address, .tplcontent p, .tplcontent address { margin: 16px 0 26px 0; line-height: 22px; /*font-weight: bold;*/ color: #838486; }
#pagecontent address, #bottomcontent address, .tplcontent address { font-style: normal; }
#pagecontent h2 a.btn { float: right; }
#pagecontent h2 span { float: right; display: inline-block; padding: 0 0 0 10px; line-height: 32px; font-size: 12px; }
#pagecontent p.callout, #bottomcontent p.callout, .tplcontent p.callout { padding: 0 20px; line-height: 24px; text-transform: uppercase; font-family: 'Futura W01 Medium', Helvetica, Arial, sans-serif; font-size: 18px; font-style: italic; color: #393b3b; }
#pagecontent ul, #bottomcontent ul, .tplcontent ul { margin: -12px 0 12px; padding-left: 20px; }
/** template b styles **/
#tplbcontent { margin-left: 260px; }
ul.tilelist { list-style: none; margin: 0; padding: 0; }
ul.tilelist li { margin: 0; line-height: 1px; }
ul.tilelist li.tileleft { text-align: left; }
ul.tilelist li.tileright { text-align: right; }
ul.tilelist li.tilecenter { text-align: center; }
/** template c styles **/
#tplc { position: relative; padding-top: 62px; background-color: white; z-index: 2; }
#pagegrid { position: relative; width: 1200px; margin: 20px auto 40px; z-index: 2; }
#pagegrid h2 { font-family: 'Futura W01 Medium', Helvetica, Arial, sans-serif; font-size: 24px; font-weight: normal; color: #838486; text-transform: uppercase; }
ul#gridtilecontainer { list-style: none; margin: 0; padding: 0; line-height: 1px; letter-spacing: -4px; }
ul#gridtilecontainer li { display: inline-block; *display: inline; *zoom: 1; max-width: 399px; max-height: 293px; letter-spacing: normal; }
span.caption { font-family: Helvetica, Arial, sans-serif; font-size: 12px; font-style: italic; font-weight: normal; color: #808285; }
span.caption a, span.caption a:link, span.caption a:visited { text-decoration: none; color: black; }
span.caption a:hover, span.caption a:active { text-decoration: underline; }
/** our history page **/
#history { position: relative; padding-top: 202px; padding-bottom: 270px; margin: auto; width: 1000px; background: url("/www/img/history/timeline-top.png") 525px top no-repeat; }
#history ul { list-style: none; margin: 0; padding: 0; }
#history ul li { position: relative; }
#history ul li .story { position: relative; width: 420px; }
#history ul li .story h2 { font-family: 'Futura W01 Medium', Helvetica, Arial, sans-serif; font-size: 30px; font-weight: normal; color: #838486; }
#history ul li .story p { line-height: 20px; font-size: 12px; color: #838486; }
#history ul li .photo { position: absolute; width: 455px; }
#history ul li p.caption { line-height: 18px; font-size: 11px; font-style: italic; color: black; }
/* #history ul li.ltr { background: url("/www/img/history/timeline-left-to-right.png") right bottom no-repeat; }
#history ul li.rtl { background: url("/www/img/history/timeline-right-to-left.png") left bottom no-repeat; }
*/
/* ltr */
#history ul li.ltr .story { padding: 1px 114px 186px 0; background: url("/www/img/history/timeline-left-to-right.png") right bottom no-repeat; }
#history ul li.ltr h2 { text-align: right; }
#history ul li.ltr p { text-align: right; }
#history ul li.ltr .photo { right: 0; top: 0; }
/* rtl */
#history ul li.rtl .story { padding: 1px 0 186px 498px; background: url("/www/img/history/timeline-right-to-left.png") 384px bottom no-repeat; }
#history ul li.rtl .photo { left: 0; top: 0; }
#history ul li.rtl #story1902 { padding-bottom: 268px; }
#history ul li.ltr #story1906 { padding-bottom: 286px; }
#history ul li.rtl #story1919 { padding-bottom: 310px; }
#history ul li.ltr #story1934 { padding-bottom: 266px; }
#history ul li.ltr #story1934 p.caption { margin-top: 310px; }
#history ul li.rtl #story1955 { padding-bottom: 290px; }
#history ul li.rtl #story1955 p.caption { margin-top: 90px; }
#history ul li.rtl #story1955 p#captiontwo { margin-top: 292px; }
#history ul li.ltr #story1965 { padding-bottom: 346px; }
#history ul li.rtl #story1984 { padding-bottom: 278px; }
#history ul li.ltr #story1997 { padding-bottom: 310px; }
#history ul li.rtl #story2008 { background-image: none; }
ul#years { position: fixed; right: 0; top: 24%; width: 58px; list-style: none; margin: 0; padding: 0; }
ul#years li { position: relative; margin: 20px 0; text-align: center; font-family: 'Futura W01 Medium', Helvetica, Arial, sans-serif; font-size: 14px; color: #828385; }
ul#years li span.btn { display: none; }
ul#years li.active { padding: 53px 0; background: rgb(125,126,129); background: rgba(125,126,129,.80); color: white; }
ul#years li.active span.btn { display: block; width: 58px; height: 38px; background-image: url('../img/arrows.png'); text-indent: -99999px; }
ul#years li.active span.btn:hover { background-color: rgb(125,126,129); background-color: rgba(125,126,129,.90); }
ul#years li.active span.prev { position: absolute; left: 0; top: 0; background-position: 0 0; }
ul#years li.active span.prev.disabled { background-position: -58px 0; }
ul#years li.active span.prev.disabled:hover { cursor: default; background-color: transparent; }
ul#years li.active span.next { position: absolute; left: 0; bottom: 0; background-position: 0 -38px; }
ul#years li.active span.next.disabled { background-position: -58px -38px; }
ul#years li.active span.next.disabled:hover { cursor: default; background-color: transparent; }
/* #yearcontrol { position: fixed; right: 0; top: 24%; width: 58px; height: 125px; } */
#yearcontrol #slidecount { display: inline-block; width: 58px; padding: 56px 0 0; text-align: center; font-family: 'Futura W01 Medium', Helvetica, Arial, sans-serif; font-size: 14px; color: white; }
/** end history **/
/** end content **/
#pagecontent #intro { display: inline-block; *display: inline; *zoom: 1; width: 500px; }
#pagecontent #call { display: inline-block; *display: inline; *zoom: 1; width: 234px; margin: 0 0 0 20px; vertical-align: top; }
#pagecontent #call h2 { margin-top: 0; }
/** account, contact, warranty form styles **/
form#accountdetails { }
form#contactform { }
form#warrantyform { }
form#accountdetails fieldset { margin: 0; padding: 0 0 0 12px; border: 0; }
form#contactform fieldset, form#warrantyform fieldset { margin: 0; padding: 0 0 18px 0; border: 0; }
form#accountdetails fieldset legend, form#accountdetails h3 { padding: 0 0 20px 0; text-transform: uppercase; font-family: 'Futura W01 Medium', Helvetica, Arial, sans-serif; font-size: 12px; font-weight: normal; color: #a9aaab; }
form#contactform fieldset legend, form#contactform fieldset h3 { padding: 0 0 6px; text-transform: uppercase; font-family: 'Futura W01 Medium', Helvetica, Arial, sans-serif; font-size: 12px; font-weight: normal; color: #a9aaab; }
form#accountdetails label, form#accountdetails input, form#contactform label, form#contactform input { display: inline-block; *display: inline; *zoom: 1; font-size: 10px; color: #7c8281; text-transform: uppercase; }
form#accountdetails input, form#contactform input { margin-bottom: 10px; }
form#contactform input[type="text"] { width: 500px; }
form#contactform textarea { width: 500px; padding: 10px; text-transform: uppercase; font-family: 'Futura W01 Medium', Helvetica, Arial, sans-serif; font-size: 12px; font-weight: normal; color: #a9aaab; }
form#accountdetails .colsm, form#contactform .colsm { display: inline-block; width: 338px; vertical-align: top; }
form#accountdetails .colsm label, form#contactform .colsm label { width: 100px; }
form#accountdetails .colsm label.pw, form#contactform .colsm label.pw { width: 120px; }
form#accountdetails .colsm input, form#contactform .colsm input { width: 206px; }
form#accountdetails .collg, form#contactform .collg { display: inline-block; width: 368px; margin-left: 28px; vertical-align: top; }
form#accountdetails .collg label, form#contactform .collg label { width: 60px; }
form#accountdetails .collg input, form#contactform .collg input { width: 274px; }
form#accountdetails select { width: 228px; margin-bottom: 20px; margin-top: 10px; }
form#accountdetails h3, form#contactform h3 { font-weight: normal; }
form#accountdetails .colsm div, form#contactform .colsm div { display: inline-block; *display: inline; *zoom: 1; width: 49%; vertical-align: top; }
form#accountdetails .colsm div address { margin: 0 0 8px 0; font-weight: bold; }
form#accountdetails .colsm div span { font-weight: bold; }
form#accountdetails .colsm div a.button { margin: 6px 0; }
form#accountdetails input#password { width: 192px; }
form#accountdetails input#submit { margin-left: 123px; width: 214px; }
#footer-shell { position: fixed; bottom: 0; width: 100%; z-index: 5; }
#footer-shell.open #footer { margin-top: 62px; }
#footer { font-family: 'Futura W01 Medium', Helvetica, Arial; font-weight: bold; position: relative; top: 0; width: 100%; height: 40px; background: rgb(140, 140, 140); background: rgba(140, 140, 140, .4); color: #ffffff; border-top: 1px solid #ffffff; z-index: 5; }
#footer .scale { position: relative; }
#footer .scale div { margin-top: 10px; }
#footer .scale div a { font-weight: bold; text-decoration: none; text-transform: uppercase; color: #ffffff; text-shadow: 1px 1px 0px rgba(0, 0, 0, .4); }
#footer .left { float: left; padding-left: 10px; }
#footer .right { float: right; padding-right: 10px; }
#fabric-collection { display: none; position: relative; bottom: 0; left: 0; z-index: 5; background-color: #ffffff; width: 100%; height: 0px; text-align: center; overflow: hidden; }
#fabric-collection .filters { padding-top: 20px; padding-bottom: 40px; }
#footer-shell #fabric-shell { padding-top: 15px; overflow: scroll; opacity: 0; margin: auto; height: 100%; padding-bottom: 0; }
#savedfabrics { margin: 0 0 30px 0; letter-spacing: -4px; }
#savedfabrics .none { letter-spacing: 0px; font-weight: normal; }
#footer-shell #fabric-shell .fabric.shadow,
#savedfabrics .fabric.shadow { box-shadow: 0px 0px 35px rgba(0, 0, 0, .2); z-index: 3; }
#footer-shell #fabric-shell .fabric,
#savedfabrics .fabric { float: left; border: 1px solid #dddddd; margin-bottom: -1px; margin-right: -1px; width: 12.7%; height: 175px; padding: .7%; background-color: #ffffff; position: relative; text-align: center; }
#savedfabrics .fabric { float: none; display: inline-block; width: 15%; height: auto; margin: 0; border: 0; letter-spacing: normal; }
#footer-shell #fabric-shell .fabric img,
#savedfabrics .fabric img { width: 100%; max-width: 147px; }
#footer-shell #fabric-shell .fabric div,
#savedfabrics .fabric div { font-family: 'Futura W01 Medium', Helvetica, Arial; color: #808285; font-weight: bold; }
#footer-shell #fabric-shell .fabric .details,
#savedfabrics .fabric .details { text-transform: uppercase; width: 100%; max-width: 147px; margin: auto; padding-top: 10px; padding-bottom: 10px; }
#savedfabrics .fabric .details { padding: 0; }
#footer-shell #fabric-shell .fabric .details .title,
#savedfabrics .fabric .details .title { font-size: 10px; float: left; }
#savedfabrics .fabric .details .title { line-height: normal; }
#footer-shell #fabric-shell .fabric .details .number,
#savedfabrics .fabric .details .number { font-size: 9px; float: right; }
#footer-shell #fabric-shell .fabric .hover,
#savedfabrics .fabric .hover { display: none; background: rgb(255, 255, 255); background: rgba(255, 255, 255, .9); position: absolute; text-align: center; left: 0px; top: 0px; width: 100%; height: 100%; }
#footer-shell #fabric-shell .fabric .hover .title,
#savedfabrics .fabric .hover .title { text-transform: uppercase; font-family: 'Futura W01 Medium', Helvetica, Arial; color: #808285; letter-spacing: 2px; font-size: 18px; text-align: center; margin: auto; margin-top: 60px; margin-bottom: 25px; }
#footer-shell #fabric-shell .fabric .hover a.view,
#savedfabrics .fabric .hover a.view { width: 102px; }
#savedfabrics .fabric .hover .smbtn { width: 80%; margin: 6px auto; padding: 4px 6px; }
#contentfooter-shell { position: relative; z-index: 2; }
#contentfooter { height: 226px; background-color: white; }
#contentfooter .scale { min-width: 0; max-width: none; width: 1200px; padding: 0; }
#contentfooter .section { float: left; width: 324px; margin: 30px 90px 0 0; }
#contentfooter #connect { width: 354px; margin-right: 0; }
#contentfooter h5 { margin: 0 0 20px; text-transform: uppercase; font-family: 'Futura W01 Medium', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: normal; color: #838486; }
#contentfooter p { line-height: 18px; font-family: Helvetica, Arial, sans-serif; font-size: 13px; font-weight: bold; color: #767779; }
#contentfooter #details p a { color: #838486; text-decoration: none; }
#social { vertical-align: middle; list-style: none; margin: 0 0 3px 0; padding: 0; }
#social li { display: block; float: left; margin: 0 5px }
#social li a { display: block; width: 32px; height: 32px; background-image: url("/www/img/social-sprite.png"); background-position: center bottom; text-indent: 99999px; }
.tab #social li a { background-position: center top; }
.tab:hover #social li a,
.tab:focus #social li a { background-position: center bottom; }
#contentfooter form#emailsignup { position: relative; display: inline-block; *display: inline; *zoom: 1; width: 100%; margin: 0; padding: 0; line-height: 16px; font-family: Helvetica, Arial, sans-serif; font-size: 10px; font-weight: bold; color: #838486; }
#contentfooter form#emailsignup div.border { position: relative; border: 1px solid #7c8281; height: 35px; margin: 0 0 10px; }
#contentfooter form#emailsignup input#email_signup { overflow: visible; float:left; width: 300px; border: none; }
#contentfooter form#emailsignup a#signupbtn { position: absolute; right: 0px; top: 0px; display: inline-block; *display: inline; *zoom: 1; padding: 9px 9px; text-decoration: none; color: #7c8281; }
#contentfooter form#emailsignup .error { display: none; color: #b94a48; }
#contentfooter form#emailsignup.active { width: 162px; padding: 11px 10px 10px; border: 1px solid #FAD42E; color: #808285; background-color: #f7f0c0; }
#details p a { color: #838486; text-decoration: none; }
#preview { position: relative; text-align: center; width: 100%; padding-top: 7%; }
#preview .image { position: relative; max-width: 700px; max-height: 440px; width: 57%; height: 440px;}
#preview .image img { position: absolute; left: 15%; max-width: 100%; max-height: 100%; top: -25px; }
#preview .image img.loading { display: none; z-index: 1; opacity: 0; }
#preview .image img.active { }
#preview #loading { display: block; position: absolute; margin: auto; left: 36%; top: 125px; z-index: 15; }
#preview #slideinfobox { text-align: left; top: 13%; height: 155px; }
#preview #slideinfobox #slideinfo { padding: 15px; height: 126px; }
#preview #slidecontrol { height: 155px; }
#preview #slidecontrol #slidecount { padding: 71px 0 0; }
#preview #slideinfobox .title { line-height: 32px; font-family: 'Futura W01 Medium', Helvetica, Arial; font-size: 18px; letter-spacing: 1px; text-transform: uppercase; color: hsl(220, 1%, 52%); }
#preview #slideinfobox .number { color: #babbbd; font-size: 11px; }
#preview #slideinfobox .type,
#preview #slideinfobox .step { font-weight: bold; font-size: 10px; color: #838486; }
#preview #slideinfobox .slash { font-weight: bold; color: #e1e1e2; padding-left: 3px; padding-right: 3px; }
#preview #slideinfobox .value { font-weight: bold; font-size: 10px; color: #393b3b; padding-left: 3px; padding-right: 3px; text-transform: uppercase; }
#preview #slideinfobox .starting { font-weight: normal; font-size: 10px; color: #babbbd; }
#preview #slideinfobox .price { font-weight: bold; color: #393b3b; font-size: 18px; line-height: 36px; }
#preview .buttons { position: relative; text-align: left; font-family: 'Futura W01 Medium', Helvetica, Arial; color: #808285; font-size: 10px; font-weight: bold; position: fixed; right: 100px; top: 37%; }
#preview .buttons .button { margin-top: 5px; width: 180px; }
#preview .save.button { margin-bottom: 10px; }
#preview .share.button { float: left; width: 30px; margin-right: 4px; padding-top: 2px; height: 25px; }
#preview .social { display: none; }
#preview .social.on { display: block; }
#preview .buttons .tooltip { overflow: visible; text-align: left; display: none; width: 140px; height: 40px; padding: 20px; position: absolute; top: -100px; font-family: Helvetica, Arial; text-transform: none; color: #babbbd; font-weight: normal; letter-spacing: 0; background: #ffffff; box-shadow: 0 4px 20px 0px #dddddd; z-index: 100; line-height: 14px; }
#preview .buttons:hover .tooltip { display: block; }
#preview .buttons:hover .tooltip.off { display: none; }
#preview .buttons:hover .tooltip.notready { display: none !important; }
#preview .buttons .tooltip > img { width: 30px; height: 11px; position: absolute; bottom: -11px; left: 75px; border: none; }
#customize, #footer-shell { position: fixed; bottom: 0px; width: 100%; }
.tabs { background: rgb(140, 140, 140); height: 46px; border-top: 1px solid #ffffff; z-index: 50; position: relative; }
.tab { line-height: 46px; height: 46px; display: block; width: 100%; cursor: pointer; color: #ffffff; float: left;
font-family: 'Futura W01 Medium', Helvetica, Arial; font-weight: bold; text-decoration: none; text-transform: uppercase; }
.tab.active { background-color: #ffffff; color: #87898c; text-shadow: none; }
.tabs .tabs-6 > .tab.half { width: 8%; padding-left: 0.15%; padding-right: 0.15% }
.tabs .tabs-5 > .tab.half { width: 8.5%; padding-left: .5%; padding-right: .5%; }
.tabs .tabs-4 > .tab.half { width: 10%; padding-left: 1%; padding-right: 1%; }
.tabs .tabs-3 > .tab.half { width: 13%; padding-left: 1.5%; padding-right: 1.5%; }
.tabs .tabs-2 > .tab.half { width: 20%; padding-left: 2.5%; padding-right: 2.5%; }
.tabs div div .tab.title { color: #ffffff; float: left; }
.tabs .tabs-6 > .tab { width: 16%; padding-left: 0.3%; padding-right: 0.3% }
.tabs .tabs-5 > .tab { width: 18%; padding-left: 1%; padding-right: 1%; }
.tabs .tabs-4 > .tab { width: 23%; padding-left: 1%; padding-right: 1%; }
.tabs .tabs-3 > .tab { width: 30%; padding-left: 1.5%; padding-right: 1.5%; }
.tabs .tabs-2 > .tab,
.tabs .tabs-2 > .tab { width: 45%; padding-left: 2.5%; padding-right: 2.5%; }
.tabs .tabs-1 > .tab { width: 90%; padding-left: 5%; padding-right: 5%; }
.tabs .tab .incomplete { padding-left: 10px; }
.tab #social { display: inline-block; vertical-align: middle; }
a.full-grid { position: relative; top: -2px; text-align: right; font-family: Helvetica, Arial; font-size: 10px; font-weight: bold; text-transform: none; }
a.full-grid img { position: relative; top: 10px; margin-left: 5px; }
.tabs .scale div :hover {
background-color: #ffffff;
color: #808285;
}
/* incomplete icons */
#customize .tabs a.disabled { cursor: default; opacity: .5; }
#customize .form { width: 100%; height: 208px; background-color: #ffffff; }
#customize .filter-form { height: 100%; }
#customize .filter-form > div.filters > div.title { padding-top: 5px; }
#customize .filters { font-family: 'Futura W01 Medium', Helvetica, Arial; padding-top: 15px; padding-bottom: 30px; position: relative; z-index: 10; }
#customize .filters > form > div { float: left; color: #babbbd; font-weight: bold; font-size: 11px; line-height: 20px; }
#customize .filters > div { float: left; }
#customize .left, #customize .right { position: absolute; top: 95px; z-index: 5; }
#customize .left { left: -10px; }
#customize .right { right: -5px; }
#customize .starting { font-weight: normal; font-size: 10px; color: #babbbd; }
#customize #option-shell .filter-set .dtSelect > ul > li > a { display: block; padding: 3px 20px; text-decoration: none; }
#customize #option-shell { position: relative; top: -2px; height: 100%; width: 100%; background-color: #ffffff; margin: auto; }
#customize #option-shell .scale { height: 100%; }
#customize #option-shell .unavailable { z-index: 100; position: absolute; top: 0; left: -30px; height: 100%; width: 100%; padding: 35px 120px; background-color: #ffffff; background-color: rgba( 255, 255, 255, .8); }
#customize #option-shell .unavailable h1 { font-size: 18px; color: #393b3b; }
#customize #option-shell .unavailable p { font-size: 12px; color: #838486; font-weight: bold; }
#customize #option-shell .unavailable p span { color: #393b3b; }
#customize .options { width: 100%; height: 182px; background-color: #ffffff; }
#customize .options .option { text-align: center; height: 155px; cursor: pointer; padding-top: 10px; padding-bottom: 10px; margin-left: -4px; width: 147px; float: left; }
#customize .options .option.enabled { background-color: #dddddd; }
#customize .options .option > img { width: 86%; border: 1px solid #cccccc; margin-bottom: 5px; }
#customize .options .option .title { line-height: 13px; text-align: left; padding-left: 12px; float: left; font-family: 'Futura W01 Medium', Helvetica, Arial; color: #87898c; text-transform: uppercase; font-size: 10px; font-weight: bold; letter-spacing: 1px; }
#customize .options .option .checked { position: absolute; right: 10px; display: none; }
#customize #option-shell div.dtSelect > a { text-decoration: none; color: #555555; display: block; width: 100%; height: 100%; border: 1px solid #c5c5c5; padding: 4px 10px; }
#customize .filters { padding-top: 20px; padding-bottom: 45px; position: relative; z-index: 10; }
#customize .filters div { float: left; color: #555555; font-weight: bold; font-size: 11px; line-height: 21px; }
#customize .filters div > div { float: left; }
#customize .filters div .slash { }
#customize .filters div > a { text-decoration: none; color: #555555; display: block; width: 100%; height: 100%; border: 1px solid #c5c5c5; padding: 4px 10px; }
#customize .filters div div.dtSelect > a { background: url(/www/img/filter-arrow.png) no-repeat 90px 11px; }
#customize .filters div div.dtSelect > a.selected { background-color: #ffffff; }
#customize .filters div .filter { position: relative; padding-left: 5px; padding-right: 5px; margin-left: 5px; margin-right: 5px; }
#customize .filters div .filter.selected { background-color: #ececec; color: #808285; text-align: left; }
#customize .filters div .filter.selected a { color: #808285; }
#customize .filters div .filter .selection { font-size: 10px; }
#customize .filters div .filter .selection.selected { background-color: #ececec; }
#customize .filters .title { font-family: 'Futura W01 Medium', Helvetica, Arial; padding-left: 10px; padding-right: 10px; color: #555555; }
#customize .filters .title a { color: #808285; width: 95px; padding: 4px; }
#customize .filters .title.all { padding-left: 30px; padding-top: 0 !important; text-align: center }
#customize .filters .title.all a { background: #ffffff; }
#customize .filters > .title { color: #808285; }
#customize .filters .title.selected { color: #808285; }
#customize .filters .open { background-color: #ffffff; }
#customize .filters .open > a { color: #808285; }
#customize .filters div .dtSelect { position: relative; list-style: none; text-align: left; margin-top: 0; padding-right: 5px; left: 0; z-index: 3; width: 85px; }
#customize .filters div .dtSelect ul { background-color: #ffffff; margin-top: 0; padding-left: 0; list-style: none; position: absolute; top: 44px; width: 140px; border: 1px solid #c5c5c5; }
#customize .filters div .dtSelect li { line-height: 16px; line-height: 21px; font-size: 11px; }
#customize .filters div .dtSelect li a { padding-left: 5px; width: 100px; }
#customize .filters div .dtSelect li a:hover { background-color: #eeeeee; color: #7e8082; }
#customize .filters .dtSelect .remove { color: #808285; display: none; }
#customize .filters .dtSelect .remove:after { content: ' [x]';}
ul.product-gallery { padding: 0; margin: 0; max-height: 500px; }
ul.product-gallery > li { position: relative !important; }
ul.product-gallery > li > img { width: 800px; height: 500px; }
#dTpopup .content .gallery { overflow: hidden; }
#dTpopup a.prev { position: absolute; left: -38px; top: 300px; }
#dTpopup a.next { position: absolute; right: -38px; top: 300px; }
/** inspiration popups **/
.popups { display: none; position: absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .4); z-index: 2; }
#insppopup { display: none; position: absolute; top: 125px; left: 50%; margin-left: -392px; z-index: 6; height: 60%; overflow-y: scroll; }
#insptop, #inspbottom { width: 800px;margin: 0 1px 1px 0; }
#inspbottom { clear: both; }
#insppopup .product div.preview { width: 400px; height: 260px; background-position-x: center; background-repeat: no-repeat; }
#insppopup .config div.preview { width: 340px; height: 130px; float: right; background-position-x: center; background-repeat: no-repeat; text-align: left; padding: 30px; }
#catalog-shell #insptop .product, #catalog-shell #inspbottom .product { width: auto; height: 260px; padding: 0; opacity: 1; }
#insptop .config, #inspbottom .config { position: relative; }
.config .info { position: absolute; bottom: 15px; width: 92%; }
#inspbottom #colortrend { width: 100%; margin: auto; background-color: #ffffff; height: 190px; }
#inspbottom #colortrend > a { float: left; text-decoration: none; }
#inspbottom #colortrend a { text-decoration: none; }
#insptop img, #inspbottom img { max-width: 400px; max-height: 260px; border-right: 1px solid #000000; }
#colortrend span.title { display: block; font-family: 'Futura W01 Medium', Helvetica, Arial; font-size: 18px; color: #808285; text-transform: uppercase; letter-spacing: 2px; }
#colortrend span.description { display: block; font-family: Helvetica, Arial; font-size: 12px; line-height: 16px; color: #808285; margin-top: 15px; }
.details span { font-family: Helvetica, Arial; text-transform: uppercase; color: #000000; font-size: 10px; font-weight: bold; }
.details .section { color: #babbbd; }
.details .slash { color: #babbbd; }
.details .id, .details .name { color: #808285; }
.details.cover, .details.pillow, .details.wood, .details.nail { display: none; }
::-webkit-scrollbar {
-webkit-appearance: none;
width: 7px;
}
::-webkit-scrollbar-thumb {
border-radius: 4px;
background-color: rgba(255,255,255,.8);
}
::-webkit-scrollbar-track {
}
/** PHoto gallery template carousel styles **/
#gallery, #tpla { position: relative; padding-top: 62px; margin: auto; width: 900px; }
#gallery h1, #tpla h1 { font-family: 'Futura W01 Medium', Helvetica, Arial; font-size: 36px; font-weight: bold; color: #808285; }
#gallery h1 span { font-size: 24px; }
#gallery ul, #tpla ul { width: 900px; height: 500px; overflow: hidden; padding-left: 0; }
#gallery ul li, #tpla ul li { list-style: none; }
#gallery ul li img { width: 900px; height: 500px; }
#gallery .arrow, #tpla .arrow { position: absolute; top: 360px; cursor: pointer; }
#gallery .prev, #tpla .prev { left: -38px; }
#gallery .next, #tpla .next { right: -38px; }
/** Color Trends & Template A carousel styles **/
#trends, #tpla { position: relative; padding-top: 62px; margin: auto; width: 900px; }
#trends h2, #tpla h2 { font-family: 'Futura W01 Medium', Helvetica, Arial; font-size: 36px; font-weight: bold; color: #808285; }
#trends h2 span { font-size: 24px; }
#trends ul, #tpla ul { width: 900px; height: 500px; overflow: hidden; padding-left: 0; }
#trends ul li, #tpla ul li { list-style: none; }
#trends .arrow, #tpla .arrow { position: absolute; top: 360px; cursor: pointer; }
#trends .prev, #tpla .prev { left: -38px; }
#trends .next, #tpla .next { right: -38px; }
#trend-detail { padding-top: 100px; position: relative; }
#trend-detail #detail { float: left; width: 762px; }
#trend-detail #detail img.header { width: 762px; margin-bottom: 30px; }
#trend-detail #detail p { color: #838486; line-height: 20px; letter-spacing: 1px; }
#trend-fabrics #background-shell { position: absolute; }
#trend-fabrics .scale { padding-top: 50px; padding-bottom: 100px; }
#trend-fabrics { position: relative; }
#trend-fabrics #background-shell { height: 100%; }
#trend-fabrics .fabric.shadow { box-shadow: 0px 0px 35px rgba(0, 0, 0, .2); z-index: 3; }
#trend-fabrics .fabric { float: left; border: 1px solid #dddddd; margin-bottom: -1px; margin-right: -1px; width: 12.7%; height: 175px; padding: .7%; background-color: #ffffff; position: relative; text-align: center; }
#trend-fabrics .fabric img { width: 100%; max-width: 147px; }
#trend-fabrics .fabric div { font-family: 'Futura W01 Medium', Helvetica, Arial; color: #808285; font-weight: bold; }
#trend-fabrics .fabric .details { width: 100%; max-width: 147px; margin: auto; padding-top: 10px; padding-bottom: 10px; }
#trend-fabrics .fabric .details .title { font-size: 10px; float: left; }
#trend-fabrics .fabric .details .number { font-size: 9px; float: right; }
#trend-fabrics .fabric .hover { display: none; background: rgb(255, 255, 255); background: rgba(255, 255, 255, .9); position: absolute; text-align: center; left: 0px; top: 0px; width: 100%; height: 100%; }
#trend-fabrics .fabric .hover .title { font-family: 'Futura W01 Medium', Helvetica, Arial; color: #808285; letter-spacing: 2px; font-size: 18px; text-align: center; margin: auto; margin-top: 60px; margin-bottom: 25px; }
#trend-fabrics .fabric .hover a.view { width: 102px; }
#left-nav { float: left; width: 242px; height: 545px; margin-right: 20px; }
#palette { margin-top: 15px; margin-left: 15px; float: right; width: 230px; height: 195px; }
#palette .primary-color { float: left; height: 100%; width: 72%; }
#palette .secondary-color { float: left; height: 66%; width: 28%; }
#palette .accent-color { float: left; height: 34%; width: 28%; }
#dTpopup { padding: 40px; padding-top: 20px; padding-bottom: 20px; box-shadow: 0px 0px 35px rgba(0, 0, 0, .4); }
#dTpopup .close { position: absolute; top: 20px; right: 20px; }
#dTpopup .content { margin-top: 20px; margin-bottom: 20px; }
#dTpopup .content h1 { font-family: 'Futura W01 Medium', Helvetica, Arial; font-size: 18px; color: #393b3b; font-weight: bold; text-align: center; text-transform: uppercase; }
ul.tabcontent { list-style: none; }
div#register-container h1.logintitle { margin: 40px 0 26px; }
div#register-container ul#loginnav { list-style: none; margin: 0; padding: 0; border-top: 1px solid #e0e0de; height: 45px; }
div#register-container ul#loginnav li { float: left; }
ul#loginnav li a { display: block; width: 167px; padding: 10px 0; background-color: #f9f9f9; text-align: center; text-decoration: none; text-transform: uppercase; font-family: 'Futura W01 Medium', Helvetica, Arial, sans-serif; font-size: 12px; color: #c9c9cb; }
#dTpopup ul#loginnav li a { width: 199px; }
div#register-container ul#loginnav li.customer a,
div#register-container ul#loginnav li.customer a:link,
div#register-container ul#loginnav li.customer a:visited { border-bottom: 1px solid #e0e0de; border-right: 1px solid #e0e0de; }
div#register-container ul#loginnav li.customer a:hover,
div#register-container ul#loginnav li.customer a:active { color: #808285; }
div#register-container ul#loginnav li.customer a.on,
div#register-container ul#loginnav li.customer a.on:link,
div#register-container ul#loginnav li.customer a.on:visited,
div#register-container ul#loginnav li.customer a.on:hover,
div#register-container ul#loginnav li.customer a.on:active { border-bottom: 1px solid white; border-right: 1px solid white; background-color: white; color: #808285; }
div#register-container ul#loginnav li.dealer a,
div#register-container ul#loginnav li.dealer a:link,
div#register-container ul#loginnav li.dealer a:visited { border-bottom: 1px solid #e0e0de; border-left: 1px solid #e0e0de; }
div#register-container ul#loginnav li.dealer a:hover,
div#register-container ul#loginnav li.dealer a:active { color: #808285; }
div#register-container ul#loginnav li.dealer a.on,
div#register-container ul#loginnav li.dealer a.on:link,
div#register-container ul#loginnav li.dealer a.on:visited,
div#register-container ul#loginnav li.dealer a.on:hover,
div#register-container ul#loginnav li.dealer a.on:active { border-bottom: 1px solid white; border-left: 1px solid white; background-color: white; color: #808285; }
#dTpopup .content .tabcontent { list-style: none; margin: 0; padding: 0; }
#dTpopup #login-shell { margin-bottom: 0; }
#dTpopup .content .confirm p { margin: 24px 0; line-height: 22px; color: #838486; }
#dTpopup .content .confirm #buttons { width: 234px; margin: 0 auto; }
#dTpopup .content .confirm #buttons .button { display: inline-block; *display: inline; *zoom: 1; width: 100px; margin: 30px 6px; }
.login .no-account, .register .no-account, .login .forgot { padding-top: 10px; padding-bottom: 10px; font-family: Helvetica; color: #838486; font-weight: bold; text-align: center; }
.login .no-account a, .register .no-account a, .login .forgot a{ color: #393b3b; text-decoration: none; }
.login input, .register input { width: 378px; margin-top: 10px; text-transform: uppercase;}
.popupscroll { max-height: 500px; overflow-y: auto; }
#sample-message { display: none; text-align: center; color: #7C8281; }
.fabric-sample { position: relative; display:inline-block; zoom:1; *display:inline; margin: 20px 10px 0; width: 87px; vertical-align: top; }
.fabric-sample img { width: 85px; border:1px solid #d8d9da; }
.fabric-sample h3 { font-family: 'Futura W01 Medium', Helvetica, Arial; color: #7C8281; font-size: 10px; text-transform: uppercase; text-align: left; font-weight: bold; margin:10px 0; }
.fabric-sample a.remove { text-align: center; line-height: 15px; text-decoration: none; font-weight: normal; position: absolute; top: 0; right: 0; width: 15px; height: 15px; color: #ffffff; background-color: #848587; }
.sample-request p { font-family: Helvetica; color: #838486; font-size: 12px; line-height: 20px; font-weight: bold; }
.sample-request p strong { color: #393b3b; }
.sample-request h2 { font: 10px/20px 'Futura W01 Medium', Helvetica, Arial; text-align: center; text-transform: uppercase; color:#7c8281; }
.sample-request .btns { text-transform: uppercase; float:right; padding: 1.8em 0; }
.sample-request .btns .button { display:inline-block; zoom:1; *display:inline; padding: 0 15px; vertical-align: top; margin-left: 10px; }
.sample-request .btns input { height:34px; }
.sample-request .remaining { float:left; width: 40%; font: 10px/14px 'Futura W01 Medium', Helvetica, Arial; text-transform: uppercase; padding: 1.8em 0; }
#sample-request-shell { position: relative; width: 410px; margin:0 auto; }
#sample-request-shell ul.errors { font-family: Helvetica, Arial; padding: .5em 0; color: #7c8281; }
#sample-request-shell p { font-family: Helvetica, Arial; font-size: 10px; color: #838486; }
#sample-request-shell input { float: none; display: inline-block; vertical-align: middle; }
#sample-request-shell input.half { width: 173px; }
#sample-request-shell input.full { width: 379px; }
#sample-request-shell input.city { width: 173px; }
#sample-request-shell input.state,
#sample-request-shell input.zip { width: 71px; }
/**
* locations
*
* Styles for the locations page. These are used to style the search form (top bar)
* and location details panel as well as the map. Structurally, locations relies
* on the #customer bottom bar as well as core layout styles
*
* @author Bobby Whitman
* @since 2012-10-25
*/
#locations { height: 100%; }
#locations #search { position: fixed; width: 100%; background: rgb(140, 140, 140); border-bottom: 1px solid #FFFFFF; height: 42px; top: 63px; font-family: 'Futura W01 Medium', Helvetica, Arial; font-weight: normal; line-height: 42px; text-decoration: none; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4); text-transform: uppercase; color: white; min-width: 1024px; }
#locations #search h3 { font-weight: normal; font-size: 16px; padding-right: 20px; display: inline-block; zoom:1; *display:inline; margin: 0; }
#locations #search small { font-size: 12px; padding: 0 10px; }
#locations input.searchbox { min-width: 340px; max-width: 700px; padding: 8px 10px; position: relative; top: -1px; }
#locations #map { width: 100%; height: 100%; }
#footer-shell .tabs div a#allresults { float:right; }
#locations #details { background: #fff; height: 0px; overflow: hidden;}
a.transbutton, input.transbutton { background-color: transparent; border: 1px solid #fff; padding: 6px 30px; font-family: 'Futura W01 Medium', Helvetica, Arial; font-weight: normal; text-decoration: none; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4); text-transform: uppercase; color: white; cursor: pointer; font-weight: bold; }
#locations #details>div { margin: 30px 2.5%; display: inline-block; vertical-align: top; *display: inline; *zoom: 1; }
#locations #details div.info { position: relative; width: 40%; }
#locations #details div.connect { width: 15%; }
#locations #details div.collections { width: auto; }
#locations #details div.collections p { font-size: 14px; }
#locations #details div.icon { margin-right: 0; }
#locations #details div.icon span { display:block; background: url(/www/img/mappins.png); width: 40px; height: 40px; margin: -10px -10px 0 0;}
#locations #details h3 { margin: 0 0 10px; font-family: 'Futura W01 Medium', Helvetica, Arial; font-size: 20px; font-weight: normal; color: #838486; text-transform: uppercase; }
#locations #details address { display: block; font-style: normal; margin: 0; font-family: Helvetica, Arial; font-weight: bold; font-size: 12px; color: #838486; line-height: 18px; }
#locations #details p { display: block; font-style: normal; margin: 0; font-family: Helvetica, Arial; font-weight: bold; font-size: 12px; color: #838486; line-height: 18px; }
#locations #details span.actions { position: absolute; bottom: 0; right: 0; }
#locations #details span.actions a.button { margin: 6px 0 0 0; padding: 0 30px; text-transform: uppercase; height: 24px; line-height: 24px; }
/**
* Login
*
* Styles for standalong login/register page. Also needs core content
* template styles.
*
* @author Bobby Whitman
* @since 2012-10-26
*/
#flat-login { display: inline-block; *display: inline; *zoom: 1; width: 340px; margin-right: 70px; vertical-align: top; }
#flat-register { display: inline-block; *display: inline; *zoom: 1; width: 340px; vertical-align: top; }
#flat-login .login input, #flat-register .register input { margin-top: 20px; width: 316px; }
#flat-login .no-account, #flat-register .no-account { display: none; }
#flat-register input[type="checkbox"] { float: left; width: auto; margin-top: 20px; }
#flat-register label { float: left; width: auto; margin-top: 17px; margin-left: 5px; margin-bottom: 20px; }
#pagecontent div.ui-error { margin: 1em 0; background: #FEF6F3; color: #CC0A0C; border: 1px solid #CC0A0C; padding: 10px 20px; }
#pagecontent div.ui-error p { margin: 0; padding-bottom: 10px; }
#pagecontent div.ui-message { margin: 1em 0; background: #FBEC88; color: #393B3B; border: 1px solid #FAD42E; padding: 10px 20px; }
#pagecontent div.ui-message p { margin: 0; }
/* SPOTLIGHT FOR HOME PAGE */
#features { height: 0px; background-color: #ffffff; }
#features .scale { letter-spacing: -4px; min-width: 1000px !important; }
#features .scale img { display: inline-block; width: 24%; max-width: 400px; height: auto; max-height: 150px; margin: 8px 4px 8px 4px; border: 1px solid #d8d9da; }
#more-information { height: 0px; overflow: hidden; }
div.search { position: absolute; right: 0; top: 0; text-align: left; font-family: 'Futura W01 Medium', Helvetica, Arial; color: #808285 !important; }
#search { border: none; background: none; font-size: 13px; padding: 9px; color: #808285; text-transform: none; font-family: Helvetica; font-weight: normal; font-style: italic; width: 250px; }
.search-clear { width: auto !important; display: inline-block !important; border: none !important; position: relative; top: 4px; right: 3px;}
#search-button { position: relative; top: 15px; width: 13px; height: 13px; padding: 12px; border: 1px solid #abacae; background: none; }
#search-button:hover { background-color: #e1e1e1; }
div.search div.search-border { margin-left: 12px; border: 1px solid #abacae; display: inline-block; float: none !important; }
#option-shell div.search { right: 20px; top: 0; font-size: 10px; line-height: 14px; }
/* MEDIA QUERIES */
@media screen and (max-width: 1145px){
#header ul#nav li a, #header ul#nav li a:link, #header ul#nav li a:visited { padding: 19px 8px; }
.scale.padded { padding-left: 40px; padding-right: 40px; }
#content.product-details div#right-gradient, #content.product-details div#left-gradient { width: 30px; }
#preview .image img { left: 0; top: 25px; }
}
@media screen and (max-width: 1052px){
#fabric-collection .filters .search .title { display:none; }
}
@media screen and (max-width: 970px) {
/* Fix close button falling behind clothing pick bar */
.picks { top: 120px !important; }
}
@media screen and (max-width: 1315px) {
#fabric-collection .filters { padding-bottom: 100px; }
#fabric_filters div.search { float: right; top: 50px; }
}
#catalog-shell div.search { margin-top: 65px; }
#product-shell { margin-top: 65px; }
.healthier-home #tplc { background-color: transparent; z-index: -1;}
.healthier-home #left { }
/* IPAD */
@media all and (device-width: 768px) and (device-height: 1024px) {
.build-your-own, .things-we-love, .whats-new { min-width: 100%; width: 1200px; }
#insppopup { top: 67px; }
.tabs { background: rgba(190, 190, 190, 1); }
}
/* Fabrics open state for iOS only! */
body.ios.fabrics-open { height: 100%; overflow-y: hidden; }
body.ios.fabrics-open #content,
body.ios.fabrics-open #background-shell { display: none; }
body.ios form#contactform input#submit { line-height:18px; }
/* IPAD LANDSCAPE */
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape) {
#footer-shell.open { bottom: -20px !important; }
}
/* IPAD PORTRAIT */
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
#footer-shell #fabric-shell { padding-bottom: 150px; }
}
/* Tweakpoints */
@media screen and (max-width: 1184px) {
#contentfooter .section:first-child { margin-left: 10px; }
#contentfooter .section { width: 25%; margin-right: 20px; }
#contentfooter .section #tweets img { width: 100%; }
}
@media screen and (max-width: 1024px) {
#contentfooter .section { width: 22%; }
#header h1 a { background-size: contain; width: 240px; }
}