#slider1 {
height: 1%;
overflow:hidden;
position: relative;
margin-top: 20px;
}
#slider1 .viewport { 
float: left; 
width: 100%;
height: 100px; 
overflow: hidden; 
position: relative;
}
#slider1 .buttons {
background: url(buttons.png) no-repeat scroll 0 0 transparent;
background-position: 0 -38px;
width: 39px;
height: 37px;
position: absolute;
margin: 25px 0 0 0;
z-index: 100;
text-indent: -999em;
opacity: 0.8;
filter: alpha(opacity=80);
outline:none;
}
#slider1 .buttons:hover {
opacity: 1.0;
filter: alpha(opacity=100);
}
#slider1 .prev {
float: left;
left: 0;
}
#slider1 .next {
background-position: 0 0;
float: right;
right: 0;
}
#slider1 .disable {
visibility: hidden;
}
#slider1 .overview {
list-style: none;
position: absolute;
padding: 0;
margin: 0;
left: 0;
top: 0;
text-align: center;
}
#slider1 .overview li { 
float: left; 
margin: 0 4px;
width: 130px;
height: 100px;
}
#slider1 .overview li img { 
max-width: 130px;
max-height: 100px;
}