/* customClasses */
.ccThumbHeadingXL .tnset-tn-txt {
    font-size: 40px;
    line-height: 50px;
    -webkit-font-feature-settings: "kern" 1;
    -moz-font-feature-settings: "kern" 1;
    font-feature-settings: "kern" 1;
    font-family: 'WOL_SL', 'Segoe UI Semilight', 'Segoe UI', Tahoma, Helvetica, sans-serif;
    font-weight: 200;
    margin-left: -3px;
}

@media screen and (min-width: 31.875em) and (max-width: 47.49375em) {
    .ccThumbHeadingXL .tnset-tn-txt {
        font-size: 35px;
        line-height: 45px;
    }
}

@media screen and (max-width: 31.86875em) {
    .ccThumbHeadingXL .tnset-tn-txt {
        font-size: 30px;
        line-height: 40px;
    }
}

@media screen and (max-width: 47.49375em) {
    .ccThumbHeadingXL .tnset-tn-txt {
        margin-left: -2px;
    }
}

.ccThumbHeadingXL .tnset-tn-txt > a {
    font-size: 40px;
    line-height: 50px;
    -webkit-font-feature-settings: "kern" 1;
    -moz-font-feature-settings: "kern" 1;
    font-feature-settings: "kern" 1;
    font-family: 'WOL_SL', 'Segoe UI Semilight', 'Segoe UI', Tahoma, Helvetica, sans-serif;
    font-weight: 200;
}

@media screen and (min-width: 31.875em) and (max-width: 47.49375em) {
    .ccThumbHeadingXL .tnset-tn-txt > a {
        font-size: 35px;
        line-height: 45px;
    }
}

@media screen and (max-width: 31.86875em) {
    .ccThumbHeadingXL .tnset-tn-txt > a {
        font-size: 30px;
        line-height: 40px;
    }
}

.ccThumbHeadingL .tnset-tn-txt {
    font-size: 19px;
    line-height: 25px;
    font-family: 'WOL_SB', 'Segoe UI Semibold', 'Segoe UI', Tahoma, Helvetica, sans-serif;
    font-weight: 600;
    margin-left: -1px;
    margin-bottom: 0;
}

    .ccThumbHeadingL .tnset-tn-txt > a {
        font-size: 19px;
        line-height: 25px;
        font-family: 'WOL_SB', 'Segoe UI Semibold', 'Segoe UI', Tahoma, Helvetica, sans-serif;
        font-weight: 600;
    }

.ccThumbHeadingZeroPX .hero-dock-elm {
    padding-top: 5% !important;
}

/* Seattle Grey button */

.ccBtnSeattleGrey .accentBackground,
.ccBtnSeattleGrey a,
.ccBtnSeattleGrey a:hover,
.ccBtnSeattleGrey a:active,
.ccBtnSeattleGrey a:visited,
.ccBtnSeattleGrey a:link,
.ccBtnSeattleGrey:hover .accentBackground,
a:focus .ccBtnSeattleGrey .accentBackground,
.ccBtnSeattleGrey:hover a,
.ccBtnSeattleGrey:hover a:hover,
.ccBtnSeattleGrey:hover a:active,
.ccBtnSeattleGrey:hover a:visited,
.ccBtnSeattleGrey:hover a:link {
    color: #454545;
}

.ccBtnSeattleGrey .accentBackground {
    background-color: #EDEDF0;
}

.ccBtnSeattleGrey:hover .accentBackground,
a:focus .ccBtnSeattleGrey .accentBackground {
    background-color: #CFCFCF;
}
/* Alternate tab styles */

@media screen and (max-width: 57.125em) {
    .ccSkinnyLegacyTab div.tabBody_vertical div.tabStripContainer {
        width: 75px;
    }

    html.js body .ccSkinnyLegacyTab div.tabAttemptUpLevel.tabBody_vertical a.tabLinkEnabled.tabLinkSelected,
    html.js body .ccSkinnyLegacyTab div.tabAttemptUpLevel.tabBody_vertical a.tabLinkSelected,
    html.js body .ccSkinnyLegacyTab div.tabAttemptUpLevel.tabBody_vertical a.tabLinkEnabled.tabLinkSelected:visited,
    body .ccSkinnyLegacyTab div.tabBody_vertical a.tabLink,
    body .ccSkinnyLegacyTab div.tabBody_vertical a.tabLink:visited {
        width: 55px;
    }

    .ccSkinnyLegacyTab div.tabBody_vertical div.tabContent {
        margin-left: 105px;
    }
}

.ccAltTabs .modern-tab-dropdown li {
    text-align: left;
}

.ccAltTabs .modern-tab-dropdown .modern-tab-link-selected a:hover,
.ccAltTabs .modern-tab-dropdown .modern-tab-link.modern-tab-link-selected a:link,
.ccAltTabs .modern-tab-dropdown .modern-tab-link.modern-tab-link-selected a:visited,
.ccAltTabs .modern-tab-dropdown .modern-tab-link.modern-tab-link-selected a:active {
    color: #000000;
}
/* Tab resets */

.ccAltTabs .modern-tab-link-visible.modern-tab-link-selected a:link,
.ccAltTabs .modern-tab-link-visible.modern-tab-link-selected a:visited,
.ccAltTabs .modern-tab-link-visible.modern-tab-link-selected a:active {
    color: #1a1a1a;
}

.ccAltTabs .modern-tab-link-visible.modern-tab-dropdown-link a:link,
.ccAltTabs .modern-tab-link-visible.modern-tab-dropdown-link a:visited,
.ccAltTabs .modern-tab-link-visible.modern-tab-dropdown-link a:active {
    color: #737373;
}

/* Tab colorizations */

.ccAltTabsStrawberry .modern-tab-link-visible a:link,
.ccAltTabsStrawberry .modern-tab-link-visible a:visited,
.ccAltTabsStrawberry .modern-tab-link-visible a:active {
    color: #FF1769;
}

.ccAltTabsOcean .modern-tab-link-visible a:link,
.ccAltTabsOcean .modern-tab-link-visible a:visited,
.ccAltTabsOcean .modern-tab-link-visible a:active {
    color: #1570A6;
}

.ccAltTabsTeal .modern-tab-link-visible a:link,
.ccAltTabsTeal .modern-tab-link-visible a:visited,
.ccAltTabsTeal .modern-tab-link-visible a:active {
    color: #007172;
}

.ccAltTabsLime .modern-tab-link-visible a:link,
.ccAltTabsLime .modern-tab-link-visible a:visited,
.ccAltTabsLime .modern-tab-link-visible a:active {
    color: #537001;
}
/* Text manipulations */

.ccBold,
.ccBold p {
    font-weight: 600;
    font-family: 'WOL_Bold', 'Segoe UI Bold', 'Segoe UI', Tahoma, Helvetica, sans-serif;
}

.ccBlack,
.ccBlack .para,
div.hero-base .headingBase.ccBlack {
    color: #000000;
}

.ccCheddar,
.ccCheddar .para,
div.hero-base .headingBase.ccCheddar {
    color: #FFB900;
}

.ccAlternateCheddar,
.ccAlternateCheddar .para,
div.hero-base .headingBase.ccAlternateCheddar {
    color: #FF8C00;
}

div.hero-base .headingBase.ccStrawberry {
    color: #ec008c;
}

div.hero-base .headingBase.ccOcean {
    color: #00bcf2;
}

div.hero-base .headingBase.ccTeal {
    color: #00b294;
}

div.hero-base .headingBase.ccLime {
    color: #bad80a;
}

div.hero-base .headingBase.ccGrass {
    color: #008a00;
}

div.hero-base .headingBase.ccAlternateStrawberry {
    color: #b4009e;
}


div.hero-base .headingBase.ccAlternateOcean {
    color: #0072c6;
}

div.hero-base .headingBase.ccAlternateTeal {
    color: #008272;
}

div.hero-base .headingBase.ccAlternateLime {
    color: #007233;
}

div.hero-base .headingBase.ccAlternateGrass {
    color: #007233;
}

.ccLightLink a:hover,
.ccLightLink a:focus {
    color: #FFFFFF;
}

.FooterControlRegion a,
.FooterControlRegion a:visited {
    color: darkgray;
}

.ccBGYellow,
#bodyContentPane .ccYellow.btnBase .btnContentContainer.accentBackground,
#bodyContentPane .ccYellow.btnBase .btnContentContainer.accentBackground:hover {
    background-color: #FFB900;
}

.ccYellow,
.ccYellow .para,
.hero-txt-dk .ccYellow .para,
div.hero-base .headingBase.ccYellow {
    color: #FFB900;
}

