/*****************************************************************************
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 {
/*

need to be careful about applying visibility: hidden; to general selectors as .sIFR-active gets applied to the html element
and so cascades down from there

visibility: hidden; stops the non-sifred heading displaying before it is replaced

*/

.sIFR-active h2 {
	font-size: 45px;
	line-height: 40px;
	display: block;
	visibility: hidden;
	font-family: Verdana;
}

.sIFR-active #people-list h4 span {
	font-size: 16px;
	visibility: hidden;
	line-height: 16px; 
}

.sIFR-active #footer h4 {
	font-size: 15px;
	font-weight: normal;
	visibility: hidden;
}


.sIFR-active #body-why-qsm #two-col-wrap h3 {font-size: 30px; visibility: hidden;}
 
.sIFR-active #body-healthy-eating #col-3-1 h3,
.sIFR-active #body-healthy-eating #col-3-2 h3,
.sIFR-active #video-story-copy h4,
.sIFR-active ul.site-map h3,
.sIFR-active #body-contact-us .legals h3,
.sIFR-active #body-accesibility .legals h3 {font-size: 20px; line-height: 16px; visibility: hidden;}

.sIFR-active #body-our-recipes h3.elgrande {font-size: 24px; line-height: 16px;	visibility: hidden;}

.sIFR-active #body-our-recipes h4.elgrande {font-size: 24px; line-height: 16px;	visibility: hidden;}

.sIFR-active h3.recipe-title {font-size: 35px; line-height: 16px; visibility: hidden;}

.sIFR-active h3.recipe-guide {font-size: 24px; line-height: 16px; visibility: hidden;}
	

	

.sIFR-active h3.qsm  {font-size: 18px; line-height: 18px; visibility: hidden;}

.sIFR-active #video-story-copy h3 { font-size: 30px; line-height: 30px; visibility: hidden;}


	

.sIFR-active .product h3 { font-size: 30px; line-height: 30px;	visibility: hidden;}

.sIFR-active .product h4 { font-size: 20px; line-height: 30px;	visibility: hidden;}

.sIFR-active #news-item h3 {font-size: 35px; line-height: 16px; visibility: hidden;}

.sIFR-active .news-item.featured h3 {font-size: 30px; line-height: 16px; visibility: hidden;}

.sIFR-active .news-item h3 {font-size: 22px; line-height: 16px; visibility: hidden;}


.sIFR-active .autumn h3 span.name {font-size: 64px; line-height: 30px; visibility: hidden;}

.sIFR-active .autumn h3 span.name sup {font-size: 32px;  visibility: hidden;}

.sIFR-active .autumn h3 span.collection {font-size: 47px; line-height: 30px; visibility: hidden;}



.sIFR-active .recipe-collection h3 {font-size: 30px; line-height: 30px;visibility: hidden;}

.sIFR-active .recipe-collection ul span {font-size: 15px; line-height: 15px; visibility: hidden;}

.sIFR-active .autumn li span {font-size: 15px; line-height: 15px; visibility: hidden;}

.sIFR-active .event h3{font-size: 18px; line-height: 18px; visibility: hidden; padding-top:4px;}

.sIFR-active .recipes h3{font-size: 16px; line-height: 16px; visibility: hidden; }

}