@import url('reset.css');


body {
	background-color: #afb0b6;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#logo, #hero {
position: absolute;
top:-35px;
left:-27px;
z-index:10;
}

#logo a {
display:block;
height: 120px;
width:223px;
position:absolute;
top: 0;
left: 0;
text-decoration:none;
z-index: 100;
}

#hero {
top:0px;
left:410px;
z-index:9;
}

#header {
width:752px;
height:267px;
position:relative;
z-index:15;
left:95px;
top:55px;
}

#headerMask {
position:absolute;
top:55px;
left:598px;
z-index:20;
}


#containerHome, #container, #containerFull,  #containerMid, #containerSmall, #containerUtil {
width: 960px;
height: 637px;
background: url(../images/background-home.jpg) 0 0;
position: relative;
left: 50%;
margin-left: -480px;
top: 36px;
}

#container {
background: url(../images/background.jpg) 0 0;
height:1027px;
}

#containerFull {
background: url(../images/background_full.jpg) 0 0;
height:1400px;
}

#containerUtil {
background: url(../images/background_util.jpg) 0 0;
height:1138px;
}


#containerMid {
background: url(../images/background_mid.jpg) 0 0;
height:1150px;
}

#containerSmall {
background: url(../images/background_small.jpg) 0 0;
height:468px;
}

#containerInner {
position:relative;
background: url(../images/background-inner.jpg) repeat-y 46px 0px;
height:867px;  /* should be dynamic */
top:38px;
z-index:5;
}

#containerFull #containerInner {
height:1225px;
}

#containerMid #containerInner {
height:991px;
}

#containerSmall #containerInner {
height:311px;
}



#pageFooter {
width:940px;
height: auto;
position:relative;
left: 50%;
margin-left:-470px;
padding:57px 0 0 0;
}

#pageFooter p {
color:#ffffff;
text-align:center;
font-size:10px;
font-weight:bolder;
clear: both;
padding-top: 20px;
}

ul#footerLogos, ul#navTop, ul.subnavItems {
padding:0;
margin:0;
list-style:none;
}

ul#footerLogos li, ul#navTop li{
float:left;
padding:0;
margin: 0;
list-style:none;
}

ul#footerLogos
{
	padding-left: 125px;
	height: 40px;
}

ul#footerLogos li
{
	margin-left: 10px;
}

ul#navTop {
width: 940px;
position:absolute;
top:40px;
left:10px;
z-index:8;
}


#highlight1 {
width:163px;
height:150px;
float:left;
padding: 0 29px 0 90px;
display:block;
z-index: 900;
}


#highlight2 {
width: 164px;
height:150px;
float:left;
padding: 0 28px 0 0;
display:block;
z-index: 900;
}

#flash {
height: 320px;
position:relative;
padding-top:65px;
left:44px;
}

#containerFooter {
clear:both;
width: 900px;
height: auto;
position: relative;
left: 50%;
margin-left: -450px;
color:#939498;
font-size:11px;
text-align:center;
padding: 24px 0 0 0;
}

#containerMid #containerFooter {
padding: 14px 0 0 0;
}


#containerFooter a {
color:#939498;
}

.curve {
float:left;
padding: 0 0 25px 15px;
}





/* accordian subnav products page  */



#navItems {
position: absolute;
top:76px;
left:95px;
width:197px;
z-index:15;
}

#navItems li { display: inline;}

#navItems li .subnavItems li { display: block; }

a.mainNav, a.mainNav-nolist { display: block; }


#accordion div {
height: 175px;
}

ul.subnavItems {
padding: 10px 0 10px 17px;
background: #f0f0f0 url(../images/nav/background-subnav.jpg) left top no-repeat;
}

ul.subnavItems li a {
color:#0369bc;
font-size:12px;
text-decoration:none;
padding: 0 0 7px 0px;
letter-spacing:0.02em;
line-height:1.3em;

}

ul.subnavItems li a:hover {
color:#044070;

}

ul.subnavItems { display: none; }
ul#navItemList1.subnavItems { display: block; }

/* --- product info ---*/

.productInfo-pudding {
position:relative;
left:334px;
top:65px;
width:578px;
height:auto;
}

.prodInfo {
display: none;
height: auto;
}

.prodInfo p {
/*color:#727475;*/
color:#424243;
font-size:12px;
line-height:1.5em;
padding: 10px 8px 5px 8px;
margin:0;
}


#chocolate.prodInfo { display: block; }


.product, .productRight, #products-bottom, .productA, .productBottomTitle {
float:left;
}

#bottomProducts { clear: left; }

.productRight {
padding: 80px 0 0 0;
width:245px;
}


.productA {
clear:left;

}

#products-bottom {
/*position:relative;*/
margin: 100px 0 0 90px;
_margin-left: 45px;
}

.productBottomTitle {
padding: 0 0 31px 0;
}


#slider ul li a {
display:block;
width:396px;
height:150px;
}

#slider ul {
width:396px;
height:150px;
}

#snackIdeasList, #nutritionList {
width:752px;
position:relative;
left: 114px;
top: 60px;

}

#snackIdeasList ul {
padding: 25px 22px 25px 0;
text-align:right;
font-size: 11px;
color:#b2b2b2;
}


#snackIdeasList ul a {
color:#333333;
text-decoration:none;
padding: 0px 3px;
font-size: 15px;
}

