﻿table#cart {
    margin-top: 10px;
    border-bottom: 1px solid #ddd;
}

    table#cart .editOptions {
        display: block;
    }

    table#cart tbody td:first-child div div:first-child {
        text-align: center;
    }

        table#cart tbody td:first-child div div:first-child img {
            max-height: 100px;
        }

    table#cart thead th:nth-child(2), table#cart tbody td:nth-child(2),
    table#cart thead th:nth-child(3), table#cart tbody td:nth-child(3),
    table#cart thead th:nth-child(4), table#cart tbody td:nth-child(4),
    table#cart tbody td:nth-child(5) {
        text-align: right;
    }

    table#cart tbody td:nth-child(3) {
        padding-left: 15px;
    }

    table#cart tr th {
        font-size: 12px;
        background: #dedede;
        background: -moz-linear-gradient(top,#dedede 0,#cecece 100%);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#dedede),color-stop(100%,#cecece));
        background: -webkit-linear-gradient(top,#dedede 0,#cecece 100%);
        background: -o-linear-gradient(top,#dedede 0,#cecece 100%);
        background: -ms-linear-gradient(top,#dedede 0,#cecece 100%);
        background: linear-gradient(top,#dedede 0,#cecece 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dedede',endColorstr='#cecece',GradientType=0);
    }

        table#cart tr th:first-child {
            border-top-left-radius: 5px;
        }

        table#cart tr th:last-child {
            border-top-right-radius: 5px;
        }

    table#cart tbody .cartDescription {
        font-size: 12px;
    }

.copyItem, .removeItem {
    cursor: pointer;
}

.form-horizontal.total-form {
    margin-top: 10px;
}

    .form-horizontal.total-form .form-group, .form-horizontal.total-form #RoundUpPanel .form-group {
        margin-bottom: 2px;
    }

        .form-horizontal.total-form .form-group:last-child {
            margin-bottom: 10px;
        }

#CartHolder {
    margin-bottom: 20px;
}

@media screen and (max-width: 600px) {
    .actions .btn {
        width: 36%;
        margin: 1.5em 0;
    }

    .actions .btn-info {
        float: left;
    }

    .actions .btn-danger {
        float: right;
    }

    table#cart thead {
        display: none;
    }

    table#cart tbody td {
        display: inline-block;
        padding: .6rem;
        width: 20%;
        min-height: 73px;
    }

        table#cart tbody td:nth-child(3) {
            padding-left: 15px;
            width: 30%;
        }

    table#cart tbody tr td:first-child {
        display: block;
        width: 100%;
        background: #333;
        color: #fff;
    }

    table#cart tbody tr td:last-child {
        border-top: 1px solid #ddd;
        width: 28%;
    }

    table#cart tbody td:before {
        content: attr(data-th);
        font-weight: bold;
        display: inline-block;
        width: 8rem;
    }

    table#cart tfoot td {
        display: block;
    }

        table#cart tfoot td .btn {
            display: block;
        }

    table#cart tbody .cartDescription {
        font-size: 11px;
    }

    .form-horizontal.total-form .form-group {
        text-align: right;
    }

    #applyCodeButton, #estimateShipping {
        float: right;
    }
}

.review .review-header {
    padding: 8px 0;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-radius: 5px 5px 0 0;
    font-size: 12px;
    background: #dedede;
    background: -moz-linear-gradient(top,#dedede 0,#cecece 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#dedede),color-stop(100%,#cecece));
    background: -webkit-linear-gradient(top,#dedede 0,#cecece 100%);
    background: -o-linear-gradient(top,#dedede 0,#cecece 100%);
    background: -ms-linear-gradient(top,#dedede 0,#cecece 100%);
    background: linear-gradient(top,#dedede 0,#cecece 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dedede',endColorstr='#cecece',GradientType=0);
}

.review .review-row {
    padding: 8px 0;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

    .review .review-row img {
        width: 100%;
        max-width: 175px;
    }

.review .currency-field {
    text-align: right;
}

.review .currency-header {
    text-align: right;
}

.continue-row {
    margin-top: -10px;
}

.shipping-options {
    border: 1px solid #CCC;
    border-radius: 5px 5px 0 0;
    font-size: 12px;
    margin-top: 10px;
}

    .shipping-options span {
        width: 100%;
        display: block;
        padding: 5px 35px;
    }

    .shipping-options table {
        margin-bottom: 0;
    }

    .shipping-options .table > tbody > tr > td {
        padding-top: 0;
        padding-bottom: 0;
    }

    .shipping-options .table label {
        margin-top: 2px;
    }

    .shipping-options .shippingOptions input {
        float: left;
        margin-top: 6px;
    }

    .shipping-options .shippingOptions label {
        margin-left: 16px;
        margin-top: 4px;
    }

.shipping-handling span {
    font-weight: normal;
    font-size: 12px;
}