﻿/* content container of web application (_Layout.cshtml) */
#main {
    background-color: #fff;
    font-size: 1em;
    font-family: Arial, sans-serif;
    color: #000;
    margin: 0;
    padding: 0;
}

#cart-pad-bottom {
    margin-bottom: 0.5em;
    clear: left;
}

.a-input-text, input[type=text], input[type=search], input[type=number], input[type=tel], input[type=password], input[type=date], input[type=email] {
    background-color: #fff;
    height: 31px;
    padding: 0px 7px;
    line-height: normal;
}

.a-input-text, input[type=text], input[type=search], input[type=number], input[type=tel], input[type=password], select.a-select-multiple, textarea {
    border: 1px solid #a6a6a6;
    border-top-color: #949494;
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(255,255,255,.5), 0 1px 0 rgba(0,0,0,.07) inset;
    outline: 0;
}

/* Dynamic CSS */
.lt-ie7 .item-edit-disabled,
.module-closed, .lt-ie7 .module-closed-over,
.module-open, .lt-ie7 .module-open-over, .lt-ie7 .module-open-inactive,
.credit-card-icon,
.credit-card-cvn,
.info-tooltip-pointer,
.crumbs-item,
.help-phone,
.gift-wrap-image,
.gift-options-tooltip-arrow,
.crumbs-disabled-text,
.kitting-giftbox .form-textarea,
.gift-receipt-tooltip .form-textarea {
    background-image: url('/portal/images/checkout.gif');
}

.app-container {
    font: normal 100% arial, sans-serif;
    color: #000;
    margin-top: 36px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: auto;
    width: 80%;
}

.app-container-modal {
    font: normal 100% arial, sans-serif;
    color: #000;
    display: table;
    margin: 0px auto;
    float: none;
    width: 100%;
}

/* modal address dialog */
/*Modal Dialogs*/
.modal-content {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.modal-header {
    padding: 9px 15px;
    border-bottom: 1px solid #eee;
    background-color: #0480be;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-image: -webkit-linear-gradient(#949494,#878787 60%,#717171);
    background-image: -o-linear-gradient(#949494,#878787 60%,#717171);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#949494),color-stop(60%,#878787),to(#717171));
    background-image: linear-gradient(#949494,#878787 60%,#717171);
    background-repeat: no-repeat;
}

.address-section-modal {
    float: left;
    width: 75%;
}

.form-group-modal {
    margin-bottom: 8px;
    width: 100%;
}

.form-label-modal {
    float: left;
    display: block;
    margin-bottom: 1px;
    line-height: 2em;
    font-weight: normal;
    font-size: 12px;
}

#name-container {
    width: 80%;
}

#name-container .form-textbox-modal {
    float: left;
    display: inline-block;
    /*margin-bottom: 2px;*/
}

#address-container {
    width: 80%;
}

#address-container .form-textbox-modal {
    float: left;
    display: inline-block;
    /*margin-bottom: 2px;*/
}

#city-container {
    width: 80%;
}

#city-container .form-textbox-modal {
    float: left;
    display: inline-block;
    margin-bottom: 2px;
}

#country-container {
    width: 80%;
}

#country-container {
    float: left;
    display: inline-block;
}

#states-container {
    width: 80%;
}

#states-container {
    float: left;
    display: inline-block;
    clear: left;
}

#zipcode-container {
    width: 80%;
}

#zipcode-container .form-textbox-modal {
    float: left;
    display: inline-block;
    margin-bottom: 2px;
}

#phone-container {
    width: 80%;
}

#phone-container .form-textbox-modal {
    float: left;
    display: inline-block;
    margin-bottom: 2px;
}

#opt-out-container-modal {
    float: left;
    display: inline-block;
    margin-bottom: 10px;
    width: 100%;
}

#is-default-container {
    float: left;
    display: inline-block;
    clear: left;
}

.form-checkbox-modal {
    position: relative;
    top: 2px;
    margin-left: -2px;
}

label-checkbox-modal {
    height: 17px;
    letter-spacing: 0.1em; /* 1px */
}

.input-checkbox {
    display: inline-block;
    float: left;
    margin-right: 5px;
    margin-bottom: -5px;
}

.form-textbox-modal {
    width: 100%;
}

.address1-modal {
    margin-bottom: 8px;
}

.address2-modal {
    margin-top: 0px;
}

.form-dropdown-modal {
    width: 100%;
    border: 1px solid #a6a6a6;
    border-top-color: #949494;
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(255,255,255,.5), 0 1px 0 rgba(0,0,0,.07) inset;
    outline: 0;
    background-color: #fff;
    height: 31px;
    padding: 3px 7px;
    line-height: normal;
}

.modal-footer {
    padding-right: 0px !important;
    padding-bottom: 0px;

}

/*Modal buttons*/
a.item-modal-cancel:link,
a.item-modal-cancel:visited,
a.item-modal-cancel:active,
a.item-modal-cancel:hover {
    text-decoration: none;
    color: #000;
}

.item-modal-cancel {
    font-size: 0.7175em;
    color: #000;
    margin-right: 0px; /* orig 6px */
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
    background-position: 0px -5px;
    background-repeat: no-repeat;
    background-color: #fff;
    padding: 1px 6px 0 6px;
    line-height: 1.8;
    border: 1px solid #ccc;
    vertical-align: middle;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}

.lt-ie9 .item-modal-cancel {
    background-position: 0px -4px;
    padding: 1px 7px 1px 20px;
}

.address-actions.radio-checked .item-modal-cancel:hover {
    color: #fff;
    background-position: 0px -30px;
    background-color: #666;
    border-color: #444;
}

.address-actions.radio-checked .item-modal-cancel:hover,
.address-actions.radio-checked .item-modal-cancel:active {
    background-position: 0px -80px;
}

.address-actions.radio-checked .item-modal-cancel:active {
    background-color: #444;
    border-color: #333;
}

.item-modal-cancel:hover {
    background-color: #eee;
}

.item-modal-cancel:active {
    background-color: #ddd;
    border-color: #bbb;
}

.item-modal-cancel {
    background-position: 0px -55px;
}

.lt-ie9 .item-modal-cancel {
    background-position: 0px -54px;
}


/* SHOPPING CART
----------------------------------------------------------*/

.pricing .col-sm-7, .col-sm-3, .col-sm-2 {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.cart-container {
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: auto;
    width: 80%;
}

.valign-top {
    vertical-align: top;
}

a.RemoveLink:link,
a.RemoveLink:visited,
a.RemoveLink:active,
a.RemoveLink:hover {
    text-decoration: none;
    color: #000;
}

a.HiddenRemoveLink:link {
    text-decoration: none;
    font-size: 0.75em;
}

a.HiddenRemoveLink:visited {
    text-decoration: none;
    font-size: 0.75em;
}

a.HiddenRemoveLink:active {
    text-decoration: none;
    font-size: 0.75em;
}

a.HiddenRemoveLink:hover {
    text-decoration: none;
    font-size: 0.75em;
}

a.HiddenUpdateLink:link {
    text-decoration: none;
    font-size: 0.75em;
}

a.HiddenUpdateLink:visited {
    text-decoration: none;
    font-size: 0.75em;
}

a.HiddenUpdateLink:active {
    text-decoration: none;
    font-size: 0.75em;
}

a.HiddenUpdateLink:hover {
    text-decoration: none;
    font-size: 0.75em;
}

.update-link-pad {
    margin-left: 17px;
}

.delete-link-pad {
    margin-left: 19px;
}

.cart-item-name {
    margin-top: 3px;
}

.cart-item-link {
    font-size: 0.85em;
    font-weight: bold;
    text-transform: uppercase;
    vertical-align: top;
    color: #000;
}

.cart-item-price {
    font-size: 0.8500em;
    margin-top: 3px;
    margin-bottom: 5px;
}

.cart-item-sku {
    margin-top: 5px;
    font-size: 0.7500em;
    color: #000;
 }

.multiplier-symbol {
    font-size: 0.7200em;
    margin-right: 10px;
}

.cart-quantity {
    /*text-align: right;*/
}

.quantity-input {
    min-width: 0.5em;
    max-width: 3em;
    font-size: 0.8500em;
    text-align: center;
}

.cart-extended-price {
    font-size: 0.8500em;
    font-weight: bold;
    margin-top: 3px;
    float: right;
}

#update-message {
    color: #808080;
    font-weight: bold;
}

