/* Minification failed. Returning unminified contents.
(6916,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6917,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6940,28): run-time error CSS1039: Token not allowed after unary operator: '-ribbon-primary'
(6945,28): run-time error CSS1039: Token not allowed after unary operator: '-ribbon-secondary'
(6969,16): run-time error CSS1039: Token not allowed after unary operator: '-ribbon-primary'
(6974,16): run-time error CSS1039: Token not allowed after unary operator: '-ribbon-secondary'
 */
@charset "UTF-8";

@font-face {
    font-family: "solido_bold";
    src: url("fonts/solidogs-bold.eot");
    src: url("fonts/solidogs-bold.eot?#iefix") format("embedded-opentype"), url("fonts/solidogs-bold.woff2") format("woff2"), url("fonts/solidogs-bold.woff") format("woff"), url("fonts/solidogs-bold.ttf") format("truetype"), url("fonts/solidogs-bold.svg#solidogsbook") format("svg");
    -webkit-font-smoothing: antialiased;
    -moz-webkit-font-smoothing: antialiased;
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "solido_book";
    src: url("fonts/solidogs-book.eot");
    src: url("fonts/solidogs-book.eot?#iefix") format("embedded-opentype"), url("fonts/solidogs-book.woff2") format("woff2"), url("fonts/solidogs-book.woff") format("woff"), url("fonts/solidogs-book.ttf") format("truetype"), url("fonts/solidogs-book.svg#solidogsbook") format("svg");
    -webkit-font-smoothing: antialiased;
    -moz-webkit-font-smoothing: antialiased;
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

::-webkit-input-placeholder {
    font-family: solido_book;
    font-size: 14px;
}

:-moz-placeholder {
    font-family: solido_book;
    font-size: 14px;
}

::-moz-placeholder {
    font-family: solido_book;
    font-size: 14px;
}

:-ms-input-placeholder {
    font-family: solido_book;
    font-size: 14px;
}

body, h1, h2, h3, h4, h5, h6, p, li, ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

body {
    font-family: solido_book, helvetica, 'arial narrow';
    font-size: 14px;
    background: #fff;
    -webkit-font-smoothing: antialiased;
}

.mainContainer input[type=text], .mainContainer select, #addrForm select {
    font-family: solido_book;
    font-size: 14px;
}

img {
    border: none;
}

a {
    color: #ee3124;
}

    a:hover {
        color: #C00;
        text-decoration: none;
    }

    button:focus, a:focus {
        outline: none;
    }

.clearing {
    clear: both;
}

/* BUTTONS */

/* MEGA BUTTON*/
a.megaButton {
    display: inline-block;
    vertical-align: middle;
    height: 38px;
    line-height: 38px;
    padding: 0 5px 0 8px;
    text-decoration: none;
    text-align: center;
    font-size: 17px;
    text-transform: uppercase;
    background: #ee3124; /*#ff3333*/
    border: solid 2px #ee3124;
    color: #FFF;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

    a.megaButton span {
        text-decoration: none;
        cursor: pointer;
    }

    a.megaButton:hover {
        color: #ee3124;
        background: #fff;
    }

        a.megaButton:hover span {
            color: #ee3124;
        }

    a.megaButton.buyDisabled, a.megaButton.buyDisabled:hover {
        background: #ddd;
        border-color: #ddd;
        color: #fff;
        cursor: default;
    }

        a.megaButton.buyDisabled:hover span, a.megaButton.buyDisabled:hover span {
            color: #fff;
            cursor: default;
        }

div.prodBuy .buyNew a strong em, div.prodBuy .buyUsed a strong em, div.prodBuy .buyPresell a strong em, div.prodBuy .buyDLC a strong em {
    display: none;
}


/* MEGA BUTTON B*/
a.megaButtonB {
    display: inline-block;
    vertical-align: middle;
    line-height: 25px;
    padding: 5px 0 5px 4px;
    text-decoration: none;
    font-size: 18px;
    background: #323233 repeat-x 0 0;
    color: #FFF;
    border: solid 1px #000;
}

    a.megaButtonB span {
        display: block;
        padding: 0 10px 0 6px;
        text-decoration: none;
        cursor: pointer;
    }

    a.megaButtonB:hover {
        color: #FFF;
        background: #e7e7e7 repeat-x 0 0;
        border: solid 2px#323233;
    }

        a.megaButtonB:hover span {
            color: #323233;
        }

/* mega empty */

a.megaButtonEmpty {
    display: inline-block;
    vertical-align: middle;
    height: 38px;
    line-height: 38px;
    padding: 0 8px;
    text-decoration: none;
    text-align: center;
    font-size: 18px;
    background: transparent;
    color: #ee3124;
    border: solid 2px #ee3124;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

    a.megaButtonEmpty:hover {
        background: #ee3124;
        color: #fff;
    }

div.prodBuy p a.megaButton.notAnim span strong {
    font-size: 14px;
}

    div.prodBuy p a.megaButton.notAnim span strong em {
        font-size: 14px;
        font-weight: bold;
    }

/* BIG BUTTON*/
a.bigButton {
    display: inline-block;
    vertical-align: middle;
    height: 33px;
    line-height: 33px;
    padding: 0 8px 0 5px;
    text-decoration: none;
    text-transform: uppercase;
    background: #ee3124;
    border: solid 2px #ee3124;
    color: #FFF;
    font-size: 14px;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

    a.bigButton span {
        height: 33px;
        line-height: 33px;
        text-decoration: none;
        cursor: pointer;
    }

    a.bigButton:hover {
        color: #ee3124;
        background: #fff;
    }

        a.bigButton:hover span {
            color: #ee3124;
        }

    a.bigButton.disabled {
        background: #ddd;
        background-position: 0 0;
        border: solid 2px #ddd;
        color: #616161;
        cursor: default;
        pointer-events: none;
    }

        a.bigButton.disabled span {
            cursor: default;
        }

        a.bigButton.disabled:hover {
            color: #ddd;
        }

            a.bigButton.disabled:hover span {
                color: #616161;
                line-height: 38px;
            }


/* MED BUTTON*/
a.medButton {
    display: inline-block;
    vertical-align: middle;
    height: 31px;
    line-height: 31px;
    padding: 0 8px;
    text-decoration: none;
    background: #ee3124; /*#ff3333*/
    border: solid 2px #ee3124;
    color: #FFF;
    text-transform: uppercase;
    text-shadow: none;
    font-size: 14px;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

    a.medButton.green {
        background-color: #57B64B;
        border-color: #57B64B;
    }

    a.medButton span {
        display: block;
        height: 29px;
        line-height: 29px;
        text-decoration: none;
        cursor: pointer;
    }

    a.medButton:hover {
        color: #ee3124;
        background: #fff;
    }

        a.medButton:hover span {
            color: #ee3124;
        }

    a.medButton.darkMed {
        display: inline-block;
        overflow: hidden;
        padding: 0 10px;
        height: 29px;
        line-height: 29px;
        border: #22211f solid 1px;
        background: #4f4f4f;
    }

        a.medButton.darkMed:hover {
            box-shadow: inset #888 0 1px 0;
            line-height: 27px;
            background: #2e2a24;
        }

    /*medbutton Buy disabled */

    a.medButton.buyDisabled {
        background-position: 0 0;
        color: #616161;
        background: #ddd;
        cursor: default;
    }

        a.medButton.buyDisabled span {
            cursor: default;
        }

        a.medButton.buyDisabled:hover {
            line-height: 38px;
            color: #ddd;
        }

            a.medButton.buyDisabled:hover span {
                line-height: 38px;
                color: #616161;
            }

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

/* LOGON BUTTON*/
.logonButton {
    background: #ee3124;
    border: solid 2px #ee3124;
    color: #FFF;
    cursor: pointer;
    display: inline-block;
    font-family: solido_book;
    font-size: 14px;
    height: 37px;
    line-height: 33px;
    padding: 0 8px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    vertical-align: middle;
}

    .logonButton:hover {
        color: #ee3124;
        background: #fff;
    }

    .logonButton:disabled {
        border: unset;
        background: #dddddd;
    }

/* ERROR MESSAGES */

div .errorMessage, .field-validation-error, .field-validation-checkout {
    display: block;
    margin-top: 5px;
    padding: 2px 6px;
    line-height: 18px;
    border: #ee3124 solid 1px;
    vertical-align: middle;
    color: #ee3124;
    font-weight: bold;
    font-size: 14px;
    background: none;
}

    div .errorMessage:before, .field-validation-error:before, .field-validation-checkout:before {
        content: '!';
        display: inline-block;
        height: 5px;
        line-height: 5px;
        margin: 3px 6px 0 0;
        padding: 3px;
        text-decoration: none;
        background: #ee3124;
        border: solid 2px #ee3124;
        color: #FFF;
        text-transform: uppercase;
        text-shadow: none;
        font-size: 15px;
        font-family: arial;
    }

    div .errorMessage span {
        display: inline-block;
        padding: 5px 0 5px 30px;
        background: url(Images/error-message-icon.png) no-repeat 0 center;
    }

div .errorSummary {
    margin: 20px 40px;
}

.field-validation-error {
    display: inline-block;
    margin-top: -8px;
    margin-bottom: 4px;
}

.thirded .field-validation-error {
    display: inline-block;
    margin-bottom: 4px;
    margin-top: 0;
}

.field-validation-checkout {
    display: none;
    margin-top: -14px;
    margin-bottom: 10px;
    background: none;
}

.fixedText {
    display: block;
    background-color: #fcf8e3;
    padding: 3px 10px;
    margin-top: -6px;
    margin-bottom: 9px;
    border: solid 1px #ffec8b;
    border-radius: 5px;
    width: 291px;
}
/* WARNING MESSAGE*/
div .warningMessage {
    display: block;
    margin-top: 5px;
    padding: 2px 6px;
    line-height: 18px;
    vertical-align: middle;
    color: #000;
    font-weight: bold;
    font-size: 14px;
    background: none;
}

    div .warningMessage span {
        display: inline-block;
        padding: 5px 0 5px 30px;
    }

.topPanel {
    height: auto;
    top: 0;
    left: 0;
    z-index: 210;
    position: fixed;
    width: 100%;
}

/* NAV BAR */
.navBar {
    height: 44px;
    width: 100%;
    background: #323233;
    color: #FFF;
    text-transform: uppercase;
    font-size: 14px;
}

    .navBar a {
        color: #FFF;
        text-decoration: none;
    }

.navBarUp {
    height: 44px;
    width: 100%;
    position: relative;
    z-index: 102;
}

.navBarIn {
    width: 960px;
    height: 44px;
    margin: auto;
    position: relative;
}

.navBarOv {
    float: right;
    margin-right: -5px;
}

.navLogo {
    display: none;
}

.navBarMessage {
    display: none;
    position: fixed;
    left: 50%;
    top: 140px;
    width: 216px;
    margin-left: -108px;
    padding: 10px;
    background: #fff;
    border: #c3c3c3 solid 1px;
    color: #000;
    text-shadow: none;
    z-index: 210;
}

    .navBarMessage p {
        display: block;
        margin-top: 5px;
        padding: 2px 6px;
        line-height: 18px;
        border: #ee3124 solid 1px;
        vertical-align: middle;
        color: #ee3124;
        font-weight: bold;
        font-size: 14px;
        background: none;
    }

    .navBarMessage span {
        display: inline-block;
        padding: 5px 0px 5px 30px;
        background: url(Images/error-message-icon.png) no-repeat 0 center;
    }

.navLangSel {
    float: right;
    line-height: 44px;
}

.longLangBtn {
    margin-right: 15px;
}

.shortLangBtn {
    display: none;
    padding: 0 10px;
}


/* nav links */
.navLinks {
    float: right;
    padding-right: 10px;
    line-height: 44px;
    margin-right: 15px;
}

    .navLinks strong {
        float: left;
        white-space: nowrap;
        max-width: 250px;
        height: 40px;
        overflow: hidden;
    }

    .navLinks a {
        margin: 5px 0 5px -10px;
        padding: 0 0 0 28px;
        height: 33px;
        line-height: 32px;
        float: left;
        background: url(Images/top-bar.png) no-repeat -314px -186px;
        text-indent: 10px;
    }


a.navLogin {
    background-position: -308px -188px;
}

a.navAccount {
    background-position: -309px -157px;
}

a.navRegister {
    background-position: -306px -159px
}

a.navOrders {
    background: url(Images/check-square-o.png) no-repeat;
    background-size: 25%;
    background-position-y: center;
}

.ordersIcon {
    background: url(Images/check-square-o.png) no-repeat !important;
    background-size: contain !important;
    background-position-y: center !important;
}

a.navLogout {
    background-position: -307px -93px;
}

/* Loyalty */


.loyaltyLinks {
    float: left;
    margin: 7px 0 0 10px;
    padding: 6px 6px 6px 36px;
    border-radius: 5px;
    border-top: solid 1px #343434;
    border-bottom: solid 1px #4f4f4d;
    border-left: solid 1px #313130;
    border-right: solid 1px #313130;
    background: url(Images/top-bar-loyalty.png) no-repeat -95px center;
}

    .loyaltyLinks li {
        display: inline;
    }

    .loyaltyLinks a {
        background: none;
        padding: 0;
        margin: 0 5px;
        height: auto;
        line-height: normal;
    }


.mainDrop {
    display: block;
    margin: 1px 0 5px 0;
    padding: 0 0 0 30px;
    height: 38px;
    line-height: 42px;
    background: url(Images/info-circle.png) no-repeat;
    background-size: 40%;
    background-position-y: center;
}

.accountDrop {
    display: block;
    margin: 1px 0 5px 0;
    padding: 0 0 0 30px;
    height: 38px;
    line-height: 42px;
    background: url(Images/user.png) no-repeat;
    background-size: 30%;
    background-position-y: center;
}

.navDrop {
    float: right;
    position: relative;
    padding-right: 15px;
    line-height: 44px;
    margin-right: 15px;
}

    .navDrop ul, .mapContainer .ui-autocomplete {
        display: none;
        position: absolute;
        right: 0;
        top: 44px;
        background: #323233;
        z-index: -1;
    }


.mapContainer .ui-autocomplete {
    z-index: 0
}

    .mapContainer .ui-autocomplete .ui-state-focus {
        color: #ee3124;
    }

    .navDrop ul li, .mapContainer .ui-autocomplete li {
        border-top: #FFF solid 1px;
    }

    .navDrop ul a, .mapContainer .ui-autocomplete a {
        display: block;
        line-height: normal;
        padding: 5px;
        width: 130px;
        text-shadow: none;
    }

        .navDrop ul a:hover, .mapContainer .ui-autocomplete a:hover {
            color: #ee3124
        }

    .mapContainer .ui-autocomplete li .ui-state-hover {
        width: auto;
        background: #ee3124;
        color: #FFF;
    }

.navDropul ul li:first-child {
    border-top: none;
}

.unloggedMobileHead .navLogin {
    height: 33px;
    line-height: 34px;
    float: left;
    background: url(Images/top-bar.png) no-repeat -308px -186px;
    width: 30px;
    padding: 0;
    overflow: hidden;
    margin: 3px 0 0 0;
    text-indent: -3000px;
}

.openPlatMenu {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    width: 55px;
    padding-left: 30px;
    margin-left: 5px;
    /*background: url(Images/platform-button.png) no-repeat center 0;*/
    background: url(Images/align-justify.png) no-repeat;
    overflow: hidden;
}

    .openPlatMenu.openMenu {
        background-position: center -74px;
        line-height: 42px;
    }

/* cart */
.navBar .cart {
    float: right;
    position: relative;
    font-size: 13px;
    text-align: center;
    height: 43px;
    margin-right: 6px;
}

.cart a {
    color: #FFF;
}

.cartRemind em {
    font-style: normal;
}

.cartRemind {
    display: block;
    position: relative;
    z-index: 2;
    height: 37px;
    width: 97px;
    padding: 7px 6px 0 40px;
    background: #ee3124 url(Images/cart-icon.png) no-repeat 10px 12px;
    text-decoration: none;
}

    .cartRemind span {
        display: block;
        font-weight: normal;
        font-size: 12px;
    }

.cartEmpty {
    height: 44px;
    padding-left: 50px;
    padding-right: 5px;
    background: url(Images/cart-icon.png) no-repeat 16px 12px;
    line-height: 44px;
    text-align: center;
    font-size: 14px;
    border-left: solid 1px #555;
    border-right: solid 1px #555;
}

/* Head and quicksearch */
.headBar {
    width: 948px;
    height: 80px;
    padding: 0 6px 0 6px;
    margin: auto;
    background: #FFF;
}

.head1 {
    float: left;
    margin-top: 5px;
    margin-left: 12px;
    width: 215px;
}

    .head1 a {
        display: block;
        width: 215px;
        height: 55px;
    }


/* Quicksearch */

.quickSearch {
    float: right;
    width: 353px;
    margin: 12px 0 0 0
}

.quickInputContainer {
    position: relative;
    height: 46px;
    font-size: 18px;
    background: #fff;
    border: solid 1px #eaeaea;
}

.selec .quickInputContainer {
    border: solid 1px #e92e21;
    font-family: solido_book;
}

.quickSearchInput {
    float: left;
    position: relative;
    width: 280px;
    height: 34px;
    line-height: 34px;
    padding: 0 0 0 8px;
    margin: 6px;
    border: none;
    color: #444;
    font-size: 18px;
    z-index: 10;
    background: url(Images/qs-separator.png) no-repeat -10px -10px;
}

    .quickSearchInput:focus {
        outline: none
    }
    /* SASS SHOULD BE USED TO REMOVE DUPLICATES BELOW (MIXIN)*/
    .quickSearchInput::placeholder {
        color: #b3adad;
        height: 34px;
        line-height: 34px;
        font-size: 18px;
    }

    .quickSearchInput::-webkit-input-placeholder {
        color: #b3adad;
        height: 34px;
        line-height: 34px;
        font-size: 18px;
    }

    .quickSearchInput:-ms-input-placeholder {
        color: #b3adad;
        height: 34px;
        line-height: 34px;
        font-size: 18px;
    }

    .quickSearchInput::-moz-placeholder {
        color: #b3adad;
        height: 34px;
        line-height: 34px;
        font-size: 18px;
    }

.quickInputContainer a {
    float: right;
    height: 30px;
    line-height: 30px;
    margin: 6px;
    padding: 0;
}

    .quickInputContainer a span {
        padding: 0;
        height: 30px;
        line-height: 30px;
    }

        .quickInputContainer a span em {
            display: block;
            width: 30px;
            height: 30px;
            text-indent: -3000px;
            overflow: hidden;
            background: url(Images/search-icon.png) no-repeat center center;
        }

.qSpinner {
    display: none;
    position: absolute;
    z-index: 0;
    right: 43px;
    height: 42px;
    width: 22px;
    background: url(Images/mini-loader.gif) no-repeat left center;
}

.quickSearch p.added {
    padding: 4px 4px 0 0;
    text-align: right;
    color: #999;
    margin: 0;
    font-size: 9px;
    font-weight: bold
}

    .quickSearch p.added a {
        color: #666
    }

        .quickSearch p.added a:hover {
            color: #8e0a0a
        }


/* product autocompleter */

.ui-platformautocomplete {
    top: 10px;
    width: 305px;
    padding: 2px 0;
    background: #dadada;
}

.ui-autocomplete li.autoSing {
    clear: both;
    position: relative;
    margin: 0;
    border-top: solid 1px #fff;
    padding-top: 2px;
}

    .ui-autocomplete li.autoSing:first-child {
        border-top: none;
        padding-top: 0;
    }

    .ui-autocomplete li.autoSing a {
        display: block;
        padding: 5px 8px;
        color: #666666;
        text-decoration: none;
    }

        .ui-autocomplete li.autoSing a.ui-state-hover {
            position: relative;
            margin-left: -23px;
            padding-left: 31px;
            background: url(Images/qs-arrowx.png) no-repeat 0 center;
        }

    .ui-autocomplete li.autoSing span {
        font-weight: bold;
        font-size: 15px;
    }

        .ui-autocomplete li.autoSing span.descr {
            display: block;
            font-size: 12px;
            font-weight: normal;
            color: #000;
        }

    .ui-autocomplete li.autoSing img {
        float: left;
        max-height: 50px;
        padding-right: 5px;
    }

    .ui-autocomplete li.autoSing br {
        clear: both;
    }

    .ui-autocomplete li.autoSing ol {
        display: none;
        padding: 2px 0;
        position: absolute;
        z-index: -1;
        top: 15px;
        right: 315px;
        overflow: hidden;
        font-weight: bold;
        background: #ebebeb;
    }

        .ui-autocomplete li.autoSing ol li {
            background: url(Images/qs-separator.png) repeat-x 0 0;
            padding-top: 2px;
            font-weight: bold;
            white-space: nowrap;
        }

            .ui-autocomplete li.autoSing ol li:first-child {
                background: none;
                padding-top: 0;
            }

        .ui-autocomplete li.autoSing ol a {
            color: #ee3124;
            padding: 7px 25px 7px 12px;
        }

            .ui-autocomplete li.autoSing ol a.selected {
                background: #ccc;
                color: #000;
            }

    .ui-autocomplete li.autoSing a.ui-state-hover.leftLess {
        margin-left: 0;
        padding: 5px 8px;
        background-position: -23px 0;
    }

.autoNoRes {
    display: block;
    position: absolute;
    width: 96%;
    padding: 2%;
    bottom: -31px;
    background: #dadada;
    border-radius: 4px;
    color: #666;
    font-weight: bold;
    font-size: 15px;
    box-shadow: 0 2px 5px #555;
}

.ui-helper-hidden-accessible {
    display: none;
}


/* platforms */
.platformBar {
    width: 948px;
    height: 40px;
    padding: 124px 6px 6px 6px;
    margin: auto;
    background: #FFF;
    font-size: 14px;
}

.platMenuMobile {
    display: none;
}

.platformBar ul {
    position: absolute;
    width: 948px;
    height: 40px;
    background: #323233;
    z-index: 200;
}

.platformBar li {
    height: 40px;
    float: left;
    padding: 0;
    cursor: pointer;
    border-right: solid 1px #49494b;
}

    .platformBar li a.platButton {
        line-height: 40px;
        padding: 0 10px;
        color: #FFF;
        text-decoration: none;
        font-weight: 600;
    }

a.medButton.mobBut {
    display: none;
}

.platformBar li:hover, .platformBar li.current-page {
    background: #e7e7e7;
}

    .platformBar li:hover a.platButton, .platformBar li.current-page a.platButton {
        color: #323233;
    }

xx.platformBar li.current-page {
    position: relative;
    padding: 0 0 0 16px;
    height: 50px;
    border: none;
    margin: -3px -8px 0 -6px;
    background: url(Images/platform-bar.png) no-repeat -939px -23px;
    z-index: 10;
}

    xx.platformBar li.current-page a.platButton {
        height: 45px;
        line-height: 39px;
        padding: 5px 16px 0 2px;
        border: none;
        color: #666;
        text-shadow: none;
        background: url(Images/platform-bar.png) no-repeat right -98px;
    }

.platformPopup {
    display: none;
    position: absolute;
    width: 579px;
    background: #e7e7e7;
    cursor: default;
    z-index: -1;
}

    .platformPopup h3 {
        width: 151px;
        padding: 0 10px;
        height: 33px;
        padding-top: 10px;
        color: #666;
        font-size: 15px;
        font-weight: normal;
    }

    .platformPopup img {
        display: block;
        margin: 0 auto 15px auto;
        max-height: 130px;
        max-width: 100px;
    }

.platformPopupColumn {
    float: left;
    padding-left: 10px;
    width: 181px;
    border-left: 1px solid #EDEDED;
}

.platformPopup p {
    padding: 0 0 10px 15px;
}

.platformPopup a {
    color: #000;
    text-decoration: none;
}

.platformPopupColumn a:hover {
    color: #ee3124;
}

.platformBar li.subMenuMob.subMenuMobOpen {
    height: auto;
}

    .platformBar li.subMenuMob.subMenuMobOpen a {
        float: none;
    }

    .platformBar li.subMenuMob.subMenuMobOpen .platformPopup {
        position: static;
    }

    .platformBar li.subMenuMob.subMenuMobOpen .platformPopupColumn {
        float: none;
        width: auto;
    }

.pegiS {
    padding-left: 15px;
}

    .pegiS a {
        float: left;
        height: 46px;
        width: 46px;
        margin: 0 5px 7px 0;
        text-align: center;
        font-size: 9px;
        overflow: hidden;
        background: #DDD url(Images/PEGI.png) no-repeat 5000px 5000px;
    }

        .pegiS a.pegi0 {
            background-position: -246px -1px;
            text-indent: -3000px;
        }

        .pegiS a.pegi3 {
            background-position: -1px -1px;
            text-indent: -3000px;
        }

        .pegiS a.pegi7 {
            background-position: -50px -1px;
            text-indent: -3000px;
        }

        .pegiS a.pegi12 {
            background-position: -99px -1px;
            text-indent: -3000px;
        }

        .pegiS a.pegi16 {
            background-position: -148px -1px;
            text-indent: -3000px;
        }

        .pegiS a.pegi18 {
            background-position: -197px -1px;
            text-indent: -3000px;
        }

        .pegiS a:hover {
            height: 44px;
            width: 44px;
            border: solid 1px #999;
        }

        .pegiS a.ESRBEC {
            width: 47px;
            height: 70px;
            background: url(Images/ESRBsmall.png) no-repeat 0 0;
            text-indent: -3000px;
        }

        .pegiS a.ESRBEC-FR {
            width: 47px;
            height: 70px;
            background: url(Images/ESRBsmall-FR.png) no-repeat 0 -2px;
            text-indent: -3000px;
        }

        .pegiS a.ESRBE {
            width: 47px;
            height: 70px;
            background: url(Images/ESRBsmall.png) no-repeat -54px 0;
            text-indent: -3000px;
        }

        .pegiS a.ESRBE-FR {
            width: 47px;
            height: 70px;
            background: url(Images/ESRBsmall-FR.png) no-repeat -54px -2px;
            text-indent: -3000px;
        }

        .pegiS a.ESRBE10 {
            width: 47px;
            height: 70px;
            background: url(Images/ESRBsmall.png) no-repeat -107px 0;
            text-indent: -3000px;
        }

        .pegiS a.ESRBE10-FR {
            width: 47px;
            height: 70px;
            background: url(Images/ESRBsmall-FR.png) no-repeat -106px -2px;
            text-indent: -3000px;
        }

        .pegiS a.ESRBT {
            width: 47px;
            height: 70px;
            background: url(Images/ESRBsmall.png) no-repeat -161px 0;
            text-indent: -3000px;
        }

        .pegiS a.ESRBT-FR {
            width: 47px;
            height: 70px;
            background: url(Images/ESRBsmall-FR.png) no-repeat -159px -2px;
            text-indent: -3000px;
        }

        .pegiS a.ESRBM {
            width: 47px;
            height: 70px;
            background: url(Images/ESRBsmall.png) no-repeat -215px 0;
            text-indent: -3000px;
        }

        .pegiS a.ESRBM-FR {
            width: 47px;
            height: 70px;
            background: url(Images/ESRBsmall-FR.png) no-repeat -213px -2px;
            text-indent: -3000px;
        }

        .pegiS a.ESRBA {
            width: 47px;
            height: 70px;
            background: url(Images/ESRBsmall.png) no-repeat -268px 0;
            text-indent: -3000px;
        }

        .pegiS a.ESRBA-FR {
            width: 47px;
            height: 70px;
            background: url(Images/ESRBsmall-FR.png) no-repeat -268px -2px;
            text-indent: -3000px;
        }

        .pegiS a.ESRBRP {
            width: 47px;
            height: 70px;
            background: url(Images/ESRBsmall.png) no-repeat -318px 0;
            text-indent: -3000px;
        }

        .pegiS a.ESRBRP-FR {
            width: 47px;
            height: 70px;
            background: url(Images/ESRBsmall-FR.png) no-repeat -318px -2px;
            text-indent: -3000px;
        }

            .pegiS a.ESRBEC:hover, .pegiS a.ESRBE:hover, .pegiS a.ESRBE10:hover, .pegiS a.ESRBT:hover, .pegiS a.ESRBM:hover, .pegiS a.ESRBA:hover, .pegiS a.ESRBRP:hover,
            a.ESRBEC-FR:hover, .pegiS a.ESRBE-FR:hover, .pegiS a.ESRBE10-FR:hover, .pegiS a.ESRBT-FR:hover, .pegiS a.ESRBM-FR:hover, .pegiS a.ESRBA-FR:hover, .pegiS a.ESRBRP-FR:hover {
                width: 45px;
                height: 68px;
                border: solid 1px #999;
            }

p.popButton {
    padding-left: 0;
    padding-right: 10px;
    text-align: center;
}

.popButton .medButton {
    display: block;
    float: none;
    width: auto;
    color: #FFF;
    text-shadow: none;
}


/* main body  */
.mainBody {
    width: 960px;
    margin: auto;
    padding-top: 1px;
    background: #FFF;
}

.leftBar {
    float: left;
    width: 196px;
    padding-top: 0;
}

    .leftBar.fixed {
        z-index: 101;
        background: #FFF url(Images/left-bar-background.png) repeat-y 0 1px;
    }

.leftBarBlock {
    font-size: 14px;
    width: 154px;
    min-height: 142px;
    padding: 10px 18px;
    font-family: solido_book;
    color: #666;
}

    .leftBarBlock:first-child {
        margin-top: 0;
    }

    .leftBarBlock h3 {
        font-size: 15px;
        font-family: solido_bold;
        width: 155px;
        line-height: 29px;
        color: #000;
        text-shadow: none;
    }

    .leftBarBlock h4 {
        margin-bottom: 4px;
        font-family: solido_bold;
    }

    .leftBarBlock a {
        color: #666;
        text-decoration: none;
        font-family: solido_book;
    }

        .leftBarBlock a:hover {
            color: #ee3124;
        }

.appliedFilters {
    margin: 0 0 15px 0;
}

    .appliedFilters p {
        width: 175px;
    }

    .appliedFilters a {
        display: block;
        position: relative;
        width: 155px;
        height: 31px;
        line-height: 29px;
        margin-bottom: -2px;
        color: #000;
        text-shadow: none;
        overflow: hidden;
        font-family: solido_bold
    }

        .appliedFilters a::after {
            content: "+";
            float: right;
            font-size: 25px;
            line-height: 31px;
            transform: rotate(45deg);
        }

.newFilter > .filterHeader:first-child {
    margin-top: 10px;
}

.newFilter {
    border-top: 1px solid #dfdbd9;
    width: 176px;
}

.filterType {
    padding-bottom: 2px;
    border-bottom: solid 1px #dfdbd9;
    display: none;
}

#navigationMenu > .filterType {
    display: block;
    margin-top: 5px;
}

.filterHeader {
    width: 155px;
    line-height: 29px;
    color: #000;
    text-shadow: none;
}

    .filterHeader.opened {
        color: #000;
    }

.clearAllFilters {
    display: none;
}

    .clearAllFilters > a {
        float: right;
        text-decoration: underline;
        color: #000;
    }

        .clearAllFilters > a:hover {
            text-decoration: none;
            color: #000;
        }

.filterHeader > span {
    float: right;
    font-size: 25px;
    line-height: 31px;
}

.filterType div {
    overflow: hidden;
}

.filterType p {
    padding: 0 0 5px 5px;
}

.leftBar.overFl {
    overflow-y: auto;
    overflow-x: hidden;
}

.navBlock p {
    padding: 0 0 8px 12px;
    font-weight: bold;
}

.notifBlock label {
    display: block;
    padding: 8px 0 2px 20px;
    cursor: pointer;
}

    .notifBlock label input {
        margin: 0 5px 0 -20px;
        line-height: normal;
        background: none;
        padding: 0;
        display: inline;
    }

.notifBlock .medButton {
    display: block;
    width: 120px;
    text-align: center;
    color: #FFF;
    margin: 5px auto;
}

.notifBlock em {
    font-size: 11px;
}

#leftOpener {
    display: none;
    height: 36px;
    width: 36px;
    margin-top: 9px;
    text-indent: -3000px;
    overflow: hidden;
    border: solid 1px #ddd;
    border-left: 0;
    right: -36px;
    position: absolute;
    top: 0;
    background: #eee url(Images/left-bar-opener.png) no-repeat center 8px;
}

    #leftOpener.closeLe {
        background-position: center -214px;
    }

/* Right content */

.rightContent {
    float: right;
    width: 764px;
}
/* Breadcrumb */

.breadCrumb {
    padding: 0 50px 0 25px;
    color: #737373;
    font-family: solido_book;
}

    .breadCrumb strong {
        font-weight: normal;
    }

    .breadCrumb a {
        color: #ee3124;
        text-decoration: underline;
    }

        .breadCrumb a:hover {
            color: #e8362f;
        }

/* Search results */

.sorting {
    margin-left: 4px;
    margin-top: 0;
    font-family: solido_bold;
    color: #fff;
}

    .sorting p {
        display: block;
        height: 45px;
        width: 744px;
        background: #323233;
        padding-left: 10px;
    }

    .sorting .crit {
        float: left;
        position: relative;
        text-align: center;
        padding: 10px;
        height: 25px;
        cursor: pointer;
        border-right: solid 1px #49494b;
    }

        .sorting .crit em {
            font-style: normal;
            overflow: hidden;
            display: inline-block;
        }

        .sorting .crit:hover {
            background: #e7e7e7;
            color: #000;
        }

    .sorting .asc, .sorting .des {
        font-weight: bold;
    }

        .sorting .asc em {
            padding-left: 15px;
            background: url(Images/sorting-options.png) no-repeat 3px -78px;
        }

        .sorting .des em {
            padding-left: 15px;
            background: url(Images/sorting-options.png) no-repeat 3px -131px;
        }

    .sorting strong {
        display: block;
        color: #000;
        line-height: 31px;
    }

    .sorting a {
        color: #000;
        display: inline-block;
        text-decoration: underline;
        overflow: hidden;
        white-space: nowrap;
        max-width: 85px;
        vertical-align: middle;
        font-family: solido_bold;
    }

        .sorting a:hover {
            color: #ee3124;
        }

    .sorting .crit span {
        display: none;
        font-family: solido_bold;
        position: absolute;
        top: 45px;
        width: 102px;
        height: 62px;
        padding: 10px;
        font-weight: normal;
        background: #ddd;
        overflow: hidden;
    }

    .sorting p.fixed {
        position: fixed;
        top: 126px;
        z-index: 101;
    }

    .sorting .sortHead {
        color: initial;
        margin: 20px 0 12px 5px;
    }

/* Search summary */
.searchSum {
    padding: 10px;
    margin-top: 10px;
    font-size: 18px;
    font-weight: normal;
    border-bottom: solid 1px #dfdbd9;
    font-family: solido_book;
}

    .searchSum span {
        display: block;
        font-size: 12px;
    }

.searchRefinement span:nth-child(1) {
    color: #737373;
    margin-left: 8px;
    padding: 0 50px 0 10px;
}

.searchRefinement strong {
    font-weight: normal;
}

.searchRefinement a {
    color: #ee3124;
    text-decoration: underline;
}

    .searchRefinement a:hover {
        color: #e8362f;
    }

.searchRefinement span:nth-child(2) {
    margin-left: 5px;
}

/* Product list */
.prodList {
    padding: 0;
}

.searchDivider, #scroller {
    line-height: 33px;
    padding: 6px 20px;
    font-weight: bold;
    font-size: 15px;
}

    #scroller.loadingScr p {
        background: url(Images/mini-loader.gif) no-repeat center center;
    }
