/*
    Main text color: #474b85
    Header, footer color:  #c1d1d1
*/


body {
    background: #f7ffff;
    color: #111111;
}

input, select, textarea {
    color: #474b85;
}

a {
    color: #474b85;
}

strong, b {
    color: #474b85;
}

h1, h2, h3, h4, h5, h6 {
    color: #474b85;
}

blockquote {
    border-left-color: #474b85;
}

code {
    background: none;
    border-color: #474b85;
}

hr {
    border-bottom-color: #474b85;
}

.box {
    border-color: #474b85;
}


input[type="submit"],
input[type="reset"],
input[type="button"],
button,
.button {
    background-color: #266abd;
    color: #ffffff;
}

    input[type="submit"]:hover,
    input[type="reset"]:hover,
    input[type="button"]:hover,
    button:hover,
    .button:hover {
        background-color: #1a58a6;
    }

    input[type="submit"]:active,
    input[type="reset"]:active,
    input[type="button"]:active,
    button:active,
    .button:active {
        background-color: #2bace4;
    }

    input[type="submit"].alt,
    input[type="reset"].alt,
    input[type="button"].alt,
    button.alt,
    .button.alt {
        background-color: transparent;
        box-shadow: inset 0 0 0 2px #474b85;
        color: #474b85;
    }

        input[type="submit"].alt:hover,
        input[type="reset"].alt:hover,
        input[type="button"].alt:hover,
        button.alt:hover,
        .button.alt:hover {
            background: #fceced;
        }

        input[type="submit"].alt:active,
        input[type="reset"].alt:active,
        input[type="button"].alt:active,
        button.alt:active,
        .button.alt:active {
            background-color: #f9dadb;
        }

        input[type="submit"].alt.icon:before,
        input[type="reset"].alt.icon:before,
        input[type="button"].alt.icon:before,
        button.alt.icon:before,
        .button.alt.icon:before {
            color: #717171;
        }

    input[type="submit"].special,
    input[type="reset"].special,
    input[type="button"].special,
    button.special,
    .button.special {
        background-color: #474b85;
        color: #ffffff;
    }

        input[type="submit"].special:hover,
        input[type="reset"].special:hover,
        input[type="button"].special:hover,
        button.special:hover,
        .button.special:hover {
            background-color: #e85d61;
        }

        input[type="submit"].special:active,
        input[type="reset"].special:active,
        input[type="button"].special:active,
        button.special:active,
        .button.special:active {
            background-color: #e23135;
        }


label {
    color: #474b85;
}

input[type="text"],
input[type="password"],
input[type="email"],
select,
textarea {
    background: none;
    border-color: #fceced;
}

    input[type="text"]:focus,
    input[type="password"]:focus,
    input[type="email"]:focus,
    select:focus,
    textarea:focus {
        border-color: #474b85;
        box-shadow: 0 0 0 1px #474b85;
    }

.select-wrapper:before {
    color: #474b85;
}

input[type="checkbox"] + label,
input[type="radio"] + label {
    color: #111111;
}

    input[type="checkbox"] + label:before,
    input[type="radio"] + label:before {
        background: none;
        border-color: #474b85;
    }

input[type="checkbox"]:checked + label:before,
input[type="radio"]:checked + label:before {
    background-color: #474b85;
    border-color: #474b85;
    color: #ffffff;
}

input[type="checkbox"]:focus + label:before,
input[type="radio"]:focus + label:before {
    border-color: #474b85;
    box-shadow: 0 0 0 1px #474b85;
}

::-webkit-input-placeholder {
    color: #717171 !important;
}

:-moz-placeholder {
    color: #717171 !important;
}

::-moz-placeholder {
    color: #717171 !important;
}

:-ms-input-placeholder {
    color: #717171 !important;
}

.formerize-placeholder {
    color: #717171 !important;
}

ul.alt li {
    border-top-color: #474b85;
}

table tbody tr {
    border-color: #474b85;
}

    table tbody tr:nth-child(2n + 1) {
        background-color: none;
    }

table th {
    color: #474b85;
}

table thead {
    border-bottom-color: #474b85;
}

table tfoot {
    border-top-color: #474b85;
}

table.alt tbody tr td {
    border-color: #474b85;
}


