/* Slideshow.css
 * 
 * CSS information for the vehicle pictures popup
 * @version 2017.03.27 jln Ticket 364843, show vehicle images with new javascript
 * @version 2017.04.27 jln Ticket 375910 & 375921, spacing between thumbnails and slide
 * @version 2020.02.10 dcs Ticket #513847 - changes for ChromeData stock images
 */

.ui-no-title .ui-dialog-titlebar {
  display: none;
}

#photopopup {
  background-color: black;
  color: white;
}

#slideshow_holder {
  width: 100%;
  height: auto;
}

#photo-viewer-stock-photo-note {
  text-align: center;
  font-size: 12px;
  font-style: italic;
  padding-bottom: 3px;
}

#slideshow_header {
  display: block;
  width: 100%;
  background-image: url('images/blackbg.png');
  text-align: center;
  margin: 5px auto 0 auto;
  z-index: 1050;
  max-height: 75px;
}

#slideshow_header > div {
  line-height: 1;
}

#slideshow_header .dealername {
  font-size: 125%;
  font-weight: bold;
}

#slideshow_header .dealerphone {
  font-weight: bold;
}
#slideshow_header .dealerphone > a {
  color: white !important;
  text-decoration: none;
}
#slideshow_holder .bx-wrapper:first-child {
  margin: 0 auto 10px auto !important;
}
/** @version 2017.04.26 jln Ticket 375791, qualify the bx-wrapper to the slideshow, was affecting carousel on home page **/
#slideshow_holder .bx-wrapper,
#slideshow_holder .bx-viewport {
  background-color: black !important;
  border: none !important;
}

.bx-wrapper img {
  margin: 0 auto !important;
}

ul#bx-pager li a {
  width: auto !important;
  height: auto !important;
}

@media (min-width: 801px) {
  #slideshow_header {
    width: 40%;
  }
  #slideshow_holder {
    height: 500px;
  }
}
@media (min-width: 901px) {
  #slideshow_holder {
    height: auto;
  }
  /** @version 2017.05.08 jln Ticket 378288, resize but keep aspect ratio if too big, remove css declaration in favor of server side **/
  /*ul#bxslider li img
	{
		width: 660px;
		height: 500px;
	}*/
}

@media (min-width: 1200px) {
}