/* Single prod result */

.singleProduct {
    padding: 20px 6px;
    margin: 0;
    border-bottom: solid 1px #dfdbd9;
    font-family: solido_bold;
}

    .singleProduct h3 {
        font-size: 24px;
        margin-bottom: 7px;
    }

        .singleProduct h3 a {
            color: #383838;
            text-decoration: none;
        }

            .singleProduct h3 a:hover {
                color: #ee3124;
            }

        .singleProduct h3 span {
            font-weight: normal
        }

    .singleProduct h4 {
        color: #808080;
        font-size: 18px;
        font-weight: normal;
    }

    .singleProduct .prodImg {
        float: left;
        margin-right: 10px;
        width: 120px;
    }

        .singleProduct .prodImg img {
            max-width: 100%;
            left: 0;
            top: 0;
        }

.prodImg img.movingImg {
    position: relative;
    z-index: 100000;
    box-shadow: 0 0 5px 5px #888
}

.singleProdInfo {
    float: left;
    width: 250px;
    margin-bottom: 10px;
    padding-top: 6px;
}

    .singleProdInfo ul {
        margin-top: 16px;
    }

    .singleProdInfo li {
        padding-left: 10px;
        background: url(Images/line.jpg) no-repeat 0 center;
    }

        .singleProdInfo li span {
            font-weight: bold;
        }

.singleProduct .prodBuy {
    float: right;
    clear: right;
    width: 270px;
}


.bonusLine {
    display: inline-block;
    margin-top: 10px;
    margin-bottom: -4px;
    padding: 3px 7px;
    border: #d1d1d1 solid 1px;
}

#giveawayInfoDiv p {
    margin-bottom: 10px;
    text-align: justify;
}

    #giveawayInfoDiv p img {
        float: left;
        margin-right: 10px;
    }

.promoSingleGiv img {
    width: 100%;
}

.giveawayImg {
    max-width: fit-content;
}
/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
div.rating-cancel, div.star-rating {
    float: left;
    width: 20px;
    height: 20px;
    text-indent: -999em;
    cursor: pointer;
    display: block;
    background: transparent;
    overflow: hidden
}

    div.rating-cancel, div.rating-cancel a {
        background: url(Images/stars-2.0.png) no-repeat 0 -40px;
        display: none;
    }

    div.star-rating, div.star-rating a {
        background: url(Images/stars-2.0.png) no-repeat 0 0
    }

        div.rating-cancel a, div.star-rating a {
            display: block;
            width: 20px;
            height: 100%;
            background-position: 0 0;
            border: 0
        }

div.star-rating-on a {
    background-position: 0 -40px !important
}

div.star-rating-hover a {
    background-position: 0 -80px
}
/* Read Only CSS */
div.star-rating-readonly a {
    cursor: default !important
}
/* Partial Star CSS */
div.star-rating {
    background: transparent !important;
    overflow: hidden !important
}
/* END jQuery.Rating Plugin CSS */

#rated input, #rater input {
    display: none;
}

#rater {
    display: none
}

.rateSt {
    display: block;
    width: 100px;
    height: 20px;
    margin: 0 0 0 auto;
}

.rateWord {
    white-space: nowrap;
    text-align: right;
    font-size: 16px;
    height: 35px;
    line-height: 35px;
}

    .rateWord .rateB {
        font-size: 24px;
        font-weight: 500;
        font-style: normal;
    }

.rateMessage {
    clear: both;
    margin-top: 3px;
    color: #ee3124;
    font-size: 16px;
    text-align: right;
}

.notRatedText {
    font-size: 11px;
}


div.prodBuy .buyNew a, div.prodBuy .buyUsed a, div.prodBuy .buyPresell a, div.prodBuy .buyDLC a, div.prodBuy .buyTier3 {
    display: block;
    margin-top: 10px;
}

    div.prodBuy .buyNew a em, div.prodBuy .buyUsed a em, div.prodBuy .buyPresell a em, div.prodBuy .buyDLC a em {
        font-size: 11px;
    }

div.prodbuy {
    display: inline-block;
    width: 229px;
}

    div.prodBuy .promoBox {
        padding: 7px;
        margin: 0;
        background: #e4e4e4;
    }

        div.prodBuy .promoBox p {
            height: auto;
            padding: 0;
            text-align: center;
            margin-bottom: 5px;
        }

            div.prodBuy .promoBox p a {
                display: block;
                width: auto;
            }

                div.prodBuy .promoBox p a span {
                    padding-right: 0;
                    padding-left: 0;
                }

                div.prodBuy .promoBox p a strong {
                    float: none;
                    display: block;
                    padding-right: 14px;
                    margin-right: auto;
                    min-width: inherit;
                    background: none;
                }

div div.prodBuy .buttPrice {
    display: inline;
    line-height: normal;
    background: none;
}

div.prodBuy p.promoText {
    display: block;
    line-height: 25px;
    padding: 5px 4px 5px 4px;
    color: #fff;
    border: #d1d1d1 solid 1px;
    background: #323233 repeat-x 0 0;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    text-shadow: #000 1px 1px 0;
    vertical-align: middle;
}

div.prodBuy p a span strong em {
    text-decoration: none;
}

.promoBox p a span strong em {
    display: block;
    font-size: 12px;
}

div.prodBuy p a span em {
    font-style: normal;
    text-decoration: line-through;
}

    div.prodBuy p a span em.discounted {
        text-decoration: none;
    }

.gameCardStyle .notEcomMed {
    padding: 3px;
    border: #fff solid 1px;
    border-radius: 5px;
    color: #ee3124;
    font-weight: bold;
}

.singleChart table .notEcomMed {
    display: block;
    width: 90px;
    padding: 4px;
    text-align: center;
    border: #fff solid 1px;
    border-radius: 5px;
    color: #ee3124;
    font-weight: bold;
}

/* Product details */

.prodTitleCont {
    overflow: auto;
    border-bottom: solid 1px #d8d8d8;
    margin: 5px 8px 20px 8px;
    padding: 5px 15px;
}

.prodTitle {
    float: left;
    width: 63%;
}

    .prodTitle h1 {
        font-size: 30px;
        font-weight: normal;
    }

    .prodTitle p {
        font-size: 18px;
        font-weight: normal;
        color: #979595;
    }

        .prodTitle p span {
            font-size: 16px;
        }

.prodRate {
    float: right;
    width: 36%;
}

.prodLeftBlock {
    float: left;
    width: 35%;
}

.prodRightBlock {
    float: right;
    width: 60%;
}

.mainInfo {
    margin-bottom: 20px;
}

    .mainInfo .prodImg {
        display: block;
        width: 290px;
        margin: 0 auto;
    }

        .mainInfo .prodImg img {
            display: block;
            max-width: 290px;
            margin: 0 auto;
        }

.prodImgIn {
    height: 230px;
}

.suggestedPackShots {
    padding: 20px 25px;
    text-align: center;
}

    .suggestedPackShots p {
        margin-bottom: 10px;
    }

    .suggestedPackShots a {
        display: inline-block;
        width: 18%;
        margin: 0 0.5%;
        vertical-align: middle;
    }

        .suggestedPackShots a img {
            width: 100%;
        }

.topProdButtons {
    text-align: right;
    margin: 0 8px 40px 8px;
    padding: 5px 15px;
    height: 20px;
}

.tradeValueBlock {
    float: right;
    position: relative;
}

.tradeValueLine span {
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase;
    font-weight: bold;
    color: green;
}

#tradeValueTC {
    display: none;
    position: absolute;
    width: 353px;
    right: 0;
    top: 37px;
    background: #e7e7e7;
    border: solid 1px #898989;
    z-index: 300;
    text-align: left;
}

.addCartBar.fixed .prodImgIn {
    height: auto;
}

.addCartBar.fixed .havelist-wishlist-block {
    display: none;
}

#buySection {
    overflow: auto;
}

.singleVariantDetails {
    float: left;
    width: 50%;
    margin-bottom: 20px;
}

.xaaVariantDetails {
    float: left;
}

.xaaPriceDetails {
    margin-left: 40px;
}

.xaaProductPanel {
    border: solid 2px #ee3124;
    margin: 30px 20px;
    padding: 10px;
}

    .xaaProductPanel p {
        padding: 5px 0;
    }

.xaaAbstract {
    font-family: solido_book;
}

.variantName {
    font-size: 18px;
}

.olderPrice {
    text-decoration: line-through;
}

.prodPriceCont.valuteCont {
    font-size: 35px;
    display: inline-block;
    line-height: 50px;
}

.singleVariantDetails label {
    display: block;
    cursor: pointer;
    padding-left: 10px;
    padding-top: 5px;
}

.xaaVariantDetails label {
    display: block;
    cursor: pointer;
    padding-left: 10px;
    padding-top: 5px;
}

.singleVariantRadio {
    display: inline-block;
    width: 36px;
    height: 29px;
    vertical-align: middle;
}

.singleVariantText {
    display: inline-block;
    vertical-align: middle;
}

.detailsLink a {
    text-decoration: none;
    color: #777;
}

    .detailsLink a:hover {
        color: #ee3124;
    }

.DLCVariant label {
    padding: 15px;
    margin: 0 10px 0 0;
    cursor: default;
}

.DLCVariant .megaButton {
    display: block;
    margin: 0 10px 20px 0;
    text-align: center;
}

.DLCVariant {
    padding-right: 1px;
}

.bigBuyButtons {
    clear: both;
    padding: 10px 0 40px 0;
    text-transform: uppercase;
}

    .bigBuyButtons span {
        float: left;
        width: 50%
    }

    .bigBuyButtons a {
        display: block;
        margin: 10px 0 0 10px;
    }

.xaaBuyButton.bigBuyButtons {
    margin-left: 30px;
    padding: 0;
    width: 50%;
}

.prodDetBlock {
    clear: both;
    margin: 0 8px;
    padding: 0 0 60px 0;
    border-top: solid 1px #d8d8d8;
}

    .prodDetBlock h3 {
        font-size: 48px;
        text-transform: uppercase;
        font-weight: normal;
    }

.prodSugg {
    text-align: left;
    padding: 0 25px 35px 25px;
}

#prodSugg > h3 {
    font-size: 24px;
    font-weight: normal;
    padding-left: 45px;
}

.prodToTop {
    float: right;
    font-size: 12px;
}

    .prodToTop a {
        display: inline-block;
        padding: 5px 15px;
        background: #f2f2f2;
        color: #9b9b9b;
        text-decoration: none;
        cursor: pointer;
    }

.textDesc {
    text-align: justify;
    line-height: 20px;
}

#addedDet {
    clear: both;
    margin-left: 6px;
    margin-top: 0;
}

.ageBlock {
    display: inline-block;
    margin-right: 30px;
    vertical-align: top;
    padding-top: 6px;
}

.ageB {
    float: left;
    width: 98px;
    height: 123px;
    margin-right: 2px;
}

    .ageB a {
        display: block;
        height: 110px;
        width: 90px;
        margin: auto;
        text-indent: -3000px;
    }

.pegi3 {
    background: url(Images/PEGI-90-110.png) no-repeat 0 0
}

.pegi7 {
    background: url(Images/PEGI-90-110.png) no-repeat -91px 0
}

.pegi12 {
    background: url(Images/PEGI-90-110.png) no-repeat -182px 0
}

.pegi16 {
    background: url(Images/PEGI-90-110.png) no-repeat -273px 0
}

.pegi18 {
    background: url(Images/PEGI-90-110.png) no-repeat -364px 0
}


.ageB a.ESRBEC {
    width: 74px;
    background: url(Images/ESRB.png) no-repeat 0 0
}

.ageB a.ESRBEC-FR {
    width: 74px;
    background: url(Images/ESRB-FR.png) no-repeat 0 -2px
}

.ageB a.ESRBE {
    width: 74px;
    background: url(Images/ESRB.png) no-repeat -85px 0
}

.ageB a.ESRBE-FR {
    width: 74px;
    background: url(Images/ESRB-FR.png) no-repeat -85px -2px
}

.ageB a.ESRBE10 {
    width: 74px;
    background: url(Images/ESRB.png) no-repeat -171px 0
}

.ageB a.ESRBE10-FR {
    width: 74px;
    background: url(Images/ESRB-FR.png) no-repeat -171px -2px
}

.ageB a.ESRBT {
    width: 74px;
    background: url(Images/ESRB.png) no-repeat -256px 0
}

.ageB a.ESRBT-FR {
    width: 74px;
    background: url(Images/ESRB-FR.png) no-repeat -252px -2px
}

.ageB a.ESRBM {
    width: 74px;
    background: url(Images/ESRB.png) no-repeat -342px 0
}

.ageB a.ESRBM-FR {
    width: 74px;
    background: url(Images/ESRB-FR.png) no-repeat -337px -2px
}

.ageB a.ESRBA {
    width: 74px;
    background: url(Images/ESRB.png) no-repeat -427px 0
}

.ageB a.ESRBA-FR {
    width: 74px;
    background: url(Images/ESRB-FR.png) no-repeat -427px -2px
}

.ageB a.ESRBRP {
    width: 74px;
    background: url(Images/ESRB.png) no-repeat -507px 0
}

.ageB a.ESRBRP-FR {
    width: 74px;
    background: url(Images/ESRB-FR.png) no-repeat -507px -2px
}


.ageDescr {
    float: left;
    width: 24px;
    height: 24px;
    margin: 0 5px 5px 0;
    text-indent: -3000px;
    background: url(Images/PEGI.png) no-repeat 5000px 5000px;
}

.discrimination {
    background-position: 0 -49px;
}

.drugs {
    background-position: -25px -49px;
}

.fear {
    background-position: -50px -49px;
}

.gambling {
    background-position: -75px -49px;
}

.badLanguage {
    background-position: -100px -49px;
}

.sex {
    background-position: -125px -49px;
}

.violence {
    background-position: -150px -49px;
}

.online {
    background-position: -175px -49px;
}

.ageDescr.esrb {
    width: 60px;
    height: auto;
    margin: 0 0 4px 0;
    text-indent: 0;
    background: none;
    float: right;
    clear: right;
}

.addedDetInfo {
    display: inline-block;
    font-size: 12px;
    line-height: 18px;
}

    .addedDetInfo label {
        display: inline-block;
        font-weight: bold;
        width: 130px;
    }

    .addedDetInfo em {
        font-style: normal;
    }

h2.prodSecHead {
    clear: both;
    padding: 17px 0 20px 0;
    text-align: center;
    font-size: 30px;
    color: #d8d8d8;
    text-transform: uppercase;
}

.prodSecHead a {
    padding: 0 30px;
    text-decoration: none;
    font-weight: normal;
}

.mediaImages {
    padding: 25px 0 0 0;
}

.gallery {
    float: left;
    border: none;
    text-decoration: none;
    width: 16%;
    margin: 0 0.8% 0 0;
}

    .gallery span {
        display: block;
        border-bottom: solid 7px #fff;
    }

    .gallery:last-child {
        margin: 0;
    }

    .gallery.sel span {
        border: solid 4px #ddc151;
        border-bottom: solid 7px #ddc151;
    }

    .gallery img {
        display: block;
        width: 100%;
    }

.mediaImagesListTop {
    overflow: auto;
}

.mediaImagesListBottom {
    overflow: auto;
}

    .mediaImagesListBottom .gallery span {
        border-bottom: none;
        border-top: solid 7px #fff;
    }

    .mediaImagesListBottom .gallery.sel span {
        background: #ddc151;
        border: solid 4px #ddc151;
        border-top: solid 7px #ddc151;
    }

.bigZoomImg {
    border: solid 4px #ddc151;
}

    .bigZoomImg img {
        display: block;
        width: 100%;
    }

/* Prod details promos */
.prodSinglePromo {
    display: inline-block;
    width: 33%;
    vertical-align: middle;
    margin-bottom: 15px;
}

.prodSinglePromoIn {
    display: block;
    margin: 0 10px;
    background: #f7f7f7;
}


.prodSinglePromoTxt {
    padding: 10px;
    text-align: center;
}

    .prodSinglePromoTxt h4 {
        font-size: 24px;
    }

    .prodSinglePromoTxt span {
        width: 99%;
        display: inline-block;
        vertical-align: middle;
    }

    .prodSinglePromoTxt em {
        display: inline-block;
        height: 87px;
        width: 1px;
        vertical-align: middle;
    }

    .prodSinglePromoTxt p {
        border-top: solid 1px #ddd;
        text-align: center;
        margin: 9px 0 0 0;
        padding: 9px 0 0 0;
    }


.prodSinglePromo a.megaButton {
    display: block;
    font-size: 15px;
}


/*  Links to platforms */

.platformsBlocks {
    clear: both;
    padding: 0 10px;
}

.platformBlock {
    float: left;
    width: 301px;
    margin-left: 18px;
    margin-bottom: 20px;
}

    .platformBlock:first-child {
        margin-left: 0;
    }

    .platformBlock img {
        display: block;
        margin: auto;
    }

    .platformBlock .pBlockButtons {
        height: 155px;
        margin-top: 10px;
    }

        .platformBlock .pBlockButtons a {
            display: block;
            height: 49px;
            line-height: 49px;
            padding-right: 50px;
            color: #FFF;
            font-size: 22px;
            text-align: right;
            text-decoration: none;
            background-position: 0 -160px;
            background-color: #333;
            background-repeat: no-repeat;
        }

            .platformBlock .pBlockButtons a.pBlockButtonAcc {
                background-position: 0 -210px;
            }

            .platformBlock .pBlockButtons a.pBlockButtonPer {
                background-position: 0 -260px;
                padding-bottom: 6px;
            }

            .platformBlock .pBlockButtons a:hover {
                background-position: 0 0;
            }

            .platformBlock .pBlockButtons a.pBlockButtonAcc:hover {
                background-position: 0 -50px;
            }

            .platformBlock .pBlockButtons a.pBlockButtonPer:hover {
                background-position: 0 -100px;
            }


.pBlockXbox360 .pBlockButtons a {
    text-shadow: #306207 0 1px 1px;
    background-color: transparent;
    background-image: url(Images/platform-images/platforms-block-xbox360.png);
}

.pBlockPS3 .pBlockButtons a {
    text-shadow: #721212 0 1px 1px;
    background-color: transparent;
    background-image: url(Images/platform-images/platforms-block-ps3.png);
}

.pBlockWii .pBlockButtons a {
    text-shadow: #11486a 0 1px 1px;
    background-color: transparent;
    background-image: url(Images/platform-images/platforms-block-wii.png);
}


/* Charts */
.charts {
    clear: both;
    padding: 10px 10px 0 10px;
    margin: 0 0 20px 0;
    background: #f5f5f5 url(Images/accordion-top.png) no-repeat center 0;
}

.chartsIn {
    clear: both;
    padding-bottom: 10px;
    background: #f5f5f5 url(Images/accordion-bottom.png) no-repeat center bottom;
}

.singleChart {
    float: left;
    width: 297px;
    margin-left: 20px;
    padding-right: 3px;
    background: url(Images/section-block.png) no-repeat right -171px;
}

    .singleChart:first-child {
        margin-left: 0;
    }

.singleChartIn {
    background: url(Images/section-block.png) no-repeat 0 -1px;
}

.singleChart h3 {
    height: 35px;
    line-height: 35px;
    padding: 0 15px 0 14px;
    margin: 0 0 -3px 2px;
    color: #FFF;
    text-align: left;
    font-size: 14px;
    display: block;
    padding-left: 0;
    background: #323233;
    font-family: solido_bold;
}

    .singleChart h3 em {
        font-style: normal;
        display: block;
        padding-left: 0;
        background: #323233;
        padding: 0 10px;
        padding-right: 15px;
        font-family: solido_bold;
    }

    .singleChart h3 .medButton {
        width: 100px;
        float: right;
        margin: 0 -30px 0 0;
        text-align: center;
    }

.singleChart table {
    width: 100%;
    padding: 0 0 0 3px;
}

.singleChart img {
    max-width: 40px;
    margin: 0 5px;
}

.singleChart table .title {
    vertical-align: top;
}

    .singleChart table .title a {
        display: block;
        width: 105px;
        color: #666;
        font-weight: bold;
        text-decoration: none;
        text-shadow: #FFF 0 1px 1px;
    }

        .singleChart table .title a span {
            color: #000
        }

.singleChart table .medButton {
    width: 74px;
    text-align: center;
    font-weight: bold;
}

.singleChart table td {
    height: 59px;
    padding: 10px 5px;
    border-top: #c3c3c3 solid 1px;
    background: url(Images/singleProd.png) repeat-x 0 -50px;
}

.singleChart table tr:first-child td {
    border-top: none;
    background: none;
}

/* charts second style */

.charts.style2 {
    background: none;
    padding: 0;
}

    .charts.style2 .chartsIn {
        background: none;
        padding-bottom: 23px;
    }

    .charts.style2 .singleChart {
        background: none;
    }

    .charts.style2 h3 {
        margin-left: 0;
    }

    .charts.style2 .singleChartIn {
        background: #e1e1e1;
        border-bottom-right-radius: 6px;
        border-bottom-left-radius: 6px;
        border-bottom: #FFF solid 1px;
        box-shadow: #CCC 0 2px 3px;
    }


/* BANNERS */

.banner {
    display: block;
    margin: 0 0 20px 0;
}

    .banner img {
        display: block;
        margin: auto;
    }

.width3-3 {
    float: left;
    width: 940px;
    margin: 0 0 20px 10px;
}

.width2-3 {
    float: left;
    width: 620px;
    margin: 0 10px 20px 10px;
}

.width1-3 {
    float: left;
    width: 300px;
    margin: 0 0 20px 10px;
}


/* Platform home block */

.platformHomeCustom .rightBlock {
    float: right;
    width: 624px;
    margin: 0;
}

.Container_pageB {
    text-align: center;
    position: relative;
    margin-bottom: 10px;
}

.PageB {
    display: inline-block;
    margin: 0 7px;
}

    .PageB img {
        margin-left: 0;
    }


/* Game Style as a card :img name platform addtocart */

.gameCardStyle {
    display: inline-block;
    width: 140px;
    min-height: 291px;
    margin: 10px 19px;
    text-align: left;
}

.cardImg {
    display: block;
    margin: 0 auto;
}

    .cardImg a {
        display: block;
    }

    .cardImg img {
        display: block;
        margin: auto;
        max-width: 100%;
    }

.gameCardStyle h3 {
    font-size: 18px;
    color: #333
}

div.gameCardStyle p {
    height: auto;
}

.gameCardStyle h3 a {
    display: block;
    height: 50px;
    padding-top: 10px;
    overflow: hidden;
    color: #666;
    text-decoration: none;
}

.gameCardStyle .medButton {
    width: auto;
    display: block;
    min-width: inherit;
}

.gameCardStyle .prodBuy {
    margin-top: 4px;
}


div.gcDesc {
    font-size: 12px;
    font-weight: normal;
}

#AddressList p {
    margin-bottom: 5px;
}

#AddressList strong {
    display: inline-block;
    width: 34%;
}

.halfed {
    float: left;
    width: 330px;
    padding: 0 20px 0 0;
}

.thirded {
    float: left;
    width: 229px;
}

/* ADDRESSES  */

.addBlock {
    width: 315px;
    padding: 15px;
    overflow: hidden;
    border: solid 1px #ccc;
    margin-bottom: 10px;
}

    .addBlock h4 {
        font-size: 16px;
    }

    .addBlock h5 {
        color: #fff;
        font-size: 14px;
        padding-bottom: 10px;
        background-color: #323233;
        font-family: solido_bold;
        padding: 10px;
        margin-bottom: 10px;
    }

.street {
    padding: 0;
    margin: 0;
    font-size: 16px;
    height: auto;
    margin-bottom: 10px;
}

.phone {
    margin: 5px 0;
}

.addBlock .medButton {
    margin-top: 20px;
}

.addBlock.notPres {
    height: auto;
    margin-bottom: 10px;
}

/* SHIPPING */

.shippingAdd table {
    display: none;
}

table.ncoltable1 td, table.ncoltable2 td, table.ncoltable3 td {
    background: none;
    padding: 5px 0;
}

.mainContainer .ncoltable2 select, .mainContainer .ncoltable2 input[type=text] {
    display: inline;
    border: solid 1px #ddd;
    width: auto;
    background: #fff;
    border-radius: 5px;
    margin: 0;
    text-align: left;
}

.mainContainer .ncoltable2 select {
    height: auto;
    line-height: normal;
    margin: 0 10px;
}

    .mainContainer .ncoltable2 select:first-child {
        margin-left: 0;
    }

#WaitMsgId {
    height: 26px;
    position: fixed !important;
    bottom: 280px !important;
}

input[type=submit].ncol, #btn_Back {
    display: inline-block;
    padding: 0 10px;
    margin: 50px 0;
    height: 42px;
    line-height: 42px;
    border: none;
    border-left: solid 1px #671013;
    border-right: solid 1px #671013;
    border-radius: 5px;
    color: #fff;
    font-size: 16px;
    text-decoration: none;
    text-shadow: #000 1px 1px 0;
    background: url(Images/mega-button.png) no-repeat -10px -172px;
    cursor: pointer;
}

    input[type=submit].ncol:hover, #btn_Back:hover {
        line-height: 45px;
        background-position: -10px -216px;
    }

/* hide paying amount*/

#ncol_ref tbody tr:first-child + tr {
    display: none
}

.ncollogoc .ncollogoc {
    width: 100%;
}

.payPalNewIcon {
    background-image: url(Images/payments/paypal.png);
}

.ogoneMasterCard {
    background-position: 0 -10px;
}

.ogoneVISA {
    background-position: 0 -75px;
}

.ogonegiropay {
    background-position: 0 -142px;
}

