.link {cursor:pointer;}
.hidden {display:none;}
.sociallinks {margin:15px auto 0 auto; height:42px; padding:10px;}
.sociallinks>.sociallink{width:20px; height:20px; display:block; margin-right:10px; float:left;}
.sociallinks>.sociallink.fb{background:url(images/fb.png) no-repeat; background-size:contain;}
.sociallinks>.sociallink.tw{background:url(images/tw.png) no-repeat; background-size:contain; background-position: 0;}
.sociallinks>.sociallink.em{background:url(images/em.png) no-repeat; background-size:contain; background-position: 0;}
.sociallinks>.sociallink.pr{background:url(images/pr.png) no-repeat; background-size:contain;}
.sociallinks>.sociallink.pt{background:url(images/pt.png) no-repeat; background-size:contain;}
/*changed 1.1 2015-07-14 1:35PM
    Removed .mainbody for stars, added fancybox popup styles
*/
.item .threewords {font-size:30px; font-weight:bold; text-align:center; width:100%; padding:15px;}
.item.review .name {font-size:24px; text-align:center; width:60%; padding:5px 0; margin:0 auto;}
.item.review .review-text {padding-bottom:15px;}
.item.review .pro {padding-bottom:15px;}
.item .stars {overflow:hidden; padding: 5px 0 10px 0; margin:0 auto; width:100%;}
.item .stars.star50 {max-width:250px;}
.item .stars.star40 {max-width:200px;}
.item .stars.star30 {max-width:150px;}
.item .stars.star20 {max-width:100px;}
.item .stars.star10 {max-width:50px;}
.item .stars.star45 {max-width:225px;}
.item .stars.star35 {max-width:175px;}
.item .stars.star25 {max-width:125px;}
.item .stars.star15 {max-width:75px;}
.item .stars>.starsHolder {width:250px; height:42px;}
.item .stars > .starsHolder > .star {
        width: 50px;
        height: 42px;
        background:url(images/nan/starblue.png) no-repeat center center;
    }

