/* Horizontal Carousel */
#horizontal_carousel {
  float: left;
  width: 500px;
  height: 100px;
  margin-bottom: 10px;
  position: relative;
}

#horizontal_carousel .container {
  float: left;
  width: 450px;
  height: 100px;
  position: relative;    
  overflow: hidden;
}

#horizontal_carousel ul {
  margin: 0;
  padding:0;
  width: 100000px;
  position: relative;
  top: 0;
  left: 0;
  height: 240px;
}                      

#horizontal_carousel ul li {
  /*width: 50px;
  height: 83px;*/
  width: 50px;
  height: 84px;
  text-align: center; 
  list-style:none;   
  float:left;
  /*margin:0 5px;*/
}

#horizontal_carousel ul li img{
  border:1px solid #999;
}

#horizontal_carousel .previous_button {
  float:left;  
  width: 25px;
  height: 58px;
  background: url(left.png);
  background-position:50px 0;
  z-index: 100;
  cursor: pointer;
  margin-top:10px;
}

#horizontal_carousel .previous_button_over {
  background: url(left.png);
  background-position:25px 0;
}

#horizontal_carousel .previous_button_disabled {
  background: url(left.png);
  background-position:0 0;
}

#horizontal_carousel .next_button {
  float:left;  
  width: 25px;
  height: 58px;
  background: url(right.png);
  background-position:50px 0;
  z-index: 100;
  cursor: pointer;
  margin-top:10px;
}

#horizontal_carousel .next_button_over {
  background: url(right.png);
  background-position:25px 0;
}

#horizontal_carousel .next_button_disabled {
  background: url(right.png);
  background-position:0 0;
  cursor: default;
}



/* Mono Carousel */

.ui_mono_carousel {
}

#mono_carousel {
  float:left;
  width: 280px;
  height: 490px;
  margin-bottom: 0px;
  position: relative;
}

#mono_carousel .container {
  float:left;  
  width: 220px;
  height: 415px;
  overflow: hidden;
}

#mono_carousel ul {
  margin: 0;
  padding:0;
  height: 100000px;
  position: relative;
  top: 0;
  left: 0;
}

#mono_carousel ul li {
  width: 120px;
  /*height: 84px;*/
  height: 104px;
  /*padding-bottom:8px;*/
  text-align: center;      
  list-style:none;   
  float:left;
}                         

#mono_carousel .previous_button {
  float:left;
  height: 25px;
  width: 58px;
  background: url(top.png);
  background-position:0 50px;
  cursor: pointer;    
  display:inline;
  margin: 0 0 10px 30px;
}

#mono_carousel .previous_button_over {
  background: url(top.png);
  background-position:0 25px;
}

#mono_carousel .previous_button_disabled {
  background: url(top.png);
  background-position:0 0;
  cursor: default;
}

#mono_carousel .next_button {
  float:left;
  height: 25px;
  width: 58px;
  background: url(bottom.png);
  background-position:0 50px;
  display:inline;
  margin: 10px 0 0 30px;
  cursor: pointer;
}

#mono_carousel .next_button_over {
  background: url(bottom.png);
  background-position:0 25px;
}

#mono_carousel .next_button_disabled {
  background: url(bottom.png);
  background-position:0 0;
  cursor: default;
}



/*** Vertical Carousel *****/

.ui_vertical_carousel {
}

#vertical_carousel {
  float:left;
  width: 280px;
  height: 490px;
  margin-bottom: 0px;
  position: relative;
}

#vertical_carousel .container {
  float:left;  
  width: 220px;
  height: 415px;
  overflow: hidden;
}

#vertical_carousel ul {
  margin: 0;
  padding:0;
  height: 100000px;
  position: relative;
  top: 0;
  left: 0;
}

#vertical_carousel ul li {
  width: 120px;
  height: 70px;
  /*padding-bottom:8px;*/
  text-align: center;      
  list-style:none;   
  float:left;
}                         

#vertical_carousel .previous_button {
  float:left;
  height: 25px;
  width: 58px;
  background: url(top.png);
  background-position:0 50px;
  cursor: pointer;    
  display:inline;
  margin: 0 0 10px 30px;
}

#vertical_carousel .previous_button_over {
  background: url(top.png);
  background-position:0 25px;
}

#vertical_carousel .previous_button_disabled {
  background: url(top.png);
  background-position:0 0;
  cursor: default;
}

