/* JCarousel */
/* Class to set the width for the whole Carousel. You can set the width and height as you want */
div.jcarousellite { 
margin: 20px 10px;
position:relative;
visibility:hidden;
left: -5000px;
}

/*Class to set the styling option for the previous button on the Carousel */
a.jcarousel-previous {
float:left;
display:block;
background: url(/css/jcarousel_skins/ie7/prev-horizontal.png) -64px 0;
width:32px;
height:32px;
margin-top:97px; 
margin-left: 5px;
}

a.jcarousel-previous:hover {
    background-position: -32px 0;
}

a.jcarousel-previous:active {
    background-position: -64px 0;
}

/*Class to set the styling option for the next button on the Carousel */
a.jcarousel-next {
float:right;
display:block;
background: url(/css/jcarousel_skins/ie7/next-horizontal.png) -64px 0;
width:32px;
height:32px;
margin-top:-132px; 
margin-right: 5px;
}

a.jcarousel-next:hover {
    background-position: -32px 0;
}

a.jcarousel-next:active {
    background-position: -64px 0;
}

/*Class to set the styling option for the scroller part of the Carousel */
.jcarousellite ul {
 display:block;
 text-align: center;
 margin:0;
 padding:0;
}

/*Class to set the image background and the size of it, do note that it's not the size of the scrolling images, it sets the size of the background image that I?ve used for every actual image that will be scrolling*/
.jcarousellite ul li {
  height:190px;
  width:110px;
  list-style:none;
  margin:0px;
  padding:0 6px 0 6px;
  text-align: center
}

/*This here actually sets the size of the scrolling images */
.jcarousellite ul li img {
}

div.jcarousellite ul li dl { margin: 0px; padding: 0px; }
div.jcarousellite ul li dl dd { margin: 0px; padding: 0px;  font-size: 90%; }
div.jcarousellite ul li dl dd a { color: #fff !important; text-decoration: none !important; }
div.jcarousellite ul li dl dd a.visited { color: #fff !important; text-decoration: none !important; }
div.jcarousellite ul li dl dd a:hover { text-decoration: underline !important; }
div.jcarousellite ul li dl dd span.productPrice { }
div.jcarousellite ul li span.productImage { display: block; height: 100px; }
div.jcarousellite ul li ul.greyIcons { margin: 0px 0px 0px 5px; padding: 0px; float: left; width: 25px; height: 130px;}
div.jcarousellite ul li ul.greyIcons li { margin: 0px 0px 5px 0px; padding: 0px; width: 20px; height: 25px; }

.ui-tabs .ui-tabs-hide {
     display: none;
}