#slider {
  width: 720px;
  margin: 40px auto;
  position: relative;
}

ul.navigation {
  margin: 0;
  padding: 0;
}
  ul.navigation li {
    display: block;
    margin: 0;
    padding: 0;
    float: left;
  }
  ul.navigation li a {
    display: block;
    margin: 0;
    padding: .3em 1em;
    text-decoration: none;
    color: #fff;
    font-size: 1.2em;
  	-moz-border-radius-topleft: 0.4em;
  	-moz-border-radius-topright: 0.4em;
  	-webkit-border-top-left-radius: 0.4em;
  	-webkit-border-top-right-radius: 0.4em;
  	border-top-left-radius: 0.4em;
  	border-top-right-radius: 0.4em;
  }
  ul.navigation li a:hover {
    text-decoration: underline;
  }
  ul.navigation li a.selected {
    background: #fff;
    color: #ff4d1f;
  }
  ul.navigation li a.selected:hover {
    text-decoration: none;
  }
  
.scroll {
  height: 250px;
  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;
}

.scrollContainer div.panel {
  padding: 20px;
  height: 210px;
  width: 680px; /* change to 560px if not using JS to remove rh.scroll */
}
div.panel {
  color: #777;
}

.scrollButtons {
  position: absolute;
  top: 150px;
  cursor: pointer;
}

.scrollButtons.left {
  left: -40px;
}

.scrollButtons.right {
  right: -40px;
}