/*-----------------------------------------------------------------------------
Basic Style Sheet

Site: Birdseye Branding
Author:   Lyndel Thomas BWM
Version:  2009.01

Edited by ANdy - 23.10.2009

-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/

/* Remove padding and margin */
* {
  margin: 0;
  padding: 0;
}

/* Class for clearing floats */
.clear {
	clear:both;
}

a, a:visited {
   outline: none;
   color: #ffffff;
}
a:hover {
	color: #cccccc;
}

/* Remove border around linked images */
img {
	border: 0;
}

/* =Layout
-----------------------------------------------------------------------------*/

#container { 
	position: relative; 
	/* Remove _tom for non guided background image*/
	background-image:url(../images/background1024_new1.jpg); 
	background-position: top center; 
	background-repeat: no-repeat; 
	background-color: #26316c; 
	width: 1024px; 
	min-height: 880px; 
	height:auto !important;
  	height:880px;
	margin: 0 auto; 
	padding: 0; 
} 
#containerNew { 
	position: relative; 
	background-image:url(../images/background1024_new2.jpg); 
	background-position: top center; 
	background-repeat: no-repeat; 
	background-color: #26316c; 
	width: 1024px; 
	min-height: 880px; 
	height:auto !important;
  	height:880px;
	margin: 0 auto; 
	padding: 0; 
} 


#content {
	display: none;
	position: relative; 
	width: 1000px; 
	margin: 0 auto;  
}
#bannerTop {
	position: relative;	
	float: left; 
	left: 35px; 
	top: 33px;	
	margin: 0 auto; 
	width: 760px; 
	text-align: left;
}
#mainContentNarrow { 
	position: relative; 
	float: left; 
	left: 35px; 
	top: 118px; 
	margin: 0 auto; 
	width: 580px; 
	text-align: left; 
}
#mainContentWide { 
	position: relative; 
	float: left; 
	left: 35px; 
	top: 120px; 
	margin: 0 auto; 
	width: 760px; 
	text-align: left; 
}
#mainContentWide2 { 
	position: relative; 
	float: left; 
	left: 35px; 
	top: 120px; 
	margin: 0 auto; 
	width: 760px; 
	text-align: left; 
}
#mainContentWide3 { 
	position: relative; 
	float: left; 
	left: 35px; 
	top: 30px; 
	margin: 0 auto; 
	width: 760px; 
	text-align: left; 
}
#mainContentWider { 
	position: relative; 
	float: left; 
	left: 40px; 
	top: 120px; 
	margin: 0 auto; 
	width: 800px; 
	text-align: left; 
}
#mainContentNarrow p, #mainContentWide p { 
	margin-top: 5px;
	padding-left: 0px;	
	line-height: 130%;
	font-weight: lighter;
}
/* below edited by tom */
/* then edited by andy */
#flashContainer1 {
	z-index: 10;
	height: 945px;
	width: 1024px;
	position: absolute;
	top: 0px;
	background-color: #26316c;
/* original
#flashContainer1 {
	position: relative; 
	left: -30px;
	margin-top: 32px;
}
*/
#flashContainer1v {
	position: relative; 
	left: 30px;
	margin-top: 35px;
}
#flashContainer1s {
	position: relative; 
	left: 30px;
	margin-top: 30px;
}

#flashContainer2 {
	margin-bottom: 10px;
}
/* was
#flashContainer2 {
	margin-bottom: 21px;
}*/

#productPage {
	position: relative; 
	left: 0px; 
	width: 780px;	
	/*min-height: 550px;
	height: 550px;*/
}
#simProd {
}
#simProdCenter {
	margin: 0 auto;
	width: 700px;
}
#prodLeft {
	position: relative; 
	left: 0px; 
	top: 20px; 
	width: 350px; 
	float: left;
}
#prodRight {
	/*position: absolute; 
	left: 360px;*/
	position: relative;
	float: left;
	left: 20px;
	top: 20px; 
	width: 365px; 
}
#prodLeft p {
	font-size: 14px;
	line-height: 140%;
	font-weight:bold;
	margin: 10px 0 5px 0;
}
#prodLeft ul {
	margin-left: 15px; 
	padding: 0;
}
#prodLeft li {
	padding: 2px 0;
}
#prodRight ul {
	list-style-type: none; 
	margin-top: 10px; 
	font-size: 8px;
}
#prodRight li {
	 float: left; 
	 background-image: url(../images/bg_nutr_info.png); 
	 width: 40px; 
	 height: 61px; 
	 margin:0 3px 0 0; 
	 padding:0;
	 font-size: 8px;
	 
}
#prodRight .nutCategory {
	display:block; 
	width: 34px; 
	padding: 9px 2px 0 2px; 
	text-align: center; 
	color:#4c6a9a;
	font-size: 8px;
}
#prodRight .nutKJ { 
	display:block; 
	width: 34px; 
	padding: 4px 2px 0 2px; 
	text-align: center; 
	color:#4c6a9a;
	font-size: 8px;
}
#prodRight .nutPercent { 
	display:block; 
	width: 34px; 
