<style>
/*############################################################################################################/
/##################################### GENERALIZED STYLES ####################################################/
/*############################################################################################################*/


/*Prerequisites: 
 *Only apply to get top pads of the components
 *Below are the padding rules for reference
 */


/*

Top and Bottom padding between panels  

Spacing     desktop/1920 desktop/1399 tablet/1083     mobile/539
pad-thin  48             48             36             24 [36 as per redlines]
pad-medium 60             60             52             40
pad-large 120             120             100             80

Adding new rule   desktop/1920 desktop/1399 tablet/1083     mobile/539
pad-super-medium  72            72              60              48


*/


/*
Applying verticle paddings for children items.

pad-thin-children
pad-medium-children
pad-large-children

*/


/*
When want to pad both top and bottom rather than just top of what we are following, Use

pad-thin-each
pad-medium-each
pad-medium-each

*/


/*
When there was an edge case where we need to pad bottoms

pad-thin-bottom
pad-medium-bottom
pad-large-bottom

*/


/*****************************************************************************************
************ GENERIC STYLES RULES USING GENERIC CLASSES ***********START*****************
*****************************************************************************************/


/*Padding references*/


/*******ONLY TOP PADDINGS********/

.pad-thin,
.pad-thin-children > * {
    padding-top: 24px;
}

.pad-medium,
.pad-medium-children > * {
    padding-top: 40px;
}

.pad-large,
.pad-large-children > * {
    padding-top: 80px;
}


.pad-26-top{
    padding-top:26px;
}
.pad-26-bottom{
    padding-bottom:26px;
}
.pad-26-each{
    padding-top:26px;
    padding-bottom:26px;
}
.pad-60-top{
    padding-top:60px;
}
.pad-60-bottom{
    padding-bottom:60px;
}
.pad-60-each{
    padding-top:60px;
    padding-bottom:60px;
}

.pad-super-medium{
    padding-top: 48px;
}

@media screen and (min-width: 540px) {
    .pad-thin,
    .pad-thin-children > * {
        padding-top: 36px;
    }
    .pad-medium,
    .pad-medium-children > * {
        padding-top: 52px;
    }
    .pad-large,
    .pad-large-children > * {
        padding-top: 100px;
    }
    
.pad-super-medium{
    padding-top: 60px;
}
}

@media screen and (min-width: 1084px) {
    .pad-thin,
    .pad-thin-children > * {
        padding-top: 48px;
    }
    .pad-medium,
    .pad-medium-children > * {
        padding-top: 60px;
    }
    .pad-large,
    .pad-large-children > * {
        padding-top: 120px;
    }
    
.pad-super-medium{
    padding-top: 72px;
}
}


/*******ONLY BOTTOM PADDINGS********/

.pad-thin-bottom,
.pad-thin-bottom-children > * {
    padding-bottom: 24px;
}

.pad-medium-bottom,
.pad-medium-bottom-children > * {
    padding-bottom: 40px;
}

.pad-large-bottom,
.pad-large-bottom-children > * {
    padding-bottom: 80px;
}

.pad-super-medium-bottom{
    padding-bottom: 48px;
}

@media screen and (min-width: 540px) {
    .pad-thin-bottom,
    .pad-thin-bottom-children > * {
        padding-bottom: 36px;
    }
    .pad-medium-bottom,
    .pad-medium-bottom-children > * {
        padding-bottom: 52px;
    }
    .pad-large-bottom,
    .pad-large-bottom-children > * {
        padding-bottom: 100px;
    }
    .pad-super-medium-bottom{
    padding-bottom: 60px;
}
}

@media screen and (min-width: 1084px) {
    .pad-thin-bottom,
    .pad-thin-bottom-children > * {
        padding-bottom: 48px;
    }
    .pad-medium-bottom,
    .pad-medium-bottom-children > * {
        padding-bottom: 60px;
    }
    .pad-large-bottom,
    .pad-large-bottom-children > * {
        padding-bottom: 120px;
    }
    .pad-super-medium-bottom{
    padding-bottom: 72px;
}
}


/*******BOTH TOP AND BOTTOM PADDINGS********/



.pad-medium-each,
.pad-medium-each-children > * {
    padding-top: 40px;
    padding-bottom: 40px;
}

.pad-thin-each,
.pad-thin-each-children > * {
    padding-top: 24px;
    padding-bottom: 24px;
}

@media screen and (min-width: 540px) {
    .pad-thin-each,
    .pad-thin-each-children > * {
        padding-top: 36px;
        padding-bottom: 36px;
    }
}

