#slider-code { 
    height: 225px; 
    overflow:hidden; 
    margin-top: 130px;
}

#slider-code .viewport { 
    float: left; 
    width: 468px; 
    height: 200px; 
    overflow: hidden; 
    position: relative; 
}

#slider-code .buttons { 
    display: block; 
    margin: 90px 10px 0 0; 
    float: left; 
    background: url('../images/arrows.png');
    height: 24px;
    width: 22px;
}

#slider-code .next { 
    margin-left: 10px;
    background-position: 25px 0;
}

#slider-code .next:hover {
    background-position: 25px -26px;
}

#slider-code .prev { 
    margin-left: 10px;
    background-position: -2px 0;
}

#slider-code .prev:hover { 
    background-position: -2px -26px;
}


#slider-code .disable { 
    visibility: hidden; 
}

#slider-code .overview { 
    list-style: none; 
    position: absolute; 
    padding: 0; 
    margin: 0; 
    left: 0; 
    top: 0; 
}

#slider-code .overview li img {
    width: 100%;
    height: auto;
}

#slider-code .overview li{ 
    float: left; 
    height: 200px; 
    width: 156px;
}