
body {
    color: #333333;
}

html, body, #contents {
    height: 100%;
}

.oldValue {
    color: #888;
    text-decoration: line-through;
}

.oldTotal {
    font-size: 0.7em;
}

input.nsg-form--input, select.esw-select {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

    input.nsg-form--input:focus, select.esw-select:focus {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

select.esw-select {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: rgb(247, 247, 247);
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}

    select.esw-select:focus {
        border: 1px solid #999;
    }

    select.esw-select::-ms-expand {
        display: none;
    }

select.esw-select-smal {
    display: inline-block;
    width: 6em !important;
    margin-right: 7px;
}

select.esw-select-medium {
    display: inline-block;
    width: 7em !important;
}

select.esw-select-month {
    display: inline-block;
    width: 8em !important;
}

/*UTILITIES*/
.gutter-r-20 {
    margin-right: 20px;
}

.gutter-l-20 {
    margin-left: 20px;
}

.gutter-t-20 {
    margin-top: 20px;
}

.gutter-b-20 {
    margin-bottom: 20px;
}

.no-padding {
    padding: 0;
}


.ch4_right {
    float: right !important;
}

.change-section-button {
    padding: 0 20px 0 20px;
}

.uppercase {
    text-transform: uppercase !important;
}

.lowercase {
    text-transform: lowercase !important;
}

.capitalize {
    text-transform: capitalize !important;
}

.inlineblock {
    display: inline-block;
}

.full-inline-block {
    display: inline-block;
    width: 100%;
}

.no-bottom-padding {
    padding-bottom: 0 !important;
}

.strikeout {
    text-decoration: line-through;
}

.nowrap {
    white-space: nowrap;
}

.resize-vertical {
    resize: vertical;
}

.resize-horizontal {
    resize: horizontal;
}

.noresize {
    resize: none;
}

.noTextDecoration {
    text-decoration: none !important;
}

.clearboth {
    clear: both;
}

.esw-not-active {
    pointer-events: none;
    cursor: default;
}

.esw-hidden {
    display: none !important;
    visibility: hidden;
}

.underline {
    text-decoration: underline;
}

.loading-spiner-holder {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: url(../images/loading.gif) 50% 50% no-repeat #000;
    -moz-opacity: .7;
    -khtml-opacity: .7;
    -webkit-opacity: .7;
    opacity: .7;
    -ms-filter: "alpha(Opacity=70)";
    filter: alpha(opacity=70);
}

.tooltip {
    z-index: 100;
}

.modal-body {
    z-index: 200;
}

    .modal-body a {
        text-decoration: underline;
    }

.tooltip-inner {
    font-family: OneNikeCurrency, Helvetica, Arial, sans-serif;
    border-radius: 5px;
    background-color: #333;
    text-align: left;
    padding: 5px 11px;
}

.tooltip-inner a {
    word-wrap: break-word;
}

.tooltip.right .tooltip-arrow {
    border-right-color: #333;
}

.radio label {
    margin-right: 20px;
    font-weight: bold;
}

    .radio label input[type="radio"] {
        margin-top: 2px;
    }


ul.dropdown-menu {
    min-width: 205px;
}

    ul.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
        background-color: lightgray;
        color: white;
    }

/* icons inside elements*/

.inner-addon {
    position: relative;
}

    /* style icon */
    .inner-addon .addon-icon {
        position: absolute;
        padding: 10px;
        pointer-events: none;
        z-index: 1000;
        top: 7px; /*vertical center*/
    }

/* align icon */
.left-addon .addon-icon {
    left: 5px;
}

.right-addon .addon-icon {
    right: 5px;
}

/* add padding  */
.left-addon input {
    padding-left: 30px;
}

.right-addon input {
    padding-right: 30px;
}


/* BEGIN TOP NAV */
#ch4_headerLt, #ch4_headerMid, #ch4_headerCart, .member#ch4_headerLog, #ch4_headerLog {
    float: none;
    display: block !important;
}

.cardTypeIcon,
.ch4_checkMark:before,
.ch4_entrust:before,
.ch4_errorMessageIcon,
.ch4_errorMessageText:before,
.ch4_footerBalloon:before,
.ch4_footerEnvelope:before,
.ch4_footerGift:before,
.ch4_giftCardSummaryTitle,
/*.ch4_help:before,*/
.ch4_helpBlk:before,
.ch4_helpChatTop:before,
.ch4_helpContactTop:before,
.ch4_helpPromoCode:before,
.ch4_iconCart:before,
.ch4_notification:before,
.ch4_notificationRt:before,
.ch4_shippingMethodEDD,
.ch4_summaryMessageTitle:before,
.ch4_yourPrivacy:before,
.checkedAddress,
.removeGCLink,
.ui-dialog .ui-dialog-titlebar-close,
.check-icon,
li.contact-mail:before,
li.contact-phone {
    background: url(../images/new-sprite-sheet.png) no-repeat;
}

#ch4_header {
    text-align: left;
    width: 100%;
    background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAIBAQEBAQIBAQECAgICAgQDAgICAgUEBAMEBgUGBgYFBgYGBwkIBgcJBwYGCAsICQoKCgoKBggLDAsKDAkKCgr/2wBDAQICAgICAgUDAwUKBwYHCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgr/wgARCAAzAAoDAREAAhEBAxEB/8QAGwAAAgEFAAAAAAAAAAAAAAAAAgUAAQMECAn/xAAYAQEBAAMAAAAAAAAAAAAAAAAAAQIDBP/aAAwDAQACEAMQAAAA7l9C5SuBFpQWgmECOMA1pdqQ/8QAMxAAAQICBQYPAQAAAAAAAAAAAQACETEDBCEiQQgSFBVCYQUYJzJTVFdxkZWhpcHR0+H/2gAIAQEAAT8AFZaGydzTOU/tNpX5thI3RI+Vplwi0RcVptXwY07w3+o1xgdCGMHIVinhdFHDC+nVyNjroO0tYP6NvomkAwAdZKPhFZ79mkswmmcHRZayUj3LV1F1cHfYhlg5Rd7lE9oqf5LjhZRnaGPJ6n+K/8QAGBEAAwEBAAAAAAAAAAAAAAAAAAEREDD/2gAIAQIBAT8AK+NZRN5//8QAFBEBAAAAAAAAAAAAAAAAAAAAMP/aAAgBAwEBPwBv/9k=);
    background-repeat: repeat-x;
    background-position: top center;
    height: 51px;
    border-bottom: #e0e0e0 1px solid;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -ms-flexbox;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
}

#ch4_headerLt {
    text-align: center;
    height: 51px;
    width: 82px;
    border-right: #d4d4d4 1px solid;
}

    #ch4_headerLt:hover {
        background-image: none;
    }

    #ch4_headerLt a {
        text-align: center;
        display: block;
        height: 50px;
        width: 82px;
        border-right: #d4d4d4 1px solid;
    }

        #ch4_headerLt a:hover {
            background-color: #fafaff;
            color: #fa5400;
        }

#ch4_headerMid {
    text-align: center;
    height: 50px;
    width: auto;
    border-left: #f7f7f7 1px solid;
    border-right: #d4d4d4 1px solid;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -ms-flex: 1;
}

.nike-logo {
    font-size: 42px;
    height: 100%;
    width: 100%;
}

.esw-glyph-icon {
    font-size: 26px;
}

.pointer {
    cursor: pointer;
}

.check-icon {
    width: 14px;
    height: 11px;
    background-position: -60px -245px;
    display: block;
    float: left;
    margin: 15px 6px 0 0;
}

