﻿a.icon-info:before {
    font-size: 0.75em;
    vertical-align: middle;
    line-height: 1.25em;
    color: white;
    background: #4a4a4a;
    padding: 0.25em 0.35em 0.25em 0.25em;
    border-radius: 1em;
    font-weight: 300;
    margin-left: 0.5em;
}

.delivery_handle {
    text-decoration: underline;
    color: #357a01;
    cursor: pointer;
}

.delivery_popover {
    position: absolute;
    background: white;
    padding: 1em;
    border: 1px solid #acacac;
    border-radius: 0.5em;
    box-shadow: 0.25em 0 2em -0.15em rgba(0,0,0,0.75);
    display: none;
    z-index: 250;
}

.restaurant_wrapper {
    position: relative;
}

    .restaurant_wrapper td > h1 {
        font-size: 2em;
        font-weight: bold;
    }

    .restaurant_wrapper p {
        color: #4a4a4a;
    }

        .restaurant_wrapper p > label, .restaurant_wrapper td > label {
            color: #2a2a2a;
            font-weight: bold;
        }

    .restaurant_wrapper .error {
        color: #BF2E08;
        font-weight: bold;
    }

    .restaurant_wrapper .delivery_info {
        cursor: pointer;
    }

        .restaurant_wrapper .delivery_info .delivery_expander {
            width: 90%;
        }

            .restaurant_wrapper .delivery_info .delivery_expander > div {
                height: 1.15em;
                overflow: hidden;
            }

        .restaurant_wrapper .delivery_info:hover {
            background: #DFE3ED;
        }

        .restaurant_wrapper .delivery_info span {
            color: #acacac;
        }

    .restaurant_wrapper .active_delivery_info.delivery_expander > div {
        height: auto;
        white-space: normal;
        overflow: auto;
    }

    .restaurant_wrapper .active_delivery_info:hover {
        background: none;
    }

    .restaurant_wrapper .active_delivery_info.delivery_expander > div > span {
        display: none;
    }

    .restaurant_wrapper .mobile_banner {
        width: 20%;
        vertical-align: middle;
    }

.container > .body .holiday_announcement {
    text-align: left;
    overflow: hidden;
    padding: 1em;
    border: 2px solid #357a01;
    background: #cad8ff url(https://static.beyondmenu.com/BeyondMenu/images/Banner/HN19M9.jpg);
    font-size: 1em;
    margin: 0.25em 0;
    text-shadow: 0 0 20px white, 0 0 20px white;
    color: #357a01;
    font-weight: bold;
}

.container > .body .store_message {
    text-align: left;
    overflow: hidden;
    padding: 1em;
    border: 1px solid #ae3b1d;
    background: #FFE9B0;
    font-size: .925em;
    margin-top: 1px;
}

    .container > .body .store_message .icon-cross:before {
        float: right;
        font-size: 0.92em;
        position: relative;
        top: 0.1em;
    }

.container > .body .restaurant_footer {
    width: 100%;
    overflow: hidden;
    margin-bottom: -1px;
    position: relative;
    z-index: 200;
}

.container > .body .store_navigation {
    vertical-align: bottom;
    float: right;
}

    .container > .body .store_navigation a {
        float: left;
        display: block;
        padding: 0.5em 0;
        font-size: 1.15em;
        color: #6f6f6f;
        margin-bottom: -1px;
        border-radius: 0.5em 0.5em 0 0;
        position: relative;
        width: 160px;
        text-align: center;
        border: 1px solid transparent;
    }

        .container > .body .store_navigation a:hover {
            background: rgba(255, 255, 255, 0.5);
        }

        .container > .body .store_navigation a.active,
        .container > .body .store_navigation a.active:hover {
            border: 1px solid #d0d0d0;
            border-bottom: 1px solid white;
            color: #3a8700;
            background: #fff;
            box-shadow: 0 0.25em 1em -0.25em black;
        }

.restaurantinfo_header {
    border-bottom: 2px solid #acacac;
    padding: 1em;
    text-align: left;
}

    .restaurantinfo_header .restaurantname {
        font-size: 1.5em;
        font-weight: 500;
        margin-bottom: 0.25em;
    }

    .restaurantinfo_header .menubutton {
        float: right;
        font-size: 1em;
        height: auto;
        width: auto;
        padding: 0.25em;
    }

    .restaurantinfo_header .restaurantcuisine {
        color: #808080;
    }

    .restaurantinfo_header .restaurantaddress {
        color: #4a4a4a;
    }

    .restaurantinfo_header .restaurantopen {
        color: #ae3b1d;
    }

    .restaurantinfo_header span {
        color: #acacac;
    }

.mapcontainer {
    float: left;
    width: 50%;
    padding: 1em;
}

    .mapcontainer > img {
        max-width: 100%;
        height: auto;
    }

.infocontainer {
    float: right;
    width: 50%;
    padding: 1em;
    text-align: left;
}

    .infocontainer table td {
        margin-bottom: 0.5em;
    }

        .infocontainer table td:first-child {
            width: 3em;
        }

.deliveryinfotable .wider_td {
    width: 10em !important;
}

