.icon-menu, .searchFormDiv {
    visibility: hidden;
}

.my-account-icon, .top-nav-section1-wrapper .basket-icon, .top-nav-category-container {
    display: none;
}

.checkout-separator, .checkout-separator h1 {
    background: #000;
    color: #FFF;
    display: block;
    text-align: left;
    padding-left: 1rem;
}

.checkout-separator .width-controller {
    margin: auto;
}

.main-content {
    font-size: 1rem;
    transition: opacity .5s;
}

.main-content h2 {
	color: #f16128;
  font-size: 2em;
  font-weight: normal;
  line-height: 2em;
  margin: 0 0 .5em;
  text-align: left;
  text-transform: uppercase;
}

legend {
    display: none;
}

ol {
    margin: 0;
    padding: 0;
}

.fancy-select {
	width: 100%;
}

.title {
    text-transform: uppercase;
    padding: .75em 1em;
}

.wanted-addresses-container .title {
    padding: .5rem 1rem;
}

h1 {
    display: inline-block;
    font-size: 2em;
    padding-right: 1.5em;
}

.medium-button {
    height: auto;
    padding: 8px;
    font-size: 13px;
    font-weight: bold;
}

.continue-shopping {
    display: flex;
    justify-content: space-between;
    margin-top: 0;
    margin-bottom: 1rem;
}

.continue-shopping a {
    color: #8c8c8c;
    text-transform: uppercase;
    text-decoration: underline;
}

.continue-shopping #checkout-login {
    color: #CB4C0C;
    visibility: hidden;
}

.continue-shopping #checkout-login.active {
    visibility: visible;
}

.continue-shopping.align-right {
    justify-content: flex-end;
}

a.continue-shopping:hover {
    text-decoration: none;
}

.login-fields, li.login-username, li.login-password, .login .buttons {
    display: block;
}

input.login-username, input.login-password {
    width: 100%;
    margin-bottom: 1rem;
}

.login .buttons {
    margin-right: 0;
    margin-top: 0;
}

.main-content input[type=text], .main-content input[type=password], .main-content input[type=email], select {
    padding: .75rem .5rem;
    border-color: #d4d4d4;
    box-shadow: 0 -1px 2px #bebebe;
    font-size: 1rem;
}

.checkout-form-wrapper input[type=text], .checkout-form-wrapper input[type=password], .checkout-form-wrapper
        input[type=email], .checkout-form-wrapper select {
    padding: 1rem .5rem .5rem;
}

option {
    font-size: 1rem;
}

.shipping-phone-li input[type=text], .billing-phone-li input[type=text], .phone-li input[type=text] {
    width: 100%;
}

.login fieldset ol li {
    margin-bottom: 0;
}

#login-button, #account-create-link, #continue-guest-link {
    font-size: 1.1rem;
    width: auto;
    height: auto;
    font-weight: normal;
    padding: .35rem .5rem;
    color: #FFF;
    background: #f16128;
    border: 1px solid #f16128;
    border-radius: .15rem;
    text-transform: uppercase;
    text-align: center;
}

#login-button:hover, #account-create-link:hover, #continue-guest-link {
    color: #f16128;
    background: #FFF;
}

#continue-guest-link {
	color: #CB4C0C;
}

#account-create-link, #continue-guest-link, #login-button {
    width: 12rem;
}

#continue-guest-link:hover {
    color: #FFF;
    background: #CB4C0C;
}

.checkout-container {
    display: flex;
    flex-direction: column;
}

.checkout-container.enabled {
    flex-direction: column-reverse;
}

.checkout-container > .left-side {
    margin-top: 1.5rem;
}

.checkout-container > div.left-side-full {
    width: 100%;
    flex: 1 1 48.5%;
}

.checkout-container .right-side {
    color: #272727;
    background: #f1f1f1;
}

.shipping-info-container {
    margin: 2em 0 1rem;
}

.checkout-container .checkout-form-wrapper {
    border: 0;
}

