/* HTML5 ✰ Boilerplate
 * ==|== normalize ==========================================================
 */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; background: #fff; font-size: 13px; line-height: 125%; }
body, button, input, select, textarea { font-family: 'AvenirNextLTW01-Regular', sans-serif; color: #222; }

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }

a { color: #888; text-decoration: none; }
a:visited { color: #888; }
a:hover { color: #666; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #eee; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

h1, h2, h3, h4, h5, h6 { font-size: 1em; font-weight: normal; }

/* ==|== primary styles =====================================================
   Author: DKDO
   ========================================================================== */

.container { width: 960px; margin: 0 auto; }
.clear { clear:both; }
#wrap { background: #fff; padding: 0 0 0 0; }

.nav-toggle { display: none; }

#header { border-bottom: 1px solid #eee; height: 144px; background: #fff; position: relative; }
#logo { padding: 24px 0 0 0; }
#logo img { display: block; margin: 0 auto; width: 90px; }

#leftlinks { position: absolute; left: 0; top: 25px; color: #dadada; font-size: 11px; }
#header form { border: 1px solid #dadada; margin: 0 0 9px 0; }
#header form input { border: none; width: 80px; letter-spacing: .15em; color: #888; background: none; outline: none; padding: 4px 3px 2px 3px; }
#header form input[type=submit] { width: 45px; text-align: center; border-left: 1px solid #dadada; padding-left: 4px; color: #888;}
#leftlinks a { color: #888; letter-spacing: .15em; text-transform: uppercase; text-decoration: none; }

#smlinks { margin-top: 10px; }
#smlinks a img { width: 20px; height: 20px; opacity: .6; }
#smlinks a { margin-right: 2px; }
#smlinks a:hover img { opacity: 1; }
#smlinks #newsletter { display: block; color: #888; margin-bottom: 6px; }
#smlinks #newsletter:hover { color: #444; }

#rightlinks { position: absolute; letter-spacing: .15em; text-transform: uppercase; right: 0; top: 25px; color: #888; font-size: 11px; line-height: 18px; text-align: right; }
#rightlinks a { color: #888; text-decoration: none; }
#rightlinks a:hover { color: #444; }

#navigation { z-index: 1000; border-bottom: 1px solid #eee; width: 100%; text-align: center; line-height: 12px; color: #222; font-size: 12px;  }
#navigation ul { list-style: none; background: #fff; }
#navigation ul li { display: inline-block; }
#navigation a { position: relative; color: #222; text-transform: uppercase; display: block; padding: 21px 24px; font-size: 12px; margin: 0; text-decoration: none; letter-spacing: .15em; }
#navigation a:hover, #navigation a.selected { color: #444; }
#navigation ul li a span { position: absolute; bottom: 4px; left: 50%; display: block; width: 81px; margin: 0 0 0 -54px; font-size: 9px; line-height: 9px; color: #fff; background: #41AD49; padding: 3px 12px } 
/* #navigation ul li a.selected span { display: none; } */

#main { margin-top: 18px; }

.colholder { margin: 25px 0 100px; ; }
.col-1 { float:left; width: 231px; margin-right: 12px; text-align: center; }
.col-1.last { margin: 0; }
.col-1.wide { width: 312px; text-align: left; }

a.link { display: block; text-transform: uppercase; text-decoration: none; color: #888; font-size: .8em; letter-spacing: .15em; margin-bottom: 18px; }
a.link:hover { color: #000; }
a.link.sel { color: #000; }


/* ----- HOME/SECTION PAGES ----- */

h1 { font-family: 'AvenirNextLTW01-Regular', sans-serif; text-transform: uppercase; font-size: 14px; line-height: 1.2em; letter-spacing: .15em; padding: 1em 0 1.5em 0; border-bottom: 1px solid #eee; margin: 0 0 1em 0; font-weight: normal; text-align: center; }
h1.home { border: 0; padding: 1em 0 1.25em 0; margin: 0; }

.home-intro { text-align: center; color: #888; border-bottom: 0px solid #eee; padding: 20px 0 20px 0; margin: 0 0 0 0 }
.home-intro p { width: 400px; margin: 0 auto 1em auto; font-family: 'AvenirNextLTW01-Regular', sans-serif; font-size: 14px; letter-spacing: 0; line-height: 1.5em; }

h1.collection-name { border: 0; padding-bottom: 0em; }
h1.product-name { border: 0; padding-bottom: 0em; }
div.collection-description { text-align: center; margin: 1.5em 0 1.5em 0; border-bottom: 1px solid #eee; padding: 0 25% 2em 25%; color: #888; font-family: 'AvenirNextLTW01-Regular', sans-serif; font-size: 12px; line-height: 1.4em; letter-spacing: .1em; text-transform: none; }

#slides { position: relative; min-height: 600px; }
#slidecover { /* display: none; */ position: absolute; top:0; left:0;  z-index: 99999;}
#slides .slides_container { width: 960px; height: 600px; overflow: hidden; }
#slides .slides_control { width: 960px; }
.slides_container div.slide { cursor: pointer; width: 960px; height: 600px; display: block; background-size: 100% auto; background-position: 50% 50%; background-repeat: no-repeat; }
#slides * { outline: 0; }
.slides_container img { width: 960px; }

.slide-key-wrap { width: 100%; position: absolute; height: 80px; bottom: 0; left: 0; z-index: 10000; } 
.slide-key { width: auto; max-width: 600px; background: #464646; height: 60px; margin: 0 auto; padding: 20px 20px 0 20px; }
.slide-key-title { font-family: 'AvenirNextLTW01-Regular', sans-serif; font-size: 16px; line-height: 18px; letter-spacing: .15em; text-transform: uppercase; text-align: center; color: #fff; margin: 0 0 .75em 0; }
.slide-key-link { font-family: 'AvenirNextLTW01-Regular', sans-serif; color: #9ea0a8; letter-spacing: .15em; text-align: center; margin: 0 0 0 0; }

.slide-key-wrap2 { width: 100%; position: absolute; height: auto; bottom: 0; left: 0; z-index: 10000; } 
.slide-key-wrap2 .slide-key { width: auto; background: none; height: auto; margin: 0; padding: 20px 20px 18px 20px; }
.slide-key-wrap2 .slide-key-title { font-family: 'AvenirNextLTW01-Regular', sans-serif; font-size: 14px; line-height: 18px; letter-spacing: .05em; text-transform: uppercase; text-align: left; color: #222; margin: 0 0 0 0; }
.slide-key-wrap2 .slide-key-link { font-family: 'AvenirNextLTW01-Regular', sans-serif; color: #9ea0a8; letter-spacing: .15em; text-align: center; margin: 0 0 0 0; }

ul.pagination { display: none; margin: 20px auto 20px auto; height: 13px; width: 175px; padding: 0; text-align: center; }
ul.pagination li { list-style: none; display: inline; }
ul.pagination li a { display: block; width: 13px; height: 0; padding-top: 12px; background-image: url(../img/pagination.png); background position: 0 0; float: left; overflow: hidden; margin: 0 9px; }
ul.pagination li.current a { background-position: 0 -12px; }

h1.intro,h2.intro, p.intro { font-family: 'Times New Roman', Times, serif; font-size: 12px; letter-spacing: 0.175em; text-transform: uppercase; font-weight: normal; color: #888; text-align: center; width: 400px; margin: 40px auto 20px; border-bottom: 0; padding: 0; }  
h2.subscribe { font-family: 'Times New Roman', Times, serif; font-size: 14px; line-height: 1.2em; letter-spacing: 0em; font-weight: normal; color: #888; text-align: center; width: 300px; margin: 0 auto 20px auto; }
h2.intro a { color: #888; text-decoration: none;  } 
h2.intro a:hover { color: #444; }  
#subscribe { text-align: center; margin: 20px 0 40px 0; }
#subscribe input[type='text'],
#subscribe input[type='email'] { padding: 3px; }
#subscribe input[type='submit'],
#subscribe button { border: 0; background: #333; color: #fff; padding: 5px 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

h1.search { font-weight: normal; text-align: left; width: 960px; margin: 0 auto 0; font-size: 12px; text-transform: uppercase; padding: 3px 0 18px; letter-spacing: 0.2em; color: #444; font-variant: normal; }
h2.subhead { font-weight: normal; border-top: 1px solid #eee; text-align: center; width: 960px; margin: 36px auto 0; font-size: 12px; text-transform: uppercase; padding: 18px 0 18px 0; letter-spacing: 0.2em; color: #444; }
h2.head { font-weight: normal; text-align: center; width: 960px; margin: 0 auto 0; font-size: 12px; text-transform: uppercase; padding: 26px 0 18px; letter-spacing: 0.2em; color: #444; font-variant: normal; }

#homebase { border-top: 1px solid #eee; margin-top: 15px;  }
#contentcol { width: 636px; margin: 0 auto 80px; /*font-family: 'Times New Roman', Times, serif; */ text-align: center; }
#contentcol h2 { border-top: 1px solid #eee; text-transform: uppercase; padding: 26px 0 10px; letter-spacing: 0.2em; color: #222; font-size: 12px; font-weight: normal; margin: 55px 0 0 0;}
#contentcol p { color: #888; font-size: 14px; line-height: 19px; }
#contentcol a { color: #444; text-decoration: none; }
#contentcol a:hover { text-decoration: underline; }
#contentcol ul { margin: 0; padding: 0; color: #888; font-size: 13px; line-height: 18px; }
#contentcol ul li { margin: 0 0 9px 0; }

#contentcol .label { color: #888; font-size: 13px; line-height: 18px; margin: 9px 0 0 0; font-size: 12px; text-transform: uppercase; }
#contentcol .field { color: #888; font-size: 13px; line-height: 18px; }
#contentcol input[type='text'],
#contentcol input[type='email'],
#contentcol input[type='password'] { padding: 3px; }
#contentcol input[type='submit'],
#contentcol button { border: 0; background: #333; color: #fff; margin: 12px 0 5px 0; padding: 5px 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

#contentcol table.form { width: 100%; margin: 9px 0; font-family: sans-serif; font-size: 12px; line-height: 18px; color: #888; }
#contentcol table.form th { text-align: right; }
#contentcol table.form td { text-align: left; padding-left: 10px; }

.special { display: none; }

.home-news { border-bottom: 0px solid #eee; padding: 30px 0 30px 0; margin: 0 0 0px 0; }
.home-news-box { width: 475px; float: left; }
.home-news-box.size2 { width: 960px; }
.home-news-box:first-child { margin-right: 10px; }
.home-news-img { width: 475px; height: 316px; overflow: hidden; }
.home-news-img img { display: block; width: 475px; height: 316px; }
.home-news-box.size2 .home-news-img { width: 960px; height: 640px; }
.home-news-box.size2 .home-news-img img { display: block; width: 960px; height: 640px; }
.home-news-box h2 { text-align: center; color: #888; border: 0; text-transform: uppercase; font-size: 14px; letter-spacing: .15em; color: #222; margin: 1.5em 0 .5em 0; }
.home-news-box h2 a { color: #222; }
.home-news-box p { margin: 0 0 24px 0; font-family: 'AvenirNextLTW01-Regular', sans-serif; text-align: center; font-size: 12px; letter-spacing: .15em; line-height: 1.5em; color: #888; }

.tumblr-box-wrap { border-top: 1px solid #eee; padding: 30px 0; margin: 0 0 50px 0; width: 100%; }
.tumblr-box-wrap h2 { text-align: center; color: #888; border: 0; text-transform: uppercase; font-size: 14px; letter-spacing: .15em; color: #222; margin: 6px 0 24px 0; }
.tumblr-box { }
.tumblr-post-wrap { width: 240px; }
.tumblr-post { border: 1px solid #eee; margin: 5px; }
.tumblr-post-content { height: 400px; overflow: hidden; position: relative; }
.tumblr-post .tumblr-fade { z-index: 100; position: absolute; width: 100%; height: 100px; left: 0; bottom: 0; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+1,1+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0) 1%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(1%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ }
.tumblr-img { margin: 0 0 9px 0 }
.tumblr-img img { width: 100%; display: block; }
.tumblr-txt { padding: 9px 10px; color: #888; font-size: 12px; line-height: 18px; }
.tumblr-post p { margin: 9px 0 9px 0; font-family: 'AvenirNextLTW01-Regular', sans-serif; text-align: left; font-size: 12px; letter-spacing: 0; line-height: 18px; color: #888; }
.tumblr-post-link { background: #fff; padding: 20px 10px 10px 10px; } 
.tumblr-post-link a { display: inline-block; font-size: 12px; padding: 5px 10px; color: #41AD49; border: 1px solid #ddd; /* color: #fff; background: #41AD49; */ } 
.tumblr-post:hover { cursor: pointer; }
.tumblr-post:hover a,.tumblr-post-link a:hover { border-color: #41AD49; }
.tumblr-more-posts-link { margin: 24px auto; text-align: center; }
.tumblr-more-posts-link a { display: inline-block; padding: 10px 20px; font-size: 14px; text-transform: uppercase; letter-spacing: .15em; border: 1px solid #ddd; color: #41AD49; }
.tumblr-more-posts-link a:hover { border-color: #41AD49; }

.greyblock { width: 430px; float: left; background: #F3F3F3; padding: 20px; height: 346px; margin: 30px 0 20px; }
.greyblock.right { float: right; }
.greyblock h3 { text-align: center; border-bottom: 1px solid #eee; text-transform: uppercase; margin: 0; padding: 0 0 13px; }
.greyblock p.intro { margin-top:20px; width: 360px; }
.greyblock iframe { margin: 0; padding: 0; }
.greyblock form { border-top: 1px solid #eee; padding-top: 70px; }
.greyblock form input[type=text] { padding: 4px 8px; border: none; outline: none; width: 292px; margin: 0 0 14px 60px; }
.greyblock form input[type=submit] { padding: 4px 8px; text-transform: uppercase; background: #D9D9D9; border: none; margin: 0 0 0 60px; color: #FFF; letter-spacing: 0.1em;}
#homenews h3, #homenews p, #homenews img { cursor: pointer; }
h2.subhead.homecol { border-bottom: 1px solid #eee; margin-bottom: 30px; padding-bottom: 15px;  }

/* ----- BLINDS ----- */

.blinds-intro { text-align: center; color: #888; border-bottom: 0px solid #eee; padding: 20px 0 20px 0; margin: 0 0 10px 0 }
.blinds-intro p { width: 475px; margin: 0 auto 1em auto; font-family: 'AvenirNextLTW01-Regular', sans-serif; font-size: 12px; letter-spacing: .15em; line-height: 1.5em; }

.blinds-cols { border-top: 1px solid #eee; padding: 30px 0 30px 0; margin: 0 0 20px 0; }
.blinds-col { width: 350px; margin: 0 auto; }
/* .blinds-cols a.btn { display: block; width: 250px; padding: 20px 0; background: #f1f6ee; border: 1px solid #e7e7e7; text-transform: uppercase; font-size: 12px; letter-spacing: .15em; margin: 2em auto .5em auto; } */
.blinds-cols a.btn { display: block; margin: 6px auto 9px 0; color: #fff; font-size: 10px; line-height: 10px; background: #41AD49; border: 1px solid #41AD49; padding: 6px 12px; text-transform: uppercase; letter-spacing: .2em; text-decoration: none; }
.blinds-cols a.btn:hover { color: #fff; border-bottom: 1px solid #41AD49; }

.blinds-col1 { width: 350px; margin-left: 100px; margin-bottom: 50px; float: left; }
.blinds-col2 { width: 350px; margin-right: 100px; margin-bottom: 50px; float: right; }
.blinds-cols h2 { text-align: center; color: #222; border: 0; text-transform: uppercase; font-size: 12px; letter-spacing: .15em; margin: 1.5em 0 .5em 0; }
.blinds-cols h2 a { color: #222; }
.blinds-cols p { margin: 0 50px; font-family: 'AvenirNextLTW01-Regular', sans-serif; text-align: center; font-size: 12px; letter-spacing: .15em; line-height: 1.5em; color: #888; }

body.blinds #main { min-height: 1000px; }

.step { border-bottom: 1px solid #eee; padding: 0 0 1em 0; margin: 0 0 1.5em 0; }
.step.price { border-bottom: 0; }
.step .viewselect { position: relative; top: 37px; }
.step h2 { position: relative; font-family: 'AvenirNextLTW01-Regular', sans-serif; text-transform: uppercase; font-size: 14px; line-height: 1.2em; letter-spacing: .1em; padding: 1em 0 1.25em 0; border-bottom: 0px solid #eee; margin: 0 0 1em 0; font-weight: normal; text-align: center; }
.step h2 span { position: absolute; display: block; left: 0; }

.step.done h2 { font-size: 13px; border-bottom: 0; padding-bottom: 0; color: #999; }
.step.done .collection-image { height: 154px; width: 231px; overflow: hidden; margin: 0 auto; }
.step.done .collection-image img { width: 231px; height: auto; }
.step.done .fabric-name,.data { text-align: center; font-family: 'AvenirNextLTW01-Regular', sans-serif; text-transform: uppercase; font-size: 14px; line-height: 1.2em; letter-spacing: .1em; padding: 1em 0 0 0; margin: 0 0 0 0; font-weight: normal; text-align: center; }
.step.done .reset { text-align: center; font-family: 'AvenirNextLTW01-Regular', sans-serif; text-transform: uppercase; font-size: 12px; line-height: 1.2em; letter-spacing: .1em; padding: 1em 0 1em 0; margin: 0 0 1em 0; font-weight: normal; text-align: center; }
.step.done .reset a { text-decoration: none; color: #999; }

.step h3 { position: relative; font-family: 'AvenirNextLTW01-Regular', sans-serif; text-transform: uppercase; font-size: 14px; line-height: 1.2em; letter-spacing: .1em; padding: 1em 0 .5em 0; margin: 0 0 1em 0; font-weight: normal; text-align: center; }
.step p.fabric-description { font-family: 'AvenirNextLTW01-Regular', sans-serif; color: #666; text-align: center; margin: 0 10em 2em 10em; }

.step .tip { font-family: 'AvenirNextLTW01-Regular', sans-serif; color: #666; text-align: center; margin: 0 10em 2em 10em; }

.step form { width: 300px; margin: 0 auto 40px auto; }
.step form label { display: inline-block; width: 100px; text-align: right; margin: 0 10px 10px 0 }
.step form input[type='text'] { display: inline-block; width: 100px; margin: 0 0 10px 0; }
.step form input[type='submit'] { display: block; width: 75px; margin: 0 0 0 113px; border: 0; background: #333; color: #fff; padding: 5px 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

.purchase { font-size: 14px; display: block; margin: 1em 0; padding: 0; text-align: center; }
.purchase a { background: #41AD49; color: #fff; margin: 12px auto; padding: 6px 12px; border: 1px solid #41AD49; text-transform: uppercase; letter-spacing: .2em; text-decoration: none; }
.purchase a:hover { border: 1px solid #41AD49; }


/* ----- STOCKISTS ----- */

.select-country { padding-top: 1em; }
.select-country ul { padding: 0 0 40px 0; list-style: none; text-align: center; font-family: 'AvenirNextLTW01-Regular', sans-serif; text-transform: uppercase; font-size: 12px; line-height: 1.2em; letter-spacing: .1em; }
.select-country ul li { margin: 1.5em 0; }
.select-country ul li.active a { color: #000; } 

.select-stockist { margin-top: 0; /* padding: 1.5em 0 3em 0; border-top: 1px solid #ddd; */ }
.select-stockist ul { padding: 0 0 40px 0; color: #666; list-style: none; text-align: center; font-family: 'AvenirNextLTW01-Regular', sans-serif; text-transform: uppercase; font-size: 12px; line-height: 1.2em; letter-spacing: .1em; }
.select-stockist ul li { width: 33.33%; min-height: 350px; overflow: hidden; float: left; line-height: 2.5em; padding: 0 0 0 0; }
.select-stockist ul li p { padding: 0 20px 0 20px; }
.select-stockist ul h3 { font-weight: normal; color: #000; margin-bottom: 1.5em; }



/* ----- ACCOUNT ----- */

ul.benefits { list-style: none; }


h1.account { color: #231F20; font-size: 16px; line-height: 18px; text-transform: uppercase; letter-spacing: .2em; text-align: center; margin: 0 0 25px 0; font-weight: normal; border-bottom: 1px solid #eee; padding: 15px 0 30px 0; }
h1.project { font-weight: normal; text-align: left; width: 960px; margin: 0 auto 0; font-size: 12px; text-transform: uppercase; padding: 3px 0 18px; letter-spacing: 0.2em; color: #444; font-variant: normal; }
h1.project a.small { margin-left: 1em; font-size: .9em; text-transform: none; color: #41AD49; text-decoration: none; }
.account-info { width: 60%; margin: 0 auto 50px auto; text-align: center; }
.account-info h2 { font-weight: normal; font-size: 15px; border-top: 1px solid #eee; margin-top: 40px; padding: 30px 0 0px 0; letter-spacing: .2em; }
.account-info ul { color: #888; margin: 0 0 15px 0; font-size: 13px; line-height: 18px; letter-spacing: .20em;} 
.account-info p { color: #888; margin: 0 0 15px 0; font-size: 13px; line-height: 18px; letter-spacing: .20em;} 
.account-info p span { color: #231F20; }
.account-info a { color: #41AD49; text-decoration: none; }
.account-info a:hover { text-decoration: underline; }

.account-info table.form { width: 100%; margin: 9px 0; font-family: sans-serif; font-size: 12px; line-height: 18px; color: #888; }
.account-info table.form th { text-align: right; }
.account-info table.form td { text-align: left; padding-left: 10px; }

.account-info .label { color: #888; font-size: 13px; line-height: 18px; margin: 9px 0 0 0; font-size: 12px; text-transform: uppercase; }
.account-info .field { color: #888; font-size: 13px; line-height: 18px; }
.account-info input[type='text'],.account-info input[type='password'] { padding: 3px; }
.account-info input[type='submit'] { border: 0; background: #333; color: #fff; margin: 12px 0 5px 0; padding: 5px 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

.account-info table.list.orders { margin: 15px auto 15px; }
.account-info table.list.orders th { font-weight: normal; color: #888; letter-spacing: 0.2em; padding-bottom: 10px;  }
.account-info table.list.orders td { text-align: left; padding: 4px 12px; letter-spacing: 0.2em; }


ul.project-list { list-style: none; margin-left: 0; padding-left: 0; }


/* ----- BASKET / CHECKOUT ----- */

.warn { text-align: center; padding: 10px; background: #E7E7E7; letter-spacing: 0.15em; margin-bottom: 30px;  }
.warn a { color: #41AD49; text-decoration: none; }
.warn a:hover { text-decoration: underline; }
.warn.basket-empty { margin: 10px 0 200px; }
.warn.left { text-align: left; width: 260px; }

a.btn { display: inline-block; margin: 0; font-size: 1em; line-height: 1em; color: #fff !important; background: #41AD49; padding: 6px 12px } 

.basket-table { width: 100%; color: #444; letter-spacing: 0.2em;}
.basket-table td { padding: 35px 15px 35px 15px; border-bottom: 1px solid #eee; }
.basket-table tr.head td { font-size: 10px; text-transform: uppercase; color: #A7A9AC; padding: 10px 15px 15px 15px; }
.basket-table tr.noline td { padding: 15px 15px 15px 15px; }
.basket-table tr.noline.subtotal td { padding: 45px 15px 15px 15px;}
.basket-table tr.proceed td { padding: 30px 0 30px 0; text-align: center; }
.basket-table tr.proceed a { display: inline-block; border: 0px solid #ddd; color: #fff !important; background: #41AD49; font-size: 14px; line-height: 14px; padding: 10px 20px; }

.basket-table td.noline { border-bottom: none; }
.basket-table td.prod { line-height: 33px;  }
.basket-table td.total { padding-top: 48px;  }

.basketimage { position: relative;display: block; }
.basketcorner-tr { position: absolute; top:-6px; left:-6px; background: url('../img/basket-img-corner.png') no-repeat; width: 12px; height: 12px; }
.basketcorner-tl { position: absolute; top:-6px; right:-6px; background: url('../img/basket-img-corner.png') no-repeat; width: 12px; height: 12px; }
.basketcorner-br { position: absolute; bottom:-6px; left:-6px; background: url('../img/basket-img-corner.png') no-repeat; width: 12px; height: 12px; }
.basketcorner-bl { position: absolute; bottom:-6px; right:-6px; background: url('../img/basket-img-corner.png') no-repeat; width: 12px; height: 12px; }

.basket-table a { color: #444; text-decoration: none; }
.basket-table a.title { font-size: 1.2em; text-transform: uppercase; margin-top: 10px; display: block;}
.basket-table a.sub { text-transform: uppercase; }
.basket-table a:hover { text-decoration: none; color: #888;  }

.basket-table span.desc { color: #888; padding-right: 5px; }
.basket-table span.desc.upper { color: #888; padding-right: 5px; text-transform: uppercase; }

.basket-table form { display: inline; color: #939598; }
.basket-table input[type="text"] { width: 30px; border: 1px solid #ddd; outline: none; padding: 3px 4px; margin-top: 10px; margin-bottom: 15px; margin-left: 0;  }
.basket-table input[type="submit"] { border: 1px solid #ddd; background: #FFF; color: #41AD49; padding: 5px 10px; font-size: 12px;  }

.basketstep { color: #41AD49 !important; text-transform: uppercase; text-decoration: none; letter-spacing: 0.2em; display: block; padding: 10px 0; outline: none; background: none; border: none; font-size: 16px;  }
.basketstep:hover { text-decoration: underline; }
.basketstep.right { float: right;  }

.nextstep { border-top: 1px solid #eee; padding: 30px 0; margin-top: 5px; text-align: center; }
.nextstep input[type='submit'] { padding: 10px 20px; color: #fff !important; display: inline-block; background: #41AD49; -webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px; }

#discounttitle { color: #999; }
#discountform { margin-bottom: 50px; }

h2.sub { color: #888; text-transform: uppercase;letter-spacing: 0.2em; text-align: center;  }
h2.sub span { color: #444; }
h2.sub.underline { padding-bottom: 10px; }

.detailsform {  margin: 20px auto; }
.detailsform label { float: left; width: 48%; text-align: right; text-transform: uppercase; color: #A7A9AC; letter-spacing: 0.25em; margin-top: 6px; font-size: 12px; }
.detailsform .input { padding-left: 50%; padding-bottom: 10px; }
.detailsform .input input { margin-bottom: 20px; border: 1px solid #ddd; outline: none; padding: 3px 4px; width: 80%;}
.detailsform .input select { margin-bottom: 20px; max-width: 80%; }
.detailsform .input input[type=radio] { margin-top: 7px;  margin-bottom: 3px; }
.detailsform h2 { margin:-10px 0 15px; font-size: 16px; color: #000; border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding: 30px 0 30px 0; font-weight: normal; }
.detailsform p { text-align: center; text-transform: uppercase; letter-spacing: 0.15em; font-size: 0.9em; margin: 0 0 2em;  }
.detailsform .warn { color: #41AD49; letter-spacing: 0.15em; }
.detailsform .warn.main { margin-bottom: 30px; text-align: center; }

.detailsform iframe table.formTable th { display: block !important; }

.delsel { text-align: center; margin-bottom: 5px; }
.delsel label { float: none; }

#deliveryaddress { margin-top: 30px; }

/* ----- COLLECTIONS ----- */

.collection-intro { text-align: center; padding: 0 0; border-top: 1px solid #eee; }
.collection-intro img { margin: 15px 0 20px 0; }
#contentcol .trevira-logo { margin: 15px 0; }

.collectionsnav { margin-bottom: 10px; }
.collectionselect { text-transform: uppercase; background: #F8FAF5 url('../img/down-arrow.png') right no-repeat; border: 1px solid #eee; font-size: .9em; color: #9d9d9d; padding: 5px 8px 3px 8px; width: 213px; float: left; letter-spacing: .15em; position: relative; cursor: pointer;}
.step .collectionselect { margin: 0 auto 20px auto; float: none; }
.collectionselect h1 { font-weight: normal; text-transform: uppercase; margin: 0; padding: 0; border: 0; }
.collectionselect .collectiondrop { position: absolute; margin-left: -9999px;  }
.collectionselect:hover .collectiondrop { position: absolute; margin-left: -9px;  }

.collectiondrop { background: #fff; border: 1px solid #eee; margin-top: 3px; width:213px; padding: 5px 8px; z-index: 99999 !important;}
.collectiondrop ul { margin: 0; padding:0; }
.collectiondrop ul li { list-style: none; padding: 3px 0; }
.collectiondrop ul li a { list-style: none; color: #888; text-decoration: none; letter-spacing: .15em; text-transform: uppercase; }
.collectiondrop ul li a:hover, .collectiondrop ul li.selected a { color: #444;  }

.viewselect { z-index: 100; float: right; text-transform: uppercase; font-size: .75em; color: #888; padding: 5px 0; margin-top: 0px; letter-spacing: .15em; width: 150px; text-align: right;  }
.viewselect a { outline: none; width: 11px; height: 11px; margin: 0 0 0 8px; background: #E6E5E3; list-style: none; display: inline-block;  }
.viewselect a.sel { background: #75736C; }

.viewselect a#grid-2 { background: #E6E5E3 url('../img/2-grid.png'); }
.viewselect a#grid-2.sel { background: #75736C url('../img/2-grid.png'); }
.viewselect a#grid-4 { background: #E6E5E3 url('../img/4-grid.png'); }
.viewselect a#grid-4.sel { background: #75736C url('../img/4-grid.png'); }

li.last { margin-right: 0 !important; }

ul.collection { margin: 0; padding: 0;}
/* landscape image - default */
.collection-image { margin-bottom: 15px; }
.default-image { background: #fff /*#266768 teal*/; }
ul.collection.fourcol .collection-image { height: 154px; overflow: hidden; }
ul.collection.twocol .collection-image { height: 316px; overflow: hidden; }
ul.collection.onecol .collection-image { height: 640px; overflow: hidden; }

/* portrait image */
ul.collection.fourcol .portrait { /* height: 347px; */ height: 267px; overflow: hidden; }
ul.collection.twocol .portrait { /* height: 717px; */ height: 637px; overflow: hidden; }
ul.collection.onecol .portrait { height: 1370px; overflow: hidden; }

ul.collection .portrait.default-image img { margin-top: 95px; }

ul.collection.gallery { margin-top: 50px;}
ul.collection li { list-style: none; text-align: center; margin-bottom: 15px; text-transform: uppercase; color: #888; position: relative; }
ul.collection.gallery li { margin-bottom: 50px; }
ul.collection li img { margin-bottom: 5px; }
ul.collection li a { font-size: 12px; letter-spacing: .15em; color: #444; text-decoration: none;}
ul.collection li a.title { display: block; }
ul.collection li:hover a.product-link, ul.collection li.selected a.product-link,ul.collection li a:hover { color: #444; }

ul.collection .product-link { display: block; }
ul.collection .collection-link { display: block; }
ul.collection li p.collection-description { min-height: 0px; margin: 6px 36px; padding: 0; overflow: hidden; font-family: 'AvenirNextLTW01-Regular', sans-serif; font-size: 12px; line-height: 1.4em; letter-spacing: .1em; text-transform: none; }

ul.collection.twocol li { width: 474px; min-height: 450px; margin-right: 12px; float: left; overflow: hidden; }
ul.collection.twocol li.last { float: right; }
ul.collection.twocol li.landscape { height: 450px; }
ul.collection.twocol li.portrait { height: 710px; }
ul.collection.twocol li img { width: 474px; }

ul.collection.threecol li { width: 312px; margin-right: 12px; float: left; overflow: hidden; }
ul.collection.threecol li.last { float: right; }
ul.collection.threecol li img { width: 312px; }
ul.collection.threecol li .collection-image { height: 208px; overflow: hidden;}

ul.collection.fourcol li { width: 231px; height: 445px; margin-right: 12px; float: left; overflow: hidden; }
ul.collection.fourcol li.landscape { height: 200px; }
ul.collection.fourcol li.portrait { height: 345px; }
ul.collection.fourcol li.last { float: right; }
ul.collection.fourcol li img { width: 231px; }
ul.collection.fourcol li p.collection-description { display: none; } 

ul.collection li span.webex { color: #41AD49; text-transform: uppercase; font-size: 9px; position: relative; top: -2px;  }
ul.collection li span.view-options,ul.collection li span.choose { display: none; color: #999; text-transform: uppercase; font-size: 9px; }
ul.collection li:hover span.view-options,ul.collection li:hover span.choose { display: block; }

/*
a.btn.buy-now { display: inline-block; margin: 6px auto 9px 0; color: #fff; font-size: 10px; line-height: 10px; background: #41AD49; border: 1px solid #41AD49; padding: 6px 12px; text-transform: uppercase; letter-spacing: .2em; text-decoration: none; }
a.btn.buy-now:hover { color: #fff; border-bottom: 1px solid #41AD49; }
*/

a.btn.buy-now { display: inline-block; margin: 6px auto 9px 0; color: #41AD49 !important; font-size: 12px; line-height: 12px; background: #fff; border: 1px solid #41AD49; padding: 6px 12px; text-transform: uppercase; letter-spacing: .2em; text-decoration: none; }


/* ul.collection a.buy-now { margin: 0; } */

.trevira-overlay { position: absolute; top:10px; right: 10px; width: 30px !important; height: 24px; }
/* ----- PRODUCT ----- */

.product { border-bottom: 0px solid #eee; margin-top: 35px; }
.prodimage { width: 717px; margin: 0 auto; color: #888; letter-spacing: 0; font-size: 12px; cursor:move !important; margin-bottom: 10px; position: relative; }
.prodimage img { max-width: 717px !important; }

.crop-tl { background: url('../img/corner-crop.png') -17px -17px; width: 17px; height: 17px; position: absolute; top:0; left: 0; z-index: 9999;}
.crop-tr { background: url('../img/corner-crop.png') 0px -17px; width: 17px; height: 17px; position: absolute; top:0; right: 0; z-index: 9999;}
.crop-bl { background: url('../img/corner-crop.png') -17px 0px; width: 17px; height: 17px; position: absolute; bottom:0; left: 0; z-index: 9999;}
.crop-br { background: url('../img/corner-crop.png') 0px 0px; width: 17px; height: 17px; position: absolute; bottom:0; right: 0; z-index: 9999;}

.varimage { width: 320px; /*height: 230px;*/ margin: 0 auto 20px auto; text-align: center; }
.varimage img { width: 320px; /*height: 230px;*/ margin: 0 auto; }

.proddesc { text-align: center; margin: 0 auto 30px auto; width: 320px; /*380px;*/ float: right; }
.prodimage { float: left; width: 600px /*474px*/;}
.prodimage img { max-width: 600px /*474px*/ !important; }

.proddesc h1 { color: #231F20; font-size: 16px; line-height: 18px; text-transform: uppercase; letter-spacing: .2em; margin: 0 0 25px 0; font-weight: normal; border-bottom: 1px solid #eee; padding-top: 0; padding-bottom: 30px; }
.proddesc p { color: #888; margin: 0 0 9px 0; letter-spacing: 0em; font-size: 12px; line-height: 16px; letter-spacing: .1em; } 
.proddesc p a { color: #41AD49; text-decoration: none; }
.proddesc p a:hover { text-decoration: underline; }
.proddesc p span { color: #231F20; }
.proddesc p.qty { border-bottom: 0px solid #eee; padding-bottom: 20px;}
.proddesc img { margin-right: 5px; }
.proddesc .colour-options { margin-top: 0em; }
.proddesc p.price { color: #41AD49 !important; font-size: 14px; line-height: 18px; margin: 12px 0 24px 0; }

.product-questions { text-align: center; float: left; border: 1px solid #eee; width: 240px; margin: 12px 0 0 0; padding: 24px; }
.product-questions h2 { text-transform: uppercase; margin: 0 0 12px 0; letter-spacing: .2em; }
.product-questions p { margin: 0 0 12px 0; }
.product-tags { text-align: center; float: left; border: 1px solid #eee; width: 240px; margin: 12px 20px 60px 0; padding: 24px; }
.product-tags h2 { text-transform: uppercase; margin: 0 0 12px 0; letter-spacing: .2em;}
.product-tags p { text-align: center; margin: 0 0 12px 0; }
.product-book { text-align: center; float: right; border: 0px solid #ddd; width: 270px; padding: 0 24px; }
.product-book h2 { margin: 0 0 12px 0; letter-spacing: .2em; }
.product-book p { letter-spacing: .1em; }
.pinterest-pinit { margin: 24px 0; }

#alterationnotesfield.too-long { border: 1px solid #b94a48; color: #b94a48; }
span.too-long-note { color: #b94a48; }

.proddesc form { border-top: 0px solid #eee; margin-top: 24px; padding-top: 0px; color: #888; }
.proddesc select { font-family: 'AvenirNextLTW01-Regular', sans-serif; margin: 10px 0; min-width: 200px;  }
.proddesc input[type=text] { font-family: 'AvenirNextLTW01-Regular', sans-serif; width: 30px; border: 1px solid #999; outline: none; padding: 3px 4px; }
.prodsubmit { margin: 24px 12px 12px 12px; border: none; border: 1px solid #41AD49; background: #41AD49; font-size: 14px; line-height: 14px; color: #fff; text-transform: uppercase; letter-spacing: .2em; padding: 12px 24px; text-align: center; }
.prodsubmit.sample { margin: 0; background: #fff; border: 0px solid #41AD49; color: #41AD49; font-size: 12px; }
.prodsubmit.book { margin: 0; }
div.add-to-project { margin: 10px 10px 0; text-align: center; border: none; background: #FFF; font-size: 13px; color: #41AD49; text-transform: uppercase; letter-spacing: .2em; padding: 0; }

#nobuy { margin: 10px 0 ; font-size: 13px; color: #41AD49; text-transform: uppercase; letter-spacing: .2em;  text-align: center;  }

.productcollection .collectionsnav { margin: 40px 0 30px; position: relative;  }
.productcollection .prodcol { text-align: center; position: absolute; width: 960px; left: 0; top: 0; color: #231F20; font-size: 16px; line-height: 18px; text-transform: uppercase; letter-spacing: .2em; z-index: -1; }

p.add-to-project { margin-bottom: 10px; }
ul.add-to-project { color: #888; border: 0; list-style: none; padding: 0 0; margin: 0 0 15px 0; font-size: 13px; line-height: 18px; letter-spacing: .20em;} 
ul.add-to-project a { color: #41AD49; text-decoration: none; }
ul.add-to-project a:hover { text-decoration: underline; }

.thumbs { margin: 0; padding: 0; list-style: none; }
.thumbs li { display: block; width: 20%; height: 136px; overflow: hidden; float: left; padding: 0; }
.thumbs img { cursor: pointer; display: block; height: auto; width: 100%; margin: 0 0px 0 0; background: #000; }

#modal-back { position: fixed; top:0; left: 0; height: 100%; width: 100%; background: #000; background: rgba(255,255,255,0.9); display: none; z-index: 99999999999999; }
#modal-close { opacity: .5; position: fixed; top: 48px; right: 42px; color: #FFF; font-size: 60px; line-height: 24px; cursor: pointer; 
-webkit-transition: opacity 0.1s ease-in-out;
-moz-transition: opacity 0.1s ease-in-out;
transition: opacity 0.1s ease-in-out; 
}
#modal-close:hover { opacity: 1; 
-webkit-transition: opacity 0.1s ease-in-out;
-moz-transition: opacity 0.1s ease-in-out;
transition: opacity 0.1s ease-in-out; 
}
#modal-content img { display: block; margin: 0 auto; }
#modal-close img { width: 21px; }
#modal-content .zoom-wrap { display: block; width: 100%; background-size: auto 100%; background-position: 50% 50%; background-repeat: no-repeat; }
#modal-content .zoom-caption { position: absolute; bottom: 12px; right: 24px; width: 25%; text-align: left; padding: 0 0 12px 0; }
#modal-content .zoom-caption p { font-size: 14px; line-height: 18px; margin: 0; display: inline-block; padding: 3px 6px; background: rgba(255,255,255,.5); } 
.modal-nav { display: block; text-decoration: none; color: #FFF; font-size: 18px; position: fixed; top: 45%; line-height: 24px; cursor: pointer; }
#modal-back * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.modal-nav#modal-nav-prev,.modal-nav#modal-nav-next { opacity: .5; font-size: 60px; left: 48px; width: 30px; height: 30px; 
-webkit-transition: opacity 0.1s ease-in-out;
-moz-transition: opacity 0.1s ease-in-out;
transition: opacity 0.1s ease-in-out; 
}
.modal-nav#modal-nav-prev:hover,.modal-nav#modal-nav-next:hover { opacity: 1; 
-webkit-transition: opacity 0.1s ease-in-out;
-moz-transition: opacity 0.1s ease-in-out;
transition: opacity 0.1s ease-in-out; 
}
.modal-nav#modal-nav-next { left: auto; right: 39px; }

#alterationnotes { margin-bottom: 10px; }

/* ----- FOOTER ----- */

#footer { background: #e7e7e7; color: #888; padding: 45px 0; letter-spacing: 0em; font-size: 12px; line-height: 18px; }
#footer a { color: #888 !important; text-decoration: none;}
#footer a:hover { text-decoration: underline; }

#footer .centered { width: 700px; margin: 0 auto; text-align: center; }
#footer .centered p { letter-spacing: 0em; margin: 0 0 0 0; }

#footer .colholder { margin: 25px 0 100px; ; }
#footer .col-1 { float: left; width: 231px; margin-right: 12px; text-align: left; }
#footer p { line-height: 1.5em; margin: 0 0 1.5em 0; }
#footer .col-1.last { margin-right: 0; } 

#footer #bcfa-logo { width: 120px; margin-top: 23px; }

/*------ CLOUD ZOOM -----------*/


/* This is the moving lens square underneath the mouse pointer. */
.cloud-zoom-lens {
	background-color:#fff;	
	cursor:move;		
}

/* This is for the title text. */
.cloud-zoom-title {
	font-family:Arial, Helvetica, sans-serif;
	position:absolute !important;
	background-color:#000;
	color:#fff;
	padding:3px;
	width:100%;
	text-align:center;	
	font-weight:bold;
	font-size:10px;
	top:0px;
	display: none;
}

/* This is the zoom window. */
.cloud-zoom-big {
	overflow:hidden;
}

/* This is the loading message. */
.cloud-zoom-loading {
	color:white;	
	background:#222;
}


/* --- SIGN IN --- */

body.signin { }
body.signin p { font-size: 1em; text-align: center; margin: 0 0 1em 0; }
body.signin .errors { font-size: 1em; background: #fff; margin: 0; padding: 0; text-align: center; margin: 1em; }
body.signin .errors ul { margin: 0; color: #c00; }
body.signin .errors li { list-style: none; padding: 0; }

body.signin #navigation { display: none; }
body.signin #leftlinks { display: none; }
body.signin #rightlinks { display: none; }
body.signin #footer { display: none; }

.message ul { list-style: none; }


::-webkit-input-placeholder  { color:#999; }
input:-moz-placeholder { color:#999; }
placeholder { color: #999; }


/* ==|== non-semantic helper classes ======================================== */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

.hide-on-desktop { display: none !important; }


/* ==|== media queries ====================================================== */

@media only screen and (max-width: 767px) {

body { background: #fff; padding-top: 00px; }
.container { width: 100% }
#header { height: 90px; top: 0; left: 0; position: static; z-index: 1000; }
.nav-toggle { display: block; cursor: pointer; color: #222; font-size: 24px; position: absolute; top: 30px; left: 15px; z-index: 1000000; }
.nav-toggle:hover { color: #222; }
#logo { padding: 12px 0; width: 60px; margin: 0 auto; }
#logo img { width: 60px }
#leftlinks,#smlinks,#rightlinks { display: none; }
#navigation { border: 0; display: none; position: absolute; top: 91px; left: 0; width: 100%; }
#navigation ul li { display: block; border-bottom: 1px solid #eee; }
#navigation ul li a span { position: absolute; bottom: 3px; left: 50%; display: block; margin: 0 0 0 -58px; width: 90px; font-size: 9px; line-height: 9px; color: #fff; background: #41AD49; padding: 3px 12px } 

#main { margin-top: 0; }
#main h1.home { padding: 0; margin: 24px 20px; }
#main p { font-size: 14px; line-height: 18px; letter-spacing: 0; }

#slides { position: relative; min-height: 240px; }
#slidecover { }
#slides .slides_container { width: auto; height: 240px; overflow: hidden; }
.slides_container div { height: 240px; display: block; background-size: 100% auto; background-position: 50% 50%; background-repeat: no-repeat; }

.slide-key-wrap { position: static; bottom: 0px; left: 0; width: 100%; z-index: 10000; } 
.slide-key { width: 100%; height: 60px; background: #1f1f1f; margin: 0 auto; padding: 20px 0 0 0; }
.slide-key-title { font-family: 'AvenirNextLTW01-Regular', sans-serif; font-size: 16px; letter-spacing: .15em; text-transform: uppercase; text-align: center; color: #fff; margin: 0 0 .75em 0; }
.slide-key-link { font-family: 'AvenirNextLTW01-Regular', sans-serif; color: #9ea0a8; letter-spacing: .15em; text-align: center; margin: 0 0 0 0; }

.home-intro,.blinds-intro { width: 100%; padding: 0; margin: 0; }
.home-intro p,.blinds-intro p { margin: 12px 24px 24px 24px; width: auto; font-size: 18px; line-height: 24px; color: #666 }

#contentcol { width: 100%; margin: 0 auto 80px; }
#contentcol p { text-align: left; margin: 0 24px 24px 24px; }

h1.search { width: 100%; }
h2.subhead { width: 100%; }
h2.head { width: 100%; }

div.collection-description { margin-bottom: 0; }

.thumbs li { display: block; width: 100%; height: auto; overflow: auto; float: none; }
.zoom-caption { color: #fff; }

.select-stockist ul { margin: 0; padding: 0; }
.select-stockist ul li { width: 100%; padding: 36px 0 24px 0; border-bottom: 1px solid #eee; min-height: 0px; }
.select-stockist ul li h3 { margin-top: 0; }
#main .select-stockist ul li p { font-size: 12px; line-height: 24px; margin-top: 0; }

.collectionsnav { display: none; }

ul.collection.twocol li { width: 100%; margin-right: 0; float: none; overflow: hidden; }
ul.collection.twocol li.last { float: none; }
ul.collection.twocol li.landscape { height: auto; }
ul.collection.twocol li.portrait { height: auto; }
ul.collection.twocol li img { width: 100%; }
ul.collection.twocol li .collection-image { height: auto; overflow: hidden;}

ul.collection.threecol li { width: 100%; margin-right: 0; float: none; overflow: hidden; }
ul.collection.threecol li.last { float: none; }
ul.collection.threecol li img { width: 100%; }
ul.collection.threecol li.landscape { height: auto; }
ul.collection.threecol li.portrait { height: auto; }
ul.collection.threecol li .collection-image { height: auto; overflow: hidden;}

ul.collection.fourcol li { width: 100%; height: 340px; margin-right: 0; float: none; overflow: hidden; }
ul.collection.fourcol li.landscape { height: auto; }
ul.collection.fourcol li.portrait { height: auto; }
ul.collection.fourcol li img { width: 100%; height: auto; }
ul.collection.fourcol li .collection-image { height: auto; overflow: hidden;}

span.view-options,span.choose { display: block !important; }
.step .tip { margin: 0 24px 2em 24px; }
#main .step h2 { margin: 0 24px 18px 24px; }
#main .step .tip p { font-size: 16px; line-height: 24px; margin: 0 0 24px 0; }

.step form { width: 100%; margin: 0 auto 40px auto; }
.step form label { width: 30%; }
.step form input[type='text'] { width: 40%; }
.step form input[type='submit'] { margin: 0 auto; }

.step.done h2 { }
.step.done .collection-image { height: auto; width: 50%; }
.step.done .collection-image img { width: 100%; height: auto; }

.productcollection .prodcol { width: 100%; }

.product { border-bottom: 0px solid #eee; margin-top: 0; }
.prodimage { width: 100%; margin: 0 auto; }
.prodimage img { max-width: 100% !important; }
.proddesc { width: 100%; }
.proddesc h1 { margin-top: 36px; }

.product-questions { width: auto; margin: 12px; float: none; }
.product-tags { width: auto; margin: 12px; float: none; }
.product-book { float: none; width: 100%; }

.home-news { margin: 0; padding: 0; }
.home-news-box { width: 100%; float: none; padding: 0 0 24px 0; margin: 0; }
.home-news-box:first-child { margin-right: 0; }
.home-news-img { width: 100%; height: auto; }
.home-news-img img { display: block; width: 100%; }

.tumblr-post-wrap { width: 100%; }
.tumblr-post { margin: 5px 10px; }
.tumblr-post-content { height: 360px; }
.tumblr-img { margin: 0 0 9px 0 }
.tumblr-img img { height: 200px; width: auto; margin: 9px auto 18px auto; }

.blinds-cols { }
.blinds-col { width: 100%; margin: 0 auto; }
.blinds-cols a.btn { }
.blinds-col1 { width: 100%; margin-left: 0; margin-bottom: 50px; float: none; }
.blinds-col2 { width: 100%; margin-right: 0; margin-bottom: 50px; float: none; }

.greyblock { width: 100%; float: none; padding: 20px 0; height: auto; margin: 30px 0 20px; }
.greyblock.right { float: none; }
.greyblock h3 { text-align: center; border-bottom: 1px solid #eee; text-transform: uppercase; margin: 0; padding: 0 0 13px; }
.greyblock p.intro { margin-top: 20px; width: 100%; }

.detailsform label { float: left; width: 48%; text-align: right; text-transform: uppercase; color: #A7A9AC; letter-spacing: 0.25em; margin-top: 6px; font-size: 12px; }
.detailsform .input { padding-left: 50%; padding-bottom: 10px; }
.detailsform .input input { margin-bottom: 20px; border: 1px solid #ddd; outline: none; padding: 3px 4px; width: 80%;}
.detailsform .input select { margin-bottom: 20px; }
.detailsform .input input[type=radio] { margin-top: 7px;  margin-bottom: 3px; }
.detailsform h2 { margin:-10px 0 15px; font-size: 16px; color: #000; border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding: 30px 0 30px 0; font-weight: normal; }
.detailsform p { text-align: center; text-transform: uppercase; letter-spacing: 0.15em; font-size: 0.9em; margin: 0 0 2em;  }
.detailsform .warn { color: #41AD49; letter-spacing: 0.15em; }
.detailsform .warn.main { margin-bottom: 30px; text-align: center; }

#footer { }
#footer .col-1 { float: none; width: auto; margin: 0 24px; text-align: left; }

.hide-on-desktop { display: block !important; }

}

@media only screen and (min-width: 768px) {

}



/* ==|== print styles ======================================================= */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}