/* slider specific CSS */
/* credit for base : http://jqueryfordesigners.com/demo/slider-gallery.html */


table.galleries {
	width:100%;
	border-collapse:collapse;
	margin:0px 0 30px 0;
}													
table.galleries td{
	width:25%;
	text-align:center;	
	vertical-align:top;
	padding-top:8px;
}
table.galleries td div.galleryImage {
	background:url(/ui/images/galleryimgbg.gif) center top no-repeat;
	padding:5px 0 20px 0;
}
table.galleries td div.galleryImage a{
	font-size: .7em;

}

table.galleries td div.galleryImage p{
	width:124px;
	margin:0 auto;
	line-height:90% !important;
}


#sliderGalleryImageContainer {
	height:518px;

}
#sliderGalleryImageContainer h4 {
	font-weight:bold;
	color:#16466c;
	font-size:12px;
	margin:8px;
}

#sliderGalleryImageContainer {
	margin:0 auto auto auto;
	width:614px;
}

#sliderGalleryImageContainer .imageWrap .galleryImgBelt{
	/*display:none;*/
	position:absolute;
	top:395px;
	left:6px;
	_left:0;
	width:100%;
	/*height:25px;*/
	background-color:#787951;
	text-align:center;
	padding-top:5px;  
	*padding-top:14px;
	padding-bottom:10px;
	width:603px;
	font-weight:bold;
  	/* CSS3 standard */
  	opacity:0.8;
	/* for IE */
  	filter:alpha(opacity=80);
}

#sliderGalleryImageContainer .imageWrap .galleryImgBelt p{
	color:#ffffff;
}

#sliderGalleryImageContainer div.imageWrap { 
	position:relative;
	padding:6px 0 0 6px;
	background:url(/ui/images/galleryimgheader.jpg) top left no-repeat; 
}

#sliderGalleryImageContainer div.imgFoot{
	padding:0px 0 17px 25px;
	margin-bottom:0;
	background:url(/ui/images/galleryimgfooter.jpg) top left no-repeat;
	font-size: .8em 
}

#sliderGalleryImageContainer div.imgFootRight{
	float:right;
	padding: 10px;
	width:220px;
}
#sliderGalleryImageContainer div.imgFootLeft{
	float:left;
	width:330px;
	padding:8px;
	
}

#sliderGalleryImageContainer div.imgFootVideo{
	padding:10px 0 33px 25px;

	background:url(/ui/images/galleryimgfootervideo.jpg) top left no-repeat; 
}
#sliderGalleryControlContainer {
	background: url(/ui/images/gallerycntrolbg.jpg) no-repeat;
}
div.imgFoot div.imgFootRight a {
	background:url(/ui/images/menuarrow.jpg) top left no-repeat;
	padding-left:15px;
}

.sliderGallery {
    overflow-x: scroll;
    overflow-y: hide;
    position: relative;
	top:25px;
	left:25px;
    padding: 2px;
    height: 65px;
    width: 600px;
	border: thin solid #E8E8E8;
}

.sliderGallery UL {
    position: absolute;
    list-style: none;
    overflow: none;
    white-space: nowrap;
    padding: 0;
    margin: 0;
}

.sliderGallery UL LI IMG {
	cursor:pointer;
}

.sliderGallery UL LI {
    display: inline;
}

.slider {
    width: 593px;
    height: 17px;
    top: 69px;
    margin-left: 17px;
    padding: 1px;
    position: relative;
}

.handle {
    position: absolute;
    cursor: move;
    height: 11px;
    width: 331px;
    top: 0;
    background: url(/ui/images/gallerysliderhandle.png) no-repeat;
    z-index: 100;
}

.slider span {
    color: #bbb;
    font-size: 80%;
    cursor: pointer;
    position: absolute;
    z-index: 110;
    top: 3px;
}

.galleryPhotoMail {
    text-align:right;
    	font-size: .8em;
}

.galleryPhotoMail img {
	vertical-align:bottom;
	padding-left: 5px;

}