.checkout-container ul.billing-address {
    list-style: none outside none;
}

.checkout-container li > .misc-options {
    padding: 0;
}

.checkout-container div > .misc-options {
    padding: 1em 0;
}

.co-options-container {
    width: auto;
}

.main-content .title {
    background: #f1f1f1;
    color: #272727;
}

.co-options-container .login {
    margin-bottom: .5rem;
}

.co-options-container form {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

.returning-customers-links {
    margin-bottom: .5rem;
}

.returning-customers-links a {
    text-decoration: underline;
    text-transform: lowercase;
}

.returning-customers-links a:hover {
    text-decoration: none;
}

.other-options {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    margin-top: .75rem;
    padding: 0 .75rem;
}

.other-options > * {
    margin: .25rem 0;
}

.other-options > *:first-child {
    margin-top: 0;
}

.other-options > *:last-child {
    margin-bottom: .75rem;
}

#clear-cart-button {
    border: 1px solid #f16128;
    border-radius: .15rem;
    padding: .55em 3em;
    color: #f16128;
    background: #FFF;
    text-decoration: none;
    font-weight: bold;
    text-transform: uppercase;
}

#clear-cart-button {
    padding: .5em 0;
}

#account-create-link:hover, #clear-cart-button:hover {
    color: #FFF;
    background: #f16128;
}

#account-create-link ~ span {
    color: #656565;
}

.checkout-container .basket-container {
    margin-bottom: 0;
}

.basket-container .title, .shipping-container .title {
    position: relative;
}

.basket .cell-name a {
    color: #272727;
    font-size: .8rem;
    line-height: 1rem;
}

.cell-name .lead-time {
    font-size: .675rem;
    color: #777;
    margin-top: .2rem;
}

.basket .cell-delete {
    width: auto;
    display: block;
    float: none;
    text-align: left;
    clear: both;
}

.basket .cell-delete a, .basket .cell-update:hover {
    text-decoration: underline;
}

.basket .cell-delete label:hover, .basket .cell-quantity a:hover, .basket .cell-delete a:hover , .basket .cell-update:hover{
    color: #595858;
}

.basket .cell-update {
    text-align: right;
}

.basket-container .title a {
    background: #FFF;
    color: #CB4C0C;
    padding: .2em .3em;
    position: absolute;
    right: .5em;
    top: .33em;
    text-transform: lowercase;
}

.basket-container .title a:hover {
    color: #FFF;
    background: #000;
    text-decoration: none;
}

.basket .buttons {
    padding: 1em 0 0 0;
    float: none;
}

.discount-container, .inline-discounts-applied {
    padding: 1em 0;
    margin: 0 1rem 1rem 1rem;
}

.discount-container::before {
    content: 'APPLIED PROMOTION CODE';
}

.inline-discounts-applied {
    margin-top: 0;
}

.inline-discounts-applied label {
    display: block;
    text-transform: uppercase;
    font-weight: bold;
}

.discount-applied {
    border-bottom: .1em solid #AAA;
    margin-top: .33em;
    display: flex;
    justify-content: space-between;
    padding-top: .5em;
}

.discount-applied:last-child {
    border-bottom: 0;
}

.discount-delete a {
    background: #FFF;
    color: #CB4C0C;
    border: .1em solid #f16128;
    padding: .5em 1em;
    font-weight: bold;
    text-transform: uppercase;
}

.discount-delete a:hover {
    background: #CB4C0C;
    color: #FFF;
}

.checkout-button-wrapper {
    display: flex;
    justify-content: space-between;
}

.current-promo {
    display: none;
}

.left-side .co-options-wrapper, .shipping-info-container fieldset, .billing-info-container
.billing-address, .payment-info-container fieldset, .payment-info-container .free-wrapper {
    padding: .75rem 1rem;
}

.right-side .basket {
    padding: 0 1rem .75rem 1rem;
    border-bottom: 1rem solid #FFF;
    width: 100%;
}

