#map {
	height: 666px !important;
}
.page-title-wrapper{
	display:none !important;
}
html, body {
	height: 100%;
	margin: 0;
	padding: 0;
}
#addressInput{
	width: 29.1%;
	float: left;
}
#chanceSlider{
	width: 25%;
    margin-left: 2%;
    float: left;
} 

.page-title-wrapper{
	display:none !important;
}


.storelocations-index-index input::-webkit-input-placeholder {
     opacity: 0.5; /*Change the opacity between 0 and 1*/
}


#searchButton{
	background:  url(../images/search_map.jpg) no-repeat;

}
#reset{
	background:  url(../images/reset_map.jpg) no-repeat;

}
.storelocator-wrapper{
	padding: 10px 0px;
}
	
h2.title-page{
	
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 9px 19px 8px 87px;
    background: #e22032 url(../images/store-location-map.png) no-repeat 15px center;
    background-size: 58px;
    margin-top: 10px !important;
    margin-bottom: 20px;
    
}

.map-main{
	padding: 10px 0px;
    width: 95%;
    margin: 0px auto !important;

}

.search-section{
	width: 100%;
    float: left;
    margin: 10px 0px;
}

.search-section-find-store{
	background-color: #e22032;
    color: #ffffff;
    float: left;
    padding: 8px 10px 8px 10px;
    font-size: 14px;
    font-weight: bold;
    border-color: white;
    margin-right: 10px solid;

}

.search-section-show-retailer{
	padding: 8px 10px 8px 10px;
    color: #fff;
    border-right: 1px solid;
    cursor: pointer;
    background-color: rgb(238,240,241);
    color: #000000;
    font-size: 14px;
    font-weight: bold;
    float: left;
    border: none;

}

.locations-stores{
	width: 35%;
    float: left;
    border: 1px solid #ddd;
    padding-bottom: 20px;
    height: 643px;
    overflow-y: auto;
    background-color: #f8f8f8;
}
.locations-map{
	width: 64%;
    float: right;
    padding-bottom: 20px;
}
.locations-content{
	width: 100%;
    float: left;
}
.locations-stores ul{
    box-sizing: border-box;
    list-style: none;
    padding: 0px;
}
.locations-stores ul li a{
	font-size: 11px !important;

}
.locations-stores ul li{
    display: block;
    padding: 10px 0;
    float: none;
    width: 88%;
    margin-bottom: 10px;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 1px 1px 5px #D6D6D6, -1px -1px 7px #D6D6D6;
    cursor: pointer;
    min-height: 97px;
    overflow: auto;
    padding: 10px 15px;
    list-style: none;
     margin: 10px auto !important;
} 
.locations-stores ul li:hover{
	   
	 background-color: #eee;

}
.street_view_open{
	color: rgb(226, 32, 50);
    font-weight: bold;
    padding-top: 7px;
 

}
.street_view_open:hover{

	text-decoration: underline;
}
.image_store_section{
	width: 21%;
    float: left;
    text-align: center;
}
.image_store_section img{
	max-width:80%;
}
.content_store_section{
	width: 73%;
    padding: 0px 2%;
    float: left;
    
}
.content_store_section h3{
	margin-top: 5px !important;
	color: rgb(68,68,68)
}

.content_store_section h3 a{
	color: rgb(68,68,68) !important;
}
.locations-stores-title{
    font-size: 14px; font-weight: bold; background-color: #e22032; margin-bottom: 10px; padding: 10px 15px; margin: 0; color: #fff;
}

.graphicon_store{
    position: relative;
    display: inline-block;
    width: 1.25em;
    height: 0.8em;
    margin-right: 0.3em;
    border-top: 0.2em solid #fff;
    border-bottom: 0.2em solid #fff;

}

.graphicon_store:before{
	 content: "";
    position: absolute;
    top: 0.3em;
    left: 0px;
    width: 100%;
    border-top: 0.2em solid #fff;
}
.locations-stores-title strong {
	  font-family: 'Roboto Condensed',sans-serif !important;
	  font-size: 16px;
}
.h2{
	font-family: 'Roboto Condensed',sans-serif !important;
}

#locationField, #controls {
	position: relative;
	width: 480px;
}

