/******************************************************************************
 * Global                                                                     *
 *****************************************************************************/
.tx-modulispicturegallery-pi1 .gallery_container {
position: relative;
margin: 0;
padding: 0;
height: 450px;
}

/* works on IE only */
body {
scrollbar-face-color:#BFBFBF;
scrollbar-highlight-color:#BFBFBF;
scrollbar-3dlight-color:#BFBFBF;
scrollbar-darkshadow-color:#BFBFBF;
scrollbar-shadow-color:#BFBFBF;
scrollbar-arrow-color:white;
scrollbar-track-color:#EBE5DB;
}

/******************************************************************************
 * Thumbnail                                                                  *
 *****************************************************************************/
.tx-modulispicturegallery-pi1 .gallery_container .thumbnail_container {
position: relative;
margin: 0;
padding: 0;
width: 260px;
float: left;
}
.tx-modulispicturegallery-pi1 .gallery_container .thumbnail_container .all_thumbnails {
position: relative;
margin: 0;
padding: 0;
height: 360px;
overflow: auto;
}
.tx-modulispicturegallery-pi1 .gallery_container .thumbnail_container .thumbnail_instruction {
clear: both;
margin: 10px 0 0 0;
text-align: center;
font-size: 10px;
}

.tx-modulispicturegallery-pi1 .gallery_container .thumbnail_container .inner_image_container {
position: relative;
float: left;
border: 2px solid white;
margin: 10px;
padding: 0;
width: 95px;
height: 95px;
text-align: center;
}
/* Note that I do this because IE doesn't like :hover that much so I use javascript */
.tx-modulispicturegallery-pi1 .gallery_container .thumbnail_container .inner_image_container_hover {
position: relative;
float: left;
border: 2px solid black;
margin: 10px;
padding: 0;
width: 95px;
height: 95px;
text-align: center;
}

.tx-modulispicturegallery-pi1 .gallery_container .thumbnail_container .inner_image_container img,
.tx-modulispicturegallery-pi1 .gallery_container .thumbnail_container .inner_image_container_hover img{
vertical-align: middle;
border: 1px solid #BFBFBF;
}


/******************************************************************************
 * Displayed image                                                            *
 *****************************************************************************/
.tx-modulispicturegallery-pi1 .gallery_container .displayed_image {
position: relative;
float: left;
margin: 0 -15px 0 15px;
padding: 0;
width: 384px;
height: 360px;
}

.tx-modulispicturegallery-pi1 .gallery_container .displayed_image .displayed_image_content{
position: relative;
margin: 0;
padding: 0;
text-align: center;
height: 100%;
width: 100%;
}

.tx-modulispicturegallery-pi1 .gallery_container .displayed_image .displayed_image_content img {
vertical-align: middle;
border: 2px solid white;
}


.tx-modulispicturegallery-pi1 .gallery_container .displayed_image .displayed_image_caption{
position: relative;
margin: 10px 0;
text-align: center;
padding: 0;
clear: both;
font-size: 10px;
}