th	{ font-size:1.3em; text-align:left; }	
td { vertical-align:top }
td a:link, td a:visited { color:#33c }	
td#scroller1 { width:150px; height:150px }
td#scroller2 { width:150px; height:75px }

/* holder div contains scroller. set height and width */
#holder1 { position:relative; width:150px; height:150px;  }
#holder2 { position:relative; width:150px; height:75px;  }

div#wn1 { 
  position:absolute; 
  width:150px; height:150px; z-index:1000;
  clip:rect(0, 150px, 150px, 0); overflow:hidden;
  }
div#cnt1 { position:absolute; z-index:1 }
/* remove gaps for mozilla, etc 
   see http://devedge.netscape.com/viewsource/2002/img-table/ */
div#cnt1 td img { display:block }

div#wn2 { 
  position:absolute; 
  width:150px; height:50px; z-index:1000;
  clip:rect(0, 150px, 50px, 0); overflow:hidden;
  }
div#cnt2 { position:absolute; z-index:1 }
div#cnt2 div.item {
  width:150px; height:75px; 
  font-size:9px; color:#336;

  }
/* box-model hack needed because padding added to div.item */
*html div#cnt2 div.item {
  width:138px;
  w\idth:150px
}