/* the overlayed element */
.apple_overlay {
	
	/* initially overlay is hidden */
	display:none;
	
	/* growing background image */
	background-image:url(../images/overlay/white.png);
	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:640px;		
	
	/* some padding to layout nested elements nicely  */
	padding:35px;

	/* a little styling */	
	font-size:11px;
}

.fleet_overlay {
	
	/* initially overlay is hidden */
	display:none;
	
	/* growing background image */
	background-image:url(../images/overlay/fleet.png);
	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:640px;		
	
	/* some padding to layout nested elements nicely  */
	padding:35px;

	/* a little styling */	
	font-size:11px;
}

.roll_overlay {
	
	/* initially overlay is hidden */
	display:none;
	
	/* growing background image */
	background-image:url(../images/overlay/roll-of-honour.png);
	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:990px;		
	
}

/* default close button positioned on upper right corner */
.apple_overlay .close, .fleet_overlay .close {
	background-image:url(../images/overlay/close.png);
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}
/* default close button positioned on upper right corner */
.roll_overlay .close {
	background-image:url(../images/overlay/close.png);
	position:absolute; right:15px; top:15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

img.overlay {cursor:pointer}


div.details {padding: 0 0 0 20px;}
div.details.image-left {padding-left: 0 !important;}
div.details p {font-size: 11px; padding: 0 0 5px 0;}
div.details h4 {font-size: 11px; padding: 0 0 5px 0;}
div.details h4 a {color: black; text-decoration:underline;}
div.details h4 a:hover {color: #952140}div.details h3 {margin: 0 0 10px 0 !important; color: #952140 !important;  padding: 5px 0 0 0; }
div.details hr {color: #a8003d !important; height: 1px;}
div.details td {font-size: 10px; padding: 2px; border: 1px solid #ccc}
div.details table {border: 1px solid #ccc; margin-bottom: 5px;}

.fleet_overlay div.details h3 {font-size: 16px; !important}
.fleet_overlay div.details h4 {font-size: 12px; !important}
.fleet_overlay div.details h4 a {color: black; text-decoration:underline;}
.fleet_overlay div.details h4 a:hover {color: #952140}
.fleet_overlay div.details p {font-size: 11px; !important; padding-right: 20px}

div.roll { padding: 50px}
div.roll h4 { color: white; font-size: 28px; font-weight: bold; line-height: 1.2em;}