/* css buttons */
.cssButton, .cssButtonHover {
  font-family:Arial, Helvetica, sans-serif;
  font-weight:700;
  line-height: 21px;
  height: 21px;
  vertical-align: middle;
  background-image: url(../images/button-bg.gif);
  border: 1px outset #F4F4F4;
  color: white;
  white-space: nowrap;
  text-align: center;
  cursor: pointer;
  margin: 1px;
  padding: 0 5px;
}

.cssButtonHover, a:hover .cssButton, .cssButton:hover{
  color: #c0c0c0;
  background-image: url(../images/button-bg.gif);
}

/* bof some IE comp. stuff */ 
.cssButton, .cssButtonHover{
  /*  _width: 0; needed to stop IE adding "magic" padding to the input, _witdh is a hack that uses an IE bug */
  /* to remove this hack move the width setting to an IE specific stylesheet */
  _width: 0;
  overflow: visible;   
}
/* eof some IE comp. stuff */

span.cssButton, span.cssButtonHover{
/* added to get the right line-height */
display: block;
}

.navNextPrevWrapper span.cssButton, .navNextPrevWrapper span.cssButtonHover{
/* note that the diplay inline removes line-height from the element (depending on doctype settings) */
display: block;
}

td .cssButton, td .cssButtonHover{
/* prevents buttons taking the full width of table cells */
display: inline;
}

.button_sold_out_sm {
position: relative; top: -190px;
background: red;
}