.hscroll-container {
    float:left;
    margin:0;
    padding:0;
    width:840px;
    overflow: hidden;
    height:200px;

}

.hscroll-container  ul{ 
    width:10000px;
    margin:0;
    padding:0;
}
.hscroll-container  li{  
    padding:0;
    margin:0;
    padding-left:10px;
    padding-right:10px;    
}
 
.hscroll-bt-prev {
    float:left;
    width:20px;
    height:150px;
    background: url(../images/arrow-left.gif) center center no-repeat;
    margin: 0;
    cursor:pointer;
}
.hscroll-bt-next {
    float:left;
    width:20px;
    height:150px;
    background: url(../images/arrow-right.gif) center center no-repeat;
    cursor:pointer;
    margin:0;
    margin-left:10px;
}
.hscroll-bt-prev-off {
    float:left;
    width:20px;
    height:150px;
    background: url(../images/arrow-left-off.gif) center center no-repeat;
    margin: 0;
    cursor:default;
}
.hscroll-bt-next-off {
    float:left;
    width:20px;
    height:150px;
    background: url(../images/arrow-right-off.gif) center center no-repeat;
    cursor:default;
    margin:0;
    margin-left:10px;
}