/* Galerie */
.gallery {padding: 0; margin: 0; list-style: none;  margin-top: 18px;}
.gallery li {padding: 0px;margin: 0; display: inline;}
.gallery img {padding: 6px 12px 6px 0;}

.pictureHolder .top .left {background: #FFF;/*url(site/templateRessources/pT_default/tImages/tl.gif) top left no-repeat;*/}
.pictureHolder .top .middle {background: #fff;} /* Top pattern/color */
.pictureHolder .top .right {background: #FFF /*url(site/templateRessources/pT_default/tImages/tr.gif) top left no-repeat;*/} /* Top right corner */

.pictureHolder .content {background-color: #fff;} /* Content background */
.pictureHolder .content a.next:hover {background: url(site/templateRessources/pT_default/tImages/btnNext.gif) center right no-repeat; cursor: pointer;} /* Next button */
.pictureHolder .content a.previous:hover {background: url(site/templateRessources/pT_default/tImages/btnPrevious.gif) center left no-repeat; cursor: pointer;} /* Previous button */
.pictureHolder .content a.expand {background: url(site/templateRessources/pT_default/tImages/btnExpand.gif) top left no-repeat; cursor: pointer;} /* Expand button */
.pictureHolder .content a.expand:hover {background: url(site/templateRessources/pT_default/tImages/btnExpand.gif) bottom left no-repeat; cursor: pointer;} /* Expand button hover */
.pictureHolder .content a.contract {background: url(site/templateRessources/pT_default/tImages/btnContract.gif) top left no-repeat; cursor: pointer;} /* Contract button */
.pictureHolder .content a.contract:hover {background: url(site/templateRessources/pT_default/tImages/btnContract.gif) bottom left no-repeat; cursor: pointer;} /* Contract button hover */
.pictureHolder .content a.close {width: 61px; height: 22px; background: url(site/templateRessources/pT_default/tImages/btnClose.gif) center left no-repeat; cursor: pointer;} /* Close button */

.pictureHolder .content .details .nav a.arrow_previous {background: url(site/templateRessources/pT_default/tImages/arrow_previous.gif) top left no-repeat;} /* The previous arrow in the bottom nav */
.pictureHolder .content .details .nav a.arrow_next {background: url(site/templateRessources/pT_default/tImages/arrow_next.gif) top left no-repeat;} /* The next arrow in the bottom nav */

.pictureHolder .bottom .left {background: #FFF; /*url(site/templateRessources/pT_default/tImages/bl.gif) top left no-repeat;*/} /* Bottom left corner */
.pictureHolder .bottom .middle {background: #fff;} /* Bottom pattern/color */
.pictureHolder .bottom .right {background: #FFF; /*url(site/templateRessources/pT_default/tImages/br.gif) top left no-repeat;*/} /* Bottom right corner */

.pictureHolder .loaderIcon {background: url(site/templateRessources/pT_default/tImages/loader.gif) center center no-repeat;} /* Loader icon */

.prettyPhotoTitle .prettyPhotoTitleLeft {background: url(site/templateRessources/pT_default/tImages/ttl.gif) top left no-repeat;}
.prettyPhotoTitle .prettyPhotoTitleRight {background: url(site/templateRessources/pT_default/tImages/ttr.gif) top left no-repeat;}
.prettyPhotoTitle .prettyPhotoTitleContent {background: url(site/templateRessources/pT_default/tImages/ttp.gif) top left repeat-x;}


.prettyPhotoOverlay {background: #000; position: absolute; top: 0; left: 0; z-index: 9500; width: 100%;}
.pictureHolder {position: absolute; z-index: 10000; width: 100px;}
.pictureHolder .top {position: relative; height: 20px;}
.pictureHolder .top {padding: 0 20px;}

.pictureHolder .top .left {position: absolute; left: 0; width: 20px; height: 20px;}
.pictureHolder .top .middle {position: absolute; left: 20px; right: 20px; height: 20px;}
* html .pictureHolder .top .middle {position: static;}

.pictureHolder .top .right {position: absolute; top: 0; left: auto; right: 0; width: 20px; height:20px;}

.pictureHolder .content {position: relative; text-align: left; width: 100%; height: 40px;}

.pictureHolder .content .details {display: none; margin: 10px 15px 0 20px;}
.pictureHolder .content .details p.description {display: none; float: left; margin: 0; color: #333;}

.pictureHolder .content .details .nav {float: left; margin: 4px 0 0 0;}

.pictureHolder .content .details .nav p {float: left; margin: 0 4px;}

.pictureHolder .content .details .nav a.arrow_previous,
.pictureHolder .content .details .nav a.arrow_next {float: left; display: block; width: 8px; height: 9px; text-indent: -10000px;margin-top: 4px;}

.pictureHolder .content .details .nav a.disabled {background-position: 0 -10px; cursor: default;}

.pictureHolder .content .hoverContainer {position: absolute; z-index: 10000; top: 0; left: 0; width: 100%;}

.pictureHolder .content a.next {position: relative; z-index: 2000; display: block; float: right; text-indent: -10000px; width: 49%; height: 100%; background: url(site/templateRessources/pT_default/tImages/btnNext.gif) 10000px 50% no-repeat; /* Need to be defined that way to fix an IE bug */}

.pictureHolder .content a.previous {cursor: pointer; display: block; text-indent: -10000px; width: 49%; height: 100%; background: url(site/templateRessources/pT_default/tImages/btnNext.gif) 10000px 50% no-repeat; /* Need to be defined that way to fix an IE bug */}

.pictureHolder .content a.expand,
.pictureHolder .content a.contract {position: absolute; z-index: 20000; top: 10px; right: 30px; cursor: pointer; display: none; text-indent: -10000px; width: 20px; height: 20px;}

.pictureHolder .content a.close {float: right; display: block; text-indent: -10000px;}

.pictureHolder .bottom {position: relative; height: 20px;}
* html .pictureHolder .bottom {padding: 0 20px;}

.pictureHolder .bottom .left {position: absolute; left: 0; width: 20px; height: 20px;}
.pictureHolder .bottom .middle {position: absolute; left: 20px; right: 20px; height: 20px;}
* html .pictureHolder .bottom .middle {position: static;}

.pictureHolder .bottom .right {position: absolute; top: 0; left: auto; right: 0; width: 20px; height: 20px;}

.pictureHolder .loaderIcon {display: none; position: absolute; top: 50%; left: 50%; margin: -12px 0 0 -12px; width: 24px; height: 24px;}

.pictureHolder #fullResImageContainer {width: 100%; text-align: center;}

.prettyPhotoTitle {display: none; position: absolute; top: 0; left: 0; z-index: 9999; color: #333; font-size: 13px;}

.prettyPhotoTitle .prettyPhotoTitleLeft,
.prettyPhotoTitle .prettyPhotoTitleRight {float: left; width: 19px; height: 23px; overflow: hidden;}

.prettyPhotoTitle .prettyPhotoTitleContent {float: left; line-height: 23px;}