#slider {
	width: 100%;
	margin: 0 auto;
	position: relative;
}

.scroll {
	height: 100%;
	width: 100%;
	overflow: auto;
	overflow-x: hidden;
	position: relative;
	clear: left;
	max-height:220px;
}

.scrollContainer div.panel {
	padding: 0 20px 80px 0;
	margin: 0 0 20px 0;
	width: 980px;
}

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

ul.navigation {
	background-color: #ffffff;
	list-style: none;
	margin: 0;
	padding: 0;
	margin-top:2px;
	padding-bottom: 9px;
	float: right;
	padding-right: 45px;
}

ul.navigation li {
	display: inline;
}

ul.navigation li a.selected {
background-image: url("../images/slider_active.png");
}

ul.navigation li a {
background-image:url("../images/slider_inactive.png");
height:9px;
padding:3px 10px 3px 0;
width:9px;
background-position:left center;
background-repeat:no-repeat;
display:block;
float:left;
text-indent:-10000px;
border-bottom: none;

}

ul.navigation a:hover {border-bottom: none;}

.scrollButtons {
	position: absolute;
	top: 0;
	cursor: pointer;
	z-index: 999;
}

.scrollButtons:active, .scrollButtons:focus {
	margin-top:1px;
}


.scrollButtons.left {
	background: url("../images/button_sprite.png") 0px 36px;
	width: 18px;
	height: 18px;
	right: 24px;
}

.scrollButtons.left.over {
	background-position: 0px 18px;
}

.scrollButtons.right {
	background: url("../images/button_sprite.png") 18px 36px;
	width: 18px;
	height: 18px;
	right: 0px;
}

.scrollButtons.right.over {
	background-position: 18px 18px;
}

.hide {
	display: none;
}

p.meta{padding: 0px 0px 14px 5px; color: #666666; font-size: 11px;}

/* -------- Sidebar Right Variations -------- */

#sidebar-right #slider {margin-top: -33px;}

#sidebar-right .scrollContainer div.panel {width: 480px;}

#sidebar-right ul.navigation {top: 7px;}

#sidebar-right .scrollButtons {top: 5px;}