#slider-code { 
    height: 280px; 
    overflow:hidden;
    padding: 0 15px;
    
}
#slider-code .viewport { 
    float: left; 
    width: 930px; 
    height: 280px; 
    overflow: hidden; 
    position: relative;
}
#slider-code .buttons { 
    display: block; 
    background-image: url(../images/sprites.png);
    cursor: pointer;
    height: 33px;
    text-indent: -9999px;
    width: 17px;
    position: absolute;
    top: 15%;
}
body #slider-code .prev { 
    background-position: 0 -168px;
    left: -10px;
}
body #slider-code .next { 
    background-position: 0 -201px;
    right: -5px;
}
#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{ 
    float: left; 
    height: 280px; 
    width: 220px;
    margin: 0 15px 0 0;
}
#slider-code .viewport h3 {
            background-color: #FFFFFF;
            padding: 5px;
            margin: -15px 0 20px 0;
        }