#slider {
    width: 315px;
    margin: 10px 15px 15px 15px;
    position: relative;
    text-align:left;
}

*html #slider {
    width: 355px;
    margin: 10px; 
}


.scroll {
    height: 75px;
    width: 315px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
    
}

*html .scroll {
    width: 355px;   
}

.scrollContainer div.panel {
    padding: 2px;
    height: 75px;
    width: 75px;
    margin:0px;
}

.scrollButtons {
    position: absolute;
    top: 35px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -20px;
}

.scrollButtons.right {
    right: -20px;
}

*html .scrollButtons.left {
    left: -10px;
}

*html .scrollButtons.right{
    right: -10px;
}



.hide {
    display: none;
}