﻿/* Reset */
* {
margin:0;
padding:0;
border: 0;
outline: 0;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
:focus {
outline: 0;
}
#jsAlert {
border:solid 1px #000000;
background:#FF0000;
color:#FFFFFF;
padding:5px;
margin-right:10px;
}
#jsAlert p {
line-height:16px;
font-weight:bold;
padding-bottom:10px;
}
#buttons {
float:right;
width:130px;
clear:both;
}
#Print {
float:right;
display:block;
width:125px;
height:16px;
margin:5px 5px 0 0;
background:url(http://www.eatwise-exercise.co.nz/images/podSprite.png) no-repeat -237px -341px;
}

/* Page Layout */
.clear {
clear:both;
}
body {
background:#d73225 url(http://www.eatwise-exercise.co.nz/images/bodyBG.gif) repeat-y 50% 0;
text-align:center;
}
#printHeader {
display:none;
}
#wrapper {
width:950px;
position:relative;
margin:0 auto;
text-align:left;
background:url(http://www.eatwise-exercise.co.nz/images/headerBG.gif) no-repeat 100% 0;
padding-top:140px;
}
#leftCol {
float:left;
width:565px;
}
#nhf {
position:absolute;
top:21px;
right:18px;
display:block;
width:100px;
height:95px;
background:url(http://www.eatwise-exercise.co.nz/images/nhfLogo.gif) no-repeat 0 0;
}
#leftCol .sprite {
width:565px;
background-image:url(http://www.eatwise-exercise.co.nz/images/podSprite.png);
background-repeat:no-repeat;
}
#leftCol #lTop {
height:37px;
background-position:0 0;
background-image:url(http://www.eatwise-exercise.co.nz/images/podSprite.png);
background-repeat:no-repeat;
}
#leftCol #lContent {
background-image:url(http://www.eatwise-exercise.co.nz/images/podSprite.png);
background-repeat:no-repeat;
background-repeat:repeat-y;
background-position:-565px 0;
}
#leftCol .addthis_button {
float:right;
clear:both;
margin:5px 5px 0 0;
}
#lContent #tabs {
height:30px;
margin:0 24px;
}
#lContent #tabs #tabContent {
width:385px;
float:right;
}
#leftCol #lSep {
height:76px;
background-position:0 -37px;
clear:both;
}
#leftCol #lMovie {
clear:both;
background-repeat:repeat-y;
background-position:-1130px 0;

}

#lMovie #TVadvert {
margin:10px 30px;
width:500px;
height:290px;
}
#lMovie #TVadvert #videoPlayer {
float:left;
width:320px;
}

#lMovie #TVadvert #text {
margin-bottom:25px;
}
#lMovie #TVadvertLinks {
margin:0 0 0 30px;
padding:0;
width:300px;
height:30px;
}

#TVadvertLinks {
color:#e01e2d;
}
.TVadvertLinksHover {
background-color:#e01e2d;
color:#FFFFFF;
}
.TVadvertLinksActive {
background-color:#e01e2d;
color:#FFFFFF;
}
#TVadvertLinks span.intro {
width:50px;
float:left;
padding-top:1px;
display:block;
text-align:left;
}
#TVadvertLinks .btnMovie {
float:left;
border:solid 1px #e01e2d;
height: 15px;
width:17px;
display:block;
margin-left:8px;
padding-bottom:2px;
text-align:center;
cursor:pointer;
}

#leftCol #lBottom {
height:46px;
background-position:0 -113px;
}
#footer {
width:950px;
height:247px;
background:url(http://www.eatwise-exercise.co.nz/images/podSprite.png) no-repeat -2090px 0;
}
#footer a {
background-image:url(http://www.eatwise-exercise.co.nz/images/logosSprite.gif);
background-repeat: no-repeat;
display:block;
float:left;
}
#footer p.line1 {
margin:0 0 0 180px;
padding:30px 0 0 0;
}
#footer p.line1 a {
height:52px;
float:left;
}
#footer a#link1 {
background-position:-16px -4px;
width:55px;
}
#footer a#link2 {
background-position:-77px -4px;
margin:0 75px;
width:66px;
}
#footer a#link3 {
background-position:-148px -4px;
width:89px;
}
#footer a#link4 {
background-position:-243px -4px;
margin:0 75px;
width:56px;
}
#footer a#link5 {
background-position:-308px -4px;
width:44px;
}
#footer a#link6 {
background-position:-359px -4px;
margin:0 0 0 75px;
width:61px;
}