.fancybox-lock iframe{visibility:hidden;}
.fancynan .fancybox-skin {background:#8cc0de;}

.fancycerelac .fancybox-skin {background:url(images/cerelac/bgPop.png?v=1) no-repeat; background-size:cover;}
.fancycerelac .fancybox-skin .rel{background:none;}
.fancycerelac .fancybox-skin .fancybox-inner .item img.fill{opacity:0; max-width:600px;}
.fancyrecipes  .fancybox-skin{background: #184c80;}
.fancyrecipes .fancybox-skin[data-category="FROM 4-6 MONTHS"] {background:#ef8e84;}

.fancycerelac.fancybox-opened .fancybox-skin {-webkit-box-shadow: none; box-shadow:none;}

.fancybox-inner .item {max-width:600px; width:100%;}
.fancybox-inner .item.with-image {max-width:700px; width:100%;overflow:auto; }
.fancybox-inner .item img.fill,.fancybox-inner .item .image>img{width:100%;}
.fancybox-inner .item .abs {padding:7% 7% 0 7%; width:100%;top:0; left:0; color: #184d82; font-size: 18px;}
/*.fancycerelac .fancybox-inner .item .abs {padding:7%;}*/
.fancybox-inner .item .abs .title {display: none;}
.fancybox-inner .item.recipe .abs {padding:4%; width:100%;top:0; left:0; background:white; }
.fancybox-inner .item .abs h2 {font-size: 18px; margin: 5px 0;}
.fancybox-inner .item .abs h3 {margin: 5px 0;}
.fancybox-inner .item .abs .ingredients ul, .fancybox-inner .item .abs .instructions ol, .fancybox-inner .item .abs p {font-size:16px;}
.fancybox-inner .item.recipe .abs .bg {padding:0;}
.fancybox-inner .item.no-image .quickview,.item.no-image.big .quickview {width:100%;}
.fancybox-inner .item .quickview,.item.big .quickview {width:50%; float:left; text-align:center;}
.fancybox-inner .rel {background:white;}
.fancybox-inner .item .image, .item.big  .image{width:50%; float:right;}
.fancybox-inner .item.recipe .abs>.left {width: 100%; float: left;} 
.print .left{width:50%;}
.print img{width:100%;}
.print .left.image {float:right;}
.print .fillname {display:none;}
/*changed 1.1 2015-07-14 1:35PM*/

@media screen and (min-width:800px) and (max-width:1280px){
    .width80 {max-width:92%;}
    .recipes.mainbody .item .abs > .name h3 {
        margin:0; 
        font-size:14px; line-height:15px; height:30px;
    }
    .recipes.mainbody .item .abs > .name .cate {
        font-size:12px; 
    }
    .header.recipes > .spacer h1 {
        font-size:50px;
        margin-top:0;
    }
    .header > .spacer > .intro >h1 {
        font-size:60px;
    }
    .header > .spacer> .width80> .right {
        height:280px;
        padding: 0;
    }
    .item .stars, .mainbody .item .stars {
        padding: 0;
    }
    .mainbody .item .threewords {
        padding: 10px 20px 10px 20px;
    }
    .mainbody .item.review .name {
        padding: 0;
    }    .mainbody .item .stars.star50 {max-width:150px;}
    .mainbody .item .stars.star40 {max-width:120px;}
    .mainbody .item .stars.star30 {max-width:90px;}
    .mainbody .item .stars.star20 {max-width:60px;}
    .mainbody .item .stars.star10 {max-width:30px;}
    .mainbody .item .stars.star45 {max-width:135px;}
    .mainbody .item .stars.star35 {max-width:105px;}
    .mainbody .item .stars.star25 {max-width:75px;}
    .mainbody .item .stars.star15 {max-width:45px;}
    .mainbody .item .stars>.starsHolder {width:150px; height:42px;}
    .mainbody .item .stars > .starsHolder > .star {
        width: 30px;
        height: 25px;
    } 
    .mainbody .item .threewords {font-size:18px; padding-top: 0;}
}
@media screen and  (max-width:799px) {
	.width80 {max-width:95%;}
    .header .width80 ,.header > .top{max-width:100%;}
    .mainbody .item .abs {padding: 8%;}
    .mainbody .item .threewords {padding: 0 0 10px 0;}
    .mainbody .item.review .name {padding: 5px 0;}
    .mainbody.nan .item, .mainbody.cerelac .item, .mainbody.recipes .item {margin: 0 1% 4% 0;}
    .mainbody.cerelac .item.recipe.box5 .heading {background-size: contain;}
    .mainbody.cerelac .item.long .abs {padding: 6% 15% 10% 15%;}
    
    .mainbody.cerelac .item.box3.recipe .abs {padding: 0 25px;}
    .mclose.hidden {top:0 ; left:10px;
        width:20px; height:20px; background:url(images/mobile/overlayCloseButtonWhite.png) no-repeat; background-size:contain;
        z-index:10000
        }
    .header{background:#194d80;}
    .header>.top>.logo{width:80px; height:28px; background:url(images/mobile/logo.png) no-repeat right center; background-size:contain; top:10px; left:10px; }
    .header>.top>.menu{ padding:0; float:right; width:40px; height:28px; background:url(images/mobile/Hamburger.png) no-repeat; background-size:contain;}
    .header>.top>.menu>ul{display:none; position:absolute; top:-10px; right:0; background:#ccc; padding: 40px 0 30px 0;}
     
    .header>.top>.menu>ul>li{width:100%; color:white;}
        .header >.top> .menu > ul > li a {color:white;display:block; padding:20px 10px; font-size:26px;
        }
        /*.header>.top>.menu>ul>li br {display:none;}*/

    .header.menuactive>.top>.menu>ul,.header.menuactive .mclose.hidden{display:block;}
    .header.menuactive>.top>.menu>ul {z-index: 1;}

    .header.menuactive iframe {display:none;}
    .header > .spacer{ background:none; height:auto;}
    .header > .spacer > .intro{padding:10px;}
    .header > .spacer>.intro> h1{ font-size: 20px;}
        .header > .spacer > .intro > .txt {display:none;
        }
    .footer > .footerContent {width:100%; padding:10px; background:none; text-align: center;}
    .mainbody > .homeHolder {max-width:100%;}
    .mainbody > .homeHolder > .product{width:100%; padding:0;}
    .mainbody > .homeHolder > .product img {display:none;}
    .mainbody > .homeHolder > .product img.hidden {display:block; width:100%;}
    .mainbody > .homeHolder > .recipes.product{display:block;}
    .mainbody > .homeHolder > .recipes.product a>.abs{width:100%; text-align:center; line-height:80px; font-size:40px; color:white; font-weight: bold; padding:20px;}
    
    .cerelac.header,.nan.header,.recipes.header{background:none; padding:0;}
    .header.cerelac>.top>.logo,.header.nan>.top>.logo{background:url(images/mobile/cerelac/logo.png) no-repeat right center;background-size:contain;}
    .header.cerelac > .top > .menu, .header.nan > .top > .menu {
        background: url(images/mobile/mobileHamburgerBlue.png) no-repeat right;
        background-size: contain;
    }     .header.cerelac > .top, .header.nan > .top , .header.recipes > .top {position:absolute; right:0; top:0; width:100%; }
    
    .header>.top>.menu>ul>li.last {text-align: center; width: 100%; padding: 0;}

    .header.cerelac .spacer,.header.nan .spacer,.header.recipes .spacer {padding:0;
    }
    .header.cerelac .half,.header.nan .half,.header.recipes .half{width:100%;} 
    .header.cerelac .half>img.hidden,.header.nan .half>img.hidden{display:block; width:100%;}
    .header.cerelac .half>div,.header.nan .half>div,.header.recipes .half>div,.header.recipes .half>h1{display:none;}
        .header.cerelac .half.left {
            background: url(images/mobile/nestleCerelacMobileBanner.png);background-size:contain;
        }        .header.nan .half.left {
            background: url(images/mobile/nan/nanheading.png);background-size:contain;
        }.header.recipes .half.left {
            background: #194d80;
        }
        .cerelac.header > .spacer>div > .right,.nan.header > .spacer>div > .right,.recipes.header > .spacer>div > .right{padding:0; height:200px;}
    .header.recipes .filter.hidden{display:block; color:white; padding:30px 0 0 0; font-size:40px; text-align:center;}
    .filter > .showonly {
        font-size: 25px;
        width: 100%;
        padding: 15px;
        text-align: left; position:relative;
    }.filter > .showonly>.arrow{ width:25px; height:25px;background:url(images/mobile/recipes/mobileRightArrowWhite.png) no-repeat; background-size:100%; background-size:contain; position: absolute; right:10px; top:15px;}
    .filter.chosen > .showonly{display:none;}
    .cerelac.mainbody,.nan.mainbody,.recipes.mainbody{padding:20px 0 0 0;}
    .cerelac.mainbody .item,.cerelac.mainbody .item.big,.nan.mainbody .item,.nan.mainbody .item.big,.recipes.mainbody .item {width:100%;}
    .orange {background-color:#ef8e84;}
    .lightblue {background-color:#70cbd2;}
    .purple {background-color:#8475a8;}
    .darkblue {background-color:#184d82;}
    .mainbody .loadmore {width:300px; height:24px; background-size:contain;}
    .mainbody{padding:0}
    .mainbody .item .abs > div{display:block;}
    .mainbody .item .abs > div.title,.mainbody .item .abs > div.hidden{display: none;}
.mainbody .item.no-image .abs>div.quickview { padding-top:0px;}
    .fancynan .fancybox-skin,.fancyrecipes .fancybox-skin,.fancycerelac  .fancybox-skin{background:white; padding:5px;}
}
@media screen and (min-width:640px) and (max-width:799px){
    .recipes.mainbody .item .abs > .name h3 {
        margin:0; 
        font-size:22px; line-height:20px; height:50px;
    }
    .recipes.mainbody .item .abs > .name .cate {
        font-size:14px; 
    }
}
@media screen and (min-width:320px) and (max-width:639px){
    .recipes.mainbody .item .abs > .name h3 {
        margin:0; 
        font-size:16px; line-height:15px; height:37px;
    }
    .recipes.mainbody .item .abs > .name .cate {
        font-size:13px; 
    }
}
@media print  {
#pageStructure{display:none;}
.print.hidden{display:block;}
}