#wrapper {
    background-color: #fff;
    border-bottom: 1px dashed #ccc;
    border-right: 1px dashed #ccc;
    width: 686px;
    margin-bottom: 5px;
}



.codanav {
	background: url('') repeat-x;
	font: bold 1.2em serif;
	height: 25px;
  padding-top: 6px;
	width: 690px;
}
.codanav ul{	
  list-style: none;
}

.codanav li {
    display: inline;
    margin-right: 0px;
}

.codanav a {
    padding: 0px;
    color: #000;
    text-decoration: none;
}

.codanav a:hover {
    background-color: #f6f6f6;
    color: #f00;
}

.codanav a.selected {
    background-color: #fff;
    text-decoration: underline;
}

.codanav a:focus {
    outline: none;
    text-decoration: underline;
}

.panel img {
  border: 2px solid #900;
  margin: 5px 5px;
  padding: 5px;
  float:left;
}

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

.scroll {
  height: 180px;
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
  background: #fff url('') repeat-x scroll left bottom;
  font: italic 1.2em serif;
}

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

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

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

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

.hide {
    display: none;
}