.wrapper.style1 {
    background-color: #474b85;
    color: #f2a3a5;
}

    .wrapper.style1 input, .wrapper.style1 select, .wrapper.style1 textarea {
        color: #ffffff;
    }

    .wrapper.style1 a {
        color: #ffffff;
    }

    .wrapper.style1 strong, .wrapper.style1 b {
        color: #ffffff;
    }

    .wrapper.style1 h1, .wrapper.style1 h2, .wrapper.style1 h3, .wrapper.style1 h4, .wrapper.style1 h5, .wrapper.style1 h6 {
        color: #fff;
    }

    .wrapper.style1 blockquote {
        border-left-color: #fff;
    }

    .wrapper.style1 code {
        background: none;
        border-color: #fff;
    }

    .wrapper.style1 hr {
        border-bottom-color: #fff;
    }

    .wrapper.style1 .box {
        border-color: #fff;
    }

    .wrapper.style1 input[type="submit"],
    .wrapper.style1 input[type="reset"],
    .wrapper.style1 input[type="button"],
    .wrapper.style1 button,
    .wrapper.style1 .button {
        background-color: #5a5a5a;
        color: #ffffff !important;
    }

        .wrapper.style1 input[type="submit"]:hover,
        .wrapper.style1 input[type="reset"]:hover,
        .wrapper.style1 input[type="button"]:hover,
        .wrapper.style1 button:hover,
        .wrapper.style1 .button:hover {
            background-color: #676767;
        }

        .wrapper.style1 input[type="submit"]:active,
        .wrapper.style1 input[type="reset"]:active,
        .wrapper.style1 input[type="button"]:active,
        .wrapper.style1 button:active,
        .wrapper.style1 .button:active {
            background-color: #4d4d4d;
        }

        .wrapper.style1 input[type="submit"].alt,
        .wrapper.style1 input[type="reset"].alt,
        .wrapper.style1 input[type="button"].alt,
        .wrapper.style1 button.alt,
        .wrapper.style1 .button.alt {
            background-color: transparent;
            box-shadow: inset 0 0 0 2px #fff;
            color: #ffffff !important;
        }

            .wrapper.style1 input[type="submit"].alt:hover,
            .wrapper.style1 input[type="reset"].alt:hover,
            .wrapper.style1 input[type="button"].alt:hover,
            .wrapper.style1 button.alt:hover,
            .wrapper.style1 .button.alt:hover {
                background: rgba(255, 255, 255, 0.25);
            }

            .wrapper.style1 input[type="submit"].alt:active,
            .wrapper.style1 input[type="reset"].alt:active,
            .wrapper.style1 input[type="button"].alt:active,
            .wrapper.style1 button.alt:active,
            .wrapper.style1 .button.alt:active {
                background-color: rgba(255, 255, 255, 0.2);
            }

            .wrapper.style1 input[type="submit"].alt.icon:before,
            .wrapper.style1 input[type="reset"].alt.icon:before,
            .wrapper.style1 input[type="button"].alt.icon:before,
            .wrapper.style1 button.alt.icon:before,
            .wrapper.style1 .button.alt.icon:before {
                color: #f8d1d2;
            }

        .wrapper.style1 input[type="submit"].special,
        .wrapper.style1 input[type="reset"].special,
        .wrapper.style1 input[type="button"].special,
        .wrapper.style1 button.special,
        .wrapper.style1 .button.special {
            background-color: #ffffff;
            color: #474b85 !important;
        }

    .wrapper.style1 label {
        color: #ffffff;
    }

    .wrapper.style1 input[type="text"],
    .wrapper.style1 input[type="password"],
    .wrapper.style1 input[type="email"],
    .wrapper.style1 select,
    .wrapper.style1 textarea {
        background: none;
        border-color: rgba(255, 255, 255, 0.25);
    }

        .wrapper.style1 input[type="text"]:focus,
        .wrapper.style1 input[type="password"]:focus,
        .wrapper.style1 input[type="email"]:focus,
        .wrapper.style1 select:focus,
        .wrapper.style1 textarea:focus {
            border-color: #ffffff;
            box-shadow: 0 0 0 1px #ffffff;
        }

    .wrapper.style1 .select-wrapper:before {
        color: #fff;
    }

    .wrapper.style1 input[type="checkbox"] + label,
    .wrapper.style1 input[type="radio"] + label {
        color: #f2a3a5;
    }

        .wrapper.style1 input[type="checkbox"] + label:before,
        .wrapper.style1 input[type="radio"] + label:before {
            background: none;
            border-color: #fff;
        }

    .wrapper.style1 input[type="checkbox"]:checked + label:before,
    .wrapper.style1 input[type="radio"]:checked + label:before {
        background-color: #ffffff;
        border-color: #ffffff;
        color: #474b85;
    }

    .wrapper.style1 input[type="checkbox"]:focus + label:before,
    .wrapper.style1 input[type="radio"]:focus + label:before {
        border-color: #ffffff;
        box-shadow: 0 0 0 1px #ffffff;
    }

    .wrapper.style1 ::-webkit-input-placeholder {
        color: #f8d1d2 !important;
    }

    .wrapper.style1 :-moz-placeholder {
        color: #f8d1d2 !important;
    }

    .wrapper.style1 ::-moz-placeholder {
        color: #f8d1d2 !important;
    }

    .wrapper.style1 :-ms-input-placeholder {
        color: #f8d1d2 !important;
    }

    .wrapper.style1 .formerize-placeholder {
        color: #f8d1d2 !important;
    }

    .wrapper.style1 ul.alt li {
        border-top-color: #fff;
    }

    .wrapper.style1 header p {
        color: #f8d1d2;
    }

    .wrapper.style1 table tbody tr {
        border-color: #fff;
    }

        .wrapper.style1 table tbody tr:nth-child(2n + 1) {
            background-color: none;
        }

    .wrapper.style1 table th {
        color: #ffffff;
    }

    .wrapper.style1 table thead {
        border-bottom-color: #fff;
    }

    .wrapper.style1 table tfoot {
        border-top-color: #fff;
    }

    .wrapper.style1 table.alt tbody tr td {
        border-color: #fff;
    }