#autocomplete {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 99%;
}
.label {
	text-align: right;
	font-weight: bold;
	width: 100px;
	color: #303030;
}
#address {
	border: 1px solid #000090;
	background-color: #f0f0ff;
	width: 480px;
	padding-right: 2px;
}
#address td {
	font-size: 10pt;
}
.field {
	width: 99%;
}
.slimField {
	width: 80px;
}
.wideField {
	width: 200px;
}
#locationField {
	height: 20px;
	margin-bottom: 2px;
}
input[type=range] {
  -webkit-appearance: none;
  margin: 10px 0;
  width: 100%;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 11px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 1px 1px 1px #D1D1D1;
  background: #DBDBDB;
  border-radius: 5px;
  border: 1px solid #D1D1D1;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 0px 0px 0px #FFFFFF;
  border: 0px solid #FF1C1C;
  height: 22px;
  width: 8px;
  border-radius: 3px;
  background: #E80E0E;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -6px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #DBDBDB;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 11px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 1px 1px 1px #D1D1D1;
  background: #DBDBDB;
  border-radius: 5px;
  border: 1px solid #D1D1D1;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 0px 0px 0px #FFFFFF;
  border: 0px solid #FF1C1C;
  height: 22px;
  width: 8px;
  border-radius: 3px;
  background: #E80E0E;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 11px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #DBDBDB;
  border: 1px solid #D1D1D1;
  border-radius: 10px;
  box-shadow: 1px 1px 1px #D1D1D1;
}
input[type=range]::-ms-fill-upper {
  background: #DBDBDB;
  border: 1px solid #D1D1D1;
  border-radius: 10px;
  box-shadow: 1px 1px 1px #D1D1D1;
}
input[type=range]::-ms-thumb {
  box-shadow: 0px 0px 0px #FFFFFF;
  border: 0px solid #FF1C1C;
  height: 22px;
  width: 8px;
  border-radius: 3px;
  background: #E80E0E;
  cursor: pointer;
}
input[type=range]:focus::-ms-fill-lower {
  background: #DBDBDB;
}
input[type=range]:focus::-ms-fill-upper {
  background: #DBDBDB;
}
.error-noresults{
	color: #e22032;
	text-align: center;
	padding: 10px;
	border: 0px solid;
	font-weight: bold;
	margin: 10px;
}
#searchButton, #reset{
	height: 30px !important;
    width: 85px;
    border: none;
    margin-top:5px;

}
.img_str{
	width: 21px;
	float: left;
	margin-right: 10px;
}
.online_retailers_table{
	float:left;
	width:100% !important;
	margin-top:12px !important;
}
.map-main.ui-widget-content{
	float:left !important;
}
.map-main .ui-widget-content{
	float:left !important;
}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable{
	float:left !important;
}
.ui-widget-overlay {
   background-color: white !important;
}
.black_overlay {
  display: none;
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: black;
  z-index: 1001;
  -moz-opacity: 0.8;
  opacity: 0.5;
  filter: alpha(opacity=80);
}
.white_content {
	display: none;
	position: absolute;
	top: 35%;
	left: 35%;
	width: 25%;
	height: 13%;
	border: 4px solid #e4dfd5;
	border-radius: 9px;
	background-color: white;
	z-index: 1002;
	overflow: auto;
	text-align: center;
}
.daily_limit{
	float: left;
	text-align: center;
	width: 100%;
	padding: 10px 0px;
}

.stores_onload{display:none;}
td.logo_retailer.noborder img:hover{border:none !important;}
.noborder img:hover{border:none !important;}
td.logo_retailer.noborder:first-child img{
	border: none !important;
}
.gle_ret td{padding: 0px !important; margin: 0px !important; text-align: left; min-width: auto;width:auto !Important;}

.online_retailers_table table.table_border_line tr td {
    width: 13.3%;
    text-align: center;
}
.online_retailers_table{
	margin-top:0px !Important;
}
.online_retailers_table table.table_border_line td.gle_ret img:nth-child(3) {height: 85%;}
tr.online_titles td{
	    background-color: #ffffff !important;
	    padding:0px !important;
	    padding-bottom:5px !important;
}
.table_border_line_td{
	background-image: url("/media/Border_Bottom_new.png");
	background-repeat: no-repeat;
	z-index: 90000000;
	background-position: bottom;
	background-size: 97% 4px !important;
}
.online_retailers_table td{ 
    color: #000000 !important;
    font-size: 14px !important;
    font-family: 'Roboto Condensed', sans-serif !important;
    padding: 0px 0px !important;
    text-align: center;
    
}

td.gle_ret td {
    min-width: 21px !important;
    vertical-align: middle;
} 

