.thumbnail {
	cursor: pointer;
}

/* the overlayed element */
.overlay {
	display:none;
	background-image:url(../images/jtools/overlay/white.png);
	width:640px;		
	padding:35px;
}

/* default close button positioned on upper right corner */
.overlay div.close {
	background-image:url(../images/jtools/overlay/apple-close.png);
	position:absolute; right:10px; top:10px;
	cursor:pointer;
	height:25px;
	width:25px;
}

/* black */ 
div.overlay.black { 
    background-image:url(../images/jtools/overlay/transparent.png); 
    color:#fff; 
}

/* petrol */
div.overlay.petrol {
	background:url(../images/jtools/overlay/petrol.png);
	color:#fff;
}

#mask { 
    background:#2a3e47; 
}

/* "next image" and "prev image" links */
div.overlay .next, div.overlay .prev {
	
	position:absolute;
	top:200px;	
	border:1px solid #666;	
	cursor:pointer;
	display:block;
	padding:10px 20px;
	color:#fff;
	font-size:11px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
	display: none;	
}

div.overlay .prev {
	left:35px;
	border-left:0;
	-moz-border-radius-topleft:0;
	-moz-border-radius-bottomleft:0;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-top-left-radius:0;
}

div.overlay .next {
	right:35px;
	border-right:0;
	-moz-border-radius-topright:0;
	-moz-border-radius-bottomright:0;
	-webkit-border-bottom-right-radius:0;
	-webkit-border-top-right-radius:0;	
}

div.overlay .next:hover, div.overlay .prev:hover {
	text-decoration:underline;
}

div.overlay .disabled {
	visibility:hidden;		
}

div.overlay:hover .next, div.overlay:hover .prev {
	background:#333 !important;
	opacity:0.9;
	display: block;	
}

/* overlay scrollable */
div.scrollableoverlayscontainer {	
	position:absolute;
	overflow:hidden;
	width:640px;
	height:510px;	
}

/* general settings */
div.scrollableoverlays {	
	width:20000em;	
	position:absolute;
	clear:both;
}

/* single image */
div.scrollableoverlays div {
	float:left;
	width:640px;
	height:510px;
}

div.details {
}