/* ---------------------------------------------------------------------
Original Author: Chris Cheney
Contributors: Michael Start, Peter Marty

Target Browsers: All
Media Type: Screen, Projection
Width: All Sizes
------------------------------------------------------------------------ */

/* ---------------------------------------------------------------------
 Header
------------------------------------------------------------------------ */
.header { margin-top: 20px; }

.header-hd { margin-bottom: 25px; }

.mix-hdg_product {
    font-family: "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif;
}

/* ---------------------------------------------------------------------
 Logo
------------------------------------------------------------------------ */
.logo {
    width: 75px;
    height: 74px;
    margin: 0 auto 30px auto;
}

/* ---------------------------------------------------------------------
 Menu
------------------------------------------------------------------------ */
.menu-list { text-align: center; }

.menu-list > * {
    width: 73px; /* set for word break on mobile */
    padding: 0 11px;
    vertical-align: middle;
}

.menu-list > * + * {
    margin-left: 0;
    border-left: 2px solid;
    border-color: #858380;
}

.menu-list-item-link {
    display: inline-block; /* set for word break on mobile */
    width: 76px;    /* set for word break on mobile */
    font: 700 12px/1.0 "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif;
    letter-spacing: 1px;
    color: #008da9;
    text-decoration: none;
    text-transform: uppercase;
}

