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

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

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

#horizontal_carousel ul li {
  width: 300px;
  list-style:none;   
  float:left;
}

#horizontal_carousel .previous_button {
  float:left;  
  width: 40px;
  height: 140px;
  background: url(/frontend/Gui/re-port/carousel/images/left.png)  no-repeat 100% 0px;
  z-index: 100;
  cursor: pointer;
}

#horizontal_carousel .previous_button_over {
  background: url(/frontend/Gui/re-port/carousel/images/left_over.png) no-repeat 100% 0px;
}

#horizontal_carousel .previous_button_disabled {
  background: url(/frontend/Gui/re-port/carousel/images/left_disabled.png) no-repeat 100% 0px;
  cursor: default;
}

#horizontal_carousel .next_button {
  float:left;  
  width: 40px;
  height: 140px;
  background: url(/frontend/Gui/re-port/carousel/images/right.png) no-repeat;
  z-index: 100;
  cursor: pointer;
}

#horizontal_carousel .next_button_over {
  background: url(/frontend/Gui/re-port/carousel/images/right_over.png) no-repeat;
}

#horizontal_carousel .next_button_disabled {
  background: url(/frontend/Gui/re-port/carousel/images/right_disabled.png) no-repeat;
  cursor: default;
}



/* Horizontal Carousel Products */

#horizontal_carousel_products {
  float: left;
  width: 980px;
  height: 140px;
  margin-bottom: 10px;
  position: relative;
}

#horizontal_carousel_products .container {
  float: left;
  width: 900px;
  height: 140px;
  position: relative;
  overflow: hidden;
}

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

#horizontal_carousel_products ul li {
  width: 300px;
  list-style:none;   
  float:left;
}

#horizontal_carousel_products .previous_button {
  float:left;  
  width: 40px;
  height: 140px;
  background: url(/frontend/Gui/re-port/carousel/images/left.png)  no-repeat 100% 0px;
  z-index: 100;
  cursor: pointer;
}

#horizontal_carousel_products .previous_button_over {
  background: url(/frontend/Gui/re-port/carousel/images/left_over.png) no-repeat 100% 0px;
}

#horizontal_carousel_products .previous_button_disabled {
  background: url(/frontend/Gui/re-port/carousel/images/left_disabled.png) no-repeat 100% 0px;
  cursor: default;
}

#horizontal_carousel_products .next_button {
  float:left;  
  width: 40px;
  height: 140px;
  background: url(/frontend/Gui/re-port/carousel/images/right.png) no-repeat;
  z-index: 100;
  cursor: pointer;
}

#horizontal_carousel_products .next_button_over {
  background: url(/frontend/Gui/re-port/carousel/images/right_over.png) no-repeat;
}

#horizontal_carousel_products .next_button_disabled {
  background: url(/frontend/Gui/re-port/carousel/images/right_disabled.png) no-repeat;
  cursor: default;
}

/* Horizontal Carousel Portfolio */

#horizontal_carousel_portfolio {
  float: left;
  width: 980px;
  height: 140px;
  margin-bottom: 10px;
  position: relative;
}

#horizontal_carousel_portfolio .container {
  float: left;
  width: 900px;
  height: 140px;
  position: relative;
  overflow: hidden;
}

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

#horizontal_carousel_portfolio ul li {
  width: 300px;
  list-style:none;   
  float:left;
}

#horizontal_carousel_portfolio .previous_button {
  float:left;  
  width: 40px;
  height: 140px;
  background: url(/frontend/Gui/re-port/carousel/images/left.png)  no-repeat 100% 0px;
  z-index: 100;
  cursor: pointer;
}

#horizontal_carousel_portfolio .previous_button_over {
  background: url(/frontend/Gui/re-port/carousel/images/left_over.png) no-repeat 100% 0px;
}

