a img {
  border: none;
}

.image {
  position: relative;
  display: inline;
}

.viewer td.previous,
.viewer td.next {
  cursor:              pointer;
  background-position: center center;
  background-repeat:   no-repeat;
}

.viewer td.previous {
  width:            24px;
  background-image: url('BoxedArrowLeft.png');
}

.viewer td.next {
  width:            20px;
  background-image: url('BoxedArrowRight.png');
}

.miniature {
  cursor: pointer;
}

.image .picture {
  position: relative;
  display:  inline;
}

.image .magnifier {
  position: absolute;
  display:  none;
  left:     1px;
  bottom:   6px;
  _left:    1px;
  _top:     1px;
}

area {
  border: none;
}