/*
MADblue BC Template
SITE
============================================================
file:        site.css
revised:     ---
version:     2.5
original:    6-21-12
description: Stylesheet for site-specific styles, custom for this store.
site:        ---

Fonts             =    fnts
Misc             =    msc
Custom Cart Top =    crt
Social Media     =    socm
Home SEO Box    =    hseo
Contact Info    =    cinfo
Slideshows        =    slds
JCarousel        =    jcrl
Blog, PaRSS        =    rss
*/

/* == Fonts -fnts- == */
/* ====== */

/* == Misc Custom Styles -msc- == */
/* ====== */

/* == Custom Cart Box -crt- == */
#CustomCartBox {
    clear: right;float: right;
    background:#342350;
    padding:7px 10px 10px;margin:0 0 10px;
    text-align:center;
    color: #fff;
    }
    #CustomCartBox ul { margin:0;padding:0; }
        #CustomCartBox li {
            float:left;list-style:none;
            margin:0 5px;
        }
        #CustomCartBox li.FloatLeft {
            border-right: 1px solid #fff;
            padding-right: 10px;    
        }
        #CustomCartBox li a {
            color: #fff;    
        }
/* ====== */

.Ribbon {
    clear: none;
    float: right;
    margin-right: 25px;    
}

/* == Social Media -socm- == */
.SocialMedia {
    clear: both;
    padding: 10px 0;
    text-align: center;
    border-bottom: 2px solid #33411D;
    }
.Buttons {     
    width:960px;
    padding:0;
    margin:0 auto;
}
.SocialMedia a { margin:0 10px; }
.SocialMedia img:hover { opacity:0.9; filter:alpha(opacity=90); /* For IE8 and earlier */ }
/* ====== */

/* == Contact Info Box -cinfo- == */
.ContactInfoBox {
    clear: right;
    float: right;
    margin:5px;
}
/* ====== */

#HomeCategories {
    clear: both;    
}
    .HomeContentLeft .Unit {
        clear: none;
        float: left;
        margin-right: 17px;
        width: 120px;    
        text-align: center;
        color: #fff;
        background: #A0A891;
        padding: 5px;
        height: 157px!important;
    }
    .HomeContentLeft .Unit:hover {
        background: #332350;    
    }
    .HomeContentLeft .Last {
        margin-right: 0;    
    }
        .HomeContentLeft .Unit img {
            width: 111px;
            height: 128px!important;
            margin-bottom: 5px;    
        }
        .HomeContentLeft .Unit p {
            margin-bottom: 0;
            line-height: 95%;    
        }

#HomeContent {
    clear: both;    
}
    .HomeContentLeft {
        float: left;
        width: 720px;    
    }
        .HomeContentLeft .MagSorb {
            float: left;
            display:block;
            margin: 0 10px 10px 0;    
            width: 145px;
            height: 54px;
            background: url(/product_images/uploaded_images/box-2.jpg);
            padding: 145px 0 0 320px;
        }
        .HomeContentLeft .Klamath {
            clear: left;
            float: left;
            margin: 0 10px 10px 0;
            width: 175px;
            height: 134px;
            background: url(/product_images/uploaded_images/cell-protector.jpg);
            padding: 48px 0 0 60px;    
        }
        .HomeContentLeft .Power {
            clear: none;
            float: left;
            margin-bottom: 10px;
            width: 131px;
            height: 47px;
            background: url(/product_images/uploaded_images/protein.jpg);
            padding: 135px 0 0 88px;    
        }
        .HomeContentLeft .Health {
            clear: none;
            float: right;
            display: block;
            height: 350px;
            width: 203px;
            border: 6px solid #A0A893;
            padding: 15px;    
            background: #fff;
            color: #34234F;
            margin-bottom: 10px;
        }
            .HomeContentLeft .Health .Button {
                margin: 20px 0 0 45px;    
            }
        .HomeContentLeft .Lamav {
            clear: both;
            float: left;
            margin: 0 10px 10px 0;    
        }
        .HomeContentLeft .Wellness {
            clear: none;
            float: right;
            width: 139px;
            height: 228px;
            background: url(../img/wellness.jpg);
            padding: 60px 0 0 105px;    
        }

