/* This <div> element is wrapped by jCarousel around the list and has the classname "jcarousel-container". */
.jcarousel-container, .jcarousel-clip,.jcarousel-list {position: relative;}
.jcarousel-clip {z-index: 2; padding: 0; margin: 0; overflow: hidden;}
.jcarousel-list {z-index: 1; overflow: hidden; 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;}

/*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;}*/

/**
 * Additional styles for the controls.
 */
.jcarousel-control {
 width:41px;
    text-align: center;
}

.jcarousel-control a {
  display:block;
    width:39px;
	height:35px;
    font-size: 75%;
    text-decoration: none;
    padding: 0px;
    margin: 0 0px 6px 8px;
    border: 1px solid #C6C7C9;
    color: #1A171B;
    background-color: #fff;
    font-weight: bold;
	line-height:35px;
}

.jcarousel-control a:hover{
    outline: none;
	color:#1A171B;    text-decoration: none;
	background-color:#C6D869;
 border: 1px solid #C6D869;
}


.jcarousel-control .btn {
  display:block;
    width:39px;
	height:35px;
    font-size: 75%;
    text-decoration: none;
    padding: 0px;
    margin: 0 0px 6px 8px;
    border: 1px solid #C6C7C9;
    color: #1A171B;
    background-color: #fff;
    font-weight: bold;
	line-height:35px;
}



.jcarousel-control .btn1 {
  display:block;
    width:39px;
	height:35px;
    font-size: 75%;
    text-decoration: none;
    padding: 0px;
    margin: 0 0px 6px 8px;
      outline: none;
	color:#1A171B;    text-decoration: none;
	background-color:#C6D869;
 border: 1px solid #C6D869;
    font-weight: bold;
	line-height:35px;
}