
#myGallery, #myGallerySet, #flickrGallery {
/*width: 340px;*/
/*height: px;*/
z-index:5;
border: 1px solid #000;
left: -30px;
top: -10px;
}

.jdGallery .slideInfoZone
{
background: #000;
color: #fff;
}

.jdGallery .slideElement
{
width: 100%;
height: 100%;
background-color: #ffffff;
background-repeat: no-repeat;
background-position: center center;
background-image: url('img/loading-bar-black.gif');
}

.jdGallery .loadingElement
{
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
/*background-color: #000;*/
background-repeat: no-repeat;
background-position: center center;
background-image: url('img/loading-bar-black.gif');
}

.jdGallery .slideInfoZone h2
{
padding: 0 !important;
font-size: 14px !important;
/*background-color: #000 !important;*/
margin: 2px 5px !important;
font-weight: bold !important;
color: #fff !important;
background-image: none !important;
text-align: left !important;
}

.jdGallery .slideInfoZone p
{
padding: 0 !important;
/*background-color: #000 !important;*/
font-size: 11px !important;
margin: 2px 5px !important;
color: #fff !important;
background-image: none !important;
text-align: left !important;
}

.jdGallery a.carouselBtn, .jdGallery a.carouselBtn:hover, .jdGallery a.carouselBtn:active
{
position: absolute;
bottom: 0;
right: 30px;
height: 20px;
/*width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/
text-align: center;
padding: 0 10px;
font-size: 13px;
/*background: #000;*/
color: #fff !important;
cursor: pointer;
}

.jdGallery .carousel
{
position: absolute;
height: 100%;
margin: 0px;
margin-top:5px;
left: 0;
top: 0;
width: 121px;
/*background: #000;*/
color: #fff;
text-indent: 0;
overflow: hidden;
}

.jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail
{
cursor: pointer;
/*background: #000;*/
background-position: center center;
float: left;
/*border: solid 1px #000;*/
margin-bottom:10px;
}

.jdGallery .carousel .wallButton, .jdExtCarousel .wallButton
{
font-size: 10px;
position: absolute;
bottom: 5px;
right: 10px;
padding: 1px 2px;
margin: 0;
/*background: #000;*/
border: 1px solid #000;
cursor: pointer;
}

.jdGallery .carousel .label .number, .jdExtCarousel .label .number
{
color: #fff;
}

.jdGallery a
{
font-size: 100%;
text-decoration: none;
color: #fff;
}

/* Gallery Sets */

.jdGallery a.gallerySelectorBtn
{
z-index: 15;
position: absolute;
top: 0;
left: 30px;
height: 20px;
/*width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/
text-align: center;
padding: 0 10px;
font-size: 13px;
/*background: #000;*/
color: #fff;
cursor: pointer;
opacity: .4;
-moz-opacity: .4;
-khtml-opacity: 0.4;
filter:alpha(opacity=40);
}

.jdGallery .gallerySelector
{
z-index: 20;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
/*background: #000;*/
}