.HomeContentRight {
        clear: none;
        float: right;
        width: 215px;
        padding: 10px 0;
        border: 6px solid #A1A992;
        background: #3F5024;
        color: #fff;
        font-size: 11px;
    }
        .HomeContentRight .VideoBox {
            height: 75px;
            background: #fff;
            font-size: 60px;
            font-weight: bold;
            color: #ccc;
            text-align: center;    
            margin: 10px 0 0;
        }
        .HomeContentRight .DetoxInfo {
            clear: both;
            margin:150px 0 0;
            padding: 10px;    
        }
            .HomeContentRight .DetoxInfo h2 {
                color: #fff;    
            }

/* == Slideshows -slds- == */
#HomeSlideshow {
    height:249px; /* must input real size */
    margin-bottom:10px;
    position:relative;
    }
    #HomeSlideshow #slide-button{
        position:absolute;
        bottom:10px;
        right:10px;}
    #HomeSlideshow .cycle {
        height:249px; /* must input real size */
        margin:0;padding:0;
        }
        #HomeSlideshow ul > li {
            list-style:none;
            margin:0;padding:0;
            width:720px;
            height:249px; /* must input real size */
        }
        #HomeSlideshow .SlideContent {
            color:inherit;
            padding: 25px 0 0 25px;
            position: absolute;
            width:400px;
            z-index:1;
            text-shadow:1px 1px 0px inherit;
        }
        #HomeSlideshow img {
            height:100%;
        }
        #HomeSlideshow .Buttons {
            margin:0 0 0 20px;
            padding:0;
        }
        #HomeSlideshow ul li li {
            list-style:none;margin:0;padding:0;height:auto;
        }
        #HomeSlideshow #HomeSlideshowNav {
            position:absolute;
            z-index:30;
            }
            #HomeSlideshow #HomeSlideshowNav .pager {
                float:left;
            }
            #HomeSlideshow #HomeSlideshowNav .pager a {
                background:#333;
                border:1px solid #222;
                display: inline-block;
                padding:5px;
                font-size:1px;
            }
            #HomeSlideshow #HomeSlideshowNav .pager a:hover {
            }
            #HomeSlideshow #HomeSlideshowNav .pager a.activeSlide {
            }
            #HomeSlideshow #HomeSlideshowNav .next, #HomeSlideshow #HomeSlideshowNav .prev {
                float:left;
            }
            #HomeSlideshow #HomeSlideshowNav .next {
            }
/* ====== */

/* == JCarousel Slider -jcrl- == */
#INSERTIDHERE .jCarouselContainer { /* jCarousel container, contains the items to be rotated */
    float:left;
    width:635px !important; /* input width of contained items to be rotated */
    margin:0 0 0 8px;
    }
    .sliderPrev, .sliderNext {
        background: url(../img/btn_sliderArrows.png) no-repeat scroll 0 0 transparent;
        float: left;
        width: 20px; /* input width of the next/prev image */
        height: 31px; /* input height of just the prev button area of the image */
        cursor: pointer;
        cursor: hand;
        margin: 75px 0 0 0;
        border:none !important;
    }
    .sliderNext {
        float:right;
        background-position: 0 -31px; /* input the same height entered above */
    }
/* ====== */

