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

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


/* Hover Zones */
div.hoverscroll div.hoverZoneLeft,
div.hoverscroll div.hoverZoneRight,
div.hoverscroll div.hoverZoneTop,
div.hoverscroll div.hoverZoneBottom {
	position:absolute;
}
div.hoverscroll div.hoverZoneLeft {
	cursor: url('../images/mouse-arrow-left.cur'), w-resize;
	top:0px;
	left:0px;
	width:40%;
	height:100%;
}
div.hoverscroll div.hoverZoneRight {
	cursor: url('../images/mouse-arrow-right.cur'), w-resize;
	top:0px;
	right:0px;
	width:40%;
	height:100%;
}
div.hoverscroll div.hoverZoneTop {
	cursor: url('../images/mouse-arrow-up.cur'), n-resize;
	top:0px;
	left:0px;
	width:100%;
	height:40%;
}
div.hoverscroll div.hoverZoneBottom {
	cursor: url('../images/mouse-arrow-down.cur'), n-resize;
	bottom:0px;
	left:0px;
	width:100%;
	height:40%;
}



/* Arrows */
div.hoverscroll div.arrowleft,
div.hoverscroll div.arrowright,
div.hoverscroll div.arrowtop,
div.hoverscroll div.arrowbottom {
	position:absolute;
	background-color:#ccc;
	background-position:center;
	background-repeat:no-repeat;
	opacity:0.8;
	filter:alpha(opacity=80);
}

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

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

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

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

/* List items */
div.hoverscroll {
  margin: 0 auto 20px auto;
  }
div.hoverscroll ul.list li.horizontal-item,
div.hoverscroll ul.list li.vertical-item {
	display:block;
	padding:0;
}
div.hoverscroll ul.list li.horizontal-item {
    float: left;
    width: 223px;
    margin-right: 30px;    
    height: 130px;	
}
div.hoverscroll ul.list li.horizontal-item span.opis {
  display: block;
  clear: left;
  font-size: 11px;
  font-weight: normal;
  text-align: left;
  margin: 0 3px;
  color: #E9E2DE;
  padding-top: 3px;
  }
div.hoverscroll ul.list li.horizontal-item p {  
  float: left;
  margin: 0 3px;
  padding: 0 !important;
  color: #CCCCCC !important;
  font-weight: bold !important;
  text-align: center !important;
  }
div.hoverscroll ul.list li.horizontal-item img { border: 2px solid #CCCCCC; }
div.hoverscroll ul.list li.horizontal-item p.po { color: #fff !important; }

div.hoverscroll ul.list li.vertical-item {
	
}