#vertical_carousel .next_button {
  float:left;
  height: 25px;
  width: 58px;
  background: url(bottom.png);
  background-position:0 50px;
  display:inline;
  margin: 10px 0 0 30px;
  cursor: pointer;
}

#vertical_carousel .next_button_over {
  background: url(bottom.png);
  background-position:0 25px;
}

#vertical_carousel .next_button_disabled {
  background: url(bottom.png);
  background-position:0 0;
  cursor: default;
}


/******* MIC CAROUSEL ********/
.ui_vertical_carousel {
}

#mic_carousel {
  float:left;
  width: 280px;
  height: 490px;
  margin-bottom: 0px;
  position: relative;
}

#mic_carousel .container {
  float:left;  
  width: 220px;
  height: 415px;
  overflow: hidden;
}

#mic_carousel ul {
  margin: 0;
  padding:0;
  height: 100000px;
  position: relative;
  top: 0;
  left: 0;
}

#mic_carousel ul li {
  width: 120px;
  height: 118px;
  /*padding-bottom:8px;*/
  text-align: center;      
  list-style:none;   
  float:left;
}                         

#mic_carousel .previous_button {
  float:left;
  height: 25px;
  width: 58px;
  background: url(top.png);
  background-position:0 50px;
  cursor: pointer;    
  display:inline;
  margin: 0 0 10px 30px;
}

#mic_carousel .previous_button_over {
  background: url(top.png);
  background-position:0 25px;
}

#mic_carousel .previous_button_disabled {
  background: url(top.png);
  background-position:0 0;
  cursor: default;
}

#mic_carousel .next_button {
  float:left;
  height: 25px;
  width: 58px;
  background: url(bottom.png);
  background-position:0 50px;
  display:inline;
  margin: 10px 0 0 30px;
  cursor: pointer;
}

#mic_carousel .next_button_over {
  background: url(bottom.png);
  background-position:0 25px;
}

#mic_carousel .next_button_disabled {
  background: url(bottom.png);
  background-position:0 0;
  cursor: default;
}


/******* RACK CAROUSEL ********/
.ui_vertical_carousel {
}

#rack_carousel {
  float:left;
  width: 280px;
  height: 490px;
  margin-bottom: 0px;
  position: relative;
}

#rack_carousel .container {
  float:left;  
  width: 220px;
  height: 415px;
  overflow: hidden;
}

#rack_carousel ul {
  margin: 0;
  padding:0;
  height: 100000px;
  position: relative;
  top: 0;
  left: 0;
}

#rack_carousel ul li {
  width: 120px;
  height: 38px;
 /* height: 118px;*/
  /*padding-bottom:8px;*/
  text-align: center;      
  list-style:none;   
  float:left;
}                         

#rack_carousel .previous_button {
  float:left;
  height: 25px;
  width: 58px;
  background: url(top.png);
  background-position:0 50px;
  cursor: pointer;    
  display:inline;
  margin: 0 0 10px 30px;
}

#rack_carousel .previous_button_over {
  background: url(top.png);
  background-position:0 25px;
}

#rack_carousel .previous_button_disabled {
  background: url(top.png);
  background-position:0 0;
  cursor: default;
}

#rack_carousel .next_button {
  float:left;
  height: 25px;
  width: 58px;
  background: url(bottom.png);
  background-position:0 50px;
  display:inline;
  margin: 10px 0 0 30px;
  cursor: pointer;
}

#rack_carousel .next_button_over {
  background: url(bottom.png);
  background-position:0 25px;
}

#rack_carousel .next_button_disabled {
  background: url(bottom.png);
  background-position:0 0;
  cursor: default;
}


/*** CAB Carousel *****/

.ui_vertical_carousel {
}

#cab_carousel {
  float:left;
  width: 280px;
  height: 490px;
  margin-bottom: 0px;
  position: relative;
}

#cab_carousel .container {
  float:left;  
  width: 220px;
  height: 415px;
  overflow: hidden;
}

#cab_carousel ul {
  margin: 0;
  padding:0;
  height: 100000px;
  position: relative;
  top: 0;
  left: 0;
}

#cab_carousel ul li {
  width: 120px;
  height: 70px;
  /*padding-bottom:8px;*/
  text-align: center;      
  list-style:none;   
  float:left;
}                         

