#myGallery{
	width: 700px;
	height: 260px;
	z-index:5;
	margin:1em 0 0 -30px;
	background:#282828 url(../images/bg_collection.jpg) no-repeat top;
}
.jdGallery {
	overflow: hidden;
	position: relative;
}
.jdGallery img {
	border: 0;
	margin: 0;
}
.jdGallery .slideElement {/*the box behind the image etc.*/
	width: 100%;
	height: 100%;
	background:transparent url(../images/loading.gif) no-repeat center;
}
.jdGallery .loadingElement {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background:transparent url(../images/loading.gif) no-repeat center;
}
.jdGallery .slideInfoZone {/*the title and description of the bags*/
	position: absolute;
	z-index: 10;
	width: 280px;
	margin: 0;
	right: 45px;
	bottom: 0;
	height: 240px;
	background:transparent;
	text-indent: 0;
	overflow: hidden;
}
* html .jdGallery .slideInfoZone {/*not sure what this hack is for*/
	bottom: -1px;
}
.jdGallery .slideInfoZone h3 {/*bag names*/
	padding: 0;
	margin: 0;
	color:#FFF;
}
.jdGallery .slideInfoZone p {/*bag descriptions*/
	padding: 0;
	margin:0;
	color: #FFF;
}
.jdGallery a {/*next and previous links*/
	font-size: 100%;
	text-decoration: none;
	color: inherit;
}
.jdGallery a.right, .jdGallery a.left {/*next and previous links*/
	position: absolute;
	height: 85px;
	width: 35px;
	cursor: pointer;
	z-index:10;
	background:no-repeat top;
	top:30%;
}
.jdGallery a.left {
	left: 0;
	background-image: url(../images/button_previous.gif);
}
.jdGallery a.right {
	right: 0;
	background-image: url(../images/button_next.gif);
}
.jdGallery a:hover{
	background-position:bottom;
}