/* CSS Document */



/* --------------- SLIDESHOW STYLES --------------- */
/* --------------- SLIDESHOW STYLES --------------- */
/* --------------- SLIDESHOW STYLES --------------- */

/* bottom center */
#slideshow-container1  .ss_bullets {
	bottom:-5;
	left:50%;
}
#slideshow-container1  .ss_bullets div{
	left:-50%;
}
#slideshow-container1 { 
	/*overflow: hidden;*/
	
	zoom: 1; 
	position: relative; 
	width:458px;
	margin:0 auto;
	z-index:100;
}
#slideshow-container1 .ss_images{
	width:458px;
	height:246px;
	overflow:hidden;
	position:relative;
}
#slideshow-container1 .ss_images a{
	color:transparent;
}

#slideshow-container1 .ss_images img{
	top:0;
	left:0;
	border:none 0;
	max-width:100%;  /* max-width:100% and height:auto we added to be responsive to screen size */
	height:auto;
}
#slideshow-container1 a{ 
	text-decoration: none; 
	outline: none; 
	border: none; 
}

#slideshow-container1 .ss_bullets { 
	font-size: 0px; 
	padding: 10px; 
	float: right;
	position:absolute;
	z-index:70;
}
#slideshow-container1 .ss_bullets div{
	position:relative;
	float:left;
}
#slideshow-container1 .ss_bullets a { 
	margin-left: 5px; 
	height: 10px; 
	width: 10px; 
	float: left; 
	border: 1px solid #B8C4CF; 
	color: #B8C4CF; 
	text-indent: -1000px; 
	background-image:url("data:image/gif;base64,");
	position:relative;
	/* Space between the bullets second row */
	margin-bottom:4px;
}
#slideshow-container1 .ss_selbull { 
	background-color: #B8C4CF; 
	color: #FFFFFF; 
}

#slideshow-container1 .ss_bullets a:hover, #slideshow-container1 .ss_overbull { 
	background-color: #dae9f6;
	color: #FFFFFF; 
}

#slideshow-container1 a.ss_next, #slideshow-container1 a.ss_prev {
	font-family: Tahoma,Arial,Helvetica;
	font-size: 14px;
	position:absolute;
	display:none;
	top:50%;
	margin-top:-15px;
	line-height:30px;
	z-index:60;
	background-color: #000000; 
	color: #FFFFFF; 
	padding: 0px 10px; 
	opacity:0.7;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
#slideshow-container1 a.ss_next{
	right:0;
}
#slideshow-container1 a.ss_prev {
	left:0;
}
* html #slideshow-container1 a.ss_next,* html #slideshow-container1 a.ss_prev{display:block}
#slideshow-container1:hover a.ss_next, #slideshow-container1:hover a.ss_prev {display:block}



#slideshow-container1 .ws-title{
	position: absolute;
	bottom:0;
	left: 0;
	margin-right:5px;
	z-index: 50;
	background-color:#000000;
	color:#FFFFFF;
	padding:10px 1%;
	font-family: Tahoma,Arial,Helvetica;
	font-size: 14px;
	opacity:0.65;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=65);
	/* 
	This simply hides the captions on the slideshow and sets individual widths
	Check the Content 2 placeholders in HeadElements on pages where 
	the caption is showing for custom slideshow settings that override this style sheet.	
	 */	
	width:97%;
	visibility:hidden;
}
#slideshow-container1 .ws-title div{
	color:#FFFFFF;
	padding-top:5px;
	font-size: 12px;
}#slideshow-container1 .ss_bullets  a img{
	text-indent:0;
	display:block;
	bottom:12px;
	left:-123px;
	visibility:hidden;
	position:absolute;
    border: 1px solid #B8C4CF;
}
#slideshow-container1 .ss_bullets a:hover img{
	visibility:visible;
}

#slideshow-container1 .ss_bulframe div div{
	height:90px;
	overflow:visible;
	position:relative;
}
#slideshow-container1 .ss_bulframe div {
	left:0;
	overflow:hidden;
	position:relative;
	width:104px; /* make sure the width matches the images or the final bullet will return to the 1st slide */
	height:35px;
}
#slideshow-container1  .ss_bullets .ss_bulframe{
	display:none;
	bottom:25px;
	overflow:visible;
	position:absolute;
	cursor:pointer;
    border: 2px solid #000000;
}
#slideshow-container1 .ss_bulframe span{
	position:absolute;
}