.jCarouselLitescript { clear: both; padding-top: 10px; }
.jCarouselLitescript .carousel { padding: 0; margin: 0; top: -2; position: relative; }
.jCarouselLitescript .carousel a.prev, .jCarouselLitescript .carousel a.next { display: block; float: left; width: 30px; height: 150px; text-decoration: none; background: url('../images/carousel/arrow_left.gif') no-repeat 10px 75px; }
.jCarouselLitescript .carousel a.next { margin-left: -3px; }
.jCarouselLitescript .carousel a.next { background: url('../images/carousel/arrow_right.gif') no-repeat -3px 75px; }
.jCarouselLitescript .carousel a.next:hover { background-image: url('../images/carousel/arrow_right_over.gif'); }
.jCarouselLitescript .carousel a.prev:hover { background-image: url('../images/carousel/arrow_left_over.gif'); }    
.jCarouselLitescript .carousel a:hover, .jCarouselLitescript .carousel a:active, .jCarouselLitescript .carousel a:focus { border: none; outline: none; }               
.jCarouselLitescript .carousel .jCarouselLite, .jCarouselLite2, .jCarouselLite3 { float: left; position: relative; visibility: hidden; left: -5000px; }
.jCarouselLitescript .carousel ul { margin: 0; }
.jCarouselLitescript .carousel li img { background-color: #fff; width: 178px; height: 120px; margin-top: 0px; }
.jCarouselLitescript .carousel li { background-color: #e9f0fb; width: 180px; margin-right: 4px; }
.jCarouselLitescript a img  { border: 0px none; margin-right: 6px }
.jCarouselLitescript a { text-decoration: none; }
.jCarouselLitescript .carousel li span.name { display: block; font: bold 11px Verdana, sans-serif;  }
.jCarouselLitescript .carousel li span.name a { color: #264d87; width: 90px; margin-right: 20px; display: block; float: left; padding-top: 3px; padding-left: 6px;  }
.jCarouselLitescript .carousel li span.name a:hover {text-decoration:underline;}
.jCarouselLitescript .carousel li p.price { color: #cf7e14; font: bold 18px Verdana; display: block; float: left;  text-align: right; width: 54px; height: 50px; }
.jCarouselLitescript .carousel li p.price span.remark { float: right; color: #323d63; font: normal 9px verdana; line-height: 11px; margin-top: -1px; }
.jCarouselLitescript .carousel li a.seemore { background: #bedaf7; display: block; padding: 4px 8px 7px 5px; text-align: right;  color: #12305d; font: bold 10px verdana; height: 13px; width: 180px; clear: both; }
.jCarouselLitescript .carousel li a:hover.seemore {text-decoration:underline;}
.jCarouselLitescript .carousel li a.seemore span.normal { font-weight: normal; padding-right: 3px; }

/* below is the whatsnew carousel*/
.jCarouselLitescript .carousel a.prev2, .jCarouselLitescript .carousel a.next2 { display: block; float: left; width: 32px; height: 150px; text-decoration: none; background: url('../images/carousel/arrow_left.gif') no-repeat 12px 78px; }
.jCarouselLitescript .carousel a.next2 { margin-left: -3px; width: 17px; } 
.jCarouselLitescript .carousel a.next2 { background: url('../images/carousel/arrow_right.gif') no-repeat -3px 78px; }
.jCarouselLitescript .carousel a.next2:hover { background-image: url('../images/carousel/arrow_right_over.gif'); }
.jCarouselLitescript .carousel a.prev2:hover { background-image: url('../images/carousel/arrow_left_over.gif'); }    
.jCarouselLitescript .extra { margin-top: -3px; margin-left: -8px; height: 200px; }
.jCarouselLitescript .main { height: 200px; }
.jCarouselLitescript .carousel .jCarouselLite2 li { background-color: #daef89; } 
.jCarouselLitescript .carousel .jCarouselLite2 li span.name a, .jCarouselLitescript .carousel .jCarouselLite2 li p.price span.remark { color: #3a4c08; }
.jCarouselLitescript .carousel .jCarouselLite2 li p.price { color: #cf7e14d;}
.jCarouselLitescript .carousel .jCarouselLite2 li a.seemore { background: #bdda52;  color: #3a4c08; }
.jCarouselLitescript .carousel .jCarouselLite3 li { background-color: #daef89; } 
.jCarouselLitescript .carousel .jCarouselLite3 li span.name a, .jCarouselLitescript .carousel .jCarouselLite3 li p.price span.remark { color: #3a4c08; }
.jCarouselLitescript .carousel .jCarouselLite3 li p.price { color: #cf7e14d;}
.jCarouselLitescript .carousel .jCarouselLite3 li a.seemore { background: #bdda52; color: 000; }

/* below is the categories carousel*/
.jCarouselLite3 ul {  }
.jCarouselLite3 ul li { width: 178px!important; height: 187px!important; overflow: hidden!important; }
.jCarouselLitescript .carousel a.prev3, .jCarouselLitescript .carousel a.next3 { display: block; float: left; width: 32px; height: 150px; text-decoration: none; background: url('../images/carousel/arrow_left.gif') no-repeat 12px 78px; }
.jCarouselLitescript .carousel a.prev3 { .margin-left: -8px; }
.jCarouselLitescript .carousel a.next3 { margin-left: -3px; .margin-left: -2px; width: 17px; } 
.jCarouselLitescript .carousel a.next3 { background: url('../images/carousel/arrow_right.gif') no-repeat 0px 78px; }
.jCarouselLitescript .carousel a.prev3:hover { background-image: url('../images/carousel/arrow_left_over.gif'); text-decoration: none!important }    
.jCarouselLitescript .carousel a.next3:hover { background-image: url('../images/carousel/arrow_right_over.gif'); text-decoration: none!important }