#slider {
width: 980px;
margin: 0 auto;
position: relative;
}

.scroll {
margin: 0 auto;
height: 350px;
width: 800px;
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: 140px;
cursor: pointer;
}

.scrollButtons.left {
left: 5px;
}

.scrollButtons.right {
right: 5px;
}

.hide {
display: none;
}

#sliderNav{
	width:582px;
	height:15px;
	margin:6px 0 0 0;
	padding-left:218px;
	position:relative;
	display:inline-block;
	float:left;
}
#sliderNav ul{
	height:15px;
	display:inline-block;
	float:left;
	
}

#sliderNav ul li{
	display:inline-block;
	height:15px;
	width: 68px;
	float:left;

}

#sliderNav ul li a{
	width: 68px;
	height:15px;
	text-indent:-9000em;
	background: url(images/slidBox.png) left top no-repeat;
	display:inline-block;
	float:left;
}

#sliderNav ul li a:hover, #sliderNav ul li a:active, #sliderNav ul li a.selected, #sliderNav ul li a:focus {
	background: url(images/slidBoxActive.png) left top no-repeat;
	border:none;
	outline:none;
}