div.scroller { 
	/* modify width and height of scrolling section if necessary	*/		
	width: 580px; 
	height: 200px;
	overflow: hidden;
	border:0;
	}
	div.scroller div.section {
		/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
		width:580px;
		height:200px;
		overflow:hidden;
		float:left;
		padding:0;		
		}
	div.scroller div.content {
		width: 10000px;
		}

	div#section2 {
		background:#666666;
		color:#ffffff;
		}

.active {
	background-color: #000;
	color: #fff;
	}	
	
.controller
{
    padding:20px 0;
    width:580px;
}

a.next, a.previous
{
    line-height:25px;
    color:#252526;
    font-size:16px;
    font-weight:bold;
    text-decoration:none;
}
 
a.next
{
    background:url(../images/nextArrow.jpg) no-repeat top right;
    padding-right:20px;
    float:right;
}

a.next:hover
{
    background:url(../images/nextArrow.jpg) no-repeat bottom right;
    color:Gray;
}

a.previous
{
    background:url(../images/previousArrow.jpg) no-repeat top left;
    padding-left:20px;
    float:left;
}

a.previous:hover
{
    background:url(../images/previousArrow.jpg) no-repeat bottom left;
    color:Gray;
}