#products {
    width: 95%;
    margin: 10px auto;
    padding: 5px;
}
#products .row {
    border-left: 0;
    border-top: none;
    margin: 0;
    padding: 0;
}
#products br {
    clear: both;
}
#products .product-item {
    border-bottom: 0;
    border-right: 0;
    float: left;
    text-align: center;
    font-weight:bold;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

#map-canvas {
    width: auto;
    height: 230px;
}

.panel-info > .panel-heading-hd {
    background: #FFBA12;
    color: black;
    border-color: #FFBA12;
}

.panel-danger > .panel-heading-hd {
    background: #FF4040;
    color: white;
    border-color: #FF4040;
    font-weight: bold;    
}

/* Can't seem to override the border color using this method.
.panel-info > .panel-info-hd {
    border-color: #FFBA12;
}*/

.panel-info {
    border-color: #FFBA12;
}

.panel-primary > .panel-heading-hd {
    background: black;
    color: white;
    border-color: black;
}

.panel-primary {
    border-color: black;
}

.panel-body-xmas {
    background-image: url("images/sparkling-seamless-sm.jpg");
}

.panel-danger > .panel-heading-xmas {
    background-image: url("images/red-lights-seamless-sm.jpg");
    color: white;
    font-weight: bold;
}

.panel-danger > .panel-heading-easter {
    background-image: url("images/chocolate-bubbles-seamless-sm.jpg");
    color: white;
    font-weight: bold;
}

.btn-primary {
    background: black;
    border-color: black;
}

.btn-primary:hover {
    background: #FFBA12;
    border-color: #FFBA12;
}

.btn-primary:active {
    background: #FFBA12;
    border-color: #FFBA12;
}

.well > .well-info {
    font-size: 400%;
}