#slider {
width: 650px;
margin: 0 auto;
position: relative;
overflow:hidden;
}

.scroll {
margin: 0 auto;
height: 350px;
width: 650px;
overflow: auto;
overflow-x: hidden;
overflow-y: hidden;
position: relative;
clear: left;
}

.scroll2 {
margin: 0 auto;
height: 350px;
width: 650px;
overflow: auto;
overflow-x: hidden;
overflow-y: hidden;
position: relative;
clear: left;
}

.scroll3 {
margin: 0 auto;
height: 200px;
width: 650px;
overflow: auto;
overflow-x: hidden;
overflow-y: hidden;
position: relative;
clear: left;
}

.scrollContainer div.panel {
height: 350px;
width: 650px;
overflow: hidden;
}

.scroll2Container div.panel {
height: 350px;
width: 650px;
overflow: hidden;
}

.scroll3Container div.panel {
height: 200px;
width: 650px;
overflow: hidden;
}


#shade {
height: 50px;
}

.scrollButtons {
position: absolute;
top: 120px;
cursor: pointer;

}

.scroll2Buttons {
position: absolute;
top: 120px;
cursor: pointer;

}

.scrollButtons.left {
left: 20px;
z-index: 5;

}

.scroll2Buttons.left {
left: 20px;
z-index: 0;
visibility:hidden;

}

.scrollButtons.left:hover {
background: url(images/scroll_left.png) top left no-repeat;

}

.scrollButtons.right {
right: 20px;

}

.scroll2Buttons.right {
right: 20px;
z-index: 0;
visibility:hidden;

}

.scrollButtons.right:hover {
background: url(images/scroll_right.png) top left no-repeat;

}

.hide {
display: none;
}