#slider {
width: 100%;
margin: 0 auto;
position: relative;
}

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

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

#shade {
height: 50px;
}

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

.scrollButtons.left {
	left: 10px;
	z-index: 10;
	background-image: url(images/scroll_left.png);
	background-repeat: no-repeat;
}

.scrollButtons.right {
	right: 10px;
	z-index: 10;
	background-image: url(images/scroll_right.png);
	background-repeat: no-repeat;
}

.hide {
display: none;
}