@charset "utf-8";
/* CSS Document */

/* the overlayed element */
.overlay {
	/* must be initially hidden */
	display:none;
	/* place overlay on top of other elements */
	z-index:10000;
	/* styling */
	background-color:#FFF;
	min-height:200px;
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;
	border: 2px solid #E0D3C7;
	/*	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;*/
	box-shadow: #666 0px 0px 90px;
	behavior: url(../PIE/PIE.htc);
	position: fixed;
	top: 40px;
	padding: 0px;
	right: auto;
	left: auto;
	bottom: auto;
	float: none;
	margin-right: 210px;
}

.portrait {
	margin-right:34px;
}

.landscape {
	margin-right:210px;
}

.overlay img {
	margin: 0px;
	padding: 0px;
}


/* close button positioned on upper right corner */
.overlay .close {
	background-image:url(../images/close.png);
	position:absolute;
	right:-30px;
	top:-30px;
	cursor:pointer;
	height:35px;
	width:35px;
	background-repeat: no-repeat;
}
.overlay .next {
	background-image:url(../images/next.png);
	position:absolute;
	right:-70px;
	top:240px;
	cursor:pointer;
	height:64px;
	width:64px;
	background-repeat: no-repeat;
}
.overlay .back {
	background-image:url(../images/back.png);
	position:absolute;
	top:240px;
	cursor:pointer;
	height:64px;
	width:64px;
	background-repeat: no-repeat;
	left: -70px;
}



.details {
	font-size:13px;
	color:#333;
	line-height: 17px;
	padding: 10px;
	background-color: #f5f5f5;
}

.details .title {
	color:#748F74;
	font-size:15px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding-top: 4px;
	padding-bottom: 4px;
	text-align: center;
}
