@charset "utf-8";
/* CSS Document */

/*container for entire scroller bar */

.scroll_container {
	width: 825px;
	clear: both;
	margin-bottom: 10px;
}

/* root element for the whole scrollable setup */
div.scrollable {  
	position:relative;
	overflow:hidden;
	width: 775px;	 
	height:100px;
	float: left;
	display: inline;
}

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

/* custom positioning for navigational links */
a.prev, a.next {
	margin-top: 38px;
}
a.prev {
	float: left;
	display: block;
	background: url(../images/scroll_prev_btn.jpg) no-repeat;
	width: 18px;
	height: 18px;
	cursor: pointer;
	margin-right: 7px;
}
a.prev:hover {
	background: url(../images/scroll_prev_btn_over.jpg) no-repeat;
}
a.next {
	float: right;
	display: block;
	background: url(../images/scroll_next_btn.jpg) no-repeat;
	width: 18px;
	height: 18px;
	cursor: pointer;
	margin-left: 7px;
}
a.next:hover {
	background: url(../images/scroll_next_btn_over.jpg) no-repeat;
}


/* single item */
.thumbs div {
	float:left;
	width:90px;
	height:95px;
	margin-right: 10px;
	color:#fff;
	cursor:pointer;
	border: 1px solid #FFFFFF;
}

/* style when mouse is over the item */
.thumbs div.hover {
	border: 1px solid #444444;
}

/* style when element is active (clicked) */
.thumbs div.active {
	border: 1px solid #963500;
	cursor:default;
}

.thumbs h3, .thumbs p, .thumbs span {
	margin: 3px;		
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.thumbs h3 {
	text-align: center;
}
.thumbs h3 em {
	font-style:normal;
	color:yellow;
}