/* the overlayed element */
div.overlay {
    background-color: white;    

    /* dimensions after the growing animation finishes */
    width:480px;
    height:530px;
    
    /* initially overlay is hidden */
    display:none;
    
    /* some padding to layout nested elements nicely  */
    padding: 20px 45px 45px 45px;
}

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

/* black */
div.overlay.black {
    background:url(../images/overlay/transparent.png) no-repeat !important;
    color:#fff;
}

/* petrol */
div.overlay.petrol {
    background:url(../images/overlay/petrol.png) no-repeat !important;
    color:#fff;
}

div.black h2, div.petrol h2 {
    color:#ddd;        
}