/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
		padding-left: 41px;
		padding-right: 40px;
}

.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: 70px;
    height: 57px;
		margin-right: 5px;
}
.jcarousel-list li img
	{
	width: 68px;
	height: 55px;	
	}

.jcarousel-list li a
	{
	display: block;
	width: 68px;
	height: 55px;
	overflow: hidden;
	border: 1px solid #d5d7da;
	}
.jcarousel-list li a:hover
	{
	border: 1px solid #719fba;
	}

/**
 * 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,
.jcarousel-prev
	{
    z-index: 3;
    display: block;
		width: 17px;
		height: 33px;
		position: absolute;
		top: 13px;	
	}
.jcarousel-next {
		background: url(../images/galleryLineArrows.png) no-repeat top center;
		right: 12px;
}

.jcarousel-prev {
		background: url(../images/galleryLineArrows.png) no-repeat bottom center;
		left: 12px;
}