/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container { position: relative; width: 100%; padding-left: 0px;height:100%;}
/* .jcarousel-container {position: relative;width:540px;} */
.jcarousel-clip {z-index: 2; padding: 0 0 0 0px; margin: 0; overflow: hidden;position: relative;width:960px;height:100%;}
.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;width: 960px; height: 220px;}     /* We set the width/height explicitly. No width/height causes infinite loops. */
.jcarousel-item-placeholder {background: #fff;color: #000;}

.jcarousel-control {margin-bottom: 10px;text-align: center;}
.jcarousel-control a {text-decoration: none;padding: 0px;margin: 2px;}
.jcarousel-control a:focus,
.jcarousel-control a:hover,
.jcarousel-control a:active {background:none;outline: none;}
.jcarousel-scroll {position:absolute;bottom:0;text-align: center;width:100%;
z-index:500;}
a#mycarousel-next, a#mycarousel-prev{display:inline-block;width:15px;height:15px;cursor: pointer;text-decoration: none;}
a#mycarousel-next{background:transparent url(/images/greyarrow-next-inactive.png) no-repeat 0 0px;}
a#mycarousel-prev{background:transparent url(/images/greyarrow-previous-inactive.png) no-repeat 0 0px;}
a:hover#mycarousel-next{background:transparent url(/images/greyarrow-next.png) no-repeat 0 0px;}
a:hover#mycarousel-prev{background:transparent url(/images/greyarrow-previous.png) no-repeat 0 0px;}
.jcarousel-list li ul.larger{font-size:16px;font-weight:bold;}
.jcarousel-list li ul li{float:none;height:auto;width:auto; list-style-type:disc;}
.herowrap{padding:15px 0px 0px 15px;width:60%;}


.jcarousel-item-1-horizontal{background:#fff url(/images/front-hero-flags.jpg) no-repeat right center;}
.jcarousel-item-2-horizontal{background:#fff url(/images/front-hero-keys.jpg) no-repeat right center;}
.jcarousel-item-3-horizontal{background:#fff url(/images/front-hero-world.jpg) no-repeat right center;}
.jcarousel-item-4-horizontal{background:#fff url(/images/front-hero-court.jpg) no-repeat right center;}