.ogoneSolo {
    background-position: 0 -279px;
}

.paypal, .ogonePaypal {
    background-position: 0 -208px;
}

.ogoneMaestro {
    background-position: 0 -279px;
}

.ogoneLaser {
    background-position: 0 -350px;
}

.ogoneAmerican {
    background-position: 0 -419px;
}

.paypal {
    background: url(Images/payments/payments.png) no-repeat 0 -208px;
}

/* Giftcard block */
.giftcardBlock {
    width: 630px;
    margin: 0 auto;
}

.giftCardBalance {
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 20px;
    width: 650px;
}

    .giftCardBalance h1 {
        height: 40px;
        line-height: 40px;
        width: 625px;
        display: block;
        padding-left: 0;
        background: #323233;
        padding: 0 10px;
        padding-right: 15px;
        font-family: solido_bold;
        color: #fff;
        font-size: 14px;
    }

.GiftCard {
    margin: 0 10px;
}

    .GiftCard h1 {
        margin-top: 10px;
        height: 40px;
        display: block;
        background: #323233;
        padding: 0 10px;
        font-family: solido_bold;
        color: #fff;
        font-size: 14px;
        line-height: 40px;
    }

.giftCardBalance .giftCardEditor li {
    margin: 15px 25px 0 15px;
}

.giftCardBalance h2 {
    font-family: solido_book;
    font-size: 14px;
    font-weight: normal;
    margin-top: 12px;
}

.giftCardBalance .backButton {
    padding: 15px 25px 15px 15px
}

.giftCardBalance .cardBalance {
    font-size: 60px;
}

.giftcardUsedContainer {
    font-weight: bold;
}

.gCMess {
    max-width: 500px;
    display: block;
    overflow: hidden;
    word-wrap: break-word;
}


/* checkout progress bar */

.checkoutProg {
    padding-top: 5px;
    height: 40px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    font-size: 10px;
}

    .checkoutProg p {
        text-align: center;
        height: 35px;
    }

    .checkoutProg span {
        display: inline-block;
        padding: 0 20px;
        padding-top: 20px;
        height: 15px;
        background: url(Images/checkout-parts.png) no-repeat center -127px;
    }

        .checkoutProg span.selec {
            background: url(Images/checkout-parts.png) no-repeat center -173px;
        }

/* Gift Card */

#giftcard-info {
    text-align: justify;
    line-height: 20px;
}

    #giftcard-info h2 {
        font-family: solido_bold;
        font-size: 24px;
        margin-bottom: 20px;
    }

.giftCardText {
    min-height: 240px;
    margin-top: 20px;
    margin-right: 40px;
    padding: 10px 45% 10px 10px;
    font-size: 13px;
    background: url(/Views/Locale/Content/Images/giftcard-ultra.png) no-repeat right center;
    background-size: 370px 240px;
}

.giftCardAdv {
    padding: 15px 0 0 0;
    border-radius: 3px;
}

    .giftCardAdv h3 {
        font-family: solido_bold;
        font-size: 16px;
    }

.giftCardDisc {
    font-size: 12px;
    padding: 10px 25px 10px 10px;
}

    .giftCardDisc strong {
        font-family: solido_bold;
        font-weight: normal;
    }

.CheckboxType {
    margin-bottom: 10px;
}

.giftCardEditor {
    font-family: solido_book;
}

    .giftCardEditor .CheckboxType p {
        margin-left: 100px;
    }

.giftCardBlock {
    padding: 0 10px;
    margin-top: 20px;
}

    .giftCardBlock img {
        max-height: 240px;
        max-width: 320px;
        float: left;
        margin-right: 15px;
    }

.giftStep {
    float: left;
    width: 235px;
}

    .giftStep .bigButton {
        float: left;
    }

.giftSmall {
    width: 160px;
}

.giftMed {
    width: 35%;
}

.giftBig {
    width: 60%;
}

    .giftBig h3 {
        display: inline-block;
        margin: 0 0 3px 0;
        font-family: solido_book;
        font-size: 14px;
        -webkit-font-smoothing: antialiased;
        font-weight: normal;
        margin-left: 35px;
    }

    .giftBig textarea {
        font-family: solido_book;
        height: 66px;
        font-size: 16px;
        line-height: normal;
        margin-left: 35px;
        width: 93%;
        border-color: #ccc;
        resize: none;
    }

.priceGift {
    display: inline-block;
    width: 73px;
}

.giftCardBlock label {
    cursor: pointer;
}

div div.giftCardBlock .giftShortInp, div div.giftCardBlock .giftLongInp {
    display: inline;
    line-height: normal;
    padding: 0 10px;
    border: solid 1px #C0C0C0;
    border-radius: 8px;
    background: #fff;
    font-size: 16px;
}

div div.giftCardBlock textarea.giftLongInp {
    padding-top: 6px;
}

div div.giftCardBlock .giftShortInp[disabled] {
    background: none;
}

div div.giftCardBlock .giftShortInp {
    width: 129px;
}

div div.giftCardBlock .giftLongInp {
    width: 279px;
}

.adviceGift {
    font-weight: bold;
    font-size: 11px;
}

.giftCardBlock h3 {
    display: block;
    height: 30px;
    line-height: 30px;
    padding-left: 35px;
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: bold;
    color: #666;
    background: url(Images/giftnum.png) no-repeat 0 0;
}

h3.gift2 {
    margin-left: 10px;
    font-family: solido_book;
    font-weight: normal;
}

h3.gift3 {
    display: inline-block;
    margin: 0 0 3px 0;
    font-family: solido_book;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
    font-weight: normal;
}

h3.gift4 {
    font-family: solido_book;
    font-weight: normal;
    background-position: 0 -700px;
    margin-left: 15px;
}

h3.gift5 {
    font-family: solido_book;
    font-weight: normal;
    background-position: 0 -933px;
    margin-left: 35px;
}

.addGiftButtons {
    margin: 0 10px;
}

.giftCardTotal {
    margin: 10px;
    font-size: 18px;
    color: #666;
    font-weight: normal;
    text-align: right;
    vertical-align: middle;
    border-top: solid 1px #e7e7e7;
    padding-top: 10px;
}

    .giftCardTotal #tot {
        height: 35px;
        line-height: 35px;
        padding-right: 25px;
    }

/* footer */

.mainFooter {
    clear: both;
    width: 960px;
    padding: 20px 0 0 0;
    margin: 0;
    background: #222222 url(Images/footerBg.png) repeat-x 0 0;
    color: #FFF;
    line-height: 15px;
    text-align: left;
    font-size: 11px;
    text-shadow: #000 0 1px 1px;
}

.mainFooterSep {
    background: url(Images/footer-separators.png) repeat-y 33px 0;
}

.footerCol {
    float: left;
    width: 140px;
    padding: 0 20px;
}

.footerColFirst {
    float: left;
    width: 178px;
    padding: 0 20px;
}

.footerColLast {
    float: left;
    width: 118px;
    padding-left: 20px;
}

.mainFooter h4 {
    margin: 0 0 10px 0;
    padding: 0;
    color: #1e1e1e;
    font-size: 14px;
    text-shadow: #989898 0 1px 0;
}

.paymentOptions img {
    margin-left: 5px;
}

.sharePage {
    float: left;
    width: 350px;
}

.mainFooter p {
    padding-left: 10px;
}

.mainFooter ul {
    list-style-type: none;
    padding: 0 0 0 10px;
}

.mainFooter li {
    list-style-type: none;
}

    .mainFooter li a {
        padding-bottom: 1px;
        color: #FFF;
        text-decoration: none;
        text-shadow: #000 0 1px 1px;
    }

        .mainFooter li a:hover {
            padding-bottom: 0;
            color: #ccc;
            border-bottom: #AAA solid 1px;
            text-decoration: none;
            text-shadow: #000 1px 1px 2px;
        }

.mainFooter a, .mainFooter a {
    text-decoration: none;
    color: #c40000;
}

.footerFooter {
    clear: both;
    margin-top: 20px;
    padding: 10px 20px 7px 20px;
    background: #222;
    border-top: solid 1px #4d4d4d;
}

    .footerFooter .sharePage {
        float: left;
    }

    .footerFooter .paymentOptions {
        float: right;
    }

#mainBodyHomepage {
    padding-bottom: 0;
}

    #mainBodyHomepage .mainFooter {
        margin-left: -11px;
        width: 896px;
    }


/* Login block */

.loginBlock {
    padding-top: 15px;
    margin: 20px 0;
    font-family: solido_book;
}

.loginBlockIn {
    margin: auto;
}

.loginBlock fieldset {
    border: none;
    padding: 0;
    margin: 0 auto;
}

.loginBlockIn .loginForm {
    margin: 0 auto;
    padding-bottom: 10px;
}

.fieldLoader {
    display: block;
    padding-top: 25px;
    margin: 0 auto;
}

.loginBlockIn .loginFormB {
    float: left;
    width: 414px;
    margin: 0 auto;
}

.loginBlock .loginFormIn {
    padding-bottom: 20px;
    margin: 20px auto;
    width: 400px;
    border-bottom: #c3c3c3 solid 1px;
}

.loginBlock .registerFormIn {
    padding-bottom: 20px;
    margin: 20px auto;
    width: 655px;
    border-bottom: #c3c3c3 solid 1px;
}

    .loginBlock .registerFormIn .logButtons {
        width: 655px;
    }

.loginBlock label {
    display: block;
    padding-bottom: 5px;
}

.logButtons {
    width: 400px;
    border-top: #fff solid 1px;
    margin: 0 auto;
}

    .logButtons .loader {
        display: none;
        width: 16px;
        height: 16px;
        margin-left: 8px;
        vertical-align: middle;
        background: url(Images/mini-loader.gif) no-repeat left center;
    }

        .logButtons .loader img {
            display: none;
        }

.loginBlock fieldset .megaButton {
    margin: 9px;
    width: 392px;
    text-align: center;
}

.loginBlock h1 {
    position: relative;
    clear: both;
    line-height: 40px;
    padding-bottom: 10px;
    padding-top: 10px;
    color: #FFF;
    font-size: 14px;
    margin: 0 auto;
    width: 420px;
}

.loginBlock .registerHeader {
    width: 675px;
}

.loginBlock h1 span {
    display: block;
    padding-left: 0;
    background: #323233;
    padding: 0 10px;
    padding-right: 15px;
    font-family: solido_bold;
}

.field-validation-valid {
    display: none
}


.loaderBig {
    display: none;
}

    .loaderBig img {
        display: block;
        margin: auto;
        padding: 150px 0;
    }

/* new wide register */

.loginBlockIn.newRegister .loginForm.wideForm {
    float: none;
    padding: 0;
}

    .loginBlockIn.newRegister .loginForm.wideForm fieldset {
        width: auto;
    }

    .loginBlockIn.newRegister .loginForm.wideForm .loginLine {
        display: block;
        clear: both;
        overflow: auto;
    }

    .loginBlockIn.newRegister .loginForm.wideForm .loginSplit {
        float: right;
        width: 48%;
    }

        .loginBlockIn.newRegister .loginForm.wideForm .loginSplit:first-child {
            float: left;
        }

.loadLog, .loadReg {
    float: right;
    line-height: 40px;
}

.loginBlockIn.newRegister .loginForm fieldset.loaderBg {
    background: none
}

.regTextSugg {
    float: right;
    line-height: 40px;
    padding-right: 5px;
}

.mandFields {
    margin: -10px 0 15px 0;
    font-family: solido_bold;
}

.loginBlockIn.newRegister .loginForm.wideForm .loginDivider {
    margin: 15px 0;
    height: 0;
    border-top: solid 1px #c3c3c3;
    border-bottom: solid 1px #fff;
}

.registerErrorSummary .validation-summary-valid {
    display: none;
}

.registerErrorSummary .validation-summary-errors span {
    display: block;
    margin-bottom: 5px;
    padding: 0 0 0 17px;
    color: #000;
    background: url(Images/tag-warning.png) no-repeat 0 center;
}

.registerErrorSummary .validation-summary-errors {
    padding: 10px;
    margin-top: 15px;
    border: solid 1px #ccc;
}

    .registerErrorSummary .validation-summary-errors ul {
        padding-left: 34px;
        font-weight: bold;
        list-style: circle;
    }

        .registerErrorSummary .validation-summary-errors ul li {
            list-style: disc;
        }

.regBirth span select {
    font-family: solido_book;
    display: inline-block;
    width: 100%;
    margin-right: 5px;
    color: #000;
    height: 31px;
    line-height: 31px;
    margin: 0 0 15px 0;
}

.regBirth span {
    display: inline-block;
}

.regBirth .regBithDay {
    width: 22%;
}

.regBirth .regBithMonth {
    width: 51%;
}

.regBirth .regBithYear {
    width: 24%;
}

/* popups */
.ui-dialog {
    position: absolute;
}

    .ui-dialog.ui-widget-content {
        padding: 20px;
        border: solid 1px #c3c3c3;
        background: #fff;
        outline: none;
    }

    .ui-dialog.noTitle .ui-widget-header {
        display: none;
    }

.ui-widget-header {
    position: relative;
    padding: 10px;
    font-size: 18px;
    background: #323233;
    color: #fff;
    font-weight: bold;
    cursor: move;
}

.ui-dialog-titlebar-close {
    display: none;
}

.ui-dialog-with-close .ui-dialog-titlebar-close {
    display: block;
    float: right;
    background: none;
    color: #ee3124;
    border: none;
    padding: 0;
    font-size: 15px;
    font-family: solido_book, helvetica, 'arial narrow';
    text-transform: uppercase;
    cursor: pointer;
}

    .ui-dialog-with-close .ui-dialog-titlebar-close:hover {
        background: #f7f7f7
    }

.ui-dialog-with-close .ui-widget-header {
    background: none;
}

.ui-dialog-content {
    min-height: 120px;
    padding: 10px;
    overflow: auto;
}

.ui-dialog .ui-dialog-buttonpane {
    background: none;
    border-top: #FFF solid 1px;
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(Images/fancybox_overlay.png) repeat 0 0;
}

.ui-front {
    z-index: 600;
}

.ui-dialog-buttonset {
    text-align: center;
    padding-top: 35px;
    padding-bottom: 15px;
    border-top: solid 1px #CCC;
    margin-top: 10px;
}

    .ui-dialog-buttonset .ui-button {
        display: inline-block;
        vertical-align: middle;
        height: 38px;
        line-height: 38px;
        padding: 0 30px;
        margin: 0 5px;
        background: #ee3124;
        border: solid 2px #ee3124;
        text-decoration: none;
        text-transform: uppercase;
        color: #FFF;
        font-size: 18px;
        cursor: pointer;
        -webkit-transition: 0.2s;
        -moz-transition: 0.2s;
        -o-transition: 0.2s;
        transition: 0.2s;
    }

        .ui-dialog-buttonset .ui-button span {
            display: block;
            height: 34px;
            line-height: 34px;
            text-decoration: none;
            cursor: pointer;
        }

        .ui-dialog-buttonset .ui-button:hover {
            color: #ee3124;
            background: #fff;
            line-height: 38px;
            background-position: -1px -108px
        }

        .ui-dialog-buttonset .ui-button.ui-button-empty {
            background: transparent;
            color: #ee3124;
        }

            .ui-dialog-buttonset .ui-button.ui-button-empty:hover {
                background: #ee3124;
                color: #fff;
            }

        .ui-dialog-buttonset .ui-button.ui-button-clear {
            background: transparent;
            border-color: transparent;
            color: #ee3124;
        }

            .ui-dialog-buttonset .ui-button.ui-button-clear:hover {
                background: transparent;
                border-color: transparent;
                color: #ee3124;
                text-decoration: underline;
            }

.splashPage {
    margin: 0 auto;
    padding: 0;
}


/* ADD TO CART DIALOG */

.addedToCartImg {
    float: left;
    width: 25%;
}

    .addedToCartImg img {
        width: 100%;
    }

.addedToCartTxt {
    float: left;
    width: 70%;
    margin-left: 5%;
}

.addedToCartMsg {
    margin-bottom: 8px;
    text-transform: uppercase;
    font-size: 20px;
    color: #64ae0d;
}

.addedToCartBox h1 {
    margin-bottom: 8px;
    font-size: 24px;
    font-weight: normal;
}

.addedToCartBox h3 {
    margin-bottom: 8px;
    font-size: 18px;
}

.addedBoxPlat {
    color: #857e7b;
}

.addedToCartStockWarn {
    clear: both;
    margin-bottom: -10px;
    padding-top: 10px;
}
/* CUSTOM RADIO*/
.customContSelRadio input {
    cursor: pointer;
}

.customRadio {
    display: inline-block;
    position: absolute;
    height: 22px;
    width: 22px;
    background-color: #fff;
    border-radius: 100%;
    border: solid 3px #ee3124;
}

    .customRadio.disab {
        border-color: #8f8f8f;
    }

    .customRadio.focused {
        box-shadow: #ee3124 0 0 2px 1px;
    }

    .customRadio span.cchecked {
        display: block;
        height: 16px;
        width: 16px;
        margin: 3px 0 0 3px;
        background-color: #ee3124;
        border-radius: 100%;
    }

    .customRadio.disab span.cchecked {
        background-color: #8f8f8f;
    }

/* User Details */

.accountSum {
    background: #FFF;
    padding: 20px;
}

.singleAdd {
    float: left;
    margin: 6px;
}

.proceedButtons {
    clear: both;
    padding: 25px 0 15px 0;
    text-align: center;
}

    .proceedButtons input {
        text-align: center;
        background: #EEE;
        border: #000 solid 1px;
        padding: 10px;
        margin-right: 20px;
    }

        .proceedButtons input:hover {
            background: #ee3124;
            color: #FFF;
            cursor: pointer;
        }

.orderHShip .singleAdd {
    height: auto;
    min-height: 266px;
}


/* ACCOUNT MANAGEMENT */

#AccountManagementMain {
    padding-top: 15px;
    padding-bottom: 10px;
}

.accountManagementMainIn {
    padding-bottom: 30px;
    background: #f5f5f5 url(Images/accordion-bottom.png) no-repeat 0 bottom;
}

#AccountManagementMain .leftBar {
    background: none;
}

#AccountManagementMain h3 {
    clear: both;
    color: #666;
    text-shadow: #FFF 0 1px 1px;
}

#AccountManagementMain fieldset {
    border: none;
    border-top: #fff solid 1px;
    padding: 0 0;
    margin: 6px 0 0 25px;
}

#AccountManagementMain .proceedButtons {
    padding: 23px 0;
    margin: 0 30px 0 23px;
    border-top: #fff solid 1px;
    text-align: left;
}

#AccountManagementMain fieldset:first-child {
    border-top: none;
    border-bottom: #c3c3c3 solid 1px;
}

#AccountManagementMain label {
    display: block;
    padding-bottom: 5px;
    padding-top: 15px;
}

.mainContainer input[type=text], #addrForm input[type=text], .mainContainer input[type=datetime], .mainContainer input[type=email], .mainContainer input[type=PhoneNumber] {
    display: block;
    width: 100%;
    height: 31px;
    line-height: 31px;
    padding: 0 10px;
    margin: 0 0 15px 0;
    font-size: 16px;
    background: #fff;
    border: #ccc solid 1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mainContainer select, #addrForm select {
    display: block;
    width: 100%;
    height: 31px;
    line-height: 31px;
    padding: 0;
    margin: 0 0 10px 0;
    font-size: 16px;
    background: #fff;
    border: #ccc solid 1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#AccountManagementMain .birthBlock label {
    display: inline-block;
    margin-right: 5px;
}

#AccountManagementMain .birthBlock select {
    display: inline-block;
    width: 130px;
    margin-right: 15px;
}

#addrForm input[type=text] {
    margin: 0 0 10px 0;
    font-family: solido_book;
}

#addrForm label {
    font-family: solido_bold;
    display: inline-block;
    margin: 0 0 3px 0;
}

#addrForm input:disabled {
    cursor: not-allowed;
    background-color: #dddddd;
}

.mainContainer input[type=password], #addrForm input[type=password] {
    display: block;
    width: 100%;
    height: 31px;
    line-height: 31px;
    padding: 0 10px;
    margin: 0 0 15px 0;
    font-size: 16px;
    background: #fff;
    border: #ccc solid 1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input.normalInp {
    display: inline;
    line-height: normal;
    padding: 0;
    margin: 15px 0 0 0;
    border: none;
}

.pwdStr {
    display: block;
    height: 10px;
    width: 315px;
    margin-top: -10px;
    margin-bottom: 2px;
    background: url(Images/user-details.png) no-repeat -587px -7px
}

.pwdLow {
    background-position: -587px -18px;
}

.pwdMed {
    background-position: -587px -30px;
}

.pwdHi {
    background-position: -587px -42px;
}

.pwdPer {
    background-position: -587px -54px;
}

/* Order details */

#OrderDetails {
    padding: 10px 25px 0 25px;
    font-size: 14px;
    font-weight: bold;
}

    #OrderDetails table {
        width: 100%;
    }

        #OrderDetails table th {
            padding: 10px 10px 5px 0;
            color: #666666;
            font-size: 12px;
            font-weight: normal;
            text-shadow: #FFF 0 1px 1px;
            text-align: left;
        }


        #OrderDetails table td {
            padding: 20px 10px 30px 0;
            border-bottom: #c3c3c3 solid 1px;
            border-top: #fff solid 1px;
            vertical-align: top;
        }

        #OrderDetails table tr:first-child td {
            border-top: none;
        }

        #OrderDetails table .quantCol {
            display: inline-block;
            width: 15px;
        }

.mobileOrder {
    margin: 10px 25px 0 25px;
    border-top: solid 1px #aaa;
    border-bottom: solid 1px #fff;
}

.singleOrder {
    border-bottom: solid 1px #aaa;
    border-top: solid 1px #fff;
    text-align: left;
    font-weight: normal;
    padding: 15px 0;
}

#AccountManagementMain .singleOrder h3 {
    padding-bottom: 0;
}

.singleOrder ul {
    padding-left: 10px;
}

.singleOrder li {
    padding: 5px 0;
}

.orderHDet {
    font-size: 14px;
    text-align: left;
}

    .orderHDet p {
        padding-bottom: 10px;
        padding-top: 5px;
    }


    .orderHDet span, .orderHDet strong {
        display: inline-block;
        width: 48%;
        vertical-align: top;
    }

.orderHShip .singleAdd {
    margin-left: 0;
}

.orderHShip .halfed {
    width: 345px;
    padding-right: 0;
}

    .orderHShip .halfed:first-child {
        width: 345px;
        padding-right: 28px;
    }

.orderHProd table {
    width: 100%;
    table-layout: fixed;
    margin-top: 10px;
    font-size: 14px;
    border-collapse: collapse;
}

    .orderHProd table th {
        padding: 13px 25px;
        text-align: left;
        text-align: right;
    }

        .orderHProd table th.shipHead {
            text-align: left;
            line-height: 25px;
            border-bottom: solid 1px #ccc;
        }

            .orderHProd table th.shipHead a {
                float: right;
                margin-left: 5px;
            }

    .orderHProd table tbody td {
        padding: 17px 25px;
        font-weight: bold;
        border-top: #fff solid 1px;
        border-bottom: #d1d1d1 solid 1px;
    }

xx.orderHProd table tfoot td {
    padding: 17px 25px;
    background: #FFF url(Images/cart-repeater.png) repeat-x 0 -52px;
}

.orderHProd table tfoot {
    border-top: solid 2px #ccc;
    border-bottom: solid 2px #ccc;
}

    .orderHProd table tfoot td {
        height: 23px;
        padding: 5px;
        text-shadow: white 0 1px 1px;
        font-weight: normal;
        text-align: right;
        border-bottom: #c3c3c3 solid 1px;
    }

.orderHProd table tbody td.wid50 {
    width: 50%
}

.orderHProd table tbody td.wid10 {
    width: 10%
}

.orderHProd table tbody td.wid15 {
    width: 15%
}

.orderHProd table tbody td.wid5 {
    width: 5%
}

.orderHProd table .colPrice {
    text-align: left;
    width: 15%;
    padding: 0 0 0 30px;
}

.orderHDet .halfed {
    width: 48%;
    padding: 0 1%;
}

    .orderHDet .halfed a {
        display: block;
        text-align: center;
    }

.digitalInstructionsPop, .digitalTokenPop {
    margin: 10px 0 5px 0;
}

.nintendoRedeemLink {
    margin: 10px 0 5px 0;
}

.dlcLoader {
    display: inline;
    margin-left: 5px;
    vertical-align: middle
}

.dlcLoaderHide {
    display: none;
}

.DLC-Card {
    height: 275px;
    width: 470px;
    max-width: 100%;
    text-align: center;
    font-size: 20px;
    font-family: "Courier New", Courier, monospace;
    font-weight: bold;
    background: url(../Views/Locale/Content/Images/DLC-card.png) no-repeat center center;
    border-radius: 10px;
}

    .DLC-Card p {
        padding-top: 120px;
    }

    .DLC-Card #tokenText {
        padding-top: 40px;
        font-size: 24px;
        font-family: Helvetica, Arial, sans-serif
    }


/* Bundle creator */

.bundleConstruct.fixed {
    position: fixed;
    top: 42px;
    width: 960px;
    z-index: 101;
    border-bottom: 1px solid #FFF;
    background: #FFF;
    box-shadow: 0 3px 9px #555;
    border: solid 1px;
    overflow-y: scroll;
    max-height: 30%;
}

    .bundleConstruct.fixed .bundleDescr div, .bundleMobile {
        display: none;
    }

.bundleBuilder h1 {
    font-size: 18px;
    padding-bottom: 10px;
}

.bundleDescr {
    margin: 12px 22px 12px 12px;
    font-size: 14px;
    text-align: justify;
}

.currentBundle {
    margin-top: 20px;
}

.bundleAdd {
    width: 80px;
}

.bundleLeft {
    float: left;
    width: 191px;
    margin-left: 5px;
    padding-left: 20px;
}

.bundleBuilderLeft .megaButton {
    margin-left: 4px;
}

.bundleBuilderLeft em {
    position: relative;
    width: 178px;
    height: 48px;
    color: #666;
    text-shadow: white 0 1px 1px;
    display: block;
    line-height: 48px;
    padding: 0 15px;
    font-style: normal;
}

.bundleBuilderRight {
    padding: 10px 25px 0 25px;
}

.BundleConsole {
    margin-left: 185px;
}

.BundleGame {
    margin-left: 200px;
}

.bundleBuilderRight h2 {
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    color: #FFF;
    font-size: 16px;
    font-weight: normal;
    font-family: solido_bold;
    background: #323233;
}

.bundleBuilderRight h3 {
    font-size: 24px;
    color: #383838;
    text-decoration: none;
}

.bundleBuilderRight h4 {
    color: #808080;
    font-size: 18px;
}

.bundleBuilderRight h5 {
    font-size: 16px;
}

.bundleBuilderRight h3 strong {
    color: #000;
}

.currentBundle table {
    float: right;
    margin-right: 34px;
}

.bundleBuilder table {
    width: 705px;
    margin-bottom: 10px;
    font-size: 14px;
    border-bottom: #ccc solid 1px;
    float: right;
}

    .bundleBuilder table tbody td {
        padding: 12px 25px;
        font-weight: bold;
        font-family: solido_book;
    }

        .bundleBuilder table tbody td.pImage {
            width: 50px;
            padding: 5px 10px;
        }

.bundleChoose {
    clear: both;
    margin: 20px 0;
}

.bundleBuilderRight .bundleProductVariant {
    padding: 10px;
    border-bottom: #ccc solid 1px;
    margin: 5px;
    height: 135px;
}

    .bundleBuilderRight .bundleProductVariant .pImage {
        float: left;
        margin-right: 10px;
        width: 100px;
    }

        .bundleBuilderRight .bundleProductVariant .pImage img {
            display: inline-block;
            max-width: 100px;
            max-height: 130px;
        }

    .bundleBuilderRight .bundleProductVariant .details {
        float: left;
        width: 35%;
    }

    .bundleBuilderRight .bundleProductVariant .buttons {
        float: right;
        vertical-align: middle;
        height: 100px;
    }

    .bundleBuilderRight .bundleProductVariant .bundleAdd {
        float: left;
        text-align: center;
        margin-right: 5px;
        width: auto;
        position: relative;
        top: 50%;
    }

        .bundleBuilderRight .bundleProductVariant .bundleAdd a {
            width: 100px;
        }

    .bundleBuilderRight .bundleProductVariant .bundleInfo {
        float: left;
        text-align: center;
        margin-right: 5px;
        width: auto;
        position: relative;
        top: 50%;
    }

        .bundleBuilderRight .bundleProductVariant .bundleInfo a {
            width: 100px;
        }

    .bundleBuilderRight .bundleProductVariant .bundleRemove {
        float: left;
        text-align: center;
        margin-right: 5px;
        width: auto;
        position: relative;
        top: 30%;
    }

        .bundleBuilderRight .bundleProductVariant .bundleRemove a {
            width: 100px;
        }

.bundleBuilderRight .variantType {
    margin-left: 10px;
    float: left;
    height: 100px;
}

    .bundleBuilderRight .variantType h3 {
        position: relative;
        top: 50%;
    }

.bundleList .bundleProductVariant {
    padding: 10px;
    border-bottom: #ccc solid 1px;
    margin: 5px;
    height: 135px;
}

    .bundleList .bundleProductVariant .pImage {
        float: left;
        margin-right: 10px;
    }

        .bundleList .bundleProductVariant .pImage img {
            display: inline-block;
            max-width: 100px;
        }

    .bundleList .bundleProductVariant .details {
        float: left;
        width: 35%;
    }

    .bundleList .bundleProductVariant .buttons {
        float: right;
        vertical-align: middle;
        height: 100px;
    }

    .bundleList .bundleProductVariant .bundleAdd {
        float: left;
        text-align: center;
        margin-right: 5px;
        width: auto;
        position: relative;
        top: 50%;
    }

        .bundleList .bundleProductVariant .bundleAdd a {
            width: 100px;
        }

    .bundleList .bundleProductVariant .bundleInfo {
        float: left;
        text-align: center;
        margin-right: 5px;
        width: auto;
        position: relative;
        top: 50%;
    }

        .bundleList .bundleProductVariant .bundleInfo a {
            width: 100px;
        }

    .bundleList .bundleProductVariant .bundleRemove {
        float: left;
        text-align: center;
        margin-right: 5px;
        width: auto;
        position: relative;
        top: 30%;
    }

        .bundleList .bundleProductVariant .bundleRemove a {
            width: 100px;
        }

.bundleList .variantType {
    margin-left: 10px;
    float: left;
    height: 100px;
}

    .bundleList .variantType h3 {
        position: relative;
        top: 50%;
    }