#ch4_headerCart {
    letter-spacing: .05em;
    text-align: center;
    height: 100%;
    border-left: #f7f7f7 1px solid;
    border-right: #d4d4d4 1px solid;
}

    #ch4_headerCart:hover {
        background-color: #fafaff;
    }

    #ch4_headerCart a {
        display: block;
        height: 100%;
        width: 100%;
        text-decoration: none;
        padding: 14px 20px 0 15px;
    }

.cart-icon {
    font-size: 20px;
    padding-right: 25px;
}
/*END TOP NAV*/

/*BEGIN LINKS AREA*/
div.linksArea {
    width: 100%;
    height: 70px;
    padding-top: 35px;
    color: #767676;
    font-size: 11px;
}

    div.linksArea a {
        text-decoration: underline;
    }

.fake-link {
    text-decoration: underline;
    cursor: pointer;
}

    .fake-link:hover {
        color: #fa5400;
    }


#ch4_helpContainerTopNav {
    float: right;
}

.ch4_helpFeedbackTop {
    display: inline-block;
    height: 28px;
}

.ch4_helpChatTop {
    display: inline-block;
    padding-left: 36px;
    height: 28px;
    margin-left: 20px;
    position: relative;
    top: 1px;
}

    .ch4_helpChatTop:before {
        content: '';
        background-position: -54px -223px;
        height: 19px;
        width: 24px;
        display: inline-block;
        position: absolute;
        left: 0;
        top: 0;
    }

.ch4_helpContactTop {
    display: inline-block;
    margin-left: 20px;
    padding-left: 36px;
    height: 28px;
    /*float: right;*/
    position: relative;
}

    .ch4_helpContactTop:before {
        content: '';
        background-position: -55px -322px;
        height: 16px;
        width: 22px;
        display: inline-block;
        position: absolute;
        left: 3px;
        top: 2px;
    }

/*END LINKS AREA*/

/* FORMS*/

.order-summary-content {
    width: 320px;
    float: left;
    padding: 0 0 0 20px;
}

.section-header, .section-summary, .summarySection, #slideCheckout {
    font-family: 'TradeGothicW01-BoldCn20 675334',Arial,sans-serif;
    letter-spacing: .025em;
}




.section-header {
    /*

    height: 56px;*/
    line-height: 40px;
    -moz-border-top-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    -khtml-border-top-left-radius: 3px;
    -moz-border-top-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -khtml-border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    text-transform: uppercase;
}


.section-header-main {
    color: #fff;
}


#summaryColumn {
    background-color: #ffffff;
    padding: 0;
    width: 300px;
    float: left;
    margin-left: 20px;
}

/*BillingForm is the middle one, he will have the margins*/
#billingForm {
    margin: 20px 0 20px 0;
}

/* Order work area*/
.order-area, .registration-area {
    background-color: #fff;
}

    .order-area .form-group, .registration-area .form-group {
        margin-left: 0 !important;
    }

.order-short-area {
    display: inline-block;
    width: 100%;
    padding: 20px 20px 20px 20px;
}

.order-short-header {
    background-color: #eeeeee;
    display: inline-block;
    width: 100%;
}

.order-short-summary {
    background-color: #ffffff;
    border: 1px #e5e5e5 solid;
    display: inline-block;
    width: 100%;
    padding: 20px 0 20px 40px;
}

.payment-order-area {
    background-color: #F9F9F9;
}

.summary-block {
    display: inline-block;
    width: 100%;
}

.summaryCol {
    width: 245px;
    float: left;
    margin-right: 20px;
    -ms-word-break: break-all;
    word-break: break-all;
}

.summaryCol-left {
    width: 285px;
    float: left;
    margin-right: 10px;
    -ms-word-break: break-all;
    word-break: break-all;
}

.summaryCol-right {
    width: 240px;
    float: left;
    -ms-word-break: break-all;
    word-break: break-all;
}

.summaryCol-large {
    width: 100%;
    float: left;
}

.promoCodeString {
    display:block;
    font-size:0.9em;
}

.promocodeQuestionLine {
    width: 100%;
    display: inline-block;
    height: 0;
    position: relative;
    margin-top: 15px;
}

    .promocodeQuestionLine label {
        width: initial;
        float: left;
        margin-right: 6px;
    }


    .promocodeQuestionLine span[class*=nsg-glyph--] {
        top: -2px;
    }


        .promocodeQuestionLine span[class*=nsg-glyph--]:hover {
            cursor: pointer;
        }

span[class*=nsg-glyph--].big-glyph {
    font-size: 21px;
    font-weight: normal;
}

.promocodeQuestionLine div[class*=nsg-form--tool-tip--] {
    left: 60px; /*this may change due to language message lenght, put it on the page itself*/
    margin-left: 0;
}

*[class*=nsg-form--tool-tip--] {
    top: auto;
    margin-left: -20px;
    font-weight: normal;
}


.esw-label {
    cursor: default;
}

.esw-textarea-label {
    margin-top: 20px;
}

label.shipping-options {
    /*border-top: 1px solid #e5e5e5;*/
}

select.is-invalid, select.is-invalid:focus {
    /*    background-color: #fc8c53;*/
    color: #fe0000;
    border: 1px solid #fe0000;
}


/*CART*/
.summarySectionTitle {
    padding: 8px 20px;
    font-size: 20px;
    background: #eeeeee;
    line-height: 40px;
    -moz-border-top-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    -khtml-border-top-left-radius: 3px;
    -moz-border-top-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -khtml-border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.summarySection {
    font-size: 14px;
    padding: 16px 20px 13px 20px;
    border: 1px #eeeeee solid;
    margin: 0 0 20px 0;
}

.summary div {
    margin-bottom: 10px;
}

.summarySection .total, .cart-package-EDD {
    font-size: 20px;
    padding-bottom: 0;
}

.summary-label {
    float: left;
    text-transform: uppercase;
}

.cart-package-EDD {
    text-transform: uppercase;
}


.cart-package-EDD {
    margin-bottom: 12px;
}

.cart-summary .summarySection {
    padding-top: 11px;
}

#cart-headerLink {
    text-decoration: initial;
}

.cart-package {
    border-bottom: 1px #eeeeee solid;
    margin: 0 0 12px 0;
}


.summarySection span[class*="nsg-glyph-"] {
    font-size: 20px;
    margin-left: 4px;
    vertical-align: top;
}

.cartItem {
    width: 100%;
    padding-top: 20px;
    border-top: 1px #eeeeee solid;
    display: inline-block;
}

    .cartItem .cartItem-image {
        width: 100px;
        height: 100px;
        float: left;
    }

        .cartItem .cartItem-image img {
            width: 100px;
            height: 100px;
        }

    .cartItem .cartItem-summary {
        float: left;
        /*    width: 145px;*/
        margin: 0 0 0 12px;
        font-size: 12px;
    }

.cartItem-Details {
    margin: 0 0 13px 0;
}

.cartItem-Price {
    margin: 0 0 10px 0;
}

.cartItemDetail-label {
    margin: 0 6px 0 0;
}

#cart-editlink {
    font-size: 12px;
    /*text-decoration: underline;*/
}

/*END CART*/

/*Help section*/

.HelpSectionTitle {
    font-size: 20px;
    text-transform: uppercase;
}

.summarySection a {
    text-decoration: underline;
}

/*End Help section*/

.ch4_toolTip {
    text-transform: none;
    display: none;
    font-size: 11px;
    font-weight: 400;
    line-height: 18px;
    background: #333;
    padding: 12px;
    color: #fff;
    width: 240px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    position: absolute;
    z-index: 1000;
    -webkit-box-shadow: 0 2px 3px #000;
    -moz-box-shadow: 0 2px 3px #000;
    box-shadow: 0 2px 3px #000;
    top: 24px;
    text-decoration: none !important;
}

