/***************************/
/* COLOR KEY REFERENCE     */
/***************************/
/*	List primary site colors colors
	black: #000;
	etc.
*/


/***************************/
/* CSS REFERENCE ELEMENTS  */
/***************************/

/* IE Specific Hacks Reference
Media Query Based:
	IE6/7	-> @media screen\9 {}
	IE6/7/8	-> @media \0screen\,screen\9 {}
	IE8		-> @media \0screen {}
	IE8/9	-> @media screen\0 {}
	IE10	-> @media screen and (-ms-high-contrast: active),(-ms-high-contrast: none){}
CSS Based:
	IE8 and Below	-> selector:attribute\9;
	IE7 and Below	-> *selector:attribute;
	IE6				-> _selector:attribute;
*/

/* Inline Block IE7 & IE8 Reference
	zoom:1; <- triggers HasLayout for IE
	display: inline; <- displays inline bock when HasLayout is triggered
*/

/* Media Queries for Common Sizes

Smartphones (portrait and landscape):
	@media only screen 
	and (min-device-width : 320px) 
	and (max-device-width : 480px) {}

Smartphones (landscape):
	@media only screen 
	and (min-width : 321px) {}

Smartphones (portrait):
	@media only screen 
	and (max-width : 320px) {}

iPads (portrait and landscape)
	@media only screen 
	and (min-device-width : 768px) 
	and (max-device-width : 1024px) {}

iPads (landscape):
	@media only screen 
	and (min-device-width : 768px) 
	and (max-device-width : 1024px) 
	and (orientation : landscape) {}

iPads (portrait):
	@media only screen 
	and (min-device-width : 768px) 
	and (max-device-width : 1024px) 
	and (orientation : portrait) {}

Desktops and laptops
	@media only screen 
	and (min-width : 1224px) {}

Large screens
	@media only screen 
	and (min-width : 1824px) {}

iPhone 4
	@media
	only screen and (-webkit-min-device-pixel-ratio : 1.5),
	only screen and (min-device-pixel-ratio : 1.5) {}

/* Box Shadow / Border Radius Reference
		border-radius: 20px; 
			-moz-border-radius: 20px;
			-webkit-border-radius: 20px;
		box-shadow: 0px 0px 10px #999;
			-moz-box-shadow: 0px 0px 10px #999;
			-webkit-box-shadow: 0px 0px 10px #999;
*/

/* iOS Mobile Safari Input Style Reference
	-> Use on input style to remove button styles on ipad & iphone
	input, textarea {
		-webkit-appearance: none;
		-webkit-border-radius: 0;
	}
*/

/* Set Custom Font-Face Reference
	EOT <- IE only. 
	WOFF <- Compressed, emerging standard. 
	TTF <- Works in most browsers except IE and iPhone.
	SVG <- iPhone/iPad.
@font-face {
    font-family: 'fontname';
    src: url('Font-Name.eot');
    src: url('Font-Name.eot?#iefix') format('embedded-opentype'),
         url('Font-Name.woff') format('woff'),
         url('Font-Name.ttf') format('truetype'),
         url('Font-Name.svg#fontname') format('svg');
    font-weight: normal;
    font-style: normal;
}
*/

/* Set Font Strong & Italic if using Custom Font-Face Reference */
strong {
    font-weight: 700;
}

em {
    font-style: italic;
}

    strong em,
    em strong {
        font-weight: 700;
        font-style: italic;
    }


/***************************/
/* START SITE SPECIFIC CSS */
/***************************/


body {
    background: #e9eae7 url('') repeat-x left top;
    color: #333;
    text-align: center;
    font-family: 'Noto Sans', Arial, Helvetica, sans-serif;
    font-size: 100%;
    height: 100%;
    line-height: 1;
    -webkit-text-size-adjust: none; /* FIX: iOS Mobile Safari Font Adjustment */
}

/* Reusable Container Wrapper */
.setcontainer {
    max-width: 1024px;
    /*background-color: lime;*/
    margin: 0 auto;
    text-align: left;
}

/*#471: Request to remove text decoration */
/* Anchor (Link) Settings & Focus */
:focus {
    outline: none;
}

a:link {
    color: #0066cc;
}

a:active,
a:hover {
    color: #666;
}

a:visited {
    color: #333;
}



/* Set Heading Tags Sizes and Weight - Color should be defined in containng div */
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    cursor: default;
}

h1 {
    font-size: 36px;
}

h2 {
    font-size: 30px;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 18px;
}

h5 {
    font-size: 14px;
}

h6 {
    font-size: 14px;
}


/* Basic ID / Class Structure Reference */
#id {
    width: 100%;
    text-align: left;
    font-size: 12px;
    background: transparent url('/images/design/.png') repeat left top;
}

#idInner {
    margin: 0 auto;
}

.login-status-alert {
    background-color: #FFFCD5;
    padding: 10px;
}

a.primary-button, input.primary-button, button.primary-button {
    background: #5f8cd8 none repeat scroll 0 0;
    border: medium none;
    box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.25);
    color: #fff !important;
    display: inline-block;
    font-size: 13px;
    margin: 0 0 5px;
    padding: 5px;
    text-decoration: none;
    text-transform: uppercase;
}


.fatal-error h1 {
    text-align: center;
}

.fatal-error .message {
    text-align: center;
    font-size: 16px;
    margin-top: 5px;
    margin-bottom: 1em;
}

.fatal-error .error-reported {
    text-align: center;
    font-size: smaller;
    margin-top: 1em;
}

/* CSS Only Drop Down with IE7 Support Reference */
/* Important Note: Highest Level Parent needs z-index: 99; */
.navclass {
    width: 1024px;
    text-align: left;
    z-index: 99;
}

#access-denied {
    text-align: center;
}

#pageContentInner #access-denied ul,
#pageContentInner #access-denied li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.navclass ul {
    font-size: 12px;
    text-transform: uppercase;
    background-color: #eee;
}

    .navclass ul li {
        display: inline-block;
        zoom: 1;
        *display: inline;
        text-align: left;
        padding: 15px 20px;
        border-left: 1px solid #fff;
        border-right: 1px solid #b3b3b3;
        position: relative !important;
    }

        .navclass ul li:first-child {
            border-left: none;
        }

        .navclass ul li:last-child {
            padding-right: 0px;
            border-right: none;
        }

        .navclass ul li a {
            color: #333;
            text-decoration: none;
        }

            .navclass ul li a.active,
            .navclass ul li a:hover,
            .navclass ul li:hover a {
                color: #238161;
            }

        .navclass ul li span {
            font-size: 10px;
            display: block;
            color: #238161;
        }

        .navclass ul li ul {
            display: none;
        }

        .navclass ul li:hover ul {
            z-index: 99;
            display: block;
            position: absolute !important;
            top: 100%;
            *float: none;
            left: 0;
            background: #eee url('/images/design/.png') repeat left top;
            padding: 0px 10px 0px 10px;
            color: #666;
            margin-top: -10px;
            min-width: 150px;
            border-bottom: 5px solid #ccc;
            text-align: left;
        }

            .navclass ul li:hover ul li {
                display: block;
                float: none;
                padding: 0px;
                margin: 0px;
                text-transform: none;
                font-size: 12px;
                float: none;
                margin: 10px 0px;
                white-space: nowrap;
                border: none;
            }

                .navclass ul li:hover ul li a {
                    border-left: none;
                    color: #333;
                    padding: 0px;
                }

                    .navclass ul li:hover ul li a::before {
                        content: '\BB  ';
                    }

                    .navclass ul li:hover ul li a:hover {
                        color: #238161;
                    }

.leaf-heading {
    color: #19975d;
    font-size: 20px;
    background: transparent url('/images/design/icon-furhmanleaf.png') no-repeat right center;
    display: inline-block;
    padding-top: 23px;
    padding-right: 20px;
    padding-botttom: 3px;
}

/*Product Disclaimer*/
.product-disclaimer {
    display: block;
    margin-top: 10px;
    padding-top: 30px;
}

/*Vitamin Advisor*/
/*#pageContentInner .vitamin-advisor {
	background: #325dbf;
	width: 100%;
	color: #fff;
	padding: 10px 20px;
}
#pageContentInner .vitamin-advisor:after {
	clear:both;
	display:block;
	content:"";
}
body #pageContent #pageContentInner .sidebar .sideNav .vitamin-advisor h3 a,
body #pageContent #pageContentInner .sidebar .sideNav .vitamin-advisor h3 a:hover,
body #pageContent #pageContentInner .sidebar .sideNav .vitamin-advisor h3 a:visited {
	color:#fff;
	text-decoration:none;
}
#pageContentInner .vitamin-advisor h3 {
	font-size: 15px;
	text-transform:uppercase;
	margin-bottom: 4px;
    background-color: none;
    font-weight: normal;
    letter-spacing: 0;
    padding-top: 0px;
    margin: 0 !important;
    background: none;
}
#pageContentInner .vitamin-advisor img {
	float: left;
	margin-right: 15px;
	padding:0;
}

#pageContentInner .vitamin-advisor p {
	margin-bottom:0;
	line-height:1;
}*/


/* FlexFit - Fit whole image within responsive container (ie. logos, product images) */
.flexFit {
    position: relative;
    padding: 0 0 65% 0; /* Adjust bottom for desired height */
    height: 0px;
    overflow: hidden;
}

    .flexFit img {
        position: absolute;
        max-width: 98%;
        max-height: 98%;
        height: auto;
        margin: auto;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

/* FlexFill - Fill responsive container with image (ie. banner image) */
.flexFill {
    position: relative;
    padding: 0 0 65% 0; /* Adjust bottom for desired height */
    height: 0px;
    overflow: hidden;
}

    .flexFill .img-wrap {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
    }

    .flexFill a {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
    }

    .flexFill img {
        max-width: none;
        display: none;
        float: none;
        position: relative;
    }

    .flexFill.processed img {
        display: block !important;
    }



#header {
    width: 100%;
    text-align: left;
    font-size: 12px;
    background-color: #bcbdb4;
    border-bottom: 4px solid #18975d;
}

#headerInner {
    margin: 0 auto;
    background-color: #fff;
    border-left: 1px solid #d6d6d6;
    border-right: 1px solid #d6d6d6;
}

    #headerInner .logoArea {
        padding-left: 1.5%;
        padding-top: 2%;
        width: 50%;
    }

span.top-mobile-icons {
    float: right;
    width: 46%;
    text-align: center;
    margin-top: 5px;
}

    span.top-mobile-icons a.first-icon img {
        margin-left: 0;
    }

    span.top-mobile-icons img {
        width: 25%;
        margin-left: 20px;
    }

