#loader-img{position:absolute;top:50%;left:50%;z-index:1000}
#loader-bg{position:absolute;top:0;left:0;background-color:#fff;-moz-opacity:.73;-khtml-opacity:.73;opacity:.73;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=73);filter:alpha(opacity=73);filter:alpha(opacity=73);width:100%;height:100%;z-index:999}
.stores{position:relative;width:45%;float:left;height:514px}
#map_canvas{width:50%;height:514px;float:right;margin-left:4%}
.store-list{height:514px;}
.store-row{padding-left:10px}
.store-info-container{display:inline-block;padding:1em;width:60%}
.store-info-container .col-address.col-address-country { text-transform:uppercase; }
.store-image{height:100%;width:34%;float:left;display:inline-block;padding:1em}
.store-image img{max-width: 100%;}
.store-table{border-bottom:1px solid grey;width:100%;overflow:hidden}
.pickup .store-table{border-bottom: none;}
.first{border-top:1px solid grey}
.span-geoloc{cursor:pointer; display: inline-block; background: #d93434; background-image: -webkit-linear-gradient(top, #d93434, #b82b2b); background-image: -moz-linear-gradient(top, #d93434, #b82b2b); background-image: -ms-linear-gradient(top, #d93434, #b82b2b); background-image: -o-linear-gradient(top, #d93434, #b82b2b); background-image: linear-gradient(to bottom, #d93434, #b82b2b);/*-webkit-border-radius: 4;-moz-border-radius: 4; border-radius: 4px;*/ font-family: Arial; color: #ffffff; font-size: 12px; padding: 5px 10px 5px 10px; text-decoration: none; clear:both; float:right; margin-top:5px}
.span-geoloc:hover{ background: #fc3c3c; background-image: -webkit-linear-gradient(top, #fc3c3c, #d93434); background-image: -moz-linear-gradient(top, #fc3c3c, #d93434); background-image: -ms-linear-gradient(top, #fc3c3c, #d93434);background-image: -o-linear-gradient(top, #fc3c3c, #d93434); background-image: linear-gradient(to bottom, #fc3c3c, #d93434); text-decoration: none;}
.store-name{cursor:pointer;text-decoration:underline;font-size:14px}
.store-description{width:350px;padding-top:10px;clear:both;overflow-y:auto;max-height:100px}
.store-info{max-height:400px;min-width:300px}
.store-image-infoWindow{width:150px}
.store-image-div-infoWindow{float:left}
.store-name-infoWindow{width:150px;float:left;margin-left:15px}
.store-name-infoWindow h3{font-size:14px}
#search .input-text{width:300px;padding:5px; }
#store-search{margin-bottom:10px;width:100%; overflow: hidden;}
#store-search .label-address{float:left; clear:both;  line-height: 30px;  margin-right: 5px;}
#store-search .store-search-address{float:left;}
#store-search .search-address{  width: 365px;overflow: hidden;float: none;clear: both;}
#store-search .search-address #address{  width: 75%; float: left; height: 30px;-webkit-border-radius: 0px; -moz-border-radius: 0px;-ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; border-right: 0;}
#store-search .search-address .button{ float: left; height: 30px;}
#panel{float:left;margin-top:15px}
.pac-container .pac-item{text-align:left}
.store-search-filter-city,.store-search-filter-country,.store-search-address{display:inline-block}
.store-search-filter-city,.store-search-filter-country{margin-left:1em; line-height: 30px;}
.popin-storelocator-information{position:absolute;top:30%;left:50%;margin-left:-175px;width:350px;z-index:9999;background-color:#fff;-moz-opacity:.73;-khtml-opacity:.73;opacity:.73;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=73);filter:alpha(opacity=73);filter:alpha(opacity=73);border:1px solid #777;padding:1em}
#loader-img-popin{text-align:center;margin:10px 0}
#loader-img-popin>img{margin:0 auto}
.store-view .store-image {max-width: 100%; width: auto; height: auto; padding: 0; margin: 0; float: none;}
.store-view .store-image img {max-width: 100%;}
.store-view .store-name {  font-size: 34px; font-weight: 100; text-decoration: none;}
.store-view .store-description {  width: 100%; max-height: 100%;}
.store-view .store-info {min-height: 200px; max-height: 100%; -webkit-transition: height 0.8s; -moz-transition: height 0.8s; transition: height 0.8s; padding: 10px 0;}
.store-view .store-tab { }
.store-view .tab-container { padding: 10px 0; }
.store-view .store-tab ul { }
.store-view .store-tab ul li {float: left;border-top: 1px solid #c5c5c5;border-bottom: 1px solid #c5c5c5;display: inline-block; width: 33.33%; text-align: center; text-transform: uppercase; height: 40px; line-height: 40px; cursor: pointer;}
.store-view .store-tab ul li:hover span, .store-view .store-info .store-tab ul li.active span{background-color:#c5c5c5; color: #ffffff; display:inline-block;width: 100%;}
.store-view .store-tab ul li.first {border-left: 1px solid #c5c5c5;border-right: 1px solid #c5c5c5;}
.store-view .store-tab ul li.last {border-left: 1px solid #c5c5c5;border-right: 1px solid #c5c5c5;}
.store-view .choose-direction ul li{cursor:pointer;}
.store-view .services {}
.store-view .services ul {}
.store-view .services ul li {float: left; width: 50%;}
.store-view .services ul li .picto-service{float: left; margin-right: 5px;}
.store-view .services ul li .picto-service img{}
.store-view .services ul li .service-info {float: left; line-height: 50px;}
.store-view .services ul li .service-info div.service-description{ line-height: 13px;}
.store-view .services ul li .service-info p.label{font-size: 13px; font-weight: bold;}
.store-view .store-opening {text-align: center;}
#store-contact{ padding: 15px 0;}
.store-view .col-address, .store-view .store-phone, .store-view .store-url, .store-view .store-fax {  font-size: 21px; font-weight: 100; }
.store-view .col-address a, .store-view .store-phone a, .store-view .store-url a, .store-view .store-fax a {font-weight: 200;}
#storelocator-popin { position : fixed; z-index: 10; width: 90%; left: 50%; top: 50%; border: 1px solid #c5c5c5; background-color:#ffffff; padding: 15px; max-width:1000px;}
#storelocator-popin .close-storelocator-popin{ float: right; position: absolute; right: 20px; top: 5px; z-index: 9999999; font-size: 30px; cursor:pointer;}

@media all and (max-width:770px){.stores{width:100%;height:auto}
    .store-list{width:100%;height:auto;overflow:visible}
    #map_canvas{width:100%;margin-right:0;height:300px}
    .store-search-filter-city,.store-search-filter-country,.store-search-address{float:left;clear:both;width:100%;margin-bottom:1em;margin-left:0}
    .store-image img{width:100%;max-width:150px}
}
@media all and (min-width:770px) and (max-width:1100px){.stores{width:100%}
    #map_canvas{width:100%;margin-right:0;height:300px}
    .store-search-filter-city,.store-search-filter-country,.store-search-address{float:left;clear:both;width:100%;margin-bottom:1em;margin-left:0}
}