.restaurant_icon {
    display: inline !important;
    font-size: 1em !important;
    margin-left: 0.15em !important;
    color: #4a4a4a;
}

    .restaurant_icon:after {
        content: "";
        font-family: bmicons;
        display: inline-block;
    }

.restaurant_icon_location:after {
    content: "\e01a";
    color: #357a01;
}

.restaurant_icon_storehours:after {
    content: "\e007";
    color: #357a01;
}

.restaurant_icon_card:after {
    content: "\e017";
    color: #357a01;
}

.restaurant_icon_phone:after {
    content: "\e018";
    color: #357a01;
}

.oneresultrow td {
    vertical-align: top;
}

.restaurant_infoitem {
    box-shadow: none;
    border-bottom: 1px solid #d0d0d0;
    padding: 1em 1.5em 0.75em 1em;
}

    .restaurant_infoitem table {
        width: 100%;
    }

        .restaurant_infoitem table tr td {
            padding-right: 0.25em;
        }

            .restaurant_infoitem table tr td:first-child {
                font-weight: 500;
            }

.data_wrapper {
    clear: both;
    background: white;
    border: 1px solid #d0d0d0;
    z-index: 100;
    min-height: 600px;
}

#map_canvas {
    height: 325px;
    width: 100%;
}

.googlemapLegend {
    text-align: center;
    margin: 1em;
}

.about {
    text-align: left;
    margin-top: 1em;
}

.policymessage {
    box-shadow: none;
    border-bottom: 1px solid #d0d0d0;
    margin: 0;
    padding: 1em 1.5em 0.75em 1em;
}

.reservation_wrapper {
    padding: 1em;
    width: 500px;
    margin: 0 auto;
}

    .reservation_wrapper table td {
        width: 50%;
    }

.notificationimg {
    width: 20px;
    height: 20px;
    float: right;
    margin-left: 10px;
}

.showstoremessage {
    float: right;
    padding: 0.5em 1em 0 0;
    font-family: bmicons;
    vertical-align: bottom;
}

    .showstoremessage:before {
        color: #fec52d;
        padding-right: 0.5em;
        font-size: 1.5em;
        text-shadow: 1px 1px 0.1em #357a01;
        vertical-align: bottom;
    }

.mobile_bannerad {
    width: 25%;
    padding: 0 0 1em 2em;
}

    .mobile_bannerad a {
        display: block;
        padding: 0;
        margin: 0;
        width: 220px;
        height: 70px;
        background: white;
        border: 1px solid #acacac;
        border-radius: 0.25em;
        box-shadow: inset -0.15em 0 0.5em -0.15em rgba(0, 0, 0, 0.5);
        text-align: center;
    }

.body a.favbutton {
    font-size: 1.15em;
    background: none;
    color: #357a01;
    display: block;
    font-weight: bold;
    text-align: center;
}

    .body a.favbutton:before {
        font-family: bmicons;
        content: "\e010";
        text-decoration: none;
        padding-right: 0.5em;
        color: #dadada;
        text-shadow: 0 0 1px rgba(0,0,0,0.85);
        vertical-align: middle;
        font-weight: normal;
        font-size: 1.5em;
    }

.body a.savedfav {
    color: #767676;
}

    .body a.savedfav:before {
        color: #357a01;
        text-shadow: none;
    }

#pnlReviewContainer {
    padding: 2em;
}

    #pnlReviewContainer .oneresultrow {
        width: 304px;
        float: none;
        padding: 0.5em;
        margin: 0.5em 0;
        /*border: 1px solid white;
        background: #fafafa;*/
        border: 1px solid #d0d0d0;
        background: white;
        border-radius: 0.25em;
        box-shadow: 0.1em 0.1em 0.3em -0.1em rgba(0,0,0,0.5);
    }

    #pnlReviewContainer .reviews_header {
        border-bottom: 1px solid #cacaca;
        padding-top: 1em;
    }

        #pnlReviewContainer .reviews_header h2 {
            color: #357a01;
            padding: 0 0 0.25em 0.25em;
        }

            #pnlReviewContainer .reviews_header h2 small {
                vertical-align: top;
                font-size: 0.5em;
                color: #3a8700;
                font-weight: bold;
                margin-left: 0.5em;
            }

        #pnlReviewContainer .reviews_header .ratings_wrapper {
            float: right;
            font-size: 1.5em;
        }

            #pnlReviewContainer .reviews_header .ratings_wrapper i {
                font-style: normal;
                color: #f96700;
                font-weight: bold;
                font-size: 0.9em;
                margin-right: 0.5em;
            }

            #pnlReviewContainer .reviews_header .ratings_wrapper .stars_wrapper > span:before {
                vertical-align: text-bottom;
            }

            #pnlReviewContainer .reviews_header .ratings_wrapper .ratingcount {
                color: #4a4a4a;
            }

    #pnlReviewContainer .reviews_empty {
        text-align: center;
        color: #4a4a4a;
        font-size: 1.35em;
        font-weight: 300;
        padding-top: 1em;
    }

.fixed_top {
    position: fixed !important;
    top: 1em !important;
    left: auto !important;
}

.menu_groups.fixed_top {
    width: 190px;
}

.cart_container.fixed_top {
    margin-left: 2em !important;
}
