/***************************/
/* 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 FIX FOR FONTAWESOME 5 SHIM FOR V4 COMPATIBILITY */
body .fa.fa-star-half-o {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}
body .fa.fa-star-half-o:before {
    content: "\f5c0";
}
/* END FIX FOR FONTAWESOME 5 SHIM FOR V4 COMPATIBILITY */

/***************************/
/* 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;
}

.enable-page-fullwidth .setcontainer{
    max-width:1400px;
}

/*#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: 20px;
}

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;*/
    color: #666;
    /*font-size: 20px;*/
    /*background: transparent url('/images/design/icon-furhmanleaf.png') no-repeat right center;*/
    background: transparent url('/images/design/icon-furhmanleaf-gray.png') no-repeat right center;
    display: inline-block;
    padding-top: 23px;
    padding-right: 20px;
    padding-bottom: 3px;
}

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

/* 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;
    }



#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;
                }*/


/* Landing Page Banners */

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

}

    #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-gray.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;                   
                    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%;                   
                }

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

/* pageContent css belongs in header.js now, but this is left here
   for compatibility with pages that have been expecting it. It's not
   done like this in the current css in header.js. */
#pageContent {
    font-size: 12px;
}

    /*.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;
            }

    .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 .sidebar {
        float: left;
        margin-left: 0;
        margin-right: 1.25%;  
        /* width: 28.6%;*/
        width: 280px;
      
    }

        /*#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 {
        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: "Font Awesome 5 Free";
                font-weight: 900;
                content: "\f0da";
                display: inline-block;
                font-style: 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 {
            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 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;
                }

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

#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;
    }*/

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

.sideNav .sideNav-view-all {
    background: #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: #ffb941;
    }


.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.8%; /* was 70.9, but that would be too much at exactly 1024 px wide on at least Chrome and Firefox */
    padding: 0% 1.5%;
    color: #666;
    margin-left: 0;
}

    #pageContentInner .mainContent hr {
        height: 2px;
        /*background-color: #6fbe43;*/
        background-color: #999;
        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 .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 .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 {
            width: 33%;
            border-right: 1px solid #ccc;
            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%;
    }

        #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%;
    }

        #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;
                }*/



/* BannerText */
.bannerText:after {
    clear: both;
    display: block;
    content: "";
}

/* 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 {
    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 {
    background: #5f8cd8;
    color: #fff;
    z-index: 99;
}

    #pageContentInner .mainContent 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 */


/*Library section thumbnail image width changes*/
#library .article-preview-thumb,
#articleslist .article-preview-thumb,
#posPapListing .article-preview-thumb{
    width:20%;
}

#library .article-preview-text,
#articleslist .article-preview-text,
#posPapListing .article-preview-text{
    width:75%;
}


/* Article Listing */
/* this section copied over to listing.css for new design 2018*/

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

.article-preview-text h3 {
    font-size: 14px;
    margin-bottom: 3px;
    color: #333;
}

.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: 10%;
    margin-right: 2%;
}

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

    /*.tab-detail .article-preview-text h3 {
    font-size: 18px;
    margin: 20px 0 3px 0;
    font-weight: bold;
}*/

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

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

#HealthConcerns .article-preview-text h3 {
    font-size: 14px;
    margin: 0px 0 3px 0;
    font-weight: normal;
    color: #333;
}

body #pageContent #pageContentInner #wrapper .articles-container .ContentRevision-Body .ContentRevision-Image {
    float: none;
    max-width: none;
    width: 100%;
    padding: 0;
    margin: 0 0 15px 0px;
    display: block;
}

#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 */

/*health concerns*/
body #HealthConcerns .ContentRevision-Container .ContentRevision-Body h2 {
    font-size: 18px !important;
    margin-top: 0px !important;
    font-weight: bold;
    margin-bottom: 5px;
    color: #6d6d6d !important;
}
/*end health concerns*/

/* 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;
}

#wrapper .article-heading {
    margin-bottom: 20px;
}

.article-heading h1 {
    /*font-size: 30px;*/
    /*color: #19975d;*/
    color: #666;
    margin-bottom: 10px;
}

#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;
}

/*copied to design2018*/
.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 */


/*This section is copied to design2018.scss*/
/* 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;
    }

.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%;
}

/* END OF TOOLTIP STYLING */

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

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

    #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;
        }
}

.loginSearch div {
    display: inline;
}

/*Vitamin Advisor Desktop*/
/*#pageContentInner .vitamin-advisor a {
        color: #fff !important;
        text-decoration: none;
    }*/

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

    #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;
        color: #fff;
    }

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

/* vitamin advisor mobile*/

/*End vitamin advisor mobile*/

#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 .sideNav ul li a.drop:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f0da";
    display: inline-block;
    font-style: 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 .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-AND-MEDIA CSS USED TO BE HERE (labeled as: Press/Media Requests) */
/* CODE BELOW THAT REMAINS IS ONLY HERE BECAUSE OTHER PAGES MIGHT USE IT */

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

@media (min-width:320px) and (max-width:480px) {
    #pageContentInner .mainContent .additionalText .additionalTextSet {
        display: block;
    }

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

/* END OF OLD PRESS-AND-MEDIA CSS REMANTS */

/* 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;
}



/* 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;
        }

/*this section is copied to design2018.scss*/
.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;
}