#footer p.line2 {
clear:both;
height:50px;
margin:0 0 0 160px;
padding:20px 0 0 0;
}
#footer p.line2 a {
height:50px;
float:left;
}
#footer a#link7 {
background-position:-10px -60px;
width:45px;
}
#footer a#link8 {
background-position:-63px -60px;
margin:0 38px;
width:45px;
}
#footer a#link9 {
background-position:-119px -60px;
width:66px;
}
#footer a#link10 {
background-position:-190px -60px;
margin:0 38px;
width:89px;
}
#footer a#link11 {
background-position:-287px -60px;
width:127px;
}
#footer a#link12 {
background-position:-419px -60px;
margin:0 38px;
width:88px;
}
#footer a#link13 {
background-position:-426px -12px;
width:64px;
}

#footer p.line3 {
clear:both;
height:50px;
margin:0 0 0 160px;
padding:20px 0 0 0;
}
#footer p.line3 a {
height:49px;
float:left;
}

#footer a#link14 {
background-position:-12px -114px;
width:82px;
}
#footer a#link16 {
background-position:-163px -114px;
margin:0 65px;
width:63px;
}
#footer a#link17 {
background-position:-241px -114px;
width:74px;
}
#footer a#link18 {
background-position:-334px -114px;
margin:0 65px;
width:77px;
}
#footer a#link19 {
background-position:-423px -114px;
width:84px;
}
#footer a#link15 {
background-position:-103px -114px;
margin:0 0 0 65px;
width:46px;
}

#rightCol {
float:right;
width:370px;
/*background:url(/images/rightColTop.jpg) no-repeat 0 0;*/
background:url(http://www.eatwise-exercise.co.nz/images/rightColTop2.jpg) no-repeat 0 0;
}
#rightCol .sprite {
width:370px;
background-image:url(http://www.eatwise-exercise.co.nz/images/podSprite.png);
background-repeat:no-repeat;
}
#rightCol #rTop {
height:450px;
width:370px;
background:url(http://www.eatwise-exercise.co.nz/images/RightColumnBikeSmall.jpg) no-repeat 0 0;
}
#rightCol #rTop2 {
height:365px;
width:370px;
background:url(http://www.eatwise-exercise.co.nz/images/rightColTop2.jpg) no-repeat 0 0;
}

#rightCol #rCompHeading {
height:305px;
width:370px;
background:url(http://www.eatwise-exercise.co.nz/images/rightColTop.jpg) no-repeat 0 -405px;
}
#rCompHeading p {
width:250px;
}
#rightCol #rTop #padder {
height:174px;
}
#rightCol #rComp, #rightCol #rLink {
background-position:-1695px 0;
background-repeat:repeat-y;
clear:both;
padding-bottom:5px;
}
#rComp .error {
font-size:11px;
font-weight:bold;
margin-left:95px;
}
#entryForm_rvEmail {
display:block;
}
#rComp .chkBox .error, #rComp .question .error {
margin-left:0;
}
#rightCol #rSep {
height:55px;
background-position:0 -160px;
}
#rightCol #rBot {
height:44px;
background-position:0 -215px;
}
a#newworldlogo {
position:absolute;
display:block;
top:28px;
left:180px;
width:101px;
height:96px;
background:url(http://www.eatwise-exercise.co.nz/images/newworldlogo.gif) no-repeat 0 0;
}
a#avantiMore {
display:block;
background:url(http://www.eatwise-exercise.co.nz/images/podSprite.png) no-repeat 0 -280px;
width:97px;
height:20px;
}
a#avantiMore:hover {
background-position:-97px -280px;
}
a#nwpromo {
display:block;
background:url(http://www.eatwise-exercise.co.nz/images/podSprite.png) no-repeat 0 -320px;
width:254px;
height:20px;
}
a#nwpromo:hover {
background-position:-254px -320px;
}
a#nwws {
display:block;
background:url(http://www.eatwise-exercise.co.nz/images/podSprite.png) no-repeat -237px -357px;
width:175px;
height:20px;
}
a#nwws:hover {
background-position:-237px -377px;
}
/* Content */
body {
color:#333333;
font-size:12px;
font-family:Arial, Verdana, Tahoma;
}
p {
line-height:17px;
}
#rightCol p {
margin:0 26px 0 30px;
padding-top:10px;
line-height:18px;
}
h2 {
background:url(http://www.eatwise-exercise.co.nz/images/podSprite.png) no-repeat 0 -260px;
height:18px;
clear:both;
line-height:18px;
padding:0 0 0 40px;
color:#e01e2d;
font-size:18px;
margin:0 25px 0 30px;
}
#rComp hr {
height:0;
margin:5px 30px 0;
border:0px;
border-top:solid 1px #C0C0C0;
}

