#slider {
    width: 215px;
    margin: 0 auto;
    position: relative;
}

#slider1 {
    width: 215px;
    margin: 0 auto;
    position: relative;
}

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


.scroll1 {
    height: 34px;
    width: 215px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
    
}

.scrollContainer div.panel {
    padding: 0px;
    height: 34px;
    width: 43px;
}
.scrollContainer1 div.panel {
    padding: 0px;
    height: 34px;
    width: 43px;
}


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

.scrollButtons1 {
    position: absolute;
    top: 8px;
    cursor: pointer;
}

.scrollButtons.left {
    left: 40px;
}

.scrollButtons1.right {
    right: -30px;
}
.scrollButtons1.left {
    left: 12px;
}

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

.hide {
    display: none;
}