/*==================================================================
Table of Contents:
=Item
=Foundation
=Navigation
=Modules
=Forms
=Individual Pages
=Non-Semantic Helper Classes
=IE8
----------------------------------------------------------------- */
/*==================================================================
=Item
----------------------------------------------------------------- */
.parallax-bg {
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	height: 100%;
	width: 100%;
}

#content img.left,#content img.right {float: inherit;display: inherit !important;}

#content img.left {padding:0 20px 20px 0;float:left !important;}
#content img.right {padding:0 0 20px 20px;float:right !important;}
/*==================================================================
=Foundation
----------------------------------------------------------------- */

/*  HEADER  */
header #main-logo img {
    max-width: 215px;
}


/*  HERO  */
    .tablet.siteroot #heros.flexslider .slides > li {display:block;}
    .tablet.siteroot #heros.flexslider .slides, .mobile #heros.flexslider .slides > li {height:100%;}


/*  CONTENT SECTIONS  */
.content-section {
    text-align: inherit;
}

.content--grid .unit {
	padding-left: 7%;
	padding-right: 7%;
}

    

/*==================================================================
=Navigation
----------------------------------------------------------------- */

/*  ===========================  */
/*  Primary Navigation (header)  */
#nav-primary {
    top:87px;
    }

/*  ==================================  */
/*  Footer Navigation Primary (footer)  */
    #nav-sub-primary .primary > li {
        border-bottom: 0;
        border-right:1px solid #e6e5dd;
        height:100%;
        display:table-cell;
        width:33%;
        padding:5px 35px;
    }
    #nav-sub-primary .primary > li.last { border-right-width:0;}
    #nav-sub-primary .primary > li.first { padding-top:inherit;}

/*==================================================================
=Modules
----------------------------------------------------------------- */
/*  =========================  */   
/*  Brand Selector (homepage)  */
    #brands.accordion .brand {
        background-position: 45% 0 !important;
    }
        #brands.accordion .brand--content {margin-left: 10%;}


/*  ===================  */ 
/*  Sub Content Feature  */       
    #sub-content-feature .base-w {
        min-height:504px;
    }


/*  =======================  */ 
/*  Display Media Item Grid  */
.content--grid.media--grid .unit {
    /*padding:18px;*/
}

.media--grid .media--title,
.media--grid .media--title span {
    font-size:24px;
}
.media--grid .media--title span {
    font-size:18px;
}


/*  ======================  */  
/*     Related Products     */
.related-products .related--title span {
    font-size:60px;
    }


/*  ==============================  */  
/*  Social Icons (based in footer)  */  
.social-icos > span {
    display:inline;
    }    

/*==================================================================
=Forms
----------------------------------------------------------------- */

/*==================================================================
=Individual Pages
----------------------------------------------------------------- */
/* Home Page */
/* ========= */
    .siteroot .content-section .fancy {color:#5a7b44;font-size:60px;}


/* Brand Landing */
/* ============= */

    .product-brand--grid .grid--item .product-img {
        /*left:0;*/
        position: absolute;
        text-align:center;
        top:15px;
        width:260px;
        z-index:3;
    }
    .product-brand--grid .grid--item .product--title {
        margin-bottom: 15px;
        padding:20px 20px 0 260px;
        text-align: left;
    }
    .product-brand--grid .grid--item .brand-img {
        height:105px;
        max-height:105px;
        padding-left:260px;
    }
        .product-brand--grid .grid--item .brand-img img {
            max-height: none;
        }
        .product-brand--grid .grid--item.royal .brand-img {top:-10px;}

    .product-brand--grid .grid--item .short-desc {
        padding:20px 20px 0 260px;
        text-align:left;
    }
    .product-brand--grid .grid--item .short-desc p {
        text-align:left;
    }

/* Product Detail */
body.product .content-section .content--block .base-w {padding:50px 60px;}

/* Private Label Page Template */
/* =========================== */
.private-label table .column-one, table .column-two {width: 50%;display:table-cell;text-align:left;margin:0 auto;}
.private-label #content .content--section .column-one {border-right:1px solid #ccc !important;}
.private-label .content--section blockquote {float:right !important;width:23% !important;margin:12px 0 4% 4% !important;}
.private-label #content .content--section .column-two h5, .private-label #content .content--section .column-two p, .private-label #content .content--section .column-two ul {margin-left:70px !important;}


/*==================================================================
=Non-Semantic Helper Classes
----------------------------------------------------------------- */
/* .center 
- allows navigational elements to dynamically center themselves,
  no matter how many children li elements exist.
  Place on ul parent div.
*/
.center {overflow:hidden;}
.center .menu > ul {float:left;left:50%;padding:0;position:relative;}
.center .menu > ul > li {float:left;position:relative;right:50%;}


.inline {margin:0;padding:0;}
.inline	li {display:block;float:left;}
.inline	li a {display:block;}

/* .clearfix all .inline nav */
.inline ul:before, .inline ul:after {content:"";display:table;}
.inline ul:after {clear:both;}
.inline ul {zoom:1;}



/*==================================================================
=IE8
----------------------------------------------------------------- */

