.product-gallery img {
  display: none;
}
.galleria, .product-gallery {
  list-style:none;
  width: auto;
  margin: 0 auto;
}

#thumb-wrapper {
  width: 630px;
  float: left;
  margin-bottom: 15px;
}

/* we have to set the width manually to center the thumbnails. I have js calculating how many thumbs we have 
 *  and adding a class of thumb-count-x for us. Width is (90px + 5) * number of thumbs
*/
.thumb-count-2 .galleria { width: 190px; }
.thumb-count-3 .galleria { width: 285px; }
.thumb-count-4 .galleria { width: 380px; }
.thumb-count-5 .galleria { width: 475px; }
.thumb-count-6 .galleria { width: 570px; }

.galleria li {
  float: left;
  width:90px;
  height:50px;
}

.galleria li img.thumb {
  cursor:pointer;
  display: block;
  top:auto;
  left:auto;
  width: 80px;
  height: 50px;
}


* html .galleria li div span {width:400px;} /* MSIE bug */
.galleria-wrapper img { display: none; }


#gallery-stage { /* default height based on height of sportflip images */
  position: relative;
  height: 350px;
}

.footbeds  #gallery-stage { height: 420px; } 
.sandals  #gallery-stage { height: 350px; } 

#gallery-stage .caption {
  position: absolute;
  bottom: 13px;
  left: 10%;
  right: 10%;
  font-size: 125%;
  text-align: center;
}