#slider {
  width: 620px;
  margin: 0 auto;
  position: relative;
}

#slider * {
	border: none;
}

#slider .scroll {
  height: 570px;
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
  background: #FFFFFF url(images/content_pane-gradient.gif) repeat-x scroll left bottom;
}

#slider .scrollContainer div.panel {
  height: 448px;
  width: 620px; /* change to 560px if not using JS to remove rh.scroll */
}

.scrollButtons {
	position: absolute;
	top: 200px;
}

.scrollButtons.left {
	top: 450px;
	left: 0;
	z-index: 1000;
}

.scrollButtons.right {
	top: 450px;
	right: 0px;
	z-index: 1000;
}

.scrollButtons img {
	border: none;
}