#slider {
  margin: 0 auto;
  position: relative;
}

.scroll {
  overflow: auto;
  overflow-x:hidden;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
  background: transparent;
}
.scrollContainer div.panel {
  padding: 0;
}

/*we don't want fixed height*/
.scroll, .scrollContainer div.panel{
	height: auto !important;
}

.scrollButtons {
	cursor:pointer;
}
ul.navigation {
  white-space: nowrap;
  margin:0;
  padding:0 0 0 0px;
  list-style-type:none;
}

div#slider_nav {
	width:100%;
	float:left;
	border-bottom: 2px solid #b6d9f5;
}
ul.navigation li {
  float:left;  
  margin: 5px 2px 0 0;  
  padding: 0; 
  background-image: url(../main/dialoge-box-tl.gif);
  background-repeat: no-repeat;
  background-position: left top;
  background-color: #eee;
  list-style-type:none;
}
ul.navigation li.selected {
  background-color: #b6d9f5;
  font-weight: bold;
}

ul.navigation li:hover {
  background-color: #b6d9f5;
}

ul.navigation li.selected a, ul.navigation li:hover a{color:#fff;}


ul.navigation a {
  float:left;
  display:block;
  color:#000 !important;
  background-image: url(../main/dialoge-box-tr.gif);
  background-repeat: no-repeat;
  background-position: right top;  
  padding:5px 7px 2px 7px; 
  text-transform: none;
  text-decoration:none;
  font-weight:normal;
  width: auto;
}


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

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

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

.skin-yellow #slider_nav {border-color: #f1df66;}
.skin-yellow ul.navigation li.selected, .skin-yellow ul.navigation li:hover{background-color: #f1df66;}

.skin-orange #slider_nav {border-color: #f6bc66;}
.skin-orange ul.navigation li.selected, .skin-orange ul.navigation li:hover{background-color: #f6bc66;}

.skin-red #slider_nav {border-color: #e98686;}
.skin-red ul.navigation li.selected, .skin-red ul.navigation li:hover{background-color: #e98686;}

.skin-red-light #slider_nav {border-color: #e98686;}
.skin-red-light ul.navigation li.selected, .skin-red-light ul.navigation li:hover{background-color: #e98686;}

.skin-germany #slider_nav {border-color: #e98686;}
.skin-germany ul.navigation li.selected, .skin-germany ul.navigation li:hover{background-color: #e98686;}

.skin-green #slider_nav {border-color: #c9dd7f;}
.skin-green ul.navigation li.selected, .skin-green ul.navigation li:hover{background-color: #c9dd7f;}