/* outmost wrapper element */
div.scrollable {}
div.horizontal {width:660px;height:130px;}
div.noitems {padding-top:0px;}
div.noitems div.__scrollable {margin-top:8px;}

/* container for the scrollable items */
div.horizontal div.items {
	height:102px;	
	float:left;
	width:600px !important;
	margin:10px;
}

/* single item */
div.items a, div.noitems a {
	display:block;
	width:120px;
	height:90px;
	font-size:11px;
	color:#000;
	line-height:11px;
	text-decoration:none;
	text-align:block;
	cursor:pointer;
	font-family:verdana;
	padding:5px;
	border:1px solid #ddd;
}

div.items a {float:left;margin-right:20px;}
div.item {height:90px;	width:120px;float:left; }
div.items a:hover, div.noitems a:hover {color:#990000;}
div.item a:hover {color:#ccc;}
div.items a.active, div.noitems a.active {background-position:-174px 0;color:#555;cursor:default;}

/* next / prev buttons */
a.prev, a.next {
	display:block;
	width:20px;
	height:130px;
	float:left;	
	margin:0px;
	cursor:pointer;
}
a.prev{background:url(../images/arrow_left.gif) center center no-repeat}

a.next {background:url(../images/arrow_right.gif) center center no-repeat}

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

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

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

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