span.top-mobile-icons {
}

#headerInner .loginSearch {
    width: 50%;
    margin-left: 0;
}

    #headerInner .loginSearch ul {
        text-align: right;
        padding-top: 2.2%;
    }

        #headerInner .loginSearch ul li.item {
            display: inline-block;
            zoom: 1;
            *display: inline;
            color: #19975d;
            border-left: 1px solid #6c6c6c;
            padding: 0px 2%;
        }

            #headerInner .loginSearch ul li.item:first-child {
                border-left: none;
            }

            #headerInner .loginSearch ul li.item a {
                color: #19975d;
            }

        #headerInner .loginSearch ul li.join {
            display: inline-block;
            zoom: 1;
            *display: inline;
            position: relative;
            padding-top: 1.5%;
            min-width: 157px;
        }

            #headerInner .loginSearch ul li.join:after {
                content: "";
                width: 6px;
                height: 6px;
                /*background-color: lime;*/
                display: block;
                position: absolute;
                right: -7px;
                bottom: -6px;
                background: transparent url('/images/design/icon-dropedge.png') no-repeat left top;
            }

            #headerInner .loginSearch ul li.join a {
                display: inline-block;
                zoom: 1;
                *display: inline;
                color: #fff;
                padding: 5% 10% 5% 20%;
                background: #595a51 url('/images/design/icon-joinmailinglist.png') no-repeat 5% center;
                text-decoration: none;
                width: 107%;
                position: relative;
                right: 3px;
                box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.4);
            }

    #headerInner .loginSearch fieldset {
        padding-top: 3%;
        text-align: right;
    }

        #headerInner .loginSearch fieldset input {
            font-family: 'Noto Sans', Arial, Helvetica, sans-serif;
        }

            #headerInner .loginSearch fieldset input[type="text"] {
                border: 1px solid #aeb2b1;
                padding: .12% .25%;
            }

            #headerInner .loginSearch fieldset input[type="submit"] {
                background: #fff url('/images/design/icon-submitsearch.png') no-repeat left top;
                width: 28px;
                border: none;
                cursor: pointer;
            }

#headerInner .mainNav {
}

    #headerInner .mainNav ul {
        text-align: right;
        margin-right: 4px;
    }

        #headerInner .mainNav ul li {
            display: inline-block;
            zoom: 1;
            *display: inline;
            margin-left: 2px;
        }

            #headerInner .mainNav ul li a {
                display: block;
                color: #fff;
                text-decoration: none;
                text-align: center;
                padding: 4% 0%;
                border-top-left-radius: 5px;
                border-top-right-radius: 5px;
                background-color: #ccc;
            }

                #headerInner .mainNav ul li a:hover {
                    opacity: 0.8;
                }

            #headerInner .mainNav ul li.blue {
                width: 108px;
            }

                #headerInner .mainNav ul li.blue a {
                    background-color: #5f8cd8;
                }

            #headerInner .mainNav ul li.green {
                width: 118px;
            }

                #headerInner .mainNav ul li.green a {
                    background-color: #6ebc00;
                    border-top: 2px solid #fff;
                }

                #headerInner .mainNav ul li.green.active a {
                    background-color: #18975d;
                }


                #headerInner .mainNav ul li.green.on a {
                    background-color: #18975d;
                }

            #headerInner .mainNav ul li.blue.active a {
                background-color: #325dbf;
            }

            #headerInner .mainNav ul li.blue.on a {
                background-color: #325dbf;
            }

#headerInner .mobileNav {
    font-size: 14px;
    width: 50%;
    margin: 2% 0%;
}

    #headerInner .mobileNav a {
        padding: 6% 0%;
        text-align: center;
        background: #ddd url('/images/design/icon-responsive-nav.png') no-repeat 3% center;
        color: #789cd9;
        background-size: auto 60%;
        /*font-weight: 700;*/
        display: block;
        text-decoration: none;
    }

#headerInner .mobileLogin {
    font-size: 14px;
    width: 50%;
    margin: 2% 0%;
}

    #headerInner .mobileLogin a {
        padding: 6% 0%;
        text-align: center;
        background: #789cd9 url('/images/design/icon-responsive-login.png') no-repeat 97% center;
        color: #fff;
        background-size: auto 60%;
        /*font-weight: 700;*/
        display: block;
        text-decoration: none;
    }

    #headerInner .mobileLogin #loggedinmobile a {
        background: #789cd9 url('/images/design/icon-responsive-account.png') no-repeat 97% center;
        background-size: auto 60%;
    }

#headerInner .mobileLoginContents > div > ul {
    padding-left: 0;
    padding-right: 0;
}

    #headerInner .mobileLoginContents > div > ul li {
        border-bottom: 1px solid #ccc;
    }

        #headerInner .mobileLoginContents > div > ul li a {
            text-transform: none;
        }

#headerInner .mobileNavContents {
    font-size: 14px;
    display: none;
}

    #headerInner .mobileNavContents ul {
        padding: 0% 0% 2%;
    }

        #headerInner .mobileNavContents ul li {
            border-bottom: 1px solid #ccc;
        }

            #headerInner .mobileNavContents ul li a {
                padding: 12px 0;
                text-align: center;
                display: block;
                color: #fff;
                text-decoration: none;
            }

            #headerInner .mobileNavContents ul li.green a {
                background-color: #6ebc00;
            }

            #headerInner .mobileNavContents ul li.blue a {
                background-color: #5f8cd8;
            }

#headerInner .mobileLoginContents {
    font-size: 14px;
    display: none;
}

    #headerInner .mobileLoginContents ul {
        padding: 0% 2% 2%;
    }

        #headerInner .mobileLoginContents ul li {
            background-color: #789cd9;
        }

            #headerInner .mobileLoginContents ul li a {
                padding: 12px 0;
                text-align: center;
                display: block;
                color: #fff;
                text-decoration: none;
            }

    #headerInner .mobileLoginContents fieldset {
        text-align: center;
        padding: 3% 0%;
    }

        #headerInner .mobileLoginContents fieldset input {
            font-family: 'Noto Sans', Arial, Helvetica, sans-serif;
            width: 92%;
            font-size: 14px;
            padding: 3%;
            border: none;
            background-color: #fff;
            -webkit-appearance: none;
        }

            #headerInner .mobileLoginContents fieldset input[type="text"] {
                border: 1px solid #ccc;
                border-radius: 5px;
                margin-bottom: 5px;
            }

            #headerInner .mobileLoginContents fieldset input[type="password"] {
                border: 1px solid #ccc;
                border-radius: 5px;
                margin-bottom: 5px;
            }

            #headerInner .mobileLoginContents fieldset input[type="submit"] {
                background-color: #585950;
                color: #fff;
                cursor: pointer;
            }

#headerInner .mobileSearch {
    font-size: 14px;
}

    #headerInner .mobileSearch fieldset {
        padding: 0% 0% 2% 0%;
    }

        #headerInner .mobileSearch fieldset input[type="text"] {
            font-family: 'Noto Sans', Arial, Helvetica, sans-serif;
            width: 100%;
            display: block;
            font-size: 14px;
            padding: 3%;
            background: transparent url('/images/design/icon-responsive-search.png') no-repeat 93% center;
            background-size: auto 60%;
            border: 1px solid #ccc;
            border-radius: 5px;
        }


#banner {
    width: 100%;
    text-align: left;
    font-size: 12px;
    background: #e4e5e1; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U0ZTVlMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, #e4e5e1 0%, #ffffff 50%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4e5e1), color-stop(50%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e4e5e1 0%,#ffffff 50%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e4e5e1 0%,#ffffff 50%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e4e5e1 0%,#ffffff 50%); /* IE10+ */
    background: linear-gradient(to bottom, #e4e5e1 0%,#ffffff 50%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e5e1', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}

#bannerInner {
    margin: 0 auto;
    background-color: #fff;
    padding: 1%;
    border-left: 1px solid #d6d6d6;
    border-right: 1px solid #d6d6d6;
}

    #bannerInner .bannerSet {
        border: 1px solid #d2d2d2;
        border-radius: 3px;
    }

    #bannerInner .bannerButtons {
        text-align: center;
        width: 28%;
    }

        #bannerInner .bannerButtons ul li {
            padding: 5.9%;
            line-height: 12px;
            background-color: #e4e5e1;
            border-top: 2px solid #fff;
            cursor: pointer !important;
            color: #666;
        }

            #bannerInner .bannerButtons ul li:first-child {
                border-top: none;
            }

            #bannerInner .bannerButtons ul li.active {
                background-color: #bfd1ef;
                color: #333;
            }

            #bannerInner .bannerButtons ul li.on {
                background-color: #bfd1ef;
                color: #333;
            }

            #bannerInner .bannerButtons ul li:hover {
                background-color: #f1f2f0;
            }

            #bannerInner .bannerButtons ul li h3 {
                line-height: 20px;
                font-size: 18px;
                cursor: pointer !important;
            }

            #bannerInner .bannerButtons ul li a {
                color: #666;
                text-decoration: none;
            }

                #bannerInner .bannerButtons ul li a:hover {
                    color: #72be44;
                }

/*
#bannerInner .bannerImage{
	width: 72%;
}
#bannerInner .bannerImage img{
	border-radius: 3px;
	display: block;
} */




/* Landing Page Banners */

#pageContentInner .mainContent .bannerImage {
}

    #pageContentInner .mainContent .bannerImage .banner {
        min-height: 231px;
        background-repeat: no-repeat;
        background-position: right top;
        background-size: contain;
        margin-top: 10px;
    }

        #pageContentInner .mainContent .bannerImage .banner .banner-text {
            max-width: 370px;
            text-align: center;
            padding: 0 0 30px 15px;
            text-shadow: 0 1px 0 #fff;
        }

            #pageContentInner .mainContent .bannerImage .banner .banner-text h1 {
                color: #333;
                font-size: 30px;
                background: transparent url('/images/design/banner-leaf-icon.png') no-repeat right center;
                padding: 70px 20px 0 0;
            }

            #pageContentInner .mainContent .bannerImage .banner .banner-text p {
                color: #333;
                font-size: 14px;
                line-height: 18px;
                margin: 10px 0;
                padding-right: 20px; /* Added to keep the text centered underneath the h1 */
            }

            #pageContentInner .mainContent .bannerImage .banner .banner-text a {
                text-decoration: none;
                background: transparent url('/images/design/icon-arrow-000.png') no-repeat left center;
                display: inline-block;
                padding-left: 18px;
                min-height: 15px;
                line-height: 15px;
                font-size: 14px;
            }

                #pageContentInner .mainContent .bannerImage .banner .banner-text a:hover {
                    opacity: 0.8;
                }

