﻿
/* ————— homecarousel.tpl ————— */
/* core styles */
.jcarousel-container {position:relative;}
.jcarousel-clip {margin:0;padding:0;overflow:hidden;position:relative;z-index:2;}
.jcarousel-list {margin:0;padding:0;overflow:hidden;position:relative;top:0;left:0;z-index:1;}

.jcarousel-list li,
.jcarousel-item {float:left;list-style:none;margin:0;padding:0;}

.jcarousel-prev,
.jcarousel-next {z-index:3;display:none;}

/* custom styles */
div.jcarousel-container {width:900px;height:106px;margin:0;/*background:url(images/horizontalslider-bg.jpg) 0 bottom no-repeat;*/ overflow:hidden;}

div.jcarousel-clip {width:800px!important;height:106px;margin:0 50px 0 50px;overflow:hidden;}

ul#mycarousel {padding:0px 0px 0px 0px; margin:0px; float:left; }
ul#mycarousel li {width:160px!important;height:106px; position:relative; padding:0; text-align:center;}
ul#mycarousel li.last_item {width:160px !important;background:none;}
ul#mycarousel li a.product_image {width:160px;height:106px;display:block;margin:0 auto;}
ul#mycarousel li h5 {height:auto;padding:0px 0px 0px 0px;}
ul#mycarousel li h5 a {color:#fff;text-decoration:none;font-size:12px; line-height:20px; font-family:Arial, Helvetica, sans-serif;}
ul#mycarousel li h5 a:hover {text-decoration:underline;}
.extra_icon{ position:absolute; right:39px; top:10px; width:47px; height:47px;background:url(images/icon.png) left top no-repeat;}
.jcarousel-prev {width:38px;height:106px;cursor:pointer;background:url(images/carousel_prev.png) 0 0 no-repeat;position:absolute;left:0px;top:0px;}
.jcarousel-prev:hover,
.jcarousel-prev:active {background:url(images/carousel_prev.png) 0 -106px no-repeat;}

.jcarousel-prev-disabled,
.jcarousel-prev-disabled:hover,
.jcarousel-prev-disabled:active {cursor:default;background-position:0 0;}

.jcarousel-next {width:38px;height:106px;cursor:pointer;background:url(images/carousel_next.png) 0 0px no-repeat;position:absolute;right:0px;top:0px;}
.jcarousel-next:hover,
.jcarousel-next:active {background:url(images/carousel_next.png) 0 -106px no-repeat;}

.jcarousel-next-disabled,
.jcarousel-next-disabled:hover,
.jcarousel-next-disabled:active {cursor:default;background-position:0 -106px;}

