/*_____________________________________________ Start - Projects - jCarouselLiteDemo _____________________________________________*/

.carouselbox {position:absolute;width:995px;height:200px;top:140px;left:-10px !important}

.jCarouselLite ul li {position:relative;}
.jCarouselLite {}

#jCarouselLiteDemo .carousel  {

    position: relative;     
}
    #jCarouselLiteDemo .digg {
        position: absolute;
        left: 610px;
        top: 110px;
    }
    #jCarouselLiteDemo .main {
    }

    #jCarouselLiteDemo .demo em {
        color: #FF3300;
        font-weight: bold;
        font-size: 60%;        
        font-style: normal;
    }
    #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.next {
        display: block;
        float: left;
        width: 45px;
        height: 130px;
        text-decoration: none;
        
    }
	#jCarouselLiteDemo .carousel a.prev {
        display: block;
        float: left;
        width: 45px;
        height: 130px;
        text-decoration: none;
        
    }
	
	
	
            #jCarouselLiteDemo .carousel a.next:hover {
                background:url("/img/but69.jpg")  -1px -2px no-repeat;
            }
            #jCarouselLiteDemo .carousel a.prev:hover {
                background:url("/img/but70.jpg") -2px -2px no-repeat;
            }    
            #jCarouselLiteDemo .carousel a:hover, #jCarouselLiteDemo .carousel a:active {
                border: none;
                outline: none;
            }                 
    #jCarouselLiteDemo .carousel .jCarouselLite {
        
  
        
        
        /* Needed for rendering without flicker */
        position: relative;
        visibility: hidden;
        left: -5000px;
    }
        #jCarouselLiteDemo .carousel ul {
            margin: 0;
        }
        
        #jCarouselLiteDemo .carousel li p {
            
            width: 226px;
            height: 165px;
            margin: 10px;
        }
        
		
		
        #jCarouselLiteDemo .widget img {
            cursor: pointer;
        }
            
            #jCarouselLiteDemo .vertical {
                margin-left: 170px;
            }
                #jCarouselLiteDemo .vertical .jCarouselLite {   /* so that in IE 6, the carousel div doesnt expand to fill the space */
                    width: 170px;
                }
            #jCarouselLiteDemo .imageSlider li img, 
            #jCarouselLiteDemo .imageSlider li p, 
            #jCarouselLiteDemo .imageSliderExt li img , 
            #jCarouselLiteDemo .imageSliderExt li p {
                width: 400px;
                height: 300px;
            }
			
		


 #jCarouselLiteDemo .carousel li img {
           }
			
		.vimg {
            height: 55px !important;cursor:pointer;
            margin: 10px;}

.car1 {width:335px;height:105px;position:relative;border-top:1px solid #d7d2d2;border-bottom:1px solid #d7d2d2;clear:both;margin-top:20px;margin-left:15px}
.jCarouselLite1 {float:left}
#jCarouselLiteDemo .mid { margin-left:0px;width: 349px;border-left:1px solid #d7d2d2;border-right:1px solid #d7d2d2;margin-top:20px;margin-left:4px}
.jCarouselLite1 {margin:15px 0 0 31px;}

 #jCarouselLiteDemo .carousel a.next1 {
        display: block;
        position:absolute;top:31px;right:0px;
        width: 40px;
        height: 40px;
        text-decoration: none;
        background: url("/js/carousel/pr2.png")  no-repeat;text-decoration:none !important;
    }
	#jCarouselLiteDemo .carousel a.prev1 {
        display: block;
        position:absolute;top:31px;left:-8px;margin-right:8px;
        width: 40px;
        height: 40px;
        text-decoration: none;
        background: url("/js/carousel/pr1.png")  no-repeat;text-decoration:none !important;
    }		
        #jCarouselLiteDemo {}
		.mid1 {float:left;width:361px;height:22px;background:url(/img/23.png) no-repeat;}
		.mid2 {float:left;width:361px;height:22px;background:url(/img/24.png) no-repeat;}
		.car0 {float:left;width:17px;height:113px;background:url(/js/carousel/45.png) no-repeat;margin:-3px 0 0 -17px}
		.car3 {position:absolute;width:17px;height:113px;background:url(/js/carousel/46.png) no-repeat;margin:-3px 0 0 10px;top:0;right:-12px}
		.jCarouselLite1 ul li {background:url(/js/carousel/fg.png) no-repeat;margin-right:6px}