@import url('fonts/fontawesome.css');
@import url('fonts/fonts.css');
@import url('specificV2.css');

/*<editor-fold defaultstate="collapsed" desc="Main">*/

#countryDropDownHolder,
#topMenu,
.topMenu,
.topBannerText,
.headerHolder:last-of-type,
.headerSpacer,
#footer div.menu,
#footer .joinNewsletter,
#footer .social h2,
#footer .social .iconLinks {
    display: none;
}

#footer {
    height: 160px;
    padding-top: 0 !important;
}

div.headerHolder {
    position: relative;
}


div.squareSection {
    font-family: 'GothamMedium';
    background: #ffffff;
    color: black;
    box-shadow: 0px 0px 20px 0px rgba(50, 50, 50, 0.75);
    text-align: center;
    padding: 15px;
    padding-bottom: 0;
}

div.squareSection .header {
    height: auto;
    font-family: 'GothamBold';
    color: #000000;
    background-color: #ffffff;
    background-image: none;
    font-size: 18px;
    background: none;
    border-bottom: 3px black solid;
    margin-bottom: 5px;
    padding: 5px 0 10px;
    vertical-align: bottom;
    text-transform: uppercase;
}

div.squareSection .body {
    background: none;
    padding: 0;
}

body div.accentSectionWithBanner {
    width: 100%;
    max-width: none;
    margin: 0 0 30px;
}

div.accentSectionWithBanner .sideBanner {
    display: block !important;
    background-size: contain;
    background-repeat: no-repeat;
    max-width: 335px;
    width: 95%;
    height: auto;
    padding: 0;
    margin: 0 auto;
    vertical-align: top;
    margin-bottom: 20px;
}

.accentSectionWithBanner .squareSection.accentSection {
    float: none;
    vertical-align: top;
    min-height: 485px;
    max-width: 335px;
    width: 95%;
    margin: 0 auto;
}

@media only screen and (min-width: 920px) {
    div.accentSectionWithBanner .sideBanner {
        width: 510px;
        max-width: none;
        height: 485px;
        display: inline-block !important;
        margin-right: 30px;
        margin-bottom: 0;
    }

    .accentSectionWithBanner .squareSection.accentSection {
        display: inline-block;
    }

    div.accentSection.squareSection .amazonLogin span,
    div.accentSection.squareSection .facebookLogin span {
        font-size: inherit;
    }

    .mobileOnly {
        display: none;
    }
}

html body {
    background: #ffffff;
}

body>div.container {
    width: 100%;
    margin: 30px 0;
    text-align: center;
    max-width: none;
}

.intervalPriceAndShippingAmount {
    text-align: left;
    font-family: "GothamLight";
    font-size: 12px;
}
/*</editor-fold>*/

/*<editor-fold defaultstate="collapsed" desc="Checkout">*/

input[type=submit] {
    -webkit-appearance: none;
}

.checkoutHolder .squareSection,
div.priceMonth,
.shippingAndHandlingAmount {
    text-align: left;
    font-size: 12px;
}

.checkoutHolder .planImage {
    margin: 10px auto;
    display: block;
}

.checkoutHolder .squareSection {
    margin: 25px;
    padding-bottom: 15px;
    overflow: auto;
}

.checkoutHolder .squareSection .header {
    text-align: left;
    font-size: 20px;
    font-family: "GothamLight";
    border-bottom: 0;
    margin-bottom: 0;
}

.checkoutHolder .squareSection input,
.checkoutHolder .squareSection select,
.checkoutHolder .squareSection textarea {
    height: 60px;
    background-color: #FFFFFF;
    line-height: 60px;
    font-size: 12px;
    font-family: "GothamMedium";
    color: #000000;
    border: 2px #a7a9ac solid;
    border-radius: 0;
}

.checkoutPairHolder input,
.checkoutPairHolder select,
.checkoutPairHolder textarea {
    width: 100%;
}

.checkoutHolder .squareSection textarea {
    line-height: 20px;
}

#tShirtSizeSelection label {
    display: inline-block;
    font-size: 12px;
    margin: 0;
}

.note {
    display: inline-block;
    font-size: 12px;
    color: #da001d;
    margin-left: 5px;
}

.checkoutHolder .checkoutPairHolder {
    margin-bottom: 12px;
}

#tShirtSizeSelection {
    text-align: left;
}

.checkoutPairHolder .checkoutInput {
    display: block;
    width: 100%;
}

#personalName div:first-child {
    margin-right: 25px;
}

