.scrollerContent
{
	
	overflow:hidden;
}

.scrollerContent ul
{
	overflow:hidden;
	width:10000px;	
}


.scrollerContent ul li
{
	list-style-type:none;
	float:left;
	margin:0;
	padding:0 15px;
	width:181px;
	text-align:center;
	cursor:pointer;
}

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
    width: 644px;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
    width:  644px;
    height: 172px;    
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 181px;
    height: 172px;
}

.jcarousel-prev, .jcarousel-next
{
	width:10px;
	height:18px;
	position:absolute;
	top:75px;
	cursor:pointer;
}


.jcarousel-prev
{
	background:url(../Images/Scroller/scrollLeftArrow.gif) no-repeat;
} 

.jcarousel-next
{
	background:url(../Images/Scroller/scrollRightArrow.gif) no-repeat;
} 

.jcarousel-prev
{
	left:-10px;
}

.jcarousel-next
{
	right:-10px;
}

.jcarousel-prev-disabled, .jcarousel-next-disabled
{
	display:none!important;
}