#slider {
    width: 936px;
    margin: 0 auto;
    position: relative;
  border-left: 2px solid #4b4a4d;
  border-right: 2px solid #4b4a4d;

  background: url(/basics/img/head_940.jpg) no-repeat;
}

.scroll {
  overflow: hidden;
  width: 936px;
    margin: 0 auto;
    position: relative;
}

.scrollContainer {
  position: relative;
}

.scrollContainer div.panel {
    padding: 10px;
    width: 199px;
  height: 220px;

}

#left-shadow {
  position: absolute;
  top: 0;
  left: 0;
  width: 12px;
  bottom: 0;
  background: url(/basics/boxes/leftshadow.png) repeat-y;
}

#right-shadow {
  position: absolute;
  top: 0;
  right: 0;
  width: 12px;
  bottom: 0;
  background: url(/basics/boxes/rightshadow.png) repeat-y;
}

.inside {
  padding: 5px 10px; 
  /* border: 1px solid #999; */
  /* background: url(/basics/boxes/bg_boxes.png) repeat; */
}

.inside img {
  display: block;
  border: 1px solid #ccc;
  margin: 0 0 10px 0;
  width: 175px; 
}

.inside h2 {
  font-weight: normal;
  color: #fff;
  font-size: 11px;
  margin: 0 0 2px 0;
}

.inside p {
  font-size: 9px;
line-height: 14px;
  color: #ddd;
}

.inside a {
  color: #ddd;
  text-decoration: none;
}
.inside a:hover {
   color: #fff;
  text-decoration: underline;
 }


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

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

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

.hide {
    display: none;
}