/* ==========================================================================
   Google Maps styles
   ========================================================================== */

/*
 * Maps
 */

.googlemaps-container {
  width: 474px;
  height: 267px;
  margin-top: 37px;
}
.googlemaps-container-distributor-locator {
  width: 474px;
  height: 350px;
  margin-top: 37px;
}

.googlemaps-container-projects {
  width: 642px;
  height: 361px;
  margin-top: 37px;
}

/*
 * Directions
 */

.directions-from {
  margin: 4px 0 0;
}

.directions-to {
  margin: 27px 0 6px;
}

.directions-actions {
  padding-top: 41px;
  margin: 40px 0 0;
  border-top: 1px solid #eee;
}

  .directions-actions-button {
    margin-top: -11px;
  }

  .directions-actions-button:first-child {
    margin-left: 20px;
  }

.googlemaps-directions-list-item {
  margin: 5px 0;
}

.googlemaps-directions .instructions {
  display: inline-block;
  width: 404px;
  vertical-align: top;
}

.googlemaps-directions .distance {
  display: inline-block;
  width: 46px;
  white-space: nowrap;
}

[class*="googlemaps-info"] {
  padding: 15px 0 15px 50px;
  margin: 20px 0 0;
  background: #eee;
  color: black;
  position: relative;
}

.googlemaps-info-start:before {
  content: ' ';
  position: absolute;
  top: 12px;
  left: 11px;
  background: url('../images/sprites/from-marker.png') no-repeat 0 0;
  width: 53px;
  height: 35px;
}

.googlemaps-info-end:before {
  content: ' ';
  position: absolute;
  top: 12px;
  left: 11px;
  background: url('../images/sprites/tbi-marker.png') no-repeat 0 0;
  width: 53px;
  height: 35px;
}