/* CSS Document */
	
#slider {
	width: 240px;
	margin: 0 auto;
	position: relative;
	background:#0000000;
	
}
.scroll {
	height: 450px;
	overflow: auto;
	position: relative; /* fix for IE to respect overflow */
	clear: left;
	background: #EEEEEE;
	border:1px solid #000;
}
.scrollContainer div.panel {
	padding: 20px;
	height: 410px;
	width: 220px; /* change to 560px if not using JS to remove rh.scroll */
}


ul.navigation {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-top: 9px;
    padding-bottom: 6px;
    text-align:center;
}

ul.navigation li {
    display: inline;
    margin-right: 1px;
}

ul.navigation a {
    padding: 10px;
    color: #000;
    text-decoration: none;
}

ul.navigation a:hover { background-color: #EEEEEE; }

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

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

#loader
{
    background-color:#DDDDDD;
	display:inline;
    float: left;
    height: 470px;
    overflow: auto;
    margin: auto;
    width: 410px;
    position: relative;
    text-align: left;
	font-size:90%;
	padding: 15px;
}


#scrollContainerDiv ul { list-style:none; margin:0; padding:0; }
#scrollContainerDiv ul li { float:left; margin:0; padding:0;}
#scrollContainerDiv ul li a, #scrollContainerDiv ul li a:link {
	display:block; text-align:center; text-decoration:none;}
#scrollContainerDiv ul li a:hover, #scrollContainerDiv ul li a:active { background-color:#BBBBBB; }
#scrollContainerDiv img { border:0; margin:6px; }