.wrapper.style2 {
    background-color: #5a5a5a;
    color: #d5d5d5;
}

    .wrapper.style2 input, .wrapper.style2 select, .wrapper.style2 textarea {
        color: #ffffff;
    }

    .wrapper.style2 a {
        color: #474b85;
    }

    .wrapper.style2 strong, .wrapper.style2 b {
        color: #ffffff;
    }

    .wrapper.style2 blockquote {
        border-left-color: rgba(255, 255, 255, 0.15);
    }

    .wrapper.style2 code {
        background: rgba(255, 255, 255, 0.075);
        border-color: rgba(255, 255, 255, 0.15);
    }

    .wrapper.style2 hr {
        border-bottom-color: rgba(255, 255, 255, 0.15);
    }

    .wrapper.style2 .box {
        border-color: rgba(255, 255, 255, 0.15);
    }

    .wrapper.style2 input[type="submit"],
    .wrapper.style2 input[type="reset"],
    .wrapper.style2 input[type="button"],
    .wrapper.style2 button,
    .wrapper.style2 .button {
        background-color: #ffffff;
        color: #5a5a5a !important;
    }

        .wrapper.style2 input[type="submit"].alt,
        .wrapper.style2 input[type="reset"].alt,
        .wrapper.style2 input[type="button"].alt,
        .wrapper.style2 button.alt,
        .wrapper.style2 .button.alt {
            background-color: transparent;
            box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.15);
            color: #ffffff !important;
        }

            .wrapper.style2 input[type="submit"].alt:hover,
            .wrapper.style2 input[type="reset"].alt:hover,
            .wrapper.style2 input[type="button"].alt:hover,
            .wrapper.style2 button.alt:hover,
            .wrapper.style2 .button.alt:hover {
                background: rgba(255, 255, 255, 0.5);
            }

            .wrapper.style2 input[type="submit"].alt:active,
            .wrapper.style2 input[type="reset"].alt:active,
            .wrapper.style2 input[type="button"].alt:active,
            .wrapper.style2 button.alt:active,
            .wrapper.style2 .button.alt:active {
                background-color: rgba(255, 255, 255, 0.2);
            }

            .wrapper.style2 input[type="submit"].alt.icon:before,
            .wrapper.style2 input[type="reset"].alt.icon:before,
            .wrapper.style2 input[type="button"].alt.icon:before,
            .wrapper.style2 button.alt.icon:before,
            .wrapper.style2 .button.alt.icon:before {
                color: #bdbdbd;
            }

        .wrapper.style2 input[type="submit"].special,
        .wrapper.style2 input[type="reset"].special,
        .wrapper.style2 input[type="button"].special,
        .wrapper.style2 button.special,
        .wrapper.style2 .button.special {
            background-color: #474b85;
            color: #ffffff !important;
        }

            .wrapper.style2 input[type="submit"].special:hover,
            .wrapper.style2 input[type="reset"].special:hover,
            .wrapper.style2 input[type="button"].special:hover,
            .wrapper.style2 button.special:hover,
            .wrapper.style2 .button.special:hover {
                background-color: #e85d61;
            }

            .wrapper.style2 input[type="submit"].special:active,
            .wrapper.style2 input[type="reset"].special:active,
            .wrapper.style2 input[type="button"].special:active,
            .wrapper.style2 button.special:active,
            .wrapper.style2 .button.special:active {
                background-color: #e23135;
            }

    .wrapper.style2 label {
        color: #ffffff;
    }

    .wrapper.style2 input[type="text"],
    .wrapper.style2 input[type="password"],
    .wrapper.style2 input[type="email"],
    .wrapper.style2 select,
    .wrapper.style2 textarea {
        background: rgba(255, 255, 255, 0.075);
        border-color: rgba(255, 255, 255, 0.5);
    }

        .wrapper.style2 input[type="text"]:focus,
        .wrapper.style2 input[type="password"]:focus,
        .wrapper.style2 input[type="email"]:focus,
        .wrapper.style2 select:focus,
        .wrapper.style2 textarea:focus {
            border-color: #474b85;
            box-shadow: 0 0 0 1px #474b85;
        }

    .wrapper.style2 .select-wrapper:before {
        color: rgba(255, 255, 255, 0.15);
    }

    .wrapper.style2 input[type="checkbox"] + label,
    .wrapper.style2 input[type="radio"] + label {
        color: #d5d5d5;
    }

        .wrapper.style2 input[type="checkbox"] + label:before,
        .wrapper.style2 input[type="radio"] + label:before {
            background: rgba(255, 255, 255, 0.075);
            border-color: rgba(255, 255, 255, 0.15);
        }

    .wrapper.style2 input[type="checkbox"]:checked + label:before,
    .wrapper.style2 input[type="radio"]:checked + label:before {
        background-color: #474b85;
        border-color: #474b85;
        color: #ffffff;
    }

    .wrapper.style2 input[type="checkbox"]:focus + label:before,
    .wrapper.style2 input[type="radio"]:focus + label:before {
        border-color: #474b85;
        box-shadow: 0 0 0 1px #474b85;
    }

    .wrapper.style2 ::-webkit-input-placeholder {
        color: #bdbdbd !important;
    }

    .wrapper.style2 :-moz-placeholder {
        color: #bdbdbd !important;
    }

    .wrapper.style2 ::-moz-placeholder {
        color: #bdbdbd !important;
    }

    .wrapper.style2 :-ms-input-placeholder {
        color: #bdbdbd !important;
    }

    .wrapper.style2 .formerize-placeholder {
        color: #bdbdbd !important;
    }

    .wrapper.style2 ul.alt li {
        border-top-color: rgba(255, 255, 255, 0.15);
    }

    .wrapper.style2 header p {
        color: #bdbdbd;
    }

    .wrapper.style2 table tbody tr {
        border-color: rgba(255, 255, 255, 0.15);
    }

        .wrapper.style2 table tbody tr:nth-child(2n + 1) {
            background-color: rgba(255, 255, 255, 0.075);
        }

    .wrapper.style2 table th {
        color: #ffffff;
    }

    .wrapper.style2 table thead {
        border-bottom-color: rgba(255, 255, 255, 0.15);
    }

    .wrapper.style2 table tfoot {
        border-top-color: rgba(255, 255, 255, 0.15);
    }

    .wrapper.style2 table.alt tbody tr td {
        border-color: rgba(255, 255, 255, 0.15);
    }


