body{margin:0 0 20px 0; padding:0; background-color:#fff}
body{font:normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif; color:#000}
img{border:0}
form{margin:0;padding:0}

p{margin:0;padding:0 0 10px 0}

a{font-weight:bold; color:#000; text-decoration:none}
a:link {font-weight:bold; color:#000; text-decoration:none}
a:visited {color:#000; text-decoration:none}
a:hover, a:focus {text-decoration:underline;color:#000}
a:active {color:#000; text-decoration:none}

h1{font-weight:bold; font-size:14px; letter-spacing:1px; color:#000; margin:0 0 8px 0;padding:0}
h2{font-weight:bold; font-size: 12px; color:#000}
h2.large {font-weight:normal; font-size: 20px; color:#000}
div#logo{float:left;display:inline;padding-left:15px}
div#jar_logo{float:right;display:inline;padding-right:25px}
#mainContainer{margin:10px auto 10px auto;width:800px}
div#NavBackground {width:100%;background-color:#d21400}

.title{font-family: 'Lucida Sans Unicode','Lucida Grande',sans-serif;font-weight:bold;letter-spacing:-2px;font-size:20px; text-align:left}
.title .alt{color:#d21400}


.button1 a{text-decoration:none}
.button1 a span{text-decoration:none;color:#d21400}
.button1{width:50%;font-family: 'Lucida Sans Unicode','Lucida Grande',sans-serif;font-weight:bold;letter-spacing:-1px;font-size:14px; text-align:left}
.button1 div{padding-left:5px}
.button2{width:50%}
.btnWhatsInAJar{background: url(../img/btn_bg.png) 0 0 no-repeat;padding-bottom:10px}
.btnOnTv{background: url(../img/btn_bg.png) 0 0 no-repeat;padding-bottom:10px}
.btnServingSuggestions{background: url(../img/btn_bg.png) 0 0 no-repeat;padding-bottom:10px}

/* backgrounds */

#mainBody{background:url(../img/bg_wake-up-to-nutella.jpg) top no-repeat; width:800px; height:467px;}
#mainBody_tv{background:url(../img/bg_nutella-on-tv.jpg) top no-repeat; width:800px; height:467px;}
#mainBody_suggested{background:url(../img/bg_sugested-serving-amount.jpg) top no-repeat; width:800px; height:467px;}
#mainBody_in_jar{background:url(../img/bg_whats-in-a-jar_.jpg) top no-repeat; width:800px; height:683px;}
#mainBody_balanced_breakfast{background:url(../img/bg_balanced-breakfast.jpg) top no-repeat; width:800px; height:639px;}
#mainBody_contact_us{background:url(../img/bg_contact-us.jpg) top no-repeat; width:800px; height:467px;}
#mainBody_nutrition{background:url(../img/bg_nutrition.jpg) top no-repeat; width:800px; height:747px;}
#mainBody_faq{width:800px; height:1602px;}
#mainBody_life_nutella{background:url(../img/bg_life-of-nutella.jpg) top no-repeat; width:800px; height:467px;}
#mainBody_nutella_family{background:url(../img/bg_the-nutella-family.jpg) top no-repeat; width:800px; height:467px;}
#mainBody_press{background:url(../img/bg_contact-us.jpg) top no-repeat; width:800px; height:467px;}

.nav, .nav_{color:#fff;font-size:10px !important}
.nav a, .nav_ a{font-weight:bold; color:#fff; text-decoration:none}
.nav a:link, .nav_ a:link {font-weight:bold; color:#fff; text-decoration:none}
.nav a:visited, .nav_ a:visited {color:#fff; text-decoration:none}
.nav a:hover, .nav_ a:focus, .nav a:hover, .nav a:focus {text-decoration:underline;color:#fff}
.nav a:active, .nav_ a:active {color:#fff; text-decoration:none}

ul.nav{padding:8px 10px;margin:0;text-align:center}
li.nav{display:inline; font-size:11px;color:#fff; font-weight:bolder; border-left:1px solid #fff;padding:0 5px}
li.nav_{display:inline; font-size:11px;color:#fff; font-weight:bolder; padding:0 5px}
ul{padding-top:5px;}
span.red{color:#d21400; font-weight:bolder;}

h2 span.red {font-weight:normal;}


span.title_black{font-weight:bolder;}
div#jar_image{float:right; overflow:auto; width:437px; height:364px; margin:-319px 157px 0pt 0pt; background:url(../img/whats-in-a-jar.png) no-repeat; overflow:auto;}


#footerContent{font-size:78%;width:100%;min-height:20px;background-color:#f6d0cc}
.footerPad{padding:10px 10px}


#Layer1 {
	position:absolute;
	top:200px;left:260px;
	width:130px;
	height:150px;
	z-index:1;
	
}
#Layer2 {
	position:absolute;
	top:160px;left:410px;
	width:150px;
	height:170px;
	z-index:1;

}
#Layer3 {
	position:absolute;
	top:100px;left:570px;
	width:200px;
	height:250px;
	z-index:1;

}
#Layer4 {
	position:absolute;
	top:360px;left:300px;
	width:380px;
	height:80px;
	z-index:1;

}


/* padding styles */
.padT2{padding:10px 20px 0 0}
.padT{padding:10px 0 0 0}
.padR{padding:0 10px 0 0}
.padB{padding:0 0 10px 0}
.padBLs{padding:0 0 4px 10px}
.padL{padding:0 0 0 10px}
.padTRBL{padding:10px}
.padTRB{padding:10px 10px 10px 0}
.padTRL{padding:10px 10px 0 10px}
.padTBL{padding:10px 0 10px 10px}
.padTR{padding:10px 10px 0 0}
.padTB{padding:10px 0 10px 0}
.padTL{padding:10px 0 0 10px}
.padRB{padding:0 10px 10px 0}
.padRBL{padding:0 10px 10px 10px}
.padBL{padding:0 0 10px 10px}
.padRL{padding:0 10px 0 10px}
.padTRL20{padding:0px 8px 0 20px}
/* end padding styles */

/*margin styles for aligning text with images*/
.mrgB{margin-bottom:10px}
.mrgT{margin-top:10px}
.mrgR{margin-right:10px}
.mrgRB{margin:0 5px 5px 0}
.mrgBL{margin:0 0 5px 5px}
/*end margin styles*/


/*styles added by BD NTWK*/

/*all pages*/
div.content {width:800px; margin:0 auto; text-align:left;margin:23px 0; font-size:10px;}
div.content p {font-size:1.1em;line-height:1.3em; margin:0 0 1em 0; padding:0;}

.fir {display:block; text-indent:-9999px; margin:0;padding:0;background-repeat:no-repeat;}

/*buttons*/
/*(needed to overwrite default styles in FF for button)*/
button,
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {padding: 0;border: none;background:none;border:none;cursor:pointer;}

button#submit {margin:30px 0 0 152px;width:100px;height:25px;padding: 0;border: none;background:none;border:none;cursor:pointer;}	
a#home {background-image: url(../img/button_home.gif);width:100px; height:25px;float:left;margin-right:20px;}
a#enter-again {background-image: url(../img/button_enter-again.gif);width:100px; height:25px;float:left;}
a#back {background-image: url(../img/button_back.gif);width:100px; height:25px;float:left;}


/*clearfix*/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
.clearfix {display: block;}
* html .clearfix {height: 1px;}


/*page=registration*/
div.registration {width:800px; margin:0 auto; text-align:left;margin:20px 0;}

div.registration div.col-left {width:344px; float:left;background: #e9f6fc url(../img/bg_colleft.jpg) no-repeat bottom;margin:0 22px 0 22px;display:inline;position:relative;}
div.registration div.col-left div.top {float:left; width:344px; background:url(../img/bg_colleft-top.jpg) no-repeat top;padding:20px 0;}
div.registration div.col-left div.shadow {float:left; width:314px;background: url(../img/bg_colleft-shadow.gif) repeat-y;padding:160px 15px 0 15px;min-height:815px;}

div.registration div.col-right {width:394px; float:left;background: #e9f6fc url(../img/bg_colright.jpg) no-repeat bottom;position:relative;display:inline;}
div.registration div.col-right div.top {float:left; width:394px; background:url(../img/bg_colright-top.jpg) no-repeat top;padding:20px 0;}
div.registration div.col-right div.shadow {float:left; width:364px; background: url(../img/bg_colright-shadow.gif) repeat-y;padding:337px 15px 0;min-height:638px;}


div.registration a, div.content .red, div.content  .error {color: #d31401 !important;}


/*image replacement*/
div.registration h2#h_what-can-i-win {background-image: url(../img/h_what-can-i-win.gif);width:139px; height:17px;margin:30px 0 16px;}		
div.registration h2#h_how-can-i-win {background-image: url(../img/h_how-can-i-win.gif);width:151px; height: 16px;margin-bottom:16px;}		


/*teaser-box*/
div.registration div#intro {position:absolute;top:-4px;left:-14px;height:170px;}
div.registration div#intro p.teaser {position: absolute; bottom:0; left:140px;width:200px;margin:0;}


/*form*/
div#script {display:none;}

div.registration form input.text {width: 254px; font-size:1em;background:#fff; margin:0 5px 0 0;padding:4px 2px;border-top: 1px solid #8f8f8f;border-right:1px solid #cecece;border-left:1px solid #cecece;border-bottom:1px solid #e4e4e4;}
div.registration form input.checkbox {margin:0 5px 0 0;}
div.registration form select {font-size:1em; margin-bottom:6px;border-top: 1px solid #8f8f8f;border-right:1px solid #cecece;border-left:1px solid #cecece;border-bottom:1px solid #e4e4e4;}
div.registration form label {color: #000;}
div.registration form p {margin: 0;}
div.registration form p.red {margin: 0 0 6px;}
div.registration form p p.error {font-size:1em;}
div.registration form p.error {margin:0 0 6px 0;}
div.registration form p.negative-margin {margin-top:-3px;position:relative;}
div.registration form p.short {width: 273px;}

div.registration div.box-style1 {margin-bottom:1.5em;}
div.registration div.box-style1 div.wrap {background:url(../img/bg_box-style1-top.gif) no-repeat top left;width:263px;padding-top:10px;position:relative;}
div.registration div.box-style1 div.bottom { background:url(../img/bg_box-style1-bottom.gif) no-repeat bottom;width:263px;padding-bottom:10px;}
div.registration div.box-style1 div.text {background:#e02600;width:243px;padding: 0 10px;}
div.registration div.box-style1 span.mandatory {position:absolute; right: -12px;display:block;}

div.registration div.box-style1 label {color:#fff;font-weight:normal;font-size:1.2em;margin-bottom:5px;display:block;}

/*misc*/
div.registration span.float-right {float:right;display:block;}
div.registration img#families {position:absolute;top:-5px;left:-5px;}
div.registration .no-margin {padding:0;}
div#promo-1 {margin:35px 0 0 20px;}

ul.style1 {list-style:lower-alpha;}
ol.style1 {margin:0 0 2em 0; padding:0;}
.tweak1 {margin-bottom:2em !important;}
.tweak2 {width:260px;padding:0;margin: 0 5px 0 0;display:block;float:left;color:#000;}
.tweak3 {clear:both;}
.tweak4 {margin-bottom:12px !important;}
.tweak5 {margin-bottom:30px  !important;}
.tweak6 {line-height:25px;}

/*page=thank you*/
div.thank-you div.col-wide {margin-left:26px; width:760px; float:left;background: #ebf7f8 url(../img/bg_colwide.jpg) no-repeat bottom;position:relative;display:inline;}
div.thank-you div.col-wide div.top {float:left; width:760px; background:url(../img/bg_colwide-top.jpg) no-repeat top;padding:20px 0 0;}
div.thank-you div.col-wide div.shadow  {float:left;width:565px; background: url(../img/bg_colwide-shadow.gif) repeat-y;padding:5px 15px 0 180px;min-height:480px;}

div.thank-you img#celebrate-nutella {position:absolute;top:-9px;left:-31px;}

div.thank-you a {outline:none;}


/*page=other*/
div.other div.col-wide {margin-left:26px; width:760px; float:left;background: #ebf7f8 url(../img/bg_colwide.jpg) no-repeat bottom;position:relative;display:inline;}
div.other div.col-wide div.top {float:left; width:760px; background:url(../img/bg_colwide-top.jpg) no-repeat top;padding:20px 0 0;}
div.other div.col-wide div.shadow  {float:left;width:550px; background: url(../img/bg_colwide-shadow.gif) repeat-y;padding:5px 30px 30px 180px;min-height:480px;}
div.other img#celebrate-nutella {position:absolute;top:-9px;left:-31px;}
div.other a {outline:none;}