/* MISC  
----------------------------------------------------------*/
.clear {
    clear: both;
}

.error {
    color: Red;
}

/* Login */
#logindisplay {
    display: block;
    text-align: right;
    margin: 10px;
    color: gray;
}

    #logindisplay a:link {
        color: black;
        text-decoration: underline;
    }

    #logindisplay a:visited {
        color: black;
        text-decoration: underline;
    }

    #logindisplay a:hover {
        color: black;
        text-decoration: none;
    }

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    margin-top: 3px;
    float: left;
    display: inline-block;
    width: 100%;
    font-size: 0.9em;
    text-align: left;
    color: #ff0000;
}

#shipping-address .field-validation-error {
    /*font-size: 0.7em;*/
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000;
    /*background-color: #ffeeee;*/
}

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid {
    display: none;
}

.has-error input {
    border-width: 2px;
}

.validation.text-danger:after {
    content: 'Validation failed';
}

.validation.text-success:after {
    content: 'Validation passed';
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label,
.editor-label {
    margin: 1em 0 0 0;
}

.display-field,
.editor-field {
    margin: 0.5em 0 0 0;
}

.text-box {
    width: 30em;
}

.text-box.multi-line {
    height: 6.5em;
}

.tri-state {
    width: 6em;
}

/* BUTTONS */

.checkout-continue {
    margin-bottom: 10px;
    clear: both;
}

.checkout-summary-button-container {
    display: table;
    margin: 0 auto;
    margin-top: 15px;
    clear: both;
}

.button-checkout-continue {
    clear: both;
    font-size: .9em !important;
    margin-top: 12px;
    height: 30px; /*40px*/
    /*width: 200px;*/ /*235px*/
    line-height: 32px;
}

.cart-item-remove {
    margin: 10px 0px;
    clear: both;
}

.address-remove {
    margin: 0px;
    clear: both;
}

.cart-continue {
    margin-top: 15px;
    clear: both;
    padding: 0px;
    text-align: center;
}

.button-cart-continue {
    display: inline-block;
    padding: 0px;
}

.btn-continue {
    width: 193px !important;
}

a.button-submit {
    color: #fff;
    text-decoration: none;
}

a.button-submit:active {
    color: #fff
}

a.button-submit:link {
    color: #fff
}

a.button-submit:visited {
    color: #fff
}

/*for button instead of link*/
.button-submit {
    border: 0;
    background: none;
    box-shadow: none;
    /*border-radius: 0px;*/
    -webkit-appearance: none;
    width: 172px;
}

.button-submit {
    background-color: #545454;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    display: inline-block;
    color: #ffffff;
    font-size: 11px;
    font-weight: bold;
    padding: 4px 24px;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    box-shadow: none;
}

    .button-submit:hover {
        background-color: #858585;
    }

    .button-submit:active {
        position: relative;
        top: 1px;
    }

a.button-remove-item {
    color: #000
}

    a.button-remove-item:active {
        color: #000
    }

    a.button-remove-item:link {
        color: #000
    }

    a.button-remove-item:visited {
        color: #000
    }

.button-remove-item {
    background-color: #ffffff;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #b5b3af;
    display: inline-block;
    color: #2e2e2e;
    font-size: 0.7em;
    font-weight: normal;
    padding: 3px 4px;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

    .button-remove-item:hover {
        background-color: #ebebeb;
    }

    .button-remove-item:active {
        position: relative;
        top: 1px;
    }

/** HEADER **/
h1, h2, h3 {
    margin: 0;
    padding: 0;
}

.page-title {
    padding-bottom: 10px;
    border-bottom: 1px solid #000;
    font-size: 1.08em; /* 15px */
    font-weight: 500;
    line-height: 1; /* 16px */
    letter-spacing: 0.1em; /* 1px */
    text-transform: uppercase;
    position: relative;
    /*width: 700px;*/
}

.page-subtitle {
    color: #000;
    /*margin-top: 10px;*/
    /*margin-bottom: 10px;*/
    padding-top: 10px;
    padding-bottom: 10px;
    /*padding-left: 5px;*/
    font-size: 0.8700em; /* 13px */
    line-height: 1; /* 16px */
    letter-spacing: 0.1em; /* 1px */
    text-transform: uppercase;
    position: relative;
    background-color: #e6e6e6;
}

/* GENERAL */
#shopping-bag #order-listing {
    /*border-bottom: 1px solid #000;*/
}

/* Adds border-top line to each section */
.summary-section {
    border-top: 1px solid #000;
}

.summary-continue-button {
    border-top: 1px solid #000;
}

.bag-empty-msg {
    font-size: 0.80em; /* 11px */
    line-height: 1.6875; /* 18px */
    letter-spacing: 0.1em; /* 1px */
    font-weight: normal;
    text-transform: uppercase;
    margin: 0;
}

.checkout-container {
    border-bottom: 1px solid #000;
}

.checkout-container-summary {
    /*float: left;*/
}

/** ITEM DISPLAY **/
.item-name {
    font-size: 0.850em; /* 12px */
    line-height: 1.25; /* 20px */
    letter-spacing: 0.1em; /* 1px */
    text-transform: uppercase;
    margin-bottom: 2px;
}

.item-row-widget {
    width: 100%;
    border-top: 1px solid #ccc;
    padding-top: 20px;
    padding-bottom: 20px;
}

.item-row {
    width: 100%;
    border-top: 1px solid #ccc;
    padding-top: 10px;
    padding-bottom: 10px;
}

.item-row-unavailable {
    width: 100%;
    border-top: 1px solid #ccc;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #aaa;
}

.item-unavailable {
    width: 100%;
    background-color: #eee;
    padding-top: 10px;
    padding-bottom: 10px;
}

.item-out-of-stock .item-status {
    color: #000;
}

.item-row-multi {
    width: 100%; /* 534px / 700px */
    float: right;
}

.item-group-price,
.item-group-actions {
    width: 222px; /* 284px / 534px */
    float: right;
    text-transform: uppercase;
    display: table;
    margin-top: -3px;
    position: relative;
}

#gift .item-group-actions {
    margin-top: 0;
}

.item-price,
.item-multiplier,
.item-quantity,
.item-total {
    height: 100%;
    display: table-cell;
    text-align: right;
    vertical-align: middle;
    font-size: 0.85em; /* 11px */
    line-height: 1.6875; /* 18px */
}

.lt-ie8 .item-price,
.lt-ie8 .item-multiplier,
.lt-ie8 .item-quantity,
.lt-ie8 .item-total {
    float: left;
}

.item-price {
    width: 51.05633802816901%; /* 145px / 284px */
}

.item-price-sale {
    position: relative;
    margin-top: -6px;
    height: inherit;
}

.lt-ie8 .item-price-sale {
    position: relative;
}

.item-multiplier {
    width: 7.04225352112676%; /* 20px / 284px */
    text-transform: lowercase;
}

.item-quantity {
    width: 20.07042253521127%; /* 57px / 284px */
}

.item-quantity-amount {
    padding-right: 22px;
}

.item-qty {
    font-size: inherit;
    line-height: inherit;
}

.lt-ie8 .item-qty {
    font-size: 100%;
}

.item-total {
    width: 21.83098591549296%; /* 62px / 284px */
    font-weight: bold;
}

.item-price-original {
    display: block;
    text-decoration: line-through;
    color: #666;
}

.item-price-new {
    display: block;
}

.item-personalization {
    border-top: 1px solid #ccc;
    margin-top: 20px;
    padding-top: 20px;
}

.item-group-message {
    width: 48.689138576779026217228464419476%; /* 260px / 534px */
    float: right;
    margin: 20px 0;
    font-size: 0.625em; /* 10px */
    line-height: 1.7; /* 15px */
    letter-spacing: 0.1em; /* 1px */
    border: 1px solid #ccc;
}

.item-additional-message {
    margin-top: 0;
}

.item-msg-sale {
    margin-top: 8px;
}

.item-row .item-group-message .item-msg {
    margin: 0;
    padding: 5px;
}

.item-description {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

    .item-description li {
        font-size: 0.6875em; /* 11px */
        line-height: 1.6875; /* 18px */
        letter-spacing: 0.1em; /* 1px */
    }

.item-value {
    font-style: normal;
    font-weight: normal;
    text-transform: uppercase;
}

.item-status {
    font-weight: bold;
    text-transform: uppercase;
    padding-top: 15px;
}

.item-promo,
.item-promo-inactive {
    color: #f27d1f;
    margin-top: 10px;
    font-weight: bold;
    text-transform: uppercase;
}

.item-promo-inactive {
    color: #ccc;
}

.item-sale {
    color: #fe0000;
    margin-top: 10px;
    font-weight: bold;
    text-transform: uppercase;
}

.item-list {
    list-style: none;
    padding-left: 0;
}

.item-actions {
    padding: 5px 0 0;
}

a.item-button:link,
a.item-button:visited,
a.item-button:active,
a.item-button:hover {
    text-decoration: none;
    color: #000;
}

a.item-edit:link,
a.item-edit:visited,
a.item-edit:active,
a.item-edit:hover {
    text-decoration: none;
    color: #000;
}

a.item-remove:link,
a.item-remove:visited,
a.item-remove:active,
a.item-remove:hover {
    text-decoration: none;
    color: #000;
}

.item-edit,
.item-remove,
.item-button,
.item-edit-disabled {
    color: #000;
    margin-right: 6px;
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
    background-position: 0px -5px;
    background-repeat: no-repeat;
    background-color: #fff;
    padding: 1px 6px 0 6px;
    line-height: 1.8;
    border: 1px solid #ccc;
    vertical-align: middle;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}

.lt-ie9 .item-edit,
.lt-ie9 .item-remove,
.lt-ie9 .item-edit-disabled {
    background-position: 0px -4px;
    padding: 1px 7px 1px 20px;
}

.item-button {
    padding-left: 6px;
    background-image: none;
}

.address-actions.radio-checked {
    background: none;
}

.address-actions.radio-checked .item-edit:hover,
.address-actions.radio-checked .item-remove:hover,
.address-actions.radio-checked .item-edit:active,
.address-actions.radio-checked .item-remove:active {
    color: #fff;
    background-position: 0px -30px;
    background-color: #666;
    border-color: #444;
}

.address-actions.radio-checked .item-remove:hover,
.address-actions.radio-checked .item-remove:active {
    background-position: 0px -80px;
}

.address-actions.radio-checked .item-edit:active,
.address-actions.radio-checked .item-remove:active {
    background-color: #444;
    border-color: #333;
}

.item-edit:hover,
.item-remove:hover,
.item-button:hover {
    background-color: #eee;
}

.item-edit:active,
.item-remove:active,
.item-button:active {
    background-color: #ddd;
    border-color: #bbb;
}

.item-remove {
    background-position: 0px -55px;
}

.lt-ie9 .item-remove {
    background-position: 0px -54px;
}

.item-edit-disabled {
    background-color: #eee;
}

.item-edit-disabled,
.item-row-unavailable .item-img {
    opacity: 0.5;
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    filter: alpha(opacity = 50);
    cursor: default;
}

#shopping-bag .page-title .item-button,
#confirmation .page-title .item-button {
    position: absolute;
    top: -2px;
    right: 0;
    font-size: 0.73333333333333333333333333333333em;
    font-weight: normal;
    margin-right: 0;
    padding-left: 8px;
}

#shopping-bag .page-title .item-link,
#confirmation .page-title .item-link {
    position: absolute;
    top: 7px;
    right: 0;
    font-size: 0.73333333333333333333333333333333em;
    font-weight: normal;
    margin-right: 0;
    padding-left: 8px;
}

.international .item-price {
    width: 44.718309859154929577464788732394%; /* 127px / 284px */
}

.international .item-quantity {
    width: 19.366197183098591549295774647887%; /* 55px / 284px */
}

.international .item-total {
    width: 28.873239436619718309859154929577%; /* 82px / 284px */
}

.item-row-unavailable .item-group-price {
    margin-top: -1px;
}

.item-row-unavailable .item-group-message {
    display: inline;
    margin: 15px 0 0 0;
    padding: 5px 5px 0;
    border: 1px solid #ccc;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 48.960302457466918714555765595463%; /* 259px / 529px */
}

    .item-row-unavailable .item-group-message .item-msg {
        margin-top: 0;
        margin-bottom: 5px;
        color: #000;
        text-transform: none;
    }

    .item-row-unavailable .item-group-message .item-link {
        text-decoration: underline;
    }

.prod-unavailable .item-image,
.prod-gifts .item-image {
    margin-left: 1.8571428571428571428571428571429%; /* 13px / 700px */
    margin-right: 1.8571428571428571428571428571429%; /* 13px / 700px */
}

.prod-gifts .item-giftbox .item-image {
    width: 22.255192878338278931750741839763%; /* 150px / 674px */
    margin-right: 1.780415430267062314540059347181%; /* 12px / 674px */
}

.prod-gifts .item-giftbox .item-image {
    margin-left: 0;
}

.prod-unavailable .item-row-multi,
.prod-gifts .item-row-multi {
    width: 74.857142857142857142857142857143%; /* 524px / 700px */
}

.prod-gifts .item-giftbox .item-row-multi {
    width: 75.816023738872403560830860534125%; /* 511px / 674px */
}

.lt-ie8 .prod-unavailable .item-row-multi,
.lt-ie8 .prod-gifts .item-row-multi {
    width: 74.35%;
}

.prod-unavailable .item-group-price,
.prod-gifts .item-group-price {
    width: 52.290076335877862595419847328244%; /* 274px / 524px */
    margin-right: 13px; /*** 13px / 524px ***/
}

.lt-ie8 .prod-unavailable .item-group-price,
.lt-ie8 .prod-gifts .item-group-price {
    width: 50%;
}

.prod-unavailable .item-group-message,
.prod-gifts .item-group-message {
    margin-right: 2.4809160305343511450381679389313%; /* 13px / 524px */
}

.prod-gifts .item-giftbox .item-group-price,
.prod-gifts .item-giftbox .item-group-message {
    margin-right: 0;
}

.prod-gifts .item-giftbox .item-group-price {
    width: 53.112840466926070038910505836576%; /* 273px / 514px */
}

.prod-gifts .item-giftbox .item-group-message {
    width: 49.805447470817120622568093385214%; /* 256px / 514px */
}

.item-gc .item-email {
    white-space: pre; /* CSS 2.0 */
    white-space: pre-wrap; /* CSS 2.1 */
    white-space: pre-line; /* CSS 3.0 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -hp-pre-wrap; /* HP Printers */
    word-wrap: break-word; /* IE 5+ */
}

.item-gc .item-msg {
    margin-top: 10px;
}

.item-gc li.item-msg .item-value,
.item-giftbox li.item-msg .item-value {
    text-transform: none;
    display: block;
}

.item-egc .item-description .item-msg {
    width: 140%;
}

.item-giftbox .item-description .item-msg {
    width: 283px;
}

.lt-ie7 .item-egc .item-msg,
.lt-ie7 .item-giftbox .item-msg {
    width: 100%;
}

/** ORDER SUMMARY **/
.summary-container {
    border: 1px solid #ccc;
    min-width: 200px;
    background: #e6e6e6;
    height: 100%;
    position: relative;
    margin: 25px 0px 25px 0px;
    padding-bottom: 17px;
    border-radius: 3px;
}

.summary-container .page-subtitle {
    margin: 5px 4.2553191489361702127659574468085% 5px; /* 10px / 235px */
    padding-bottom: 4px;
    border-bottom: 1px solid #000;
    font-size: 0.9575em; /* 13px */
    line-height: 1.8125; /* 29px */
}