#horizontal_carousel_portfolio .previous_button_disabled {
  background: url(/frontend/Gui/re-port/carousel/images/left_disabled.png) no-repeat 100% 0px;
  cursor: default;
}

#horizontal_carousel_portfolio .next_button {
  float:left;  
  width: 40px;
  height: 140px;
  background: url(/frontend/Gui/re-port/carousel/images/right.png) no-repeat;
  z-index: 100;
  cursor: pointer;
}

#horizontal_carousel_portfolio .next_button_over {
  background: url(/frontend/Gui/re-port/carousel/images/right_over.png) no-repeat;
}

#horizontal_carousel_portfolio .next_button_disabled {
  background: url(/frontend/Gui/re-port/carousel/images/right_disabled.png) no-repeat;
  cursor: default;
}


/* vertical Carousel */

#vertical_carousel {float:left; height: 325px; margin-bottom: 10px; position: relative;}
#vertical_carousel .container {float:left; height: 285px; overflow: hidden; position: relative;}
#vertical_carousel ul {margin: 0; padding:0; height: 100000px; position: relative; top: 0; left: 0;}
#vertical_carousel ul li { height: 75px; text-align: center;list-style:none; padding-top: 10px;  padding-bottom: 10px;}                         
#vertical_carousel ul li div.test{ height:70px; background:#ffcc00;}
#vertical_carousel .previous_button {float:left; height: 32px; width: 170px;
  background: url(/frontend/Gui/re-port/carousel/images/top.png) no-repeat 50% 50%;
  cursor: pointer; margin-bottom:10px;
  margin-left: 55px;
}

#vertical_carousel .previous_button_over { background: url(/frontend/Gui/re-port/carousel/images/top.png) no-repeat 50% 50%;}

#vertical_carousel .previous_button_disabled {background: none;cursor: default;}
#vertical_carousel .next_button {float:left;height: 32px; width: 170px;
  background: url(/frontend/Gui/re-port/carousel/images/bottom.png) no-repeat 50% 50%;
  display:inline;  cursor: pointer;
  margin-left: 55px;
margin-top: 10px;
}

#vertical_carousel .next_button_over {url(/frontend/Gui/re-port/carousel/images/bottom.png) no-repeat 50% 50%;}
#vertical_carousel .next_button_disabled {
  background: none;
  cursor: default;
}



/* vertical Carousel - Interviews*/

#vertical_carousel_2 {float:left; height: 325px; margin-bottom: 10px; position: relative;}
#vertical_carousel_2 .container {float:left; height: 285px; overflow: hidden; position: relative;}
#vertical_carousel_2 ul {margin: 0; padding:0; height: 100000px; position: relative; top: 0; left: 0;}
#vertical_carousel_2 ul li { height: 75px; text-align: center;list-style:none; padding-top: 10px;  padding-bottom: 10px;}                         
#vertical_carousel_2 ul li div.test{ height:70px; background:#ffcc00;}
#vertical_carousel_2 .previous_button {float:left; height: 32px; width: 170px;
  background: url(/frontend/Gui/re-port/carousel/images/top.png) no-repeat 50% 50%;
  cursor: pointer; margin-bottom:10px;
  margin-left: 55px;
}

#vertical_carousel_2 .previous_button_over { background: url(/frontend/Gui/re-port/carousel/images/top.png) no-repeat 50% 50%;}

#vertical_carousel_2 .previous_button_disabled {background: none;cursor: default;}
#vertical_carousel_2 .next_button {float:left;height: 32px; width: 170px;
  background: url(/frontend/Gui/re-port/carousel/images/bottom.png) no-repeat 50% 50%;
  display:inline;  cursor: pointer;
  margin-left: 55px;
margin-top: 10px;
}

#vertical_carousel_2 .next_button_over {url(/frontend/Gui/re-port/carousel/images/bottom.png) no-repeat 50% 50%;}
#vertical_carousel_2 .next_button_disabled {
  background: none;
  cursor: default;
}