/*	padding: 5px 2px;  */
	padding: 7px 2px 0 2px; 
	text-align: center; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	color:#ffffff;
}
#nutritionTable {
	width: 337px;
	position: relative;
	top: 20px;
	margin-top: 10px;
}
#nutritionTable thead {
	background-image: url(../images/bg_blue_bar_1px.gif); 
	background-repeat: repeat-y;
}
#nutritionTable thead td {
	font-weight: bold;
	text-transform: uppercase; 
}
#nutritionTable tbody td {
	font-weight: normal; 
	border-bottom: 2px #89aac9 solid;
}
#nutritionTable td {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	text-align: right;	
	padding: 3px 5px; 	
}
#nutritionTable td.first {
	text-align: left;
}
.indent5 {
	padding-left: 5px;
}


.productTile {
	float: left;
	width: 190px;
	height: 240px;	
	margin: 10px 10px;
	display: inline;
	color: #ffffff;
	text-align: center;
}
.productThumb {
	height:195px; 
	background-position : center; 
	background-repeat: no-repeat; 
	cursor:pointer;
	position: relative;
	margin-bottom: 5px;  
}
.productTile a { 
	font-size: 12px; 
	color: #ffffff; 
	text-decoration: none; 
	text-align: center;
} 
.productTile a:link { 
	font-size: 12px; 
	color: #ffffff; 
	text-decoration: none; 
	text-align: center; 
} 
.productTile a:hover, #simProd a:visited { 
	font-size: 12px; 
	color: #ffffff; 
	text-decoration: none; 
	text-align: center; 
} 
#mainFeature {
	position:relative; 
	left: 0px;	
}
#mainFeature .packShot {
	float: left; 
	padding-top: 10px;
}
#mainFeature .copyArea {
	float: left; 
	width: 210px; 
	position:relative; 
	left: 20px;
	top: 5px;
}
#mainFeature .copyAreaWide {
	float: left; 
	width: 410px; 
	position:relative; 
	left: 20px;
	top: 5px;
}
#mainFeature ol {
	margin: 15px;
	padding: 15px;
}
#mainFeature ol li {
	margin-bottom: 15px;
}
#mainFeature .copyArea p, #mainFeature .copyAreaWide p { 
	padding-left: 5px;
	line-height: 160%;
}
#mainFeature .showImage {
	float: right;	
	position:relative; 
	left: 10px;
	right: 0px;
	top: 10px;
}
#mainFeatureTop5 {
	margin-left: 0px;
}
#mainFeatureOurRange {
	position: relative; 
	left: 0px; 
	width: 720px;
}
#transRangeGrid {
	position: relative; 
	left: 0px; 
	width: 720px;
}
#mainFeatureNutrition {
	 position: relative; 
	 left: 0px; 
	 width: 800px;
}
#mainFeatureGlossary {
	position: relative; 
	left: 0px; 
	width: 700px;
}	
#nutritionGlossary {
	position: relative; 
	left: 0px; 
	width: 700px;
}
#nutritionGlossary ul {
	margin: 0 0 0 30px;
	padding: 0 0 10px 10px;
}
#nutritionGlossary p {
	margin-bottom: 15px;
}
#nutritionGlossary h5 {
	margin-bottom: 5px;
	text-transform: none;
	font-weight: bold;
	font-size: 14px;
}	
#mainFeatureAbout {
	position: relative; 
	left: 63px; 
	width: 660px;
}
p.intro {
	width: 730px;
	margin-top: 20px;
}
.subFeature {
	position:relative;	
	left: -28px;
	top: 0px;	
	padding-top: 28px;	
}
.subFeatureRecipes {
	position:relative;	
	left: 0px;
	top: 0px;	
	padding-top: 28px;	
}
.subFeature .packShot, .subFeatureRecipes .packShot {
	float: left; 
	padding-top: 0px;
}
.subFeature .copyArea, .subFeatureRecipes .copyArea {
	float: left; 
	width: 440px; 
	position:relative; 
	left: 20px;
	top: 5px;
}
.subFeature .copyAreaSetHeight, .subFeatureRecipes .copyAreaSetHeight {
	float: left; 
	width: 440px; 
	height: 110px;
	position:relative; 
	left: 12px;
}
.subFeature .copyArea .heading, .subFeatureRecipes .copyArea .heading {
	font-family: Verdana, Geneva, sans-serif; 
	font-size: 1.4em;
	text-transform: uppercase;
}
.subFeature .showImage, .subFeatureRecipes .showImage {
	float: right;	
	position:relative; 	
	right: 40px;
}
.subFeature .showImageBelow, .subFeatureRecipes .showImageBelow {
	float: left;	
	position:absolute; 
	left: 0px;
	bottom: 5px;
}
.subFeature .showImage img, .subFeatureRecipes  .showImage img {
	margin-top: 35px;
}
#subContent { 
	width: 150px; 
	position: relative; 
	float: right; 
	right: 13px; 
	top: 41px; 
	margin: 0 auto;
}
#subContentOld { 
	width: 150px; 
	position: relative; 
	float: right; 
	right: 13px; 
	top: 45px; 
	margin: 0 auto;
}
.headingSifr { /* KLUDGE need to find a better way of centering header elements using sifr */
	width: 420px;  
	margin: 20px auto 0 auto;
}
.headingSifr1 { /* KLUDGE need to find a better way of centering header elements using sifr */
	margin: 25px 0 0 245px;
	letter-spacing: 1px;
	text-align: center;
}
.headingSifr2 { /* KLUDGE need to find a better way of centering header elements using sifr */
	margin: 25px 10px 10px 180px;
	letter-spacing: 1px;	
}
/* -- Edited By Tom -- */
#subContent img { 
	margin-bottom: 12px; 
}
/* Original
#subContent img { 
	margin: 6px 0; 
}*/

