/* ******* RELATED PRODUCTS CAROUSEL ******* */

.jcarousel-container {
    position: relative;
    top: -118px;
	left: 301px;
	background:  #EEEEEE;
    border: 1px solid #CCC;
	margin: 0 0 -140px 0;
    width: 590px !important;
	padding: 5px 24px; 
}

.jcarousel-skin-ie7 .jcarousel-container-horizontal, .jcarousel-skin-ie7 .jcarousel-clip-horizontal {
    width: 587px;
}

.jcarousel-clip {
    z-index: 2;
    overflow: hidden;
    position: relative;
	background: #FFFFFF;
}

.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;
    /* Set width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

.jcarousel-list li img {
    width: 80px;
    height: 62px;
	padding: 2px;
	border: 1px solid #CCCCCC;
}

/*
.jcarousel-list li:hover img {
	border: 1px solid #000000;
}
*/

.jcarousel-skin-ie7 .jcarousel-item {
    width: 283px;
    height: 100px;
	padding: 4px 4px 0 4px;
	text-align: center;
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
	border-right: 3px solid #EEEEEE;
}

.jcarousel-skin-ie7 {
	height: 0px;
}

/* ****** Horizontal Buttons ******  */

.jcarousel-next-horizontal {
    position: absolute;
    top: 5px;
    right: -11px;
    width: 32px;
    height: 106px;
    cursor: pointer;
    background: transparent url(/images/ui/btn_rht_related_products.gif) no-repeat 0 0;
}

.jcarousel-prev-horizontal {
    position: absolute;
    top: 5px;
    left: 1px;
    width: 32px;
    height: 106px;
    cursor: pointer;
    background: transparent url(/images/ui/btn_lft_related_products.gif) no-repeat 0 0;
}

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