/*_____________________________________________ Start - Projects - jCarouselLiteDemo _____________________________________________*/

.autoscroll {
	
	width: 365px;
    height: 80px; 
    position: relative;
    margin:0px; 
    padding:0px;
    background:#ffffff;
    
    }
    
.autoscroll li {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 365px;
    height: 80px;
}
   
     
     .carousel a.prev {
        position:absolute;
        top: 40px;
        left: 0px;
        float: left;
        width: 16px;
        height: 16px;
        text-decoration: none;
        background: url('../images/prev-horizontal.gif') left 0px no-repeat;
    }
    
     .carousel a.next {
     position:absolute;
     top: 40px;
        right: 0px;
        float: left;
        width: 16px;
        height: 16px;
        text-decoration: none;
        background: url('../images/next-horizontal.gif') left 0px no-repeat;
    }
    
    
       
             /*.autoscroll a.next:hover {
                background-image: url("/image/imageNavRightHover.gif");
            }
             .autoscroll a.prev:hover {
                background-image: url("/image/imageNavLeftHover.gif");
            }    
             .autoscroll a:hover,  .carousel a:active {
                border: none;
                outline: none;
            }   */              
     .autoscroll .jCarouselLite {
        border: 1px solid black;
        float: left;
        background-color: #dfdfdf;
        
        /* Needed for rendering without flicker */
        position: relative;
        visibility: hidden;
        left: -5000px;
    }
         .autoscroll ul {
            margin: 0;
        }
    
        
         .widget img {
            cursor: pointer;
        }
             .mid {
                margin-left: 80px;
                width: 400px;
                height: 300px;
            }
             .vertical {
                margin-left: 170px;
            }
                 .vertical .jCarouselLite {   /* so that in IE 6, the carousel div doesnt expand to fill the space */
                    width: 170px;
                }
             .imageSlider li img, 
             .imageSlider li p, 
             .imageSliderExt li img , 
             .imageSliderExt li p {
                width: 400px;
                height: 300px;
            }
            
/*_____________________________________________ End - Projects - jCarouselLiteDemo _____________________________________________*/