/* MAPS */

.mapContainer {
    position: relative;
    margin: 15px 0 0 15px;
    width: 707px;
}

#map input {
    display: inline;
    width: auto;
    height: auto;
    line-height: normal;
    padding: 0;
    margin: 0;
    border: none;
}

#map {
    height: 420px;
    margin-bottom: 30px;
    border: solid 1px #CCC;
}

.mapSearch {
    margin-bottom: 10px;
    font-size: 16px;
}

    .mapSearch p {
        display: inline-block;
        margin: 13px 0 0 0;
    }

    .mapSearch.tbl {
        display: table;
        margin-right: 5px;
    }

.tbl > div {
    display: table-cell;
}

    .tbl > div:nth-of-type(1) {
        width: 95%;
    }

    .tbl > div:nth-of-type(2) {
        width: 5%;
        padding-left: 5px;
    }

.mapSearch #addressToSearch {
    display: inline-block;
    width: 100%;
    height: 31px;
    margin-right: 5px;
    line-height: 31px;
    padding: 0 10px;
    font-size: 16px;
    border: #ccc solid 1px;
}

.storeSel {
    display: block;
    margin-top: 35px;
}

    .storeSel h5 {
        clear: both;
        font-size: 15px;
        text-shadow: #FFF 0 1px 1px;
    }

    .storeSel h6 {
        font-size: 14px;
        padding-bottom: 5px;
    }

#favouriteStoreDiv {
    padding: 10px 10px 10px 0;
}

    #favouriteStoreDiv h4 {
        float: left;
        padding-left: 25px;
        font-size: 18px;
        background: url(Images/user-details.png) no-repeat -952px -40px;
    }

    #favouriteStoreDiv p {
        clear: left;
        float: left;
        font-size: 14px;
    }

    #favouriteStoreDiv a {
        float: left;
    }

.FavouriteStoreButton {
    clear: both;
    float: left;
    padding: 10px 10px 10px 0;
}

#nearStores {
    margin-top: 10px;
}

.singleStore {
    margin-bottom: 10px;
}

.singleStoreName {
    float: left;
}

.singleStoreButt {
    float: right;
}

.mapsStoreDetailsDiv table td {
    padding: 0;
    background: none;
    text-align: left;
    margin-right: 25px;
}

.userMenu li {
    display: block;
    height: 48px;
    margin-left: 5px;
}

    .userMenu li a {
        display: block;
        height: 48px;
        line-height: 48px;
        width: 161px;
        padding: 0 15px;
        color: #FFF;
        text-decoration: none;
        background-color: #323233;
        text-shadow: #000 0 1px 1px;
    }

    .userMenu li.userMenuSel a {
        position: relative;
        height: 48px;
        background-color: #323233;
        text-shadow: #000 0 1px 1px;
        background: #ee3124;
    }

/* Store locator */

.locatorPage {
    font-family: solido_book;
    margin-top: 20px;
}

    .locatorPage h1 {
        clear: both;
        height: 40px;
        line-height: 40px;
        padding: 0 0 0 14px;
        margin-right: -1px;
        color: #FFF;
        font-family: solido_bold;
        font-size: 14px;
        background: #323233;
    }

        .locatorPage h1 span {
            display: block;
            padding-left: 0;
        }

    .locatorPage .mapOut {
        width: 97%;
        padding-right: 20px;
        max-width: 1080px;
        margin: 10px auto 0 auto;
    }

    .locatorPage .mapIn {
        padding: 0 0 0 2px;
        margin-right: -17px;
    }

    .locatorPage .mapContainer {
        position: relative;
        width: auto;
        margin: 20px 10px;
        border-bottom: #CCC solid 1px;
    }

        .locatorPage .mapContainer #map {
            border: solid 1px #CCC;
            height: 500px;
            margin-bottom: 10px;
        }

    .locatorPage .logButtons {
        margin: 0 10px;
        padding-bottom: 20px;
    }

    .locatorPage .medButton {
        height: 27px;
        line-height: 37px;
    }

.locatorLegend {
    line-height: 41px;
    font-weight: bold;
    color: #666;
}

    .locatorLegend img {
        vertical-align: middle;
        margin-right: 10px;
    }

    .locatorLegend span {
        margin-right: 30px;
        font-size: 13px;
    }

.err404Img {
    width: 318px;
    height: 122px;
    margin: 10px auto;
    background: url(Images/404.png) no-repeat 0 0;
    text-indent: -3000px;
}

.err404 h2 {
    padding: 40px 0 15px 0;
    font-size: 24px;
    text-align: center;
    font-weight: normal;
    color: #444444;
}

.err404 .bigButton {
    display: block;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
}


/* Cookie pop */

.cookieBar {
    background: url(Images/cookie-bar.png) no-repeat 9px 0;
    overflow: auto;
    padding: 0 9px;
    font-size: 11px;
}

    .cookieBar span {
        float: left;
        line-height: 50px;
        height: 55px;
        padding-left: 110px;
        width: 62%;
        overflow: hidden;
        color: #444;
    }

        .cookieBar span em {
            font-family: 'Lobster', Helvetica, sans-serif;
            color: #986a35;
            font-size: 19px;
            text-shadow: 0 1px #fff;
            line-height: 52px;
            font-style: normal;
        }

    .cookieBar a {
        float: right;
        padding: 0 15px 0 45px;
        color: #986a35;
        font-size: 18px;
        font-family: 'Lobster', Helvetica, sans-serif;
        text-decoration: none;
        text-shadow: 0 1px #fff;
        background: url(Images/cookie-bar.png) no-repeat -719px -90px;
        line-height: 53px;
    }

        .cookieBar a.declineCookie {
            background-position: -419px -90px;
        }


/* Cookie pop2 */
#cookieBar2 {
    position: fixed;
    z-index: 9;
    bottom: 0;
    left: 0;
    right: 0;
    line-height: 28px;
    color: #fff;
    background: url(Images/cookiebar2.png) repeat-x 0 bottom;
    font-size: 12px;
}

.cookieBar2In {
    width: 940px;
    padding: 7px 10px;
    margin: 0 auto;
}

#cookieBar2 a {
    color: #fff;
    text-decoration: underline;
}

    #cookieBar2 a#closeCookieBar2 {
        display: inline-block;
        overflow: hidden;
        padding: 0 10px;
        height: 23px;
        line-height: 23px;
        border: #22211f solid 1px;
        color: #fff;
        text-decoration: none;
        vertical-align: middle;
        font-size: 14px;
        background: #4f4f4f;
    }

        #cookieBar2 a#closeCookieBar2:hover {
            background: #2e2a24;
        }

/* Product Page Games Library */

.havelist-wishlist-block {
    margin-top: 4px;
    height: 26px;
}

.wishlist-block, .havelist-block {
    clear: both;
}

.singleProduct .wishlist-block, .singleProduct .havelist-block {
    clear: none;
    float: left;
}

.wishlist-block {
    overflow: auto;
    margin-bottom: 5px;
}

.addTxt {
    line-height: 30px;
}

/* new prod page */
.prodWishBlock {
    float: left;
}

    .prodWishBlock .wishlist-block, .prodWishBlock .havelist-block {
        clear: none;
        float: left;
        overflow: inherit;
        margin: 0;
    }

    .prodWishBlock .havelist-wishlist-block span {
        display: none;
    }

/* wishlist button */

.addToLib {
    background: #636262;
    float: left;
    display: inline-block;
    padding: 4px;
    margin: 0 5px 0 0;
    text-align: center;
}

    .addToLib:hover {
        background: #2e2a24;
    }

    .addToLib i {
        display: inline-block;
        height: 22px;
        width: 26px;
        vertical-align: middle;
        background: url(Images/wishlist-icon.png) no-repeat 0 -161px;
    }

        .addToLib i.haveIco {
            background: url(Images/have-icon.png) no-repeat 0 -160px;
        }

.alreadyLib {
    float: left;
    display: inline-block;
    padding: 4px;
    margin: 0 5px 0 0;
    text-align: center;
    background: #e9e9e9;
}

    .alreadyLib:hover {
        background: #b7b7b7;
    }

    .alreadyLib i {
        display: inline-block;
        height: 22px;
        width: 26px;
        vertical-align: middle;
        background: url(Images/wishlist-icon.png) no-repeat 0 -2px;
    }

        .alreadyLib i.haveIco {
            background: url(Images/have-icon.png) no-repeat 0 -2px;
        }

.addCartBar.fixed .addToLib, .addCartBar.fixed .alreadyLib {
    display: none;
}

/* Loyalty */
.loyaltyProfileBox {
    float: right;
    width: 345px;
    margin-left: 10px;
    margin-top: 8px;
}

    .loyaltyProfileBox p {
        font-family: solido_bold;
    }

.loyaltyProfileBox-img {
    float: left;
    width: 15%;
    margin-right: 6px;
}

    .loyaltyProfileBox-img img {
        max-height: 50px;
        max-width: 50px;
        border: 1px solid #ccc;
    }

.loyaltyProfileBox-content {
    float: left;
    color: #747474;
    font-size: 11px;
    width: 80%
}

    .loyaltyProfileBox-content strong {
        white-space: nowrap;
        display: inline-block;
        overflow: hidden;
        max-width: 223px;
        font-size: 12px;
        color: #585858;
        vertical-align: text-bottom;
    }

    .loyaltyProfileBox-content a {
        color: #8c8c8c;
    }

        .loyaltyProfileBox-content a:hover {
            color: #ee3124;
            text-decoration: underline;
        }

.bar-wrapper {
    width: auto;
    height: 15px;
    background: #e7e7e7;
}

    .bar-wrapper .bar {
        position: relative;
        display: block;
        height: 15px;
        background: #ee3124;
        line-height: 15px;
    }

        .bar-wrapper .bar .result {
            position: absolute;
            right: -40px;
            top: 1px;
            color: #333;
        }

            .bar-wrapper .bar .result.switch {
                right: 13px;
                color: #fff;
            }

        .bar-wrapper .bar .bar-delimiter {
            position: absolute;
            right: -10px;
            top: -3px;
            width: 19px;
            height: 23px;
            background: url(../Views/Locale/Content/Images/bar-delimiter.png);
        }

.level-bar-content {
    display: block;
    margin-top: 3px;
}

.loyalty-upgrade-prompt > .loyalty-level-up {
    color: red;
    font-size: 12px;
    font-weight: 900;
    text-decoration: none;
}

.joinNow {
    background: #424244;
}

    .joinNow a {
        display: block;
        font-family: solido_bold;
        height: 19px;
        width: 142px;
        padding: 14px 38px 10px 165px;
        margin: 3px auto 0 auto;
        background: url(../Views/Locale/Content/Images/join-gs-plus.png) no-repeat 0 0;
        color: #000;
        font-size: 12px;
        text-decoration: none;
        text-transform: uppercase;
        text-align: center;
    }

p.loyaltyProfileBox-activeloyalty a {
    display: block;
    height: 39px;
    line-height: 20px;
    width: 170px;
    padding: 9px 5px 8px 170px;
    margin: 0;
    background: url(../Views/Locale/Content/Images/join-loyalty.png) no-repeat 0 0;
    color: #000;
    font-size: 12px;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    overflow: hidden;
}

    p.loyaltyProfileBox-activeloyalty a:hover {
        color: #fff;
    }

.loyaltyRem {
    text-align: center;
    margin-top: 16px;
    margin-bottom: -2px;
}

    .loyaltyRem a {
        display: inline-block;
    }

.loyaltyRemRight {
    margin-left: 18px
}

.toTopBtn {
    display: none;
    position: fixed;
    height: 50px;
    line-height: 50px;
    bottom: 15px;
    right: 10px;
    background: #000;
    color: #fff;
    padding: 10px;
    border-radius: 25px;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
    z-index: 10
}

.unloggedMobileHead {
    display: none;
}

.loyalty-points a {
    display: none;
    height: 15px;
    width: 15px;
    line-height: 15px;
    text-align: center;
    text-decoration: none;
    background: #000;
    color: #fff;
}

.slideBtn {
    display: none;
    vertical-align: top;
    margin: 5px;
    height: 40px;
    width: 41px;
    background: url(Images/slide-head.png) no-repeat 0 0;
    color: #fff;
    text-indent: -3000px;
    overflow: hidden;
}

.showLoyal {
    background-position: -51px 0;
}

.loyalty-profile-summary {
    display: flex;
    justify-content: space-between;
}

/* ==============================DEFAULT SLIDER=============================== */

.imgSliderWindow {
    margin: 10px auto 20px auto;
    padding: 10px 45px;
    height: 308px;
    width: 870px;
    background-color: #333;
    overflow: hidden;
    clear: both;
    background: url(Images/slider.png) no-repeat center 0;
}

    .imgSliderWindow .bx-wrapper {
        position: relative;
    }

#imgSlider {
    list-style-type: none;
    margin: 0;
    padding: 0;
    height: 308px;
    overflow: hidden;
}

    #imgSlider li a {
        display: block
    }

    #imgSlider li {
        height: 308px;
        overflow: hidden;
    }

.imgSliderWindow .bx-pager {
    display: none;
    float: left;
    clear: left;
    text-align: center;
    width: 871px;
    height: 10px;
    top: -10px;
    position: relative;
}

.imgSliderWindow .pager-link {
    height: 20px;
    width: 50px;
    float: left;
    padding: 0;
    margin-top: 0;
    color: #000;
}

.imgSliderWindow a.pager-link {
    width: 8px;
    height: 14px;
    margin: 4px 4px 0 4px;
    overflow: visible;
    display: block;
    float: left;
    font-size: 1px;
    padding: 0;
    outline: none;
    background: #F00;
    color: #000;
}

    .imgSliderWindow a.pager-link:hover {
        background-position: 0 -13px;
        color: #000;
    }

.imgSliderWindow a.pager-active {
    background-position: 0 5px;
    color: #000;
}

.pager-1 {
    margin-left: 420px !important;
}

.imgSliderWindow .bx-prev, .imgSliderWindow .bx-next {
    position: absolute;
    height: 56px;
    width: 56px;
    top: 50%;
    margin-top: -28px;
    left: -36px;
    right: auto;
    background: url(Images/slider.png) no-repeat -7px -361px;
}

    .imgSliderWindow .bx-prev:active {
        top: 51%;
        left: -34px;
    }

    .imgSliderWindow .bx-prev img, .imgSliderWindow .bx-next img {
        display: none;
    }

.imgSliderWindow .bx-next {
    left: auto;
    right: -36px;
    background-position: -898px -361px;
}

    .imgSliderWindow .bx-next:active {
        top: 51%;
        right: -38px;
    }

#RopisPopup {
    display: none;
    max-width: 450px;
    min-width: 250px;
}

.ropispopouter {
    text-align: center;
}

.ropisPop {
    font-size: 17px;
    font-weight: bold;
    line-height: 38px;
    text-transform: uppercase;
}

.slider2 {
    width: auto !important;
}

/* ==============================END SLIDER=============================== */


/* New banner management */

.dynamicBannerContainer {
    width: 100%;
}

    .dynamicBannerContainer a {
        display: block;
    }

    .dynamicBannerContainer .bx-wrapper {
        position: relative;
        margin: 0 auto;
        padding: 0;
        *zoom: 1;
    }

        .dynamicBannerContainer .bx-wrapper img {
            max-width: 100%;
            display: block;
        }

        .dynamicBannerContainer .bx-wrapper .bx-pager,
        .dynamicBannerContainer .bx-wrapper .bx-controls-auto {
            width: 100%;
        }

        .dynamicBannerContainer .bx-wrapper .bx-loading {
            min-height: 50px;
            background: url(images/bx_loader.gif) center center no-repeat #fff;
            height: 100%;
            width: 100%;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 2000;
        }

        .dynamicBannerContainer .bx-wrapper .bx-pager {
            text-align: center;
            font-size: .85em;
            font-family: Arial;
            font-weight: bold;
            color: #666;
            padding-top: 15px;
        }

            .dynamicBannerContainer .bx-wrapper .bx-pager .bx-pager-item,
            .dynamicBannerContainer .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
                display: inline-block;
                *zoom: 1;
                *display: inline;
            }

            .dynamicBannerContainer .bx-wrapper .bx-pager.bx-default-pager a {
                background: #666;
                text-indent: -9999px;
                display: block;
                width: 10px;
                height: 10px;
                margin: 0 5px;
                outline: 0;
                border-radius: 5px;
            }

                .dynamicBannerContainer .bx-wrapper .bx-pager.bx-default-pager a:hover,
                .dynamicBannerContainer .bx-wrapper .bx-pager.bx-default-pager a.active {
                    background: #000;
                }

    .dynamicBannerContainer .bx-prev, .dynamicBannerContainer .bx-next {
        position: absolute;
        height: 56px;
        width: 56px;
        top: 50%;
        margin-top: -28px;
        left: 0;
        right: auto;
        text-indent: -300px;
        overflow: hidden;
        background: url(Images/slider.png) no-repeat -7px -361px;
    }

        .dynamicBannerContainer .bx-prev:active {
            top: 51%;
            left: 2px;
        }

        .dynamicBannerContainer .bx-prev img, .main-slider .bx-next img {
            display: none;
        }

    .dynamicBannerContainer .bx-next {
        left: auto;
        right: 0;
        background-position: -898px -361px;
    }

        .dynamicBannerContainer .bx-next:active {
            top: 51%;
            right: -2px;
        }

    /* IMAGE CAPTIONS */

    .dynamicBannerContainer .bx-wrapper .bx-caption {
        position: absolute;
        bottom: 0;
        left: 0;
        background: #666\9;
        background: rgba(80, 80, 80, 0.75);
        width: 100%;
    }

        .dynamicBannerContainer .bx-wrapper .bx-caption span {
            color: #fff;
            font-family: Arial;
            display: block;
            font-size: .85em;
            padding: 10px;
        }

    /* with tumbs */

    .dynamicBannerContainer.thumbnailSlider {
        overflow: auto;
    }

.main-slider .dynamicBannerContainer.thumbnailSlider > .dynamicBanner {
    float: left;
    width: 80%;
    max-height: 264px;
}

.main-slider .dynamicBannerContainer.thumbnailSlider .dynamicSingle img {
    max-height: 308px;
}

.dynamicBannerContainer.thumbnailSlider .bx-wrapper {
    float: left;
    width: 80%
}

.dynamicThumb {
    float: left;
    width: 19%;
    padding: 0 0 0 1%;
}

    .dynamicThumb a {
        margin: 12px 0 0 0;
        display: block;
        border: solid 1px #ddd
    }

        .dynamicThumb a:first-child {
            margin-top: 0
        }

        .dynamicThumb a.active {
            border-color: #000
        }

    .dynamicThumb img {
        display: block;
        height: 50px;
        width: 100%;
    }


/* ---- main page banner management hero-slider ----*/

.main-slider {
    margin: 10px auto 0 auto;
    padding: 10px 45px;
    clear: both;
    background: url(Images/slider.png) no-repeat center 0;
    max-height: 305px;
    overflow: hidden;
}

    .main-slider .dynamicBanner {
        margin: 0;
        padding: 0;
        overflow: hidden;
    }

    .main-slider .dynamicBannerContainer .bx-prev {
        left: -36px;
    }

        .main-slider .dynamicBannerContainer .bx-prev:active {
            left: -34px;
        }

    .main-slider .dynamicBannerContainer .bx-next {
        right: -36px;
    }

        .main-slider .dynamicBannerContainer .bx-next:active {
            right: -38px;
        }

.feedbackForm select, .feedbackForm textarea {
    display: block;
    width: 99%;
    margin-right: 5px;
    background: #fff;
    border: solid 1px #ccc;
    border-radius: 4px;
    color: #000;
    height: 31px;
    line-height: 31px;
    margin: 0 0 15px 0;
}

.feedbackForm textarea {
    width: 98%;
    height: 80px;
}

@media print {
    body * {
        visibility: hidden;
    }

    #printable, #printable * {
        visibility: visible;
    }

    #printable {
        position: absolute;
        left: 0;
        top: 0;
    }
}

.validation-summary-errors {
    margin: 10px 0;
    padding: 10px;
    background: #FFF2F2;
    border: solid 1px #ccc;
}

.ChooseAmount {
    position: relative;
    width: 100%;
}

    .ChooseAmount div.DropDownList {
        width: 15%;
        float: left;
    }

.DropDownList {
    width: 25%;
}

.GiftCardEditor .AmountDropDownList .ChooseAmount .DropDownList {
    float: left;
    display: inline;
}

.OtherAmount {
    width: 29%;
    margin: 0 auto;
    float: left;
}

    .OtherAmount input[type=number] {
        display: inline;
        width: 61%;
        height: 29px;
        line-height: 29px;
        padding-left: 10px;
        margin: 0 0 10px 0;
        font-size: 16px;
        background: #fff;
        border: #ccc solid 1px;
    }

    .OtherAmount input[disabled] {
        background: #f1f1f1;
    }

    .OtherAmount .field-validation-error {
        width: 60%;
        margin-left: 57px;
        white-space: normal;
    }

.Quanity {
    float: left;
    width: 10%;
    white-space: nowrap;
    margin-left: -1px;
}

    .Quanity input[type=number] {
        line-height: 29px;
        padding-left: 10px;
        margin: 0 0 10px 0;
        font-size: 16px;
        background: #fff;
        border: #ccc solid 1px;
        display: inline;
    }

    .Quanity input[disabled] {
        background: #f1f1f1;
    }

    .Quanity .field-validation-error {
        display: block;
        width: 200px;
        margin-left: 49px;
        white-space: normal;
    }

.hopsConfirmation {
    font-family: solido_book;
    margin-bottom: 20px;
    margin-top: 20px;
}

    .hopsConfirmation .hopsConfirmationIn {
        margin: 0 auto;
        width: 600px;
    }

        .hopsConfirmation .hopsConfirmationIn #homeButton {
            margin: 0 auto;
            margin-top: 10px;
            width: 600px;
            padding-top: 10px;
            border-top: #c3c3c3 solid 1px;
        }

.AmountDropDownList {
    margin-left: 10px;
    margin-right: 10px;
}

.giftCardTotal .addNewGiftCard {
    float: left;
    width: 33.3%;
}

    .giftCardTotal .addNewGiftCard .bigButton {
        float: left;
    }

.giftCardTotal .checkGiftCardBalance {
    float: left;
    width: 33.3%;
    text-align: center;
}

    .giftCardTotal .checkGiftCardBalance .bigButton {
        float: none;
        width: auto;
        margin: auto 0;
    }

.giftCardTotal .addGiftCardToCart {
    float: left;
    width: 33.3%;
}

    .giftCardTotal .addGiftCardToCart .bigButton {
        float: right;
    }

.BonusDiv {
    margin-left: 40px;
    margin-top: 15px;
}

.infoText {
    color: #000000;
    text-decoration: none;
    font-weight: normal;
}

.imgPopUp {
    height: 100%;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    padding: 0;
}

.IconImages {
    background: url(/Views/Locale/Content/Images/padlock_closed.png) no-repeat right;
    background-size: 2.5em;
    padding: 0 15px 0 25px;
}

.storehours {
    margin-top: 50px;
}

.CandCInfo {
    padding: 0 0 5px 0;
}

.borderline {
    border-bottom: #c3c3c3 solid 1px;
    margin-bottom: 20px;
}

.pricetext {
    text-decoration: none;
    color: black;
}

.pricetext1 {
    text-decoration: none;
    color: black;
}

.pricetext2 {
    text-decoration: none;
    color: black;
}

.pricetext:hover {
    color: black;
}

.pricetext1:hover {
    color: black;
}

.pricetext2:hover {
    color: black;
}

.iti-flag {
    background-image: url(images/flags.png) !important;
}

.cacheTime {
    display: none;
}

.prd-bonus {
    box-sizing: border-box;
    width: 48%;
    padding: 2px;
    color: #444;
    font-size: 13px;
    line-height: 17px;
    position: relative;
    margin: 0 0 0 5px;
    float: right;
    font-weight: 700;
}

    .prd-bonus.exclusive {
        width: unset;
        float: unset;
    }

.zoom {
    background: url(Images/exclusive_zoom.png) center center no-repeat #005AC6;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 30px;
    -webkit-transition: background 250ms linear;
    transition: opacity .5s ease-out;
    opacity: 0;
    height: 0;
}

.exclusive-box:hover .zoom {
    opacity: 1;
    height: 30px;
}

.cf:after, .cf:before {
    content: " ";
    display: table;
}

.bonus-header {
    font-size: 17px;
    line-height: 18px;
    color: #0050A5;
    font-weight: 700;
    margin-bottom: 10px;
}

.bonus-header-text {
    margin-top: 9px;
}

.bonus-header img {
    float: left;
    margin: 0 10px 10px 0;
}

.bonus-box {
    position: relative;
    margin: 0 0 0 5px;
}

    .bonus-box.exclusive {
        float: left;
        width: 100%;
        font-family: Arial;
        font-weight: bold;
        color: #444;
        margin-bottom: 50px;
    }

.shadow-box-link {
    position: relative;
    margin: 0 0 5px 5px;
}

.float-right {
    float: right;
}

.cf:after {
    clear: both;
}

.barcodeCouponImage {
    padding: 25px;
    border-radius: 13px;
    width: 60%;
    margin: 0 auto;
    text-align: center;
}

.barcodeCoupon {
    width: 100%;
    height: 100%;
}

.couponTable {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0 auto;
}

.noMargin {
    margin: 0;
}

.couponTable td {
    border-top: 1px solid #ddd;
    padding: 8px 12px;
}

.couponTable th {
    padding: 8px 12px;
    text-align: left;
}

.myAccountHeader > span {
    display: none;
}

#myMUCouponSection {
    display: none;
}

#ordslid .bx-wrapper > .bx-viewport {
    height: 330px !important;
}

.loyalty-slider-out > .bx-wrapper > .bx-viewport {
    height: 380px !important;
}

.checkValBtn {
    text-decoration: underline;
    color: black;
}

    .checkValBtn:hover {
        text-decoration: underline;
        cursor: pointer;
    }

#couponDetailsTable {
    border-collapse: collapse;
}

.tradeInPopupProduct {
    font-size: 18px;
    font-weight: 900;
    padding: 5px 0 5px 0;
}

.tradeInPopupValid {
    color: #02ab02;
    font-size: 22px;
    font-weight: 900;
    text-align: center;
    padding: 5px 0 5px 0;
}

.tradeInPopupNotValid {
    color: red;
    font-size: 22px;
    font-weight: 900;
    text-align: center;
    padding: 5px 0 5px 0;
}

.tradeInPopupDesc {
    font-size: 18px;
    padding: 5px 0 5px 0;
}

.barcodeCouponFullScreen {
    width: 100%;
    height: 100vh;
}

.couponOverlay {
    height: 100%;
    width: 100%;
    display: none;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0, 0.9);
}

    .couponOverlay .closebtn {
        position: absolute;
        top: 5px;
        left: 15px;
        font-size: 40px;
        font-family: aria;
        font-weight: 900;
        text-decoration: none;
        color: #818181;
    }

.no-scroll {
    overflow: hidden;
}

.lookupMsg {
    line-height: 21px;
    padding-top: 8px;
    color: #000;
    text-align: center;
    font-size: 13px;
}

.hideOnDesktop {
    display: none;
}

.scrollbar::-webkit-scrollbar {
    width: 10px;
}

.scrollbar {
    /* required as firefox and Edge don't support webkit scrollbar styling */
    scrollbar-width: thin;
    scrollbar-color: #555 #FFF;
}

    .scrollbar::-webkit-scrollbar-track {
        background: #FFF;
    }

    .scrollbar::-webkit-scrollbar-thumb {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
        border-radius: 10px;
        background-color: #555;
        border: 3px solid #fff;
    }

.filterType.scrollbar {
    overflow-y: auto;
    max-height: 198px;
}

    .filterType.scrollbar:last-child {
        display: none;
    }

@media (max-width: 959px) {

    .scrollbar::-webkit-scrollbar-thumb {
        border: 3px solid #eee;
    }

    .scrollbar::-webkit-scrollbar-track {
        background: #eee;
    }

    .scrollbar {
        /* required as firefox and Edge don't support webkit scrollbar styling */
        scrollbar-color: #555 #eee;
    }
}

.loadmoreMessage {
    margin-top: 40px;
    text-align: center;
}

    .loadmoreMessage span {
        padding: 12px 60px;
        font-size: 21px;
        border: 1px solid #dfdbd9;
        cursor: pointer;
        transition: 0.5s;
    }

        .loadmoreMessage span:hover {
            border: 1px solid black;
        }

.twoColumns {
    margin-bottom: 20px;
}

.loadingbarProgress {
    width: 0%;
    background-color: black;
    height: 2px;
    border-radius: 10px;
}

.loadingbar {
    margin-top: 10px;
    font-size: 12px;
}

.loadingbarMessage {
    text-align: center;
    margin: 0% 30%;
}

.loadingbarMax {
    background-color: #dfdbd9;
    height: 2px;
    border-radius: 10px;
}

.visible {
    display: inline;
}

.hidden {
    display: none;
}

/* product availability styles for product search and PDP */

.productAvailability {
    display: flex;
    padding: 10px 5px;
    justify-content: center;
    text-align: center;
}

.availabilityImg {
    max-height: 30px;
}

.clickAndCollectActive {
    display: inline-flex;
    align-items: center;
}

.clickAndCollectAvailable {
    display: inline-flex;
    padding-left: 10px;
}

.homeDeliveryAvailable {
    display: inline-flex;
}

.homeDeliveryActive {
    display: inline-flex;
    align-items: center;
}

.productSelected img {
    max-height: 25px;
    margin-right: 5px;
}

.productSelected {
    display: flex;
    flex-wrap: wrap;
}

.flex-break {
    flex-basis: 100%;
    height: 0;
}

.productProtection {
    display: flex;
    padding: 5px;
}

    .productProtection label {
        padding: 5px 0 0 5px;
        cursor: default;
    }

        .productProtection label span {
            font-weight: bold;
        }

.productProtectionCheckbox {
    -webkit-appearance: none;
    border: 1px solid #000;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
    padding: 9px;
    border-radius: 3px;
    position: relative;
    cursor: pointer;
    outline: none;
    max-height: 20px;
}

    .productProtectionCheckbox:checked {
        border: 1px solid #adb8c0;
        box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
        color: #99a1a7;
    }

        .productProtectionCheckbox:checked:after {
            content: '\2714';
            font-size: 14px;
            position: absolute;
            top: 0;
            left: 4px;
        }

.protectionPopup {
    font-size: 14px;
    vertical-align: text-top;
}

