
.bh-sl-error { clear: both; float: left; width: 100%; padding: 10px 0; color: #ae2118; font-weight: bold; }

.bh-sl-form-container { margin-top: 15px; width: 100%; }

.form-input { position:absolute; top:140px; right:50px; }

.form-input label { display: inline-block; text-align: right; padding:8px 20px 0 0; }

.form-input input, .form-input select { display:inline-block; color:#565656 !important; padding:5px; margin-top:-2px; }

#bh-sl-submit { display:inline-block; width:31px; height:25px; background:url(../img/search.png) 50% 50% no-repeat; cursor:pointer; font-size:0px; border:none !important; }

.bh-sl-loading {  margin: 4px auto 0 auto; width: 16px; height: 16px; background: url(../img/ajax-loader.gif) no-repeat; }

.bh-sl-filters-container { clear: both; float: left; width: 100%; margin: 15px 0; }

.bh-sl-filters-container .bh-sl-filters { list-style: none; float: left; padding: 0; margin: 0 100px 0 0; }

.bh-sl-filters-container .bh-sl-filters li { display: block; clear: left; float: left; width: 100%; margin: 5px 0; }

.bh-sl-filters-container .bh-sl-filters li label { display: inline; }

.bh-sl-filters-container .bh-sl-filters li input { display: block; float: left; margin: 2px 8px 2px 0; }

.bh-sl-map-container { margin: 27px auto; height: 530px; width: 100%; }

.bh-sl-map-container a { color: #e76737; transition: color 0.50s ease 0s; }

.bh-sl-map-container a:hover, .bh-sl-map-container a:active { color: #e03e27 !important; }

.bh-sl-loc-list { float: left; width: 30%; height: 530px; overflow-x: auto; }

.bh-sl-loc-list ul { display: block; clear: left; float: left; width: 100%; list-style: none; margin: 0; padding: 0; }

.bh-sl-loc-list ul li { display: block; clear: left; float: left; margin:0% 3% 20px 0; cursor: pointer; width: 95%; border-bottom: 1px solid #666665; position:relative;

/* Adding this to prevent moving li elements when adding the list-focus class*/
border-right:2px solid transparent; }


.bh-sl-loc-list .list-label { position:absolute; top:5px; right:5px; padding: 2px 3px; width: 10%; max-width: 25px; text-align: center; color: #ffffff; font-weight: bold; }

.bh-sl-loc-list .list-details { float: left; width: 100%; }

.bh-sl-loc-list .list-details .list-content { padding: 10px 0 ; }

address.loc-add { font-style:normal; }

address.loc-add span { white-space:nowrap; }

.mod-loc * { color:#565657 !important; }

.mod-loc address  { font-style:normal; width:200px; }

.mod-loc address span { white-space:nowrap; }

.bh-sl-loc-list .list-details .loc-dist { font-weight: bold; color: #8e8e8e; padding-right:20px; }

.bh-sl-loc-list .list-focus {  border-right:2px solid #cbbba0;  }

.bh-sl-loc-list .bh-sl-close-directions-container { width: 100%; height: 20px; position: relative; }

.bh-sl-loc-list .bh-sl-close-directions-container .bh-sl-close-icon { top: 0; right: 6px; }

.bh-sl-loc-list .bh-sl-noresults-title { text-transform:uppercase; color: #ae2118; }

.loc-name { color: #ae2118; text-transform:uppercase; width:85%; }

.bh-sl-map { float: left; width: 70%; height: 530px; }

.bh-sl-pagination-container { clear: both; }

.bh-sl-pagination-container ol { list-style-type: none; text-align: center; margin: 0; padding: 10px 0; }

.bh-sl-pagination-container ol li { display: inline-block; padding: 10px; cursor: pointer; font: bold 14px Arial, Helvetica, sans-serif; color: #ae2118; text-decoration: underline; }

.bh-sl-pagination-container ol .bh-sl-current { color: #333333; cursor: auto; text-decoration: none; }

/* Modal window */
.bh-sl-overlay { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 10000; background: url(../img/overlay-bg.png) repeat; }

.bh-sl-overlay .bh-sl-modal-window { position: absolute; left: 50%; margin-left: -460px; /* width divided by 2 */
margin-top: 60px; width: 920px; height: 590px; z-index: 10010; background: #ffffff; border-radius: 10px; box-shadow: 0 0 10px #656565; }

.bh-sl-overlay .bh-sl-modal-window .bh-sl-modal-content { float: left; padding: 0 22px;/* there's already a margin on the top of the map-container div */
}

.bh-sl-overlay .bh-sl-modal-window .bh-sl-close-icon { top: -6px; right: -6px; }

.bh-sl-close-icon { position: absolute; width: 18px; height: 18px; cursor: pointer; background: #2c2c2c url(../img/close-icon.png) 3px 3px no-repeat; border: 1px solid #000000; border-radius: 3px; box-shadow: 0 0 3px #656565; }

/* my styles */

h4.retailer { font-size:18px; border-bottom:2px solid #cbbba0; margin:20px 0 0 0; display:inline;  }

ul.retailers, ul.retailers-online { width:100%; padding-top:10px; }

ul.retailers li { display:inline-block; width:30%; padding-right:2%; margin-bottom:10px; }

ul.retailers-online li { display:inline-block; width:90%; padding-right:2%; margin-bottom:10px; }

ul.retailers li h5 { text-transform:uppercase; }

.online-shop { color:#fff8e7; font-size:18px; padding-right:85px; background:url(../img/online-shop-arrow.png) 100% 5% no-repeat; transition: color 0.50s ease 0s;  }

.online-shop:hover { color: #e03e27 !important; }