.billing-info-container {
    visibility: hidden;
    opacity: 0;
    height: 0;
    overflow: hidden;
    transition: all .5s;
}

.checkout-form-wrapper :autofill {
    background: transparent;
}

.shipping-fields li, .billing-fields li {
    position: relative;
    width: 100%;
}

.shipping-fields li.shipping-country-li, .billing-fields li.billing-country-li, .shipping-fields li.shipping-postal-code-li,
        .billing-fields li.billing-postal-code-li, .shipping-fields li.shipping-city-li,
        .billing-fields li.billing-city-li, .shipping-fields li.shipping-states-provinces-li, .billing-fields li.billing-states-provinces-li {
    display: inline-block;
    width: calc(50% - 2px) !important;
}

.browser-ie .shipping-fields li.shipping-country-li, .browser-ie .billing-fields li.billing-country-li, .browser-ie .shipping-fields li.shipping-postal-code-li,
        .browser-ie .billing-fields li.billing-postal-code-li, .browser-ie .shipping-fields li.shipping-city-li,
        .browser-ie .billing-fields li.billing-city-li, .browser-ie .shipping-fields li.shipping-states-provinces-li, .browser-ie .billing-fields li.billing-states-provinces-li {
    width: calc(50% - 3px) !important;
}

#shipping-city, #shipping-city-apo, #shipping-country, #shipping-postal-code, #shipping-state-us,
        #billing-city, #billing-city-apo, #billing-country, #billing-postal-code, #billing-state-us,
        #shipping-province-ca, #billing-province-ca {
    width: calc(100% - .5rem) !important;
}

#shipping-postal-code, #shipping-state-us, #shipping-province-ca, #billing-postal-code, #billing-state-us, #billing-province-ca {
    margin-left: .5rem;
}

.shipping-fields label, .billing-fields label, .payment label {
    position: absolute;
    opacity: 0;
    font-size: .8rem;
    margin-left: .5rem;
}

.shipping-fields label.active, .billing-fields label.active, .payment label.active {
    opacity: .5;
    height: 1rem;
}

.shipping-country-li label, .shippinging-states-provinces-li label, .shipping-states-provinces-li label,
        .billing-country-li label, .billing-states-provinces-li label, .billing-states-provinces-li label,
        .cc-type-li label, .input-dates label {
    z-index: 1;
}

.checkout-form-wrapper select, .payment select {
    position: relative;
    z-index: 2;
    background: transparent;
    padding: 1rem .5rem .5rem .25rem;
}

.shipping-fields label.shipping-postal-code-label, .shipping-fields label.shipping-state-label,
        .billing-fields label.shipping-postal-code-label, .billing-fields label.billing-state-label {
    margin-left: 1rem;
}

.shipping-fields label.billing-same-as, #different-address {
    margin-left: 0;
    opacity: 1;
}

.checkout-form-wrapper input[type=text], .checkout-form-wrapper input[type=email], .checkout-form-wrapper select {
    width: 100% !important;
}

#cc-type {
    width: 8rem !important;
}

.payment-info-container {
    overflow: hidden;
}

.checkout-form-wrapper .cc-type-li {
    width: 50% !important;
}

.checkout-form-wrapper .input-dates select {
    width: calc(50% - 1rem) !important;
}

.checkout-form-wrapper ::placeholder {
    opacity: .5;
    line-height: 1rem;
}

.shipping-first-name-li, .billing-first-name-li, .shipping-last-name-li, .billing-last-name-li, .shipping-city-li,
.shipping-address .shipping-states-provinces-li, .billing-city-li, .billing-address .billing-states-provinces-li,
.shipping-address .shipping-email-li, .shipping-address .shipping-email-confirm-li, .billing-address .billing-email-li,
.billing-address .billing-email-confirm-li {
    display: inline-block;
    float: none;
}

.shipping-first-name-li input, .billing-first-name-li input, .shipping-last-name-li input, .billing-last-name-li input,
.shipping-city-li input, .shipping-states-provinces-li select, .billing-city-li input, .billing-states-provinces-li
select, .shipping-email-li input, .shipping-email-confirm-li input, .billing-email-li input, .billing-email-confirm-li
input {
    width: 100%;
}