#snackIdeasList ul a:hover {
color:#0067b4;
text-decoration:underline;
}

#snackIdeasList ul a.numberHighlight{
color:#0067b4;
font-weight:bold;
}

#snackIdeasList div div {
width:732px;
height: 224px;
padding-top: 54px;
background:url(/images/snackideas/dashed-line.jpg) bottom left no-repeat;

}

#snackIdeasList span, #nutritionList span {
float:left;
width: 335px;
height:198px;
text-align:center;
}

#snackIdeasList span h3 {
font-size: 16px;
font-weight:bolder;
color:#ca0a11;
padding:25px 0;
}

#snackIdeasList span h3.headlineLong {
padding:10px 0 20px 0;
}

#snackIdeasList span h3.headlineLong2 {
padding:5px 0 15px 0;
}

#snackIdeasList span p {
font-size: 14px;
/*color:#727374;*/
color:#424243;
letter-spacing: .10em;
}

#snackIdeasList span p span {
display:block;
font-size: 12px;
line-height:1.3em;
width:225px;
height: auto;
padding: 10px 0 0 55px;
}


.left {
float:left;
display: block;
}

.right {
float:right;
display: block;
}


.stroke .right {
padding-right:100px;
}
.pageImage {
position:relative;
right:5px;
top:3px;
}

.bucketImage {
z-index: 10;
}

.bucketMask {
z-index: 55;
position:absolute;
top: 402px;
_left: 474px;
}


#nutritionList {
width:791px;
left: 94px;
}


#nutritionList ul {
padding: 25px 22px 25px 0;
text-align:right;
font-size: 11px;
color:#b2b2b2;
}


#nutritionList ul a {
color:#333333;
text-decoration:none;
padding: 0px 3px;
}

#nutritionList ul a:hover {
color:#0067b4;
text-decoration:underline;
}

#nutritionList div {
clear:left;
float:left;
width:791px;
height: 202px;
padding-top: 24px;
padding-left:62px;
}

#nutritionList div.stroke {
background:url(/images/dotted-hr.jpg) 60px top no-repeat;
padding-left:32px;

}

#nutritionList div.stroke2 {
background:url(/images/dotted-hr.jpg) 60px top no-repeat;
padding-left:62px;

}

#nutritionList span {
width:462px;
height: 212px;
padding:0 0 0 40px;
text-align:left;

}


#nutritionList span.wide {
padding: 0 0 0 10px;
}


#nutritionList span.wide p {
padding: 0 0 0 5px;
}


#nutritionList span.middle p {
padding: 0 0 0 5px;
}

#nutritionList span.middle h3 {
padding:0px 0 10px 0;
}

#nutritionList span.wide h3 {
padding:0px 0 10px 0;
}


#nutritionList span h3 {
font-size: 16px;
font-weight:bolder;
color:#ca0a11;
padding:25px 0 10px 0;
}

#nutritionList span p {
font-size: 13px;
color:#727374;
letter-spacing: .10em;
/*padding: 0 40px 0 50px;*/
line-height:1.5em;
}


.balloon {
float:left;
position:relative;
top:-30px;
}


#containerHome #content {
float:left;
}

.block{ width:396px;;  height:auto; display:inline; background-color:#CCC}
#block1{width:396px;}
#containerPromo {
z-index:50;
width:396px;
height:150px;
position:relative;
overflow:hidden;
}

.promoBack, .promoNext {
position:absolute;
z-index:60;
top: 450px;
}

.promoNext {
right:92px;
}

#frenchLink {
position:absolute;
top:21px;
left: 868px;
z-index:100;
font-size:11px;
}

#frenchLink a {
color:#CCCCCC;
text-decoration:none;
}

#frenchLink a:hover {
color:#666666;
}

#snackIdeasList div span.disclaimer {
font-size: 10px;
/*color:#999999;*/
color:#424243;
height: 20px;
background: none;
padding: 0px 0 0 0;
clear: left;
}

body#popup { background-color: #fff; }

body#popup p { font: 11px arial,helvetica,sans-serif;
margin-top: 20px;
padding: 0 5px;}

body#popup h5, body#popup h6 { margin-bottom: 10px;
padding-left: 5px;
margin-top: 5px; }

body#popup h6 { margin-top: 20px; }

#pageContent {
width: 850px;
padding: 150px 50px 0 50px;
}

#pageContent h3 {
font-size: 14px;
padding: 5px 0;
}


#pageContent p {
padding: 10px 0;
}
.nostate{
	color:#333;
}

/*** popup legal pages ***/

#containerUtil.popuplegal { background: url(../images/popuplegal_top.jpg) left top no-repeat;
height: auto;}

#containerUtil.popuplegal #pageContent { background: none;
padding-bottom: 50px; }

#popuplegal-bottom { background: url(../images/popuplegal_bottom.jpg) left top no-repeat;
height: 24px;
width: 960px; }

#containerUtil.popuplegal { line-height: 18px; }

.smilesLeft {
width:237px;
float:left;
padding-left:11px;
}

.smilesMid {
float:left;
width:298px;
}

.smilesRight {
float:left;
width:203px;
}

span#quickmeals { display:block; clear:both; margin-top:9px; margin-bottom:13px; }
span#quickmeals.quickmealsen { margin-left: -28px; }
span#quickmeals.quickmealsfr { margin-left: -63px; }