.selectVariation {
    display: inline-block;
    border: solid 1px #d3d3d3;
    font-size: 16px;
    position: relative;
    margin-right: 5px;
}

    .selectVariation a {
        color: #000;
        padding: 5px;
        margin: 0;
        text-align: center;
        line-height: 45px;
        min-width: 45px;
        height: 45px;
    }

    .selectVariation:hover {
        background: #55b948;
        color: #fff !important;
        border-color: #55b948;
    }

.variationSelected a {
    background: #55b948;
    color: #fff !important;
    border-color: #55b948;
}

.variationUnavailable {
    color: #d3d3d3;
    cursor: no-drop;
}

    .variationUnavailable a {
        color: #d3d3d3;
    }

    .variationUnavailable:hover {
        background: #fff;
        color: #d3d3d3 !important;
        border-color: #d3d3d3;
    }

    .variationUnavailable a:before {
        content: "";
        position: absolute;
        top: 50%;
        right: -10px;
        left: -10px;
        border-top: 1px solid;
        border-color: #d3d3d3;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .variationUnavailable a:after {
        content: "";
        position: absolute;
        top: 50%;
        right: -10px;
        left: -10px;
        border-top: 1px solid;
        border-color: #d3d3d3;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

.xaaLegal {
    background-color: black;
    color: white;
    padding: 15px 15px 15px;
}

    .xaaLegal a {
        text-decoration: none;
        font-size: large;
        color: white;
        text-align: center;
    }

.xaaOffer {
    display: inline-block;
    border-style: solid;
    border-width: 1px;
    width: 50%;
    padding: 10px 10px 10px;
    text-transform: none;
}

/* Address Dashboard Validation styles */
#addrForm input.required.valid,
#addrForm select.required.valid {
    border-color: green;
    color: green;
}

#addrForm input.required.input-validation-error,
#addrForm select.required.input-validation-error {
    border-color: red;
    color: red;
}

/* Overide Autofill css */
#addrForm input:-webkit-autofill,
#addrForm input:-webkit-autofill:hover,
#addrForm input:-webkit-autofill:focus,
#addrForm textarea:-webkit-autofill,
#addrForm textarea:-webkit-autofill:hover,
#addrForm textarea:-webkit-autofill:focus,
#addrForm select:-webkit-autofill,
#addrForm select:-webkit-autofill:hover,
#addrForm select:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
    transition: background-color 5000s ease-in-out 0s;
}

#addrForm input.required.valid:-webkit-autofill,
#addrForm input.required.valid:-webkit-autofill:hover,
#addrForm input.required.valid:-webkit-autofill:focus,
#addrForm input.required.valid:-webkit-autofill:active,
#addrForm select.required.valid:-webkit-autofill,
#addrForm select.required.valid:-webkit-autofill:hover,
#addrForm select.required.valid:-webkit-autofill:focus {
    border: 1px solid green;
    -webkit-text-fill-color: green;
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
    transition: background-color 5000s ease-in-out 0s;
}

#addrForm input.required.input-validation-error:-webkit-autofill,
#addrForm input.required.input-validation-error:-webkit-autofill:hover,
#addrForm input.required.input-validation-error:-webkit-autofill:focus,
#addrForm input.required.input-validation-error:-webkit-autofill:active,
#addrForm select.required.input-validation-error:-webkit-autofill,
#addrForm select.required.input-validation-error:-webkit-autofill:hover,
#addrForm select.required.input-validation-error:-webkit-autofill:focus {
    border: 1px solid red;
    -webkit-text-fill-color: red;
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
    transition: background-color 5000s ease-in-out 0s;
}

.validation-icon {
    display: none;
}


#addrForm input.required.valid ~ .validation-icon {
    display: block;
    background-image: url(/Content/ngApp/assets/check-green.png) !important;
    background-color: transparent !important;
    background-repeat: no-repeat !important;
    background-size: 16px !important;
    background-position: 98% center !important;
    border-radius: 3px !important;
    height: 11px;
    position: relative;
    top: -30px;
    right: 5px;
    padding: 0;
    margin: 0;
    margin-left: 250px;
}


@media (max-width: 959px) {
    #addrForm input.required.valid ~ .validation-icon {
        top: -35px;
    }
}

/* Search result new sorting header bar css */
.dropdown {
    float: right;
    position: relative;
}

    .dropdown .dropbtn {
        font-size: 17px;
        border: none;
        outline: none;
        color: white;
        padding: 12px 0;
        background-color: inherit;
        font-family: inherit;
        margin: 0;
    }

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    right: 0;
}

    .dropdown-content a {
        float: none;
        color: black;
        padding: 12px;
        text-decoration: none;
        display: block;
        text-align: left;
        max-width: unset;
    }

.dropdown:hover .dropbtn {
    color: white;
}

.dropdown-content a:hover {
    background-color: #ddd;
    color: black;
}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdownSort {
    float: right;
    font-size: 17px;
    border: none;
    outline: none;
    color: white;
    padding: 12px;
    padding-right: 5px;
    background-color: inherit;
    font-family: inherit;
    margin: 0;
}

.sortingBarDefault {
    float: left;
    font-size: 17px;
    border: none;
    outline: none;
    color: white;
    padding: 12px;
    background-color: inherit;
    font-family: inherit;
    margin: 0;
}

    .sortingBarDefault strong {
        display: inline;
        color: inherit;
        line-height: inherit;
    }

.newSorting p {
    background: #fff;
    padding-left: 0;
    width: 100%;
}

    .newSorting p span {
        color: #323233
    }

.newSorting .searchSum {
    padding-left: 0;
    font-size: 17px;
}

.searchSum.short {
    display: none;
}

.searchSum.verbose {
    display: inline;
}

/* IMC-9223 Exclusive-Content alignment */

.exclusive-content {
    display: flex;
    padding-right: 10px;
}

.MainImg.exclusive-images {
    margin-left: auto;
}

.bonus-box {
    margin: 0;
}

.bonus-header {
    display: flex;
}

.havelist-wishlist-block {
    margin: 0;
    margin-bottom: 40px;
}

.topProdButtons {
    margin: 0;
    padding: 0;
    height: unset;
    width: 100%;
    float: left;
}

.tradeValueBlock {
    margin-bottom: 34px;
    margin-right: 5px;
}

.searchProductTilePromotionTag {
    margin: -5px;
    background: #ee3124;
    color: #fff;
    text-align: center;
    width: 100px;
}

.triangle-right {
    width: 0;
    height: 0;
    margin-top: -18px;
    margin-left: 95px;
    border-top: 9px solid transparent;
    border-left: 18px solid #ee3124;
    border-bottom: 9px solid transparent;
}

.searchProductTile {
    float: left;
    height: 450px;
    margin: 8px;
    padding: 5px;
    font-family: solido_bold;
    text-align: center;
    position: relative;
    margin-top: 10px;
    width: 31%;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
}

    .searchProductTile h3 {
        font-size: larger;
        margin-bottom: 7px;
        margin-top: 10px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .searchProductTitle {
        margin-top: unset;
        min-height: 40px;
    }

    .searchProductTile h3 a {
        color: #383838;
        text-decoration: none;
    }

        .searchProductTile h3 a:hover {
            color: #ee3124;
        }

    .searchProductTile h3 span {
        font-weight: normal
    }

    .searchProductTile h4 {
        color: #808080;
        font-size: medium;
        font-weight: normal;
        margin-bottom: 5px;
    }

    .searchProductTile img {
        padding-top: 10px;
    }


    .searchProductTile .price-new, .searchProductTile .price-presell, .searchProductTile .price-xaa, .searchProductTile  .price-tier3, .searchProductTile  .price-dlc {
        font-style: unset;
        font-size: large;
    }

    .searchProductTile .price-used {
        color: #f7921e;
        font-style: unset;
        font-size: large;
    }

    .searchProductTile .discounted-new, .searchProductTile .discounted-presell {
        text-decoration: line-through;
        font-style: unset;
        font-size: small;
    }
    .searchProductTile .discounted-used {
        text-decoration: line-through;
        font-style: inherit;
        font-size: small;
        color: #f7921e;
    }

.SearchProductTileActionButton {
    border-radius: 5px;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 80%;
    height: 45px;
    font-size: medium;
    margin-top: 10px;
    margin-bottom: 15px;
    position: absolute;
    bottom: 5px;
    left: 2px;
    margin-left: 20px;
    font-family: 'Montserrat', sans-serif;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
    text-decoration: none;
    cursor: pointer;
    text-transform: uppercase;
}

.searchTileMobile {
    display: none;
}

.searchTileDesktop {
    display: block;
}

.hideOnTiles {
    display: none;
}

.searchTileDesktop:hover, .searchTileDesktop:active, .searchTileDesktop:focus {
    box-shadow: 2px 2px 5px 5px lightgrey;
}

.searchProductImgDiv {
    width: 100%;
    height: 50%;
    position: relative;
}

    .searchProductImgDiv img {
        max-height: 100%;
        max-height: -webkit-fill-available;
        max-width: 100%;
        max-width: -webkit-fill-available;
        position: absolute;
        display: block;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

.SPTenabled {
    border: 1px solid #ee3124;
    background: #ee3124;
    color: #fff;
}

.SPTdisabled {
    border: 1px solid lightgrey;
    background: lightgrey;
    color: #000;
}

.checked {
    color: #ee3124;
}

.searchProductAvailability {
    display: flex;
    padding: 10px 5px;
    justify-content: center;
    text-align: center;
    font-size: small;
}

/* IMC-9018 mobile-first megaButton Alignment */

.buttonContainer {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: center;
}

    .buttonContainer a {
        width: 55%;
    }

.buySection {
    padding-top: 25px;
}

#closeTradeDialog {
    float: right;
}

    #closeTradeDialog img {
        padding-right: 5px;
    }

/* IMC-9026 Search Tile Grid enhancements*/
#scroller {
    clear: both;
}

.SearchProductTileActionButton.SPTenabled:hover {
    color: #fff;
}

.exclusive-text {
    flex: 3;
}

/* IMC-9361 Filters with long names being cut off */
.appliedFilters a {
    display: flex;
    position: unset;
    height: unset;
    line-height: unset;
    overflow: unset;
    align-items: center;
    justify-content: space-between;
}

    .appliedFilters a::after {
        float: unset;
        line-height: unset;
    }

.leftBarBlock h3 {
    display: flex;
    justify-content: space-between;
}

.clearAllFilters {
    margin-left: auto;
}

.hide {
    display: none !important;
}



/* Search Results ribbon */

/* theme colours */
:root {
    --ribbon-primary: #ee3124;
    --ribbon-secondary: #000;
}

.ribbon {
    font-size: 0.75rem;
    display: grid;
    grid-gap: 2px;
    grid-template-columns: repeat(2, 1fr) 1em;
    position: absolute;
    top: -8px;
    left: 0;
}

.ribbon__element {
    color: #fff;
    font-weight: 700;
    line-height: 1.25em;
    padding: 0.3em 0.25em 0.3em .5em;
    position: relative;
    text-decoration: none;
}

.ribbon__element:nth-child(1) {
    background-color: var(--ribbon-primary);
    z-index: 3;
}

.ribbon__element:nth-child(2) {
    background-color: var(--ribbon-secondary);
    z-index: 2;
}

/* ribbon height is top and bottom padding added to line height*/
.ribbon--gamma .ribbon__element svg {
    height: 1.85em;
    position: absolute;
    top: 0;
}

/* The left arrow */
.ribbon--gamma .ribbon__element svg:first-child {
    fill: #fff; /* Define the background image that matches the background color */
    left: 0; /* Stick left arrows to the left side of the ribbon element */
}

/* The right arrow */
.ribbon--gamma .ribbon__element svg:last-child {
    left: 100%;
}

/* Define the fill color that matches the background color of the first element */
.ribbon--gamma .ribbon__element:nth-child(1) svg:last-child {
    fill: var(--ribbon-primary);
}

/* Define the fill color that matches the background color of the second element */
.ribbon--gamma .ribbon__element:nth-child(2) svg:last-child {
    fill: var(--ribbon-secondary);
}

/* Search Filter Icon */

.searchFilterBtn {
    width: 1rem;
}
/* new */

#AccountManagementMain.loyaltyMain {
    padding: 15px;
    background: #fff;
}

.loyalty-banner-top {
    margin: 20px 0;
}

#AccountManagementMain .loy-left-menu {
    float: left;
    width: 152px;
    padding: 0 5px 5px 5px;
    margin-bottom: 30px;
    border-radius: 4px;
    color: #666;
}

.loy-left-menu a {
    color: #666;
    text-decoration: none;
}

.loy-left-menu .loy-submenu {
    margin: 0 0 12px 0;
    font-family: solido_bold;
    font-size: 16px;
    border-bottom: solid 1px #dfdbd9;
}

    .loy-left-menu .loy-submenu li {
        padding-left: 0;
        font-size: 14px;
        margin: 11px 0;
    }

        .loy-left-menu .loy-submenu li li {
            font-weight: normal;
            font-size: 12px;
            padding: 0 0 11px 5px;
            margin: 0;
        }

        .loy-left-menu .loy-submenu li a {
            display: block;
            margin-bottom: 11px;
            font-size: 16px;
        }

        .loy-left-menu .loy-submenu li li a {
            margin-bottom: 0;
            background: none;
            font-family: solido_book;
        }

.loy-right-content {
    float: right;
    width: 750px;
}

.loy-right-content-box {
    float: right;
    border-radius: 4px;
    border: solid 1px #d1d1d1;
}

#AccountManagementMain h2 {
    background: url(../Views/Locale/Content/Images/Loyalty/loy-title-img.png) no-repeat 5px center #323233;
    color: #f6f6f6;
    font-size: 17px;
    padding: 0 15px 0 40px;
    margin-bottom: 15px;
    height: 43px;
    line-height: 43px;
}

#AccountManagementMain h3.title-sub-content {
    background: #323233;
    color: #f6f6f6;
    font-family: solido_bold;
    font-size: 14px;
    padding: 0 15px;
    height: 35px;
    line-height: 35px;
    -ms-text-shadow: none;
    text-shadow: none;
}

    #AccountManagementMain h3.title-sub-content .medButton {
        float: right;
        margin-right: -16px;
    }

#AccountManagementMain .loy-right-content fieldset {
    margin: 0;
    padding: 0;
    border: none;
    background: none;
}

.loy-right-content .titled-sub-content {
    padding: 15px;
    margin-bottom: 16px;
}

.loy-right-content .not-titled-sub-content {
    padding: 10px;
    margin-bottom: 16px;
    border: solid 1px #ccc;
    color: #565656;
}

.not-titled-sub-content a.btn-flat {
    font-size: 11px;
    color: #565656;
}

.loy-main-img-right {
    width: 100%;
    max-width: 160px;
    border: solid 1px #ccc;
    margin-left: -1px;
}

.not-titled-sub-content .bar-wrapper {
    margin: 7px 0;
}

.loy-right-content .tab-buttons-container {
    background: #fff;
    padding: 12px 8px 0 8px;
    margin: -15px -15px 16px -15px;
    height: 31px;
    border-bottom: solid 1px #ccc;
}

    .loy-right-content .tab-buttons-container a {
        background: #ffffff;
        float: left;
        height: 20px;
        line-height: 20px;
        padding: 5px 10px;
        margin-right: 5px;
        border: solid 1px #ccc;
        border-bottom: 0;
        text-decoration: none;
        color: #333;
        font-family: solido_book;
        font-size: 15px;
        font-weight: normal;
    }

    .loy-right-content .tab-buttons-container .ui-state-active a {
        outline: none;
        background: #fff;
        position: relative;
        top: -1px;
        height: 22px;
    }

.sub-right {
    float: right;
}

.sub-left {
    float: left;
}

.sub-big {
    width: 555px;
}

.sub-small {
    width: 180px;
}

.titled-sub-content .sub-left {
    margin-left: -15px;
    padding-left: 15px;
    padding-bottom: 15px;
}

.titled-sub-content .sub-right {
    margin-right: -15px;
    padding-right: 15px;
    padding-bottom: 15px;
}

.titled-sub-content .sub-big {
    width: 540px;
}

.titled-sub-content .sub-small {
    width: 165px;
}

.loyalty-slider-out {
    position: relative;
}

    .loyalty-slider-out .bx-wrapper {
        margin: 0 !important;
    }

        .loyalty-slider-out .bx-wrapper .bx-controls-direction a {
            position: absolute;
            top: 50%;
            margin-top: -16px;
            outline: 0;
            width: 32px;
            height: 32px;
            text-indent: -9999px;
            z-index: 9999;
            background: url(images/controls.png) no-repeat 0 -32px;
        }

        .loyalty-slider-out .bx-wrapper a.bx-prev {
            left: -33px;
            background-position: 0 -32px;
        }

        .loyalty-slider-out .bx-wrapper a.bx-next {
            right: -33px;
            background-position: -43px -32px;
        }

    .loyalty-slider-out .loyalty-slider-single {
        float: left;
        padding: 8px;
    }

        .loyalty-slider-out .loyalty-slider-single .loy-card-prod {
            float: none;
            margin: 0;
        }

.loy-slider-btns {
    clear: both;
    padding: 10px 0 0 33px;
}

.completeBox {
    background-color: #feeedd;
}

.dark-field {
    padding: 10px 0;
    margin-bottom: 12px;
}

    .dark-field .divided {
        margin-bottom: 10px;
        border-bottom: dotted 1px #aaa;
    }

    .dark-field input + a, .dark-field select + a {
        margin-top: -5px;
    }

.img-tempCard {
    max-width: 100%;
}



/* image selector */

.loyalty-image-up img {
    display: block;
    width: 100%;
}

.loy-main-img {
    border: solid 1px #ccc;
    max-width: 160px;
}

.loy-img-sel {
    padding: 10px 0;
    overflow: auto;
}

    .loy-img-sel li {
        float: left;
        width: 52px;
        margin-left: 4px;
        position: relative;
    }

        .loy-img-sel li:first-child {
            margin-left: 0;
        }

.loy-img-sing {
    display: block;
    border: solid 1px #ccc;
    padding: 3px;
}

    .loy-img-sing:hover {
        background-color: #eee;
    }

a.loy-img-rem {
    position: absolute;
    top: 6px;
    right: 6px;
    width: 11px;
    height: 11px;
    line-height: 11px;
    font-size: 10px;
    border: #22211f solid 1px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
    border-radius: 2px;
    background: #4f4f4f; /* Old browsers */
    background: -moz-linear-gradient(top, #4f4f4f 0, #2e2a24 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4f4f4f), color-stop(100%, #2e2a24)); /* Chrome, Safari4+ */
    background: -webkit-linear-gradient(top, #4f4f4f 0, #2e2a24 100%); /* Chrome10+, Safari5.1+ */
    background: -o-linear-gradient(top, #4f4f4f 0, #2e2a24 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #4f4f4f 0, #2e2a24 100%); /* IE10+ */
    background: linear-gradient(to bottom, #4f4f4f 0, #2e2a24 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4f4f4f', endColorstr='#2e2a24', GradientType=0 ); /* IE6-9 */
}

    a.loy-img-rem:hover {
        background: #2e2a24; /* Old browsers */
        background: -moz-linear-gradient(top, #2e2a24 0, #4f4f4f 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2e2a24), color-stop(100%, #4f4f4f)); /* Chrome, Safari4+ */
        background: -webkit-linear-gradient(top, #2e2a24 0, #4f4f4f 100%); /* Chrome10+, Safari5.1+ */
        background: -o-linear-gradient(top, #2e2a24 0, #4f4f4f 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #2e2a24 0, #4f4f4f 100%); /* IE10+ */
        background: linear-gradient(to bottom, #2e2a24 0, #4f4f4f 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e2a24', endColorstr='#4f4f4f', GradientType=0 ); /* IE6-9 */
        color: #fff;
    }

.loy-email-static {
    display: inline-block;
    font-weight: bold;
    margin-right: 20px;
    margin-bottom: 20px;
}

.loy-bir-day {
    display: inline-block;
    width: 60px;
}

.loy-bir-mon {
    display: inline-block;
    width: 120px;
}

.loy-bir-yea {
    display: inline-block;
    width: 80px;
}

#AccountManagementMain .loy-bir-sel select {
    width: 100%;
}

.loy-gend {
    line-height: 20px;
    padding-bottom: 10px;
}

.form-part-cont {
    display: inline-block;
}

#AccountManagementMain input[type=text], #AccountManagementMain input[type=password], #AccountManagementMain input[type=datetime], #AccountManagementMain input[type=email], #changeEmailDialog input[type=email], #changeEmailDialog input[type=password], #AccountManagementMain select {
    display: inline-block;
    width: 230px;
    margin-right: 5px;
    background: #fff;
    border: solid 1px #ccc;
    color: #000;
    height: 31px;
    line-height: 31px;
    margin: 0 0 15px 0;
    font-family: solido_book;
}

    #AccountManagementMain select:disabled, #AccountManagementMain input:disabled {
        background: #f1f1f1;
    }

#AccountManagementMain .form-part-cont select {
    margin-bottom: 0;
    width: auto;
    font-size: 13px;
}

#profileWhereYouAreForm .form-part-cont {
    margin-bottom: 10px;
    vertical-align: top;
}

    #profileWhereYouAreForm .form-part-cont input {
        margin-bottom: 0;
    }

    #profileWhereYouAreForm .form-part-cont .field-validation-error {
        display: block;
        width: auto;
        margin: 0;
    }

#AccountManagementMain .result-num {
    margin-left: 15px;
}

#AccountManagementMain .loy-search input {
    margin-bottom: 0;
}

#changeEmailDialog label {
    display: block;
    padding-bottom: 5px;
}

#changeEmailDialog input[type=email], #changeEmailDialog input[type=password] {
    padding: 0 10px;
}

#AccountManagementMain #changePasswordBlock {
    padding-top: 15px;
}

    #AccountManagementMain #changePasswordBlock .passwordError {
        color: red;
        display: none;
        padding-bottom: 15px;
    }

#UploadPhotoDialog {
    text-align: center;
    line-height: 26px;
}

.confirm-mess {
    display: block;
    margin: 0 0 10px 0;
    padding: 10px;
    border: solid 1px #398a10;
    color: #326026;
    font-weight: bold;
    background: #ddf2dd;
}

.addr-warn {
    clear: both;
}

.thirded ul {
    margin-top: 10px;
}

.selectStore {
    margin: 20px 0 10px 0;
}

.loy-pagin {
    float: right;
    margin-top: 8px;
}

.only-paging .loy-pagin {
    float: none;
    margin-top: 0;
    text-align: right;
}

.loy-pagin .pagination li {
    display: inline-block;
}

    .loy-pagin .pagination li a {
        font-size: 12px;
        display: block;
        width: 24px;
        height: 10px;
        line-height: 10px;
        margin: 3px 0;
        color: #000;
        border-left: solid 1px #000;
        font-weight: bold;
        text-align: center;
        text-decoration: none;
    }

    .loy-pagin .pagination li:hover a {
        text-decoration: underline;
    }

    .loy-pagin .pagination li:first-child a {
        border-left: none;
    }

    .loy-pagin .pagination li.active a {
        text-decoration: underline;
    }

.loy-list {
    background-color: #fff;
    border-radius: 3px;
    font-size: 13px;
}

.loy-list-head {
    background-color: #fff;
    border-bottom: solid 2px #ccc;
    color: #666;
    font-family: solido_bold;
}

.loy-list-line .loy-list-col {
    float: left;
    width: 144px;
    padding: 13px;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

.couponListRight {
    float: none !important;
}

.loy-list-col.col60 {
    width: 60px;
}

.loy-list-col.col80 {
    width: 80px;
}

.loy-list-col.col110 {
    width: 110px;
}

.loy-list-col.col230 {
    width: 230px;
}

.loy-list-col.col260 {
    width: 260px;
}

.loy-list-col.col538 {
    width: 538px;
}

.loy-list-col.col567 {
    width: 567px;
}

.loy-list-line .loy-list-col.col-total {
    text-align: right;
}

.loy-list-line .loy-list-lineh {
    line-height: inherit;
}

.loy-list-head .loy-list-col {
    min-height: inherit;
    line-height: inherit;
}

.loy-list-body .loy-list-line:last-child {
    border: none;
}

.loy-list-body .loy-list-line {
    border-bottom: dotted 1px #ccc;
}

.loy-right-content .confirm-buttons {
    text-align: right;
}

.loy-fil-libr {
    padding-top: 10px;
}

    .loy-fil-libr h3 {
        padding: 10px 0 5px 0;
    }

    .loy-fil-libr ul {
        margin-bottom: 10px;
    }

.loy-com-list h4 {
    padding: 15px 0 0 0;
}

.loy-com-list li {
    padding: 5px;
}

.loy-card-prod {
    float: left;
    width: 124px;
    min-height: 291px;
    padding: 16px 7px 5px 7px;
    margin: 10px 0 10px 26px;
    text-shadow: #FFF 0 1px 1px;
    border: solid 1px #ccc;
    text-align: center;
}

.loy-card-img {
    display: block;
    position: relative;
    height: 175px;
    width: 120px;
    margin: 0 auto;
}

    .loy-card-img a {
        display: block;
        position: absolute;
        bottom: 0;
        width: 120px;
        text-align: left;
    }

    .loy-card-img img {
        display: block;
        margin: auto;
        max-height: 175px;
        max-width: 120px;
        top: 0;
        left: 0;
    }

.loy-card-prod h3 a {
    display: block;
    height: 30px;
    padding-top: 10px;
    overflow: hidden;
    font-size: 12px;
    color: #666;
    font-weight: bold;
    text-decoration: none;
}

.loy-card-prod .loy-rate .rate-star {
    display: inline-block;
    height: 15px;
    width: 15px;
    background: url(Images/star.gif) no-repeat left -1px;
}

.loy-card-prod .loy-rate .star-part {
    display: none;
    height: 15px;
    background: url(Images/star.gif) no-repeat left center;
}

.loy-rate {
    height: 15px;
    margin: 5px 0;
}

    .loy-rate.rate-100 .rate-star.star-1, .loy-rate.rate-125 .rate-star.star-1, .loy-rate.rate-150 .rate-star.star-1, .loy-rate.rate-175 .rate-star.star-1, .loy-rate.rate-200 .rate-star.star-1, .loy-rate.rate-225 .rate-star.star-1, .loy-rate.rate-250 .rate-star.star-1, .loy-rate.rate-275 .rate-star.star-1, .loy-rate.rate-300 .rate-star.star-1, .loy-rate.rate-325 .rate-star.star-1, .loy-rate.rate-350 .rate-star.star-1, .loy-rate.rate-375 .rate-star.star-1, .loy-rate.rate-400 .rate-star.star-1, .loy-rate.rate-425 .rate-star.star-1, .loy-rate.rate-450 .rate-star.star-1, .loy-rate.rate-475 .rate-star.star-1, .loy-rate.rate-500 .rate-star.star-1 {
        background-position: left center;
    }

    .loy-rate.rate-200 .rate-star.star-2, .loy-rate.rate-225 .rate-star.star-2, .loy-rate.rate-250 .rate-star.star-2, .loy-rate.rate-275 .rate-star.star-2, .loy-rate.rate-300 .rate-star.star-2, .loy-rate.rate-325 .rate-star.star-2, .loy-rate.rate-350 .rate-star.star-2, .loy-rate.rate-375 .rate-star.star-2, .loy-rate.rate-400 .rate-star.star-2, .loy-rate.rate-425 .rate-star.star-2, .loy-rate.rate-450 .rate-star.star-2, .loy-rate.rate-475 .rate-star.star-2, .loy-rate.rate-500 .rate-star.star-2 {
        background-position: left center;
    }

    .loy-rate.rate-300 .rate-star.star-3, .loy-rate.rate-325 .rate-star.star-3, .loy-rate.rate-350 .rate-star.star-3, .loy-rate.rate-375 .rate-star.star-3, .loy-rate.rate-400 .rate-star.star-3, .loy-rate.rate-425 .rate-star.star-3, .loy-rate.rate-450 .rate-star.star-3, .loy-rate.rate-475 .rate-star.star-3, .loy-rate.rate-500 .rate-star.star-3 {
        background-position: left center;
    }

    .loy-rate.rate-400 .rate-star.star-4, .loy-rate.rate-425 .rate-star.star-4, .loy-rate.rate-450 .rate-star.star-4, .loy-rate.rate-475 .rate-star.star-4, .loy-rate.rate-500 .rate-star.star-4 {
        background-position: left center;
    }

    .loy-rate.rate-500 .rate-star.star-5 {
        background-position: left center;
    }

    .loy-rate.rate-025 .rate-star.star-1 .star-part, .loy-rate.rate-125 .rate-star.star-2 .star-part, .loy-rate.rate-225 .rate-star.star-3 .star-part, .loy-rate.rate-325 .rate-star.star-4 .star-part, .loy-rate.rate-425 .rate-star.star-5 .star-part {
        display: block;
        width: 5px;
    }

    .loy-rate.rate-050 .rate-star.star-1 .star-part, .loy-rate.rate-150 .rate-star.star-2 .star-part, .loy-rate.rate-250 .rate-star.star-3 .star-part, .loy-rate.rate-350 .rate-star.star-4 .star-part, .loy-rate.rate-450 .rate-star.star-5 .star-part {
        display: block;
        width: 8px;
    }

    .loy-rate.rate-075 .rate-star.star-1 .star-part, .loy-rate.rate-175 .rate-star.star-2 .star-part, .loy-rate.rate-275 .rate-star.star-3 .star-part, .loy-rate.rate-375 .rate-star.star-4 .star-part, .loy-rate.rate-475 .rate-star.star-5 .star-part {
        display: block;
        width: 12px;
    }

.loy-card-btns {
    padding-top: 7px;
}

.loy-card-prod .loy-card-btns .medButton {
    display: block;
    margin-bottom: 5px;
}

.loy-card-prod .loy-card-btns span.present-btn {
    display: block;
    height: 34px;
}

.loy-card-prod .loy-card-btns span .darkMed {
    float: right;
    width: 8px;
    margin-bottom: 0;
}

.loy-card-prod .loy-card-btns span .loy-card-btn-disabled {
    float: left;
    width: 86px;
    line-height: 29px;
    background: #e9e9e9;
    color: #747474;
    font-weight: bold;
}

/* addressess */

#addressListBlock {
    margin-left: -10px;
}

    #addressListBlock .dark-field {
        float: left;
        width: 230px;
        padding: 0;
    }

    #addressListBlock .halfed .addBlock {
        margin: 8px 0;
    }

.orderHDet .halfed {
    padding: 0;
}

