/*
##########################################
# HORIZONTAL SCROLLER
##########################################
*/
.hr-scroll-bd 		{ position:relative; min-height:1px; }
/*.scrollable 		{ position:relative; overflow:hidden; }
.scrollable .items-bd 	{ width:20000px; position:absolute; top:0px; clear:both; }
.scrollable .items-bd .item-box { float:left;  }
*/.scroll-navi { }
.scroll-navi a { 
	display:inline-block;
	width:15px; height:15px;
	margin:0 3px; 
	cursor:pointer;
	}
.scroll-navi a.scroll-navi-active { background-position:0 -56px; }
/*
******************************************
* HR SCROLLER TYPE 1
******************************************
*/
.hr-scroller-typ1 .scrollable { height:338px; width:225px; position:relative; }
.hr-scroller-typ1 .scrollable .items-bd { width:20000px; position:absolute; top:0px; clear:both; }
.hr-scroller-typ1  .scrollable .items-bd .item-box { float:left; width:225px;}
.hr-scroller-typ1 .previousbtn,
.hr-scroller-typ1 .nextbtn {
	background:url(../images/scroller-arrows1.png) no-repeat;
	width:24px; height:15px;
	text-indent:-9999px;
	font-size:0px;
	display:inline-block;
	position:absolute;
	top:10px;
	cursor:pointer;
	z-index:111111;
	}
.hr-scroller-typ1 .previousbtn 		{ background-position:0 0; right:34px }
.hr-scroller-typ1 .previousbtn:hover{ background-position:0 -20px; }

.hr-scroller-typ1 .nextbtn 			{ background-position:-25px 0; right:13px; }
.hr-scroller-typ1 .nextbtn:hover 	{ background-position:-25px -20px; }

.hr-scroller-typ1 a.disabled { border:1px solid #ff0000; }
/*--------------------------------------*/
/*
******************************************
* HR SCROLLER TYPE 2
******************************************
*/
.hr-scroller-typ2 .scrollable { height:148px; width:874px; margin:auto;}
.hr-scroller-typ2 .scrollable .items-bd .item-box { float:left;  margin-right:15px; }

.hr-scroller-typ2 .previousbtn,
.hr-scroller-typ2 .nextbtn {
	background:url(../images/scroller-arrows2.gif) no-repeat;
	width:20px; height:178px;
	text-indent:-9999px;
	font-size:0px;
	display:inline-block;
	position:absolute;
	top:-15px;
	cursor:pointer;
	z-index:111111;
	}
.hr-scroller-typ2 .previousbtn 		{ background-position:0 0; left:-15px }
.hr-scroller-typ2 .previousbtn:hover{ background-position:0px -178px; }

.hr-scroller-typ2 .nextbtn 			{ background-position:-20px 0; right:-15px; }
.hr-scroller-typ2 .nextbtn:hover 	{ background-position:-20px -178px; }

.hr-scroller-typ2 a.disabled { border:1px solid #ff0000; }
/*--------------------------------------*/