/** Carousel **/

.horizontalCarousel {
    position: relative;
    overflow: hidden;
    width: 950px;
    height: 360px;
}

.horizontalCarousel ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0 !important;
    padding: 0;
}

.horizontalCarousel li {
    float: left;
	height: 390px;
	width: 185px;
	margin-right: 5px;
	padding-bottom: 10px;
}

/** Carousel Controls **/

.jcarousel-prev, .jcarousel-prev:hover  {
    cursor: pointer;
    position: absolute; 
    width: 80px;
    height: 30px;
    right: 100px;
    top: 20px;
}

.jcarousel-prev-bg {
    background: url("../../../images/previous_arrow_up.png") no-repeat 0 0 transparent;
}

.jcarousel-prev-bg.inactive {
	cursor: default;
    background: url("../../../images/previous_arrow_inactive.png") no-repeat 0 0 transparent;
}

.jcarousel-prev-bg:hover {
    background: url("../../../images/previous_arrow_over.png") no-repeat 0 0 transparent;
}

.jcarousel-prev-bg.inactive:hover  {
    background: url("../../../images/previous_arrow_inactive.png") no-repeat 0 0 transparent;
}


.jcarousel-next, .jcarousel-next:hover {
    width: 90px;
    height: 30px;
    cursor: pointer;      
    position: absolute; 
    right: -25px;
    top: 20px;
}

.jcarousel-next-bg {
    background: url("../../../images/next_arrow_up.png") no-repeat 0 0 transparent;
}

.jcarousel-next-bg:hover {
    background: url("../../../images/next_arrow_over.png") no-repeat 0 0 transparent;
}
.jcarousel-next-bg.inactive {
	cursor: default;
    background: url("../../../images/next_arrow_inactive.png") no-repeat 0 0 transparent;
}
.jcarousel-next-bg.inactive:hover {
    background: url("../../../images/next_arrow_inactive.png") no-repeat 0 0 transparent;
}

/** Product thumbnail carousel **/

#thumbcarouselcontainer {
    position: relative;
    overflow: hidden;
    width: 380px;
    height: 86px;
    margin-top: 40px;
}

#thumbcarouselcontainer ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0 !important;
    padding: 0;
}

#thumbcarouselcontainer li {
    float: left;
    margin-right: 2px;
	padding-bottom: 10px;
}

.productthumbnails .jcarousel-next-horizontal, .productthumbnails .jcarousel-next-disabled-horizontal {
    position: absolute;
    margin-top: -30px;
    margin-left: 310px;
    width: 58px;
    height: 26px;
    cursor: pointer;
}

.thumb-jcarousel-prev, .thumb-jcarousel-prev:hover  {
    cursor: pointer;
    position: absolute; 
    width: 80px;
    height: 30px;
    right: 80px;
    top: 10px;
}

.thumb-jcarousel-next, .thumb-jcarousel-next:hover {
    width: 90px;
    height: 30px;
    cursor: pointer;      
    position: absolute; 
    right: -32px;
    top: 10px;
}