.data_wrapper {
    opacity: 0;
    filter: alpha(opacity=0);
}

.menu_categories {
    padding: 1em;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .menu_categories > div,
    .menu_categories > a {
        float: left;
        border-radius: 0.25em;
        border: 1px solid #acacac;
        padding: 0.5em 0.75em;
        margin: 0 0 0.5em 0.5em;
        font-size: 1.15em;
        color: #808080;
        cursor: pointer;
    }

        .menu_categories > div:hover,
        .menu_categories > a:hover {
            border-color: #4f8509;
            color: #4f8509;
        }

.body .menu_categories > div.active,
.body .menu_categories > a.active {
    border-color: #4f8509;
    background: #4f8509;
    color: white;
}

.menu_wrapper > div > .category_wrapper {
    display: none;
    padding: 1em 0;
    max-width: 730px;
    position: relative;
}

    .menu_wrapper > div > .category_wrapper > tbody > tr > td {
        width: 190px;
    }

    .menu_wrapper > div > .category_wrapper td.menu_items {
        width: 530px;
    }

.menu_wrapper > div > .active_category_wrapper {
    display: table;
}

.category_wrapper .menu_groups {
    padding: 0 0.5em;
    position: relative;
}

    .category_wrapper .menu_groups a {
        display: block;
        color: #808080;
        padding: 0.5em;
        border-left: 0.25em solid white;
        cursor: pointer;
        margin-left: 0.25em;
        font-size: 1.05em;
        word-wrap: break-word;
    }

        .category_wrapper .menu_groups a:hover {
            color: #2a2a2a;
            border-left: 0.25em solid #f0f0f0;
            background: #f0f0f0;
        }

        .category_wrapper .menu_groups a.active {
            border-left: 0.25em solid #4f8509;
            color: #4f8509;
            background: none;
        }

.shrink_groups a {
    padding: 0.35em 0.5em;
    font-size: 0.95em;
}

.groups_wrapper {
    color: #4f8509;
    border-bottom: 0.05em solid #4f8509;
    padding-bottom: 0.5em;
}

    .groups_wrapper > h2 {
        font-size: 1.5em;
        padding-top: 0.75em;
        margin-top: 0.5em;
    }

    .groups_wrapper:first-child > h2 {
        margin-top: 0;
        padding-top: 0;
    }

    .groups_wrapper > h4 {
        color: #808080;
    }

.items_wrapper {
    overflow: hidden;
}

    .items_wrapper > a {
        display: block;
        padding: 0.75em;
        border-bottom: 1px solid #dfdfdf;
        border-left: 0.25em solid white;
        outline: none;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

        .items_wrapper > a:last-child {
            border-bottom: 0;
        }

        .items_wrapper > a:hover {
            background: #f4f4f4;
            border-left: 0.25em solid #BF2E08;
            cursor: pointer;
        }

        .items_wrapper > a > table img {
            width: 72px;
            margin-right: 1em;
            border-radius: 0.25em;
            box-shadow: 0 0 0 1px #808080, 0 0.25em 0.5em -0.15em rgba(0,0,0,0.85);
        }

        .items_wrapper > a > table .smallimg {
            width: auto;
            height: auto;
            margin-left: 4px;
        }

        .items_wrapper > a > table h4 {
            font-size: 1.15em;
            color: #4a4a4a;
            font-weight: bold;
        }

        .items_wrapper > a > table p {
            color: #808080;
        }

        .items_wrapper > a > table .price {
            text-align: right;
            color: #4f8509;
            padding: 0.25em 0 0 0.25em;
        }

.menuitemdetails_wrapper {
    width: 100%;
    padding: 1em;
}

    .menuitemdetails_wrapper td {
        text-align: left;
        width: 100%;
    }

.single_modifieroptions .icon_font {
    float: left;
}

.menuitemdetails_wrapper td label {
    float: left;
    width: 180px;
    line-height: 1.25em;
}

.menuitemdetails_wrapper .leftcol {
    width: 300px;
}

    .menuitemdetails_wrapper .leftcol > img {
        margin: auto 20px auto 0;
        width: 300px;
        height: 300px;
    }

.menuitemdetails_wrapper p {
    margin-bottom: 0.5em;
    color: #4a4a4a;
}

.menuitemdetails_wrapper .single_size {
    float: left;
    width: 33%;
    padding: 0.5em;
}

    .menuitemdetails_wrapper .single_size span {
        cursor: pointer;
    }

.menuitemdetails_wrapper h2 {
    font-size: 1.5em;
    text-overflow: ellipsis;
}

.menuitemdetails_wrapper h3 {
    color: #183792;
    font-weight: bold;
    font-size: 1.3em;
    margin: 1em 0 0.5em 0;
}

.menuitemdetails_wrapper h4 {
    color: #4f8509;
    font-weight: 400;
    font-size: 1.1em;
    margin: 0.5em 0;
}

.menuitemdetails_wrapper .sizes {
    margin-bottom: 1em;
}

.needborder {
    border-bottom: 1px solid #d0d0d0;
}

.smallermargin {
    margin: 0.5em 0;
}

.menuitemdetails_wrapper h6 {
    color: #808080;
    font-size: 1em;
    margin: 0 0 1em 0;
}

.input_row.quantity_wrapper {
    margin: 1em 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.quantity_wrapper > input.quantity {
    width: 3em;
    padding: 0.5em;
    text-align: center;
    margin: 0;
    border: 0;
    border-top: 1px solid #d0d0d0;
    border-bottom: 1px solid #d0d0d0;
    vertical-align: middle;
}

.quantity_wrapper .quantitydecrease,
.quantity_wrapper .quantityincrease {
    width: 2em;
    padding: 0.5em;
    background: #BF2E08;
    margin: 0;
    cursor: pointer;
    border: 0;
    color: white;
    text-align: center;
    border-radius: 0.5em 0 0 0.5em;
    vertical-align: middle;
}

.quantity_wrapper .quantityincrease {
    background: #4f8509;
    border-radius: 0 0.5em 0.5em 0;
}

.quantity_wrapper h3 {
    margin: 0;
    vertical-align: middle;
    line-height: 2em;
    margin-right: 2em;
}

.quantity_wrapper .fancy_button {
    padding: 0 1.5em;
    vertical-align: middle;
    line-height: 2em;
}

.menuitemdetails_wrapper .special_wrapper {
    padding: 0;
    margin: 0;
}

.single_modifieroptions {
    width: 100%;
}

table .single_modifieroptions td {
    width: 50%;
}

.button_container {
    width: 100%;
    text-align: right;
}

    .button_container .fancy_button {
        padding: 0.5em 1em;
        float: right;
        margin: 0 0.5em;
    }

    .button_container .error_msg {
        text-align: left;
    }

.spicy {
    color: #bf2e08;
    font-size: 1em;
    font-weight: normal;
    padding: 0 0.1em;
}

.popular {
    color: #fec52d;
    font-size: 1em;
    font-weight: normal;
    padding: 0 0.1em;
}

.buildetypedesc {
    font-size: 0.9em;
    color: #404040;
    font-weight: bold;
}

.pop_container .icon-cross {
    float: right;
    position: relative;
    top: 0.5em;
    right: 0.5em;
}

span.disabled {
    background: #acacac;
    color: #ffffff;
}


@-webkit-keyframes bouncing-arrow {
    0%, 20%, 50%, 80%, 100% {
        -moz-transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    40% {
        -moz-transform: translate3d(0, -10px, 0);
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    60% {
        -moz-transform: translate3d(0, -5px, 0);
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }
}

@-moz-keyframes bouncing-arrow {
    0%, 2%, 5%, 8%, 10% {
        -moz-transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    4% {
        -moz-transform: translate3d(0, -10px, 0);
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    6% {
        -moz-transform: translate3d(0, -5px, 0);
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }
}

@keyframes bouncing-arrow {
    0%, 2%, 5%, 8%, 10% {
        -moz-transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    4% {
        -moz-transform: translate3d(0, -10px, 0);
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    6% {
        -moz-transform: translate3d(0, -5px, 0);
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }
}

.scrolltop_floater {
    position: fixed;
    bottom: 1em;
    right: 1em;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer;
    -moz-animation: bouncing-arrow 10s infinite;
    -webkit-animation: bouncing-arrow 10s infinite;
    animation: bouncing-arrow 10s infinite;
    width: 32px;
    height: 32px;
    z-index: 0;
}

    .scrolltop_floater img {
        width: 100%;
        height: 100%;
    }

.menu_category_selectors {
    text-align: center;
    margin-top: 1em;
}

    .menu_category_selectors > a {
        background: #183792;
        width: 150px;
        font-weight: 300;
        line-height: 2em;
    }

        .menu_category_selectors > a.disabled {
            background: #acacac;
            color: #d0d0d0;
            cursor: default;
        }

            .menu_category_selectors > a.disabled:hover {
                color: #d0d0d0;
            }

        .menu_category_selectors > a.prev_button:before {
            content: '< ';
        }

        .menu_category_selectors > a.next_button:after {
            content: ' >';
        }

.menu_wrapper {
    display: table;
    clear: both;
    padding-top: 0.5em;
}

    .menu_wrapper > div {
        display: table-cell;
        vertical-align: top;
    }

        .menu_wrapper > div > div {
            display: table;
        }

.sc_groups {
    border-bottom: 0.2em dashed #183792;
}

    .sc_groups > h2 {
        color: #183792;
    }
    
    .sc_groups > h2:before {
        color: #183792;
    }

.sc_items > a {
    background: #F0F2FA;
    border: 0.2em dashed #183792;
    border-top: 0;
}

    .sc_items > a:hover {
        background: #fafafa;
        border: 0.2em dashed #183792;
        border-top: 0;
    }

    .sc_items > a:last-child {
        border-bottom: 0.2em dashed #183792;
    }

    .sc_items > a > table .price span {
        text-decoration: line-through;
        color: #808080;
    }

    .sc_items > a > table .price b {
        font-size: 1.25em;
    }