#jCarouselLiteDemo .carousel {
padding: 0px 0 0px 0;
margin: 0 0 0px 5px;
position: relative;
}

#jCarouselLiteDemo .digg {
position: relative;
width: 800px;
height: 240 px;
}

#jCarouselLiteDemo .main {

}

#jCarouselLiteDemo .carousel button { /*Don't remove this. we still use this for individual demos. only the front pages use images as of now*/
float: left;
}

#jCarouselLiteDemo .carousel a.prev, #jCarouselLiteDemo .carousel a.next {
display: block;
float: left;
width: 30px;
height: 95px;
text-decoration: none;
margin-top: 10px;
background: url("../img/imageNavLeft.gif") left 30px no-repeat;
}

#jCarouselLiteDemo .carousel a.next {
background: url("../img/imageNavRight.gif") right 30px no-repeat;
}

#jCarouselLiteDemo .carousel a.next:hover {
background-image: url("../img/imageNavRightHover.gif");
}

#jCarouselLiteDemo .carousel a.prev:hover {
background-image: url("../img/imageNavLeftHover.gif");
}

#jCarouselLiteDemo .carousel a:hover, #jCarouselLiteDemo .carousel a:active {
border: none;
outline: none;
}

#jCarouselLiteDemo .carousel .jCarouselLite {
float: left;

/* Needed for rendering without flicker */
position: relative;
visibility: hidden;
left: -5000px;
}

#jCarouselLiteDemo .carousel ul {
margin: 0;
}

#jCarouselLiteDemo .carousel li img,
#jCarouselLiteDemo .carousel li p {
background-color: #fff;
width: 90px;
height: 90px;
margin-top: 10px;
}