#addressListBlock .addBlock {
    position: relative;
    float: none;
    width: auto;
    margin: 8px;
    padding: 9px;
    height: auto;
    background: #fff;
    box-shadow: none;
    border: solid 1px#ccc;
}

/* Overrides .addBlock for legacy user addresses */
#addressListBlock .legacyBlock {
    float: left;
    width: 315px;
    margin: 6px;
    padding: 15px;
}

#addressListBlock h3, .orderHDet h3, .orderHGift h3 {
    font-size: 17px;
    padding: 0;
    margin: 0;
}

#addressListBlock h3, .orderHGift h3 {
    margin: 15px 0 0 0;
}

#addressListBlock .addBlock h5 {
    margin: 0 -3px;
    padding: 10px 58px 10px 10px;
    min-height: 16px;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    background: #323233;
    font-family: solido_bold;
}

#addressListBlock .addBlock .defaultAddr {
    position: absolute;
    display: inline-block;
    right: 18px;
    top: 20px;
    padding: 1px 2px;
    font-size: 11px;
    color: #000;
    background: #ddd;
    font-family: solido_bold;
    text-transform: uppercase;
}

#addressListBlock .addBlock .loy-addr-cont h4 {
    color: #666;
    border-bottom: dotted 1px #ccc;
    height: 40px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

#addressListBlock .addBlock .loy-addr-cont {
    height: 250px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: dotted 1px #ccc;
}

#addressListBlock .addBlock .street {
    padding: 0;
}

#addressListBlock .addBlock .medButton {
    margin-top: 5px;
    height: 29px;
}

/* FAQ */
.faq-content {
    font-family: solido_book;
}

#AccountManagementMain .faq-content h2 {
    background: #323233;
    color: #fff;
    font-size: 14px;
    padding: 0 15px;
    margin: 0;
    height: 29px;
    line-height: 29px;
    text-shadow: none;
}

#AccountManagementMain .faq-content .faq-options {
    padding: 15px;
    margin-bottom: 16px;
}

.faq-list {
    text-align: left;
}

    .faq-list dl {
        margin: 0;
    }

    .faq-list dt {
        font-family: solido_bold;
        cursor: pointer;
        text-decoration: underline;
        margin-top: 5px;
    }

    .faq-list dd {
        display: none;
        margin: 6px 0;
        padding: 10px;
        border: #ccc solid 1px;
    }

    .faq-list .closer {
        background: #e6e6e5;
        cursor: pointer;
        float: right;
        width: 16px;
        height: 16px;
        text-align: center;
        font-weight: bold;
        margin-left: 10px;
        border: solid 1px #ccc;
    }


@media (max-width: 959px) {

    .titled-sub-content {
        text-align: left;
    }

        .loy-right-content, .sub-small, .sub-big, .titled-sub-content .sub-small, .titled-sub-content .sub-big {
            width: auto;
            float: none;
            margin-top: 10px;
        }

    #addressListBlock .dark-field {
        width: 47%;
    }

        #addressListBlock .dark-field:nth-child(odd) {
            float: right;
        }

    #addressListBlock .addBlock {
        display: block;
        text-align: left;
    }

    .loy-card-prod {
        width: 104px;
    }

    .loy-pagin {
        float: none;
    }

    .mapContainer {
        width: 100%;
    }

    #AccountManagementMain input[type=text], #AccountManagementMain input[type=password], #AccountManagementMain input[type=datetime], #AccountManagementMain input[type=email], #changeEmailDialog input[type=email], #changeEmailDialog input[type=password], #AccountManagementMain select {
        display: block;
        width: auto;
    }

    .loy-card-img, .loy-card-img a, .loy-card-img img {
        width: 100%;
    }

    #leftOpener {
        bottom: 27px;
        top: 0;
    }

    .loy-card-prod .loy-card-btns span .loy-card-btn-disabled {
        width: 65px;
    }
}

@media (max-width: 568px) {

    #addressListBlock .dark-field, #addressListBlock .dark-field:nth-child(odd) {
        float: none;
        width: auto;
    }

    .loy-right-content .tab-buttons-container {
        height: auto;
    }

        .loy-right-content .tab-buttons-container a {
            float: none;
            display: block;
            margin-bottom: 4px;
            border: solid 1px #d1d1d1;
            border-radius: 4px;
            top: 0;
        }

    #AccountManagementMain .loy-list-line div.loy-list-col {
        width: auto;
        float: none;
        text-align: left;
        padding: 5px 13px;
    }
}

@media (max-width: 350px) {
    .loy-card-prod {
        width: 170px;
    }
}



/* Loyalty Merge */

#loy-merge {
    padding: 10px;
}


    #loy-merge h2 {
        background: url(../Views/Locale/Content/Images/Loyalty/loy-title-img.png) no-repeat 5px center #636262; /* Old browsers */
        background: url(../Views/Locale/Content/Images/Loyalty/loy-title-img.png) no-repeat 5px center, -moz-linear-gradient(top, #636262 0%, #2d2d2c 100%); /* FF3.6+ */
        background: url(../Views/Locale/Content/Images/Loyalty/loy-title-img.png) no-repeat 5px center, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #636262), color-stop(100%, #2d2d2c)); /* Chrome, Safari4+ */
        background: url(../Views/Locale/Content/Images/Loyalty/loy-title-img.png) no-repeat 5px center, -webkit-linear-gradient(top, #636262 0%, #2d2d2c 100%); /* Chrome10+, Safari5.1+ */
        background: url(../Views/Locale/Content/Images/Loyalty/loy-title-img.png) no-repeat 5px center, -o-linear-gradient(top, #636262 0%, #2d2d2c 100%); /* Opera 11.10+ */
        background: url(../Views/Locale/Content/Images/Loyalty/loy-title-img.png) no-repeat 5px center, -ms-linear-gradient(top, #636262 0%, #2d2d2c 100%); /* IE10+ */
        background: url(../Views/Locale/Content/Images/Loyalty/loy-title-img.png) no-repeat 5px center, linear-gradient(to bottom, #636262 0%, #2d2d2c 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#636262', endColorstr='#2d2d2c', GradientType=0 ); /* IE6-9 */
        color: #f6f6f6;
        font-size: 17px;
        padding: 0 15px 0 40px;
        margin-bottom: 15px;
        height: 43px;
        line-height: 43px;
        border-radius: 4px;
        text-align: left;
    }

.mergeDescrHead {
    text-align: center;
    font-size: 12px;
    color: #333;
}

#loy-merge h3 {
    text-align: center;
    font-weight: normal;
    margin-bottom: 20px;
    font-size: 14px;
    color: #333;
}

    #loy-merge h3 strong {
        font-size: 20px;
        color: #000;
    }

.mergeDescr {
    text-align: center;
    font-size: 17px;
    color: #333;
}

.mergeTable {
    margin: 30px 0 10px 0;
}

.mergeHead, .mergeContent, .mergeEnd {
    clear: both;
}

.mergeContent {
    border: solid 1px #ccc;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

    .mergeContent .mergeFirstCol {
        font-size: 18px;
        line-height: 50px;
        color: #666;
    }

.mergeLine {
    border-top: dotted 1px #ccc;
}

    .mergeLine:first-child {
        border-top: none;
    }

.mergeFirstCol {
    clear: both;
    float: left;
    width: 24%;
}

.mergeOtherCol {
    float: left;
    width: 38%;
}

.mergeOtherColBig {
    float: left;
    width: 76%;
    text-align: center;
}

.confirm-buttons {
    clear: both;
    text-align: right;
}

.mergeLine .mergeOtherCol.activeCol div {
    background: #daf0da;
}

.mergeFirstCol div, .mergeOtherCol div, .mergeOtherColBig div {
    padding: 20px 28px;
}

.mergeHead .mergeOtherCol div, .mergeContent .mergeFirstCol div, .mergeEnd .mergeOtherColBig div {
    background: #f4f4f4;
}


/* tab head*/
.mergeHead .mergeOtherCol div {
    border-top: solid 1px #ccc;
    border-right: solid 1px #ccc;
    border-top-right-radius: 4px;
    font-size: 14px;
    color: #666;
}

.mergeHead .mergeOtherCol.leftCol div {
    border-right: none;
    border-left: solid 1px #ccc;
    border-top-right-radius: 0;
    border-top-left-radius: 4px;
}

.mergeHead .mergeOtherCol div strong {
    font-size: 18px;
    color: #333;
}

/* tab body */

.mergeContent .mergeFirstCol div, .mergeContent .mergeOtherCol div {
    height: 50px;
}

.mergeContent .mergeOtherCol {
    font-size: 16px;
    color: #666;
}

    .mergeContent .mergeOtherCol strong {
        font-size: 20px;
        color: #333;
    }

.mergeContent label {
    cursor: pointer;
}

.mergeContent input[type="radio"] {
    float: left;
    margin: 20px 10px 20px 0;
}

/* tab foot */
.mergeEnd .mergeOtherColBig div {
    padding-top: 55px;
    background: #f4f4f4 url(Images/mergeAcc.png) no-repeat center 15px;
    border-left: solid 1px #ccc;
    border-right: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    color: #666;
}

#loy-merge .mergeEnd .mergeOtherColBig div h3 {
    font-size: 20px;
    color: #333;
}

.mergeAdvice {
    display: inline-block;
    padding: 5px 8px;
    border-radius: 4px;
    border: solid 1px #9e0039;
}

@media (max-width: 750px) {

    .mergeFirstCol, .mergeOtherCol, .mergeOtherColBig {
        float: none;
        width: auto;
    }

    .mergeHead .mergeOtherCol div, .mergeHead .mergeOtherCol.leftCol div {
        border: solid 1px #ccc;
        border-radius: 4px;
        margin-bottom: 5px;
    }

    .mergeContent {
        border-radius: 4px;
    }

    .mergeEnd .mergeOtherColBig div {
        border: solid 1px #ccc;
        border-radius: 4px;
    }
}


/* Survey */

#loyalty-survey {
    padding: 10px;
}

    #loyalty-survey h1 {
        padding-bottom: 10px;
        font-size: 24px;
    }

    #loyalty-survey .surveyText {
        font-size: 14px;
        padding-bottom: 10px;
    }

.surveyInfos {
    font-size: 17px;
}

#loyalty-survey h2 {
    background: url(../Views/Locale/Content/Images/Loyalty/loy-title-img.png) no-repeat 5px center #323233; /* Old browsers */
    background: url(../Views/Locale/Content/Images/Loyalty/loy-title-img.png) no-repeat 5px center, -moz-linear-gradient(top, #323233 0, #2d2d2c 100%); /* FF3.6+ */
    background: url(../Views/Locale/Content/Images/Loyalty/loy-title-img.png) no-repeat 5px center, -webkit-gradient(linear, left top, left bottom, color-stop(0, #636262), color-stop(100%, #2d2d2c)); /* Chrome, Safari4+ */
    background: url(../Views/Locale/Content/Images/Loyalty/loy-title-img.png) no-repeat 5px center, -webkit-linear-gradient(top, #323233 0, #2d2d2c 100%); /* Chrome10+, Safari5.1+ */
    background: url(../Views/Locale/Content/Images/Loyalty/loy-title-img.png) no-repeat 5px center, -o-linear-gradient(top, #323233 0, #2d2d2c 100%); /* Opera 11.10+ */
    background: url(../Views/Locale/Content/Images/Loyalty/loy-title-img.png) no-repeat 5px center, -ms-linear-gradient(top, #323233 0, #2d2d2c 100%); /* IE10+ */
    background: url(../Views/Locale/Content/Images/Loyalty/loy-title-img.png) no-repeat 5px center, linear-gradient(to bottom, #323233 0, #2d2d2c 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#323233', endColorstr='#2d2d2c', GradientType=0 ); /* IE6-9 */
    color: #f6f6f6;
    font-size: 17px;
    padding: 0 15px 0 40px;
    margin-bottom: 15px;
    height: 43px;
    line-height: 43px;
}

#loyalty-survey h3.title-sub-content {
    background: #323233; /* Old browsers */
    background: -moz-linear-gradient(top, #323233 0, #2d2d2c 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #323233), color-stop(100%, #2d2d2c)); /* Chrome, Safari4+ */
    background: -webkit-linear-gradient(top, #323233 0, #2d2d2c 100%); /* Chrome10+, Safari5.1+ */
    background: -o-linear-gradient(top, #323233 0, #2d2d2c 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #323233 0, #2d2d2c 100%); /* IE10+ */
    background: linear-gradient(to bottom, #323233 0, #2d2d2c 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#323233', endColorstr='#2d2d2c', GradientType=0 ); /* IE6-9 */
    color: #f6f6f6;
    font-size: 14px;
    padding: 0 15px;
    margin-top: 15px;
    height: 29px;
    line-height: 29px;
    text-shadow: none;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

#loyalty-survey .titled-sub-content {
    padding: 15px;
    margin-bottom: 16px;
    border: solid 1px #d1d1d1;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.surveyImg {
    float: right;
    margin-left: 15px;
    width: 100px;
}

    .surveyImg img {
        width: 100%;
    }

.survey-block-title {
    float: left;
}

.survey-legend {
    border-top: dotted 1px #d2d2d2;
    float: right;
    width: 430px;
    padding: 9px 20px;
    margin-bottom: 10px;
}

.survey-legend-up {
    text-align: center;
    margin-bottom: 9px;
    font-weight: bold;
    color: #666;
    text-shadow: 1px 1px 1px #fff;
}

.survey-legend-right {
    float: right;
    margin-right: 13px;
}

.survey-legend-left {
    float: left;
    margin-left: 13px;
}

.survey-group {
    padding: 20px;
    margin-bottom: 12px;
}

.survey-line {
    padding: 10px 0;
    border-top: dotted 1px #d2d2d2;
}

    .survey-line:first-child {
        border-top: none;
    }

.survey-question {
    float: left;
    width: 49%;
    font-weight: bold;
}

.survey-answers {
    float: right;
    width: 430px;
}

    .survey-answers textarea {
        width: 100%;
        border-radius: 4px;
    }

.survey-answer-scale {
    float: left;
    width: 9%;
    text-align: center;
}

    .survey-answer-scale input {
        margin: 3px;
    }

#feedbackContactPreference h4 {
    margin-left: 0;
}

#feedbackContactPreference .survey-answers {
    font-weight: bold;
}

#feedbackContactPreference input {
    margin-top: 6px;
}


/* Tier 3 */

.tier3PageContainer {
    background: #e7e7e7;
    margin-top: 30px;
}

    .tier3PageContainer h2 {
        font-weight: normal;
        color: #707070;
        font-size: 24px;
    }

    .tier3PageContainer h1 {
        font-size: 30px;
    }

    .tier3PageContainer .tier3PageInfos {
        font-size: 20px;
        padding: 20px 0;
    }

.tier3Disclaimer {
    float: left;
    text-align: center;
    margin: 60px -60px -80px -50px;
}

.tier3Footer {
    margin: 10px;
    border-top: solid 1px #e7e7e7;
    padding-top: 10px;
}

.tier3FooterLeft {
    float: left;
}

.tier3FooterRight {
    float: right;
    text-align: right;
    width: 500px;
    font-size: 14px;
}



.tier3PageAdd {
    font-size: 28px;
    font-weight: bold;
}

.tier3PageText {
    float: left;
    width: 390px;
    padding: 100px 0 100px 90px;
}

.tier3PageImg {
    float: right;
    width: 480px;
}

    .tier3PageImg img {
        position: relative;
        top: -15px;
        right: -24px;
    }

.loy-right-content-tier-details {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
}
@charset "UTF-8";
/* Media queries for mobile platforms */




/* ------------------------------------------- For all viewers under normal 960px width ------------------------------------------- */
@media (max-width: 959px) {

    body {
        background: none !important;
    }

    .quickSearch .added {
        display: none;
    }

    .navBarIn {
        width: 100%;
    }

    .navBarIn {
        height: 44px;
    }

    .navLogo {
        display: block;
        float: left;
        width: 90px;
        height: 23px;
        padding: 8px 0 8px 8px;
        background: url(../Views/Locale/Content/Images/logo-mobile.png) no-repeat center;
    }

    .navBar .cart {
        margin-right: 0
    }

    .navBarOv {
        float: right;
        margin-right:-5px;
    }

    .navDrop {
        display: inline-block;
        margin-right: 5px;
    }

        .navDrop ul {
            z-index: 15;
            left: auto;
            right: 0;
        }


    .navLinks {
        display: block;
        padding: 5px 0 0 0;
        text-align: center;
        line-height: normal;
        margin-right:2px;
    }

        .navLinks strong {
            display: none;
        }

        .navLinks a {
            margin: -2px 8px 0 0 !important;
        }

    .loyaltyLinks {
        width: 30px;
        height: 33px;
        margin: 0;
        padding: 0;
        position: relative;
        border: none;
        background: url(Images/top-bar.png) no-repeat -308px -216px;
    }

        .loyaltyLinks span {
            display: block;
        }

    .loyaltyLinksIn {
        top: 34px;
        left: 0;
        position: absolute;
        background: #dadada;
        border: #c3c3c3 solid 1px;
        display: none;
    }

    .navLinks .loyaltyLinks li {
        display: block;
    }

    .navLinks .loyaltyLinks a {
        white-space: nowrap;
        display: block;
        width: auto;
        padding: 5px;
        margin: 0;
        float: none;
        color: #000;
        background: #dadada;
        border-top: #FFF solid 1px;
        border-bottom: #c3c3c3 solid 1px;
        text-shadow: none;
        text-indent: 0;
    }

    .head1 {
        display: none;
    }

    .loyaltyProfileBox-container {
        width: 270px;
        margin: 0 auto;
    }

    .loyaltyProfileBox-content .bar-wrapper {
        width: auto;
    }

    .joinNow {
        overflow: auto;
        width: 347px;
        margin: 0 auto;
    }

    .ui-autocomplete li.autoSing ol {
        top: 0px;
        display: none !important;
    }

    .ui-autocomplete li.autoSing a.ui-state-hover {
        margin-left: 0;
        padding-left: 8px;
        background-position: -30px 0;
    }


    .platMenuMobile {
        background: #323233;
    }

    #menu {
        background: #5a5a5a;
    }

    .platformBar, #menu {
        position: relative;
        height: auto;
        text-align: left;
    }

    .platMenuMobile {
        display: block;
        padding: 0 10px;
    }

        .platMenuMobile a {
            display: block;
            padding: 16px 0;
            font-size: 15px;
            font-weight: bold;
            color: #FFF;
            text-decoration: none;
            text-transform: uppercase;
            text-shadow: #000 1px 1px 1px;
            background: url(Images/mobile-open.png) no-repeat right 4px;
        }

        .platMenuMobile.openMenu a {
            background-position: right -331px;
        }

    .platformBar ul {
        display: none;
    }

    .platformBar li {
        display: block;
        float: none;
        background: none;
        height: 40px;
        padding: 0 10px;
        border-top: solid 1px #838383;
    }

    a.medButton.mobBut {
        display: inline-block;
    }

    .platformBar li a.platButton {
        float: left;
        width: 62%;
    }

    .platformBar li a.medButton {
        float: right;
        margin-right: -10px;
        margin-top: 3px;
    }

    .platformBar li:hover, .platformBar li.current-page {
        margin: 0;
        padding: 0 10px;
        height: 41px;
        background: linear-gradient(to bottom, #ffffff 0%,#e1e1e1 100%);
        border-bottom: solid 1px #27221a;
        border-top: solid 1px #b9b9b9;
    }

        .platformBar li:hover a.platButton, .platformBar li.current-page a.platButton {
            padding: 0;
            height: auto;
            line-height: 40px;
            background: none;
        }

    .headBar, .platformBar, .platformBar ul, .mainBody, .rightContent, .footerFooter, .addedDetInfo, .prodInfo, .platformHomeCustom .rightBlock, #inStores .inCol, .imgSliderWindow {
        width: auto;
        /*Not to center the text until it hit 569px in width*/
        /*text-align: center;*/
    }

    .mainBody {
        position: relative;
        top: 60px;
    }

    .singleProduct {
        padding: 18px 20px 21px 50px;
    }

    .singleProdInfo {
        padding: 0 20px;
        text-align: left;
    }

    .singleProduct .prodBuy {
        clear: both;
        float: none;
        padding: 0 20px 0 0;
        text-align: left;
        width: auto;
    }

    div.prodBuy .promoBox {
        display: block;
        width: auto;
    }

    .platformBar {
        background: none;
        text-align: left;
    }

    .bx-prev {
        left: 0;
    }

    .bx-next {
        right: 0;
    }

    .bx-prev:active {
        left: 2px;
    }

    .bx-next:active {
        right: -2px;
    }

    bx-viewport {
        height: auto !important
    }

    .platformBar ul, .platformBar {
        padding: 0;
    }

    #AccountManagementMain .rightContent {
        background: none;
    }

    .singleAdd {
        float: none;
        display: inline-block;
    }

    .searchDivider, #scroller {
        text-align: left;
    }

    .bundleBuilderLeft, .bundleList, .bundleBuilderRight, .bundleBuilder table {
        float: none;
        width: auto;
        margin: 0;
    }

    .bundleBuilderRight {
        background: none;
    }

    .bundleBuilderLeft .megaButton {
        margin-bottom: 12px;
    }

    .bundleBuilder table {
        width: 100%
    }

    .bundleConstruct.fixed {
        width: 100%;
    }

    .halfed, .orderHShip .halfed, .orderHShip .halfed:first-child {
        width: 48%;
        padding: 1%;
    }

    .pwdStr {
        width: 85%;
        max-width: 300px;
        padding: 0 10px;
        background-position: 86% 1.5%;
        background-size: 315% auto;
        margin-left: 0;
        margin-right: auto;
    }

    .pwdLow {
        background-position: 86% 5.5%;
    }

    .pwdMed {
        background-position: 86% 10%;
    }

    .pwdHi {
        background-position: 86% 14.5%;
    }

    .pwdPer {
        background-position: 86% 19%;
    }


    .mainContainer input[type=password], .mainContainer input[type=datetime], #addrForm input[type=password], .mainContainer input[type=text], .mainContainer input[type=PhoneNumber], #addrForm input[type=text], .mainContainer select, #addrForm select {
        margin: 0 auto 15px 0;
    }

    .mainContainer select, #addrForm select {
        width: 100%;
    }

    .leftBar {
        width: auto;
        padding: 10px;
        background: #FFF url(Images/left-bar-background.png) repeat-y 0 0;
        background: #eee;
        left: -230px;
        width: 215px;
        top: -3944px;
        position: fixed;
        float: none;
        margin: 0 auto;
        text-align: left;
        box-shadow: 2px 2px 3px 0px #999;
        z-index: 10;
        border-top-right-radius: 5px;
    }

    .leftBarIn {
        /*height: 250px;*/
        overflow-x: hidden;
        overflow-y: auto;
        background: url("Images/filters.png") no-repeat scroll -208px bottom transparent;
    }

    .filterType {
        background: none;
        border-bottom: solid 1px #bbb;
    }

    .leftBarBlock {
        background: none;
    }

    #leftOpener {
        display: block;
    }

    .breadCrumb, .searchSum {
        text-align: left;
    }

    .ageBlock {
        float: none;
        margin: 0 auto;
        padding: 0;
    }

    .searchProductTile {
    }

    #AccountManagementMain .leftBar {
        background: #eee;
    }

    .mainFooter {
        width: auto;
    }

        .mainFooter ul {
            padding: 0;
            display: none;
        }

    .mainFooterSep {
        background: none;
    }

    .mainFooter h4 {
        color: #eee;
        margin-bottom: 0;
        text-shadow: inherit;
        cursor: pointer;
        padding: 9px 0;
        background: url(Images/accord-icon.png) no-repeat right -216px;
    }

        .mainFooter h4.opened {
            background-position: right 14px
        }

    .footerCol, .footerColFirst, .footerColLast {
        float: none;
        width: auto;
        padding: 0 20px;
    }

    .footerFooter {
        text-align: center;
        vertical-align: middle;
    }

    .platformsBlocks {
        padding: 0
    }

    .loyaltyProfileBox {
        width: auto;
    }

    #OrderDetails table tr, #OrderDetails table td, .orderHProd table tbody tr, .orderHProd table tbody td {
        text-align: left;
    }

    .platformHomeCustom {
        padding: 0 20px;
    }

    .cookieBar {
        background: #fed;
        box-shadow: inset 0px 0px 6px -1px #432;
        text-align: left;
        padding: 9px;
        margin-bottom: 10px;
    }

        .cookieBar span {
            float: none;
            line-height: normal;
            height: auto;
            padding-left: 0;
        }

            .cookieBar span em {
                line-height: normal;
            }

        .cookieBar a {
            float: none;
            display: inline-block;
            line-height: normal;
            height: 27px;
            margin-top: 3px;
            background-position: -721px -104px;
        }

            .cookieBar a.declineCookie {
                background-position: -421px -104px;
            }

    .cookieBar2In {
        width: auto;
    }

    /* mobile view*/

    .toTopBtn {
        bottom: 50px;
    }

    /* banner sliders */

    .main-slider {
        padding: 10px;
    }

        .main-slider .dynamicSingle {
            height: auto;
        }

        .main-slider .dynamicBannerContainer .bx-prev {
            left: 0;
        }

            .main-slider .dynamicBannerContainer .bx-prev:active {
                left: 0;
            }

        .main-slider .dynamicBannerContainer .bx-next {
            right: 0;
        }

            .main-slider .dynamicBannerContainer .bx-next:active {
                right: 0;
            }

    .loginBlock .registerFormIn, .logButtons, .loginBlockIn.newRegister .loginForm.wideForm {
        max-width: 400px;
        margin-left: auto;
        margin-right: auto;
        width: auto;
    }

    .loginBlock .registerHeader {
        width: auto;
    }

    .loginBlockIn.newRegister .loginForm.wideForm fieldset {
        background: none;
    }


    .loginBlockIn.newRegister .loginForm.wideForm .loginLine {
        overflow: inherit;
    }

    .loginBlockIn.newRegister .loginForm.wideForm .loginSplit {
        float: none;
        width: auto;
    }

        .loginBlockIn.newRegister .loginForm.wideForm .loginSplit:first-child {
            float: none;
        }
    /* Moved the buttons to the left of the srceen in the Nearest Stores section within the ReserveInStore.cshtml */
    .singleStoreName {
        text-align: left;
    }

    .searchRefinement {
        display: none;
    }

        .searchRefinement span:nth-child(1) {
            margin-left: 5px;
            padding-left: 0;
        }

        .searchRefinement span:nth-child(2) {
            display: block;
        }

    #ResponsiveLoginBlockIn {
        display: flex;
    }

    .platformBar {
        padding-bottom: 0 !important;
    }

    .mainContainer {
        padding-top: 0 !important;
    }

    .searchSum {
        margin-top: 0;
    }

    .searchProductTile {
    }

    #AccountManagementMain .loy-list-line div.loy-list-col.couponList {
        text-align: left;
        padding: 5px 0;
    }

    #couponDetailsTable table,
    #couponDetailsTable thead,
    #couponDetailsTable tbody,
    #couponDetailsTable th,
    #couponDetailsTable td,
    #couponDetailsTable tr {
        display: block;
        border: 0;
    }

        #couponDetailsTable thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

    #couponDetailsTable {
        width: 100%;
    }

        #couponDetailsTable tr {
            border: 1px solid #ccc;
            margin-bottom: 5px;
            padding-bottom: 5px;
        }

        #couponDetailsTable td {
            border: none;
            position: relative;
            padding-left: 42%;
            white-space: normal;
            text-align: left;
            padding-bottom: 5px;
        }

            #couponDetailsTable td:before {
                position: absolute;
                left: 6px;
                font-weight: bold;
            }

            #couponDetailsTable td:before {
                content: attr(data-title);
            }

    .loyalty-content-sub > .titled-sub-content {
        display: none;
    }

    .myAccountHeader > span {
        display: block;
        float: right;
        font-size: 25px;
        transition: 0.3s;
    }

    .myAccountHeader.opened > span {
        transform: rotate(45deg);
    }

    .myAccountHeader {
        border-bottom: 1px solid white;
        background: url(Images/accord-icon.png) no-repeat right -216px;
    }

    .titled-sub-content .sub-small {
        float: left;
    }

    .loyalty-slider > .loyalty-slider-single {
        width: auto !important;
    }
}














/* ------------------------------------------- medium - landscape (tablet) ------------------------------------------- */
@media (min-width: 569px) and (max-width: 959px) {

    .mainBody {
        top: 124px;
    }

    .platformBar {
        position: relative;
        top: 124px;
    }

    .headBar {
        height: auto;
        width: 100%;
        padding: 0;
        overflow: auto;
    }

    .quickSearch {
        float: left;
        margin-left: 2%;
    }


    .loyaltyProfileBox-container {
        width: 353px;
    }

    .loyaltyProfileBox-content {
        width: 294px;
        text-align: left;
    }


    .imgSliderWindow {
        padding: 10px 20px;
    }

    .width1-3 {
        float: left;
        width: 33%;
        margin: 0;
        padding: 0;
    }

    .platformHomeCustom .bx-wrapper {
        padding: 0;
        height: auto !important;
    }

    .platformHomeCustom img {
        display: block;
        width: 100%;
    }

    .width2-3, .platformHomeCustom .rightBlock {
        float: right;
        width: 61%;
        margin: 0;
        padding: 0;
    }

    .platformHomeCustom .banner.width1-3 {
        width: 33%;
    }

    .platformHomeCustom .rightBlock {
        max-height: 320px;
        overflow: hidden;
    }

    .rightBlock .gameCardStyle {
        display: inline-block;
        float: none;
        margin-bottom: 10px;
    }

    .width3-3 {
        float: none;
        width: 100%;
        margin: 10px 0;
        padding: 0;
    }

    .banner.width1-3 {
        width: 100%;
    }

        .banner.width1-3 .banner {
            float: none;
            vertical-align: middle;
            display: inline-block;
            margin: 10px
        }

    .banner img {
        max-width: 100%;
    }

    .charts.style2 {
        float: none;
        width: 100%;
    }

        .charts.style2 .chartsIn {
            text-align: center;
            padding-bottom: 0;
        }

        .charts.style2 .singleChart {
            float: none;
            display: inline-block;
            margin: 10px;
        }

    .platformBlock {
        display: inline-block;
        float: none;
    }

    .twoColumns {
        background: #fff;
    }

    .sorting {
        display: none;
        /* add slide in*/
    }

    .rightContent {
        float: none;
    }


    /* prod sheet */

    .prodInfo {
        text-align: left;
        width: 66%;
        padding: 0;
    }

    .prodSugg {
        height: 315px;
        overflow: hidden;
        text-align: center;
    }

        .prodSugg .gameCardStyle {
            margin: 0 10px 15px 10px;
            float: none;
            display: inline-block;
        }

    #inStores .inCol {
        float: none;
    }

    .imgSliderWindow, #imgSlider, #imgSlider li {
        height: auto;
    }

        #imgSlider img {
            display: block;
            width: 100%;
        }

    /* login */

    .loginBlockIn {
        padding: 5px 0px 30px 5px;
    }


        .loginBlockIn .loginForm, .loginBlock fieldset {
            padding: 0;
            background: none;
            text-align: left;
        }

    .loginBlock .registerHeader {
        width: auto;
    }

    .loginBlock .registerFormIn {
        width: auto;
    }

        .loginBlock .registerFormIn .logButtons {
            width: auto;
        }

    .loginForm fieldset {
        width: 98%
    }

    #addrForm select {
        width: 100%;
    }

    .loginBlock h1 {
        margin: 0;
    }

    .loginBlock fieldset .loginBtnText {
        display: inline-block;
        width: 98%;
    }

        .loginBlock fieldset .loginBtnText .megaButton {
            display: block;
            margin: 0;
            width: auto;
        }



    .loyaltyRemRight {
        margin: 0;
    }


    #CustomSkin {
        display: none;
    }

    .locatorLegend span {
        margin-left: 10px;
    }

    .bundleBuilderRight .variantType h3 {
        font-size: 18px;
        max-width: 20px;
    }

    .couponTable td {
        padding: 8px 11px;
    }
}