#nav { 
	width: 176px; 
	text-align: left; 
	position: relative; 
	left: 15px; 
	top: 57px; 
	float: left;  
}
/* -- Edited By Tom -- */
#navBar {	
	overflow: hidden;
	height: 234px;
	width: 176px;
	margin-top: 22px;	
}
/* Original 
#navBar {	
	overflow: hidden;
	height: 230px;
	width: 176px;
	margin: 18px 0 0 0;	
}*/

#navBar span {
	display:none;
}
#navBar ul { 
	list-style-type:none;
	margin: 0;	
	padding: 0;
	height: 28px;
}
/* -- Edited By Tom -- */
#navBar li {
	float:left;
	width: 176px;
	height: 28px;
	text-align:center;
	overflow: hidden;
	margin-bottom: 1px;
	padding: 0;
}
/* Original 
#navBar li {
	float:left;
	width: 176px;
	height: 28px;
	text-align:center;
	overflow: hidden;
	margin: 1px 0;
	padding: 0;
}*/

#navBar li a:hover, #navBar li a.sel { 
	width: 176px; 
	height: 28px; 
	margin-left: -176px; 
} 
/* -- Edited By Tom -- */
#search_box {
    width: 165px;
    height: 27px;
	margin-top:-2px;
    background: url(../images/bg_search_box.gif);
	background-repeat:no-repeat;
	overflow: hidden;
}
/* Original 
#search_box {
    width: 165px;
    height: 27px;
    background: url(../images/bg_search_box.gif);
	background-repeat:no-repeat;
	overflow: hidden;
}*/
#search_box #s {
    float: left;
    padding: 0;
    margin: 6px 0 0 11px;
    border: 0;
    width: 120px;
    background: none;
}
#search_box #go {
	width: 27px;
	height: 27px;
    float: right;
	overflow: hidden;
    margin: 1px 0px 0 0;
}
#search_box #go:hover {
	position: relative;
	background-image:url(../images/btn_search_box_glow.png);
	width: 27px;
	height: 27px;
	margin: 1px 0px 0 0;
	overflow: hidden;
}
#breadCrumb {
	position: relative;
	width: 600px;
	top: 2px;
	left: 0px;
	text-align: left;
	font-size: 10px;
	color: #ffffff;
	margin: 0;
	padding: 0;
}
#breadCrumb p {
	margin: 0;
	padding: 0;
}
#breadCrumb a {
	color: #99b5d3;
	text-decoration: none;
	margin: 0;
	padding: 0;
}
#breadCrumb a:hover {
	color: #efefef;
}
#breadCrumb span {
	margin: 0; 
	padding: 0;
}
#glossary {
	position: relative; 
	left: 0px; 
	top: 10px;
	width: 800px;
}
.glossaryColumn {
	float: left; 
	width: 225px;
}
#glossary ul {
	margin: 0;
	padding: 0;
}
#glossary a {
	text-decoration: none;
	color: #3d3d3d;
}
#glossary li a:hover {
	text-decoration: none;
	color: #ff0000;
}
#glossary span {
	display: block;	 
	padding: 5px 40px 5px 10px; 
	line-height: 110%;
}
#glossary li.singleLine {
	list-style-type: none; 
	background-image:url(../images/bg_white_link_sgl.png); 
	background-repeat: no-repeat; 
	width: 224px; 
	height: 19px; 
	margin: 0; 
	padding: 0;	
}
#glossary li.singleLine span {
	display: block; 
	padding: 2px 40px 2px 10px; 
	line-height: 110%;
}
#glossary li.doubleLine {
	list-style-type: none; 
	background-image:url(../images/bg_white_link_dbl.png); 
	background-repeat: no-repeat; 
	width: 224px; 
	height: 38px; 
	margin: 0; 
	padding: 0;
}
#glossary li.doubleLine span {
	display: block; 
	padding: 5px 40px 5px 10px; 
	line-height: 110%;
}
.transAreaNarrow {
	background-image:url(../images/bg_trans_veg.png); 
	background-repeat: no-repeat; 
	margin: 20px 15px 0px 0px; 
	width: 312px; 
	height: 127px; 
	float: left;
}
.transAreaNarrowBirds {
	margin: 0px; 
	width: 360px; 
	/* height: 127px; */
	float: left;
}
.transAreaAboutAus {
	background-image:url(../images/bg_trans_aus_nt.png); 
	background-repeat: no-repeat; 
	margin: 20px 49px 0px 0px; 
	width: 282px; 
	height: 220px; 
	float: left;
}
.transAreaAboutNz {
	background-image:url(../images/bg_trans_nz_nt.png); 
	background-repeat: no-repeat; 
	margin: 20px 15px 0px 0px; 
	width: 282px; 
	height: 220px; 
	float: left;
}
.transAreaAboutAus p, .transAreaAboutNz p {
	margin: 15px 20px;
	text-align:left;
	line-height: 160%;
}
.companyName {
	position: relative; 
	/*was top: 14px;*/ 	
	top: 21px; 
	left: 20px;
	/*was margin: 0px;*/ 	
	margin-bottom: 29px;
	padding: 0;
}
.transAreaWide, .transAreaWideSingle {
	background-image:url(../images/bg_trans_nutr.png); 
	background-repeat: no-repeat; 
	background-position: center top; 
	margin: 20px 15px 0 0px; 
	padding-top: 10px; 
	width: 362px;
	text-align: center;
}
.transAreaWideBottom {
	position: relative;
	top: 0px;
	background-image:url(../images/bg_trans_nutr_inv1.png);
	background-repeat: no-repeat; 
	background-position:  center bottom; 
	width: 362px;
	min-height: 20px;
	height:auto !important;
	height: 20px;
}
.transAreaWide img.logo, .transAreaWideSingle img.logo {
	margin-left: 12px;
}
.transAreaWide img.title, .transAreaWideSingle img.title {
	padding: 3px 0;
}
.left {
	float: left;
}
.right {
	float: right;
}
.transAreaWideSingle {
	margin: 15px auto; 
	text-align: center; 
}
.transAreaWide p, .transAreaWideSingle p {
	margin: 0 3px 0 12px; 
	padding: 0; 
	font-size: 11px; 
	line-height: 110%; 
	text-align: left;
}
.transAreaWide p.first, .transAreaWideSingle p.first {
	/* height: 150px; */
}
.transAreaWide p.second, .transAreaWideSingle p.second {
	margin-left: 12px !important;
}
#footer {
	position: relative;	
	clear: both;
	height: 200px;
	top: 40px; 
	left: -20px;
	margin: 50px auto; 
	text-align: center;
}
#footerProd {
	position: relative;	
	clear: both;
	height: 200px;
	top: 140px; 
	left: -20px;
	margin: 50px auto; 
	text-align: center;
}
#footerHigh {
	position: relative;	
	clear: both;
	height: 200px;	
	top: 70px; 
	left: 0px;
	margin: 50px auto; 
	text-align: center;
}
#footerHighCenter {
	position: relative;	
	clear: both;
	height: 200px;	
	top: 50px; 
	left: 50px;
	margin: 50px auto; 
	text-align: center;
}
#footer p, #footerHigh p, #footerHighCenter p, #footerProd p {
	font-size: 9px;
	color: #95b0d0;
	margin: 10px;
}
#footer a:link, #footer a:visited, #footerHigh a:link, #footerHigh a:visited, #footerHighCenter a:link, #footerHighCenter a:visited, #footerProd a:link, #footerProd a:link {	
	color: #95b0d0;
	margin-right: 15px;
}
#footer a:hover, #footerHigh a:hover, #footerHighCenter a:hover {	
	color: #ffffff;
}

