﻿/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {position: relative;}
.jcarousel-clip {z-index: 2;padding: 0;margin: 0;overflow: hidden;position: relative;}
.jcarousel-list {z-index: 1;overflow: hidden;position: relative;top: 0;left: 0;margin: 0;padding: 0;}
.jcarousel-list li,.jcarousel-item {float: left;list-style: none;/* We set the width/height explicitly. No width/height causes infinite loops. */width: 75px;height: 75px;}
/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {z-index: 3;display: none;}
.jcarousel-prev {z-index: 3;display: none;}


/* New car carousel skin */
.jcarousel-skin-newCar .jcarousel-container {background:transparent url('../img/kustomCarSelectBG.png') no-repeat top left;}
.jcarousel-skin-newCar .jcarousel-container-horizontal {width: 671px;height:58px;padding:32px 0 0 24px;z-index:1;}
.jcarousel-skin-newCar .jcarousel-clip-horizontal {width:648px;height: 90px;}
.jcarousel-skin-newCar .jcarousel-item {width:96px;height:49px;padding:0 0 0 12px;position:relative;color:#021d64;background:transparent;font-size:11px;text-align:center;position:relative;}
.jcarousel-skin-newCar .jcarousel-item.activeItem{color:#f99a06;float:left;background:transparent;font-weight:bold;}
.jcarousel-skin-newCar .jcarousel-item A.itemContainer{width:94px;height:46px;display:block;position:absolute;top:1px;left:7px;border:0;z-index:0;cursor:pointer;}
.jcarousel-skin-newCar .jcarousel-item IMG{width:94px;height:46px;border:0;}
.jcarousel-skin-newCar .jcarousel-item DIV.itemMask{width:96px;height:49px;display:block;position:absolute;top:0;left:6px;z-index:1;background:transparent url(../img/kustomMaskwhite.png) no-repeat 0 0;cursor:pointer;}
.jcarousel-skin-newCar .jcarousel-item DIV.itemMask.activeItem {background:transparent url(../img/kustomMaskOrange.png) no-repeat 0 0;}
.jcarousel-skin-newCar .jcarousel-item-placeholder {background: #fff;color: #000;}
/*  Horizontal Buttons */
.jcarousel-skin-newCar .jcarousel-next-horizontal {position: absolute;top:31px;left:676px;width:12px;height:49px;cursor: pointer;background:transparent;}
.jcarousel-skin-newCar .jcarousel-next-disabled-horizontal,
.jcarousel-skin-newCar .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-newCar .jcarousel-next-disabled-horizontal:active {cursor: default;background-position: -96px 0;}
.jcarousel-skin-newCar .jcarousel-prev-horizontal {position: absolute;top:31px;left: 12px;width: 12px;height: 49px;cursor: pointer;background:transparent;}
.jcarousel-skin-newCar .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-newCar .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-newCar .jcarousel-prev-disabled-horizontal:active {cursor: default;background-position: -96px 0;}
