/* ================================================================
   PRIMARY LAYOUT STYLES 
   ================================================================ */

.body { background:#ddd8d4; }

/* Header - Nav/Logo Area
   ========================================================================== */
.coe {
    margin-bottom:10px;
    font-size: 12px;
}


.quickView {
    position: absolute;
    left: 10px;
    top: 34px;
    width: 320px;
    background-color: white;
    z-index:10000;
    border-style: solid;
    border-width: 1px;
    border-color: lightgray;
    display: none;
}

.topBar { 
    background:#e6e1de; 
    -webkit-box-shadow:inset 0 -2px 5px -2px rgba(0,0,0,.2);
            box-shadow:inset 0 -2px 5px -2px rgba(0,0,0,.2);
}

    .siteList { margin-left:0px; height:35px; min-width:270px; }
    .siteList ul { margin:0; padding:0; list-style:none; }
    .siteList ul li { display:inline-block; margin:0; padding:0; }
    .siteList a { 
        display:inline-block; 
        border:1px solid transparent; border-bottom:0; 
        margin-top:2px; padding:10px 2px 6px; 
        border-radius:4px 4px 0 0;
        min-height:33px;
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
    }
    .lt-ie9 .siteList a { min-height:15px; }
    .siteList a.active { border-color:#c0c0b6; background-color:#fff; }
    .siteList a span { display:block; text-indent:-9999em; width:60px; height:16px; background:url(/Content/themes/eatright/images/eatright-tabs@2x.png) no-repeat 0 0; background-size:180px 16px; }
    .no-backgroundsize .siteList a span { background-image:url(/Content/themes/eatright/images/eatright-tabs.png); }
    .siteList .tab-eatrightPro span { width:84px; background-position:-96px 0; }
    .siteList .tab-eatrightStore span { width:95px; }

    .memberLinks { position:absolute; top:0; right:10px; font-size:.7em; font-weight:600; }
    .memberLinks > ul { margin:0; padding:0.6em 0; list-style:none; }
    .memberLinks > ul > li { display:none; vertical-align:middle; border-left:1px solid #cfcdc0; margin-left:.7em; padding-left:.9em; }
    .memberLinks > ul > li:first-child { border-left:0; }
    .memberLinks > ul > li > a { display:block; padding:2px 0 5px; }
    .memberLinks > ul > li > span { display:block; padding:2px 0 5px; }
    .memberLinks > ul > li a {  color:#573b02; }
    .memberLinks > ul > li a:hover, .memberLinks > ul > li a:focus { color:#056839; }
    .memberLinks .icon-cart a:before { padding-right:5px; }

    .memberLinks .hasSublinks { position:relative; }
    .memberLinks .hasSublinks > a:after { 
        content:" "; 
        display:inline-block;
        vertical-align:middle;
        margin:3px 0 0 3px;
        border:4px solid transparent;
        border-top-color:#333; 
    }
    .memberLinks .hasSublinks ul { display:none; position:absolute; z-index:2000; top:100%; left:0; padding:0; list-style:none; width:110%; background: #e6e1de; }
    .memberLinks .hasSublinks li { padding:5px 10px; }
    .memberLinks .cartToggle { display:inline-block; }
    .memberLinks .cartToggle > a { display:none; }
    .memberLinks .cartToggle > a .notification { font-weight:bold; color:#f1523f; }
    .memberLinks .cartToggle > a span:first-child { display:none; }

    .memberLinks > ul > li .overlay a { color:#056839; }
    .memberLinks > ul > li .overlay .btn { color:#fff; }

    .overlay {
        display:none;
        position:absolute; 
        z-index:5000;
        top:50%; right:0;
        border:1px solid #e0e1dc;
        max-width:370px;
        min-width:260px;
        font-size:1.25em;
        background:#fff; 
    }
    .overlay .title { font-family:"Open Sans", sans-serif; }
    .overlayHead { padding:5px 20px; overflow:hidden; }
    .overlayHead .title { display:inline-block; padding:5px; font-size:1.1em; }
    .overlayHead .close { float:right; border-color:#1e5d55; padding:5px 10px; }
    .overlayContent { padding:7px 20px 20px; }
    .overlayContent .close { float:right; border-color:#1e5d55; padding:4px 9px; }
    .overlayContent .item { display:table; font-size:.9em; font-weight:bold;  }
    .overlayContent .item .aside,
    .overlayContent .item .content { display:table-cell; vertical-align:top; padding:10px; }
    .overlayContent .item .aside { padding-top:12px; padding-left:0; width:80px; } 
    .overlayContent .item .content span { display:block; }
    .overlayContent .item .content .type,
    .overlayContent .item .content .price,
    .overlayContent .item .content .infoLine { color:#333132; }
    .overlayContent .item .content .infoLine { font-weight:normal; }

    .lineTable { margin:0 0 10px; width:100%; }
    .lineTable th { padding:3px 5px; font-family:"Roboto Slab", serif; }
    .lineTable td { padding:5px; background:#f7f7f7; }
    .lineTable td.qty { text-align:center; }
    .lineTable .price { width:140px;  }
    .lineTable .total { font-weight:bold; text-align:right; width:55px; }
    
    .overlayContent .subtotal { display:block; margin-bottom:10px; text-align:center; font-size:1.25em; font-weight:bold; }
    .subtotal span { color:#ee3a43; }
    
    .loginReminder { border-top:1px solid #e0e1dc; padding-top:18px; }
    .loginReminder .title { font-size:1.3em; font-weight:700; }
    .loginReminder ul { margin:10px 0; padding-left:20px; list-style:disc; }
    .loginReminder ul li { margin:3px 0; }
    .loginReminder .submitBtns a { font-weight:bold; }
    .loginReminder .submitBtns .btn { min-width:160px; text-align:center; margin-right:10px; }
    .memberLinks .overlay .loginReminder .submitBtns a { display:inline-block; }
    
.mainBar {
    padding:15px 0 0;
    background: #ffffff;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYmViZTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #ebebe9));
    background: -webkit-linear-gradient(top, #ffffff 0%, #ebebe9 100%);
    background:    -moz-linear-gradient(top, #ffffff 0%, #ebebe9 100%);
    background:     -ms-linear-gradient(top, #ffffff 0%, #ebebe9 100%);
    background:      -o-linear-gradient(top, #ffffff 0%, #ebebe9 100%);
    background:         linear-gradient(to bottom, #ffffff 0%, #ebebe9 100%);
} 

.lt-ie9 .mainBar { filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebe9',GradientType=0 ); zoom:1; }

    .logoArea { margin:0; padding:0 0 5px 10px; width:75%; max-width:300px; }
    .logoArea img { max-width:100%; width:auto; height:auto !important; }
    
    .siteTools { font-weight:700; font-size:.85em; }

        .quickLinks { display:none; margin-bottom:20px; font-size:.8em; }
        .quickLinks ul { margin:0; padding:0; list-style:none; }
        .quickLinks li { position:relative; display:inline-block; vertical-align:middle; margin-left:.6em; padding-left:.8em; }
        .quickLinks li:before {
            content:"";
            position:absolute;
            top:6%; left:0;
            width:1px; height:88%;
            background:#e6e6df;
        }
        .quickLinks li:first-child:before { display:none; }		
        .quickLinks li a { display:block; padding:3px 0 4px; }
        .quickLinks .btn a { padding:.25em .3em .25em .6em; }

        .searchToggle { 
            display:block; 
            position:absolute; 
            top:30%; right:15px; 
            font-size:1.4em;
            opacity:1; filter:alpha(opacity=100);
            -webkit-transition: all 0.3s ease-out;
               -moz-transition: all 0.3s ease-out;
                 -o-transition: all 0.3s ease-out;
                    transition: all 0.3s ease-out;
        }
        .searchToggle.open { opacity:0; filter:alpha(opacity=0); }
        .siteSearch { display:none; position:relative; margin:0 10px 10px; border:1px solid #d3d3c7; font-size:.85em; color:#ededed; background:#c3beba; border-radius:5px; }
        .siteSearch input, 
        .siteSearch button { 
            border:0; 
            color:#ededed; 
            background:#c3beba; 
            -webkit-transition: all 0.3s ease-out;
               -moz-transition: all 0.3s ease-out;
                 -o-transition: all 0.3s ease-out;
                    transition: all 0.3s ease-out;
        }
        .siteSearch input { margin:.4em 3.5em .45em .85em; border-radius:5px 0 0 5px; font-weight:700; outline:0; }
        .siteSearch button { 
            position:absolute; 
            right:-1px; bottom:-1px; 
            font-size:1.8em; 
            line-height:1.1;
            border-right:1px solid #d3d3c7;
            border-bottom:1px solid #d3d3c7;
            width:31px; height:25px;
            overflow:hidden;
            border-radius:0 5px 5px 0;
        }
        .siteSearch input::-webkit-input-placeholder { color:#000; }
        .siteSearch button:focus, .siteSearch button:hover { outline:0; color:#fff; text-shadow: 2px 2px 1px rgba(0,0,0,.3); }

.btmBar { border-top:4px solid #dcddd8; border-bottom:4px solid #d1d2cd; background:#726159; min-height:35px; }
    .btmBar a { color:#fff }
    .btmBar a:hover, .btmBar a:focus { color:#bfb2ac; }
    .btmBar .cartToggle { position:absolute; z-index:2100; left:10px; top:7px; font-size:.9em; }
    .loginLink { display:block; position:absolute; z-index:2100; top:0; right:100px; padding:.55em .4em .5em; font-size:.9em; font-weight:700; }
    .loginLink:before { padding-right:5px; }
    .menuLink { display:block; position:absolute; top:0; right:0; padding:.5em 10px .5em 18px; font-size:.9em; font-weight:700; }
    .menuLink:after { display:inline-block; margin-left:6px; vertical-align:top; font-size:1.45em; line-height:1; }
    .menuLink:before,
    .menuLink span:after,
    .menuLink span:before { 
        content:"";
        position:absolute;
        left:2px;
        width:4px;
        height:4px;
        background:#bdafa6;
        border-radius:8px;
    }
    .menuLink:before { top:22%; }
    .menuLink span:before { top:48%; }
    .menuLink span:after { top:73%; }
    
    .categorySelect { position:absolute; top:100%; right:0; padding:5px 10px; width:100%; text-align:right; font-size:.85em; background:#d1d2cd; }
    .categorySelect label { padding-right:8px; }	
    
@media screen and (min-width:20em){
    .siteList { margin-left:10px; }
    .siteList a { padding:10px 5px 7px; }
}

@media screen and (min-width:40em){
    .siteList { float:left; }
    .siteList a { padding:10px 19px 6px; }
    .mainBar { padding:25px 0 0; }
    .logoArea { float:left; margin:4px 0 12px; padding:10px 0 10px 10px; width:38%; max-width:400px; }
    .siteTools { float:right; margin-right:5px; }
    .quickLinks { display:block; }
    .searchToggle { display:none; }
    .siteSearch { display:block !important; float:right; margin:0; }    
    .memberLinks > ul > li { display:inline-block; }
    .memberLinks .cartToggle > a { display:block; }
}

@media screen and (min-width:48em) {
    .siteList { margin-left:0; }
    .memberLinks .cartToggle > a span:first-child { display:inline; }
    .logoArea { margin-bottom:8px; padding:0 0 8px; }
    .siteTools { margin-right:0; }
    .quickLinks { font-size:.85em; }
    .siteSearch { font-size:1em; }
    .categorySelect { position:static; font-size:.9em; width:auto; color:#fff; background:transparent; }
    .btmBar .cartToggle { display:none; }
    .loginLink { display:none; }
}

@media screen and (min-width:56em) {
    .siteList { margin-left:40px; }
    .logoArea { width:372px; }
    .siteTools { width:auto; }
    .quickLinks { font-size:1em; }	
}

/* Main Content
   ========================================================================== */

.topExtraContent { background:#ebebeb; }
.topExtraContent + .mainContent { padding-top:10px; }
.mainContent { padding:22px 0; background:#ebebeb; }
.mainContent .container:first-child { max-width:61em; }
.mainContent:focus { outline:0; }
.mainCol { margin-bottom:20px; padding:20px 0; background:#fff; }
.home .mainCol { margin-bottom:50px; }
.mainCol .main { padding:10px 15px; font-size:14px; }
.mainCol .main p.summary { font-size:18px; }
.main img { max-width:100%; height:auto; }
.main p a{font-size: 1em;font-weight:600;}
.main .summaryImage { 
    max-width:90%; 
    margin:10px 5%; 
    border:5px solid #f2f2f2;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

.mainContent .container .rail { padding:0 10px; }
.mainContent .extraLinks { text-align:center; }
.mainContent .extraLinks ul li { margin:1.5em 0 0 2em; }
.mainContent .extraLinks ul li:first-child { margin-left:0; }
.mainContent .extraLinks ul li a { font-size:1em; font-weight:bold; }

.pageHeading { position:relative; z-index:20; margin-bottom:10px; font-size:1.1em; }
.pageHeading:before { content:" "; position:absolute; z-index:5; left:0; bottom:22px; width:100%; height:1px; background:#e3e3e3; }
.pageHeading:after { content:" "; position:absolute; z-index:5; left:0; bottom:19px; width:100%; height:2px; background:#d3d3cb; }
.pageHeading .title { display:inline-block; position:relative; z-index:10; padding-right:10px; color:#ed3c34; background:#fff; }

.sectionHeading { margin:10px 0 20px; }
.sectionHeading > .title { padding:5px 20px 10px 15px; }
.sectionHeading > .title.hasImage { padding-left:0; }
.category .sectionHeading > .title,
.landing .sectionHeading > .title { white-space:nowrap; }
.sectionHeading .highlightBar { width:100%; font-size:.85em; }
    .featuredBox {
        width:100%;
        background:#f3f3f3;
        -webkit-box-sizing:border-box;
           -moz-box-sizing:border-box;
                box-sizing:border-box;
    }
    .featuredBox .title, .featuredBox ul { padding:.5em; }
    .featuredBox .title { display:block; text-align:center; font-style:italic; }	
    .featuredBox ul { margin:0; list-style:none; font-size:.85em; }
    .featuredBox ul li { display:inline-block; padding:.25em 0 .25em 6px; }
    .featuredBox ul li:before { content:"\2022"; padding-right:8px; vertical-align:middle; line-height:1; font-size:1.25em; }
    .featuredBox ul li:first-child:before { content:""; }
    .featuredBox ul li a { font-weight:bold; color:#5d5650; }
    .featuredBox ul li a:hover, .featuredBox ul li a:focus { color:#056839; }
    
    .featuredBox.trending { border:1px solid #f2f2f2; background:#f8f8f8; }
    .featuredBox.trending .title { color:#7e7068; background:#e8e9e4; }
    .featuredBox.trending ul li { padding:.25em 0; }
    .featuredBox.trending ul li:before { display:none; }
    .featuredBox.trending ul li a:after { content:","; padding-right:.2em; }
    .featuredBox.trending ul li.lastItem a:after { display:none; }

.sectionBanner { position:relative; z-index:10; margin-bottom:25px; padding:6px; overflow:hidden; }
.sectionBanner .item { border:1px solid rgba(255,255,255,.45); padding:10px 20px; min-height:60px;}
.sectionBanner .item .content { display:table; padding:0; min-height:62px; }
.sectionBanner .content .title { display:none; width:52%; vertical-align:middle; margin:0; color:#fff; }
.sectionBanner .content .description { display:none; vertical-align:middle; padding:0 0 0 20px; font-weight:bold; color:#fff; } 
.sectionBanner .aside { display:block; position:absolute; z-index:5; right:7px; bottom:7px; }


/* RAIL NAV */
.railNav { margin-bottom:30px; }
.railNav .title { color:#61534a; }
.railNav ul { margin:0; padding:0; list-style:none; }
.railNav li { position:relative; padding:10px; }
.railNav li li { padding:5px 10px 5px 14px; }
.railNav > ul > li { 
    border-top:1px solid #ebebeb; 
    padding-left:20px; 
    background:#f7f7f7;
    -webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;	
}
.railNav ul li.open,
.railNav ul li.active { background:#ebebeb; }
.railNav li ul { display:none; }
.railNav li.active ul { display:block; }

.railNav li a { display:inline-block; vertical-align: middle; font-size:14px; font-weight:bold; color:#60564f; 
padding-right: 30px;
padding-left: 13px;
}
.railNav li a:hover, .railNav li a:focus { color:#ef3b33; }
.railNav li a.btn { position:absolute; top:10px; right:10px; padding:0 .5em; min-width:10px; color:#fff; }
.railNav li a.btn:after { content:"+"; padding-left:0; }

.railNav li.open a.btn:after,
.railNav li.active a.btn:after { content:"-"; }

.railNav > ul > li > a:before {
    position: absolute;
    left: 20px;
    display:inline-block;
    content: "\2022";
    padding-right: 5px;
    padding-bottom:2px;
    vertical-align: middle;
    font-size: 20px;
    line-height: 1;
    color: #ee3a43;
}
.railNav > ul > li > a.btn:before { display:none; }



@media screen and (min-width:30em){
    .sectionBanner .content .description { display:none; }
	.sectionBanner .content .title { display:none; }
}

@media screen and (min-width:48em){
    .mainCol { padding:20px 10px; }
    .mainCol .main { padding:0 10px; }
    .main .summaryImage { float:right; margin:3px 0 20px 20px; max-width:286px; }
    .main p a{font-size: 1em;font-weight:600;}
    .sectionHeading { display:table; margin:0 0 5px; width:100%; }
    .sectionHeading > .title, .sectionHeading .highlightBar { display:table-cell; vertical-align:middle; }	

    .featuredBox { display:table; float:left; }
    .featuredBox:after{content:''; display:block;clear: both;}	
    .featuredBox .title, 
    .featuredBox .content { display:table-cell; vertical-align:middle; }
    .featuredBox.trending .title { width:17%; }
    
    .pageHeading { margin-top:40px; }
    
    .sectionBanner .aside { display:block; }
    .sectionBanner .content .description { display:none; }
}

@media screen and (min-width:60em){
    .sectionBanner .item .content { width:58%; }
    .sectionBanner .content .description { display:table-cell; } 
	.sectionBanner .content .title { display:table-cell; } 
}

@media screen and (min-width:62em){
    .featuredBox.trending .content ul { position:relative; padding-left:20px; }
    .featuredBox.trending .content ul:before { 
        display:block;
        content:" ";
        position:absolute;
        top:0; left:0;
        border:16px solid transparent;
        border-left-color:#e8e9e4;
        padding:0;
        font-size:1em; 
    }
}


/* Footer
   ========================================================================== */

.footerTop { 
    padding:30px 0;
    background:#fff; 
    -webkit-backface-visiblity:hidden;
    -webkit-box-shadow: 0 -1px 2px rgba(0,0,0,.2);
            box-shadow: 0 -1px 2px rgba(0,0,0,.2);

}
.js .footerTop .title + ul,
.js .footerTop .title + .multiCol { display:none; }
.js .footerTop .socialMedia .title + ul { display:block; }

/* replaced ".column" with ".row > div" - jg*/
.footerTop .row > div .title { margin:6px 0; }
.footerTop .row > div > .title { cursor:pointer; }
.footerTop .row > div > ul { margin-bottom:10px; }
.footerTop .row > div > ul li { padding:3px 0; }
.footerTop .row > div { border-top:1px solid #e6e6e4; }
.footerTop .row > div:first-child { border-top:0; }

.mainFooter .row { font-size:.9em; }
.mainFooter .row .title { font-family:"Open Sans", sans-serif; font-size:1.2em; }

.footerMid { padding:30px 0; border-top:1px solid #e6e6e4; background:#fff; } 
.footerMid .banner img { border:0; }
.footerMid .row + div { padding-top:30px; }
.footerMid .row { overflow:hidden; }
.footerMid .row .title { font-size:1em; }  
.footerMid .row > div { 
    float:left; 
    width:50%;
    min-height:120px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.footerMid .row > div { padding:10px; }
.footerMid .row > div + div { border-left:1px solid #e6e6e4; }
    .colorList li { margin:3px 0; }
    .colorList li a { position:relative; padding-right:10px; }
    .colorList li a:before, .colorList li a:after {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        margin-top:-4px;
        height: 7px;
        width: 7px;
        border: 1px dotted transparent;
        border-right-color: #056839;
        border-top-color: #056839;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);	
    }
    .colorList li a:before { right: 0; }
    .colorList li a:after { right:2px; }
    .lt-ie9 .colorList li a:before, .lt-ie9 .colorList li a:after { display:none; }

.footerBtm { padding:30px 0 60px; }
.footerBtm .row > div { vertical-align:bottom; }
    .copyright { font-size:.75em; }
    
    .extraLinks { margin-top:35px; font-size:.8em; }
    .extraLinks .title { margin-right:5px; margin-bottom:0; line-height:1.1; font-family:"Open Sans", arial, sans-serif; color:#056839; }
    .extraLinks ul { margin:0; padding:0; list-style:none; font-size:.9em; }
    .extraLinks ul li { display:inline-block; margin:1.5em 1em 0 0; }
    .footerBtm .extraLinks ul li a { font-size:1.1em; color:#056839; }
    .footerBtm .extraLinks ul li a:hover,
    .footerBtm .extraLinks ul li a:focus { color:#313131; }

    .logoSmall { display:block; margin-bottom:1em; width:96px; height:55px; text-indent:-9999em; background:url(/Content/themes/eatright/images/eatright-logo@2x.png) no-repeat 0 0; background-size:228px 55px; }
    .no-backgroundsize .logoSmall { width:146px; height:92px; background-image:url(/Content/themes/eatright/images/eatright-logo.png); }
    
    .socialMedia ul { margin:0; padding:0; list-style:none; }
    .socialMedia li { display:inline-block; margin:0; padding:0; }
    .socialMedia li a { display:inline-block; text-align:center; font-size:2.85em; color:#d3d3c7; }
    .socialMedia .icon-facebook a { color:#305991; }
    .socialMedia .icon-twitter a { color:#2da8d2; }
    .socialMedia .icon-googlePlus a { color:#ce4d38; }
    .socialMedia .icon-youtube a { color:#cd181f; }
    .socialMedia .icon-pinterest a { color:#c82828; }
    .socialMedia .icon-facebook a:hover, .socialMedia .icon-facebook a:focus,
    .socialMedia .icon-twitter a:hover, .socialMedia .icon-twitter a:focus, 
    .socialMedia .icon-googlePlus a:hover, .socialMedia .icon-googlePlus a:focus,
    .socialMedia .icon-youtube a:hover, .socialMedia .icon-youtube a:focus,
    .socialMedia .icon-pinterest a:hover, .socialMedia .icon-pinterest a:focus { color:#d3d3c7; }
    
    /* .visuallyhidden */
    .socialMedia li a span {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }


@media screen and (min-width:48em){
    .extraLinks { text-align:right; } 
    .extraLinks ul li { margin:1.5em 0 0 1em; }
    
    
    /* replaced ".column" with ".row > div" - jg*/
    .footerTop .row .multiCol ul, .footerTop .row .multiCol h3 + ul { display:table-cell !important; padding:0 15px; }
    .footerTop .row .title + ul { display:block !important; }
    .footerTop .row .title + .multiCol { display:table !important; table-layout:fixed; }
    
    .footerTop .multiCol ul + ul,.footerTop .multiCol h3+ ul + ul { padding-right:0;  }
    .footerTop .multiCol ul:first-child, .footerTop .multiCol h3 + ul{ padding-left:0 !important; }
    .footerTop .multiCol ul li { padding:3px 0; }
    
    .footerTop .row > div { border-top:0; padding-right:5%; }
    .footerTop .row > div:last-child { padding-right:0; }
    .footerTop .row > div.socialMedia { width:225px; }
    .footerTop .row > div > .title { cursor:default; }
    .footerTop .row > div > ul { margin-bottom:0; }

    .footerMid .row .title { font-size:.7em; } 
    .footerMid .row .row > div { padding:15px; padding-left:0; }
    .footerMid .row > div + div { padding-left:30px; }
    .footerMid .row > div { float:none; width:auto; }
    
    .colorList { font-size:24px; }
    .colorList li { display:inline-block; margin-right:15px; }
    .colorList li a { padding-right:20px; }
    .colorList li a:before, 
    .colorList li a:after { margin-top:-7px; height: 15px; width: 15px; }
    .colorList li a:after { right:3px; }
}

@media screen and (min-width:50em){
    .extraLinks .title { display:inline-block; }
}

/* ================================================================
   GLOBAL STYLES 
   ================================================================ */

.contentBlock { font-size:.9em; }
.main .contentBlock { font-size:1em; }
.contentBlock h1, .contentBlock h2, .contentBlock h3 { font-family:"Open Sans", sans-serif; }
.contentBlock ul { margin:.5em 0 .8em; padding-left:20px; list-style:none; }
.contentBlock ul li { padding:.05em 0; }
.contentBlock ul li:before { content:"\2022"; padding-right:10px; vertical-align:middle; font-size:1.5em; line-height:1; color:#ee3a43; }
.contentBlock a { font-weight:600; }

.disclaimer { font-weight:bold; color:#f1523f; }

/* BANNERS
   ========================================================================== */

.banner, .callout, .infoBox { margin:0 auto 30px; }

.banner { text-align:center; }
.banner a { display:inline-block; width: 100%;}
.banner img { 
    display:inline-block;
    border:1px solid #dad6d3; 
    max-width:100%; height:auto !important; 
    -webkit-box-sizing:border-box;
       -moz-box-sizing:border-box;
            box-sizing:border-box;
    width: 100%;
}
.callout img { border:7px solid #f2f2f2; }
.rail .banner img { border:0; }

.bannerGroup .banner { margin-bottom:20px; }

/* Rail/Footer Info Boxes */

.infoBox { 
    position:relative;	
    border:8px solid #dfe0db; 
    max-width:300px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.infoBox .title { display:block; position:relative; z-index:20; margin:0; text-align:center; color:#fff; }
.infoBox .content { font-size:.85em; }
.infoBox .title span { background:#f2674a; }

.infoBox .title { left:0; top:-7px;  }
.infoBox .title span { display:block; margin:0 auto; padding-top:20px; width:80%;  }
.infoBox .triangle { position:relative; z-index:10; top:-10px; width:0; height:0; padding:0 50% 18% 50%; overflow:hidden; }
.infoBox .triangle:after {
    content:"";
    display:block;
    width:0; height:0;
    margin-left:-168px; margin-top:-10px;
    border-top:45px solid #f2674a;
    border-left:168px solid transparent;
    border-right:168px solid transparent;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.infoBox .content { margin-top:-15px; padding:0 25px 20px; }  
.infoBox .content p { margin:1em 0 0; }
.infoBox .content p:first-child { margin-top:0; }

.btmContent .infoBox { background:#fff; }

.featuredCallout { padding:0 10px 10px; }
.featuredCallout .slide { 
    background-color:#f2f2f2; 
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
    .slide .btn { min-width:120px; font-size:.85em; text-transform:uppercase; }
    .slide .aside { 
        width:100%;
        border:7px solid #f2f2f2;
        padding-bottom:60%; 
        text-indent:-9999em;
        background-position:100% 0; 
        background-repeat:no-repeat; 
        background-size:362px 210px;
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
        -webkit-transition: all 0.3s ease-out;
           -moz-transition: all 0.3s ease-out;
             -o-transition: all 0.3s ease-out;
                transition: all 0.3s ease-out;
    }
    .slide .content { 
        border-top:1px solid #fff;
        padding:10px 12px 20px;
        text-align:right;
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
    }
    .slide .content .title { margin-bottom:0; font-size:21px; color:#69629a; }
    .slide .content .description { font-weight:700; font-size:.9em; line-height:1.3; }

.featuredCallout .itemScrollRail { position:relative; }
.featuredCallout .itemScrollRail .modHead { position:absolute; top:-12px; border-bottom:0; width:100%; text-align:center; }
.featuredCallout .itemScrollRail .modHead .title { top:0; padding:4px 8px; text-transform:uppercase; font-size:.8em; }
.featuredCallout .itemScrollRail .modHead:after	{ display:none; }

.featuredCallout .articleList .modHead { margin-bottom:10px; }
.featuredCallout .articleList .itemList li { border-bottom:1px solid #e7e7e7; } 
.featuredCallout .articleList .itemList .item { margin:5px 0; }
.featuredCallout .articleList .itemList .aside { width:50px; }
.featuredCallout .articleList .imageBG { width:50px; }

.tallCallout .articleList .itemList { margin-top:0; }
.tallCallout .modContent > .more { display:block; margin:6px 0; padding:.5em 0; text-align:right; }
.tallCallout .modContent > .more:after { display:inline-block; }
.tallCallout .modContent > a.more { font-size:14px; color:#056839; }
.articleList .modContent > a.more:hover, .articleList .modContent > a.more:focus { color:#60564f; }

@media screen and (min-width:24em) {
    .featuredCallout .slide { position:relative; border:10px solid #f2f2f2; max-width:632px; width:100%; height:366px; margin:0 auto 0 10px; }/**added 10px for tablet portrait view*/
    .slide .aside { position:absolute; z-index:5; border:0; padding:0; width:100%; height:100%; background-position:50% 0; background-size:612px 366px; }
    .slide .content { 
        position:absolute; 
        z-index:10; 
        top:0; left:0;
        border-top:0;
        padding:25px 40px; 
        width:330px; height:100%;
        text-align:left;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICAgIDxzdG9wIG9mZnNldD0iNjAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuOCIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
        background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,.8)), color-stop(60%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0)));
        background: -webkit-linear-gradient(left, rgba(255,255,255,.8) 0%,rgba(255,255,255,.8) 60%, rgba(255,255,255,0) 100%);
        background:    -moz-linear-gradient(left, rgba(255,255,255,.8) 0%, rgba(255,255,255,.8) 60%, rgba(255,255,255,0) 100%);		
        background:     -ms-linear-gradient(left, rgba(255,255,255,.8) 0%,rgba(255,255,255,.8) 60%, rgba(255,255,255,0) 100%);
        background:      -o-linear-gradient(left, rgba(255,255,255,.8) 0%,rgba(255,255,255,.8) 60%, rgba(255,255,255,0) 100%);
        background:         linear-gradient(to right, rgba(255,255,255,.8) 0%,rgba(255,255,255,.8) 60%, rgba(255,255,255,0) 100%); 
        
    }
    .lt-ie9 .slide .content { filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccffffff', endColorstr='#00ffffff',GradientType=1 ); zoom:1; }
    .slide .content .title { margin-bottom:18px; font-size:50px; line-height:1; color:#69629a; }
    .slide .content .description { margin-bottom:1em; font-size:25px; }
    
    .tallCallout .slide { height:465px; max-width:620px; }
    .tallCallout .slide .aside { background-size:606px 451px; }
    .tallCallout .slide .content { left:auto; right:0; height:auto; padding:20px 25px; width:100%; text-align:right; }
    .tallCallout .slide .content .title { font-size:40px; margin-bottom:10px; }
    .tallCallout .slide .content .description { margin:0; font-size:14px; }
    .tallCallout .slide .content .description:after { content:"|"; padding:0 5px 0 8px; }
    .tallCallout .slide .content .more { font-size:14px; font-weight:700; }
    .tallCallout .slide .content .more:after { display:none; }
}
@media screen and (min-width:30em) {
    .tallCallout .slide .content .description { display:inline-block; }
}

@media screen and (min-width:48em) {
    .btmContent .infoBox { display:table; width:100%; max-width:960px; }
    .btmContent .infoBox .title, 
    .btmContent .infoBox .content { display:table-cell; vertical-align:middle; }
    .btmContent .infoBox .triangle { display:none; }

    .btmContent .infoBox .title { width:200px; top:0; left:-7px; font-size:1.5em; }
    .btmContent .infoBox .title span { 
        display:inline-block; 
        position:relative; 
        margin:10px 0; padding:30px 5px; 
        width:100%; 
        -webkit-box-sizing:border-box;
           -moz-box-sizing:border-box;
                box-sizing:border-box;	
    }
    .btmContent .infoBox .title span:before {
        content:" ";
        position:absolute;
        left:0; top:0;
        width:20px;
        height:100%;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjIiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
        background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,0)));
        background: -webkit-linear-gradient(left, rgba(255,255,255,.2) 0%, rgba(255,255,255,0) 100%);
        background:    -moz-linear-gradient(left, rgba(255,255,255,.2) 0%, rgba(255,255,255,0) 100%);
        background:     -ms-linear-gradient(left, rgba(255,255,255,.2) 0%, rgba(255,255,255,0) 100%);
        background:      -o-linear-gradient(left, rgba(255,255,255,.2) 0%, rgba(255,255,255,0) 100%);
        background:         linear-gradient(to right, rgba(255,255,255,.2) 0%, rgba(255,255,255,0) 100%);
    }
    .btmContent .infoBox .title span:after {
        content:"";
        position:absolute;
        top:-10px; left:100%;
        border-left:20px solid #f2674a;
        border-top:56px solid transparent;
        border-bottom:56px solid transparent;
    }
    .btmContent .infoBox .content { margin-top:0; padding:0 0 0 30px; }
    .btmContent .infoBox .content p { display:inline-block; margin:.5em 0; vertical-align:middle; } 
    .btmContent .infoBox .content p:first-child { margin:.5em 0; padding-right:2%; width:75%; }

    .featuredCallout { 
        display:table; 
        border:7px solid #f2f2f2; 
        padding:0;
        width:100%;
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
    }
    .featuredCallout .callout, .featuredCallout .extraCallout { display:table-cell; vertical-align:middle; }
    .featuredCallout .callout { overflow:hidden; }
    .featuredCallout .slide { border:0; }
    .slide .aside { background-position:100% 0; background-size:100% 100%;}

    .featuredCallout .extraCallout { padding:10px; width:270px; background:#fff; }
    .featuredCallout .mod { position:relative; margin:0; width:270px; }
    .featuredCallout .itemList { padding:0 !important; }
    .featuredCallout .itemScrollRail .modContent { padding:10px 25px; height:324px; }
    .featuredCallout .itemScrollRail .swiper-tools {padding: 0;clear: both; width: 100%; float: left; }
    
    .tallCallout { margin-bottom:20px; border:0; }	
    .tallCallout .callout, .tallCallout .extraCallout { vertical-align:top; }
    .tallCallout .extraCallout { padding:10px 0 10px 20px; width:295px; }
    .tallCallout .slide { border:7px solid #f2f2f2; margin:0; }
    .tallCallout .slide .content { background:transparent; filter:none; width:400px; }
    .tallCallout .mod { padding:0; width:auto; }
    .tallCallout .articleList .modHead { margin-bottom:5px; }
}

@media screen and (min-width:58em){
    .featuredCallout .slide .content { background:transparent; filter:none; }
}

/* Themed Footer Banners */
.themedBanner { position:relative; border-bottom:6px solid #056839; max-width:300px; margin:0 auto; }
.themedBanner a { 
    display:block;	 
    border:4px solid #fff; height:49px; padding:0 0 0 50%;
    font-size:2em;
    -webkit-box-sizing:border-box;
       -moz-box-sizing:border-box;
            box-sizing:border-box;
}
.themedBanner a:focus, .themedBanner a:hover { 
    background:#fff;
    -webkit-box-shadow:1px 1px 2px rgba(0,0,0,.5);
            box-shadow:1px 1px 2px rgba(0,0,0,.5);	
}
.themedBanner a:after {
    content:"";
    position:absolute;
    z-index:1;
    top:4px;
    left:4px;
    width:75%;
    height:92%;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(25%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 25%,rgba(255,255,255,0) 100%);
    background:    -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 25%, rgba(255,255,255,0) 100%);
    background:     -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 25%,rgba(255,255,255,0) 100%);
    background:      -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 25%,rgba(255,255,255,0) 100%);
    background:         linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 25%,rgba(255,255,255,0) 100%);
}
.themedBanner span { position:relative; z-index:5; }
.themedBanner img { position:absolute; z-index:5; left:0; top:0; border:0; max-width:53%; }

.themedBanner.theme-1 { border-bottom-color:#b0006d; }
.themedBanner.theme-1 a { color:#b0006d; }

.themedBanner.theme-2 { border-bottom-color:#eb9735; }
.themedBanner.theme-2 a { color:#eb9735; }

.themedBanner.theme-3 { border-bottom-color:#6c6baf; }
.themedBanner.theme-3 a { color:#6c6baf; }


/* BUTTON Styles
   ========================================================================== */

.btn > a, a.btn, span.btn, input.btn, .swiper-tools .btn {
    display:inline-block;
    border:1px solid #c75942;
    padding:.25em .8em;
    text-align:center;
    font-weight:600;
    cursor: pointer;
    color:#fff;
    background: #e0704b;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UwNzA0YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNzM1MzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0704b), color-stop(100%,#f73533)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e0704b 0%, #f73533 100%);
    background:    -moz-linear-gradient(top, #e0704b 0%, #f73533 100%);
    background:     -ms-linear-gradient(top, #e0704b 0%, #f73533 100%);
    background:      -o-linear-gradient(top, #e0704b 0%, #f73533 100%);
    background:         linear-gradient(to bottom, #e0704b 0%, #f73533 100%);
    border-radius:5px;
}
.lt-ie9 .btn > a, .lt-ie9 a.btn, 
.lt-ie9 span.btn, .lt-ie9 input.btn, 
.lt-ie9 .swiper-tools .btn { filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0704b', endColorstr='#f73533',GradientType=0 ); zoom:1; }

.btn > a:after, a.btn:after, 
span.btn:after, .swiper-tools .btn:after { padding-left:4px; vertical-align:middle; font-size:1.2em; text-shadow:-1px -1px 0 #d5030a, -1px 1px 0 #d5030a; }
.btn > a:before, a.btn:before, 
span.btn:before, .swiper-tools .btn:before { padding-right:4px; vertical-align:middle; font-size:1.2em; text-shadow:1px 1px 0 #d5030a, 1px 1px 0 #d5030a; }

.btn > a:hover, .btn > a:focus, 
a.btn:hover, a.btn:focus,
span.btn:hover, span.btn:focus,
input.btn:hover , input.btn:focus,
.swiper-tools .btn:hover {
    text-shadow: 1px  1px 1px #d5030a;
    -webkit-box-shadow: inset -1px -1px 1px #d5030a, inset 1px 1px 1px rgba(255,255,255,.3), 1px 1px 2px rgba(0,0,0,.3);
    box-shadow: inset -1px -1px 1px #d5030a, inset 1px 1px 1px rgba(255,255,255,.3), 1px 1px 2px rgba(0,0,0,.3);
}

.btn.btnFull { display:block; margin-bottom:18px; padding:.45em; text-align:center; font-size:17px; }

.btn.btnAlt > a, 
a.btn.btnAlt,
span.btn.btnAlt,
input.btn.btnAlt {
    border:1px solid #3e7560;
    background: #e0704b;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQyOGU3MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iIzFkNjI0NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#428e70), color-stop(100%,#1d6246)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #428e70 0%, #1d6246 100%);
    background:    -moz-linear-gradient(top, #428e70 0%, #1d6246 100%);
    background:     -ms-linear-gradient(top, #428e70 0%, #1d6246 100%);
    background:      -o-linear-gradient(top, #428e70 0%, #1d6246 100%);
    background:         linear-gradient(to bottom, #428e70 0%, #1d6246 100%);
    -webkit-box-shadow: inset 0 0 0 #11402e, inset 1px 1px 1px rgba(255,255,255,0), 1px 1px 2px rgba(0,0,0,0);
            box-shadow: inset 0 0 0 #11402e, inset 1px 1px 1px rgba(255,255,255,0), 1px 1px 2px rgba(0,0,0,0);
}

.lt-ie9 li.btn.btnAlt > a, 
.lt-ie9 a.btn.btnAlt,
.lt-ie9 span.btn.btnAlt,
.lt-ie9 input.btn.btnAlt { filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#428e70', endColorstr='#1d6246',GradientType=0 ); zoom:1; }

.btn > a .btnAlt:after,
a.btn.btnAlt:after,
span.btn.btnAlt:after { text-shadow:-1px -1px 0 #11402e, -1px 1px 0 #11402e; }

.btn > a .btnAlt:before,
a.btn.btnAlt:before,
span.btn.btnAlt:before { text-shadow:1px -1px 0 #11402e, 1px 1px 0 #11402e; }

.btn.btnAlt > a:hover, .btn.btnAlt > a:focus,
a.btn.btnAlt:hover, a.btn.btnAlt:focus,
span.btn.btnAlt:hover, span.btn.btnAlt:focus,
input.btn.btnAlt:hover, input.btn.btnAlt:focus {
    text-shadow: 1px  1px 1px #11402e;
    -webkit-box-shadow: inset -1px -1px 1px #11402e, inset 1px 1px 1px rgba(255,255,255,.3), 1px 1px 2px rgba(0,0,0,.3);
            box-shadow: inset -1px -1px 1px #11402e, inset 1px 1px 1px rgba(255,255,255,.3), 1px 1px 2px rgba(0,0,0,.3);
}

.btn.btnAlt2 > a, 
a.btn.btnAlt2,
span.btn.btnAlt2 {
    border:1px solid #d6d6d6;
    color:#454545;
    background: #e3e3e3;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UzZTNlMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNmQ2ZDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3e3e3), color-stop(100%,#d6d6d6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e3e3e3 0%, #d6d6d6 100%);
    background:    -moz-linear-gradient(top, #e3e3e3 0%, #d6d6d6 100%);
    background:     -ms-linear-gradient(top, #e3e3e3 0%, #d6d6d6 100%);
    background:      -o-linear-gradient(top, #e3e3e3 0%, #d6d6d6 100%);
    background:         linear-gradient(to bottom, #e3e3e3 0%, #d6d6d6 100%);
    -webkit-box-shadow: inset 0 0 0 #11402e, inset 1px 1px 1px rgba(255,255,255,0), 1px 1px 2px rgba(0,0,0,0);
            box-shadow: inset 0 0 0 #11402e, inset 1px 1px 1px rgba(255,255,255,0), 1px 1px 2px rgba(0,0,0,0);
}

.lt-ie9 li.btn.btnAlt2 > a, 
.lt-ie9 a.btn.btnAlt2,
.lt-ie9 span.btn.btnAlt2 { filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e3e3', endColorstr='#d6d6d6',GradientType=0 ); zoom:1; }

.btn.btnAlt2 > a:hover, .btn.btnAlt2 > a:focus,
a.btn.btnAlt2:hover, a.btn.btnAlt2:focus,
span.btn.btnAlt2:hover, span.btn.btnAlt2:focus {
    text-shadow: 1px  1px 1px #999;
    -webkit-box-shadow: inset -1px -1px 1px #999, inset 1px 1px 1px rgba(255,255,255,.3), 1px 1px 2px rgba(0,0,0,.3);
            box-shadow: inset -1px -1px 1px #999, inset 1px 1px 1px rgba(255,255,255,.3), 1px 1px 2px rgba(0,0,0,.3);
}

/* EXPANDER Styles
   ========================================================================== */

.expander { margin:15px 0; }
.expander .expandBtn { 
    display:block; 
    position:relative; 
    margin-bottom:10px; 
    border:1px solid #e0e0de;
    border-width:1px 0; 
    padding:10px 30px 10px 20px; 
    font-weight:bold; 
    color:#555; 
    background:#f8f8f8; 
    outline:0; 
}
.expander .expandBtn:hover, .expander .expandBtn:focus { background:#d0d0d0; }
.expander .expandBtn:after { content:"+"; position:absolute; top:8px; right:20px; font-size:18px; color:#555; }
.expander .expandBtn.open:after { content:"-"; top:7px; }
.expander .expandBtn + p { margin:0 20px 10px; }
.expander .expandable { display:none; padding:10px 0; }

.no-js .expander .expandable { display:block; }
.no-js .expander .expandBtn:after { display:none; }

@media screen and (min-width:48em){
    .expander .expandable { padding:10px 20px; }
}


/* ITEM Styles
   ========================================================================== */

a.item:hover, a.item:focus { background:#f2f2f2; }
.item, .item .aside, .item .content { display:block; } 

.item .aside a { display:block; }
.item .content { padding:1em; }
.item .topic { font-family:"Roboto Slab", serif; font-size:1.2em; font-weight:700; }

.item img { 
    display:block;
    margin:0 auto;
    max-width:100%; 
    height:auto!important; 
    -webkit-box-sizing:border-box;
       -moz-box-sizing:border-box;
            box-sizing:border-box;
}

.featuredItem { position:relative; z-index:10; border:7px solid #f2f2f2; line-height:1.1; background:#f2f2f2; }
.kids .featuredItem { border-color:#eeebdc; }
.featuredItem .content { 
    position:absolute; 
    z-index:5; 
    bottom:0; left:0; 
    width:100%; 
    padding:1em 1.5em 1.4em;
    background:rgba(255,255,255,.8); 
    -webkit-box-sizing:border-box;
       -moz-box-sizing:border-box;
            box-sizing:border-box;
}

.lt-ie9 .featuredItem .content {
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccffffff', endColorstr='#ccffffff',GradientType=0 );
    zoom:1;
}
a.featuredItem { font-size:.95em; color:#62544b; }

.mainItem { max-width:603px; margin:0 auto 30px; }
.mainItem .title { color:#b0006e; }

.figureBox.item { padding:7px; background:#f2f2f2; text-align:center; }
.figureBox.item .content { padding:20px 20px 12px; }

.videoItem, div.videoItem .aside { position:relative; z-index:10; }

a.videoItem .aside, 
.videoItem .aside a,
.videoItem .aside img,
.rail a.videoItem .aside .imageBG { position:relative; z-index:-1; }

.extraContent a.videoItem .aside, 
.extraContent .videoItem .aside a,
.extraContent .videoItem .aside img,
.extraContent .rail a.videoItem .aside .imageBG { z-index:0; }

a.videoItem .aside:after, a.videoItem .aside:before,
.videoItem .aside a:after, .videoItem .aside a:before,
.rail .videoItem .aside .imageBG:after, 
.rail .videoItem .aside .imageBG:before { 
    content:" "; 
    display:block;
    position:absolute;
    -webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}
a.videoItem .aside:after, .videoItem .aside a:after,
.rail .videoItem .aside .imageBG:after {
    z-index:5; 
    top:0; left:0;
    width:100%; height:100%;
    background:url(/Content/themes/eatright/images/buttons/btn-play-light@2x.png) no-repeat 50% 50%;
    background-size:90px 90px;
    opacity:1;
    -webkit-backface-visibility:hidden;
}
.no-backgroundsize a.videoItem .aside:after,
.no-backgroundsize .videoItem .aside a:after { background-image:url(/Content/themes/eatright/images/buttons/btn-play-light.png); }

.rail a.videoItem .aside:after, .rail .videoItem .aside a:after,
.rail a.videoItem .aside:before, .rail .videoItem .aside a:before { display:none; }


.rail .videoItem .aside .imageBG:after,
.subMenu a.videoItem .aside:after,
.subMenu .videoItem .aside a:after { background-size:40px 40px; }

.no-backgroundsize .rail .videoItem .aside imageBG:after,
.no-backgroundsize .mediaWall .videoItem .aside a:after,
.no-backgroundsize .mediaWall a.videoItem .aside:after,
.no-backgroundsize .videoGroup .itemList li + li .videoItem .aside a:after,
.no-backgroundsize .videoGroup .itemList li + li a.videoItem .aside:after { background-image:url(/Content/themes/eatright/images/buttons/btn-play-light-small.png); }

.no-backgroundsize .extraContent a.videoItem .aside:after,
.no-backgroundsize .extraContent .videoItem .aside a:after { background-image:url(/Content/themes/eatright/images/buttons/btn-play-light-small.png); }

a.videoItem .aside:before, .videoItem .aside a:before,
.rail .videoItem .aside .imageBG:before {
    z-index:4;
    top:35%; left:35%;
    width:30%; height:30%;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI3NCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvcmFkaWFsR3JhZGllbnQ+CiAgPHJlY3QgeD0iLTUwIiB5PSItNTAiIHdpZHRoPSIxMDEiIGhlaWdodD0iMTAxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,1)), color-stop(74%,rgba(255,255,255,0)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 74%);
    background:    -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 74%);
    background:     -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 74%);
    background:      -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 74%);
    background:         radial-gradient(ellipse at center, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 74%);
}

a.videoItem.item:hover .aside:before, 
a.videoItem.item:focus .aside:before,
.videoItem.item .aside a:hover:before,
.videoItem.item .aside a:focus:before,
.rail a.videoItem:hover .aside .imageBG:before,
.rail a.videoItem:focus .aside .imageBG:before {
    top:50%; left:50%;
    width:0; height:0;
}
a.videoItem.item:hover .aside:after,
a.videoItem.item:focus .aside:after,
.videoItem.item .aside a:hover:after,
.videoItem.item .aside a:focus:after,
.rail a.videoItem:hover .aside .imageBG:after,
.rail a.videoItem:focus .aside .imageBG:after { opacity:0; }

.videoGroup .videoItem.item:hover, .videoGroup .videoItem.item:focus {
    -webkit-box-shadow:0 0 0 transparent;
            box-shadow:0 0 0 transparent;
}


/* ITEM LIST Styles
   ========================================================================== */

.itemList .image, .itemList .imageBG {  
    border:3px solid #f2f2f2;
    -webkit-box-sizing:border-box;
       -moz-box-sizing:border-box;
            box-sizing:border-box;
}

.itemList, .linkList { margin:0; padding:0; list-style:none; }
.itemList { font-size:.9em; }
.itemList .item .aside { padding:.5em; }
.itemList .item .content { padding:.5em; }

.itemList .aside img { border:4px solid #f2f2f2; }
.itemList a.more { color:#f2674a; }
.itemList a.more:hover, .itemList a.more:focus { color:#056839; }
.itemList a.more:after { display:none; }

.col2 .itemList { font-size:1em; }
.col2 .itemList .title { font-size:1.4em; margin-bottom:.5em; }
.col2 .itemList a.more { font-weight:bold; }

/* .kids .itemList .aside img { border-color:#efebdf; } */

.articleList a, .linkList a { color:#60564f; }

.linkList a:hover, .linkList a:focus,
.articleList a:hover, .articleList a:focus { color:#056839; }

.articleList .modContent > .more { margin:12px 0; padding:.5em; }
.articleList .modContent > .more:after { display:none; }
.articleList .modContent > a.more,
.articleList .modContent > .more a { font-size:14px; color:#f04438; }
.articleList .modContent > a.more:hover, .articleList .modContent > a.more:focus,
.articleList .modContent > .more a:hover, .articleList .modContent > .more a:focus { color:#056839; }

.articleList .title { margin-bottom:0; line-height:1.2; }
.articleList .title a { color:#056839; }
.articleList .title a:hover, .articleList .title a:focus { color:#60564f; }

.articleList .description { margin:1em 0 0; }

.articleList .imageBG { display:block; width:70px; height:52px; text-indent:-9999em;background-size: cover; }
.articleList .itemList { margin-top:10px; }
.articleList .itemList .item { margin-bottom:20px; }
.articleList .itemList .aside,
.articleList .itemList .aside a { width:206px; }

.rail .articleList .itemList .item { display:table; width:100%; }
.rail .articleList .itemList .item .aside,
.rail .articleList .itemList .item .content { display:table-cell; vertical-align:middle; }
.rail .articleList .itemList .item { margin-bottom:0; }
.rail .articleList .itemList .aside { width:51px; }
.articleList .itemList .content + .aside { padding-left:1em; }

.articleGrid { position: relative; padding-bottom: 3px; border-bottom: 2px solid #d2d3cd; }
.articleGrid:after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: -4px;
    width: 100%;
    height: 1px;
    background: #d2d3cd;
}
.articleGrid .itemList li { padding:20px; }
.articleGrid .itemList .item { display:block; }
.articleGrid .itemList .item .content { display:block; padding:0; }
.articleGrid .itemList .item .content .title { margin:0; font-size:1em; font-family:"Open Sans", sans-serif; font-weight:600; }
.articleGrid .itemList .item .aside { display:inline-block; float:left; margin:5px 12px 5px 0; padding:0; width:100px; }

.articleGrid .modContent > .more { display:inline-block; margin:5px 0; padding:.5em; }
.articleGrid .modContent > .more:after { display:none; }
.articleGrid .modContent > a.more,
.articleGrid .modContent > .more a { font-family:"Roboto Slab", serif; font-size:16px; color:#f04438; }
.articleGrid .modContent > a.more:hover, .articleGrid .modContent > a.more:focus,
.articleGrid .modContent > .more a:hover, .articleGrid .modContent > .more a:focus { color:#056839; }

.topicList .itemList li:first-child .item { margin-top:0; }
.topicList .item { margin:.5em 0; }
.topicList .item .aside, .topicList .item .content { vertical-align:top; }

.linkList { font-size:.95em; }
.linkList li { padding:.1em 0; }
.linkList a { display:table; width:100%; }
.linkList .aside, .linkList .content { display:table-cell; vertical-align:middle; }
.linkList .aside { padding:.4em .3em .4em 0; width: 40px; }
.linkList .aside img { border:6px solid #f2f2f2; }
.linkList .content { padding:.4em .5em; }
.linkList .number { display:block; padding:.15em 1px .15em 0; width:36px; text-align:center; font-family:"Roboto Slab"; font-size:1.7em; line-height:1.1; background:#d3d3c7; border-radius:60px; }

.linkList li:first-child { padding-top:0; }
.linkList li:first-child .aside, .linkList:first-child .content { padding-top:.2em; }

.itemScroll .itemList .item, 
.itemCarousel .itemList .item,
.itemScrollRail .itemList .item { display:inline-block; }

.itemScroll .itemList .item .aside,
.itemScroll .itemList .item .content,
.itemCarousel .itemList .item .aside,
.itemCarousel .itemList .item .content,
.itemScrollRail .itemList .item .aside,
.itemScrollRail .itemList .item .content  { display:block; }

.itemScroll .modHead { margin-bottom:0; border-bottom:0; height:30px; }
.itemScroll .modHead.hasLink { height:30px; }
.itemScroll .modHead .title { top:6px; left:15px; background:#fff; }
.itemScroll .modHead.hasLink .title { margin:0; }
.itemScroll .modHead.hasLink .more { margin-top:.5em; padding-right:5px; }
.itemScroll .modHead:after { display:none; }
.itemScroll .modContent { position:relative; border-top:1px solid #e1e1d8; border-bottom:1px solid #e1e1d8; padding:26px 0 16px; }

.itemScroll .itemList .item { margin:0 10px; width:124px; text-align:center; font-weight:bold; }
.itemScroll .itemList .aside { min-height:30px; padding:0; }
.itemScroll .itemList .content { padding-left:0; padding-right:0; }

.itemScrollRail .modContent { border:1px solid #d7d8d3; padding:20px 25px; }
.itemScrollRail .item { text-align:center; }
.itemScrollRail .item .aside img { border:0; margin:0 auto; }

.swiper-slide .item .content { line-height:1.2; }
.swiper-slide .item .description { display:block; font-weight:normal; color:#313131; }
.swiper-slide .item .more { display:block; text-align:center; color:#f1523f; }
.swiper-slide .item .more:after { display:none; }

.itemCarousel .itemList .aside { padding:0; }

.videoGroup .itemList .item { display:block; float:left; width:50%; }
.videoGroup .itemList li:first-child .item { float:none; width:100%; }
.videoGroup .itemList li:first-child .item .content { display:none; }
.videoGroup .itemList li:first-child .aside img { border-bottom-width:2px; }
.videoGroup .itemList li .aside img { border-width:5px; }
.videoGroup .itemList .item .aside, 
.videoGroup .itemList .item .content { display:block; }
.videoGroup .itemList .item .aside { padding:0; }
.videoGroup .itemList .item .content { text-align:center; font-size:1.1em; }

.linkList a.item:hover, .linkList a.item:focus, 
.itemList a.item:hover, .itemList a.item:focus, 
.item .aside a:hover, .item .aside a:focus,
a.featuredItem:hover, a.featuredItem:focus,
a.figureBox.item:hover, a.figureBox.item:focus { 
    -webkit-box-shadow:1px 1px 2px 1px rgba(0,0,0,.3); 
            box-shadow:1px 1px 2px 1px rgba(0,0,0,.3); 
}

@media screen and (min-width:30em){
    .itemList .item { display:table; width:100%; }
    .itemList .item .aside,
    .itemList .item .content { display:table-cell; vertical-align:middle; }	
    
    .col2 .itemList .aside	{ padding-left:0; width:160px; vertical-align:top; }
    .col2 .itemList .content { vertical-align:top; }
    
    .articleGrid .itemList { display:table; width:100%; table-layout:fixed; }
    .articleGrid .itemList li { display:table-cell; vertical-align:top; border-top:1px solid #e7e7e7; }
    .articleGrid .itemList li + li { border-left:1px solid #e7e7e7; }
    .articleGrid .itemList:first-child li { border-top:0; }
    .articleGrid .itemList li { padding:20px 5px 15px 20px; }
    .articleGrid .itemList li:first-child { padding-left:5px; padding-right:20px; }	
}

@media screen and (min-width:48em){
    .itemScroll .modContent { border:1px solid #e1e1d8; padding:26px 23px 16px; }
}


/* Media Wall
   ========================================================================== */

.mediaWall { margin:0 10px 35px; }
.mediaWall .title { color:#62544b; }
.mediaWall .itemList > li { 
    position:relative;
    z-index:50;
    margin-bottom:3%;
    width:100%;
    height:230px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.mediaWall .itemList .icon { position:absolute; z-index:40; top:15px; right:20px; font-size:2.85em; line-height:1; }

.mediaWall .itemList > .icon-facebook a  { color:#305991; }
.mediaWall .itemList > .icon-twitter a { color:#2da8d2; }
.mediaWall .itemList > .icon-googlePlus a { color:#ce4d38; }
.mediaWall .itemList > .icon-youtube a { color:#cd181f; }
.mediaWall .itemList > .icon-pinterest a { color:#c82828; }

.mediaWall .itemList > .icon-facebook a:hover, .mediaWall .itemList > .icon-facebook a:focus,
.mediaWall .itemList > .icon-twitter a:hover, .mediaWall .itemList > .icon-twitter a:focus,
.mediaWall .itemList > .icon-googlePlus a:hover, .mediaWall .itemList > .icon-googlePlus a:focus,
.mediaWall .itemList > .icon-youtube a:hover, .mediaWall .itemList > .icon-youtube a:focus,
.mediaWall .itemList > .icon-pinterest a:hover, .mediaWall .itemList > .icon-pinterest a:focus { color:#d3d3c7; }
    
.mediaWall .itemList .item { 
    display:block; 
    height:230px;
    background:#fff;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.mediaWall .itemList .item .aside,
.mediaWall .itemList .item .content { display:block; }

.mediaWall .itemList .item { padding:5px 10px; }
.mediaWall .itemList .item .aside { padding:0; }
.mediaWall .itemList .aside ul { padding:0; list-style:none; }
.mediaWall .itemList .aside li { display:inline-block; font-size:.85em; }
.mediaWall .itemList .aside li:before { content:"\25CF"; padding-right:2px; font-size:.35em; vertical-align:middle; }
.mediaWall .itemList .aside li:first-child:before { display:none; }
.mediaWall .itemList .aside li a { display:inline-block; }
.mediaWall .itemList .aside li a:hover,
.mediaWall .itemList .aside li a:focus {
    -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0);
            box-shadow: 0 0 0 0 rgba(0,0,0,0);
}
.mediaWall .itemList .item .content { margin-top:62px; height:110px; overflow-y:auto; }
.mediaWall .itemList .item .content p { margin-bottom:10px; }
.mediaWall .itemList .item .content a {
    display:inline-block;
    max-width:100%;
    color:#b8292f;	
    -ms-word-break: break-all;
        word-break: break-all;
        word-break: break-word;
    -webkit-hyphens: auto;
       -moz-hyphens: auto;
            hyphens: auto;
}
.mediaWall .itemList .item .content a:hover,
.mediaWall .itemList .item .content a:focus { color:#056839; }

.mediaWall .itemList .media .item { padding:5px; }
.mediaWall .itemList .media .aside { display:block;  margin:0 auto; width:100%; max-width:226px; overflow:hidden; }
.mediaWall .itemList .media .aside img { border:0; max-width:999em; }
.mediaWall .itemList .twitter .item { position:relative; }
.mediaWall .itemList .twitter .aside { position:absolute; left:18px; bottom:14px; width:80%; }

@media screen and (min-width:30em){
    .mediaWall .itemList > li { 
        float:left;	
        margin-bottom:1%;
        width:50%;
        padding-left:1%;
    }
}

@media screen and (min-width:48em){
    .mediaWall { margin:0 0 35px; }
    .mediaWall .itemList { margin-left:-.25%; }
    .mediaWall .itemList > li { 
        margin-bottom:.4%;
        width:33%;
        padding-left:.4%;
    }
}

@media screen and (min-width:60em){
    .mediaWall .itemList > li { 
        margin-bottom:.4%;
        width:25%;
        padding-left:.4%;
    }
}


/* MODULE Styles
   ========================================================================== */

.mod { margin:10px 10px 30px; }
.rail .mod { margin:10px 0 30px; }
.modBox { margin:10px 0 30px; }

.mod a { font-weight:bold; }
.mod img { max-width:100%; height:auto !important; }

.modHead { position:relative; z-index:10; margin-bottom:20px; border-bottom:1px solid #d2d3cd; min-height:24px; }
.modHead:after { content:""; position:absolute; z-index:1; left:0; bottom:1px; width:100%; height:2px; background:#d2d3cd; }
.modHead.borderless { border:0; margin-bottom:18px; }
.modHead.borderless:after { display:none; }

.modHead .title { 
    display:inline-block; 
    position:relative; 
    z-index:5; 
    top:2px;
    margin:0; 
    padding-right:8px; 
    font-size:1.5em; 
    line-height:1.1;
    color:#62544b; 
    background:#fff; 
}
.modHead .title span { display:inline-block; vertical-align:middle; font-size:.6em; padding-bottom:.3em; }
.modHead .title .logoSmall { 
    position:absolute;
    top:-12px; right:-75px;
    margin:0; 
    padding:0 5px 0 0; 
    width:70px; height:43px; 
    background-size:178px 43px; 
    background-color:#fff;
}
.no-backgroundsize .modHead .title .logoSmall { display:none; }

.modHead.hasLink { height:auto; }
.modHead.hasLink .title { margin-bottom:.4em; }
.modHead.hasLink .more { float:right; margin-top:.6em; font-weight:bold; font-size:.9em; }
.more:after { vertical-align:bottom; font-size:1.1em; }

.modHead.headAlt { border-top:2px solid #d2d3cd; padding:4px; height:auto; text-align:center; background:#f2f2f2; }
.modHead.headAlt:before { content:""; position:absolute; z-index:1; left:0; top:-4px; width:100%; height:1px; background:#d2d3cd; }
.modHead.headAlt .title { top:0; background:transparent; }

.modContent.listBox { border:1px solid #d7d8d3; padding:20px;  }
.modContent.listBox .itemList .item .title { font-family:"Open Sans", sans-serif; color:#60564f; }
.modContent.listBox .itemList .item:hover .title,
.modContent.listBox .itemList .item:focus .title { color:#056839; }
.modContent.listBox .topic { font-size:1em; }

.videoGroup, .featuredVid, .mediaSeries { position:relative; padding-bottom:3px; border-bottom:2px solid #d2d3cd; }
.videoGroup:after, .featuredVid:after, .mediaSeries:after { content:""; position:absolute; z-index:1; left:0; bottom:-4px; width:100%; height:1px; background:#d2d3cd; }

.featuredVid .modHead { margin-bottom:6px; }
.featuredVid .videoItem { padding:20px; background:#f2f2f2; }
.featuredVid .videoItem .image { border:8px solid #fff; }
.featuredVid .videoItem .content p { margin:.5em 0 0; }

.videoGroup .modContent { padding:0 18px 15px; text-align:center; }
.videoGroup .modContent .title { margin-bottom:.5em; font-family:"Open Sans"; font-size:1em; color:#056839; }
.videoGroup .modContent p { font-size:.9em; }

.mediaSeries > .more { position:absolute; bottom:-26px; right:0; font-size:.85em; }
.mediaSeries .modHead { margin-bottom:3px; }
.mediaSeries .modHead .more { display:none; }
.mediaSeries .modContent { padding:20px; font-size:.85em; background:#f2f2f2; }
.mediaSeries .modContent .title { font-family:"Open Sans", sans-serif; font-size:1em; line-height:1.2; }
.mediaSeries .item { margin: 0 auto; width:170px; }
.mediaSeries .item .aside { border:7px solid #fff; margin-top:3px; max-width:155px; background:#fff; }
.mediaSeries .item .aside img { min-width:94px; }
.mediaSeries .item .content { text-align:center; }
.mediaSeries .item .title { min-height:39px; margin-bottom:0; }
.mediaSeries .item .length { margin-bottom:0; display:block; font-weight:normal; color:#313131; }
.mediaSeries a.videoItem .aside:after, 
.mediaSeries .videoItem .aside a:after { background-size:60px 60px; }
.mediaContent { margin-bottom:30px; }
.mediaContent p { margin:1em 0 0; }
.mediaContent p:first-child { margin:0; }

.ourList .modHead.headAlt { margin-bottom:5px; }
.ourList .modContent { text-align:center; }
.ourList .modContent .item { padding-top:10px; }
.ourList .modContent .item:hover, .ourList .modContent .item:focus { 
    -webkit-box-shadow: 1px 1px 2px 1px rgba(0,0,0,.3);
            box-shadow: 1px 1px 2px 1px rgba(0,0,0,.3);
}
.ourList .modContent .title { display:inline-block; margin-bottom:.5em; width:70%; font-family:"Open Sans"; font-size:1em; color:#056839; }
.ourList .modContent .aside { padding:0 10px; text-align:center; }
.ourList .modContent .btn { margin:.5em 0; }

@media screen and (min-width:28em) {
    .mediaSeries > .more { display:none; }
    .mediaSeries .modHead .more { display:block; }
}

@media screen and (min-width:48em) {
    .modHead .title { font-size:28px; }
    .mediaSeries .modContent { display:table; width:100%; padding:0; }
    .mediaSeries .mediaItems, 
    .mediaSeries .mediaContent { display:table-cell; vertical-align:top; padding:18px 10px; }
    .mediaSeries .mediaContent { margin:0; padding-left:20px; padding-right:3px; width:150px; }
    .mediaSeries .mediaItems { padding-right:20px; }
}

@media screen and (min-width:56em) {
    .mediaSeries .mediaContent { width:200px; }
    .mediaSeries .mediaItems .item { float:left; width:48%; padding-left:2%; }
    .mediaSeries .mediaItems .item:first-child { padding-left:0; padding-right:2%; }
}


/* PAGE TOOL Styles
   ========================================================================== */

.toolRow { padding:0 10px; }
.toolRow .backLink { float:left; padding-top:2px; font-weight:bold; font-size:14px; }
.toolRow .pageTools { float:right; font-size:16px; }
.pageTools .recentViewed { position:relative; z-index:500; font-weight:bold; font-size:14px; }
.sortFilter .icon-angle-right:after,
.recentViewed .icon-angle-right:after {
    display:inline-block;
    vertical-align:middle;
    padding:0;
    font-size:16px; font-weight:bold;
    -webkit-transform: rotate(90deg);
       -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
         -o-transform: rotate(90deg);
            transform: rotate(90deg);
}
.pageTools .recentViewed > a { display:block; border:1px solid #fff; padding:3px 15px; }
.pageTools .recentViewed .opened { 
    border:1px solid #ccc; 
    border-bottom-color:#fff; 
    color:#60564f;
    background:#f7f7f7;
    -webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,.1);
            box-shadow:inset 0 1px 3px rgba(0,0,0,.1);	
}
.recentViewed .opened:after {
    -webkit-transform: rotate(-90deg);
       -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
         -o-transform: rotate(-90deg);
            transform: rotate(-90deg);	
}
.recentViewed ul { 
    display:none;
    position:absolute; 
    right:0; top:95%;
    margin:0; padding:0;
    border:1px solid #d8d7d3;
    width:240px;
    list-style:none;
    background: #f7f7f7; 
    -webkit-box-shadow:inset 0 0 0 1px #fff, 1px 1px 3px rgba(0,0,0,.3);
            box-shadow:inset 0 0 0 1px #fff, 1px 1px 3px rgba(0,0,0,.3);	
}
.lt-ie9 .recentViewed ul { filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebe9',GradientType=1 ); zoom:1; }
.recentViewed li { position:relative; border-top:1px solid #e8e8e8; }
.recentViewed li:first-child { border-top:0; }
.recentViewed li a { display:block; padding:10px 20px; color:#60564f }
.recentViewed li a:hover, .recentViewed li a:focus { color:#f04438; background:#fff; }


.pageTools .addthis_toolbox { display:none; text-align:right; min-width:80px; }
.pageTools .addthis_toolbox > a,
.pageTools .addthis_toolbox > a > span { display:inline-block; float:none; }
.pageTools .addthis_toolbox > a { margin:0 5px; color:#9f958c; vertical-align:middle; }
.pageTools .addthis_toolbox > a:hover,
.pageTools .addthis_toolbox > a:focus { color:#f2674a; }


@media screen and (min-width:48em){
    .toolRow { padding:0; }
    .pageTools .recentViewed > a { border-right:1px solid #ccc; padding-right:15px; margin-right:5px; }
    .pageTools .recentViewed,
    .pageTools .addthis_toolbox  { display:inline-block; }
    .header .pageTools .addthis_toolbox { display:block; font-size:1.2em; }
    .recentViewed ul { left:0; right:auto; }
}


/* PAGINATION Styles
   ========================================================================== */

.pagination { margin:15px 0; }
.pagination { text-align:center; }
.pagination span { vertical-align:middle;  }
.pagination .totalPages { display:block; }
.pagination ul { display:inline-block; vertical-align:middle; margin:0; padding:0; list-style:none; }
.pagination ul li { display:inline-block; vertical-align:middle; margin:0 2px; padding:0 0 3px; }
.pagination a { display:inline-block; vertical-align:middle; position:relative; }
.pagination ul a:after,
.pagination .viewall:after { content:" "; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#c8d5ce; }
.pagination ul a:hover:after, .pagination a:focus:after,
.pagination .viewall:hover:after, .pagination .viewAll:focus:after { display:none; }

.pagination .prev, .pagination .next { margin:0 5px; font-size:16px; line-height:1; font-weight:bold; }
.sortFilter { position:relative; z-index:300; margin:8px 0; }
.sortFilter > a { display:inline-block; border:1px solid transparent; padding:5px 10px; font-weight:bold; }
.sortFilter > a:hover, .sortFilter > a:focus { border:1px solid #ccc; }
.sortFilter > a.open  { border:1px solid #ccc; background:#efefef; color:#313131; }
.sortFilter ul { 
    display:none; 
    position:absolute; z-index:200; 
    top:98%; left:0; 
    border:1px solid #ccc;
    margin:0; padding:0; 
    width:200px;
    list-style:none; 
    background:#efefef; 
}
.sortFilter ul li { border-top:1px solid #ccc;  }
.sortFilter ul li:first-child { border-top:0; }
.sortFilter ul li a { display:block; padding:3px 10px; }
.sortFilter ul li a:hover, .sortFilter ul li a:focus { background:#ccc; }

@media screen and (min-width:40em) {
    .pagination { text-align:left; }
    .pagination .totalPages { display:inline-block; }
    .sortFilter { float:left; }
    .pagination { float:right; } 
    .pagination ul li { display:inline-block; vertical-align:middle; margin:0 2px; }
}

@media screen and (min-width:48em) {
    .pagination { font-size:12px; }
    .pagination ul li { padding:0 0 2px; }
}

/* POPUP Styles
   ========================================================================== */

.hasTooltip { position:relative; padding-right:30px; }
.hasTooltip .tooltip { position:absolute; top:0; right:5px; }

.radioList .hasTooltip { position:static; }
.radioList .hasTooltip .tooltip { top:5px; }

.tooltip { 
    display:inline-block;
    position:relative;
    margin:0 0 0 .5em; 
    width:17px; height:17px;
    text-indent:-999em; 
    border:1px solid #3e7560;
    border-radius:16px;
    font-family:"Roboto Slab", serif;
    background: #428e70;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQyOGU3MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iIzFkNjI0NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#428e70), color-stop(100%,#1d6246)); /* Chrome,Safari4+ */
    background-image: -webkit-linear-gradient(top, #428e70 0%, #1d6246 100%);
    background-image:    -moz-linear-gradient(top, #428e70 0%, #1d6246 100%);
    background-image:     -ms-linear-gradient(top, #428e70 0%, #1d6246 100%);
    background-image:      -o-linear-gradient(top, #428e70 0%, #1d6246 100%);
    background-image:         linear-gradient(to bottom, #428e70 0%, #1d6246 100%);
    -webkit-box-shadow: inset 0 0 0 #11402e, inset 1px 1px 1px rgba(255,255,255,0), 1px 1px 2px rgba(0,0,0,0);
            box-shadow: inset 0 0 0 #11402e, inset 1px 1px 1px rgba(255,255,255,0), 1px 1px 2px rgba(0,0,0,0);	
}
.tooltip:hover, .tooltip:focus {  
    text-shadow: 1px 1px 1px #11402e;
    -webkit-box-shadow: inset -1px -1px 1px #11402e, inset 1px 1px 1px rgba(255,255,255,.3), 1px 1px 2px rgba(0,0,0,.3);
        box-shadow: inset -1px -1px 1px #11402e, inset 1px 1px 1px rgba(255,255,255,.3), 1px 1px 2px rgba(0,0,0,.3);
}
.tooltip:before { 
    content:"i"; 
    display:block; 
    position:absolute; 
    top:-1px; left:0; 
    width:100%;
    text-align:center;
    font-size:14px;
    font-weight:bold;
    text-indent:0; 
    color:#fff;
}
.tooltipContent { display:none; }

.siteOverlay {
    display:none;
    position:fixed; 
    z-index:999999; 
    top:0; left:0; 
    width:100%; height:100%;
    background:rgba(0,0,0,.8);
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.lt-ie9 .siteOverlay { filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#cc000000',GradientType=0 ); zoom:1; }

.siteOverlay > .close { position:absolute; z-index:5; top:0; left:0; width:100%; height:100%; cursor:pointer; }
.siteOverlay .overlayHead,
.siteOverlay .overlayContent { position:relative; z-index:10; }
.siteOverlay .overlayContent { padding:20px; height:85%; overflow-y:auto; background:#fff; }

@media screen and (min-width:32em){
    .siteOverlay { padding:10%; }
}

/* Row Column Styles
   ========================================================================== */

/* replaced ".column" with ".row > div" - jg*/
.row > div { padding:0 20px; }
.row > div ul { margin:0; padding:0; list-style:none; }
.row > div ul a { color:#313131; }
.row > div ul a:hover, .column ul a:focus { color:#056839; }


@media screen and (min-width:48em){
    .row { display:table; width:100%; }
    /*.row .column { display:table-cell; padding:0; }*/
    .row > div { display:table-cell; padding:0; }
    .row > div.scEmptyPlaceholder { display:block; } /*Fix issue with page edit mode*/
}


/* TABLE Styles
   ========================================================================== */

.tableList { margin-bottom:20px; width:100%; }
.tableList thead { background:#f8f8f8; }
.tableList th { padding:5px 10px; text-align:left; }
.tableList td { border-top:1px solid #e0e0de; padding:10px 16px; vertical-align:top; }
.tableList tbody tr:first-child td { border-top:0; }
.tableList td:first-child { width:85%; }
.tableList .checkbox input { margin:3px 0 4px; }
.tableList .checkbox input,
.tableList .checkbox label { margin-right:15px; vertical-align:top; }


/* ================================================================
   SPECIFIC MODULE STYLES 
   ================================================================ */

/* ARTICLES - Extra Styles
   ========================================================================== */

.pageTitle { margin:10px 15px 17px; }

.article .header { margin-bottom:20px; }
.article .pageTitle { margin:2px 0 0; font-family:"Open Sans", sans-serif; font-size:2.05em; color:#313131; }
.author:before { content:"By"; padding-right:3px; }
.videoItem .author:before { content:"Presented by"; }

.author { display:block; padding-left:1px; font-size:.8em; font-style:italic; font-weight:normal; color:#313131; margin-top: 6px;}
.caption { display:block; padding-left:1px; font-size:.8em; font-style:italic; font-weight:normal; color:#313131; float:right; margin-right:15px; margin-bottom:0px;}
.topic { display:block; font-size:1em; line-height:1.2; }

.article .mainImage { 
    margin:0 auto;
    border:7px solid #f2f2f2; 
    max-width:100%; width:603px; height:auto !important;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.article .synopsis { margin:20px; font-size:1.2em; }
.article .contentBlock { margin:24px; }

.reviewInfo { margin:3px; font-size:.75em; font-style:italic; }
.reviewInfo .date { display:block; }

.tagInfo { margin:20px; }
.tagInfo .title, .tagInfo h4,
.tagInfo ul, .tagInfo li { display:inline-block; vertical-align:baseline; }
.tagInfo .title, .tagInfo h4 { margin-right:10px; font-family:"Roboto Slab", serif; font-size:1.05em; font-style:italic; }
.tagInfo ul { margin:0; padding:0; }
.tagInfo li { font-size:.75em; font-weight:bold; }
.tagInfo li:after { content:","; margin-right:2px; }
.tagInfo li:last-child:after { display:none; }

.featuredArticle { margin-bottom:30px; }
.featuredArticle > .title { text-align:center; font-family:"Open Sans", sans-serif; font-size:1.7em; }
.featuredArticle .mainLink { display:block; padding:10px 5px 15px; text-align:center; font-size:1.55em; font-family:"Roboto Slab", serif; line-height:1.2; }

.featuredArticle .featuredItem .content { position:static; padding:15px 20px; background:transparent; filter:none; }
.featuredArticle .featuredItem .suggestedLinks { display:inline-block; padding-top:5px; }
.featuredArticle .featuredItem .more { display:block; margin-top:8px; font-weight:bold; font-size:.9em; color:#f04438; }
.featuredArticle .featuredItem .more:after { display:none; }
.featuredArticle .featuredItem .more:focus, .featuredArticle .featuredItem .more:hover { color:#056839; }

.suggestedLinks ul, .row .suggestedLinks ul { margin:.3em 0 0; padding-left:20px; list-style:inherit; font-weight:bold; color:#ee3a43; }
.suggestedLinks ul li, .row .suggestedLinks ul li { padding:.1em 0 .2em; }
.suggestedLinks ul a, .row .suggestedLinks ul a { font-size:.9em; color:#60564f; }
.suggestedLinks ul a:hover, .suggestedLinks ul a:focus { color:#056839; }

.suggestedLinks .moreLinks { margin:20px 0 0; padding:0; list-style:none; }
.suggestedLinks li.more { border-top:1px solid #d7d8d3; margin-top:20px; }

.moreLinks li { border-top:1px solid #d7d8d3; }
.moreLinks li:first-child { border-top:0; }
.moreLinks li a, .row .moreLinks li a { display:inline-block; padding:.3em 0; color:#ee3a43; }

.relatedItems { border-top:1px solid #d3d3c9; clear:both; }
.relatedItems:before { content:""; position:absolute; z-index:1; left:0; top:1px; width:100%; height:2px; background:#d3d3c9; }
.relatedItems { position:relative; padding:0 10px; }
.relatedItems > .title { text-align:center; margin:1em 0 0; color:#63534a; }
/*  fogbug issue no 38406 fixes from punithan */
.relatedItems .itemList { clear:both; margin:1px 0 10px; padding:0; width:100%; list-style:none; table-layout:fixed; }
.relatedItems .itemList li { 
    padding:10px;
    -webkit-box-sizing:border-box;
       -moz-box-sizing:border-box;
            box-sizing:border-box;	
}
.relatedItems .itemList .item { text-align:center; }
.relatedItems .itemList .item,
.relatedItems .itemList .item .aside,
.relatedItems .itemList .item .content { display:block; }
.relatedItems .itemList .aside { padding:0; }
.relatedItems .itemList .aside img { border:5px solid #f2f2f2; }
.relatedItems .itemList .content { padding:10px 20px 10px; font-weight:bold; }

.landingRelated.mod { margin-top:-47px; }
.landingRelated .relatedItems { border-bottom:2px solid #d3d3c9; padding:0; }
.landingRelated .relatedItems:after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: -4px;
    width: 100%;
    height: 1px;
    background: #d3d3c9;
}
.landingRelated .relatedItems .itemList { 
    margin-bottom:0;
    padding:15px 15px 0; 
    background:#f3f8fc; 
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.landingRelated .relatedItems .itemList .aside img { border-color:#fff; }
.landingRelated .relatedItems a.item:hover, 
.landingRelated .relatedItems a.item:focus { background:#fff; }

.featuredArticle .featuredItem { margin-bottom:0;  }
.featuredArticle .relatedItems { border-top:2px solid #d3d3c9; border-bottom:2px solid #d3d3c9; background:#f2f2f2; }
.kids .featuredArticle .relatedItems { background:#f6f3ec; }
.featuredArticle .relatedItems:before { height:1px; background:#e4e4e4; }
.featuredArticle .relatedItems:after { content:""; position:absolute; z-index:1; left:0; bottom:1px; width:100%; height:1px; background:#e4e4e4; }
.featuredArticle .itemList { margin:10px 0; }
.featuredArticle .itemList .aside img { border-color:#fff; }

@media screen and (min-width:30em){
    .relatedItems .itemList { display:table; }
    .relatedItems .itemList li { display:table-cell; vertical-align:top; width:33%; }
    .relatedItems .itemList .aside img { width:100%; }
}

@media screen and (min-width:48em){
    .featuredArticle .mainLink { float:left; border-right:1px solid #999; margin-right:30px; padding:20px 25px 15px 0; width:17%; }
    .featuredArticle .featuredItem .content { position:absolute; background:rgba(255,255,255,.9); }
    .lt-ie9 .featuredArticle .featuredItem .content { filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6ffffff', endColorstr='#e6ffffff',GradientType=0 ); zoom:1; }
    
    .featuredArticle .featuredItem .suggestedLinks { max-width:60%; }
    .lt-ie9 .featuredArticle .featuredItem .suggestedLinks { max-width:50%; }
}

@media screen and (min-width:56em){
    .featuredArticle .mainLink { width:138px; }
}



/* BREADCRUMBS
   ========================================================================== */

.breadcrumbs { margin:8px 8px 0; font-size:12px; }
.breadcrumbs ol { margin:0; padding:0; list-style:none; }
.breadcrumbs ol li { display:inline-block; font-weight:600; }
.breadcrumbs ol li:before { 
    content:" ";
    display:inline-block;
    margin:0 4px 1px;
    border:3px solid transparent;
    border-left:4px solid #958e88;
}
.breadcrumbs ol li:first-child:before { display:none; }


/* CHECKOUT
   ========================================================================== */

.userLink { display:inline-block; margin:0 0 5px 18px; font-size:14px; color:#69629a; }

.accordianSteps { font-size:14px; }
.step { 
    position:relative; 
    counter-increment: section; 
    opacity:.5; 
    overflow:hidden;
    -webkit-transition: opacity 0.3s ease-out;
       -moz-transition: opacity 0.3s ease-out;
         -o-transition: opacity 0.3s ease-out;
            transition: opacity 0.3s ease-out;	
}
.step:before {
    content: counter(section);
    position:absolute;
    top:10px; left:18px;
    border:1px solid #69629a;
    padding:4px 13px 7px;
    border-radius:40px;
    font-family:"Roboto Slab", serif;
    font-size:17px;
    color:#fff;
    background-color:#8c85bd;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY5NjI5YSIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2OTYyOWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(105,98,154,0)), color-stop(100%, rgba(105,98,154,1)));
    background-image: -webkit-linear-gradient(top, rgba(105,98,154,0) 0%, rgba(105,98,154,1) 100%);
    background-image:    -moz-linear-gradient(top, rgba(105,98,154,0) 0%, rgba(105,98,154,1) 100%);
    background-image:     -ms-linear-gradient(top, rgba(105,98,154,0) 0%, rgba(105,98,154,1) 100%);
    background-image:      -o-linear-gradient(top, rgba(105,98,154,0) 0%, rgba(105,98,154,1) 100%);
    background-image:         linear-gradient(to bottom, rgba(105,98,154,0) 0%, rgba(105,98,154,1) 100%);
} 

.stepHead { position:relative; border-bottom:1px solid #e0e1dc; padding:14px 10px 10px; }
.stepHead .title { display:inline-block; margin-left:60px; font-size:20px; color:#313131; }
.stepHead .editBtn { 
    display:none; 
    margin:0 auto; padding:10px; 
    min-width:80px; max-width:150px; 
    font-size:15px; 
    font-weight:700;
    -webkit-transition: opacity 0.3s ease-out;
       -moz-transition: opacity 0.3s ease-out;
         -o-transition: opacity 0.3s ease-out;
            transition: opacity 0.3s ease-out;
}
.stepHead .headEditItem { display:none; padding:5px 15px; }
.stepHead .headEditItem input, .stepHead .headEditItem select { font-size:16px; }

.stepContent { 
    display:none; 
    border-bottom:1px solid #e0e1dc; 
    padding:10px; 
    -webkit-transition: opacity 0.3s ease-out;
       -moz-transition: opacity 0.3s ease-out;
         -o-transition: opacity 0.3s ease-out;
            transition: opacity 0.3s ease-out;	
}
.stepContent fieldset { margin:0 0 20px; }
.stepContent legend { 
    display:block; 
    border-bottom:1px solid #e1e0dc;
    margin-bottom:10px;
    padding:10px 10px 5px;
    width:100%;
    font-size:1.15em;
    font-family:"Roboto Slab", serif;
    font-weight:bold;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.stepContent fieldset:first-child legend { border-bottom:0; margin-bottom:5px; }
    .formContent fieldset { margin:20px 0; }
    .summaryContent { display:none; padding:20px; }
    .summaryContent .row { display:block; overflow:hidden; } 
    .summaryContent dl { margin:0 0 10px; }
    .summaryContent dt, .summaryContent dd { display:block; vertical-align:top; }
    .summaryContent dd { margin:0; font-weight:bold; }
    .summaryContent dd li { margin-bottom:10px; }


.stepTools { 
    position:absolute; 
    opacity: 0;
    width:100%;
    left:0; bottom:-68px;
    margin-top:2px; 
    border:1px solid #cecece; 
    padding:9px 14px; 
    overflow:hidden; 
    background:#f8f8f8;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;	 
    -webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;	
}
.stepTools { text-align:center; }
.stepTools .btn { margin:5px; padding:8px; min-width:130px; font-size:15px; font-weight:bold; }

.active.step, .finished.step { opacity:1; }
.active.step .stepContent { padding-bottom:120px; }
.active.step .stepContent:last-child { padding-bottom:10px; }
.active.step .stepTools { opacity:1; bottom:0; }
.active .stepContent, .finished .stepContent { display:block; }
.active .headEditItem, .finished .headEditItem.checkBox { display:block; }

.finished .stepHead .editBtn { display:block }
.finished .stepContent { background:#f8f8f8; }
.finished .formContent { display:none; }
.finished .summaryContent { display:block; }

.orderList { margin:0; padding:5px 20px; list-style:none; }
.orderList li { margin:10px 0; }
.orderList .quantity input { padding:3px; width:35px; }
.orderList .price span, .orderList .total span { display:block; padding:3px 0; }
.orderList .total span { font-weight:bold; }
.orderList .total span:before { content:"= "; padding-right:15px; }
.orderList .item .column { display:inline-block; padding:10px; }
.orderList .item .column:first-child { display:block; overflow:hidden; }
.orderList .item .content { margin-top:3px; padding:0; }
.orderList .item .content .title { font-family:"Open Sans", sans-serif; font-weight:700; }
.orderList .item .content img { float:left; border:1px solid #dcdcdc; margin:-3px 10px 0 0; }

.checkBox { position:relative; padding:10px 0; }
.checkBox input { position:absolute; z-index:-1; visibility:hidden; }
.checkBox input + label { cursor:pointer; }
.checkBox input + label:before, .checkBox input + label:after { 
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.checkBox input + label:before { content: "\25a1"; padding-right:5px; }
.checkBox input:checked + label:before { content: "\2611"; }

.headEditItem.checkBox label:before { display:none; }
.headEditItem.checkBox input + label:after { content: "\25a1"; padding-left:5px; }
.headEditItem.checkBox input:checked + label:after { content: "\2611"; }

.addressBook label { padding-right:5px; font-weight:bold; font-size:.9em; }
.addressBook select { width:200px; max-width:100%; }

.radioList { margin:0 0 0 20px; padding:0; list-style:none; }
.radioList li { position:relative; padding:5px 0; }
.radioList input { position:absolute; z-index:-1; text-indent:-9999em; }
.radioList label { display:inline-block; padding-left:30px; font-weight:bold; cursor:pointer; }
.radioList label span { font-size:.85em; font-weight:normal; }
.radioList input + label:before { content:" "; position:absolute; top:6px; left:0; border:1px solid #cdcdcd; width:18px; height:18px; border-radius:18px; }
.radioList input + label:after { display:none; content:" "; position:absolute; top:10px; left:4px; width:12px; height:12px; border-radius:11px; background:#313131; }
.radioList input + label.checked:after { display:block; }
.radioList input:checked + label:after { display:block; }

.placeOrder  { margin:30px 15px; }
.orderDetails .btn { display:block; width:60%; margin:0 auto 30px; padding:10px; }
.orderDetails dl { display:table; margin:.5em 0; width:100%; table-layout:fixed; }
.orderDetails dt, .orderDetails dd { display:table-cell; vertical-align:top; text-align:center; }
.orderDetails dt { font-weight:bold; }
.orderDetails dd { padding-right:20px; }

.orderDetails dl.total { margin:.8em 0; border-top:1px solid #e0e1dc; font-size:1.2em; font-weight:bold; }
.orderDetails dl.total dt, .orderDetails dl.total dd { padding:12px 0; }
.orderDetails dl.total dd { padding-right:20px; }

.promoCode { 
    border:1px solid #cccccc; 
    margin:0 0 30px; padding:40px 20px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.promoCode .formee label { display:block; font-family:"Roboto Slab", serif; font-weight:bold; }
.promoCode input { margin:8px 0; }
.promoCode input[type=text] { margin-right:10px; vertical-align:middle; }
.promoCode .btn { padding:5px 10px 8px; min-width:80px; font-size:14px; }

.helpBox { margin:25px; border:1px solid #ccc; padding:30px 15px; font-size:14px; }
.helpBox > .title { border-bottom:1px solid #ccc; margin-bottom:20px; padding-bottom:10px; }
.helpBox .slideTabs .tabLinks { font-size:16px; }
.helpBox .slideTabs .panels { border:1px solid #ccc; }
.helpBox .slideTabs .panel { padding:20px; }
.helpBox .slideTabs .panel .title { font-size:16px; }

@media screen and (min-width:30em){
    .stepHead .editBtn { position:absolute; top:8px; right:5px; }
    .finished .stepHead .editBtn { display:inline-block; opacity:1; }
    .userLink { position:absolute; top:16px; right:10px; }

    .stepTools .backBtn { float:left; }
    .stepTools .continueBtn { float:right; }
    .active.step .stepContent { padding-bottom:75px; }	

    .summaryContent dl { display:table; margin:0; width:100%; }
    .summaryContent dt, .summaryContent dd { display:table-cell; vertical-align:top; }
    .summaryContent dd { font-weight:bold; width:65%; }
    
}

@media screen and (min-width:40em){
    .orderList { padding:5px 20px 5px 35px; }
    .orderList .item { display:table; width:100%; }
    .orderList .item .column { display:table-cell; vertical-align:top; padding:0 10px; }
    .orderList .item .column:first-child { display:table-cell; width:70%; }
    .orderList .total span:before { display:none; }
    
    .stepContent fieldset { padding-left:40px; width:60%; }
    .summaryContent { padding:10px 50px; }
    .summaryContent .row .column { float:left; width:50%; }
    
    .headEditItem.addressBook { position:absolute; right:0; top:18px; }
    
    .placeOrder .promoCode { float:left; width:45%; }
    .placeOrder .orderDetails { float:right; width:260px; }
    .orderDetails dt, .orderDetails dd { text-align:right; }	
    .orderDetails .btn { width:85%; margin:0 0 30px auto; }

    .helpBox { padding:30px; }
    .helpBox .content { padding:0 10%; }
}

@media screen and (min-width:44em){
    .active .headEditItem, .finished .headEditItem.checkBox { display:inline-block; padding:0 0 0 15px; }
}
@media screen and (min-width:48em){
    .promoCode .btn { margin-top:36px; }
    .helpBox .slideTabs .panels { border:0; }
    .helpBox .slideTabs .panel .column { border-left:1px solid #ccc; }
    .helpBox .slideTabs .panel .column:first-child { border-left:0; }
}

/* ERROR PAGES
   ========================================================================== */

.errorWrap h1 { font-size:3em; text-align:center; line-height:1.1; color:#b1006d; }
.errorWrap h1 span { display:block; margin-top:-6px; font-size:1.5em; }
.errorWrap .column { vertical-align:top; padding:0; }
.errorWrap .column img { display:block; margin:0 auto; }
.errorWrap .column .mod { margin-top:20px; }
.errorWrap .modContent ul { margin-top:25px; font-size:1.45em; }
.errorWrap .modContent ul li { margin:10px 0; }
.errorWrap .modContent ul li:before { content:" "; display:inline-block; vertical-align:middle; margin-right:10px; width:8px; height:8px; border-radius:8px; background:#b1006d; }
.errorWrap .modContent ul a { display:inline; vertical-align:middle; color:#62544b; }
.errorWrap .modContent ul a:hover, .errorWrap .modContent ul a:focus { color:#056839; }
.errorWrap .modContent p { margin:1.2em; text-align:center; }
.errorWrap .modContent .btn { display:block; font-size:1.4em; }

@media screen and (min-width:48em){
    .errorWrap { margin:35px 0; }  
    .errorWrap .column:first-child { width:55%; }
    .errorWrap .column { padding:0 20px; }
    .errorWrap .column .mod { margin-top:0; }
    .errorWrap .modHead .title { padding-left:0; }
    .errorWrap .modContent ul li { padding-left:20px; }
}

@media screen and (min-width:60em){
    .errorWrap .column:first-child { width:60%; }
    .errorWrap .column .mod { margin-left:10%; margin-right:10px; }
    .errorWrap .modContent ul li { padding-left:30px; }
}

/* KIDS
   ========================================================================== */

.menuList { margin-bottom:25px; }
.menuList ul { margin:0; padding:0; list-style:none; }   
.menuList ul a { 
    display:block; 
    position:relative; 
    border-top:1px solid #d8d8cf; 
    min-height:50px; 
    padding-left:85px;
    font-family:"Roboto Slab", serif;
    font-weight:700;
    color:#60564f;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.menuList ul a:hover, .menuList ul a:focus { color:#056839; background:transparent; }
.menuList ul .aside { 
    position:absolute; 
    top:-1px; left:0; 
    width:75px; height:100%; 
    overflow:hidden; 
    text-align:left; text-indent:-9999em; 
    background-color:#fff; 
    background-repeat: no-repeat;
    background-position:100% 2px;
}
.menuList ul .content { display:block; padding:14px 0; }

.menuList ul li:first-child a { border-top:0; min-height:40px; }
.menuList ul li:first-child .aside { background-position:100% 0; }
.menuList ul li:first-child .content  { padding:8px 0; }


/* MY ACADEMY
   ========================================================================== */

.memberToolbar { position:relative; margin:-2px 0 30px; border-bottom:2px solid #d4d4cc; }

.toggleToolbar { display:block; position:absolute; top:100%; left:0; width:100%; height:22px; overflow:hidden; text-align:center; font-size:.7em; font-weight:600; }
.toggleToolbar .toggleWrap { display:inline-block; position:relative; z-index:10; color:#63534a; outline:0;}
.toggleToolbar .toggleWrap:hover, .toggleToolbar .toggleWrap:focus { color:#333; }
.toggleToolbar .toggleWrap:before { 
    content:" "; 
    position:absolute; z-index:1; 
    top:0; left:0;
    margin-left:-8%; 
    border-radius:0 0 10px 10px; 
    width:116%; height:12px; 
    background:#d4d4cc; 
}
.toggleToolbar .toggleWrap:after { 
    content:" "; 
    position:absolute; z-index:2; 
    top:2px; right:99%; 
    width:40px; height:33px; 
    border-radius:30px; 
    background:#ebebeb; 
}
.toggleToolbar .toggleWrap > span:before {
    content:" ";
    position:absolute; z-index:3;
    top:2px; left:99%;
    width:40px; height:33px; 
    border-radius:30px; 
    background:#ebebeb; 
}
.toggleToolbar .toggleWrap > span { display:inline-block; position:relative; z-index:5; padding:2px 18px 3px; border-radius:0 0 15px 15px; background:#d4d4cc; }
.toggleToolbar .toggleWrap > span:after { display:inline-block; padding:0 0 1px 3px; font-size:1.3em; vertical-align:middle; }

.memberToolbar .toolbar { display:none; position:relative; font-size:14px; background:#f7f7f7; overflow:hidden; }
.memberToolbar .toolbar .title { font-size:20px; color:#63534a; }
.memberToolbar .toolbar .aside .box { border-top:1px solid #d1d1cf; padding:20px 10%; }

.memberToolbar .slideTabs { margin:0; }
.memberToolbar .slideTabs .tabLinks { border:0; margin:0; background:#d2e3f3; }
.memberToolbar .slideTabs .tabLinks a { 
    border:0;
    font-family:"Roboto Slab", serif;
    font-size:18px;
    color:#313131;
    -webkit-box-shadow: inset 0 0 0 0 transparent; 
            box-shadow: inset 0 0 0 0 transparent;
 }
.memberToolbar .slideTabs .tabLinks a:before { padding-right:5px; }
.memberToolbar .slideTabs .tabLinks span { display:inline-block; }
.memberToolbar .slideTabs .tabLinks span:before,
.memberToolbar .slideTabs .tabLinks span:after { display:none;  }
 
.memberToolbar .slideTabs .panels .panel { padding:20px 5%; }
.memberToolbar .slideTabs .panels .title { display:block; margin-bottom:15px; font-family:"Roboto Slab", serif; }
.memberToolbar .slideTabs .panels .title a { color:#F04438; }
.memberToolbar .slideTabs .panels .title a:hover,
.memberToolbar .slideTabs .panels .title a:focus { color:#333; }

    .editRow { position:relative; margin:15px 0; }
    .editRow:first-child { margin-top:0; }
    .editRow dl { margin:0; }
    .editRow dt, .editRow label { font-weight:700; color:#60564f; }
    .editRow dd { margin:3px 0; }
    .editRow a { margin:0 3px; font-weight:700; }
    .editRow label { margin-right:5px; vertical-align:middle; }
    .editRow input { vertical-align:middle; }
    .editRow .editLink { margin:5px 0; min-width:67px; }
        
    .transactions { margin:0; padding:0; list-style:none; }
    .transactions .price { margin-left:10px; font-weight:bold; }
    .transactions ul, .formee .transactions ul { margin-top:10px; margin-bottom:10px; padding-left:40px; }
 
@media screen and (min-width:48em){
    .memberToolbar .toolbar { padding-bottom:48px; }
    .memberToolbar .toolbar:before { content:""; position:absolute; top:0; left:70%; width:1px; height:100%; background:#d1d1cf; }	
    .memberToolbar .toolbar > .aside { float:right; width:30%; }
    .memberToolbar .toolbar > .aside .box:first-child { border-top:0; }
    .memberToolbar .toolbar .panels { float:left; width:70%; }

    .memberToolbar .tabLinks { position:absolute; left:0; bottom:0; width:100%; }

    .editRow.fullRow dl { width:75%; }
    .editRow .editLink { position:absolute; top:-5px; right:0; margin:0; }

    .editRow.fullRow dt, .editRow.fullRow dd { display:inline-block; vertical-align:top; }
    .editRow.fullRow dt { width:45%; }
    .editRow.fullRow dd { margin:0; width:50%; }

    .fixedTable { display:table; table-layout:fixed; width:100%; }
    .fixedTable .column { display:table-cell; padding-right:5%; }
    .fixedTable .column + .column { padding-left:5%; }
    .fixedTable .column + .column .editRow dl { width:100%; }
    .fixedTable .column .editRow .editLink { right:-15%; }
    
    .transactions ul, .formee .transactions ul { padding:0; }
    .transactions li { display:table; table-layout:fixed; width:100%; }
    .transactions li span { display:table-cell; }
    
}
@media screen and (min-width:60em){
    .memberToolbar { width:104%; margin-left:-2%; }
}

/* TAB LINKS
   ========================================================================== */

.tabToggle { display:block; border:1px solid #d8d7d3; background:#f2f2f2; text-align:right; font-size:1.8em; }
.tabToggle .tabMenu { display:inline-block; padding:.2em .5em 0; background:#e4e3e1; }
.tabToggle .tabMenu:hover, .tabToggle .tabMenu:focus, .tabToggle .tabMenu.open { background:#d8d7d3; }

.tabLinks { display:table; margin:0; padding:0; width:100%; list-style:none; background:#e4e3e1; }
.tabLinks a { 
    display:table-cell;
    border-left:1px solid #d8d7d3;
    padding:13px 10px;
    vertical-align:middle; 
    text-align:center; font-weight:bold;
    outline:0;
    -webkit-box-shadow:inset 0 0 0 1px #fff;
            box-shadow:inset 0 0 0 1px #fff;
}
.tabLinks a:first-child { border-left:0; }
.tabLinks a:hover, 
.tabLinks a:focus,
.tabLinks a.active { background:#d8d8d0; }
.tabLinks a span { display:block; position:relative; }
.tabLinks .active span { color:#333; }

.panels {
    -webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}
.panels .panel { display:none; }
.panels .active { display:block; }

/* TAB VARIETIES */

.tabContent { margin-top:15px; border:1px solid #e0e1dc; }
.tabContent .tabLinks { background:#d3d3c7; }
.tabContent .tabLinks a { 
    font-size:.9em;
    border-left:0;  
    padding:1em .5em; 
    -webkit-box-shadow:inset 0 0 0 0 transparent;
            box-shadow:inset 0 0 0 0 transparent;
}
.tabContent .tabLinks a:hover, .tabContent .tabLinks a:focus { background:transparent; }
.tabContent .tabLinks a.active { color:#333; background:#fff; cursor:default; }
.tabContent .panels .panel { padding:10px 20px 20px; }

.itemTabs { border:1px solid #d8d7d3; }
.itemTabs .tabLinks { table-layout:fixed; border-bottom:1px solid #d8d7d3; font-size:1.8em; font-family:"Roboto Slab", serif; }
.itemTabs .tabLinks a { padding:10px; }
.itemTabs .panels { padding:12px;  }
.itemTabs .panels a.item { color:#60564f;  }
.itemTabs .panels a.item:hover , .itemTabs .panels a.item:focus { 
    color:#056839; 
    -webkit-box-shadow:1px 1px 2px 1px rgba(0,0,0,.3); 
            box-shadow:1px 1px 2px 1px rgba(0,0,0,.3); 	
}

.slideTabs { margin-bottom:30px; }
.slideTabs .tabLinks { display:none; margin-bottom:20px; border:1px solid #d8d7d3; background:#e4e3e1; }
.slideTabs .tabLinks a { 
    display:block;
    border-left:1px solid #d8d7d3;
    -webkit-box-shadow:inset 0 0 0 1px #fff;
            box-shadow:inset 0 0 0 1px #fff;
}
.slideTabs .tabLinks a:first-child { border-left:0; }
.slideTabs .tabLinks a:hover, 
.slideTabs .tabLinks a:focus,
.slideTabs .tabLinks a.active { background:#d8d8d0; }
.slideTabs .tabLinks a span { display:block; position:relative; z-index:10; }
.slideTabs .tabLinks .active span { color:#333; }

.slideTabs.isTabMenu { margin-bottom:20px; }
.slideTabs.isTabMenu .tabLinks { border:0; }
.slideTabs.isTabMenu .tabLinks a { 
    border-left:3px solid #fff; 
    -webkit-box-shadow:inset 0 0 0 0 transparent;
            box-shadow:inset 0 0 0 0 transparent;
}
.slideTabs.isTabMenu .tablinks a:first-child { border-left:0; }

.slideTabs .tabLinks a[class*="color"] span { color:#fff; }
.slideTabs .tabLinks a[class*="color"] span:before { 
    content:""; 
    position:absolute; 
    z-index:1; 
    left:-3%; top:-45%; 
    width:105%; height:175%;
    border:1px solid rgba(255,255,255,.45);
}

.slideTabs .panel .row > div { padding:20px; }
.slideTabs .panel .title { margin-bottom:.3em; font-family:"Open Sans", sans-serif; font-size:1.4em; }

.panel .rail /*.panelAside*/ .title { font-weight:800; }

.panel .main /*.panelMain*/ .featuredItem .content { padding:15px 20px; position:static; }
.panel .main /*.panelMain*/ .featuredItem .content .title { margin-bottom:.5em; font-size:1.1em; }
.panel .main /*.panelMain*/ .featuredItem .content p { margin-bottom:0; font-size:.8em; }

.minimalTabs { margin:0 10px 20px; }
.minimalTabs .tabLinks { display:none; margin-bottom:-1px; overflow:hidden; background:transparent; }
.minimalTabs .tabLinks a { display:block; border-bottom:1px solid #d4d4c8; }

.minimalTabs .tabLinks a span:after { display:none; }
.minimalTabs .panels { border:1px solid #d4d4c8; border-top-width:0; }
.minimalTabs .panel { padding:46px 5% 40px; }
.minimalTabs .panel .articleList,
.minimalTabs .panel .articleList .itemList { margin:0; }
.minimalTabs .panel .videoList .item { margin-bottom:30px; }
.minimalTabs .panel .videoList .aside { padding-top:0; }

@media screen and (min-width:30em){
    .panel .main /*.panelMain*/ .featuredItem .content { position:absolute; }
}

@media screen and (min-width:48em){
    .tabToggle { display:none; } 
    
    .tabLinks { display:table; }
    .tabLinks a { display:table-cell; }
    .tabLinks .active span:after { 
        content:" "; 
        position:absolute;
        z-index:5;
        top:110%; left:50%; 
        margin-left:-15px; 
        border-top:15px solid #d8d7d3;
        border-left:18px solid transparent;
        border-right:18px solid transparent;	
    }
    
    .slideTabs .tabLinks { display:table !important; }
    .slideTabs .tabLinks a { display:table-cell; }
    .slideTabs .tabLinks .active span:after { 
        top:100%;
        margin-left:-28px; 
        border-top:26px solid #d8d7d3;
        border-left:28px solid transparent;
        border-right:28px solid transparent;	
    }
    .slideTabs .panel .row > div { vertical-align:top; padding:20px 20px 20px 30px; }
    .slideTabs .panel .row > .main /*.panelMain*/ { width:65%; padding:0; }
    .slideTabs .panel .row > .rail /*.panelAside*/ { padding:20px 20px 20px 30px; }

    .minimalTabs { margin:0 0 20px; }
    .minimalTabs .tabLinks { display:block !important; }
    .minimalTabs .tabLinks a {
        float:left;
        border:1px solid transparent;
        border-radius:5px 5px 0 0;
        padding:8px 30px 5px;
        font-family: "Roboto Slab", serif;
        font-size:1.25em;
        -webkit-box-shadow:0 0 0 transparent;
                box-shadow:0 0 0 transparent;
    }
    .minimalTabs .tabLinks .active { border-color:#d4d4c8; border-bottom-color:transparent; background:#fff; }
    .minimalTabs .tabLinks .active span { color:#63534a; }
    .minimalTabs .panels { border-top-width:1px; }
    .minimalTabs .panel .videoList .aside { padding-left:0; }
    .minimalTabs .panel .videoList .content { padding-top:15px; padding-left:25px; }
}


/* STORE Styles
   ========================================================================== */

/* DETAIL PAGE */
.indicators { min-width:1px; min-height:30px; }
.indicators .indicator { padding-left:22px; }
.indicator { 
    display:inline-block; 
    margin-bottom:5px; 
    padding:8px 10px 8px 35px;
    height:30px;
    vertical-align:middle; 
    font-size:12px; 
    background:url(/Content/themes/eatright/images/store/sprite-store.png) no-repeat 0 0;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.indicator.new { color:#6a9d3a; }
.indicator.sale { color:#e22627; background-position:0 -33px; }
.indicator.download { color:#756ea4; background-position:0 -67px; }

.itemDetails { position:relative; }
.itemDetails .row .column { padding:10px 0; vertical-align:top; }
.itemDetails .row .column ul { padding-left:20px; list-style:disc; }
.itemDetails .item .title { margin:0 0 .2em; }
.itemDetails .item .details { font-size:14px; }
.itemDetails .item .author { font-size:14px; }
.itemDetails .item .image img { margin:10px auto; }
.itemDetails .item .description { margin:15px 0; }
.itemDetails .item ul li { margin:0 0 5px; }

.itemDetails a.more { font-weight:bold; color:#f2674a; }
.itemDetails a.more:hover, .itemList a.more:focus { color:#056839; }
.itemDetails a.more:after { display:none; }

.storeItem .itemDetails { min-height: 350px; }

.itemDetails .orderBox { 
    padding:20px;
    background:#f7f7f7; 
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.orderBox { color:#3f3f3f; }
.orderBox .sale { font-weight:bold; color:#f1523f; }
.orderBox dl { margin:0 0 10px; font-size:15px; }
.orderBox dd { margin-left:0; font-weight:bold; }
.orderBox .inputRow { margin:0 0 10px; font-size:15px; }
.orderBox .submitBtns { margin-top:35px; }
.orderBox .submitBtns .btn { display:block; padding:.5em; width:100%; }

.itemDetails .addthis_toolbox { margin:20px 10px; text-align:center; }
.itemDetails .addthis_toolbox > a { padding:0; width:50%; text-align:left; }

.storeItem .minimalTabs .panel { padding:30px 25px 15px; font-size:14px; }
.storeItem .minimalTabs .panel ul:first-child { margin-top:0;  }
.storeItem .minimalTabs .panel ul li { margin: 0 0 5px; }

@media screen and (min-width:48em){
    .itemDetails .row .column { padding:0; }
    .itemDetails .orderBox { margin-top:20px; width:220px; }
}

@media screen and (min-width:52em){
    .itemDetails .content { margin-left:20px; padding-left:33.333%; }
    .itemDetails .content .image { position:absolute; top:10px; left:0; width:33.333%; padding-right:10px; }
    .itemDetails .item .image img { margin:10px 0; }	
    .itemDetails .details { padding-right:25px; }
}

/* DEPARTMENT PAGE */

.sectionTitle { margin-bottom:5px; font-size:28px; color:#63534a; }
.store .departmentTitle { font-size:40px; } 

.departmentBanner { position:relative; border:8px solid #f2f2f2; padding:20px 30px; background-color:#fff; background-repeat:no-repeat; background-position:left bottom; }
.departmentBanner .item .content { padding:0; }
.departmentBanner .title { margin-bottom:5px; font-size:25px; line-height:1.1; }
.departmentBanner .description { margin:0; font-size:20px; font-weight:bold; }
.departmentBanner .description .btn { margin-bottom:5px; vertical-align:middle; min-width:110px; font-size:14px; }
.departmentBanner .item .aside { display:none; position:absolute; bottom:0; right:0; }

.sectionNav { background:#f7f7f7; }
.sectionNav .title { margin:0; border:2px solid #e8e8e8; padding:10px 0; text-align:center; font-size:16px; font-weight:normal; background:#f1f1f1; }
.sectionNav ul { margin:0; padding:10px 0; list-style:none; }
.sectionNav ul li { margin:0 0 5px; padding-left:24px; }
.sectionNav ul a { display:block; padding:3px 10px 3px 0; font-size:14px; font-weight:bold; color:#60564f; }
.sectionNav ul a:focus, .sectionNav ul a:hover, .sectionNav ul .active a { color:#f04438; }
.sectionNav ul .active { background:#ebebeb; }

.featuredList .row { display:block; margin-bottom:10px; overflow:hidden; }
.featuredList .row > div,
.featuredList .row > .column {
    padding:10px 0;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.featuredList a { text-align:center; font-weight:bold; line-height:1.2; }
.featuredList a .title { font-family:"Open Sans", sans-serif; }
.featuredList .item .content { padding:10px 0; }

.department .popularItems.itemScroll .itemList .item { margin: 0 35px;
width: 252px;
text-align: left; }/*280px width adjust to width 252px for showing two items in desktop view*/
.department .popularItems.itemScroll .itemList .item .aside,
.department .popularItems.itemScroll .itemList .item .content { display:table-cell; vertical-align:top; }  
.department .popularItems.itemScroll .itemList .item .content { padding:0 5px 10px 10px; font-size:14px; }
.department .popularItems.itemScroll .itemList .item .content .title { font-family:"Open Sans", sans-serif; }
.department .popularItems.itemScroll .itemList .item .content .description { }
.department .popularItems.itemScroll .itemList .item .aside { padding-left:5px; width:100px;height:auto; line-height: inherit; }
.department .popularItems .swiper-slide .item .more { padding-top:10px; text-align:left; }
.department .popularItems .swiper-tools { display:none; }
.department .popularItems.itemScroll .aside img{vertical-align: top;}/**verticall alignment top added**/
@media all and (device-width: 768px) and (orientation:portrait) {
  .department .popularItems.itemScroll .itemList .item {
        margin: 0 0 0 35px;
        text-align: left;
        width: 200px;
    }
     .department .popularItems.itemScroll .content .title{
        width: 47px;
        word-wrap: break-word;
        display: inline-block;
     }
     .department .popularItems.itemScroll .modContent:after{
      background: none repeat scroll 0 0 #fff;
      bottom: 0;
      content: " ";
      height: 200px;
      left: 0;
      position: absolute;
      width: 40px;
      z-index: 2147483647;
     }
}
 @media all and (max-width: 767px) and (min-width: 0px) {
    .department .popularItems.itemScroll .itemList .item {
        margin: 0 0 0 0px;
        text-align: left;
        width: 288px;
    }
}
@media screen and (min-width:30em){
    .featuredList .row > div,
    .featuredList .row > .column { float:left; width:50%; padding:10px; }
}

@media screen and (min-width:40em){
    .departmentBanner .item .aside { display:block; }
    .departmentBanner .item .content { max-width:50%; }
    .departmentBanner .title { font-size:30px; }
    .departmentBanner .description { font-size:25px; }
}

@media screen and (max-width:47.9em){
    .sectionNav { height:auto !important; }
}

@media screen and (min-width:48em){
    
    .sectionNav:first-child { margin-top:50px; }
    
    .featuredList .row > div,
    .featuredList .row > .column { margin-left:3%; padding:0; width:22.75%; }

    .featuredList .row > div:first-child,
    .featuredList .row > .column:first-child { margin-left:0; }
    
    .sectionTitle { position:absolute; top:0; left:-33%; margin-left:15px; }
    .departmentTitle { position:absolute; top:0; left:-33%; margin-left:15px; }
    .departmentTitle + div { margin-top:24px; }
    
    .department .popularItems .swiper-tools { display:block; }
    
    .departmentBanner .title { font-size:50px; line-height:1; }
    .departmentBanner .item .aside { display:none; }
    .departmentBanner .item .content { max-width:100%; }
}

@media screen and (min-width:60em){
    .departmentBanner .item .aside { display:block; } 
    .departmentBanner .item .content { max-width:75%; }	
}


/* LISTING PAGE */
.storeListing .itemList { font-size:1em; }
.storeListing .itemList li { border-bottom:1px solid #e0e1dc; padding:10px 0; }
.storeListing .itemList li:first-child { border-top:1px solid #e0e1dc; }
.storeListing .itemList .aside img { margin-top:4px;  }
.storeListing .itemList .content .title { line-height:1.2; }
.storeListing .itemList .content .more { font-weight:bold; }
.storeListing .orderBox .submitBtns { margin-top:15px; }

@media screen and (min-width:30em) {
    .storeListing .itemList .aside { padding-left:0; width:100px; }
    .storeListing .itemList .aside, .storeListing .itemList .content { vertical-align:top; }
    .storeListing .itemList .orderBox { display:table-cell; vertical-align:top; padding:.5em; width:100px; }
}
@media screen and (min-width:36em) {
    .storeListing .itemList .aside,
    .storeListing .itemList .aside a { width:120px }
    .storeListing .itemList .orderBox { width:180px; padding-left:15px; padding-right:15px; }
}

@media screen and (min-width:48em) {
    .storeListing .itemList .aside,
    .storeListing .itemList .aside a { width:140px; padding-right:15px; }
    .storeListing .itemList .orderBox { width:150px; }
}

@media screen and (min-width:52em) {
    .storeListing .itemList .aside,
    .storeListing .itemList .aside a { width:160px; }
    .storeListing .itemList .orderBox { width:180px; }
}


/* SHOPPING CART */
.shoppingCart { margin:0 10px; }
.shoppingCart .pageTitle { display:inline-block; margin:0 0 .5em; font-size:40px; }
.shoppingCart .loginReminder { border:0; padding-top:20px; font-size:14px; }
.shoppingCart .loginReminder a { font-weight:600; }

.shoppingCart .orderList { clear:both; padding:0; }
.shoppingCart .orderList li { position:relative; border-bottom:1px solid #e0e1dc; padding:10px 0 20px; }
.shoppingCart .orderList li .removeLink { position:absolute; bottom:10px; right:10px; font-size:11px; color:#313131; }

.shoppingCart .orderList .columnLabels { padding:5px 0; font-family:"Roboto Slab", serif; font-size:15px; font-weight:bold; text-align:center; }
.shoppingCart .orderList .columnLabels .item { display:none; }
.shoppingCart .orderList .columnLabels .column:first-child { text-align:left; }

.shoppingCart .orderList .content .type { display:block; margin:3px 0; font-weight:bold; font-size:12px; }
.shoppingCart .orderList .content dl { margin:3px 0; padding:0; font-size:13px; }
.shoppingCart .orderList .content dt,
.shoppingCart .orderList .content dd { display:inline-block; vertical-align:top; }
.shoppingCart .orderList .content dd { margin-left:2px; }

.shoppingCart .item .content img { float:none; margin-bottom:5px; max-width:120px; }

.shoppingCart .cartChanges { margin-top:20px; border-top:1px solid #868782; padding-top:25px; }
.shoppingCart .updateChanges { 
    padding:15px; 
    text-align:center;
    -webkit-box-sizing: border-box;	
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.shoppingCart .updateChanges .btn { display:block; padding:.7em; font-size:14px; font-weight:bold; }

.cartPrint { display:inline-block; margin:20px 30px 15px; font-size:14px; color:#313131; } 
.cartPrint:before { display:inline-block; padding:0 8px 3px 0; vertical-align:middle; font-size:1.2em; color:#696969; }
.cartPrint:hover, .cartPrint:focus { color:#056839; }
.cartPrint:hover:before , .cartPrint:focus:before { color:#056839; }

.orderSummary .title { margin:0; padding:12px; text-align:center; font-size:1.1em; color:#fff; background:#6a629b; }
.orderSummary .orderDetails { border:1px solid #cecece; border-top:0; padding:15px 25px 20px; background:#f8f8f8; }
.orderSummary .orderDetails dl { margin:0; font-size:1.1em; }
.orderSummary .orderDetails dt { width:60%; }
.orderSummary .orderDetails dd { padding-right:0; font-weight:bold; }
.orderSummary .orderDetails .detail + .btn { margin-top:35px; }

@media screen and (min-width: 30em){
    .shoppingCart .item .content img { float:left; max-width:130px; }
}

@media screen and (min-width: 40em){
    .shoppingCart .pageTitle { float:left; }
    .shoppingCart .loginReminder { float:right; }
    .shoppingCart .orderList .columnLabels .item { display:block; }
    .shoppingCart .orderList .columnLabels .item .column:first-child { width:63%; }
    .shoppingCart .orderList .item .column:first-child { padding-left:20px; padding-right:20px; width:61%; }
    
    .shoppingCart .orderList .item .column.quantity { width:45px; text-align:center; }
    .lt-ie10 .shoppingCart .orderList .item .column.quantity label { display:none !important; }
    .shoppingCart .orderList .item .column.price { width:65px; text-align:center; }
    .shoppingCart .orderList .item .column.total { padding:0; width:100px; text-align:center; }		
    
    .shoppingCart .promoCode { float:left; margin-left:2%; width:61%; }
    .shoppingCart .updateChanges { float:right; width:35%; }
    
}

@media screen and (min-width:48em) {
    .shoppingCart { margin:0; }
    .orderSummary { margin-left:20px; }
}


/* LOGIN PAGE */

.loginMod.mod { margin:15px 15px 0; }
.loginMod.mod .modHead { margin-bottom:10px; }
.loginMod.mod .modHead .title { top:5px; padding-left:0; font-size:22px; color:#313131; }
.loginMod .formee fieldset {
    padding:20px; 
    font-size:15px;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0; 
}

.loginMod .formee fieldset input,
.loginMod .formee fieldset select { font-size:15px; }
.loginMod .formee fieldset a { font-size:13px; } 
.loginMod .formee fieldset a.forgot { margin-left:10px; }
.loginMod .formee .submitBtns { margin:30px 0 20px; text-align:center; }
.loginMod .formee .submitBtns .btn { padding:10px 20px; font-size:16px; }

@media screen and (min-width:48em){
    .loginMod.mod { margin:30px 5px 0; }
}


/* VIDEOS
   ========================================================================== */

.videoPage .featuredVid { padding-top:3px; border-top:2px solid #d2d3cd; }
.videoPage .featuredVid:before { 
    content: "";
    position: absolute;
    z-index: 1;
    left: 0;
    top: -4px;
    width: 100%;
    height: 1px;
    background: #d2d3cd;
}
.videoPage .featuredVid .videoItem .aside a { z-index:1; }
.videoPage .featuredVid .videoItem .aside a:after { background:url(/Content/themes/eatright/images/buttons/btn-play-dark@2x.png) no-repeat 50% 50%; background-size:120px 120px; }
.no-backgroundsize .videoPage .featuredVid .videoItem .aside a:after { background-image:url(/Content/themes/eatright/images/buttons/btn-play-dark.png); }

.videoPage .featuredVid .videoItem .content { padding:20px 0 0; }
.videoPage .featuredVid .videoItem .title { margin:-5px 0 0; font-size:33px; font-family:"Open Sans", sans-serif; }
.videoPage .featuredVid p { font-size:.9em; }
.videoPage .featuredVid .author { margin-top:-7px; }
.videoPage .featuredVid .details { font-size:.75em; font-style:italic; }
.videoPage .featuredVid .details dl { display:inline-block; min-width:270px; }
.videoPage .featuredVid .details dt, 
.videoPage .featuredVid .details dd { display:inline-block; }
.videoPage .featuredVid .details dd { margin-left:2px; }
.videoPage .featuredVid .more { color:#f04438; }
.videoPage .featuredVid .more:hover, .videoPage .featuredVid .more:focus { color:#056839; }

.videoList .itemList .aside { max-width:294px; width:100%; }
.videoList .itemList .videoItem .aside a { z-index:10; }
.videoList .itemList .videoItem .aside a:after { background-image:url(/Content/themes/eatright/images/buttons/btn-play-dark-small.png); }
.videoList .aside img { border-width:7px; }
.videoList .item .title { font-family:"Open Sans", sans-serif; font-size:1.4em; }
.videoList .item .content, .videoList .item .aside { vertical-align:top; }

.loadMore { text-align:center; }
.loadMore .btn { min-width:150px; font-size:14px; color:#fff; }
.loadMore .btn:hover, .loadMore .btn:focus { color:#fff; }

@media screen and (min-width:30em){
    .videoList .itemList .aside { width:200px; }
}
@media screen and (min-width:48em){
    .videoPage .featuredVid .videoItem { padding:54px 86px 45px; }
    .videoPage .featuredVid a.videoItem .aside:after,
    .videoPage .featuredVid .videoItem .aside a:after { background-size:190px 190px; }
    .videoList .itemList .aside { width:294px; }
    
}

/* ================================================================
   THIRD PARTY TOOL STYLES 
   ================================================================ */

/* Carousels
   ========================================================================== */

/* Defaults */
.swiper-container {
    margin:0 auto;
    padding:2px 0;
    position:relative;
    overflow:hidden;
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
    -o-backface-visibility:hidden;
    backface-visibility:hidden;
    z-index:1;
}
.swiper-wrapper {
    position:relative;
    width:100%;
    -webkit-transition-property:-webkit-transform,left,top;
    -webkit-transition-duration:0s;
    -webkit-transform:translate3d(0px,0,0);
    -webkit-transition-timing-function:ease;
    -moz-transition-property:
    -moz-transform,left,top;
    -moz-transition-duration:0s;
    -moz-transform:translate3d(0px,0,0);
    -moz-transition-timing-function:ease;
    -o-transition-property:-o-transform,left,top;
    -o-transition-duration:0s;
    -o-transform:translate3d(0px,0,0);
    -o-transition-timing-function:ease;
    -o-transform:translate(0px,0px);
    -ms-transition-property:-ms-transform,left,top;
    -ms-transition-duration:0s;
    -ms-transform:translate3d(0px,0,0);
    -ms-transition-timing-function:ease;
    transition-property:transform,left,top;
    transition-duration:0s;
    transform:translate3d(0px,0,0);
    transition-timing-function:ease;
}
.swiper-free-mode>.swiper-wrapper{
    -webkit-transition-timing-function:ease-out;
    -moz-transition-timing-function:ease-out;
    -ms-transition-timing-function:ease-out;
    -o-transition-timing-function:ease-out;
    transition-timing-function:ease-out;
    margin:0 auto;
}
.swiper-slide{ float:left; text-align:center; }
.swiper-wp8-horizontal{-ms-touch-action:pan-y;}
.swiper-wp8-vertical{-ms-touch-action:pan-x;}

.swiper-items.swiper-container { padding:2px; }
.swiper-items .swiper-wrapper { padding-left:0 !important; }
.swiper-items .more { display:block; color:#f2674a; }
.swiper-items .more:after { display:none; }

/* Buttons */
.swiper-topics + .swiper-tools .buttons,
.swiper-banners + .swiper-tools .buttons { display:none; }
.swiper-topics + .swiper-tools .buttons div,
.swiper-banners + .swiper-tools .buttons div {
    display:block;
    position:absolute;
    z-index:10;
    top:35%;
    width:45px; height:45px;
    font-size: 12px;
    text-indent:-9999em;
    border-radius: 45px;
    cursor:pointer;
    color:#cc7c28;
    background: #f1f1ea;
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0);
            box-shadow: 1px 1px 1px rgba(0,0,0,0);		
    -webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}
.swiper-banners + .swiper-tools .buttons div { top:70%; }

.swiper-topics + .swiper-tools .buttons div:hover,
.swiper-banners + .swiper-tools .buttons div:hover { 
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.5);
            box-shadow: 1px 1px 1px rgba(0,0,0,.5);	
}

.swiper-topics + .swiper-tools .btn-prev { left:10px; }
.swiper-banners + .swiper-tools .btn-prev { right:60px; }
.swiper-topics + .swiper-tools .btn-next,
.swiper-banners + .swiper-tools .btn-next { right:10px; }
.swiper-topics + .swiper-tools .btn-prev:before,
.swiper-banners + .swiper-tools .btn-prev:before {
    content:"";
    position:absolute;
    top:11px; left:12px;
    width:23px; height:23px;
    background:url(/Content/themes/eatright/images/sprite-arrows.png) no-repeat 0 0;
}
.swiper-topics + .swiper-tools .buttons .btn-next:before,
.swiper-banners + .swiper-tools .buttons .btn-next:before {
    content:"";
    position:absolute;
    top:11px; right:12px;
    width:23px; height:23px;
    background:url(/Content/themes/eatright/images/sprite-arrows.png) no-repeat right 0;
}

.swiper-items .swiper-tools, 
.swiper-featured .swiper-tools { padding:1em 0 .5em; }
.swiper-items .swiper-tools .btn-prev,
.swiper-featured .swiper-tools .btn-prev { float:left; font-size:.9em; padding:.2em .35em .3em .25em; }
.swiper-items .swiper-tools .btn-next,
.swiper-featured .swiper-tools .btn-next { float:right; font-size:.9em; padding:.2em .25em .3em .35em; }
.swiper-items .swiper-tools .btn:before,
.swiper-items .swiper-tools .btn:after,
.swiper-featured .swiper-tools .btn:before,
.swiper-featured .swiper-tools .btn:after { padding:0; }

.swiper-tools { text-align:center; }
.swiper-tools .pagination { display:inline-block; padding:.25em 0; }
.swiper-featured .swiper-tools .pagination,
.swiper-items .swiper-tools .pagination { display:inline; float:none;  }
.swiper-tools .swiper-pagination-switch {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: #d8d8ce;
    margin: 0 3px;
    cursor: pointer;
}

.swiper-tools .swiper-active-switch,
.swiper-tools .swiper-pagination-switch:hover {
    background: #b0006d;
}

/* 3d Flow version */

.swiper3dWrap { position:relative; overflow:hidden; height:160px; }
.swiper-banners { width:540px; margin-left:-45%; }
.no-csstransforms3d .swiper-banners { width:100%; margin:0; }

.swiper-banners .swiper-slide {
    width: auto;
    height: 140px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.no-csstransforms3d .swiper-banners,
.no-csstransforms3d .swiper-banners .swiper-slide { height:140px !important; }

.csstransforms3d .swiper-banners .swiper-slide a {
    position:absolute;
    left:0; top:0;
    width:100%; height:100%;	
}

.swiper-banners a.item:hover, .swiper-banners a.item:focus { background:none; -webkit-box-shadow:0 0 0 rgba(0,0,0,0); box-shadow:0 0 0 rgba(0,0,0,0); }
.swiper-banners a.item img, .swiper-banners a.item img {
    -webkit-box-shadow: 1px 1px 2px 1px rgba(0,0,0,0);
            box-shadow: 1px 1px 2px 1px rgba(0,0,0,0);
    -webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}
.swiper-banners a.item:hover img, .swiper-banners a.item:focus img {  
    -webkit-box-shadow: 1px 1px 2px 1px rgba(0,0,0,.3);
            box-shadow: 1px 1px 2px 1px rgba(0,0,0,.3);
}

.swiper-banners, .swiper-banners .swiper-wrapper, .swiper-banners.swiper-slide {
    -webkit-transform-style:preserve-3d;
    -moz-transform-style:preserve-3d;
    -o-transform-style:preserve-3d;
    -ms-transform-style:preserve-3d;
    transform-style:preserve-3d;
}
.swiper-banners {
    -webkit-perspective:1200px;
    -moz-perspective:1200px;
    -o-perspective:1200px;
    perspective:1200px;
}
.swiper-banners .swiper-wrapper { perspective:1200px; }

.swiper-slide-shadow-left, .swiper-slide-shadow-right, 
.swiper-slide-shadow-top, .swiper-slide-shadow-bottom { display:none; }


@media screen and (min-width:30em){
    .swiper-banners { width:840px; margin-left:-35%; }
}
@media screen and (min-width:48em){
    .swiper3dWrap { height:190px; }
    .swiper-banners { width:840px; margin-left:-24%; padding-bottom:20px; }
}

/*FORMS */

/********************************************************************

Project: Formee - http://www.formeeee.org
Launched: 
Version: 3.1
Authors: Bernard De Luna - http://www.bernarddeluna.com
         Daniel Araujo - http://www.dnlaraujo.com.br
         Marcello Manso - http://www.marcellomanso.com.br

********************************************************************
Structure
********************************************************************/

/* fix  ff bugs */
.formee:after, .formee div:after, .formee ol:after, .formee ul:after, .formee li:after, .formee dl:after {
    content:".";
    display:block;
    clear:both;
    visibility:hidden;
    height:0;
    overflow:hidden;
}

/* Form Structure */

.formee {margin:0;padding:0;}
.formee ul{margin:0px;padding:0px;}
.formee fieldset {
    border: 1px solid #d4d4d4;
    position: relative;
    height:100%;
    padding: 1.2em 0;
    margin: 0 0 4em;
}
.formee legend {
    margin-left:1%;
    margin-right:1%;
    padding: 0.5% 0.5% 0.8%;
}
.formee h3 {
    margin:2em 1% .8%;
    padding: 0.5% 0.5% 0.8%;
}

/* input without label */ .formee-no-lbl {position:relative;padding-bottom:0;}
/* input without label */ .formee-no-lbl input,  .formee-no-lbl label,  .formee-no-lbl span,  .formee-no-lbl ul,  .formee-no-lbl p {position:absolute;bottom:0;}

/* hide element */ .formee-hidden { display:none !important; visibility:hidden !important; }

/* multiple containers inside field-grid */
.formee .floatLeft {
    clear:none;
    float:left !important;
    margin-right:0.3em !important;
}
.formee .floatRight {
    clear:none;
    float:right !important;
    margin-left:0.3em !important;
}


/* form elements  */
.formee-lbl, .formee label {
    display: block;
    height: auto;
    margin: 0.2em 0 0.3em;
}

/*EP - this broke matrix controls. don't think we need this anyway. got mike a's blessing.
    .formee td label {
    display: inline-block !important;
}*/

.formee .formee-txt, 
.formee input[type="text"],
.formee input[type="search"],
.formee input[type="email"],
.formee input[type="url"],
.formee input[type="tel"],
.formee input[type="number"],
.formee input[type="range"],
.formee input[type="date"],
.formee input[type="month"],
.formee input[type="week"],
.formee input[type="time"],
.formee input[type="datetime"],
.formee input[type="datetime-local"],
.formee input[type="color"],
.formee input[type="password"],
.formee input[type="file"],
.formee textarea,
.formee select {
	margin-bottom:10px;
	vertical-align: middle;
	/*line-height: 1.1em;*/
	width: 100%;
	/*padding:10px;*/
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
    border-width: 1px !important;
    border-style: solid !important;
    border-color:#c6c6c6 !important;
}

.formee .k-dropdown {
    margin-bottom:10px;
	vertical-align: middle;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
    background: white !important;
    *width: 99%;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;
}


.formee .k-dropdown .k-invalid-msg{
    margin-top: 10px;
}

.formee .k-dropdown-wrap {
    height: 1.88em !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-color:#c6c6c6 !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;
	background: #f8f8f8 !important;
	font-size:16px !important;
	font-family:inherit !important;
    padding:0px 4px !important;
}
.formee textarea {height: 10em;}
.formee select 
{
    /*padding:9px;
    height:2.7em;*/
}

.formee-req {
    position: relative;
    top:3px;
}

.formee-list {
    height: 100%;
    list-style: none;
    padding:0;
    margin:0;
}
.formee-list li, .formee-list li {
    margin: 0 0.6em 0.8em;
    float:left;
    display: inline-block;
    list-style:none;
}
.formee-list input {margin-right: 0.2em}

.formee-list-vertical {
    list-style:none;
    padding:0;
    margin:0;
}
.formee-list-vertical li {
    float:none;
    display:block;
}

/* input size */
.formee-small {
    width: 30% !important;
    float:left;
    margin-right: 10px;
    display:inline;
/*ie7*/
*width: 25% !important;
}

.formee-medium {
    width: 50% !important;
    float:left;
    margin-right: 10px;
    display:inline;
/*ie7*/
*width: 45% !important;
}



/********************************************************************

Project: Formee - http://www.formeeee.org
Last Updated: 
Version: 3.1
Authors: Bernard De Luna - http://www.bernarddeluna.com
         Daniel Araujo - http://www.dnlaraujo.com.br
         Marcello Manso - http://www.marcellomanso.com.br
             

********************************************************************
Style
********************************************************************/

.formee fieldset {
    background:#fff;
    /*corner*/
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

/* hover effect */
.grid-1-12:hover, .grid-2-12:hover, .grid-3-12:hover, .grid-4-12:hover, .grid-5-12:hover, .grid-6-12:hover, .grid-7-12:hover, .grid-8-12:hover, .grid-9-12:hover, .grid-10-12:hover, .grid-11-12:hover, .grid-12-12:hover {}
.field-button:hover {background:transparent;}


/* Form legend and titles */

.formee 
{
    /*font: normal 10px/1.1em Arial,Sans-Serif;*/
}
.formee legend, .formee h3 {
    font-size:3em;
    line-height:1.2em;
    letter-spacing: -.035em;
    color:#2b2b2b;
    font-weight: normal;
}

/* form elements  */
.formee-lbl, .formee label {
    color:#2b2b2b;
    /*font-size:1.4em;
    line-height: 1.3em;*/
    font-weight:normal;
    vertical-align:middle;
}

.formee-bold { font-weight:bold !important; }

.formee-list .formee-lbl, .formee-list label {
    display: inline;
    height: auto;
    margin: 0.5em 0 0.8em 2px;
    vertical-align:top !important;
}

em.formee-req {
    font-weight: bold;
    font-style:normal;
    color:#390;
    font-size:1.2em;
    line-height: .85em;
}

.formee .formee-txt,
.formee input[type="text"],
.formee input[type="search"],
.formee input[type="email"],
.formee input[type="url"],
.formee input[type="tel"],
.formee input[type="number"],
.formee input[type="range"],
.formee input[type="date"],
.formee input[type="month"],
.formee input[type="week"],
.formee input[type="time"],
.formee input[type="datetime"],
.formee input[type="datetime-local"],
.formee input[type="color"],
.formee input[type="password"],
.formee input[type="file"],
.formee textarea,
.formee select
{
	background: #f8f8f8;
	color:#313131;
	font-size:16px;
	font-family:inherit;
	padding:4px 10px;
}

.formee .formee-txt::-webkit-input-placeholder,
.formee input[type="text"]::-webkit-input-placeholder,
.formee input[type="search"]::-webkit-input-placeholder,
.formee input[type="email"]::-webkit-input-placeholder,
.formee input[type="url"]::-webkit-input-placeholder,
.formee input[type="tel"]::-webkit-input-placeholder,
.formee input[type="number"]::-webkit-input-placeholder,
.formee input[type="range"]::-webkit-input-placeholder,
.formee input[type="date"]::-webkit-input-placeholder,
.formee input[type="month"]::-webkit-input-placeholder,
.formee input[type="week"]::-webkit-input-placeholder,
.formee input[type="time"]::-webkit-input-placeholder,
.formee input[type="datetime"]::-webkit-input-placeholder,
.formee input[type="datetime-local"]::-webkit-input-placeholder,
.formee input[type="color"]::-webkit-input-placeholder,
.formee input[type="password"]::-webkit-input-placeholder,
.formee input[type="file"]::-webkit-input-placeholder,
.formee textarea::-webkit-input-placeholder { color:#313131; }

.formee select {
	padding:4px 5px 4px 10px;
	background: #fafafa;
	color:#313131;
}
.formee .formee-txt:hover,
.formee input[type="text"]:hover,
.formee input[type="search"]:hover,
.formee input[type="email"]:hover,
.formee input[type="url"]:hover,
.formee input[type="tel"]:hover,
.formee input[type="number"]:hover,
.formee input[type="range"]:hover,
.formee input[type="date"]:hover,
.formee input[type="month"]:hover,
.formee input[type="week"]:hover,
.formee input[type="time"]:hover,
.formee input[type="datetime"]:hover,
.formee input[type="datetime-local"]:hover,
.formee input[type="color"]:hover,
.formee input[type="password"]:hover, 
.formee input[type="file"]:hover,
.formee textarea:hover,
.formee select:hover,
.formee .k-dropdown-wrap:hover{
	color:#666 !important;
	background: #fff none !important;
	border-color:#c6c6c6 !important;
}
.formee .formee-txt:focus,
.formee input[type="text"]:focus,
.formee input[type="search"]:focus,
.formee input[type="email"]:focus,
.formee input[type="url"]:focus,
.formee input[type="tel"]:focus,
.formee input[type="number"]:focus,
.formee input[type="range"]:focus,
.formee input[type="date"]:focus,
.formee input[type="month"]:focus,
.formee input[type="week"]:focus,
.formee input[type="time"]:focus,
.formee input[type="datetime"]:focus,
.formee input[type="datetime-local"]:focus,
.formee input[type="color"]:focus,
.formee input[type="password"]:focus,
.formee input[type="file"]:focus,
.formee textarea:focus,
.formee select:focus  {
    color:#333;
    background: #fff none;
    border-color:#659ec9 #70aedd #a8cfec;
    outline: 0;
}


/* form msg status  */

.formee-msg-note {
    display:block;
    margin: -10px 0 0.8em;
    padding:0 7px 1px;
    font-size:0.875em;
    color:#acacac;
}

.formee-msg-info, .formee-msg-warning, .formee-msg-error, .formee-msg-success {
    display: block;
    height: auto;
    margin: 0 0 15px;
    padding:10px 7px 1px;
    font-size:0.875em;
    clear:both;
    color:#2b2b2b;
    /*corner*/
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.formee-msg-info-small, .formee-msg-warning-small, .formee-msg-error-small, .formee-msg-success-small {
    padding:5px 20px 0;
    border: 1px solid #ccc;
    display: block;
    height: auto;
    margin: 0 0 15px;
    clear:both;
    color:#2b2b2b;
    /*corner*/
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-size:0.7em
}

.formee-msg-info ul, .formee-msg-warning ul, .formee-msg-error ul, .formee-msg-success ul {
    margin: 0px 0px 10px 27px;
    
}
.formee-msg-info li, .formee-msg-warning li, .formee-msg-error li, .formee-msg-success li {
    list-style: none;
    padding:0;	
    margin-bottom: .4%;
    font-size:1.0em;
    line-height:1.1em;
    vertical-align: top;
}

.formee-msg-info h3, .formee-msg-warning h3, .formee-msg-error h3, .formee-msg-success h3 {
    font-size:1.1em;
    line-height:1.5em;
    letter-spacing:-.02em;
    padding:0;
    margin:0 0 .3em 0;
}

.formee-msg-info-small h3, .formee-msg-warning-small h3, .formee-msg-error-small h3, .formee-msg-success-small h3 {
    font-size:1.4em;
    line-height:1em;
    letter-spacing:-.02em;
    padding:0;
    margin:0 0 .3em 0;
}


.formee-msg-info {border-color:#bcdfef; background-color:#d1ecf7;}
.formee-msg-info h3{background:  url(/cms/images/forms/form-ic-info.png) no-repeat 0px 3px;padding-left:25px;}
.formee-msg-info-small {border-color:#bcdfef; background-color:#d1ecf7;}
.formee-msg-info-small h3{background:  url(/cms/images/forms/form-ic-info-small.png) no-repeat 0px 0px;padding-left:25px;}
.formee-msg-warning {border-color:#fceb77;background-color:#fff6bf;}
.formee-msg-warning h3 {background:  url(/cms/images/forms/form-ic-warning.png) no-repeat 0px 3px;padding-left:25px;}
.formee-msg-warning-small {border-color:#fceb77; background-color:#fff6bf;}
.formee-msg-warning-small h3 {background:  url(/cms/images/forms/form-ic-warning-small.png) no-repeat 0px 0px;padding-left:25px;}
.formee-msg-error {border-color:#f6abab;background-color:#fad0d0;}
.formee-msg-error h3{background: url(/cms/images/forms/form-ic-error.png) no-repeat 0px 3px;padding-left:25px;}
.formee-msg-error-small {border-color:#f6abab; background-color:#fad0d0;}
.formee-msg-error-small h3{background: url(/cms/images/forms/form-ic-error-small.png) no-repeat 0px 0px;padding-left:25px;}
.formee-msg-success {border-color:#d0f1a6;background-color:#e5f8ce;}
.formee-msg-success h3{background: url(/cms/images/forms/form-ic-success.png) no-repeat 0px 3px;padding-left:25px;}
.formee-msg-success-small {border-color:#d0f1a6; background-color:#e5f8ce;}
.formee-msg-success-small h3{background: url(/cms/images/forms/form-ic-success.png) no-repeat 0px 3px;padding-left:25px;}

.formee-msg-success strong, .formee-msg-success a{color:#62b548;}
.formee-msg-info strong, .formee-msg-info a {color:#11689e;}
.formee-msg-warning strong, .formee-msg-warning a {color:#957210;}
.formee-msg-error strong, .formee-msg-error a {color:#b01717;}
.formee-msg-error-label { color: #B01717 !important; }

/* form validation */
input.formee-error,
select.formee-error,
textarea.formee-error {
    border-color: #FAD0D0 !important;
    color: #b01717 !important;
  /* shadow */
  -moz-box-shadow: 0 0 3px 0 rgba(176,23,23,.4);
  -webkit-box-shadow: 0 0 3px 0 rgba(176,23,23,.4);
  box-shadow: 0 0 3px 0 rgba(176,23,23,.4);
}

label.formee-error,
label.formee-red,
label.formee-error em.formee-req,
label.formee-red em.formee-req {
    font-weight: bold;
    font-style:normal;
    color: #b01717 !important;
}

label.formee-error em,
em.formee-error,
em.formee-red {
    font-weight: bold;
    font-style:normal;
    color: #b01717 !important;
    font-size:1.2em;
    line-height: .85em;
}


/* ## NEW Limit Text Box formee-offset fix ## */
.formee .limitTextBoxBar { margin:-15px 0 15px 0; }

@media (min-width: 48em) {
    .formee .container { padding:0 5px; }
    .formee .container [class*="grid_"] { padding:0 5px; }
}

/* WILL WANT TO GO OVER THIS VERSION OF PAGETOOLS (would like to avoid * as much as possible) */

.pageTools>*+* {margin-left:3px;}
.pageTools a.addfav {display:block; float:right; padding:0 0 0 22px; margin-right:10px; line-height:18px; color:#000000; background:url('/content/themes/eatright/images/addfav_bg.png') 0px -22px no-repeat;}
.pageTools a.addfav:hover {text-decoration:none;}
.pageTools a.addfav:active {background-position:0px 0px;}
.pageTools a.fav {display:block; float:right; padding:0 0 0 22px; margin-right:10px; line-height:18px; color:#000000; background:url('/content/themes/eatright/images/addfav_bg.png') 0px 0px no-repeat;}
.pageTools a.fav:hover {text-decoration:none;}


/* HAWKSEARCH
   ========================================================================== */

#querydiv { margin-left:-21px; }
    
.main .hawksearch .itemWrapper { display:table; float:none; width:100%; }
.hawksearch .itemWrapper .itemLink,
.hawksearch .itemWrapper .itemContent { display:table-cell; vertical-align:top; }

.hawksearch .itemWrapper .itemLink { padding-bottom:20px; width:150px; }
.hawksearch .itemLink .itemImage { 
    border:7px solid #f2f2f2;
    max-width:100%;
    height:auto !important;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.hawksearch .itemWrapper .itemContent { padding-left:20px; text-align:left; }

.hawksearch .searchView { margin-bottom:1em; }
.hawksearch .searchView .btnWrapper { display:block; position:relative; margin-bottom:10px; }
.hawksearch .searchView .btnWrapper .btn { display:block; }

.hawksearch .searchView .btnWrapper .btn {
    margin-bottom:-8px; 
    border-color:#f04538; border-width:0 0 8px 0;
    padding-bottom:1px;
    font-family:"Roboto Slab", serif;
    font-weight:600;
    font-size:20px;
    color:#f04538;
    background:none; 
    filter:none; 
    border-radius:0; 
}
.hawksearch .searchView .btnWrapper .btn:hover, 
.hawksearch .searchView .btnWrapper .btn:focus {
    text-shadow: inherit;
    -webkit-box-shadow: inherit;
    box-shadow: inherit;
}

.hawksearch .searchView .btnWrapper.btnAlt:after { display:none; }
.hawksearch .searchView .btnWrapper.btnAlt .btn { border-color:#f0f0f0; font-weight:400; color:#056839; }
.hawksearch .searchView .btnWrapper.btnAlt .btn:hover, 
.hawksearch .searchView .btnWrapper.btnAlt .btn:focus { color:#f04538; }


.hawksearch .mainControls { margin:10px 0; overflow:hidden; }
.hawksearch .mainControls .pagination { margin:0; float:none; }
.hawksearch .mainControls .filters { margin-bottom:5px; text-align:center; }
.hawksearch .pagination .paging { margin:10px; padding-top:10px; clear:both; text-align:center; font-size:16px; }
.hawksearch .pagination .paging .total { display:block; margin:5px 0; font-size:13px; }
.hawksearch .paging .hawkpglink:hover,
.hawksearch .paging .hawkpglink:focus { 
    border-color:#bbb;
    background:#e8e7e5;
    -webkit-box-shadow: inset 0 0 1px 1px #fff;
            box-shadow: inset 0 0 1px 1px #fff;
}

.hawksearch .paging .hawkpglink,
.hawksearch .paging .active { display:inline-block; margin-bottom:5px; border:1px solid #d7d8d3; padding:5px 10px; }
.hawksearch .paging .active { 
    font-weight:600;
    background:#e8e7e5;
    -webkit-box-shadow: inset 0 0 1px 1px #fff;
            box-shadow: inset 0 0 1px 1px #fff;
}

.hawksearch .paging .hawkpglink.arrowRight { width:15px; text-indent:-9999em; }
.hawksearch .paging .hawkpglink.arrowRight:after { 
    position:absolute; 
    content:" ";
    top:50%; left:50%;
    margin:-4px 0 0 -3px;
    border:4px solid transparent;
    border-left:5px solid #056839;
}
.hawksearch .paging .hawkpglink.arrowRight:hover:after,
.hawksearch .paging .hawkpglink.arrowRight:focus:after {
    border-left-color:#313131;
}

.hawksearch .paging .hawkpglink.arrowLeft { width:15px; text-indent:-9999em; }
.hawksearch .paging .hawkpglink.arrowLeft:before { 
    position:absolute; 
    content:" ";
    top:50%; left:50%;
    margin:-4px 0 0 -7px;
    border:4px solid transparent;
    border-right:5px solid #056839;
}
.hawksearch .paging .hawkpglink.arrowLeft:hover:after,
.hawksearch .paging .hawkpglink.arrowLeft:focus:after {
    border-left-color:#313131;
}

#hawkbottompager .listingControls { margin-top:10px; border-top:1px solid #eaeae8; padding-top:15px; }


.hawkitemlist .itemList .item { margin-bottom:10px; }
.hawkitemlist .itemList .item .aside { padding-right:15px; }
.hawkitemlist .itemList .item .content { padding-left:0; padding-top:0; }
.hawkitemlist .itemList .item .title { margin-bottom:0; font-size:1.55em; font-family:inherit; line-height:1.3; }

/* jg - color? */
.hawkitemlist .breadcrumb ul { margin:0; padding:0; list-style:none; }
.hawkitemlist .breadcrumb ul li { display:inline-block; margin:0; padding:0; color:#777; }
.hawkitemlist .breadcrumb ul li a { color:#C44393; }
.hawkitemlist .breadcrumb ul li a:hover,
.hawkitemlist .breadcrumb ul li a:focus { color:#056839; }
.hawkitemlist .breadcrumb ul li.separator { padding-left:4px; }
.hawkitemlist .breadcrumb ul li.separator:after { content:"/"; }


@media screen and (min-width:30em){
    .hawksearch .mainControls .filters { float:left; text-align:left; } 
    .hawksearch .mainControls .pagination .view { float:right; }

    .hawkitemlist .itemList .item .aside { padding:0; width:150px; vertical-align:top; }
    .hawkitemlist .itemList .item .aside a { width:150px; }
    .hawkitemlist .itemList .item .aside + .content { padding-left:20px; }	
}

@media screen and (min-width:48em) {
    #querydiv { margin-left:-71px; }
    
    .hawksearch .searchView { border-bottom:8px solid #f0f0f0; }
    .hawksearch .searchView .btnWrapper { margin-bottom:0; }
    .hawksearch .searchView .btnWrapper,
    .hawksearch .searchView .btnWrapper .btn { display:inline-block; }
    .hawksearch .searchView .btnWrapper:after {
        content:" ";
        position:absolute;
        bottom:-18px; left:50%;
        margin-left:-5px;
        border:5px solid transparent;
        border-top-color:#f04538;
    }
}

/* HAWKSEARCH RAIL */

#hawkbannertop { text-align: center; }

#hawkfacets { padding-bottom:30px; background:#f7f7f7; }

.hawkRailHeader { border:2px solid #e8e8e8; text-align:center; background:#f1f1f1; font-family:"Roboto Slab", serif; font-weight:400; cursor:pointer; }
.hawkRailHeader:after {
    content: "\25be";
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.hawkRailHeader.active:after { content:"\25b4"; }
.hawkRailNav { display:none; }

.hawkRailHeader,
.hawkRailNav .guidedNavWrapper { padding:15px 20px 10px; }
.hawkRailNav .guidedNavWrapper { position:relative; }
.hawkRailNav .guidedNavWrapper:first-child { padding-bottom:0; }
.hawkRailNav .navhdng { margin-bottom:5px; font-size:1.2em; font-family:"Roboto Slab", serif;  }

.hawkRailNav .facetfilters { margin:0; padding:0; list-style:none; font-size:14px; }
.hawkRailNav .facetfilters li { padding:3px 0; }
.hawkRailNav .facetfilters li a { display:block; position:relative; padding:0; vertical-align:middle; }
.hawkRailNav .facetfilters .iconCheckbox { float:left; margin-top:1px; margin-bottom:5px; }
.hawkRailNav .facetfilters .iconCheckbox:before { content:" "; display:inline-block; border:1px solid #c7c7c9; margin-right:8px; width:15px; height:15px; vertical-align:top; background:#fff; }
.hawkRailNav .facetfilters a { font-weight:bold; color:#60564f; }
.hawkRailNav .facetfilters a:hover, 
.hawkRailNav .facetfilters a:focus,
.hawkRailNav .facetfilters .hawkFacet-active a { color:#ef3b33; }
.hawkRailNav .facetfilters .hawkFacet-active .iconCheckbox:after { content: "\2713"; position:absolute; left:1px; top:1px; font-size:16px; color:#c5352a; }
.hawkRailNav .facetfilters input { border:1px solid #60564f; }
.hawkRailNav .facetfilters .iconCheckbox:after {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.hawkRailNav .navGroup .navScrollList { 
    position: relative;
    margin: 7px 0 0 0; 
    border: 1px solid #e0dfdf; 
    padding: 0 10px 10px 10px; 
    list-style-type: none; 
    background: #fff;
    overflow-y: auto;
}

.hawkRailNav .navGroupHdng { margin:0; font-family:"Roboto Slab", serif; font-size:1em; }

.hawkRailNav .selectedGroup { border-bottom:1px solid #d6d7d2; padding: 10px 10px 18px; font-size:14px; }
.hawkRailNav .selectedGroup:first-child { border-top: 0; }
.hawkRailNav .selectedGroup ul { margin:0 0 0 20px; padding:0; list-style:none; }
.hawkRailNav .selectedGroup ul li { display:inline-block; }
.hawkRailNav .selectedGroup ul li:after { content:","; font-weight:bold; }
.hawkRailNav .selectedGroup ul li:last-child:after { display:none; }
.hawkRailNav .selectedGroup a { display:inline-block; margin-bottom:3px; font-weight:bold; color:#ef3b33; }
.hawkRailNav .selectedGroup a:after { 
    content:"X"; 
    display:inline-block;	
    vertical-align:top;
    margin:0 4px 0 8px;
    border:1px solid #c75942;
    padding:1px 5px;	
    text-align:center;
    font-size:12px;
    font-weight:600;
    cursor: pointer;
    color:#fff;
    background: #e0704b;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UwNzA0YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNzM1MzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0704b), color-stop(100%,#f73533)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e0704b 0%, #f73533 100%);
    background:    -moz-linear-gradient(top, #e0704b 0%, #f73533 100%);
    background:     -ms-linear-gradient(top, #e0704b 0%, #f73533 100%);
    background:      -o-linear-gradient(top, #e0704b 0%, #f73533 100%);
    background:         linear-gradient(to bottom, #e0704b 0%, #f73533 100%);
    border-radius:3px;
}
.hawkRailNav .selectedGroup a:hover:after,
.hawkRailNav .selectedGroup a:focus:after {  
    text-shadow: 1px  1px 1px #d5030a;
    -webkit-box-shadow: inset -1px -1px 1px #d5030a, inset 1px 1px 1px rgba(255,255,255,.3), 1px 1px 2px rgba(0,0,0,.3);
    box-shadow: inset -1px -1px 1px #d5030a, inset 1px 1px 1px rgba(255,255,255,.3), 1px 1px 2px rgba(0,0,0,.3);
}
.hawkRailNav .selectedGroup .iconXSquareRed { display:inline-block; text-indent:-9999em; }

.hawkRailNav .clearSelected { position:absolute; top:15px; right:10px; }
.hawkRailNav .clearSelected a { font-size: 12px; font-weight:bold; color:#ef3b33; }
.hawkRailNav .clearSelected a:after { content:"X"; margin-left:5px; }
.hawkRailNav .clearSelected a:hover,
.hawkRailNav .clearSelected a:focus,
.hawkRailNav .clearSelected a:active { text-decoration: underline; }

.navGroup input[type="text"] { 
    border:1px solid #e0dfdf;
    width:100%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

.navGroup .resultsSearch { position:relative; }
.navGroup .resultsSearch label { display:block; float:none; margin-bottom: 5px; font-size: 1.2em; font-family: "Roboto Slab", serif; font-weight:bold; }
.navGroup .resultsSearch div.floatLeft { position:absolute; top:0; right:-10px; }
.navGroup .resultsSearch div.floatLeft a { color:#ef3b33; font-size:12px !important; font-weight:bold; }
.navGroup .resultsSearch div.floatLeft a:after { content:"X"; margin-left:5px; }
.navGroup .resultsSearch div.floatLeft a:hover,
.navGroup .resultsSearch div.floatLeft a:focus { text-decoration:underline; }
.navGroup .resultsSearch input[type="text"] { display:inline-block; width:72%; height:32px; }
.navGroup .resultsSearch .btnWrapper { display:inline-block; width:25%; }
.navGroup .resultsSearch .btnWrapper .btn { display:block; }   



@media screen and (min-width:48em) {
    .hawkRailNav { display:block !important; }
    .hawkRailHeader.active:after { display:none; }
}

/* HAWK MINI LIST */

.row .hawkminiitemlist { position:relative; border-top:1px solid #ebebe9; padding:20px 20px 30px 25px; background:#fff; }
.row .hawkminiitemlist:first-child { border:0; }

.hawkminiitemlist .listTitle { display:table; width:100%; }
.hawkminiitemlist .listTitle > span { display:table-cell; vertical-align:bottom; }
.hawkminiitemlist .listTitle .titleImg { 
    padding-right:10px; width:70%; 
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.listTitle .titleImg img { max-width:100%; width:100%; height:auto !important; }

.hawkminiitemlist .itemList .item { display:table; width:100%; }
.hawkminiitemlist .itemList .item .aside,
.hawkminiitemlist .itemList .item .content { display:table-cell; vertical-align:top; }
.hawkminiitemlist .itemList .item .aside { padding-left:0; padding-right:15px; width:70px; }
.hawkminiitemlist .itemList .item .content { padding-left:0; vertical-align:top; }
.hawkminiitemlist .itemList .item .title { font-family:"Open Sans", sans-serif; font-weight:bold; }
.hawkminiitemlist .itemList .item .title a { color:#056839; }
.hawkminiitemlist .itemList .item .title a:hover,
.hawkminiitemlist .itemList .item .title a:focus { color:#313131; }

.hawkminiitemlist .more { color:#f1523f; font-weight:bold; font-size:14px; }
.hawkminiitemlist .more:hover, .hawkminiitemlist .more:focus { color:#60564f; }
.hawkminiitemlist .more:after { display:none; }

@media screen and (min-width:30em){
    .hawkminiitemlist .listTitle .titleImg { width:45%; }
}

@media screen and (min-width:48em){
    .row .hawkminiitemlist { border-top:0; border-left:1px solid #ebebe9; padding-bottom:95px; }
    .hawkminiitemlist .listTitle .titleImg { width:70%; }
    .hawkminiitemlist .itemList .item { margin-bottom:10px; }
    .hawkminiitemlist .more { position:absolute; left:0; bottom:45px; width:100%; text-align:center; }
    
}


/* =================================================================
                        PRINT STYLES
===================================================================*/

@media print {
  * { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; }

  a, a:visited { text-decoration: underline; }  
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }

  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
  
  .mainBar { border-bottom:1px solid #000; padding-bottom:10px; }
  .logoArea { width:300px !important; }
  .mainCol { margin-bottom:0 !important; } 
  .footerBtm { padding:0 !important; }
  .topBar, .siteTools, .btmBar, .navRail, .rail, .btmContent, .footerTop, .footerMid,
  .toolRow, .prev, .next, .filters, .pagination, .addthis_toolbox, .addthis-smartlayers,
  .tabToggle, .itemScroll, .itemScrollRail { display:none !important; }
}



/* Store Price List table */
.store-price-table tbody {
    margin-bottom: 15px;
}

.store-price-table td,
.store-price-table th {
    padding: 5px 12px;
    text-align: center;
    border: 1px solid #6A629B;
}

.store-price-table th {	
    color: #fff;
    font-weight: bold;
    background-color: #6A629B;
    border-color: #fff;
}

.store-price-table .spacer td {
    border: none;
}

.store-price-table th:first-child,
.store-price-table td:first-child {
    min-width: 147px;
    text-align: left;
}

.articleList .modContent .itemList .videoItem .aside:before {
display: block!important;
background-size: 25px 25px;
}

.articleList .modContent .itemList .videoItem .aside:after {
display: block!important;
background-size: 25px 25px;
}
    
    
.secure-link {
    display: inline!important;
    position: relative;
    top: -3px;
}

.author:before {
content: "";
}


.extraCallout .articleList .modContent .title {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.extraCallout .articleList .modContent .content
{
    display: block;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.extraCallout .articleList .modContent .content:hover {
    display: block;
    box-shadow: 1px 1px 2px 1px rgba(0,0,0,.3);
    background: #f2f2f2;
}

.extraCallout .articleList .modContent .item:hover {
    box-shadow: none;
    background: #f2f2f2;
}

.extraCallout .articleList .modContent .content p {
    font-weight: normal;
    margin-bottom: 0.2em;
}


.AcademyUpdateCallout li {
    font-size: 0.9em;
    padding: 5px 0;
    border-bottom: 1px solid #e7e7e7;
}

.grid_12 .popularItems .swiper-container {
    width: 885px;
}

.grid_12 .swiper-topics + .swiper-tools .buttons div {
    left: -22px;
}

.grid_12 .swiper-topics + .swiper-tools .buttons div.btn-next {
    left: auto;
     right: -22px;
}

.itemScroll .itemList .aside {
    height: 200px;
    line-height: 200px;
}

.store .itemList .aside img
{
    max-height: 200px;
    display: inline-block;
    vertical-align: middle;
}
.subMenu .itemList .item .aside span {
background-size: cover;
}
.store .itemList .aside img {
    max-height: 100%;
    max-width: 100%;
    display: inline-block;
    margin:0 auto;
}
.store .itemList .item .aside a { display:block;height: 125px;width:125px; }
.featuredCallout .itemScrollRail .modContent {
    padding-bottom: 45px
}

.boilerPlateText {
    font-size: 0.7em !important;
}

.BoilerPlateTextVideo {
    margin-top: 20px !important;
}