#cab_carousel .previous_button {
  float:left;
  height: 25px;
  width: 58px;
  background: url(top.png);
  background-position:0 50px;
  cursor: pointer;    
  display:inline;
  margin: 0 0 10px 30px;
}

#cab_carousel .previous_button_over {
  background: url(top.png);
  background-position:0 25px;
}

#cab_carousel .previous_button_disabled {
  background: url(top.png);
  background-position:0 0;
  cursor: default;
}

#cab_carousel .next_button {
  float:left;
  height: 25px;
  width: 58px;
  background: url(bottom.png);
  background-position:0 50px;
  display:inline;
  margin: 10px 0 0 30px;
  cursor: pointer;
}

#cab_carousel .next_button_over {
  background: url(bottom.png);
  background-position:0 25px;
}

#cab_carousel .next_button_disabled {
  background: url(bottom.png);
  background-position:0 0;
  cursor: default;
}


/*** PLUGIN Carousel *****/

.ui_vertical_carousel {
}

#plugin_carousel {
  float:left;
  width: 280px;
  height: 490px;
  margin-bottom: 0px;
  position: relative;
}

#plugin_carousel .container {
  float:left;  
  width: 220px;
  height: 415px;
  overflow: hidden;
}

#plugin_carousel ul {
  margin: 0;
  padding:0;
  height: 100000px;
  position: relative;
  top: 0;
  left: 0;
}

#plugin_carousel ul li {
  width: 120px;
  height: 90px;
  /*padding-bottom:8px;*/
  text-align: center;      
  list-style:none;   
  float:left;
}                         

#plugin_carousel .previous_button {
  float:left;
  height: 25px;
  width: 58px;
  background: url(top.png);
  background-position:0 50px;
  cursor: pointer;    
  display:inline;
  margin: 0 0 10px 30px;
}

#plugin_carousel .previous_button_over {
  background: url(top.png);
  background-position:0 25px;
}

#plugin_carousel .previous_button_disabled {
  background: url(top.png);
  background-position:0 0;
  cursor: default;
}

#plugin_carousel .next_button {
  float:left;
  height: 25px;
  width: 58px;
  background: url(bottom.png);
  background-position:0 50px;
  display:inline;
  margin: 10px 0 0 30px;
  cursor: pointer;
}

#plugin_carousel .next_button_over {
  background: url(bottom.png);
  background-position:0 25px;
}

#plugin_carousel .next_button_disabled {
  background: url(bottom.png);
  background-position:0 0;
  cursor: default;
}


/*** STANDALONE Carousel *****/

.ui_vertical_carousel {
}

#standalone_carousel {
  float:left;
  width: 280px;
  height: 490px;
  margin-bottom: 0px;
  position: relative;
}

#standalone_carousel .container {
  float:left;  
  width: 220px;
  height: 415px;
  overflow: hidden;
}

#standalone_carousel ul {
  margin: 0;
  padding:0;
  height: 100000px;
  position: relative;
  top: 0;
  left: 0;
}

#standalone_carousel ul li {
  width: 120px;
  height: 110px;
  /*padding-bottom:8px;*/
  text-align: center;      
  list-style:none;   
  float:left;
}                         

#standalone_carousel .previous_button {
  float:left;
  height: 25px;
  width: 58px;
  background: url(top.png);
  background-position:0 50px;
  cursor: pointer;    
  display:inline;
  margin: 0 0 10px 30px;
}

#standalone_carousel .previous_button_over {
  background: url(top.png);
  background-position:0 25px;
}

#standalone_carousel .previous_button_disabled {
  background: url(top.png);
  background-position:0 0;
  cursor: default;
}

#standalone_carousel .next_button {
  float:left;
  height: 25px;
  width: 58px;
  background: url(bottom.png);
  background-position:0 50px;
  display:inline;
  margin: 10px 0 0 30px;
  cursor: pointer;
}

#standalone_carousel .next_button_over {
  background: url(bottom.png);
  background-position:0 25px;
}

#standalone_carousel .next_button_disabled {
  background: url(bottom.png);
  background-position:0 0;
  cursor: default;
}


/******* OTHER CAROUSEL ********/
.ui_vertical_carousel {
}

#other_carousel {
  float:left;
  width: 280px;
  height: 490px;
  margin-bottom: 0px;
  position: relative;
}

#other_carousel .container {
  float:left;  
  width: 220px;
  height: 415px;
  overflow: hidden;
}

