#myGallery {
    z-index: 5;    
    width: 530px; 
    height:330px   
}
.jdGallery {
    overflow: hidden;
    position: relative;
}
.jdGallery IMG {
    margin: 0px;
    border: 0px;
}
.jdGallery .slideElement {
    width: 100%;
    color: #000;
    background-repeat: no-repeat;
    height: 100%;
    background-color: #fff;
}
.jdGallery .loadingElement {
    background-position: center center;
    left: 0px;
    background-image: url(../images/loading-bar-black.gif);
    width: 100%;
    color: #fff;
    background-repeat: no-repeat;
    position: absolute;
    top: 0px;
    height: 100%;
    background-color: #000;
}
.jdGallery .slideInfoZone {
    z-index: 10;
    background: #333;
    left: 0px;
    margin: 0px;
    overflow: hidden;
    width: 100%;
    color: #fff;
    bottom: 0px;
    text-indent: 0px;
    position: absolute;
    height: 40px;
}
* HTML .jdGallery .slideInfoZone {
    bottom: -1px;
}
.jdGallery .slideInfoZone H2 {
    font-weight: bold;
    font-size: 80%;    
    margin: 2px 5px;
    padding: 0px;
}
.jdGallery .slideInfoZone P {
    font-size: 60%;    
    margin: 2px 5px;
    padding: 0px;
}
.jdGallery DIV.carouselContainer {
    z-index: 10;
    left: 0px;
    margin: 0px;
    width: 100%;
    position: absolute;
    top: 0px;
    height: 135px;
}
.jdGallery A.carouselBtn {
    font-size: 1.1em;
    right: 30px;
    background: #333;    
    cursor: pointer;
    color: #fff;
    bottom: 0px;
    padding: 0px 10px;
    position: absolute;
    height: 20px;
    text-align: center;
}
.jdGallery .carousel {
    background: #333;
    left: 0px;
    margin: 0px;
    overflow: hidden;
    width: 100%;
    color: #fff;
    text-indent: 0px;
    position: absolute;
    top: 0px;
    height: 115px;
}
.jdGallery .carousel .carouselWrapper {
    left: 0px;
    overflow: hidden;
    width: 100%;
    position: absolute;
    top: 10px;
    height: 78px;
}
.jdGallery .carousel .carouselInner {
    position: relative;
}
.jdGallery .carousel .carouselInner .thumbnail {
    background: #000 center center;
    float: left;    
    cursor: pointer;
    color: #fff;
    border: #fff 1px solid;
}
.jdGallery .carousel .label {
    font-size: 13px;
    left: 10px;    
    margin: 0px;
    bottom: 5px;
    padding: 0px;
    position: absolute;
}
.jdGallery .carousel .label .number {
    color: #b5b5b5;
    background-color: transparent;
}
.jdGallery A {
    font-size: 100%;
    text-decoration: none;
}
#controls {
    z-index: 100;    
    padding: 0px;
    position: relative;
}
#controls IMG {
    border-width: 0px;    
}
#controls .controlsHolder {
    z-index: 101;
    left: 0px;
    width: 530px;
    color: #000000;
    position: absolute;
    top: -15px;
    text-align: right;
}
#controls .leftControl {
    padding:0 2px;
    display: block;    
    background: url(../images/left.png) no-repeat 0 0;
    float: right;  
    margin-right:10px;  
    width: 28px;
    cursor: pointer;    
    height: 50px;
}
* HTML #controls .leftControl {
    background: url(../images/left.gif) no-repeat 0 0;
}
#controls A.leftControl:hover {
    background: url(../images/left_roll.png) no-repeat;
}
* HTML #controls A.leftControl:hover {
    background: url(../images/left_roll.gif) no-repeat;
}
#controls .rightControl {
    display: block;    
    background: url(../images/right.png) no-repeat 0 0;
    float: right;
    padding: 0 2px;
    width: 28px;
    cursor: pointer;    
    height: 50px;
    margin-right:10px;
}
* HTML #controls .rightControl {
    background: url(../images/right.gif) no-repeat;
}
#controls A.rightControl:hover {
    background: url(../images/right_roll.png) no-repeat;
}
* HTML #controls A.rightControl:hover {
    background: url(../images/right_roll.gif) no-repeat;
}
#controls .openControl {
    padding:0 2px;
    display: block;    
    background: url(../images/opennew.png) no-repeat;
    float: right;        
    cursor: pointer;    
    height: 50px;
    left: -999px;
    width: 990px;
    position: absolute;
}
* HTML #controls .openControl {
    background: url(../images/opennew.gif) no-repeat;
}
#controls A.openControl:hover {
    background: url(../images/open_roll.png) no-repeat;
}
* HTML #controls A.openControl:hover {
    background: url(../images/open_roll.gif) no-repeat;
}