/* Copyright (c) Design Matrix, 2004-2012, all rights reserved.
   http://www.designmatrix.com
   Style sheet for slideshow.
*/
#thumbs {
  height: 104px;
  margin-right: auto; margin-left: auto;
  white-space: nowrap;
  border: 0px solid blue;
}
.thumb {
  border: 1px solid #000000;
  background: #FFFFFF;
  cursor: pointer;
  margin: 1px;
}
#buttonform, .centered {
  border: 0px solid black;
  text-align: center;
}
#screen {
  width: 100%;
  height: 264px;
  height: 300px;
  border: 0px solid black;
  text-align: center;
}      
#slideimg {
  border: 16px solid black;
  cursor: pointer;
}
#thumbs div, #thumbs img {
  display: inline;
  vertical-align: middle;
}
@media only screen and (max-width: 600px) {
  #slideimg {
    max-width: 98%;
    height: auto;
  }
  #thumbs div, #thumbs img {
    margin: 0;
    padding: 0;
    max-width: 10%;
  }
}
@media only screen and (max-width: 360px) {
  #thumbs div, #thumbs img {
    max-width: 9%;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  #screen {
    height: 600px;
  }
}