/* == PaRSS Styling -rss- == */
#BlogFeed {
    margin:0;
    padding:0;
    }
    #BlogFeed ul {
        margin:0;
        }
        #BlogFeed li {
            list-style:none;
            margin-bottom: 15px;
        }
    #BlogFeed .parss-image {
    }
    #BlogFeed .parss-right {
    }
    #BlogFeed .parss-title {
        margin-bottom:3px;
        height: 34px!important;
        overflow: hidden;
        }
        #BlogFeed .parss-title a {
            color:inherit;
            font-weight:bold;
            text-decoration:none;
            font-size: 14px;
        }
        #BlogFeed .parss-title a:hover {
            color:inherit;
            text-decoration:underline;
        }
    #BlogFeed .parss-date {
        margin-bottom:3px;
        font-style:italic;
        display: none;
    }
    #BlogFeed .parss-description {
        color:inherit;
        font-size: 12px;
        display: none;
    }
    
    #BlogFeed .parss-readmore a {
        background-color: #F1812B!important;
        background-image: -moz-linear-gradient(top, rgba(250, 202, 170, 0.6), rgba(219, 96, 14, 0.8))!important;
        background-image: -o-linear-gradient(top, rgba(250, 202, 170, 0.6), rgba(219, 96, 14, 0.8))!important;
        background-image: -webkit-linear-gradient(top, rgba(250, 202, 170, 0.6), rgba(219, 96, 14, 0.8))!important;
        background-image: linear-gradient(top, rgba(250, 202, 170, 0.6), rgba(219, 96, 14, 0.8))!important;
        border-color: #DB600E!important;
        padding: 4px 10px;
        /* Button Text */
        font-family:Arial, Helvetica, sans-serif;
        color:#fff !important;
        font-weight:bolder;
        font-size:100%;
        text-transform:uppercase;
        /* Transition */
        -moz-transition: all 0.15s ease-in-out 0s;-webkit-transition: all 0.15s ease-in-out 0s;
        -moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;
        clear: both;
        float: left;
        margin: 10px 0 0 45px;
    }
    #BlogFeed .parss-readmore a:hover {
        background-color: #FDB483!important;
    }
/* ====== */

/* == Main Blog Page PaRSS Styling -rss- == */
#BlogFeedMain {
    margin:0;
    padding:0;
    }
    #BlogFeedMain ul {
        margin:0;
        }
        #BlogFeedMain li {
            list-style:none;
            margin-bottom: 15px;
        }
    #BlogFeedMain .parss-image {
    }
    #BlogFeedMain .parss-right {
    }
    #BlogFeedMain .parss-title {
        margin-bottom:3px;
        height: 34px!important;
        overflow: hidden;
        }
        #BlogFeedMain .parss-title a {
            color:inherit;
            font-weight:bold;
            text-decoration:none;
            font-size: 14px;
        }
        #BlogFeedMain .parss-title a:hover {
            color:inherit;
            text-decoration:underline;
        }
    #BlogFeedMain .parss-date {
        margin-bottom:3px;
        font-style:italic;
        display: none;
    }
    #BlogFeedMain .parss-description {
        color:inherit;
        font-size: 12px;
        display: none;
    }
    
    #BlogFeedMain .parss-readmore a {
        background-color: #F1812B!important;
        background-image: -moz-linear-gradient(top, rgba(250, 202, 170, 0.6), rgba(219, 96, 14, 0.8))!important;
        background-image: -o-linear-gradient(top, rgba(250, 202, 170, 0.6), rgba(219, 96, 14, 0.8))!important;
        background-image: -webkit-linear-gradient(top, rgba(250, 202, 170, 0.6), rgba(219, 96, 14, 0.8))!important;
        background-image: linear-gradient(top, rgba(250, 202, 170, 0.6), rgba(219, 96, 14, 0.8))!important;
        border-color: #DB600E!important;
        padding: 4px 10px;
        /* Button Text */
        font-family:Arial, Helvetica, sans-serif;
        color:#fff !important;
        font-weight:bolder;
        font-size:100%;
        text-transform:uppercase;
        /* Transition */
        -moz-transition: all 0.15s ease-in-out 0s;-webkit-transition: all 0.15s ease-in-out 0s;
        -moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;
        clear: both;
        float: left;
        margin: 10px 0 0 45px;
    }
    #BlogFeedMain .parss-readmore a:hover {
        background-color: #FDB483!important;
    }
/* ====== */