/** 
 * Slideshow style rules.
 */
#slideshow {
	margin:0 auto;
	width:350px;
	height:250px;
	position:relative;
	padding:2px;
	margin-top: 2px;
	margin-bottom: 2px;
	border: 0px dotted silver;
	
}
#thumbs {
	margin:0 auto;	
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:350px;
  height:250px;
  overflow:hidden; /* don't allow scrollbar */
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:330px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:250px;

}
.thumb{
	margin: 2px auto;
	width: 75px;
	overflow: hidden;
	padding: 2px;
	cursor : pointer;
	border: 1px solid silver;
}

.thumb:hover {
	border: 1px solid #056785;
}

.gallerie_photo {
	height: 330px;
}

.diapo {
	width: 50%;
	overflow: hidden;
}

.infos {
	text-align: center;
	width: 30%;
	border-left: 1px solid silver;
	border-right: 1px solid silver; 
	background: url(images/content/ProdDtBg.gif) repeat-x;
}

.miniatures {
	width: 20%;
	height: 330px;	
	overflow: hidden;
}

.forcer_scroll_thumbs {
	height: 330px;
	overflow: auto;
	overflow-x:hidden;
}

a img {
	border: 0px solid black;
}

/** 
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:33px;
  height:33px;
  margin-top: 5px;
  text-indent:0px;
  position:absolute;
  cursor: pointer;
}

#leftControl{position:absolute; top:250px; left:0px; background:url(images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#leftControl:hover{background-position:-75px -25px;}
#rightControl{position:absolute; top:250px; right:0px; background:url(images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#rightControl:hover{background-position:-50px -25px;}

#zoom {
  display:block;
  height:33px;
  margin-top: 5px;
  text-indent:0px;
  position:absolute;
  font-size: 10px;
  top: 250px;
  left: 80px;
}

/** 
 * Style rules for Demo page
 */
.slide h2, .slide p {
  margin:15px;
}
.slide h2 {
  font:italic 24px Georgia, "Times New Roman", Times, serif;
  color: black;
  letter-spacing:-1px;
}
.slide img {
  float:left;
  margin:0 0px;
}

 
/* Lightbox CSS */
.black_overlay{
	display: none;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
* html .black_overlay{ position:absolute;} /* As Mariusz noticed */
.white_content {
	display: none;
	position: fixed;
	top: 5%;
	padding: 16px;
	max-width: 1024px;
	border: 0px solid orange;
	background-color: white;
	z-index:1002;
	overflow: hidden;
}
* html .white_content{ position:absolute;} /* As Mariusz noticed */

.zoom {
	max-width: 600px;
	border: 1px dotted gray;
}