.summary {
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
}

.summary-item,
.summary-item-last {
    /*width: 100%;*/ /* 215px / 235px 91.489361702127659574468085106383% */
    padding: 10px 4.2553191489361702127659574468085% 0; /* 10px / 235px */
    font-size: 0.7800em; /* 11px */
    letter-spacing: 0.1em; /* 1px */
    line-height: 1.5075; /* 23px */
}

.summary-item-last {
    margin-bottom: 18px;
}

.summary-label {
    /*width: 69.76744186046511627906976744186%;*/ /*150px / 215px */
    width: 61.767442%;
    float: left;
    text-align: left;
}

.summary-value {
    width: 38.232558%;
    float: right;
    text-align: right;
}

.lt-ie8 .summary-value {
    width: 28%;
}

.summary-subtotal,
.summary-total {
    text-transform: uppercase;
    font-weight: bold;
}

.domestic #shopping-bag .summary-total {
    padding-top: 0;
}

.summary-total {
    padding-top: 17px;
}

    .summary-total span {
        border-top: 1px solid #000;
        padding-top: 17px;
    }

.summary-msg {
    font-size: 0.625em; /* 10px */
    text-align: center;
    margin-top: 13px;
    letter-spacing: 0;
}

.lt-ie7 .summary-msg {
    margin-top: 5px;
}

/** CHECKOUT GENERAL **/
.page-msg {
    font-size: 0.8125em; /* 13px / 16px */
    line-height: 1.8125; /* 29px */
    letter-spacing: 0.1em; /* 1px */
    margin: 16px 0 8px;
}

h4.page-msg {
    font-size: 0.6875em; /* 11px / 16px */
    font-style: italic;
    font-weight: normal;
    margin: 10px 0 7px;
}

.item-change {
    font-size: 0.8461538em; /* 11px / 13px */
    letter-spacing: 0.1em; /* 1px */
    position: absolute;
    top: -0.4em;
    right: 0;
    margin-top: 10px;
    margin-right: 5px;
    font-weight: normal;
}

.item-change-edit-address {
    font-size: 0.8461538em; /* 11px / 13px */
    letter-spacing: 0.1em; /* 1px */
    position: absolute;
    top: -0.4em;
    right: 0;
    margin-top: 10px;
    margin-right: 87px;
    font-weight: normal;
}

.gift-multi .item-change {
    top: -0.5em;
}

.gift-multi .module-section {
    position: relative;
}

    .gift-multi .module-section .item-change {
        top: 6px;
        font-size: 0.6875em; /* 11px / 16px */
    }

.checkout .summary-container {
    padding-bottom: 16px;
}

#review .summary-container {
    padding-bottom: 16px;
}


#method #shipping-details, #method .gift-options-container .gift-options-selector, #method .gift-options-tooltip-arrow, #method .gift-box-selector, #method .gift-option-selectors h3 {
    display: block;
}

.checkout #order-listing,
.checkout #shipping-details,
.checkout #billing-details,
.checkout #gifting-details {
    border-top: 1px solid #000;
}

#shipping-details, #billing-details {
    margin-bottom: 25px;
}

.checkout #order-listing, .checkout #shipping-details, .checkout #billing-details, .checkout #gifting-details {
    border-top: 1px solid #000;
}

.checkout #order-listing.multi,
.checkout .gifting-details.multi #gifting-details {
    border-top: 1px solid #ccc;
}

.checkout #order-listing.multi {
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
}

#confirmation.checkout #order-listing.multi {
    border-bottom: 0;
    margin-bottom: 0;
}

.checkout #order-listing.multi.last {
    margin-bottom: 0;
    border-bottom: 1px solid #000;
}

#shippingMulti #multi-listing {
    border-top: 0;
    margin-top: 28px;
}

.shippingmethod-container .button-submit {
    margin-top: 6px;
}

.international .shippingmethod-container .button-submit {
    margin-top: 0;
}

.lt-ie8 .shippingmethod-container .button-submit {
    margin-top: 20px;
}

#shipping .form-address .button-submit,
#billing .form-address .button-submit,
#review .form-address .button-submit {
    margin-bottom: 7px;
}

.form-section,
.form-section-mid {
    display: block;
    /*width: 500px;*/ /* 350px / 700px */
    margin-right: 2.8571428571428571428571428571429%; /* 20px / 700px */
}

.form-section-first {
    margin: 8px 0 8px;
    /*padding-bottom: 25px;*/
}

#shipToAddress {
    position: relative;
    padding-bottom: 17px;
}

#shipping .address-book.multi,
#billing .address-book.multi,
#review .address-book.multi {
    border-top: 1px solid #ccc;
}

#shipping-details .shipping-address, #billing-details .billing-address {
    padding-top: 16px;
    margin-right: 24px;
    float: left;
    width: 30.4%;
    font-size: .8500em;
    font-weight: normal;
    line-height: 1.6875em;
    letter-spacing: .1em;
}

.shipping-summary-separator-line {
    width: 100%;
    border-top: 1px solid #ccc;
}

.shipping-address {
    padding-top: 16px;
}

#shipping-details .shipping-method {
    float: left;
    padding-top: 16px;
    margin-top: 0;
    font-size: .8500em;
    font-weight: normal;
    line-height: 1.6875em;
    letter-spacing: .1em;
}

#shipping #shipping-address .form-section-first.multi,
#billing #wallet,
#billing #address-book {
    /*border-top: 1px solid #ccc;*/
    padding-top: 0px;
}

.registered #billing #wallet {
    margin-bottom: 8px;
}

#billing .form-section-first2,
.international #method .form-section-address {
    border-bottom: 0;
}

#method .form-section-address,
#method .form-section-gift-options {
    border-bottom: 1px solid #000;
    margin-bottom: 19px;
    padding-bottom: 11px;
}

#method .form-section-gift-options {
    padding-bottom: 11px;
}

.lt-ie8 #method .form-section-gift-options {
    margin-bottom: 0;
}

#method .form-section-gift-options.open {
    padding-bottom: 8px;
}

.form-section-gift-options .gift-option-selectors {
    display: none;
}

#method .form-section-address {
    border-bottom-color: #ccc;
    margin-top: 3px;
    margin-bottom: 0;
}

#method .form-section-address.first {
    margin: 8px 0 0;
}

.form-group {
    /*margin-bottom: 14px;*/
    margin-bottom: 8px;
    width: 80%;
}

#method .form-section-gift-options .form-group {
    margin-bottom: 14px;
}

#method .form-group.no-gift-options {
    margin-bottom: 19px;
    padding-bottom: 11px;
}

.form-group-last {
    margin-bottom: 0;
}

#method .form-section-gift-options .form-title {
    margin-top: 18px;
}

a.form-label {
    color: #000;
    text-decoration: none;
}

.form-title,
.form-subtitle,
.form-label,
.form-label-ship-method,
.input-country {
    font-size: 0.80em; /* 11px / 16px */
    line-height: 2em;
    letter-spacing: 0.1em; /* 1px */
    font-weight: normal;
}

.form-label,
.form-label-ship-method {
    display: block;
    margin-bottom: 1px;
}

.textbox-suggestion {
    float: left;
    width: 220px;
    margin: 2px 0 0 20px;
    line-height: 26px;
}

.CA .textbox-suggestion {
    line-height: 14px;
}

.form-title {
    text-transform: uppercase;
    margin-top: 10px;
    margin-bottom: 13px;
    font-weight: bold;
}

.form-icon {
    margin-left: 8px;
    margin-right: 4px;
    vertical-align: middle;
    margin-top: -2px;
}

.form-textbox {
    width: 80%;
}

.form-textbox-mid
{
    width: 80%;
}

#country-container .form-box {
    background: #e6e6e6;
    border: 1px solid #ccc;
}

.form-radio-group {
    margin-top: 13px;
}

.form-radio-set {
    height: 2.125; /* 34px */
    border: 1px solid #ccc;
    position: relative;
}

