/* CSS Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
html, body { height: 100%; }
body {
font-family: Arial, Sans-Serif;
background: transparent url('../images/bg_pattern.jpg') repeat scroll 0 0;
/* color: #5c4026; */
color: #555;
text-align: left;
}
/* Sitewide Link style */
a { color: #6A7C3B; text-decoration: none; border-bottom: 1px dotted; }
a:hover { color: #7A8C4B; text-decoration: none; border-bottom: 1px solid; }
a.image { border-bottom: none; }
strong { font-weight: bold }
em { font-style: italic; }
small { font-size: 0.8em; }
/* Headings */
h1 { font-size: 2.6em; line-height: 1em; font-weight: bold; color: #8a9c5b; text-shadow:1px 1px 3px #bbb; }
h1.home { font-size: 2.5em; text-shadow:1px 1px 3px #bbb; margin: 30px 0 5px 0; }
h2 { font-size: 1.4em; width: 600px; color: #5b5b5b; }
h3 { font-size: 1em; font-weight: bold; text-transform: uppercase; line-height: 1em; text-shadow: 0 0px 2px #eee; }
/* Rule */
div.white_rule { margin: 5px 0; background: transparent url(../images/shop/white_rule.png) no-repeat; height: 1px; width: 450px; }
/* Forms */
input[type=text]:focus {
background-color: #fff7c0;
}
/* Page containers and layout */
div#page { width: 900px; height: 100%; margin: 0 auto; position: relative; }
div#page-content { width: 900px; position: relative; }
div#content-main {
width: 840px;
min-height:600px;
padding: 0 30px;
position:relative;
z-index: 200;
}
div#content-inner {
/* background-color: #d9dade; */
background-color: #dbdce0;
width: 780px;
padding: 20px 30px 40px 30px;
min-height: 540px;
}
div#content-body { margin-top: 20px; position: relative; }
div#content-left-border, div#content-right-border {
width: 30px;
top: 0;
bottom: 0;
position:absolute;
z-index: 100;
}
div#content-left-border {
left:0px;
background: transparent url('../images/left-shadow.png') repeat-y scroll 0 0;
}
div#content-right-border {
right: 0px;
background: transparent url('../images/right-shadow.png') repeat-y scroll 0 0;
}
/* Header */
div#header-wrapper { width: 900px; height: 70px; background: transparent url('../images/header.png') no-repeat scroll 0 0; }
div#header { height: 50px; padding: 0px 45px 20px 45px; }
div#header a { border: 0; }
#header a#mvsf-logo span.logo-hide {
display: block;
height: 45px;
line-height: 45px;
text-indent: -9999px;
}
#header a#mvsf-logo {
background: transparent url(../images/mvsf_logo.jpg) no-repeat scroll 0 0;
float: left;
margin: 0;
background-position: 0 0;
height: 45px;
width: 260px;
}
#header a#mvsf-logo:hover {
background-position: 0 -45px;
height: 45px;
width: 260px;
}
ul#header-nav {
width: 530px;
height: 45px;
margin: 0;
padding: 0px 0px 0px 20px;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
float: left;
}
ul#header-nav li {
background: transparent none repeat scroll 0 0;
float: left;
padding: 0;
margin: 0;
text-align: center;
line-height: 45px;
cursor:pointer;
}
ul#header-nav li a {
background:transparent url(../images/nav/sprite.jpg) no-repeat scroll 0 0;
height: 45px;
display: block;
}
ul#header-nav li a span {
display: block;
height: 45px;
line-height: 45px;
text-indent: -9999px;
}
ul#header-nav li.divider {
border-right: 1px solid #D9DADE;
width:1px;
line-height: 18px;
margin-top: 15px;
}
ul#header-nav li#header-nav-home a { width: 62px; background-position:0px 0px; }
ul#header-nav li#header-nav-home a:hover { background-position:0px -45px; }
ul#header-nav li#header-nav-products a { width: 80px; background-position: -64px 0px; }
ul#header-nav li#header-nav-products a:hover { background-position:-64px -45px; }
ul#header-nav li#header-nav-press a { width: 65px; background-position: -145px 0px; }
ul#header-nav li#header-nav-press a:hover { background-position:-145px -45px; }
ul#header-nav li#header-nav-faq a { width: 50px; background-position: -210px 0px; }
ul#header-nav li#header-nav-faq a:hover { background-position:-210px -45px; }
ul#header-nav li#header-nav-about-us a { width: 65px; background-position: -260px 0px; }
ul#header-nav li#header-nav-about-us a:hover { background-position:-260px -45px; }
ul#header-nav li#header-nav-contact-us a { width: 75px; background-position: -325px 0px; }
ul#header-nav li#header-nav-contact-us a:hover { background-position:-325px -45px; }
ul#header-nav li#header-nav-where-to-buy a { width: 65px; background-position: -400px 0px; }
ul#header-nav li#header-nav-where-to-buy a:hover { background-position:-400px -45px; }
ul#header-nav li#header-nav-blog a { width: 53px; background-position: -460px 0px; }
ul#header-nav li#header-nav-blog a:hover { background-position:-460px -45px; }
/* Footer */
div#footer { line-height: 1em; overflow: hidden; width: 900px; height: 115px; background: transparent url('../images/footer.png') no-repeat scroll 0 0; }
div#footer div#footer-inner { color: #f3f3f3; width: 840px; height: 85px; background-color: #B6BABD; margin: 30px 30px 0 30px; }
div#footer div#footer-left-column { width: 350px; float: left; padding-top: 30px; margin-left: 30px; text-align: left; }
div#footer div#footer-right-column { width: 430px; float: right; padding-top: 0px; margin-right: 30px; text-align: right; }
div.footer-title { font-size: 1em; text-shadow: 0 1px 2px #999999; }
div.footer-social { font-size: 0.9em; }
div.footer-social img { vertical-align: middle; margin-left: 10px; }
div#footer div#footer-right-column div.footer-title { line-height: 2em; }
div#footer div#footer-right-column a { color: #f3f3f3; }
div#footer div#footer-right-column a:hover { color: #f3f3f3; }
div.footer-title img { vertical-align: bottom; }
div.footer-details { font-size: 0.7em; }
div.footer-copyright, div.footer-links { font-size: 0.7em; color: #6a6a6a; }
div.footer-links { margin-top: 5px; }
div.footer-links img { vertical-align: middle; }
div.footer-details a, div.footer-details a:hover { color: #f3f3f3; }
div.footer-links a, div.footer-links a:hover { color: #6a6a6a; border: none; }
/* Home/Main Page Content */
div#home img.tagline { margin-top: 30px; margin-bottom: -4px; }
div#home h2.tagline-subtext { font-size: 1.4em; width: 565px; text-shadow: 0 1px 2px #fff; }
div#home div.product-overview { margin: 25px 0 15px 0; font-size: 1.2em; width: 780px; text-shadow: 0 1px 2px #fff; }
/* Special */
div#special { width: 200px; height: 60px; position: absolute; right: 27px; top: 20px; }
div#special a { border: none; }
/* div#special-bg { background-color: #f7f0dd; width: 200px; height: 50px; box-shadow: 0 0 3px #bbb; -moz-box-shadow: 0 0 3px #bbb; -webkit-box-shadow: 0 0 3px #bbb; } */
div#special-content { width: 200px; height: 50px; }
div#special-shadow { width: 200px; height: 10px; }
/* Sidecart */
div#sidecart { width: 200px; height: 35px; position: absolute; right: 27px; top: 80px; }
div#sidecart-bg {
background-color: #f7f0dd;
width: 200px;
height: 25px;
border-radius: 5px 0 0 5px;
-moz-border-radius: 5px 0 0 5px;
-webkit-border-radius: 5px 0 0 5px;
box-shadow: 0 0 3px #bbb;
-moz-box-shadow: 0 0 3px #bbb;
-webkit-box-shadow: 0 0 3px #bbb;
}
div#sidecart-content { width: 180px; height: 19px; font-size: 0.7em; padding: 3px 10px; }
div#sidecart-content img { vertical-align: middle; }
div#sidecart-shadow { width: 200px; height: 10px; }
div#sidecart span.sidecart-text { margin-left:8px; }
/* Billboards */
div.billboard-wrapper { width: 780px; margin: 25px 0 50px 0; position: relative; }
div#billboard {
width: 780px;
height: 300px;
box-shadow: 0px 3px 8px #aaa;
-moz-box-shadow: 0px 3px 8px #aaa;
-webkit-box-shadow: 0px 3px 8px #aaa;
}
div#billboard a { border: none; }
div#billboard-frame { height: 300px; position: absolute; top: 0; width: 780px; z-index: 100; }
/* Product Slides */
div#product-slides { width: 780px; height: 500px; clear: both; }
/* Product Category Slides */
div#product-slides div.product-category-slide {
width:250px;
margin-right: 15px;
float:left;
}
div#product-slides div.last { margin-right: 0px; }
div.product-category-header { color: #6A7C3B; font-size: 1.4em; font-weight: bold; text-shadow: 1px 1px 2px #f7f2df; }
div.product-category-header a { color: #6A7C3B; text-decoration: none; border-bottom: 1px dotted #999;}
div.product-category-header a:hover { text-decoration: none; border-bottom: 1px solid #999; }
div.product-category-subheader { color: #777; font-size: 0.8em; margin-top: 2px; margin-bottom: 10px; }
div#product-slides div.product-slide { position: relative; width: 240px; height: 190px; background-color: transparent; margin: 0 30px 15px 0; float: left; }
div#product-slides div.product-slide img { }
div#product-slides div.product-slide a img.slide { box-shadow: 0px 3px 6px #888; -moz-box-shadow: 0px 3px 6px #888; -webkit-box-shadow: 0px 3px 6px #888; }
div#product-slides div.product-slide a:hover img.slide { box-shadow: 0px 4px 8px #777; -moz-box-shadow: 0px 4px 8px #777; -webkit-box-shadow: 0px 4px 8px #777; }
div.product-slide div.caption { color: #f1f1f1; font-weight: bold; font-size: 0.75em; padding: 5px 10px; text-shadow: 0px 1px 2px #999; }
div.product-slide div.caption { background-color: #b6babd; height: 15px; }
div.product-slide div.caption div.caption-name { float:left; width: 60px; font-size: 1.2em; }
div.product-slide div.caption div.caption-name a,
div.product-slide div.caption div.caption-link a,
div.product-slide div.caption div.caption-more-info a,
div.product-slide div.caption div.caption-add-to-cart a { color: #f1f1f1; }
div.product-slide div.caption div.caption-name a:hover,
div.product-slide div.caption div.caption-link a:hover,
div.product-slide div.caption div.caption-more-info a:hover,
div.product-slide div.caption div.caption-add-to-cart a:hover { color: #fff; }
div.product-slide div.caption div.caption-link { float:right; width: 160px; text-align: right; }
div.product-slide div.caption div.caption-link img { margin-top: 2px; vertical-align: top; }
/* Breadcrumbs */
div.breadcrumb ul.breadcrumb { margin: 0; }
div.breadcrumb ul.breadcrumb li { background: none; padding: 0; display: inline; margin-left: 0; text-indent: 0; }
div.breadcrumb ul.breadcrumb li { font-size: 0.75em; text-transform: uppercase; }
div.breadcrumb ul.breadcrumb li.last { font-weight: bold; }
div.breadcrumb ul.breadcrumb li:after { content: "\00BB"; padding: 0 5px; font-size:1.3em; }
div.breadcrumb ul.breadcrumb li.last:after { content: ""; padding: 0px; }
div.breadcrumb ul.breadcrumb li a { text-decoration: none; border: none; }
div.breadcrumb ul.breadcrumb li a:hover { text-decoration: underline; border: none; }
/* Sharing */
div.sharing { font-size: 0.75em; font-weight: bold; line-height: 1.3em; }
div.sharing a { border: none; }
/* Page notices */
div.notice {
font-size: 1.3em;
color: #8a9c5b;
padding-left: 35px;
margin-top: 50px;
background: transparent url(../images/shop/pin_large.png) no-repeat;
float: left;
clear: both;
}
/* Where to Buy */
div#where-to-buy { margin-top: 40px; overflow:hidden; width:100%; }
div#where-to-buy div#map_canvas { width: 770px; height: 400px; border: 5px solid #F5F5F5; box-shadow: 0px 3px 8px #bbb; -moz-box-shadow: 0px 3px 8px #bbb; -webkit-box-shadow: 0px 3px 8px #bbb; }
div#where-to-buy div#map_canvas a { text-decoration: underline; border: none; }
div#where-to-buy div#map_canvas div.infowindow { }
div#where-to-buy div#map_canvas div.infowindow h3 { font-size: 0.95em; font-weight: bold; }
div#where-to-buy div#map_canvas div.infowindow div { font-size: 0.85em; }
div#where-to-buy div#map_canvas div.infowindow a { text-decoration: underline; border: none; }
div#where-to-buy h2 { font-weight: bold; width: 100%; }
div#where-to-buy #shop-list { margin-top: 30px; font-size: 0.95em; line-height: 1.3em; }
div#where-to-buy #shop-list #shops { float:left; width: 460px; margin-right: 20px; padding-bottom: 5px; }
div#where-to-buy #shop-list #shops td.name { }
div#where-to-buy #shop-list #online-stores { float:left; width: 300px; padding-bottom: 5px; }
/* Press */
div#press { margin-top: 40px; overflow:hidden; width:100%; }
div#press a { border: none; }
div#press div.press-item { width: 125px; margin-right: 30px; float: left; }
div#press div.press-item.last { margin-right: 0;}
div#press div.press-item div.press-image { position: relative; height: 176px; width: 125px; margin-bottom: 5px; }
div#press div.press-item div.press-image a img { position: absolute; bottom:0; border: 3px solid #F5F5F5; box-shadow: 0 3px 8px #888; -moz-box-shadow: 0 3px 8px #888; -webkit-box-shadow: 0 3px 8px #888; }
div#press div.press-item div.press-image a:hover img { box-shadow: 0 4px 8px #777; -moz-box-shadow: 0 4px 8px #777; -webkit-box-shadow: 0 4px 8px #777; }
div#press div.press-item div.press-title { font-weight: bold; font-size: 0.9em; }
div#press div.press-item div.press-date { font-size: 0.8em; }
/* Contact Us */
div#contact-us { margin-top: 60px; position: relative; }
div#contact-us div#studio-photo { position: absolute; left: 550px; top: -30px; }
table#contact-us { font-size: 0.95em; line-height: 1.2em; }
table#contact-us th { font-weight: bold; text-align: right; white-space:nowrap; }
table#contact-us td div.cards { margin: 5px 0 10px 0; }
div#contact-us .social-link { margin-bottom: 5px; }
div#contact-us .social-link img { vertical-align: middle; }
/* About Us */
div#about-us { margin-top: 40px; font-size: 85%; overflow: hidden; }
div#about-us h2 { width: 375px; font-weight: bold; line-height: 1.2em; margin-top: 5px; }
div#about-us h2:first-letter { font-size: 2em; text-shadow: 1px 1px 3px #f7f2df; color: #555; }
div#about-us h3 { text-transform: none; margin-bottom: 5px; }
div#about-us hr { width: 375px; height: 5px; color: transparent; background-color: #555; margin: 25px 0; border: none; }
div#about-us div.column { width: 375px; float: left; }
div#about-us div.left { margin-right: 15px; }
div#about-us div.right { margin-left: 15px; }
div#about-us div.column p { margin-bottom: 20px; font-size: 0.95em; line-height: 1.4em; }
div#about-us img { margin-bottom: 20px; border:5px solid #F5F5F5; box-shadow: 0px 3px 8px #bbb; -moz-box-shadow: 0px 3px 8px #bbb; -webkit-box-shadow: 0px 3px 8px #bbb; }
/* Wholesale */
div#wholesale { margin-top: 40px; margin-bottom: 30px; overflow:hidden; width:100%; line-height: 1.4em; font-size: 0.95em; }
div#wholesale ul { list-style-type: disc; margin: 15px; }
div#wholesale p { margin-bottom: 15px; }
/* FAQ */
div#faq { margin-top: 40px; margin-bottom: 30px; overflow:hidden; width:100%; line-height: 1.4em; font-size: 0.95em; }
div#faq ul { list-style-type: disc; margin: 15px; }
div#faq hr { height: 5px; color: transparent; background-color: #555; margin: 25px 0; border: none; }
div#faq p { margin-bottom: 15px; }
div#faq h2 { margin-bottom: 5px; width: 780px; font-weight: bold; }
/* Groupon Page */
div#groupon { margin-top: 50px; }
div#groupon #instructions { margin-left: 30px; }
div#groupon p { margin-bottom: 15px; }
div#groupon ol { margin: 15px 30px; }
div#groupon strong { color: #688f3e; font-size: 1.2em; }
/* Video Player */
a.video-player { border-bottom: none; }
/* Errors */
p.error { color: #D20404; };