.location-container {
	position: relative;
}
.location-container:before {
	content: "";
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: url(/images/layout/bg-field.jpg) no-repeat;
	background-size: 100% auto;
	position: absolute;
}
#location-map-canvas {
	height: 400px;
	width: 100%;
	margin: 0 auto 0px;
	border: 2px solid white;
}
.dealers-navigation {
	background-color: #D4261C;
	padding: 30px 0;
}
.dealers-navigation form p {
	color: #fff;
}
.dealers-navigation form p:last-child {
	margin-bottom: 0;
}
/* Location Listing */
#page-location-list .location-list, 
#page-location-list .gas-station-list {
	display: none;
	position: relative;
	padding-top: 60px;
}

#page-location-list .location-list h3,
#page-location-list .gas-station-list h3{
	font-size: 140%;
	margin:30px auto;
	padding: 20px 15px;
	text-align: center;
	color: #FFF;
	text-transform: uppercase;
	background-color: #9f0618;
}

#page-location-list .location-list ul,
#page-location-list .gas-station-list ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.location-list div ul li,
.gas-station-list div ul li {
	position: relative;
	display: inline-block;
	width: 23%;
	margin-left: 1.3%;
	vertical-align: top;
	min-height: 300px;
	background-color: #FFF;
	border-radius: 0 0 5px 5px;
	padding: 30px 0 0;
	margin-bottom:105px;
	text-align: center;
}

.location-list p,
.gas-station-list p{
	color:#000;
	font:16px 'OpenSans', sans-serif;
	margin:20px auto;
	padding: 0 10px;
	word-wrap: break-word;
}

/* no locations found */
.location-list div > p,
.gas-station-list div > p {
	background-color:#FFF;
	color:#000;
	padding:20px;
}

.location-list ul,
.gas-station-list ul {
	font-size:16px;
}

.location-list div ul li em, 
.location-list div ul li h4,
.gas-station-list div ul li em,
.gas-station-list div ul li h4 {
	font-size:22px;
}

.location-list div ul li h4,
.gas-station-list div ul li h4 {
	padding:0 10px;
	margin-top:12px;
	margin-bottom:12px;
}

.location-list ul li .view-on-map,
.location-list ul li .weekly-ads
{
	position: absolute;
	top:100%;
	left:0;
	display: inline-block;
	height:auto;
	width:100%;
	color:#FFF;
	font-family:'OpenSans', sans-serif;
	padding:25px;
	background-color:#b9012f;
	margin-top: 5px;
	transition: all 0.3s ease 0s;
}
.location-list ul li .view-on-map:hover {
	background-color: #980126;
}
.gas-station-list ul li .view-on-map{
	position: absolute;
	top:100%;
	left:0;
	display: inline-block;
	height:105px;
	width:100%;
	color:#FFF;
	font-family:'OpenSans', sans-serif;
	padding-top:70px;
	background-color:#26292E;
}

.location-list ul li .weekly-ads,
.gas-station-list ul li .weekly-ads {
	left:auto;
	right:0;
}

.location-list ul li .view-on-map:before,
.location-list ul li .weekly-ads:before,
.gas-station-list ul li .view-on-map:before,
.gas-station-list ul li .weekly-ads:before {
	content:"";
	display: inline-block;
	
	position: absolute;
	top:16px;
	left:50%;
	
	background-position:center center;
	background-repeat:no-repeat;
	background-attachment: scroll;
}

.location-list ul li .view-on-map:before,
.gas-station-list ul li .view-on-map:before {
	width:45px;
	height:41px;
	margin-left:-22px;
}

.location-list ul li .weekly-ads:before,
.gas-station-list ul li .weekly-ads:before {
	width:51px;
	height:40px;
	margin-left:-25px;
}

.location-list ul li .view-on-map + .weekly-ads,
.gas-station-list ul li .view-on-map + .weekly-ads {
	margin-left:1%;
}

#page-location-list .location-list ul li:first-child,
#page-location-list .gas-station-list ul li:first-child {
	margin-left: 0;
}

#page-location-list .location-list .icon,
#page-location-list .gas-station-list .icon {
	display: inline-block;
	width: 24px;
	height: 24px;
	background: transparent none no-repeat scroll center center;
	text-indent: -9999px;
	vertical-align: bottom;
}

.location-list .location-distance,
.gas-station-list .location-distance {
	display: block;
	padding:15px;
	margin:0 auto;
	color:#FFF;
	background-color:rgba(25, 16, 11, 0.85);
	
	/* default font styling -- for 'miles' */
	font:16px "OpenSans", sans-serif;
	text-transform: uppercase;
	position: absolute;
	bottom: 0;
	width: 100%;
}

.location-list .location-distance em,
.location-list .location-distance strong,
.gas-station-list .location-distance em,
.gas-station-list .location-distance strong {
	display: inline-block;
	vertical-align: baseline;
	line-height:1;
}

.location-list .location-distance em,
.gas-station-list .location-distance em {
	font:26px "OpenSans",sans-serif;
	text-transform:capitalize;
}

.location-list .location-distance strong,
.gas-station-list .location-distance strong {
	font:36px "OpenSans Bold", sans-serif;
}

#form-map-search p {
  text-align: center;
  font-size: 18px;
}
#form-map-search p span label:first-child {
	margin-right: 15px;
}
.extra-button.whiteBTN {
	padding: 10px 22px;
	font-size: 16px;
}

#search-zip-code {
  width: 300px;
  text-align: center;
  font-size: 18px;
  line-height:1.6;
	height: 48px;
	vertical-align: bottom;
}

