@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;
    }

/* 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;
}

.cartContent {
    display: none;
    position: absolute;
    top: 44px;
    right: 0;
    width: 250px;
    padding: 10px 0 0 0;
    margin: 0 auto;
    background: #ddd;
}

.cartSingle {
    border-top: #FFF solid 1px;
}

    .cartSingle a {
        display: block;
        padding: 8px 12px;
        color: #000;
        text-shadow: none;
        overflow: auto;
    }

        .cartSingle a:hover {
            color: #ee3124;
        }

        .cartSingle a span {
            float: right;
            width: 90%;
            max-height: 30px;
            padding: 0;
            text-align: right;
            overflow: hidden;
        }

            .cartSingle a span:first-child {
                float: left;
                width: 10%;
                font-weight: bold;
                text-align: center;
            }

.cartMore {
    clear: both;
    padding: 8px 12px;
    border-top: #FFF solid 1px;
    border-bottom: #c3c3c3 solid 1px;
    color: #000;
    text-shadow: none;
    text-align: right;
}

    .cartMore a {
        color: #ee3124;
        text-decoration: underline;
    }

.cartCheckout {
    display: block;
    padding: 8px 12px;
    border-top: #FFF solid 1px;
}

    .cartCheckout a {
        width: auto;
        display: block;
    }

.cartOr {
    color: #000;
    margin: 3px 0 5px 0;
    text-transform: lowercase;
    text-shadow: none;
}

.bigCartOr {
    float: right;
    margin: 13px;
    text-transform: lowercase;
}

/* 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 {
        margin: 12px 0 0 0;
        font-size: 15px;
        font-family: solido_bold;
        background: #323233;
        width: 155px;
        line-height: 29px;
        padding: 0 10px;
        color: #FFF;
        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;
    border-bottom: solid 1px #dfdbd9;
}

    .appliedFilters p {
        width: 175px;
        background: #323233;
    }

        .appliedFilters p:hover {
            background: #e7e7e7;
        }

    .appliedFilters a {
        display: block;
        position: relative;
        width: 155px;
        height: 31px;
        line-height: 29px;
        padding: 0 10px;
        margin-bottom: -2px;
        color: #FFF;
        text-shadow: none;
        overflow: hidden;
        font-family: solido_bold
    }

        .appliedFilters a::after {
            content: "+";
            float: right;
            font-size: 25px;
            line-height: 31px;
            transform: rotate(45deg);
        }

        .appliedFilters a:hover {
            background: #e7e7e7;
            color: #000;
        }

.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 {
    background: #323233;
    width: 155px;
    line-height: 29px;
    padding: 0 10px;
    color: #FFF;
    text-shadow: none;
}

    .filterHeader:hover {
        background: #e7e7e7;
        color: #000;
    }

    .filterHeader.opened {
        background: #e7e7e7;
        color: #000;
    }

.clearAllFilters {
    display: none;
}

    .clearAllFilters > a {
        float: right;
        text-decoration: underline;
        color: #FFF;
    }

        .clearAllFilters > a:hover {
            text-decoration: none;
            color: white;
        }

.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;
}

.prodShareBlock {
    float: left;
    position: relative;
}

.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;
}

.prodShareLine span {
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase;
}

.prodShareOpener {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 33px;
    height: 30px;
    border: solid 4px #fff;
    background: #787673 url(Images/shareBTNs.png) no-repeat -10px 6px;
    text-align: left;
    text-indent: -3000px;
    overflow: hidden;
    z-index: 2;
}

#prodShare {
    display: none;
    position: absolute;
    width: 267px;
    right: 0;
    top: 37px;
    background: #e7e7e7;
    border: solid 1px #898989;
    z-index: 1;
    text-align: left;
}

    #prodShare h3 {
        margin: 18px 18px 0 18px;
    }

.prodShareBlock:hover .prodShareOpener {
    width: 39px;
    height: 36px;
    border: solid 1px #898989;
    background-color: #e7e7e7;
    background-position: -177px 9px;
}

    .prodShareBlock:hover .prodShareOpener.sel, .prodShareOpener.sel {
        width: 39px;
        height: 36px;
        border: solid 1px #898989;
        border-bottom-color: #e7e7e7;
        background-color: #e7e7e7;
        background-position: -177px 9px;
    }

#prodShare .shareBlock {
    float: left;
    padding-right: 25px;
}

#prodShare p.shareBlock {
    line-height: 66px;
    font-weight: bold;
    color: #666;
    font-size: 14px;
    padding-left: 140px;
}

.addCartBar.fixed .prodImgIn {
    height: auto;
}

.addCartBar.fixed .havelist-wishlist-block {
    display: none;
}

.social-line span {
    display: inline-block;
}

.social-line a {
    display: block;
    height: 50px;
    width: 50px;
    margin: 18px 18px 0 18px;
    line-height: 50px;
    font-size: 35px;
    background: url(Images/shareBTNs.png) no-repeat 0 0;
    text-indent: -3000px;
    overflow: hidden;
}

.social-line span em {
    display: block;
    padding: 3px;
    margin: 3px 22px 18px 22px;
    background: #fff;
    color: #000;
    text-align: center;
    font-style: normal;
    border: solid 1px #999;
    border-radius: 4px;
}

span.social-line-p a {
    background-position: 0 -50px;
}

span.social-line-t a {
    background-position: 0 -159px;
}

span.social-line-g a {
    background-position: 0 -262px;
}

span.social-line-f a {
    background-position: 0 -365px;
}

span.social-line-p a:hover {
    background-position: -170px -50px;
}

span.social-line-t a:hover {
    background-position: -170px -159px;
}

span.social-line-g a:hover {
    background-position: -170px -262px;
}

span.social-line-f a:hover {
    background-position: -170px -365px;
}

#buySection {
    overflow: auto;
}

.singleVariantDetails {
    float: left;
    width: 50%;
    margin-bottom: 20px;
}

.variantName {
    font-size: 18px;
}

.olderPrice {
    text-decoration: line-through;
}

.prodPriceCont.valuteCont {
    font-size: 35px;
    display: inline-block;
    line-height: 50px;
}

.clickAndCollectBtn {
    font-size: 18px;
    margin-top: 8px;
    padding-left: 10px;
}

.prodPoints {
    font-size: 14px;
    color: #ee3124;
}

.singleVariantDetails 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: 40px 0;
    text-transform: uppercase;
}

    .bigBuyButtons span {
        float: left;
        width: 50%
    }

    .bigBuyButtons a {
        display: block;
        margin: 10px 0 0 10px;
    }

.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: 40px;
}

.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;
}


/* BIG CART */