/* End of Landing Page Banners */






#happening {
    width: 100%;
    text-align: left;
    font-size: 12px;
    background-color: #fff;
}

#happeningInner {
    margin: 0 auto;
    background-color: #fff;
    border-left: 1px solid #d6d6d6;
    border-right: 1px solid #d6d6d6;
}

    #happeningInner .hapWhats {
        width: 28.6%;
        margin-right: 0.5%;
        background-color: #72bd41;
        padding: 1% 0% 1%;
    }

        #happeningInner .hapWhats h3 {
            font-weight: 700;
            text-transform: uppercase;
            color: #008651;
            font-size: 14px;
            background-color: #fff;
            display: block;
            text-align: center;
            padding: 4% 0%;
            letter-spacing: 2.8px;
        }

        #happeningInner .hapWhats ul {
            background-color: #e1efda;
            padding: 3% 7% 5.4%;
        }

            #happeningInner .hapWhats ul li {
                color: #008651;
                border-bottom: 1px solid #acd373;
                padding: 2.25% 0% 2.25% 23px;
                line-height: 15px;
                min-height: 15px;
                background: transparent url('/images/design/icon-arrow-000.png') no-repeat left center;
            }

                #happeningInner .hapWhats ul li a {
                    color: #008651;
                    text-decoration: none;
                }

                    #happeningInner .hapWhats ul li a:hover {
                        opacity: 0.7;
                    }

                #happeningInner .hapWhats ul li span {
                    color: #333;
                }

    #happeningInner .hapArticles {
        width: 48.5%;
        margin-right: 0.5%;
        background-color: #5f8cd8;
        padding: 1% 0% 0%;
    }

        #happeningInner .hapArticles .section {
            width: 33.33%;
            padding: 1% 3%;
            font-size: 11px;
            color: #fff;
            position: relative;
            text-align: center;
        }

            #happeningInner .hapArticles .section img {
                float: right;
                padding: 0% 0% 5% 5%;
            }

            #happeningInner .hapArticles .section hr {
                height: 3px;
                background-color: #fff;
                border: none;
                margin: 10px 0px;
                clear: both;
            }

            #happeningInner .hapArticles .section h5 {
                text-align: center;
                font-weight: 700;
                font-size: 13px;
                margin: 0px 0px 5px;
            }

            #happeningInner .hapArticles .section p {
                line-height: 15px;
                padding-right: 4.75%;
                text-align: left;
            }

            #happeningInner .hapArticles .section a.readmore {
                height: 15px;
                width: 15px;
                display: block;
                background: transparent url('/images/design/icon-arrow-fff.png') no-repeat left top;
                position: absolute;
                bottom: 0px;
                right: 9%;
            }

            #happeningInner .hapArticles .section a:hover {
                opacity: 0.8;
            }

            #happeningInner .hapArticles .section:first-child,
            #happeningInner .hapArticles .section:last-child {
                border-left: none;
                border-right: none;
            }

        #happeningInner .hapArticles .jumpArticles {
            background-color: #ffb332;
            padding: 1.8%;
            margin-top: 2%;
            color: #fff;
            font-size: 12px;
            text-transform: uppercase;
            text-align: center;
        }

            #happeningInner .hapArticles .jumpArticles a {
                background: transparent url('/images/design/icon-arrow-000.png') no-repeat left center;
                display: inline;
                padding-left: 23px;
                color: #fff;
                text-decoration: none;
            }

                #happeningInner .hapArticles .jumpArticles a:hover {
                    opacity: 0.8;
                }

    #happeningInner .hapQuick {
        width: 21.9%;
    }

        #happeningInner .hapQuick ul {
            width: 103.2%;
        }

            #happeningInner .hapQuick ul li {
                background-color: #bfd1ef;
                padding: 2% 2% 2% 8%;
                line-height: 16px;
                margin-top: 13px;
                box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.4);
                position: relative;
            }

                #happeningInner .hapQuick ul li:first-child {
                    margin-top: 0px;
                }

                #happeningInner .hapQuick ul li:after {
                    content: "";
                    width: 6px;
                    height: 6px;
                    /*background-color: lime;*/
                    display: block;
                    position: absolute;
                    right: 0px;
                    bottom: -6px;
                    background: transparent url('/images/design/icon-dropedge.png') no-repeat left top;
                }

                #happeningInner .hapQuick ul li a {
                    border: 2px solid #fff;
                    border-radius: 5px;
                    display: block;
                    text-align: center;
                    color: #666;
                    text-decoration: none;
                    font-size: 14px;
                    padding-left: 10%;
                    position: relative;
                    vertical-align: middle;
                    min-height: 2.75em;
                }

                    #happeningInner .hapQuick ul li a:hover {
                        color: #fff;
                    }

                    #happeningInner .hapQuick ul li a span {
                        height: 32px;
                        width: 32px;
                        position: absolute;
                        top: 3px;
                        left: -16px;
                    }

                        #happeningInner .hapQuick ul li a span.member {
                            background: transparent url('/images/design/icon-member.png') no-repeat left top;
                        }

                        #happeningInner .hapQuick ul li a span.products {
                            background: transparent url('/images/design/icon-products.png') no-repeat left top;
                        }

                        #happeningInner .hapQuick ul li a span.event {
                            background: transparent url('/images/design/icon-event.png') no-repeat left top;
                        }

                        #happeningInner .hapQuick ul li a span.recipe {
                            background: transparent url('/images/design/icon-recipe.png') no-repeat left top;
                        }

                        #happeningInner .hapQuick ul li a span.questions {
                            background: transparent url('/images/design/icon-questions.png') no-repeat left top;
                        }

    #happeningInner .mobileNav2 {
        font-size: 14px;
    }

        #happeningInner .mobileNav2 ul {
            padding: 2% 0%;
        }

            #happeningInner .mobileNav2 ul li {
                display: none;
                border-bottom: 1px solid #f9f9f9;
            }

                #happeningInner .mobileNav2 ul li:first-child {
                    display: block !important;
                    border-bottom: none;
                }

                #happeningInner .mobileNav2 ul li a {
                    padding: 4% 0%;
                    text-align: center;
                    display: block;
                    color: #fff;
                    text-decoration: none;
                }

                #happeningInner .mobileNav2 ul li.title a {
                    background: #b5c6e3 url('/images/design/icon-responsive-nav.png') no-repeat 3% center;
                    color: #666;
                    background-size: auto 60%;
                    /*font-weight: 700;*/
                }

                #happeningInner .mobileNav2 ul li.lightblue a {
                    background-color: #bfd1ef;
                    color: #333;
                }


#pageContent {
    width: 100%;
    text-align: left;
    font-size: 12px;
    background-color: #fff;
}

#pageContentInner {
    margin: 0 auto;
    background-color: #fff;
    padding: 1% 0;
}

.mobile-navigation {
    font-size: 14px;
}

    .mobile-navigation ul {
        padding: 0% 0% 2% 0;
        margin: 0;
    }

        .mobile-navigation ul li {
            display: none;
            border-bottom: 1px solid #ccc;
            list-style: none;
            margin: 0;
        }

            .mobile-navigation ul li:first-child {
                display: block !important;
                border-bottom: none;
            }

            .mobile-navigation ul li a {
                padding: 4% 0%;
                text-align: center;
                display: block;
                color: #666;
                text-decoration: none;
                background: #eee;
            }

            .mobile-navigation ul li.title a {
                background: #ddd url('/images/design/icon-responsive-nav.png') no-repeat 3% center;
                color: #666;
                background-size: auto 60%;
                text-transform: uppercase;
                /*font-weight: 700;*/
            }

    .mobile-navigation.subtopics-nav ul li.title a {
        background-color: #ffb415;
        color: #fff;
    }

    .mobile-navigation.subtopics-nav ul li a {
        background-color: #fff0d7;
    }

    .mobile-navigation.see-also-nav ul li.title a {
        background-color: #d5e4f9;
        color: #789cd9;
    }

    .mobile-navigation.see-also-nav ul li a {
        background-color: #e2eeff;
    }

    .mobile-navigation ul li.parent a {
        font-weight: bold;
        text-transform: uppercase;
    }

#pageContentInner .mobileNav4 {
    font-size: 14px;
}

    #pageContentInner .mobileNav4 ul {
        padding: 0% 0% 2%;
    }

        #pageContentInner .mobileNav4 ul li {
            display: none;
            border-bottom: 1px solid #f9f9f9;
            position: relative;
        }

            #pageContentInner .mobileNav4 ul li:first-child {
                display: block !important;
                border-bottom: none;
            }

            #pageContentInner .mobileNav4 ul li a {
                padding: 12px 0;
                text-align: center;
                display: block;
                color: #fff;
                text-decoration: none;
            }

            #pageContentInner .mobileNav4 ul li.title a {
                background: #b5c6e3 url('/images/design/icon-responsive-nav.png') no-repeat 3% center;
                color: #666;
                background-size: auto 60%;
                text-transform: uppercase;
                /*font-weight: 700;*/
            }

            #pageContentInner .mobileNav4 ul li.lightblue a {
                background-color: #bfd1ef;
                color: #333;
            }

            #pageContentInner .mobileNav4 ul li ul {
                padding: 0;
                /*display:none; */
            }

    #pageContentInner .mobileNav4.shop-nav ul li ul {
        display: none;
    }

    #pageContentInner .mobileNav4 ul li ul li {
        border-bottom: none;
        font-size: 13px;
    }

    #pageContentInner .mobileNav4 ul li.lightblue ul li a {
        padding: 2% 0%;
        background-color: #cfddf3;
    }

    #pageContentInner .mobileNav4 ul li ul li.active {
        font-weight: 700;
    }

#pageContentInner .sidebar {
    float: left;
    margin-left: 0;
    margin-right: 0.5%;
    width: 28.6%;
}

    #pageContentInner .sidebar hr {
        margin: 4px 0 4px 15px;
        border: none;
        height: 1px;
        background: #A3A0A0;
    }

    #pageContentInner .sidebar img {
        max-width: 100%;
    }

    #pageContentInner .sidebar .sideNav {
        width: 100%;
        background-color: #5f8cd8;
        padding: 2% 0 2% 0;
    }

        #pageContentInner .sidebar .sideNav.has-view-all {
            padding-bottom: 0;
        }

    #pageContentInner .sidebar > div, #pageContentInner .sidebar .col {
        /* margin-left: 0;*/
        border-bottom: 1px solid #fff;
    }