#other_carousel ul {
  margin: 0;
  padding:0;
  height: 100000px;
  position: relative;
  top: 0;
  left: 0;
}

#other_carousel ul li {
  width: 120px;
  height: 100px;
  /*padding-bottom:8px;*/
  text-align: center;      
  list-style:none;   
  float:left;
}                         

#other_carousel .previous_button {
  float:left;
  height: 25px;
  width: 58px;
  background: url(top.png);
  background-position:0 50px;
  cursor: pointer;    
  display:inline;
  margin: 0 0 10px 30px;
}

#other_carousel .previous_button_over {
  background: url(top.png);
  background-position:0 25px;
}

#other_carousel .previous_button_disabled {
  background: url(top.png);
  background-position:0 0;
  cursor: default;
}

#other_carousel .next_button {
  float:left;
  height: 25px;
  width: 58px;
  background: url(bottom.png);
  background-position:0 50px;
  display:inline;
  margin: 10px 0 0 30px;
  cursor: pointer;
}

#other_carousel .next_button_over {
  background: url(bottom.png);
  background-position:0 25px;
}

#other_carousel .next_button_disabled {
  background: url(bottom.png);
  background-position:0 0;
  cursor: default;
}


/* Generic Carousel */

.ui_generic_carousel {
}

#generic_carousel {
  float:left;
  width: 280px;
  height: 300px;
  margin-bottom: 0px;
  position: relative;
}

#generic_carousel .container {
  float:left;  
  width: 220px;
  height: 234px;
  overflow: hidden;
}

#generic_carousel ul {
  margin: 0;
  padding:0;
  height: 100000px;
  position: relative;
  top: 0;
  left: 0;
}

#generic_carousel ul li {
  width: 120px;
  height: 80px;
  /*padding-bottom:8px;*/
  text-align: center;      
  list-style:none;   
  float:left;
}                         

#generic_carousel .previous_button {
  float:left;
  height: 25px;
  width: 58px;
  background: url(top.png);
  background-position:0 50px;
  cursor: pointer;    
  display:inline;
  margin: 0 0 5px 30px;
}

#generic_carousel .previous_button_over {
  background: url(top.png);
  background-position:0 25px;
}

#generic_carousel .previous_button_disabled {
  background: url(top.png);
  background-position:0 0;
  cursor: default;
}

#generic_carousel .next_button {
  float:left;
  height: 25px;
  width: 58px;
  background: url(bottom.png);
  background-position:0 50px;
  display:inline;
  margin: 5px 0 0 30px;
  cursor: pointer;
}

#generic_carousel .next_button_over {
  background: url(bottom.png);
  background-position:0 25px;
}

#generic_carousel .next_button_disabled {
  background: url(bottom.png);
  background-position:0 0;
  cursor: default;
}


/******* MIDI CAROUSEL ********/
.ui_vertical_carousel {
}

#midi_carousel {
  float:left;
  width: 280px;
  height: 490px;
  margin-bottom: 0px;
  position: relative;
}

#midi_carousel .container {
  float:left;  
  width: 220px;
  height: 415px;
  overflow: hidden;
}

#midi_carousel ul {
  margin: 0;
  padding:0;
  height: 100000px;
  position: relative;
  top: 0;
  left: 0;
}

#midi_carousel ul li {
  width: 120px;
  height: 100px;
  /*padding-bottom:8px;*/
  text-align: center;      
  list-style:none;   
  float:left;
}                         

#midi_carousel .previous_button {
  float:left;
  height: 25px;
  width: 58px;
  background: url(top.png);
  background-position:0 50px;
  cursor: pointer;    
  display:inline;
  margin: 0 0 10px 30px;
}

#midi_carousel .previous_button_over {
  background: url(top.png);
  background-position:0 25px;
}

#midi_carousel .previous_button_disabled {
  background: url(top.png);
  background-position:0 0;
  cursor: default;
}

#midi_carousel .next_button {
  float:left;
  height: 25px;
  width: 58px;
  background: url(bottom.png);
  background-position:0 50px;
  display:inline;
  margin: 10px 0 0 30px;
  cursor: pointer;
}

#midi_carousel .next_button_over {
  background: url(bottom.png);
  background-position:0 25px;
}

#midi_carousel .next_button_disabled {
  background: url(bottom.png);
  background-position:0 0;
  cursor: default;
}