.ch4_help {
    display: inline-block;
    height: 13px;
    width: 14px;
    margin-left: 6px;
    position: relative;
    top: 1px;
}

    .ch4_help:before {
        content: '';
        background-position: -58px -299px;
        height: 16px;
        width: 16px;
        display: inline-block;
        position: absolute;
        left: 0;
        top: 0;
    }


/*FOOTER*/
.desktopFooter {
    box-sizing: border-box;
    padding: 0 20px;
    overflow: hidden;
    background: #191919;
    color: #fff;
    text-align: left;
}

    .desktopFooter a {
        text-decoration: none;
    }

.l-horizontalList {
    box-sizing: border-box;
    display: block;
    list-style-type: none;
    padding-left: 0;
    margin: 40px auto 0;
    max-width: 940px;
    overflow: hidden;
}

.l-subList ul {
    list-style-type: none;
    padding-left: 0;
    margin: 0;
}

.l-horizontalList .l-subList {
    box-sizing: border-box;
    min-width: 140px;
    margin-right: 20px;
    float: left;
}

.s-subItem {
    -webkit-font-smoothing: antialiased;
    color: #999;
    height: 28px;
    font-size: 11px;
    font-family: Helvetica,Arial,sans-serif;
    letter-spacing: .03em;
}


.s-mainItem {
    margin: 0;
    height: 28px;
    -webkit-font-smoothing: antialiased;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .03em;
    font-family: 'TradeGothicW01-BoldCn20 675334',Helvetica,Arial,sans-serif;
    text-transform: uppercase;
}

.l-horizontalList .l-payTypes {
    box-sizing: border-box;
    float: right;
    text-align: right;
    padding-left: 0;
    padding-right: 0;
}


.bottomBar {
    box-sizing: border-box;
    border-top: 1px solid #444;
    max-width: 940px;
    margin: 20px auto 10px;
    width: 100%;
    color: #999;
    font-size: 12px;
}

footer .bottomBar .tocList {
    overflow: hidden;
    list-style-type: none;
    margin: 12px 0;
    padding: 0;
    width: 100%;
    display: inline-block;
}

    footer .bottomBar .tocList .tocLi {
        float: left;
        margin-right: 20px;
        font-size: 10px;
        letter-spacing: .03em;
    }

.tocli .shoppingIn {
    color: #fff;
    margin-right: 40px;
}

    .tocLi.shoppingIn a, .tocLi.shoppinIn a:visited {
        color: #fff !important;
    }

.s-mainItem a:active, .s-mainItem a:hover, .s-subItem a, .s-subItem a:link, .s-subItem a:visited, .tocLi a, .tocLi a:link, .tocLi a:visited {
    color: #999;
}

    .s-subItem a:active, .s-subItem a:hover, .tocLi a:active, .tocLi a:hover {
        color: #fff;
    }



.cardTypeIcon {
    position: relative;
    vertical-align: middle;
    overflow: hidden;
    display: inline-block;
    margin: 0 4px 4px 0;
}

/* ********** these should all be lowercase classnames!!! Otherwise they need to match thead syntax exactly!!!! ********** */

    .cardTypeIcon.MasterCardDebit,
    .cardTypeIcon.mastercarddebit {
        width: 45px;
        height: 27px;
        background-image: url(../images/mastercard_debit.png);
        background-size: 45px 27px;
    }

    .cardTypeIcon.Magna,
    .cardTypeIcon.magna {
        width: 44px;
        height: 27px;
        background-image: url(../images/magna.png);
        background-size: contain;
    }

    .cardTypeIcon.CMR,
    .cardTypeIcon.cmr {
        width: 28px;
        height: 27px;
        background-image: url(../images/CMR.jpg);
        background-size: contain;
    }

    .cardTypeIcon.Presto,
    .cardTypeIcon.presto {
        width: 41px;
        height: 27px;
        background-image: url(../images/presto.jpg);
        background-size: contain;
    }

    .cardTypeIcon.AmericanExpress,
    .cardTypeIcon.americanexpress,
    .cardTypeIcon.amex {
        width: 50px;
        height: 29px;
        background-position: 0 1px;
    }

    .cardTypeIcon.BankCc,
    .cardTypeIcon.bankcc {
        width: 50px;
        height: 29px;
        background-position: 0 -31px;
    }

    .cardTypeIcon.CartaSi,
    .cardTypeIcon.cartasi {
        width: 50px;
        height: 29px;
        background-position: 0 -62px;
    }

    .cardTypeIcon.CarteBleue,
    .cardTypeIcon.cartebleue {
        width: 50px;
        height: 29px;
        background-position: 0 -93px;
    }

    .cardTypeIcon.Dankort,
    .cardTypeIcon.dankort {
        width: 50px;
        height: 29px;
        background-position: 0 -125px;
    }

    .cardTypeIcon.Discover,
    .cardTypeIcon.discover {
        width: 50px;
        height: 29px;
        background-position: 0 -157px;
    }

    .cardTypeIcon.DomesticMaestro,
    .cardTypeIcon.domesticmaestro,
    .cardTypeIcon.maestro {
        width: 50px;
        height: 29px;
        background-position: 0 -188px;
    }

    .cardTypeIcon.EuroCard,
    .cardTypeIcon.eurocard {
        width: 50px;
        height: 29px;
        background-position: 0 -220px;
    }

    .cardTypeIcon.JCB,
    .cardTypeIcon.jcb {
        width: 50px;
        height: 29px;
        background-position: 0 -251px;
    }

    .cardTypeIcon.Laser,
    .cardTypeIcon.laser {
        width: 50px;
        height: 29px;
        background-position: 0 -283px;
    }

    .cardTypeIcon.MasterCard,
    .cardTypeIcon.mastercard {
        width: 50px;
        height: 29px;
        background-position: 0 -315px;
    }

    .cardTypeIcon.Paypal,
    .cardTypeIcon.paypal {
        width: 50px;
        height: 29px;
        background-position: 0 -347px;
    }

    .cardTypeIcon.Visa,
    .cardTypeIcon.visa {
        width: 50px;
        height: 29px;
        background-position: 0 -378px;
    }

    .cardTypeIcon.VisaDebit,
    .cardTypeIcon.visadebit {
        width: 50px;
        height: 29px;
        background-position: 0 -409px;
    }

    .cardTypeIcon.VisaElectron,
    .cardTypeIcon.visaelectron {
        width: 50px;
        height: 29px;
        background-position: 0 -440px;
    }

    .cardTypeIcon.FamilyMart,
    .cardTypeIcon.familymart {
        width: 85px;
        height: 24px;
        background-position: 0 -474px;
    }

    .cardTypeIcon.Cashondelivery,
    .cardTypeIcon.cashondelivery {
        width: 65px;
        height: 30px;
        /*background-position: 0 -500px;*/
        background-image: url(../images/cashondelivery_logo.png);
        background-size: contain;
    }

    .cardTypeIcon.Lawson,
    .cardTypeIcon.lawson {
        width: 85px;
        height: 15px;
        background-position: -1px -501px;
    }

    .cardTypeIcon.MiniStop,
    .cardTypeIcon.ministop {
        width: 37px;
        height: 29px;
        background-position: -50px -62px;
    }

    .cardTypeIcon.SeicoMart,
    .cardTypeIcon.seicomart {
        width: 85px;
        height: 14px;
        background-position: 0 -522px;
    }

    .cardTypeIcon.Sofort,
    .cardTypeIcon.sofort {
        width: 85px;
        height: 26px;
        background-position: 0 -541px;
    }

    .cardTypeIcon.Seveneleven,
    .cardTypeIcon.seveneleven {
        width: 30px;
        height: 29px;
        background-position: -55px 0;
    }

    .cardTypeIcon.CircleK,
    .cardTypeIcon.circlek {
        width: 64px;
        height: 29px;
        background-position: -54px -157px;
    }

    .cardTypeIcon.CircleK:after,
    .cardTypeIcon.circlek:after {
        width: 30px;
        height: 29px;
        background-position: -55px -33px;
        background-image: inherit;
        content: ' ';
        display: inline-block;
        float: right;
    }

    .cardTypeIcon.Ideal,
    .cardTypeIcon.ideal {
        width: 34px;
        height: 29px;
        background-position: -52px -94px;
    }

    .cardTypeIcon.PayEasy,
    .cardTypeIcon.payeasy {
        width: 33px;
        height: 29px;
        background-position: -52px -125px;
    }

    .cardTypeIcon.UnionPay,
    .cardTypeIcon.unionpay {
        width: 78px;
        height: 19px;
        background-position: 0 -1399px;
    }

    .cardTypeIcon.Alipay,
    .cardTypeIcon.alipay {
        width: 60px;
        height: 19px;
        background-position: 0 -1259px;
    }

    .cardTypeIcon.TenPay,
    .cardTypeIcon.tenpay {
        width: 57px;
        height: 19px;
        background-position: 0 -1329px;
    }

    .cardTypeIcon.SafetyPay,
    .cardTypeIcon.safetypay {
        width: 94px;
        height: 32px;
        background-image: url(../images/safetypay.png);
        background-size: 94px 32px;
    }

    .cardTypeIcon.Qiwi,
    .cardTypeIcon.qiwi {
        width: 49px;
        height: 27px;
        background-image: url(../images/qiwiwallet.png);
        background-size: 49px 27px;
    }

    .cardTypeIcon.OxxO,
    .cardTypeIcon.oxxo {
        width: 50px;
        height: 30px;
        background-image: url(../images/oxxo_logo_sm.png);
        background-size: 50px 25px;
    }

	.cardTypeIcon.CimbClicks,
    .cardTypeIcon.cimbclicks {
        width: 95px;
        height: 15px;
        background-image: url(../images/cimb_clicks_logo.png);
        background-size: 95px 15px;
    }

    .cardTypeIcon.Mir,
    .cardTypeIcon.mir {
        width: 102px;
        height: 29px;
        background-image: url(../images/mir.png);
        background-size: 102px 29px;
    }
	
