/* outmost wrapper element */
#scrollable {
}

/* container for the scrollable items */
div.items {
	float: left;
	width: 530px !important; height: 150px;
	margin: 0;
	font-size: 85%;
}

/* single item */
div.items .item {
	display:block;
	float:left;
	margin-right:5px; padding: 0;
	overflow: hidden;
	width: 100px; height: 100px;
	line-height:66px;
	text-decoration:none;
	text-align:center;
	cursor:pointer;
}
div.items a {
	float: left;
	width: 83px;
	margin: 0 5px 0 0;
	overflow: hidden;
}
div.items a:hover {
}

div.items a.active {
}


/* next / prev buttons */
a.prev, a.next {
	display:block;
	float:left;
	margin:30px 0 0 0;
	text-align: center;
	font-size: 40px;
	line-height: 30px;
	cursor: pointer;
}
a.prev {
	clear: left;
}

a.prev:hover, a.next:hover {
	color: #060 !important;
}

/* navigator */
div.navi {
	margin: 0 0 0 30px;
}

/* items inside navigator */
div.navi span {
	background: #ccc;
	width: 10px; height: 10px;
	float: left;
	margin: 3px;
	cursor: pointer;
}

div.navi span:hover {
	background: #c00;
}

div.navi span.active {
	background: #900;
}