.BS_slider {  
  min-height: 10em;  
  position: relative;
  top: 0;
  float: left;
  width:380px;
  overflow: hidden;
}

.prev, .next{
    margin-top: 50px;
    float: left;    
}

.next{
    background-image: url('next.gif');
    width: 30px;
    height: 30px;
}

.prev{
    background-image: url('prev.gif');
    width: 30px;
    height: 30px;    
}

.prev_inbox{
    margin-right: -50px;
    z-index: 50;
    position: relative;
}

.next_inbox{
    margin-left: -30px;
    z-index: 50;
    position: relative;
}

.BS_slider  ul {
  width: 9999px;  
  list-style-type:none;
  margin:0;
  padding:0;  
}

.BS_slider ul li img {
    width: 186px;   /* Important: set image width to size of single element, otherwise calculations will mess up */  
}

.BS_slider ul li {
  width: 186px;  /* defines width of single element, number of visible elements defines width of slider */  
  float:left;
  padding: 5px;  
}

#gallery ul li img {
  width: 370px;
}

#gallery ul li {
  width: 370px;
}

#hot .BS_slider ul li img{
  width: 136px;
  height: 106px;
  border: 1px solid lightgrey;
}

#hot .BS_slider ul li {  
  width: 136px;  /* defines width of single element, number of visible elements defines width of slider */  
  float:left;
  padding-right: 10px;  
}