#slider {

width: 100%;

margin: 0 auto;

position: relative;

}



.scroll {

margin: 0 auto;

height: 290px;

width: 300px;

overflow: auto;

overflow-x: hidden;

position: relative;

clear: left;

}



.scrollContainer div.panel {

height: 290px;

width: 300px;

overflow: hidden;

}



#shade {

height: 50px;

}



.scrollButtons {

position: absolute;

top: 305px;

cursor: pointer;

}



.scrollButtons.left {

left: 0px;

}



.scrollButtons.right {

right: 0px;

}



.hide {

display: none;

}