@import url(/style/base.css);

.gallery {
  width: 100%;
  height: 695px;
  padding: 20px 0;
  margin: 0;
}

/*
 * .thumb_holder div holds the thumbnail images and thumbnail paging tools
*/
.thumb_wrapper {
  height: 695px;
  width: 130px;
  float: left;
  border-right: 1px solid #000;
  padding: 0;
  text-align: center;
}

.thumb_wrapper .image {
  display:block;
  width: 80px;
  height: 80px;
  overflow: hidden;
  float: left;
  padding: 4px;
  margin: 0 0 0 20px;
  background-color: #000;
  /*border-bottom: 1px solid #faf0d5;*/
  border-bottom: 1px solid #baead6;
}

.thumb_wrapper .image a {
  display:none;
}

.thumb_wrapper .image img {
  cursor:pointer;
}

.thumb_wrapper img.thumb {
  cursor:pointer;
  top:auto;
  left:auto;
  display:block;
  width:auto;
  height:auto;
}

.thumb_wrapper .active img, .thumb_wrapper .active div {
  display:block;
}

.caption {
  margin-top: .5em;
  text-align: center;
}

/** html .gallery_image_big .image div span{width:400px} /* MSIE bug */

/*
 * .gallery_image_big div holds the gallery navigation bar and the large image
*/
.gallery_image_big {
  margin-left: 135px;
  padding: 0;
}

.gallery_image_big .image {
  text-align: center;
  vertical-align: middle;
  margin: 0;
  padding: 0 0 0 0;
}

.nav {
  text-align: center;
  padding: 2px 0 0 0;
  margin: 0 20px 20px 20px;
  font-size: .9em;
  font-weight: bold;
  background: #fff url('/graphics/h3_fade.png') repeat-x bottom left;
  border-top: 2px solid #93debf;
  color: #000;
}

.nav img, .nav p {
  margin: 0;
  padding: 0;
  vertical-align: middle;
}

.nav img {
  padding-bottom: 4px;
}

.slideshow_ctrl {
  margin-left: 4em;
}

.image_cnt, .pg_cnt {
  margin: 0 1em;
}