#locationList ul, #locationList > p {
	margin:0;
	background-color:#DFD9CE;
	list-style: none;
	padding:20px 15px;
	text-align: left;
}

.whiteBTN {
	display: inline-block;
  color:#FFFFFF;
  padding: 13px 32px;
  font-size: 18px;
  border: 2px solid #FFFFFF;
  line-height: 18px;
  background: transparent;
  font-family: 'OpenSans';
  text-transform: uppercase;
  margin-left: 24px;
}

.whiteBTN:hover {
  color: #000000;
  background: #FFFFFF
}

.all-locations,
.location-list {
	position: relative;
	max-width: 1780px;
	margin: auto;
  padding-top: 50px;
}
.full-content h1 {
	text-align: center;
	margin-bottom: 20px;
	padding: 0px 10px;
}
.all-grocery h3,
.all-gas h3 {
  font-family: 'OpenSans Bold';
  font-size: 24px;
  text-align: center;
  padding: 20px 0px;
  display: block;
  width: 100%;
  color: #26292e;
  text-transform: uppercase;
  background: #eaeaea;
  margin-bottom: 65px;
}

.all-locations .main {
  max-width: 1780px;
}

.all-locations ul {
  list-style: none;
  display: block;
  width: 100%;
  font-size: 0px;
}

.all-locations ul li {
	position: relative;
  display: inline-block;
  font-size: 14px;
  color: #26292e;
  padding: 15px;
  margin-bottom: 54px;
  min-height: 230px;
  width:25%;
  font-family: 'OpenSans';
  text-align: center;
  vertical-align: top;
}
address {
	font-size: 14px;
}

#page-location-list {
	font-size:16px;
	padding-left:0;
	padding-right:0;
}

.all-locations ul li:hover {
  background-color: rgb(255, 255, 255, 0.5);
}

.all-locations ul li div {
  display: inline-block;
  text-align: left;
  width: 194px;
}

.all-locations ul li.first-li {
  border: none;
}

.all-locations ul li + li {
  border-left: 1px solid #d4d4d5;
  transition: all 0.3s ease 0s;
}

.all-locations ul li address, 
.location-list ul li address,
.gas-station-list ul li address {
  font-style: normal;
}

.all-locations ul li em, 
.location-list ul li em,
.gas-station-list ul li em{
  display: block;
  font-family: "OpenSans Bold";
  font-size: 16px;
  padding-bottom: 4px;
}

.location-list ul li em,
.gas-station-list ul li em {
	padding-bottom:0;
}

.all-locations ul li p {
  color: #26292e;
  padding-bottom: 18px;
}

.all-locations ul li address,
.location-list ul li address,
.gas-station-list ul li address,
.all-locations ul li p {
	font-size: 14px;
  line-height: 22px;
}

.view-on-map,
.weekly-ads,
.preferred-loc {
  display: block;
  font-family: 'OpenSans Bold';
  text-transform: uppercase;
}

.location-list li.is-preferred {
	background-color:#EFEFEF;
}

.all-grocery li.is-preferred {
/*
  font-size: 110%;
  color:#004a8e;
*/
	background-color:#EAEAEA;
}

.grayed .preferred-loc {
	color:#999;
}

.grayed .preferred-loc:hover {
	color:#004A8E;
}

.is-preferred .preferred-loc.small, .is-preferred .preferred-loc {
	font-size: 110%;
	color:#004A8E;
}

.view-on-map,
.weekly-ads {
  padding: 0px;
  margin: 0px;
  color: #0d3a85;
}

.all-location .view-on-map,
.all-location .weekly-ads {
  padding: 7px 10px;
  color: #fff;
  cursor: pointer;
	position: absolute;
	bottom: 15px;
	font-size: 14px;
	line-height: 15px;
}
.all-location .view-on-map:hover {
	border-color: #b9012f;
}

.preferred-loc {
  padding-top: 0px;
}

.is-preferred .preferred-loc {
  padding-top: 40px;
}

.location-list ul li .preferred-loc {
	margin:25px auto 30px;
	padding-top:0;
}

.all-locations h4, 
.location-list ul li h4,
.gas-station-list ul li h4{
  color: #000;
  font-family: 'OpenSans Bold';
  text-transform: uppercase;
  font-size: 18px;
  line-height: 20px;
  padding-bottom: 10px;
}

.all-locations ul li .save-as {
  padding: 19px 0px 0px 0px;
  margin: 0px;
  color: #999;
}

.all-locations ul li.is-preferred .save-as {
  display: none;
}

  @media screen and (max-width:900px) {
	  .location-list div ul li, .gas-station-list div ul li {
			margin: 0 2% 105px 2% !important;
			width: 96%;	 
		}
		.all-locations ul li {
			width: 50%;
		}
  }
  
	@media screen and (max-width:670px) {
		#form-map-search label {
			display: block;
			margin: 0 0 10px;
		}
		#form-map-search .whiteBTN {
			display: block;
			margin: 15px auto;
		}
		.extra-button.whiteBTN {
			margin: auto !important;
			width: 250px;
		}
	}
  
  @media screen and (max-width:480px) {
		.all-locations ul li {
			padding: 20px 10px;
			min-height: 230px;
			margin-bottom: 0;
			width: 100%;
		}
		.all-locations ul li div {
			text-align: center;
		}
		.all-location .view-on-map, 
		.all-location .weekly-ads {
			bottom: 30px;
			left: 0;
			right: 0;
			margin: auto;
			max-width: 150px;
		}
  }