/*____________________ Start - jCarouselLiteDemo ____________________*/


div.carousel { padding: 0 0 0 0; margin: 0 0 0 0; position: relative; width: 635px; height: 180px; }



a.prev { display: block; float: left; width: 30px; height: 170px; text-decoration: none; background: #929fa2 url("../img_tmp/top_sc_imgNvLeft.gif") left no-repeat; }
a.next { display: block; float: left; width: 29px; height: 170px; text-decoration: none; background: url("../img_tmp/top_sc_imgNvLeft.gif") left no-repeat; }
a.next { background: url("../img_tmp/top_sc_imgNvRight.gif") right no-repeat; }
a.next:hover { background-image: url("../img_tmp/top_sc_imgNvRightN.gif"); }
a.prev:hover { background-image: url("../img_tmp/top_sc_imgNvLeftN.gif"); }
a:hover, div.carousel a:active { border: none; outline: none; }

div.jCarouselLite { background-color: #929fa2; float: left; width: 576px; height: 170px; }
div.jCarouselLite {   /* so that in IE 6, the carousel div doesnt expand to fill the space */
                    width: 195px;
                }
div.jCarouselLite ul { margin: 0; }
div.jCarouselLite li { width: 192px; height: 158px; margin: 6px 0 6px 0; }
div.widget img { cursor: pointer; }