.online_r_t a{font-weight:bold !important;color: #1979c3 !important; text-decoration: underline !important;}
.page-title{display:none;}
.online_retailers_table tr{border:none !important;}
.logo_retailer{width:222px ;}
.online_retailers_table{    width: 93% !important; margin-bottom: 20px;  }
.brand_images img {width: 100px !important;   height: auto !important;}
.logo_retailer{width: 262px !important;}
td.logo_retailer.noborder:first-child img:hover{max-width: 248.8px;}
td.logo_retailer.noborder:first-child img {
    max-width: 248.8px;
    width:100%;
}
td.logo_retailer img {
	height:50px;
}

td.logo_retailer.hasborder img{border: 1px solid #999999 !important;}
td.logo_retailer.hasborder td:hover{border: 1px solid #999999 !important;}
.gle_ret img:hover{border:none !important;}
.int_logo:hover{border:none !important;}
td.logo_retailer.noborder td:hover{border:none !important;}
.online_titles td{padding-top:10px !important;}
.online_titles strong{font-weight:700 !important;}
.online_retailers_table table.table_border_line td.gle_ret img.mobile-dealer-yes {
    display: none;
}
.online_retailers_table tr {
    height: 70px;
    vertical-align: middle;
}

.online_retailers_table table.table_border_line tr td:first-child {
    vertical-align: middle;
}

.online_retailers_table table.table_border_line tr td {
    vertical-align: middle;
}
@media only screen and (max-width: 900px) {
.online_retailers_table table.table_border_line td.gle_ret img.mobile-dealer-yes {
    display: block;
}
.online_retailers_table table.table_border_line td.gle_ret img.desktop-dealer-yes {
    display: none;
}
.online_retailers_table table.table_border_line td.gle_ret img {
    float: left;
    height: auto;
}
.online_retailers_table table.table_border_line td.gle_ret img:nth-child(3) {
    height: auto;
}

}

@media only screen and (max-width: 767px) {
	.page-header{border:none !important;}
	.logo_retailer {padding:2px 0px !important;}
	.gle_ret img{max-height:33px !important;}
	
	.online_retailers_table{  width: 98% !important; margin: 0px auto; float: none;}
	.gle_ret img{width:90% !important;}
	.logo_retailer{max-width: 100px; width:100px !Important;}
	td.gle_ret div {
		display: table;
		margin-left:2px;
	}

	
	.int_logo,.gle_ret{width: 100px !important;}
	
	.online_retailers_table table.table_border_line tr td{
		    vertical-align: middle !important;
	}
	td.gle_ret div{
		width: 60px !important;
	}
	td.gle_ret{
		min-width: 60px !important;
	}
	.table_border_line td{vertical-align: top !important;}
	.hide_mobile{display:none !important;}
	.online_titles{box-shadow:none !Important;}
	.online_retailers_table tr td:first-child{box-shadow:none !Important;}
	.online_retailers_table td {width:50% !Important;}
	.online_retailers_table table.table_border_line tr td{width:auto !important;}
	.online_titles td strong{    font-size: 12px !important;   line-height: 1.3 !important;}
	
	td.gle_ret{padding-left:35px !important;}
	.online_retailers_table td img{width:auto !important;}
	td.gle_ret table td:nth-child(1) img{
		    max-width: 45px !important;
	}
	td.gle_ret table td:nth-child(3) img{
		 max-width: 40px !important;
	}
	.online_retailers_table table.table_border_line td.gle_ret img.mobile-dealer-yes{
		height:42px !important;
	}
	.white_content{
		width: 80%  !important;
		margin: 0px auto  !important;
		text-align: center  !important;
		left: 10%  !important;
	}
	
}

@media only screen and (min-width: 768px) {
	.online_retailers_table table.table_border_line tr td:first-child {
		width: 20%;
	}
	.gle_ret{text-align:left !important;}
	.gle_ret div{padding-left:10px !important;}
	.brand_images td:first-child{
		width:20% !important;
	}
	
	td.gle_ret div {
		display: table;
		margin-left:15px;
	}
	.logo_retailer {padding:2px 0px !important;}
	.gle_ret img{max-height:47px !important;}
	.table_border_line img{max-height:47px !important;}
	
	
}

@media only screen 
	and (min-device-width : 768px) 
	and (max-device-width : 1024px)  {
	
	.online_retailers_table{width:100% !important;}
	.gle_ret{text-align:left !important;}
	.gle_ret div{padding-left:10px !important;}
	.brand_images td:first-child{
		width:15% !important;
	}
	
	td.gle_ret div {
		display: table;
		margin-left:10px;
	}
	.logo_retailer {padding:2px 0px !important;}
	
	.gle_ret td{width:auto !Important;min-width: 15px;}
	.online_retailers_table td { min-width: 12px !important;}
}
@media only screen and (max-width: 550px) {
	td.logo_retailer img {
		height: 35px;
	}
	.online_retailers_table tr {
		height: 55px;
	}
	td.logo_retailer:first-child img {
		max-width: 155px !important;
		width: 100% !Important;
		height:auto !important;
	}

	td.logo_retailer.noborder:first-child img{
			max-width: 157px !important;
			width: 100% !important;
	}

	td.logo_retailer {
		padding-right: 10px !important;
	}
}
@media only screen 
	and (min-device-width : 768px) 
	and (max-device-width : 1024px) 
	and (orientation : landscape) {
			.gle_ret table td:first-child{min-width:45px !important; width:45px !important;}
			.brand_images td:first-child{
				width:140px !important;
			}
			.gle_ret table td {

				vertical-align: middle;
			}
			.online_retailers_table td{
				padding:2px 0px !Important;
			}
    
	}



@media only screen 
	and (min-device-width : 768px) 
	and (max-device-width : 1024px) 
	and (orientation : portrait) {
		.logo_retailer {padding:2px 0px !important;}
		.gle_ret td img{
			    width: auto !important;
		}
		.gle_ret table td { vertical-align: middle !important;}
		.brand_images td:first-child{
				width:100px !important;
		}
		.logo_retailer{
			width: 30% !important;
		}
		.table_border_line img{
			max-height:38px !important;
		}
}
.gle_ret table td { vertical-align: middle; padding: 0px !important;}
@media only screen and (max-width: 522px){
	
	.storelocator-wrapper .mgs-search-box .search-tab{
		width: 50%;
		border:none !important;
	}
	
	.map-box-container .action.primary, .storelocator-wrapper .action.primary{
		padding: 0px 15px !Important;
	}
	.storelocator-wrapper.col-full{
		width: 90% !important;
		margin: 0px auto !Important;
		float: none !important;
		margin-top:10px !important;
	}

	.map-box-container{
		height: 206px !important;
	}
	.gm-style .gm-style-iw{
			width: 100% !Important;
	}
	.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget iframe{
		width:100% !Important;
	}


	.storelocator-wrapper .mgs-search-box .slider-range{
		width:100% !important;
		margin-top: -10px !important;
	}	
	.storelocator-wrapper .mgs-search-box .search-content .slider-range-min .show-unit{
		right: 0px;
	}
	.storelocator-wrapper #popupdiv2{
		height:auto !important;
	}
	
	.storelocator-wrapper #popupdiv  #close-btn{
		
		margin-top:0px !important;
		cursor: pointer;
		z-index: 11103;
		position: absolute;
		top: 10%;
		right: -67% !important;
		width: 100%;
		padding: 10px;
		margin-left: 25%;
	}
	
	
	.storelocations-search-section {width:100% ;}
	.search-section-find-store{
		width: 43% !important;
		float: left;
		text-align: center;

	}
	.search-section-show-retailer{
		width: 42% !important;
		float: right;
		text-align: center;
	}
	#addressInput{
		width: 49% !important;
	}
	#chanceSlider{
		width: 35% !important;
	}
	.search_secttion_d{
		float: none;
		width: 73%;
		margin: 0px auto !important;
		clear: both;
		float: none !important;
	}
	#searchButton{
		float: left !important;
	}
	#reset{
		float: right !important;
	}
	.locations-stores{
		height: 201px !important;
		width: 100% !important;
		margin-bottom: 10px;
	}
	.locations-content{
		width: 100% !important;
		float: left !important;
	}
	.locations-map{
		width: 100% !important;
	}
	#searchButton, #reset{
			height:25px !important
	}	
	.storelocations-search-section {width:100% ;}
}


/*NEw css*/
.online_retailers_table tr.online_titles.on_mob td:after {
    content: "";
    width: 100%;
    top: -5px;
    height: 30px;
    left: 0px;
    background: transparent;
    position: absolute;
    box-shadow: 0px -7px 15px -9px #b5b5b5;
}
.online_retailers_table tr.online_titles.on_mob td:first-child:after {
    left: 18px;
}
.online_retailers_table tr.online_titles.on_mob td{
    position:relative;
}
@media only screen and (max-width: 767px) {
	.online_retailers_table tr.online_titles.on_mob td:after {
		display:none;
	}
}
/*New css*/