.slideHolder {
	float:left;
	width:700px;
	height:500px;
	border:1px solid #ccc;
	position:relative;
	margin-bottom:20px;
}

.galleryOverlay {
	width:700px;
	height:383px;
	position:absolute;
	top:0;
	left:0;
	z-index:999;
	background:url(../images/gallery-overlay.png) no-repeat;
}

.galleryInfo {
	position:absolute;
	bottom:-15px;
	right:0px;
	font-size:11px;
}

.slide {
	width:700px;
	height:500px;
	position:absolute;
	top:0px;
	left:0px;
	background:url(../images/loading.gif) no-repeat center #fff;
}

.carouselHolder {
	position:absolute;
	bottom:0px;
	left:0px;
	margin-top:10px;
}

.selector {
	width:100px;
	height:82px;
	background-color:#fff;
	cursor:pointer;
	position:relative;
}

.selector p {
	font-weight:bold;
	font-size:20px;
	padding:0;
	margin:0;
}



/*--------SCROLLER CSS------------*/

/**
 * This <div> element is wrapped by jCarousel around the list
 * and 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;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 100px;
    height: 82px;
}

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

.jcarousel-skin-ie7 .jcarousel-container {
    background:url('../images/scroller-bk.png') repeat-x;
}

.jcarousel-skin-ie7 .jcarousel-container-horizontal {
    width: 620px;
    padding: 10px 40px;
}

.jcarousel-skin-ie7 .jcarousel-clip-horizontal {
    width: 620px;
    height: 82px;
}

.jcarousel-skin-ie7 .jcarousel-item:hover {
    border-color: #808080;
}

.jcarousel-skin-ie7 .jcarousel-item-horizontal {
    margin: 0px;
    padding:0px;
    margin-right:30px;
}

.jcarousel-skin-ie7 .jcarousel-item-placeholder {
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-ie7 .jcarousel-next-horizontal {
    position: absolute;
    top: 37px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/next-scroller_on.png) no-repeat center;
}

.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal,
.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background: transparent url(../images/next-scroller_off.png) no-repeat center;
}

.jcarousel-skin-ie7 .jcarousel-prev-horizontal {
    position: absolute;
    top: 37px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/prev-scroller_on.png) no-repeat center;
}

.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
     background: transparent url(../images/prev-scroller_off.png) no-repeat center;
}