.ccBGLightOrange,
#bodyContentPane .ccLightOrange.btnBase .btnContentContainer.accentBackground,
#bodyContentPane .ccLightOrange.btnBase .btnContentContainer.accentBackground:hover {
    background-color: #FF8C00;
}

.ccLightOrange,
.ccLightOrange .para,
.hero-txt-dk .ccLightOrange .para,
div.hero-base .headingBase.ccLightOrange {
    color: #FF8C00;
}

.ccBGOrange,
#bodyContentPane .ccOrange.btnBase .btnContentContainer.accentBackground,
#bodyContentPane .ccOrange.btnBase .btnContentContainer.accentBackground:hover {
    background-color: #D83B01;
}

.ccOrange,
.ccOrange .para,
.hero-txt-dk .ccOrange .para,
div.hero-base .headingBase.ccOrange {
    color: #D83B01;
}

.ccBGDarkRed,
#bodyContentPane .ccDarkRed.btnBase .btnContentContainer.accentBackground,
#bodyContentPane .ccDarkRed.btnBase .btnContentContainer.accentBackground:hover {
    background-color: #A80000;
}

.ccDarkRed,
.ccDarkRed .para,
.hero-txt-dk .ccRed .para,
div.hero-base .headingBase.ccDarkRed {
    color: #A80000;
}

.ccBGMagenta,
#bodyContentPane .ccMagenta.btnBase .btnContentContainer.accentBackground,
#bodyContentPane .ccMagenta.btnBase .btnContentContainer.accentBackground:hover {
    background-color: #B4009E;
}

.ccMagenta,
.ccMagenta .para,
.hero-txt-dk .ccMagenta .para,
div.hero-base .headingBase.ccMagenta {
    color: #B4009E;
}

.ccBGDarkMagenta,
#bodyContentPane .ccDarkMagenta.btnBase .btnContentContainer.accentBackground,
#bodyContentPane .ccDarkMagenta.btnBase .btnContentContainer.accentBackground:hover {
    background-color: #5C005C;
}

.ccDarkMagenta,
.ccDarkMagenta .para,
.hero-txt-dk .ccDarkMagenta .para,
div.hero-base .headingBase.ccDarkMagenta {
    color: #5C005C;
}

.ccBGPurple,
#bodyContentPane .ccPurple.btnBase .btnContentContainer.accentBackground,
#bodyContentPane .ccPurple.btnBase .btnContentContainer.accentBackground:hover {
    background-color: #5C2D91;
}

.ccPurple,
.ccPurple .para,
.hero-txt-dk .ccPurple .para,
div.hero-base .headingBase.ccPurple {
    color: #5C2D91;
}

.ccBGDarkPurple,
#bodyContentPane .ccDarkPurple.btnBase .btnContentContainer.accentBackground,
#bodyContentPane .ccDarkPurple.btnBase .btnContentContainer.accentBackground:hover {
    background-color: #32145A;
}

.ccDarkPurple,
.ccDarkPurple .para,
.hero-txt-dk .ccDarkPurple .para,
div.hero-base .headingBase.ccDarkPurple {
    color: #32145A;
}

.ccBGLightBlue,
#bodyContentPane .ccLightBlue.btnBase .btnContentContainer.accentBackground,
#bodyContentPane .ccLightBlue.btnBase .btnContentContainer.accentBackground:hover {
    background-color: #00BCF2;
}

.ccLightBlue,
.ccLightBlue .para,
.hero-txt-dk .ccLightBlue .para,
div.hero-base .headingBase.ccLightBlue {
    color: #00BCF2;
}

.ccBGBlue,
#bodyContentPane .ccBlue.btnBase .btnContentContainer.accentBackground,
#bodyContentPane .ccBlue.btnBase .btnContentContainer.accentBackground:hover {
    background-color: #0078D7;
}

.ccBlue,
.ccBlue .para,
.hero-txt-dk .ccBlue .para,
div.hero-base .headingBase.ccBlue {
    color: #0078D7;
}

.ccBGDarkBlue,
#bodyContentPane .ccDarkBlue.btnBase .btnContentContainer.accentBackground,
#bodyContentPane .ccDarkBlue.btnBase .btnContentContainer.accentBackground:hover {
    background-color: #002050;
}

.ccDarkBlue,
.ccDarkBlue .para,
.hero-txt-dk .ccDarkBlue .para,
div.hero-base .headingBase.ccDarkBlue {
    color: #002050;
}

.ccBGMidBlue,
#bodyContentPane .ccMidBlue.btnBase .btnContentContainer.accentBackground,
#bodyContentPane .ccMidBlue.btnBase .btnContentContainer.accentBackground:hover {
    background-color: #00188F;
}

.ccMidBlue,
.ccMidBlue .para,
.hero-txt-dk .ccMidBlue .para,
div.hero-base .headingBase.ccMidBlue {
    color: #00188F;
}

.ccBGLightGreen,
#bodyContentPane .ccLightGreen.btnBase .btnContentContainer.accentBackground,
#bodyContentPane .ccLightGreen.btnBase .btnContentContainer.accentBackground:hover {
    background-color: #BAD80A;
}

.ccLightGreen,
.ccLightGreen .para,
.hero-txt-dk .ccLightGreen .para,
div.hero-base .headingBase.ccLightGreen {
    color: #BAD80A;
}

.ccBGGreen,
#bodyContentPane .ccGreen.btnBase .btnContentContainer.accentBackground,
#bodyContentPane .ccGreen.btnBase .btnContentContainer.accentBackground:hover {
    background-color: #107C10;
}

.ccGreen,
.ccGreen .para,
.hero-txt-dk .ccGreen .para,
div.hero-base .headingBase.ccGreen {
    color: #107C10;
}

.ccBGDarkGreen,
#bodyContentPane .ccDarkGreen.btnBase .btnContentContainer.accentBackground,
#bodyContentPane .ccDarkGreen.btnBase .btnContentContainer.accentBackground:hover {
    background-color: #004B1C;
}

.ccDarkGreen,
.ccDarkGreen .para,
.hero-txt-dk .ccDarkGreen .para,
div.hero-base .headingBase.ccDarkGreen {
    color: #004B1C;
}

.ccBGLightGray,
#bodyContentPane .ccLightGray.btnBase .btnContentContainer.accentBackground,
#bodyContentPane .ccLightGray.btnBase .btnContentContainer.accentBackground:hover {
    background-color: #D2D2D2;
}

.ccLightGray,
.ccLightGray .para,
.hero-txt-dk .ccLightGray .para,
div.hero-base .headingBase.ccLightGray {
    color: #D2D2D2;
}

.ccBGMidGray,
#bodyContentPane .ccMidGray.btnBase .btnContentContainer.accentBackground,
#bodyContentPane .ccMidGray.btnBase .btnContentContainer.accentBackground:hover {
    background-color: #737373;
}

.ccMidGray,
.ccMidGray .para,
.hero-txt-dk .ccMidGray .para,
div.hero-base .headingBase.ccMidGray {
    color: #737373;
}

.ccBGDarkGray,
#bodyContentPane .ccDarkGray.btnBase .btnContentContainer.accentBackground,
#bodyContentPane .ccDarkGray.btnBase .btnContentContainer.accentBackground:hover {
    background-color: #505050;
}

.ccDarkGray,
.ccDarkGray .para,
.hero-txt-dk .ccDarkGray .para,
div.hero-base .headingBase.ccDarkGray {
    color: #505050;
}

.ccBGLight,
#bodyContentPane .ccLight.btnBase .btnContentContainer.accentBackground,
#bodyContentPane .ccLight.btnBase .btnContentContainer.accentBackground:hover {
    background-color: #FFFFFF;
}

#bodyContentPane .ccLightOrange.btnBase .btnContentContainer.accentBackground .btnTextContainer,
#bodyContentPane .ccLightBlue.btnBase .btnContentContainer.accentBackground .btnTextContainer {
    color: #3D3D3D;
}

#bodyContentPane .ccYellow.btnBase .btnContentContainer.accentBackground .btnTextContainer,
#bodyContentPane .ccLightGreen.btnBase .btnContentContainer.accentBackground .btnTextContainer,
#bodyContentPane .ccLightGray.btnBase .btnContentContainer.accentBackground .btnTextContainer {
    color: #505050;
}

#bodyContentPane .ccYellow.btnBase .btnContentContainer.accentBackground:hover .btnTextContainer,
#bodyContentPane .ccLightOrange.btnBase .btnContentContainer.accentBackground:hover .btnTextContainer,
#bodyContentPane .ccOrange.btnBase .btnContentContainer.accentBackground:hover .btnTextContainer,
#bodyContentPane .ccLightBlue.btnBase .btnContentContainer.accentBackground:hover .btnTextContainer,
#bodyContentPane .ccBlue.btnBase .btnContentContainer.accentBackground:hover .btnTextContainer,
#bodyContentPane .ccLightGreen.btnBase .btnContentContainer.accentBackground:hover .btnTextContainer,
#bodyContentPane .ccLightGray.btnBase .btnContentContainer.accentBackground:hover .btnTextContainer {
    color: #000000;
}

