


/********* FRAME *********/
/* Style for horizontal */
.horizontal-scroller-wrapper {
	position: relative;
	overflow: hidden;
	
}
.horizontal-scroller-padding {
	overflow: hidden;
	padding-top: 10px;
}
.horizontal-scroller-container {
	position: relative;
	margin: 0 50px;
	_margin: 0px 10px;
	overflow: hidden;
}
#horizontal-scroller-wrap {
	margin: 0 auto;
	overflow: hidden;
	width: 880px;
	_width: 450px;
}

/***********************/
#horizontal-scroller-left {
	background: url(../images/show-iconl.gif) 0 50% no-repeat;
	position: absolute;
	top: 10px;
	left: 0px;
	*height: 450px;
	height: 100%;
	_height: 450px;
	width: 40px;
	cursor: pointer;
}
#horizontal-scroller-right {
	background: url(../images/show-iconr.gif) 0 50% no-repeat;
	position: absolute;
	top: 10px;
	right: 0px;
	height: 100%;
	*height: 450px;
	_height: 450px;
	width: 40px;
	cursor: pointer;
}
#horizontal-scroller {
	width: 5000px;
}

#horizontal-scroller .scroll-item {
	float: left;
	margin: 0;
	padding: 0;
	width: 175px;
	text-align: center;
}
.scroll-item span {
	/*line-height: 24px;*/
}






/* Style for vertical */

.vertical-scroller-wrapper {
	position: relative;
	overflow: hidden;
}
.vertical-scroller-padding {
	overflow: hidden;
	padding-top: 10px;
}
.vertical-scroller-container {
	position: relative;
	margin: 0;
	overflow: hidden;
}
#vertical-scroller-wrap {
	margin: 0 auto;
	overflow: hidden;
	width: 150px;
}
/***********************/
#vertical-scroller-left {
	background: url(../images/show-icont.gif) 50% 0 no-repeat;
	top: 0;
	margin: 0 auto;
	height: 22px;
	clear: both;
	cursor: pointer;
}
#vertical-scroller-right {
	background: url(../images/show-iconb.gif) 50% 0 no-repeat;
	bottom: 0;
	margin: 0 auto;
	height: 22px;
	clear: both;
	cursor: pointer;
}
#vertical-scroller {
	height: 5000px;
}

#vertical-scroller .scroll-item {
	margin: 0;
	padding: 5px 0;
	width: 150px;
	text-align: center;
}