/* outmost wrapper element, containing all elements  */
#scrollable {
	width: 480px;
	margin: 10px 0;
}

/* container for the scrollable items */
#scrollable div.items {
	width: 480px !important;
	padding: 0;
	margin-bottom: 5px;
}

/* single item */
#scrollable div.items .item {
	float:left;
	width: 154px;
	min-height: 174px;
	text-decoration: none;
	text-align: center;
	padding: 0 0 0 0;
	margin: 0 0 13px 9px;
}

#scrollable div.items .item.first {
	margin-left: 0 !important;
}

#scrollable .items .item .phototitle {
	width: 134px;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	background-color: #4B5962;
	text-align: center;
	padding: 0 10px;
	margin: 5px 0 2px 0;
}

#scrollable div.items .item a img {
	border: 2px solid #BFBFBF !important;
}

#scrollable div.items .item a:hover img {
	border-color: white !important;
}


/* next / prev buttons */
#scrollable a.prev, #scrollable a.next {
	background:url(../images/scrollable/left.png) no-repeat 0 0;
	display:block;
	width:18px;
	height:18px;
	float:left;	
	margin-top: 10px;
	cursor:pointer;
}

#scrollable a.next {
	background-image:url(../images/scrollable/right.png);
	float: right;
}

#scrollable a.prev:hover {
	background-position:0 -18px;		
}

#scrollable a.next:hover {
	background-position:0 -18px;		
}


/* navigator */
#scrollable div.navi {
	position:relative;
	top: 20px;
	left: 360px;
	margin-left: -360px;
	width:568px;
	height:0px;
}

/* items inside navigator */
#scrollable div.navi span {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(../images/scrollable/dots.png) 0 0 no-repeat;     
	cursor:pointer;
}

#scrollable div.navi span:hover {
	background-position:0 -8px;      
}

#scrollable div.navi span.active {
	background-position:0 -16px;     
}