@charset "UTF-8";
/* CSS Document */

/***************/
#multiHolder {
	height:396px!important;
	width:500px;
	clear:both;
	position:relative;
}
#multiHolder img {
 	width:500px;
	height:396px!important;
}
 #caption {
 	width:486px;
	background-color:#062261;
	border-top:1px solid #999;
	color:white;
	padding:5px 7px;
	height:80px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	opacity:.7;
	/*top:395px;
	top:413px;*/
	top:326px;
	position:absolute;
	z-index:998;
}
a#play, a#pause {
	margin: 19px 2px;
	float:left;
}
div#navBar {
	background-color:#dadada;
	width:500px;
	height:72px;
	position:absolute;
	top:416px;
	padding:10px 0 0;
	z-index:999;
}
ul#thumbs {
	height:57px;
}
 /**
 * 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: 35px;
    height: 30px;
}

/**
 * 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;
	background:transparent url(../../graphics/original/glider_right_arrow.gif) top left no-repeat;
	cursor:pointer;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
	background:transparent url(../../graphics/original/glider_left_arrow.gif) top left no-repeat;
	cursor:pointer;
}

 
 
 
.jcarousel-skin .jcarousel-container {
    background: transparent;
}

.jcarousel-skin .jcarousel-container-horizontal {
    /*width: 435px;*/
	width:395px;
    padding: 10px;
	float:left;
}


.jcarousel-skin .jcarousel-clip-horizontal {
    /*width:  395px;*/
	width:360px;
    height: 35px;
	margin:0 0 0 20px;
}

.jcarousel-skin .jcarousel-item {
    width: 35px;
    height: 34px;
}
.jcarousel-skin .jcarousel-item a img{
	border:2px solid #b8b8b8;
	margin-top:0;
}
.jcarousel-skin .jcarousel-item a.activeSlide img{
	border:2px solid #FFFFFF;
	margin-top:0px;
}

.jcarousel-skin .jcarousel-item-horizontal {
    margin-right: 10px;
}


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

/**
 *  Horizontal Buttons
 */
.jcarousel-skin .jcarousel-next-horizontal {
    position: absolute;
    top: 20px;
    right: 5px;
    width: 17px;
    height: 17px;
    cursor: pointer;
}


.jcarousel-skin .jcarousel-prev-horizontal {
    position: absolute;
    top: 20px;
    left: 5px;
    width: 17px;
    height: 17px;
    cursor: pointer;
}

.jcarousel-item a { top:0;}

.toggleCaption {
	z-index:1001;
	width:18px;
	height:21px;
	background:url(../../graphics/original/gallery-captions-icon.gif) 0 0 no-repeat;
	float:left;
	display:block;
	margin:19px 2px 19px 10px;
}

.toggleCaption-active {
	background:url(../../graphics/original/gallery-captions-icon.gif) -25px 0 no-repeat;
}