@import url("fonts.css");

* { margin: 0; padding: 0; font-family: gill-sans-light, Helvetica, sans-serif; color: #58585a; font-weight: 100; list-style: none; text-decoration: none; font-size:100%; }

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }

body { background-color: #fafaf0; }

body, html { height: 100%; }

img { display: block; }

a img, a:focus { border: none; }

a { transition: color 0.50s ease 0s; }

a:hover, a.selected { color: #e03e27; }

strong { font-weight: bold; }

p { line-height: 150%; padding-bottom: 20px; font-size:16px; }

#container { margin: 0 auto 0 auto!important; width: 100%; max-width:1012px; min-width:1000px;  min-height: 100%; position: relative; }

* html #container { height: 100%; }

.clear { clear: both; height: 0; width: 0; }



/* header */

#noscript div { width: 100%; height:80px; background-color:#424242; position:absolute; display:block; z-index:100000; text-align:center; color:#fff; font-size:24px; }

header { width:100%; height:170px; z-index:20;}

header #header-holder { width:1000px; height:170px; position:relative; margin:0 auto; background:url(../img/white-opacity.png) repeat; }

header h1 { display:block; position:absolute; right:35px; top:20px; width:150px; height:73px; }

header h1 a { display:block; background:url(../img/large-logo.png) no-repeat; width:150px; height:73px; font-size:0px; }

header #mobile-button { display:none; }

header .top-nav { position:absolute; left:0px; bottom:10px; width:100%; border-top: 2px solid #414042; border-bottom:2px solid #414042; padding:2px 0 0 0; }

header .top-nav li { display:inline-block; width:13.9%; }

header .top-nav li a { font-size:18px; display:block; width:100%; height:28px; text-align:center; line-height:30px; padding:5px 0 0 0; margin-bottom:2px;font-weight:900; }

header .top-nav li a:hover { color: #e03e27; }

header .top-nav li#home-link a { color: #fff; background:#00a0af url(../img/chevron2.png) 100% 50% no-repeat; }

header .top-nav li#home-link a:hover, li#home-link a.selected { color: #e03e27 !important; }

header .top-nav li#buy-link a { color: #fff; background:#58595b url(../img/chevron.png) 0 50% no-repeat; }

header .top-nav li#buy-link a:hover, li#buy-link a.selected { color: #e03e27 !important; }

#music-holder { background:url(../img/music.png) 10px 0  no-repeat; width:80px; padding-top:65px; position:absolute; top:10px; left:200px; }

#music-holder button { border:none; padding:0; margin:0; background-color:transparent; cursor:pointer; }

#music-holder button:hover { color: #e03e27; }

#ribbon-holder { position:absolute; left:40px; top:0; width:118px; height:100px; background:url(../img/ribbon.png) no-repeat; background-size:contain; }

#ribbon-holder div { font-family:wisdom_scriptregular, sans-serif; color:#fff; font-size:16px; line-height:16px; width:100px; height:60px; margin:10px auto; text-align:center; }


/* footer */

footer { width:100%; padding:0 0 20px 0; margin:0; }

#footer-holder { padding:20px; min-width:960px; max-width:90%; background:url(../img/white-opacity.png) repeat; margin:0 auto;  }

ul.footer { margin:0 auto; width:75%; min-width:960px; }

ul.footer > li { display:inline-block; border-right:1px solid #ccc; width:20%; padding:10px 2%; vertical-align:top; min-height:220px;  }

li#contact-column {  border-right:none; }

footer #logo { width:200px; height:89px; font-size:0px; background:url(../img/footer-logo.png) 0 0 no-repeat; float:right; }

footer address { font-style:normal; font-size:16px; padding:10px 0 0 20px; }

ul.footer-nav > li { display:block; padding-bottom:10px; }

ul.footer-nav > li a { font-size:16px; }

ul.footer-nav > li.indent { padding-left:10px; }

footer .orange-arrow { width:200px; height:43px; background:url(../img/orange-arrow.png) no-repeat; }

/* slideshow */

.slideshow { width: 1000px!important; margin:0 auto; height:500px; position:relative !important; border-bottom:10px solid #fff; }

.slideshow ul, .slideshow ul li { width: 100%!important; height:500px !important; }

.slideshow ul li { left: 0;  }

.slideshow ul li { left: 0; top: 0px!important; }

.slideshow ul { left: 0; list-style-type: none; margin: 0; padding: 0; position: absolute; top:0px; z-index: 0; }

.slideshow img { left: 0; position: absolute; top: 0; width: 100%; z-index: 0 }

.slideshow ul li { background-size: contain; background-repeat: no-repeat; }

.slideshow .controls { position:absolute; left:-5px; top:240px; width: 1010px; height: 28px; z-index:20000000000; }

.slideshow:hover .cycle-prev, .slideshow:hover .cycle-next { opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: opacity(60); }

.slideshow .cycle-next, .slideshow .cycle-prev { float: left; height: 28px; background-image: url(../img/pointer-left.png); opacity: 0; cursor: pointer; -moz-transition: opacity 0.3s; -ms-transition: opacity 0.3s; -o-transition: opacity 0.3s; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:opacity(30); text-indent: -9999px; width: 57px; }

.slideshow .cycle-next { background-image: url(../img/pointer-right.png); float: right; }

.slideshow .cycle-prev:hover, .slideshow .cycle-next:hover { opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: opacity(90);
}


#carousel2 { width: 1000px!important; margin:0 auto; height:263px; position:relative !important; }

#carousel2 a {  width:243px; height:243px; border-width:0 10px 10px 0px; border-style:solid; border-color:#fff; display:inline-block; }

#carousel2 .controls { position:absolute; left:-5px; top:140px; width: 1010px; height: 28px; z-index:20000000000; }

#carousel2:hover .cycle-prev, #carousel2:hover .cycle-next { opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: opacity(60); }

#carousel2 .cycle-next, #carousel2 .cycle-prev { float: left; height: 28px; background-image: url(../img/pointer-left.png); opacity: 0; cursor: pointer; -moz-transition: opacity 0.3s; -ms-transition: opacity 0.3s; -o-transition: opacity 0.3s; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: opacity(0); text-indent: -9999px; width: 57px; }

#carousel2 .cycle-next { background-image: url(../img/pointer-right.png); float: right; }

#carousel2 .cycle-prev:hover, #carousel2 .cycle-next:hover { opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: opacity(90);
}


/* contents */

#contents { width:1000px; padding:50px 0 0 0; margin:0 auto; position:relative; background-color:#575756; }

#contents article { padding:0 50px; }

#contents * { color:#fff8e7; }

#contents h2 { font-size:36px; border-bottom:1px solid #cbbba0; margin:0 50px 20px 50px; padding:0 0 20px 0; text-transform:uppercase;  }

#contents h3 { font-size:24px; padding:0 0 20px 0; text-transform:uppercase; }

.all-relishes { position:absolute; top:60px; right:50px; color:#fff8e7; font-size:24px; padding-left:85px; background:url(../img/back-relish.png) 0 30% no-repeat; transition: color 0.50s ease 0s;  }

.all-relishes:hover { color: #e03e27 !important; }

section.traffic-drivers, section.brand-logos { border-top:1px solid #eee; padding:25px 0; }

section.traffic-drivers ul { width:100%; }

section.traffic-drivers ul > li { display:inline-block; padding:1%; width:22%; vertical-align:top; text-align:left; }

section.traffic-drivers ul > li img { width:100%; }

section.brand-logos ul { width:100%;  }

section.brand-logos ul > li { display:inline-block; padding:1%; width:22%; margin-bottom:5px; vertical-align:top; text-align:left; border:1px solid #eee; }

section.brand-logos ul > li img { width:100%; }

section.brand-logos ul > li a { transition: 0.50s; }

section.brand-logos ul > li a:hover { opacity:0.5; }

section.subsection ul { width:980px; margin:-40px auto 0 auto;  }

section.subsection ul > li { display:inline-block; padding:0% 2% 1% 0; width:32.65%; margin-right:-14px; vertical-align:top; text-align:left; }

section.subsection ul > li:nth-child(3n+3) { padding-right:0; }

section.subsection ul > li img { width:100%; padding-bottom:10px; }

section.subsection ul > li > h4 { text-transform:uppercase; padding-bottom:0 !important; }

section.full-col { width:100%; padding-bottom:20px; }

ul.section-holder-full li img { margin:0 auto 20px -50px; }

.full-col-img-right { float:right; padding:20px 0 10px 20px; }

.full-col-img-left { float:left; padding:20px 20px 10px 0; }

.full-col-img-center { margin:0 auto; padding:10px; }

.full-col-img-none {  padding:20px 0; margin-left:-50px; }

section.left-col {  display:inline-block; margin-right:-14px; width:45%; padding:0 5% 20px 0; vertical-align:top; }

section.right-col { display:inline-block; width:45%; padding:0 0 20px 5%; vertical-align:top; }

section.left-col img, section.right-col img { width:100%; padding-bottom:20px; }

section.left-col p, section.right-col p, section.full-col p { text-align:justify; }

section h3 { font-size:25px; line-height:150%; }

section h4 { font-size:18px; line-height:150%; }

ul li h4 { font-size:24px; line-height:150%; }

ul.list li { padding-left:12px; list-style:inside disc; line-height:150%; padding-bottom:20px; }

ul.lists li { padding-left:12px; list-style:inside disc; }

#relish-holder > li { padding-bottom:30px; }

#relish-holder > li h4 { padding-bottom:10px; font-size:20px; }

a.more { float:right; padding-right:20px; }

ul#general { padding-left:50px; width:20% !important; }

ul.sitemap-links { display:inline-block; vertical-align:top; width:28%; padding: 0 2%; min-height:270px; }

ul.sitemap-links > li { padding-bottom:10px;  }

ul.sitemap-links > li.indent { padding-left:20px; }

ul.sitemap-links > li a { font-size:20px; }

ul#curtains, ul#blinds { border-left:1px solid #ccc; }

h4.shop-font { font-family:mostra_nuovabold; color:#075CC1; font-size:30px; padding-bottom:10px; }

ul#link-holder > li  { list-style:inside disc; padding:0 0 10px 15px; }

ul#tapes-holder { width:100%;  }

ul#tapes-holder > li { display:inline-block; padding:10px; width:170px;  vertical-align:top; text-align:left; border:1px solid #ddd; margin-bottom:10px; min-height:290px; }

ul#tapes-holder > li.tape-buttons { display:inline-block; padding:10px; width:340px; vertical-align:bottom; text-align:right; border:none; margin-bottom:10px; min-height:0px !important; }

ul#tapes-holder > li img { width:100%; padding-bottom:20px; }

ul#tapes-holder > li > h4, ul#tapes-holder > li > p.percentage span { font-size:24px; }

p.tape-description { min-height:75px; }

p.select-tape { text-align:right; }

p.select-tape span { padding-left:20px; }


/* form elements */


form p { padding-bottom: 10px; position:relative; }

label { display: inline-block; padding-right: 10px; text-align: right; font-size: 16px; vertical-align: top; width:390px; }

label.error { position:absolute; width:inherit; color:#f60;  }

span.dialing { font-size: 12px; }

input.fields { display: inline-block; font-size: 16px; padding: 5px; border: 1px solid #ccc; vertical-align: top; width:400px; color:#565657 !important; }

textarea.fields { display: inline-block; font-size: 16px; padding: 5px; border: 1px solid #ccc; vertical-align: top; width:400px; color:#565657 !important;  }

input[type="submit"], input[type="reset"] { border-radius: 2px; padding: 5px 10px 0 10px; display: inline-block; cursor: pointer; font-size: 18px; background: #fefefe; color:#565657 !important;  }

input[type="button"] { font-size: 18px; cursor: pointer; }

form select * { color:#565657 !important; }

select.fields { font-size: 18px; padding-top: 5px; color:#565657 !important; }

p.confirm-real { height: 0px; overflow: hidden; padding: 0; }

.shop-form-holder { padding:0 20px; border-left:1px solid #ddd; }

.shop-form-holder h4 { font-size:20px; padding-bottom:10px; }

.shop-form-holder label { display:inline-block; width:100px; text-align:left; }

input.shop-field { display:inline-block; }

span.inches  { display:none; }

p.small { font-size:10px; }

p#price-results { font-size:30px; text-align:right; }

p.right { padding-top:50px; }

p.right input { float:right; margin:0 20px; }

span.orange { color:#e03e27; }

form#shop label.error { display: inline-block; padding: 10px; text-align: left; font-size: 16px; vertical-align: top; width:auto; background-color:#e03e27; position:absolute; color:#fff; border-radius:5px; z-index:3; box-shadow:5px 5px 5px #888888; }

form#shop label.valid { display:none !important; }

form#shop label#width-error { top:-50px; left: 290px; width:200px; }

form#shop label#drop-error { top:-10px; left: 290px; width:200px; }

form#shop label#floor_drop-error { top:-10px; left: 290px; width:200px; }

form#shop label#measure_to-error { top:-10px; left: 150px;  }

/* shop progress */

.shop-progress { width:100%; height:100px; position:relative;  }

.horizontal { width:95%; position:absolute; top:50%; left:2.5%; height:2px; background-color:#ccc; z-index:1; display:block; }

.one-holder, .two-holder, .three-holder { width:96px; height:96px; border:2px solid #ccc; z-index:2; border-radius:50px; background-color:#fff; position:absolute; top:0px; overflow:hidden; }

.one-holder a, .two-holder a, .three-holder a { width:96px; height:96px; font-size:80px; line-height:96px; text-align:center; display:block; border-radius:50px; padding-top:10px; color:#ccc; }

.one-holder { left:0; }

.two-holder { left:45%; }

.three-holder { right:0%; }

 #one-selected .one-holder a { background-color:#e03e27; color:#fff; }

 #two-selected .two-holder a { background-color:#e03e27; color:#fff; }

 #three-selected .three-holder a { background-color:#e03e27; color:#fff; }

 #two-selected .one-holder a, #three-selected .one-holder a, #three-selected .two-holder a { background-color:#ccc; color:#fff; }