/* Gallery styles */

#imageslide-gallery{
  /* CSS3 Box Shadow */
  /* -moz-box-shadow:0 0 3px #AAAAAA;
  -webkit-box-shadow:0 0 3px #AAAAAA;
  box-shadow:0 0 3px #AAAAAA; */
  
  /* CSS3 Rounded Corners */
  
  -moz-border-radius-bottomleft:4px;
  -webkit-border-bottom-left-radius:4px;
  border-bottom-left-radius:4px;
  
  -moz-border-radius-bottomright:4px;
  -webkit-border-bottom-right-radius:4px;
  border-bottom-right-radius:4px;
  
  /* border:1px solid white; */
  
  background:url(fileadmin/templates/images/sliders/imageslider/panel.jpg) repeat-x bottom center #ffffff;
  
  /* The width of the gallery */
  width:250px;
  overflow:hidden;
  padding:10px 5px;
}

#imageslide-slides{
  /* This is the slide area */
  height:250px;
  
  /* jQuery changes the width later on to the sum of the widths of all the slides. */
  width:250px;
  overflow:hidden;
}

.imageslide-slide{
  float:left;
}

#imageslide-menu {
  /* This is the container for the thumbnails */
  height:45px;
}

#imageslide-menu ul{
  margin:0px;
  padding:0px;
}

#imageslide-menu li{
  /* Every thumbnail is a li element */
  width:60px;
  display:inline-block;
  list-style:none;
  height:45px;
  overflow:hidden;
}

#imageslide-menu li.inact:hover{
  /* The inactive state, highlighted on mouse over */
  background:url(fileadmin/templates/images/sliders/imageslider/pic_bg.png) repeat;
}

#imageslide-menu li.act,li.act:hover{
  /* The active state of the thumb */
  background:url(fileadmin/templates/images/sliders/imageslider/active_bg.png) no-repeat;
}

#imageslide-menu li.act a{
  cursor:default;
}

#imageslide-menu .fbar{
  /* The left-most vertical bar, next to the first thumbnail */
  width:2px;
  background:url(fileadmin/templates/images/sliders/imageslider/divider.png) no-repeat right;
}

#imageslide-menu li a{
  display:block;
  background:url(fileadmin/templates/images/sliders/imageslider/divider.png) no-repeat right;
  height:35px;
  padding-top:10px;
}