/* ------------------------------------------- medium + portrait (tablet) ------------------------------------------- */
@media (min-width: 569px) and (max-width: 750px) {

    .navLinks a, .mainDrop {
        width: 30px;
        padding: 0;
        overflow: hidden;
        margin: 0;
        text-indent: -3000px;
        background-position: center;
        background-size: 100%;
    }

    .accountDrop {
        width: 30px;
        padding: 0;
        overflow: hidden;
        margin: 0;
        text-indent: -3000px;
        background-position: center;
        background-size: 100%;
    }


    .loyaltyProfileBox, .quickSearch {
        float: none;
        height: 54px;
        margin: 5px auto;
        width: 353px;
    }

    .level-bar-content {
        display: none;
    }

    .singleProduct .prodImg {
        margin: 0;
        text-align: left;
    }

    .addBlock {
        float: none;
        width: 100%;
        padding: 10px 0;
        margin: 6px 0;
    }

    .footerFooter {
        text-align: left;
        vertical-align: middle;
    }

        .footerFooter .sharePage, .footerFooter .paymentOptions {
            float: none;
            width: auto !important;
        }

            .footerFooter .sharePage a {
                display: inline-block;
                float: none;
                vertical-align: middle;
                margin-bottom: 15px;
            }

    #CustomSkin {
        display: none;
    }

    .buySection, .prodWishBlock {
        padding-left: 0;
    }

    .variantsContainer {
        padding-left: 10%;
    }
}

@media (max-width: 750px) {
    .bundleBuilderRight .bundleProductVariant .details {
        width: 70%;
    }

    .bundleBuilderRight .bundleProductVariant .buttons {
        float: left;
        height: 35px;
    }

    .bundleBuilderRight .bundleProductVariant .bundleAdd {
        float: left;
        top: 0;
        position: inherit;
    }

        .bundleBuilderRight .bundleProductVariant .bundleAdd a {
        }

    .bundleBuilderRight .bundleProductVariant .bundleInfo {
        float: left;
        top: 0;
        position: inherit;
    }

        .bundleBuilderRight .bundleProductVariant .bundleInfo a {
        }

    .bundleBuilderRight .bundleProductVariant .bundleRemove {
        float: left;
        top: 0;
        position: inherit;
    }

        .bundleBuilderRight .bundleProductVariant .bundleRemove a {
        }

    .bundleBuilderRight .variantType {
        display: none;
    }

        .bundleBuilderRight .variantType h3 {
            display: none;
        }


    .bundleList.bundleProductVariant {
        height: auto;
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0;
    }

        /*.bundleList .bundleProductVariant .pImage {
		width: 60px;
	}
	.bundleList .bundleProductVariant .pImage img {
		float: left;
		width: 60px;
	}*/

        .bundleList .bundleProductVariant .details {
            width: 70%;
        }

            .bundleList .bundleProductVariant .details .title {
            }

            .bundleList .bundleProductVariant .details .platformAndVendor {
                /*display: none;*/
            }

            .bundleList .bundleProductVariant .details .genre {
                /*display: none;*/
            }

            .bundleList .bundleProductVariant .details .price {
                /*display: none;*/
            }

        .bundleList .bundleProductVariant .buttons {
            float: left;
            height: 35px;
        }

        .bundleList .bundleProductVariant .bundleAdd {
            float: right;
            top: 0;
            position: inherit;
        }

            .bundleList .bundleProductVariant .bundleAdd a {
            }

        .bundleList .bundleProductVariant .bundleInfo {
            float: left;
            top: 0;
            position: inherit;
        }

            .bundleList .bundleProductVariant .bundleInfo a {
            }

        .bundleList .bundleProductVariant .bundleRemove {
            float: left;
            top: 0;
            position: inherit;
        }

            .bundleList .bundleProductVariant .bundleRemove a {
            }


    .bundleList .variantType {
        text-align: left;
        float: none;
        height: auto;
        margin-left: 0;
    }

        .bundleList .variantType h3 {
            position: inherit;
            top: 0;
        }

    .shortLangBtn {
        display: block;
        font-size: 20px;
    }

    .longLangBtn {
        display: none;
    }

    .navDrop {
        padding-right: 5px;
        margin-right: 5px;
    }

    .giftcardBlock {
        width: auto;
    }

    .locatorLegend span {
        width: 70%;
        vertical-align: middle;
        display: inline-block;
        margin-right: 30px;
        line-height: normal;
    }

    .paymentOptions img {
        margin: 0 5px 0 0;
    }



    .orderHShip .halfed, .orderHShip .halfed:first-child {
        float: none;
        width: auto;
        padding: 0;
    }

    .orderHShip .singleAdd {
        min-height: initial;
    }

        .orderHShip .singleAdd div {
            width: auto !important;
        }

    #favouriteStoreDiv h5 {
        float: left;
    }

    .prd-bonus {
        float: none;
        margin: 40px auto 0 auto;
        text-align: left;
        width: 60%;
    }

    /* UX review */
    .prodLeftBlock, .prodRightBlock {
        float: none;
        width: 100%;
    }

    #addedDet {
        text-align: left;
    }

    .addedDetInfo {
        text-align: left;
    }

        .addedDetInfo label {
            width: inherit;
        }



    .giftCardEditor {
        margin-top: 10px;
    }

        .giftCardEditor .giftCardText {
            background: none;
            padding: 0;
            margin: 0 auto;
            width: 95%;
        }

        .giftCardEditor .giftCardDisc {
            padding: 10px 10px 35px 10px;
        }

        .giftCardEditor h3.gift2 {
            float: left;
            width: 100%;
            text-align: left;
        }

        .giftCardEditor .CheckboxType p {
            float: left;
            width: 80%;
            text-align: left;
        }

        .giftCardEditor h3.gift3 {
            float: left;
            width: 100%;
            text-align: left;
        }

        .giftCardEditor .ChooseAmount div.DropDownList {
            float: left;
            width: 40%;
        }

        .giftCardEditor .OtherAmount {
            width: 60%;
        }

        .giftCardEditor .Quanity {
            float: left;
            width: 100%;
            text-align: left;
        }

            .giftCardEditor .Quanity input[type=number] {
                float: left;
                width: 95%;
            }

            .giftCardEditor .Quanity .field-validation-error {
                width: 94%;
                float: left;
                margin-left: 0;
            }

        .giftCardEditor .giftStep {
            float: left;
            margin: 0 auto;
            padding: 0;
            width: 94%;
        }

        .giftCardEditor .giftStep {
            width: 100%;
        }

            .giftCardEditor .giftStep input[type=text] {
                margin: 0;
                float: left;
                width: 98%;
                margin: 5px 0 15px 0;
            }

        .giftCardEditor .giftBig h3 {
            float: left;
            text-align: left;
            margin: 0;
        }


        .giftCardEditor .giftBig textarea {
            margin: 0;
            width: 96%;
            float: left;
        }

    .giftCardTotal .addNewGiftCard {
        display: block;
        width: auto;
        text-align: center;
        margin-bottom: 10px;
        width: 94%;
    }

        .giftCardTotal .addNewGiftCard .bigButton {
            float: none;
            width: auto;
            margin: auto 0;
        }

    .giftCardTotal .checkGiftCardBalance {
        display: block;
        width: auto;
        text-align: center;
        margin-bottom: 10px;
        float: left;
        width: 94%;
    }

        .giftCardTotal .checkGiftCardBalance .bigButton {
            float: none;
            width: auto;
            margin: auto 0;
        }

    .giftCardTotal .addGiftCardToCart {
        display: block;
        width: auto;
        text-align: center;
        margin-bottom: 10px;
        float: left;
        width: 94%;
    }

        .giftCardTotal .addGiftCardToCart .bigButton {
            float: none;
            width: auto;
            margin: auto 0;
        }

    .giftStep .field-validation-error {
        display: block;
        float: left;
        margin-top: 3px;
        width: 95%;
    }

    .DLCVariant {
        margin: 0 auto;
        float: none;
        text-align: center;
    }

    #addedDet {
        margin: 0 auto;
        float: none;
        text-align: center;
    }

    .singleProductItem {
        margin: 0 auto;
        float: none;
        text-align: center;
    }

    .SPNOpenMap span {
        margin: 0 auto;
        float: none;
        display: inline-block;
        width: auto;
    }

    .locatorLegend {
        padding-bottom: 15px;
    }

    .SPNOpenMap {
        text-align: center;
    }

    .singleVariantRadio {
        margin-right: 10px;
    }

    .sorting {
        display: none;
        /* add slide in*/
    }

    /* Centres CNET logo on mobile */
    div.ccs-logo-ls > table {
        width: 100%;
    }

    div.ccs-logo-ls-entry.ccs-logo-ls-xbox {
        width: 20%;
        margin-left: auto;
        margin-right: auto;
    }

    .tradeValueBlock, .havelist-wishlist-block {
        margin-top: 15px;
    }
}


/* ------------------------------------------- small - landscape (cellphone) ------------------------------------------- */
@media (max-width: 568px) {

    .platformBar {
        position: relative;
        top: 124px;
    }

    .bundleBuilderRight .bundleProductVariant {
        height: auto;
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0;
    }

        .bundleBuilderRight .bundleProductVariant .pImage {
            width: 100%;
        }

            .bundleBuilderRight .bundleProductVariant .pImage img {
                float: left;
            }

        .bundleBuilderRight .bundleProductVariant .details {
            float: none;
            width: 100%;
            text-align: left;
        }

        .bundleBuilderRight .bundleProductVariant .buttons {
            float: none;
            width: 100%;
            height: 35px;
        }

        .bundleBuilderRight .bundleProductVariant .bundleAdd {
            float: right;
            top: 0;
            position: inherit;
        }

            .bundleBuilderRight .bundleProductVariant .bundleAdd a {
            }

        .bundleBuilderRight .bundleProductVariant .bundleInfo {
            float: left;
            top: 0;
            position: inherit;
        }

            .bundleBuilderRight .bundleProductVariant .bundleInfo a {
            }

        .bundleBuilderRight .bundleProductVariant .bundleRemove {
            float: left;
            top: 0;
            position: inherit;
        }

            .bundleBuilderRight .bundleProductVariant .bundleRemove a {
            }


    .bundleBuilderRight .variantType {
        text-align: left;
        float: none;
        height: auto;
        margin-left: 0;
    }

        .bundleBuilderRight .variantType h3 {
            position: inherit;
            top: 0;
        }


    .bundleList.bundleProductVariant {
        height: auto;
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0;
    }

        .bundleList .bundleProductVariant .pImage {
        }

            .bundleList .bundleProductVariant .pImage img {
            }

        .bundleList .bundleProductVariant .details {
            float: none;
            width: 100%;
            text-align: left;
        }

            .bundleList .bundleProductVariant .details .title {
            }

            .bundleList .bundleProductVariant .details .platformAndVendor {
            }

            .bundleList .bundleProductVariant .details .genre {
                display: none;
            }

            .bundleList .bundleProductVariant .details .price {
                display: none;
            }

        .bundleList .bundleProductVariant .buttons {
            float: none;
            width: 100%;
            height: 35px;
        }

        .bundleList .bundleProductVariant .bundleAdd {
            float: right;
            top: 0;
            position: inherit;
        }

            .bundleList .bundleProductVariant .bundleAdd a {
            }

        .bundleList .bundleProductVariant .bundleInfo {
            float: left;
            top: 0;
            position: inherit;
        }

            .bundleList .bundleProductVariant .bundleInfo a {
            }

        .bundleList .bundleProductVariant .bundleRemove {
            float: left;
            top: 0;
            position: inherit;
        }

            .bundleList .bundleProductVariant .bundleRemove a {
            }


    .bundleList .variantType {
        text-align: left;
        float: none;
        height: auto;
        margin-left: 0;
    }

        .bundleList .variantType h3 {
            position: inherit;
            top: 0;
        }

    .bundleLeft {
        width: auto;
        margin-left: 0;
    }

    .currentBundle {
        margin-top: 0
    }

    .joinNow {
        margin-top: -3px;
    }

    .navLinks a {
        width: 29px;
        margin: 4px 8px 0 0 !important;
    }

    .loyaltyProfileBox {
        float: none;
        margin: 5px auto;
        display: inline-block;
    }

    .loyaltyProfileBox-img {
        width: auto;
    }

    .loyaltyProfileBox-content {
        margin-top: 0;
        width: auto;
    }

    .slideBtn {
        display: inline-block;
    }

    .navBar .cart {
        display: inline-block;
        z-index: 6;
        width: auto;
    }

    #cartTarget {
        margin-left: 5px;
    }

    .cartRemind em {
        display: none;
    }

    .cartEmpty {
        height: 44px;
        width: 0;
        padding-left: 36px;
        padding-right: 0;
        background-position: center;
        background-size: 85%;
        overflow: hidden;
        text-indent: -3000px;
    }

    .cartRemind {
        height: 39px;
        line-height: 32px;
        width: 58px;
        padding: 5px 2px 0 29px;
        background-position: 5px 10px;
    }

    .navBarMessage {
        position: fixed;
        top: 41px;
        z-index: 12;
        right: -3px;
    }

    .platformBlock, .platformBlock:first-child {
        float: none;
        margin: 0 auto 20px auto;
    }

    .platformHomeCustom .rightBlock {
        float: none;
    }

    .platformHomeCustom .bx-wrapper {
        float: none !important;
        margin: 0 auto !important;
    }

    .headBar {
        padding: 0;
        clear: both;
    }

    /*New head*/

    .navLinks a, .mainDrop {
        width: 30px;
        padding: 0;
        overflow: hidden;
        text-indent: -3000px;
        background-position: center;
        background-size: contain;
    }

    .accountDrop {
        width: 30px;
        padding: 0;
        overflow: hidden;
        margin: 0;
        text-indent: -3000px;
        background-position: center;
        background-size: contain;
    }


    .quickSearch {
        float: none;
        clear: both;
        margin: 5px auto 0 auto;
        width: 90%;
    }

    .quickInputContainer {
    }

    .quickSearch.selec .quickInputContainer {
    }

    .quickSearchInput {
        width: 71%;
        z-index: 6;
        padding: 0;
    }

    .quickSearch .added {
        display: none;
    }

    .ui-autocomplete {
        width: 89%;
    }

        .ui-autocomplete li.autoSing span {
            font-size: 11px;
            font-weight: normal;
        }

        .ui-autocomplete li.autoSing img {
            display: none;
        }

        .ui-autocomplete li.autoSing ul {
            display: none;
        }

        .ui-autocomplete li.autoSing p {
            display: none;
        }

        .ui-autocomplete li.autoSing span.descr {
            display: none;
        }


    .imgSliderWindow, #imgSlider, #imgSlider li {
        height: auto;
    }

        #imgSlider img {
            display: block;
            width: 100%;
        }

    .loginBlockIn {
        padding: 0 0 30px 0;
    }

        .loginBlockIn .loginForm {
            float: none;
            padding: 0;
            margin: 10px auto;
            width: auto;
        }

    .loginBlock fieldset {
        min-height: inherit;
        width: auto;
        background: none;
        text-align: left;
    }

        .loginBlock fieldset .megaButton {
            width: auto;
        }

    .singleProduct a.megaButton {
        height: unset;
        line-height: unset;
        padding: 2px;
    }

    .singleProduct a.ropisPop {
        display: none;
    }

    .loginBtnText {
        padding: 0 11px
    }

    .loginBlockIn.newRegister .loginForm.wideForm {
        margin: 0;
        width: auto;
        max-width: inherit;
    }

    .field-validation-error {
        width: auto;
    }

    .pwdStr {
        margin: -10px auto 15px 0;
    }

    .rightContent, .prodInfo, .mainInfo .prodImg, #inStores .inCol, .ageBlock, .singleProdInfo {
        float: none;
    }

    .mainInfo .prodImg {
        display: block;
        margin: 0 auto;
        height: auto;
    }

    .havelist-wishlist-block {
        height: auto;
    }

    .imgSliderWindow, #inStores .inCol, .prodInfo {
        padding: 9px 0;
    }

    .headBar, .navBarUp, .mainInfo, .addCartBar {
        height: auto;
    }


    /* ultra new  */
    .mobileView .headBar {
        overflow: hidden;
    }

    .slidingHead {
        width: 200%;
        position: relative;
        left: -100%;
    }

    .leftSlideHead, .rightSlideHead {
        float: left;
        width: 50%;
    }

    .rightSlideHead {
        margin-left: 50%;
    }

    .leftSlideHead + .rightSlideHead {
        margin-left: 0;
    }

    .rightSlideHead .slideBtn {
        display: none;
    }

    .leftSlideHead + .rightSlideHead .slideBtn {
        display: inline-block;
        margin-top: 9px;
    }

    .slidingHead, .slidingHead .quickSearch {
        display: inline-block;
    }

    .loyaltySmallNonMobile {
        height: 50px;
    }

    .loyaltyProfileBox {
        display: none;
    }

    .slidingHead .loyaltyProfileBox-img {
        display: block;
        float: left;
        width: auto;
    }

        .slidingHead .loyaltyProfileBox-img img {
            height: 40px;
            width: 40px;
            border: none;
        }

    .loyaltyProfileBox-container {
        width: auto;
    }

    .slidingHead .loyaltyProfileBox-content {
        display: block;
        float: left;
        width: 200px;
        text-align: left;
    }

    .loyalty-points {
        float: right;
        width: 58%;
    }


        .loyalty-points a {
            display: inline-block;
        }

    .loyaltylogout, .loyalty-points-txt, .carrtitle, .level-bar-content {
        display: none;
    }

    .loyaltyProfileBox-bar {
        width: 40%;
        float: left;
    }

    .platformBar .platMenuMobile {
        display: none;
    }


    .unloggedMobileHead {
        float: right;
        display: block;
    }

        .unloggedMobileHead a {
            width: 30px;
            padding: 0;
            overflow: hidden;
            text-indent: -3000px;
            background-position: center;
            background-size: contain;
        }

    /* ultra new end */





    .twoColumns {
        background: #fff;
    }

    .addCartBar {
        height: auto !important;
    }

        .addCartBar.fixed {
            background: #e4e4e4;
            border-bottom: solid 1px #fff;
            box-shadow: #000 0px 10px 19px -13px;
            margin: 0;
            padding: 0;
            width: 100%;
        }

            .addCartBar.fixed .prodImg {
                margin: 8px 0;
                width: 20%;
            }

            .addCartBar.fixed .prodInfo h1 {
                float: none;
                width: 73%;
                margin: 10px auto;
            }

            .addCartBar.fixed .prodBuy {
                clear: both;
                float: none;
                margin: 10px auto;
            }

                .addCartBar.fixed .prodBuy p, .singleStoreName, .singleStoreButt {
                    float: none;
                    display: block;
                    /*Moved the buttons in the singleStoreName to the center of the page*/
                    text-align: center;
                }

    .searchSum {
        text-align: left;
        font-size: 16px;
    }

    .searchProductTile {
    }

    .singleProduct {
        padding: 10px 0 21px 20px;
    }

        .singleProduct .prodImg {
            display: block;
            padding: 0;
            text-align: left;
            margin-bottom: 5px;
            width: 100px !important;
        }

            .singleProduct .prodImg img {
                display: block;
                max-height: 100%;
                max-width: 100%;
                margin: 0 auto;
            }

        .singleProdInfo h3, .singleProduct h4, .singleProduct li {
            margin-right: 15px;
            overflow: auto;
        }

        .singleProduct h3 {
            font-size: 18px;
        }

        .singleProduct h4 {
            font-size: 16px;
        }

    .singleProdInfo {
        padding: 0;
        width: auto;
        display: table-cell;
    }

    .bundleMobile {
        color: black;
        text-align: center;
        margin-top: 8px;
        display: block;
    }

    .hideOnMobile {
        display: none;
    }



    .mainInfo .prodBuy, .rateSt, .rateWord {
        float: none;
        margin: 0 auto;
        padding: 0;
    }

    .rateWord {
        text-align: center;
    }

    .gameCardStyle {
        min-height: 207px;
        width: 80px;
    }

    .cardImg {
        height: auto;
        width: auto;
        position: static;
    }

        .cardImg a {
            position: static;
            width: auto;
            height: 110px;
        }

        .cardImg img {
            max-height: 105px;
            max-width: 76px;
        }

    .prodSugg, .rightBlock {
        max-height: 322px;
        overflow: hidden;
        text-align: center;
        padding: 0;
    }


    .prodSugg .gameCardStyle, .rightBlock .gameCardStyle {
        display: inline-block;
        vertical-align: top;
        float: none;
        margin-bottom: 20px;
        margin-left: 10px;
    }

    .prodSugg .gameCardStyle:first-child {
        margin-left: 10px;
    }

    .gameCardStyle .medButton {
        min-width: inherit;
        width: 75px;
    }

    .mediaVideo iframe {
        max-width: 100%;
        height: auto;
    }

    .width1-3, .width2-3, .width3-3 {
        float: none;
        width: 100%;
        margin: 10px 0;
        padding: 0;
    }

    .charts.style2 .singleChart {
        float: none;
        margin: 10px auto;
    }

    .singleProdInfo li {
        padding: 0;
        background: none;
    }

    .giftcardBlock {
        width: auto;
    }

    .addBlock {
        float: none;
        width: 100%;
        padding: 10px 0;
    }

    .sharePage {
        float: none;
        width: auto;
    }

    .banner img {
        max-width: 100%;
    }

    .locatorPage .mapOut, .locatorPage .mapIn, .mapIn h1, .mapIn h1 span {
        width: auto;
        padding: 0;
        margin: 0;
    }

    .locatorPage h1 {
        margin-right: 0;
        overflow: hidden;
    }

    .locatorPage .mapContainer #map {
        height: 350px;
    }

    .loyaltyRem a {
        width: 45%;
    }

    .loyaltyRem img {
        width: 100%;
    }


    .mainContainer .ncoltable2 select, .mainContainer .ncoltable2 input[type=text] {
        padding: 0;
        text-align: left;
    }

    .orderHDet .halfed, .orderHShip .halfed, .orderHShip .halfed:first-child {
        float: none;
        width: 100%;
    }

    .orderHProd table {
        table-layout: auto;
    }

        .orderHProd table thead tr th {
            padding: 5px;
        }

        .orderHProd table tbody td, .orderHProd table tbody td.wid50, .orderHProd table tbody td.wid15, .orderHProd table tbody td.wid10, .orderHProd table tbody td.wid5 {
            width: auto;
            padding: 0;
        }

        .orderHProd table .colPrice {
            padding: 0;
        }

    #AddressList p {
        margin-bottom: 10px;
    }


    .footerFooter .sharePage, .footerFooter .paymentOptions {
        float: none;
        width: auto !important;
        text-align: left;
    }

        .footerFooter .sharePage a {
            display: inline-block;
            vertical-align: top;
            float: none;
            margin-bottom: 15px;
        }

    .giftCardText {
        background: none;
        padding: 0;
        margin: 0 auto;
        width: 90%
    }

    .giftCardBlock h3, .giftCardBlock p {
        text-align: left;
    }

    #CustomSkin {
        display: none;
    }

    .headBar, .platformBar, .platformBar ul, .mainBody, .rightContent, .footerFooter, .prodInfo, .platformHomeCustom .rightBlock, #inStores .inCol, .imgSliderWindow {
        width: auto;
        text-align: center;
    }

    #favouriteStoreDiv h4 {
        display: inline-block;
        text-align: center;
        float: none;
    }

    #favouriteStoreDiv p {
        text-align: center;
        float: none;
    }

    .singleProdInfoImages {
        display: none;
    }

    .storeSel h5 {
        margin: 10px;
    }

    .prodTitle, .prodRate {
        float: none;
        width: 100%;
    }

    .prodSinglePromo {
        width: 100%;
    }

    .breadCrumb {
        text-align: center;
    }

    .giftCardBalance {
        padding: 0 25px;
        width: auto;
    }

        .giftCardBalance h1 {
            width: auto;
        }

    .giftCardBlock img {
        display: none;
    }

    .giftStep {
        float: none;
        margin: 0 auto;
        padding-right: 25px;
        width: auto;
    }

        .giftStep .bigButton {
            float: none;
        }

    .Availabilitylegend {
        float: none;
        width: 100%;
    }

    .locatorLegend {
        padding-bottom: 15px;
    }

    .barcodeCouponImage {
        padding: 0;
        width: 100%;
        margin-top: 20px
    }

    .couponTable thead {
        display: block;
        float: left
    }

        .couponTable thead tr {
            display: block;
        }

    .couponTable th {
        display: block;
        border-top: 1px solid #ddd;
    }

    .couponTable tbody {
        display: block;
        width: auto;
        position: relative;
        overflow-x: auto;
        white-space: nowrap;
    }

        .couponTable tbody tr {
            display: inline-block;
            vertical-align: top;
        }

    .couponTable td {
        display: block;
        text-align: right;
        padding: 8px 0;
    }

    .xaaPriceDetails {
        text-align: initial;
    }

    .xaaProductPanel {
        text-align: initial;
    }

    .sorting {
        display: none;
        /* add slide in*/
    }

    .topProdButtons {
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    .prodWishBlock {
        float: unset;
        display: flex;
        justify-content: center;
        margin-top: 10px;
    }

    .tradeValueBlock {
        align-self: center;
        margin-right: unset;
    }

    .bonusBoxExclusive {
        text-align: center;
        padding-left: unset;
        margin-bottom: 30px;
    }

    .bonus-header {
        display: flex;
        justify-content: center;
    }

    .MainImg.exclusive-images {
        margin-left: unset;
        align-self: center;
        margin-top: 20px;
    }

    .exclusive-content {
        display: flex;
        padding: unset;
        flex-direction: column;
        text-align: center;
    }

    .havelist-wishlist-block {
        margin: 0;
    }

    #tradeValueTC {
        position: unset;
        margin-top: 5px;
    }

    .tradeValueLine {
        text-align: center;
    }
}



/* ------------------------------------------- some new phones with a bigger width (iPhone 6/7/8 Plus, Pixel 2, 2 XL)------------------------------------------- */
        @media only screen and (min-width: 411px) and (max-width: 767px) {
            .navLinks a {
                width: 29px;
                margin: -2px 8px 0 0 !important;
            }

            .sorting {
                display: none;
                /* add slide in*/
            }
        }
        /* ------------------------------------------- iPhone 5/SE------------------------------------------- */
        @media only screen and (min-device-width : 320px) and (max-device-width : 568px) {
            /*.navBarOv {
        position: absolute;
        top: 0;
        right: 110px;
        width: 100%;
        height: 100%;
    }*/

            .navDrop {
                margin-left: -10px;
            }

            .navLinks {
                margin-left: -10px;
            }

            .sorting {
                display: none;
                /* add slide in*/
            }
        }
        /* ------------------------------------------- small - portrait (cellphone) ------------------------------------------- */
        @media (max-width: 400px) {

            .navLinks {
                background-image: none !important;
                padding: 0 !important;
                width: auto;
            }

            .loyaltyProfileBox {
                width: auto;
            }

            .joinNow {
                width: auto;
            }

                .joinNow a {
                    padding: 16px 37px 5px 20px;
                    width: 160px;
                    background-position: -127px 0;
                }


            x.cartRemind {
                height: 42px;
                width: 0;
                padding: 0 0 0 34px;
                border-left: solid 1px #900;
            }

                x.cartRemind em, x.cartRemind span {
                    display: none;
                }

            .platformBar li a.platButton {
                width: 48%
            }
            /*Move the favourite store to the center in the ResserveInStore.chtml*/
            #favouriteStoreDiv h4 {
                display: inline-block;
                float: none;
            }
            /*Moved the favourite store header to the left on width 400px*/
            #favouriteStoreDiv h3 {
                float: left;
            }

            .storeSel h5 {
                margin: 10px;
            }

            .loginBlockIn {
                margin: 0 5px;
            }

            .logButtons {
                width: auto;
            }

            .loginBlock .loginFormIn {
                width: auto;
            }

            .loginBlock .registerHeader {
                width: auto;
            }

            .loginBlock .registerFormIn {
                width: auto;
            }

                .loginBlock .registerFormIn .logButtons {
                    width: auto;
                }

            .singleProduct .wishlist-block, .singleProduct .havelist-block {
                width: initial;
            }

            .sorting {
                display: none;
                /* add slide in*/
            }
        }





        @media (max-width: 320px) {


            .platformBlock {
                width: auto;
            }

            #CustomSkin {
                display: none;
            }
        }
        /* home responsive */
        .homeAdviceImg {
    float: left;
    width: 71px;
    height: 125px;
    margin-top: -21px;
    background: url(../Views/Locale/Content/Images/mobile-homepage-headsup-iphone.png) no-repeat 0 0;
}

.homeAdviceOut {
    padding-top: 18px;
    background: url(../Views/Locale/Content/Images/mobile-homepage-headsup-triangle.png) no-repeat center 0;
}

.homeAdvice {
    background: #484848;
    height: 75px;
    margin: 0 0 38px 0;
    padding: 5px 9px 0 0;
    font-size: 12px;
    text-align: left;
    font-family: solido_bold;
    color: #fff;
    text-shadow: #000 1px 1px 1px;
}

    .homeAdvice h3 {
        font-size: 16px;
        font-weight: normal;
    }