.l-payTypes span {
    padding-right: 4px;
}

.entrust-logo-containter {
    overflow: hidden;
    height: 65px;
    width: 200px;
    float: right;
    margin-top: 40px;
}

.confirmation-summary {
    font-family: 'TradeGothicW01-BoldCn20 675334', Arial, sans-serif;
    font-size: 16pt;
    color: #333333;
    margin: 16px 0;
}

.confirmation-summary-label {
    text-transform: uppercase;
}

.confirmation-summary div {
    padding-top: 5px;
}

.confirmation-summary .title {
    font-size: 25pt;
}

.confirmation-summary .total {
    font-size: 20pt;
}

.summary-address-area {
    display: inline-block;
    margin-top: 17px;
    width: 100%;
}

/*--- Payment Methods Classes ---*/
/* .datpicker .btn-info contains selected date */
.dob_datepicker .btn-info.active {
    font-size: 12px;
    font-weight: normal;
    background-color: #fa5400;
    border: #ccc 1px;
}

.dob_datepicker .text-info {
    font-size: 12px;
    font-weight: normal;
    color: #333;
}

.dob_datepicker strong {
    color: #fa5400;
}

.dob_datepicker th {
    color: #666;
}

.dob_datepicker.dropdown-menu button, .timepicker.dropdown-menu button {
    outline: 0;
    border: 0;
}

.dob_datepicker table {
    outline: none;
    border: 0px;
}

.dob_datepicker ul {
    padding: 1px;
}

.dob_datepicker .btn:disabled {
    font-size: 12px;
    font-weight: normal;
    color: #e5e5e5;
}

    .dob_datepicker .btn:disabled > .text-muted {
        font-size: 12px;
        font-weight: normal;
        color: #e5e5e5;
    }

.dob_datepicker .text-muted {
    font-size: 12px;
    font-weight: normal;
    color: #e5e5e5;
}

.confirmterms {
    margin: 10px 0 10px 0;
}

.tandc-container {
    z-index: 1000;
    top: -218px;
    margin-top: 20px;
    position: relative;
    background-color: #ffffff;
    border: 1px #e5e5e5 solid;
    display: block;
    width: 100%;
    height: 600px;
    overflow: hidden;
}

.tandc-margin {
    top: -210px;
    height: 650px;
}

.tandc_iframe_container {
    border: none;
    border-top: solid 1px #e0e0e0;
    border-bottom: solid 1px #e0e0e0;
    position: relative;
    width: inherit;
    height: inherit;
    padding-left: 10px;
}

.billpaytandcheader {
    margin: 10px 5px 10px 5px;
}

    .billpaytandcheader a {
        cursor: pointer;
    }

.klarna-tsandcs, .billpay-tsandcs {
    width: inherit;
    height: 520px;
    text-align: center;
}

.billpay-tsandcs {
    height: 550px;
}

.BillpayBankDetailsContainer {
    margin: 5px 0 10px 0;
}

.invoicecontainer {
    padding: 5px 5px 0 15px;
    background-color: #f8f8f8;
}

.codpaymentcheckboxcontainer {
    margin-top: 10px;
    margin-bottom: -20px;
    padding: 20px 5px 40px 15px;
    background-color: #f8f8f8;
}

.border-cod-unchecked {
    border: 1px solid #ff0000;
}

.codpaymentlabel {
    font-weight: normal;
}

    .codpaymentlabel a {
        text-decoration: underline;
    }

        .codpaymentlabel a:hover {
            color: #fa5400;
        }

#honeypot {
    position: absolute;
    left: -999em;
}

#vvg-terms-and-conditions {
    position: absolute;
    left: -999em;
}

.paymentmethodcontainer {
    display: block;
    padding-bottom: 5px;
}

.paymentmethod {
    display: table-cell;
    margin: 0 5px 0 5px;
}

.paymentmethodelement {
    vertical-align: middle;
    margin: 1px 5px 0 3px;
}

    .paymentmethodelement.safetyPayCash img,
    .paymentmethodelement.safetyPay img {
        max-width: 95px;
        height: auto;
    }

    .paymentmethodcontainer input[type="radio"] {
        margin: 0;
    }

.klarna {
    background-image: url(../../Content/images/Klarna.png);
    background-repeat: no-repeat;
    /*line-height: 30px;*/
    vertical-align: middle;
    display: inline-block;
    padding: 0 0 0 54px;
}

    .klarna.paymentmethodelement {
        /*background-position-y: 7px;*/
    }

.cardTypeIcon.klarna {
    background-image: url(../../Content/images/Klarna.png);
    background-repeat: no-repeat;
    height: 15px;
}

.billpay {
    background-image: url(../../Content/images/billpay_sm.png);
    width: 69px;
    height: 32px;
    display: inline-block;
}

.DinersClub,
.diners {
    width: 40px;
    height: 30px;
    display: inline-block;
    background: url(../../Content/images/Diners-Club-icon.png) no-repeat;
}

.sofortAT, .sofortCH, .sofortBE, .sofortDE, .sofortNL {
    background-image: url(../../Content/images/Sofort_sprite.png);
    height: 43px;
    width: 100px;
    display: inline-block;
}

