#slider {
    width: 580px;
    position: relative;

}

.scroll {
    height: 200px;
    width: 580px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
    background: #f3f9e8 repeat-x scroll left bottom;
    padding: 0;
    margin:0;
margin-top:-3px;
}

.scrollContainer div.panel {
    padding: 20px;
    height: 200px;
    width: 560px;
}


ul.navigation {
    list-style: none;
}

ul.navigation li {
	list-style: none;
	display: inline;
	background: none;
	padding:0;
	margin:0;
}

ul.navigation a {
    text-decoration: none;
    display:inline-block;
    height:101px;
    background: no-repeat top left;
    padding:0;
    margin:0;
}

ul.navigation a span { display: none;} 

ul.navigation a.selected {
    background-position:0px -101px;
}

ul.navigation a:focus {
    outline: none;
}
ul.navigation a:hover {
    background-position:0px -101px;
}

.scrollButtons {
    position: absolute;
    top: 180px;
    cursor: pointer;
    z-index:1;
}

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

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

.hide {
    display: none;
}