#pageContentInner .sideNav h3 {
    font-weight: 700;
    text-transform: uppercase;
    color: #5f8cd8;
    font-size: 14px;
    background-color: #fff;
    display: block;
    text-align: center;
    padding: 4% 0%;
    letter-spacing: 2.8px;
}

#pageContentInner .sideNav ul {
    background-color: #d5e3f9;
    padding: 3% 7% 5.4%;
}
    /*#pageContentInner .sideNav ul li {
	color: #666666;
	border-bottom: 1px solid #cccccc;
	padding: 2.25% 0%;
	line-height: 15px;
	min-height: 15px;
}*/
    #pageContentInner .sideNav ul li {
        border-bottom: 1px solid #bbc1ce;
        color: #666666;
        line-height: 15px;
        min-height: 15px;
        padding: 2.25% 0;
    }

        #pageContentInner .sideNav ul li a.drop {
            padding: 0 10px;
            display: inline-block;
            color: #999;
            text-decoration: none;
            line-height: 1;
            min-height: 0;
            background: transparent;
        }

            #pageContentInner .sideNav ul li a.drop:after {
                font-family: "FontAwesome";
                content: "\f0da";
                display: inline-block;
                font-style: normal;
                font-weight: normal;
                line-height: 1;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
            }

        #pageContentInner .sideNav ul li.drop-open a.drop:after {
            content: "\f0d7";
        }

        #pageContentInner .sideNav ul li.drop-open ul.subnav {
            display: block;
        }

        #pageContentInner .sideNav ul li a {
            display: inline-block;
            color: #666;
            text-decoration: none;
            padding: 0 0 0 22px;
            line-height: 1.2;
            min-height: 15px;
        }

#pageContentInner .sideNav > ul > li > a {
    background: transparent url('/images/design/icon-arrow-000.png') no-repeat left center;
}

#pageContentInner .sideNav ul li a:hover {
    opacity: 0.7;
}

#pageContentInner .sideNav ul li.active > a {
    font-weight: 700;
}

#pageContentInner .sideNav ul li ul {
    padding: 0px;
}

    #pageContentInner .sideNav ul li ul.subnav {
        display: none;
    }
    /*#pageContentInner .sideNav ul li ul li{
	border-bottom: none;
	background-image: none;
	padding:2.25% 0 0 10px;
}*/
    #pageContentInner .sideNav ul li ul li {
        background-image: none;
        border-bottom: medium none;
        padding-left: 10px;
    }

        #pageContentInner .sideNav ul li ul li:last-child {
            padding-bottom: 0;
        }

#pageContentInner .sideNav-secondary {
    padding: 15px;
}

    #pageContentInner .sideNav-secondary.subtopics-nav {
        background: #fff0d7;
    }

    #pageContentInner .sideNav-secondary h4 {
        text-transform: uppercase;
        font-size: 13px;
        color: #666;
        font-weight: bold;
        padding-bottom: 1px;
    }

    #pageContentInner .sideNav-secondary h5 {
        font-size: 12px;
        color: #666;
        font-weight: bold;
        padding: 10px 0 10px 0;
        margin: 10px 0 0 0;
        /*border-top:1px solid #cccccc;*/
        text-transform: none;
    }

        #pageContentInner .sideNav-secondary h5:first-of-type {
            margin-top: 0;
            padding-top: 0;
            border-top: none;
        }

        #pageContentInner .sideNav-secondary h5 a {
            color: #666;
            text-decoration: none;
        }

            #pageContentInner .sideNav-secondary h5 a:hover {
                opacity: .70;
            }

    #pageContentInner .sideNav-secondary ul {
    }

        #pageContentInner .sideNav-secondary ul li {
            margin-top: 10px;
        }

            #pageContentInner .sideNav-secondary ul li:first-child {
                margin-top: 0;
            }

            #pageContentInner .sideNav-secondary ul li a {
                color: #666;
                text-decoration: none;
                padding: 0 0 0 22px;
                line-height: 1.2;
                min-height: 15px;
                display: block;
                background: transparent url('/images/design/icon-arrow-000.png') no-repeat left center;
            }

                #pageContentInner .sideNav-secondary ul li a:hover {
                    opacity: 0.7;
                }

#pageContentInner .sideNav.health-concerns {
    padding-bottom: 0;
}

.side-section-links {
    border-top: 5px solid #72be42;
}

#pageContentInner .side-section-links.border-bottom {
    border-bottom: 15px solid #72be42;
}

.side-section-links h3 {
    color: #008651;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
    background-color: #fff;
    display: block;
    text-align: center;
    padding: 4% 0%;
    letter-spacing: 2.8px;
}

    .side-section-links h3 span {
        display: block;
        font-size: 11px;
        letter-spacing: 0;
        font-weight: normal;
        margin-top: 3px;
    }

.sideNav-secondary.green-bg {
    background: #e1efda;
}

#pageContentInner .sidebar > div, #pageContentInner .sidebar .col {
    margin-left: 0;
}

.sideNav .sideNav-view-all {
    background: /*url("/images/design/icon-arrow-000.png") no-repeat scroll 7% center */ #ffb434;
    color: #fff;
    display: block;
    font-size: 12px;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}

    .sideNav .sideNav-view-all:hover {
        background: /*url("/images/design/icon-arrow-000.png") no-repeat scroll 7% center */ #ffb941;
    }

#pageContentInner .mobileNav4 ul li .sideNav-secondary {
    padding: 0;
}

    #pageContentInner .mobileNav4 ul li .sideNav-secondary ul {
        display: block;
        padding: 0;
    }

        #pageContentInner .mobileNav4 ul li .sideNav-secondary ul li {
            padding: 0;
            margin: 0;
        }

            #pageContentInner .mobileNav4 ul li .sideNav-secondary ul li a {
                background: transparent;
                font-size: 14px;
                line-height: 1;
                text-transform: none;
                margin: 0;
                display: block;
                padding: 12px 0;
                text-align: center;
                text-decoration: none;
            }

        #pageContentInner .mobileNav4 ul li .sideNav-secondary ul li {
            border-top: 1px solid rgba(0,0,0,.10);
        }

            #pageContentInner .mobileNav4 ul li .sideNav-secondary ul li:first-child {
                border-top: none;
            }


#pageContentInner .mobileNav4 ul li.sideNav-view-all a {
    background: #ffb434;
    color: #fff;
}

#pageContentInner .mobileNav4 .side-icon-link > a {
    display: none;
}

.mobileNav4 .side-icon-link img, .mobileNav4 .side-icon-link p {
    display: none;
}


.ad-block {
    padding: 15px 0 15px 15px;
}

    .ad-block img {
        max-width: 100%;
    }

.ad-block-mobile {
    display: none;
}

    .ad-block-mobile img {
        max-width: 97.2%;
        margin: 1%;
    }


.ad-block-mobile {
    display: none;
}

.sidebar .testimonials {
    padding: 7.5%;
    border-bottom: 4px solid #feb537;
    background: #d5e3f9;
}

    .sidebar .testimonials p {
        margin: 10px 0 0;
        color: #666;
        line-height: 1.4;
    }

    .sidebar .testimonials .testimonial-name {
        text-align: right;
        padding: 10px 0;
        color: #666;
    }

#pageContentInner .mainContent {
    width: 70.9%;
    padding: 0% 1.5%;
    color: #666;
    margin-left: 0;
}

    #pageContentInner .mainContent .breadcrumbs {
        margin-bottom: 10px;
    }

        #pageContentInner .mainContent .breadcrumbs ul {
            text-align: right;
        }

            #pageContentInner .mainContent .breadcrumbs ul li {
                display: inline-block;
                margin-left: 5px;
                list-style: none;
            }

                #pageContentInner .mainContent .breadcrumbs ul li:first-child {
                    margin-left: 0;
                }

    /*
#pageContentInner .mainContent h4{
	color: #19975d;
	font-size: 20px;
	background: transparent url('/images/design/icon-furhmanleaf.png') no-repeat right center;
	display: inline-block;
	padding-top: 20px;
	padding-right: 20px;
	padding-botttom: 3px;

}
*/
    #pageContentInner .mainContent hr {
        height: 2px;
        background-color: #6fbe43;
        border: none;
    }

        #pageContentInner .mainContent hr.gray-line {
            height: 2px;
            background-color: #ddd;
            border: none;
        }

#pageContentInner h5 {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 12px;
    margin-top: 15px;
}

#pageContentInner p {
    line-height: 22px;
    margin-bottom: 12px;
    font-size: 14px;
}

#pageContentInner .mainContent ul {
}

    #pageContentInner .mainContent ul li {
        margin-left: 25px;
        list-style: disc;
        line-height: 22px;
        margin-bottom: 10px;
        font-size: 14px;
    }

#pageContentInner ul li a {
    color: #3366cc;
}

    #pageContentInner ul li a:hover {
        color: #666;
    }

#pageContentInner img {
    /* Seth: Removing this, why was it even here?
    padding: 1%;
    */
}

#pageContentInner .missionStatement {
    background-color: #5f8cd8;
    color: #fff;
    padding: 3%;
}

    #pageContentInner .missionStatement h3,
    #pageContentInner .missionStatement h3:not(.leaf-heading),
    #pageContentInner .moreText h3,
    #pageContentInner .moreText h3:not(.leaf-heading) {
        margin: 0 0 1% 0;
        color: #fff;
    }
/*
#pageContentInner .mainContent .bannerImage{ margin-bottom:10px;}
#pageContentInner .mainContent .bannerImage img{
	border-radius: 3px;
	display: block;
	padding: 0;
}
*/

#pageContentInner .mainContent .moreText {
    background-color: #5f8cd8;
    color: #fff;
    padding: 3%;
}

    #pageContentInner .mainContent .moreText h3 {
        margin-bottom: 1%;
        font-size: 18px;
    }

    #pageContentInner .mainContent .moreText .readmore {
        text-transform: uppercase;
        text-align: right;
    }

        #pageContentInner .mainContent .moreText .readmore a {
            background: transparent url('/images/design/icon-arrow-fff.png') no-repeat left center;
            display: inline-block;
            padding-left: 18px;
            min-height: 15px;
            line-height: 15px;
            color: #fff;
            text-decoration: none;
            margin-right: 5px;
        }

            #pageContentInner .mainContent .moreText .readmore a:hover {
                opacity: 0.8;
            }

