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

.scroll {
  height: 250px;
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
  background: #322b1f url("styles/ThorLarge/theme/images/gradient.gif") repeat-x scroll left bottom;
  border-left: 2px dotted #4a4030;
  border-right: 2px dotted #4a4030;
  border-bottom: 2px solid #000;
}

.scroll img {
	margin: 15px;
}
ul.navigation {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom: 9px;
}

ul.navigation li {
    display: inline;
    margin-right: 10px;
}

ul.navigation a {
    padding: 10px;
    background-color: #fffefc;
    text-decoration: none;
    border-left: 2px dotted #4a4030;
    font-weight: bold;
    color: #000;
}

ul.navigation a:hover {
    background-color: #742c1d;
    color: #fff;
}

ul.navigation a.selected {
    background-color: #322b1f;
    text-decoration: underline;
    color: #ab9d7f;
}
ul.navigation a.selected:hover {
    color: #fff;
}

ul.navigation a:focus {
    outline: none;
}



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

.panel2 p {
	position: relative;
	top: 15%;
}
.scrollButtons {
  position: absolute;
  top: 125px;
  cursor: pointer;
}

.scrollButtons.left {
  left: -23px;
}
.scrollButtons.left:hover {
  left: -25px;
}

.scrollButtons.right {
  right: -23px;
}
.scrollButtons.right:hover {
  right: -25px;
}