.lt-ie7 .form-radio-set,
.lt-ie7 .form-radio-set .input-radio,
.lt-ie7 .form-radio-set .form-label,
.lt-ie7 .form-radio-set .form-label-ship-method {
    height: 34px;
}

.lt-ie7 #shipToAddress .form-radio-set .form-label,
.lt-ie7 #shipToAddress .form-radio-set .form-label-ship-method {
    width: 145px;
}

.form-radio-group .form-radio-set {
    float: left;
    margin-right: 20px;
}

.lt-ie7 .form-section-gift-options .form-radio-group .form-radio-set,
.lt-ie7 .form-section-gift-options .form-radio-group .form-radio-set .form-label,
.lt-ie7 .form-section-gift-options .form-radio-group .form-radio-set .form-label-ship-method {
    float: none;
    zoom: 1;
    display: inline;
    width: auto;
}

.form-shipmethod .form-radio-set {
    /*width: 460px;*/
    margin-top: 10px;
}

.lt-ie8 .form-shipmethod {
    margin-bottom: 5px;
}

.form-shipmethod .form-radio-first {
    margin-top: 5px;
}

.form-radio-set .form-label,
.form-radio-set .form-label-ship-method {
    padding: 0 10px;
}

#method-container .form-radio-set .form-label,
#method-container .form-radio-set .form-label-ship-method {
    float: left;
}

.form-radio-set .input-radio {
    margin-right: 10px;
    margin-top: -2px;
}

.form-radio-set .input-radio,
.form-radio-set .form-label,
.form-radio-set .form-label-ship-method {
    line-height: 3.125; /* 34px */
    vertical-align: middle;
    margin-bottom: 0;
}

#name-container .form-textbox-mid {
    display: inline-block;
}

.fullname-id {
    float: left;
    clear: left;
    /*margin-bottom: 2px;*/
}

.address1-id {
    margin-bottom: 8px;
}

.address2-id {
    margin-top: 0px;
}

#billing-address #form-billing {
    border-top: 1px solid #ccc;
}

.title-top-margin {
    margin-top:19px;
}

#shipping-address .textbox-zip,
#billing-address .textbox-zip,
#modal-container .textbox-zip {
    /*width: 70px;*/
    margin: 0;
}

#shipping-address .textbox-phone,
#billing-address .textbox-phone,
#modal-container .textbox-phone {
    /*width: 108px;*/
    margin: 0;
}

#billing-address #shipTo-container {
    margin-bottom: 25px;
}

#shipping-address .form-title {
    margin-bottom: 6px;
}

#shippingbilling-container {
    margin-top: 10px;
}

.form-checkbox .input-checkbox,
.form-checkbox .form-label,
.form-checkbox .form-label-ship-method {
    display: inline-block;
    margin-right: 5px;
}

.form-checkbox .form-label,
.form-checkbox .form-label-ship-method {
    position: relative;
    top: -2px;
}

.input-country-link,
.input-country {
    display: inline-block;
    width: 99.428571428571428571428571428571%; /* 348px / 350px */
    height: 25px;
    line-height: 25px;
    position: relative;
    text-decoration: none;
}

    .input-country .form-value {
        margin: 0 7px;
        color: #000;
    }

    .input-country .item-link {
        position: absolute;
        top: 0;
        right: 7px;
        text-decoration: underline;
    }

.form-address #address-city-us,
#simplemodal-container #address-city-us {
    width: 71.428571428571428571428571428571%; /* 250px / 350px */
}

.form-address #address-city-us,
#modal-cont #address-city-us {
    width: 71.428571428571428571428571428571%; /* 250px / 350px */
}

.form-address .textbox-city-us {
    width: 94.4%; /* 236px / 250px */
}

.form-address #address-states-us,
#simplemodal-container #address-states-us,
#modal-cont #address-states-us {
    margin-left: 20px;
}

body.domestic .form-address .phone-id,
.form-address #shipTo-container.domestic .phone-id {
    width: 28.571428571428571428571428571429%; /* 100px / 350px */
}

.US #frm_shopping_cart_continue #zipcode {
    width: 25.581395348837209302325581395349%; /* 55px / 215px */
}

.CA #frm_shopping_cart_continue #zipcode {
    width: 33.953488372093023255813953488372%; /* 73px / 215px */ /* wider for ipad */
}

.form-address .textbox-zip,
#simplemodal-container .textbox-zip,
#modal-cont .textbox-zip {
    float: left;
    margin: 0;
}

body.international .form-address .textbox-zip,
.form-address #shipTo-container.international .textbox-zip {
    float: none;
}

body.US .form-address .address-element-zipcode-id,
.form-address #shipTo-container.US .address-element-zipcode-id {
    width: 23.428571428571428571428571428571%; /* 82px / 350px */
}

body.CA .form-address .address-element-zipcode-id,
.form-address #shipTo-container.CA .address-element-zipcode-id {
    width: 26.857142857142857142857142857143%; /* 94px / 350px */
}

.US #shoppingAddressValidate .address-element-zipcode-id {
    width: 30.37037037037037037037037037037%; /* 82px / 270px */
}

.CA #shoppingAddressValidate .address-element-zipcode-id {
    width: 34.814814814814814814814814814815%; /* 94px / 270px */
}

.US #addEditShippingAddress .address-element-zipcode-id {
    width: 26.114649681528662420382165605096%; /* 82px / 314px */
}

.CA #addEditShippingAddress .address-element-zipcode-id {
    width: 29.93630573248407643312101910828%; /* 94px / 314px */
}

body.domestic .form-address .address-element-zipcode-id.wide,
.form-address #shipTo-container.domestic .address-element-zipcode-id.wide,
.domestic #shoppingAddressValidate .address-element-zipcode-id.wide,
.domestic #addEditShippingAddress .address-element-zipcode-id.wide {
    width: 100%; /* 350px | 314px | 270px */
}

body.US .form-address .textbox-zip,
.form-address #shipTo-container.US .textbox-zip,
.US #shoppingAddressValidate .textbox-zip,
.US #addEditShippingAddress .textbox-zip {
    width: 48.780487804878048780487804878049%; /* 40px / 82px */
    margin: 0;
}

body.CA .form-address .textbox-zip,
.form-address #shipTo-container.CA .textbox-zip,
.CA #shoppingAddressValidate .textbox-zip,
.CA #addEditShippingAddress .textbox-zip {
    width: 55.319148936170212765957446808511%; /* 52px / 94px */
    margin: 0;
}

body.US .form-address .textbox-zip.wide,
.form-address #shipTo-container.US .textbox-zip.wide {
    width: 11.428571428571428571428571428571%; /* 40px / 350px */
}

body.CA .form-address .textbox-zip.wide,
.form-address #shipTo-container.CA .textbox-zip.wide {
    width: 14.857142857142857142857142857143%; /* 52px / 350px */
}

.form-address #shipTo-container.US .textbox-zip.wide,
.form-address #shipTo-container.CA .textbox-zip.wide {
    float: left;
}

.US #addEditShippingAddress .textbox-zip.wide,
#simplemodal-container .form-address #shipTo-container.US .textbox-zip.wide,
#modal-cont .form-address #shipTo-container.US .textbox-zip.wide {
    width: 12.738853503184713375796178343949%; /* 40px / 314px */
}

.US .edit #addEditShippingAddress .textbox-zip.wide,
#simplemodal-container .edit .form-address #shipTo-container.US .textbox-zip.wide {
    width: 22.929936305732484076433121019108%; /* 72px / 314px */
}

.US .edit #addEditShippingAddress .textbox-zip.wide,
#modal-cont .edit .form-address #shipTo-container.US .textbox-zip.wide {
    width: 22.292993630573248407643312101911%; /* 70px / 314px */
}

.CA #addEditShippingAddress .textbox-zip.wide,
#simplemodal-container .form-address #shipTo-container.CA .textbox-zip.wide,
#modal-cont .form-address #shipTo-container.CA .textbox-zip.wide {
    width: 16.560509554140127388535031847134%; /* 52px / 314px */
}

.US #shoppingAddressValidate .textbox-zip.wide {
    width: 14.814814814814814814814814814815%; /* 40px / 270px */
}

