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

Target Browsers:
Media Type: Screen, Projection
Width: Min-Width 992px
------------------------------------------------------------------------ */
body:after { content: 'large' !important; }

/* ---------------------------------------------------------------------
 Wrappers
------------------------------------------------------------------------ */
.wrapper { width: 940px; }

.wrapper_extended {
    width: 1024px;
}

/* ---------------------------------------------------------------------
 Grid
------------------------------------------------------------------------ */
.grid-col_10to6 { width: 58.723404255319%; }

/* ---------------------------------------------------------------------
 Header
------------------------------------------------------------------------ */
.header { height: 326px; }

.header-ft {
    width: 511px;
    position: absolute;
    bottom: 0;
    right: 0;
    vertical-align: bottom;
}

.header-hd { margin-bottom: 0; }

/* ---------------------------------------------------------------------
 Feature
------------------------------------------------------------------------ */
.feature {
    height: 400px;
    padding-left: 39px;
}

.feature_autoHeight {
    height: auto;
}

.mix-feature-hd-heading_tight { margin-bottom: 10px; }

.feature-hd-heading { font-size: 32px; }

.feature-hd-subHd {
    margin-bottom: 40px;
    font-size: 24px;
}

/* ---------------------------------------------------------------------
 Page Backgrounds
------------------------------------------------------------------------ */
.pageBg_dogWalk { background-image: url(../images/bg_article_desktop.jpg); }

.pageBg_portalIndex { background-image: url(../images/bg_portalIndex_large.jpg);
}
/* ---------------------------------------------------------------------
 Logo
------------------------------------------------------------------------ */
.logo { margin: -30px 0 0 -44px; }

/* ---------------------------------------------------------------------
 Menu
------------------------------------------------------------------------ */
.menu > * + * { margin-left: 48px; }

.menu-list-item-link { font-size: 19px; }

.menu.isSticky {
    width: 100%;
    min-height: 60px;
    position: fixed;
    top: -60px;
    left: 0;
    background: #ffffff;
    z-index: 12; /*for proper positioning over all page elements*/
}

.menu.isSticky > .menu-stickyContainer {
    width: 940px;
    margin: 0 auto;
    overflow: visible;
    position: relative;
}

.menu.isSticky > * > .menu-list {
    margin: 0;
    padding: 0;
    top: 21px;
}

.menu.isSticky > * > .menu-stickyContainer-logo {
    margin-top: 8px;
    float: left;
}

.menu.isSticky .subNav { top: 39px; }


/* ---------------------------------------------------------------------
 Media
------------------------------------------------------------------------ */
.mix-media-img_constrain { width: 620px; }

/* ---------------------------------------------------------------------
 Sub Navigation
------------------------------------------------------------------------ */
.subNav {
    right: auto;
    left: 0;
}

/* ---------------------------------------------------------------------
 Filter
------------------------------------------------------------------------ */
.filter-feature { width: auto; }

/* ---------------------------------------------------------------------
 Poster
------------------------------------------------------------------------ */
.poster-hd { font-size: 42px; }

/* ---------------------------------------------------------------------
 Call
------------------------------------------------------------------------ */
/* Not floated due to bug causing element to break on window resize */
.call-cta {
    display: inline-block;
    margin-left: 15.5%;
}

/* ---------------------------------------------------------------------
 Portal Nav
------------------------------------------------------------------------ */
.portalNav { margin-top: 30px; }

.portalNav a { font-size: 18px; }

/* ---------------------------------------------------------------------
 Portal
------------------------------------------------------------------------ */
.portal { margin-top: -20px; }

.portal-hd .icon_logo {
    width: 274px;
    height: 273px;
    background: transparent url(../images/icons/icon_logo_large.png) 0 0 no-repeat;
    background-size: 274px 273px;
}

.portal-hd_collapse { margin: 0; }

.portal-bd { padding: 0 23px; }

.portal-nav-list { font-size: 0; }

.portal-nav-list > * {
    display: inline-block;
    margin-bottom: 0;
    font-size: medium; /* Prevents text clipping for alt attributes */
}

.portal-nav-list > * + * { margin-left: 19px; }

.portal-nav-link {
    width: 235px;
    font-size: 26px;
}

/* ---------------------------------------------------------------------
 Sample Signup
------------------------------------------------------------------------ */
.sampleSignup {
    min-height: 322px;
    padding-top: 72px;
}

.sampleSignup-hd {
    /*font-size: 33px;*/
}

.sampleSignup-bd {
    /*margin-top: 12px;*/
}

.sampleSignup-form {
    min-height: 404px;
    margin-top: 10px;
}

.sampleSignup-form-fieldset {
    max-width: 708px;
    padding-bottom: 28px;
}

.sampleSignup-form-fieldset-legend {
    margin-bottom: 40px;
    font-size: 15px;
}

.sampleSignup-form-checkbox {
    padding-top: 28px;
    margin-bottom: 10px;
    font-size: 12px;
}

.sampleSignup-form-legal {
    max-width: 708px;
    font-size: 9px;
}

.sampleSignup-form-legal_bottom {
    margin-bottom: 170px;
}

/* ---------------------------------------------------------------------
 Subtext
------------------------------------------------------------------------ */
.subtext {
    max-width: 708px;
}

.subtext-content {
    font-size: 12px;
}

/* ---------------------------------------------------------------------
 Portal
------------------------------------------------------------------------ */
.portal_clipped { margin-top: -30px; }

.portalFooter_wide { width: 940px; }

.portalFooter-cta { margin-bottom: 95px; }

.portalFooter_light { background-color: rgba(240, 236, 226, 0.9); }

.portalFooter-hd_alt { font-size: 24px; }

/* ---------------------------------------------------------------------
 Body Content
------------------------------------------------------------------------ */
/*alternative clearfix method needed for objects positioned outside*/
.page-hd { *zoom: 1; } /* legacy browsers */

.page-hd:before,
.page-hd:after {
    display: table;
    content: " ";
}

.page-hd:after { clear: both; }

