/* eCommerce
---------------------------------------- */
.prices th {
    background: url('../Images/Gray.png');
    background-position: left top;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    font-weight: bold;
    line-height: 20px;
    text-align: center;
}

.prices .firstHeader {
    border-left: 1px solid #ccc;
}

.prices .lastHeader {
    border-right: 1px solid #ccc;
}
/* .quantity, .price, .saleprice { padding: 0 0 5px 0; } */
.prices .quantity, .prices .price, .prices .saleprice {
    padding: 5px 10px;
    text-align: right;
}

/* Event Registration */
.eCommerceRegister_Panel .form_Label {
    width: 100px;
}

.eCommerceRegister_Panel .messageCenter_Success, .eCommerceRegister .messageCenter_Success ul,
.eCommerceRegister_Panel .messageCenter_Info, .eCommerceRegister .messageCenter_Info ul,
.eCommerceRegister_Panel .messageCenter_Fail, .eCommerceRegister .messageCenter_Fail ul {
    padding: 0;
    margin: 0;
}

/* Product Section */
.eCommerceProductSection .itemProductName,
.eCommerceProductSearch .itemProductName {
    float: left;
    padding: 5px 0;
    width: 100%;
}

.eCommerceProductSection .itemImage,
.eCommerceProductSearch .itemImage {
    margin: 0 auto;
    padding: 5px;
    text-align: center;
}

    .eCommerceProductSection .itemImage img,
    .eCommerceProductSearch .itemImage img {
        margin: 0;
        max-width: 200px;
    }

.add-options > div {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    margin-bottom: 10px;
}

.eCommerceProductSection .btn-success {
    text-decoration: none;
    text-transform: capitalize;
}

.eCommerceProductSection .buyNowButton,
.eCommerceProductSearch .buyNowButton {
    text-align: center;
}

.itemProductProperties .itemRow.price .itemLabel {
    width: auto;
    padding: 0 0 0 2px;
}

.itemAddToCart,
.itemInCart {
    clear: both;
    text-align: left;
}

    .itemAddToCart a {
        margin: 0;
    }

.itemInCart {
    padding-top: 5px;
}

.itemAddToList {
    margin-top: 10px;
}

.ListMoreMenu .rmText {
    color: #fff !important;
    padding: 5px 10px !important;
    margin-left: 0 !important;
    background: rgba(0,0,0,.2) !important;
}

    .ListMoreMenu .rmText:hover {
        background: rgba(0,0,0,.5) !important;
    }

.ListMoreMenu .rmLink:hover {
    text-decoration: none !important;
}

.ListMoreMenu .rmSlide .rmGroup {
    padding-left: 0 !important;
}

/* Product Search */
.eCommerceProductSearch .pageSize,
.eCommerceProductSearch .sort {
    float: left;
    clear: left;
    margin-bottom: 10px;
}

.eCommerceProductSearch .pageSize {
    width: 175px;
    margin-right: 15px;
}

    .eCommerceProductSearch .pageSize span {
        float: left;
    }

.eCommerceProductSearch .pageDropDownList {
    float: right;
    width: 50px;
}

.eCommerceProductSearch .sort {
    width: 190px;
    margin-top: 10px;
}

    .eCommerceProductSearch .sort span {
        float: left;
    }

.eCommerceProductSearch .sortDropDownList {
    float: right;
    width: 125px;
}

.eCommerceProductSearch .pageSearch {
    float: left;
}

.eCommerceProductSearch .searchTextBox {
    float: left;
}

/* Product Detail */
.eCommerceProduct .sectionTitle {
    font-size: 1.5em;
}

.eCommerceProduct .printImageViewer {
    clear: both;
    margin-bottom: 10px;
    width: 100%;
    overflow: hidden;
}

    .eCommerceProduct .printImageViewer img {
        float: left;
        margin-right: 10px;
    }

.eCommerceProduct .imageViewer {
    max-width: 330px;
}

.eCommerceProduct .imagePreview {
    position: relative;
    width: 100%;
    height: 300px;
    clear: both;
    text-align: center;
    margin: 0 0 10px 0;
}

    .eCommerceProduct .imagePreview a {
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }

    .eCommerceProduct .imagePreview img {
        max-width: 300px;
    }

