#scrollWrapper 
{ 
  width:688px; 
  height:454px; 
}

#scrollWrapper ul 
{
  height:454px; 
  position:absolute;
}


#scrollWrapper ul li 
{
  float:left; 
  width:688px; 
  height:454px; 
  overflow:hidden; 
  position:relative; 
  background:#f0f0f0;
}

#scrollWrapper ul li div 
{
  position:absolute; 
  overflow:hidden;
}

#scrollWrapper .btnBg 
{
  position:absolute; 
  width:901px; 
  height:105px; 
  left:0; 
  top:0px;
}



#scrollMenu .btn 
{
  position:absolute; 
  width:770px; 
  height:24px; 
  left:0; 
  top:8px; 
  padding-left:600px;
}

#scrollMenu .btn span 
{
  display:inline-block; _display:inline; 
  _zoom:1; 
  width:24px; 
  height:24px; 
  line-height:24px; 
  text-align:center; 
  font-size:20px; 
  margin-right:10px; 
  cursor:pointer; 
  color:#fff;
}

#scrollMenu .btn span.on 
{
  background:#fff; 
  color:#fcc;  
  background-position: 100% 0 !important;
  /* note % used above so that any overridden width will work with !important*/
}