/* Competition Layout */
#rComp ul {
list-style-type:none;
margin:10px 25px 0 30px;
}
#rComp label {
display:block;
width:95px;
padding-top:3px;
float:left;
font-weight:bold;
}
#rComp li {
padding-top:6px;
display:block;
clear:both;
width:310px;
}
#rComp input, #rComp select {
border:solid 1px #C0C0C0;
padding:2px;
width:200px;
font-size:12px;
float:left;
font-family:Arial, Verdana;
background:#F7F7F7;
}
#rComp option {
padding:0 0 0 5px;
}
#rComp select {
width:208px;
}
#rComp .question input {
width:20px;
}
#rComp .question td {
padding:2px;
}
#rComp .question label, #rComp .chkBox input {
width:25px;
float:left;
border:none;
background:#f7f7f7;
}
#rComp table.question span.radio input {
border:none;
}
#ie7 #entryDesc {
padding-top:4px;
}

#rComp .question td, #rComp .chkBox td {
vertical-align:top;
}

#rComp .entryButton a {
display:block;
width:102px;
height:20px;
margin: 5px 0 0 100px;
background:url(http://www.eatwise-exercise.co.nz/images/podSprite.png) no-repeat 0 -300px;
}
#rComp .entryButton a:hover {
background-position:-102px -300px;
}
li.entryButtonTAF a {
display:block;
width:134px;
height:20px;
margin: 5px 0 0 95px;
background:url(http://www.eatwise-exercise.co.nz/images/podSprite.png) no-repeat -204px -300px;
}
li.entryButtonTAF a:hover {
background-position:-338px -300px;
}



/* CONTENT PAGES */

/* Avanti Page Styling */
#avantiTop {
width:950px;
height:65px;
background:url(http://www.eatwise-exercise.co.nz/images/podSpriteAvanti.png) no-repeat 0 0;
}
#avantiContent {
width:950px;
background:url(http://www.eatwise-exercise.co.nz/images/podSpriteAvanti.png) repeat-y -950px 0;
}
#avantiBottom {
width:950px;
height:100px;
background:url(http://www.eatwise-exercise.co.nz/images/podSpriteAvanti.png) no-repeat 0 -65px;
}
#avantiContent h1 {
font-size:22px;
color:#e01e2d;
background:url(http://www.eatwise-exercise.co.nz/images/podSprite.png) no-repeat 0 -258px;
margin:0 0 15px 35px;
padding:0 0 0 40px;
width:530px;
}
#avantiContent #step1, #avantiContent #step2, #avantiContent #step3, #avantiContent #step4 {
width:870px;
height:148px;
margin:0 0 10px 35px;
background:url(http://www.eatwise-exercise.co.nz/images/avantiStepsBG.jpg) no-repeat 0 0;
position:relative;
}
#avantiContent #step2 {
background-position:0 -148px;
}
#avantiContent #step3 {
background-position:0 -298px;
}
#avantiContent #step4 {
background-position:0 -455px;
}
#avantiContent h2 {
background:none;
color:#FFFFFF;
font-size:20px;
position:absolute;
margin:0;
padding:0;
top:20px;
left:50px;
}

#avantiContent p {
color:#5e9824;
font-size:16px;
line-height:22px;
margin:0 40px 15px 40px;
}

#avantiContent #step1 p, #avantiContent #step2 p, #avantiContent #step3 p, #avantiContent #step4 p {
position:absolute;
top:18px;
left:195px;
width:300px;
}
#avantiContent #step1 p {
width:700px;
}

#avantiContent a {
color:#ef3829;
text-decoration:none;
}
#avantiContent a:hover {
text-decoration:underline;
}
#avantiBottom a {
display:block;
width:338px;
margin:0 0 0 50px;
height:28px;
background:url(http://www.eatwise-exercise.co.nz/images/podSprite.png) no-repeat -2100px -260px;
}
#avantiBottom a:hover {
background-position:-2100px -288px;
}

/* ---- PAGE CONTENT STYLING -- */
#tabContent ul, #winners li {
list-style-image:url(http://www.eatwise-exercise.co.nz/images/lileaf.gif);
margin:15px 0 15px 30px;
}
#tabContent li {
line-height:17px;
padding-bottom:5px;
}
#tabContent h1 span {
display:none;
}
#tabContent p {
padding:0 0 10px 0;
}
#tabContent td {
vertical-align:top;
}

