@charset "UTF-8";
/* CSS Document */



@media only screen and (max-width: 600px) {

    .desktop {
        /*display: none;*/
    }

    h2 {
        font-size: 26px;
        letter-spacing: -1.5px;
    }

    h3 {
        font-size: 18px
    }

    h1 {
        font-size: 30px;
        line-height: 20px;
    }

    td h3 {
        font-size: 14px;
    }

    .customer_info h3 {
        font-size: 14px;
    }

    .modal-content {
        width: 600px;
    }
}


@media only screen and (min-width: 600px) {
    .mobile {
    }
}

.desktop .mobileonly {
    display: none
}

.desktop .cart_summary {
    display: none;
}

.desktop .btnsMobile {
    display: none;
}

#basket_container {
    padding-left: 20px;
    padding-right: 20px;
}

    #basket_container h2 {
        line-height: 64px;
    }



.eRoofs label {
    color: #FF327A !important
}

.active {
    color: #35353f;
    font-weight: bold
}

.notactive {
    border-bottom: 1px #eee solid;
    color: #35353f;
}

#other_pay {
    padding-top: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
}

    #other_pay i {
        font-size: 26px;
        padding-right: 5px;
    }

    #other_pay a {
        background-color: #FF8A00;
        padding: 10px;
        padding-top: 16px;
        border-radius: 5px;
        text-decoration: none;
        color: #FFFFFF;
    }

        #other_pay a:hover {
            background-color: #35353f;
            text-decoration: none;
            color: #FFFFFF;
        }

.order_Summary {
}

.cart_summary {
}

    .cart_summary th {
        font-size: 10px;
        text-align: left;
        font-weight: bold;
        background-color: #35353f;
        padding: 5px;
        color: #FFFFFF
    }

    .cart_summary td {
        font-size: 10px;
        padding: 5px;
    }

    .cart_summary tr:nth-child(even) {
        background: #eee
    }

    .cart_summary tr:nth-child(odd) {
        background: #FFF
    }

.cost_summary {
    border-top: 1px solid #eee;
}

.pbl {
}

.cart_summary_pbl {
    margin-top: 0px;
}

    .cart_summary_pbl th {
        font-size: 14px;
        /*text-align: left;*/
        font-weight: bold;
        background-color: #35353f;
        padding: 5px;
        color: #FFFFFF
    }

    .cart_summary_pbl td {
        font-size: 14px;
        padding: 5px;
    }

    .cart_summary_pbl tr:nth-child(even) {
        background: #eee
    }

    .cart_summary_pbl tr:nth-child(odd) {
        background: #FFF
    }



.cost_summary td {
    border-bottom: 1px solid #eee;
    padding-top: 5px;
    padding-bottom: 5px;
}


.cost_summary .total {
    padding-top: 60px;
    padding-bottom: 10px;
    font-size: 24px;
    font-weight: bold;
    border-bottom: 1px solid #eee
}

.mobile .cost_summary .total {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 24px;
    font-weight: bold;
    border-bottom: 1px solid #eee
}

.cost_summary .totalprice {
    color: #FF8A00
}

.customer_info {
    padding-top: 20px;
    border-bottom: 1px solid #eee;
}

    .customer_info h3 {
        font-size: 18px;
        line-height: 12px;
    }

    .customer_info input {
        font-size: 18px
    }

#customer_info_tabs td {
    padding-top: 25px;
    padding-bottom: 25px;
}


.delivery_info {
}

    .delivery_info input {
        padding: 16px;
        font-size: 18px
    }

.button_disabled {
    background-color: #eee;
    border-radius: 5px;
    padding: 5px;
    text-align: center
}

.button_active {
    background-color: #FF8A00;
    padding: 15px;
    text-decoration: none;
    color: #FFFFFF;
    width: 80%;
    font-family: 'Francois One', sans-serif !important;
    font-size: 18px;
    text-align: center;
    text-transform: uppercase;
    border: none;
}

    .button_active:hover {
        background-color: #35353f
    }

.isSticky {
    position: -webkit-sticky;
    position: sticky;
    top: 70px;
}

#basket_breadcrumb {
}

    #basket_breadcrumb td {
        background-color: #FFFFFF;
        padding-top: 25px;
        padding-bottom: 25px;
    }

.required {
    color: #FF8A00;
}

#required_note {
    float: right
}

.delivery_instructions {
    margin-bottom: 30px;
}

    .delivery_instructions textarea {
        width: 100%;
        height: 320px;
    }

.warning {
    color: #FF8A00;
    font-size: 14px;
    font-weight: bold
}

