/* Interstitial Screen CSS Document */

.interstitial-heading {
    width: 284px;
    height: 18px;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    background: url(../../images/interstitial_heading.gif) top left no-repeat;
}
.interstitial-heading h2 { display: none; visibility: hidden; }

.interstitial-two-columns {
    width:  380px;
    margin-left: auto;
    margin-right: auto;    
}
.interstitial-three-columns {
    width:  580px;
    margin-left: auto;
    margin-right: auto;    
}


.button { width: 180px; height: 180px; float: left; }
.button div { width: 180px; height: 180px; background-position: top left; background-repeat: no-repeat;  }
.button a { width: 180px; height: 180px; display: block; outline: none; }
.button a:hover { background-position: bottom left; background-repeat: no-repeat; }
.button span { display: none; visibility: hidden; }
/*-- Buttons --*/
.button .cdproducts, .button .cdproducts a:hover { background-image: url(../../images/interstitial_cdproducts.gif); }
.button .dvdproducts, .button .dvdproducts a:hover { background-image: url(../../images/interstitial_dvdproducts.gif); }
.button .instructionleaflets, .button .instructionleaflets a:hover { background-image: url(../../images/interstitial_instructionleaflets.gif); }
.button .pads, .button .pads a:hover { background-image: url(../../images/interstitial_pads.gif); }

.button .brochuresmultipagelow, .button .brochuresmultipagelow a:hover { background-image: url(../../images/interstitial_brochuresmultipagelow.gif); }
.button .brochuresmultipagehigh, .button .brochuresmultipagehigh a:hover { background-image: url(../../images/interstitial_brochuresmultipagehigh.gif); }
.button .brochures4and6page, .button .brochures4and6page a:hover { background-image: url(../../images/interstitial_brochures4and6page.gif); }