﻿#panel {
    width: 100%;
    display: block;
    min-height: 550px;
    height: auto;
}

#map-canvas {
    min-height: 550px;
    width: 100%;
    border: 2px solid #6a2c73;
}

#panel .feature-filter label {
    width: 130px;
}

p.attribution, p.attribution a {
    color: #666;
}

.storelocator-filter, .feature-filter {
    padding-top: 15px;
    padding-bottom: 15px;
}

.storelocator-panel {
  border: 0px solid #ccc;
  overflow: auto;
}

.storelocator-panel .store-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.storelocator-panel .store-list li,
.storelocator-panel .directions-panel {
  padding: 5px;
}
.storelocator-panel .directions-panel {
  font-size: 0.8em;
}

.storelocator-panel .store-list li.store:hover {
  cursor: pointer;
  background: #eee;
}

.storelocator-panel .store-list li.highlighted,
.storelocator-panel .store-list li.highlighted:hover {
  background: #ccf;
}

.storelocator-panel .directions {
  display: none;
}

.storelocator-panel .location-search {
  padding: 5px;
}

.storelocator-panel .location-search input {
  width: 100%;
}

.storelocator-panel .location-search h4 {
  font-size: 0.9em;
  margin: 0;
  padding: 0;
  margin-bottom: 10px;
}

.storelocator-panel .store-list .no-stores {
  color: grey;
}

.storelocator-panel .store .features {
  display: none;
}

.storelocator-panel .feature-filter {
  overflow: hidden;
}

.storelocator-panel .feature-filter label {
  display: block;
  font-size: 0.8em;
  margin: 0 0.4em;
  float: left;
}

.store .title {
    font-weight: bold;
    background-color: #6a2c73;
    color: white;
    min-height: 48px;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 5px;
}

.store .address,
.store .phone,
.store .web,
.store .misc,
.store .parishwithurl {
  font-size: 90%;
  margin-top: 0.2em;
  margin-bottom: 0.5em;
  display: block;
  padding-left: 5px;
  padding-right: 5px;
}

.store .features {
  overflow: hidden;
  color: grey;
  margin: 0;
  padding: 0;
  font-size: 70%;
  max-width: 250px;
}

.store .features li {
  display: inline;
  float: left;
  padding-right: 0.8em;
}

.store .parishwithurl a {
  color: #b149bf;
  font-weight: bold;
  font-size: 1em;
}

.store .web a {
  color: #6a2c73;
  font-weight: bold;
  font-size: 1em;
}

.store .action {
  font-size: 0.8em;
  color: green;
  margin-right: 0.5em;
}

.store-list .store .store {
    margin-bottom: 20px;
    border: 1px solid #6a2c73;
    padding-bottom: 10px;
    cursor: pointer;
}

.store .store img {
    max-height: 50px !important;
    width: auto !important;
    float: right;
    margin-right: 5px;
    border: 1px solid rgba(0,0,0,0.1);
    padding: 2px 2px;
}

.gm-style-iw .store .title {
    font-weight: bold;
    background-color: transparent;
    color: #6a2c73;
    min-height: 0;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 5px;
}

.gm-style-iw .store img {
    display: none;
}

.gm-style-iw .store .address, .gm-style-iw .store .phone, .gm-style-iw .store .web, .gm-style-iw .store .misc, .gm-style-iw .store .parishwithurl {
    padding-left: 0;
    padding-right: 0;
}

.store .zoomhere {
    font-size: 90%;
    font-weight: bold;
    margin-top: 0.2em;
    margin-bottom: 0.5em;
    display: block;
    padding-left: 0;
    padding-right: 0;
}