#tabContent .greenBox {
color:#FFFFFF;
line-height:17px;
font-weight:bold;
background:#86c546;
margin:0 0 10px 0;
padding:7px;
width:365px;
}
/* PAGE 01 */
#page01 h1 {
width:372px;
height:116px;
margin-bottom:5px;
background:url(http://www.eatwise-exercise.co.nz/images/page01H1.jpg) no-repeat 0 0;
}
#page01 .feature {
border:solid 1px #000000;
float:right;
background:#FFFFFF;
padding:5px;
width:175px;
font-size:11px;
margin:0 5px 50px 0;
}
#page01 .left {
width:180px;
}
#page01 .greenBox {
float:left;
width:172px;
}

/* PAGE 02 */
#page02 h1 {
width:375px;
height:160px;
background:url(http://www.eatwise-exercise.co.nz/images/page02H1.jpg) no-repeat 0 0;
}
#page02 .left {
width:180px;
}
#page02 .greenBox {
float:right;
width:180px;
padding:10px;
line-height:22px;
}
/* PAGE 03 */
#page03 h1 {
height:112px;
width:366px;
background:url(/images/page03H1.jpg) no-repeat 0 0;
}
#page03 .greenBox {
width:365px;
}
/* PAGE 04 */
#page04 h1 {
width:372px;
height:159px;
background:url(/images/page04H1.jpg) no-repeat 0 0
}
#page04 .greenBox p {
margin:25px 10px 0 100px;
}
#page04 .greenBox {
height:86px;
width:373px;
background:url(/images/page04greenBoxBG.gif) no-repeat 0 0;
}

/* PAGE 05 */
#page05 h1 {
width:356px;
height:183px;
background:url(/images/page05H1.jpg) no-repeat 0 0;
}
#page05 .greenBox {
float:left;
margin:0 15px 0 0;
padding:10px;
width:150px;
}
/* PAGE 06 */
#page06 h1 {
width:378px;
height:218px;
background:url(/images/page06H1.jpg) no-repeat 0 0;
}

/* PAGE 07 */
#page07 h1 {
width:372px;
height:163px;
background:url(/images/page07H1.jpg) no-repeat 0 0;
}

/* PAGE 08 */
#page08 h1 {
width:378px;
height:175px;
background:url(/images/page08H1.jpg) no-repeat 0 0;
}

/* PAGE 09 */
#page09 h1 {
width:353px;
height:172px;
background:url(/images/page09H1.jpg) no-repeat 0 0;
}

/* PAGE 10 */
#page10 h1 {
width:375px;
height:195px;
background:url(/images/page10H1.jpg) no-repeat 0 0;
}

/* PAGE 11 */
#page11 h1 {
width:376px;
height:157px;
background:url(/images/page11H1.jpg) no-repeat 0 0;
}

/* page 12 */
#page12 h1 {
width:377px;
height:157px;
background:url(/images/page12H1.jpg) no-repeat 0 0;
}

/* page 13 */
#page13 h1 {
width:372px;
height:95px;
background:url(/images/page13H1.jpg) no-repeat 0 0;
}
#page13 h3 {
font-size:15px;
font-weight:normal;
line-height:19px;
margin-bottom:10px;
}
#page13 a {
color:#00B2EB;
text-decoration:none;
}
#page13 a {
text-decoration:underline;
}

#page13 table {
border-bottom:solid 1px #DDDDDD;
margin-bottom:10px;
padding-bottom:5px;
}
#page13 span {
color:#00b2eb;
}

/* page 14 */
#page14 h1 {
width:373px;
height:133px;
background:url(/images/page14H1.jpg) no-repeat 0 0;
}

#page14 .feature {
border:solid 1px #000000;
float:right;
background:#FFFFFF;
padding:5px;
width:160px;
font-size:11px;
margin:0 10px 50px 5px;
}

/* page 15 */
#page15 h1 {
width:368px;
height:135px;
background:url(/images/page15H1.jpg) no-repeat 0 0;
}

/* page 16 */
#page16 h1 {
width:349px;
height:125px;
background:url(/images/page16H1.jpg) no-repeat 0 0;
}

/* page 17 */
#page17 h1 {
width:380px;
height:131px;
background:url(/images/page17H1.jpg) no-repeat 0 0;
}
#page17 ol {
margin:0 0 0 15px;
}

/* page 18 */
#page18 h1 {
width:375px;
height:223px;
background:url(/images/page18H1.jpg) no-repeat 0 0;
}

/* page 19 */
#page19 h1 {
width:380px;
height:165px;
background:url(/images/page19H1.jpg) no-repeat 0 0;
}

/* page20 */
#page20 h1 {
width:378px;
height:119px;
background:url(/images/page20H1.jpg) no-repeat 0 0;
}

/* page 21 */
#page21 h1 {
width:380px;
height:140px;
background:url(/images/page21H1.jpg) no-repeat 0 0;
}