.basket_footer {
    background-color: #FF8A00;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 25px;
    padding-right: 25px;
    font-size: 18px;
    font-family: 'Francois One', sans-serif !important;
    letter-spacing: -1px;
}

    .basket_footer a {
        color: #FFFFFF;
        text-transform: uppercase;
    }

.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

    /* Hide default HTML checkbox */
    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 26px;
        width: 26px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }


input:focus + .slider {
    box-shadow: 0 0 1px #FF8A00;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }

.invisible {
    display: none
}

.isvisible {
    display: contents
}

#subtotal_incvat_price {
    font-size: 16px;
    font-weight: bold;
    border: none;
    background-color: #fff;
}

#delivery_price {
    font-size: 16px;
    font-weight: bold;
    border: none;
    background-color: #FFFFFF;
}

#total_price_inc_vat {
    font-size: 24px;
    font-weight: bold;
    border: none;
    background-color: #FFFFFF;
}

#total_price_ex_vat {
    font-size: 24px;
    font-weight: bold;
    border: none;
    background-color: #FFFFFF;
}

.eRoofs #total_price_ex_vat {
    font-size: 24px;
    font-weight: bold;
    border: none;
    background-color: #FFFFFF;
}


.divider {
    width: 90%;
    border-bottom: 1px solid #eee;
}


.input-gbp {
    position: relative;
}

    .input-gbp.left input {
        padding-left: 20px;
    }

    .input-gbp.right input {
        padding-right: 18px;
        text-align: end;
    }

    .input-gbp:before {
        position: absolute;
        top: 0;
        content: "£";
        font-weight: bold;
    }

    .input-gbp.left:before {
        left: 5px;
    }

    .input-gbp.right:before {
        right: 5px;
    }


#delivery_charges {
    font-size: 10px;
    text-align: center;
}

#cart_table {
}

    #cart_table th {
        background-color: #35353f;
        color: #fff;
        padding: 6px;
        font-size: 12px;
    }

    #cart_table td {
        border-bottom: 1px solid #eee;
        padding: 10px;
    }

    #cart_table input {
    }


    #cart_table .qty_input {
        width: 60px;
        padding: 5px;
    }





    #cart_table .product_code {
        font-size: 10px;
        font-weight: bold;
        position: relative;
        top: 25px;
    }

#voucher_input {
    padding: 5px;
}


    #voucher_input input {
        font-size: 14px;
        padding: 5px;
        background-color: #eee;
        border: none
    }


.mobile h2 {
    font-size: 28px;
    letter-spacing: -1px;
}

.mobile h3 {
    font-size: 14px;
    letter-spacing: -0.5px;
}

.mobile h1 {
    font-size: 28px;
    letter-spacing: -1px;
}

.mobile #other_pay {
    width: auto;
}

    .mobile #other_pay img {
        width: 80%;
        height: auto;
    }

.desktop #other_pay img {
    width: 60%;
    height: auto;
}




.mobile #other_pay div {
    width: 100%;
}

.mobile .customer_info input {
    padding: 0px;
}

#delcharges-apply {
    font-size: 10px;
}

.btn-link {
    color: #35353f !important;
    text-decoration: none !important
}

.checkout-table-1 td {
    background-color: #eee;
    padding: 8px;
}

.mobile table {
    border-collapse: separate !important
}

    .mobile table input {
        padding: 3px;
    }

.mobile #checkout-table td {
    border-bottom: 1px solid #eee
}



#mobile_basket_Total {
    margin-top: 20px;
}

.mobile .mobile_button_active {
    width: 100%;
}

.mobile_button_active {
    background-color: #FF8A00;
    padding: 13px;
    text-decoration: none;
    color: #FFFFFF;
    width: 100%;
    font-family: 'Francois One', sans-serif !important;
    font-size: 14px;
    line-height: 12px;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: -0.5px;
    border: 1px solid #000000;
    -moz-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
    -webkit-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
    box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
}


.eRoofs .mobile_button_active {
    background-color: #FF327A;
    padding: 13px;
    text-decoration: none;
    color: #FFFFFF;
    width: 100%;
    font-family: 'Francois One', sans-serif !important;
    font-size: 14px;
    line-height: 12px;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: -0.5px;
    border: 1px solid #000000;
    -moz-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
    -webkit-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
    box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
}



.mobile_button_active:hover {
    background-color: #F0FF00;
    color: #35353F;
}

.desktop .mobile_button_active {
    width: 100%;
}

.mobile #button_editBasket {
    width: 100% !important;
}

.button_active:hover {
    text-decoration: none;
}


