/*
-----------------------------------------------------
Kellogg's 'Passport to Fun' (http://www.kelloggs.ie/whatson/passport-to-fun) SCREEN style sheet
author:   mN -> hello@madebymn.co.uk
version:  2008.05
----------------------------------------------------- */

/* Eric Meyer's Global Reset */

html,body,div,span,applet,object,iframe,table,caption,tbody,tfoot,thead,tr,th,td,
del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,
dl,dt,dd,ol,ul,li,fieldset,form,label,legend{vertical-align:baseline;font-family:inherit;font-weight:inherit;font-style:inherit;font-size:100%;outline:0;padding:0;margin:0;border:0;}
:focus{outline:0;}
body{background:white;line-height:1;color:black;}
ol,ul{list-style:none;}
table{border-collapse:separate;border-spacing:0;}
caption,th,td{font-weight:normal;text-align:left;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}

.clear{ position:relative; clear:both; width:auto; height:0 !important; overflow:hidden; }

strong {font-weight: 700;}

/* =Custom */

body {margin: auto; background: url(../../../images/smarter_snacking/smarter_snackingmisc/background.jpg) repeat-x; color: #797979; font-size: 62.8%; font-family: Arial, Helvetica, Verdana, Sans-Serif;}
div.clear{ position:relative; clear:both; width:auto; height:0 !important; overflow:hidden; }
img, h1{ behavior: url(/iepngfix.htc) }
/* =Typography */
h1,h2,h3,h4,h5 {/*font-family: "Gill Sans", "Gill Sans MT", "Century Gothic", sans-serif; font-weight: normal;*/}
a {text-decoration: none; }
a:hover {color: #0d6eb7;}
p {line-height: 120%;}

div.hr-a {height: 1px; border: 0; border-top: 1px dashed #ccc; position: relative; left: 0px; width: 500px; margin: 10px 0;}
div.hr-a hr {display: none;}

div.hr-c {height: 1px; border: 0; border-top: 1px dashed #ccc; position: relative; left: 0px; width:100%; margin: 20px auto;}
div.hr-c hr {display: none;}

div.hr-b {height: 1px; background: #ccedf9; border: 0; position: relative; left: 0px; width: 520px; margin: 20px 0}
div.hr-b hr {display: none;}

div#container {width: 966px; height: auto; margin: auto; background: #fff; background: url(../../images/smarter_snacking/misc/container-bg.gif) 50% 0 repeat-y;}

div#header {width: 966px; margin: auto; position: relative; }

div#header h3 {background: url(../../images/smarter_snacking/nl/header/kelloggs.png) no-repeat 7px; height: 57px;  text-indent: -9999px; margin: 0 0 0 23px; behavior: url(../htc/iepngfix.htc); z-index: 9999;}

div#header div.breadcrumb {font-size: 1.1em; position: absolute; top: 38px; left: -30px;color: #666; width: 100%; text-align: right;}
div#header div.breadcrumb h5 {font-weight: normal; margin: 0 3px 0 0; display: inline;  font-family: "Arial", "Helvetica", sans-serif;}
div#header div.breadcrumb ul {display: inline;}
div#header div.breadcrumb ul li {display: inline;padding: 0 0 0 10px; background: url(../../images/smarter_snacking/misc/arrow-red-white.gif) 0 50% no-repeat;}
div#header div.breadcrumb ul li ul { display: inline;}
div#header div.breadcrumb ul li ul li {display: inline; padding: 0 0 0 10px; background: url(../../images/smarter_snacking/misc/arrow-red-white.gif) 0 50%  no-repeat;}
div#header div.breadcrumb a {color: #666;}
div#header div.breadcrumb a:hover {color: #ea2b00;}

div#titleBar {background: url(../../images/smarter_snacking/nl/header/header_bg.gif) repeat-x; width: 922px; margin: 0 0 0 21px; position: relative;}

div#titleBar h1 {width: 282px; height: 57px; background: url(../../images/smarter_snacking/nl/header/title.gif); text-indent: -9999px; }

div#titleBar ul {position: absolute; right: 1px; top: 0;}
div#titleBar ul li {display: block; float: left; height: 57px;}

div#titleBar ul li#easyas a {width: 164px; background: url(../../images/smarter_snacking/nl/header/nav/easyas.gif);}
div#titleBar ul li#easyas a:hover {background-position: -164px;}
div#titleBar ul li#easyas a.active {background-position: -328px;}

div#titleBar ul li#snackingtips a {width: 173px; background: url(../../images/smarter_snacking/nl/header/nav/snackingtips.gif);}
div#titleBar ul li#snackingtips a:hover {background-position: -173px;}
div#titleBar ul li#snackingtips a.active {background-position: -346px;} 

div#titleBar ul li#snackingstats a {width: 184px; background: url(../../images/smarter_snacking/nl/header/nav/snackingstats.gif);}
div#titleBar ul li#snackingstats a:hover {background-position: -184px;}
div#titleBar ul li#snackingstats a.active {background-position: -368px;}

div#titleBar ul li a {display: block; width: 100%; height: 100%;text-indent: -9999px;}

div#content {position: relative; left: 1px; background: red; width: 921px; margin: auto; }
div#content h2 {text-indent: -9999px; margin: 0 0 10px 0px; }
div#content h3 {text-indent: -9999px; margin: 0 0 10px 0px; }
div#content h4 {font-weight: bold; font-size: 1.2em; margin: 0 0 5px 0;}
div#content p {font-size: 1.2em; margin: 0 0 10px 0;}
div#content p strong {font-weight: bold; text-transform: uppercase;}

div#content-b {width: 900px; margin: auto;}
div#content-b #h3-a {background: url(../../images/smarter_snacking/nl/body/snackingtips/h3a.gif); width: 211px; height: 17px; text-indent: -9999px; margin: 0 0 5px 0;}
div#content-b #h3-b {background: url(../../images/smarter_snacking/nl/body/snackingtips/h3b.gif); width: 187px; height: 17px; text-indent: -9999px; margin: 0 0 5px 0;}

div#content-b ul {list-style-type: disc; list-style-position: inside; font-size: 1.2em; line-height: 120%; margin: 0 0 18px 0;}
div#content-b ul li {display: inline; margin: 0 0 0 00px;}

div#content-b p#findoutmore {font-size: 1.2em; margin: 10px 0;}
div#content-b p#findoutmore a {font-weight: bold; color: #ed1c24;}
div#content-b p#findoutmore a:hover {text-decoration: underline;}


div#content div#content-a {margin: 20px 0 0 40px;width: 530px;}
div.img p, div.img ul {width: 440px;}
div.img2 p, div.img2 ul {width: 380px;}
div#clipboard {background: url(../../images/smarter_snacking/nl/body/snackingtips/clipboard.gif) no-repeat right 50% }
div#juice {background: url(../../images/smarter_snacking/nl/body/snackingtips/juice.gif) no-repeat right 50% }
div#grapes {background: url(../../images/smarter_snacking/nl/body/snackingtips/grapes.gif) no-repeat right 50% }
div#balls {background: url(../../images/smarter_snacking/nl/body/snackingtips/balls.gif) no-repeat right 50% }
div#teeth {background: url(../../images/smarter_snacking/nl/body/snackingtips/teeth.gif) no-repeat right 50% }


body#easyas div#content {background: url(../../images/smarter_snacking/nl/body/easyas/bg.gif) no-repeat top right;}
body#easyas div#content h2 {background: url(../../images/smarter_snacking/nl/body/easyas/h2.gif) no-repeat; width: 538px; height: 61px;}
body#easyas div#content h3 {background: url(../../images/smarter_snacking/nl/body/easyas/h3.gif); width: 278px; height: 30px; margin: 5px 0;}

body#snackingtips div#content {background: url(../../images/smarter_snacking/nl/body/snackingtips/bg.gif) no-repeat top right;}
body#snackingtips div#content h2 {background: url(../../images/smarter_snacking/nl/body/snackingtips/h2.gif) no-repeat; width: 780px; height: 70px;}
span.bullet {background: url(../../images/smarter_snacking/nl/body/snackingtips/bullet.gif) no-repeat; width: 7px; height: 7px; position: relative; left: -20px; top: 7px; display: block;}
span.num1 {background: url(../../images/smarter_snacking/nl/body/snackingtips/1.gif) no-repeat; width: 28px; height: 28px; position: relative; left: -32px; top: 18px; display: block; text-indent: -9999px;}
span.num2 {background: url(../../images/smarter_snacking/nl/body/snackingtips/2.gif) no-repeat; width: 28px; height: 28px; position: relative; left: -32px; top: 18px; display: block; text-indent: -9999px;}
span.num3 {background: url(../../images/smarter_snacking/nl/body/snackingtips/3.gif) no-repeat; width: 28px; height: 28px; position: relative; left: -32px; top: 18px; display: block; text-indent: -9999px;}
span.num4 {background: url(../../images/smarter_snacking/nl/body/snackingtips/4.gif) no-repeat; width: 28px; height: 28px; position: relative; left: -32px; top: 18px; display: block; text-indent: -9999px;}

body#snackingstats div#content {background: url(../../images/smarter_snacking/nl/body/snackingstats/bg.gif) no-repeat top right;}
body#snackingstats div#content h2 {background: url(../../images/smarter_snacking/nl/body/snackingstats/h2.gif) no-repeat; width: 745px; height: 63px;}



div#content ol {width: 470px; margin: 0 0 0 30px;}
div#content ol li {width: 490px;}
div#content ol li h5 {font-size: 1.2em; font-weight: bold; margin: -10px 0 0 0;}
div#content ul {list-style-image: url(../../images/smarter_snacking/misc/bullet-red-white.jpg);  font-size: 1.2em; line-height: 200%; margin: 0 0 0 20px;}

/* =Percentages */

div#percentages {width: 552px; height: 298px; float: left; position: relative; margin: 30px 0 30px 00px; background: url(../../images/smarter_snacking/nl/body/snackingstats/percentages_bg.gif); display: none;}

div#percentages ul li {display: block; position: absolute;}

div#percentages ul li#pc27 {height: 58px; width: 61px; top: 53px; left: 460px;}
div#percentages ul li#pc27 a {background: url(../../images/smarter_snacking/nl/body/snackingstats/percentages/27.gif); width: 100%; height: 100%; display: block;}
div#percentages ul li#pc27 a:hover {background-position: -61px;}
div#percentages ul li#pc27 a.active {background-position: -154px;}

div#percentages ul li#pc34 {height: 74px; width: 81px; top: 65px; left: 236px;}
div#percentages ul li#pc34 a {background: url(../../images/smarter_snacking/nl/body/snackingstats/percentages/34.gif); width: 100%; height: 100%; display: block;}
div#percentages ul li#pc34 a:hover {background-position: -81px;}
div#percentages ul li#pc34 a.active {background-position: -162px;}

div#percentages ul li#pc43 {height: 73px; width: 75px; top: 128px; left: 128px;}
div#percentages ul li#pc43 a {background: url(../../images/smarter_snacking/nl/body/snackingstats/percentages/43.gif); width: 100%; height: 100%; display: block;}
div#percentages ul li#pc43 a:hover {background-position: -75px;}
div#percentages ul li#pc43 a.active {background-position: -150px;}

div#percentages ul li#pc47 {height: 63px; width: 68px; top: 4px; left: 345px;}
div#percentages ul li#pc47 a {background: url(../../images/smarter_snacking/nl/body/snackingstats/percentages/47.gif); width: 100%; height: 100%; display: block;}
div#percentages ul li#pc47 a:hover {background-position: -68px;}
div#percentages ul li#pc47 a.active {background-position: -136px;}

div#percentages ul li#pc48 {height: 55px; width: 60px; top: 238px; left: 63px;}
div#percentages ul li#pc48 a {background: url(../../images/smarter_snacking/nl/body/snackingstats/percentages/48.gif); width: 100%; height: 100%; display: block;}
div#percentages ul li#pc48 a:hover {background-position: -60px;}
div#percentages ul li#pc48 a.active {background-position: -120px;}

div#percentages ul li#pc54 {height: 56px; width: 57px; top: 124px; left: 355px;}
div#percentages ul li#pc54 a {background: url(../../images/smarter_snacking/nl/body/snackingstats/percentages/54.gif); width: 100%; height: 100%; display: block;}
div#percentages ul li#pc54 a:hover {background-position: -57px;}
div#percentages ul li#pc54 a.active {background-position: -114px;}

div#percentages ul li#pc56 {height: 73px; width: 77px; top: 36px; left: 10px;}
div#percentages ul li#pc56 a {background: url(../../images/smarter_snacking/nl/body/snackingstats/percentages/56.gif); width: 100%; height: 100%; display: block;}
div#percentages ul li#pc56 a:hover {background-position: -77px;}
div#percentages ul li#pc56 a.active {background-position: -154px;}

div#percentages ul li#pc57 {height: 62px; width: 66px; top: 153px; left: 5px;}
div#percentages ul li#pc57 a {background: url(../../images/smarter_snacking/nl/body/snackingstats/percentages/57.gif); width: 100%; height: 100%; display: block;}
div#percentages ul li#pc57 a:hover {background-position: -66px;}
div#percentages ul li#pc57 a.active {background-position: -132px;}

div#percentages ul li#pc61 {height: 63px; width: 68px; top: 228px; left: 281px;}
div#percentages ul li#pc61 a {background: url(../../images/smarter_snacking/nl/body/snackingstats/percentages/61.gif); width: 100%; height: 100%; display: block;}
div#percentages ul li#pc61 a:hover {background-position: -68px;}
div#percentages ul li#pc61 a.active {background-position: -136px;}

div#percentages ul li#pc73 {height: 76px; width: 79px; top: 187px; left: 458px;}
div#percentages ul li#pc73 a {background: url(../../images/smarter_snacking/nl/body/snackingstats/percentages/73.gif); width: 100%; height: 100%; display: block;}
div#percentages ul li#pc73 a:hover {background-position: -79px;}
div#percentages ul li#pc73 a.active {background-position: -158px;}

div#percentages ul li#pc96 {height: 64px; width: 65px; top: 27px; left: 123px;}
div#percentages ul li#pc96 a {background: url(../../images/smarter_snacking/nl/body/snackingstats/percentages/96.gif); width: 100%; height: 100%; display: block;}
div#percentages ul li#pc96 a:hover {background-position: -65px;}
div#percentages ul li#pc96 a.active {background-position: -130px;}

div#footer {width: 922px; height: 38px; margin: 20px auto; background:  url(../../images/smarter_snacking/footer/footer.gif) -1px 0 no-repeat; position: relative; }

div#footer h5 {margin: 6px 0 0 0;}
div#footer ul li a {position: relative; top: 6px;} 

div#footer h5 {float: left; padding: 0 35px 0 20px;line-height: 32px;  color: #999; font-family: "Arial", "Helvetica", "Verdana", sans-serif;}
div#footer h5#madebymn a{position: absolute; right: 30px;  background: url(../../images/smarter_snacking/misc/arrow-grey-white.gif) 0 50% no-repeat; padding: 0 0px 0 10px;line-height: 32px;  color: #999; font-family: "Arial", "Helvetica", "Verdana", sans-serif;}
div#footer ul li {float: left; margin: 0 10px 0 0; padding: 0 0 0 10px; line-height: 32px; background: url(../../images/smarter_snacking/misc/arrow-grey-white.gif) 0 18px no-repeat;}
div#footer ul li a {color: #999;}
div#footer a:hover {text-decoration: underline;}

.overlay {background: #000; position: absolute; top: 0; left: 0;}
.box {position: relative; width: 300px; background: url(../../images/smarter_snacking/nl/body/snackingstats/overlay/bg.png) repeat-y; width: 458px; z-index: 9999;}
.box #top {display:none; background: url(../../images/smarter_snacking/nl/body/snackingstats/overlay/top.png); width: 458px; height: 37px; position: relative; top: -37px;}
.box #top a {height: 37px; width: 37px; display: block; position: absolute; top: 0; right: 0; text-indent: -9999px;}
.box #bottom {display:none; background: url(../../images/smarter_snacking/nl/body/snackingstats/overlay/bottom.png); width: 458px; height: 27px; position: relative; bottom: -27px;}
.box .inner {width: 390px; margin: auto;  margin: 0 auto -40px 30px;}
.box .inner ul li {position: relative; left: 10px; list-style-image: none;}
.box .inner p, .box .inner li {font-size: 1.2em; line-height: 150%; margin: 0 0 5px 0;}
.box .inner ol {position: relative; left: 30px;}
.box .inner ol,.box .inner ul li ol li { list-style-type: decimal; }
.box .inner ul li ol li {margin: 0 0 0 -40px}
.box .inner ul li ol {font-size: .9em; margin: 5px 0 5px 30px ;}
.box .inner h3 {color: #0f883a; font-size: 1.8em; font-weight: bold; font-family: Georgia, Times New Roman, Serif; margin: 0 0 10px 0; line-height: 120%;}

.box .inner span { position: relative; top: -40px;}
div#content .box h3 {text-indent: 0px; }

.box#none {background: none;}
.box#none .inner {margin: 0 0 00px 0;}
.box#none .inner h3 {color: #0f883a; font-size: 1.8em; font-weight: bold; font-family: Georgia, Times New Roman, Serif; padding:40px 0 00px 0; line-height: 120%;}

.box .inner ol,.box .inner ul li ol li { list-style-type: decimal; list-style-position: inside; background: none;}
.box .inner ul li {left: 00px; padding-left: 13px;  background: url(../../images/smarter_snacking/misc/bullet_grey.gif) no-repeat 0px 4px;}