.navPanelToggle:before {
    color: #fff;
}

.navPanelToggle *:before {
    color: #fff;
}

#navPanel {
    color: #fff;
    background: #1c1c1c;
}

    #navPanel a:not(.close) {
        border-top: solid 1px rgba(255, 255, 255, 0.1);
        color: #fff;
    }

    #navPanel .close {
        color: #484848;
    }

#three .inner article p {
    color: #717171;
}

#three .inner article .icon {
    color: #b3b3b3;
}

/* Header */
header p {
    color: #717171;
}

#header {
    background: #c1d1d1;
    color: #d5d5d5;
}

    #header .logo {
        color: #474b85;
    }

        #header .logo:hover {
            color: rgba(229, 71, 75, 0.75);
        }

    #header a {
        color: #555;
    }


        #header a:hover {
            color: rgba(55, 55, 255, 0.75);
        }

/* Footer*/

#footer {
    background: #c1d1d1;
    color: #f2a3a5;
}

    #footer input, #footer select, #footer textarea {
        color: #ffffff;
    }

    #footer a {
        color: #555;
    }

    #footer strong, #footer b {
        color: #ffffff;
    }

    #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 {
        color: #fff;
    }

    #footer blockquote {
        border-left-color: #fff;
    }

    #footer code {
        background: none;
        border-color: #fff;
    }

    #footer hr {
        border-bottom-color: #fff;
    }

    #footer input[type="submit"],
    #footer input[type="reset"],
    #footer input[type="button"],
    #footer button,
    #footer .button {
        background-color: #5a5a5a;
        color: #ffffff !important;
    }

        #footer input[type="submit"]:hover,
        #footer input[type="reset"]:hover,
        #footer input[type="button"]:hover,
        #footer button:hover,
        #footer .button:hover {
            background-color: #676767;
        }

        #footer input[type="submit"]:active,
        #footer input[type="reset"]:active,
        #footer input[type="button"]:active,
        #footer button:active,
        #footer .button:active {
            background-color: #4d4d4d;
        }

        #footer input[type="submit"].alt,
        #footer input[type="reset"].alt,
        #footer input[type="button"].alt,
        #footer button.alt,
        #footer .button.alt {
            background-color: transparent;
            box-shadow: inset 0 0 0 2px #fff;
            color: #ffffff !important;
        }

            #footer input[type="submit"].alt:hover,
            #footer input[type="reset"].alt:hover,
            #footer input[type="button"].alt:hover,
            #footer button.alt:hover,
            #footer .button.alt:hover {
                background: rgba(255, 255, 255, 0.25);
            }

            #footer input[type="submit"].alt:active,
            #footer input[type="reset"].alt:active,
            #footer input[type="button"].alt:active,
            #footer button.alt:active,
            #footer .button.alt:active {
                background-color: rgba(255, 255, 255, 0.2);
            }

            #footer input[type="submit"].alt.icon:before,
            #footer input[type="reset"].alt.icon:before,
            #footer input[type="button"].alt.icon:before,
            #footer button.alt.icon:before,
            #footer .button.alt.icon:before {
                color: #f8d1d2;
            }

        #footer input[type="submit"].special,
        #footer input[type="reset"].special,
        #footer input[type="button"].special,
        #footer button.special,
        #footer .button.special {
            background-color: #ffffff;
            color: #474b85 !important;
        }

    #footer label {
        color: #ffffff;
    }

    #footer input[type="text"],
    #footer input[type="password"],
    #footer input[type="email"],
    #footer select,
    #footer textarea {
        background: none;
        border-color: rgba(255, 255, 255, 0.25);
    }

        #footer input[type="text"]:focus,
        #footer input[type="password"]:focus,
        #footer input[type="email"]:focus,
        #footer select:focus,
        #footer textarea:focus {
            border-color: #ffffff;
            box-shadow: 0 0 0 1px #ffffff;
        }

    #footer .select-wrapper:before {
        color: #fff;
    }

    #footer input[type="checkbox"] + label,
    #footer input[type="radio"] + label {
        color: #f2a3a5;
    }

        #footer input[type="checkbox"] + label:before,
        #footer input[type="radio"] + label:before {
            background: none;
            border-color: #fff;
        }

    #footer input[type="checkbox"]:checked + label:before,
    #footer input[type="radio"]:checked + label:before {
        background-color: #ffffff;
        border-color: #ffffff;
        color: #474b85;
    }

    #footer input[type="checkbox"]:focus + label:before,
    #footer input[type="radio"]:focus + label:before {
        border-color: #ffffff;
        box-shadow: 0 0 0 1px #ffffff;
    }

    #footer ::-webkit-input-placeholder {
        color: #f8d1d2 !important;
    }

    #footer :-moz-placeholder {
        color: #f8d1d2 !important;
    }

    #footer ::-moz-placeholder {
        color: #f8d1d2 !important;
    }

    #footer :-ms-input-placeholder {
        color: #f8d1d2 !important;
    }

    #footer .formerize-placeholder {
        color: #f8d1d2 !important;
    }

    #footer .copyright a {
        color: #f2a3a5;
    }