#bodyContentPane .ccDarkRed.btnBase .btnContentContainer.accentBackground:hover .btnTextContainer,
#bodyContentPane .ccMagenta.btnBase .btnContentContainer.accentBackground:hover .btnTextContainer,
#bodyContentPane .ccDarkMagenta.btnBase .btnContentContainer.accentBackground:hover .btnTextContainer,
#bodyContentPane .ccPurple.btnBase .btnContentContainer.accentBackground:hover .btnTextContainer,
#bodyContentPane .ccDarkPurple.btnBase .btnContentContainer.accentBackground:hover .btnTextContainer,
#bodyContentPane .ccDarkBlue.btnBase .btnContentContainer.accentBackground:hover .btnTextContainer,
#bodyContentPane .ccMidBlue.btnBase .btnContentContainer.accentBackground:hover .btnTextContainer,
#bodyContentPane .ccDarkGreen.btnBase .btnContentContainer.accentBackground:hover .btnTextContainer,
#bodyContentPane .ccDarkGray.btnBase .btnContentContainer.accentBackground:hover .btnTextContainer {
    color: #D2D2D2;
}

#bodyContentPane .ccGreen.btnBase .btnContentContainer.accentBackground:hover .btnTextContainer,
#bodyContentPane .ccMidGray.btnBase .btnContentContainer.accentBackground:hover .btnTextContainer {
    color: #FAFAFA;
}

/* CTArrows: side is 20px */

.ccCTArrow a {
    padding: 0px 30px 3px 0px;
    background: url(/resbox/en/windows/main/f5bff9d2-d093-475e-af16-77025340008a_999.png) no-repeat right;
}

.ccCTArrow.ccCTArrowLightBG a {
    background: url(/resbox/en/windows/main/75629401-0241-412c-8d61-ecd4182c2b4a_999.png) no-repeat right;
}

    .ccCTArrow.ccCTArrowLightBG a:hover,
    .ccCTArrow.ccCTArrowLightBG a:focus {
        background: url(/resbox/en/windows/main/3a71ac49-336f-41b6-925a-dd8497987818_999.png) no-repeat right;
    }

.ccCTArrow .para a,
.para .ccCTArrow a,
.headingXS.ccCTArrow a {
    padding-top: 3px;
}

.ccCTArrow,
.ccCTArrow .para,
.ccCTArrow > a {
    line-height: 29px;
}
/* side is 30px */


.ccCTArrowUp a {
    padding: 5px 0px;
    padding-right: 40px;
    background: url(/resbox/en/windows/main/dbb59a09-8a96-4354-91cb-0bc436e841de_999.png) no-repeat right;
}

    .ccCTArrowUp a:hover,
    .ccCTArrowUp a:focus {
        background: url(/resbox/en/windows/main/683946b2-7330-4ccd-98df-bb411b7508b7_999.png) no-repeat right;
    }

.ccCTArrowUp,
.ccCTArrowUp .para,
.ccCTArrowUp > a {
    line-height: 40px;
}
/* rotator */

.ccCrcForceIndicator div.crcIndicatorRegion {
    display: block;
}

/* rotator Indicators centred for IA */
.iaRotator {
    width: 52%;
}

    .iaRotator > .crcIndicatorRegion {
        width: auto !important;
        position: relative;
        bottom: 130px;
    }

/** breakpoint-specific **/
/* 900 desktop+ */
@media screen and (min-width: 56.25em) {
    .ccHideAtDesktopUp {
        display: none;
    }
}

@media screen and (max-width: 56.24375em) {
    .ccHideAtDesktopDown {
        display: none;
    }
}

/* 760 tablet+ */
@media screen and (min-width: 47.5em) {
    .ccHideAtTabletUp {
        display: none;
    }
}

/* < 760 tablet */
@media screen and (max-width: 47.49375em) {
    .ccHideAtTabletDown {
        display: none;
    }
}

/* 510 minitablet+ */
@media screen and (min-width: 31.875em) {
    .ccHideAtMiniTabletUp {
        display: none;
    }
}

/* < 510 minitablet */
@media screen and (max-width: 31.86875em) {
    .ccHideAtMiniTabletDown {
        display: none;
    }
}

/* 320 phone+ */
@media screen and (min-width: 20.001em) {
    .ccHideAtPhoneUp {
        display: none;
    }
}
/* < 320 phone */

@media screen and (max-width: 20em) {
    .ccHideAtPhoneDown {
        display: none;
    }
}

/* Thumbnail normal link */
.ccSectionListThumbnailNormalLink div.section_section-list-links-thumbnail a.navigationLink {
    font-family: 'WOL_SB', 'Segoe UI Semibold', 'Segoe UI', Tahoma, Helvetica, sans-serif;
    font-size: 13px;
    line-height: inherit;
    font-weight: 600;
}

/* Tables */
.ccTable-NoBorder table.table td,
.ccTable-NoBorder table.table th,
.ccTable-NoBorder table.table tr td:last-child,
.ccTable-NoBorder table.table tr th:last-child {
    border: none;
}

.ccTable-NoBorderEnd table.table tr:last-child td {
    border: none;
}

.ccTable-HalfVertPadding table.table td,
.ccTable-HalfVertPadding table.table th {
    padding-top: 6px;
    padding-bottom: 6px;
}

.ccTable-CellAutoWidthAlways table td {
    width: auto;
}

.ccBodyTextL,
.ccBodyTextL .para {
    font-size: 24px;
    line-height: 30px;
}

.ccBodyTextM,
.ccBodyTextM .para {
    font-size: 19px;
    line-height: 25px;
}

.ccBodyTextS,
.ccBodyTextS .para {
    font-size: 16px;
    line-height: 22px;
}

.ccBoundedBleed {
    max-width: 1366px;
    margin: 0px auto;
}
/* Request 70377 extend bleed to 1600px*/

.ccHomeBoundedBleed {
    max-width: 1600px;
    margin: 0px auto;
}

.ccBoundedBleed .region {
    width: 100%;
    max-width: none;
}

.ccBoundedContent {
    max-width: 998px;
    margin: 0px auto;
}

@media screen and (max-width: 62.86875em) {
    .ccBoundedContent {
        width: 90%;
    }
}

@media screen and (max-width: 19.99375em) {
    .ccBoundedContent {
        margin-left: 16px;
        margin-right: 16px;
    }
}

/* Start Live Message CSS */
#liveMessageDiv {
    background-color: #D2D2D2;
    border: none;
    display: none;
}

#liveMessageGrid {
    width: 100%;
}

    #liveMessageGrid div {
        vertical-align: middle;
        position: relative;
    }

#liveMessageText {
    margin-left: 0px;
    margin-right: 0px;
    padding-right: 30px;
    margin-top: 23px;
    margin-bottom: 24px;
    float: left;
}

#liveMessageButton {
    margin-top: 14px;
    margin-bottom: 15px;
    float: right;
    display: block;
}

#liveMessageText.txtTextLong {
    margin-bottom: 16px;
}

#liveMessageButton.btnTextLong {
    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 24px;
    float: left;
}

@media screen and (max-width: 47.49em) {
    #liveMessageText {
        margin-bottom: 16px;
        width: 100%;
    }

    #liveMessageButton {
        margin-top: 0px;
        margin-left: 0px;
        margin-bottom: 24px;
        float: left;
    }
}

.hdr-is-present.hdr-is-subnav-present #liveMessageDiv {
    padding-top: 33px;
}

.hdr-is-present #liveMessageDiv {
    padding-top: 10px;
}

@media screen and (max-width: 62.86875em) {
    /* in responsive, subnav goes away at this breakpoint so remove padding */

    .hdr-is-present.hdr-is-subnav-present #liveMessageDiv {
        padding-top: 0px;
    }

    .hdr-is-present #liveMessageDiv {
        padding-top: 0px;
    }
}
/* End Live Message CSS */
/* classes needed for Full-Width Region */

div.regionOuter.fullWidthRegion div.region {
    max-width: 100%;
}

    div.regionOuter.fullWidthRegion div.region.regionGroup,
    div.regionOuter.fullWidthRegion div.region.grid-container {
        padding-left: 0px;
        padding-right: 0px;
        margin-left: 0px;
        margin-right: 0px;
    }

div.regionOuter.fullWidthRegion div.region,
div.regionOuter.fullWidthRegion div.containerFullWidth {
    width: auto;
}

