/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
	.sIFR-active h1 { /* Large Page headings */
		font-size: 36px;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-weight: normal;
		padding-bottom: 0px;
		visibility: hidden;
		width: 600px;
	}
	
	.sIFR-active h2 { /* Main Page sub headings */
		font-weight: bold;
		color: #2755aa;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 14px;
		padding: 15px 0px 5px 0px;
		visibility: hidden;
		width: 600px;
	}

	.sIFR-active div#description h3 { 
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		visibility: hidden;
		width: 320px;
	}
	.sIFR-active div#description h4 { 
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		visibility: hidden;
		width: 320px;
	}

	.sIFR-active h5 { /* Home Page lage paragraph */
		padding: 20px 20px;
		color: #FFFFFF;
		font-size: 16px;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-weight: normal;
		line-height: 19px;
		visibility: hidden;
	}
	
	.sIFR-active div.Shop h5 { /* Products */
		padding: 0px 10px 5px 10px;
		font-size: 18px;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-weight: normal;
		line-height: 19px;
		visibility: hidden;
	}
	
	.sIFR-active h6 { /* Panel headings */
		padding: 10px 15px 6px 15px;
		color: #6C6C6C;
		font-size: 14px;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-weight: bold;
		visibility: hidden;
	}
	.sIFR-active div#welcome h6 { /* Panel headings */
		width: 80px;
	}
}