.shipping-address img, .billing-address img {
    position: absolute;
}

.shipping-address label, .billing-address label, .shipping-street-address1-li input, .shipping-street-address2-li input,
.billing-street-address1-li input, .billing-street-address2-li input {
    width: 100%;
}

.shipping-street-address1-label:after, .billing-street-address1-label:after {
    content: '(House Number & Street Name)';
    padding-left: 1em;
    visibility: hidden;
}

.shipping-street-address2-label:after, .billing-street-address2-label:after {
    content: '(Apt Number or Condo Number)';
    padding-left: 1em;
}

fieldset.misc-options {
    width: auto;
}

.payment-fields label {
    width: 100%;
}

.cvc-container-popup {
    position: fixed;
    height: auto !important;
}

.payment-fields label.exp-month-label {
    width: 4em;
}

.payment-fields label.exp-year-label {
    width: 3em;
}

.input-dates {
    display: inline-block;
    width: calc(50%);
}

#exp-month, #exp-year {
    width: 100% !important;
}

.input-dates ~ .input-dates {
    padding-left: .75rem;
}

#checkout-back-button {
    background: #FFF;
    color: #F06514;
    border: .1em solid #F06514;
    margin-right: 2em;
}

#checkout-back-button:hover {
    background: #F06514;
    color: #FFF;
}

#checkout-next-button {
    width: 14em;
    border: .1em solid #F06514;
}

#checkout-next-button:hover {
    background: #FFF;
    color: #F06514;
}

#checkout-next-button:disabled {
    cursor: not-allowed;
    background: #CDCDCD;
}

.billing-info-container .title {
    position: relative;
}

.billing-options {
    right: 3.25em;
    display: inline-flex;
    flex-direction: column;
    top: .5em;
}

ul.address {
    list-style: none;
    font-size: 1rem;
}

ul.address ~ ul.address {
    margin-top: 1rem;
}

.checkout-form-wrapper .title a {
    float: right;
}

.checkout-form-wrapper .title a:hover {
    text-decoration: underline;
}

.checkout-address-container {
    display: flex;
    justify-content: space-between;
    padding: .5rem 1rem 1rem;
}

#checkout-update-button {
    border: .3em solid #F06514;
    font-weight: bold;
}

#login-button:hover, #checkout-update-button:hover, .inline-discounts-applied .small-button:hover,
        .wanted-addresses-container input[type=submit].large-button:hover {
    background: #FFF;
    color: #F06514;
}

#checkout-update-button {
    border-width: 1px;
    border-radius: .15rem;
    width: auto;
    height: auto;
    padding: .2em 1.5em;
}

.basket .basket-form {
    display: table;
    width: 100%;
    table-layout: auto;
    padding-top: 1px;
}

.basket-form .item-even, .basket-form .item-odd {
    display: table-row;
    height: auto;
}

.basket-form .item-even > div, .basket-form .item-odd > div {
    display: table-cell;
    padding: .5em 0 .2em 0;
}

.basket-form .item-even > div:first-child, .basket-form .item-odd > div:first-child {
    padding: .75rem .5em .75rem 0;
}

.basket-form .cell-image img {
    height: auto;
    width: 4rem;
    min-width: 4rem;
    display: inline-block;
}

.basket-form .item-even > div:last-child, .basket-form .item-odd > div:last-child {
    padding-right: 0;
}

.basket-form .cell-image, .basket-form .cell-name, .basket-form .cell-quantity, .basket-form .cell-item-price-total {
    width: auto;
    height: auto;
    display: table-cell;
    float: none;
    vertical-align: top;
}

.basket-form .productId {
    display: none;
}

.basket-form .cell-quantity {
    white-space: nowrap;
    padding: .5rem !important;
    text-align: left;
}

