/* the overlayed element */
.apple_overlay {
	
	/* initially overlay is hidden */
	display:none;
	
	/* growing background image */
	background-image:url(/shop/images/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;
}

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



/* use a semi-transparent image for the overlay */ 
#overlay { 
    background-image:url(/shop/images/transparent.png); 
    color:#efefef; 
    height:450px; 
} 
 
/* container for external content. uses vertical scrollbar, if needed */ 
.contentWrap { 
    height:441px; 
    overflow-y:auto; 
}

/************************************************************************************************/ 
/* trigger button */ 
#product_1 { 
    background:transparent url(/shop/images/download.png) no-repeat scroll 0 0; 
    display:block; 
    height:44px; 
    margin-bottom:30px; 
    overflow:hidden; 
    text-indent:-999em; 
    width:159px; 
    cursor:pointer; 
} 
 
/* mouseover state */ 
#product_1:hover { 
    background-position:0 -44px ;         
} 
 
/* clicked state */ 
#product_1:focus { 
    background-position:0 -88px; 
} 
 
/* tooltip styling */ 
.tooltip { 
    display:none; 
    background:url(/shop/images/black_arrow.png); 
    height:163px; 
    padding:40px 30px 10px 30px; 
    width:310px; 
    font-size:11px; 
    color:#fff; 
} 
 
/* a .label element inside tooltip */ 
.tooltip .label { 
    color:yellow; 
    width:35px; 
} 
 
.tooltip a { 
    color:#ad4; 
    font-size:11px; 
    font-weight:bold; 
}

.tooltip .price { 
    color:#ffffff; 
    font-size:14px; 
    font-weight:bold; 
}

.tooltip .prodinfo { 
    color:#ad4; 
    font-size:11px; 
    font-weight:bold; 
}

.tooltip .prodtitle1 { 
    color:#ffffff; 
    font-size:15px; 
    font-weight:bold; 
}


/************************************************************************************************/ 
/* trigger button */ 
#product_2 { 
    background:transparent url(/shop/images/download2.png) no-repeat scroll 0 0; 
    display:block; 
    height:44px; 
    margin-bottom:30px; 
    overflow:hidden; 
    text-indent:-999em; 
    width:159px; 
    cursor:pointer; 
} 
 
/* mouseover state */ 
#product_2:hover { 
    background-position:0 -44px ;         
} 
 
/* clicked state */ 
#product_2:focus { 
    background-position:0 -88px; 
} 
 
/* tooltip styling */ 
.tooltip { 
    display:none; 
    background:url(/shop/images/black_arrow.png); 
    height:163px; 
    padding:40px 30px 10px 30px; 
    width:310px; 
    font-size:11px; 
    color:#fff; 
} 
 
/* a .label element inside tooltip */ 
.tooltip .label { 
    color:yellow; 
    width:35px; 
} 
 
.tooltip a { 
    color:#ad4; 
    font-size:11px; 
    font-weight:bold; 
}


/************************************************************************************************/ 
/* trigger button */ 
#product_3 { 
    background:transparent url(/shop/images/download3.png) no-repeat scroll 0 0; 
    display:block; 
    height:44px; 
    margin-bottom:30px; 
    overflow:hidden; 
    text-indent:-999em; 
    width:159px; 
    cursor:pointer; 
} 
 
/* mouseover state */ 
#product_3:hover { 
    background-position:0 -44px ;         
} 
 
/* clicked state */ 
#product_3:focus { 
    background-position:0 -88px; 
} 
 
/* tooltip styling */ 
.tooltip { 
    display:none; 
    background:url(/shop/images/black_arrow.png); 
    height:163px; 
    padding:40px 30px 10px 30px; 
    width:310px; 
    font-size:11px; 
    color:#fff; 
} 
 
/* a .label element inside tooltip */ 
.tooltip .label { 
    color:yellow; 
    width:35px; 
} 
 
.tooltip a { 
    color:#ad4; 
    font-size:11px; 
    font-weight:bold; 
}

/************************************************************************************************/ 
/* trigger button */ 
#product_4 { 
    background:transparent url(/shop/images/download4.png) no-repeat scroll 0 0; 
    display:block; 
    height:44px; 
    margin-bottom:30px; 
    overflow:hidden; 
    text-indent:-999em; 
    width:159px; 
    cursor:pointer; 
} 
 
/* mouseover state */ 
#product_4:hover { 
    background-position:0 -44px ;         
} 
 
/* clicked state */ 
#product_4:focus { 
    background-position:0 -88px; 
} 
 
/* tooltip styling */ 
.tooltip { 
    display:none; 
    background:url(/shop/images/black_arrow.png); 
    height:163px; 
    padding:40px 30px 10px 30px; 
    width:310px; 
    font-size:11px; 
    color:#fff; 
} 
 
/* a .label element inside tooltip */ 
.tooltip .label { 
    color:yellow; 
    width:35px; 
} 
 
.tooltip a { 
    color:#ad4; 
    font-size:11px; 
    font-weight:bold; 
}

/************************************************************************************************/ 
/* trigger button */ 
#product_5 { 
    background:transparent url(/shop/images/order1.png) no-repeat scroll 0 0; 
    display:block; 
    height:44px; 
    margin-bottom:30px; 
    overflow:hidden; 
    text-indent:-999em; 
    width:159px; 
    cursor:pointer; 
} 
 
/* mouseover state */ 
#product_5:hover { 
    background-position:0 -44px ;         
} 
 
/* clicked state */ 
#product_5:focus { 
    background-position:0 -88px; 
} 
 
/* tooltip styling */ 
.tooltip { 
    display:none; 
    background:url(/shop/images/black_arrow.png); 
    height:163px; 
    padding:40px 30px 10px 30px; 
    width:310px; 
    font-size:11px; 
    color:#fff; 
} 
 
/* a .label element inside tooltip */ 
.tooltip .label { 
    color:yellow; 
    width:35px; 
} 
 
.tooltip a { 
    color:#ad4; 
    font-size:11px; 
    font-weight:bold; 
}

/************************************************************************************************/ 
/* trigger button */ 
#product_6 { 
    background:transparent url(/shop/images/order2.png) no-repeat scroll 0 0; 
    display:block; 
    height:44px; 
    margin-bottom:30px; 
    overflow:hidden; 
    text-indent:-999em; 
    width:159px; 
    cursor:pointer; 
} 
 
/* mouseover state */ 
#product_6:hover { 
    background-position:0 -44px ;         
} 
 
/* clicked state */ 
#product_6:focus { 
    background-position:0 -88px; 
} 
 
/* tooltip styling */ 
.tooltip { 
    display:none; 
    background:url(/shop/images/black_arrow.png); 
    height:163px; 
    padding:40px 30px 10px 30px; 
    width:310px; 
    font-size:11px; 
    color:#fff; 
} 
 
/* a .label element inside tooltip */ 
.tooltip .label { 
    color:yellow; 
    width:35px; 
} 
 
.tooltip a { 
    color:#ad4; 
    font-size:11px; 
    font-weight:bold; 
}