.zigzag-outside {
    position: relative;
    margin-top: 4px;
    margin-bottom: 4px;
    background-color: #eeeeee;
    /* example content */
    padding: 1em;
    font: bold medium sans-serif;
    color: #FFFFFF;
}

    .zigzag-outside:before {
        content: "";
        position: absolute;
        top: -4px;
        left: 0;
        right: 0;
        height: 4px;
        /*  up pointing triangle */
        background-image: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228px%22%20height%3D%224px%22%3E%3Cpolygon%20points%3D%220%2C4%204%2C0%208%2C4%22%20fill%3D%22%23eeeeee%22%2F%3E%3C%2Fsvg%3E");
    }

    .zigzag-outside:after {
        content: "";
        position: absolute;
        bottom: -4px;
        left: 0;
        right: 0;
        height: 4px;
        /*  down pointing triangle */
        background-image: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228px%22%20height%3D%224px%22%3E%3Cpolygon%20points%3D%220%2C0%204%2C4%208%2C0%22%20fill%3D%22%23eeeeee%22%2F%3E%3C%2Fsvg%3E");
    }

#bank_details {
    background-color: #eee;
    border-radius: 4px;
    padding: 8px;
    margin-top: 10px;
    margin-bottom: 10px;
}

    #bank_details div {
        background-color: #FFFFFF;
        padding: 5px;
        margin-bottom: 2px;
    }

#related_holder {
    margin-left: 20px;
    background-color: #eeeeee;
    padding: 20px;
    height: 100%;
}

    #related_holder h2 {
        font-size: 22px;
        line-height: 20px;
        letter-spacing: -1px;
    }

    #related_holder h3 {
        font-family: "Arial", "sans-serif";
        font-size: 12px;
    }


    #related_holder td {
        border-bottom: 1px solid #fff;
        padding: 5px;
    }

    #related_holder img {
        height: 30px;
        margin-right: 1px;
        border: 1px solid #999;
    }

.mobile #delivery_address {
    width: 100%
}

.desktop #delivery_address {
    width: 100%
}

#delivery_address td {
    padding: 3px;
    font-weight: bold;
}

#delivery_address input {
    border: 1px solid #eee;
    padding: 5px;
}


.mobile #delivery_address input {
    background-color: #eee;
    width: 86%;
}

.desktop #delivery_address input {
    background-color: #eee;
    width: 92%;
}

.delinst {
    padding-top: 10px;
}

    .delinst textarea {
        margin-top: 5px;
        width: 100%;
        height: 159px;
        border: 1px solid #35353F;
        padding: 10px;
    }



#find_address {
    font-weight: bold;
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
    padding-bottom: 20px;
}

.mobile #customer_info_table {
    width: 100%
}

.desktop #customer_info_table {
    width: 50%;
}


#customer_info_table td {
    padding: 3px;
}

#customer_info_table input {
    width: 92%;
    background-color: #eee;
    border: 1px solid #eee;
    padding: 5px;
}

.mobile #customer_info_table input {
    width: 86%
}


#billing_address {
    padding-top: 5px;
    width: 100%
}

.desktop #billing_info {
    width: 50%;
}

.mobile #billing_info {
    width: 100%;
}

    .mobile #billing_info input {
        width: 86%
    }



#billing_address td {
    padding: 3px;
}

#billing_address input {
    width: 92%;
    background-color: #eee;
    border: 1px solid #eee;
    padding: 5px;
}

.mobile #billing_address input {
}

#billing_info td {
    padding: 3px;
}

.eRoofs .required {
    color: #FF327A;
}

.required {
    margin-left: 10px;
    font-size: 18px;
}

.required_note {
    font-style: italic;
    margin-top: 20px;
    border-top: 1px solid #eee
}

.settingshead {
    padding: 10px;
}

.desktop #billing_info {
    position: relative;
    top: -310px;
    margin-left: 520px;
}

.desktop #switch-holder {
    width: 15%
}

.mobile #switch-holder {
    width: 25%
}



/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 70px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 90%;
    min-height: 150px;
}

.desktop .modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 25%;
}


/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

    .close:hover,
    .close:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
    }

.desktop .card-header i {
    padding-right: 20px;
}

.eRoofs #paynow-submit-btn {
    background-color: #FF327A;
}


#paynow-submit-btn {
    font-family: 'Francois One', sans-serif !important;
    font-size: 18px;
    background-color: #FF8A00;
    padding: 15px;
    color: #FFFFFF;
    width: 100%;
    border: none
}

    #paynow-submit-btn:disabled,
    #paynow-submit-btn[disabled] {
        border: none;
        background-color: #cccccc;
        color: #eee;
        pointer-events: none;
    }