.CA #shoppingAddressValidate .textbox-zip.wide {
    width: 19.259259259259259259259259259259%; /* 52px / 270px */
}

#simplemodal-container .form-address #shipTo-container.international .textbox-zip,
#modal-cont .form-address #shipTo-container.international .textbox-zip {
    width: 20.700636942675159235668789808917%; /* 65px / 314px */
}

body.international .form-address .textbox-zip,
.form-address #shipTo-container.international .textbox-zip {
    width: 21.142857142857142857142857142857%; /* 74px / 350px */
    margin: 0;
}

body.international #shoppingAddressValidate .textbox-zip {
    width: 24.074074074074074%; /* 65px / 270px */
}

#address-city-state-us {
    display: none;
}

#address-states-us {
    width: 80%;
    clear: left;
}

.CA #shoppingAddressValidate #address-states-us {
    width: 18.518518518518518518518518518519%; /* 50px / 270px */
}

.address-element {
    float: left;
    clear: left;
    width: 120px;
}

.address-element-left,
.address-element-right {
    float: left;
    clear: left;
}

.address-element-right {
    clear: right;
}

.form-dropdown {
    width: 80%;
    border: 1px solid #a6a6a6;
    border-top-color: #949494;
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(255,255,255,.5), 0 1px 0 rgba(0,0,0,.07) inset;
    outline: 0;
    background-color: #fff;
    height: 31px;
    padding: 0px 7px;
    line-height: normal;
}

.lt-ie9 .form-dropdown {
    margin-top: 4px;
}

#shoppingAddressValidate .form-dropdown {
    font-size: 1em;
}

.state-province-id {
    width: 100%; /* 48px / 48px */
}

    .state-province-id.wide {
        width: 47.142857142857142857142857142857%; /* 148px / 314px */
    }


/** QAS MODAL **/
#simplemodal-container .page-title,
#modal-cont .page-title {
    width: 100%;
    border-bottom: 0;
    padding-bottom: 15px;
    font-size: 0.8215em;
}

#simplemodal-container .page-subtitle,
#modal-cont .page-subtitle {
    font-size: 1em; /* 11px / 16px */
    margin: 0 0 20px;
    position: static;
}

#qas-premises .page-subtitle,
#qas-street .page-subtitle {
    margin: 0 0 11px;
}

#simplemodal-container .page-msg,
#modal-cont .page-msg {
    font-size: 0.6875em; /* 11px / 16px */
    line-height: 1.3125; /* 14px */
    font-weight: normal;
    margin: 0 0 20px;
}

#modal-qas .form-label,
#modal-qas .form-label-ship-method,
#modal-qas .form-textbox {
    font-size: 1em; /* 11px / 16px */
}

#simplemodal-container .form-button,
#modal-cont .form-button {
    margin-top: 11px;
    text-align: right;
}

#modal-payment .form-button {
    margin-top: 0;
}

#modal-qas .form-button {
    margin-top: 2px;
}

#simplemodal-container .item-link,
#modal-cont .item-link {
    text-decoration: underline;
}

.form-button .item-link {
    text-decoration: underline;
    text-transform: uppercase;
    font-size: 0.6875em; /* 11px / 16px */
    letter-spacing: 0.1em;
    margin-right: 17px;
    cursor: pointer;
}

#simplemodal-container .button-submit,
#simplemodal-container .button-submit2,
#modal-cont .button-submit,
#modal-cont .button-submit2 {
    width: 35.828025477707006369426751592357%; /* 225px / 628px */
}

#qas-interaction .button-submit {
    width: 47.61146496815286624203821656051%; /* 299px / 628px */
    margin-right: 6.2101910828025477707006369426752%; /* 39px / 628px */
}

#qas-interaction .form-button {
    margin-top: 0;
}

.qas-container {
    border-top: 1px solid #ccc;
    padding-top: 20px;
    font-size: 0.6875em; /* 11px / 16px */
    position: relative;
    padding-bottom: 35px;
}

.address-container {
    width: auto;
    line-height: 1.5625; /* 17px */
    letter-spacing: 0.1em;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
}

.address-suggested .address-container {
    max-height: 226px;
    -webkit-box-shadow: inset 0 -10px 10px -7px #ececec;
    -moz-box-shadow: inset 0 -10px 10px -7px #ececec;
    box-shadow: inset 0 -10px 10px -7px #ececec;
}

.lt-ie8 .address-suggested .address-container {
    height: 226px;
}

#qas-nomatch .address-container {
    padding: 20px;
}

#qas-nomatch .address-entered {
    height: 134px;
}

.address-entry-first {
    border-top: 1px solid #ddd;
}

.address-entry {
    position: relative;
    display: block;
    border-bottom: 1px solid #eee;
}

.radio-checked {
    background-color: #e6e6e6;
}

li.address-entry:hover {
    background-color: #eee;
}

#qas-interaction .address-entered .address-entry {
    position: relative;
}

#qas-nomatch .address-entry {
    margin: 0;
    padding: 0;
}

#qas-nomatch .address-entry,
.address-entered .address-entry {
    border-bottom: 0;
}

#qas-nomatch .address-container,
.address-entered .address-entry {
    border: 1px solid #ccc;
}

#qas-nomatch .address-entered .address-entry {
    border: 0;
}

.address-entered {
    float: left;
    width: 35.03184713375796178343949044586%; /* 220px / 628px */
    margin-right: 11.146496815286624203821656050955%; /* 70px / 628px */
}

#qas-premises .address-entered,
#qas-street .address-entered {
    width: 42.993630573248407643312101910828%; /* 270px / 628px */
}

.address-entered .address-list,
.address-entered .address-entry,
.address-entered .form-label,
.address-entered .form-label-ship-method {
    height: 100%;
    overflow: hidden;
}

.lt-ie8 .address-entered {
    margin-right: 9%;
}

.address-suggested {
    float: left;
    width: 50.955414012738853503184713375796%; /* 320px / 628px */
}

.address-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.address-suggested .address-container {
    width: 299px;
}

.address-radio {
    position: absolute;
    float: left;
    margin: 3px 0 0 -23px !important;
}

.lt-ie7 .address-radio {
    margin: 0 0 0 -25px;
}

.address-entry .form-label,
.address-entry .form-label-ship-method {
    padding: 20px 0 20px 33px;
    font-size: inherit;
    line-height: inherit;
    margin-bottom: 0;
}

.address-book.multi .multi .address-entry .form-label,
.address-book.multi .multi .address-entry .form-label-ship-method {
    cursor: default;
}

.address-book.multi .multi #address-entry-new .form-label,
.address-book.multi .multi #address-entry-new .form-label-ship-method {
    /*cursor: hand;*/
    cursor: pointer;
}

.lt-ie8 .address-entry .form-label,
.lt-ie8 .address-entry .form-label-ship-method {
    font-size: 11px;
    line-height: 18px;
    zoom: 1;
}

.address-line,
.wallet-line {
    font-size: 1.20em;
    display: block;
    padding-right: 10px;
    clear: both;
    position: relative;
    zoom: 1;
}

.billing-address-line {
    font-size: 14px;
    display: block;
    padding-right: 10px;
    clear: both;
    position: relative;
    line-height: 1.4;
}

.address-actions {
    display: block;
    margin-top: 7px;
}

.qas-suggest {
    font-size: 1em; /* 11px */
    line-height: 1.5625; /* 17px */
    letter-spacing: 0.1em;
}

.attempt-first .qas-suggest {
    padding-left: 15px;
    margin-bottom: 0;
}

.attempt-second-short .qas-suggest,
.attempt-second-long .qas-suggest {
    list-style: none;
    padding-left: 0;
}

    .attempt-second-long .qas-suggest.qas-examples {
        padding-left: 15px;
        list-style-type: disc;
    }

.qas-suggest .qas-msg {
    font-weight: bold;
}

.attempt-first .guided-tooltip-content,
.attempt-second-short .guided-tooltip-content {
    min-height: 91px;
}

#qas-premises .attempt-first,
#qas-premises .attempt-second-short {
    background-position: left 43px;
    top: 131px;
}

