﻿/**
 * 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/newCarDetailBG.png') no-repeat top left;}
.jcarousel-skin-newCar .jcarousel-container-horizontal {width: 906px;height:113px;padding:25px 0 0 68px;z-index:1;}
.jcarousel-skin-newCar .jcarousel-clip-horizontal {width:  875px;height: 113px;}
.jcarousel-skin-newCar .jcarousel-item {width:175px;height: 113px;color:#021d64;font-size:11px;text-align:center;position:relative;cursor:pointer;}
.jcarousel-skin-newCar .jcarousel-item.activeitem{color:#f99a06;font-weight:bold;}
.jcarousel-skin-newCar .jcarousel-item.activeitem a{color:#f99a06;font-weight:bold;}
.jcarousel-skin-newCar .jcarousel-item img{width:170px;height:65px;}
.jcarousel-skin-newCar .jcarousel-item .selectedItem{position:absolute;display:none;left:-999em;behavior: url('/global/js/iepngfix.htc');}
.jcarousel-skin-newCar .jcarousel-item.activeitem .selectedItem{width:171px;height:8px;left:0;display:block;position:absolute;top:105px;background:transparent url('../img/newCarDetailArrow.png') no-repeat 0 0;behavior: url('/global/js/iepngfix.htc');}
.jcarousel-skin-newCar .jcarousel-item-horizontal {}
.jcarousel-skin-newCar .jcarousel-item-placeholder {background: #fff;color: #000;}

/*  Horizontal Buttons */
.jcarousel-skin-newCar .jcarousel-next-horizontal {position: absolute;top:0px;left:945px;width: 29px;height:130px;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:0;left: 39px;width: 29px;height: 130px;cursor: pointer;background:transparent;}
.jcarousel-skin-newCar .jcarousel-prev-horizontal:hover {background-position: -32px 0;}
.jcarousel-skin-newCar .jcarousel-prev-horizontal:active {background-position: -64px 0;}
.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;}

/* current Item */
/*.jcarousel-skin-newCar .jcarousel-item.currentitem{color:#f99a06;font-weight:bold;}
.jcarousel-skin-newCar .jcarousel-item.currentitem a{color:#f99a06;font-weight:bold;}*/
.jcarousel-skin-newCar .jcarousel-item .selectedOverItem{position:absolute;display:none;left:-999em;behavior: url('/global/js/iepngfix_old.htc');}
.jcarousel-skin-newCar .jcarousel-item .selectedOverItem{width:171px;height:8px;left:0;display:block;position:absolute;top:105px;background:transparent url('../img/newCarDetailArrow.png') no-repeat 0 0;behavior: url('/global/js/iepngfix_old.htc');}
