div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 780px; 
    height:105px; 
    margin-left:40px;
    top:30px;

} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable ul.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
} 
 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable ul.items li { 
    float:left;
    display:inline;
    width:130px;

} 
 
/* you may want to setup some decorations to active the item */ 
ul.items li.active { 
    border:1px inset #ccc; 
    background-color:#fff; 
}
/*
a.browse {
  display: block;
  height: 36px;
  width: 37px;
  background: url(../img/arrow.png) no-repeat 0 0;
  text-indent: -9999px;
  float:left;

  cursor: pointer;
  outline: 0;
}

a.right {
  background-position: 0 0;
  right: 0;
}

a.left {
  background-position: 0 -72px;
  left: 0;
}

a.right:hover {
  background-position: 0 -36px;
}

a.left:hover {
  background-position: 0 -108px;
}
*/
/*

.infiniteCarousel {
  width: 780px;
  position: relative;
  margin-left:20px;
}

.infiniteCarousel .wrapper {
  width: 700px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) 
  overflow: auto;
  height: 105px;
  margin: 0 40px;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul a img {

  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.infiniteCarousel .wrapper ul {
  width: 840px; /* single item * n 
  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;
  height: 85px;
  width: 100px;
}

.infiniteCarousel ul li img {
    -webkit-transition: border-color 400ms;
}

.infiniteCarousel ul:hover li img {
  border-color: #000;
}

.infiniteCarousel ul:hover li:hover img {
  border-color: #333;
}

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

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

.infiniteCarousel .forward {
  background-position: 0 0;
  right: 0;
}

.infiniteCarousel .back {
  background-position: 0 -72px;
  left: 0;
}

.infiniteCarousel .forward:hover {
  background-position: 0 -36px;
}

.infiniteCarousel .back:hover {
  background-position: 0 -108px;
}

*/