#overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	/*
	Note: Opacity is controlled via line 21 in the LightBox.js file.
	*/
	z-index:9999;
}

#lightbox {
	position: fixed;
	top: 50%;
	left: 50%;
	padding: 3px; /* adjust for border around image */
	background: #FFEEBD;
	width: 600px;
	height: 400px;
	margin: -200px 0 0 -300px;
	display: none;
	z-index:10000;
}

#lightbox.loading {
	background: #FFEEBD url(../images/yourgrandtourer/lightbox/ajax-loader.gif) no-repeat 20px 20px;
}
		
#lightbox a.close {
	position: absolute;
	background: transparent url(../images/yourgrandtourer/lightbox/Close.jpg) no-repeat 0 0;
	width: 20px;
	height: 20px;
	right: 0px;
	top: 0px;
	z-index: 5;
}

#lightbox a:hover.close {
	background-position: 0 -20px;
}
	
#lightbox a.prev {
	position: absolute;
	background: transparent url(../images/yourgrandtourer/lightbox/back.jpg) no-repeat -30px 0;
	width: 30px;
	height: 50px;
	top: 50%;
	left: -30px;
	margin-top: -25px;
}

#lightbox a:hover.prev {
	background-position: 0 0;
}

#lightbox a.next {
	position: absolute;
	background: transparent url(../images/yourgrandtourer/lightbox/next.jpg) no-repeat 0 0;
	width: 30px;
	height: 50px;
	top: 50%;
	right: -30px;
	margin-top: -25px;
}
	
#lightbox a:hover.next {
	background-position: -30px 0;
}

#caption {
	position: relative;
	width: 100%;
	padding: 10px 3px 10px 3px;
	margin-left: -3px;
	background-color: #FFEEBD;
	color: #1E0000;
	font-weight: bold;
}