.basket-form .cell-quantity input {
    width: 3rem;
    height: auto;
    padding: .25rem;
    text-align: center;
    font-size: .9rem;
}

.basket .cell-quantity a {
    font-size: inherit;
    color: #272727;
    text-decoration: underline;
}

.basket .cell-quantity a:hover {
    text-decoration: none;
}

.basket:has(.item-even, .item-odd) .cell-item-price-total {
    padding-top: .675rem;
}

.basket-form button[data-deletebutton] {
    margin-top: .575rem;
    text-transform: uppercase;
    padding: .175rem .25rem;
    color: #FFF;
    background: #f16128;
    border: 1px solid #f16128;
    border-radius: .15rem;
    cursor: pointer;
}

.basket-form button[data-deletebutton]:hover {
    color: #f16128;
    background: #FFF;
}

.basket-form .cell-item-price-total {
    text-align: right;
    font-weight: bold;
}

.basket-form div > .total-pre-auto {
    text-decoration: line-through;
    text-decoration-color: #DD0000;
    text-align: right;
}
.basket-form div > .total-post-auto {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    white-space: nowrap;
    font-weight: bold;
    color: #f16029;
    text-align: right;
}

.basket-form div > .total-post-auto span {
    display: none;
}

.basket fieldset {
    padding: 1.1em 0 0 30em;
}

.basket .buttons {
    padding: .75em 0 0 0;
    float: none;
}

.basket-container {
    padding-bottom: 0;
}

.checkout-container .shipping-container, .checkout-container .promo-container {
    border-top: 0;
}

.promo-wrapper {
    display: flex;
    justify-content: space-between;
    padding: 1.5em 1em;
}

.inline-discounts-applied .small-button {
    border: .1em solid #F06514;
    font-weight: bold;
}

.inline-discounts {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 1rem;
    padding: .75rem 0;
}

.inline-discounts input[type=submit] {
    font-weight: normal;
    border: 0;
    color: #CB4C0C;
    background: transparent;
    padding: 0;
    margin-left: 1rem;
    width: auto;
    min-width: auto;
}

.inline-discounts input[type=submit]:hover {
    border: 0;
    color: #CB4C0C;
    background: transparent;
    text-decoration: underline;
}

#bbDiscCode {
    margin-bottom: 0;
    flex-grow: 3;
}

#bbDiscCode::placeholder {
    opacity: 1;
}

.good-shipping, .free-shipping-free {
    color: #33783d;
    font-weight: bold;
    text-transform: uppercase;
}

.discount-container::before {
    font-weight: bold;
}

.free-shipping-container .needed {
    padding: 0;
}

.free-shipping-container .qualify {
    position: relative;
    padding: 0 .5rem 0 .8rem;
}

.free-shipping-container .qualify::before {
    content: '';
    position: absolute;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 1.5rem;
    background: #33783d;
    left: 0;
    top: 0;
    transform: translate(-.75rem, .1rem);
}

.free-shipping-container .qualify::after {
    content: '';
    position: absolute;
    border-width: 0 0 3px 3px;
    border-style: solid;
    border-color: #FFF;
    width: 1rem;
    height: .5rem;
    left: 0;
    top: 0;
    transform: translate(-.5rem,.5rem) rotateZ(310deg);
}

.after-discount-content {
    padding: 0 0 .75rem 0;
    margin: 0 1rem;
}

.progress-bar-checkout {
    height: .75rem;
    border-radius: .75rem;
    width: 100%;
    border: 1px solid #d4d4d4;
    overflow: hidden;
    margin-top: .25rem;
}

.progress-bar-checkout > div {
    background: #33783d;
    width: 100%;
    height: 100%;
    border-radius: .2rem;
}

.totals > div {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding-bottom: .5em;
}

.totals .label {
    text-align: right;
    max-width: 8em;
}

.totals .value {
    padding-left: .5em;
}

.sub-total {
    height: auto;
}

.grand-total {
    font-weight: bold;
}

.grand-total .value {
    font-size: 1.1rem;
}

