DIV.pictureHolder .top .left   { background: url("../images/prettyPhoto/tl.gif") no-repeat left top }
DIV.pictureHolder .top .middle  { background: #fff }
DIV.pictureHolder .top .right    { background: url("../images/prettyPhoto/tr.gif") no-repeat right top }
DIV.pictureHolder .content  { background-color: #fff; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0 }
DIV.pictureHolder .content A.next:hover     { background: url("../images/prettyPhoto/btnNext_o.gif") no-repeat right top; cursor: pointer; float: right }
DIV.pictureHolder .content A.previous:hover     { background: url("../images/prettyPhoto/btnPrevious_o.gif") no-repeat left top; cursor: pointer; float: left }
DIV.pictureHolder .content A.close       { background: url("../images/prettyPhoto/btnClose.gif") no-repeat left top; cursor: pointer; top: 0; right: 0; bottom: 0; left: 0; width: 20px; height: 20px; float: left; vertical-align: top }
DIV.pictureHolder .bottom .left    { background-color: transparent; height: 20px }
DIV.pictureHolder .bottom .middle  { background: #fff; height: 20px }
DIV.pictureHolder .bottom .right     { background-color: transparent; height: 20px }
DIV.pictureHolder .loaderIcon   { background: url("../images/prettyPhoto/loader.gif") no-repeat center }
DIV.prettyPhotoTitle DIV.prettyPhotoTitleLeft  { background: url(/images/prettyPhoto/ttl.gif) no-repeat left top }
DIV.prettyPhotoTitle DIV.prettyPhotoTitleRight {
	BACKGROUND: url(../images/prettyPhoto/ttr.gif) no-repeat left top
}
DIV.prettyPhotoTitle DIV.prettyPhotoTitleContent {
	BACKGROUND: url(../images/prettyPhoto/ttp.gif) repeat-x left top
}
DIV.prettyPhotoOverlay       { background: #9caa85; position: absolute; z-index: 9500; top: 0; right: 0; bottom: 0; left: 0; width: 100% }
DIV.pictureHolder     { margin: 0 0 0; padding: 0; position: absolute; z-index: 10000; right: 0; bottom: 0; left: 0; width: 100px; vertical-align: top }
DIV.pictureHolder .top      { background-color: #fff; position: relative; height: 20px }
* HTML DIV.pictureHolder .top  { }
DIV.pictureHolder .top .left     { background-color: white; position: absolute; top: 0; left: 0; height: 20px }
DIV.pictureHolder .top .middle      { background-color: white; position: absolute; top: 0; height: 20px }
* HTML DIV.pictureHolder .top .middle {
	POSITION: static
}
DIV.pictureHolder .top .right       { background-color: white; position: absolute; top: 0; right: 0; left: 0; height: 20px }
DIV.pictureHolder .content     { text-align: left; position: relative; height: 20px }
DIV.pictureHolder .content .details  { display: none; margin: 10px 10px 0 20px }
DIV.pictureHolder .content .details P  { color: white; margin: 0; float: left; clear: left }
DIV.pictureHolder .content DIV.hoverContainer      { position: absolute; z-index: 10000; top: 20px; right: 0; left: 0 }
DIV.pictureHolder .content A.next           { background: url("../images/prettyPhoto/btnNext.gif") no-repeat right bottom; text-indent: -10000px; display: block; margin: 100px 0 0; padding: 0; position: relative; z-index: 2000; top: 330px; right: -10px; bottom: 0; left: 0; width: 25px; height: 25px; float: right }
DIV.pictureHolder .content A.previous           { background: url("../images/prettyPhoto/btnPrevious.gif") no-repeat left bottom; text-indent: -10200px; cursor: pointer; display: block; margin: 100px 0 0; padding: 0; position: relative; z-index: 2000; top: 330px; right: 0; bottom: 0; left: 0; width: 25px; height: 25px; float: left }
DIV.pictureHolder .content A.close      { background: white url("../images/prettyPhoto/btnClose.gif") no-repeat left top; text-indent: -10000px; display: block; margin: 0; padding: 0; position: absolute; z-index: 10400; top: 20px; right: 0; bottom: 0; left: 20px; width: 20px; height: 20px; float: left; vertical-align: top }
DIV.pictureHolder .bottom     { position: relative; height: 20px }
* HTML DIV.pictureHolder .bottom  { padding: 0 20px }
DIV.pictureHolder .bottom .left    { background-color: #fff; position: absolute; left: 0; height: 20px }
DIV.pictureHolder .bottom .middle     { background-color: #fff; position: absolute; height: 20px }
* HTML DIV.pictureHolder .bottom .middle {
	POSITION: static
}
DIV.pictureHolder .bottom .right        { background-color: #fff; position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 20px }
DIV.pictureHolder .loaderIcon    { display: none; margin: -12px 0 0 -12px; padding: 0; position: absolute; top: 50%; left: 50%; width: 24px; height: 24px }
DIV.pictureHolder #fullResImageContainer  { text-align: center }
DIV.prettyPhotoTitle  { color: #fff; font-size: 13px; font-family: Arial; font-weight: lighter; text-decoration: none; text-transform: uppercase; letter-spacing: 2px; display: none; position: absolute; z-index: 9999; top: 0; left: 0 }
DIV.prettyPhotoTitle DIV.prettyPhotoTitleLeft {
	FLOAT: left; OVERFLOW: hidden; WIDTH: 19px; HEIGHT: 23px
}
DIV.prettyPhotoTitle DIV.prettyPhotoTitleRight {	
	FLOAT: left; OVERFLOW: hidden; WIDTH: 19px; HEIGHT: 23px
}
DIV.prettyPhotoTitle DIV.prettyPhotoTitleContent {
	FLOAT: left; LINE-HEIGHT: 23px
}