.sofortAT, .sofortCH {
    background-position: -100px 0px;
}

.sofortBE {
    background-position: -100px -44px;
}

.sofortDE {
    background-position: -100px -150px;
}

.sofortNL {
    background-position: -100px -88px;
}

.safetyPay {
}


.safetyPayCash {
}


/* PAYPAL Express */
.paidWithPayPalLine {
    display: inline-block;
    padding: 0 0 15px 0;
    width: 100%;
    border-bottom: 1px #eeeeee solid;
}

.paypalicon {
    width: 50px;
    height: 14px;
    background: url(../images/paypal_logo_sm.png) no-repeat;
    margin: 2px 0 0 7px;
}

    .paypalicon.summary-icon {
        margin: 14px 0 0 0;
        display: block;
    }

    .paypalicon.review-icon {
        margin: 0 0 0 0;
        display: block;
    }

.paypaliconbtn {
    width: 56px;
    height: 20px;
    background: url(../images/paypal_logo_sm_btn.png) no-repeat;
    margin: 2px 0 0 7px;
}

.cimbclicksiconbtn {
    width: 75px;
    height: 20px;
    background: url(../images/cimb_clicks_logo_btn.png) no-repeat;
    margin: 2px 0 0 7px;
}

.upiiconbtn {
    width: 50px;
    height: 20px;
    background: url(../images/upi-logo-btn.png) no-repeat;
    margin: 2px 0 0 7px;
}

.netbankingiconbtn {
    width: 75px;
    height: 20px;
    background: url(../images/net-banking-btn.png) no-repeat;
    margin: 2px 0 0 7px;
}

.paytmiconbtn {
    width: 60px;
    height: 20px;
    background: url(../images/paytm-btn-logo.png) no-repeat;
    margin: 2px 0 0 7px;
}

.nsg-button .paypaliconbtn {
    margin: 10px 0 0 9px;
    float: right;
}

.nsg-button .netbankingiconbtn {
    margin: 9px 0 0 9px;
    float: right;
}

.nsg-button .paytmiconbtn {
    margin: 8px 0 0 9px;
    float: right;
}

.nsg-button .cimbclicksiconbtn,
.nsg-button .upiiconbtn{
    margin: 13px 0 0 9px;
    float: right;
}

/*OxxO*/
.oxxo_img {
    height: auto;
    width: 50px;
}

/*NetBanking*/
.net-banking-img {
    height: auto;
    width: 20px;
    padding-bottom: 4px;
}

/*UPI*/
.upi-img {
    height: auto;
    width: 50px;
}

/*PayTM*/
.paytm-img {
    height: auto;
    width: 50px;
}

/*CimbClicks*/
.cimbclicks_img {
    height: auto;
    width: 85px;
}

/*SOFORT */
.paidWithSofortLine {
    display: inline-block;
    padding: 0 0 10px 0;
    width: 100%;
    border-bottom: 1px #eeeeee solid;
}

.soforticon {
    width: 50px;
    height: 22px;
    background: url(../images/sofort_sprite_sm.png) no-repeat;
    margin: 2px 0 0 7px;
}

    .soforticon.summary-icon {
        margin: 10px 0 0 0;
        display: block;
    }

    .soforticon.review-icon {
        margin: 0 0 0 0;
        display: block;
    }

.nsg-button .soforticon {
    margin: 8px 0 0 15px;
    float: right;
}

.nsg-button a {
    text-decoration: none;
}

.nsg-button {
    text-transform: uppercase;
}

.order-short-payment .form-group {
    margin-left: 0;
}

.password-rules-area {
    color: #999999;
    font-family: Helvetica;
    font-weight: 700;
}

.esw.popover {
    max-width: initial;
    display: table !important;
    font-size: 13px;
    /*max-width: 310px;*/ /*remove this if string get longer in diferent languages*/
    min-width: 400px;
}

.password-rules-area .green-check-icon {
    background-repeat: no-repeat;
    width: 13px;
    height: 14px;
    float: left;
    background-position: center;
    margin-right: 4px;
}

.esw.popover .popover-content {
    padding: 10px 16px 5px 16px;
}

.password-rules-area .is-valid .green-check-icon {
    background-image: url(../images/check.png);
}

.password-rules-area .is-valid {
    color: #333333;
}

.esw.popover h3.popover-title {
    font-size: 13px;
    color: #333333;
    font-family: Helvetica;
    font-weight: 700;
    padding: 12px 32px;
    height: 35px;
}

.post-code-bottom-label {
    margin: 5px 0 0 3px;
    font-size: 11px;
}

.government-id-bottom-label {
    margin-left: 0px;
    padding-left: 0px;
}

.government-id-bottom-label a {
    word-wrap: break-word;
}

.remaining-characters-top-label {
    margin: 0 0 0 3px;
    font-size: 11px;
}

select::-ms-expand {
    display: none;
}

.shipping-detail-label {
    font-weight: bold;
    display: inline-block;
    margin-left: 0;
    padding-left: 28px;
    height: 28px;
    position: relative;
}

    .shipping-detail-label:before {
        background: url(../images/new-sprite-sheet.png) no-repeat;
        content: '';
        background-position: -57px -432px;
        height: 20px;
        width: 22px;
        display: inline-block;
        position: absolute;
        left: 3px;
        top: 0;
    }

.shipping-btn-img-remove {
    background: url(../images/remove_storedid.png) no-repeat center transparent;
    content: "";
    height: 32px;
    width: 32px;
}

#shipIdDeleteBtn {
    outline: none;
}

.modal-shipping-details {
    width: 330px;
}

    .modal-shipping-details .summarySectionTitle,
    .modal-shipping-details .summarySection,
    .modal-shipping-details .cart-package {
        border: 0;
        background-color: initial;
    }

    .modal-shipping-details .summarySection {
        margin-bottom: 0;
        padding-bottom: 0;
    }

.dismiss {
    font-size: 18px;
    font-weight: bold;
    float: right;
    cursor: pointer;
}

.restricted-cart-body-text {
    padding-bottom: 15px;
}

.restricted-cart-contact-us {
    border-top: 1px solid #eeeeee;
    padding-top: 15px;
}

.modal-resticted-cart .exit-confirmation-modal-body,
.modal-exit-confirmation-modal .exit-confirmation-modal-body {
    margin: -11px 16px 15px 20px;
}

.exit-confirmation-modal-body a {
    word-wrap: break-word;
}

.modal-resticted-cart .nsg-button,
.modal-exit-confirmation-modal .nsg-button {
    padding-right: 3em;
    padding-left: 3em;
    margin-right: 6px;
    margin-bottom: 10px;
}

.modal-resticted-cart .section-header,
.exit-confirmation-modal .section-header {
    display: inline-table;
    padding: 0;
}

.modal-resticted-cart .buttons-area,
.exit-confirmation-modal .buttons-area {
    margin-top: 15px;
}

.modal-resticted-cart .nsg-misc-keyline--horizontal,
.exit-confirmation-modal .nsg-misc-keyline--horizontal {
    margin-bottom: 15px;
}

.center-modal {
    position: fixed;
    top: 20%;
    left: auto;
    z-index: 1050;
    width: 100%;
    overflow-y: hidden !important;
}

.shipping-review {
    margin: 10px 0 0 0;
    display: inline-block;
}

.shipping-review-label {
    font-weight: bold;
}

.shipping-review-detail, .shipping-review-label {
    padding-bottom: 5px;
}