div#page21 a {
color:#FFFF00;
text-decoration:none;
}
div#page21 a:hover {
text-decoration:underline;
}

/* page 22 */
#page22 h1 {
width:380px;
height:140px;
background:url(/images/page22H1.jpg) no-repeat 0 0;
}
div#page22 a {
color:#FFFF00;
text-decoration:none;
}
div#page22 a:hover {
text-decoration:underline;
}

/* page23 */
#page23 h1 {
width:369px;
height:182px;
background:url(/images/page23H1.jpg) no-repeat 0 0;
}
#page23 table {
border-top:solid 1px #DDDDDD;
}
#page23 td {
padding-top:3px;
}


.redFeature, .greenFeature, .blueFeature {
color:#FFFFFF;
padding:10px;
}
.redFeature {
background:#d73225;
}
.greenFeature {
background:#86C546;
}
.blueFeature {
background:#00b1eb;
}


.red {
color:#d73225;
padding-top:2px;
font-weight:bold;
}

#popupDuplicateEntry {
display:none;
background:url(/images/duplicateEntryBG.png) no-repeat 0 0;
width:320px;
height:198px;
padding:0;
position:absolute;
z-index:99;
top: 200px;
text-align:left;
left: 200px;
}
#popupDuplicateEntry #padding {
padding:15px;
}
#popupDuplicateEntry h2 {
margin:0 0 10px 0;
}
#popupDuplicateEntry p {
padding-bottom:10px;
}
#closeDup {
width:19px;
height:18px;
display:block;
background:url(/images/podSprite.png) no-repeat -413px -358px;
cursor:pointer;
position:absolute;
right:18px;
top:10px;
}

#tip1, #tip2 {
width:147px;
height:80px;
position:absolute;
}
#tip1 {
top:240px;
/*top:480px;*/
left:50%;
margin-left:60px;
}
#tip2 {
top:1160px;
left:50%;
margin-left:60px;
}
#tip1 a, #tip2 a {
display:block;
width:147px;
height:80px;
background-image:url(/images/tipSprite.png);
background-repeat:no-repeat;
}
#tipKJ {
background-position:0 0;
}
#tipActivity {background-position:0 -80px;}
#tipGetFit {background-position:0 -160px;}
#tipPackADrink {background-position:0 -240px;}
#tipFoodInviting {background-position:0 -320px;}
#tipFruitVeg {background-position:0 -400px;}
#tipApple {background-position:0 -480px;}
#tipNuts {background-position:0 -560px;}
#tipLog {background-position:0 -640px;}

#dynatip {
	display:none;
	background:transparent url(/images/speechBubble.png) no-repeat 0 0;
	font-size:12px;
	height:163px;
	width:244px;
	color:#000000;	
	text-align:left;
}
#dynatip2 {
display:none;
background:transparent url(/images/speechBubble2.png) no-repeat 0 0;
font-size:11px;
height:213px;
width:244px;
color:#000000;	
text-align:left;
}
#dynatip p, #dynatip2 p {
padding:12px 14px 5px 12px;
}

/* Navigation */

#navigation {
    width:116px;
	margin:0 0 0 -2px;
	padding:0px;
	text-indent:0px;
	background-color:#E2E2E2;
	float:left;

}
#navigation h3 a {
	cursor:pointer;
	border-bottom:1px solid #CCCCCC;
	background:#999999 url(/images/collapsed.gif) no-repeat scroll 2px 6px;
	color:#FFFFFF;
	display:block;
	font-size:12px;
	font-weight:bold;
	margin:0px;
	padding:4px 0;
	text-indent:13px;
	text-decoration: none;
}
#navigation h3 a:hover {
	color:#ef3829;
}
#navigation h3 a.selected {
	background-image: url(/images/expanded.gif);
}
#navigation h3 a.current {
	background-color:#FFFF99;
}
#navigation ul {
	border-width:0px;
	margin:0px;
	padding:0px;
	text-indent:0px;
}
#navigation li {
	list-style:none outside none; 
	display:block;
	border-bottom:solid 1px #c0c0c0;
	width:116px;
}
#navigation li a {
	color:#000000;
	display:block;
	text-indent:16px;
	width:116px;
	padding:5px 0 5px 0;
	text-decoration: none;
}
#navigation li a:hover {
	background-color:#C0C0C0;
}
#navigation li a.active {
background-color:#C0C0C0;
}

#wizard {
	width: 200px;
	border: 1px solid black;
}
#wizard .title {
	background-color:#DDDDDD;
}

.results {
    width: 150px; 
    }

