div.gcontent {
	/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
		float: left;
	    width: 450px; 
	    padding-left:40px;
	    padding-top:5px;
}
div.gcontent a, div.navigation a {
	text-decoration: none;
	color: #777;
}
div.gcontent a:focus, div.gcontent a:hover, div.gcontent a:active {
	text-decoration: underline;
}
div.gcontrols {
	margin-top: 5px;
	height: 23px;
}
div.controls a {
	padding: 5px;
}
div.ss-controls {
	float: left;
}
div.nav-controls {
	float: right;
}
div.slideshow-container {
	position: relative;
	clear: both;
	height: 332px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.loader {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 550px;
	height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.slideshow {

}
div.slideshow span.image-wrapper {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
div.slideshow a.advance-link {
	display: block;
	 /* This should be set to be at least the height of the largest image in the slideshow */
	/* This should be set to be at least the height of the largest image in the slideshow */
	text-align: center;
}
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
	text-decoration: none;
}
div.slideshow img {
	vertical-align: middle;
	border: 1px solid #ccc;
	 width:440px;
	 	 height:332px;
}
div.download {
	float: right;
}
div.caption-container {
	position: relative;
	clear: left;
	    width:470px;
}
span.image-caption {
	display: block;
		width: 450px;

	}
div.caption2 {
padding-top:19px;
padding-bottom:8px;
padding-right:8px;
	}
	div.caption {
padding-top:19px;
padding-bottom:19px;
padding-right:30px;

	}

div.image-title {
	font-weight: bold;
	font-size: 1.4em;
}
div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
}
div.navigation {
	/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
 padding-left:16px;
}
ul.thumbs {
	clear: both;
	margin: 0;
	padding: 0;
}
ul.thumbs li {
	float: left;
	padding: 0;
	margin: 5px 10px 5px 0;
	list-style: none;
}
a.thumb {
	padding: 2px;
	display: block;
	border: 1px solid #ccc;
}
ul.thumbs li.selected a.thumb {
	background: #000;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
	width:98px;
	height:73px;
}
div.pagination {
	clear: both;
}
div.navigation div.top {
	margin-bottom: 12px;
	height: 11px;
}
div.navigation div.bottom {
	margin-top: 12px;
}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
	display: block;
	float: left;
	margin-right: 2px;
	padding: 4px 7px 2px 7px;
	border: 1px solid #ccc;
}
div.pagination a:hover {
	background-color: #eee;
	text-decoration: none;
}
div.pagination span.current {
	font-weight: bold;
	background-color: #000;
	border-color: #000;
	color: #fff;
}
div.pagination span.ellipsis {
	border: none;
	padding: 5px 0 3px 2px;
}
.Title{
 font-family:Arial;
	 font-weight:bold;
	 font-size:13px;	
	 color:#4b4b4b;		
				
}
.text
{
	 font-family:Arial;
	 font-weight:normal;
	 font-size:13px;	
	 color:#4b4b4b;		
}
.line_dot{
	 text-align:left;
	  	  		
}
/**************** MoreImagesSlider****************/
.MoreImagesSliderList li{
	float:right !important;
	/*width:80px;*/
	/*padding-left:5px;*/
	padding-bottom:10px;
	width:140px;
	height:200px;
	/*position:absolute;*/
	list-style:none;
}
.MoreImagesSliderList li img{
	padding-top:10px;
	width:130px !important;
	height:130px !important;
}
.MoreImagesSliderList li a{
	height:155px !important;
}
.MoreImagesSliderList{
	background-color:#eee9d3;
}
.MoreImagesSliderArrow{
	background-color:#e4dfc2;
	width:25px;
	text-align:center;
}
.MoreImagesSliderEnlarge{
	background-color:#eee9d3;
	color:#4f4f4f;
	font-weight:bold;
	padding-top:7px;
}
.MoreImagesSlider{
	color:#7b6f32;
	border-bottom:solid 4px #b7ae77;
	padding-bottom:0px !important;
}
.MoreImagesSliderBoxTbl h3{
	padding-bottom:0px !important;	
}
.MoreImagesSliderBox{
	padding-right:10px;
	background-color:#eee9d3;
}
.MoreImagesSliderTitle{
	padding-top:5px;
	color:#4f4f4f;
	text-align:center;
	padding-left:10px;
}
#page_screen
{
   background-color:#000000;
   filter:alpha(opacity=60);
   opacity: 0.6;
   position:absolute;
   top:0px;
   left:0px;
   width:100%;
   display:none;
}
.imgCtlCloseTD
{
	width:/*95%*/auto;
	text-align:left;
}
.imgCtlTD
{
	text-align:center;
}


/************ImagesSliderAnimate************/
/*
.ImagesSliderAnimateBoxTbl{
	width:526px;
}
:root .ImagesSliderAnimateBoxTbl{
	width:510px;
}
:nth-of-type(1) .ImagesSliderAnimateBoxTbl{
	width:532px;
}
:root .ImagesSliderAnimateBoxTbl tr:first-child{
	display:none;
}
:root .ImagesSliderAnimateBoxTbl tr tr:first-child{
	display:block;
}

.ImagesSliderAnimateBoxTbl .MoreImagesSliderBox{
	height:210px !important;
	width:485px !important;
	padding-left:-5px;
	padding-right:0px;
	padding-top:30px;
}
.ImagesSliderAnimateList{
	width:1100px !important;
	max-height:210px !important;
}
.ImagesSliderAnimateList{
	list-style:none !important;
}
.ImagesSliderAnimateList li{
	float:right !important;
	width:80px;
}
.ImagesSliderAnimateList li img{
	border-right:3px #bbb17e solid;
	border-bottom:2px #bbb17e solid;
	z-index:0;
}
.AnimateSliderCurrentImg
{
	z-index:10;
	position:relative;
}
.AnimateSliderLi1{
	width:91px !important;
	height:200px !important;
	vertical-align:middle;
	padding-top:20px;
}
.AnimateSliderLi2{
	width:100px !important;
	height:200px !important;
	vertical-align:middle;
	padding-top:10px;
}
.AnimateSliderLi3{
	width:116px !important;
	height:200px !important;
	vertical-align:middle;
}
#ImagesSliderAnimateTitle{
    text-align:center;
    display:block;
    height:20px;
    color:black;
}
.AnimateSliderLi3 .MoreImagesSliderTitle{
    font-weight:bold;
}
.ContentLayoutDate{
	float:right;
	padding-top:5px;
}
.roleContainer{
	visibility:hidden;
}
.AnimateSliderLiRole{
	visibility:visible !important;
	position:relative;
	width:360px;
	padding-top:10px;
	text-align:center;
	margin-right:-150px;
}
:root .AnimateSliderLiRole{
margin-right:-120px;
visibility:visible !important;
	position:relative;
	width:360px;
	padding-top:10px;
	text-align:center;		
}*/