.desktop #payment_options_holder {
    width: 100%;
    margin-top: 20px;
}


.mobile #payment_options_holder {
    width: 100%;
    margin-top: 5px;
}

.desktop #payment_options {
    margin-left: 20px;
    width: 96%;
    padding-right: 20px;
    padding-left: 20px;
    background-color: #eee;
    padding-top: 10px;
    padding-bottom: 10px;
    min-height: 250px;
}

.mobile #payment_options {
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
    background-color: #eee;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    margin-bottom: 20px;
}

.mobile .payment-note {
    font-size: 10px;
}

.desktop #payment_options input {
    padding: 3px;
    font-size: 16px;
    font-weight: bold
}

.desktop #payment_options select {
    padding: 3px;
    font-size: 16px;
    font-weight: bold
}

.desktop #payment_options td {
    height: 33px;
    line-height: 16px;
    text-align: left
}

#payment_options td {
    height: 33px;
    line-height: 16px;
    text-align: left
}

.desktop .panel-payment {
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 20px;
}

.desktop .panel-billing {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 30px;
}

.pbl {
    padding-bottom: 20px;
}

#newsletter-signup {
    margin-top: 10px;
    margin-bottom: 5px;
    padding-bottom: 20px;
    width: 50%
}

    #newsletter-signup h2 {
        font-size: 1.5em;
        letter-spacing: -1px;
    }

.desktop #newsletter-signup {
    padding-top: 10px;
    padding-bottom: 20px;
    padding-left: 10px;
}


.mobile #newsletter-signup {
    padding-top: 10px;
    padding-bottom: 20px;
    padding-left: 10px;
    width: 100%;
}


.mobile #login-table {
    width: 100%
}

.desktop #login-table {
    width: 50%
}

#login-table td {
    padding: 3px;
}

#login-table input {
    background-color: #eee;
    border: 1px solid #eee;
    width: 100%;
    padding: 5px;
}

#voucher_holder {
    border-bottom: 1px solid #eee;
}

    #voucher_holder input {
        background-color: #eee;
        padding: 10px;
        border: 1px solid #35353F;
    }

.mobile #voucher_holder {
    width: 100%
}



.desktop #voucher_holder {
    width: 100%
}

.mobile #cart_cell {
    width: 100%;
}

.desktop #cart_cell {
    width: 70%;
}

.assistance_info {
    border: 1px solid #eee;
    padding: 20px;
    text-align: center;
    margin-left: 20px;
    margin-top: 10px;
    padding-bottom: 50px;
}

#price_totals_holder {
    padding: 10px;
}

.mobile #voucher_text_input {
    width: 120px;
}

#basket_totals {
    border: 1px solid #eee;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 5px;
    margin-top: 10px
}

.desktop #basket_totals {
    border: 1px solid #eee;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    margin-top: 10px
}

#basket_totals h2 {
}

#basket_options {
}

    #basket_options img {
        width: 49%;
        float: left;
        margin: 1px
    }

#voucher_added_note {
    font-family: 'Francois One', sans-serif !important;
    text-transform: uppercase;
    text-align: center;
    padding: 4px;
    opacity: 0;
    background-color: #F0FF00;
    overflow: hidden;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    border-radius: 10px;
    margin-top: 2px;
    margin-bottom: 2px;
}


.mobile #voucher_added_note {
    width: 100%;
    margin-top: 11px;
    margin-bottom: 12px;
}

.desktop #voucher_added_note {
    width: 30%;
}


#voucher_added_note.voucher_added {
    visibility: visible;
    opacity: 100;
}

#voucher_inputfield {
    width: 90%;
}

.mobile #voucher_cell {
}

.mobile #voucher_title {
    width: 50px;
}

.mobile #voucher_btn {
    width: 50px;
}

#btn_apply_voucher {
    white-space: nowrap;
}

.mobile #btn_apply_voucher {
    min-width: 120px;
}

.mobile #voucher_holder h3 {
    font-style: 36px;
}



#del_check_note {
    font-family: 'Francois One', sans-serif !important;
    text-align: center;
    padding: 4px;
    opacity: 100;
    background-color: #F0FF00;
    text-transform: uppercase;
    overflow: hidden;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    border-radius: 10px;
    margin-top: 2px;
    margin-bottom: 2px;
}


