@import url("fonts.css");


/* Layout */
body {background: #e5e7b7 url(../images/body_bg.jpg) no-repeat 50% 0; color: #3f3f3f; }
#bodyContainer {margin: 0 auto; min-height: 1060px; width: 877px;}
#monsterswf {width: 880px; padding: 15px 0 0 0; text-align: center; margin: 0 0 0 -2px; z-index: -1; height: 450px;}
#container {width: 806px; margin: -305px 0 0 35px; padding: 0 0 0 0; position: relative; z-index: 20; background: url(../images/content_bg.gif) repeat-y 0 0;}
h1 {font: 161.6% Georgia, "Times New Roman", Times, serif; color: #fff; z-index: 4; text-align: left; text-indent: -3000em;}
#header {position: relative; height: 80px; left: 21px;}
#mainNav {position: absolute; top: 21px; left: 0;}
#subNav {position: absolute; top: 55px; font-size: 77%; color: #8B5C29; height: 18px;}
#logo {position: absolute; right: 41px; top: 0;}
#footer {color: #3F3F3F; font-size: 77%; background: url(../images/footer_bg.gif) no-repeat bottom left; width: 806px;}

/* Home Page */
body#home {background-image: url(../images/home_bg.jpg);}
#home #bodyContainer {min-height: 750px; width: 1000px;}
#homeswf {width: 1000px; text-align: center; padding: 2px 0 0 0; height: 500px;}
#home #container {margin: 0 auto;}
#home #footer {top: 110px; background: none; position: absolute; top: 110px; left: 15px;}
#home #getFlash {position: relative; left: 0px; top: 500px; z-index: 999;}


/*Main Nav */

#header ul {margin: 0; padding: 0;}
#header li {list-style-type: none; float: left; height: 30px;}
#header li a {outline: none;}
#header li a span {margin-left: -3000em; overflow: hidden;}

#nav1 {background: url(../images/nav/welcome.gif) no-repeat 0 -30px; width: 114px; display: block; height: 30px;}
#nav2 {background: url(../images/nav/our_food.gif) no-repeat 0 -30px; width: 58px; display: block; height: 30px;}
#nav3 {background: url(../images/nav/healthy_stuff.gif) no-repeat 0 -30px; width: 78px; display: block; height: 30px;}
#nav4 {background: url(../images/nav/our_recipes.gif) no-repeat 0 -30px; width: 72px; display: block; height: 30px;}
#nav5 {background: url(../images/nav/about_us.gif) no-repeat 0 -30px; width: 63px; display: block; height: 30px;}
#nav6 {background: url(../images/nav/our_environment.gif) no-repeat 0 -30px; width: 98px; display: block; height: 30px;}
#nav7 {background: url(../images/nav/keep_in_touch.gif) no-repeat 0 -30px; width: 82px; display: block; height: 30px;}
#nav8 {background: url(../images/nav/inside_nairns.gif) no-repeat 0 -30px; width: 78px; display: block; height: 30px;}
#mainNav li a:hover, #mainNav li a.navselected {background-position: 0 0;}

#subNav li::after {display: inline; content: " |";}
#subNav li {padding-left: 0.5em; height: 18px; float: left;}
#subNav li:last-child::after {content: "";}
#subNav li a {color: #8B5C29; text-decoration: none;}
#subNav li:hover, #subNav li.navselected {background: url(../images/nav/subnav_on.gif) no-repeat bottom left; padding-bottom: 6px;}

#footer ul {margin: 0; padding: 0;}
#footer li::after {display: inline; content: " |";}
#footer li {padding-left: 0.5em; height: 18px; float: left; list-style-type: none;}
#footer li:last-child::after {content: "";}
#footer li a {color: #3f3f3f; text-decoration: none;}
#footer li a:hover {text-decoration: underline;}

#footer p {clear: both; margin: 20px 0 0 0;}
#footer .copy {padding: 20px 0 0 0;}
#footer .copy img {vertical-align: middle; padding: 0 0 0 70px;}

#welcome #subNav {top: 55px; left: 5px;}
#ourFood #subNav {top: 55px; left: 5px;}
#healthyStuff #subNav {top: 55px; left: 5px;}
#ourRecipes #subNav {top: 55px; left: 5px;}
#ourTraditions #subNav {top: 55px; left: 5px;}
#ourEnvironment #subNav {top: 55px; left: 5px;}
#ourFriends #subNav {top: 55px; left: 5px;}
#insideNairns #subNav {top: 55px; left: 5px;}

#threeColContent {background: url(../images/our_food_bg.gif) no-repeat 0 0; width: 769px; margin: 10px 15px; height: 546px; text-align: left;}
#oneColContent {background: url(../images/oneColContent_bg.gif) repeat-y bottom left; width: 769px; min-height: 620px; margin: 10px 15px; text-align: left; padding-bottom: 15px;}
#oneColHeader {background: #fff url(../images/oneColContent_bg_top.gif) no-repeat 0 0; width: 769px; min-height: 46px; margin: 0; text-align: left;}
#twoColContent {background: #fff url(../images/twoColContent_bg.gif) no-repeat bottom left; width: 628px; min-height: 504px; margin: 10px 5px 10px 0; float: left; text-align: left; padding-bottom: 15px;}
*html #twoColContent {margin: 10px 0px 10px 0px;}
#subSubNav {background: url(../images/nav/subSubNav_bg.gif) no-repeat 0 0; float: left; margin: 40px 0 0 15px; height: 354px; width: 140px;}
*html #subSubNav {margin: 40px 5px 10px 0px;}
#subSubNav ul {margin: 0 5px 0 0; padding: 0;}
#subSubNav li {margin: 0; padding: 0 3px 0 5px; color: #B5121B; line-height: 24px; text-align: right; list-style: none;}
#subSubNav li a:hover, #subSubNav li a.navselected {background-color: #fff; margin: 0; padding: 0 3px 0 25px;}
#subSubNav li a {text-decoration: none; color: #3f3f3f; padding: 0 3px 0 25px; background: url(../images/bullet.gif) no-repeat 5px 5px;}




h2 {font: bold 161.6% Georgia, "Times New Roman", Times, serif; color: #B5121B; margin: 8px 0 0 30px; padding: 0;}
#oneColContent h2 {background: url(../images/hdr_wide_bg.gif) no-repeat 0 0; height: 39px; margin: 0; width: 739px; padding: 8px 0 0 30px;}
#twoColContent h2 {background: url(../images/twoColContent_bg_top.gif) no-repeat 0 0; height: 42px; margin: 0; width: 628px; padding: 8px 0 0 30px;}

.foods {float: left; width: 256px;}
.foods ul {margin: 0; padding: 0;}
.foods li {list-style-type: none;}
.foods li.buytoday {text-align: center;}
.foods li img {margin: 8px 8px 3px 8px;}
.foods li p {margin: 0 0 0 30px;}
.foods li a {color: #B5121B; text-decoration: none;}

.range {float: left;}
.range p {color: #b5121b; margin: 10px 0 0 30px;}
.range p a {color: #3f3f3f; padding-right: 12px; text-decoration: none; background: url(../images/nav/chevrons.gif) 100% 75% no-repeat;}
.range img {margin: 8px 0 0 0;}

.lowerContent {padding: 0 30px 0 0; float: left;}
.lowerContent p {color: #3f3f3f; margin: 10px 0 0 30px; font-size: 93%;}
.lowerContent p.info {font-size: 93%;}
#frmCalculator {background: url(../images/giglForm_bg.jpg) no-repeat 0 0; height: 198px; margin: 20px 0 0 30px; width: 707px;}
#frmCalculator table {margin: 10px; font-size: 93%; color: #b5121b;}
#divForm {padding: 30px 0 0 0;}
#frmCalculator p { padding: 5px 0;}
#frmCalculator label {font-weight: bold; width: 160px; float: right;}
#frmCalculator .frmElements {width: 100px; background-color: #f2f3db;}

#mainPic {float: left; width: 158px;}
#productDetails {float: left; width: 445px; padding: 10px 15px 10px 10px;}
#mainPic img {margin: 10px 0 10px 8px;}
#productDetails ul {padding: 0; margin: 0; list-style-type: none;}
#productDetails li {color: #b5121b; font-size: 85%; padding: 0 3px 0 10px; /*float: left;*/ background: url(../images/bullit.jpg) no-repeat 0% 50%; list-style-type: none; display: inline;}
#productDetails p {font-size: 93%; clear: both; margin-top: 8px; color: #3f3f3f;}
#productDetails p.info {font-size: 93%; color: #666;}
#productDetails th, #productDetails td {border-collapse: collapse; border: 1px solid #fff;}
#productDetails th {color: #b5121b; text-align: left; padding: 2px; margin: 1px;}
#productDetails th[scope="col"] {font-size: 93%; background-color: #e5e7b7;}
#productDetails th[scope="row"] {font-size: 93%; color: #3f3f3f; background-color: #f8f9ed;}
#productDetails td {font-size: 93%; padding: 2px; background-color: #f2f3db;}
#productDetails .values, #productDetails th.values[scope="col"] {background-color: #f2f3db;}

/* Healthy Stuff */
/*.intro {float: left; margin-bottom: 10px;}*/
#healthyStuff #mainPic {width: 230px;}
#healthyStuff #productDetails {width: 445px;}
#healthyStuff #productDetails ul {list-style: disc; padding-left: 15px;}
#healthyStuff #productDetails ul li {display: block; font-size: 93%; padding: 2px 15px;}

/* div with image left and list right */
#healthyPic {float: left; width: 295px;}
#healthyTxt {float: left; width: 300px; padding: 10px 15px 10px 10px;}
#healthyPic img {margin: 10px 0 10px 30px;}
#healthyTxt p {font-size: 93%; clear: both; margin-top: 8px; color: #3f3f3f;}

/* Our Environment */
#ourEnvironment #mainPic {width: 230px;}
#ourEnvironment #productDetails {width: 445px;}


/* About Us */
#ourTraditions #mainPic {width: 285px;}
#ourTraditions #productDetails {width: 390px;}

#twoColContent #ourTraditions #mainPic {width: 245px;}
#twoColContent #ourTraditions #productDetails {width: 190px;}
#twoColContent #ourTraditions #productDetails p {clear: none;}

/* Our Friends */
#ourFriends #productDetails p {margin: 0 0 5px 10px;}
#ourFriends #mainPic img {margin-left: 30px;}

.qanda {margin: 10px 20px 0 30px; clear: both;}
.qanda h3 {color: #B5121B; font-size: 93%;}
.qanda p {color: #3f3f3f; font-size: 93%;}
a {color: #b5121b;}

.qanda th, #productDetails td {border-collapse: collapse; border: 1px solid #fff;}
.qanda th {color: #b5121b; text-align: left; padding: 2px; margin: 1px;}
.qanda th[scope="col"] {font-size: 93%; background-color: #e5e7b7;}
.qanda th[scope="row"] {font-size: 93%; color: #3f3f3f; background-color: #f8f9ed;}
.qanda td {font-size: 93%; padding: 2px; background-color: #f2f3db;}
.qanda .values, .qanda th.values[scope="col"] {background-color: #f2f3db;}

.topping {margin: 10px 20px 0 30px;}
.topping p {font-size: 93%; color: #3f3f3f;}



.bodycopy {margin: 10px 20px 0 30px; color: #3f3f3f;}
.bodycopy p {color: #3f3f3f; font-size: 93%;}
.download {margin: 10px 20px 0 30px; font-size: 93%; color: #3f3f3f;}
.download img {vertical-align: middle;}
.download a {text-decoration: none; color: #3f3f3f;}

#paraHeaderBold{float: left; margin: 0 0 0 30px; font-weight:bold; font-size:95%;}
#paraText{float: left; margin: 0 0 0 30px; font-size:85%;}
#paraText a {text-decoration:none; color:#666666;}


#redHeaderBold {color: #B5121B; margin: 8px 0 0 30px; padding: 0; font-weight:bold; font-size:85%;}


#formContent {background: #fff url(../images/joinUsContent_bg.gif) no-repeat 0 0; width: 712px; height: 344px; margin:10px 0 10px 30px; padding:10px; text-align: left;}

#calcResults {margin:0 0 0 20px;}

#calcResults #calcColumn {font-size:85%; text-align:center; background-color: #f2f3db; padding: 2px; vertical-align: text-top;}

#calcResults #calcColumnProduct {font-size:85%; background-color: #f8f9ed; padding: 5px 2px; text-align: left; vertical-align:text-top;}
#calcResults #calcColumnHeader {background-color: #e5e7b7; font-size: 93%; padding: 5px 2px; text-align: center;}



#contactform {margin:0 0 0 20px;}



#joinusform {margin:10px 60px 10px 30px; float:right;}
form {width:330px;}
form p {margin:10px 0 10px 0; font-size: 93%;}
form label {font-size: 93%; font-weight:bold;}
form input, select {margin:0 0 8px 0; }
form select[name="ddlInterests"], form select[name="ddlMagazines"], form select[name="ddlSupermarkets"], form select[name="ddlEnquiryType"] {width: 170px;}
label[for="radBrand"] {display: inline; padding-right: 5px;}
input#chkDPA, input[type="radio"] {display: inline; margin: 0 5px 0 0;}
label[for="chkDPA"] {display: inline;}








/* General Para Styles */
.redBlack {/*float: left; */margin: 10px 20px 0 30px;}
.redBlack h3 {color: #B5121B; font-size: 93%;}
.redBlack p {color: #3f3f3f; font-size: 93%;}







/*
p.siteSearchLinks a {color: #630000; text-decoration: none; font-weight: bold; margin-left: 10px;}
div.siteSearchLinks a {color: #630000; text-decoration: none; font-weight: normal; margin-left: 10px;}

span.siteSearchLinks a {color: #630000; text-decoration: none; font-weight: normal; margin-left:10px;}
*/
#sitemap {background-color: #fff; margin: 0 10px 0 8px;}
div.siteLinksTopLevel {padding: 5px 0 5px 30px;}
div.siteLinksTopLevel a {color: #B5121B; font-weight: bold;}

span.siteLinksLevel2 {padding: 2px 0 5px 50px; display: block;}

span.siteLinksLevel3 {padding: 2px 0 5px 70px; display: block;}


#Pic {float: left; width: 295px;}
#Txt {float: left; width: 400px; padding: 10px 15px 10px 10px;}
#Pic img {margin: 10px 0 10px 30px;}
#Txt p {font-size: 93%; clear: both; margin-top: 8px; color: #3f3f3f;}