/* CSS Image Scroll */

.tx-pvimagelist-pi1 {
    padding: 0 30px 45px 30px;
    background-color: #a90a28;
    position: relative;
    /*min-height: 1;*/
    overflow: hidden;
}

.red-gallery-bar {
    display: block;
    clear: both;
    background-color: #a90a28;
    height: 30px;
    display: none;
}

.hoverscroll {
    /*display: inline;*/
}

.tx-pvimagelist-pi1 ul {
    margin: 0;
    background-color: #FFFFFF;
}

#image-scroller li {
	width: 147px;
	padding: 0;
	margin: 0;
	padding: 0;
	list-style-image: none;
	background-color: #FFFFFF;
}

/*** Image Scroller ***/

/* 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('../icons/mouse-arrow-left.cur'), w-resize;
	top:0px;
	left:0px;
	width:40%;
	height:100%;
}
div.hoverscroll div.hoverZoneRight {
	cursor: url('../icons/mouse-arrow-right.cur'), w-resize;
	top:0px;
	right:0px;
	width:40%;
	height:100%;
}
/* 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('../pics/arrow_left.gif');
}
div.hoverscroll div.arrowright {
	right:0px;
	background-image:url('../pics/arrow_right.gif');
}
div.hoverscroll div.arrowtop,
div.hoverscroll div.arrowbottom {
	left:0px;
	width:100%;
	height:40px;
}
/* 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 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;
}
div.hoverscroll ul.list li.vertical-item {
	
}