/* .basket .productId.restriced-item {
    background: #F33;
    color: #FFF;
    padding-left: .1em;
} */

.shipping-container {
    opacity: 0;
    visibility: hidden;
    padding: 0 1em;
    height: 0;
    overflow: hidden;
    transition: all .5s;
}

.shipping-container.active {
    opacity: 1;
    visibility: visible;
    padding: 1.5em 1em;
    height: auto;
    overflow: auto;
}


.shipping-container .title {
    margin: 0 -1em;
}

.shipping-options-label {
    display: block;
    color: #f16029;
    font-weight: bold;
    padding: 1.5em 0 .5em 0;
}

.shipping-options-table {
    border: .1em solid #cfcfcf;
    border-top: 0;
}

.shipping-calculator label {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .5em;
    border-top: .1em solid #cfcfcf;
}

.shipping-calculator label.checked {
    background: #EFEFEF;
}

.shipping-calculator span.checkbox {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    margin-left: 1em;
    border: .1em solid #f16128;
    border-radius: .2em;
    position: relative;
    transition: all .25s;
}
.shipping-calculator span.checkbox::before {
    opacity: 0;
    content: '';
    width: 1em;
    height: .25em;
    background: #f16128;
    position: absolute;
    transform: rotateZ(45deg) translateX(.5em) translateY(.5em);
    box-shadow: 0.1em 0.1em 0.1em #630;
    transition: all .25s;
}
.shipping-calculator span.checkbox::after {
    opacity: 0;
    content: '';
    width: 2em;
    height: .25em;
    background: #f16128;
    position: absolute;
    transform: rotateZ(-45deg) translateX(0em) translateY(.6em);
    box-shadow: 0 0.1em 0.1em #630;
    transition: all .25s;
}
.shipping-calculator input[type=radio]:checked ~ span.checkbox::before {
  opacity: 1;
}
.shipping-calculator input[type=radio]:checked ~ span.checkbox::after {
  opacity: 1;
}
.shipping-calculator input[type=radio] {
    visibility: hidden;
    opacity: 0;
    position: absolute;
}

.shipping-container .shipping-total .label {
    display: none;
}

.shipping-symbol-right {
    display: inline-block;
    color: #F06514;
    font-weight: bold;
}

.shipping-calculator .shipping-total {
    text-align: right;
    font-weight: bold;
}

.payment {
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: #f1f1f1;
    position: relative;
}

.cc-type-li::after {
    content: '';
    position: absolute;
    width: 13.5rem;
    height: 2rem;
    background: url('../images/cc1.gif') no-repeat 0 0, url('../images/cc2.gif') no-repeat 29% 0, url('../images/cc3.gif') no-repeat 55% 0, url('../images/cc4.gif') no-repeat 87% 0;
    transform: translate(0, .25rem);
}

#what-is-this {
    display: inline-flex;
    margin-left: .5rem;
    border-radius: 2rem;
    border: 1px solid #f16029;
    font-size: 1rem;
    width: 1.5rem;
    height: 1.5rem;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    transform: translateY(-.25rem);
}

#what-is-this:hover {
    background: #f16029;
    color: #FFF;
}

#card-code {
    width: calc(100% - 2rem) !important;
}

.misc-options-list li {
    display: flex;
    align-items: flex-start;
}

label.email-opt-in {
    width: auto;
    display: flex;
    align-items: center;
}

#email-opt-in ~ .fancy-checkbox-default {
    flex-shrink: 0;;
}

#email-opt-in {
    margin-left: 0;
    margin-right: .5rem;
}

.cardholder-li label {
    margin-top: 0;
}

.under-place-order-button {
    text-align: center;
    font-size: .8rem;
    opacity: .8;
    margin-top: 2rem;
}

.checkout-buttons {
    margin-top: 2rem;
}

.step-2 {
    margin-top: 0;
    text-align: center;
}

.step-2 #checkout-submit-button {
    width: calc(100% - 4rem);
}

