.scrollContent{width: 860px;position:relative;margin:0 auto;padding:20px 0 0;}
.scrollContent .scrollable {position:relative;overflow:hidden;width: 790px;height:230px;margin:0 auto;padding:0;}
.scrollContent .scrollable .items {	width:20000em;position:absolute;clear:both;	}
.scrollContent .scrollable .items div {text-align:center;float:left;margin:0 10px 0 0;width:150px;}
.scrollContent .scrollable .items div a img {border:1px solid #999999;}
.scrollContent .scrollable .items div a:hover img {border:1px solid #FF6600;}


.scrollContent .scrollable .items div h3 {margin: 0px;margin-top: 5px;font-size: 12px;clear: both;}
.scrollContent .scrollable .items div p, .scrollContent .scrollable .items div span {margin-bottom: 0px;font-size: 10px;color: #666666;}


/*********** left - right buttons ***********/

.scrollContent a.prev, .scrollContent a.prevPage {
	display:block;
	width:25px;
	height:25px;
	margin:0;
	cursor:pointer;
	background-image: url(../img/scrollContent/left.gif);
	background-repeat: no-repeat;
	position: absolute;
	left: 5px;
	top: 100px;
}
.scrollContent a.next, .scrollContent a.nextPage {
	display:block;
	width:25px;
	height:25px;
	margin:0;
	cursor:pointer;
	background-image: url(../img/scrollContent/left.gif);
	background-repeat: no-repeat;
	position: absolute;
	top: 100px;
	right: 5px;
}
.scrollContent a.prev:hover, .scrollContent a.next:hover, .scrollContent a.prevPage:hover, .scrollContent a.nextPage:hover {
	background-position:0px -25px;		
}
.scrollContent a.disabled {
	visibility:hidden !important;		
}
.scrollContent a.next, .scrollContent a.nextPage {
	background-image:url(../img/scrollContent/right.gif);
	clear:right;
}



/*********** navigator ***********/

.scrollContent .navigator {
	margin-left:290px;
	width:200px;
	height:20px;
	display:none;
}
.scrollContent .navigator a {
	width:7px;
	height:7px;
	float:left;
	margin:3px;
	cursor:pointer;
	background-image: url(../img/scrollContent/naviAct.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.scrollContent .navigator a:hover {
	width:7px;
	height:7px;
	float:left;
	margin:3px;
	cursor:pointer;
	background-image: url(../img/scrollContent/naviHov.gif);
	background-repeat: no-repeat;
	background-position: 0 0;  
}
.scrollContent .navigator a.active {
	width:7px;
	height:7px;
	float:left;
	margin:3px;
	cursor:pointer;
	background-image: url(../img/scrollContent/naviCur.gif);
	background-repeat: no-repeat;
	background-position: 0 0;   
}