/* outmost wrapper element */

#scrollable {
	background-color:#ffffff;
	border:0px solid #ddd;
	padding:10px 2px;
	width:100px;
	height:320px;
	margin: 0px 0 9 0;
}

#PANORAMA {
white-space: nowrap;
}

/* container for the scrollable items */
div.items {
	height:100px;	
	margin-left:0px;
	float:top;
}

/* single item */
div.items a {
	display:block;
	float:left;
	margin:0px;
	width:100px;
	height:75px;
	background:url(/img/item.gif) 0 0 no-repeat;
	font-size:50px;
	color:#ccc;
	line-height:75px;
	text-decoration:none;
	text-align:center;
	cursor:pointer;
}


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

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


/* next / prev buttons */
a.prev, a.next {
	display:block;
	width:17px;
	height:10px;
	float:center;
	font-size:1px;
	background-repeat:no-repeat;	
	margin: 5px 0 5 42;
	cursor:pointer;
}

a.prev2 {
	display:block;
	width:10px;
	height:17px;
	font-size:1px;
	background-repeat:no-repeat;
	cursor:pointer;
}

a.next2 {
	display:block;
	width:10px;
	height:17px;
	font-size:1px;
	background-repeat:no-repeat;
	cursor:pointer;
}

a.prev {
	background:url(/img/up.gif);		
}

a.prev:hover {
	background:url(/img/up.gif);		
}

a.next {
	background:url(/img/down.gif);		
}

a.next:hover {
	background:url(/img/down.gif);		
}

a.prev2 {
	background:url(/img/left.gif);		
}

a.prev2:hover {
	background:url(/img/left.gif);		
}

a.next2 {
	background:url(/img/right.gif);		
}

a.next2:hover {
	background:url(/img/right.gif);		
}