.carousel  {padding:20px 0px 0px 0px; margin: 0 0 20px 0px;position: relative;}
.main {  margin-left: 0px;}

.jCarousel_DG .carousel button { /*Don't remove this. we still use this for individual demos. only the front pages use images as of now*/
  float: left;
}              
.carousel a.prev, .carousel a.next {display: none;} 
.carousel .jCarousel_DG {border: 0px; float: left;
/* Needed for rendering without flicker */
  position: relative; visibility: hidden; left: -5000px;
}
.carousel ul {  margin: 0; padding:0;}
.carousel li{width: 170px;  margin:10px 5px 10px 5px; text-align:center}

.widget img { cursor: pointer;}
.vertical { margin-left: 0px; text-align:center; height:180px; overflow:hidden}
.vertical .jCarousel_DG {   /* so that in IE 6, the carousel div doesnt expand to fill the space */
  width: 170px; text-align:center; padding-top:15px;
}

.vertical li {   /* so that in IE 6, the carousel div doesnt expand to fill the space */
  height: 180px; overflow:hidden
}
.jCarousel_DG li img{   /* so that in IE 6, the carousel div doesnt expand to fill the space */
  height: 120px; width:165px 
}