/* Atlas Iframe */

iframe.atlasFrame {
    display: none;
}
/* advance fixes */

/* MVT AB Fix */
.mvt-factor-container .sg-unit {
    margin-left: 2.3%;
}

.mvt-factor-container .sg-col-3 .sg-unit {
    margin-left: 3.3%;
}

.mvt-factor-container .sg-unit.sg-col-first {
    margin-left: 0px;
}

@media screen and (min-width: 0px) {
    .mvt-factor-container .sg-container .sg-unit {
        margin-left: 2.3%;
    }

    .mvt-factor-container .sg-col-3 .sg-unit {
        margin-left: 3.3%;
    }

    .mvt-factor-container .sg-col-1 .sg-unit {
        margin-left: 0px;
    }
}

@media screen and (min-width: 56.25em) {
    .mvt-factor-container .sg-col-8 .sg-unit:nth-of-type(8n + 1),
    .mvt-factor-container .sg-col-7 .sg-unit:nth-of-type(7n + 1),
    .mvt-factor-container .sg-col-6 .sg-unit:nth-of-type(6n + 1),
    .mvt-factor-container .sg-col-5 .sg-unit:nth-of-type(5n + 1),
    .mvt-factor-container .sg-col-4 .sg-unit:nth-of-type(4n + 1),
    .mvt-factor-container .sg-col-3 .sg-unit:nth-of-type(3n + 1),
    .mvt-factor-container .sg-col-2 .sg-unit:nth-of-type(2n + 1) {
        margin-left: 0px;
    }
}

@media screen and (min-width: 47.5em) and (max-width: 56.24375em) {
    .mvt-factor-container .sg-col-8 .sg-unit:nth-of-type(7n + 1),
    .mvt-factor-container .sg-col-7 .sg-unit:nth-of-type(6n + 1),
    .mvt-factor-container .sg-col-6 .sg-unit:nth-of-type(5n + 1),
    .mvt-factor-container .sg-col-5 .sg-unit:nth-of-type(4n + 1),
    .mvt-factor-container .sg-col-4 .sg-unit:nth-of-type(3n + 1),
    .mvt-factor-container .sg-col-3 .sg-unit:nth-of-type(3n + 1),
    .mvt-factor-container .sg-col-2 .sg-unit:nth-of-type(2n + 1) {
        margin-left: 0px;
    }
}

@media screen and (min-width: 31.875em) and (max-width: 47.49375em) {
    .mvt-factor-container .sg-col-8 .sg-unit:nth-of-type(5n + 1),
    .mvt-factor-container .sg-col-7 .sg-unit:nth-of-type(4n + 1),
    .mvt-factor-container .sg-col-6 .sg-unit:nth-of-type(4n + 1),
    .mvt-factor-container .sg-col-5 .sg-unit:nth-of-type(3n + 1),
    .mvt-factor-container .sg-col-4 .sg-unit:nth-of-type(2n + 1),
    .mvt-factor-container .sg-col-3 .sg-unit:nth-of-type(2n + 1) {
        margin-left: 0px;
    }
}

@media screen and (max-width: 31.86875em) {
    .mvt-factor-container .sg-col-8 .sg-unit:nth-of-type(3n + 1),
    .mvt-factor-container .sg-col-7 .sg-unit:nth-of-type(3n + 1),
    .mvt-factor-container .sg-col-5 .sg-unit:nth-of-type(2n + 1),
    .mvt-factor-container .sg-col-4 .sg-unit,
    .mvt-factor-container .sg-col-3 .sg-unit {
        margin-left: 0px;
    }
}

@media screen and (min-width: 25em) and (max-width: 31.86875em) {
    .mvt-factor-container .sg-col-6 .sg-unit:nth-of-type(3n + 1) {
        margin-left: 0px;
    }
}

@media screen and (max-width: 24.99375em) {
    .mvt-factor-container .sg-col-6 .sg-unit:nth-of-type(2n + 1) {
        margin-left: 0px;
    }
}

@media screen and (min-width: 37.5em) and (max-width: 47.49375em) {
    .mvt-factor-container .sg-col-2 .sg-unit:nth-of-type(2n + 1) {
        margin-left: 0px;
    }
}

@media screen and (max-width: 37.49375em) {
    .mvt-factor-container .sg-col-2 .sg-unit {
        margin-left: 0px;
    }
}

@media screen and (min-width: 56.25em) {
    .mvt-factor-container .sg-uneven-25-25-50 .sg-unit:nth-of-type(3n + 1),
    .mvt-factor-container .sg-uneven-50-25-25 .sg-unit:nth-of-type(3n + 1),
    .mvt-factor-container .sg-uneven-25-75 .sg-unit:nth-of-type(2n + 1),
    .mvt-factor-container .sg-uneven-75-25 .sg-unit:nth-of-type(2n + 1),
    .mvt-factor-container .sg-uneven-37-63 .sg-unit:nth-of-type(2n + 1),
    .mvt-factor-container .sg-uneven-63-37 .sg-unit:nth-of-type(2n + 1) {
        margin-left: 0px;
    }
}

@media screen and (min-width: 31.875em) and (max-width: 56.24375em) {
    .mvt-factor-container .sg-uneven-25-25-50 .sg-unit:nth-of-type(3n + 1),
    .mvt-factor-container .sg-uneven-25-25-50 .sg-unit:nth-of-type(3n),
    .mvt-factor-container .sg-uneven-50-25-25 .sg-unit:nth-of-type(3n + 1),
    .mvt-factor-container .sg-uneven-50-25-25 .sg-unit:nth-of-type(3n + 2) {
        margin-left: 0px;
    }
}

@media screen and (max-width: 31.86875em) {
    .mvt-factor-container .sg-uneven-25-25-50 .sg-unit,
    .mvt-factor-container .sg-uneven-50-25-25 .sg-unit {
        margin-left: 0px;
    }
}

@media screen and (min-width: 37.5em) and (max-width: 56.24375em) {
    .mvt-factor-container .sg-uneven-25-75 .sg-unit:nth-of-type(2n + 1),
    .mvt-factor-container .sg-uneven-75-25 .sg-unit:nth-of-type(2n + 1),
    .mvt-factor-container .sg-uneven-37-63 .sg-unit:nth-of-type(2n + 1),
    .mvt-factor-container .sg-uneven-63-37 .sg-unit:nth-of-type(2n + 1) {
        margin-left: 0px;
    }
}

@media screen and (max-width: 37.49375em) {
    .mvt-factor-container .sg-uneven-25-75 .sg-unit,
    .mvt-factor-container .sg-uneven-75-25 .sg-unit,
    .mvt-factor-container .sg-uneven-37-63 .sg-unit,
    .mvt-factor-container .sg-uneven-63-37 .sg-unit {
        margin-left: 0px;
    }
}
/* Modern Tab heading size fix */

.ccTabs-CorrectHeadingSize h1 > .modern-tab-title > .matXL {
    font-size: 32px;
    line-height: 40px;
}

.ccTabs-CorrectHeadingSize h2 > .modern-tab-title > .matXL {
    font-size: 24px;
    line-height: 30px;
}

.ccTabs-CorrectHeadingSize h3 > .modern-tab-title > .matXL {
    font-size: 19px;
    line-height: 25px;
}

.ccTabs-CorrectHeadingSize h4 > .modern-tab-title > .matXL {
    font-size: 16px;
    line-height: 22px;
}

.ccTabs-CorrectHeadingSize h5 > .modern-tab-title > .matXL {
    font-size: 13px;
    line-height: 20px;
}

.ccTabs-CorrectHeadingSize h6 > .modern-tab-title > .matXL {
    font-size: 13px;
    line-height: 20px;
}

/* Picture Switcher heading size fix */
h1.ps-title.matXL {
    font-size: 32px;
    line-height: 40px;
}

/* Extra SKU indicator / related links fix */
.topic_body div.skuIndicator,
.topic_body div.relatedLinks {
    display: none;
}

/* Ensuring alignments/removes/compacts function in all cases */
.ccRemoveTop .hero-dock-elm,
.ccRemoveTop.hero-dock-top.hero-near-cell .hero-dock-elm {
    padding-top: 0px;
}

.ccRemoveBottom .hero-dock-elm,
.ccRemoveBottom.hero-dock-top.hero-near-cell .hero-dock-elm {
    padding-bottom: 0px;
}

.ccCompact .hero-dock-elm,
.ccCompact.hero-dock-top.hero-near-cell .hero-dock-elm {
    padding: 0px;
}

.ccCompact.btnBase,
.ccCompact .sg-container {
    margin: 0px;
}

.ccCompact.hero-far-cell.hero-cell-base {
    padding: 0px;
}

