#container {
  position: relative;
  width: 660px;
  height: 150px;
  overflow: hidden;
  border: 0px solid #ffffff;
  
}

#scroller {
  width: 2145px; 
  /* = width + margin left + margin right + padding*2 + border*2  from the content rule */
  /* change when adding more items + 165 */
}

/**
.content
{ background-image:url(bottombox.png); }
.special_width
{ background-image:url(bottombox_spcl.png); }
**/

.content, .content a:link, .content a:visited   {
  position:relative;
  top: 2px;
  width: 165px;
  height: 150px;
  background-color: transparent;
  float: left;
  padding: 0px;
  margin: 0px;
  border: 0px solid #ffffff;
  text-align: center;
  font: bold 11px Arial, Verdana, Times New Roman, Helvetica, sans-serif;
  color:#ffffff;
  text-decoration: none;
}

/** css for box of double width
.special_width, .special_width a:link, .special_width a:visited   {
  position:relative;
  top: 2px;
  width: 330px;
  height: 150px;
  background-color: transparent;
  text-align: center;
  align: center;
  float: left;
  padding: 0px;
  border: 0px solid #ffffff;
  text-align: center;
  font: bold 11px Arial, Verdana, Times New Roman, Helvetica, sans-serif;
  color:#ffffff;
  text-decoration: none;
}
**/

.scrollNav, .scrollNav a:link, .scrollNav a:visited  {
  position:relative;
  top: 2px;
  width: 40px;
  height: 150px;
  color:#ffffff;
  font: bold 11px Arial, Verdana, Times New Roman, Helvetica, sans-serif;
  text-align: center;
  text-decoration: none;
}