#slider {
position: relative;
margin: 0 auto;

width: 100%;

}

.scroll {
clear: left;
overflow-x: hidden;

position: relative;

overflow: auto;
width: 300px;
height: 290px;
margin: 0 auto;
}

.scrollContainer div.panel {
width: 300px;
overflow: hidden;
height: 290px;
}

#shade {
height: 50px;
}

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

.scrollButtons.left {
left: 0px;
}

.scrollButtons.right {
right: 0px;
}

.hide {
display: none;
}
/*
     */
/*
*/