#qas-premises .attempt-second-long {
    background-position: left 108px;
}

#qas-street .attempt-first,
#qas-street .attempt-second-short,
#qas-street .attempt-second-long {
    background-position: left 70px;
}

#qas-street .attempt-first,
#qas-street .attempt-second-short,
.attempt-second-long {
    top: 66px;
}

    .attempt-second-long .guided-tooltip-content {
        width: 92.215568862275449101796407185629%; /* 308px / 334px */
        padding-right: 5px;
    }

    .attempt-second-long .guided-tooltip-content {
        height: 156px;
    }

    .attempt-second-long .guided-tooltip-scroll {
        overflow-y: auto;
        height: inherit;
    }

.lt-ie8 .attempt-second-long .guided-tooltip-scroll {
    height: 156px;
}

#qas-premises #zipcode-container,
#qas-street #zipcode-container {
    margin-bottom: 0;
}

/*order note*/
.textarea-order-note {
    /*margin: 1px;*/
    width: 100%;
    height: 70px;
    resize: none;
    /*font-size: .8500em;*/
    font-weight: normal;
    line-height: 1.6875em;
    /*letter-spacing: .1em;*/
    margin-left: 0px;
    margin-bottom:0px;
}

#shipping-details .order-note {
    padding-top: 16px;
    margin-right: 24px;
    float: left;
    width: 95%;
    font-size: .8500em;
    font-weight: normal;
    line-height: 1.6875em;
    letter-spacing: .1em;
}


/** ADDRESS BOOK **/
#shipping *,
#billing *,
#review * {
    box-sizing: content-box;
}

#shipping .button-general,
#billing .button-general,
#review .button-general {
    margin-top: 0;
}

#shipping #shippingbilling-container #billing {
    margin-top: 13px;
}

#shipping #opt-out-container #billing {
    margin-bottom: 10px;
}

.address-book {
    /*width: 700px;*/
    overflow: hidden;
}

.lt-ie8 .registered .address-book,
.lt-ie8 .registered #billing #wallet.address-book {
    margin-bottom: 43px;
}

.lt-ie8 .guest .address-book {
    margin-bottom: 12px;
}

#shipping #billing #address-book .form-title {
    margin-top: 18px;
}

.address-book .address-entry {
    width: 218px;
    margin: 0 20px 40px 0; /* 43px */
    float: left;
    border: 1px solid #ccc;
    font-size: 0.6875em; /* 11px */
    line-height: 18px; /*** 18px ***/
    letter-spacing: 0.1em; /* 1px */
}

.address-book .address-entry.input-error-on {
    border-color: #f00;
}

.address-book .entry-last {
    margin-right: 0;
}

.lt-ie8 .address-book .clearfix {
    zoom: 0;
}

.address-book .address-line,
.address-book .wallet-line {
    overflow: hidden;
}

.address-book .address-line-short {
    height: 90px;
}

.address-book .address-actions {
    position: absolute;
    left: 33px;
    bottom: 6px;
    margin-top: -8px;
}

.address-book .address-entry .form-label,
.address-book .address-entry .form-label-ship-method {
    padding-top: 17px;
    min-height: 138px;
}

.lt-ie7 .address-book .address-entry .form-label,
.lt-ie7 .address-book .address-entry .form-label-ship-method {
    height: 138px;
}

.address-book .address-container {
    position: relative;
    border: 1px solid red;
    padding-bottom: 49px;
}

.address-type {
    width: inherit;
    line-height: 23px;
    background: #fff;
    border: 1px solid #ccc;
    position: absolute;
    left: -1px;
}

.make-default {
    display: none;
    width: 100%;
}

#address-default {
    width: 218px;
    text-align: center;
    display: block;
}

.radio-selected {
    background: #e6e6e6;
}

#address-default,
.make-default .address-default {
    font-size: 0.95em; /* 9px / 11px */
}

.lt-ie7 .make-default .address-default {
    top: -5px;
    position: relative;
}

.address-checkbox {
    margin: 6px 6px 0 10px;
    vertical-align: text-bottom;
}

.lt-ie8 .address-checkbox {
    margin: 0 6px 0 10px;
}

.lt-ie7 .address-checkbox {
    height: 23px;
}

#address-new {
    text-transform: uppercase;
    font-weight: bold;
    vertical-align: middle;
    text-align: center;
    position: relative;
    top: 60px;
    display: block;
}

.address-add {
    font-size: 30px;
    float: left;
    vertical-align: middle;
    line-height: 50px;
    height: 50px;
    font-weight: normal;
    position: relative;
}

#address-book #address-entry-new {
    padding-bottom: 0;
    height: 175px;
}

.address-book #address-entry-new .form-label,
.address-book #address-entry-new .form-label-ship-method {
    padding-top: 0;
    min-height: 155px;
}

.lt-ie7 .address-book #address-entry-new .form-label,
.lt-ie7 .address-book #address-entry-new .form-label-ship-method {
    height: 155px;
}

.address-book #address-entry-new #address-new .form-label,
.address-book #address-entry-new #address-new .form-label-ship-method {
    min-height: 10px;
    height: 50px;
    position: relative;
    left: 16px;
    width: 168px;
}

#address-new .form-label,
#address-new .form-label-ship-method {
    padding: 0;
    text-align: left;
    line-height: 14px;
    position: absolute;
    top: 11px;
    left: 27px;
}

.lt-ie8 #address-new .form-label,
.lt-ie8 #address-new .form-label-ship-method {
    height: 15px;
}

.address-book .button-submit {
    margin-top: 0;
    width: 172px; /* 234px / 720px */
}

/** NAVIGATION **/
.crumbs {
    margin: 0;
    /*padding: 3px 0 2px;*/
    overflow: hidden;
    border-bottom: 1px solid #ccc;
}

.crumbs-item {
    display: inline;
    float: left;
    background-position: left -360px;
    background-repeat: no-repeat;
    min-width: 150px;
    /*padding-left: 95px; /* 46px / 700px Orig: 6.5714285714285714285714285714286% */*/
    /*padding-right: 13px; /* 28px / 700px Orig: 4% */*/
}

.crumbs-item,
.crumbs-link {
    font-weight: normal;
    color: #ccc;
    letter-spacing: 0.1em;
    line-height: 29px; /* 29px / 13px */
    text-transform: uppercase;
    text-decoration: none;
}

.crumbs-item {
    font-size: 0.8700em;
}

.crumbs-link {
    font-size: 1em; /* 13px / 13px */
}

#nav-shipping {
    background: none;
    padding-left: 0 !important;
    text-align: left;
}

#nav-billing {
    text-align: center;
}

#nav-review {
    padding-right: 0;
    text-align: right;
}

div.breadCrumbs a:link {
    color: #000;
    font-weight: normal;
}

div.breadCrumbs a:visited {
    color: #000;
    font-weight: normal;
}

div.breadCrumbs a:hover {
    color: #666;
}

#shipping #nav-shipping,
#shippingMulti #nav-shipping,
#method #nav-method,
#gift #nav-method,
#billing #nav-billing,
#billing #nav-method,
#review #nav-review,
#review #nav-billing,
#review #nav-method {
    background-position: left -257px;
}

#shipping #nav-shipping,
#shippingMulti #nav-shipping,
#method #nav-method,
#gift #nav-method,
#billing #nav-billing,
#review #nav-review {
    color: #000;
    font-weight: bold;
}

    #billing #nav-method.crumbs-disabled,
    #billing #nav-billing.crumbs-disabled,
    #review #nav-method.crumbs-disabled,
    #review #nav-billing.crumbs-disabled {
        background-position: left -360px;
    }

.crumbs-disabled-text {
    display: block;
    position: relative;
    top: 3px;
    background-position: -3px -696px;
    line-height: 1.75; /* 21px / 12px */
    padding: 1px 8px 0 10px;
    cursor: default;
    font-size: 0.923076923076923em; /* 12px / 13px */
    text-align: center;
    color: #aaa;
}

.domestic #nav-shipping.crumbs-disabled .crumbs-disabled-text {
    width: 141px;
}

