#slider {

  float: left;
  width: 380px;
  margin-top: 10px;
  position: relative;
}

.scroll {
  /*border: 1px solid silver;*/
  height: 420px;
  overflow: hidden;
  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-right: 0px;
  height: 420px;
  width: 380px; /* change to 560px if not using JS to remove rh.scroll */
}

.scrollButtons {

  /*border: 1px solid black;*/
  position: absolute;
  top: 235px;
  cursor: pointer;
  height: 55px;
  width: 15px;
}

.scrollButtons.left {
  position: absolute;
  left: 40px;
  z-index: 1;
}

.scrollButtons.right {
 position: absolute;
  right: 10px;
  z-index: 1;
}

a.navDot:active, a.navDot:hover {

  background-image: url('../images/dot_active.png');
}

.navDot {

  float: right;
  background-image: url('../images/dot.png');
  height: 10px;
  margin-right: 5px;
  width: 10px;
}

.navImage {

position: absolute;
margin: 248px 0 0 750px;
z-index: 3;

}

.navImage li {

  display: inline;
  font-family: Helvetica, Verdana, Arial, sans-serif;
  font-size: 10px;
  text-decoration: none;
  list-style: none;

}

.panel img {

  width: 380px;
}