#slider {
    width: 240px;
/*    margin: 0 auto;*/
    position: relative;
}

#slider2{
    width: 240px;
/*    margin: 0 auto;*/
    position: relative;
}

.scroll {
    height: 340px;
    width: 260px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
    background: #FFFFFF url(images/content_pane-gradient.html) repeat-x scroll left bottom;
}
.scrollContainer div.panel {
    height: 340px;
    width: 260px;
	clear:both;
}

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

.scrollButtons.left {
/*    left: -20px;
	border:solid 1px red;*/
}

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

.hide {
    display: none;
}