.pin-icon {
    width: 14px;
    height: 14px;
    position: relative;
    vertical-align: middle;
    overflow: hidden;
    display: inline-block;
    margin-right: 8px;
}

    .pin-icon.pcwhite {
        background: url(../images/pin_white.png) no-repeat;
    }

    .pin-icon.pcblack {
        background: url(../images/pin_black.png) no-repeat;
    }

.flag-icon {
    width: 14px;
    height: 10px;
    position: relative;
    vertical-align: middle;
    overflow: hidden;
    display: inline-block;
    margin-right: 8px;
}

    .flag-icon.ae {
        background: url(//content.nike.com/content/dam/nike/global/country_flags/ae_sml.png) no-repeat;
    }

    .flag-icon.ar {
        background: url(//content.nike.com/content/dam/nike/global/country_flags/ar_sml.png) no-repeat;
    }

    .flag-icon.al {
        background: url(//content.nike.com/content/dam/nike/global/country_flags/al_sml.png) no-repeat;
    }

    .flag-icon.au {
        background: url(//content.nike.com/content/dam/nike/global/country_flags/au_sml.png) no-repeat;
    }

    .flag-icon.az {
        background: url(//content.nike.com/content/dam/nike/global/country_flags/az_sml.png) no-repeat;
    }

    .flag-icon.ba {
        background: url(//content.nike.com/content/dam/nike/global/country_flags/ba_sml.png) no-repeat;
    }

    .flag-icon.bg {
        background: url(//content.nike.com/content/dam/nike/global/country_flags/bg_sml.png) no-repeat;
    }

    .flag-icon.bh {
        background: url(//content.nike.com/content/dam/nike/global/country_flags/bh_sml.png) no-repeat;
    }

    .flag-icon.ca {
        background: url(//content.nike.com/content/dam/nike/global/country_flags/ca_sml.png) no-repeat;
    }

    .flag-icon.ch {
        background: url(//content.nike.com/content/dam/nike/global/country_flags/ch_sml.png) no-repeat;
    }

    .flag-icon.cl {
        background: url(//content.nike.com/content/dam/nike/global/country_flags/cl_sml.png) no-repeat;
    }

    .flag-icon.cr {
        background: url(//content.nike.com/content/dam/nike/global/country_flags/cr_sml.png) no-repeat;
    }

    .flag-icon.cy {
        background: url(//content.nike.com/content/dam/nike/global/country_flags/cy_sml.png) no-repeat;
    }

    .flag-icon.dz {
        background: url(//content.nike.com/content/dam/nike/global/country_flags/dz_sml.png) no-repeat;
    }

    .flag-icon.ec {
        background: url(//content.nike.com/content/dam/nike/global/country_flags/ec_sml.png) no-repeat;
    }

    .flag-icon.ee {
        background: url(//content.nike.com/content/dam/nike/global/country_flags/ee_sml.png) no-repeat;
    }

    .flag-icon.eg {
        background: url(//content.nike.com/content/dam/nike/global/country_flags/eg_sml.png) no-repeat;
    }

    .flag-icon.hr {
        background: url(//content.nike.com/content/dam/nike/global/country_flags/hr_sml.png) no-repeat;
    }

    .flag-icon.id {
        background: url(//content.nike.com/content/dam/nike/global/country_flags/id_sml.png) no-repeat;
    }

    .flag-icon.il {
        background: url(//content.nike.com/content/dam/nike/global/country_flags/il_sml.png) no-repeat;
    }

    .flag-icon.in {
        background: url(//content.nike.com/content/dam/nike/global/country_flags/in_sml.png) no-repeat;
    }

    .flag-icon.jo {
        background: url(//content.nike.com/content/dam/nike/global/country_flags/jo_sml.png) no-repeat;
    }

    .flag-icon.ke {
        background: url(//content.nike.com/content/dam/nike/global/country_flags/ke_sml.png) no-repeat;
    }

    .flag-icon.is {
        background: url(//content.nike.com/content/dam/nike/global/country_flags/is_sml.png) no-repeat;
    }

    .flag-icon.kr {
        background: url(//content.nike.com/content/dam/nike/global/country_flags/kr_sml.png) no-repeat;
    }

    .flag-icon.kw {
        background: url(//content.nike.com/content/dam/nike/global/country_flags/kw_sml.png) no-repeat;
    }

    .flag-icon.kz {
        background: url(//content.nike.com/content/dam/nike/global/country_flags/kz_sml.png) no-repeat;
    }

    .flag-icon.lb {
        background: url(//content.nike.com/content/dam/nike/global/country_flags/lb_sml.png) no-repeat;
    }

    .flag-icon.lt {
        background: url(//content.nike.com/content/dam/nike/global/country_flags/lt_sml.png) no-repeat;
    }

    .flag-icon.lv {
        background: url(//content.nike.com/content/dam/nike/global/country_flags/lv_sml.png) no-repeat;
    }

    .flag-icon.ma {
        background: url(//content.nike.com/content/dam/nike/global/country_flags/ma_sml.png) no-repeat;
    }

    .flag-icon.mo {
        background: url(//content.nike.com/content/dam/nike/global/country_flags/mo_sml.png) no-repeat;
    }

    .flag-icon.mk {
        background: url(//content.nike.com/content/dam/nike/global/country_flags/mk_sml.png) no-repeat;
    }

    .flag-icon.mt {
        background: url(//content.nike.com/content/dam/nike/global/country_flags/mt_sml.png) no-repeat;
    }

    .flag-icon.mx {
        background: url(//content.nike.com/content/dam/nike/global/country_flags/mx_sml.png) no-repeat;
    }

    .flag-icon.my {
        background: url(//content.nike.com/content/dam/nike/global/country_flags/my_sml.png) no-repeat;
    }

    .flag-icon.ng {
        background: url(//content.nike.com/content/dam/nike/global/country_flags/ng_sml.png) no-repeat;
    }

    .flag-icon.no {
        background: url(//content.nike.com/content/dam/nike/global/country_flags/no_sml.png) no-repeat;
    }

    .flag-icon.nz {
        background: url(//content.nike.com/content/dam/nike/global/country_flags/nz_sml.png) no-repeat;
    }

    .flag-icon.pa {
        background: url(//content.nike.com/content/dam/nike/global/country_flags/pa_sml.png) no-repeat;
    }

    .flag-icon.om {
        background: url(//content.nike.com/content/dam/nike/global/country_flags/om_sml.png) no-repeat;
    }

    .flag-icon.pe {
        background: url(//content.nike.com/content/dam/nike/global/country_flags/pe_sml.png) no-repeat;
    }

    .flag-icon.ph {
        background: url(//content.nike.com/content/dam/nike/global/country_flags/ph_sml.png) no-repeat;
    }

    .flag-icon.pr {
        background: url(//content.nike.com/content/dam/nike/global/country_flags/pr_sml.png) no-repeat;
    }

    .flag-icon.qa {
        background: url(//content.nike.com/content/dam/nike/global/country_flags/qa_sml.png) no-repeat;
    }

    .flag-icon.ro {
        background: url(//content.nike.com/content/dam/nike/global/country_flags/ro_sml.png) no-repeat;
    }

    .flag-icon.rs {
        background: url(//content.nike.com/content/dam/nike/global/country_flags/rs_sml.png) no-repeat;
    }

    .flag-icon.ru {
        background: url(//content.nike.com/content/dam/nike/global/country_flags/ru_sml.png) no-repeat;
    }

    .flag-icon.sa {
        background: url(//content.nike.com/content/dam/nike/global/country_flags/sa_sml.png) no-repeat;
    }

    .flag-icon.sg {
        background: url(//content.nike.com/content/dam/nike/global/country_flags/sg_sml.png) no-repeat;
    }

    .flag-icon.sk {
        background: url(//content.nike.com/content/dam/nike/global/country_flags/sk_sml.png) no-repeat;
    }

    .flag-icon.th {
        background: url(//content.nike.com/content/dam/nike/global/country_flags/th_sml.png) no-repeat;
    }

    .flag-icon.tr {
        background: url(//content.nike.com/content/dam/nike/global/country_flags/tr_sml.png) no-repeat;
    }

    .flag-icon.tw {
        background: url(//content.nike.com/content/dam/nike/global/country_flags/tw_sml.png) no-repeat;
    }

    .flag-icon.ua {
        background: url(//content.nike.com/content/dam/nike/global/country_flags/ua_sml.png) no-repeat;
    }

    .flag-icon.vn {
        background: url(//content.nike.com/content/dam/nike/global/country_flags/vn_sml.png) no-repeat;
    }

    .flag-icon.za {
        background: url(//content.nike.com/content/dam/nike/global/country_flags/za_sml.png) no-repeat;
    }

div.inner-information-box {
    background-color: #eeeeee;
    border: 1px solid #eeeeee;
    padding: 10px 6px 0 11px;
    height: 90px;
}

    div.inner-information-box label {
        font-weight: normal;
    }

        div.inner-information-box label a {
            text-decoration: underline;
        }

.linkTooltip {
    float: left;
    margin: 4px 4px 8px 9px;
    text-decoration: underline;
    cursor: pointer;
    display: inline-block;
    width: 40%;
    vertical-align: middle;
}

.over-the-counter-message {
    font-size: 0.875em;
    padding-top: 15px;
    margin-left: 10px;
}

.alternate-payment-button-area {
    margin: 20px 0 -5px 0;
    display: inline-block;
    width: 100%;
}

    .alternate-payment-button-area a {
        text-decoration: underline;
        target: "_blank";
    }

hr.hrstyle {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}


/*PAYPAL express error page wrong country*/

.checkout-error-main-panel {
    background-color: #eeeeee;
    text-align: center;
    width: 100%;
    min-height: 100%;
    height: 100%;
    margin-right: auto;
    margin-left: auto;
}

    .checkout-error-main-panel .info {
        margin-top: 10px;
        margin-right: auto;
        margin-left: auto;
    }

        .checkout-error-main-panel .info a {
            text-decoration: underline;
        }

            .checkout-error-main-panel .info a:hover {
                color: #fa5400;
            }

.payment-method-selection-label {
    width: 100%;
    height: 100%;
    cursor: pointer;
}

    .payment-method-selection-label span label {
        margin-right: 5px;
        font-weight: normal;
    }


/*hide 'help us improve' button*/
.usabilla_live_button_container {
    visibility: hidden;
    display: none;
}

.intl-tel-input .tooltip {
    width: 200px;
}

.cardpayment-frame {
    background-color: #eeeeee;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}

.email-line, .label-help-line {
    width: 136px;
    display: inline-block;
    float: left;
}

.help-line-l {
    width: 156px !important;
}

.help-line-xl {
    width: 170px !important;
}

.email-line-xl {
    width: 170px !important;
}

.email-line .nsg-form--label.form-label, .label-help-line .nsg-form--label.form-label {
    width: auto;
    padding: .6667em 0;
}

.email-line .nsg-glyph--help, .label-help-line .nsg-glyph--help {
    padding: .6667em 0;
}

.tooltip.bottom {
    margin-top: -2px;
}

.tooltip.in {
    -ms-opacity: 1;
    opacity: 1;
    -webkit-filter: alpha(opacity=100);
    -moz-filter: alpha(opacity=100);
    -o-filter: alpha(opacity=100);
    filter: alpha(opacity=100);
}

div.payment-images img {
    padding-bottom: 10px;
}

.order-short-info-message label {
    font-weight: normal;
}

.order-short-info-message {
    display: inline-block;
}

.place-order-container {
    text-align: right;
    padding: 5px 5px 15px;
}

#container {
    margin: 0 auto;
    /*width: 700px;*/
    background-color: #F9F9F9;
}

.button-with-icon {
    white-space: normal !important;
}

.infoNote {
    padding: 10px 0px 0px 0px;
}

.holdRecaptcha { margin: 10px 0px 0px 0px;}

.displayNone { display: none;}

.holdCodAmount em {font-style: normal;}


/* ***** STORED CARDS ***** */
#storedCardsList {
    padding: 10px 0px 0px 40px;
}

#storedCardsList div {
    position: relative;
    width: 430px;
}

#storedCardsList label {
    margin: 0px 0px 10px 0px;
}

#storedCardsList label input {
    margin: 0px 7px 0px 0px;
    vertical-align: middle;
}

#storedCardsList button {
    position: absolute;
    right: 0px;
    top: 5px;
}

@media (max-width: 767px) and (min-width: 0px) {
    #storedCardsList {
        padding: 10px 0px 0px 10px;
    }

    #storedCardsList div {
        width: 348px;
    }

    #storedCardsList label {
        font-size: 12px;
    }

    #storedCardsList label span {
        display: block;
        margin: -33px 0px 0px 75px;
    }

    #storedCardsList label span span {
        margin: 0px;
    }
}
/* ***** STORED CARDS ***** */


/* ***** UI Messaging ***** */
.message__holder {
    word-wrap: break-word;
}

.headerMessage .message {
    background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAIBAQEBAQIBAQECAgICAgQDAgICAgUEBAMEBgUGBgYFBgYGBwkIBgcJBwYGCAsICQoKCgoKBggLDAsKDAkKCgr/2wBDAQICAgICAgUDAwUKBwYHCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgr/wgARCAAzAAoDAREAAhEBAxEB/8QAGwAAAgEFAAAAAAAAAAAAAAAAAgUAAQMECAn/xAAYAQEBAAMAAAAAAAAAAAAAAAAAAQIDBP/aAAwDAQACEAMQAAAA7l9C5SuBFpQWgmECOMA1pdqQ/8QAMxAAAQICBQYPAQAAAAAAAAAAAQACETEDBCEiQQgSFBVCYQUYJzJTVFdxkZWhpcHR0+H/2gAIAQEAAT8AFZaGydzTOU/tNpX5thI3RI+Vplwi0RcVptXwY07w3+o1xgdCGMHIVinhdFHDC+nVyNjroO0tYP6NvomkAwAdZKPhFZ79mkswmmcHRZayUj3LV1F1cHfYhlg5Rd7lE9oqf5LjhZRnaGPJ6n+K/8QAGBEAAwEBAAAAAAAAAAAAAAAAAAEREDD/2gAIAQIBAT8AK+NZRN5//8QAFBEBAAAAAAAAAAAAAAAAAAAAMP/aAAgBAwEBPwBv/9k=);
    background-repeat: repeat-x;
    background-position: top center;
    background-size: contain;
    box-shadow: inset 0px -2px 0px 0px #ffffff;
}

.headerMessage .message .container {
    margin-bottom: 0px;
}

.headerMessage .message__holder {
    width: 1500px;
    min-height: 50px;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    word-wrap: break-word;
}

.headerMessage .message__inner {
    padding: 8px 20px 20px 20px;
    text-align: center; 
}

.headerMessage .message__text {
    font-size: 27px;
    line-height: 40px;
}

.headerMessage .message__holder .message__link {
    text-decoration: underline;
}

.headerMessage .message__holder .message__link:hover {
    color: #fa5400;
}

.fieldMessage {
    display: block;
    margin: 5px 0 0 3px;    
}

.fieldMessage .message__text {
    font-family: OneNikeCurrency,Helvetica,Arial,sans-serif;
    font-size: 11px;
}

.fieldMessage .message__link {
    text-decoration: underline;
}

.fieldMessage .message__link:hover {
    color: #fa5400;
}

.paymentMessage .message {
    background-image: none;
    padding: 0px 0px 15px 0px;
    text-align: center;
}

.paymentMessage .message__text  {
    display: inline;
    font-size: 20px;
    line-height: 1em;
}

.paymentMessage .message__text.message__link {
    display: block;
    font-size: 20px;
    line-height: 1em;
    text-decoration: underline;
}

@media (max-width: 767px) and (min-width: 0px) {
    .headerMessage .message__inner {
        text-align: left;
    }

    .headerMessage .message__text {
        font-size: 20px;
        line-height: 30px;
    }
}
/* ***** UI Messaging ***** */



/* ***** Gdpr ***** */
.gdpr-privacy-area {
    position: relative;
    padding: 0 20px 40px 20px;        
    background-color: #ffffff;
}

    .gdpr-privacy-area .gdpr-inner-section:after,
    .gdpr-privacy-area .gdpr-inner-section2:after {
        content: "";
        clear: both;
        display: table;
    }

.gdpr-inner-section {
    background-color: #eeeeee;
    padding: 10px 6px 10px 11px;
}

    .gdpr-inner-section label {
        font-weight: normal;
        background-color: #eeeeee;
        cursor: default;
        padding-top: 0;
        padding-bottom: 0;
        display: table-cell;
    }

        .gdpr-inner-section label a {
            text-decoration: underline;
            cursor: pointer;
        }

.gdpr-inner-section2 {
    background-color: #eeeeee;
    padding: 10px 6px 10px 0px;
}

    .gdpr-inner-section2 label {
        font-weight: normal;
        background-color: #eeeeee;
        cursor: default;
        padding-top: 0;
        padding-bottom: 0;
        display: table-cell;
    }

        .gdpr-inner-section2 label a {
            text-decoration: underline;
            cursor: pointer;
        }

.is-invalid-gdpr {
    border: 1px solid #fe0000;
}
/* ***** Gdpr ***** */

/* ***** COD ***** */
.cod-recaptcha-area {
    padding: 0px 0px 10px 5px;
    margin-top: 20px;
}
/* ***** COD ***** */
/* ***** Custom Checkbox ***** */
/* Checkbox container */
.checkbox-container {
    display: block;
    position: relative;
    padding-left: 22px;
    cursor: pointer;
    pointer-events: none;
}

    /* Hide browser default checkbox */
    .checkbox-container input {
        position: absolute;
        opacity: 0;
        filter: alpha(opacity=0);
        min-width: 16px;
    }

    /* Display checkmark when checked */
    .checkbox-container input:checked ~ .checkbox-checkmark:after {
        display: block;
    }

    /* Style checkmark */
    .checkbox-container .checkbox-checkmark:after {
        left: 5px;
        top: 1px;
        width: 5px;
        height: 9px;
        border: solid #000;
        border-width: 0 2px 2px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

/* create the checkmark */
.checkbox-checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 16px;
    width: 16px;
    cursor: pointer;
    color: #666;
    background-color: #fff;
    border: 1px solid #ccc;
    pointer-events: auto;
}

    /* hide when not checked */
    .checkbox-checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }
/* ***** Custom Checkbox ***** */


/* ***** Government Id ***** */
.govIdSection {
    background-color: #fff;
    margin: 20px 0px 0px 0px;
    padding: 20px 20px 20px 20px;
}

.govIdSection h4 {
    font-size: 11px;
    margin: 0px 0px 20px 0px;
}

.form-horizontal .govIdSection .form-group {
    margin: 0px 0px 20px 0px;
}

.form-horizontal .govIdSection .form-group label {
    padding: 0px;
}

.form-horizontal .govIdSection .form-group .nsg-glyph--help  {
    margin: 0px;
    padding: 0px;
}

.form-horizontal .govIdSection .form-group p {
    margin-top: 20px;
}

.form-horizontal .govIdSection .form-group p {
    font-size: 11px;
    margin: 10px 0px 0px 0px;
}

.form-horizontal .govIdSection .form-group p a {
    text-decoration: underline;
}
/* ***** Government Id ***** */

/* ***** Personal Account Number ***** */
.panSection {
    background-color: #fff;
    margin: 20px 0px 0px 0px;
    padding: 20px 20px 2px 20px;
}

    .panSection h4 {
        font-size: 11px;
        margin: 0px 0px 20px 0px;
    }

/* ***** Ship To Store ***** */
.stsSection {
    background-color: #fff;
    margin: -20px -20px 20px -20px;
}

.stsLabelSection {
    padding: 10px 20px 10px 20px;
    font-size: 20px;
    color: #666;
}

.stsLabel {
    padding: 0 0 10px 0;
    font-size: 20px;
    color: #666;
}

.stsButtonSection {
    text-align: center;
    margin: 0 20px 20px 20px;
}
    
    .stsButtonSection a {
        padding: 0 10px;
    }

    .stsButtonSection > div:first-child {
        display: table; 
        margin: 0 auto;
    }

    .stsButtonSection .stsActive {
        width: 174px;
        margin: auto;
        border: 3px solid #eee;
        text-align: center;
        padding: 15px 10px 12px 10px;
        background-color: #fafafa;
        display: table-cell;
        cursor: pointer;
    }

        .stsButtonSection .stsActive label {
            font-size: 0.9em;
            font-weight: bold;
            cursor: pointer;
        }

    .stsButtonSection .stsInactive {
        width: 174px;
        margin: auto;
        border: 1px solid #eee;
        text-align: center;
        padding: 15px 10px 12px 10px;
        background-color: #fff;
        display: table-cell;
        cursor: pointer;
    }

        .stsButtonSection .stsInactive label {
            font-size: 0.9em;
            font-weight: bold;
            color: #9B9B9B;
            cursor: pointer;
        }

    .stsButtonSection .stsFirst img {
        width: 30px;
        clear: left;
        margin-bottom: 10px;
        cursor: pointer;
    }

    .stsButtonSection .stsSecond img {
        width: 70px;
        clear: left;
        margin-bottom: 10px;
        cursor: pointer;
    }

    .stsButtonSection .stsSeparator {
        min-width: 10px;
    }

.stsBottomLine {
    height: 20px;
    background-color: #eee;
}

.stsMessageArea {
    background-color: #eee;
    padding: 0 10px;
    margin: 10px 0 20px 0;
}

    .stsMessageArea label {
        font-weight: normal;
    }
/* ***** Ship To Store ***** */


.form-horizontal .panSection .form-group {
    margin: 0px 0px 20px 0px;
}

    .form-horizontal .panSection .form-group label {
        padding: 0px;
    }

    .form-horizontal .panSection .form-group .nsg-glyph--help {
        margin: -3px 0px 0px 0px;
        padding: 0px;
    }

    .form-horizontal .panSection .form-group p {
        font-size: 11px;
        margin-top: 20px;
    }

        .form-horizontal .panSection .form-group p a {
            text-decoration: underline;
        }

.pan-input {
    width: 63%;
    text-transform: uppercase
}
/* ***** Personal Account Number ***** */

/* ***** unite ***** */
#keepMeLoggedIn label.checkbox {
    position: static;
}

.spinnerBackgroundAddresses {
    background-image: url('../images/loading.gif');
    background-position: center;
    background-repeat: no-repeat;
    min-height: 100px;
}

/* removing tel number flag */
div.selected-flag {
    display: none !important;
}

.intl-tel-input input[type=text] {
    padding-left: 12px;
}
