﻿body {
    background: url(../images/background_greyline.gif);
    margin: 10px 0px;
    font-size: 14px;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
}

#wrapper {
    width: 780px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
}

.maincontainer {
    float: left;
    width: 100%;
    background: #fff;
    height: auto;
}

.header {
    width: 770px;
    margin: 0px;
    padding: 5px;
}

    .header img {
        display: block;
        border-bottom: 2px solid black;
    }

.blankbox {
    height: 25px;
    margin: 0px;
    padding: 0px;
    border: 0px;
}

#pnlSiteName {
    font-size: 16pt;
    font-weight: bold;
    text-align: center;
    border-bottom: 2px solid black;
    padding: 8px;
}

.Pickupheading {
    font-size: 18px;
    text-decoration: underline;
    padding-top: 5px;
}

.PickupText {
    font-size: 14px;
    text-decoration: none;
    padding-top: 20px;
}

.pickup {
    width: 745px;
    height: auto;
    float: left;
    padding: 5px;
    padding-left: 30px;
    margin-bottom: 30px;
    padding-bottom: 15px;
    padding-top: 15px;
    border-bottom: 1px solid #000;
}

.pickupbuttoncontainer {
    float: right;
    width: 230px;
}

.pickupbutton {
    background: url(../images/pickup.png) no-repeat;
    width: 195px;
    outline: none;
    height: 62px;
    margin: 0 10px;
    border: none;
    cursor: pointer;
}

    .pickupbutton:hover {
        background: url(../images/pickup_hover.png) no-repeat;
    }

.mainbutton {
    margin: 0;
    padding: 0px;
}


.delivery {
    float: left;
    height: auto;
    margin: 0 25px;
    padding: 5px;
    width: 720px;
    padding-top: 5px;
}

.mapsection {
    width: 460px;
    float: left;
    height: auto;
}

.DeliveryText {
    text-decoration: none;
    padding-bottom: 20px;
}


.formsection {
    width: 255px;
    float: right;
    height: auto;
}

.DeliveryInstructions {
    text-align: center;
}

.searchform {
    float: left;
    width: 255px;
    margin: 20px 0px;
    clear: both;
}

    .searchform label {
        float: left;
        width: 75px;
        clear: both;
        font-size: 14px;
        font-weight: bold;
        color: #4b4b4b;
        padding: 2px 0px;
        font-family: Arial, Helvetica, sans-serif;
        padding-left: 10px;
    }

    .searchform input {
        float: left;
        width: 163px;
    }

    .searchform select {
        float: right;
        width: 170px;
        background: #F9F9F9;
        border: 1px solid #cccccc;
    }

        .searchform select:focus {
            background: #F9F9F9;
            border: 1px solid #cccccc;
        }

    .searchform p {
        float: left;
        width: 100%;
        clear: both;
        margin: 4px 0px;
    }

    .searchform input, .searchform textarea {
        background: #F9F9F9;
        border: 1px solid #cccccc;
        padding: 5px 0 0 5px;
        -moz-border-radius: 3px;
    }

        .searchform input:focus, .searchform textarea:focus {
            background: #fff;
        }

        .searchform input.submit {
            background: url(../images/deliverybutton.png) no-repeat top left;
            height: 65px;
            width: 198px;
            cursor: pointer;
            margin-top: 20px;
            float: right;
            border: 0px;
            font-size: 0px;
        }

            .searchform input.submit:hover {
                background: url(../images/delivery_hover.png) no-repeat top left;
            }


.footer {
    width: 100%;
    height: auto;
    float: left;
    font-size: 12px;
    color: #fff;
    text-align: center;
    padding-top: 10px;
}

.map_canvas {
    width: 460px;
    height: 255px;
    border: 1px #000 solid;
}