.ccTextAlignCenter figure {
    margin-right: auto;
    margin-left: auto;
}

.ccTextAlignNear.hero-top-stk-cell .hero-dock-elm {
    text-align: left;
}

/* Add buffer between expand/collapse heading and content */

.expand p.para {
    padding-top: 10px;
}

/*** whitewashing ***/

#hdr-fb-main,
#hdr-main,
#hdr .accent-light-background-color,
#hdr-fb-sub,
#hdr-nav-compact,
#hdr-nav-compact > ul,
#hdr-nav-compact .hdr-signin,
#FooterLocaleChooser,
.socCommentPnl .socialCompCaption,
.socCommentPnl .socialCompCaption textarea {
    background-color: #FFFFFF;
}

#hdr-fb-sub {
    background: #ededf0;
    letter-spacing: 1px;
}

#hdr-nav-large-secondary > a.hdr-no-accent {
    color: #505050;
}

#bodyContentPane .btnBase .btnContentContainer .btnTextContainer,
#SocialRegion .socialCompAction button,
#bodyContentPane #SearchResults button,
#hdr .SearchQuerySubmit button .ButtonText,
#bodyContentPane .button a,
#bodyContentPane .button a:hover,
#bodyContentPane .button a:focus,
#bodyContentPane .button a:visited,
#bodyContentPane .ps-button,
#bodyContentPane .ps-button:hover,
#bodyContentPane .ps-button:focus,
#bodyContentPane .ps-button-below,
#bodyContentPane .ps-button-below:hover,
#bodyContentPane .ps-button-below:focus,
#bodyContentPane .modern-tab-dropdown .modern-tab-link-selected.modern-tab-link a:link,
#bodyContentPane .modern-tab-dropdown .modern-tab-link-selected.modern-tab-link a:visited,
#bodyContentPane .modern-tab-dropdown .modern-tab-link-selected.modern-tab-link a:active,
#bodyContentPane .modern-tab-dropdown .modern-tab-dropdown-tab-link-focused a,
#bodyContentPane .modern-tab-dropdown .modern-tab-dropdown-tab-link-focused a:link,
#bodyContentPane .modern-tab-dropdown .modern-tab-dropdown-tab-link-focused a:active,
#bodyContentPane .modern-tab-dropdown .modern-tab-dropdown-tab-link-focused a:visited,
#bodyContentPane .modern-tab-dropdown .modern-tab-dropdown-tab-link-focused a:hover,
#bodyContentPane .modern-tab-dropdown .modern-tab-dropdown-tab-link-focused a:focus,
#bodyContentPane .modern-tab-dropdown a:hover,
#bodyContentPane .modern-tab-dropdown a:focus,
#bodyContentPane .dropdown_open li.accentForeground,
#bodyContentPane .dropdown_button,
#bodyContentPane .dropdown_button:hover,
#bodyContentPane .dropdown_button:focus,
#bodyContentPane .ccLightLink a,
#bodyContentPane .ccLightLink a:hover,
#bodyContentPane .ccLightLink a:focus,
#bodyContentPane .ccLightLink a:visited {
    color: #FFFFFF;
}

#bodyContentPane .wol-notification a:hover,
#bodyContentPane .wol-notification a:focus {
    color: #FFFFFF;
}
/*#hdr-fb-main { border-bottom: 1px solid #737373; }*/

#SocialRegion {
    border-bottom: 1px solid #737373;
}

.accentBorder.FooterBigRegion {
    border-top: none;
}

.FooterBigRegion .accordion-link-separator {
    height: 1px;
    border: none;
    background-color: #737373;
    position: relative;
    right: auto;
    left: auto;
}

@media screen and (max-width: 47.49375em) {
    .svg .accordion-title .accordion-expand-icon {
        top: -568px;
    }

    .svg .accordion-title:hover .accordion-expand-icon {
        top: -600px;
    }

    .svg .tab-accordion-collapse img {
        top: -246px;
    }

    .svg .tab-accordion-collapse:hover img,
    .svg .accordion-title:hover .accordion-collapse-icon {
        top: -584px;
    }
}

#bodyContentPane .modern-tab-dropdown ul,
#bodyContentPane ul.dropdown_list {
    border: 2px solid #737373;
}

.hdr-2c-collapse#hdr-fb-sub {
    display: none;
}

#hdr-fb-sub {
    opacity: 1;
    filter: alpha(opacity=100);
}

#hdr-2c {
    max-width: 1600px !important;
    width: auto !important;
}

#hdr,
#hdr #hdr-v-menu .accent-light-color,
#hdr .hdr-signin .hdr-user-name,
#hdr .hdr-signin .hdr-signin-button,
#hdr .hdr-signin .hdr-loading-text,
#hdr .hdr-signin .hdr-signout-button,
#hdr .hdr-no-accent,
#hdr .hdr-no-accent:visited,
html.hdr-expanded-nav #hdr-main button#hdr-v-menu div.hdr-i-btext,
#bodyContentPane .modern-tab-link a:link,
#bodyContentPane .modern-tab-link a:visited,
#bodyContentPane div.tabBody_vertical a.tabLink,
#bodyContentPane div.tabBody_vertical a.tabLink:visited,
#bodyContentPane ul.dropdown_list {
    color: #737373;
}

    .tab-accordion-separator,
    #bodyContentPane ul.dropdown_list li.dropdown_item_focused,
    #bodyContentPane .modern-tab-dropdown ul li.modern-tab-dropdown-tab-link-focused.modern-tab-link {
        background-color: #737373;
    }

#hdr-nav-compact {
    opacity: 1;
    filter: alpha(opacity=100);
    border: 1px solid #737373;
}

.ps-inner-thumb-container:hover,
.ps-inner-thumb-container:focus {
    outline: 2px solid #737373;
}

.socialRegion,
.FooterBigRegion,
.FooterControlRegion {
    background-color: #2F2F2F;
}

div#hdr div.SearchQuery,
div#hdr div.SearchQuery .SearchQueryTextInput,
div#hdr div.SearchQuery.SearchQueryHasFocus,
div#hdr div.SearchQuery.SearchQueryHasFocus .SearchQueryTextInput,
div#hdr div.SearchQuery.SearchQueryHasFocus .accent-light-background-color,
.inlinesvg #hdr-main .SearchQueryHasNoFocus.SearchQuery .SearchQuerySubmit .accent-light-background-color,
.SearchQueryHasNoFocus .SearchQueryTextInput,
.SearchQueryHasFocus .SearchQueryTextInput,
.modern-tab-heading-separator,
.ps-divider,
.hrBase {
    background-color: #D2D2D2;
}

#AnswersDivider,
table.table-comparison tr,
table.table-comparison-wide tr,
table.table td,
table.table th,
table.table tr td:last-child,
table.table tr th:last-child {
    border-bottom: 1px solid #D2D2D2;
}

div.tabBody_horizontal div.tabContent,
div.tabBody_vertical div.tabStripContainer,
div.tabBody_vertical div.tabContent {
    border-top: 1px solid #D2D2D2;
}

.modern-tab-heading-separator,
.ps-divider,
.hrBase {
    height: 1px;
}

.ie7 .ps-inner-thumb-container:hover,
.ie7 .ps-inner-thumb-container:focus,
table.tnset .tnset-hover-border a:hover img,
.VSAnchor:hover,
.VSAnchor:focus {
    border: 1px solid #D2D2D2;
}

#hdr-main #hdr-far-child button#hdr-v-menu:hover div.hdr-i-btext,
#hdr a.accent-light-color,
#hdr a:focus,
#hdr a:visited:hover,
#hdr a:visited:focus,
#hdr a.hdr-no-accent:focus,
#hdr a.hdr-no-accent:hover,
#hdr a.hdr-no-accent:visited:focus,
#hdr a.hdr-no-accent:visited:hover,
#hdr .hdr-nav-separator,
#hdr .hdr-signin a:focus,
#hdr .hdr-signin a:visited:hover,
#hdr .hdr-signin a:visited:focus,
.socCommentVerboseText,
.FooterBigRegion .ccFooterFriends td.tnset-tn-txt a .accentColorHover:hover,
.FooterBigRegion .ccFooterFriends td.tnset-tn-txt a .accentColorHover:focus,
.FooterBigRegion .ccFooterFriends td.tnset-tn-txt a .accentColorHover:active,
.FooterBigRegion a:hover,
.FooterBigRegion a:focus,
.FooterBigRegion a:active,
.FooterBigRegion a:visited:hover,
.FooterBigRegion a:visited:focus,
.FooterBigRegion a:visited:active,
.FooterControlRegion a:hover,
.FooterControlRegion a:focus,
.FooterControlRegion a:active,
.FooterControlRegion a:visited:hover,
.FooterControlRegion a:visited:focus,
.FooterControlRegion a:visited:active,
div#SearchResults div.SearchQuery .SearchQueryTextInput,
.socialCompCaption,
.socialCompTitle,
.scShareText,
.FooterBigRegion div.section h2.title_section,
.FooterControlRegion,
#bodyContentPane .modern-tab-link.modern-tab-dropdown-link-selected a {
    color: #FFF;
}

