/* jCarousel Styles */
/* Document Version 1.2 */



/* wrapper */

#carousel_wrapper {
    width:  auto;
    height: 160px;
    overflow: hidden;
	margin-top: 0px;
	margin-bottom:0px;
	}

		/* these styles are included for non-javascript users, keeps 5 of the 10 product thumbnails in view nicely */
		
		#carousel_wrapper ul {
			width: 680px;
		}
		#carousel_wrapper li {
			background-image: none;
			float:left;
			width: 120px;
			overflow:hidden;
			margin-bottom:50px; /* keeps next row of images from showing clipped */
			font-size:0.92em;
		}
		#carousel_noscript {
			width: 13px;  /* this is to account for the 'previous' arrow that only appears with javascript enabled */
			height: 13px;
			float:left;
			}


/* core styles ------------------------------------ */


/* This <div> element is wrapped by jCarousel around the list it 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 !important;
	background: none !important;
	padding: 0 !important;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 120px;
    height: 130px;
	font-size:0.92em;
}

/**
 * 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 styles ------------------------------------ */


.jcarousel-skin .jcarousel-container {
    background: #fff;
    border: none;
}

.jcarousel-skin .jcarousel-container-horizontal {
    width: 680px;
    padding: 0px 25px;
}

.jcarousel-skin .jcarousel-clip-horizontal {
    width:  680px;
    height: 130px;
}

.jcarousel-skin .jcarousel-item {
    width: 120px;
    height: 130px;
	overflow: hidden;
}


/*	.jcarousel-skin .jcarousel-item p {
		font:Verdana, Arial, Helvetica, sans-serif;
		font-size:0.9em;
		margin-top: 0px;
			}
*/			
	.jcarousel-skin .jcarousel-item img {
		margin-bottom: 9px;
			}
	.jcarousel-skin .jcarousel-item a {
			text-decoration: none;
			}
			
			
.jcarousel-skin .jcarousel-item-horizontal {
    margin-right: 20px;
}

.jcarousel-skin .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/* prev/next button styles ------------------------------------ */

.jcarousel-skin .jcarousel-next-horizontal {
    position: absolute;
    top: 28px;
    right: 0px;
    width: 13px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../../images/carousel_next.gif) no-repeat 0 0;
}

.jcarousel-skin .jcarousel-next-horizontal:hover {
    background-position: -13px 0;
}

.jcarousel-skin .jcarousel-next-horizontal:active {
    background-position: -26px 0;
}

.jcarousel-skin .jcarousel-next-disabled-horizontal,
.jcarousel-skin .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -39px 0;
}

.jcarousel-skin .jcarousel-prev-horizontal {
    position: absolute;
    top: 28px;
    left: 0px;
    width: 13px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../../images/carousel_prev.gif) no-repeat 0 0;
}

.jcarousel-skin .jcarousel-prev-horizontal:hover {
    background-position: -13px 0;
}

.jcarousel-skin .jcarousel-prev-horizontal:active {
    background-position: -26px 0;
}

.jcarousel-skin .jcarousel-prev-disabled-horizontal,
.jcarousel-skin .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -39px 0;
}