.checkout-form-wrapper {
    opacity: 0;
    visibility: hidden;
    height: 0;
    transition: all .5s;
}

.checkout-form-wrapper {
    overflow: hidden;
}

.checkout-form-wrapper.active {
    overflow: visible;
}

.billing-info-container .billing-address {
    padding: 0 1em;
}

.billing-info-container.active .billing-address {
    padding: 1em;
}

.active, .billing-info-container.active {
    opacity: 1;
    visibility: visible;
    height: 100%;
}

.popup.active {
    height: auto;
}

.billing-info-container.active {
    overflow: visible;
}

.top-anchor.active {
    opacity: .8;
    height: auto;
}

.promo-wrapper .right-side {
    opacity: 1;
    visibility: visible;
    height: 100%;
    margin-left: 1.5em;
    white-space: nowrap;
}

.checkout-popup {
    padding: .5em;
    border-width: .1em;
    border-style: solid;
    border-color: #bfbfbf #dfdfdf #dfdfdf #bfbfbf;
    background: #efefef;
    position: absolute;
    border-radius: 1em;
    box-shadow: .2em .2em .5em #aaa;
}

.checkout-popup .content {
    background: linear-gradient(45deg, #FFF 50%, #ffefef);
    padding: 1em;
    border-radius: .5em;
    border-style: solid;
    border-width: .1em;
    border-color: #dfdfdf #bfbfbf #bfbfbf #dfdfdf;
    color: #d03;
    min-width: 25em;
    min-height: 5em;
}

.checkout-popup .buttonDiv .button {
    position: absolute;
    width: 1.5em;
    height: 1.5em;
    top: -.5em;
    right: -.5em;
    border: .1em solid #f16128;
    border-radius: 1.5em;
}

.checkout-popup .buttonDiv .button:after {
    content: 'X';
    font-weight: bold;
    text-align: center;
    width: 1.5em;
    position: absolute;
    border-radius: 1.5em;
}

.checkout-popup .buttonDiv .button:hover {
    background: #FFF;
    color: #f16128;
}

.confirm-popup {
    display: flex;
}

.confirm-popup .content {
    border: .2em solid #F26128;
    background: #FFF;
    padding: 1em 2em 2em;
    box-shadow: .5em .5em 1em #CDCDCD;
    border-radius: 1em;
}

.confirm-popup .title {
    padding-bottom: 2em;
}

.confirm-popup .buttons {
    display: flex;
    justify-content: space-between;
}

.confirm-popup .buttons input {
    border: .1em solid #F26128;
}

.confirm-popup .ok:hover {
    color: #F26128;
    background: #FFF;
}

.confirm-popup .cancel {
    color: #F26128;
    background: #FFF;
}

.confirm-popup .cancel:hover {
    color: #FFF;
    background: #F26128;
}

.wanted-addresses-container {
    border: 0;
    box-shadow: none;
    padding: 0;
}

.wanted-addresses-container .message-group {
    display: none;
}

.empty-shopping-cart {
    text-align: center;
    margin: auto;
    display: table;
}

.empty-shopping-cart * {
    box-sizing: border-box;
}

.empty-shopping-cart > div:first-child {
    padding-bottom: .5em;
}

.empty-shopping-cart .shopping-cart-empty-inner-container {
    border: .1em solid #b6b6b6;
    color: #f16128;
    margin-top: 1.5em;
}

.empty-shopping-cart .flex {
    display: inline-flex;
    flex-direction: column;
    margin: 1em 0;
}

.empty-shopping-cart .shopping-cart-empty-inner-container .large-button {
    color: #f16128;
    background: #FFF;
    border: .1em solid #f16128;
    width: 100%;
    margin-top: .5em;
}

.empty-shopping-cart .shopping-cart-empty-inner-container > div {
    padding: 1em;
}

.empty-shopping-cart .shopping-cart-empty-inner-container > div:first-child {
    padding: 0;
}

.empty-shopping-cart .shopping-cart-empty-inner-container .grey > div:last-child {
    padding-top: .5em;
}

.empty-shopping-cart .grey {
    background: #f3f3f3;
    color: #333;
    padding: .5em;
}

.empty-shopping-cart .grey a {
    text-decoration: underline;
}

.empty-shopping-cart .grey a:hover {
    text-decoration: none;
}

.empty-shopping-cart .large-button {
    width: auto;
    height: auto;
    padding: .5rem 2rem;
}

.text-has-error {
    box-shadow: 0 0 2px #D00 !important;
}

.login-list .attention {
	display: block;
	padding: .2rem .2rem .2rem 0;
}

@media (min-width: 700px) {
    .checkout-container > .left-side {
        margin-top: 0;
    }

    #account-create-link, #continue-guest-link {
        width: 12rem;
    }

    #login-button {
        width: auto;
    }

    .basket .cell-name a {
        font-size: 1rem;
        line-height: 1.5rem;
    }

    .basket-form .cell-image img {
        width: 5.5rem;
        min-width: 5.5rem;
    }

    .free-shipping-container .needed {
        padding: 0 1rem;
    }

    .checkout-form-wrapper .cc-nbr-li {
        width: 60% !important;
    }

    .checkout-form-wrapper .card-code-li {
        width: calc(42% - 1rem);
        padding-left: .5rem;
    }

    .cc-nbr-li, .card-code-li {
        display: inline-block;
        float: none;
    }

    .free-shipping-container .qualify {
        position: relative;
        padding: 0 .5rem 0 2.5rem;
    }

    .free-shipping-container .qualify::before {
        content: '';
        position: absolute;
        width: 1.5rem;
        height: 1.5rem;
        border-radius: 1.5rem;
        background: #33783d;
        left: 0;
        top: 0;
        transform: translate3d(.75rem, -.25rem, 0);
    }

    .free-shipping-container .qualify::after {
        content: '';
        position: absolute;
        border-width: 0 0 3px 3px;
        border-style: solid;
        border-color: #FFF;
        width: 1rem;
        height: .5rem;
        left: 0;
        top: 0;
        transform: translate3d(1rem,.2rem,0) rotateZ(310deg);
    }
}

