/* outmost wrapper element */




#scrollable {
	background:url(../img/sc_back.gif) no-repeat;
	width:800px;
	height:200px;
	clear:both;
}

/* container for the scrollable items */
div.items {
	height:170px;	
	float:left;
	width:642px !important;
	margin:16px 0 0 0;
}



/* single item */
div.items a{
	display:block;
	float:left;
	width:165px;
	height:169px;
	font-size:xx-small;
	cursor:pointer;
	margin:0 72px 0 0;
}

/* next / prev buttons */

.prev,.next{
	font-size:xx-small;
	overflow:hidden;
	text-indent:-3000px;
}



#scrollable .prev{
	background:url(../img/prev.gif) no-repeat 0 0;
	display:block;
	float:left;
	margin:90px 28px 0 34px;
	display:inline;
	width:19px;
	height:19px;
	
}

#scrollable .prev:hover{
	background:url(../img/prev.gif) no-repeat 0 -19px;		
	width:19px;
	height:19px;
}

#scrollable .next {
	background:url(../img/next.gif) no-repeat 0 0;
		display:block;
	float:left;
	margin:90px 0 0 24px;
	width:19px;
	height:19px;
}

#scrollable .next:hover{
	background:url(../img/next.gif) no-repeat 0 -19px;	
	width:19px;
	height:19px;
}


/* navigator */
div.navi {
	position:relative;
	margin-left:-50px;
	width:50px;
	height:0px;
}