/* Global */
body { font: 75% Verdana,Arial,Helvetica,Sans-Serif; color: #696969; }
em { font-style: italic; }
strong { font-weight: bold; }
.cms-page-view .content p, .cms-page-view .content ul, .cms-index-noroute p, .cms-index-noroute ul { font-size: 11px; margin-bottom: 1em; }
.cms-page-view .content li, .cms-index-noroute .content li { list-style: disc; margin-left: 20px; }
.cms-page-view h2, .cms-index-noroute h2 { margin-bottom: .75em; font-weight: bold; font-size: 16px; line-height: 1.5em; color: #5b9400; }
.page-head h2, .page-head h3 { font-weight: bold !important; font-size: 18px; line-height: 45px; color: #4a9b43; text-align: left; border-bottom: 1px dashed #b7b7b7; }

/* Boxes */
#pgwrap { width: 965px; margin: 0 auto; }
#header { }
    #header .top, #header.btm { position: relative; }
    #header .top { padding: 0 26px; z-index: 2; }
    #header .btm { z-index: 1; }
#middle { margin: 8px 26px 0; }
#footer { }

/* Header */
    /* Top */
    #header .top .logo { float: left; padding: 8px 24px 6px 0; }
    #header .top .cart { float: left; margin-top: 34px; border: none; }
        #header .top .cart a { display: block; padding-left: 43px; font-weight: bold; font-size: 14px; line-height: 28px; color: #00e; background: url('../img/cart-icon.gif') no-repeat 0 0; }
    #header .top .call { float: right; margin-top: 8px; font-weight: bold; font-size: 15px; color: #3E5DAB; }
    #header .top .phoneNumber {left: 395px; position: absolute; top: 20px; }
    #header .top .sign-in { position: absolute; width: 261px; left: 468px; top: -10px; z-index: 9999; }
    #header .top .sign-in-form { display: none; width: 237px; padding: 12px; color: #fff; background-color: #60c456; }
    #header .top .sign-in-form td { padding: 3px; font-size: 13px; }
    #header .top .sign-in-form a { color: #fff; }
    #header .top .sign-in-form .button { display: inline-block; padding: 2px 6px; background: #069; border: 1px solid #036; text-decoration: none; }
    #header .top .sign-in-form .button:hover { background: #039; }
    #header .top .sign-in .tab { display: block; height: 0; padding-top: 30px; background: url('../img/sign-in-tab.png') no-repeat 0 0; overflow: hidden; }
    #header .top .register { position: absolute; width: 67px; left: 734px; top: -10px; z-index: 9999; }
    #header .top .register .tab { display: block; height: 0; padding-top: 30px; background: url('../img/register-tab.gif') no-repeat 0 0; overflow: hidden; }
    #header .top .dashboard { position: absolute; width: 75px; left: 586px; top: -10px; z-index: 9999; }
    #header .top .dashboard .tab { display: block; height: 0; padding-top: 30px; background: url('../img/dashboard-tab.gif') no-repeat 0 0; overflow: hidden; }
    #header .top .sign-out { position: absolute; width: 67px; left: 665px; top: -10px; z-index: 9999; }
    #header .top .sign-out .tab { display: block; height: 0; padding-top: 30px; background: url('../img/sign-out-tab.gif') no-repeat 0 0; overflow: hidden; }
    #header .top .firsttoknowBtn {left: 806px; position: absolute; top: -10px; width: 127px; height: 30px;}
    #header .top .firsttoknowBtn .tab { display: block; height: 0; padding-top: 30px; background: url('../img/first-to-know-tab.gif') no-repeat 0 0; overflow: hidden; }
    /* Btm */
    #header .btm .nav { position: relative; float: left; }
    #header .btm .nav a { display: block; height: 0; padding-top: 62px; overflow: hidden; }
    #header .btm .nav li { display: block; float: left; }
    #header .btm .nav li .our-collection { width: 146px; background: url('../img/header/our-collection.jpg') -146px 0; }
    #header .btm .nav li .our-collection:hover { background-position: 0 0; }
    #header .btm .nav li .our-science { width: 88px; background: url('../img/header/our-science.jpg') -88px 0; }
    #header .btm .nav li .our-science:hover { background-position: 0 0; }
    #header .btm .nav li .our-proof { width: 76px; background: url('../img/header/our-proof.jpg') -76px 0; }
    #header .btm .nav li .our-proof:hover { background-position: 0 0; }
    #header .btm .nav li .our-guarantee { width: 110px; background: url('../img/header/our-guarantee.jpg') -110px 0; }
    #header .btm .nav li .our-guarantee:hover { background-position: 0 0; }
    #header .btm .nav li .shop-online { width: 90px; background: url('../img/header/shop-online.jpg') -90px 0; }
    #header .btm .nav li .shop-online:hover { background-position: 0 0; }
    #header .btm .nav li .find-a-retailer { width: 100px; background: url('../img/header/find-a-retailer.jpg') -100px 0; }
    #header .btm .nav li .find-a-retailer:hover { background-position: 0 0; }
    #header .btm .nav li .meet-april { width: 82px; background: url('../img/header/meet-april.jpg') -82px 0; }
    #header .btm .nav li .meet-april:hover { background-position: 0 0; }
    #header .btm .nav li .contact-us { width: 86px; background: url('../img/header/contact-us.jpg') -86px 0; }
    #header .btm .nav li .contact-us:hover { background-position: 0 0; }
    #header .btm .nav li .last { position: absolute; top: -40px; height: 0; width: 187px; padding-top: 155px; background: url('../img/header/april-rain.jpg'); overflow: hidden; }

/* Header */
/*
#header .top .logo { float: left; margin: 8px 26px 6px; }
#header .top .checkout-cart-header { float: left; margin-top: 20px; }
    #header .top .checkout-cart-header a { display: block; padding-left: 43px; font-weight: bold; font-size: 16px; line-height: 28px; color: #00e; background: url('../img/cart-icon.png') no-repeat 0 0; }
#header .nav { margin-bottom: 50px; }
    #header .nav li { float: left; }
        #header .nav a { display: block; height: 0; padding-top: 62px; overflow: hidden; }
        #header .nav li .the-collection { width: 151px; background: url('../img/header/the-collection.jpg') -151px 0; }
        #header .nav li .the-collection:hover { background-position: 0 0; }
        #header .nav li .the-secret { width: 83px; background: url('../img/header/the-secret.jpg') -83px 0; }
        #header .nav li .the-secret:hover { background-position: 0 0; }
        #header .nav li .real-proof { width: 80px; background: url('../img/header/real-proof.jpg') -80px 0; }
        #header .nav li .real-proof:hover { background-position: 0 0; }
        #header .nav li .the-guarantee { width: 107px; background: url('../img/header/the-guarantee.jpg') -107px 0; }
        #header .nav li .the-guarantee:hover { background-position: 0 0; }
        #header .nav li .shop-online { width: 96px; background: url('../img/header/shop-online.jpg') -96px 0; }
        #header .nav li .shop-online:hover { background-position: 0 0; }
        #header .nav li .find-a-retailer { width: 103px; background: url('../img/header/find-a-retailer.jpg') -103px 0; }
        #header .nav li .find-a-retailer:hover { background-position: 0 0; }
        #header .nav li .about-us { width: 71px; background: url('../img/header/about-us.jpg') -71px 0; }
        #header .nav li .about-us:hover { background-position: 0 0; }
        #header .nav li .contact-us { width: 87px; background: url('../img/header/contact-us.jpg') -87px 0; }
        #header .nav li .contact-us:hover { background-position: 0 0; }
        #header .nav li .last { position: absolute; top: -40px; height: 0; width: 187px; padding-top: 155px; background: url('../img/header/april-rain.jpg'); overflow: hidden; }
*/

/* Middle */
#middle .sidebar { float: left; width: 188px; }
    #middle .sidebar .nav { text-align: right; }
        #middle .sidebar .nav li { padding-bottom: 10px; }
            #middle .sidebar .nav li a { display: block; text-align: right; }
            #middle .sidebar .nav li img { display: block; }
#middle .content { float: right; width: 685px; padding: 0 20px 20px 0; line-height: 16px; font-size: 13px; }
    #middle .content .mask { float: right; height: 45px; width: 141px; }

/* Footer */
#footer .nav { height: 11px; padding: 11px 19px 26px 26px; background: url('../img/footer-background.jpg'); text-align: center; line-height: 11px; }
    #footer .nav a { color: #fff; }
    #footer .nav li { display: inline; font-size: 11px; line-height: 11px; color: #fff; }
#footer .disclaimer { margin: 0 26px; padding: 0 0 10px 58px; font-size: 10px; color: #3E5DAB; background: url('../img/disclaimer-icon.gif') no-repeat; }

/* Clearfix */
.clearfix:after, #header .top:after, #header .btm:after, #middle:after, .cart-item:after, .cart-methods:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix, #header .top, #header .btm, #middle, .cart-item, .cart-methods { display: inline-block; }
* html .clearfix, * html #header .top, * html #header .btm, * html #middle, * html .cart-item, * html .cart-methods { height: 1%; }
.clearfix, #header .top, #header .btm, #middle, .cart-item, .cart-methods { display: block; }

/* Category */
    /* Products */
    .category-products td { width: 193px; padding: 10px 15px 0; vertical-align: top; }
    .category-products h5, .category-products p, .category-products li { margin-bottom: 10px; }
    .category-products h5 a { font-weight: bold; color: #636363; }
    .category-products .first { padding-left: 0; border-right: 2px solid #eee; }
    .category-products .last { padding-right: 0; border-left: 2px solid #eee; }
    .category-products .details .title { color: #4FBE44; }
    .category-products .details .label { font-weight: bold; color: #5153A9; }
    .category-products .add-to-cart a, .category-products .add-to-cart a img { display: block; }
	.category-products .short-description { font-size: 11px;}

/* Product */
.product-img-box, .product-info-box { float: none; width: 580px; }
.product-img-box .main-product-img { width: auto; height: auto; overflow: visible; border: none; }
.product-img-box .main-product-img  img { position: static; cursor: auto; }
.product-img-box .more-views { display: none; }
.product-name { font-weight: bold; color: #555; }
.product-info-box strong { font: bold 11px/20px Verdana,Arial,Helvetica,Sans-Serif; color: #5B9400; }
.product-info-box .SKU { font: bold 11px/20px Verdana,Arial,Helvetica,Sans-Serif; color: #555555; }
.product-info-box .product-specs p { font-size: 11px;}
/* Cart */
.cart { border: 1px solid #e1e1e1; }
.cart h4 { padding: 0 20px; font-weight: bold; font-size: 16px; line-height: 32px; color: #fff; background-color: #5153a9; border-bottom: 1px solid #e1e1e1; }
.cart-item { margin: 20px; border-bottom: 1px solid #e1e1e1; }
.cart-item-image { width: 205px; }
.cart-item-info { width: 418px; padding-left: 20px; font-size: 13px; }
.cart-item-info h5, .cart-item-info p { margin-bottom: 15px; }
.cart-item-info h5 a { color: #339; }
.cart-item-info-delete a { display: block; padding-left: 20px; color: #000; text-decoration: none; background: url('../img/checkout/remove-item-icon.gif') no-repeat center left; }
.cart-totals { padding: 10px 20px; font-weight: bold; font-size: 13px; border-top: 1px solid #e1e1e1; text-align: right; background: none; }
.cart-totals .label { text-transform: uppercase; }
.cart-totals .price { color: #4a9b43; }
.cart-methods { padding: 10px 0; margin: 0 20px; border-top: 1px dashed #b7b7b7; }
.cart-methods a, .cart-methods input, .cart-methods img { display: block; }
.cart-methods a, .cart-methods input { float: right; margin-left: 20px; }

/* Replacements */
.one-page-checkout .active .head { background-color: #3F61AB; border-color: #3F61AB; }
.product-info-box .price-box { margin: 15px 0 0 0; padding: 0; }
.price-box .label { font-weight: bold; color: #555555; }
.price-box .price { font-weight: normal; color: #636363; }
.add-to-inline { display: none; }
.add-to-cart-box { margin: 0; padding: 0; background: transparent; border: none; }
.add-to-cart-box legend { display: none; }
.qty-box label { font-weight: bold; color: #555; }
#middle .col-1 .content { float: none; line-height: auto; padding: 0; width: auto; }
#middle .col-2 .content { float: none; line-height: auto; padding: 0; width: auto; }

.content table.beforeAfter { margin: 0 100px 35px 0; }
.content table.beforeAfter thead th { color: #3E5DAB; font-size: 14px; font-weight: bold; padding-bottom: 8px; }
.content table.beforeAfter tbody tr td { font-size: 14px; padding-bottom: 5px; text-align: center; }
.content table.beforeAfter tbody tr td img { border: solid 1px #999999;}

.a,.b { font-size: 12px; display: block; margin-bottom: 15px; }
.a {color: #3E5DAB;}
.b {color: #5B9400;}

.cms-page-view h2 a {
	color:#5B9400;
}
.cms-page-view h2 a:hover {
	text-decoration:underline;
}
.cms-page-view a {
	text-decoration:none;
	color:#696969;
}