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

	div.pictureHolder .top .left { background: #333; } /* Top left corner */
	div.pictureHolder .top .middle { background: #333; } /* Top pattern/color */
	div.pictureHolder .top .right { background: #333 } /* Top right corner */
	
	div.pictureHolder .content { background-color: #333; } /* Content background */
	div.pictureHolder .content a.next:hover { background: url(/img/prettyPhoto/btnNext.gif) center right no-repeat; cursor: pointer; } /* Next button */
	div.pictureHolder .content a.previous:hover { background: url(/img/prettyPhoto/btnPrevious.gif) center left no-repeat; cursor: pointer; } /* Previous button */
	div.pictureHolder .content a.close { width: 61px; height: 22px; background: url(/img/prettyPhoto/btnClose.gif) center left no-repeat; cursor: pointer; } /* Close button */
	
	div.pictureHolder .bottom .left { background: #333 } /* Bottom left corner */
	div.pictureHolder .bottom .middle { background: #333; } /* Bottom pattern/color */
	div.pictureHolder .bottom .right { background: #333 } /* Bottom right corner */
	
	div.pictureHolder .loaderIcon {width:60px;height:60px; margin:100px;background: url(/img/prettyPhoto/loader.gif) no-repeat center center; } /* Loader icon */
	
	div.prettyPhotoTitle div.prettyPhotoTitleLeft { background: url(/img/prettyPhoto/ttl.gif) top left no-repeat; }
	div.prettyPhotoTitle div.prettyPhotoTitleRight { background: url(/img/prettyPhoto/ttr.gif) top left no-repeat; }
	div.prettyPhotoTitle div.prettyPhotoTitleContent { background: url(/img/prettyPhoto/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: 10px;}
* html div.pictureHolder .top { padding: 0 10px; }	
div.pictureHolder .top .left {position: absolute;left: 0;width: 10px; height: 10px;}
div.pictureHolder .top .middle {position: absolute;left: 10px; right: 10px;height: 10px;}
* html div.pictureHolder .top .middle { position: static; }		
div.pictureHolder .top .right {position: absolute;top: 0; left: auto; right: 0;width: 10px; height: 10px;}
div.pictureHolder .content {position: relative;text-align: left;width: 100%; height: 40px;}
div.pictureHolder .content .details {display: none;	margin: 0px 15px 0 20px;}
div.pictureHolder .content .details p { display:none }
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(/img/prettyPhoto/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(/img/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: none;text-indent: -10000px;}
div.pictureHolder .bottom {	position: relative;height: 20px;}
* html div.pictureHolder .bottom { padding: 0 10px; }		
div.pictureHolder .bottom .left {position: absolute;left: 0;width: 10px; height: 10px;}
div.pictureHolder .bottom .middle {	position: absolute;left: 10px; right: 10px;	height: 10px;}
* html div.pictureHolder .bottom .middle { position: static; }			
div.pictureHolder .bottom .right {position: absolute;top: 0; left: auto; right: 0;width: 10px; height: 10px;}
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: #373737; 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; }