div.pictureHolder .top .left { background: url(../images/tl.gif) top left no-repeat; }
div.pictureHolder .top .middle { background: #fff; }
div.pictureHolder .top .right { background: url(../images/tr.gif) top left no-repeat; }

div.pictureHolder .content a.next:hover { background: url(../images/btnNext.gif) top right no-repeat; cursor: pointer;outline:none; }
div.pictureHolder .content a.previous:hover { background: url(../images/btnPrevious.gif) top left no-repeat; cursor: pointer; outline:none; }
div.pictureHolder .content a.close {position: relative; right: 20px; width: 80px; height: 26px; background: url(../images/btnClose.gif) center left no-repeat; cursor: pointer;outline:none; }

div.pictureHolder .bottom .left { background: url(../images/bl.gif) top left no-repeat; }
div.pictureHolder .bottom .middle { background: #fff; }
div.pictureHolder .bottom .right { background: url(../images/br.gif) top left no-repeat; }
div.pictureHolder .loaderIcon { background: url(../images/loader.gif) top left no-repeat; }

/* ------------------------------------------------------------------------
	DO NOT CHANGE
------------------------------------------------------------------------- */

div.prettyPhotoOverlay { background: #000; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; }
div.pictureHolder { position: absolute; z-index: 2; top: 50%; left: 50%; 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; background-color: #fff; text-align: left; font-family: Tahoma, Arial, sans-serif; font-size: 10px; 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: 2000; 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 */ outline: none; }
div.pictureHolder .content a.previous { cursor: pointer; display: block; text-indent: -10000px; width: 49%; height: 100%; background: url(../images/btnPrevious.gif) -10000px 50% no-repeat; /* Need to be defined that way to fix an IE bug */ outline: none; }
div.pictureHolder .content a.close { float: right; display: block; text-indent: -10000px; outline:none; }
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: -16px 0 0 -16px; width: 32px; height: 32px; }
div.pictureHolder #fullResImage { display: block; margin: 0 auto; }