/* ------------------------------------------------------------------------
	This you can edit.
------------------------------------------------------------------------- */
div.pictureHolder .top .left {
    background: url(../images.d8c8f01d9ed108d2f9f06e737552c42f/tl.gif) top left no-repeat
    }
/* Top left corner */
div.pictureHolder .top .middle {
    background: #fff
    }
/* Top pattern/color */
div.pictureHolder .top .right {
    background: url(../images.d8c8f01d9ed108d2f9f06e737552c42f/tr.gif) top left no-repeat
    }
/* Top right corner */
div.pictureHolder .content {
    background-color: #fff
    }
/* Content background */
div.pictureHolder .content a.next:hover {
    background: url(../images.d8c8f01d9ed108d2f9f06e737552c42f/btnNext.gif) center right no-repeat;
    cursor: pointer
    }
/* Next button */
div.pictureHolder .content a.previous:hover {
    background: url(../images.d8c8f01d9ed108d2f9f06e737552c42f/btnPrevious.gif) center left no-repeat;
    cursor: pointer
    }
/* Previous button */
div.pictureHolder .content a.close {
    width: 61px;
    height: 22px;
    background: url(../images.d8c8f01d9ed108d2f9f06e737552c42f/btnClose.gif) center left no-repeat;
    cursor: pointer
    }
/* Close button */
div.pictureHolder .bottom .left {
    background: url(../images.d8c8f01d9ed108d2f9f06e737552c42f/bl.gif) top left no-repeat
    }
/* Bottom left corner */
div.pictureHolder .bottom .middle {
    background: #fff
    }
/* Bottom pattern/color */
div.pictureHolder .bottom .right {
    background: url(../images.d8c8f01d9ed108d2f9f06e737552c42f/br.gif) top left no-repeat
    }
/* Bottom right corner */
div.pictureHolder .loaderIcon {
    background: url(../images.d8c8f01d9ed108d2f9f06e737552c42f/loader.gif) center center no-repeat
    }
/* Loader icon */
div.prettyPhotoTitle div.prettyPhotoTitleLeft {
    background: url(../images.d8c8f01d9ed108d2f9f06e737552c42f/ttl.gif) top left no-repeat
    }
div.prettyPhotoTitle div.prettyPhotoTitleRight {
    background: url(../images.d8c8f01d9ed108d2f9f06e737552c42f/ttr.gif) top left no-repeat
    }
div.prettyPhotoTitle div.prettyPhotoTitleContent {
    background: url(../images.d8c8f01d9ed108d2f9f06e737552c42f/ttp.gif) top left repeat-x
    }
/* ------------------------------------------------------------------------
	DO NOT CHANGE
------------------------------------------------------------------------- */
div.prettyPhotoOverlay {
    background: #000;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9500;
    width: 100%
    }
div.pictureHolder {
    position: absolute;
    z-index: 10000;
    width: 100px
    }
div.pictureHolder .top {
    position: relative;
    height: 20px
    }
* html div.pictureHolder .top {
    padding: 0 20px
    }
div.pictureHolder .top .left {
    position: absolute;
    left: 0;
    width: 20px;
    height: 20px
    }
div.pictureHolder .top .middle {
    position: absolute;
    left: 20px;
    right: 20px;
    height: 20px
    }
* html div.pictureHolder .top .middle {
    position: static
    }
div.pictureHolder .top .right {
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
    width: 20px;
    height: 20px
    }
div.pictureHolder .content {
    position: relative;
    text-align: left;
    width: 100%;
    height: 40px
    }
div.pictureHolder .content .details {
    display: none;
    margin: 10px 15px 0 20px
    }
div.pictureHolder .content .details p {
    float: left;
    clear: left;
    margin: 0
    }
div.pictureHolder .content div.hoverContainer {
    position: absolute;
    z-index: 10000;
    top: 0;
    left: 0;
    width: 100%
    }
div.pictureHolder .content a.next {
    position: relative;
    z-index: 2000;
    display: block;
    float: right;
    text-indent: -10000px;
    width: 49%;
    height: 100%;
    background: url(../images.d8c8f01d9ed108d2f9f06e737552c42f/btnNext.gif) 10000px 50% no-repeat;
    /* Need to be defined that way to fix an IE bug */
    }
div.pictureHolder .content a.previous {
    cursor: pointer;
    display: block;
    text-indent: -10000px;
    width: 49%;
    height: 100%;
    background: url(../images.d8c8f01d9ed108d2f9f06e737552c42f/btnNext.gif) 10000px 50% no-repeat;
    /* Need to be defined that way to fix an IE bug */
    }
div.pictureHolder .content a.close {
    float: right;
    display: block;
    text-indent: -10000px
    }
div.pictureHolder .bottom {
    position: relative;
    height: 20px
    }
* html div.pictureHolder .bottom {
    padding: 0 20px
    }
div.pictureHolder .bottom .left {
    position: absolute;
    left: 0;
    width: 20px;
    height: 20px
    }
div.pictureHolder .bottom .middle {
    position: absolute;
    left: 20px;
    right: 20px;
    height: 20px
    }
* html div.pictureHolder .bottom .middle {
    position: static
    }
div.pictureHolder .bottom .right {
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
    width: 20px;
    height: 20px
    }
div.pictureHolder .loaderIcon {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -12px 0 0 -12px;
    width: 24px;
    height: 24px
    }
div.pictureHolder #fullResImageContainer {
    width: 100%;
    text-align: center
    }
div.prettyPhotoTitle {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    color: #fff;
    font-size: 13px
    }
div.prettyPhotoTitle div.prettyPhotoTitleLeft, div.prettyPhotoTitle div.prettyPhotoTitleRight {
    float: left;
    width: 19px;
    height: 23px;
    overflow: hidden
    }
div.prettyPhotoTitle div.prettyPhotoTitleContent {
    float: left;
    line-height: 23px
    }