/*
##########################################
# HORIZONTAL SCROLLER
##########################################
*/
.hr-scroll-bd 		{ position:relative; min-height:1px;  }
.scrollable 		{ position:relative; overflow:hidden;  }
.scrollable .items-bd 	{ width:20000px; position:absolute; top:11px; clear:both;  }
.scrollable .items-bd .item-box { float:left; width:166px; }
.scroll-navi { }
.scroll-navi a { 
	background:url(../../../images/btnimg2.png) no-repeat -17px -56px;
	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:100px;}
.hr-scroller-typ1 .previousbtn,
.hr-scroller-typ1 .nextbtn {
	background:url(../images/scroller-arrows.png) no-repeat;
	width:7px; height:13px;
	text-indent:-9999px;
	font-size:0px;
	display:inline-block;
	position:absolute;
	top:44px;
	cursor:pointer;
	}
.hr-scroller-typ1 .previousbtn 		{ background-position:0 0; left:-15px }
.hr-scroller-typ1 .previousbtn:hover{ background-position:-13px 0px; }

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

.hr-scroller-typ1 a.disabled { }
/*--------------------------------------*/
.hr-scroller-typ1 .scroll-navi {
	position:absolute; 
	width:100%;
	height:1px; 
	bottom:-20px;
	display:block; 
	text-align:center;
	font-size:0px;
	line-height:0px;
	}
* html .hr-scroller-typ1 .scroll-navi { bottom:-35px; }

/*
******************************************
* HR SCROLLER TYPE 2
******************************************
*/
.hr-scroller-typ2.hr-scroll-bd 		{ position:relative; min-height:1px; height:95px; }
.hr-scroller-typ2 .scrollable .items-bd .item-box { float:left; width:107px;  }
.hr-scroller-typ2 .scrollable { height:100px;}
.hr-scroller-typ2 .previousbtn,
.hr-scroller-typ2 .nextbtn {
	background:url(../images/scroller-arrows.png) no-repeat;
	width:6px; height:7px;
	text-indent:-9999px;
	font-size:0px;
	display:inline-block;
	position:absolute;
	top:42px;
	cursor:pointer;
	}
.hr-scroller-typ2 .previousbtn 		{ background-position:0 -29px; left:-11px }
.hr-scroller-typ2 .previousbtn:hover{ background-position:-7px -29px; }

.hr-scroller-typ2 .nextbtn 			{ background-position:-0px -38px; right:-11px; }
.hr-scroller-typ2 .nextbtn:hover 	{ background-position:-7px -38px; }

.hr-scroller-typ2 a.disabled { }
/*--------------------------------------*/
.hr-scroller-typ2 .scroll-navi {
	position:absolute; 
	width:100%;
	height:1px; 
	bottom:-20px;
	display:block; 
	text-align:center;
	font-size:0px;
	line-height:0px;
	}
* html .hr-scroller-typ2 .scroll-navi { bottom:-35px; }