body{max-width:100%; width: 100%; padding: 0; margin:0 auto; font-family:"Dax";}
ul{list-style-type:none;}
.abs {position:absolute}
.rel {position:relative}
.fixed {position:fixed}
.clear {clear:both;}
.left {float:left;}
.right {float:right;}
.full{width:100%;}
.center{text-align:center;}
.v5 {height:5px;}
.v10 {height:10px;}
.v15 {height:5px;}
.v20 {height:20px;}
.v25 {height:5px;}
.v30 {
    height: 30px;
}
.v40 {
    height: 40px;
}
.half {width:50%;}

.width80 {max-width: 80%; margin: 0 auto;}
img.fill {display:block; opacity:0.6;}
div,.header li{box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.header a , .footer a{text-decoration:none;}
.header {padding:10px 0 0 0;width:100%; margin:0; background:none;}
.header>.top { width:100%; margin:0 auto; position:relative;}
.header>.top>.logo{width:160px; height:36px; background:url(images/homepage/logo.png) no-repeat left center; background-size:contain; top:15px; left:0; }
.header>.top>.logo>a {display: block; height: 100%; width: 100%;}
.header>.top>.menu {width:100%; height:51px; font-size:28px; padding:10px 0 10px 25%; line-height:28px;}
.header>.top>.menu a {color: #184d82;}
.header>.top>.menu>ul {margin:0; float:right; width:100%; list-style-type:none;}

.header>.top>.menu>ul>li {display:block; float:left; list-style:none; text-align:center; padding:0; width:20%; margin:0; font-weight:bold;}
.header>.top>.menu>ul>li.last {width:20%; padding-right:15px;}
    .header > .spacer {
        width: 100%;
        height: 550px;
        background: url(images/bgMashHeaderv2.jpg);
        
    }
    
        .header > .spacer > .intro {
            width: 100%;
            max-width: 800px;
            margin: 0 auto; color:white; font-size: 18px; text-align:center;
            padding:40px 0;
        }
        .header > .spacer > .intro >h1 {font-size:42px; font-weight:800; line-height:150%;}
        .header > .spacer > .intro >.txt{padding:0 80px; text-align: left;}


.no-image .image {display:none;}

.mainbody {padding:20px 0;}
.mainbody .item {margin:0 1% 1% 0; width:24%; padding:2px; overflow:hidden;}
.mainbody .item.big {margin:0 1% 1% 0; width:49%; padding:0;}
.mainbody .item .abs {padding:8%; width:100%; top:0; left:0; overflow:hidden; height:100%; text-overflow:ellipsis; }
.mainbody .item.big .abs {padding-top:4%; height:100%;}
.mainbody .item.long .abs {padding:6%  10%  10% 10%; height:100%;}
.mainbody .item.with-image.box1 .abs {padding:10px;}
.mainbody .item img.fill,.mainbody .item .image>img,.mainbody .item .abs > div.content>img {width:100%;}

.mainbody .item .abs>div {display:none;} 
.item .abs > div.content {display:block;  width:100%; height:100%; overflow:hidden;}
.item .abs > div.content>img {width:80%;}
.mainbody .item .abs > div.content {
    font-size: 0;
}
.mainbody .item.big .abs>div,.mainbody .item.long .abs>div {display:block;}
.mainbody .item.big .abs>div.title,.mainbody .item.long .abs>div.title {display:none;}
.mainbody .big.item .abs > div.hidden.overflow, .mainbody .long.item .abs > div.hidden.overflow{display:none;}
.mainbody .item.big .abs>div.title,.mainbody .item.long .abs>div.title {display: none;}
.mainbody .item.no-image .abs>div.image {display:none;}
.mainbody .item.no-image .abs>div.quickview {display:block; padding-top:40px;}
.mainbody .item.with-image .abs>div.image {display:block; padding-bottom: 15px;}
.mainbody .item .threewords {font-size:25px; font-weight:bold; text-align:center; width:100%; padding:20px 20px 10px 20px;}
.mainbody .item.review .name {font-size:20px; font-weight:bold;  text-align:center; width:60%; padding:10px 0 20px 0; margin:0 auto;}
.mainbody .item .stars {overflow:hidden; padding: 5px 0 10px 0; margin:0 auto; width:100%;}
    .mainbody .item .stars.star50 {max-width:200px;}
    .mainbody .item .stars.star40 {max-width:160px;}
    .mainbody .item .stars.star30 {max-width:120px;}
    .mainbody .item .stars.star20 {max-width:80px;}
    .mainbody .item .stars.star10 {max-width:40px;}
    .mainbody .item .stars.star45 {max-width:180px;}
    .mainbody .item .stars.star35 {max-width:140px;}
    .mainbody .item .stars.star25 {max-width:100px;}
    .mainbody .item .stars.star15 {max-width:60px;}
.mainbody .item .stars>.starsHolder {width:200px; height:42px;}
    .mainbody .item .stars > .starsHolder > .star {
        width: 40px;
        height: 33px;
    } 
.fancybox-inner .fillname{display:none;}
            
.mainbody>.homeHolder {width:100%; margin:0 auto; background: url(images/homepage/nestleHomeDividerBlue.png) repeat-y top center;}
.mainbody>.homeHolder>.product {width:49%;  float:left; padding:0 4px;}
.mainbody>.homeHolder>.product img{width:100%;}
.mainbody>.homeHolder>.product.nan {background:url(images/homepage/nestle-Nan-Banner-v4.jpg);background-size:contain;}
.mainbody>.homeHolder>.product.cerelac {background:url(images/homepage/nestle-Cerelac-Banner-v3.jpg); float:right; background-size:contain;}
.mainbody>.homeHolder>.product.recipes {display:none;}

.mainbody .loadmore{width:613px; height:47px; background:url(images/cerelac/more.png) no-repeat; cursor: pointer;}

.header > .spacer> .width80> .right{height:320px; padding:0 18px 20px 20px; overflow:visible;}

/*******Cerelac page*********/
.header.cerelac{background:url('images/cerelac/bgHeader.png') repeat-x;}
.header.cerelac  .plogo img{width:100%;}
.header.cerelac > .spacer{background:none; padding: 40px 0;}
.header.cerelac  .plogo{width:65%;}
.header.cerelac > .spacer h2 {margin-top: 0;}
.header.cerelac > .spacer .txt{width: 80%; color: #8475a8; font-weight: bold;}
.spoon {background:url(images/cerelac/spoon.png) no-repeat; height:150px; width:180px; right:0; top:105%; background-size:contain; z-index:+1;}
.mainbody.cerelac .loadmore {margin: 0 auto; color: transparent;}
.mainbody.cerelac {background:url(images/cerelac/tilebg.jpg) repeat;padding:60px 0 0 0; }

.mainbody.cerelac .item { color:#8475a8; }
.mainbody.cerelac .item .cate{color: #fff; font-size: 17px;}
.mainbody.cerelac .item .stars>.starsHolder>.star {background:url(images/cerelac/starpurple.png) no-repeat center center; background-size:contain;}

.mainbody.cerelac .item.box1{background:url(images/cerelac/bgBox1.png) no-repeat; background-size:contain;}
.mainbody.cerelac .item.box2{background:url(images/cerelac/bgBox2.png) no-repeat; background-size:contain;}
.mainbody.cerelac .item.box3 {color: #fff;}
.mainbody.cerelac .item.box4{background-size:contain; }
.mainbody.cerelac .item.box5{background:url(images/cerelac/bgBox5.png) no-repeat; background-size:contain; }
    .mainbody.cerelac .item.box5 .cate{color: #8475a8;}
.mainbody.cerelac .item.box6 {}
.mainbody.cerelac .item.box7{background:url(images/cerelac/bgBox7.png) no-repeat; background-size:contain;color: #fff;}
    .mainbody.cerelac .item.box7 .stars>.starsHolder>.star {background:url(images/cerelac/starwhite.png) no-repeat center center; background-size:contain;}
    .mainbody.cerelac .item.box7 .abs>div.review-text {display:block;}
.mainbody.cerelac .item.big {color: #fff;}

.mainbody.cerelac .item.recipe .abs>div {display:block;}
.mainbody.cerelac .item.recipe .abs>div.image {display:none;}
.mainbody.cerelac .item.recipe .abs>div.name {width:100%; text-align:center;}
    .mainbody.cerelac .item.recipe .heading {
        width: 100%;
        height: 80px;
        background: url(images/cerelac/bgRecipe.png) no-repeat center center; background-size:contain;
    }.mainbody.cerelac .item.recipe.box5 .heading {
        width: 100%;
        height: 80px;
        background: url(images/cerelac/bgRecipeGreen.png) no-repeat center center; background-size:contain;
    }.mainbody.cerelac .item.recipe.box5 h2 {font-size:16px;} 
     

/*****Nan page*****/                                                              
.header.nan{background:url('images/nan/bgHeader.jpg');}
.header.nan  .plogo img{width:95%;}
.header.nan > .spacer{background:none; padding: 40px 0;}
    .header.nan  .plogo{width:40%;}
    .header.nan > .spacer .txt{width: 80%; color: #184d82; font-weight: bold;}

.mainbody.nan {background:url(images/nan/bg.jpg) no-repeat;padding:30px 0 0 0; }
    .mainbody.nan .item { color: #184d82;}
.mainbody.nan .item.big { color:#fff; }
        .mainbody.nan .item .pro b,.mainbody.nan .item .con b,.mainbody.nan .item.big .quickview {
            color: #184d82;
        }
.mainbody.nan .item .stars>.starsHolder>.star {background:url(images/nan/starblue.png) no-repeat center center; background-size:contain;}
.mainbody.nan .item.box1,.mainbody.nan .item.box5,.mainbody.nan .item.box7{background:white; border:4px solid #70cbd2;}
.mainbody.nan .item.box2{background:#70cbd2; color: #fff;}
    .mainbody.nan .item.box2.with-image .abs {padding:2%;
    }
.mainbody.nan .item.box2 .name{color: #184d82;}
.mainbody.nan .item.box4{background:#70cbd2; border:none;}
.mainbody.nan .item.box5 img.fill,.mainbody.nan .item.box7 img.fill {margin-bottom:12px;}
.mainbody.nan .item.big .abs>div,.mainbody.nan .item.long .abs>div.review-text {display:block;}
.mainbody.nan .item.big.no-image .abs>div.image {display:none;}

.mainbody.nan .item.recipe .abs>div {display:block;}
.mainbody.nan .item.recipe .abs>div.image {display:none;}
.mainbody.nan .item.recipe .abs>div.name {width:100%; text-align:center;}
    .mainbody.nan .item.recipe .heading {
        width: 100%;
        height: 80px;
        background: url(images/cerelac/bgRecipe.png) no-repeat center center; background-size:contain;
    }.mainbody.nan .item.recipe.box5 .heading {
        width: 100%;
        height: 80px;
        background: url(images/cerelac/bgRecipeGreen.png) no-repeat center center; background-size:contain;
    }.mainbody.nan .item.recipe.box5 h2 {font-size:16px;} 
    .mainbody.nan .item.box3, .mainbody.nan .item.box6 {
        background: #6c97e0;
    }

.mainbody.nan .loadmore {
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  color: #ffffff;
  font-size: 28px;
  background: #184d82;
  padding: 7px 0;
  text-decoration: none;
width: 250px;
height: 50px;
margin: 0 auto;
text-align: center;
}

.mainbody.nan .loadmore:hover {
  background: #3cb0fd;
  text-decoration: none;
}

/*****Recipes page****/
.recipe.item .abs>.left {width:100%;}
     
.header.recipes > .spacer{padding: 40px 0;}
.header.recipes > .spacer h1 {color: #fff; font-size: 70px; }
.header.recipes > .spacer .txt{width: 80%; color: #fff; font-weight: bold;}
.mainbody.recipes {background:url(images/nan/bg.jpg) no-repeat;padding:30px 0;}
    .mainbody.recipes .item {margin:0 0.66% 1% 0.66%; width:32%; padding:0;
    }
.mainbody.recipes .item[data-category="FROM 4-6 MONTHS"] {background:#ef8e84; color:#ef8e84; font-size: 17px;}
.mainbody.recipes .item[data-category="FROM 6 MONTHS"] {background:#70cbd2; color:#70cbd2; font-size: 17px;}
.mainbody.recipes .item[data-category="FROM 8 MONTHS"] {background:#8475a8; color:#8475a8; font-size: 17px;}
.mainbody.recipes .item[data-category="FROM 12 MONTHS"] {background:#184d82; color:#184d82; font-size: 17px;}
.mainbody.recipes .item .cate{color: #7f7f7f; font-size: 17px;}
.mainbody.recipes .item .abs {padding:0; height:auto; }
    .mainbody.recipes .item .abs > .name {
        text-align: center;
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 0px;
        padding-top: 5px;
        position:relative;
    }
    .mainbody.recipes .item .abs > .name>.fillname {width:100%;}
.mainbody.recipes .item .abs > .name h3 {margin-top: 0;}
.recipes.mainbody .item .abs > .name > .bg {    background: white;    padding: 15px 15px 50px 15px;    position: absolute;    top: 0px;    left: 10px;    right: 10px;    bottom: 15px;}

.mainbody.recipes .item img.fill{z-index:-1;}
.mainbody .item .image>img {display:block;}
.mainbody.recipes .item .abs>div.name,.mainbody.recipes .item .abs>div.image {display:block;}
.mainbody.recipes .item .abs>div  {display:none;}

.mainbody.recipes .loadmore {
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  color: #ffffff;
  font-size: 28px;
  background: #184d82;
  padding: 7px 0;
  text-decoration: none;
width: 250px;
height: 50px;
margin: 0 auto;
text-align: center;
}

.mainbody.recipes .loadmore:hover {
  background: #3cb0fd;
  text-decoration: none;
}

.ingredients {padding: 0 5px 0 0;}
.ingredients ul {list-style-type: none; padding: 0;}
.instructions ol {list-style-type: none; padding: 0;}


.productShots {margin: 0 auto;}
.productShots a {display: block; width: 100%; height: 100%;}
.productShots>img {width:100%;}
.productShots.cerelac{width:100%;position:relative;}
.productShots.nan{width:21%;position:relative;}

.productShots ul {width:100%; top:0; height:100%; margin:0; padding:0;}

.productShots li {width:20%; display:block; height:100%; float:left;}
.productShots.nan li{width:100%;}

.footer {width:100%;height: 75px; background:#aaa; padding:5px 0;}
    .footer > .footerContent {
        margin: 0 auto;
        height:36px;
        padding: 10px 0 35px 105px;
        width:372px;
        background:url(images/homepage/FooterLogo.png) no-repeat;color:white;
    }
    .footer a{color:white;}