.domestic #nav-method.crumbs-disabled .crumbs-disabled-text {
    width: 190px;
    left: -5px;
}

/* =============================================================================
   Non-Semantic Helper Classes
   ========================================================================== */

.ir {
    display: block;
    border: 0;
    text-indent: -999em;
    overflow: hidden;
    background-color: transparent;
    background-repeat: no-repeat;
    text-align: left;
    direction: ltr;
    *line-height: 0;
}

    .ir br {
        display: none;
    }

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* Shipping Method */
.checkout-container span.display-date {
    font-weight: normal;
    text-transform: uppercase;
}
.checkout-container span.display-date #day-suffix {
    text-transform: lowercase;
    font-weight: normal;
}

.form-section-address{
    color: #000 !important;
    font-size: 1.1em;
}

.form-shipmethod input[type="radio"] {
    position: absolute;
    top: 15px;
}

.form-group.form-shipmethod .form-radio-set.form-radio-first {
    border-top-width: 1px;
}

.form-group.form-shipmethod {
    margin-bottom: 14px;
}

.form-shipmethod .form-radio-set label {
    padding: 0 10px;
    line-height: 3.125em;
}

@media screen and (max-width: 960px) {
    .cart-container {
        margin-top: 60px;
    }

    .app-container {
        margin-top: 60px;
    }
}

@media only screen and (max-width: 1200px) {
    .crumbs-item {
        display: inline;
        float: left;
        background-position: left -360px;
        background-repeat: no-repeat;
    }

    #nav-shipping {
        margin-left: 15px;
        text-align: left;
    }

    #nav-billing {
        background: none;
        text-align: left;
    }

    #nav-review {
        background: none;
        text-align: left;
    }
}

@media only screen and (min-width: 769px) {
    .form-shipmethod .method-price {
        position: absolute;
    }
}

@media only screen and (max-width: 768px) {
    .form-shipmethod .method-price {
        position: relative;
        margin-bottom: 10px;
    }

    .form-shipmethod .atp-label {
        margin-left: 3px;
    }
}

@media only screen and (max-width: 1000px) and (min-width: 771px) {
    #shipping-details .shipping-address, #billing-details .billing-address {
        width: 100% !important;
    }

    #billing-details .payment-method {
        width: 100% !important;
    }
}

@media only screen and (max-width: 600px) {
    #shipping-details .shipping-address, #billing-details .billing-address {
        width: 100% !important;
    }

    #shipping-details .shipping-method {
        width: 100% !important;
    }

    #billing-details .payment-method {
        width: 100% !important;
    }

    .item-group-price {
        margin-top: 10px;
    }
}

@media only screen and (max-width: 1200px) and (min-width: 992px) {
    .app-container {
        width: 95% !important;
    }

    .summary-label {
        width: 60.767442% !important;
    }

    .cart-container {
        width: 95% !important;
    }
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
    .summary-label {
        width: 45.767442% !important;
    }

    .summary-value {
        width: 54% !important;
    }
    
    .cart-quantity {
        padding-right: 17px;
        margin-left: -9px;
    }
}

@media only screen and (max-width: 767px) {
    .summary-label {
        width: 50% !important;
    }

    .summary-value {
        width: 50% !important;
        float: right;
    }
}

@media only screen and (max-width: 499px) {
}


@media only screen and (max-width: 320px) {
}

.form-shipmethod .method-price {
    display: inline;
    top: 0;
    right: 0;
}

.form-shipmethod .atp-label {
    display: block;
}

.form-shipmethod .method-group {
    margin-left: 6.13636% !important;
}

.form-shipmethod .method-group {
    padding-top: 1.5px;
    margin-bottom: -1.5px;
    display: inline-block;
    position: relative;
    width: 94.31818%;
    margin-left: 10%;
}

.form-shipmethod .method-text {
    width: 100%;
    margin-top: -4px; /*Original: -8px*/
}

.form-shipmethod .method-text {
    width: 95%;
    padding-bottom: 9px;
    font-size: .9500em;
    /*line-height: 1.5625em;*/
    line-height: 1.4em;
    display: block;
}

.app-container .radio-checked, .simplemodal-frame .radio-checked {
    background-color: #e6e6e6;
    cursor: default;
}

.form-label-ship-method.radio-checked:hover {
    background-color: #e6e6e6;
    cursor: default;
}

.form-label-ship-method:hover {
    background-position: 0px -30px;
    background-color: #f1f1f1;
    border-color: #444;
    cursor: pointer;
}

.form-shipmethod input[type="radio"]:checked + label {
    color: #fff;
    background-color: #e6e6e6;
    cursor: default;
}

/*Cart Widget Tooltips*/
/* Inner */
.widget-edit-button + .tooltip > .tooltip-inner {
    background-color: #eee;
    color: #000;
    border: 1px solid gray;
    padding: 5px;
    font-size: .75em;
}
/* Tooltip on top -> arrow */
.widget-edit-button + .tooltip.top > .tooltip-arrow {
    border-top: 5px solid black;
}

/* Billing checkout */

.credit-card-id {
    width: 150px;
}

.security-code-id {
    width: 80px
}

.card-exp-id {
    width: 90px;
}

#shipping #confirmOrder,
#review #confirmOrder,
#shipping #confirmShipping {
    font-size: .875em;
    font-weight: normal;
    line-height: 1.4375em;
    letter-spacing: .1em;
    margin: 15px 0 11px; /*15px 0 20px*/
    text-transform: none;
}

#shipping #confirmEmail,
#review #confirmEmail,
#review #confirmEmail {
    font-size: .9em;
    font-weight: normal;
    line-height: 1.4375em;
    letter-spacing: .06em;
    margin: 14px;
    text-transform: none;
    color: red;
}

/* Billing Details Widget */
#billing-details .wallet {
    float: left;
    width: 100%;
}

#wallet .wallet-brand, #billing-details .wallet-brand {
    text-transform: uppercase;
}

#billing-details .payment-method {
    padding-top: 16px;
    float: left;
    width: 64.14286%;
    font-size: .8500em;
    font-weight: normal;
    line-height: 1.6875em;
    letter-spacing: .1em;
}

.wallet-line-summary {
    display: block;
    padding-right: 10px;
    clear: both;
    position: relative;
    zoom: 1;
}

#wallet .wallet-price, #billing-details .wallet-price {
    font-weight: bold;
}

.wallet-card {
    position: relative;
    top: 5px;
    margin-left: 5px;
}

.wallet-cardnumber {
    display: inline-block;
    margin: 5px 1px 5px 0;
    padding: 0 1px 0 3px;
    line-height: 19px;
    background: #e6e6e6;
}

.credit-card-icon {
    display: inline-block;
    height: 18px;
    width: 27px;
    background-repeat: no-repeat;
    background-image: url('/images/checkout.gif');
}

.card-edit-modal-title {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 11px;
}

.cc-amex-id {
    background-position: -63px -449px;
}

.cc-disc-id {
    background-position: -93px -449px;
}

.cc-mc-id {
    background-position: -33px -449px;
}

.cc-visa-id {
    background-position: -3px -449px;
}

.credit-card-position {
    margin-left: -1px;
    margin-top: -5px;
    margin-bottom: 7px;
}

.dont-break-out {
    /* These are technically the same, but use both */
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    /*word-break: break-all;*/
    /* Instead use this non-standard one: */
    word-break: break-word;
    /* Adds a hyphen where the word breaks, if supported (No Blink) */
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

#shipping .header-icon-margin,
#billing .header-icon-margin,
#review .header-icon-margin,
#shopping-bag .header-icon-margin,
#order-listing .header-icon-margin
{
    margin-left: 5px !important;
}

.email-confirm-border-box {
    border: 1px solid #aaa !important;
    margin-bottom: 7px !important;
    background-color: #eee !important;
}

/* Checkout breadcrumb link */
#billing .nav-crumbs-link,
#review .nav-crumbs-link {
    font-weight: normal !important;
    color: #ccc !important;
    letter-spacing: 0.1em !important;
    line-height: 29px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
}