/* =Typography
-----------------------------------------------------------------------------*/

body {
  font: 12px Verdana, Geneva, sans-serif;
  color: #ffffff;
  background-color: #25316c;
}

/* =Headings
-----------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, .head1 {	
	font-weight: lighter;	
	text-transform: uppercase;
}
* html h3 {  /* KLUDGE need to find a better way to re-bold ie6 */
	font-weight: bold;
	f\ont-weight: bold;
}
h1 {
	font-size: 36px;
	text-align: center;
	margin: 25px auto 0 auto;
	letter-spacing: 1px;
}
h1 span.noshow {
	display: none;
}
.head1 {
	font-size: 35px;
	text-align: center;
	margin: 0 auto;
	letter-spacing: 1px;
}
h2 {
	font-size: 21px;
	text-align: left;
}
h3 {
	font-size: 14px;
	color: #ffffff;
	text-align: left;
	letter-spacing: 2px;
	margin: 0;
	padding: 0;
}
h4 {
	font-size: 13px;	
}
.head3 {
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}
.head4 {
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}
.head5 {
	text-transform: uppercase;
	margin: 15px 25px;
	padding: 0;
	font-size: 20px;
}

/* =Links
-----------------------------------------------------------------------------*/

.fom {
	position: relative;
	left: 0;
	top: 0px;
	width: 109px;
	height: 21px;
	margin-top: 20px;
	overflow:hidden;
}
.fom a:hover {
	position: relative;
	top: 0;
	top: -21px;
}
.fomShowImage {
	float: right;	
	position:relative; 	
	right: 55px;
	width: 109px;
	height: 21px;
	margin-top: 20px;
	overflow:hidden;
}
.fomShowImage a:hover {
	position: relative;
	top: 0;
	top: -21px;
}
.fomShowImageBelow {
	position:relative; 	
	right: 0px;
	width: 109px;
	height: 21px;
	margin-top: 15px;
	overflow:hidden;
}
.fomShowImageBelow a:hover {
	position: relative;
	top: 0;
	top: -21px;
	top: -21px;
	overflow: hidden;
}

/* =Branding
-----------------------------------------------------------------------------*/

/* =Main Nav
-----------------------------------------------------------------------------*/

/* =Sub Nav
-----------------------------------------------------------------------------*/

/* =Main Content
-----------------------------------------------------------------------------*/

/* =Secondary Content
-----------------------------------------------------------------------------*/

/* =Footer
-----------------------------------------------------------------------------*/

/* =Forms
-----------------------------------------------------------------------------*/

/* Removes fieldset borders. even on Opea 7 */
fieldset {
  border: 1px solid transparent;
}

/* =Tables
-----------------------------------------------------------------------------*/

table { 
  border-spacing: 0;
  border-collapse: collapse;
}
td {
  text-align: left;
	font-weight: normal;
}

/* =Misc 1
-----------------------------------------------------------------------------*/

/* =Misc 2
-----------------------------------------------------------------------------*/

/*
P.I.E. FLOAT CLEARING
See http://www.positioniseverything.net/easyclearing.html 
--------------------- */

.clearfix:after {
  content: ".";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}
.clearfix {
  display: inline-block; /* Fixes IE/Mac */
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */