#my_gallery {
  position: relative;
  width: 475px;
  margin: 0px;
}

#my_gallery .viewport {
  background: #fff;
  position: relative;
  z-index: 0;

  display: table-cell;
  text-align: center;
  vertical-align: middle;
  width: 475px;
  height: 475px;
}

#my_gallery .viewport * {
    vertical-align: middle;
}
#my_gallery .viewport {
    display: block;
}
#my_gallery .viewport span {
    display: inline-block;
    height: 100%;
    width: 0px;
}

#my_gallery .viewport span {
    display: inline-block;
    height: 100%;
}

#my_gallery .next {
  display: none;
}

#my_gallery .previous {
  display: none;
}

#my_gallery .thumbnail_row {
  position: relative;
  width: 475px;
  float: left;
  padding: 0px 0px;
  background: #505050;
  height: 63px;
  overflow: hidden;
}
#my_gallery .thumbnail_row .page_button {
  width: 15px;
  height: 61px;
  margin: 1px 0px 1px 0px;
  float: left;
  overflow: hidden;
}
#my_gallery .thumbnail_row .page_button.next_page {
  background: url('../images/next_page.gif');
}
#my_gallery .thumbnail_row .page_button.previous_page {
  background: url('../images/previous_page.gif');
}
#my_gallery .thumbnail_row .thumbnail_container {
  position: relative;
  width: 445px;
  overflow: hidden;
  float: left;
  margin: 1px 0px 1px 0px;
  padding: 0px;
}
#my_gallery .thumbnail_container ul.thumbnails {
  position: relative;
  float: left;
  margin: 0px;
  padding: 0px;
  list-style: none;
}
#my_gallery .thumbnail_container ul.thumbnails li.thumbnail {
  width: 72px;
  height: 61px;
  margin: 0px;
  padding: 0px;
  float: left;
  overflow: hidden;
}
#my_gallery .thumbnail_container ul.thumbnails li.thumbnail.selected {
}
#my_gallery .thumbnail_container ul.thumbnails li.separator {
  float: left;
  width: 2px;
  height: 61px;
  margin: 0px;
  padding: 0px;
}