#pageContentInner .additionalText {
    margin-top: 2%;
}

    #pageContentInner .additionalText .additionalTextSet {
        margin-bottom: 2%;
        display: table;
        width: 100%;
        table-layout: fixed;
    }

        #pageContentInner .additionalText .additionalTextSet .item, #hhAdmin .additionalText .additionalTextSet .item {
            width: 33%;
            border-right: 1px solid #ccc;
            /*margin:2% 1.5% 0 0;*/
            padding: 1.5%;
            display: table-cell;
            float: none;
            max-width: 230px;
            vertical-align: top;
        }

            #pageContentInner .additionalText .additionalTextSet .item img {
                max-width: 100%;
                margin-bottom: 10px;
            }

            #pageContentInner .additionalText .additionalTextSet .item:after {
                clear: both;
                display: block;
                content: "";
            }

            #pageContentInner .additionalText .additionalTextSet .item h5 {
                margin-top: 0;
            }

            #pageContentInner .additionalText .additionalTextSet .item:last-of-type {
                border-right: none;
            }

            #pageContentInner .additionalText .additionalTextSet .item .quickLinks {
                text-transform: uppercase;
                font-size: 11px;
            }

            #pageContentInner .additionalText .additionalTextSet .item a {
                color: #3366cc;
            }

            #pageContentInner .additionalText .additionalTextSet .item .quickLinks a {
                background: transparent url('/images/design/icon-arrow-000.png') no-repeat left center;
                display: block;
                padding: 3% 0 3% 23px;
                color: #666;
                text-decoration: none;
            }

                #pageContentInner .additionalText .additionalTextSet .item .quickLinks a:hover {
                    color: #999;
                }

            #pageContentInner .additionalText .additionalTextSet .item hr {
                background-color: #ccc;
                clear: both;
            }

    #pageContentInner .additionalText .icon-group-icon {
        float: left;
        width: 23%;
    }












#homeLast {
    width: 100%;
    text-align: left;
    font-size: 12px;
    background-color: #fff;
}

#homeLastInner {
    margin: 0 auto;
    background-color: #fff;
    border-left: 1px solid #d6d6d6;
    border-right: 1px solid #d6d6d6;
    padding: 1%;
}


    #homeLastInner .featuredItems {
        width: 28%;
        /*background-color: lime;*/
    }

        #homeLastInner .featuredItems ul {
        }

            #homeLastInner .featuredItems ul li {
                border-bottom: 1px solid #cccccc;
                border-left: 1px solid #cccccc;
                border-right: 1px solid #cccccc;
            }

                #homeLastInner .featuredItems ul li:first-child {
                    border-top: 1px solid #cccccc;
                }

                #homeLastInner .featuredItems ul li img {
                    min-width: 100%;
                }

                #homeLastInner .featuredItems ul li a {
                }

                    #homeLastInner .featuredItems ul li a:hover {
                        opacity: 0.8;
                    }

    #homeLastInner .recentArticles {
        width: 51.1%;
        padding: 0% 1.5%;
    }

        #homeLastInner .recentArticles h4 {
            color: #19975d;
            font-size: 20px;
            background: transparent url('/images/design/icon-furhmanleaf.png') no-repeat right top;
            display: inline-block;
            padding-top: 20px;
            padding-right: 20px;
            padding-botttom: 3px;
        }

        #homeLastInner .recentArticles hr {
            height: 2px;
            background-color: #6fbe43;
            border: none;
        }

        #homeLastInner .recentArticles ul {
        }

            #homeLastInner .recentArticles ul li {
                padding: 1.45% 0% 2% 0%;
                border-bottom: 1px solid #cccccc;
            }

                #homeLastInner .recentArticles ul li .recImg {
                    float: left;
                    padding: 0px 3.5% 0% 0%;
                }

                    #homeLastInner .recentArticles ul li .recImg img {
                        max-width: 100%;
                    }

                    #homeLastInner .recentArticles ul li .recImg a {
                    }

                        #homeLastInner .recentArticles ul li .recImg a:hover {
                            opacity: 0.8;
                        }

                #homeLastInner .recentArticles ul li .recText {
                }

                    #homeLastInner .recentArticles ul li .recText h5 {
                        font-size: 14px;
                        line-height: 16px;
                        padding-top: 5px;
                    }

                    #homeLastInner .recentArticles ul li .recText p {
                        font-size: 11px;
                        line-height: 16px;
                    }


    #homeLastInner .successStories {
        width: 20.9%;
        /*background-color: lime;*/
    }

        #homeLastInner .successStories ul {
        }

            #homeLastInner .successStories ul li {
                border-bottom: 1px solid #cccccc;
                border-left: 1px solid #cccccc;
                border-right: 1px solid #cccccc;
            }

                #homeLastInner .successStories ul li:first-child {
                    border-top: 1px solid #cccccc;
                }

                #homeLastInner .successStories ul li a {
                }

                    #homeLastInner .successStories ul li a:hover {
                        opacity: 0.8;
                    }

                #homeLastInner .successStories ul li img {
                    min-width: 100%;
                }

        #homeLastInner .successStories .jumpSuccess {
            background-color: #ffb332;
            padding: 5% 0%;
            color: #fff;
            font-size: 12px;
            text-transform: uppercase;
            text-align: center;
        }

            #homeLastInner .successStories .jumpSuccess a {
                background: transparent url('/images/design/images/icon-arrow-000.png') no-repeat left center;
                display: inline;
                padding-left: 23px;
                color: #fff;
                text-decoration: none;
            }

                #homeLastInner .successStories .jumpSuccess a:hover {
                    opacity: 0.8;
                }



#footer {
    width: 100%;
    text-align: left;
    font-size: 12px;
    background-color: #e9eae7;
    border-top: 4px solid #18975d;
}

#footerInner {
    margin: 0 auto;
    background-color: #e9eae7;
    padding: 1.5% 1%;
}

    #footerInner .footLeft {
        width: 50%;
    }

        #footerInner .footLeft p {
            width: 55%;
            color: #666;
            line-height: 16px;
        }

            #footerInner .footLeft p.copyright {
                margin-top: 10px;
            }

    #footerInner .footRight {
        width: 50%;
        margin-left: 0;
    }

        #footerInner .footRight ul.links {
            text-align: right;
            font-size: 13px;
        }

            #footerInner .footRight ul.links li {
                display: inline-block;
                zoom: 1;
                *display: inline;
                color: #666;
                border-left: 1px solid #666;
                padding: 0% 2%;
            }

                #footerInner .footRight ul.links li:first-child {
                    border-left: none;
                    padding: 0% 2% 0% 0%;
                }

                #footerInner .footRight ul.links li:last-child {
                    padding: 0% 0% 0% 2%;
                }

                #footerInner .footRight ul.links li a {
                    text-decoration: none;
                    color: #666;
                }

                    #footerInner .footRight ul.links li a:hover {
                        color: #3366cc;
                    }

        #footerInner .footRight ul.social {
            text-align: right;
            padding-top: 2%;
        }

            #footerInner .footRight ul.social li {
                display: inline-block;
                zoom: 1;
                *display: inline;
                padding-left: 1%;
                padding-bottom: 5%;
            }

    #footerInner ul.social2 {
        padding-top: 2%;
        text-align: center;
    }

        #footerInner ul.social2 li {
            padding-left: 1%;
            padding-bottom: 0%;
            display: inline-block;
            width: 25%;
        }

            #footerInner ul.social2 li img {
            }

    #footerInner .footRight p {
        padding-top: 5%;
        text-align: right;
        color: #666;
    }

    #footerInner .mobileNav3 {
        font-size: 14px;
    }

        #footerInner .mobileNav3 ul {
            padding: 2% 0%;
        }

            #footerInner .mobileNav3 ul li {
                display: none;
                border-bottom: 1px solid #ccc;
            }

                #footerInner .mobileNav3 ul li:first-child {
                    display: block !important;
                    border-bottom: none;
                }

                #footerInner .mobileNav3 ul li a {
                    padding: 4% 0%;
                    text-align: center;
                    display: block;
                    color: #fff;
                    text-decoration: none;
                    background-color: #eee;
                    color: #666;
                }

                #footerInner .mobileNav3 ul li.title a {
                    background: #ddd url('/images/design/icon-responsive-nav.png') no-repeat 3% center;
                    color: #666;
                    background-size: auto 60%;
                    /*font-weight: 700;*/
                }

/* BannerText */

.bannerText {
}

    .bannerText:after {
        clear: both;
        display: block;
        content: "";
    }
/*
.bannerText h1 {
	color: #19975d;
	font-size: 20px;
	background: transparent url('/images/design/icon-furhmanleaf.png') no-repeat right center;
	display: inline-block;
	padding-top: 20px;
	padding-right: 20px;
	padding-botttom: 3px;
}

.bannerText img {
	float:right; 
	margin:0 0 0 15px;
}

.bannerText p {
	font-size:14px;
}
*/
/* End of BannerText */


/* Tabbed Info */

.resp-tabs-list {
    width: 100%;
    clear: both;
}

    .resp-tabs-list:before {
        display: inline-block;
        vertical-align: bottom;
        height: 100%;
        content: "";
    }

    .resp-tabs-list:after {
        clear: both;
        display: block;
        content: "";
    }

#pageContentInner .mainContent .resp-tabs-list li, #hhAdmin .resp-tabs-list li {
    width: 15.6%;
    position: relative;
    text-align: center;
    font-size: 11px;
    padding: 6px;
    margin: 0 2px 0 0;
    list-style: none;
    cursor: pointer;
    display: inline-block;
    vertical-align: bottom;
    color: #666;
    background: #e5e5e5;
    border-radius: 5px 5px 0 0;
    /* box-shadow:4px 0 3px -3px rgba(0,0,0,.52); */
}


.resp-tabs-list li:hover {
    background: #f4f4f4;
}

.resp-tabs-container {
    padding: 0px;
    border: 2px solid #5f8cd8;
    clear: left;
    margin-bottom: 20px;
}

h2.resp-accordion {
    display: block;
    cursor: pointer;
    padding: 5px;
    display: none;
    font-size: 16px;
    margin: 20px 0 0 0;
    padding: 10px 15px;
    background: #e5e5e5;
    border: 1px solid #ddd;
    border-radius: 3px;
}

    h2.resp-accordion:hover {
        background: #f4f4f4;
    }

.resp-tab-content {
    display: none;
    padding: 15px;
    margin-bottom: 10px;
}

#pageContentInner .mainContent li.resp-tab-active, #hhAdmin li.resp-tab-active {
    background: #5f8cd8;
    color: #fff;
    z-index: 99;
}

    #pageContentInner .mainContent li.resp-tab-active:hover, #hhAdmin li.resp-tab-active:hover {
        background: #5f8cd8;
        color: #fff;
    }

.resp-content-active, .resp-accordion-active {
    display: block;
}