.page-hd-overlay {
    width: 33.29787234042553%;
    padding: 47px 30px 0px 30px;
    float: right;
    z-index: 3;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

.page-hd-overlay.full {
    width: 100%;
    position: relative;
    top: auto;
    right: auto;
}

.page-bd_tabs { padding-top: 0; }

.page-bd_paddedBottomLarge {
    padding-bottom: 30px;
}

.page-bd_std { padding: 30px; }

.page-hd_skinny { padding: 62px 40px 60px 40px; }

.page-mid-aside {
    padding-top: 8px;
    margin-left: 63px;
}

/* ---------------------------------------------------------------------
 Page
------------------------------------------------------------------------ */
.page-bd-content { width: 630px; }

.page-bd-aside { width: 274px; }

/* ---------------------------------------------------------------------
 Panel
------------------------------------------------------------------------ */
.panel-hd_tight { margin-bottom: 40px; }

.panel-hd-content { font-size: 16px; }

.panel-hd-heading_growMediumToLarge { width: auto; }

.mix-panel-hd_tall { padding: 0 137px; }

/* ---------------------------------------------------------------------
 Products
------------------------------------------------------------------------ */
.details-hd {
    text-align: left;
    font: 400 18px/1.0 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.details-subHd {
    text-align: left;
    font: 700 40px/1.0 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.details-subHd_centerLG {
    text-align: center;
}

.details-image {
    width: 100%;
    text-align: left;
}

.details-image > img {
    width: auto;
    max-height: 350px;
}

.details-rating {
    margin-left: 0;
    margin-right: 0;
}

.details-cta { margin: 0; }

/* ---------------------------------------------------------------------
 Glossary
------------------------------------------------------------------------ */
.glossary-index { text-align: center; }

/* ---------------------------------------------------------------------
 Mixins
------------------------------------------------------------------------ */
.mix-visibility_mobiletoTabletTable,
.mix-visibility_mobile { display: none; }

.mix-visibility_tabletToDesktop,
.mix-visibility_desktop,
.mix-visibility_mobileAndDesktop { display: block; }

.mix-visibility_tablet,
.mix-visibility_mobileAndTablet { display: none; }

 /* ---------------------------------------------------------------------
 Icons
------------------------------------------------------------------------ */
.icon_logo {
    width: 335px;
    height: 334px;
    background: transparent url(../images/icons/icon_logo_large.png) 0 0 no-repeat;
}

.icon_check {
    width: 36px;
    height: 36px;
    background: transparent url('../images/icons/icon_checkGreen-desktop.png') 0 0 no-repeat;
}

.icon_ex {
    width: 36px;
    height: 36px;
    background: transparent url('../images/icons/icon_ex-desktop.png') 0 0 no-repeat;
}

.icon_help {
    width: 20px;
    height: 19px;
    bottom: 0;
    right: 50%;
    left: 50%;
    cursor: help;
    vertical-align: bottom;
    background: transparent url('../images/icons/icon_help.png') 0 0 no-repeat;
}

.icon_logo_footer {
    width: 178px;
    height: 85px;
    background: transparent url(../images/logo_footer.png) 0 0 no-repeat;
}

.icon_petfinder {
    width: 80px;
    height: 21px;
}

/* ---------------------------------------------------------------------
 Help-pip
------------------------------------------------------------------------ */
.help-pip {
    width: 20px;
    height: 19px;
    position: absolute;
    margin: 0 auto 10px auto;
    z-index: 9;
    bottom: 0;
    margin-left: -10px;
    left: 50%;
}

.help-pip:after, .help-pip:before {
    position: absolute;
    content: " ";
}

.help-pip:after {
    top: -9px;
    right: -12px;
    border: 18px solid transparent;
    border-right: 18px solid #ffffff;
    z-index: 10;
}

.help-pip:before {
    top: -11px;
    right: -12px;
    border: 20px solid transparent;
    border-right: 20px solid #b7b39f;
}

.help-pip-tip {
    padding: 24px;
    border: 1px solid #b7b39f;
    position: absolute;
    width: 216px;
    left: 24px;
    top: -50px;
    z-index: 10;
    text-align: left;
    white-space: normal;
    cursor: auto;
    background-color: #ffffff;
}

.help-pip_isActive { display: block; }

/* ---------------------------------------------------------------------
 Attention
------------------------------------------------------------------------ */
.attention { margin: 46px 0px 30px 0px; }

/* ---------------------------------------------------------------------
 AttentionTable
------------------------------------------------------------------------ */
.attentionTable-bd {
    padding: 0px 40px 50px 40px;
    text-align: center;
}

.mix-attentionTable-bd_tableCell {
    display: table-cell;
}

.attentionTable-bd:nth-child(odd) { background-color: #f0ece2; }

.attentionTable-row {
    padding: 0;
    position: static;
}

.attentionTable-row > * {
    padding: 0;
    width: 103px;
    height: 63px;
    vertical-align: middle;
    font: 400 11px/1.6 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #565656;
}

.attentionTable-row-caption {
    width: 130px;
    font: 400 13px/1.2 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #a71c20;
}

/* [PURINAONE-294] Some one offs to bring attention to things on the comparison table.  */
.attentionTable-row-caption-important {
    font-weight:bold;
}

.attentionTable-attentionTable-row-caption-important-lg {
    position:relative;
    font: 400 20px/1.2 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    left:20px;
}
/* [/PURINAONE-294] */

.attentionTable-row-caption-container { position: relative; }

.attentionTable-row-caption-container .tooltip {
    position: absolute;
    bottom: -24px;
    left: 41px;
}

.attentionTable-row > * + * {
    position: static;
    border-left: 1px solid #e0ddd4;
}

.attentionTable-row-hd {
    width: 130px;
    font: 700 14px/1.2 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.attentionTable-row_first > * + * {
    position: relative;
    padding-bottom: 30px;
    vertical-align: bottom;
}

.attentionTable-row > *:first-child { min-width: 130px; }

.attentionTable-ft td {
    padding: 0 0px 40px 40px;
    font-size: 13px;
}

.attentionTable-ft td + * { padding-left: 16px; } /* targets all after first */

td.mix-attentionTable-ft_center {
    padding-left: 0;
}
td.mix-attentionTable-ft_disclaimer {
    padding-bottom: 0px;
}
td.mix-attentionTable-ft_center-last {
    padding-bottom: 40px;
}


/* ---------------------------------------------------------------------
 ActionTable
------------------------------------------------------------------------ */
.actionTable-row > * + * {
    width: 215px;
    min-width: 90px;
}

.actionTable-title {
    font-size: 24px;
    line-height: 1.2;
}

.actionTable-hd-row-aside {
    font-size: 22px;
    padding-right: 0;
}

.actionTable-ft {
    font: 700 10px/1.2 "ff-meta-serif-web-pro", Georgia, Times, "Times New Roman", serif;
    color: #aaa18b;
}

.actionTable-ft-row > * { width: 165px; }

.actionTable-ft-row > * + * {
    width: 250px;
    padding: 20px 0 0 30px;
}

.actionTable-ft-meta > * {
    display: block;
    margin-bottom: 14px;
}

.actionTable-ft-meta > *:last-child { margin-bottom: 0; }

/* ---------------------------------------------------------------------
 Text
------------------------------------------------------------------------ */
.txt_colorLight {
    padding-bottom: 0;
    font-size: 13px;
    color: #a71c20;
}

.txt_legalese {
    font-size: 9px;
}

/* ---------------------------------------------------------------------
 Spread
------------------------------------------------------------------------ */
.spread { position: relative; }

.spread_std { padding: 0 0 30px 0; }

.spread > * {
    overflow:hidden;
    display: table-cell;
    float: left;
}

.spread-feature {
    width: 415px;
    padding-top: 40px;
    text-align: right;
}

.spread-info {
    width: 480px;
    padding: 45px 0px 30px 45px;
}

.spread-thumb {
    width: 52px;
    padding-right: 30px;
    position: absolute;
    right: 0px;
    bottom: 60px;
}

.spread-thumb-link { display: block; }

.spread-feature_carousel {
    width: 100%;
    padding-top: 0;
}

/* ---------------------------------------------------------------------
 Placard
------------------------------------------------------------------------ */
.placard-img_small { height: 258px; }

.placard-hd {
    margin-bottom: 10px;
    font: 700 26px/1.05 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #4c4940;
    text-transform: uppercase;
}

.placard-bd {
    padding-top: 171px;
    padding-right: 50px;
}

.placard-bd_small { padding: 32px 45px 0 30px; }

.placard-bd-title { font-size: 46px; }

.placard-bd-desc {
    margin-bottom: 40px;
    font-size: 16px;
}

.placard-bd-desc_large {
    margin-bottom: 40px;
    font-size: 26px;
}

.placard-bd-desc-author {
    display: block;
    margin-top: 28px;
    text-align: center;
    font-size: 14px;
}

.placard-bd-desc-highlight {
    margin: 0 5px -8px 0;
    font-size: 98px;
}

/*changing perceptions*/
.placard_changingPerceptions { padding-left: 40px; }

.placard_changingPerceptions .placard-bd {
    padding-top: 55px;
    padding-left: 35px;
}

.placard_changingPerceptions .placard-bd-desc { width: 445px; }

/*Feeding is the First Step*/
.placard_feedingIsTheFirstStep .placard-hd { padding-left: 0; }

/*bowl by bowl*/
.placard_bowlByBowl { height: 469px; }

.placard_bowlByBowl .placard-img { padding-top: 120px; }

.placard_bowlByBowl .placard-bd { width: 695px; }

.placard_bowlByBowl .placard-bd-desc {
    font-size: 22px;
    font-weight: 500;
}

/*did you know*/
.placard_didYouKnow .placard-bd {
    width: 375px;
    padding-left: 80px;
}

.placard_didYouKnow .placard-ft { padding-left: 80px; }

/*did you know 2*/
.placard_didYouKnow2 { height: 469px; }

.placard_didYouKnow2 .placard-bd {
    padding-top: 55px;
    margin-bottom: 25px;
}

.placard_didYouKnow2 .placard-img { margin-bottom: 10px; }

.placard_didYouKnow2 .placard-ft { padding-left: 80px; }

/*did you know 3*/
.placard_didYouKnow3 { height: 469px; }

.placard_didYouKnow3 .placard-bd {
    padding-top: 55px;
    margin-bottom: 25px;
    margin-bottom: 0;
}

.placard_didYouKnow3 .placard-bd-title,
.placard_didYouKnow3 .placard-bd-desc {
    width: 681px;
}

.placard_didYouKnow3 .wow { padding-top: 50px; }

/*what we're doing today*/
.placard_whatWereDoingToday .placard-hd {
    padding-top: 40px;
    margin-bottom: 40px;
}

.placard_whatWereDoingToday .placard-bd {
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 60px;
}

.placard_dogTheme .placard-cta_mobileFull {
    text-align: inherit;
}

.placard_dogTheme .placard-cta_mobileFull .btn {
    min-width: 280px; /* matches comp. */
    padding: 20px 10px;
    font-size: 18px;
}

.placard_shelter .placard-bd-title { font-size: 26px; }

.placard_shelter .placard-bd-desc {
    font-size: 17px;
}

.placard_shelter .placard-img img { max-width: 322px; }

/* ---------------------------------------------------------------------
 Wow
------------------------------------------------------------------------ */
.wow { text-align: left; }

.mix-wow_center { text-align: center; }

.wow-value { font-size: 75px; }

.mix-wow-value_large {
    font-size: 90px;
    letter-spacing: 5px;
}

.wow-meta { font-size: 20px; }

.mix-wow-meta_thin { font-size: 36px; }

/* ---------------------------------------------------------------------
 Gauge
------------------------------------------------------------------------ */
.gauge_collapsed { margin-left: 0; }

/* ---------------------------------------------------------------------
 Page mid cols
------------------------------------------------------------------------ */
.midCol { overflow: hidden; }

.midCol-col { float: left; }

/* ---------------------------------------------------------------------
 Blocks
------------------------------------------------------------------------ */
.blocks_2upTo4up_uneven > * { width: 78px; }

.blocks_2upTo4up_uneven > *:nth-child(-n+3) { width: 78px; }

.blocks_2upTo5up > * { width: 160px; }

.blocks_1upto2upto3up > * { width: 32.9%; }

.mix-blocks_evenMargin { margin-left: -3.5%; }

.mix-blocks_evenMargin > * {
    width: 46.5%;
    margin-left: 3.5%;
}


/* ---------------------------------------------------------------------
 Cycler
------------------------------------------------------------------------ */
.cycler-nav {
    bottom: 56px;
}

.cycler-nav_bg {
    width: 100%;
    bottom: 10px;
    text-align: center;
}

.cycler-nav > * { margin: 0 6px; }

.cycler-nav > * > * {
    width: 11px;
    height: 11px;
    border-width: 3px;
}

.cycler-nav_dark > * > * { border-width: 1px; }

.mix-cycler-nav_full { width: 54%; } /*Changed from 100% to 54% to uncover button and make whole button clickable*/

.cycler-direction {
    height: 46px;
    padding: 0 10px 0 36px;
    border-radius: 23px;
    line-height: 46px;
}

.cycler-direction_prev {
    background-image: url(../images/icons/icon_arrow_left_large.png);
    background-position: left center;
}

/*Client request to remove title of previous slide on hover. Keeping styles in case it is ever used again.*/
/*.no-touch .cycler-direction_prev:hover {
    padding-right: 20px;
    padding-left: 41px;
}*/

.cycler-direction_next {
    background-image: url(../images/icons/icon_arrow_right_large.png);
    background-position: right center;
}

.mix-cycler-nav_center { width: auto; }

/*Client request to remove title of next slide on hover. Keeping styles in case it is ever used again.*/
/*.no-touch .cycler-direction_next:hover {
    padding-left: 20px;
    padding-right: 41px;
}*/

/* ---------------------------------------------------------------------
 Slides
------------------------------------------------------------------------ */
.slide { padding-bottom: 0px; }

.slide-overlay {
    height: 317px;
    padding: 80px 0 55px 40px;
}

.slide-overlay_short {
    height: 229px;
    padding-top: 170px;
}

.slide-overlay_tall {
    height: 350px;
    padding-top: 47px;
}

.slide-overlay-bd { font: 500 14px/1.3 "ff-meta-serif-web-pro", Georgia, Times, "Times New Roman", serif; }

.slide-overlay-links { margin-bottom: 50px; }

/* ---------------------------------------------------------------------
 Portal Footer
------------------------------------------------------------------------ */
.portalFooter-meta-link { line-height: 1.0; }

/* ---------------------------------------------------------------------
 navList
------------------------------------------------------------------------ */
.navList { margin-left: -50px; }

.navList > * { margin: 0px 0px 0px 50px; }

/* ---------------------------------------------------------------------
 Backgrounds
------------------------------------------------------------------------ */
/* TODO = refactor above "Page backgrounds" (line: 215) comment block styles to match the following naming convention */
.background { background: #faf6f0 right top no-repeat; }

.background_innovations1987 {
    padding-top: 0;
    background-image: url('../images/innovations/desktop/1987-desktop.jpg');
    background-color: #f0ece2;
}

.background_innovations1992 { background-color: #a71c20; }

.background_innovations2000 {
    background-image: url('../images/innovations/mobile/2000-mobile.jpg');
    background-color: #f0ece2;
    padding-top: 174px;
}

.background_innovations2001 {
    background-image: url('../images/innovations/mobile/2001-mobile.jpg');
    background-color: #f0ece2;
    padding-top: 198px;
}

.background_innovations2003 {
    background-image: url('../images/innovations/mobile/2003-mobile.jpg');
    background-color: #a71c20;
    padding-top: 199px;
}

.background_innovations2004 {
    background-image: url('../images/innovations/mobile/2004-mobile.png');
    background-color: #f0ece2;
    padding-top: 204px;
}

.background_innovations2007 {
    background-image: url('../images/innovations/mobile/2007-mobile.jpg');
    background-color: #f0ece2;
    padding-top: 201px;
}

.background_innovations2008 {
    background-image: url('../images/innovations/mobile/2008-mobile.jpg');
    background-color: #a71c20;
    padding-top: 171px;
}

.background_innovations2010 {
    background-image: url('../images/innovations/mobile/2010-mobile.jpg');
    background-color: #f0ece2;
    padding-top: 193px;
}

/* ---------------------------------------------------------------------
 Sup
------------------------------------------------------------------------ */
.sup_large {
    font-size: 80px;
    position: absolute;
    right: 23px;
    top: 2px;
}

/* ---------------------------------------------------------------------
 Billboard
------------------------------------------------------------------------ */
.billboard-hd {
    font-size: 140px;
    position: relative;
}

.billboard_wide .sup_large {
    position: relative; /*overrides absolute positioning from base object*/
    right: auto; /*overrides absolute positioning from base object*/
    top: auto; /*overrides absolute positioning from base object*/
}

.billboard_wide .billboard-hd-value { font-size: 140px; }

.billboard_wide > .billboard-subHd { width: 43%; }

/* ---------------------------------------------------------------------
 Timeline
------------------------------------------------------------------------ */
.timeline-progress {
    width: 412px;
    height: 17px;
    background: url(../images/why-switch-timeline.png) no-repeat 0 0;
    margin-bottom: 15px;
}

.timeline-progress_1 { background-position: 0 0; }
.timeline-progress_3 { background-position: 0 -17px; }
.timeline-progress_5 { background-position: 0 -34px; }
.timeline-progress_7 { background-position: 0 -51px; }

/* ---------------------------------------------------------------------
 Figure
------------------------------------------------------------------------ */
.figure-media_skinny > * { width: 148px; }

.figure-bd {
    font-size: 16px;
    line-height: 1.6;
}

.figure-title_large { font-size: 27px; }

/* ---------------------------------------------------------------------
 Dialogue
------------------------------------------------------------------------ */
.dialogue {
    padding: 30px 40px 15px 100px;
    position: relative;
    background-image: url(../images/icons/icon_question_large.png);
    background-position: 21px 30px;
}

.dialogue_alt {
    background-image: url(../images/icons/icon_question_alt_large.png);
}

.dialogue-hd {
    margin-bottom: 10px;
    font-size: 18px;
}

.dialogue-bd {
    margin-bottom: 10px;
    padding: 5px 0;
    font-size: 13px;
}

/* ---------------------------------------------------------------------
 Quote
------------------------------------------------------------------------ */
.quote {
    line-height: 1.45;
}

/* ---------------------------------------------------------------------
 Quote Wrap
------------------------------------------------------------------------ */
.quoteWrap-hd {
    padding-top: 50px;
    font-size: 41px;
}

/* ---------------------------------------------------------------------
 Comment
------------------------------------------------------------------------ */
.comment-link + .comment-link { padding-left: 20px; }

/* ---------------------------------------------------------------------
 Section
------------------------------------------------------------------------ */
.section-inner {
    top: 48px;
    left: 40px;
}

.section-inner_opposite {
    left: auto;
    right: 40px;
}

.section-inner-title {
    font-size: 44px;
}

.section-inner-bd {
    font-size: 15px;
}

.section-inner-bd-intro {
    font-size: 17px;
}

.section-inner_expand { width: auto; }

.section-media_small > * { width: 58%; }

.section-inner_small { width: 332px; }

.section-inner_pushTop { top: 130px; }

/* ---------------------------------------------------------------------
 Article Promo
------------------------------------------------------------------------ */
.articlePromo-img_fixed { max-height: 124px; }

.articlePromo-text_small { font-size: 15px; }

.articlePromo-text_tight {
    padding: 0 0 10px 10px;
    font-size: 20px;
}

.articlePromo-text_std { font-size: 27px; }

.mix-articlePromo-text_largeToSmall { font-size: 22px; }

/* ---------------------------------------------------------------------
 Inventory
------------------------------------------------------------------------ */
.inventory-col { padding-right: 61px; }

.inventory-col_2of2 { width: 597px; }

/* ---------------------------------------------------------------------
 Cluster
------------------------------------------------------------------------ */
.cluster-img { padding-right: 20px; }

.cluster-bd-title { font-size: 23px;}

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

/* ---------------------------------------------------------------------
 Interact
------------------------------------------------------------------------ */
.interact{
    width: 351px;
    min-height: 312px;
    padding: 44px 160px;
}

.interact-media {
    height: 217px;
    margin-bottom: 20px;
}

.interact-media > * {
    width: 320px;
    background: url(../images/innovations/sprite-switch-dog.png) no-repeat;
}

.interact-media-varOne { background-position: 19px 0; }
.interact-media-varTwo { background-position: -381px 0; }
.interact-media-varThree { background-position: -784px 0; }

/* ---------------------------------------------------------------------
 Callout
------------------------------------------------------------------------ */
.callout-bd { font-size: 14px; }

/* ---------------------------------------------------------------------
 Refine
------------------------------------------------------------------------ */
.refine { padding: 0 24px 0 24px; }

.refine-action { margin-bottom: 46px; }

.refine-hd { font-size: 32px; }

.refine_push { padding: 58px 0 0 14px; }

.refine_pushTop { padding-top: 50px; }

.refine_push > * { margin-left: 20px; }

.refine-subHd { font-size: 16px; }

/* ---------------------------------------------------------------------
 Refine form
------------------------------------------------------------------------ */
.refineForm-hd { font-size: 16px; }

.refineForm_tall { padding-bottom: 45px; }

/* ---------------------------------------------------------------------
 Horizontal List
------------------------------------------------------------------------ */
.hList_large > * + * { margin-left: 60px; }

.mix-hList_centered { text-align: left; }

.mix-hList_orphan > *:last-child { margin-left: 40px; }

/* ---------------------------------------------------------------------
 Footer
------------------------------------------------------------------------ */
.footer-nav,
.footer-meta,
.footer-legalese {
    display: block;
    margin-left: 280px;
}

.footer-nav {
    width: 650px;
    margin-bottom: 20px;
    padding-left: 0; /* override screen_medium.css */
    *zoom: 1;
}

.footer-nav:after,
.footer-nav:before {
    content: " ";
    display: table;
}

.footer-nav:after {
    clear: both;
}

.footer-nav > * {
    margin-left: 0; /* override screen_medium.css */
    float: left;
}

.footer-nav > * + * { margin-left: 5px; }

.footer-nav > * > a {
    font-size: 15px;
    padding: 10px 25px;
    margin-left: -14px;
}

.footer-meta { margin: -50px 0px 5px 280px; }

.footer-meta > *:first-child { padding-right: 12px; }

.footer-meta a { line-height: 1.0 }

.footer-nav-item { position: relative; }

.footer-nav-item + .footer-nav-item  { margin-left: 0; }

.footer-nav-item > a { padding-right: 49px; }

.footer-nav-item:nth-child(2) > a { padding-right: 44px; }

.footer-nav-item + .footer-nav-item + * { margin-left: 5px; }

.no-touch .footer-nav-item:hover:after {
    content: '';
    width: 134px;
    height: 6px;
    position: absolute;
    bottom: -6px;
    left: 0;
    background-color: #aaa18b;
}

.footer-nav-item_isActive .footer-nav-item-list,
.no-touch .footer-nav-item:hover .footer-nav-item-list {
    width: 134px; /* override screen.css */
}

.footer-nav-item_isActive .footer-nav-item-list a,
.no-touch .footer-nav-item:hover .footer-nav-item-list a {
    padding: 0 14px 0 13px; /* override screen.css */
}

.footer-nav-item-list > * + * {
    margin-top: 9px;
}

/* ---------------------------------------------------------------------
 Content
------------------------------------------------------------------------ */
.content { padding: 60px 40px 6px 40px; }

/* ---------------------------------------------------------------------
 Speech
------------------------------------------------------------------------ */
.speech { font-size: 14px; }

.speech-bd-context_medium { font-size: 14px; }

.speech-bd-context-link_medium { font-size: 10px; }

.speech-bd-bubble_centered {
    float: left;
    clear: left;
}

/* ---------------------------------------------------------------------
 Glossary
------------------------------------------------------------------------ */
.glossary-terms { width: 189px; }

.glossary-definition {
    display: inline-block;
    width: 61%;
    margin-left: 30px;
    vertical-align: top;
}

/* ---------------------------------------------------------------------
 Results
------------------------------------------------------------------------ */
.results { width: 100%; }

.results-hgroup {
    font-size: 32px;
    margin-top: 50px;

}
.results-container{
    margin: 0 40px;
}

/* ---------------------------------------------------------------------
 Results Table
------------------------------------------------------------------------ */
.results-table > * > * > * + * { padding-left: 26px; } /* Left padding on any cell following a cell */

.results-table-bd > * > * {
    padding-top: 30px;
    padding-bottom: 30px;
}

.results-table-bd > * { border-top: 1px solid #9e9a91; }

.results-table-row > * {
    vertical-align: middle;
    text-align: left;
}

.results-table-cell {}

.results-table-cell_small { width: 68px; }

.results-table-cell_small_push { width: 150px; }

.results-table-cell_medium {
    width: 90px;
    padding-right: 60px;
}

.results-table-cell_large {
    width: 260px;
    padding-right: 60px;
}

/* ---------------------------------------------------------------------
 Tabs Content
------------------------------------------------------------------------ */
.tabs-nav > * > * { width: 187px; }

/* ---------------------------------------------------------------------
 Tabs Content
------------------------------------------------------------------------ */
/*.tabs-content-item_tight { padding: 48px 40px 28px 40px; }*/

.tabs-content_compressedTablet { padding-bottom: 45px; }

/* ---------------------------------------------------------------------
 Inputs
------------------------------------------------------------------------ */
.input_search_small { font-size: 18px; }

.input_textareaSocial { font-size: 16px; }

.input_signup {
    padding-top: 10px;
    padding-bottom: 10px;
}

/* ---------------------------------------------------------------------
 Input Group
------------------------------------------------------------------------ */
.inputGroup + .inputGroup {
    margin-top: 20px; /* Assumes they are stacked */
}

/* ---------------------------------------------------------------------
 Location Form
------------------------------------------------------------------------ */
.locationForm-search > * { font-size: 18px }

/* ---------------------------------------------------------------------
 Sort form
------------------------------------------------------------------------ */
.sortForm-field > * { font-size: 18px }

.sortForm-search  > * { display: inline-block; }

.sortForm-search-field {
    margin-bottom: 0;
    width: 75%;
}

.sortForm-search-select {
    width: 22%;
    margin-left: 2%;
}

.sortForm-search-select > * { width: 100%; }

/* ---------------------------------------------------------------------
 Search form
------------------------------------------------------------------------ */
.searchForm-search-field { width: 100%; }

/* ---------------------------------------------------------------------
 Form labels
------------------------------------------------------------------------ */
.label_highlight { font-size: 24px; }

.label_signup {
    font-size: 13px;
}

/* ---------------------------------------------------------------------
 Caption
------------------------------------------------------------------------ */
.caption { width: 83%; }

.caption-hd { font-size: 42px; }

/* ---------------------------------------------------------------------
 Rating
------------------------------------------------------------------------ */
.rating-bd-img { width: 124px; }

.rating-bd-text { margin-left: 20px; }

/* ---------------------------------------------------------------------
 Island
------------------------------------------------------------------------ */
.island-hd-heading { font-size: 44px; }

.island-hd-subHeading { font-size: 34px; }

.island_moat { padding: 40px 40px 0 40px; }

.mix-island_paddingBottom { padding-bottom: 60px; }

.island-ft {
    width: 60%;
    margin: 0 auto;
}

/* ---------------------------------------------------------------------
 Overview
------------------------------------------------------------------------ */
.overview-bd { margin-bottom: 40px; }

/* ---------------------------------------------------------------------
 Info
------------------------------------------------------------------------ */
.info { overflow: hidden; }

.mix-info_expand { padding-right: 16px; }

.mix-info_pushDown { padding-top: 40px; }

.info-hd {}

.info-hd_intro { margin-bottom: 20px; }

.mix-info-hd_collapsed { margin-bottom: 0; }

.info-bd { overflow: hidden; }

.info-img {
    width: 270px;
    float: left;
    margin: 0 10px 0 0;
}

.info-imgStd { width: auto; }

.info-cta {}

.info-cta-item {}

/* ---------------------------------------------------------------------
 Btn
------------------------------------------------------------------------ */
.btn_plus { padding: 14px 42px; }

.btn_cta {
    padding-top: 18px;
    padding-bottom: 18px;
}

.btn_social {
    padding: 10px 26px;
    font-size: 12px;
}

.mix-btn_smallToMedium { padding: 14px; }

.btn_hero {
    padding: 21px 65px;
    font-size: 21px;
}

.btn_center {
    width: 274px;
    padding: 18px 30px;
    font-size: 18px;
}

.btn_wide {
    padding: 20px 10px;
    font-size: 16px;
}

/* ---------------------------------------------------------------------
 Hero
------------------------------------------------------------------------ */
.hero {
    position: relative;
    padding: 0;
    border-top: 10px solid #a71c20;
    background: #ffffff;
}
.shelter-hero {
    padding: 0;
}

.hero-cta {
    position: absolute;
    top: 55px;
    left: 97px;
    font-weight: 300;
    line-height: 1.05;
    color: #414042;
    text-align: left;
}

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

.shelter-hero .hero-cta-hd {
    font-size: 45px;
}

.hero-cta-bd {
    width: 350px;
    margin-bottom: 28px;
    font-size: 18px;
}

.hero-media-img {
    display: block;
    margin: 0;
}

.hero_imgSplit .hero-cta { left: 97px; }

/* ---------------------------------------------------------------------
 lesserNav
------------------------------------------------------------------------ */
.lesserNav {}

/* ---------------------------------------------------------------------
 Zoom Hero
------------------------------------------------------------------------ */
.zoomHero-wrap {
    padding-top: 136px;
}

.zoomHero-wrap-heading {
    margin-bottom: 14px;
    letter-spacing: 0.03em;
    font-size: 23px;
}

.zoomHero-wrap-subHeading {
    margin-bottom: 19px;
    font-size: 17px;
}

.zoomHero-wrap-heading-emphasis {
    font-size: 33px;
}

.zoomHero-wrap-cta {
    margin-bottom: 47px;
}

.zoomHero-wrap-cta > .btn {
    min-width: 182px; /* This is for matching the current product image width */
}

.zoomHero-wrap-zoom {
    margin-bottom: 47px;
}

.zoomHero-wrap-media-figure-caption {
    /*display: block;*/
    bottom: 0;
    left: 20px;
}

.zoomHero-wrap-zoom-toggleMedia-mag {
    left: 347px;
    top: -175px;
}

.zoomHero-wrap-zoom-toggleMedia-overlay {
    left: 75px;
    top: -462px;
}

.zoomHero-wrap-zoom-toggleMedia-overlay > img {
    width: 114px;
}

.zoomHero-wrap-media img {
    max-width: 100%;
}

.zoomHero-wrap-bodyCopy {
    max-width: 302px;
    right: 32px;
    top: 561px;
    font-size: 17px;
    line-height: 1.55;
}

.zoomHero-wrap-mediaStack {
    right: 99px;
    top: 264px;
}

/* Styles specifically for when it's desktop none-touch-screen instance*/
.no-touch .zoomHero-wrap-media-cta {
    display: inline-block;
    position: absolute;
    white-space: nowrap;
    left: 54px;
    bottom: 155px;
}

.no-touch .zoomHero-wrap-cta {
    margin-bottom: 70px;
}

.no-touch .zoomHero-wrap-subHeading {
    margin-bottom: 36px;
}

/* ---------------------------------------------------------------------
 ReviewStack:

 object containing a quote, image, and user info stacked
 vertically
------------------------------------------------------------------------ */
.reviewStack {
    max-width: 170px;
}

.reviewStack-quote {
    margin-bottom: 18px;
}

.reviewStack-quote-content {
    font-size: 16px;
}

.reviewStack-user {
    font-size: 12px;
}

.reviewStack-media {
    margin-bottom: 17px;
}

/* ---------------------------------------------------------------------
 Media Review
------------------------------------------------------------------------ */

.mediaReview-hd {
    left: 195px;
}

.mediaReview-ft {
    right: 236px;
}

/* ---------------------------------------------------------------------
 Switch CTA
------------------------------------------------------------------------ */
.switchCta-links > * {
    width: 214px;
}

.switchCta-links > * + * {
    margin-left: 50px;
}

.switchCta-hd {
    font: 300 42px/1 "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.switchBtn {
    padding: 14px;
}

/* ---------------------------------------------------------------------
 Control
------------------------------------------------------------------------ */
.control {
    bottom: -10px;
}

.control-reference {
    font-size: 24px;
}

.control-bd {
    position: relative;
}

.control-bd-handle {
    left: 26px;
    right: 26px;
}

.control-bd-list {
    padding: 0 26px;
}

.control-bd-list > * > * {
    margin: 5px 0;

    height: 10px;
}

.control-info {
    top: -22px;
}

/* ---------------------------------------------------------------------
 Tooltip
------------------------------------------------------------------------ */
.tooltip-icon_actionTable { right: 16px; }

.tooltip-pip_actionTable {
    top: -52px;
    left: 3px;
}

/* ---------------------------------------------------------------------
 Prologue
------------------------------------------------------------------------ */
.prologue-hd {
    margin-bottom: 56px;
    font-size: 20px;
}

/* ---------------------------------------------------------------------
 Reference
------------------------------------------------------------------------ */
.reference {
    padding: 52px 100px;
    background: #ffffff url('../images/reference_large.png') 50% no-repeat;
}

.reference-hd { padding-bottom: 60px; }

.reference-bd-list > * > * {
    font-size: 14px;
    line-height: 1.7;
}

/* ---------------------------------------------------------------------
 Advertisement
------------------------------------------------------------------------ */
.advertisement {
    padding: 48px 164px;
    background: #c8e8e6 url('../images/advertisement-arrow_desktop.png') 88% 28% no-repeat;
    font-size: 24px;
}

.advertisement-hd {
    padding: 0;
    font-size: 20px;
}

.advertisement-bd {}

.advertisement-bd-highlight { font-size: 140px; }

/* ---------------------------------------------------------------------
 socialConnect
------------------------------------------------------------------------ */
.socialConnect { padding: 0 40px 0 58px; }

.socialConnect-ft-icons > * + * { margin-left: 4px; }

.socialConnect-ft-title { font-size: 18px; }

.socialConnect-ft-title:after {
    width: 117px;
    height: 64px;
    top: 12px;
    right: 132px;
    background: url('../images/socialConnect-arrow_large.png') 0 0 no-repeat;
}

/* ---------------------------------------------------------------------
 Locate
------------------------------------------------------------------------ */
.locate { padding: 0 58px 0 40px; }

.locate-hd { font-size: 24px; }

.locate-subHd { font-size : 16px; }

.locate-bd-cta > * {
    width: 179px;
    height: 80px;
    background: url('../images/btn_dog_large.png') 0 0 no-repeat; }

.locate-bd-cta > * + * { background: url('../images/btn_cat_large.png') 0 0 no-repeat; }

.locate-bd-cta > .isActive,
.no-touch .locate-bd-cta > *:hover { background: #ffffff url('../images/btn_dog_large.png') 0 0 no-repeat; }

.locate-bd-cta > * + .isActive,
.no-touch .locate-bd-cta > * + *:hover { background: #ffffff url('../images/btn_cat_large.png') 0 0 no-repeat; }

/* ---------------------------------------------------------------------
 Locate form
------------------------------------------------------------------------ */
.locate-form-ad:after {
    width: 138px;
    height: 34px;
    /* TODO = change to transparent bg image */
    background: url('../images/adoptApet_large.png') 0 0 no-repeat;
}

/* ---------------------------------------------------------------------
 Tile Wrapper
------------------------------------------------------------------------ */
.tileWrapper { width: 100%; }

/* ---------------------------------------------------------------------
 Best Food
------------------------------------------------------------------------ */
.bestFood {
    margin-bottom: 74px; /* override screen_medium.css */
}

/* ---------------------------------------------------------------------
 Recommendation Quiz
------------------------------------------------------------------------ */
.recommendationQuiz {
    height: 400px;
}

.recommendationQuiz-back {
    left: 34px; /* override screen.css */
}

.recommendationQuiz-pagination {
    right: 48px; /* override screen_medium.css */
}

/* ---------------------------------------------------------------------
 Recommendation Question
------------------------------------------------------------------------ */
.recommendationQuestion-options > * {
    width: 244px;
}

.recommendationQuestion-options_4up > * {
    width: 180px;
}

.recommendationQuestion-options > * + * {
    margin-left: 40px;
}

.recommendationQuestion-options_4up > * + * {
    margin-left: 25px;
}

.recommendationQuestion-options-option-img { margin-bottom: 27px; }

/* ---------------------------------------------------------------------
 Recommendation Results
------------------------------------------------------------------------ */
.recommendationResults-sidebar-inner { padding-top: 60px; }

.recommendationResults-bd-inner { padding-top: 41px; }

/* ---------------------------------------------------------------------
 Combos
 - use for when you want and object like ".media" with vertical aligment
 - if you want a combo with the media child on the right, it must be
   phsyically placed there. cannot float
------------------------------------------------------------------------ */
.combo_spread > .combo-bd { padding-right: 60px; }

.combo_spread > .combo-media + .combo-bd { padding-left: 60px; }

/* ---------------------------------------------------------------------
 Row (Grid)
------------------------------------------------------------------------ */

.row {
    display: table;
    width: 100%;
}

.row-col { display: table-cell; }

.row-col + .row-col { margin-top: 0; }

.mix-row-col_gutter { padding-left: 20px; }

/* ---------------------------------------------------------------------
 chron
------------------------------------------------------------------------ */
.chron-hd {
    padding: 30px 70px 58px 70px;
}

.chron-hd-heading {
    font-size: 34px;
}

.chron-hd-subhd {
    font-size: 24px;
}

/* ---------------------------------------------------------------------
 jQuery UI Slider
------------------------------------------------------------------------ */
.ui-slider-handle {
    margin-left: -20px; /* horiz center */

    width: 40px;
    height: 40px;
}

.ui-slider-handle:before {
    width: 18px;
    height: 18px;
}

/* ---------------------------------------------------------------------
 slider
------------------------------------------------------------------------ */
.slider {
    height: 360px; /* default height, gets overwritten by JS */
}

/* ---------------------------------------------------------------------
 Review Block
------------------------------------------------------------------------ */
.reviewBlock {
    width: 55%;
}

/* ---------------------------------------------------------------------
 Quotation
------------------------------------------------------------------------ */
.quotation-text {
    margin-bottom: 17px;
    font-size: 32px;
    line-height: 1.3;
}

.quotation-auth {
    font-size: 18px;
}

.quoteCarousel-slides {
    width: 940px;
    height: 160px;
}

/* ---------------------------------------------------------------------
 Media Carousel
------------------------------------------------------------------------ */
.mediaCarousel-slides {
    width: 940px;
    height: 576px;
}

.mediaCarousel-nav {
    width: 30px;
    height: 56px;
    background-size: 30px 56px;
}

.mediaCarousel_tsb,
.mediaCarousel_tsb .mediaCarousel-slides {
    height: 588px;
}

/* ---------------------------------------------------------------------
 Difference Carousel
------------------------------------------------------------------------ */
.differenceCarousel-btn { top: 28%; }

/* ---------------------------------------------------------------------
 Media Overlay
------------------------------------------------------------------------ */
.mediaOverlay {
    height: 576px;
}

.mediaOverlay-panel {
    padding: 109px 80px 109px 90px;
}

.mediaOverlay-panel-icn {
    top: -15px;
    left: -30px;
    border-width: 7px;
    width: 104px;
    height: 104px;
}

.mediaOverlay-panel-hdg {
    font-size: 39px;
    margin-bottom: 12px;
}

.mediaOverlay-panel-bd {
    font-size: 24px;
    line-height: 1.25;
    margin-bottom: 40px;
}

/* TODO: This extension should become it's own object*/
.mediaOverlay_tsb {
    height: 588px; // Must match mediaCarousel_tsb
}

.mediaOverlay_tsb .mediaOverlay-panel {
    top: 120px;
}

.mediaOverlay_tsb .mediaOverlay-panel-hdg {
    font-size: 23px;
    margin-bottom: 6px;
    letter-spacing: .015em;
}

.mediaOverlay_tsb .mediaOverlay-panel-hdg_headline {
    font-size: 40px;
    margin-bottom: 9px;
    letter-spacing: 0.03em;
}

.mediaOverlay_tsb .mediaOverlay-panel-bd {
    font-size: 14px;
    margin-bottom: 24px;
}

.mediaOverlay_tsb .mediaOverlay-panel-cta > * {
    padding: 13px;
    font-size: 14px;
}

/* ---------------------------------------------------------------------
 TSB Slide: This styles markup directly controlled within CMS for this slide
------------------------------------------------------------------------ */
.tsbSlide-intro {
    margin-top: 50px;
}

/* ---------------------------------------------------------------------
 Heading
------------------------------------------------------------------------ */
.mix-hdg_product,
.mix-hdg_difference {
    font-size: 39px;
    letter-spacing: 0.022em;
}

.mix-hdg_productSub {
    font-size: 18px;
}

/* ---------------------------------------------------------------------
 Difference Blocks
------------------------------------------------------------------------ */
.differenceBlock-overlay-hd {
    font-size: 22px;
}

/* ---------------------------------------------------------------------
 Category Blocks
------------------------------------------------------------------------ */
.categoryBlocks-block-icn_light {
    height: 92px;
}

/* ---------------------------------------------------------------------
 Attention
------------------------------------------------------------------------ */
.attention-inner-hd {
    font-size: 26px;
}

.attention-inner-supHd {
    font-size: 11px;
}

.attention-inner-bd {
    font-size: 13px;
    line-height: 1.35;
}

/* ---------------------------------------------------------------------
 Product Carousel
------------------------------------------------------------------------ */
.productCarousel-slides {
    height: 280px;
}

.productCarousel-btn {
    width: 30px;
}

.productCarousel-btn_next {
    right: -72px;
}

.productCarousel-btn_previous {
    left: -120px;
}

.productCarousel-ft .btn_cta {
    font-size: 18px;
    padding: 12px 40px;
}


/* ---------------------------------------------------------------------
 Full Width Article Carousel
------------------------------------------------------------------------ */

.articleCarousel-btn {
    width: 30px;
}

.articleCarousel-btn_next {
    right: 20px;
}

.articleCarousel-btn_prev {
    left: 20px;
}

.articleCarousel-slide_padded .placard-img img {
    max-width: 324px;
}

/* ---------------------------------------------------------------------
 Stack
------------------------------------------------------------------------ */
.stack-hd {
    font-size: 22px;
}

.stack-desc {
    font-size: 18px;
}


/* ---------------------------------------------------------------------
USER CONTENT
Original Author: Anthony Ticknor
Contributors: Michael Start, Chris Cheney, Tad Runkle,
Anthony Lukes

Target Browsers: All
Media Type: Screen
------------------------------------------------------------------------ */
.userContent h2 { font-size: 37px; }

.userContent h3 { font-size: 27px; }

.userContent ul {
    padding-left: 50px;
    list-style: disc outside;
}

.userContent ol {
    padding-left: 50px;
    list-style: decimal outside;
}

.userContent .intro { font-size: 24px; }