#flipper * {
      margin: 0;
      padding: 0;
      }
      
   #flipper {
      width: 535px;
      height: 200px;
      position: relative;
      margin-left: 180px;
      top: 1em;
      left: 1em;
      }
      
   .jcarousel-next {
      z-index: 3;
      width: 25px;
      height: 25px;
      position: absolute;
      top: 82px;
      right: -8px;
      background: transparent url("../img/arrow-right.png") right top no-repeat;
      cursor: pointer;
      }
      
   .jcarousel-prev {
      z-index: 3;
      width: 25px;
      height: 25px;
      position: absolute;
      top: 82px;
      left: -8px;
      background: transparent url("../img/arrow-left.png") left top no-repeat;
      cursor: pointer;
      }
      
   #dots ul {
      list-style: none;
      margin: 5px auto;
      width: 5em;
     _margin-left: 200px; /* ie6 hack */
      }
      
   #dots ul li {
      float: left;
      margin: 0 2px;
      text-align: center;
      cursor: pointer;
      }
      
   #dots ul li span {
      display: none;
      }
      
   .off, .active {
      background: transparent url("../img/circle-off.gif") left top no-repeat;
      height: 8px;
      width: 8px;
      }
      
   .active {
      background: transparent url("../img/circle-on.gif") left top no-repeat;
      }