#slider {
    width:850px
    margin: 0 auto;
    position: relative;
	float:left;
}

.scroll {
    height:455px;
    width:900px;
	/*overflow-y:scroll !important;
	overflow-x:scroll !important;*/
    overflow:scroll !important;
    overflow-x:hidden !important;
    position: relative;
    clear: left;
    background: #FFFFFF url(images/content_pane-gradient.gif) repeat-x scroll left bottom;
}

.scrollContainer div.panel {
    padding: 20px;
    height: auto;
    width: 817px;
}

#shade {
    background: #EDEDEC url(images/shade.jpg) no-repeat 0 0;
    height: 50px;
}

ul.navigation {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom: 9px;
	margin:-48px 0 0 -25px;
	width:850px
}



ul.navigation  li div.left{
	background:url("images/left.jpg") no-repeat scroll 0 0 transparent;
	cursor:pointer;
	float:left;
	height:20px;
	margin:0;
	padding-top:3px;
	width:15px;}
ul.navigation li div.mid{
	background:url("images/mid.jpg") repeat-x scroll 0 0 transparent;
	cursor:pointer;
	float:left;
	font:bold 10px Arial,Helvetica,sans-serif;
	height:17px;
	margin:0;
	padding-top:6px;
	text-align:center;
}

ul.navigation li div.right{
	background:url("images/right.jpg") no-repeat scroll 0 0 transparent;
	cursor:pointer;
	float:left;
	height:20px;
	margin:0;
	padding-top:3px;
	width:16px;
}

ul.navigation a {
    color: #000;
    text-decoration: none;

}

ul.navigation a.selected {
    background-color: #fff;
}

ul.navigation a:focus {
    outline: none;
}

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

.scrollButtons.left {
    left: -20px;
}

.scrollButtons.right {
    right: -20px;
}

.hide {
    display: none;
}