/* Thumbnail images */
.eCommerceProduct .imageViewer .fancybox-wrapper {
    overflow: hidden;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

    .eCommerceProduct .imageViewer .fancybox-wrapper > a {
        position: relative;
        width: 50px;
        height: 50px;
        margin: 0 5px 5px 0;
        border: 1px solid #ccc;
        padding: 5px;
    }

        .eCommerceProduct .imageViewer .fancybox-wrapper > a img {
            width: 100%;
            max-width: 50px;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
        }

.eCommerceProduct .imageViewer,
.eCommerceProduct .information,
.eCommerceProduct .description {
    width: 100%;
    margin: 0 auto 10px;
}

.eCommerceProduct .information {
    max-width: 350px;
    float: none;
}

.eCommerceProduct .custom-options {
    background: #f3f3f3;
    padding: 10px;
    margin-top: 15px;
    border-radius: 2px;
    border: 1px solid #ddd;
}

.eCommerceProduct .value,
.eCommerceProduct .value select,
.eCommerceProduct .value input,
.eCommerceProduct .attributeDropdownList,
.eCommerceProduct .attributeRadioButtonList,
.eCommerceProduct .attributeTextbox,
.eCommerceProduct .attributeMultilineTextbox {
    width: 180px !important;
}

.eCommerceProduct .label {
    width: 150px;
    font-weight: bold;
    text-align: left;
}

.eCommerceProduct .row-quantity .label {
    margin-bottom: 5px;
}

.eCommerceProduct .row-quantity .value input {
    margin-bottom: 15px;
}

.eCommerceProduct .row-quantity .value .btn,
.eCommerceProduct .row-quantity .value .RadButton {
    width: 85%;
    text-decoration: none;
    text-transform: capitalize;
}

.eCommerceProduct .attributeLabel {
    clear: both;
    font-weight: bold;
    padding: 5px;
}

.eCommerceProduct .attributeDropdownList {
    clear: both;
}

.eCommerceProduct .attributeRadioButtonList {
    clear: both;
}

.eCommerceProduct .attributeTextbox {
    clear: both;
}

.eCommerceProduct .attributeMultilineTextbox {
    clear: both;
}

.eCommerceProduct .description {
    float: left;
    clear: both;
    margin-top: 20px;
}

.eCommerceProduct .product-list-link {
    margin-top: 10px;
}

.eCommerceProduct .descriptorTitle {
    border: 1px solid #ccc;
    background: url('../Images/Gray.png');
    background-position: left top;
    font-weight: bold;
    height: 20px;
    padding: 4px 10px 0;
}

.eCommerceProduct .descriptorText {
    width: 100%;
    clear: both;
    margin-bottom: 10px;
}

.eCommerceProduct .fileDownload {
    width: 100%;
    clear: both;
    margin-bottom: 10px;
}

/* Payment Option */
.eCommerce_PaymentSeparator {
    line-height: 50px;
}

/* Cart */
.eCommerce_Title {
    color: #8a8a8a;
    font-weight: bold;
    font-size: 1.25em;
    padding: 5px;
}

/* Checkout, Confirmation, Receipt */
.rgItemName td, .rgItemName tr {
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
}

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

.orderDetails {
    padding: 10px;
}

    .orderDetails label {
        font-weight: bold;
    }

.transactionId {
    margin-bottom: 10px;
}

.checkoutPanel {
    overflow: hidden;
}

.shippingAddress {
    margin-bottom: 20px;
    overflow: hidden;
}

.billingAddress {
    margin-bottom: 20px;
    overflow: hidden;
}

.paymentMethod {
    clear: both;
    margin-bottom: 20px;
    overflow: hidden;
}

.shippingMethod {
    clear: both;
    margin-bottom: 20px;
    overflow: hidden;
}

.coupon {
    float: left;
    width: 45%;
    margin-bottom: 20px;
}

    .coupon ul {
        padding-left: 20px;
    }

/* Shipping Page */
.eCommerceShipping td {
    vertical-align: top;
}

/* Billing Page */
.eCommerceBilling td {
    vertical-align: top;
}

/* Order Confirm Page */
.eCommerceOrderConfirm .print {
    float: right;
}

.eCommerceOrderConfirm .confirmationText {
    font-size: 1.25em;
    font-weight: bold;
    clear: both;
}

/* Receipt Page */
.eCommerceReceipt {
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: black;
    padding: 10px;
}

    .eCommerceReceipt .storeLogo {
        margin-bottom: 10px;
    }

    .eCommerceReceipt .transactionId {
        margin-bottom: 10px;
    }

    .eCommerceReceipt .orderTitle {
        margin-bottom: 10px;
    }

    .eCommerceReceipt .orderDate {
        margin-bottom: 10px;
    }

    .eCommerceReceipt .orderTotal {
        margin-bottom: 10px;
    }

    .eCommerceReceipt .orderStatus {
        margin-bottom: 10px;
    }

/* Navigation */
.eCommerceNavigation {
    clear: both;
    margin-bottom: 15px;
}

    .eCommerceNavigation .RadTabStrip {
        border-left: 1px solid #828282;
    }

    .eCommerceNavigation .rtsLink {
        font: 12px/26px "Segoe UI", Arial, sans-serif;
        color: #000;
        background-image: url(/Images/NavBg.png);
        background-position: 100% -26px;
        padding-left: 0 !important;
    }

    .eCommerceNavigation .rtsBefore {
        background-position: 100% 0px;
    }

    .eCommerceNavigation .rtsSelected {
        background-position: 100% -52px;
    }

    .eCommerceNavigation .rtsDisabled {
        background-position: 100% -104px;
    }

    .eCommerceNavigation .rtsLast .rtsDisabled {
        background-position: 100% -130px;
    }

    .eCommerceNavigation .rtsLast .rtsSelected {
        background-position: 100% -78px;
    }

/* Order Totals */
.orderTotals {
    float: right;
    width: 250px;
}

    .orderTotals .row {
    }

    .orderTotals .label {
        width: 160px;
    }

    .orderTotals .value {
        float: right;
        text-align: right;
        width: 80px;
    }

    .orderTotals .orderTotal {
        font-size: 1.3em;
    }

        .orderTotals .orderTotal .value {
            border-top: 1px solid #828282;
            border-bottom: 3px double #828282;
        }

/*Media Queries*/
@media (min-width: 375px) {
    .eCommerceProduct .value,
    .eCommerceProduct .value select,
    .eCommerceProduct .value input,
    .eCommerceProduct .attributeDropdownList,
    .eCommerceProduct .attributeRadioButtonList,
    .eCommerceProduct .attributeTextbox,
    .eCommerceProduct .attributeMultilineTextbox {
        float: right;
        width: 170px !important;
    }

    .eCommerceProduct .information > .row .label {
        padding-left: 10px;
    }

    .eCommerceProduct .information > .row .value {
        padding-right: 10px;
    }

    .eCommerceProduct .row-quantity .label {
        margin-right: 0;
    }

    .eCommerceProduct .row-quantity .value:nth-child(2) {
        margin-bottom: 10px;
    }
}

@media (min-width: 768px) {
    .eCommerceProductSearch .pageSize,
    .eCommerceProductSearch .sort {
        float: right;
        clear: none;
    }

    .eCommerceProductSearch .sort {
        margin-top: 0;
    }

    .eCommerceProduct .value,
    .eCommerceProduct .value select,
    .eCommerceProduct .value input,
    .eCommerceProduct .attributeDropdownList,
    .eCommerceProduct .attributeRadioButtonList,
    .eCommerceProduct .attributeTextbox,
    .eCommerceProduct .attributeMultilineTextbox {
        width: 172px !important;
    }

    .eCommerceProduct .imageViewer,
    .eCommerceProduct .information {
        float: left;
    }

    .eCommerceProduct .information {
        max-width: 355px;
    }

        .eCommerceProduct .information.push-right {
            float: right;
        }

        .eCommerceProduct .imageViewer {
            max-width: 370px;
        }

    .eCommerceProduct .imagePreview {
        max-width: 300px;
        float: right;
        margin-bottom: 0;
    }

    .eCommerceProduct .fancybox-wrapper {
        min-height: 300px;
        align-items: center;
    }
}