#ViewThumbnails { width:111px; height:21px; background:url('img/bg_viewthumbnails.png') no-repeat center center; }

#myGallery h2 { color:#FFF; }

#myGallery, #myGallerySet, .jdGallery { position:relative; margin-bottom:40px; width:640px; height:480px; z-index:1; overflow:hidden; border:5px solid #FFF; }
#myGallery img.thumbnail, #myGallerySet img.thumbnail { display:none; }
.jdGallery img { margin:0; border:0; }
.jdGallery .slideElement { width:100%; height:100%; background:#F2F2F2 url('img/loading-bar-black.gif') no-repeat center center; }
.jdGallery .loadingElement { position:absolute; top:0; left:0; width:100%; height:100%; background:#F0F0F0 url('img/loading-bar-black.gif') no-repeat center center; }
.jdGallery .slideInfoZone { position:absolute; left:0; top:400px; margin:0; padding:20px; width:100%; height:40px; background:url('img/bg_slideInfoZone.png'); color:#FFF; text-indent:0; overflow:hidden; z-index:60; }
.jdGallery .slideInfoZone h2 { margin:2px 0; padding:0; font-weight:bold; }
.jdGallery .slideInfoZone p { margin:2px 0; padding:0; color:#EEE; }
.jdGallery div.carouselContainer { position:absolute; left:0; top:0; width:100%; height:135px; z-index:150; }
.jdGallery a.carouselBtn { position:absolute; bottom:0; right:30px; padding:0 10px; height:20px; text-align:center; font-size:13px; cursor:pointer; }
.jdGallery .carousel { position:absolute; left:0; top:0; width:100%; height:115px; background:#FFF; overflow:hidden; }
.jdExtCarousel { overflow: hidden; position: relative; }
.jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper { position:absolute; top:10px; left:0; width:100%; height:78px; overflow:hidden; }
.jdGallery .carousel .carouselInner, .jdExtCarousel .carouselInner { position:relative; }
.jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail { float:left; background:#FFF; background-position: center center; border:solid 1px #FFF; cursor:pointer; }
.jdGallery .wall .thumbnail, .jdExtCarousel .wall .thumbnail { margin-bottom:10px; }
.jdGallery .carousel .label, .jdExtCarousel .label { position:absolute; bottom:5px; left:10px; font-size:13px; }
.jdGallery .carousel .wallButton, .jdExtCarousel .wallButton { position:absolute; bottom:5px; right:10px; padding:1px 2px; font-size:12px; cursor:pointer; }
.jdGallery .carousel .label .number, .jdExtCarousel .label .number { color: #b5b5b5; }
.jdGallery a { font-size:100%; text-decoration:none; }
.jdGallery a.right, .jdGallery a.left { position: absolute; height:100%; width:30%; cursor:pointer; z-index:60; opacity:0.6; }
.jdGallery a.right:hover, .jdGallery a.left:hover { opacity:1; }
.jdGallery a.left { left:0; top:100px; background: url('img/fleche1.png') no-repeat 0 100px; }
.jdGallery a.right { right:0; top:100px; background: url('img/fleche2.png') no-repeat 148px 100px; }
.jdGallery a.open { left:0; top:0; width:100%; height:100%; }
.withArrows a.open { position:absolute; top:0; left:25%; height:99%; width:50%; cursor:pointer; z-index:60; background:none; opacity:0.8; }
.withArrows a.open:hover { background: url('img/open.png') no-repeat center center; }

/* IE Fixes */
* html .jdGallery a.right, * html .jdGallery a.left { filter:alpha(opacity=50); }
* html .jdGallery a.left { background: url('img/fleche1.gif') no-repeat 0 100px; }
* html .jdGallery a.right { background: url('img/fleche2.gif') no-repeat 138px 100px; }
* html .withArrows a.open:hover { background: url('img/open.gif') no-repeat center center; filter:alpha(opacity=95); }
* html .jdGallery .slideInfoZone { background-image:none; background-color:#003E6E; }
* html .jdGallery a.right:hover, * html .jdGallery a.left:hover { filter:alpha(opacity=100); }
* html .jdGallery a.right, * html .jdGallery a.left { filter:alpha(opacity=60); }
* html #ViewThumbnails { background:url('img/bg_viewthumbnails.gif') no-repeat center center; }