#jCarouselLiteDemo .carousel  { position: relative; }
#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; text-decoration: none; }   
#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;
}
#jCarouselLiteDemo .carousel ul { margin: 0; }
#jCarouselLiteDemo .carousel li img, 
#jCarouselLiteDemo .carousel li p { background-color: #fff; }        
#jCarouselLiteDemo .widget img { cursor: pointer; }          

/*_____________________________________________ Start - Utility classes _____________________________________________*/

/* Default classes for clearing float, also clearing the end without presentational markup*/
.clear { clear: both; }
    .cLeft { clear: left; }
    .cRight { clear: right; }
    .cEnd {
    /* clear fix without presentational markup. Mostly use .cEnd class for the float container. But when lotta containers
    in one selector, add it directly here like #propertyEntry div */
        display: inline-table;
    /* Hides from IE-mac \*/
        height: 1%;
        display: block;
    /* End hide from IE-mac */
    }
        html>body .cEnd {
        height: auto;
    }
    .cEnd:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }