/**
 * HoverScroll Style Sheet
 *
 * @author RasCarlito <carl.ogren@gmail.com>
 * @version 0.3.0
 * @revision 8
 */

/* Main container */
div.hoverscroll {
	position:relative;
}


/* List container */
div.hoverscroll div.listcontainer {
	overflow:hidden;
}

/* Actual list containing items */
div.hoverscroll ul.list {
	list-style:none;
	margin:0;
	padding:0;
}

/* Items contained in the list */
div.hoverscroll ul.list li.item {
	display:block;
	padding:0;
}
div.hoverscroll.horizontal ul.list li.item {
	float:left;
}



/* Arrows */
div.hoverscroll div.arrow {
	position:absolute;
	float:none;
	/*background-color:#ccc;*/
	background-position:center;
	background-repeat:no-repeat;
	/*opacity:0.8;
	filter:alpha(opacity=80);*/
}

div.hoverscroll div.arrow.left,
div.hoverscroll div.arrow.right {
	top:0px;
	width:20px;
	height:100%;
}
div.hoverscroll div.arrow.left {
	left:0px;
	background-image:url('../images/arrow-left-small.png');
}
div.hoverscroll div.arrow.right {
	right:0px;
	background-image:url('../images/arrow-right-small.png');
}

div.hoverscroll div.arrow.top,
div.hoverscroll div.arrow.bottom {
	left:0px;
	width:100%;
	height:20px;
}
div.hoverscroll div.arrow.top {
	top:0px;
	background-image:url('../images/arrow-up-small.png');
	
}
div.hoverscroll div.arrow.bottom {
	bottom:0px;
	background-image:url('../images/arrow-down-small.png');
}