#slider {
		  width: 980px;
		  margin: 0 auto;
		  position: relative;
		}
		
		.scroll {
		  overflow: auto;
		  overflow-x:hidden;
		  position: relative; /* fix for IE to respect overflow */
		  clear: left;
		}
		
		.scrollContainer div.panel {
		  padding: 0 20px 20px;
		  height: auto;
		  width: 980px; /* change to 560px if not using JS to remove rh.scroll */
		}
		
		a.scrollButtons{
			display:block; 
			width:33px; 
			height:33px;
			text-indent:-999em;
			float:left;
			outline:0;
			opacity:0.55;	
		}
		
		.scrollButtons.goleft {
		  background:url("../images/arrow.png") 0 -33px no-repeat;
		  left: -20px;
		}
		
		.scrollButtons.goleft:hover {
		  background:url("../images/arrow.png") 0 0 no-repeat;
		}
		
		.scrollButtons.goright {
		  background:url("../images/arrow.png") -33px -33px no-repeat; 
		  right: -20px;
		}
		
		.scrollButtons.goright:hover {
		  background:url("../images/arrow.png") -33px 0 no-repeat;
		}