.homeAcc {
    text-align: left;
}

    .homeAcc h3 {
        height: 50px;
        line-height: 50px;
        padding-left: 45px;
        background: #e7e7e7 url(../Views/Locale/Content/Images/mobile-homepage-icons.png) no-repeat 5px 9px;
        color: #666;
        font-size: 11px;
        text-transform: uppercase;
        box-shadow: 0 0 8px 6px #ccc;
        outline: none;
        cursor: pointer;
    }

        .homeAcc h3.homeAccGems {
            background-position: 5px -54px;
        }

        .homeAcc h3.homeAccSale {
            background-position: 5px 9px;
        }

        .homeAcc h3.homeAccBest {
            background-position: 5px -114px;
        }

        .homeAcc h3.homeAccNext {
            background-position: 5px -175px;
        }

        .homeAcc h3:first-child {
            box-shadow: none;
        }

.homeAccSec {
    background: #d7d7d7;
}

    .homeAccSec table {
        width: 100%;
    }

        .homeAccSec table td {
            padding: 5px 3px;
        }

        .homeAccSec table .title a {
            text-decoration: none;
            font-size: 16px;
            color: #333;
        }

            .homeAccSec table .title a span, .homeAccSec table .title p {
                color: #666;
                font-size: 13px;
            }

/* UX Review */



/* Hi res display */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {

    .head1 a {
        background: url(../Views/Locale/Content/Images/logo@2x.png) no-repeat center center;
        background-size: 215px 55px; /*The size of the normal image, half the size of the hi-res image*/
    }

        .head1 a img {
            display: none;
        }

    .navLogo {
        background: url(../Views/Locale/Content/Images/logo-mobile@2x.png) no-repeat 10px center;
        background-size: 90px 23px; /*The size of the normal image, half the size of the hi-res image*/
    }

    .slideBtn {
        background-image: url(Images/slide-head@2x.png);
        background-size: 92px 40px;
    }

    .qSpinner, .logButtons .loader, #scroller.loadingScr p {
        background-image: url(Images/big-loader.gif);
        background-size: 16px 16px;
        width: auto;
    }

    .singleChart h3, .singleChart h3 em, .loginBlock h1, .loginBlock h1 span, .ui-widget-header, .ui-widget-header .ui-dialog-title, .locatorPage h1,
    .locatorPage h1 span {
        background: #323233;
        width: auto;
        height: 35px;
        line-height: 35px;
    }

    .joinNow a {
        background-image: url(../Views/Locale/Content/Images/join-gs-plus@2x.png);
        background-size: 345px 40px;
    }

    #leftOpener {
        background-image: url(Images/left-bar-opener@2x.png);
        background-size: 18px 241px;
    }

    .platMenuMobile a {
        background-image: url(Images/mobile-open@2x.png);
        background-size: 53px 371px;
    }


    /* resp home */

    .homeAdviceImg {
        background-image: url(../Views/Locale/Content/Images/mobile-homepage-headsup-iphone@2x.png);
        background-size: 71px 125px;
    }

    .homeAcc h3 {
        background-image: url(../Views/Locale/Content/Images/mobile-homepage-icons@2x.png);
        background-size: 35px 219px;
    }

    .homeAdviceOut {
        background-image: url(../Views/Locale/Content/Images/mobile-homepage-headsup-triangle@2x.png);
        background-size: 98px 18px;
    }
}


/* New Sorting Dropdown */
@media (max-width: 959px) {
    .sorting.newSorting {
        padding: 18px 20px 21px 20px;
        margin-bottom: 15px;
        display: flex;
        justify-content: space-between;
    }
}

@media (max-width: 568px) {
    .sorting.newSorting {
        margin-top: 70px;
    }

    .dropdownSort {
        display: none;
    }

    #tradeValueTC {
        width: 300px;
        left: -30px;
        right: unset;
    }

    .singleVariantDetails {
        flex: 1;
    }

    .variantsContainer {
        display: flex;
        width: 100vw;
        flex-direction: column;
    }

    .productSelected {
        justify-content: center;
    }

}

@media (min-width : 568px) and (max-width : 959px) {
    .newSorting p {
        padding: 0 20px;
    }
}


@media (max-width: 767px) {
    .searchSum.short {
        display: inline;
    }

    .searchSum.verbose {
        display: none;
    }
}

@media (min-width: 751px) {
    .buttonContainer {
        display: flex;
        flex-direction: row;
        align-items: unset;
    }

    .buttonContainer a {
        width: 45%;
        margin: 0;
        margin-right: 5px;
    }

    .buySection {
        padding-top: 0;
    }
}


/* Search results Product tiles */

@media (max-width: 567px) {

    .searchProductTile {
        width: 95%;
        height: 225px;
        margin: 5px;
        padding: 5px;
        text-align: unset;
    }
    .searchProductTile h3 {
        margin-top: unset;
    }

    .searchTilePriceMobile {
        margin-left: 34%;
        text-align: left;
    }

    .SearchProductTileActionButton {
        width: 200px;
        position: unset;
    }

    .loadmoreMessage span {
        font-size: 100%;
    }

    .searchProductImgDiv {
        display: flex;
        float: left;
        width: 33%;
        height: 50%;
    }

    .mobileSearchProductInfo {
        float: right;
        width: 66%;
        height: 38%;
        padding-bottom: 10px;
        text-align: left;
    }

    .searchProductImgDiv img {
        max-height: 100%;
        max-width: 100%;
        height: auto;
        display: inline;
        padding-top: unset;
    }

    .prodList.resultTiles {
        padding: 0 20px;
    }

    .searchTileMobile {
        display: block;
        border-bottom: 1px solid #e1e7ef;
    }

    .searchTileDesktop {
        display: none;
    }

    .variantsContainer .variants {
        display: flex;
    }

}

@media (min-width : 568px) and (max-width: 649px) {
    .prodList.resultTiles {
        padding: 0 40px;
    }

    .searchProductTile {
        width: 47%;
    }
}

@media (min-width : 650px) and (max-width: 767px) {

    .searchProductTile {
        width: 30%;
    }
}

.mobileView {
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll;
}

/* Generic Mobile/Desktop visibility switch */
@media (min-width : 959px) {
    .mobileVisible {
        display: none;
    }

    .desktopVisible {
        display: block; 
    }
}

@media (max-width : 958px) {
    .mobileVisible {
        display: block;
    }

    .desktopVisible {
        display: none;
    }
}

/* Enhanced Mobile Filter */
@media(max-width : 958px) {
    .enhancedFilter {
        height: 100vh;
        position: fixed !important;
        z-index: 9999999999999999999999;
        overflow: visible;
        margin: 0;
        top: 0 !important;
    }

    .bgOverlay {
        position: fixed;
        width: 100%;
        height: 100%;
        background: #000000e6;
        top: 0;
        z-index: 10000;
    }
    
}
/*! fancyBox v2.1.3 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('images/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('images/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('images/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
	overflow: hidden;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('images/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}
#fancybox-thumbs {
	position: fixed;
	left: 0;
	width: 100%;
	overflow: hidden;
	z-index: 8050;
}

#fancybox-thumbs.bottom {
	bottom: 2px;
}

#fancybox-thumbs.top {
	top: 2px;
}

#fancybox-thumbs ul {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
}

#fancybox-thumbs ul li {
	float: left;
	padding: 1px;
	opacity: 0.5;
}

#fancybox-thumbs ul li.active {
	opacity: 0.75;
	padding: 0;
	border: 1px solid #fff;
}

#fancybox-thumbs ul li:hover {
	opacity: 1;
}

#fancybox-thumbs ul li a {
	display: block;
	position: relative;
	overflow: hidden;
	border: 1px solid #222;
	background: #111;
	outline: none;
}

#fancybox-thumbs ul li img {
	display: block;
	position: relative;
	border: 0;
	padding: 0;
}
.intl-tel-input{position:relative;display:inline-block}.intl-tel-input *{box-sizing:border-box;-moz-box-sizing:border-box}.intl-tel-input .hide{display:none}.intl-tel-input .v-hide{visibility:hidden}.intl-tel-input input,.intl-tel-input input[type=text],.intl-tel-input input[type=tel]{position:relative;z-index:0;margin-top:0 !important;margin-bottom:0 !important;padding-right:36px;margin-right:0}.intl-tel-input .flag-container{position:absolute;top:0;bottom:0;right:0;padding:1px}.intl-tel-input .selected-flag{z-index:1;position:relative;width:36px;height:100%;padding:0 0 0 8px}.intl-tel-input .selected-flag .iti-flag{position:absolute;top:0;bottom:0;margin:auto}.intl-tel-input .selected-flag .iti-arrow{position:absolute;top:50%;margin-top:-2px;right:6px;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid #555}.intl-tel-input .selected-flag .iti-arrow.up{border-top:none;border-bottom:4px solid #555}.intl-tel-input .country-list{position:absolute;z-index:2;list-style:none;text-align:left;padding:0;margin:0 0 0 -1px;box-shadow:1px 1px 4px rgba(0,0,0,0.2);background-color:white;border:1px solid #CCC;white-space:nowrap;max-height:200px;overflow-y:scroll}.intl-tel-input .country-list.dropup{bottom:100%;margin-bottom:-1px}.intl-tel-input .country-list .flag-box{display:inline-block;width:20px}@media (max-width: 500px){.intl-tel-input .country-list{white-space:normal}}.intl-tel-input .country-list .divider{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #CCC}.intl-tel-input .country-list .country{padding:5px 10px}.intl-tel-input .country-list .country .dial-code{color:#999}.intl-tel-input .country-list .country.highlight{background-color:rgba(0,0,0,0.05)}.intl-tel-input .country-list .flag-box,.intl-tel-input .country-list .country-name,.intl-tel-input .country-list .dial-code{vertical-align:middle}.intl-tel-input .country-list .flag-box,.intl-tel-input .country-list .country-name{margin-right:6px}.intl-tel-input.allow-dropdown input,.intl-tel-input.allow-dropdown input[type=text],.intl-tel-input.allow-dropdown input[type=tel],.intl-tel-input.separate-dial-code input,.intl-tel-input.separate-dial-code input[type=text],.intl-tel-input.separate-dial-code input[type=tel]{padding-right:6px;padding-left:52px;margin-left:0}.intl-tel-input.allow-dropdown .flag-container,.intl-tel-input.separate-dial-code .flag-container{right:auto;left:0}.intl-tel-input.allow-dropdown .selected-flag,.intl-tel-input.separate-dial-code .selected-flag{width:46px}.intl-tel-input.allow-dropdown .flag-container:hover{cursor:pointer}.intl-tel-input.allow-dropdown .flag-container:hover .selected-flag{background-color:rgba(0,0,0,0.05)}.intl-tel-input.allow-dropdown input[disabled]+.flag-container:hover,.intl-tel-input.allow-dropdown input[readonly]+.flag-container:hover{cursor:default}.intl-tel-input.allow-dropdown input[disabled]+.flag-container:hover .selected-flag,.intl-tel-input.allow-dropdown input[readonly]+.flag-container:hover .selected-flag{background-color:transparent}.intl-tel-input.separate-dial-code .selected-flag{background-color:rgba(0,0,0,0.05);display:table}.intl-tel-input.separate-dial-code .selected-dial-code{display:table-cell;vertical-align:middle;padding-left:28px}.intl-tel-input.separate-dial-code.iti-sdc-2 input,.intl-tel-input.separate-dial-code.iti-sdc-2 input[type=text],.intl-tel-input.separate-dial-code.iti-sdc-2 input[type=tel]{padding-left:66px}.intl-tel-input.separate-dial-code.iti-sdc-2 .selected-flag{width:60px}.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input,.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=text],.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=tel]{padding-left:76px}.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 .selected-flag{width:70px}.intl-tel-input.separate-dial-code.iti-sdc-3 input,.intl-tel-input.separate-dial-code.iti-sdc-3 input[type=text],.intl-tel-input.separate-dial-code.iti-sdc-3 input[type=tel]{padding-left:74px}.intl-tel-input.separate-dial-code.iti-sdc-3 .selected-flag{width:68px}.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input,.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text],.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel]{padding-left:84px}.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag{width:78px}.intl-tel-input.separate-dial-code.iti-sdc-4 input,.intl-tel-input.separate-dial-code.iti-sdc-4 input[type=text],.intl-tel-input.separate-dial-code.iti-sdc-4 input[type=tel]{padding-left:82px}.intl-tel-input.separate-dial-code.iti-sdc-4 .selected-flag{width:76px}.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input,.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=text],.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=tel]{padding-left:92px}.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 .selected-flag{width:86px}.intl-tel-input.separate-dial-code.iti-sdc-5 input,.intl-tel-input.separate-dial-code.iti-sdc-5 input[type=text],.intl-tel-input.separate-dial-code.iti-sdc-5 input[type=tel]{padding-left:90px}.intl-tel-input.separate-dial-code.iti-sdc-5 .selected-flag{width:84px}.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input,.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=text],.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=tel]{padding-left:100px}.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 .selected-flag{width:94px}.intl-tel-input.iti-container{position:absolute;top:-1000px;left:-1000px;z-index:1060;padding:1px}.intl-tel-input.iti-container:hover{cursor:pointer}.iti-mobile .intl-tel-input.iti-container{top:30px;bottom:30px;left:30px;right:30px;position:fixed}.iti-mobile .intl-tel-input .country-list{max-height:100%;width:100%}.iti-mobile .intl-tel-input .country-list .country{padding:10px 10px;line-height:1.5em}.iti-flag{width:20px}.iti-flag.be{width:18px}.iti-flag.ch{width:15px}.iti-flag.mc{width:19px}.iti-flag.ne{width:18px}.iti-flag.np{width:13px}.iti-flag.va{width:15px}@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx){.iti-flag{background-size:5630px 15px}}.iti-flag.ac{height:10px;background-position:0px 0px}.iti-flag.ad{height:14px;background-position:-22px 0px}.iti-flag.ae{height:10px;background-position:-44px 0px}.iti-flag.af{height:14px;background-position:-66px 0px}.iti-flag.ag{height:14px;background-position:-88px 0px}.iti-flag.ai{height:10px;background-position:-110px 0px}.iti-flag.al{height:15px;background-position:-132px 0px}.iti-flag.am{height:10px;background-position:-154px 0px}.iti-flag.ao{height:14px;background-position:-176px 0px}.iti-flag.aq{height:14px;background-position:-198px 0px}.iti-flag.ar{height:13px;background-position:-220px 0px}.iti-flag.as{height:10px;background-position:-242px 0px}.iti-flag.at{height:14px;background-position:-264px 0px}.iti-flag.au{height:10px;background-position:-286px 0px}.iti-flag.aw{height:14px;background-position:-308px 0px}.iti-flag.ax{height:13px;background-position:-330px 0px}.iti-flag.az{height:10px;background-position:-352px 0px}.iti-flag.ba{height:10px;background-position:-374px 0px}.iti-flag.bb{height:14px;background-position:-396px 0px}.iti-flag.bd{height:12px;background-position:-418px 0px}.iti-flag.be{height:15px;background-position:-440px 0px}.iti-flag.bf{height:14px;background-position:-460px 0px}.iti-flag.bg{height:12px;background-position:-482px 0px}.iti-flag.bh{height:12px;background-position:-504px 0px}.iti-flag.bi{height:12px;background-position:-526px 0px}.iti-flag.bj{height:14px;background-position:-548px 0px}.iti-flag.bl{height:14px;background-position:-570px 0px}.iti-flag.bm{height:10px;background-position:-592px 0px}.iti-flag.bn{height:10px;background-position:-614px 0px}.iti-flag.bo{height:14px;background-position:-636px 0px}.iti-flag.bq{height:14px;background-position:-658px 0px}.iti-flag.br{height:14px;background-position:-680px 0px}.iti-flag.bs{height:10px;background-position:-702px 0px}.iti-flag.bt{height:14px;background-position:-724px 0px}.iti-flag.bv{height:15px;background-position:-746px 0px}.iti-flag.bw{height:14px;background-position:-768px 0px}.iti-flag.by{height:10px;background-position:-790px 0px}.iti-flag.bz{height:14px;background-position:-812px 0px}.iti-flag.ca{height:10px;background-position:-834px 0px}.iti-flag.cc{height:10px;background-position:-856px 0px}.iti-flag.cd{height:15px;background-position:-878px 0px}.iti-flag.cf{height:14px;background-position:-900px 0px}.iti-flag.cg{height:14px;background-position:-922px 0px}.iti-flag.ch{height:15px;background-position:-944px 0px}.iti-flag.ci{height:14px;background-position:-961px 0px}.iti-flag.ck{height:10px;background-position:-983px 0px}.iti-flag.cl{height:14px;background-position:-1005px 0px}.iti-flag.cm{height:14px;background-position:-1027px 0px}.iti-flag.cn{height:14px;background-position:-1049px 0px}.iti-flag.co{height:14px;background-position:-1071px 0px}.iti-flag.cp{height:14px;background-position:-1093px 0px}.iti-flag.cr{height:12px;background-position:-1115px 0px}.iti-flag.cu{height:10px;background-position:-1137px 0px}.iti-flag.cv{height:12px;background-position:-1159px 0px}.iti-flag.cw{height:14px;background-position:-1181px 0px}.iti-flag.cx{height:10px;background-position:-1203px 0px}.iti-flag.cy{height:13px;background-position:-1225px 0px}.iti-flag.cz{height:14px;background-position:-1247px 0px}.iti-flag.de{height:12px;background-position:-1269px 0px}.iti-flag.dg{height:10px;background-position:-1291px 0px}.iti-flag.dj{height:14px;background-position:-1313px 0px}.iti-flag.dk{height:15px;background-position:-1335px 0px}.iti-flag.dm{height:10px;background-position:-1357px 0px}.iti-flag.do{height:13px;background-position:-1379px 0px}.iti-flag.dz{height:14px;background-position:-1401px 0px}.iti-flag.ea{height:14px;background-position:-1423px 0px}.iti-flag.ec{height:14px;background-position:-1445px 0px}.iti-flag.ee{height:13px;background-position:-1467px 0px}.iti-flag.eg{height:14px;background-position:-1489px 0px}.iti-flag.eh{height:10px;background-position:-1511px 0px}.iti-flag.er{height:10px;background-position:-1533px 0px}.iti-flag.es{height:14px;background-position:-1555px 0px}.iti-flag.et{height:10px;background-position:-1577px 0px}.iti-flag.eu{height:14px;background-position:-1599px 0px}.iti-flag.fi{height:12px;background-position:-1621px 0px}.iti-flag.fj{height:10px;background-position:-1643px 0px}.iti-flag.fk{height:10px;background-position:-1665px 0px}.iti-flag.fm{height:11px;background-position:-1687px 0px}.iti-flag.fo{height:15px;background-position:-1709px 0px}.iti-flag.fr{height:14px;background-position:-1731px 0px}.iti-flag.ga{height:15px;background-position:-1753px 0px}.iti-flag.gb{height:10px;background-position:-1775px 0px}.iti-flag.gd{height:12px;background-position:-1797px 0px}.iti-flag.ge{height:14px;background-position:-1819px 0px}.iti-flag.gf{height:14px;background-position:-1841px 0px}.iti-flag.gg{height:14px;background-position:-1863px 0px}.iti-flag.gh{height:14px;background-position:-1885px 0px}.iti-flag.gi{height:10px;background-position:-1907px 0px}.iti-flag.gl{height:14px;background-position:-1929px 0px}.iti-flag.gm{height:14px;background-position:-1951px 0px}.iti-flag.gn{height:14px;background-position:-1973px 0px}.iti-flag.gp{height:14px;background-position:-1995px 0px}.iti-flag.gq{height:14px;background-position:-2017px 0px}.iti-flag.gr{height:14px;background-position:-2039px 0px}.iti-flag.gs{height:10px;background-position:-2061px 0px}.iti-flag.gt{height:13px;background-position:-2083px 0px}.iti-flag.gu{height:11px;background-position:-2105px 0px}.iti-flag.gw{height:10px;background-position:-2127px 0px}.iti-flag.gy{height:12px;background-position:-2149px 0px}.iti-flag.hk{height:14px;background-position:-2171px 0px}.iti-flag.hm{height:10px;background-position:-2193px 0px}.iti-flag.hn{height:10px;background-position:-2215px 0px}.iti-flag.hr{height:10px;background-position:-2237px 0px}.iti-flag.ht{height:12px;background-position:-2259px 0px}.iti-flag.hu{height:10px;background-position:-2281px 0px}.iti-flag.ic{height:14px;background-position:-2303px 0px}.iti-flag.id{height:14px;background-position:-2325px 0px}.iti-flag.ie{height:10px;background-position:-2347px 0px}.iti-flag.il{height:15px;background-position:-2369px 0px}.iti-flag.im{height:10px;background-position:-2391px 0px}.iti-flag.in{height:14px;background-position:-2413px 0px}.iti-flag.io{height:10px;background-position:-2435px 0px}.iti-flag.iq{height:14px;background-position:-2457px 0px}.iti-flag.ir{height:12px;background-position:-2479px 0px}.iti-flag.is{height:15px;background-position:-2501px 0px}.iti-flag.it{height:14px;background-position:-2523px 0px}.iti-flag.je{height:12px;background-position:-2545px 0px}.iti-flag.jm{height:10px;background-position:-2567px 0px}.iti-flag.jo{height:10px;background-position:-2589px 0px}.iti-flag.jp{height:14px;background-position:-2611px 0px}.iti-flag.ke{height:14px;background-position:-2633px 0px}.iti-flag.kg{height:12px;background-position:-2655px 0px}.iti-flag.kh{height:13px;background-position:-2677px 0px}.iti-flag.ki{height:10px;background-position:-2699px 0px}.iti-flag.km{height:12px;background-position:-2721px 0px}.iti-flag.kn{height:14px;background-position:-2743px 0px}.iti-flag.kp{height:10px;background-position:-2765px 0px}.iti-flag.kr{height:14px;background-position:-2787px 0px}.iti-flag.kw{height:10px;background-position:-2809px 0px}.iti-flag.ky{height:10px;background-position:-2831px 0px}.iti-flag.kz{height:10px;background-position:-2853px 0px}.iti-flag.la{height:14px;background-position:-2875px 0px}.iti-flag.lb{height:14px;background-position:-2897px 0px}.iti-flag.lc{height:10px;background-position:-2919px 0px}.iti-flag.li{height:12px;background-position:-2941px 0px}.iti-flag.lk{height:10px;background-position:-2963px 0px}.iti-flag.lr{height:11px;background-position:-2985px 0px}.iti-flag.ls{height:14px;background-position:-3007px 0px}.iti-flag.lt{height:12px;background-position:-3029px 0px}.iti-flag.lu{height:12px;background-position:-3051px 0px}.iti-flag.lv{height:10px;background-position:-3073px 0px}.iti-flag.ly{height:10px;background-position:-3095px 0px}.iti-flag.ma{height:14px;background-position:-3117px 0px}.iti-flag.mc{height:15px;background-position:-3139px 0px}.iti-flag.md{height:10px;background-position:-3160px 0px}.iti-flag.me{height:10px;background-position:-3182px 0px}.iti-flag.mf{height:14px;background-position:-3204px 0px}.iti-flag.mg{height:14px;background-position:-3226px 0px}.iti-flag.mh{height:11px;background-position:-3248px 0px}.iti-flag.mk{height:10px;background-position:-3270px 0px}.iti-flag.ml{height:14px;background-position:-3292px 0px}.iti-flag.mm{height:14px;background-position:-3314px 0px}.iti-flag.mn{height:10px;background-position:-3336px 0px}.iti-flag.mo{height:14px;background-position:-3358px 0px}.iti-flag.mp{height:10px;background-position:-3380px 0px}.iti-flag.mq{height:14px;background-position:-3402px 0px}.iti-flag.mr{height:14px;background-position:-3424px 0px}.iti-flag.ms{height:10px;background-position:-3446px 0px}.iti-flag.mt{height:14px;background-position:-3468px 0px}.iti-flag.mu{height:14px;background-position:-3490px 0px}.iti-flag.mv{height:14px;background-position:-3512px 0px}.iti-flag.mw{height:14px;background-position:-3534px 0px}.iti-flag.mx{height:12px;background-position:-3556px 0px}.iti-flag.my{height:10px;background-position:-3578px 0px}.iti-flag.mz{height:14px;background-position:-3600px 0px}.iti-flag.na{height:14px;background-position:-3622px 0px}.iti-flag.nc{height:10px;background-position:-3644px 0px}.iti-flag.ne{height:15px;background-position:-3666px 0px}.iti-flag.nf{height:10px;background-position:-3686px 0px}.iti-flag.ng{height:10px;background-position:-3708px 0px}.iti-flag.ni{height:12px;background-position:-3730px 0px}.iti-flag.nl{height:14px;background-position:-3752px 0px}.iti-flag.no{height:15px;background-position:-3774px 0px}.iti-flag.np{height:15px;background-position:-3796px 0px}.iti-flag.nr{height:10px;background-position:-3811px 0px}.iti-flag.nu{height:10px;background-position:-3833px 0px}.iti-flag.nz{height:10px;background-position:-3855px 0px}.iti-flag.om{height:10px;background-position:-3877px 0px}.iti-flag.pa{height:14px;background-position:-3899px 0px}.iti-flag.pe{height:14px;background-position:-3921px 0px}.iti-flag.pf{height:14px;background-position:-3943px 0px}.iti-flag.pg{height:15px;background-position:-3965px 0px}.iti-flag.ph{height:10px;background-position:-3987px 0px}.iti-flag.pk{height:14px;background-position:-4009px 0px}.iti-flag.pl{height:13px;background-position:-4031px 0px}.iti-flag.pm{height:14px;background-position:-4053px 0px}.iti-flag.pn{height:10px;background-position:-4075px 0px}.iti-flag.pr{height:14px;background-position:-4097px 0px}.iti-flag.ps{height:10px;background-position:-4119px 0px}.iti-flag.pt{height:14px;background-position:-4141px 0px}.iti-flag.pw{height:13px;background-position:-4163px 0px}.iti-flag.py{height:11px;background-position:-4185px 0px}.iti-flag.qa{height:8px;background-position:-4207px 0px}.iti-flag.re{height:14px;background-position:-4229px 0px}.iti-flag.ro{height:14px;background-position:-4251px 0px}.iti-flag.rs{height:14px;background-position:-4273px 0px}.iti-flag.ru{height:14px;background-position:-4295px 0px}.iti-flag.rw{height:14px;background-position:-4317px 0px}.iti-flag.sa{height:14px;background-position:-4339px 0px}.iti-flag.sb{height:10px;background-position:-4361px 0px}.iti-flag.sc{height:10px;background-position:-4383px 0px}.iti-flag.sd{height:10px;background-position:-4405px 0px}.iti-flag.se{height:13px;background-position:-4427px 0px}.iti-flag.sg{height:14px;background-position:-4449px 0px}.iti-flag.sh{height:10px;background-position:-4471px 0px}.iti-flag.si{height:10px;background-position:-4493px 0px}.iti-flag.sj{height:15px;background-position:-4515px 0px}.iti-flag.sk{height:14px;background-position:-4537px 0px}.iti-flag.sl{height:14px;background-position:-4559px 0px}.iti-flag.sm{height:15px;background-position:-4581px 0px}.iti-flag.sn{height:14px;background-position:-4603px 0px}.iti-flag.so{height:14px;background-position:-4625px 0px}.iti-flag.sr{height:14px;background-position:-4647px 0px}.iti-flag.ss{height:10px;background-position:-4669px 0px}.iti-flag.st{height:10px;background-position:-4691px 0px}.iti-flag.sv{height:12px;background-position:-4713px 0px}.iti-flag.sx{height:14px;background-position:-4735px 0px}.iti-flag.sy{height:14px;background-position:-4757px 0px}.iti-flag.sz{height:14px;background-position:-4779px 0px}.iti-flag.ta{height:10px;background-position:-4801px 0px}.iti-flag.tc{height:10px;background-position:-4823px 0px}.iti-flag.td{height:14px;background-position:-4845px 0px}.iti-flag.tf{height:14px;background-position:-4867px 0px}.iti-flag.tg{height:13px;background-position:-4889px 0px}.iti-flag.th{height:14px;background-position:-4911px 0px}.iti-flag.tj{height:10px;background-position:-4933px 0px}.iti-flag.tk{height:10px;background-position:-4955px 0px}.iti-flag.tl{height:10px;background-position:-4977px 0px}.iti-flag.tm{height:14px;background-position:-4999px 0px}.iti-flag.tn{height:14px;background-position:-5021px 0px}.iti-flag.to{height:10px;background-position:-5043px 0px}.iti-flag.tr{height:14px;background-position:-5065px 0px}.iti-flag.tt{height:12px;background-position:-5087px 0px}.iti-flag.tv{height:10px;background-position:-5109px 0px}.iti-flag.tw{height:14px;background-position:-5131px 0px}.iti-flag.tz{height:14px;background-position:-5153px 0px}.iti-flag.ua{height:14px;background-position:-5175px 0px}.iti-flag.ug{height:14px;background-position:-5197px 0px}.iti-flag.um{height:11px;background-position:-5219px 0px}.iti-flag.us{height:11px;background-position:-5241px 0px}.iti-flag.uy{height:14px;background-position:-5263px 0px}.iti-flag.uz{height:10px;background-position:-5285px 0px}.iti-flag.va{height:15px;background-position:-5307px 0px}.iti-flag.vc{height:14px;background-position:-5324px 0px}.iti-flag.ve{height:14px;background-position:-5346px 0px}.iti-flag.vg{height:10px;background-position:-5368px 0px}.iti-flag.vi{height:14px;background-position:-5390px 0px}.iti-flag.vn{height:14px;background-position:-5412px 0px}.iti-flag.vu{height:12px;background-position:-5434px 0px}.iti-flag.wf{height:14px;background-position:-5456px 0px}.iti-flag.ws{height:10px;background-position:-5478px 0px}.iti-flag.xk{height:15px;background-position:-5500px 0px}.iti-flag.ye{height:14px;background-position:-5522px 0px}.iti-flag.yt{height:14px;background-position:-5544px 0px}.iti-flag.za{height:14px;background-position:-5566px 0px}.iti-flag.zm{height:14px;background-position:-5588px 0px}.iti-flag.zw{height:10px;background-position:-5610px 0px}.iti-flag{width:20px;height:15px;box-shadow:0px 0px 1px 0px #888;background-image:url("../img/flags.png");background-repeat:no-repeat;background-color:#DBDBDB;background-position:20px 0}@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx){.iti-flag{background-image:url("../img/flags@2x.png")}}.iti-flag.np{background-color:transparent}