#notificationBanner {
    background-color: #04822c;
}

    #notificationBanner.error {
        background-color: #fd6b66;
    }

    #notificationBanner label {
        color: #fff;
    }

#breadcrumb {
    background-color: #fff;
    border-bottom: 1px solid #cacaca;
}

    #breadcrumb a span {
        color: #333;
    }


#content {
    background-color: #f5f5f5;
}


#warning {
    background-color: #ffe0b4;
}


.white_panel {
    background-color: #fff;
    box-shadow: 0 0 0 1px #eaeaea;
}

.btn_flat.is-disabled, .btn_flat[disabled] {
    cursor: default;
    background-color: #ddd !important;
    border-color: #ddd !important;
    color: #535353 !important;
}

.btn_flat--primary {
    background-color: #266abd;
    border-color: #266abd;
    color: #fff;
}

    .btn_flat--primary:hover {
        background-color: #1a58a6;
        border-color: #1a58a6;
    }

    .btn_flat--primary:active {
        border-color: #2bace4;
    }

.btn_flat--secondary {
    background-color: #fff;
    border-color: #266abd;
    color: #266abd;
}

    .btn_flat--secondary:hover {
        background-color: #dbebff;
        border-color: #1a58a6;
        color: #1a58a6;
    }

    .btn_flat--secondary:active {
        border-color: #2bace4;
    }

