/* $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: 750px;
  margin: 0 auto;
}

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

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

.scrollContainer div.panel {
  padding: 20px;
  padding-top: 10px;
  height: auto;
  width: 660px;
}

ul.slidenav {
  width: 800px;
  list-style: none;
  margin: 0;
  padding: 0px;
  padding-bottom: 9px;
  padding-top: 15px;
  font-size: 110%;
}

ul.slidenav .slidetab-active {
  background-color: #fff;
  font-weight: bold;
}

ul.slidenav li {
  display: inline;
  padding-left: 5px;
}


ul.slidenav a {
  padding: 10px;
  padding-bottom: 12px;
  color: #000;
  text-decoration: none;
  font-weight: bold;
}

ul.slidenav a:hover {
  background-color: #fff;
  font-weight: bold;
}

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

.scrollButtons {
  display: none;
  position: absolute;
  top: 150px;
  cursor: pointer;
}

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

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

.hide {
  display: none;
}