@media screen and (min-width: 1084px) {
    .pad-thin-each,
    .pad-thin-each-children > * {
        padding-top: 48px;
        padding-bottom: 48px;
    }
    .pad-medium-each,
    .pad-medium-each-children > * {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}


/*******Generic class for removing pads and margin********/

.no-pad-top {
    padding-top: 0 !important;
}

.no-mar-top {
    margin-top: 0 !important;
}

.no-pad-bottom {
    padding-bottom: 0 !important;
}

.no-mar-bottom {
    margin-bottom: 0 !important;
}

.no-pad-all {
    padding: 0 !important;
}

.no-mar-all {
    margin: 0 !important;
}


/*****************************************************************************************
************ GENERIC STYLES RULES USING GENERIC CLASSES ***********END*****************
*****************************************************************************************/


/*****************************************************************************************
*********** GENERALIZED STYLES FOR BANNER AND AREA HEADING********START*****************
*****************************************************************************************/


/*Prerequisites: 
 *Add class="banner" for container in case of banner
 *Written for pad-thin, pad-large
 */

.m-banner.pad-thin,
.m-area-heading.pad-thin {
    padding-top: 27px;
}
.m-banner.pad-thin-bottom{
padding-bottom:30px;
}
.m-banner.pad-large,
.m-area-heading.pad-large {
    padding-top: 70px;
}

@media screen and (max-width: 539px) {
    .m-banner.youtubepanel.pad-thin .c-heading-1 {
        padding-top: 54px;
    }
}
@media screen and (max-width: 1083px) {
    .m-area-heading.pad-thin .c-heading-2,.m-area-heading.pad-large .c-heading-2 {
        padding-top: 0px;
    }
}

@media screen and (min-width: 540px) {
    .m-banner.pad-thin,
    .m-area-heading.pad-thin {
        padding-top: 27px;
    }
    .m-banner.pad-large,
    .m-area-heading.pad-large {
        padding-top: 90px;
    }
    .m-banner.youtubepanel.pad-thin .c-heading-1 {
        padding-top: 58px;
    }
}

@media screen and (min-width: 1084px) {
    .m-banner.pad-thin,
    .m-area-heading.pad-thin {
        padding-top: 0px;
    }
    .m-banner.pad-thin .c-heading-2,
    .m-area-heading.pad-thin .c-heading-2 {
        padding-top: 38px;
    }
.m-banner.pad-thin-bottom
    .m-banner.pad-large,
    .m-area-heading.pad-large {
        padding-top: 72px;
    }
    .m-banner.youtubepanel.pad-thin .c-heading-1 {
        padding-top: 108px;
    }
}

/*****************************************************************************************
************ GENERALIZED STYLES FOR BANNER AND AREA HEADING********END*****************
*****************************************************************************************/


/*****************************************************************************************
************ GENERALIZED STYLES FOR DIVIDER*************************START*****************
*****************************************************************************************/


/*Prerequisites:
 *Add the divider in the same component when it is case of [BANNER].
 *Add class="divider" for container
 *Written for pad-thin(48)
 */

.banner + .divider.pad-thin,
.banner + .divider .c-divider.pad-thin {
    padding-top: 9px;
}

@media screen and (min-width: 540px) {
    .banner + .divider.pad-thin,
    .banner + .divider .c-divider.pad-thin {
        padding-top: 21px;
    }
}

@media screen and (min-width: 1084px) {
    .banner + .divider.pad-thin,
    .banner + .divider .c-divider.pad-thin {
        padding-top: 33px;
    }
}


/*****************************************************************************************
************ GENERALIZED STYLES FOR DIVIDER*************************END******************
*****************************************************************************************/


/*****************************************************************************************
********* GENERALIZED STYLES FOR CONTENT PLACEMENT ITEM**************START***************
*****************************************************************************************/


/*Prerequisites:
 *
 *Written for pad-large,pad-medium,pad-small
 */


/*<Case when we have top m-content-palcement as parent and 2Ups,3Ups,4Ups>*/

.pad-large .m-content-placement-item,
.pad-medium .m-content-placement-item,
.pad-thin .m-content-placement-item {
    margin-top: 0px;
}


/*<Case when we have top m-content-palcement as parent and customized number of items in it>*/

.pad-large.m-content-placement-item,
.pad-medium.m-content-placement-item,
.pad-thin.m-content-placement-item {
    margin-top: 0px;
}
@media screen and (max-width: 767px){
.m-content-placement-item.pad-bottom{margin-bottom:32px;}
.m-content-placement.pad-thin{padding-top:36px;}
}

/*****************************************************************************************
********* GENERALIZED STYLES FOR CONTENT PLACEMENT ITEM**************END*****************
*****************************************************************************************/


/*****************************************************************************************
****** GENERALIZED PADDING STYLES FOR BOXSHOTS PRODUCT PLACEMENT ITEM********START*******
*****************************************************************************************/


/*Prerequisites:
 *Have class names [gamesWrapper] as parent and [game] for child boxes
 *Written for pad-thin
 */

.gamesWrapper.pad-thin .m-product-placement-item.f-size-medium.game,
.gamesWrapper.pad-medium .m-product-placement-item.f-size-medium.game,
.gamesWrapper.pad-large .m-product-placement-item.f-size-medium.game,
.gamesWrapper.pad-thin-children .m-product-placement-item.f-size-medium.game,
.gamesWrapper.pad-medium-children .m-product-placement-item.f-size-medium.game,
.gamesWrapper.pad-large-children .m-product-placement-item.f-size-medium.game {
    margin-top: 0px;
}

.gamesWrapper.pad-thin-children > .m-product-placement-item.game {
    padding-top: 24px;
}

@media screen and (min-width: 540px) {
    .gamesWrapper.pad-thin-children > .m-product-placement-item.game {
        padding-top: 36px;
    }
}

@media screen and (min-width: 1084px) {
    .gamesWrapper.pad-thin-children > .m-product-placement-item.game {
        padding-top: 48px;
    }
}


/*****************************************************************************************
***** GENERALIZED PADDING STYLES FOR BOXSHOTS PRODUCT PLACEMENT ITEM*******END***********
*****************************************************************************************/


/****************************************************************************************
****** GENERALIZED PADDING STYLES FOR HEADERS********************************START*******
*****************************************************************************************/


/*Prerequisites:
 *Written for pad-thin, pad-large
 *Written for c-heading-2 which is commonly used
 */

.c-heading-2.pad-thin {
    padding-top: 16px;
}

.c-heading-2.pad-large {
    padding-top: 70px;
}

@media screen and (min-width: 540px) {
    .c-heading-2.pad-thin {
        padding-top: 28px;
    }
    .c-heading-2.pad-large {
        padding-top: 90px;
    }
}

@media screen and (min-width: 1084px) {
    .c-heading-2.pad-thin {
        padding-top: 38px;
    }
    .c-heading-2.pad-large {
        padding-top: 108px;
    }
}


/*****************************************************************************************
****** GENERALIZED PADDING STYLES FOR HEADERS********************************END*******
*****************************************************************************************/


/*****************************************************************************************
****** GENERALIZED PADDING STYLES FOR TABLE********************************START*******
*****************************************************************************************/


/*Prerequisites:
 *Apply at c-table
 *Written for pad-thin,pad-medium,pad-large
 *
 */

.c-table.pad-thin,
.c-table.pad-medium,
.c-table.pad-large {
    margin-top: 0px;
}


/****************************************************************************************
****** GENERALIZED PADDING STYLES FOR TABLE********************************END*******
*****************************************************************************************/


/*****************************************************************************************
****** GENERALIZED PADDING STYLES FOR HERO********************************START*******
*****************************************************************************************/


/*Prerequisites:
 *Apply at m-hero-item
 *Written for pad-thin,pad-medium,pad-large
 *As we  cannot apply padding here changing them to margins
 *Written for pad-large
 */

.m-hero-item.pad-thin,
.m-hero-item.pad-medium,
.m-hero-item.pad-large {
    padding-top: 0px;
}

.m-hero-item.pad-large {
    margin-top: 80px;
}

@media screen and (min-width: 540px) {
    .m-hero-item.pad-large {
        margin-top: 100px;
    }
}

@media screen and (min-width: 1084px) {
    .m-hero-item.pad-large {
        margin-top: 120px;
    }
}


/*****************************************************************************************
****** GENERALIZED PADDING STYLES FOR HERO*************************************END*******
*****************************************************************************************/


/*****************************************************************************************
****** GENERALIZED PADDING STYLES FOR FEATURE********************************START*******
*****************************************************************************************/


/*Prerequisites:
 *Apply at 
 *Written for pad-large
 *Use pad-large-bottom-feature for divider or the component above feature when it is shared one<Edge case>
 *
 */


/*<Edge case>*/

.pad-large-bottom-feature {
    padding-bottom: 32px;
}

@media screen and (min-width: 540px) {
    .pad-large-bottom-feature {
        padding-bottom: 72px;
    }
}

@media screen and (min-width: 1084px) {
    .pad-large-bottom-feature {
        padding-bottom: 72px;
    }
}


/*<W.r.t to new guidelines from Posssible VP1920 - 60, VP1083 - 52, VP539 - 40 ---- MEDIUM spacings >*
*m-feature already has 48ps pad top*/

.m-feature.pad-medium,m-multi-feature.pad-medium {
    padding-top: 40px;
}

.m-feature.pad-large {
    padding-top: 80px;
}
@media screen and (max-width: 540px) {
    .m-feature.pad-medium-each .c-feature.f-align-left > div,
    .m-feature.pad-medium-each .c-feature.f-align-right > div,
    .m-feature.pad-medium .c-feature.f-align-left > div,
    .m-feature.pad-medium .c-feature.f-align-right > div {
        padding-bottom: 0px;
    }
.m-feature.pad-medium-each{
    padding-top: 40px;
    padding-bottom: 40px;
}
}

@media screen and (min-width: 540px) {
    .m-feature.pad-medium,m-multi-feature.pad-medium {
        padding-top: 52px;
    }
    .m-feature.pad-large {
        padding-top: 100px;
    }
    .m-feature.pad-medium-each {
        padding-top: 52px;
        padding-bottom: 52px;
    }
}

@media screen and (min-width: 1084px) {
    .m-feature.pad-medium {
        padding-top: 60px;
    }
    .m-feature.pad-large {
        padding-top: 120px;
    }
    .m-feature.pad-medium-each,m-multi-feature.pad-medium {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}


/*****************************************************************************************
****** GENERALIZED PADDING STYLES FOR FEATURE************************END*****************
*****************************************************************************************/


/****************************************************************************************
****** GENERALIZED PADDING STYLES FOR CTA********************************START*******
*****************************************************************************************/


/*Description: 
 *Written for pad-thin
 *
 */


/*<CTA's have slight pad of 5-6px due to this>*/

a.c-call-to-action.no-overflow,
a.c-call-to-action span.no-overflow {
    overflow: inherit;
}

.green-bgc.c-glyph.c-call-to-action.pad-thin {
    margin-top: 24px;
}

@media screen and (min-width: 540px) {
    .green-bgc.c-glyph.c-call-to-action.pad-thin {
        margin-top: 36px;
    }
}

@media screen and (min-width: 1084px) {
    .green-bgc.c-glyph.c-call-to-action.pad-thin {
        margin-top: 48px;
    }
}


/****************************************************************************************
****** GENERALIZED PADDING STYLES FOR CTA********************************END*******
*****************************************************************************************/


/*############################################################################################################
############################ GLOBAL COMPONENT STYLES #########################################################
*############################################################################################################*/


/*Description: 
 *Include all the components that are shared across pages
 *Components which you think can be global.
 */


/*****************************************************************************************
**********SOME GENERAL STYLES***************************START****************************
*****************************************************************************************/
/*Description:
 *Include the styles which are so generic and can be used across the site.
 *If they are of specific to any global component add them in seperate section specifying it*/

.white-c {
    color: #FFFFFF !important;
    background: transparent !important;
    margin-left: -24px;
    margin-right: -24px;
}

.white-c span:hover {
    text-decoration: underline !important;
}

.c-image.xpa-logo-small{
padding-top:18px;
}

.m-rich-content-block a.c-call-to-action{
    padding-right: 0px;
}

.theme-dark.no-overlay .c-mosaic-placement picture:after, .theme-light .theme-dark.no-overlay .c-mosaic-placement picture:after,
.theme-light.no-overlay .c-mosaic-placement picture:after, .theme-dark .theme-light.no-overlay .c-mosaic-placement picture:after{
    background-color: transparent;
}


/*Font weight of Text CTAs to 700 as per design change request - START*/
a.c-call-to-action:not(.green-bgc):not(.grey-bgc),button.c-button.c-glyph, a.c-glyph.c-button[role="button"],nav.c-link-navigation li a{
    font-weight: 700;
}
a.c-call-to-action:not(.green-bgc):not(.grey-bgc):after {
    margin-top: 0px;/*removing this as it looks odd after font weight change*/
}
button.c-action-trigger.c-glyph:before, a.c-action-trigger.c-glyph:before{
    margin-top: -2px;/*changing this as it looks odd after font weight change*/
}
/*Font weight of Text CTAs to 700 as per design change request - END*/


/*Arrow widow issue in anchors  - START*/
a.c-call-to-action:after {
    content: "";
}
a.c-call-to-action span:after {
    position: absolute;
    display: inline-block;
    margin-left: 4px;   
    content:"";
    vertical-align: top;
    text-decoration: none;
}
a.c-call-to-action.c-glyph span:after {
    font-family: "MWF-MDL2";
}
/*Arrow widow issue in anchors  - END*/


/*****************************************************************************************
**********SOME GENERAL STYLES***************************END******************************
*****************************************************************************************/


/*****************************************************************************************
**********BOXSHOTS PRODUCT PALCEMENT MEDIUM***************************START**************
*****************************************************************************************/


/*Prerequisites:
 *Have class names [gamesWrapper] as parent and [game] for child boxes
 *Description - Boxshots Product pacement mwf medium - width:128, cusomized margins 12 left and right
 *So each item have Box size of [12+128+12 = 148]
 *We need these value to center align these items by setting max widths.
 *So calculated max widths basing on number items to be displayed in a row and centered
 *All the viewports are considered keeping in view of live area of MWF
 * 10 up [this is max] -  10*148 = 1480
 * 9 up - 9*148 = 1332
 * 8 up - 8*148 = 1184
 * 7 up - 7*148 = 1036
 * 6 up - 6*148 = 888 and so on.
 *Considering 10 to 6 items be customized number of items in a row in desktop viewport, so generalizing classes as [ten-up,nine-up,eight-up,seven-up,six-up]
 */

.gamesWrapper {
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
    max-width: 1480px;
    overflow: hidden;
    -webkit-transition: max-height 0.5s ease;
    transition: max-height 0.5s ease;
}

.gamesWrapper .header {
    text-align: left;
}


.c-call-to-action.c-glyph.showMore:after,
.c-call-to-action.c-glyph.showLess:after {
    font-size: 11px;
    margin-top: 1.5px;
    margin-left: 8px;
}

.overlayBanner {
    position: absolute;
    top: 0;
    width: 100%;
    padding: 0 4px 0 0;
    margin-top: -1px;
}

.overlayBanner img {
    width: 124px;
}

.gamesWrapper .m-product-placement-item.f-size-medium.game {
    margin-left: 12px;
    margin-right: 12px;
}

/*.gamesWrapper .m-product-placement-item.game > a {
    display: inline;
}*/

.gamesWrapper .m-product-placement-item > a, .gamesWrapper .c-product-placement > a{
    width: auto;
    height: auto;
}

.gamesWrapper .m-product-placement-item picture,
.gamesWrapper .m-product-placement-item picture img,
.gamesWrapper .m-product-placement-item picture .c-image,
.gamesWrapper .c-product-placement picture,
.gamesWrapper .c-product-placement picture img,
.gamesWrapper .c-product-placement picture .c-image {
    display: block;
}

.gamesWrapper .overlayBanner {
    position: absolute;
    top: 0;
    width: 100%;
    padding: 0 4px 0 0;
    margin-top: -1px;
}

.gamesWrapper.ten-up {
    max-width: 1480px;
    /*10x*/
}

.gamesWrapper.nine-up {
    max-width: 1332px;
    /*9x*/
}

.gamesWrapper.eight-up {
    max-width: 1184px;
    /*8x*/
}

.gamesWrapper.seven-up {
    max-width: 1036px;
    /*7x*/
}

.gamesWrapper.six-up {
    max-width: 888px;
    /*6x*/
}


/*Box Shots Center align max widths at certain points [w.r.t Product Placement medium item,width {12+124+12}]*/

@media screen and (max-width: 1744px) {
    .gamesWrapper {
        max-width: 1332px;
        /*9x*/
    }
    .gamesWrapper.nine-up {
        max-width: 1332px;
        /*9x*/
    }
    .gamesWrapper.eight-up {
        max-width: 1184px;
        /*8x*/
    }
    .gamesWrapper.seven-up {
        max-width: 1036px;
        /*7x*/
    }
    .gamesWrapper.six-up {
        max-width: 888px;
        /*6x*/
    }
}

@media screen and (max-width: 1580px) {
    .gamesWrapper {
        max-width: 1184px;
        /*8x*/
    }
    .gamesWrapper.seven-up {
        max-width: 1036px;
        /*7x*/
    }
    .gamesWrapper.six-up {
        max-width: 888px;
        /*6x*/
    }
}

@media screen and (max-width: 1416px) {
    .gamesWrapper {
        max-width: 1036px;
        /*7x*/
    }
    .gamesWrapper.six-up {
        max-width: 888px;
        /*6x*/
    }
}

@media screen and (max-width: 1224px) {
    .gamesWrapper,
    .gamesWrapper.nine-up,
    .gamesWrapper.eight-up,
    .gamesWrapper.seven-up,
    .gamesWrapper.six-up {
        max-width: 888px;
        /*6x*/
    }
}

@media screen and (max-width: 957px) {
    .gamesWrapper,
    .gamesWrapper.nine-up,
    .gamesWrapper.eight-up,
    .gamesWrapper.seven-up,
    .gamesWrapper.six-up {
        max-width: 740px;
        /*5x*/
    }
}

@media screen and (max-width: 809px) {
    .gamesWrapper,
    .gamesWrapper.nine-up,
    .gamesWrapper.eight-up,
    .gamesWrapper.seven-up,
    .gamesWrapper.six-up {
        max-width: 592px;
        /*4x*/
    }
}

@media screen and (max-width: 636px) {
    .gamesWrapper,
    .gamesWrapper.nine-up,
    .gamesWrapper.eight-up,
    .gamesWrapper.seven-up,
    .gamesWrapper.six-up {
        max-width: 444px;
        /*3x*/
    }
}

@media screen and (max-width: 539px) {
    .gamesWrapper [data-grid*="col-"] {
        float: left;
    }
}

@media screen and (max-width: 464px) {
    .gamesWrapper,
    .gamesWrapper.nine-up,
    .gamesWrapper.eight-up,
    .gamesWrapper.seven-up,
    .gamesWrapper.six-up {
        max-width: 296px;
        /*2x*/
    }
}


/*Browser variation*/


/* IE10+ specific styles go here */

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .game.m-product-placement-item > a {
       /* display: ruby-text;*/
    }
    .gamesWrapper .overlayBanner {
        margin-top: -2px;
    }
}


/*****************************************************************************************
********* BOXSHOTS PRODUCT PALCEMENT MEDIUM***************************END**************
*****************************************************************************************/


/*****************************************************************************************
**********BOXSHOTS GAMES CONTENT PALCEMENT***************************START**************
*****************************************************************************************/
/*Prerequisites:
Written for three up content placement games
*/
.m-content-placement.games-three-up .games {
    margin: auto;
    max-width: 1218px;
    float: none;
    display: flex;
    flex-wrap: wrap;
}

.m-content-placement.games-three-up .games .game .dl-cta {
    display: block;
    margin-top: 20px;
    padding: 0px;
    margin-left: 0px;
    margin-right:0px;
}

.m-content-placement.games-three-up .games .game .dl-cta-image {
    max-width: 151px;
}
@media screen and (max-width: 767px) {
    .m-content-placement.games-three-up .games {
        max-width: 322px;
    }
}
@media screen and (max-width: 539px) {
    .m-content-placement.games-three-up .games {
        max-width: 346px;
    }
}


/*****************************************************************************************
**********BOXSHOTS GAMES CONTENT PALCEMENT*****************************END**************
*****************************************************************************************/


/*****************************************************************************************
**********BANNER CUSTOMIZATIONS***************************START**************************
*****************************************************************************************/

.m-banner.full {
    max-width: 100%;
}
.m-banner a.c-call-to-action{
    margin-left: 0px;
    margin-right: 0px;
}
.m-banner > a.c-call-to-action + a.c-call-to-action{
    background: transparent;
    color: #0078D7;
    border-color: transparent;
    border-width: 2px;
    padding: 10px 43px 7px 25px;
}

/*****************************************************************************************
**********BANNER CUSTOMIZATIONS***************************START**************************
*****************************************************************************************/


/*****************************************************************************************
**********DRAWER FAQ ***************************START*************************************
*****************************************************************************************/

div.faq a.CTAStyles {
    color: #107C10;
    float: right;
    margin-top: 48px;
}

a.CTAStyles.c-call-to-action:focus,
a.CTAStyles.c-call-to-action:hover {
    background: transparent;
    border-color: transparent;
}

.CTAStyles.c-call-to-action {
    background: transparent;
    border-color: transparent;
    border-width: 2px;
    padding: 10px 44px 7px 24px;
    padding-right: 0px;
    margin-right: 13px;
    margin-left: 0px;
}

a.CTAStyles.c-call-to-action span:hover {
    text-decoration: underline;
}

a.CTAStyles.c-call-to-action span {
    white-space: pre-wrap;
}

div.faq .c-paragraph-3 {
    padding: 0px 0px 0px;
    color: #107C10
}

div.faq .c-paragraph-2 {
    padding: 44px 0 48px 10px;
    -webkit-margin-before: 0px;
    -webkit-margin-after: 0px;
}

div.faq hr {
    -webkit-margin-before: 0px;
    -webkit-margin-after: 0px;
}
div.faq hr:not(.first) {
    margin: 0px;
}
div.faq hr.first{
    margin-bottom: 0px;
}

div.faq hr:before,div.faq hr:after{
    margin: 0px;
}

div.faq hr.first {
    -webkit-margin-before: 0.5em;
}

@media screen and (max-width: 1083px) {
    div.faq a.CTAStyles {
        margin-top: 24px;
    }
    div.faq p.c-paragraph-2 {
        padding: 24px 8px 24px;
    }
    .CTAStyles.c-call-to-action {
        margin-left: 0px;
        margin-right: 13px;
    }
}

@media screen and (max-width: 539px) {
    div.faq a.CTAStyles {
        margin-top: 36px;
    }
    div.faq p.c-paragraph-2 {
        padding: 36px 8px 36px;
    }
  /*  div.faq p.c-heading-2 {
        margin-top: 36px;
    }*/
}


/*****************************************************************************************
**********DRAWER FAQ ***************************END*************************************
*****************************************************************************************/


/*****************************************************************************************
**********CAROUSEL FAQ ***************************START*************************************
*****************************************************************************************/


/*<Animation props when we have anchors for carousel items>*/

.c-carousel li.f-animate-previous a> picture.c-image img {
    -webkit-animation: hero-background-previous cubic-bezier(0.16, 1, 0.29, 0.99) 0.667s both;
    animation: hero-background-previous cubic-bezier(0.16, 1, 0.29, 0.99) 0.667s both;
}

.c-carousel li.f-animate-next a> picture.c-image img {
    -webkit-animation: hero-background-next cubic-bezier(0.16, 1, 0.29, 0.99) 0.667s both;
    animation: hero-background-next cubic-bezier(0.16, 1, 0.29, 0.99) 0.667s both;
}


/*****************************************************************************************
**********CAROUSEL FAQ ***************************END*************************************
*****************************************************************************************/


/*****************************************************************************************
**********MULTI FEATURE***************************START***********************************
*****************************************************************************************
 *Description: 
 *Pagination highlight fix in multifeature
 *
 */
.m-multi-feature.f-align-center > section > [role="tablist"]{margin-top:48px;}
.m-multi-feature .c-sequence-indicator button[aria-checked="true"]:before,
.m-multi-feature .c-sequence-indicator button[aria-selected="true"]:before {
    background: #000;
    } 


/*****************************************************************************************
**********MULTI FEATURE***************************END*************************************
*****************************************************************************************/

/*****************************************************************************************
**********FEATURE***************************START***********************************
*****************************************************************************************/
@media screen and (min-width: 768px){
.left-align .c-feature.f-align-right picture, .c-feature.f-align-right .c-video {
    float: right; 
}
.left-align .c-feature.f-align-right > div {
    left: 0;
}
}
.left-align .xbox-one-s-caption [data-grid*=col-] {
    float: right;
    min-height: 1px;
}
/*****************************************************************************************
**********FEATURE***************************END*************************************
*****************************************************************************************/

/*****************************************************************************************
**********HERO CUSTOMIZATIONS***************************START*****************************
*****************************************************************************************
 *Description: 
 *Fix for solo anchor type cta, not as buttons. Use [trans-cta]
 *Fix for bottom pad at 1083 where stacking happens
 */
a.c-call-to-action.trans-cta{
    background: transparent !important;
    color: #0078D7;
    border-color: transparent;
    border-width: 2px;
    margin-left: -24px;
    margin-right: -24px;
    padding: 0px 43px 7px 24px;
}
a.c-call-to-action.trans-cta:hover,a.c-call-to-action.trans-cta:visited,a.c-call-to-action.trans-cta:active{
    background: transparent;
    border-color: transparent;
}
a.c-call-to-action.trans-cta span:hover{
        text-decoration: underline;
}


/*****************************************************************************************
**********HERO CUSTOMIZATIONS***************************END*****************************
*****************************************************************************************/

/*****************************************************************************************/
/**********TABLE CUSTOMIZATIONS***************************START**************************/
/*****************************************************************************************/

.xbox-live-gold-table {
    background-color: #ffffff;
    color: #000000;
    overflow: hidden;
    clear: both;
}
.xbox-live-gold-table table td.f-numerical .c-heading-3{
    font-weight: bold;
}
.xbox-live-gold-table table tr {
    border-bottom: 1px solid lightgrey !important;
}
.xbox-live-gold-table table tr.last {
    border-bottom: none !important;
}
.xbox-live-gold-table table td {
    text-align: left;
    vertical-align:top;
}
.xbox-live-gold-table table td .c-heading-3{
  padding-top:0px;
}
.xbox-live-gold-table-title .c-heading-2 {
    padding-left: 3%;
}
.xbox-live-gold-table table tr td:nth-child(2),
.xbox-live-gold-table table tr td:nth-child(3) {
    font-weight: bold;
    font-size: 36px;
}
.xbox-live-gold-table table tr td:first-child {
    padding-left: 0px;
    vertical-align: bottom;
}
.xbox-live-gold-table table tr td:last-child {
    padding-right: 0px;
}
.xbox-live-gold-table  .c-table tr:before{
 width:0px;
}

.xbox-live-gold-table table tr td h4{
    padding-top: 0px;
}

/*****TABLE DESKTOP STYLES STARTS*****/
@media screen and (min-width: 1084px) {
    .xbox-live-gold-table table td:first-child {
        padding-right: 176px;
        padding-top: 26px;
    }
    .xbox-live-gold-table table tr:first-child td {
        padding-top: 0px;
    }
    .xbox-live-gold-table table td {
        padding-top: 28px;
        padding-bottom: 28px;
    }
    .xbox-live-gold-table table td:last-child {
        padding-left: 64px;
    }
    .xbox-live-gold-table table tr.last td {
        padding-bottom: 45px;
    }
    .xbox-live-gold-table .c-table .c-paragraph-1 {
        padding-top: 6px;
    }
}
/*****TABLE DESKTOP STYLES ENDS*****/

/*****TABLE TABLET STYLES STARTS*****/
@media screen and (min-width: 540px) and (max-width: 1083px) {
    .xbox-live-gold-table table td:first-child {
        padding-right: 34px;
    }
    .xbox-live-gold-table table tr:first-child td {
        padding-top: 0;
    }
    .xbox-live-gold-table table td:first-child {
        padding-top: 28px;
        padding-bottom: 28px;
    }
    .xbox-live-gold-table table tr:first-child td.f-numerical {
        padding-top: 36px;
    }
    .xbox-live-gold-table .c-table td.f-numerical,
    .xbox-live-gold-table-title .c-table td.f-sub-categorical {
        vertical-align: top;
        padding-top: 26px;
    }
    .xbox-live-gold-table .c-table .c-heading-3 {
        padding-top: 0px;
    }
    .xbox-live-gold-table table tr:first-child td.f-numerical {
        padding-left: 40px;
        padding-right: 40px;
    }
}
/*****TABLE TABLET STYLES ENDS*****/

/*****TABLE MOBILE STYLES STARTS*****/
@media screen and (max-width: 667px) {
    .xbox-live-gold-table table td:first-child {
        padding-right: 36px;
    }
    .xbox-live-gold-table .c-table table tr:first-child td img {
        width: 90px;
    }
    .xbox-live-gold-table .c-table table tr:not(:first-child) td img {
        width: 100px;
    }
    .xbox-live-gold-table table td:first-child .c-heading-4 {
        padding-top: 8px;
    }
    .xbox-live-gold-table table td:first-child .c-paragraph-1 {
        padding-top: 3px;
        padding-bottom: 9px;
    }
    .xbox-live-gold-table .c-table td.f-numerical,
    .xbox-live-gold-table-title .c-table td.f-sub-categorical {
        vertical-align: top;
        padding-top: 26px;
    }
    .xbox-live-gold-table .c-table .c-heading-3 {
        padding-top: 0;
    }
}
/*RADUCING THE SPACE BETWEEN THE COLUMNS BELOW 536PX TO AVOID THE TRUCATION OF 3RD COLUMN*/
@media screen and (max-width: 536px) {
    .xbox-live-gold-table .c-table td.f-numerical,
    .xbox-live-gold-table-title .c-table td.f-sub-categorical {
        vertical-align: top;
        padding-top: 18px;
    }
}
@media screen and (max-width: 460px) {
    .xbox-live-gold-table table td:first-child {
        padding-right: 5px
    }
    .xbox-live-gold-table .c-table td.f-numerical, 
    .xbox-live-gold-table-title .c-table td.f-sub-categorical {
        padding-left:3px;
        padding-right:3px;
    }
}

/*FONT RESIZING FOR TABLE CONTENT ON BELOW 440PX TO AVOID THE TRUCATION OF 3RD COLUMN*/
@media screen and (max-width: 440px) {
    .xbox-live-gold-table table td:first-child .c-heading-4 {
        font-size: 18px;
    }
    .xbox-live-gold-table table td:first-child .c-paragraph-1{
        font-size: 16px;
    }
}
@media screen and (max-width: 360px) {
    .xbox-live-gold-table table td:first-child .c-heading-4 {
        font-size: 14px;
    }
    .xbox-live-gold-table table td:first-child .c-paragraph-1{
        font-size: 12px;
    }
}
@media screen and (max-width: 338px) {
    .xbox-live-gold-table table td:first-child .c-heading-4 {
        font-size: 12px;
    }
    .xbox-live-gold-table table td:first-child .c-paragraph-1{
        font-size: 10px;
    }
}
/*****TABLE MOBILE STYLES ENDS*****/

/*****************************************************************************************/
/**********TABLE CUSTOMIZATIONS***************************END**************************/
/*****************************************************************************************/

/*****Design Button Styles Starts*****/
a.c-call-to-action.grey-bgc{background-color:#2f2f2f;margin-top:15px;margin-left:0px;color:#FFF;}
a.c-call-to-action.grey-bgc:hover, a.c-call-to-action.grey-bgc:focus{background-color:#464646;}
.m-content-placement-item .c-call-to-action.grey-bgc span:hover, .c-content-placement .c-call-to-action.grey-bgc span:hover, .m-content-placement-item > a:first-child:hover + .c-call-to-action.grey-bgc span, .c-content-placement > a:first-child:hover + .c-call-to-action.grey-bgc span{text-decoration: none!important;}
.c-call-to-action.grey-bgc span{color:#fff;}

a.customize-button, button.customize-button, div.customize-button {
  
    padding-left:50px !important;
    box-sizing: border-box;
    display: inline-block;
    white-space: nowrap;
    width: auto;
    min-width: 110px;
    text-decoration: none;
    position: relative;
}

a.customize-button:before, button.customize-button:before, div.customize-button:before {
    content: "";
    background-image: url(http://compass.xbox.com/assets/ff/2a/ff2a4e17-4171-4e79-a597-e5137a1c6290.png?n=xdl-icon.png);
    position: absolute;
    top: 3px;
    left: 3px;
    width: 30px;
    height: 30px;
    background-size: 100% 100%;
}

/*****Design Button Styles Ends*****/
/**************************************/

/*Global Promotion Styles Start*/

/* line 5, C:/dev/SSD.Framework.OneUI/partners/deviceDay/templates/modules/global-promotion/styles/_global_promotion.scss */
.m-global-promotion {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
  margin-top: 48px;
  text-align: center;
  min-height: 120px; }
  /* line 55, C:/dev/SSD.Framework.OneUI/core/styles/utilities/_list_repeater.scss */
  .m-global-promotion.f-background-neutral-10 {
    background-color: #E3E3E3; }
  /* line 55, C:/dev/SSD.Framework.OneUI/core/styles/utilities/_list_repeater.scss */
  .m-global-promotion.f-background-neutral-20 {
    background-color: #C8C8C8; }
  /* line 55, C:/dev/SSD.Framework.OneUI/core/styles/utilities/_list_repeater.scss */
  .m-global-promotion.f-background-neutral-30 {
    background-color: #ACACAC; }
  /* line 55, C:/dev/SSD.Framework.OneUI/core/styles/utilities/_list_repeater.scss */
  .m-global-promotion.f-background-neutral-75 {
    background-color: #464646; }
  /* line 55, C:/dev/SSD.Framework.OneUI/core/styles/utilities/_list_repeater.scss */
  .m-global-promotion.f-background-neutral-80 {
    background-color: #2F2F2F; }
  /* line 55, C:/dev/SSD.Framework.OneUI/core/styles/utilities/_list_repeater.scss */
  .m-global-promotion.f-background-neutral-90 {
    background-color: #171717; }
  /* line 55, C:/dev/SSD.Framework.OneUI/core/styles/utilities/_list_repeater.scss */
  .m-global-promotion.f-background-neutral-100 {
    background-color: #000; }
  /* line 18, C:/dev/SSD.Framework.OneUI/partners/deviceDay/templates/modules/global-promotion/styles/_global_promotion.scss */
  .m-global-promotion.f-background-neutral-10, .m-global-promotion.f-background-neutral-20, .m-global-promotion.f-background-neutral-30 {
    color: #000; }
    /* line 23, C:/dev/SSD.Framework.OneUI/partners/deviceDay/templates/modules/global-promotion/styles/_global_promotion.scss */
    .m-global-promotion.f-background-neutral-10 .c-call-to-action, .m-global-promotion.f-background-neutral-20 .c-call-to-action, .m-global-promotion.f-background-neutral-30 .c-call-to-action {
      color: #000; }
  /* line 28, C:/dev/SSD.Framework.OneUI/partners/deviceDay/templates/modules/global-promotion/styles/_global_promotion.scss */
  .m-global-promotion.f-background-neutral-75, .m-global-promotion.f-background-neutral-80, .m-global-promotion.f-background-neutral-90 {
    color: #FFF; }
    /* line 33, C:/dev/SSD.Framework.OneUI/partners/deviceDay/templates/modules/global-promotion/styles/_global_promotion.scss */
    .m-global-promotion.f-background-neutral-75 .c-call-to-action, .m-global-promotion.f-background-neutral-80 .c-call-to-action, .m-global-promotion.f-background-neutral-90 .c-call-to-action {
      color: #FFF; }
  /* line 39, C:/dev/SSD.Framework.OneUI/partners/deviceDay/templates/modules/global-promotion/styles/_global_promotion.scss */
  .m-global-promotion > .c-image img {
    margin: 0 auto;
    height: 100%;
    width: auto;
    max-width: none; }
  /* line 47, C:/dev/SSD.Framework.OneUI/partners/deviceDay/templates/modules/global-promotion/styles/_global_promotion.scss */
  .m-global-promotion .c-call-to-action {
    background: transparent;
    color: #0078D7;
    border-color: transparent;
    border-width: 2px;
    padding: 10px 44px 7px 24px;
    margin-left: -24px;
    margin-right: -24px; }
    /* line 10, C:/dev/SSD.Framework.OneUI/core/styles/utilities/components/_call_to_action.scss */
    .m-global-promotion .c-call-to-action:focus, .m-global-promotion .c-call-to-action:hover {
      background: transparent;
      border-color: transparent; }
    /* line 16, C:/dev/SSD.Framework.OneUI/core/styles/utilities/components/_call_to_action.scss */
    .m-global-promotion .c-call-to-action:active {
      background: transparent;
      text-decoration: none; }
    /* line 22, C:/dev/SSD.Framework.OneUI/core/styles/utilities/components/_call_to_action.scss */
    .m-global-promotion .c-call-to-action span:hover {
      text-decoration: underline; }
    /* line 27, C:/dev/SSD.Framework.OneUI/core/styles/utilities/components/_call_to_action.scss */
    .theme-light .m-global-promotion .c-call-to-action, .theme-dark .theme-light .m-global-promotion .c-call-to-action {
      color: #000;
      background: transparent;
      border-color: transparent; }
      /* line 32, C:/dev/SSD.Framework.OneUI/core/styles/utilities/components/_call_to_action.scss */
      .theme-light .m-global-promotion .c-call-to-action:active, .theme-dark .theme-light .m-global-promotion .c-call-to-action:active {
        color: rgba(0, 0, 0, 0.6); }
      /* line 36, C:/dev/SSD.Framework.OneUI/core/styles/utilities/components/_call_to_action.scss */
      .theme-light .m-global-promotion .c-call-to-action:focus, .theme-dark .theme-light .m-global-promotion .c-call-to-action:focus {
        outline-color: #000; }
    /* line 41, C:/dev/SSD.Framework.OneUI/core/styles/utilities/components/_call_to_action.scss */
    .theme-dark .m-global-promotion .c-call-to-action, .theme-light .theme-dark .m-global-promotion .c-call-to-action {
      color: #FFF;
      background: transparent;
      border-color: transparent; }
      /* line 46, C:/dev/SSD.Framework.OneUI/core/styles/utilities/components/_call_to_action.scss */
      .theme-dark .m-global-promotion .c-call-to-action:active, .theme-light .theme-dark .m-global-promotion .c-call-to-action:active {
        color: rgba(255, 255, 255, 0.6); }
      /* line 50, C:/dev/SSD.Framework.OneUI/core/styles/utilities/components/_call_to_action.scss */
      .theme-dark .m-global-promotion .c-call-to-action:focus, .theme-light .theme-dark .m-global-promotion .c-call-to-action:focus {
        outline-color: #FFF; }
  /* line 51, C:/dev/SSD.Framework.OneUI/partners/deviceDay/templates/modules/global-promotion/styles/_global_promotion.scss */
  .m-global-promotion > div {
    padding-left: 12px;
    padding-right: 12px;
    width: 100%; }
    @media only screen and (min-width: 540px) {
      /* line 51, C:/dev/SSD.Framework.OneUI/partners/deviceDay/templates/modules/global-promotion/styles/_global_promotion.scss */
      .m-global-promotion > div {
        padding-left: 24px;
        padding-right: 24px; } }
    @media only screen and (min-width: 768px) {
      /* line 51, C:/dev/SSD.Framework.OneUI/partners/deviceDay/templates/modules/global-promotion/styles/_global_promotion.scss */
      .m-global-promotion > div {
        padding-left: 0;
        padding-right: 0; } }
    /* line 64, C:/dev/SSD.Framework.OneUI/partners/deviceDay/templates/modules/global-promotion/styles/_global_promotion.scss */
    .m-global-promotion > div > div .c-heading {
      font-size: 20px;
      line-height: 24px;
      padding: 35px 0 5px;
      font-weight: 200;
      padding-top: 8px; }
    /* line 69, C:/dev/SSD.Framework.OneUI/partners/deviceDay/templates/modules/global-promotion/styles/_global_promotion.scss */
    .m-global-promotion > div > div .c-paragraph {
      font-size: 15px;
      line-height: 20px;
      padding: 24px 0 0;
      font-weight: 400;
      padding-top: 8px; }
    @media only screen and (min-width: 768px) {
      /* line 63, C:/dev/SSD.Framework.OneUI/partners/deviceDay/templates/modules/global-promotion/styles/_global_promotion.scss */
      .m-global-promotion > div > div {
        max-width: 70%;
        margin: 0 auto; } }
    @media only screen and (min-width: 1084px) {
      /* line 63, C:/dev/SSD.Framework.OneUI/partners/deviceDay/templates/modules/global-promotion/styles/_global_promotion.scss */
      .m-global-promotion > div > div {
        max-width: 50%; } }
    /* line 84, C:/dev/SSD.Framework.OneUI/partners/deviceDay/templates/modules/global-promotion/styles/_global_promotion.scss */
    .m-global-promotion > div > .c-group {
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column; }
      @media only screen and (min-width: 540px) {
        /* line 84, C:/dev/SSD.Framework.OneUI/partners/deviceDay/templates/modules/global-promotion/styles/_global_promotion.scss */
        .m-global-promotion > div > .c-group {
          -webkit-flex-direction: row;
              -ms-flex-direction: row;
                  flex-direction: row;
          -webkit-justify-content: center;
              -ms-flex-pack: center;
                  justify-content: center; }
          /* line 91, C:/dev/SSD.Framework.OneUI/partners/deviceDay/templates/modules/global-promotion/styles/_global_promotion.scss */
          .m-global-promotion > div > .c-group .c-call-to-action {
            margin: 0; } }
  @media only screen and (min-width: 768px) {
    /* line 98, C:/dev/SSD.Framework.OneUI/partners/deviceDay/templates/modules/global-promotion/styles/_global_promotion.scss */
    .m-global-promotion.f-image {
      -webkit-flex-direction: row;
          -ms-flex-direction: row;
              flex-direction: row;
      text-align: left;
      padding: 0; }
      /* line 104, C:/dev/SSD.Framework.OneUI/partners/deviceDay/templates/modules/global-promotion/styles/_global_promotion.scss */
      .m-global-promotion.f-image > div {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: row;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        min-width: calc(100% - 320px);
        padding: 12px 0 12px 12px;
        width: auto; }
        /* line 113, C:/dev/SSD.Framework.OneUI/partners/deviceDay/templates/modules/global-promotion/styles/_global_promotion.scss */
        .m-global-promotion.f-image > div > div {
          margin: 0; } }
      @media only screen and (min-width: 768px) and (min-width: 768px) {
        /* line 113, C:/dev/SSD.Framework.OneUI/partners/deviceDay/templates/modules/global-promotion/styles/_global_promotion.scss */
        .m-global-promotion.f-image > div > div {
          max-width: none; }
          /* line 119, C:/dev/SSD.Framework.OneUI/partners/deviceDay/templates/modules/global-promotion/styles/_global_promotion.scss */
          .m-global-promotion.f-image > div > div .c-heading {
            padding-top: 0; } }
      @media only screen and (min-width: 768px) and (min-width: 1084px) {
        /* line 113, C:/dev/SSD.Framework.OneUI/partners/deviceDay/templates/modules/global-promotion/styles/_global_promotion.scss */
        .m-global-promotion.f-image > div > div {
          max-width: none; } }
  @media only screen and (min-width: 768px) {
          /* line 128, C:/dev/SSD.Framework.OneUI/partners/deviceDay/templates/modules/global-promotion/styles/_global_promotion.scss */
          .m-global-promotion.f-image > div > div + div {
            text-align: right;
            min-width: 250px; } }
    @media only screen and (min-width: 768px) and (min-width: 1084px) {
      /* line 104, C:/dev/SSD.Framework.OneUI/partners/deviceDay/templates/modules/global-promotion/styles/_global_promotion.scss */
      .m-global-promotion.f-image > div {
        min-width: calc(100% - 440px); } }

/**********Global Promotion Styles End**********/
/**************************************************/


/*****************************************************************************************/
/**********GLOBAL ACCESSIBILITY FIXES****************START**************************/
/*****************************************************************************************/

.m-product-placement-item > a:focus, .m-product-placement-item > a:focus > picture img, .m-product-placement-item > a:focus .c-image
{
outline: 1px dashed #000;
}

.c-carousel  .c-group li a:focus img
{
border: 1px dashed #FFF;
}

/*****************************************************************************************/
/**********GLOBAL ACCESSIBILITY FIXES****************END**************************/
/*****************************************************************************************/

</style>