.btn_flat--third {
    background-color: #fff;
    border-color: #535353;
    color: #535353;
}

    .btn_flat--third:hover {
        color: #1a58a6;
    }

    .btn_flat--third:active {
        border-color: #2bace4;
    }

.radio_btn {
    background-color: #eaeaea;
}

.selected .radio_btn {
    border-color: #266abd;
}

    .selected .radio_btn:before {
        background-color: #266abd;
    }

.actions .submit {
    background-color: #266abd;
    color: #fff;
}

    .actions .submit:hover {
        background-color: #14509c;
    }

    .actions .submit.disabled:hover {
        background-color: #266abd !important;
    }


.warning {
    background-color: #f7e1a8;
    color: #333;
}

#popupOverlay {
    background-color: #000;
}


.checkout_wrap .note {
    background-color: #e0ffb4;
}

.checkout_wrap .status {
    background-color: #e0e0e0;
}

.basket_container h2, .basket_container .noItemsInBasketMessage, .basket_container .basketItemList, .basket_container .basketRestaurantDiscount, .basket_container .basketMultiBuyDiscount, .basket_container .basketSubTotal, .basket_container .basketDeliveryFee, .basket_container .basketTotal {
    color: #333;
}

.basket_container .deliveryOption.selected {
    color: #390;
}

.basket_container .deliveryOptionButton {
    background-color: #fff;
    color: #333;
}

.basket_container .basketItemAdditions i {
    color: #f33;
}

.basket_container .basketItemDescription {
    color: #333;
}

.basket_container .basketItemAdditions .basketItemDescription {
    color: #555;
}

.basket_container .freeDeliveryValueNotReachedMessage {
    color: #266abd;
}

#ShowMobileBasket {
    background-color: #fff;
    border-top: 1px solid #dfdfdf;
}

    #ShowMobileBasket.emptyBasket .viewBasketLink {
        background-color: #ddd;
        color: #535353;
    }

        #ShowMobileBasket.emptyBasket .viewBasketLink:hover, #ShowMobileBasket.emptyBasket .viewBasketLink:focus, #ShowMobileBasket.emptyBasket .viewBasketLink:active {
            background-color: #e6e6e6;
            box-shadow: none;
        }

.restaurantNote label {
    background-color: #f0f0f0;
    color: #666;
}

.restaurantNote {
    background-color: #fff;
    box-shadow: 0 1px 0 #c9c9c9;
}

.checkoutButton, #ShowMobileBasket .viewBasketLink {
    background-color: #266abd;
    color: #fff;
}

    .checkoutButton:hover {
        background-color: #14509c;
    }

.addButton {
    background: #fff url(/imgfix/plus-blue.svg) no-repeat center center;
    background-size: contain;
    border: 1px solid #266abd;
    color: #266abd;
}

    .addButton:hover {
        background-color: #dbebff;
        border-color: #14509c;
    }

    .addButton:active, .addButton:focus {
        border-color: #7dcaeb;
    }

    .addButton.waiting {
        background: #fff url(/imgfix/loading.gif) no-repeat center center;
        background-size: contain;
        border: 1px solid #eee;
    }

