/* Element styles */
body { padding: 0px; margin: 0px 0px 0px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 62.75%; color: #FFFFFF; }
a { color: #FFFFFF; text-decoration: underline; }
a:hover { text-decoration: none; }
img { border: 0px; }
table { font-size: 1.0em; border-collapse: collapse; }
table th { vertical-align: top; }
table td { vertical-align: top; }
p { margin: 0px; padding: 0px 0px 0.8em 0px; line-height: 1.3em; font-size: 1.4em; }
h1 { font-size: 4.2em; margin: 0px; font-family: "Times New Roman", Times, serif; padding: 0px 0px 0.6em 0px; line-height: 1.0em; }
h2 { font-size: 2.3em; margin: 0px; font-family: "Times New Roman", Times, serif; padding: 0.5em 0px 0.3em 0px; line-height: 1.0em; }
h3 { font-size: 1.8em; margin: 0px; font-family: "Times New Roman", Times, serif; padding: 0.5em 0px 0.3em 0px; line-height: 1.0em; }
h4 { font-size: 1.2em; margin: 0px; font-family: "Times New Roman", Times, serif; padding: 0.5em 0px 0.3em 0px; line-height: 1.0em; }
ul { margin: 0px; padding: 3px 5px 3px 15px; }
ul li { padding: 0px; margin: 0px 0px 0.3em 0px; }
ul li ul {}
ul li ul li {}
ol { margin-top: 0px; padding-top: 0px; }
ol li { padding-top: 3px; padding-bottom: 3px; }
ol li ol {}
ol li ol li {}
li { }
li li { }
dl {}
dl dt {}
dl dd {}
form { margin: 0px; padding: 0px; }
form select,
form select option,
form input,
form textarea { font-size: 1.0em; }
sup { font-size: 0.5em; }

/* Javascript identifiers */
img.dynamicFlash {}


/* Default styles */
.accessibility { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }
.hidden { display: none; }
.clear { clear: both; width: 100%; height: 0px; font-size: 0px; }
.error { font-weight: bold !important; color: #FF0000; }
.success { font-weight: bold; color: #00CC00; }
.note { font-size: 1.0em; }
.pdf { display: block; padding-left: 25px; background: url('../images/pdf-icon.gif') top left no-repeat; line-height: 16px; font-size: 1.2em; width: auto; }
.floatLeft { float: left; }
.floatRight { float: right; }
img.floatLeft { margin-right: 10px; margin-bottom: 10px; }
img.floatRight { margin-left: 10px; margin-bottom: 10px; }
.sansSerif { font-family: Arial, Helvetica, sans-serif; }
.serif { font-family: "Times New Roman", Times, serif; }

/* Scoped styles */
table.standard_table { width: 100%; margin-bottom: 10px; }
table.standard_table tr {}
table.standard_table tr th { vertical-align: top; text-align: left; border-bottom: 1px solid #c7c9ca; }
table.standard_table tr td { vertical-align: top; border-bottom: 1px solid #c7c9ca; border-left: 1px solid #c7c9ca; }
ul.noBullets { margin-left: 0px; margin-bottom: 1.0em; padding-left: 0px; list-style: none; }
ul.noBullets li { margin-left: 0px; padding-left: 0px; }
ul.noBullets li ul { padding-left: 15px; list-style: none; }


/* Template positions */
#page { width: 960px; margin: 0px auto; background: url('../images/template/page-bg-repeat-y.jpg') bottom left repeat-y; position: relative; }
#page .pageInner { background: url('../images/template/page-bg.jpg') bottom left no-repeat; padding-top: 135px; }

#page #header { background: url('../images/template/header-bg.jpg') top left no-repeat; min-height: 135px; width: 100%; overflow: hidden; position: absolute; top: 0px; left: 0px; }
* html #page #header { height: 135px; }
#header #linkToHome { display: block; width: 100%; height: 135px; text-indent: -9999em; }

#page #footer { background: #FFFFFF; width: 100%; padding: 5px 0px 10px 0px; }
#footer .footerInner {}
#footer img.northernFoodsLogo { float: left; }
#footer ul { display: block; list-style: none; text-align: center; padding: 40px 0px 0px 0px; margin: 0px; }
#footer ul li { display: inline; color: #848484; padding: 0px; margin: 0px 15px 0px 0px; }
#footer ul li a { color: #848484; font-size: 1.1em; text-decoration: none; }
#footer ul li a:hover { text-decoration: underline; }

#page #main { min-height: 625px; width: 833px; margin: 0px auto; position: relative; padding-bottom: 50px; }
* html #page #main { height: 625px; padding-bottom: 50px; }

#main #biteToolBanner { background: url('../images/template/bite-tool-banner-bg.png') top left no-repeat; width: 833px; min-height: 198px; clear: both;/* position: absolute; left: 0px; bottom: 25px;*/ }
* html #main #biteToolBanner { height: 198px; }
#biteToolBanner .biteToolBannerInner { padding: 34px 8px 0px 275px; }
#biteToolBanner img { margin-left: 50px; }
#biteToolBanner h2 { padding: 36px 0px 0px 0px; }
#biteToolBanner p { font-size: 1.2em; }

#main #content { float: right; width: 590px; position: relative; }

#main #navigation { float: left; width: 180px; padding-left: 15px; }
#navigation ul { list-style: none; }
#navigation ul li { margin: 0px 0px 3px 0px; padding: 0px; border-bottom: 1px solid #2f0960; }
#navigation ul li a { display: block; color: #FFFFFF; font-weight: bold; font-size: 1.8em; line-height: 36px; text-decoration: none; padding: 0px 25px; width: 115px; background: #2f0960; }
#navigation ul li a:hover {}
#navigation ul li.active { border-color: #c10024; }
#navigation ul li.active a { background: #c10024; }
#navigation ul li.foxsButton {}
#navigation ul li.foxsButton a { background-image: url('../images/template/foxs-nav.gif'); background-repeat: no-repeat; background-position: center; text-indent: -9999em; }

/* Modules */
.whiteBox { color: #939393; position: relative; }
.whiteBox .whiteBoxTop { background: url('../images/template/white-box-top.png') top left no-repeat; width: 100%; }
.whiteBox .whiteBoxBottom { background: url('../images/template/white-box-bottom.png') bottom left no-repeat; padding: 25px 0px 30px 0px; width: 100%; }
.whiteBox .whiteBoxMiddle { background: url('../images/template/white-box-middle.png') left repeat-y; width: 100%; }
.whiteBox .whiteBoxInner { padding: 0px 100px 0px 40px; min-height: 400px; }
* html .whiteBox .whiteBoxInner { height: 400px; }
.whiteBox img.researchDocuments { position: absolute; right: 80px; }
.whiteBox a { color: #870f1b; text-decoration: underline; }
.whiteBox a:hover { text-decoration: none; }

.whiteBox.tabCaramel {}
.whiteBox.tabCaramel .whiteBoxTop { background-image: url('../images/template/white-box-top-caramel.png'); }
.whiteBox.tabOriginal {}
.whiteBox.tabOriginal .whiteBoxTop { background-image: url('../images/template/white-box-top-original.png'); }

.tabs { position: relative; top: 12px; left: 18px; }
.tabs a { background-repeat: no-repeat; color: #FFFFFF; display: inline-block; font-size: 1.6em; font-weight: bold; text-align: center; text-decoration: none; vertical-align: bottom; position: relative; line-height: 24px; }
.tabs a:hover { text-decoration: underline; }
.tabs a.idle { background-position: bottom left; width: 124px; height: 26px; z-index: 10; }
.tabs a.active { background-position: top left; width: 144px; height: 26px; z-index: 20; padding-top: 8px; font-size: 1.8em; }
.tabs a#tabLabelOriginal { background-image: url('../images/template/tab-original.png'); }
.tabs a#tabLabelCaramel { background-image: url('../images/template/tab-caramel.png'); left: -15px; }