/* outmost wrapper element, containing all elements  */
#scrollable {
	position: relative;
	padding: 0;
	margin: 0;
	display: block;
	height: 110px;
	width: 444px;
	overflow: hidden;
}

#scrollable .cell, #scrollable .row {
	height: 80px;
}

#scrollable a img, #scrollable a:hover img {
	border: none;	
}

#scrollable .items, #scrollable .prev, #scrollable .next {
	position: absolute;
	top: 18px;
	margin: 0;
	padding: 0;
}


/* container for the scrollable items */
#scrollable .items {
	left: 13px;
	height: 78px;
}

/* single item */
#scrollable .items a {
	display: inline;
	float: left;
	width: 103px;
	height: 78px;
	color: #ccc;
	cursor: pointer;
	padding: 0;
}

#scrollable .items a:hover {
	color: #999;	
}

#scrollable .items a.active {
	/*background-position: -174px 0;*/	
	color: #555;
	cursor: default;
}


/* next / prev buttons */

#scrollable a.prev, #scrollable a.next {
	width: 13px;
	height: 78px;
	margin: 0;
	cursor: pointer;
	display: block;
}

#scrollable a.prev {
	left: 0;
}

#scrollable a.next {
	left: 422px;
}



#scrollable a.next { background: url('../../images/four-dots-normal.gif') right center no-repeat;	}
#scrollable a.next:hover { background: url('../../images/four-dots-hover.gif') right center no-repeat;	}

#scrollable a.prev { background: url('../../images/four-dots-normal.gif') left center no-repeat; }
#scrollable a.prev:hover { background: url('../../images/four-dots-hover.gif') left center no-repeat;	}


/* navigator */
#scrollable .navi {
	position: absolute;
	top: 0;
	left: 22px;
	width: 392px;
	margin: 0 auto;
	height: 20px;
	display: block;
}


/* items inside navigator */
#scrollable .navi span {
	width: 4px;
	height: 4px;
	float: left;
	margin: 3px;
	/*background:url(/img/playlist/dots.png) 0 0 no-repeat;  */   
	background: url('../../images/dot-2.gif') center center no-repeat;
	cursor: pointer;
}

#scrollable .navi span:hover {
	/*background-position:0 0px;  */
	background:url('../../images/dot-2-hover.gif') center center no-repeat; 
}

#scrollable .navi span.active {
	/*background-position:0 0px; */
	background:url('../../images/dot-2-hover.gif') center center no-repeat;  
}