/* global elements */
body, h1, h2, h3, h4 ,h5, ul, ol, li, p, form {margin:0;padding:0;}
p, ol {line-height:150%;color:#333;}
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
.bold {font-weight:bold;}
.hide {display:none;}
@font-face {
	font-family:MinervaModern;
	src: url('../f/MinervaModern-Bold.eot');
  	src: local('MinervaModern Bold'), local('MinervaModern'), 
	url('../f/MinervaModern-Bold.otf') format('opentype');
}
a:active {outline: none;}

/* css3 dropshadow */
body#as-seen-in #main-col ul li img, .cover-overlay .cover-detail-image img, body#our-story #left-col div#photo, body#contact-us #left-col div#photo {
	-o-box-shadow: 5px 5px 5px #CCC;
	-icab-box-shadow: 5px 5px 5px #CCC;
	-khtml-box-shadow: 5px 5px 5px #CCC;
	-moz-box-shadow: 5px 5px 5px #CCC;
	-webkit-box-shadow: 5px 5px 5px #CCC;
	box-shadow: 5px 5px 5px #CCC;
}

#outer {width:100%;}
#header {height:89px;width:100%;background:#012b28;}
#header-logo {width:356px;height:82px;float:left;}
#header-logo a {background:url(../i/logo-clarks-botanicals-sm.png) no-repeat 56px 7px;text-indent:-9999px;height:82px;width:356px;display:block;}
span#shopping-cart-link {background:url(../i/icon-cart.png) no-repeat left center;padding-left:24px;font:.75em Arial, Helvetica, sans-serif;float:right;margin:1em 3em 50px 0;}
span#shopping-cart-link a {color:#fff;text-decoration:none;}
span#shopping-cart-link a span#item-count {color:#9fccc5;}
#stamp-container {position:relative;top:0px;left:0px;height:89px;float:right;clear:both;}
#stamp {background:url(../i/allure-editors-choice-stamp.png) no-repeat top right;height:130px;width:130px;position:absolute;top:-2.8em;left:-11.5em;}
div#nav-bg {background:url(../i/bg-nav.png);}
ul#nav { height:33px;/*border-bottom:2px solid #2b5852;*/border-left:1px solid #012b28;border-right:1px solid #71a099;margin:0 0 0 56px;padding:0;display:table;list-style-type:none;}	
li.nav-button {display:inline;padding:0;margin:0;}
li.nav-button a {display:block;float:left;height:31px;width:7.7em;border-right:1px solid #012b28;border-left:1px solid #71a099;text-indent:-9999px;background:url(../i/sprite-nav-buttons.png) no-repeat;}
#nav li#nav-products a {background-position:-2px -34px;}
#nav li#nav-products.nav-on a {background-position:-2px 0px;}
#nav li#nav-our-story a {background-position:-122px -34px;}
#nav li#nav-our-story.nav-on a {background-position:-122px 0px;}
#nav li#nav-as-seen-in a {background-position:-249px -34px;}
#nav li#nav-as-seen-in.nav-on a {background-position:-249px 0px;}
#nav li#nav-faq a {background-position:-373px -34px;}
#nav li#nav-faq.nav-on a {background-position:-373px 0px;}
#nav li#nav-blog a {background-position:-496px -34px;}
#nav li#nav-blog.nav-on a {background-position:-496px 0px;}
#nav li#nav-contact-us a {background-position:-620px -34px;}
#nav li#nav-contact-us.nav-on a {background-position:-620px 0px;}
#nav li.nav-on a {height:33px;}
#main, .product-overlay {font:.7em Arial;}
#main {background:#fff;margin:20px 0;}
#main a, .product-overlay a {color:#004d42;font-weight:bold;text-decoration:underline;}
#leaves {position:relative;width:100%;clear:both;height:1px;}
#leaf-l, #leaf-r {position:absolute;top:-37px;left:0;height:79px;}
#leaf-l {background:url(../i/sprite-leaves.png) no-repeat 0px 0px;float:left;width:90px;}
#leaf-r {background:url(../i/sprite-leaves.png) no-repeat -90px 0px;float:right;left:100%;margin-left:-96px;width:96px;}
#copyright {border-top:4px solid #2b5852;height:22px;background:url(../i/bg-copyright.png);padding:8px 0 0 56px;font:.7em Arial;color:#6b8a86;}
#copyright-inner {width:1020px;margin:0 auto;}
#footer {height:206px;width:100%;background:#012b28;}
.read-more a, .add-to-cart a, .enlarge-image a {text-decoration:none !important;background:url(../i/icon-arrows.png) no-repeat right 5px; padding-right:10px;} 

/* home */
body#home #main {height:662px;margin-bottom:0;}
body#home #main #upper {height:496px;width:1020px;margin:0 auto;}
body#home #main #upper h1 {background:url(../i/logo-clarks-botanicals.png) no-repeat;text-indent:-9999px;width:474px;height:118px;margin:164px 0 0 56px;float:left;}
body#home #main #upper img#products {float:left;margin:8px 0 0 52px;}
body#home #main #lower {clear:both;height:164px;width:100%;background:url(../i/bg-home-lower.png);border-top:1px solid #000;}
body#home #main #lower-inner {width:1020px;margin:0 auto;}
body#home #main #lower #lower-left, body#home #main #lower #lower-right {float:left;}
body#home #main #lower #lower-left {margin:28px 10px 0 56px;}
body#home #main #lower #lower-left p {margin:0 0 3px 0;width:360px;}
body#home #main #lower h2 {text-indent:-9999px;background:url(../i/head-the-clarks-botanicals-difference.png) no-repeat;height:15px;width:239px;margin:0 0 6px 0;padding:0;position:relative;left:-1px;}
body#home #leaf-l, body#home #leaf-r {top:-58px;}

/* contact-us */
body#contact-us #main {margin:50px auto 0 auto;width:1020px;}
body#contact-us #left-col {margin:0 0 200px 56px;width:350px;float:left;}
body#contact-us #left-col div#photo {padding:12px;border:1px solid #000;width:314px;height:396px;background:#fff;}
body#contact-us #right-col {width:450px;margin-left:30px;float:left;}
body#contact-us #right-col h1 {text-indent:-9999px;background:url(../i/head-contact-us.png) no-repeat;margin:0 0 10px 0;padding:0;}
body#contact-us #right-col h2 {text-indent:-9999px;background:url(../i/subhead-thank-you.png) no-repeat;margin:0 0 14px 0;padding:0;}
body#contact-us #right-col p.adr {margin-top:20px;}

/* faq */
body#faq #main {width:1020px;margin:50px auto 0 auto;}
body#faq #main h1 {margin:0 0 8px 56px;text-indent:-9999px;background:url(../i/head-faq.png) no-repeat;}
body#faq #main-col {margin:0 0 100px 0;}
body#faq ul#subnav {list-style-type:none; background:url(../i/bg-faq.png);height:21px;padding:6px 0 0 56px;}
body#faq ul#subnav li {display:inline;margin-right:4px;}
body#faq ul#subnav li.piped:after {content:"|";}
body#faq ul#subnav li a {color:#004d42;font-weight:bold;text-decoration:none;padding-right:8px;}
body#faq #main h2 {margin:32px 0 8px 56px;text-indent:-9999px;}
body#faq #main h2#subhead-acne {background:url(../i/subhead-acne.png) no-repeat;}
body#faq #main h2#subhead-aging {background:url(../i/subhead-aging.png) no-repeat;}
body#faq #main .faq-group {margin-bottom:60px;}
body#faq #main .faq-block {margin:0 0 50px 56px;}
body#faq #main .faq-block-left {float:left;width:200px;margin-right:30px;}
body#faq #main .faq-block-right {float:left;width:617px;}
body#faq #main .faq-block-right p, body#faq #main .faq-block ol {margin-bottom:14px;}
body#faq #main h4 {font-size:130%;color:#004d42;font-family:MinervaModern;font-weight:normal;}

body#faq #main .faq-block ol {list-style-position:inside;}

/* our story */
body#our-story #main {width:1020px;margin:50px auto 0 auto;}
body#our-story #left-col {margin:0 0 200px 56px;width:350px;float:left;}
body#our-story #left-col div#photo {padding:12px 12px 4px 12px;border:1px solid #000;width:309px;background:#fff;}
body#our-story #left-col div#photo h2 {text-indent:-9999px;background:url(../i/subhead-francesco-clark.png) no-repeat center center;}
body#our-story #right-col {width:450px;margin-left:28px;float:left;}
body#our-story #right-col h1 {text-indent:-9999px;background:url(../i/head-our-story.png) no-repeat;margin:0 0 10px 0;padding:0;}
body#our-story #right-col p {margin-bottom:14px;}

/* product listing */
body#products #main {width:1020px;margin:50px auto 0 auto;}
body#products #main h1 {margin:0 0 8px 56px;text-indent:-9999px;background:url(../i/head-products.png) no-repeat;}
body#products #main-col {margin:0 0 100px 0;}
body#products ul.subnav {list-style-type:none; background:url(../i/bg-faq.png);height:21px;padding:6px 0 0 56px;}
body#products ul.subnav li {display:inline;margin-right:4px;}
body#products ul.subnav li.piped:after {content:"|";}
body#products ul.subnav li a {color:#004d42;font-weight:bold;text-decoration:none;padding-right:8px;}
body#products #main h2 {margin:32px 0 28px 56px;text-indent:-9999px;}
body#products #main h2#subhead-lip-treatments {background:url(../i/subhead-lip-treatments.png) no-repeat;}
body#products #main h2#subhead-masks {background:url(../i/subhead-masks.png) no-repeat;}
body#products #main h2#subhead-moisturizers {background:url(../i/subhead-moisturizers.png) no-repeat;}
body#products #main h2#subhead-treatment {background:url(../i/subhead-treatment.png) no-repeat;}
body#products #main h2#subhead-cleansers-scrubs {background:url(../i/subhead-cleansers-scrubs.png) no-repeat;}
body#products #main .product-block {margin:0 0 50px 56px;}
body#products #main .product-block-left {float:left;width:200px;margin-right:30px;}
body#products #main .product-block-right {float:left;width:617px;}
body#products #main .product-block-right p, .product-overlay .product-copy p {margin-bottom:6px;}
body#products #main .product-block-r1 {float:left;margin-right:5%;width:30%;text-align:center;}
body#products #main .product-block-r2 {float:right;width:65%;}
body#products #main h4 {font-size:130%;color:#004d42;font-family:MinervaModern;font-weight:normal;}
.add-to-cart a, .enlarge-image a {text-decoration:underline !important;}
p.enlarge-image a {padding:0 14px 0 28px;display:inline-block;background:url(../i/icon-magnifying-glass.png) no-repeat; height:20px;}

/* product overlay */
p.product-size {margin-bottom:0px !important;}
.product-overlay {background:url(../i/bg-product-overlay.png) repeat-x;width:620px;height:410px;}
.product-overlay .product-image {width:200px;padding:30px 15px 15px 15px;float:left;display:table-cell;vertical-align:middle;}
.product-overlay .product-copy {width:300px;padding:50px 80px 0 0;float:left;}
.product-overlay .product-copy h1 {font-size:190%;color:#004d42;font-family:MinervaModern;margin-bottom:20px;font-weight:normal;}

/* as seen in list */
body#as-seen-in #main {width:1020px;margin:50px auto 0 auto;}
body#as-seen-in #main h1 {margin:0 0 8px 56px;text-indent:-9999px;background:url(../i/head-as-seen-in.png) no-repeat;width:132px;float:left;}
body#as-seen-in #main div.description {padding-top:7px}
body#as-seen-in #main-col {margin:0;}
body#as-seen-in #main-col ul {list-style-type:none; clear:both;padding:6px 0 0 56px;}
body#as-seen-in #main-col ul li {display:inline;background:#fff;width:118px;height:157px;}
body#as-seen-in #main-col ul li img {border:1px solid #FFF;margin:0 32px 32px 0}

/* as seen in overlay*/
.cover-overlay {background:url(../i/bg-product-overlay.png) repeat-x;width:620px;height:410px;}
.cover-overlay .cover-detail-image {width:250px;padding:30px 15px 15px 15px;float:left;display:table-cell;vertical-align:middle;}
.cover-overlay .cover-detail-image img {border:1px solid #FFF !important;}
.cover-overlay .cover-inset-image {text-align:center;width:300px;height:388px;overflow:hidden;padding:30px 0 0 0;float:left;}
.cover-overlay .cover-inset-image img {}