.no-touch .menu-list-item-link:hover { color: #006a7f; }

.mix-menu-list-item_mobileOverride.menu-list-item_isHovered .menu-list-item-link {
    position: relative;
    z-index: 12;
}

/*------------------------------------------------------------------------
 Category Links
------------------------------------------------------------------------*/
.categoryLinks {
    font: 700 13px/1.0 "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif;
    letter-spacing: 1px;
    text-decoration: none;
    text-transform: uppercase;
}

.categoryLinks-item {
    line-height: 1.8;
}

.categoryLinks-item-anchor {
    text-decoration: none;
}

.categoryLinks-item-anchor_appetite {
    color: #ed6c4c;
}

.categoryLinks-item-anchor_behavior {
    color: #e9b637;
}

.categoryLinks-item-anchor_physical {
    color: #b7ca2f;
}

.mix-categoryLinks-item-anchor_isActive {
    padding-left: 10px;
    position: relative;
}

.mix-categoryLinks-item-anchor_isActive:before {
    position: absolute;
    margin-top: -3px;
    top: 50%;
    left: 0;
    content: "";
    width: 0;
    height: 0;
    border-left: 5px solid inherit;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
}

.categoryLinks-item-anchor_appetite.mix-categoryLinks-item-anchor_isActive:before {
    border-left: 5px solid #61bacc;
}

.categoryLinks-item-anchor_behavior.mix-categoryLinks-item-anchor_isActive:before {
    border-left: 5px solid #e9b738;
}

.categoryLinks-item-anchor_physical.mix-categoryLinks-item-anchor_isActive:before {
    border-left: 5px solid #b0ca5b;
}

/* ---------------------------------------------------------------------
 Sub Nav
------------------------------------------------------------------------ */
.subNav-col-header {
    font: 700 14px/1.0 "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif;
    color: #008da9;
    text-transform: uppercase;
}

.subNav_fitParent {
    width: auto;
    right: 0;
    left: 0;
    top: -10px;
    padding: 60px 15px 10px;
}

/* ---------------------------------------------------------------------
 Header Intro
------------------------------------------------------------------------ */
.headerIntro-hd {
    margin-bottom: 10px;
    font: 300 24px/1.0 "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif;
    color: #6f6d5e;
    text-align: center;
}

.headerIntro-bd {
    font: 400 13px/1.4 "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif;
    color: #6f6d5e;
    text-align: center;
}

/* ---------------------------------------------------------------------
 Search
------------------------------------------------------------------------ */
.search-bd {
    margin-bottom: 0;
    border: 3px solid #d3d0c0;
}

/* ---------------------------------------------------------------------
 Portal
------------------------------------------------------------------------ */
.portal-nav-link { color: #008caa; }

/* ---------------------------------------------------------------------
 Tabs
------------------------------------------------------------------------ */
.tabs-nav-link {
    font: 700 13px/1.0 "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif;
    color: #158da7;
}

/* ---------------------------------------------------------------------
 Lesser Nav
------------------------------------------------------------------------ */

.lesserNav-list-item-link {
    color: #008da9;
}

.lesserNav-list-item-link:hover {
    color: #006a7f;
}

.lesserNav-list-item_cta > * {
    color: #ffffff;
    background-color: #b4c950;
}

.lesserNav-list-item_cta > *:hover {
    color: #ffffff;
    background-color: #0090aa;
}

/* ---------------------------------------------------------------------
 Buttons
------------------------------------------------------------------------ */
.btn {
    font: 700 13px/1.0 "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif;
    color: #ffffff;
    background: #0090aa;
}

.no-touch .btn:hover {
    color: #ffffff;
    background: #006a7f;
}

.btn_alt {
    background: #b4c950;
    font: 500 13px/1.0 "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif;
}

.no-touch .btn_alt:hover { background: #0090aa; }

.btn_bazaar { font: 700 11px/1.0 "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif; }

.btn_clear {
    font-size: 10px;
    font-weight: 700;
    background: rgba(194, 191, 173, 0.6);zoom
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.no-touch .btn_clear:hover { background: #766f67; }

.btn_action { background: #b4c950; }
.no-touch .btn_action:hover { background: #6b9726; }

.buy-now-btn { background: #0090aa; }
.no-touch .buy-now-btn:hover { background: #006a7f; }

.btn_hero {
    font: 700 14px/1 "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif;
    letter-spacing: 0;
}

.btn_inverted {
    font-size: 11px;
    background-color: #ffffff;
    color: #0090aa;
    padding: 9px 13px;
}

.no-touch .btn_inverted:hover {
    background-color: #ffffff;
    color: #006a7f;
}

.mix-mediaOverlay-panel_appetite .btn_inverted {
    color: #ed6c4c;
}

.no-touch .mix-mediaOverlay-panel_appetite .btn_inverted:hover {
    color: #45adc0;
}

.mix-mediaOverlay-panel_behavior .btn_inverted {
    color: #e9b637;
}

.no-touch .mix-mediaOverlay-panel_behavior .btn_inverted:hover {
    color: #e3a51f;
}

.mix-mediaOverlay-panel_physical .btn_inverted {
    color: #b9ca3e;
}

.no-touch .mix-mediaOverlay-panel_physical .btn_inverted:hover {
    color: #a1be42;
}

.btn_cta {
    border: 0;
}

/* ---------------------------------------------------------------------
 Hero
------------------------------------------------------------------------ */
.hero sup {
    font-size: 25%;
}

.hero-cta {
    font: 700 12px/1.05 "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif;
}

.hero-cta-pre {
    width: 30px;
    height: 30px;
    margin-bottom: 8px;
    -o-border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    border: 1px solid;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

.hero-cta-pre > * {
    width: 100%;
    position: absolute;
}

.hero-cta-pre_appetite,
.hero-cta-pre_appetite .svgIcon {
    color:  #ed6c4c;
    stroke:  #ed6c4c;
    stroke-width: 2px;
    fill: none;
}

.hero-cta-pre_behavior,
.hero-cta-pre_behavior .svgIcon {
    color: #e9b738;
    stroke: #e9b738;
    stroke-width: 2px;
    fill: none;
}

.hero-cta-pre_physical,
.hero-cta-pre_physical .svgIcon {
    color: #b0ca5b;
    stroke: #b0ca5b;
    stroke-width: 2px;
    fill: none;
}

.hero-cta-hd {
    margin-bottom: 10px;
}

.hero_wbh .hero-cta {
    margin-bottom: 166px;
}

.hero_wbh .hero-cta-hd {
    font-size: 26px;
}

/* ---------------------------------------------------------------------
 zoomHero
------------------------------------------------------------------------ */

.zoomHero-wrap-subCta > .btn {
    color: #ffffff;
    background-color: #b4c950;
}

/* ---------------------------------------------------------------------
 Media Review
------------------------------------------------------------------------ */
.mediaReview {
    background-color: #6cb9ca;
}

/* ---------------------------------------------------------------------
 ParaLinker
------------------------------------------------------------------------ */
.paraLinker {
    background-color: #0091ae;
}

.paraLinker-ft > .btn {
    background-color: #b4c950;
    color: #ffffff;
}

.paraLinker-ft > .btn:hover,
.no-touch .paraLinker-ft > .btn:hover {
    background-color: #006a7f;
}

/* ---------------------------------------------------------------------
 Switch CTA
------------------------------------------------------------------------ */
.switchCta-hd {
    margin-bottom: 30px;
    font: 300 28px/1 "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif;
}

.switchBtn {
    font: 700 13px/1 "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif;
    background-color: #b4c950;
}

/* ---------------------------------------------------------------------
 Icons
------------------------------------------------------------------------ */
.icon_logo {
    width: 75px;
    height: 74px;
    background: transparent url(../images/logo_cats.png) 0 0 no-repeat;
    background-size: 75px 74px;
}

.icon_dropdown { background: url(../images/icons/icon_arrow_down_white.png) no-repeat center center; }

.icon_ex { background: transparent url('../images/icons/icon_ex-mobile_cat.png') 0 0 no-repeat; }

/* ---------------------------------------------------------------------
 Feature
------------------------------------------------------------------------ */
.feature-hd { text-transform: none; }

.feature-hd-heading {
    font: 300 21px/1.25 "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif;
    color: #0090aa;
    text-transform: none;
}


.feature-hd-datetime {
    font: 500 12px/1.0 "ff-meta-serif-web-pro", Georgia, Times, "Times New Roman", serif;
    color: #0090aa;
}

/* ---------------------------------------------------------------------
 Page
------------------------------------------------------------------------ */
.page { border-color: #0090aa; }

.mix-page_borderTop {  border-color: #0090aa; }

.mix-page_borderBottom {  border-color: #0090aa; }

.page-hd {
    background-color: #ffffff;
    background-color: rgba(255, 255, 255, 0.60);
}

.mix-page-hd_transparent {
    background-color: transparent;
}

.mix-page_light { background: none; }

.page-bd-aside-hd {
    font: 700 13px/1.53 "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif;
    letter-spacing: 0.78px;
    color: #4c4940;
}

.mix-page-interact_borderTop { border-color: #0090aa; }

/* ---------------------------------------------------------------------
 Custom Select
------------------------------------------------------------------------ */
.jumpMenu { border-color: #a9a9a9; }

.no-touch .jumpMenu-list-link:hover { background: #cceaf0; }

.jumpMenu-list-link {
    font: 400 13px/1.0 "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif;
    color: #0090aa;
    text-decoration: none;
}

.jumpMenu-trigger { background-color: #0090aa; }

.no-touch .jumpMenu-trigger:hover { background-color: #006a7f; }

/* ---------------------------------------------------------------------
 Filter
------------------------------------------------------------------------ */
.filter-select-hd {
    font: 700 15px/1.0 "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif;
    color: #565656;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.filter-feature-hd {
    font: 700 15px/1.0 "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif;
    color: #565656;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.filter-feature-bd {
    width: 150px;
    padding-top: 25px;
    font: 700 11px/1.2 "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif;
    color: #1870aa;
    text-transform: uppercase;
}

.filter-feature-bd-rating {
    font: 700 13px/1.4 "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif;
    color: #565656;
}

.filter-feature-link {
    color: #0090aa;
    text-decoration: none;
}

.filter-category-hd { font: 700 13px/1.4 "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif; }

/* ---------------------------------------------------------------------
 Speech
------------------------------------------------------------------------ */
.speech-bd-bubble { background: url(../images/bg_speech_cat.png) no-repeat; }

.speech-bd-bubble_small { background: url(../images/bg_speech_cat_small.png) no-repeat; }

.speech-bd-context-link {
    font: 700 12px/1.4 "ff-meta-serif-web-pro", Georgia, Times, "Times New Roman", serif;
    color: #008da9;
}

.speech-ft a {
    color: #0090aa;
    text-decoration: none;
    text-transform: uppercase;
}

.speech-ft { font: 700 10px/1 "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif; }

.speech-bd-context { font: 300 12px/1.2 "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif; } /* Changed font-size to 12px as original 10px was illegible using Futura font */

/* ---------------------------------------------------------------------
 Product Title
------------------------------------------------------------------------ */
.details-hd {
    font: 400 14px/1.0 "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif;
    letter-spacing: 1px;
    color: #9b9b9b;
    text-transform: uppercase;
}
.details-subHd {
    font: 400 30px/1.0 "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif;
    color: #cd7828;
    text-transform: uppercase;
}

/* ---------------------------------------------------------------------
 Gauge
------------------------------------------------------------------------ */
.gauge-hd {
    border-color: #118eab;
    font: 700 17px/1.0 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    color: #118eab;
}

/* ---------------------------------------------------------------------
 Text Links
------------------------------------------------------------------------ */
.textLinks > * > * {
    display: block;
    font: 400 14px/1.2 "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif;
    color: #008da9;
    text-decoration: none;
}

/* ---------------------------------------------------------------------
 Box Links
------------------------------------------------------------------------ */
.boxLinks > * > * {
    font: 700 14px/1.2 "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif;
    color: #008da9;
}

/* ---------------------------------------------------------------------
 Footer
------------------------------------------------------------------------ */
.footer { background-color: #fdfbf8; }

/*.footer-nav > *:last-child a { color: #a71c20; }*/

/* ---------------------------------------------------------------------
 Article Promo
------------------------------------------------------------------------ */
.articlePromo { border-color: #0090aa; }

.articlePromo-text {
    font-family: "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif;
    line-height: 1.2;
}

/* ---------------------------------------------------------------------
 Forms
------------------------------------------------------------------------ */
.label {
    font: 700 10px/1.4 "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif;
    color: #0090aa;
}

.label_signup {
    color: #6d6a6a;
}

.label_isDisabled { color: #aaaaaa; }

.legend { font-family: "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif; }

.legend_large { font-weight: 500; }

.legend-highlight {
    font-family: "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif;
    color: #0090aa;
}

/* ---------------------------------------------------------------------
 Search Form
------------------------------------------------------------------------ */
.searchForm-results,
.searchForm-search-field {
    border-right: none;
    border-bottom: 1px solid #d3d3d2;
}

.searchForm-results { border-top: none; }

.searchForm-results a {
    font: 500 16px/1.6 "ff-meta-serif-web-pro", Georgia, Times, "Times New Roman", serif;
    color: #b5c431;
}

.results-hgroup { font-family: "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif; }

.results-hgroup-link > *:after { background: url('../images/icons/icon_arrowBack-cat.png'); }

/* ---------------------------------------------------------------------
 Location Form
------------------------------------------------------------------------ */
.locationForm .label {
    color: #4c4940;
    font-weight: 500;
}

/* ---------------------------------------------------------------------
 Inputs
------------------------------------------------------------------------ */
.input_search {
    font: 500 16px/1.6 "ff-meta-serif-web-pro", Georgia, Times, "Times New Roman", serif;
    color: #b5c431;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 9px 37px 7px 11px;
}

.input_search.no-theme {
    color: #4C4940;
}

.input_search.no-theme.input_search_small {
    padding-left: 10px;
    color: #989898;
    font-size: 18px;
    font-family: "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif;
}

.input_search.no-theme.input_search_small::-webkit-input-placeholder { color: #989898; }
.input_search.no-theme.input_search_small:-moz-placeholder { color: #989898;}
.input_search.no-theme.input_search_small::-moz-placeholder { color: #989898; }
.input_search.no-theme.input_search_small:-ms-input-placeholder { color: #989898; }

.input_search::-webkit-input-placeholder { color: #b5c431; }
.input_search.no-theme::-webkit-input-placeholder { color: #4C4940; }

.input_search:-moz-placeholder { color: #b5c431;}
.input_search.no-theme:-moz-placeholder { color: #4C4940;}

.input_search::-moz-placeholder { color: #b5c431; }
.input_search.no-theme::-moz-placeholder { color: #4C4940; }

.input_search:-ms-input-placeholder { color: #b5c431; }
.input_search.no-theme:-ms-input-placeholder { color: #4C4940; }

.input_submit {
    top: 6px;
    background-image: url(../images/icons/theme-search-magnifier_cats.png);
    background-size: inherit;
}
.input_submit.no-theme { background-image: url(../images/icons/search-magnifier.png); }

/*.checkboxOverlay { background: transparent url("../images/icons/checkbox-overlay-sprite_cat.png") 0 -16px no-repeat; }*/

/* ---------------------------------------------------------------------
 Tile
------------------------------------------------------------------------ */
.tile {
    padding-top: 42px;
    padding-bottom: 42px;
}

.tile-hd,
.tile-inner-hd {
    font: 700 14px/1.14 "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif;
    color: #ffffff;
}

.tile-inner-hd {
    text-transform: capitalize;
    font-size: 25px;
}

.tile-hd a,
.tile-inner-hd a { color: #ffffff; }

.tile-inner-bd {
    font-family: "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif;
    color: #ffffff;
}

/* ---------------------------------------------------------------------
 Counter
------------------------------------------------------------------------ */
.counter-type,
.counter-count {
    font-family: "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif;
    font-weight: 700;
    color: #ffffff;
}

/* ---------------------------------------------------------------------
 Category Blocks
------------------------------------------------------------------------ */
.categoryBlocks-block_appetite {
    background-color: #ed6c4c;
}

.categoryBlocks-block_behavior {
    background-color: #e9b637;
}

.categoryBlocks-block_physical {
    background-color: #b7ca2f;
}

/* ---------------------------------------------------------------------
 Interactive
------------------------------------------------------------------------ */
.interactive-bd-link {
    color: #0090aa;
    text-decoration: none;
}

/* ---------------------------------------------------------------------
 Callout
------------------------------------------------------------------------ */
.callout { background: #008da9; }

/* ---------------------------------------------------------------------
 Table row
------------------------------------------------------------------------ */
.mix-tableRow_shaded > * { background: #008da9; }

/* ---------------------------------------------------------------------
 Cycler
------------------------------------------------------------------------ */
.cycler-nav-item_isActive > *,
.cycler-nav_bg .cycler-nav-item_isActive > * {
    background-color: #2890ad;
}

/* ---------------------------------------------------------------------
 Slides
------------------------------------------------------------------------ */
.slide-overlay-hd {
    width: 100%;
}

.slide-overlay-hd_large {
    font: 700 28px/1.0 "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif;
    color: #008caa;
}

/* ---------------------------------------------------------------------
 Attention
------------------------------------------------------------------------ */
.attention-inner-supHd {
    font: 700 10px/1.5 "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif;
}

.attention-inner-hd {
    font-family: "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif;
    font-weight: 700;
    color: #008da9;
}

.attentionTable-row-caption {
    font: 400 18px/1.2 "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif;
    color: #008da9;
}

/* ---------------------------------------------------------------------
 AttentionTable
------------------------------------------------------------------------ */
.attentionTable-row-hd { font: 700 18px/1.3 "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif; }

/* ---------------------------------------------------------------------
 ActionTable
------------------------------------------------------------------------ */
.actionTable-title {
    color: #0090aa;
    font-family: "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif;
}

.actionTable-hd { font: 700 12px/1.5 "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif; }

.actionTable-hd-rowMobile { font: 400 18px/1.3 "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif; }

/* ---------------------------------------------------------------------
 Billboard
------------------------------------------------------------------------ */
.billboard-hd {
    font: 300 105px/.65 "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif;
    color: #0090aa;
}

.billboard-subHd { font: 700 18px/1.25 "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif; }

.billboard-subHd-meta { font: 700 10px "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif; }

/* ---------------------------------------------------------------------
 Island
------------------------------------------------------------------------ */
.island_tall { padding-bottom: 27px; }

.island-hd{
    font-family: "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif;
    font-weight: 700;
    color: #008da9;
}

.island-hd-heading {
    font-family: "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif;
    color: #0090aa;
}

.island-hd-subHeading {
    font-family: "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif;
    color: #0090aa;
}

.island-bd_divided {
    border-color: #dae4dd;
    border-color: rgba(0,144,170,0.1);
}

.island-bd_tight { margin-bottom: 11px; }

.mix-island-bd_sans { font: 400 14px/1 "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif; }

/* ---------------------------------------------------------------------
 Timeline
------------------------------------------------------------------------ */
.timeline-progress { background-image: url(../images/why-switch-timeline-mobile_cats.png); }

.timeline-heading { font: 700 14px/1.0 "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif; }

/* ---------------------------------------------------------------------
 Passage
------------------------------------------------------------------------ */
.passage-hd {
    font-family: "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif;
    color: #0090aa;
}

/* ---------------------------------------------------------------------
 Excerpt
------------------------------------------------------------------------ */
.excerpt-hd {
    font-family: "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif;
    color: #0090aa;
}

/* ---------------------------------------------------------------------
 Info Box
------------------------------------------------------------------------ */
.infoBox {
    border-color: #dae4dd;
    border-color: rgba(0,144,170,0.1);
}

/* ---------------------------------------------------------------------
 Tables
------------------------------------------------------------------------ */
.table-hd { font-family: "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif; }

.table-ft { font: 400 12px/1.2 "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif; } /* Original in dog side is 10px, made 12px because original was illegible with Futura */

/* ---------------------------------------------------------------------
 Attention Table
------------------------------------------------------------------------ */
.attentionTable-ft td { font: 400 12px/1.0 "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif; }

.attentionTable-bd { font: 400 12px/1.4 "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif; }

/* ---------------------------------------------------------------------
 Call to Action
------------------------------------------------------------------------ */
.cta-hd {
    font-family: "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif;
    color: #0090aa;
}

/* ---------------------------------------------------------------------
 Timeline
------------------------------------------------------------------------ */
.timeline-progress { background: transparent url(../images/why-switch-timeline-mobile_cats.png) 0 0 no-repeat; }

.timeline-progress_1 { background-position: 0 0; }
.timeline-progress_3 { background-position: 0 -11px; }
.timeline-progress_5 { background-position: 0 -22px; }
.timeline-progress_7 { background-position: 0 -33px; }

/* ---------------------------------------------------------------------
 Tooltip
------------------------------------------------------------------------ */
.tooltip-trigger {
    text-transform: uppercase;
    font: 300 12px/1.0 "futura-pt", Futura, "Cenury Gothic", AppleGothic, Verdana, sans-serif;
    color: #0090aa;
    cursor: help;
}

.tooltip-icon { color: #0090aa; }

.tooltip-trigger_opaque { color: #ffffff; }

.tooltip-hd { color: #0090aa; }

.tooltip-pip-hd { color: #0090aa; }

/* ---------------------------------------------------------------------
 Tip
------------------------------------------------------------------------ */
.tip a { color: #0090aa; }

/* ---------------------------------------------------------------------
 Best Food
------------------------------------------------------------------------ */
.bestFood-hd {
    font-family: "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif;
    font-weight: 700;
    text-transform: none;
}

/* ---------------------------------------------------------------------
 Recommendation Choices
------------------------------------------------------------------------ */
.recommendationChoices-bd-choice {
    color: #0090aa;
}

.recommendatonChoices-ft-back {
    color: #b4c950;
    background: transparent url(../images/quiz-back-arrow-cat.png) center left no-repeat;
}

.recommendationChoices-ft .btn {
    background-color: #b4c950;
}

.no-touch .recommendationChoies-ft .btn:hover {
    background-color: #0090aa;
}

/* ---------------------------------------------------------------------
 Recommendation Quiz
------------------------------------------------------------------------ */
.recommendationQuiz-back {
    color: #b4c950;
    background: transparent url(../images/quiz-back-arrow-cat.png) center left no-repeat;
}

.recommendationQuiz-item-dot {
    background: #a8d0d1;
}

.pagination-item_isActive .recommendationQuiz-item-dot {
    background: #0090aa;
}

/* ---------------------------------------------------------------------
 Recommendation Results
------------------------------------------------------------------------ */
.recommendationResults-ft-btn .btn {
    background-color: #b4c950;
}

.no-touch .recommendationResults-ft-btn .btn:hover {
    background-color: #0090aa;
}

/* ---------------------------------------------------------------------
 Recommendation Result
------------------------------------------------------------------------ */
.recommendationResult-bd-formula {
    color: #0090aa;
}

/* ---------------------------------------------------------------------
 Percentage
------------------------------------------------------------------------ */
.percentage-number {
    background-color: #0090aa;
}

/* ---------------------------------------------------------------------
 Spinner
------------------------------------------------------------------------ */
.spinner { background: transparent url(../images/spinner-cat.gif) 0 0 no-repeat; }

/* ---------------------------------------------------------------------
 Caption
------------------------------------------------------------------------ */
.caption-hd {
    font: 300 34px/1.3 "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif;
    text-transform: none;
}

/* ---------------------------------------------------------------------
 Refine
------------------------------------------------------------------------ */
.refine-hd { font: 700 27px/1.0 "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif; }

.refine-subHd { font: 700 11px/1.2 "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif; }

/* ---------------------------------------------------------------------
 Figure
------------------------------------------------------------------------ */
.figure-title { font: 700 13.6px/1.2 "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif; }

.mix-figure-title_cased { text-transform: uppercase; }

.figure-info { font: 400 14px/1.4 "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif; }

.figure-meta a { color: #0090aa; }

/* ---------------------------------------------------------------------
 Panel
------------------------------------------------------------------------ */
.panel-hd { font: 700 27px/1.0 "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif; }

.mix-panel-hd_intense {
    text-transform: none;
    font-weight: 300;
}

.panel-hd-heading { text-transform: none; }

.panel-hd-content { font: 400 18px/1.2 "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif; }

/* ---------------------------------------------------------------------
 Call
------------------------------------------------------------------------ */
.call-hd { font: 700 27px/1.0 "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif; }

.call-bd { font: 400 18px/1.4 "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif; }

/* ---------------------------------------------------------------------
 Poster
------------------------------------------------------------------------ */
.poster-hd { font: 700 22px/1 "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif; }

.poster-bd { font: 400 22px/1.2 "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif; }

/* ---------------------------------------------------------------------
 Dialogue
------------------------------------------------------------------------ */
.dialogue-hd { font: 700 15px/1.0 "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif; }

/* ---------------------------------------------------------------------
 ProductCta
------------------------------------------------------------------------ */
.productCta-bd-title {
    font: 300 24px/1.0 "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif;
    color: #0090aa;
}

.productCta-bd-heading { font: 700 12px/1.5 "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif; }

.productCta-hd { font: 400 18px/1.25 "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif; }

/* ---------------------------------------------------------------------
 Recommendation Quiz
------------------------------------------------------------------------ */
.recommendationQuiz { font: 300 30px/1.0 "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif; }

/* ---------------------------------------------------------------------
 Best food
------------------------------------------------------------------------ */
.bestFood { font: 700 27px/0.96 "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif; }

/* ---------------------------------------------------------------------
 Percentage
------------------------------------------------------------------------ */
.percentage { font: 700 13px/1.25 "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif; }

/* ---------------------------------------------------------------------
 Txt
------------------------------------------------------------------------ */
.txt_sans { font: 400 12px/1.3 "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif; }

/* ---------------------------------------------------------------------
 Results
------------------------------------------------------------------------ */
.results-hgroup-hd {
    font-family: "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif;
    font-weight: 300;
    font-size: 36px;
    color: #0090aa;
    text-transform: none;
}

.results-hgroup-link > * {
    color: #0090aa;
    font-family: "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif;
    font-size: 11px;
    text-transform: none;
}

.results-hgroup-link > *:after { top: 4px; }

/* ---------------------------------------------------------------------
 Results Table
------------------------------------------------------------------------ */
.results-table {
font: 400 16px/1.3 "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif;
} /* Changed font-size to 16px as original of 14px was too small compared to PSD comp. using Futura font */

/* ---------------------------------------------------------------------
 Recommendation Choices
------------------------------------------------------------------------ */
.recommendationChoices { font: 700 27px/1.0 "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif; }

.recommendationChoices-hd { font-weight: 700; }

.recommendationResult-bd-brand { font: 700 14px/1.0 "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif; }

/* ---------------------------------------------------------------------
 Section
------------------------------------------------------------------------ */
.section-inner-bd-intro { font-family: "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif; }

.section-inner-title {
    font-family: "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif;
    font-size: 23px;
}

.section-inner-title_light {
    color: #0090aa;
}

.theme-section_dark {
    background: #008da9;
    color: #ffffff;
}

/* ---------------------------------------------------------------------
 SHAME Hook
------------------------------------------------------------------------ */
/* A hook for specific areas of userContent where headers and other elements require different styling the general userContent */
.shameHook h2 {
    font: 300 34px/1.3 "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif;
    color: #0090aa;
}

/* ---------------------------------------------------------------------
 Share Bar
------------------------------------------------------------------------ */
#purina-share-bar .heading-share { background-image: url(../images/side-share-cap_cats.png); }

/* ---------------------------------------------------------------------
 Pager
------------------------------------------------------------------------ */
.no-touch .pager > * > *:hover { background: #0090aa; }

.pager > * > *.pager_isActive { background: #0090aa; }

.no-touch .pager > * > *.pager_isActive:hover { background: #0090aa; }

.results + .pager_tall { padding-top: 62px; }

.pager > * > * {
    padding: 10px 12px;
    font: 700 16px/1 "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif;
}

/* ---------------------------------------------------------------------
 Cluster
------------------------------------------------------------------------ */
.cluster {}

.cluster > * {}

.cluster-img {
    max-width: 61px;
    margin-top: 2px;
    margin-right: 12px;
}

.cluster-bd {}

.cluster-bd-link,
.cluster-desc-link {}

.cluster-bd-title {
    margin-bottom: 2px;
    font: 300 20px/1 "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif;
    color: #0090aa;
}

.cluster-bd-desc { line-height: 1.45; }

/* ---------------------------------------------------------------------
 Modal
------------------------------------------------------------------------ */
.modal { border-color: #008da9;}

/* ---------------------------------------------------------------------
 Quote Block
------------------------------------------------------------------------ */
.quoteBlock-narrow-hd {
    font: 300 140px/1.0 "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif;
    color: #0090aa;
}

.quoteBlock-narrow-hd > span {
    padding-top: 9px;
    font-size: 50%;
}

/* ---------------------------------------------------------------------
 Quote Wrap
------------------------------------------------------------------------ */
.quoteWrap-hd {
    font-family: "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif;
    color: #4c4940;
}

/* ---------------------------------------------------------------------
 Learn More Link
------------------------------------------------------------------------ */
.learnMoreLink {
    font-size: 12px;
    font-family: "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    position: relative;
    padding-right: 20px;
    color: #ffffff;
    text-decoration: none;
    letter-spacing: .175em;
}

.learnMoreLink:after {
    content: " ";
    position: absolute;
    background-image: url("/assets/images/arrow-white.png");
    background-size: 13px 13px;
    width: 13px;
    height: 13px;
    right: 0;
    top: 2px;
}

/* ---------------------------------------------------------------------
 Band
------------------------------------------------------------------------ */
.band {
    position: relative;
    z-index: 8;
    color: #ffffff;
}

.band-inner {
    padding: 24px 25px 68px;
}

.band-inner_centered {
    text-align: center;
}

.mix-band_cat {
    background-color: #148ca9;
}

/* ---------------------------------------------------------------------
 Heading
------------------------------------------------------------------------ */
.hdg_h3 {
    font-size: 20px;
    font-weight: 300;
    font-family: "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif;
    line-height: 1.3;
}

.mix-hdg_difference {
    padding: 25px 30px 28px 30px;
    font-family: "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif;
    font-size: 22px;
    font-weight: 300;
    text-transform: none;
    letter-spacing: normal;
    line-height: 1.1;
    text-align: center;
}

/* ---------------------------------------------------------------------
 differenceCarousel
------------------------------------------------------------------------ */
.differenceCarousel {
    position: relative;
    width: 76%;
    margin: 0 auto;
    padding-bottom: 36px;
}

.differenceCarousel-window {
    overflow: hidden;
}

.differenceCarousel-slides {
    font-size: 0;
    white-space: nowrap;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform 300ms;
    -moz-transition: -moz-transform 300ms;
    -ms-transition: -ms-transform 300ms;
    -o-transition: -o-transform 300ms;
    transition: transform 300ms;
}

.differenceCarousel-slides > * {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

.differenceCarousel-slides > * img { width: 100%; } /* TODO img should already be 100% width */

.differenceCarousel-btn {
    display: block;
    width: 17px;
    height: 32px;
    position: absolute;
    top: 0;
    z-index: 2;
    cursor: pointer;
    opacity: 0.3;
    -webkit-transform: translateY(75px);
    -moz-transform: translateY(75px);
    -ms-transform: translateY(75px);
    -o-transform: translateY(75px);
    transform: translateY(75px);
    -webkit-transition: opacity 300ms;
    -moz-transition: opacity 300ms;
    -ms-transition: opacity 300ms;
    -o-transition: opacity 300ms;
    transition: opacity 300ms;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.differenceCarousel-btn_prev {
    background: transparent url(/assets/challenge/images/differenceCarousel/difference-arrow-left.png) no-repeat 0 0;
    left: -23px;
}

.differenceCarousel-btn_next {
    background: transparent url(/assets/challenge/images/differenceCarousel/difference-arrow-right.png) no-repeat 0 0;
    right: -23px;
    -webkit-transform: translateY(72px);
    -moz-transform: translateY(72px);
    -ms-transform: translateY(72px);
    -o-transform: translateY(72px);
    transform: translateY(72px);
}

.differenceCarousel-btn_isActive {
    opacity: 1;
}

.differenceBlock {
    position: relative;
    text-align: center;
}

.differenceBlock-overlay {
    background-color: rgba(0, 0, 0, 0.50);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.no-touch .differenceBlock-overlay {
    opacity: 0;
    -webkit-transition: opacity 300ms;
    -moz-transition: opacity 300ms;
    -ms-transition: opacity 300ms;
    -o-transition: opacity 300ms;
    transition: opacity 300ms;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.no-touch .differenceBlock:hover > .differenceBlock-overlay {
    opacity: 1;
}

.differenceBlock-overlay-hd {
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-family: "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif;
    font-weight: 700;
    font-size: 17px;
    text-transform: uppercase;
    color: white;
    white-space: normal;
    line-height: 1.2;
}

/* ---------------------------------------------------------------------
 Media Overlay
------------------------------------------------------------------------ */
.mediaOverlay-panel-bd {
    font-family: "ff-meta-serif-web-pro", Georgia, Times, "Times New Roman", serif;
}

.mix-mediaOverlay-panel_appetite .mediaOverlay-panel-icn {
    top: -10px;
    left: -10px;
    border: 1px solid #d25036;
    fill: none;
    stroke: #d25036;
}

.mix-mediaOverlay-panel_behavior .mediaOverlay-panel-icn {
    top: -10px;
    left: -10px;
    border: 1px solid #e29529;
    fill: none;
    stroke: #e29529;
}

.mix-mediaOverlay-panel_physical .mediaOverlay-panel-icn {
    top: -10px;
    left: -10px;
    border: 1px solid #739c29;
    fill: none;
    stroke: #739c29;
}

/* ---------------------------------------------------------------------
 hubStack:
------------------------------------------------------------------------ */
.hubStack-hd {
    color: #0090aa;
}

/* ---------------------------------------------------------------------
USER CONTENT
.userContent Original Author: Michael Start
.userContent Contributors: Chris Cheney, Peter Marty

.userContent Target Browsers: All
.userContent Media Type: Screen
.userContent Width: All
------------------------------------------------------------------------ */

/* ---------------------------------------------------------------------
 Base Styles
------------------------------------------------------------------------ */
.userContent {
    font-size: 15px;
    color: #7a746f;
}

/* ---------------------------------------------------------------------
 Headings
------------------------------------------------------------------------ */
.userContent h1 {
    font-family: "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif;
    text-transform: none;
    font-size: 34px;
    color: #0090aa;
}

.userContent h2 {
    margin-bottom: 0;
    font: 300 15px/1.13 "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif;
    color: #7a746f;
    text-transform: none;
}
.userContent h3 {
    font-family: 'futura-pt',Futura,'Century Gothic',AppleGothic,Verdana,sans-serif;
    font-weight: 700;
}

.userContent h4 { font-family: 'futura-pt',Futura,'Century Gothic',AppleGothic,Verdana,sans-serif; }

.userContent h5 { font-family: 'futura-pt',Futura,'Century Gothic',AppleGothic,Verdana,sans-serif; }

.userContent h6 {
    font-family: 'ff-meta-serif-web-pro', 'Georgia', 'Times', 'Times New Roman', serif;
    margin: 0 0 0 0;
    font-size: 15px;
    text-transform: none;
}

/* ---------------------------------------------------------------------
 Content
------------------------------------------------------------------------ */
.userContent p {
    line-height: 1.13;
}

.userContent em {
    font-style: italic;
    font-size: 15px;
    font-weight: 700;
}

.userContent .intro { font: 18px/1.22 "ff-meta-serif-web-pro", Georgia, Times, "Times New Roman", serif; }

.userContent ul { list-style: none outside; }

.userContent a { color: #0090aa; }

.userContent .intro { font: 18px/1.2 'ff-meta-serif-web-pro', 'Georgia', 'Times', 'Times New Roman', serif; }

.userContent .highlight { color: #0090aa; }

/* ---------------------------------------------------------------------
 Links
------------------------------------------------------------------------ */
.userContent a { color: #0090aa; }

/* ---------------------------------------------------------------------
 Buttons
------------------------------------------------------------------------ */
.userContent .btn {
    font-family:'futura-pt', Futura, 'Century Gothic', AppleGothic, Verdana, sans-serif;
    letter-spacing: .04em;
}

/* ---------------------------------------------------------------------
 Tab Content
------------------------------------------------------------------------ */
.tabs-content-item .userContent h1 {
    font: 300 34px/1.0 "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif;
    color: #2797b0;
    text-transform: none;
    margin-bottom: 30px;
}

.tabs-content-item .userContent h2 {
    font: 700 14px/1.5 "ff-meta-serif-web-pro", Georgia, Times, "Times New Roman", serif;
    color: #6f6f6f;
    text-transform: none;
}

.tabs-content-item .userContent p {
    margin-bottom: 20px;
    font: 500 14px/1.5 "ff-meta-serif-web-pro", Georgia, Times, "Times New Roman", serif;
    color: #6f6f6f;
}

/* ---------------------------------------------------------------------
 Umbraco WYSIWYG Styles
------------------------------------------------------------------------ */
.userContent .intro { font: 18px/1.2 'ff-meta-serif-web-pro', 'Georgia', 'Times', 'Times New Roman', serif; }

.userContent .highlight { color: #0090aa; }

.userContent .blue { color: #0090aa; }

.userContent .btn {
    font-family: 'futura-pt', Futura, 'Century Gothic', AppleGothic, Verdana, sans-serif;
    letter-spacing: .04em;
    background: #b4c950;
}

.userContent .btn:hover { background: #6b9726; }

/* ---------------------------------------------------------------------
 Whole Body Health (cat) pages
------------------------------------------------------------------------ */
.userContent_WBH {
    padding-top: 15px;
    padding-bottom: 15px;
    color: #6d6a6a;
}

.userContent_WBH h2  {
    margin-bottom: 12px;
    font: 700 21px/1 "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    color: #6d6a6a;
}

.userContent_WBH h3  {
    font: 700 13px/1 "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif;
    text-transform: uppercase;
    color: #61bacc;
}

.userContent_WBH p {
    margin-bottom: 17px;
    font-size: 13px;
    line-height: 1.5;
}

/* ---------------------------------------------------------------------
 Key Points within Whole Body Health User Content areas
------------------------------------------------------------------------ */
.userContent_WBH .keyPoints {
    padding-bottom: 22px;
}

.userContent_WBH .keyPoints-hd {
    margin-bottom: 20px;
}

.userContent_WBH .keyPoints-hd > img {
    display: block;
}

.userContent_WBH .keyPoints-bd-combo {
    margin-bottom: 22px;
}

.userContent_WBH .keyPoints-bd-combo:last-child {
    margin-bottom: 0;
}

.userContent_WBH .keyPoints h3 {
    margin-bottom: 8px;
    font: 300 19px/1 "futura-pt", Futura, "Century Gothic", AppleGothic, Verdana, sans-serif;
    text-transform: none;
    color: #1590a8;
}

.userContent_WBH .keyPoints ul {
    margin: 0;
}

.userContent_WBH .keyPoints li {
    margin-bottom: 3px;
    font-size: 13px;
}

.userContent_WBH .keyPoints li:before {
    content: '\2022';
    color: #65bacb;
    top: 1px;
}

/* ---------------------------------------------------------------------
 End of File, please add new styles above User Content area
------------------------------------------------------------------------ */