.bigCart {
    padding: 0;
    margin: 0 5px;
}

    .bigCart h1 {
        height: 40px;
        line-height: 40px;
        margin-top: 15px;
        padding: 0 10px;
        color: #FFF;
        font-size: 22px;
        font-weight: normal;
        font-family: solido_bold;
        background: #323233;
    }

    .bigCart table {
        width: 100%;
        margin: 0;
    }

        .bigCart table td.cartText {
            vertical-align: top;
            text-align: left;
            max-width: 420px;
        }

        .bigCart table h2 {
            padding-bottom: 10px;
            font-size: 18px;
        }

            .bigCart table h2 a {
                color: #000;
                text-decoration: none;
            }

                .bigCart table h2 a:hover {
                    color: #ee3124;
                }

        .bigCart table h3 {
            padding-bottom: 3px;
            font-size: 14px;
            font-weight: normal;
        }

            .bigCart table h3 span {
                font-size: 12px;
            }

        .bigCart table ul {
            padding: 10px 0 0 0;
        }

        .bigCart table li span {
            color: #ee3124;
            font-weight: bold;
        }

        .bigCart table li {
            padding-left: 10px;
            background: url(Images/line.jpg) no-repeat 0 center;
        }

    .bigCart .centeredCart {
        line-height: 31px;
        font-size: 20px;
        font-weight: bold;
        text-align: center;
        white-space: nowrap;
    }

    .bigCart .bigButton {
        min-width: 34px;
        padding: 0;
        text-align: center;
    }

    .bigCart table th {
        height: 44px;
        padding: 5px;
        font-size: 18px;
        font-weight: normal;
        font-family: solido_bold;
        text-align: left;
    }

    .bigCart table td {
        padding: 15px 5px;
        border-top: solid 1px #ccc;
        font-family: solido_book;
    }

        .bigCart table td img {
            margin: 0 10px 0 15px;
            max-width: 80px;
            max-height: 115px;
        }

    .bigCart table tfoot td {
        height: 40px;
        padding: 5px;
        font-size: 22px;
        color: #666;
        text-shadow: #FFF 0 1px 1px;
        text-align: center;
        border-bottom: solid 1px #ccc;
        font-family: solido_book;
    }

