#slider {
    width: 302px;
    margin: 0 auto;
    position: relative;
		text-align:center;
		background:#fff;
		float:right;
		margin-left:10px;
		margin-top:20px;
}

.scroll {
    width: 302px;
    height: 314px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
    background: #FFFFFF url(/images/fade_home.jpg) repeat-x scroll left bottom;
}

.scrollContainer div.panel {
    width: 302px;
    height: 314px;
		clear:both;
		position: relative;
}

.scrollContainer div.panel img { border:1px solid #eee; }

.scrollButtons {

}

.scrollButtons.left {

    position: absolute;
    top: -20px;
    cursor: pointer;
}

.scrollButtons.right {
    right: 0px;
    position: absolute;
    bottom: 0px;
    cursor: pointer;
}

.hide {
    display: none;
}