div.scrollable {
	float:left;
	
	margin-top:4px;

	position:relative;

	width:550px;

	height:119px;

	overflow:hidden;
}

a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
}
a.disabled {
	visibility:hidden !important;
}
a.next, a.nextPage {
	clear:right;
}

/*
 root element for scrollable items. It is
 absolutely positioned with large width.
*/
#thumbs {
	 position:absolute;
	 width:20000em;
	 clear:both;
}


/* single item */
#thumbs div {
	float:left;
	width:135px;
	height:119px;
	background:#242425 none repeat scroll 0 0;
	color:#fff;
	border-left:2px solid #FFFFFF;
	cursor:pointer;
	*zoom:1;
}

/* style when mouse is over the item */
#thumbs div.hover {
	background-color:#444;
}

/* style when element is active (clicked) */
#thumbs div.active {
	background-color:#066;
	cursor:default;
}


/*--links-prev-next--*/
a.next, a.nextPage {
	display:block;
	width:32px;
	height:26px;
	line-height:26px;
	font-size:10px;
	color:#333;
	text-decoration:none;
	text-align:center;
	position:absolute;
	right:0px;
	top:10px;
	z-index:400;
	background:#cbe710;
	cursor:pointer !important;
}

a.next:hover, a.nextPage:hover {
	color:#FFF;
	background:#b50a00;
}

a.prev, a.prevPage {
	display:block;
	width:32px;
	height:26px;
	line-height:26px;
	font-size:10px;
	color:#333;
	text-decoration:none;
	text-align:center;
	position:absolute;
	left:0px;
	top:10px;
	z-index:401;
	background:#cbe710;
	cursor:pointer !important;
}

a.prev:hover, a.prevPage:hover {
	color:#FFF;
	background:#b50a00;
}

/*----------------------SMT-added-->>---------------------*/


.scroll-nav {
	position:relative;
}

/*-thumbs and scroll-items are on the same element-*/
.scroll-items a {

	display:block;

	text-transform:uppercase;

	color:#FFF;

	text-decoration:none;

	cursor:pointer;

}



.scroll-items a:hover {

	text-decoration:none;

	color:#cbe710;

	background:#0f0f0f;

}



.scroll-items a span {

	display:block;

	height:30px;

	line-height:30px;

	cursor:pointer;

	padding:0 8px;
	
	clear:both !important;

}