h2.resp-tab-active {
    background: #5f8cd8 !important;
    color: #fff;
    padding: 10px 15px !important;
    box-shadow: none;
    border: none;
}

/* Vertical tabs */
.resp-vtabs ul.resp-tabs-list {
    float: left;
    width: 30%;
}

.resp-vtabs .resp-tabs-list li {
    display: block;
    padding: 15px 15px !important;
    margin: 0;
    cursor: pointer;
    float: none;
}

.resp-vtabs .resp-tabs-container {
    padding: 0px;
    background-color: #fff;
    border: 1px solid #c1c1c1;
    float: left;
    width: 68%;
    min-height: 250px;
    border-radius: 4px;
    clear: none;
}

.resp-vtabs .resp-tab-content {
    border: none;
}

.resp-vtabs li.resp-tab-active {
    border: 1px solid #c1c1c1;
    border-right: none;
    background-color: #fff;
    position: relative;
    z-index: 1;
    margin-right: -1px !important;
    padding: 14px 15px 15px 14px !important;
}

.resp-arrow {
    display: none;
}

.resp-tab-active span.resp-arrow {
    display: none;
}


/* Accordion styles */

.resp-jfit {
    width: 100%;
    margin: 0px;
}

.resp-tab-content-active {
    display: block;
}


/* Tab Detail */

.tab-detail {
    text-align: left;
    padding: 20px;
}

    .tab-detail:after {
        clear: both;
        display: block;
        content: "";
    }

    .tab-detail .filter-options {
    }

    .tab-detail .filter-box {
        display: inline-block;
        margin: 0 10px 10px 0;
    }

        .tab-detail .filter-box select {
            padding: 5px;
            border: 1px solid #ddd;
            min-width: 120px;
            color: #999;
            margin-left: 5px;
        }

.tab-see-more {
    display: none;
    margin: 10px 0 0 0;
    padding: 10px 0 0 0;
    border-top: 1px solid #cccccc;
    text-align: center;
}

    .tab-see-more a {
        padding: 1% 0 1% 20px;
        display: inline-block;
        background: transparent url('/images/design/icon-arrow-000.png') no-repeat left center;
        text-transform: uppercase;
        text-decoration: none;
        color: #666666;
    }


/* End of Tabbed Info */


/* ContentID/Tab Content Base Styling */

.tab-detail p,
.tab-detail ul,
.tab-detail ol,
#ContentID p,
#ContentID ul,
#ContentID ol,
.content p,
.content ul,
.content ol {
    margin-bottom: 10px;
    line-height: 1.5;
}

.tab-detail h1:not(.leaf-heading),
.tab-detail h2:not(.leaf-heading),
.tab-detail h3:not(.leaf-heading),
.tab-detail h4:not(.leaf-heading),
.tab-detail h5:not(.leaf-heading),
.tab-detail h6:not(.leaf-heading),
#ContentID h1:not(.leaf-heading),
#ContentID h2:not(.leaf-heading),
#ContentID h3:not(.leaf-heading),
#ContentID h4:not(.leaf-heading),
#ContentID h5:not(.leaf-heading),
#ContentID h6:not(.leaf-heading),
.content h1:not(.leaf-heading),
.content h2:not(.leaf-heading),
.content h3:not(.leaf-heading),
.content h4:not(.leaf-heading),
.content h5:not(.leaf-heading),
.content h6:not(.leaf-heading) {
    line-height: 1.25;
    margin-bottom: 5px;
}

.tab-detail p,
.tab-detail ul li,
.tab-detail ol li,
#ContentID p,
#ContentID ul li,
#ContentID ol li,
.content p,
.content ul li,
.content ol li {
    font-size: 14px;
    line-height: 1.7;
}

.tab-detail ul,
.tab-detail ol,
#ContentID ul,
#ContentID ol,
.content ul,
.content ol {
    padding-left: 25px;
}

#pageContentInner .mainContent .tab-detail ul li,
#pageContentInner .mainContent #ContentID ul li,
#pageContentInner .mainContent .content ul li {
    list-style: disc outside;
    margin-left: 0;
}

#pageContentInner .mainContent .tab-detail ol li,
#pageContentInner .mainContent #ContentID ol li,
#pageContentInner .mainContent .content ol li {
    list-style: decimal outside;
    margin-left: 0;
}

.tab-detail h1,
#ContentID h1,
.content h1 {
    color: #19975d;
    font-size: 24px;
}

    .tab-detail h1.leaf-heading,
    #ContentID h1.leaf-heading,
    .content h1.leaf-heading {
        color: #19975d;
        font-size: 20px;
    }

.tab-detail h2:not(.leaf-heading),
#ContentID h2:not(.leaf-heading),
.content h2:not(.leaf-heading) {
    font-size: 18px;
}

.tab-detail h3,
#ContentID h3,
.content h3 {
    font-size: 14px;
}

.tab-detail h4,
#ContentID h4,
.content h4 {
    font-size: 15px;
}

.tab-detail h5,
#ContentID h5,
.content h5,
.tab-detail h6,
#ContentID h6,
.content h6 {
    font-size: 14px;
    font-weight: bold;
}

.tab-detail h3,
.tab-detail h5,
#ContentID h3,
#ContentID h5,
.content h3,
.content h5 {
    color: #666;
}

.tab-detail h2:not(.leaf-heading),
#ContentID h2:not(.leaf-heading),
.content h2:not(.leaf-heading) {
    color: #19975d;
}

.tab-detail h2:not(.leaf-heading),
.tab-detail h3:not(.leaf-heading),
#ContentID h2:not(.leaf-heading),
#ContentID h3:not(.leaf-heading),
.content h2:not(.leaf-heading),
.content h3:not(.leaf-heading) {
    margin-top: 15px;
}

.resp-tab-content h3:not(.leaf-heading) {
    font-weight: bold;
}

.tab-detail h4:not(.leaf-heading),
.tab-detail h5:not(.leaf-heading),
.tab-detail h6:not(.leaf-heading),
#ContentID h4:not(.leaf-heading),
#ContentID h5:not(.leaf-heading),
#ContentID h6:not(.leaf-heading),
.content h4:not(.leaf-heading),
.content h5:not(.leaf-heading),
.content h6:not(.leaf-heading) {
    margin-top: 12px;
}

.tab-detail a,
#ContentID a,
.content a {
    color: #3366cc;
}

    .tab-detail a:hover,
    #ContentID a:hover,
    .content a:hover,
    .tab-detail a:active,
    #ContentID a:active,
    .content a:active {
        color: #666;
    }

    .tab-detail a:visited,
    #ContentID a:visited,
    .content a:visited {
        color: #333;
    }

.tab-detail strong,
#ContentID strong,
.content strong {
    font-weight: bold;
}

.tab-detail em,
#ContentID em,
.content em {
    font-style: italic;
}

.tab-detail img,
#ContentID img,
.content img {
    max-width: 100%;
}


/* End of ContentID/Tab Content Base Styling */


/* Article Listing */

.article-preview {
    padding: 10px 0;
    border-top: 1px solid #cccccc;
}

.article-preview-text h3 {
    font-size: 15px;
    margin-bottom: 3px;
}

.article-preview.first-article-preview {
    border-top: none;
}

.tab-detail > div > .article-preview:first-of-type {
    border-top: none;
}

.article-preview:after {
    clear: both;
    display: block;
    content: "";
}

.article-preview-thumb {
    float: left;
    width: 12%;
    margin-right: 3%;
}

    .article-preview-thumb .flexFill {
        padding-bottom: 100%;
    }

.article-preview-text {
    float: left;
    width: 85%;
}

.tab-detail .article-preview-text h3 {
    font-size: 14px;
    margin: 0 0 3px 0;
    font-weight: normal;
}

.article-preview-text h3 a {
    color: #666;
    text-decoration: none;
}

    .article-preview-text h3 a:hover {
        color: #19975D;
    }

#pageContentInner .mainContent .article-preview-text p {
    font-size: 13px;
    margin-bottom: 0;
}

.article-preview-text a.read-more {
    display: inline-block;
    padding-right: 20px;
    text-decoration: none;
    background: transparent url('/images/design/icon-arrow-000.png') no-repeat right center;
}

.tab-detail a[id^=moreButton],
div.listdisplay-container a.listdisplay-viewmore {
    background: none repeat scroll 0 0 #5f8cd8;
    border: medium none;
    box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.25);
    color: #fff;
    font-size: 13px;
    float: left;
    clear: both;
    margin: 15px 0 5px 0;
    padding: 5px;
    text-transform: uppercase;
    text-decoration: none;
}

    .tab-detail a[id^=moreButton]:hover,
    div.listdisplay-container a.listdisplay-viewmore:hover {
        background: #325dbf;
    }


/* End of Article Listing */


/* Tab Content References */

.content-references {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #ccc;
}

.tab-detail .content-references h4 {
    font-weight: bold;
    font-size: 12px;
    color: #666;
    margin: 0;
}

.tab-detail .content-references ol {
    padding-left: 14px;
    margin: 0;
}

    .tab-detail .content-references ol li {
        list-style: decimal outside;
        line-height: 1.25;
        margin: 5px 0;
    }


/* End of Tab Content References */



/* Ask the Doctor Tab */

.tab-detail .question {
    padding-top: 25px;
    margin-top: 25px;
    border-top: 1px solid #ccc;
}

    .tab-detail .question:first-of-type {
        padding-top: 0;
        margin-top: 0;
        border-top: none;
    }

    .tab-detail .question:after,
    .tab-detail .answer:after {
        clear: both;
        display: block;
        content: "";
    }

    .tab-detail .question span,
    .tab-detail .answer span {
        display: inline-block;
        font-size: 18px;
        color: #333;
        float: left;
        padding: 0 5px 0 0;
    }

.sample-ask-the-doctor .ContentRevision-References {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
}

/* End of Ask the Doctor Tab */




.small-text {
    font-size: 80%;
}

#pageContentInner .mainContent .article-text .article-img {
    float: right;
    max-width: 100%;
    margin: 0 0 3% 3%;
    border: 1px solid #ccc;
}

.article-heading h1 {
    font-size: 20px;
    color: #19975d;
    margin-bottom: 7px;
}

#pageContentInner .mainContent .price-tiers p {
    margin-bottom: 0;
    line-height: 1.5;
}

    #pageContentInner .mainContent .price-tiers p.out-of-stock {
        font-size: 12px;
    }

.price-tiers .green {
    color: #008651;
}

.red-label {
    color: #b42636;
}

.red-alert {
    color: #e20000;
}

.price-wrap {
    white-space: nowrap;
}

.price-tiers .strikethrough {
    text-decoration: line-through;
}




