/*
MADblue BC Template
SITE
============================================================
file:        site.css
date:        2-15-12
version:     1.0
description: Stylesheet for site-specific styles, custom for this store.
*/

/* == Fonts == */
/* ====== */

/* == Misc Custom Styles == */
/* ====== */

/* == Home SEO Box == */
#HomeSEOBox {
}
/* ====== */

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

/* == Social Media == */
.SocialMedia {
    clear: right;
    float: right;
    margin: 0;
    width: auto;
}
.SocialMedia ul {
    margin:0;
    padding:0;
}
.SocialMedia li {
    float:left;
    list-style:none;
    margin:0 5px;
}
/* ====== */

/* == Slideshows == */
#HomeSlideshow {
    width:950px; /* must input size */
    height:340px; /* must input size */
    margin-bottom:10px;
}
#HomeSlideshow .slideshow {
    width:950px; /* must input size */
    height:340px; /* must input size */
}
#HomeSlideshow .SlideContent {
    color:inherit;
    padding: 25px 0 0 25px;
    position: absolute;
    width:400px;
    z-index:1;
    text-shadow:1px 1px 0px inherit;
}
#HomeSlideshow .Buttons {
    margin:0 0 0 20px;
    padding:0;
}

#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 == */
#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(//cdn11.bigcommerce.com/s-9ecf1/templates/__custom/images/btn_next-prev.png?t=1501692896) 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 */
}
/* ====== */

#CTAs {
    clear: both;
    width: 950px;    
}
#CTAs .Unit {
    border: 1px solid #ccc;
    padding: 10px;
    clear: none;
    float: left;
    margin-right: 10px;
    background: url(//cdn11.bigcommerce.com/s-9ecf1/templates/__custom/images/CTA.jpg?t=1501692896) repeat-x top left #1A1A1A;
    width: 288px;
    height: 225px;    
}
#CTAs .MiddleBox {
    text-align: center;
}
#CTAs .Last {
    margin: 0;
}

#CTAs .Unit h3 {
    font-weight: bold;
    color: #000;
    text-transform: uppercase;
    padding-bottom: 3px;
    border-bottom: 1px solid #FFCC00;
    margin-bottom: 5px;    
}
#CTAs .Last h3 {
    background: url(//cdn11.bigcommerce.com/s-9ecf1/templates/__custom/images/rssIcon.png?t=1501692896) no-repeat center right;
}
#CTAs .Unit p {
    margin-bottom: 20px;
}
#CTAs .Unit ul {
    margin: 0 0 20px 0;
    list-style: none;    
}

#CTAs a.CTAButton {
    clear: both;
    display: block;
    margin-top: -10px !important;
    text-align: center;
    width: 125px;
    margin: 0 auto;
    padding: 5px 10px;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    background: #3291ef;
    background-image: -moz-linear-gradient(top, rgba(118, 187, 255, 0.8), rgba(25, 112, 198, 0.6));
    background-image: -o-linear-gradient(top, rgba(118, 187, 255, 0.8), rgba(25, 112, 198, 0.6));
    background-image: -webkit-linear-gradient(top, rgba(118, 187, 255, 0.8), rgba(25, 112, 198, 0.6));
    background-image: linear-gradient(top, rgba(118, 187, 255, 0.8), rgba(25, 112, 198, 0.6));
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;    
}
#CTAs a.CTAButton:hover {
    background: #56A4F1;    
}

#CTAs .Last a {
    margin-top: -9px !important;
    display: inline;
    float: right;
    text-align: right;
    width: 150px;
    background: none!important;
    text-transform: lowercase;
    color: #56A4F1;
    padding: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    font-size: 14px;    
}
#CTAs .Last a:hover {
    text-decoration: underline;    
}

#CTAs .Unit ul.DinkumList li {
    margin: 0 0 5px 0;    
}

/* == PaRSS Styling == */
#BlogFeed {
    margin:0;
    padding:0;
}
#BlogFeed ul {
    margin:0;
}
#BlogFeed li {
    list-style:none;
    margin: 8px 0;
    clear: both;
    float: left;
}
#BlogFeed .parss-image {
}
#BlogFeed .parss-right {
}
#BlogFeed .parss-title {
    margin-bottom:6px;
    float: left;
    width: 100%;
}
    #BlogFeed .parss-title a {
        color:inherit;
        font-weight:bold;
        text-decoration:none;
        display: block;
        width: 100%;
        float: none;
        text-align: left;
        text-transform: none;
        color: #56A4F1;
    }
    #BlogFeed .parss-title a:hover {
        color:inherit;
        text-decoration:underline;
    }
#BlogFeed .parss-date {
    margin-bottom:3px;
    font-style:italic;
}
#BlogFeed .parss-description {
    color:inherit;
    display: none;
}
#BlogFeed .parss-readmore {
    text-align:right;
}
#BlogFeed .parss-readmore a {
    color: #FFCC00;
}
/* ====== */

#HomeRecentBlogs ul {
    list-style: none;    
}
#HomeRecentBlogs a {
    color: #ffcc00;
    font-size: 14px;
    font-weight: bold;    
}
#HomeRecentBlogs a:hover {
    text-decoration: underline;
}