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

#slider { width: 328px; /* important to be same as image width */ height: 180px; /* important to be same as image height */ position: relative; /* important */ overflow: hidden; /* important */ background:#fff; }
#sliderContent { width: 328px; /* important to be same as image width or wider */ position: absolute; top: 0; margin-left: 0; }
.sliderImage { float: left; position: relative; display: none; }
.sliderImage span { position: absolute; font: 10px/15px Arial, Helvetica, sans-serif; padding: 10px 13px; width: 304px; background-color: #000; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; color: #fff; display: none; }
.clear { clear: both; }
.sliderImage span strong { font-size: 14px; }
.top { top: 0; left: 0; }
.bottom { top:100%; left: 0; }
ul { list-style-type: none; }

/* banner */
#fW_Content { display: inline; float: right; width: 960px; height: 150px; overflow:hidden; }
#fW_Content IMG { width: 960px; height: 150px; overflow:hidden; }
#fW_Controls { display: inline; float: left; margin: 8px 0px 0px 0px; width: 150px; height: 30px; }
#fW_Controls A { font-weight: bold; font-size: 14px; background: url(../images/btnfeaturehover.gif) no-repeat; float: left; width: 30px; color: #87b6d9; padding-top: 6px; height: 24px; text-align: center; }
#fW_Controls A.activeSlide { background-position: 0px -30px; color: #0086e8; }
#fW_Controls A:hover { background-position: 0px -30px; color: #0086e8; }

/* root element for the whole scrollable setup */
div.scrollable {  
	position:relative;
	overflow:hidden;
	width: 288px;	 
	height:300px;	
}
 
/* 
	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:118px;	
}
 
 
 
/* single item */
#thumbs div {
	float:left;
	width:95px;
	height:300px;
	background:#333 url(../images/h150.png) repeat-x 0 146px;
	color:#fff;
	border-left:1px solid #333;
	cursor:pointer;
}
 
/* 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;
}
 
#thumbs h3, #thumbs p, #thumbs span {
	margin:5px;		
	font-family:"bitstream vera sans";
	font-size:80%;
	color:#fff;	
}
 
#thumbs h3 em {
	font-style:normal;
	color:yellow;
}
#thumbs img {height:115px; width:95px;}