/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */

input, textarea { font-family: Arial; font-size: 125%;}
label { display: block; } 

.infiniteCarousel {
  width: 507px;
  position: relative;
}

.infiniteCarousel .wrapper {
  width: 507px;
  overflow: auto;
  min-height: 120px;
  position: absolute;
  border: 1px solid gray;
  background-image: url(../img/carousel_bg.png);
}

.infiniteCarousel ul a img {
  border: 1px solid gray;
}

.infiniteCarousel .wrapper ul {
  width: 9999px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul li {
  display:block;
  float:left;
  padding: 10px 5px 0 6px;
  height: 100px;
  width: 160px;
}

.infiniteCarousel ul li a img {
  display:block;
}

.infiniteCarousel .arrow {
  display: block;
  height: 27px;
  width: 30px;
  background: url(../img/arrow.png) no-repeat 0 0;
  text-indent: -999px;
  position: absolute;
  top: 125px;
  cursor: pointer;
}

.infiniteCarousel .forward {
  background-image: url(../img/arrow_right.gif);
  right: 170px;
}

.infiniteCarousel .back {
  background-image: url(../img/arrow_left.gif);
  left: 170px;
}

.infiniteCarousel .bg {
  background-image: url(../img/arrow_bg.gif);
  width: 120px;
  height: 26px;
  background-repeat: repeat-x;
  left: 200px;
}

.infiniteCarousel .forward:hover {
  background-image: url(../img/arrow_right_down.gif);
}

.infiniteCarousel .back:hover {
  background-image: url(../img/arrow_left_down.gif);
}