.giftCheckbox {
    margin-top: 5px;
}

.billingAddressSameAsShipping {
    display: block;
    clear: both;
}

#sameAsShippingInfo {
    margin-top: 10px;
}

.billedAmountHolder {
    border-bottom: 3px solid black;
    margin-bottom: 15px;
}

#appliedCreditDisplay,
#temporaryTShirtSizePriceModifier {
    border-bottom: 0;
}

.priceBlock {
    border-bottom: 3px solid black;
    margin-bottom: 10px;
    line-height: 16px;
}

.priceTotal div {
    display: inline-block;
}

#satisfactionGuaranteed {
    display: none;
}

.checkoutPairHolder .checkoutLabel {
    display: none;
}

#autoRenewMessage {
    text-align: center;
    color: #000000;
}

.totalPriceHolder {
    float: right;
}

.helpText,
.priceMonth,
.bonusNotice,
.SHNotice {
    font-family: "GothamLight";
}

.checkoutHolder .squareSection input[type=submit] {
    font-size: 16px;
    height: 45px !important;
    line-height: 45px;
    margin: 5px 0;
}

.mobileSecurityNotice {
    margin: 0 -15px -15px;
    background: #d1d3d4;
    padding: 10px;
    text-align: center;
}

.mobileSecurityNotice>* {
    display: inline-block;
    vertical-align: top;
}

.mobileSecurityNotice .noticeBody {
    width: 100%;
    font-family: "GothamBook";
    font-size: 14px;
    padding-left: 20px;
    max-width: 300px;
    text-align: left;
}

.mobileSecurityNotice h3 {
    font-family: "GothamBook";
    font-size: 16px;
}
.mobileSecurityNotice i,
.mobileSecurityNotice h3 {
    display: inline-block;
}

.mobileSecurityNotice p {
    margin-top: 10px;
    padding-left: 25px;
}

.mobileSecurityNotice img {
    height: 100%;
}

#myContainer {
    display: none;
}

#paypalButton {
    float: left;
}

.CVVHolder .checkoutPairHolder {
    width: 30%;
    float: left;
}

.rightOfCVVContent {
    float: right;
    vertical-align: top;
}

.CCradio {
    width: auto;
    display: inline-block;
}

@media only screen and (min-width: 920px) {
    .mobileSecurityNotice {
        display: none;
    }

    .checkoutHolder .squareSection {
        margin: 15px 0;
    }

    #satisfactionGuaranteed {
        display: block;
        margin: 0 auto;
        margin-top: 10px;
    }

    .checkoutHolder.container {
        width: 1040px;
        margin: 0 auto;
    }

    .checkoutHolder .row1 {
        min-height: 480px;
    }

    .checkoutHolder .row2 {
        min-height: 290px;
    }

    .checkoutHolder .column1 {
        width: 730px;
        float: left;
    }

    .checkoutHolder .column2 {
        width: 290px;
        float: right;
    }

    #personalName .checkoutPairHolder {
        width: 100%;
        max-width: 335px;
        display: inline-block;
    }

    .checkoutPairHolder .checkoutLabel {
        font-size: 12px;
        display: block;
        margin: 0 0 1px;
        text-align: left;
        width: 100%;
    }

    .longer,
    .shorter {
        display: inline-block;
        vertical-align: top;
    }

    .longer {
        width: 299px;
    }
    .shorter {
        width: 400px;
    }

    .longer {
        float: left;
    }

    .shorter {
        text-align: right;
        float: right;
    }

    .shorter .checkoutPairHolder {
        vertical-align: top;
        display: inline-block;
        width: 35%;
        margin-left: 14px;
        text-align: left;
    }
    .shorter .checkoutPairHolder.lessShort {
             width: 55%;
    }

    .checkoutHolder ::-webkit-input-placeholder { /* WebKit browsers */
        color: transparent;
    }
    .checkoutHolder :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
        color: transparent;
    }
    .checkoutHolder ::-moz-placeholder { /* Mozilla Firefox 19+ */
        color: transparent;
    }
    .checkoutHolder :-ms-input-placeholder { /* Internet Explorer 10+ */
        color: transparent;
    }

    .checkoutHolder .squareSection input,
    .checkoutHolder .squareSection select,
    .checkoutHolder .squareSection textarea {
        height: 30px;
        background-color: #d6d6d7;
        line-height: 30px;
        font-size: 12px;
        font-family: "GothamMedium";
        color: #000000;
        border: 0;
    }

    .checkoutHolder .squareSection textarea {
        line-height: 20px;
    }

    #tShirtSizeSelection label {
        display: inline-block;
        font-size: 12px;
        margin: 0;
    }

    .note {
        display: inline-block;
        font-size: 12px;
        color: #da001d;
        margin-left: 5px;
    }


    .checkoutPairHolder.ccyear,
    .checkoutPairHolder.ccmonth,
    .CVVHolder {
        width: 30%;
        display: inline-block;
        vertical-align: top;
    }

    .checkoutPairHolder.ccyear {
        margin: 0 30px;
    }

    .CVVHolder .checkoutPairHolder {
        width: 100%;
    }

    .CVVHolder {
        position: relative;
    }

    .rightOfCVVContent {
        position: absolute;
        top: 65px;
    }
}
/*</editor-fold>*/

