/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "gallery-slide".
 */
#gallery-slide {
	width:982px;
	margin-left:4px;
	background-color:#eee;
/*	border:3px solid red; */
}	
#gallery-slide .carousel{
    
	background-color:#eee;
	float:left;
	left:-5000px;
	position:relative;
	visibility:hidden;
}
	
#gallery-slide .carousel ul {
    margin: 0;
}
#gallery-slide .carousel li img,
#gallery-slide .carousel li p {
	float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 184px;
    height: 111px;
    margin: 1px;
 }



/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "carousel-next" and "carousel-prev".
 */
#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;
    }              
#gallery-slide a.carousel-prev, #gallery-slide a.carousel-next {
    display: block;
    float: left;
    width: 25px;
    height: 113px;
    text-decoration: none;
    background:#eee url("../images/imageNavLeft.gif") left 45px no-repeat;
    }
#gallery-slide a.carousel-next {
    background:#eee url("../images/imageNavRight.gif") right 45px no-repeat;
}
#gallery-slide a.carousel-next:hover {
    background:#eee url("../images/imageNavRightHover.gif") right 45px no-repeat;
}
#gallery-slide a.carousel-prev:hover {
    background:#eee url("../images/imageNavLeftHover.gif") left 45px no-repeat;
}    
#gallery-slide .carousel a:hover, #gallery-slide .carousel a:active {
    border: none;
    outline: none;
}  
/*               
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}
*/