div.pictureHolder .top .left { background: url(../images/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/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/btnNext.gif) center right no-repeat; cursor: pointer; } /* Next button */
div.pictureHolder .content a.previous:hover { background: url(../images/btnPrevious.gif) center left no-repeat; cursor: pointer; } /* Previous button */
div.pictureHolder .content a.close { width: 61px; height: 22px; background: url(../images/btnClose.gif) center left no-repeat; cursor: pointer; } /* Close button */

div.pictureHolder .bottom .left { background: url(../images/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/br.gif) top left no-repeat; } /* Bottom right corner */

div.pictureHolder .loaderIcon { background: url(../images/loader.gif) center center no-repeat; } /* Loader icon */

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


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/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/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;
}