HOME

.store_address_contact {
    color: #077e39;
    font-family: Segoe_UI_Symbol_bold !important;
    margin-top: 0;
    font-size: 32px;
    text-align: center;
    margin-bottom: 0px;
    margin-top: 40px;
}

#map_canvas{
    width : 100%;
    height : 514px;
    float:left;
   /* margin-left: 3.3%;*/
	border:5px solid #fff;
}
.mystore
{
	position:relative;
	margin-top:10px; 
        padding: 20px; 
        background: rgba(7, 126, 57, 0.14);
}
.mystore .store_locator
{
       border: 6px solid #f2f2f2;
       border-radius: 5px 5px 0 0;
       left: 0;
       position: absolute;
       top: -45px;	
}
#address
{
	padding-right:20px;
	background:url(mark.png) no-repeat right center;
}

.store-table div div div
{
	padding-left:30px;
}
.mystore .store_locator #search label
{
	display:none;
}
.store-list{
        height: 500px;
        overflow-y: scroll;
        overflow-x: hidden;
        width: 40%;
}
.store-row{
        padding-left: 10px;
}
.col-address{
        width : 36%;
}
.store-image{
        width:4%;
}
.store-table{
        float: left;
        margin: 1%;
        padding: 0% 1% 3%;
        width: 95%;
}

.first{
/*    border-top: 1px solid grey ;*/
}
.span-geoloc{
    cursor:pointer;
    background-color: #7e2222;
    color:#fff;
    border-top: 1px solid #000000;
    border-left: 1px solid #000000;
    border-bottom: 2px solid #808080;
    border-right: 2px solid #808080;
    /*-moz-box-shadow: inset -1px -1px grey;
    -webkit-box-shadow: inset -1px -1px grey;*/
    padding : 1px 5px 0px 5px;
	clear:both;
    float:right;
    margin-top:5px;
}
.span-geoloc:active{
    background-color: #6b1b1b;
     border-bottom: 2px solid #696969;
     border-right: 2px solid #696969;
 }
 .store-name{
     cursor: pointer;
     text-decoration: underline;
     font-size: 14px;
     margin-top: 10px;
}

 .store-description{
     width:350px;
     padding-top:10px;
     clear:both;
     overflow-y: auto;
     max-height: 100px;
 }

 .store-info{
     max-height:400px;
     min-width:250px;
     text-align: center; 
}
 .store-image-infoWindow {
     width:150px;
 }

 .store-image-div-infoWindow{
    width: 160px;
    margin: 0 auto;
 }

.store-name-infoWindow {
    margin-left:15px;
 }
.sh2
{
	font-size:24px;
}
 .store-name-infoWindow h3{
     font-size:14px;
 }
 #search .input-text {
     width: 300px;
     padding: 5px; height: 37px; border: none; -webkit-box-shadow: none; box-shadow: none;
 }
 #search{
    /* margin-bottom: 10px;*/
 }

#panel{
    float:left;
    margin-top:15px;
}

.pac-container .pac-item{
   text-align:left;
}
.sub_logo{
	width: 100px;
	height: 53px;
}
.mr-rght{
	margin-right: 20px;
}
.mar_top_bt{
	margin: 28px 0 35px;
	background: #ccc;
	height: 1px;
}
.grid_6 #search{
	font-weight: bold;
	line-height: 30px; min-width: inherit; padding: 0px;
}
.adp-directions {
    border-collapse: collapse;
    cursor: pointer;
    width: 100% !important;
}

@media(max-width: 568px)
{
   .store-info {
    text-align: left;
   }

   .store-image-div-infoWindow {
    margin: 0;
   }
}

@media only screen and (min-width: 480px) and (max-width: 1024px) {
.res_screen1{
	width: 94% !important;
}
.res_screen2{
	width: 100% !important;
}
#panel {
    float: left;
    margin-top: 15px;
    width: 100%;
}
#map_canvas{
	margin-left: 0 !important;
}
.store-table{
/*	height: 170px !important; */
}
}
@media only screen and (min-width: 320px) and (max-width: 480px) {
.res_screen1 #search .input-text {
    padding: 5px;
    width: 254px !important;
}
.store-table{
	height: auto !important;
}
}
@media only screen and (min-width: 320px) and (max-width: 640px) {
.store-table {
    width: 100%;
    clear: both;
}
.store-list
{
width:100%;
}
#secondbox
{
    width:100% !important;
    margin-top:25px !important;
}
}

#store-list::-webkit-scrollbar {
    width: 3px;
}
 
#store-list::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
 
#store-list::-webkit-scrollbar-thumb {
  background-color: green;
  outline: 1px solid slategrey;
}