.removeButton {
    background: #fff url(/imgfix/minus-gray.svg) no-repeat center center;
    background-size: 26px 26px;
    border: 1px solid #535353;
    color: #535353;
}

    .removeButton:hover {
        background-image: url(/imgfix/minus-blue.svg);
    }

    .removeButton:active, .removeButton:focus {
        border-color: #2bace4;
    }

    .removeButton.waiting {
        background: #fff url(/imgfix/loading.gif) no-repeat center center;
        background-size: 26px 26px;
        border: 1px solid #eee;
        color: #535353;
    }

.checkoutButton.disabled {
    background-color: #ddd;
    color: #535353;
}

#checkout_text {
    color: #333;
    background-color: #fff;
}

.form {
    background-color: #fff;
    box-shadow: 0 0 0 1px #eaeaea;
}

    .form .checkboxControl label {
        color: #999;
    }

    .form h1 {
        color: #333;
    }

    .form input::-webkit-input-placeholder {
        color: #666;
    }

    .form input::-moz-placeholder {
        color: #666;
    }

    .form input:-ms-input-placeholder {
        color: #666;
    }

    .form input:-moz-placeholder {
        color: #666;
    }

    .form .error_container {
        color: #e33;
    }

@media(min-width:768px) {

    .form input::-webkit-input-placeholder {
        color: #fff;
    }

    .form input::-moz-placeholder {
        color: #fff;
    }

    .form input:-ms-input-placeholder {
        color: #fff;
    }

    .form input:-moz-placeholder {
        color: #fff;
    }
}

.standardControl .indicator label {
    color: #535353;
}

.standardControl .control input, .standardControl .control select {
    color: #333;
    background-color: #fff;
    border: 1px solid #cacaca;
}

.standardControl .control textarea {
    color: #333;
    border: 1px solid #dfdfdf;
}

::-webkit-input-placeholder, ::-moz-placeholder, :-ms-input-placeholder {
    color: #999;
}

.standardControl .control input:focus, .standardControl .control input.input-validation-error:focus, .standardControl .control select:focus {
    border-color: #636363;
}

.errorSummary {
    background-color: #eaeaea;
}

#find {
    color: #555;
    background-color: #e7e7e7;
    border: 1px solid #cacaca;
}

    #find:hover {
        background-color: #f0f0f0;
    }


.menuCategoriesList li a {
    color: #666;
}

#menu .categoryName {
    background-color: rgba(200,200,200,0.1);
}

#menu .categoryDescription {
    background-color: rgba(200,200,200,0.1);
}

#menu .product h4 {
    color: #333;
}

#menu .product .information p {
    color: #777;
}

.menuDescription * {
    color: #555;
}

.menuDescription p {
    background-color: #fff;
    color: #333;
}

.menuDescription a {
    color: #266abd;
}


.combopicker {
    color: #333;
}

.combopicker__close {
    border: 1px solid #ccc;
    background-color: rgba(0,0,0,0.15);
}

    .combopicker__close.reset {
        background-color: rgba(0,0,0,0.1);
    }

    .combopicker__close:hover {
        border: 1px solid #999;
        background-color: rgba(0,0,0,0.05);
    }


.combopicker__link {
    color: #d50525;
}

.combopicker__option {
    border-bottom: #cacaca 1px solid;
}

.combopicker__option-details .menupicker_qty {
    background-color: #00ac41;
    color: #fff;
    border: 1px solid #777;
}

.combopicker__option-details:before {
    color: #aaa;
    border: 1px solid #777;
}

.combopicker__dialog .combopicker__extra-added {
    background-color: #f3f3f3;
}

.combopicker__option-details i {
    color: #f33;
}

.combopicker__dialog .combopicker__extra-added:before {
    border-bottom: #f3f3f3 8px solid;
}

.combopicker {
    background: #fff;
}

.combopicker__header h1 {
    color: #333;
}

.combopicker h2 {
    color: #555;
}

.combopicker__header {
    background: #fff;
    border-bottom: #E1B541 4px solid;
}

.combopicker__options-header {
    background: #edf5ff;
    border-bottom: #cacaca 1px solid;
}

.combopicker__summary {
    background: #fff;
    border-top: #cacaca 1px solid;
}

.combopicker__selected-item {
    border-bottom: #cacaca 1px solid;
}

    .combopicker__selected-item:after {
        background: #00ac41;
    }

#gallery_container {
    background: #c1d1d1;
    color: #f2a3a5;
}