/* start of editable area */

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 { 
background: url(../images/prettyPhoto/btnNext.gif) center right no-repeat; 
cursor: pointer; 
} /* Next button */

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

div.pictureHolder .content a.expand { 
background: url(../images/prettyPhoto/btnExpand.gif) top left no-repeat; 
cursor: pointer; 
} /* Expand button */

div.pictureHolder .content a.expand:hover { 
background: url(../images/prettyPhoto/btnExpand.gif) bottom left no-repeat; 
cursor: pointer; 
} /* Expand button hover */

div.pictureHolder .content a.contract { 
background: url(../images/prettyPhoto/btnContract.gif) top left no-repeat; 
cursor: pointer; 
} /* Contract button */

div.pictureHolder .content a.contract:hover { 
background: url(../images/prettyPhoto/btnContract.gif) bottom left no-repeat; 
cursor: pointer; 
} /* Contract button hover */

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 .content .details .nav a.arrow_previous { 
background: url(../images/prettyPhoto/arrow_previous.gif) top left no-repeat; 
} /* The previous arrow in the bottom nav */

div.pictureHolder .content .details .nav a.arrow_next { 
background: url(../images/prettyPhoto/arrow_next.gif) top left no-repeat; 
} /* The next arrow in the bottom nav */

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

/* end of editable area */

/* start of non-editable area */

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.prettyClose {
position: absolute;
top: -15px; 
left: auto; 
right: -10px;
width: 20px; height: 40px;
float:right;
z-index:9999;
}
		
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.description { 
display: none; 
float: left; 
margin: 0; 
}
				
div.pictureHolder .content .details .nav {
float: left;
margin: 4px 0 0 0;
padding-bottom:4px;
}
				
div.pictureHolder .content .details .nav p { 
float: left; margin: 0 4px; 
}
				
div.pictureHolder .content .details .nav a.arrow_previous, div.pictureHolder .content .details .nav a.arrow_next {
float: left;
display: block;
width: 8px; 
height: 9px;
text-indent: -10000px;
margin-top: 3px;
}
					
div.pictureHolder .content .details .nav a.disabled { 
background-position: 0 -10px; 
cursor: default; 
}
		
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/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(../images/prettyPhoto/btnNext.gif) 10000px 50% no-repeat; /* Need to be defined that way to fix an IE bug */
}
		
div.pictureHolder .content a.expand, div.pictureHolder .content a.contract {
position: absolute;  
z-index: 20000;
top: 10px; 
right: 30px;
cursor: pointer;
display: none;
text-indent: -10000px;
width: 20px; 
height: 20px;	
}
			
div.pictureHolder .content a.close {
float: right;
display: block;
text-indent: -10000px;
display: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: -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; 
}