﻿        
/*____________________ Start - jCarouselLiteDemo ____________________*/


div.carousel { padding: 0 0 0 0; margin: 0 0 0 0; position: relative; width: 850px; height: 85px; }



a.prev { display: block; float: left; width: 29px; height: 85px; text-decoration: none; background: #929fa2 url('top_sc_imgNvLeft.gif') no-repeat left 50%;
}
a.next { display: block; float: left; width: 29px; height: 85px; text-decoration: none; background: url('top_sc_imgNvLeft.gif') no-repeat left 50%;
}
a.next { background: url('top_sc_imgNvRight.gif') no-repeat right 50%;
}
a.next:hover { background-image: url('top_sc_imgNvRightN.gif'); }
a.prev:hover { background-image: url('top_sc_imgNvLeftN.gif'); }
a:hover, div.carousel a:active { border: none; outline: none; }

div.jCarouselLite { background-color: #929fa2; float: left; width: 576px; height: 85px; }
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: 263px; height: 78px; margin: 1px 0 1px 0; }
div.widget img { cursor: pointer; }
