#myGallery {
width : 300px;
height : 200px;
z-index : 5;
display : none;
border : 0 solid #000;
float : left;
margin-left : 16px;
}
.jdGallery {
overflow : hidden;
position : relative;
}
.jdGallery img {
border : 0;
margin : 0;
}
.jdGallery .slideElement {
width : 100%;
height : 100%;
background-color : #000;
background-repeat : no-repeat;
}
.jdGallery .loadingElement {
width : 100%;
height : 100%;
position : absolute;
left : 0;
top : 0;
background-color : #000;
background-repeat : no-repeat;
background-position : center 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 : 40px;
background : #333;
color : #fff;
text-indent : 0;
overflow : hidden;
}
* html .jdGallery .slideInfoZone {
bottom : -1px;
}
.jdGallery .slideInfoZone h2 {
padding : 0;
font-size : 120%;
margin : 0;
margin : 2px 5px;
font-weight : bold;
color : inherit;
}
.jdGallery .slideInfoZone p {
padding : 0;
font-size : 85%;
margin : 2px 5px;
color : #eee;
}
.jdGallery div.carouselContainer {
position : absolute;
height : 135px;
width : 100%;
z-index : 10;
margin : 0;
left : 0;
top : 0;
}
.jdGallery a.carouselBtn {
position : absolute;
bottom : 0;
right : 30px;
height : 20px;
text-align : center;
padding : 0 10px;
font-size : 13px;
background : #333;
color : #fff;
cursor : pointer;
}
.jdGallery .carousel {
position : absolute;
width : 100%;
margin : 0;
left : 0;
top : 0;
height : 115px;
background : #333;
color : #fff;
text-indent : 0;
overflow : hidden;
}
.jdGallery .carousel .carouselWrapper {
position : absolute;
width : 100%;
height : 78px;
top : 10px;
left : 0;
overflow : hidden;
}
.jdGallery .carousel .carouselInner {
position : relative;
}
.jdGallery .carousel .carouselInner .thumbnail {
cursor : pointer;
background : #000;
background-position : center center;
float : left;
border : 1px solid #fff;
}
.jdGallery .carousel .label {
font-size : 13px;
position : absolute;
bottom : 5px;
left : 10px;
padding : 0;
margin : 0;
}
.jdGallery .carousel .label .number {
color : #b5b5b5;
}
.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;
}
.jdGallery a.left {
left : 0;
top : 0;
background : url('img/fleche1.png') no-repeat center left;
}
* html .jdGallery a.left {
background : url('img/fleche1.gif') no-repeat center left;
}
.jdGallery a.right {
right : 0;
top : 0;
background : url('img/fleche2.png') no-repeat center right;
}
* html .jdGallery a.right {
background : url('img/fleche2.gif') no-repeat center right;
}
.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 : 10;
background : none;
}
.withArrows a.open:hover {
background : url('img/open.png') no-repeat center center;
}
* html .withArrows a.open:hover {
background : url('img/open.gif') no-repeat center center;
}
.searchform {
position : absolute;
bottom : -1px;
z-index : 10;
width : 100%;
margin : 0;
left : 0;
bottom : 0;
height : 40px;
background : #333;
color : #fff;
text-indent : 0;
overflow : hidden;
}
div#sp_input2 {
padding : 1px;
text-align : center;
}
div#sp_input2 input.text {
width : 65%;
padding : 2px;
}
form#sp_form2 {
margin : 7px 0;
}
.content2 {
float : left;
margin : 10px 0;
padding : 0 16px;
width : 600px;
height : 180px;
border-bottom : 2px solid #b7c7d1;
padding-bottom : 10px;
}
.content2 .descr {
color : #664;
font-size : 0.9em;
margin-bottom : 6px;
}
.content2 p {
font-family : "Lucida Sans Unicode", sans-serif;
margin-left : 400px;
}
.content2 h1 {
margin-left : 260px;
}