/* ------------------------------------------------------------------------
This you can edit.
------------------------------------------------------------------------- */

a {text-decoration:none;}
div.pictureHolder .top .left { background: url(../images/prettyPhoto/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/prettyPhoto/tr.gif) top left no-repeat; } /* Top right corner */

div.pictureHolder .content { background-color: #fff; } /* Content background */

div.pictureHolder .content a.next:hover  { text-decoration:none; border:0; background: url(../images/prettyPhoto/btnNext.gif) center right no-repeat; cursor: pointer; } /* Next button */

div.pictureHolder .content a.previous:hover { text-decoration:none;border:0; background: url(../images/prettyPhoto/btnPrevious.gif) center left no-repeat; cursor: pointer; } /* Previous button */

div.pictureHolder .content a.close { width: 61px; height: 22px; background: url(../images/prettyPhoto/btnClose.gif) center left no-repeat; cursor: pointer; } /* Close button */

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

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

div.prettyPhotoTitle div.prettyPhotoTitleLeft { background: url(../images/prettyPhoto/ttl.gif) top left no-repeat; }

div.prettyPhotoTitle div.prettyPhotoTitleRight { background: url(../images/prettyPhoto/ttr.gif) top left no-repeat; }

div.prettyPhotoTitle div.prettyPhotoTitleContent { background: url(../images/prettyPhoto/ttp.gif) top left repeat-x; }

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

div.prettyPhotoOverlay { background: #D3D8D1; 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; font-size:13px; color:#5E4D9F}
div.pictureHolder .content .details .currentTextHolder {  font-size:10px; color: #999}


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

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

div.pictureHolder .content a.previous {border:0;  cursor: pointer; display: block; text-indent: -10000px; width: 49%; height: 100%; background: url(../images/prettyPhoto/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; visibility:hidden }

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