

#slider {
    width: 584px;
	 margin-left: -20px;
/*    margin: 0 auto;*/
    position: relative;
/*	 background-color: yellow;*/
}

.scroll {
    height: 280px;
    width: 584px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
}

.scrollContainer div.panel {
    padding: 0px 20px 20px 20px;
    height: 210px;
    width: 544px;
/*	 background-color: red;*/
}

#shade {
/*    background: #EDEDEC url(images/shade.jpg) no-repeat 0 0;*/
    height: 20px;
/*	 background-color: yellow;*/
}





ul.navigation {
    list-style: none;
    margin: 2px 5px 0px 0px;

/*	position:absolute;
	top: -8px;
	right: 5px;*/
    padding: 0px;
															/*	 margin: 10px 0px;*/
/*    padding-bottom: 10px;*/

	text-align:right;

	 
}

ul.navigation li {
    display: inline;
	 margin: 0px 0px 0px 0px;
/*	 padding:2px;*/
}

ul.navigation a {
	font-size: 10px;
    padding: 4px 8px 5px 8px;
    color: white;
    text-decoration: none;
 	 background: url(/images/global/btn.slider.no.png) no-repeat;
}
ul.navigation li.last a {
	padding-left: 6px;
}

ul.navigation a:hover,
ul.navigation a.selected {
 	 background: url(/images/global/btn.slider.no.mo.png) no-repeat;
}


ul.navigation a:focus {
    outline: none;
}

.scrollButtons {
    position: absolute;
    top: 20px;
    cursor: pointer;
}

.scrollButtons.left {  left: -80px;}
.scrollButtons.right { right: -80px;}

.hide {   display: none;}



.top10 #slider h1 {
/*	background-color: yellow;*/
	margin-top: 15px;
}
