#myGallery
{ width: 700px; height: 550px; z-index: 5 !important; border: solid 1px #898989 !important; display: none; }
.jdGallery
{ overflow: hidden; position: relative; }

.jdGallery img
{ border: 0; margin: 0; }

.jdGallery .slideElement
{
	width: 100%;
	height: 100%;
	background-color: white;
	background-repeat: no-repeat;
}

.jdGallery .loadingElement
{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: white;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(img/loading-bar-black.gif);
}

.jdGallery .slideInfoZone
{
	position: absolute;
	z-index: 10;
	width: 100%;
	margin: 0;
	left: 0;
	bottom: 0;
	height: 80px;
	background: white;
	color: black;
	text-indent: 0;
	overflow: hidden;
}
.jdGallery .slideInfoZone h2
{
	padding: 0;
	font-size: 90%;
	margin: 0;
	margin: 2px 5px;
	font-weight: bold;
}

.jdGallery .slideInfoZone p
{
	padding: 0;
	font-size: 75%;
	margin: 2px 50px 2px 5px;
}

.jdGallery div.carouselContainer
{
	position: absolute;
	height: 90px;
	width: 100%;
	z-index: 10;
	margin: 0;
	left: 0;
	top: 0;
}
.jdGallery a.carouselBtn { color: black; font-size: 12px !important; font-weight: bold; background: white; text-align: center; cursor: pointer; padding: 0 10px; position: absolute; right: 50px; bottom: 0; height: 20px; }
.jdGallery .carousel
{ position: absolute; width: 100%; margin: 0; left: 0; top: 0; height: 70px; color: #fff; background: white; text-indent: 0; overflow: hidden; }

.jdGallery .carousel .carouselWrapper
{ position: absolute; width: 100%; height: 50px; top: 5px; left: 0; overflow: hidden; }

.jdGallery .carousel .carouselInner
{
	position: relative;
}

.jdGallery .carousel .carouselInner .thumbnail
{ background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: center; cursor: pointer; float: left; border: solid 1px gray; }
.jdGallery .carousel .label
{ color: #141414; font-size: 12px; position: absolute; bottom: 2px; left: 10px; padding: 0; margin: 0; }
.jdGallery .carousel .label .number
{
	color: #141414;
}

.jdGallery a
{
	font-size: 100%;
	text-decoration: none;
	color: inherit;
}
.jdGallery a.right, .jdGallery a.left
{
	position: absolute;
	height: 99%;
	width: 25%;
	cursor: pointer;
	z-index:10;
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
}
.jdGallery a.right:hover, .jdGallery a.left:hover
{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.jdGallery a.left
{ background-image: url(img/fleche1.png); background-repeat: no-repeat; background-attachment: scroll; background-position: left center; left: 0; top: 0; }
.jdGallery a.right
{ background-image: url(img/fleche2.png); background-repeat: no-repeat; background-attachment: scroll; background-position: right center; right: 0; top: 0; }
.jdGallery a.open
{
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.withArrows a.open
{ background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; position: absolute; top: 0; left: 25%; height: 99%; width: 50%; cursor: pointer; z-index: 10; -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; }

.withArrows a.open:hover { background-image: url(img/open.png); background-repeat: no-repeat; background-attachment: scroll; background-position: center; }

* html .withArrows a.open:hover { background: url('img/open.gif') no-repeat center center;
	filter:alpha(opacity=80); }
* html .jdGallery a.right { background: url('img/fleche2.gif') no-repeat center right; }
* html .jdGallery a.right, * html .jdGallery a.left
{
	filter:alpha(opacity=50);
}
* html .jdGallery a.left { background: url(img/fleche1.gif) no-repeat left center; }
* html .jdGallery .slideInfoZone
{
	bottom: -1px;
}