body{background-color:#ffffff; font-family: Helvetica, sans-serif;height:100%;width:100%;text-align:center;margin:0 auto;clear:both;} #logo{display:none;} #logomobile{display:inline;padding-top:3px;} #wrap{background-color:#ffffff;width:100%; text-align:left; height:auto; margin: 0 auto;clear:both;} #header {width:auto;height:auto;background-color:#236292;padding-right:9px;padding-left:9px;border-bottom:3px solid #2b2f3a;} #hwrap{font-family:serif-bold;font-size:30px;letter-spacing:-2px;width:auto;text-align:left;} #dtxt{display:none;} .dtxt{display:none;} #mmenu{float:right; text-align: right;margin-top:7px;display:inline;} #catmenu-mobile{width:auto;background-color:#000020;margin:0px 0px 0px -15px;padding-right:25px;height:32px;font-size:14px;font-weight:300;} #btn1{display:inline;width:100%;} div.cmm{width:100%;background-color:#000020;margin:0px;padding-left:9px;font-size:18px;font-weight:300;text-align:left;} #catmenu{display:none;width:auto;} #catmenu-tablet{display:none;} #content{float:none;width:auto;text-align:left;font-size:14px;padding-right:19px;padding-left:19px;} div.entrybody{margin-left:0px;margin-bottom:15px;padding-right:0px;border-right:0px;font-size:15px;} /*This is for top ten ranking text*/SPAN.top_ten{font-weight:bold;height:100px;font-size:20px;} /*top ten image*/SPAN.photo2 {float:left;margin: 2px 3px 0px 0px;width:100px;height:100px;border-width:thin;border-style:double;} #first-side-unit{float:right;margin-left:5px;border-left:1px solid grey;margin-bottom:9px;width:168px;padding:.5em .2em .5em .2em;} #sidebar{background-color:#ffffff;width:300px;text-align:center;padding:0px;margin:0 auto; clear:both;} #features{float:none;margin:1px;width:auto;text-align:center;padding:0px;font-size:18px;zoom:90%;} #sidebar-ad2{display:none;} #sidebar-ad{float:none;text-align;center;margin-bottom:9px;width:auto;padding:.5em .2em .5em .2em;} .fixedpromo{display:none;} #tabletonly {display:none;} h1{font-weight:700;font:arial, sans-serif;letter-spacing:-.1px;font-size:20px;} h2{font-weight:700;letter-spacing:-.1px;} img { max-width: 100%; } A.headerb:link {text-decoration:none;color:#ffffff;} A.headerb:visited {text-decoration:none;color:#ffffff;} A.headerb:active {text-decoration:none;background:#6599ff;color:#FFCC00;} A.headerb:hover {text-decoration:none;background:#6599ff;color:#ffffff;padding:8px 2px 8px 2px;} a:link{text-decoration:none;color:#005DB3;}a:visited{text-decoration:none;color:#005DB3;}a:active{text-decoration:none;color:#005DB3;}a:hover{text-decoration:none;color:#b9005d;} A.headera:link {text-decoration:none;background:#6599ff;color:#ffffff;padding:8px 2px 8px 2px;} A.headera:visited {text-decoration:none;background:#6599ff;color:#ffffff;} A.headera:active {text-decoration:none;background:#6599ff;color:#FFCC00;} A.headera:hover {text-decoration:none;background:#6599ff;color:#ffffff;} A.reg:link {text-decoration: none; color: #ffffff; } A.reg:visited {text-decoration: none; color: #ffffff;}A.reg:active {text-decoration: none; color: #ffffff;}A.reg:hover {text-decoration:none; color: #FFE150;} A.regt:link {text-decoration: none; color: #A31E39; } A.regt:visited {text-decoration: none; color: #A31E39;}A.regt:active {text-decoration: none; color: #A31E39;}A.regt:hover {text-decoration:none; color: #FFE150;} /*super foods*/A.sup:link {text-decoration:none; color:#000000;} A.sup:visited {text-decoration:none; color:#000000;}A.sup:active {text-decoration:none; color:#000000;}A.sup:hover {text-decoration:underline; color:#b9005d;} A.blogt:link {text-decoration: none; color: #000000;} A.blogt:visited {text-decoration:none;color:#000000;}A.blogt:active {text-decoration:none;color:#000000;}A.blogt:hover {text-decoration:none;color:#b9005d;} .print-only {display:none;} div.floatbuttons {display:none;} .desksharebuttons{display:none;} .mobilesharebuttons{display:inline;} /*For show hide code in article sections*/ .layer1 {margin: 0;padding: 0;width: auto;} .heading {padding:12px; margin:2px; cursor: pointer; position: relative; background-color:#236292; color:#ffffff; font-size:19px; font-weight:700;} .content {width:auto; padding: 5px 10px;background-color:#fcfcfc;} .heading1 {padding:12px; margin:2px;position: relative; background-color:#236292; color:#ffffff; font-size:19px; font-weight:700;} .content1 {width:auto; padding: 5px 10px;background-color:#fcfcfc;} p { } .commentexpand{width:auto; padding:12px; margin:2px; cursor: pointer; position: relative; background-color:#236292; color:#ffffff; font-size:19px; font-weight:700;} .ce1 {width: auto;padding: 5px 10px;background-color:#fcfcfc;height:700px;overflow:hidden;} .ce2 { width: auto; padding: 5px 10px; background-color:#fcfcfc;} /*End show hide code*/ hr {height: 2px;border: 0;box-shadow: inset 0 6px 6px -6px gray;} div.photo5{margin:0px;text-align:center;width:253px;height:350px;} #footer{color:#ffffff;width:auto;clear:both;text-align:center;background-color:#333333;padding-right:9px;padding-left:9px;padding-top:5px;padding-bottom:60px;} #footer a{color:#E6E6E6;}#footer a:hover{color:#b2b2b2;} div.prev-nextm {width:95%;float:left;padding-bottom:7px;} span.arrowL {display:inline-block; background:#236292;color:#fff;font-weight:bold; -webkit-border-radius: 4px;border-radius: 4px;margin:5px;padding:10px;font-size:15px; width:90px;text-align:center;} span.arrowR {float:right;display:inline-block; background:#236292;color:#fff;font-weight:bold; -webkit-border-radius: 4px;border-radius:4px;margin:5px;padding:10px;font-size:15px; width:90px;text-align:center;} A.prevnext:link {text-decoration:none;color:#000;font-weight:500;} A.prevnext:visited {text-decoration:none;color:#000;fontweight:500;} A.prevnext:active {text-decoration:none;color:#000;} A.prevnext:hover {text-decoration:none;color:#000;} .addthis_bar_logo {display: none !important;} /*Large Phone MEDIA SCREEN*/ @media only screen and (min-width : 355px) and (max-width : 767px) { div.photo5{text-align:left;width:337px;height:350px;} } /*TABLET MEDIA SCREEN*/ @media only screen and (min-width : 768px) and (max-width : 935px) { body{background-color:#ffffff; font-family: Helvetica, sans-serif;height:100%;width:100%;text-align:center;margin:0 auto;clear:both;} #logo{display:inline;} #logomobile{display:none;} #wrap{background-color:#ffffff;width:745px; text-align:left; height:auto; margin: 0 auto;clear:both;} #header {width:100%;height:100px;background-color:#236292;margin:0;padding-right:1px;padding-left:19px;border-bottom:3px solid #2b2f3a;} #hwrap{font-family:serif-bold;font-size:35px;letter-spacing:-2px;width:auto;text-align:left;} #mmenu{float:right; text-align: right;margin-top:7px;margin-right:25px;display:inline;} #btn1{display:inline;width:100%;} div.cmm{width:100%;background-color:#000020;margin:0px;padding-left:9px;font-size:18px;font-weight:300;text-align:left;} #catmenu{display:none;width:auto;} #catmenu-tablet{display:none;} #content{float:left;width:535px;padding-left:9px;padding-right:2px;} div.entrybody{margin-left:5px;margin-bottom:15px;padding-right:5px;border-right:3px groove #E0E0E0;font-size:15px;} div.buy{border:2px dashed #CCC;background-color:#FCFCFC;padding:2px;} /*This is for top ten ranking text*/ SPAN.top_ten{font-weight:bold;font-size:17px;} /*top ten image*/SPAN.photo2 {float:left;margin: 2px 3px 0px 0px;width:100px;height:100px;border-width:thin;border-style:double;} #first-side-unit{float:right;border-left:none;width:145px;margin-top:10px;margin-right:25px;text-align:left;padding:.5em .2em .5em .2em;} #sidebar{float:right;background-color:#ffffff;width:145px;margin-right:25px;margin-bottom:0px;margin-top:5px;padding:0px;clear:none;} #features{display:none;} #sidebar-ad2{display:inline;width:145px;text-align:center;} #sidebar-ad{float:right;margin-bottom:9px;width:145px;padding:.5em .2em .5em .2em;} #footer{color:#ffffff;width:100%;padding-right:1px;font-size:1em;clear:both;text-align:center;background-color:#333333} #footer a{color:#E6E6E6;}#footer a:hover{color:#b2b2b2;} h1{font-weight:700;font:arial, sans-serif;font-size:28px;letter-spacing:-.1px;}h2{font-weight:700;letter-spacing:-.1px;} div.photo1{float:left;margin-right:5px;padding-right:5px;padding-top:5px;} div.photo5{margin:0px;text-align:left;width:350px;height:350px;}div.photofruit{margin-right:1px;margin-top:22px;} span.minusone{font-size:14px;}span.minustwo{font-size:11px;} img.photomosaic {height: 10em;width:10em;border:0px;}img.photorecipe {height: 240px;width: 320px;} .alt_text1{FONT-WEIGHT:bolder;font-size:large;}SPAN.alt_text2{font-style:italic;font-weight:lighter;font-size:small;} SPAN.alt_text3{FONT-WEIGHT: 800;}SPAN.alt_text4{FONT-WEIGHT: 300;} div.totop {float:right; position:fixed; right:17px; bottom:20px; margin-right:5px; text-align:center;z-index:1;} .fixedpromo{display:block;float:right;position:fixed;top:10px;width:145px;} /*For show hide code in article sections*/ .layer1 {margin: 0;padding: 0;width: auto;} .heading {padding:12px; margin:2px; cursor: pointer; position: relative; background-color:#236292; color:#ffffff; font-size:19px; font-weight:700;} .content {width:auto; padding: 5px 10px;background-color:#fcfcfc;} .heading1 {padding:12px; margin:2px; position: relative; background-color:#236292; color:#ffffff; font-size:19px; font-weight:700;} .content1 {width:auto; padding: 5px 10px;background-color:#fcfcfc;} p { } .commentexpand{width:auto; padding:12px; margin:2px; cursor: pointer; position: relative; background-color:#236292; color:#ffffff; font-size:19px; font-weight:700;} .ce1 {width: auto;padding: 5px 10px;background-color:#fcfcfc;height:700px;overflow:hidden;} .ce2 { width: auto; padding: 5px 10px; background-color:#fcfcfc;} /*End show hide code*/ .dtxt{display:none;} #dtxt{display:none;} /*Code to hide responsive mobile menu*/ div.prev-nextm {width:500px;float:left;} span.arrowL {display:inline-block; background:#236292;color:#fff;font-weight:bold; -webkit-border-radius: 4px;border-radius: 4px;margin:5px;padding:10px;font-size:20px; width:120px;text-align:center;} span.arrowR {float:right;display:inline-block; background:#236292;color:#fff;font-weight:bold; -webkit-border-radius: 4px;border-radius:4px;margin:5px;padding:10px;font-size:20px; width:120px;text-align:center;} #tabletonly {display:inline;} } /*DESKTOP MEDIA SCREEN*/ @media only screen and (min-width : 935px) { #tabletonly {display:none;} #logo{display:inline;} #logomobile{display:none;} body{background-color:#ffffff; font-family: Helvetica, sans-serif;font-size:100%;height:100%;width:100%;line-height:1.6;text-align:center;} #wrap{background-color:#ffffff;width:1000px; text-align:left; height:100%; margin: 0 auto;} #header{width:auto;background-color:#236292;height:100px;margin:0px;padding-right:25px;border-bottom:3px solid #6599ff;}/*236292 000020 00005A 005B9A*/ #hwrap{font-family:serif-bold;font-size:45px;letter-spacing:-2px;width:990px;text-align:left;margin: 0 auto;} #catmenu{width:100%;background-color:#2b2f3a;height:44px;margin:-10px 0px 0px -15px;padding-right:15px;display:block;} /*Catmenu old content not yet responsive*/ #catmenu-mobile{width:100%;background-color:#000020;margin:0px 0px 0px -15px;padding-right:15px;height:32px;font-size:14px;font-weight:300;} .fixedpromo{display:inline;float:inherit; position:fixed; top:10px;width:339px;} #content{float:left;width:605px;padding-left:10px;padding-right:2px;} div.entrybody{margin-left:15px;margin-bottom:15px;padding-right:5px;border-right:3px groove #E0E0E0;font-size:15px;} div.buy{border:2px dashed #CCC;background-color:#FCFCFC;padding:2px;} /*This is for top ten ranking text*/ SPAN.top_ten{font-weight:bold;font-size:17px;} /*top ten image*/SPAN.photo2 {float:left;margin: 2px 3px 0px 0px;width:100px;height:100px;border-width:thin;border-style:double;} #first-side-unit{float:right;border-left:none;width:339px;margin-top:10px;margin-right:20px;text-align:left;padding:.5em .2em .5em .2em;} .dtxt{display:inline;text-align:center;} #sidebar{background-color:#ffffff;width:auto;text-align:left;margin-bottom:9px;margin-top:5px;padding:0px;clear:none;} #features{float:right;text-align:left;margin-right:20px;margin-bottom:0px;width:339px;padding:.5em .2em .5em .2em;font-size:18px;display:block;zoom:100%} #sidebar-ad{float:right;margin-right:20px;margin-bottom:9px;width:339px;padding:.5em .2em .5em .2em;} #sidebar-ad2{display:none;} #footerad{float:left;width:810px;padding-left:10px;} #footer{color:#ffffff;width:auto;margin:0px 0px -10px -15px;padding-right:25px;font-size:1em;clear:both;text-align:center;background-color:#333333;padding-bottom:0px;} #footer a{color:#E6E6E6;}#footer a:hover{color:#b2b2b2;} /*Food name for Nutrition Facts*/pre{max-width:580px;font-size:12px;padding:10px;overflow:auto;clear:both;} #nutcontent{float:left;width:790px;margin:10px 5px 0px 5px;padding-left:10px;z-index:2;} #nutsidebar{float:left;top:200px;margin:10px 5px 0px 15px;width:150px;} h1{font-weight:700;font:arial, sans-serif;font-size:28px;letter-spacing:-.1px;}h2{font-weight:700;letter-spacing:-.1px;} img.fruitindex{height:60px;width:60px;border:0px;} div.photo1{float:left;margin-right:5px;padding-right:5px;padding-top:5px;} div.photo5{margin-right: 2px;text-align:left;width:360px;height:350px;}div.photofruit{margin-right:1px;margin-top:22px;} span.minusone{font-size:14px;}span.minustwo{font-size:11px;} img.photomosaic {height: 10em;width:10em;border:0px;}img.photorecipe {height: 240px;width: 320px;} .alt_text1{FONT-WEIGHT:bolder;font-size:large;}SPAN.alt_text2{font-style:italic;font-weight:lighter;font-size:small;} SPAN.alt_text3{FONT-WEIGHT: 800;}SPAN.alt_text4{FONT-WEIGHT: 300;} div.totop {float:right; position:fixed; right:17px; bottom:20px; margin-right:5px; text-align:center;z-index:1;} /*For show hide code in article sections*/ .layer1 {margin: 0;padding: 0;width: 530px;} .heading {width:530px; padding:12px; margin:2px; cursor: pointer; position: relative; background-color:#236292; color:#ffffff; font-size:19px; font-weight:700;} .content {width: 530px; padding: 5px 10px;background-color:#fcfcfc;} p { } .commentexpand{width:530px; padding:12px; margin:2px; cursor: pointer; position: relative; background-color:#236292; color:#ffffff; font-size:19px; font-weight:700;} .ce1 {width: 530px;padding: 5px 10px;background-color:#fcfcfc;height:700px;overflow:hidden;} .ce2 { width: 530px; padding: 5px 10px; background-color:#fcfcfc;} /*End show hide code*/ /*CSS MENU*/ .fixedmenu{float:left;position:fixed;top:10px;z-index:100;} #cssmenu { position: relative; height: 44px; background: #2b2f3a; width:900px;text-align:left;margin: 0 auto; } #cssmenu ul { list-style: none; padding: 0; margin: 0; line-height: 1; } #cssmenu > ul { position: relative; display: block; background: #2b2f3a; height: 32px; width: 100%; z-index: 500; } #cssmenu > ul > li { display: block; position: relative; float: left; margin: 0; padding: 0; } #cssmenu > ul > #menu-button { display: none; } #cssmenu ul li a { display: block; font-family: Helvetica, sans-serif; text-decoration: none; } #cssmenu > ul > li > a { font-size: 14px; font-weight: bold; padding: 15px 20px; color: #7a8189; text-transform: uppercase; -webkit-transition: color 0.25s ease-out; -moz-transition: color 0.25s ease-out; -ms-transition: color 0.25s ease-out; -o-transition: color 0.25s ease-out; transition: color 0.25s ease-out; } #cssmenu > ul > li.has-sub > a { padding-right: 32px; } #cssmenu > ul > li:hover > a {color: #ffffff;} #cssmenu li.has-sub::after { display: block; content: ''; position: absolute; width: 0; height: 0; } #cssmenu > ul > li.has-sub::after { right: 10px; top: 20px; border: 5px solid transparent; border-top-color: #7a8189; } #cssmenu > ul > li:hover::after { border-top-color: #ffffff; } #indicatorContainer { position: absolute; height: 12px; width: 100%; bottom: 0px; overflow: hidden; z-index: -1; } #pIndicator { position: absolute; height: 0; width: 100%; border: 12px solid transparent; border-top-color: #2b2f3a; z-index: -2; -webkit-transition: left .25s ease; -moz-transition: left .25s ease; -ms-transition: left .25s ease; -o-transition: left .25s ease; transition: left .25s ease; } #cIndicator { position: absolute; height: 0; width: 100%; border: 12px solid transparent; border-top-color: #2b2f3a; top: -12px; right: 100%; z-index: -2; } #cssmenu ul ul { position: absolute; left: -9999px; top: 70px; opacity: 0; -webkit-transition: opacity .3s ease, top .25s ease; -moz-transition: opacity .3s ease, top .25s ease; -ms-transition: opacity .3s ease, top .25s ease; -o-transition: opacity .3s ease, top .25s ease; transition: opacity .3s ease, top .25s ease; z-index: 1000; } #cssmenu ul ul ul { top: 37px; padding-left: 5px; } #cssmenu ul ul li { position: relative; } #cssmenu > ul > li:hover > ul { left: auto; top: 44px; opacity: 1; } #cssmenu ul ul li:hover > ul { left: 170px; top: 0; opacity: 1; } #cssmenu ul ul li a { width: 130px; border-bottom: 1px solid #eee; padding: 10px 20px; font-size: 12px; color: #2b2f3a; /*b8bec4*/ background: #b8bec4; /*2b2f3a*/ -webkit-transition: all .35s ease; -moz-transition: all .35s ease; -ms-transition: all .35s ease; -o-transition: all .35s ease; transition: all .35s ease; } #cssmenu ul ul li:hover > a { background: #b8bec4; /*2b2f3a*/ color: #000; /*fff*/ font-weight:800; } #cssmenu ul ul li:last-child > a, #cssmenu ul ul li.last > a { border-bottom: 0; } .submenuArrow { border: 6px solid transparent; width: 0; height: 0; border-bottom-color: #fff; position: absolute; top: -12px; } #cssmenu ul ul li.has-sub::after { border: 4px solid transparent; border-left-color: #9ea2a5; right: 10px; top: 12px; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; -webkit-transition: -webkit-transform 0.2s ease, right 0.2s ease; } #cssmenu ul ul li.has-sub:hover::after { border-left-color: #fff; right: -5px; -webkit-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); } @media all and (max-width: 500px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 500px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 500px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 500px), only screen and (min-device-pixel-ratio: 2) and (max-width: 500px), only screen and (min-resolution: 192dpi) and (max-width: 500px), only screen and (min-resolution: 2dppx) and (max-width: 500px) { #cssmenu { width: auto; } #cssmenu ul { width: auto; } #cssmenu .submenuArrow, #cssmenu #indicatorContainer { display: none; } #cssmenu > ul { height: auto; display: block; } #cssmenu > ul > li { float: none; } #cssmenu li, #cssmenu > ul > li { display: none; } #cssmenu ul ul, #cssmenu ul ul ul, #cssmenu ul > li:hover > ul, #cssmenu ul ul > li:hover > ul { position: relative; left: auto; top: auto; opacity: 1; padding-left: 0; } #cssmenu ul .has-sub::after { display: none; } #cssmenu ul li a { padding: 12px 20px; } #cssmenu ul ul li a { border: 0; background: none; width: auto; padding: 8px 35px; } #cssmenu ul ul li:hover > a { background: none; color: #8c9195; } #cssmenu ul ul ul a { padding: 8px 50px; } #cssmenu ul ul ul ul a { padding: 8px 65px; } #cssmenu ul ul ul ul ul a { padding: 8px 80px; } #cssmenu ul ul ul ul ul ul a { padding: 8px 95px; } #cssmenu > ul > #menu-button { display: block; cursor: pointer; } #cssmenu #menu-button > a { padding: 14px 20px; } #cssmenu ul.open li, #cssmenu > ul.open > li { display: block; } #cssmenu > ul.open > li#menu-button > a { color: #fff; border-bottom: 1px solid rgba(150, 150, 150, 0.1); } #cssmenu #menu-button::after { display: block; content: ''; position: absolute; height: 3px; width: 22px; border-top: 2px solid #7a8189; border-bottom: 2px solid #7a8189; right: 20px; top: 15px; } #cssmenu #menu-button::before { display: block; content: ''; position: absolute; height: 3px; width: 22px; border-top: 2px solid #7a8189; right: 20px; top: 25px; } #cssmenu ul.open #menu-button::after, #cssmenu ul.open #menu-button::before { border-color: #fff; } } /*Code to hide responsive mobile menu*/ #mmenu {display:none;} #btn1{display:none;} div.prev-nextm {width:530px;float:left;} span.arrowL {display:inline-block; background:#236292;color:#fff;font-weight:bold; -webkit-border-radius: 4px;border-radius: 4px;margin:5px;padding:10px;font-size:20px; width:120px;text-align:center;} span.arrowR {float:right;display:inline-block; background:#236292;color:#fff;font-weight:bold; -webkit-border-radius: 4px;border-radius:4px;margin:5px;padding:10px;font-size:20px; width:120px;text-align:center;} }