div#hdr div.SearchQuery,
div#hdr div.SearchQuery .SearchQueryTextInput,
div#hdr div.SearchQuery.SearchQueryHasFocus,
div#hdr div.SearchQuery.SearchQueryHasFocus .SearchQueryTextInput,
#bodyContentPane div.tabBody_vertical a.tabLink:hover,
#bodyContentPane div.tabBody_vertical a.tabLink:focus,
#bodyContentPane .modern-tab-link-selected.modern-tab-link a:link,
#bodyContentPane .modern-tab-link-selected.modern-tab-link a:visited,
#bodyContentPane .modern-tab-link-selected.modern-tab-link a:active,
#bodyContentPane .modern-tab-link a:focus,
#bodyContentPane .modern-tab-link a:active,
#bodyContentPane .modern-tab-link a:hover,
#hdr .hdr-signin a:hover {
    color: #2f2f2f;
}

#hdr svg.accentFillColor:hover *,
#hdr svg.accentFillColor:focus *,
#hdr-main #hdr-far-child button#hdr-v-menu:hover svg *,
#hdr-main #hdr-far-child button#hdr-v-search:hover svg *,
.inlinesvg .FooterMsLogoSvg svg * {
    fill: #000000;
}

div#hdr div.SearchQuery,
.socCommentPnl .socialCompCaption,
#FooterLocaleChooser,
div#SearchResults div.SearchQuery div.SearchQueryTextInput {
    border: none;
}

#Footer #FooterLocaleChooser .FooterLocaleChooserContainer:hover .accentBackground,
#Footer #FooterLocaleChooser .FooterLocaleChooserContainer:focus .accentBackground,
#Footer #FooterLocaleChooser .FooterLocaleChooserContainer:active .accentBackground {
    background-color: #000000;
}
/* body text dark grey */


#hdr svg.accentFillColor * {
    fill: #505050;
}

body,
.GlobalFontStyle_NavOn,
.GlobalFontStyle_BodyCopy,
.GlobalFontStyle_BodyCopyBold,
.para,
.modern-tab-injected-title,
.modern-tab-dropdown ul,
h2.BlendedSearchBucketTitle,
div.BlendedSearchBucketTitle,
#SearchProductFilters .SearchProductFilterTitle,
#SearchBucketDropDown select,
select.SearchFilterDropDown,
#SearchBucketTitle,
#SearchBuckets a.CurrentSource,
#SearchPagingControl .SearchPagingNumBox,
div.section h4.lastLevelTitle,
div.hero-txt-dk .headingBase,
div.hero-txt-dk .para,
.iList li,
.ccDark,
.ccDark .para,
.FooterBigRegion .ccFooterFriends td.tnset-tn-txt a,
.FooterLocaleChooserCurrentLocale {
    color: #505050;
}

#Footer #FooterLocaleChooser .FooterLocaleChooserContainer .accentBackground {
    background-color: #505050;
}
/* purple (body) buttons and checkmark UI */


#bodyContentPane .ccBtnSeattleGrey .accentBackground,
#bodyContentPane .btnBase .btnContentContainer,
#bodyContentPane .btnBase .btnContentContainer.accentBackground,
#bodyContentPane .btnBase .btnContentContainer a,
#bodyContentPane .btnBase .btnContentContainer a:visited,
#bodyContentPane .btnBase .btnContentContainer a:link,
#bodyContentPane .button,
#bodyContentPane .button.accentBackground,
#bodyContentPane .ps-button,
#bodyContentPane .ps-button-below,
#bodyContentPane .dropdown_button,
#bodyContentPane .modern-tab-dropdown li.modern-tab-link-selected.accentBackground,
#bodyContentPane .dropdown_open .accentBackground,
#bodyContentPane .dropdown_link .accentBackground {
    background-color: #5C2D91;
}

#bodyContentPane .dropdown_link .accentContainerSelectedItemBackgroundFocus {
    background-color: transparent;
}

#bodyContentPane .ccBtnSeattleGrey .accentBackground:hover,
#bodyContentPane .ccBtnSeattleGrey .accentBackground:focus,
#bodyContentPane .ccBtnSeattleGrey .accentBackground:active,
#bodyContentPane .btnBase .btnContentContainer:hover,
#bodyContentPane .btnBase .btnContentContainer.accentBackground:hover,
#bodyContentPane .btnBase .btnContentContainer a:hover,
#bodyContentPane .btnBase .btnContentContainer a:visited:hover,
#bodyContentPane .btnBase .btnContentContainer a:link:hover,
#bodyContentPane .btnBase .btnContentContainer:focus,
#bodyContentPane .btnBase .btnContentContainer.accentBackground:focus,
#bodyContentPane .btnBase .btnContentContainer a:focus,
#bodyContentPane .btnBase .btnContentContainer a:visited:focus,
#bodyContentPane .btnBase .btnContentContainer a:link:focus,
#bodyContentPane .btnBase .btnContentContainer:active,
#bodyContentPane .btnBase .btnContentContainer.accentBackground:active,
#bodyContentPane .btnBase .btnContentContainer a:active,
#bodyContentPane .btnBase .btnContentContainer a:visited:active,
#bodyContentPane .btnBase .btnContentContainer a:link:active,
#bodyContentPane .ps-button:hover .accentContainerBackgroundHover,
#bodyContentPane .ps-button:focus .accentContainerBackgroundFocus,
#bodyContentPane .button.accentBackground:hover,
#bodyContentPane .button.accentBackground:focus,
#bodyContentPane .dropdown_button:hover,
#bodyContentPane .dropdown_button:focus,
#bodyContentPane .accentBackgroundHover:hover,
#bodyContentPane .accentBackgroundHover:focus,
#bodyContentPane a:hover .accentContainerBackgroundHover,
#bodyContentPane a:focus .accentContainerBackgroundFocus,
#bodyContentPane .accentContainerBackgroundFocus a:focus,
#bodyContentPane button:hover .accentContainerBackgroundHover,
#bodyContentPane button:focus .accentContainerBackgroundFocus,
#bodyContentPane #SearchResults button.accentBackgroundHover:hover,
#bodyContentPane #SearchResults button.accentBackgroundHover:focus,
#bodyContentPane #SearchResults button.accentBackgroundHover:active,
#bodyContentPane .modern-tab-dropdown li.modern-tab-link-selected.accentBackground:hover,
#bodyContentPane .modern-tab-dropdown li.modern-tab-link-selected.accentBackground:focus,
#bodyContentPane .modern-tab-dropdown li.modern-tab-link-selected.accentBackground:active,
#bodyContentPane .dropdown_open .accentBackground:hover,
#bodyContentPane .dropdown_open .accentBackground:focus,
#bodyContentPane .dropdown_open .accentBackground:active,
#bodyContentPane .dropdown_link .accentBackground:hover,
#bodyContentPane .dropdown_link .accentBackground:focus,
#bodyContentPane .dropdown_link .accentBackground:active {
    background-color: #32145A;
}

.modern-tab-dropdown ul li.modern-tab-dropdown-tab-link-focused-and-selected,
ul.dropdown_list li.dropdown_item_focused_and_selected {
    opacity: 1;
    filter: alpha(opacity=100);
}
/* purple links */

#bodyContentPane a,
#bodyContentPane a:visited,
#bodyContentPane .picture-switcher a.ps-button:visited,
#bodyContentPane .ps-selection-border.accentBorder,
#bodyContentPane .ps-selection-corner.accentBorder {
    border-color: #5C2D91;
}

#bodyContentPane .accentLinkColor,
#bodyContentPane .accentLinkColor:visited,
#bodyContentPane .dropdown_link .accentBackground {
    color: #5C2D91;
}

#bodyContentPane svg.accent-fill-text-color * {
    fill: #5C2D91;
}

#bodyContentPane a:hover,
#bodyContentPane a:focus,
#bodyContentPane a:active,
#bodyContentPane .accentColorHover:hover,
#bodyContentPane .accentColorHover:focus,
#bodyContentPane .accentColorHover:active,
#bodyContentPane .accentLinkColor:hover,
#bodyContentPane .accentLinkColor:focus,
#bodyContentPane .accentLinkColor:active {
    color: #32145A;
}