@media (min-width: 802px) {
    .checkout-container, .checkout-container.enabled {
        flex-direction: row;
        justify-content: space-between;
    }

    .checkout-container > div {
        width: 48.5%;
        flex: 0 1 48.5%;
    }

    .shipping-info-container {
        margin-top: 0;
    }

    #cc-type {
        width: 100% !important;
    }

    .cc-type-li::after {
        transform: translate(.25rem, .25rem);
        background: url('../images/cc1.gif') no-repeat 0 0, url('../images/cc2.gif') no-repeat 29% 0, url('../images/cc3.gif') no-repeat 55% 0, url('../images/cc4.gif') no-repeat 84% 0;
    }
}

@media (min-width: 956px) {
	.shipping-street-address1-label:after, .billing-street-address1-label:after {
		visibility: visible;
	}
}

@media (min-width: 1025px) {
    .other-options {
        flex-direction: row;
    }

    .other-options > *, .other-options > *:last-child {
        margin: 0;
    }

    .free-shipping-container .needed {
        padding: 0 3rem;
    }

    .cc-type-li::after {
        transform: translate(1rem, .25rem);
        background: url('../images/cc1.gif') no-repeat 0 0, url('../images/cc2.gif') no-repeat 3.5rem 0, url('../images/cc3.gif') no-repeat 7rem 0, url('../images/cc4.gif') no-repeat 10.5rem 0;
    }
}

@media (min-width: 1060px) {
    .login-fields, li.login-username, li.login-password, .login .buttons {
        display: inline-block;
        margin-right: .4rem;
        margin-top: 0;
    }

    input.login-username, input.login-password {
        width: 11.5rem;
        margin-bottom: 0;
    }

    .co-options-container form {
        flex-direction: row;
    }


    .login .buttons, li.login-password {
        margin-right: 0;
    }

}