.discPrice {
    display: block;
    font-size: 17px;
    line-height: 15px;
    text-decoration: line-through;
    color: #ee3124;
    text-align: center;
}

.goButtons {
    clear: both;
    padding: 15px 20px 15px 20px;
    text-align: center;
}

.bigCart .goButtons a {
    float: right;
}

    .bigCart .goButtons a:first-child {
        float: left;
    }

.bigCart .goButtons {
    height: 42px;
}

.cartLoader {
    display: none;
    float: right;
    height: 16px;
    width: 16px;
    background: url(Images/mini-loader.gif) no-repeat 0;
}

.cartText_StockWarning {
    margin-top: 5px;
    border: 1px solid #ee3124;
    color: #ee3124;
    padding: 3px;
    border-radius: 5px;
}

.cartText_StockWarningTxt {
    padding-left: 5px;
    vertical-align: top;
}

.cartText_StockWarning_icon {
    margin: 2px 0px 0px 5px !important;
}

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;
}

/* This image can be removed
    checkout-parts.png, Images/line.jpg */

/* 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;
        }

.loginBlockIn.newRegister .switchButton p {
    padding-top: 20px;
    text-align: center;
}

.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%;
}

/* guest */

.switchButton {
    margin-top: 20px;
    margin: 20px auto 0 auto;
    border-top: #c3c3c3 solid 1px;
}

    .switchButton p {
        padding: 0;
        border-top: #FFF solid 1px;
    }

    .switchButton strong {
        margin-right: 7px;
    }

.guestDisabled {
    clear: both;
    display: block;
    vertical-align: middle;
    line-height: 35px;
    font-size: 14px;
    background: #808080;
    border: solid 2px #808080;
    color: #FFFFFF;
    text-transform: uppercase;
    text-align: center;
}

/* 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 h1 {
    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;
    }

.locSearchInline {
    height: 27px;
    line-height: 37px;
    margin-top: -3px;
}

.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;
}

.storeDetailsExpander {
    text-decoration: none;
}

.storeOpenHoursExpander {
    text-decoration: none;
}

.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;
}


/* ==============================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;
}

.paypalPhone {
    height: 23px;
}

.paypalAddressMargin {
    margin: 10px 0;
}

.paypalAddressText {
    font-size: small;
    font-weight: bold;
}

.paypalAddressImage {
    float: left;
    margin-right: 10px;
}

.payPalExpressButton {
    width: 228px;
    height: 44px;
}

.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;
}

.StoreInfomationTime {
    margin-top: 29px;
    float: left;
    width: 320px;
}

.StoreDetailsDescription {
    float: left;
    width: 255px;
    margin: 12px;
    height: 350px;
    margin-top: 28px;
}

    .StoreDetailsDescription div {
        border: 1px solid #ccc;
        height: 300px;
        padding: 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;
}

.StoreSection {
    float: left;
    width: 35%;
    padding: 5px 0 0 5px;
    margin-bottom: 20px;
}

.Availabilitylegend {
    float: right;
    width: 60%;
    padding: 5px 0 0 5px;
    margin-bottom: 10px;
}

#SearchTextBox {
    margin-bottom: 15px;
}

.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;
}

.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;
}

.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);
}