a.pdf-square-link {
    display: inline-block;
    margin: 0 auto;
    padding: 5px;
    border: 1px solid #ccc;
    line-height: 18px;
    text-align: center;
}

    a.pdf-square-link:hover {
        border: 1px solid #c4c4c4;
        background: #eee;
    }

#pageContentInner .mainContent a.pdf-square-link img {
    max-width: 15px;
    vertical-align: top;
    margin-right: 3px;
    padding: 0;
}

a.link-arrow {
    display: inline-block;
    padding-right: 20px;
    text-decoration: none;
    background: transparent url('../images/icon-arrow-000.png') no-repeat right center;
}


/* DAILY LIVING LANDING PAGE */

#wrapper_daily_living .table-cell h3 {
    font-size: 13px;
    font-weight: bold;
    padding: 0 28px 10px 0;
    text-transform: uppercase;
}

    #wrapper_daily_living .table-cell h3 a {
        color: #666;
        text-decoration: none;
    }

        #wrapper_daily_living .table-cell h3 a:hover {
            opacity: 0.7;
        }

/* END OF DAILY LIVING PAGE */


/* TOOLTIP STYLING */

#tooltip {
    font-family: Ubuntu, sans-serif;
    font-size: 12px;
    text-align: center;
    text-shadow: 0 1px rgba( 0, 0, 0, .5 );
    line-height: 1.5;
    color: #fff;
    background: #333;
    background: -webkit-gradient( linear, left top, left bottom, from( rgba( 0, 0, 0, .9 ) ), to( rgba( 0, 0, 0, .9 ) ) );
    background: -webkit-linear-gradient( top, rgba( 0, 0, 0, .8 ), rgba( 0, 0, 0, .9 ) );
    background: -moz-linear-gradient( top, rgba( 0, 0, 0, .8 ), rgba( 0, 0, 0, .9 ) );
    background: -ms-radial-gradient( top, rgba( 0, 0, 0, .8 ), rgba( 0, 0, 0, .9 ) );
    background: -o-linear-gradient( top, rgba( 0, 0, 0, .8 ), rgba( 0, 0, 0, .9 ) );
    background: linear-gradient( top, rgba( 0, 0, 0, .8 ), rgba( 0, 0, 0, .9 ) );
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border-top: 1px solid #fff;
    -webkit-box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 );
    box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 );
    position: absolute;
    z-index: 100;
    padding: 15px;
}

    #tooltip:after {
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #333;
        border-top-color: rgba( 0, 0, 0, .9 );
        content: '';
        position: absolute;
        left: 50%;
        bottom: -10px;
        margin-left: -10px;
    }

    #tooltip.top:after {
        border-top-color: transparent;
        border-bottom: 10px solid #333;
        border-bottom-color: rgba( 0, 0, 0, .8 );
        top: -20px;
        bottom: auto;
    }

    #tooltip.left:after {
        left: 10px;
        margin: 0;
    }

    #tooltip.right:after {
        right: 10px;
        left: auto;
        margin: 0;
    }


/* END OF TOOLTIP STYLING */

/* This is for mobile devices, but don't let it apply when printing. */
@media only screen and (max-width:768px) {

    #header {
        border-bottom: none;
    }

    #headerInner .logoArea {
        width: 70%;
    }

    span.top-mobile-icons {
        width: 50%;
    }

    #headerInner .mainNav ul li.green {
        width: 102px;
    }

    #pageContentInner .additionalText .additionalTextSet.table .item.table-cell {
        width: 100%;
        border-right: none;
        padding: 1.5%;
        display: block;
        float: none;
        max-width: none;
        margin-left: 0;
        margin-right: 0;
    }

    #pageContentInner .mainContent .additionalText .icon-group-icon {
        width: 18%;
        float: left;
    }

    ul.resp-tabs-list {
        display: none;
    }

    h2.resp-accordion {
        display: block;
    }

    .resp-tabs-container {
        border: none;
        float: none;
        width: 100%;
        min-height: initial;
        clear: none;
        border: none;
    }

    .resp-accordion-closed {
        display: none !important;
    }

    .tab-detail {
        padding: 10px;
    }

        .tab-detail h2.leaf-heading {
            display: none;
        }

        .tab-detail hr:first-of-type {
            display: none;
        }
}

@media (max-width:560px) {

    #headerInner .logoArea {
        width: 84%;
    }
}

.loginSearch div {
    display: inline;
}

/*Vitamin Advisor Desktop*/
#pageContentInner .vitamin-advisor {
    background: none repeat scroll 0 0 #325dbf;
    color: #fff;
    padding: 10px 20px;
    width: 100%;
}

    #pageContentInner .vitamin-advisor a {
        color: #fff !important;
        text-decoration: none;
    }

    #pageContentInner .vitamin-advisor h3 {
        /*font-size: 15px;
    margin-bottom: 10px;
    text-transform: uppercase;
    background-color:#fff!important;*/
        font-size: 15px;
        text-transform: uppercase;
        margin-bottom: 4px;
        background-color: none;
        font-weight: normal;
        letter-spacing: 0;
        padding-top: 0px;
        margin: 0 !important;
        background: none;
        color: #fff;
    }

    #pageContentInner .vitamin-advisor img {
        float: left;
        margin-right: 20px;
    }
/*End Vitamin advisor desktop*/

/* vitamin advisor mobile*/

@media (min-width:140px) {
    #mobile-menu > .slicknav_menu .mobileNavWrapper .mobileSidebarNavWrap .vitamin-advisor {
        background: none repeat scroll 0 0 #325dbf;
        color: #fff !important;
        padding: 1px 0px;
        width: 100%;
    }

    #mobile-menu > .slicknav_menu .mobileNavWrapper .mobileSidebarNavWrap .sidebar-membership {
        background: none repeat scroll 0 0 #5f8cd8;
        color: #fff !important;
        padding: 1px 0px;
        width: 100%;
    }

    #mobile-menu > .slicknav_menu .mobileNavWrapper .mobileSidebarNavWrap .vitamin-advisor a {
        text-decoration: none !important;
        display: block !important;
        background: none !important;
        color: #fff !important;
        padding-top: 0px;
    }

    #mobile-menu > .slicknav_menu .mobileNavWrapper .mobileSidebarNavWrap .sidebar-membership a {
        text-decoration: none !important;
        display: block !important;
        background: none !important;
        color: #fff !important;
        padding-top: 0px;
    }

    #mobile-menu > .slicknav_menu .mobileNavWrapper .mobileSidebarNavWrap .vitamin-advisor h3,
    #mobile-menu > .slicknav_menu .mobileNavWrapper .mobileSidebarNavWrap .sidebar-membership h3 {
        background-position: 0% 0%;
        font-size: 11px !important;
        text-transform: uppercase;
        margin-bottom: 4px;
        background-color: none !important;
        letter-spacing: 0;
        padding-top: 0px;
        margin: 0 !important;
        color: #fff !important;
        background-color: none !important;
        background-image: none !important;
        background-repeat: repeat !important;
        background-attachment: scroll !important;
    }

    #mobile-menu > .slicknav_menu .mobileNavWrapper .mobileSidebarNavWrap .vitamin-advisor img,
    #mobile-menu > .slicknav_menu .mobileNavWrapper .mobileSidebarNavWrap .sidebar-membership img {
        /*float: left;
            margin-right: 15px;
            padding: 0;*/
        display: none;
    }

    #mobile-menu > .slicknav_menu .mobileNavWrapper .mobileSidebarNavWrap .vitamin-advisor p,
    #mobile-menu > .slicknav_menu .mobileNavWrapper .mobileSidebarNavWrap .sidebar-membership p {
        /*margin-bottom: 0;
            font-size: 10px;
            line-height: 1;
            text-align: left;*/
        display: none;
    }
}
/*End vitamin advisor mobile*/

/*.mobileNav4 .vitamin-advisor img, .mobileNav4 .vitamin-advisor > p, #pageContentInner .mobileNav4 .vitamin-advisor > a {
   
    background: none repeat scroll 0 0 #325dbf;
    color: #fff;
    padding: 10px 20px;
    width: 100%;
}
}

#pageContentInner .mobileNav4 .vitamin-advisor {
    padding: 0;
}*/

#pageContentInner .mobileNav4 ul li:first-child {
    display: block !important;
    border-bottom: none;
}

#pageContentInner .extra-nav {
    background: none repeat scroll 0 0 #fff0d6;
}

    #pageContentInner .extra-nav ul li {
        border-bottom: 1px solid #cccccc;
        margin-top: 0;
        padding: 2.25% 0 2.25% 0;
    }

#pageContentInner .sideNav ul li a.drop {
    background: none repeat scroll 0 0 transparent;
    color: #999;
    display: inline-block;
    line-height: 1;
    min-height: 0;
    padding: 0 10px;
    text-decoration: none;
}

#pageContentInner .mobileNav4 ul li .sideNav-secondary ul li a {
    background: none repeat scroll 0 0 transparent;
    display: block;
    font-size: 14px;
    line-height: 1;
    margin: 0;
    padding: 12px 0;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    color: #666;
}

#pageContentInner .mobileNav4 ul li .sideNav-secondary ul li {
    border-top: 1px solid rgba(0,0,0,.10);
}

    #pageContentInner .mobileNav4 ul li .sideNav-secondary ul li:first-child {
        border-top: none;
    }

#pageContentInner .mobileNav4 ul li .sideNav-secondary {
    padding: 0;
}

#pageContentInner .sideNav ul li a.drop:after {
    font-family: "FontAwesome";
    content: "\f0da";
    display: inline-block;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#pageContentInner .sideNav ul li.drop-open a.drop:after {
    content: "\f0d7";
}

#pageContentInner .mobileNav4 ul li a.drop {
    display: inline-block;
    padding: 0;
    position: absolute;
    z-index: 99;
    right: 0;
    top: 0;
    width: 38px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    background: rgba(0,0,0,.10);
}

    #pageContentInner .mobileNav4 ul li a.drop:hover {
        background: rgba(0,0,0,.20);
    }

    #pageContentInner .mobileNav4 ul li a.drop:after {
        display: inline-block;
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-family: "FontAwesome";
        content: "\f0da";
    }

#pageContentInner .mobileNav4 ul li.drop-open a.drop:after {
    content: "\f0d7";
}

#pageContentInner .mobileNav4 ul li.drop-open ul {
    display: block;
}

#pageContentInner .mainContent .social-media {
    float: none;
    text-align: right;
    margin-bottom: 5px;
}