#bodyContentPane div.tabBody_vertical a.tabLink:hover,
#bodyContentPane div.tabBody_vertical a.tabLink:active,
#bodyContentPane div.tabBody_vertical a.tabLink:visited {
    text-decoration: none;
}

.modern-tab-link.modern-tab-link-selected a:link,
.modern-tab-link.modern-tab-link-selected a:visited,
.modern-tab-link.modern-tab-link-selected a:active {
    border: none;
}

/* blue logo, social/search buttons, accent line, video controls, other ui */
#hdr #hdr-v-logo svg.accentFillColor * {
    fill: #00BCF2;
}

.accent-theme-ocean .accentBorder,
.accent-theme-default .accentBorder,
.accent-theme-strawberry .accentBorder,
.accent-theme-lime .accentBorder,
.accent-theme-cheddar .accentBorder {
    border-color: #00BCF2;
}

#bodyContentPane .picture-switcher .ps-selection-corner {
    border-left-color: transparent;
    border-bottom-color: transparent;
}

#SocialRegion .accentBackground,
#SocialRegion a:focus .accentContainerSelectedItemBackgroundFocus,
#hdr .SearchQuerySubmit button,
#bodyContentPane #SearchResults button,
.mpTimelineWatched,
button:hover .mpTimelineWatched,
button:active .mpTimelineWatched,
.mpVolFilledBar,
button:hover .mpVolFilledBar,
button:active .mpVolFilledBar,
button:hover .mpTimelineWatched,
button:active .mpTimelineWatched,
button:hover .mpVolFilledBar,
button:active .mpVolFilledBar {
    background-color: #00BCF2;
}

#bodyContentPane .wol-notification a,
#bodyContentPane .wol-notification a:visited {
    color: #00BCF2;
}

#SocialRegion .accentBackgroundHover:hover,
#SocialRegion .accentBackgroundHover:focus {
    background-color: #6DC2E9;
}

/* small breakpoint specifics */

@media screen and (max-width: 62.86875em) {
    html.hdr-expanded-nav #hdr-main button#hdr-v-menu svg * {
        fill: #737373;
    }
}

@media screen and (max-width: 47.49375em) {
    #hdr-main #hdr-far-child.hdr-show-search div#hdr-search-border {
        background-color: #FFFFFF;
        height: 70px;
        width: 103%;
        border-bottom: thin solid #444;
        margin: -5px -7% !important;
        padding: 8px 5% 4px 5% !important;
    }

    #hdr-main #hdr-far-child.hdr-show-search button#hdr-v-search svg * {
        fill: #737373;
    }

    #hdr-main #hdr-far-child.hdr-show-search button#hdr-v-search:hover svg *,
    #hdr-main #hdr-far-child.hdr-show-search button#hdr-v-search:focus svg * {
        fill: #000000;
    }

    #hdr-main #hdr-far-child div#hdr-search-border > div.SearchQuery div.SearchQuerySubmit {
        border-left-color: #FFFFFF;
    }

    #hdr .hdr-show-search .SearchQuery .SearchQuerySubmit .accent-light-background-color,
    #hdr .hdr-show-search .SearchQuery.SearchQueryHasNoFocus .SearchQuerySubmit .accent-light-background-color {
        background-color: #00BCF2;
    }

    #hdr-main #hdr-far-child div#hdr-search-border > div.SearchQuery div.SearchQueryTextInput input {
        font-size: 12px;
        line-height: 15px;
    }
}

@media screen and (max-width: 31.86em) {
    #hdr .hdr-show-search .SearchQuery .SearchQuerySubmit .accent-light-background-color,
    #hdr .hdr-show-search .SearchQuery.SearchQueryHasNoFocus .SearchQuerySubmit .accent-light-background-color {
        background-color: #D2D2D2;
    }
}

/* font size and padding updates */

#hdr-nav-large-primary {
    font-size: 16px;
    position: relative;
}

    #hdr-nav-large-primary a,
    #hdr-nav-large-secondary a {
        font-family: "WOL_Reg", "Segoe UI", Tahoma, Helvetica, sans-serif;
        font-weight: normal;
    }

#hdr a.accent-light-color {
    font-family: "WOL_SB", "Segoe UI Semibold", "Segoe UI", Tahoma, Helvetica, sans-serif;
    font-weight: 600;
}

#hdr-nav-large-secondary,
.hdr-nav-compact {
    font-size: 13px;
}

.socialCompTitle {
    font-size: 16px;
    line-height: 22px;
}

.socialCompCaption,
.socCommentVerboseText,
div#SearchResults div.SearchQuery .SearchQueryTextInput {
    font-size: 12px;
    line-height: 20px;
}

div#SearchResults div.SearchQuery div.SearchQueryTextInput,
.socCommentPnl .socialCompCaption {
    padding: 5px 8px;
}

.socialRegion {
    padding-top: 25px;
    padding-bottom: 0px;
}

#SocialRegion {
    padding-bottom: 25px;
}

@media screen and (min-width: 47.5em) {
    #bodyBigFooter {
        padding-top: 25px;
        padding-bottom: 0px;
    }

    #bodyFooter {
        padding-top: 35px;
    }
}

.SearchQueryTextInput.fontFamilyNoCustom,
.socCommentPnl .socialCompCaption .fontFamilyNoCustom {
    font-family: "WOL_SB", "Segoe UI Semibold", "Segoe UI", Tahoma, Helvetica, sans-serif !important;
}

#bodyContentPane .headingXXL,
#bodyContentPane .headingXXL > a {
    font-size: 44px;
    line-height: 50px;
    font-family: 'wf_segoe-ui_normal', 'Segoe UI', Tahoma, Helvetica, sans-serif;
}

#bodyContentPane .headingXL,
#bodyContentPane .headingINTL,
#bodyContentPane .headingXL > a,
#bodyContentPane .headingINTL > a {
    font-size: 32px;
    line-height: 40px;
}

/* Advance fix - Video poster alignment */

.ccHeroVideoPosterFix .mpPoster img {
    top: 50% !important;
}

/* Background fix - Chromeless video */

video.clvVideo.clvVisible {
    -webkit-filter: brightness(108.5%);
    filter: brightness(108.5%);
    background: rgba(255, 255, 255, 0.5);
}

/* --------------- CONTAINERS SECTION --------------- */
/* Create a top white nav bar with Microsoft Logo */

#hdr {
    background: #fff;
    padding-top: 3.86em;
    font-family: wf_segoe-ui_normal, wf_segoe-ui_normal, Arial, sans-serif;
}
/*Change Windows Header Bar background to blue*/

#hdr-fb-main {
    margin: 0 auto;
    height: 70px;
    background-color: #0078D7;
}
/*Container inside blue header bar*/

#hdr-main {
    background: none;
    height: 70px;
    max-width: 1600px;
    min-width: 0;
}
/* Left side container inside blue header bar - now centered */

#hdr-near-child {
    float: none;
    max-width: 1600px;
    min-width: 0;
    height: 70px;
    width: 100%;
    margin: auto;
    position: inherit;
    background-color: #0078D7;
}
/* Right side container inside blue header bar */

#hdr-far-child {
    position: relative;
    margin: 0 0 0 auto;
    right: 0;
    top: -9.1em;
    height: 0;
    width: auto;
    padding: 0 1.5em;
    max-width: none;
}
/* Position of Search Bar */

#hdr-search-border {
    display: inline-block;
}

#hdr .hdr-signin {
    max-width: none;
    min-width: 0;
}

div#hdr div.SearchQuery {
    margin: 1em .75em 0.3em .75em;
    width: 19em;
}

/* Position of Sign In Information */
#hdr .hdr-signin {
    position: relative;
    display: inline-block;
    margin-top: 1em;
}
    /* Color of Sign In Information */

    #hdr .hdr-signin .hdr-user-name {
        color: grey;
    }
    /* Color of Sign In Information */

    #hdr .hdr-signin .hdr-signout-button {
        color: lightgray;
    }
/* Nav Bar */

#hdr-nav-large-primary {
    bottom: 0;
    top: -70px;
    display: inline-block;
    line-height: normal;
    max-width: 998px;
    padding: 0 160px;
    height: 70px;
}

#hdr-fb-sub {
    background-color: #005494;
}
/* Carosel Container Position */

#S01 .saHeadingXL {
    margin-top: 60px;
}

#bodyContainer {
    width: 100%;
}

.contentRotatorItem {
    width: 100%;
}
/*IA Answers content rotator media sizes/
/*Desktop*/
@media screen and (min-width: 64em) {
    .contentRotatorIAText {
        width: 54%;
    }
}
/*Surface 768x1366*/
@media screen and (max-width: 63.99em) {
    .contentRotatorIAText {
        width: 55%;
        margin-left: -35px;
    }
}
/*Mini tablet 768x1366*/
@media screen and (max-width: 49em) {
    .contentRotatorIAText {
        width: 55%;
        margin-left: -25px;
    }
}
/*Phone 384x519*/
@media screen and (max-width: 38.5em) {
    .contentRotatorIAText {
        width: 55%;
        margin-left: -15px;
    }
}
/* ----------------- ADDED ELEMENTS ---------------- */
/* Creates the Microsoft Logo */

