@charset "utf-8"; /*—~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  C A S C A D I N G – S T Y L E – S H E E T.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ G A L L E R Y   F R A M E S.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div#pictureFrame {
	position         : absolute;
	top              : 46px;
	left             : 330px;
	width            : 538px;
	height           : 533px;
	background-color : #545454;
	border           : 1px solid #ffffff;
}
div#pictureGallery {
	position         : relative;
	width            : 100%;
	height           : 100%;
	overflow         : hidden;
	background-color : transparent;
	border           : 0px;
	z-index          : 5;
}
div#pictureGalleryHome {
	width            : 500px;
	height           : 332px;
	overflow         : hidden;
	margin           : 4px 0px 2px 0px;
	background-color : #575757;
	border           : 1px solid #ffffff;
}
img#picturePreview {
	position         : absolute;
	top              : 0px;
	left             : 0px;
	border           : 1px solid #000000;
	z-index          : 6;
}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ G E N E R A T E D   C O N T E N T.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.jdGallery {
	overflow         : hidden;
	position         : relative;
	text-align       : left;
}
.jdGallery images {
	border           : 0px;
	margin           : 0px;
}
.jdGallery div.slideElement {
	width            : 100%;
	height           : 100%;
	background-color : #545454;
	background-repeat: no-repeat;
}
.jdGallery img.slideElement {
	position         : absolute;
	top              : 0px;
	left             : 0px;
	border           : 2px solid #000000;
	z-index          : 5;
}
.jdGallery .loadingElement {
	width            : 100%;
	height           : 100%;
	position         : absolute;
	left             : 0px;
	top              : 0px;
	background       : #545454 url('images/loadingBar.gif') no-repeat center center;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ PICTURE CAPTION */
.jdGallery .slideInfoZone {
	position         : absolute;
	z-index          : 10;
	width            : 100%;
	height           : 45px;
	left             : 0px;
	bottom           : 0px;
	margin           : 0px;
	padding          : 0px;
	background       : #0f0f0f;
	color            : #ffffff;
	overflow         : hidden;
	border-top       : 1px solid #ffffff;
}
* html .jdGallery .slideInfoZone {
	bottom           : -1px;
}
.jdGallery .slideInfoZoneContent {
	width            : 100%;
	height           : 45px;
	background       : transparent;
}
.jdGallery .slideInfoZone table {
	display          : inline;
	float            : right;
	width            : 740px;
	height           : 45px;
	margin           : 0px 40px 0px 0px;
	padding          : 0px;
	cursor           : default;
	text-align       : center;
}
.jdGallery .slideInfoZone table tr td {
	width            : 740px;
	height           : 45px;
	text-align       : center;
	vertical-align   : middle;
	font-size        : 11px;
	font-weight      : normal;
	line-height      : 12px;
}
.jdGallery .slideInfoZone p {
	display          : inline;
	float            : left;
	width            : 37px;
	padding          : 0px;
	margin           : 26px 0px 0px 8px;
	font-size        : 9px;
	font-style       : italic;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ CAROUSEL THUMBS */
.jdGallery div.carouselContainer {
	position         : absolute;
	z-index          : 10;
	width            : 100%;
	height           : 99px;
	left             : 0px;
	top              : 0px;
	margin           : 0px;
}
.jdGallery a.carouselBtnOpen {
	position         : absolute;
	z-index          : 11;
	bottom           : 0px;
	right            : 20px;
	top              : 67px;
	width            : 40px;
	height           : 32px;
	/*padding          : 6px 38px 6px 18px;*/	
	border           : 1px solid #ffffff;	
	border-top       : 0px;
	background       : #0f0f0f url('images/thumbSliderOpen.png') no-repeat center right;
	cursor           : pointer;
}
.jdGallery a.carouselBtnBack {
	position         : absolute;
	z-index          : 11;
	bottom           : 0px;
	left             : 20px;
	top              : 67px;
	padding          : 7px 12px 5px 32px;
	border           : 1px solid #ffffff;	
	border-top       : 0px;
	background       : #0f0f0f url('images/thumbSliderBack.png') no-repeat center left;
	color            : #ffffff;
	text-align       : center;
	font-weight      : bold;
	font-size        : 12px;
	cursor           : pointer;
}
.jdGallery .carousel {
	position         : absolute;
	width            : 100%;
	height           : 67px;
	margin           : 0px;
	left             : 0px;
	top              : 0px;
	overflow         : hidden;
	border-bottom    : 1px solid #ffffff;
	background       : #0f0f0f;
	color            : #ffffff;
	text-indent      : 0px;
}
.jdGallery .carousel .carouselWrapper {
	position         : absolute;
	width            : 100%;
	height           : 63px;
	top              : 10px;
	left             : 0px;
	overflow         : hidden;
}
.jdGallery .carousel .carouselInner {
	position         : relative;
}
.jdGallery .carousel .carouselInner .thumbnail {
	float            : left;
	border           : solid 1px #ffffff;
	background       : #000000;
	background-position: center center;
	cursor           : pointer;
}
.jdGallery .carousel .label {
	position         : absolute;
	bottom           : 5px;
	left             : 10px;
	padding          : 0px;
	margin           : 0px;
	font-size        : 13px;
}
.jdGallery .carousel .label .number {
	color            : #b5b5b5;
}
.jdGallery a {
	color            : inherit;
	font-size        : 100%;
	text-decoration  : none;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ BROWSE */
.jdGallery a.right, .jdGallery a.left {
	position         : absolute;
	width            : 40px;
	height           : 99%;
	z-index          : 10;
	cursor           : pointer;
}
.jdGallery a.left {
	left             : 0px;
	top              : 0px;
	background       : url('images/pictureBrowsePrevious.png') no-repeat center left;
}
.jdGallery a.right {
	right            : 0px;
	top              : 0px;
	background       : url('images/pictureBrowseNext.png') no-repeat center right;
}
.jdGallery a.open {
	width            : 100%;
	height           : 100%;
	left             : 0px;
	top              : 0px;
}
.withArrows a.open {
	position         : absolute;
	top              : 0px;
	left             : 25%;
	width            : 50%;
	height           : 99%;
	z-index          : 10;
	background       : none;
	cursor          : default;
}


/*—~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/