/**
 * @file
 * Positioning and default style definitions for the Yamaha Dealer Locator.
 * 
 * These are meant to be positioning definitions and a few quick default styles 
 * that are necessary to develop the pages. 
 * 
 * Please place any theme-specific styles in the theme.
 * 
 * Note that the two forms can be distinguished by looking for the following classes
 * on the top level div (as defined in the two tpl files):
 * 
 * .yam-dealerlocator-input - The first page, input form
 * .yam-dealerlocator-results - The results page / form
 */

/**
 * Global form css (both forms)
 */
 #edit-zip {
  width: 5em;
}

/**
 * Positioning definitions for input form (first page)
 */
 .locator-front-left {
  float: left;
  width: 300px;
}
.locator-front-right {
 float: left;
 margin-left: 30px;
 width: 590px; 
}
.input-locations-wrapper .loc-input-col1,
.input-locations-wrapper .loc-input-col2,
.input-locations-wrapper .loc-input-col3
{
  float: left;
  position: relative;
}


/**
 * Positioning definitions for Map container
 */
 #yam-map {
  position:relative;
  display: block;
  margin-bottom: 0;
  width: auto;
  margin-top: -34px;
}

/**
 * Positioning definitions for Info boxes
 */
 #yam-map .Infobox {
  border-color: #da1920 !important;
  border-left: 4px solid #da1920 !important;
  left: -15px !important;
  height: auto !important;
}
#yam-map .Infobox:before {
  content: '';
  display: block;
  width: 23px;
  height: 46px;
  background: url(/sites/all/themes/yamaha/_/images/dealer-locator/arrow.png) left top no-repeat;
  position: absolute;
  left: -27px;
  top: 30px;
  margin-top: -23px;
}
#yam-map .Infobox .infobox-body {
  padding: 8px;
  font-family: Helmet, Freesans, sans-serif !important;
}
#yam-map .Infobox .infobox-body .infobox-title {
  padding: 0 0 2px;
}
#yam-map .Infobox .infobox-body .infobox-info {
  padding: 0;
  font-size: 1.1em;
  line-height: 1.3;
  color: #000 !important;
  overflow: hidden !important;
}

#yam-map .Infobox .infobox-body .infobox-info .field-name-field-dealer-hours .field-items {
  margin-top: 0.5em;
  color: #666;
}

/**
 * Hide all instances of the location header (both infoboxes and results)
 * Check the locations and location tpl files to change the markup
 */ 
 #yam-dealerlocator-search-form .location-locations-header {
  display: none;
}

/**
 * Move the copyright statement so that it is by the Bing logo 
 */
 #yam-map .CopyrightContainer {
  float: left;
  left: 0px;
  margin-left: 80px;
  width: 300px;
  text-align: left;
  padding: 0px;
}
#yam-map .CopyrightContainer .fg,
#yam-map .CopyrightContainer .bg {
  float: left;
  left: 0; 
  top: 3px;
}
#yam-map .CopyrightContainer .bg {
  top: 4px;
  left: 1px;
}

/**
 * Positioning definitions for the close button 
 */
 #yam-dealerlocator-search-form #map-toggle {
  position: relative;
  float: right;
  z-index: 50;
  padding: 10px 31px 10px 10px;
  color: white;
  font-size: 1.4em;
  margin-top: -34px;
  font-weight: bold;
  background: #006496 url(/sites/all/themes/yamaha/_/images/buttons/gray-arrow-box-up.png) 89% 10px no-repeat;
}

#yam-dealerlocator-search-form #map-toggle.closed {
  background: #006496 url(/sites/all/themes/yamaha/_/images/buttons/gray-arrow-box-down.png) 89% 10px no-repeat;
}

#yam-dealerlocator-search-form #map-toggle:hover, #yam-dealerlocator-search-form #map-toggle:focus {
  cursor: pointer;
}

/**
 * Positioning definitions for the zipcode form below the map 
 */
 #yam-dealerlocator-zip-wrapper {
  text-align: right;
}
#yam-dealerlocator-zip-wrapper .form-item-zip {
  float: left;
  position: relative;
}
#yam-dealerlocator-zip-wrapper .form-item-zip label {
  float: left;
  margin-top: 5px;
}
#yam-dealerlocator-zip-wrapper .form-item-zip input.form-text {
  float: left;
  margin-left: 10px;
}

.page-dealer-locator input#edit-submit {
  float: right;
  margin-left: 0;
  border: 0;
  font-weight: bold;
  padding: 5px 10px;
  text-transform: uppercase;
  font-size: 1.5em;
}

input#edit-submit:hover, input#edit-submit:focus {
  cursor: pointer;
  background: #333;
}

/**
 * Positioning definitions for Filters css
 */
 /* Handles both the no js and pop-up versions. */
 #yam-dealerlocator-results-adv-filter {
  width: 600px;
  border: 1px solid #666666;
  background-color: #ffffff;
  color: #666666;
}
/* When nested in the advanced search table cell, this is the pop up version*/
th.advanced-search #yam-dealerlocator-results-adv-filter  {

}
#yam-dealerlocator-search-form .dealerlocator-filters-col1,
#yam-dealerlocator-search-form .dealerlocator-filters-col2 {
  float: left;
  width: 40%;
  padding: 0 4%;
  margin: 0 1%;
}
#yam-dealerlocator-search-form .dealerlocator-filters-col1 {
  background: #fff;
  position: relative;
}
/* Classification columns */
.locator-class-col1 {
  float: left;
  width: 55%;
}
.locator-class-col2 {
  float: left;
  width: 40%;
}
/* Classification groups */
.locator-class-group {
  margin-bottom: 15px;
}
/* Simple styles for the classification group dividers */
.locator-class-header {
  font-weight: bold;
}
/* Make the pontoon option look like a group header */
.locator-classifications-single-option-group {
  font-weight: bold;
  display: inline;
}

/**
 * Positioning definitions for Results header
 */
 #yam-dealerlocator-search-form .dropdown-link {
  border: 1px solid #ffffff;
}

/** 
 * Positioning definitions for Result items 
 */
 #yam-dealerlocator-search-form .address-and-phone {
  float: left;
  position: relative;
  width: 50%;
}
#yam-dealerlocator-search-form .other-links {
  float: left;
  position: relative;
  width: 50%;
}

/**
 * Positioning and Behavior definitions for the certification tooltips
 */
 .field-name-field-dealer-certifications {
  position: relative;
}
.locator-tooltip-icon {
  float: right;
  margin: 0 0 10px 10px;
}

/**
 * Positioning definitions for More button 
 */
 #yam-dealerlocator-more-wrapper #edit-more {
  position: relative;
  display: block;
  margin: 0 auto;
}

.yam-dealerlocator-results .location-link-contact-me a {

  padding-left: 22px;
  background: url(/sites/all/themes/yamaha/_/images/buttons/gray-arrow-box-right.jpg) left top no-repeat;
  display: block;
  margin-bottom: 3px;
  line-height: 16px;
}

#locator_radius {
  height: 22px;
  -webkit-appearance: menulist-button;
  border: 1px solid #006496;
  margin-top: -1px;
  margin-left: 5px;
}