#hdr-main::after {
    content: url("https://c.s-microsoft.com/en-us/CMSImages/mslogo.png?version=856673f8-e6be-0476-6669-d5bf2300391d");
    width: 1px;
    height: 24px;
    position: absolute;
    background-size: 115px;
    top: 1em;
    margin: 0 10px;
    transform: scale(0.7);
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -o-transform: scale(0.7);
}
/* ----------------- CHANGED ELEMENTS ----------------- */
/*Change Windows Logo to White*/

#hdr #hdr-v-logo svg.accentFillColor * {
    fill: #fff;
}
/*Center align Windows Logo*/

div#hdr-v-logo {
    display: inline-block;
}

div#hdr-v-logo, div#hdr-logo {
    margin: 0 10px;
    height: 70px;
    width: 140px !important;
}

#hdr-v-logo svg, #hdr-logo img {
    margin-top: 18px;
    height: 25px !important;
    width: 140px !important;
}
/*#hdr-nav-large-primary a, #hdr-nav-large-primary .hdr-nav-separator {
    margin-left: -10px;
}*/
/*Change nav menu titles to white*/

#hdr .hdr-no-accent,
#hdr .hdr-no-accent:visited,
#hdr a:hover,
#hdr a.hdr-no-accent:hover,
#hdr a.hdr-no-accent:hover,
#hdr a:hover,
#hdr a.hdr-no-accent:visited:focus,
#hdr a.hdr-no-accent:visited:hover {
    color: #ffffff;
    font-weight: 400;
}

#hdr a::after {
    display: block;
    content: " ";
    font-weight: 400;
    height: 1px;
    color: transparent;
    overflow: hidden;
    visibility: hidden;
}

#hdr a.accent-light-color,
#hdr .hdr-signin a:visited:focus {
    color: #ffffff;
}
/* Active Nav Item -- both main and sub nav */

/*#hdr a.accent-light-color {
    background-color: rgba(0, 0, 0, 0.3);
    font-weight: 400;
}*/
/* Secondary Nav Bar Menu Items */

#hdr-nav-large-secondary {
    color: #505050;
    width: 100% !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 6px 185px;
    height: auto;
}

    #hdr-nav-large-secondary a.accent-light-color,
    #hdr-nav-large-secondary a.hdr-no-accent,
    #hdr-nav-large-secondary a.hdr-no-accent.hdr-leaf {
        color: white;
        background: none;
    }

    #hdr-nav-large-secondary a.accent-light-color {
        font-family: "WOL_SB", "Segoe UI Semibold", "Segoe UI", Tahoma, Helvetica, sans-serif;
    }

    #hdr-nav-large-secondary a.hdr-no-accent {
        font-family: WOL_Reg, 'Segoe UI', Tahoma, Helvetica, sans-serif;
    }
/*Add a down caret after each nav menu title*/

a.hdr-no-accent.hdr-leaf:after,
#hdr a.accent-light-color:after {
}
/* Defines Nav Bar Menu Items */

#hdr-nav-large-primary a {
    padding: 21px 23px 23px 23px;
    margin: 0px;
    line-height: 26px;
}

/*#hdr-nav-large-primary a:hover {
  background-color: #006cc1;
}*/

#hdr-nav-large-secondary a.hdr-no-accent:hover,
#hdr-nav-large-secondary a.hdr-no-accent:visited:hover {
    color: white;
}

/* ------------------- CHANGED MAIN BODY ELEMENTS ----------------- */
html.hdr-expanded-nav {
    height: auto !important;
}

.ccBoundedBleed {
    max-width: 100%;
}

.contentRotatorCollection {
    margin-top: -3px;
}

#S05.grid-container {
    margin-left: auto;
    margin-right: auto;
}

div.ccSectionFlush {
    margin-top: 67px;
}

#SocialRegion, #BigFooterRegion, #FooterControlRegion {
    max-width: 90%;
}

Footer .regionOuter {
    background-color: #2f2f2f;
}

span.accentColorHover,
.FooterBigRegion .ccFooterFriends td.tnset-tn-txt a .accentColorHover:hover,
.FooterBigRegion .ccFooterFriends td.tnset-tn-txt a .accentColorHover:active,
.FooterBigRegion a:focus,
.FooterBigRegion a:active,
.FooterBigRegion a:visited:hover,
.FooterBigRegion a:visited:focus,
.FooterBigRegion a,
h5.headingBase.headingXS.saHeadingXS.ccLight,
.socialCompTitle,
.socialCompCaption,
span#FooterFlavorText,
#FooterCopyright {
    color: white !important;
}

.inlinesvg .FooterMsLogoSvg svg * {
    fill: white;
}

#hdr {
    position: relative;
}

.hdr-is-present #bodyContentPaneFullWidth,
.hdr-is-present #bodyContentPane {
    padding-top: 0;
}

.headingXS {
    font-size: 16px;
}

html.hdr-expanded-nav #bodyContainer {
    margin-top: 54px !important;
}

/* ------------------- MEDIA QUERIES ----------------- */

@media screen and (max-width: 62.8688em) {
    /*   Makes hamburger and Menu white */

    #hdr-v-menu .accent-light-color {
        color: grey;
    }

    #hdr svg.accentFillColor * {
        fill: grey;
    }

    .vert-buff-medium-bucket {
        height: 0px !important;
    }

    #hdr-far-child {
        top: -3.75em;
    }
    /*Change hamburger menu titles to grey*/

    #hdr .hdr-no-accent,
    #hdr .hdr-no-accent:visited,
    #hdr a:hover,
    #hdr a.hdr-no-accent:hover,
    #hdr a.hdr-no-accent:hover,
    #hdr a:hover,
    #hdr a.hdr-no-accent:visited:focus,
    #hdr a.hdr-no-accent:visited:hover {
        color: grey;
        font-weight: 400;
    }
}

@media screen and (max-width: 62.8688em) {
    #hdr-main {
        padding: 0;
    }

        #hdr-main:after {
            position: absolute;
            margin: 0 5%;
        }

    #hdr-near-child, #hdr-2c {
        margin: 0 5%;
    }

    #hdr-nav-large-primary {
        top: -55px;
    }

    #hdr-main #hdr-near-child #hdr-v-logo {
        margin: 0 !important;
        padding: 0 !important;
        height: auto;
    }

    html.hdr-expanded-nav #hdr-fb-main {
        position: static;
    }

    html.hdr-expanded-nav #hdr-nav-compact {
        top: 0 !important;
    }

    html.hdr-expanded-nav .hdr-peek {
        top: 124px !important;
    }

    #hdr-main #hdr-far-child button#hdr-v-menu:hover div.hdr-i-btext {
        color: #2f2f2f;
    }
}

@media screen and (max-width: 47.49375em) {
    #hdr-near-child {
        margin-bottom: 0 !important;
    }

    #hdr-main #hdr-far-child button#hdr-v-search,
    #hdr-main #hdr-far-child button#hdr-v-menu {
        margin-bottom: 0 !important;
    }

    html.hdr-expanded-nav #hdr-main #hdr-far-child.hdr-show-search > div#hdr-search-border {
        width: 102%;
    }
}
/* Bumps the header down below show meta button when the window is shrunk*/

@media screen and (max-width: 1199px) and (min-width: 62.4938em) {
    #hdr-fb-main {
        height: 70px !important;
    }
}

.msnVideoHideGuid {
    display: none;
}

.msnVideoHideGuid {
    display: none;
}

.vxpPlayer {
    width: 100%;
}

@media screen and (min-width: 31.875em) and (max-width: 47.49375em) {
    .vxplayer {
        position: relative !important;
        width: 75% !important;
        height: 75% !important;
    }

    #hdr-main #hdr-far-child.hdr-show-search div#hdr-search-border {
        margin: -5px -7% !important;
        padding: 8px 5% 4px 5% !important;
    }
}

@media screen and (max-width: 62.8688em) {
    #hdr-nav-large-primary {
        display: none !important;
    }
}

@media screen and (max-width: 31.86875em) {
    .vxplayer {
        position: relative !important;
        width: 50% !important;
        height: 50% !important;
    }
}

@media screen and (max-width: 47.49375em) {
    .vxplayer {
        position: relative !important;
        width: 100%;
        height: 100%;
    }
}

.ux.vxp_player {
    background-color: #ffffff;
}