/* $Id: slider.css,v 1.1 2008/10/15 10:04:26 marktheunissen Exp $ */

/**
 * Standard CSS for the slider.
 * Overrride these values in your theme's CSS file
 */

#sliderwrapper {
  width: 470px;
  margin: 0 auto;
}

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

.scroll {
  height: 425px;
  width: 400px;
  overflow: auto;
  overflow-x: hidden;
  position: relative;
  clear: left;
}

.scrollContainer div.panel {
  padding: 20px;
  height: 375px;
  width: 390px;
}

ul.slidenav {
  list-style: none;
  margin: 0;
  padding: 0;
  padding-bottom: 9px;
}

ul.slidenav .slidetab-active {
  background-color: #e6e6e6;
}

ul.slidenav li {
  display: none;
  margin-right: 10px;
}

ul.slidenav a {
  padding: 7px;
  color: #000;
  text-decoration: none;
}

ul.slidenav a:hover {
  background-color: #e6e6e6;
}

ul.slidenav a.selected {
  background-color: #fff;
}

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

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

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

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

.hide {
  display: none;
}