@charset "utf-8";

/* scrollable.css
----------------------------------------------------------- */
/* outmost wrapper element */
#scrollable {
	float:left;
	margin-left:26px;
	padding:10px 0 0 0;
	width:830px;
}
* html #scrollable { padding:5px 0 0 0; }
*+html #scrollable { padding:5px 0 0 0; }

/* container for the scrollable items */
div.items {
	height:31px;
	margin-left:7px;
	float:left;
	width:777px !important;
}
* html div.items { height:40px; }
*+html div.items { height:40px; }

/* single item */
div.items a {
	display:block;
	float:left;
	margin-right:7px;
	width:124px;
	height:31px;
	cursor:pointer;
}


/* next / prev buttons */
a.prev, a.next {
	display:block;
	width:9px;
	height:17px;
	float:left;
	margin:6px 5px 8px 0;
}
* html a.prev { margin:10px 5px 8px 0; }
*+html a.prev { margin:10px 5px 8px 0; }

a.prev, a.next {
	background:url(../images/top/top_banner_arrow_l.gif) no-repeat 0 0;
	display:block;
	width:9px;
	height:17px;
	float:left;	
	cursor:pointer;
}
a.next {
	margin:6px 0 0 15px;
	background:url(../images/top/top_banner_arrow_r.gif) no-repeat 0 0;
}
* html a.next { margin:10px 0 0 15px; }
*+html a.next { margin:10px 0 0 15px; }

a.prev:hover {
	background:url(../images/top/top_banner_arrow_l_h.gif) no-repeat 0 0;
}
a.next:hover {
	background:url(../images/top/top_banner_arrow_r_h.gif) no-repeat 0 0;
}