/**
 * 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: 0px; left: 0px; margin: 0px; padding: 0px; }
.jcarousel-list li,
.jcarousel-item { float: left; list-style: none; width: 161px; height: 121px; } /* We set the width/height explicitly. No width/height causes infinite loops. */

/**
 * 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; }

/* Skin */
.jcarousel-skin-jiffylube { width: 100%; height: 121px; background: #2C2C2C url(../images/jl_home/carousel/jl_as_bg.jpg) repeat-x; }
.jcarousel-skin-jiffylube .jcarousel-container { width: 805px; height: 121px; margin: 0px auto; }
.jcarousel-skin-jiffylube .jcarousel-container-horizontal { width: 805px; height: 121px; margin: 0px auto; }
.jcarousel-skin-jiffylube .jcarousel-clip-horizontal { width: 805px; height: 121px; }
.jcarousel-skin-jiffylube .jcarousel-item { width: 161px; height: 121px; }
.jcarousel-skin-jiffylube .jcarousel-item:hover { border-color: #808080; }
.jcarousel-skin-jiffylube .jcarousel-item-horizontal { margin-bottom: 7px; }
.jcarousel-skin-jiffylube .jcarousel-item-placeholder { }

/* Horizontal Buttons */
#mycarousel-prev { float: left; width: 68px; height: 121px; cursor: pointer; background: transparent url(../images/jl_home/carousel/jl_as_arrw.jpg) no-repeat 0px 0px; padding: 0px; margin: 0px; }
#mycarousel-prev:hover { background: transparent url(../images/jl_home/carousel/jl_as_arrw.jpg) no-repeat 0px -121px; }
/*.jcarousel-skin-jiffylube .jcarousel-prev-horizontal:active { background-position: 0 -64px; }
.jcarousel-skin-jiffylube .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-jiffylube .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-jiffylube .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: 0 -96px; }*/
#mycarousel-next { float: right; width: 68px; height: 121px; cursor: pointer; background: transparent url(../images/jl_home/carousel/jl_as_arrw.jpg) no-repeat -68px 0px; }
#mycarousel-next:hover { background: transparent url(../images/jl_home/carousel/jl_as_arrw.jpg) no-repeat -68px -121px; }
/*.jcarousel-skin-jiffylube .jcarousel-next-horizontal:active { background-position: 0 -64px; }
.jcarousel-skin-jiffylube .jcarousel-next-disabled-horizontal,
.jcarousel-skin-jiffylube .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-jiffylube .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: 0 -96px; }*/

/* Service Buttons */
.jcarousel-signature-service { display: block; width: 161px; height: 121px; background: url(../images/jl_home/carousel/jl_service_btns.jpg) no-repeat 0px 0px; }
.jcarousel-ac-service { display: block; width: 161px; height: 121px; background: url(../images/jl_home/carousel/jl_service_btns.jpg) no-repeat -161px 0px; }
.jcarousel-air-filtration-service { display: block; width: 161px; height: 121px; background: url(../images/jl_home/carousel/jl_service_btns.jpg) no-repeat -322px 0px; }
.jcarousel-cooling-system-service { display: block; width: 161px; height: 121px; background: url(../images/jl_home/carousel/jl_service_btns.jpg) no-repeat -483px 0px; }
.jcarousel-drivetrain-service { display: block; width: 161px; height: 121px; background: url(../images/jl_home/carousel/jl_service_btns.jpg) no-repeat -644px 0px; }
.jcarousel-electrical-system-service { display: block; width: 161px; height: 121px; background: url(../images/jl_home/carousel/jl_service_btns.jpg) no-repeat -805px 0px; }
.jcarousel-engine-service { display: block; width: 161px; height: 121px; background: url(../images/jl_home/carousel/jl_service_btns.jpg) no-repeat -966px 0px; }
.jcarousel-fuel-system-service { display: block; width: 161px; height: 121px; background: url(../images/jl_home/carousel/jl_service_btns.jpg) no-repeat -1127px 0px; }
.jcarousel-inspectionsemission { display: block; width: 161px; height: 121px; background: url(../images/jl_home/carousel/jl_service_btns.jpg) no-repeat -1288px 0px; }
.jcarousel-tire-rotation-service { display: block; width: 161px; height: 121px; background: url(../images/jl_home/carousel/jl_service_btns.jpg) no-repeat -1449px 0px; }
.jcarousel-transmission-service { display: block; width: 161px; height: 121px; background: url(../images/jl_home/carousel/jl_service_btns.jpg) no-repeat -1610px 0px; }
.jcarousel-windshield-service { display: block; width: 161px; height: 121px; background: url(../images/jl_home/carousel/jl_service_btns.jpg) no-repeat -1771px 0px; }

.jcarousel-signature-service:hover { background: url(../images/jl_home/carousel/jl_service_btns.jpg) no-repeat 0px -121px; }
.jcarousel-ac-service:hover { background: url(../images/jl_home/carousel/jl_service_btns.jpg) no-repeat -161px -121px; }
.jcarousel-air-filtration-service:hover { background: url(../images/jl_home/carousel/jl_service_btns.jpg) no-repeat -322px -121px; }
.jcarousel-cooling-system-service:hover { background: url(../images/jl_home/carousel/jl_service_btns.jpg) no-repeat -483px -121px; }
.jcarousel-drivetrain-service:hover { background: url(../images/jl_home/carousel/jl_service_btns.jpg) no-repeat -644px -121px; }
.jcarousel-electrical-system-service:hover { background: url(../images/jl_home/carousel/jl_service_btns.jpg) no-repeat -805px -121px; }
.jcarousel-engine-service:hover { background: url(../images/jl_home/carousel/jl_service_btns.jpg) no-repeat -966px -121px; }
.jcarousel-fuel-system-service:hover { background: url(../images/jl_home/carousel/jl_service_btns.jpg) no-repeat -1127px -121px; }
.jcarousel-inspectionsemission:hover { background: url(../images/jl_home/carousel/jl_service_btns.jpg) no-repeat -1288px -121px; }
.jcarousel-tire-rotation-service:hover { background: url(../images/jl_home/carousel/jl_service_btns.jpg) no-repeat -1449px -121px; }
.jcarousel-transmission-service:hover { background: url(../images/jl_home/carousel/jl_service_btns.jpg) no-repeat -1610px -121px; }
.jcarousel-windshield-service:hover { background: url(../images/jl_home/carousel/jl_service_btns.jpg) no-repeat -1771px -121px; }