.jdGallery .gallerySelector h2
{
margin: 0;
padding: 10px 20px 10px 20px;
font-size: 20px;
line-height: 30px;
color: #fff;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton
{
margin-left: 10px;
margin-top: 10px;
border: 1px solid #000;
padding: 5px;
height: 40px;
color: #fff;
cursor: pointer;
float: left;
}

.jdGallery .gallerySelector .gallerySelectorInner div.hover
{
background: #000;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview
{
/*background: #000;*/
background-position: center center;
float: left;
border: none;
width: 40px;
height: 40px;
margin-right: 5px;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton p.info
{
margin: 0;
padding: 0;
font-size: 12px;
font-weight: normal;
color: #fff;
}

.imageElement
{
	display: none;
}
#flickrGallery
{
	height: 334px;
}
.jdGallery .slideInfoZone
{
 background: transparent;
	position: absolute;
	z-index: 500;
	margin: 0px 0 0 0px;
	left: 0;
	bottom: 0;
	text-indent: 0;
	overflow: hidden;
	width: 380px;
	padding: 0px;
}
#myGallery IMG.thumbnail, #myGallerySet IMG.thumbnail
{
	display: none;
}
.jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail
{
	cursor: pointer;
	background-position: center center;
	float: left;
}
.jdGallery
{
	overflow: hidden;
	position: relative;
	margin: 15px 0 15px 31px;
}
DIV.carouselContainer DIV.carousel P.label{}
#myGallery, #myGallerySet, #flickrGallery
{
bordeR: 1pt solid red;
	width: 625px;
	height: 385px;
	z-index: 5;
}
.jdGallery .slideInfoZone P
{
	font-size: 11px !important;
	margin: 6px 0 0 15px !important;
	color: #AAA !important;
	background-image: none !important;
	text-align: left !important;
	background-color: transparent !important;
	width: 93%;
}
.jdGallery A.carouselBtn, .jdGallery A.carouselBtn:hover, .jdGallery A.carouselBtn:active{}
.jdGallery A.carouselBtn{}
.jdGallery IMG
{
	border: 0;
	margin: 0;
	background:transparent;
}
* HTML .jdGallery .slideInfoZone
{
	bottom: 100px;
}
.jdGallery DIV.carouselContainer
{
	/*background-color: #000000;*/
	opacity: 1.0;
}
.jdExtCarousel
{
	overflow: hidden;
	position: relative;
}
.jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper
{
	overflow: hidden;
	height: 100%;
}
.jdGallery .carousel .carouselInner, .jdExtCarousel .carouselInner
{
	position: relative;
	max-width: 120px !important;
}
.jdGallery .carousel .label, .jdExtCarousel .label
{

	left: 10px;
	padding: 0 !important;
	visibility:hidden;
}
.jdGallery A.right, .jdGallery A.left
{
	position: absolute;
	height: 99%;
	width: 17px;
	cursor: pointer;
	z-index: 10;
	filter: alpha(opacity=60);
	-moz-opacity: .6;
	-khtml-opacity: .6;
	opacity: .6;
	display: none;
}
* HTML .jdGallery A.right, * HTML .jdGallery A.left
{
	filter: alpha(opacity=50);
}
.jdGallery A.right:hover, .jdGallery A.left:hover
{
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
}
.jdGallery A.left
{
	left: 0;
	top: 0;
}
.jdGallery A.carouselBtn, .jdGallery A.carouselBtn:hover, .jdGallery A.carouselBtn:active
{
	text-align: center;
}
* HTML .jdGallery A.left{}
.jdGallery A.right
{
	right: 0;
	top: 0;
}
* HTML .jdGallery A.right{}
.jdGallery A.open
{
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.withArrows A.open
{
	position: absolute;
	top: 0;
	left: 0%;
	height: 99%;
	width: 100%;
	cursor: pointer;
	z-index: 10;
	background: none;
}
.withArrows A.open:hover{}
* HTML .withArrows A.open:hover{
	filter: alpha(opacity=100);
}
/*Gallery Sets*/
.jdGallery .gallerySelector .gallerySelectorWrapper
{
	overflow: hidden;
}
.jdGallery .gallerySelector .gallerySelectorInner DIV.galleryButton H3
{
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: normal;
}
.jdGallery .slideInfoZone H2
{
  display:none;
	padding: 0 !important;
	font-size: 11px !important;
	background-color: transparent !important;
	margin: 8px 5px 2px 15px !important;
	font-weight: bold !important;
	color: #FEFEFE !important;
	background-image: none !important;
	text-align: left !important;
}
#myCarousel{}

#bigpic
{
	position: relative;
	float: left;
	height: 385px;
	width:625px;
}
#carouselBox
{
	position: relative;
	width: 121px;
/*this has to be as large as a thumbnail + 2px if i remember, look at the link below*/
	height: 385px;
/*Your gallery's height*/
	overflow: hidden;
	z-index: 2000;
	/*margin: 0 auto;*/
	margin:0px;
	margin-left:15px;
	/*background-color: #000000;*/
}
#featured
{
  height:385px;
	width: 625px;
	padding: 0px;
	margin: 0px;
}