#del_check_note_mb {
    font-family: 'Francois One', sans-serif !important;
    text-align: center;
    padding: 4px;
    opacity: 100;
    background-color: #F0FF00;
    text-transform: uppercase;
    overflow: hidden;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    border-radius: 10px;
    margin-top: 2px;
    margin-bottom: 2px;
    width: 100%;
}

.desktop #del_check_note_mb {
    display: none
}

#del_check_charge_yes {
    font-family: 'Francois One', sans-serif !important;
    text-align: center;
    padding: 4px;
    opacity: 0;
    background-color: #F0FF00;
    text-transform: uppercase;
    overflow: hidden;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    border-radius: 10px;
    margin-top: 2px;
    margin-bottom: 2px;
    height: 0px;
}



    #del_check_charge_yes.charge_yes {
        visibility: visible;
        opacity: 100;
        height: 28px;
    }


.desktop #del_check_charge_yes_mb {
    display: none;
}

#del_check_charge_yes_mb {
    font-family: 'Francois One', sans-serif !important;
    text-align: center;
    padding: 4px;
    opacity: 0;
    background-color: #F0FF00;
    text-transform: uppercase;
    overflow: hidden;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    border-radius: 10px;
    margin-top: 2px;
    margin-bottom: 2px;
    width: 100%;
}



    #del_check_charge_yes_mb.charge_yes {
        visibility: visible;
        opacity: 100;
    }





#del_check_charge_no {
    font-family: 'Francois One', sans-serif !important;
    text-align: center;
    padding: 4px;
    opacity: 0;
    background-color: #F0FF00;
    text-transform: uppercase;
    overflow: hidden;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    border-radius: 10px;
    margin-top: 2px;
    margin-bottom: 2px;
    height: 0px;
}



    #del_check_charge_no.charge_no {
        visibility: visible;
        opacity: 100;
        height: 28px;
    }



.desktop #del_check_charge_no_mb {
    display: none
}

#del_check_charge_no_mb {
    font-family: 'Francois One', sans-serif !important;
    text-align: center;
    padding: 4px;
    opacity: 0;
    background-color: #F0FF00;
    text-transform: uppercase;
    overflow: hidden;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    border-radius: 10px;
    margin-top: 2px;
    margin-bottom: 2px;
}



    #del_check_charge_no_mb.charge_no {
        visibility: visible;
        opacity: 100;
    }





.mobile #total_cell {
    width: 30%
}

.zigzag2 {
    height: 60px;
    padding: 10px;
    background: linear-gradient(-135deg, #eee 5px, transparent 0) 0 5px, linear-gradient(135deg, #eee 5px, #fff 0) 0 5px;
    background-color: #eee;
    background-position: left bottom;
    background-repeat: repeat-x;
    background-size: 10px 10px;
}

#delcharge_topnote {
    width: 50%;
    padding-top: 10px;
    padding-bottom: 10px;
}

.mobile #total_price_inc_vat {
    background-color: #fff;
    width: 80%;
    margin-top: 8px;
}

.mobile #total_price_ex_vat {
    background-color: #fff;
    width: 80%;
    margin-top: 8px;
}

.mobile #subtotal_cell {
    padding-right: 10px;
}

#txtPostcodeMain {
    background-color: #eee;
    border: 1px solid #35353F;
    padding: 10px;
}

.phone-number {
    font-weight: bold;
    color: #FF8A00
}

.eRoofs .phone-number {
    color: #FF327A
}

.fa-minus-circle {
    color: #FF0004
}

.eRoofs .payment-icon {
    color: #FF327A
}

.payment-icon {
    color: #FF8A00
}

.desktop .cart_summary_receipt {
    font-size: 12px;
}

#popup-delprice {
    color: #FF8A00
}

.eRoofs #popup-delprice {
    color: #FF327A
}

.popup-maxprice {
    width: 50px;
    height: 50px;
    background-image: url("../img/delivery_icon_max.png");
    background-position: center;
    background-repeat: no-repeat;
}


.eRoofs .popup-maxprice {
    width: 50px;
    height: 50px;
    background-image: url("../img/delivery_icon_max_er.png");
    background-position: center;
    background-repeat: no-repeat;
}

.popup-postcode-maxprice {
    background-image: url("../img/delivery_text_max.png");
    background-position: center;
    background-repeat: no-repeat;
    width: 101px;
    height: 10px;
}



.eRoofs .popup-postcode-maxprice {
    background-image: url("../img/delivery_text_max_er.png");
    background-position: center;
    background-repeat: no-repeat;
    width: 101px;
    height: 10px;
}

#whereheard-comments {
    width: 100%;
    height: 80px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.mobile #payment_options select {
    font-size: 14px;
}