/*<editor-fold defaultstate="collapsed" desc="User Authentication">*/
div.accentSectionWithBanner .accentSection .body {
    overflow: hidden;
    height: 100%;
}

.accentSection.squareSection .header {
    line-height: 18px !important;
}

.accentSection.squareSection .amazonLogin span,
.accentSection.squareSection .facebookLogin span {
    font-size: .75em;
}

.squareSection button,
.squareSection input[type=submit],
.squareSection a.button {
    background-color: #da001d;
    color: #ffffff !important;
    font-family: 'GothamBold';
    font-size: 14px;
    line-height: 40px !important;
    border: none;
    padding: 0;
    text-transform: uppercase;
}

.squareSection button:hover,
.squareSection input[type=submit]:hover,
.squareSection a.button:hover,
.squareSection button:active,
.squareSection input[type=submit]:active,
.squareSection a.button:active {
    background-color: #da001d;
    color: #ffffff !important;
}

.accentSectionWithBanner .accentSection input[type=submit] {
    font-size: 20px;
    line-height: 40px !important;
    padding-top: 2px;
}
.loginMethodSeparator {
    font-family: "GothamBold";
    color: #000000 !important;
    margin-top: 10px;
}


.rememberMe {
    font-family: 'Arial';
    color: #7c7d81 !important;
    height: 10px;
    color: #000000;
    width: 85%;
    margin: -9px 20px 24px;
    text-align: left;
    font-size: 10px;
}

.redeem .rememberMe {
    margin-bottom: 20px;
}

.redeem .loginMethodSeparator {
    margin-top: 5px;
    margin-bottom: -7px;
}

div.accentSectionWithBanner div.squareSection .rememberMe input[type=checkbox] {
    display: inline-block;
    width: auto;
    height: auto;
}

div.accentSection .body a {
    color: #da001d;
    text-decoration: none;
}

::-webkit-input-placeholder,
:-moz-placeholder,
::-moz-placeholder,
:-ms-input-placeholder {
    color: #6f7174;
}

/* Getting messy overriding old styles - fix if we move everything over */
div.accentSectionWithBanner div.squareSection .body input,
div.accentSectionWithBanner div.squareSection .body .button,
div.accentSectionWithBanner div.squareSection .body button {
    width: 95%;
    margin: 10px 0 0;
    height: 40px;
    text-align: center;
    border-radius: 0;
}

div.accentSectionWithBanner div.squareSection .body input[type=email],
div.accentSectionWithBanner div.squareSection .body input[type=password],
div.accentSectionWithBanner div.squareSection .body input[type=text] {
    font-size: 18px;
    font-family: "Arial-BoldMT";
    /*line-height: 60px;*/
    padding: 0;
    line-height: 18px;
}

.accentSection .fab {
    font-size: 18px;
    vertical-align: middle;
    margin-right: 15px;
}

.accentSection span {
    display: inline-block;
}

.loginResultMessage {
    text-align: center;
    color: #000000;
    font-size: 10px;
    margin-top: 5px;
}

.accentSection .loginPrompt,
.accentSection .loginTerms {
    margin-top: 5px;
    color: #000000;
}

.createAccount .loginPrompt {
    margin-top: 15px;
}

.loginTerms {
    font-size: 10px;
}

.accentSection .body .loginTerms a {
    color: #bebfc1;
}

.accentSection .loginPrompt {
    text-transform: uppercase;
}

.accentSection .loginPrompt a {
    color: #da001d;
}
/*</editor-fold>*/

.headerHolder ~ .headerHolder {
    display: none;
}


.shoppingCartLinkHolder {
    display: none;
}