.addthis_default_style .addthis_separator, .addthis_default_style .at300b, .addthis_default_style .at300bo, .addthis_default_style .at300m, .addthis_default_style .at300bs,
.addthis_default_style .addthis_counter {
    display: inline-block !important;
    vertical-align: middle !important;
    float: none !important;
}

.at4-icon > span {
    height: 1px !important;
    overflow: hidden !important;
    position: absolute !important;
    top: auto !important;
    width: 1px !important;
}


/* Press/Media Requests */

.press-kit {
    margin: 15px 0 30px 0;
    padding: 5px 0 30px 0;
    border-bottom: 1px solid #ccc;
    clear: both;
}

#pageContentInner .mainContent .press-kit img {
    padding: 0;
}

.press-kit:after {
    clear: both;
    display: block;
    content: "";
}

#pageContentInner .mainContent .press-kit h3 {
    padding: 10px;
    line-height: 1;
    font-size: 14px;
    background: #5f8cd8;
    color: #fff;
}

.press-resources {
    float: left;
    width: 19%;
    padding-top: 2%;
}

    .press-resources:after {
        clear: both;
        display: block;
        content: "";
    }

#pageContentInner .mainContent .press-resources p {
    font-size: 14px;
}

.press-resources p span {
    display: block;
    font-size: 10px;
    text-transform: uppercase;
}

    .press-resources p span a {
        font-size: 13px;
        text-transform: none;
    }

.press-books {
    float: left;
    width: 79%;
    padding: 2% 0 2% 2%;
    margin-left: 2%;
    border-left: 1px solid #ccc;
}

    .press-books:after {
        clear: both;
        display: block;
        content: "";
    }

    .press-books .book-wrap {
        float: left;
        width: 48%;
        margin-right: 2%;
        min-height: 120px;
        position: relative;
        margin-bottom: 15px;
    }

#ContentID .press-books .book-wrap img {
    max-width: 80px;
    position: absolute;
    left: 0;
    top: 0;
}

.press-books .book-wrap p {
    padding-left: 90px;
}

.press-featured {
    text-align: center;
}

.press-featured-item:not(:first-of-type) {
    padding-top: 10px;
    margin-top: 10px;
    border-top: 1px solid #ccc;
}

.press-featured .press-featured-item *:not(img) {
    text-align: left;
}

#pageContentInner .mainContent .press-featured blockquote {
    background: #ebf2fa;
    padding: 20px 20px 10px 20px;
}

    #pageContentInner .mainContent .press-featured blockquote p {
        font-size: 14px;
        color: #333;
        line-height: 1.6;
    }


/* Video/Audio Player Styling */

.flv {
    width: 80%;
}

    .flv #player_wrapper {
        width: 100% !important;
        position: relative;
        padding-bottom: 56.25%; /* 16/9 ratio */
        height: 0 !important;
        overflow: hidden;
    }

        .flv #player_wrapper object {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }

/* End of Video/Audio Player Styling */


.hhForm .hhFormRow.col {
    clear: none;
}

@media (max-width:768px) {
    .press-resources,
    .press-books {
        float: none;
        padding: 2% 0;
        margin: 0;
        width: 100%;
        border: none;
    }
}

@media (min-width:320px) and (max-width:480px) {
    span.top-mobile-icons img {
        margin-left: 10px;
    }

    #pageContentInner .mainContent .breadcrumbs {
        display: none;
    }

    .press-books .book-wrap {
        float: none;
        width: 100%;
        margin-right: 0;
    }

    #pageContentInner .mainContent .additionalText .additionalTextSet {
        display: block;
    }

        #pageContentInner .mainContent .additionalText .additionalTextSet .item {
            width: 100%;
            border-right: none;
            padding: 1.5%;
            display: block;
            float: none;
        }

    .ad-block-mobile {
        display: block;
        margin: 10px auto;
        max-width: 300px;
    }

    .flv {
        width: 100%;
    }
}



/* End of Press/Media Requests */

/* Careers */

.job-listing h3 {
    font-size: 18px;
    padding: 5px 0;
}

.job-listing {
    border-bottom: 1px solid #BCBDB4;
    padding: 10px 0;
}


/* Arrow Lists */

#pageContentInner ul.arrow-list {
    padding-left: 12px;
}

    #pageContentInner ul.arrow-list li {
        display: inline-block;
        color: #666;
        text-decoration: none;
        padding: 0 0 0 22px;
        line-height: 1.2;
        min-height: 15px;
        background: transparent url('/images/design/icon-arrow-000.png') no-repeat left 0;
    }

/* End of Arrow Lists */


/* Equal Height Columns  */

.ecol-wrapper {
    display: table;
    margin: 10px 0;
}

    .ecol-wrapper > * {
        display: table-cell;
    }

.ecol {
    padding: 2.5%;
}

.ecol-spacer {
    width: 2%;
}

.ecol2 {
    width: 49%;
}

.ecol3 {
    width: 32%;
}

.ecol-wrapper.ecol-border .ecol {
    border: 1px solid #ccc;
}

.ecol > *:first-child:not(.leaf-heading),
.ecol > *:first-child:not(.leaf-heading) > *:first-child:not(.leaf-heading),
.ecol > *:first-child:not(.leaf-heading) > *:first-child:not(.leaf-heading) > *:first-child:not(.leaf-heading) {
    margin-top: 0 !important;
}

.ecol > *:last-child:not(.leaf-heading),
.ecol > *:last-child:not(.leaf-heading) > *:last-child:not(.leaf-heading),
.ecol > *:last-child:not(.leaf-heading) > *:last-child:not(.leaf-heading) > *:last-child:not(.leaf-heading) {
    margin-bottom: 0 !important;
}

/* Equal Height Columns */

/* Meal Plan  */
#addedit-meal-plan .dayItems input[type="text"] {
    width: 100%;
}

/* End Meal Plan  */

/* Recipe  */
#addedit-recipe .tagItems input[type="text"] {
    width: 100%;
}

#addedit-recipe #RecipeCategoryID {
    width: 100%;
}

    #addedit-recipe #RecipeCategoryID label {
        width: 80%;
    }

#addedit-recipe .message {
    padding-bottom: 15px;
}
/* End Recipe  */

#add-edit-products .product-item-right #row-allowfreeshipping label {
    padding-bottom: 4px;
}


/* Font-Awesome Override */
.fa-star,
.fa-star-half-o,
.fa-star-o {
    color: #FFB941;
}

/* TOOL TIP */
.drf-tooltip {
    float: left;
    height: 19px;
    min-width: 19px;
    background: url('/images/Assets/hh-icon-help.png') no-repeat;
    margin: 0px 0px 0px 10px;
    padding: 0px 0px 0px 16px;
    position: relative;
    cursor: pointer;
}

    .drf-tooltip .drf-tooltip-comment {
        position: absolute;
        top: -15px;
        left: 30px;
        display: none;
        min-width: 180px;
        max-width: 400px;
        background: white;
        border: 5px solid #ccc;
        padding: 8px 8px 8px 8px;
        z-index: 999;
        border-radius: 8px;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        box-shadow: 0px 5px 5px 0px #999;
        -moz-box-shadow: 0px 5px 5px 0px #999;
        -webkit-box-shadow: 0px 5px 5px 0px #999;
    }

.supports-no-js .drf-tooltip:hover .drf-tooltip-comment {
    display: block;
}

.drf-tooltip .drf-tooltip-comment-centered {
    position: fixed;
    top: 40%;
    left: 0;
    margin: 0px 25%;
}

/* PDF Download */
.offer {
    margin: 5px 0px;
}

    .offer > a.download-pdf {
        background: url('/images/design/pdf.png') no-repeat scroll 6px center / 14px 14px #fff;
        border: 1px solid #c4c4c4;
        color: #8992a6;
        cursor: pointer;
        display: inline-block;
        font-size: 10px;
        line-height: 1;
        padding: 5px 10px 5px 25px;
        text-decoration: none;
        text-transform: uppercase;
        margin-top: 5px;
    }

        .offer > a.download-pdf:hover {
            background-color: #eee;
        }

    .offer > p {
        margin: 5px 0px;
        font-style: italic;
    }

        .offer > p.highlight {
            color: red;
        }


.pagedlist-toolbar {
    display: block;
    margin: 10px 0;
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
}

    .pagedlist-toolbar .pagedlist-sorter {
        display: block;
        float: right;
        padding-top: 10px;
    }

    .pagedlist-toolbar .pagedlist-pager {
        display: block;
        float: left;
    }

    .pagedlist-toolbar:after {
        clear: both;
    }

@media (min-width: 320px) and (max-width: 479px) {
    .pagedlist-toolbar .pagedlist-sorter {
        float: left;
        padding: 10px;
    }

    .pagedlist-toolbar .pagedlist-pager {
        float: left;
    }
}

.pagedlist-toolbar .pager {
    padding: 10px 10px;
}

    .pagedlist-toolbar .pager .pagination-link {
        padding-top: 10px;
    }

        .pagedlist-toolbar .pager .pagination-link a {
            text-decoration: none;
        }

        .pagedlist-toolbar .pager .pagination-link .but-first {
            padding-left: 0px;
        }

        .pagedlist-toolbar .pager .pagination-link .but-previous {
            padding-left: 10px;
            padding-right: 10px;
        }

        .pagedlist-toolbar .pager .pagination-link .pagelinks {
            clear: both;
            font-weight: bold;
            color: #ccc;
            display: inline-block;
        }

            .pagedlist-toolbar .pager .pagination-link .pagelinks a {
                color: #344D61;
                margin: 5px;
            }

            .pagedlist-toolbar .pager .pagination-link .pagelinks span {
                margin: 5px;
            }

        .pagedlist-toolbar .pager .pagination-link .but-next {
            padding-left: 10px;
            padding-right: 10px;
        }

        .pagedlist-toolbar .pager .pagination-link .but-last {
            padding-right: 10px;
        }

/*Testimonials*/
.testimonial-callout {
    background-color: #D5E3F9;
    padding: 20px 20px 10px 20px;
}

.testimonial-title {
    padding-bottom: 10px;
}

.testimonial-name {
    text-align: right;
}

.testimonial-body:before {
    color: #5F8CD8;
    font-family: "Times New Roman",serif;
    content: '\201C';
    font-size: 2.8em;
    line-height: 0.1em;
    margin-right: 0.15em;
    vertical-align: -0.4em;
    display: inline;
}

.testimonial-body:after {
    color: #5F8CD8;
    font-family: "Times New Roman",serif;
    content: '\201D';
    font-size: 2.8em;
    line-height: 0.1em;
    vertical-align: -0.4em;
    display: inline;
    padding-left: 5px;
}

#pageContentInner .mainContent hr {
    margin-bottom: 15px;
}