body {font: 12px Arial, Helvetica, sans-serif; color: #573089; background: #fff} .wrapper {width: 940px; margin: 0 auto; padding-bottom: 1px} #top {height: 237px; background: url(/nutilis/static/img/bg-header.jpg) no-repeat center bottom} .home #top {height: 576px; background: url(/nutilis/static/img/bg-header-home.jpg) no-repeat center bottom} #top .wrapper {position: relative} #langSwitch {position: absolute; top: 0; left: 0; width: 890px; height: 38px; padding: 7px 25px 0 25px; background: #d8d9e4; border-radius: 0 0 10px 10px; text-align: right; color: #4f2683; font-size: 14px} #langSwitch strong {float: left; margin-top: 8px} #langSwitch select {width: 180px} #langSwitch option {padding-right: 20px; background-position: right center; background-repeat: no-repeat} #langSwitch div {display: inline-block; background: #fff url(/nutilis/static/img/bg-lang-switch.png) no-repeat right center; text-align: left; border-radius: 8px; border: 1px solid #cbc3d5} .ui-widget, .ui-widget a {color: #78678f; font-size: 13px} .ui-state-hover, .ui-widget:hover {text-decoration: none} .ui-selectmenu-menu {background: #fff url(/nutilis/static/img/bg-lang-switch-dropdown.png) repeat-y right; padding: 6px; border-radius: 8px; border: 1px solid #cbc3d5} .ui-selectmenu-menu li.ui-selectmenu-hasIcon a {position: relative; padding-left: 1em; margin-left: 0} .ui-selectmenu-menu li .ui-icon {position: absolute; left: 132px; top: 10px; width: 16px; height: 11px; padding: 0; margin: 0; background-repeat: no-repeat} #logo {position: absolute; top: 72px; left: 0} #logo a {display: block; width: 138px; height: 53px; text-indent: -9999px; background: url(/nutilis/static/img/nutilis-nutricia-logo.png) no-repeat} .fontSizer {position: absolute; top: 81px; right: 340px; font-size: 16px} #fontPlus, #fontMinus {position: absolute; top: 70px; right: 248px; margin: 0 2px; font-size: 36px; font-weight: bold; text-decoration: none; color: #4f2683; background: #dcd4e6; width: 40px; height: 40px; text-align: center; border-radius: 8px} #fontPlus {right: 290px} #fontMinus span {position: absolute; top: -4px; left: 13px} .moreHC {position: absolute; top: 65px; right: 0; font-size: 14px; color: #78678f; padding: 8px 16px 8px 44px; border: 1px solid #dcd7e2; background: #fff; text-decoration: none; border-radius: 8px; background: url(/nutilis/static/img/cross.png?v=2) no-repeat 7px center} #mainMenu {position: absolute; top: 157px; right: 0; font-size: 18px} #mainMenu a {display: inline-block; padding: 10px 15px; background: #4f2683; border: 1px solid #a38dbe; border-width: 1px 0 0 1px; border-radius: 8px; box-shadow: inset -1px -1px 1px #29124c; text-decoration: none; color: #fff} #mainMenu a.act {background: #29aae2; border-color: #75c8ec; box-shadow: inset -1px -1px 1px #177abc} #mainMenu a:hover {background: #623997} #mainMenu a.act:hover {background: #3eb9ee} #topInfo {position: absolute; top: 216px; left: 0; margin-left: -106px; width: 1046px; height: 360px; background: url(/nutilis/static/img/bg-header-info.jpg) no-repeat left bottom} #topInfo aside {float: left; position: relative; width: 820px} #topInfo .p1 {position: absolute; top: 6px; left: 326px; font-size: 42px; color: #8184c0} #topInfo .p2 {position: absolute; top: 48px; left: 348px; font-size: 56px; color: #4f2683} #topInfo .p3 {position: absolute; top: 119px; left: 382px; font-size: 16px; font-weight: bold; color: #ef9422} #topInfo aside a {position: absolute; top: 160px; left: 420px} #topInfo section {float: right; position: relative; margin-top: 20px; padding: 115px 0 0 30px; width: 210px; font-size: 18px; border-left: 1px solid #f0f1f7; background: url(/nutilis/static/img/ico-dysphagia.png) no-repeat 30px 0} #topInfo section strong {color: #ef9422} #topInfo section a {display: block; margin-top: 20px; width: 140px; padding: 10px 15px; font-size: 17px} #body { background: #d7d8e4; /* Old browsers */ background: -moz-linear-gradient(top, #d7d8e4 0%, #ebecf5 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d7d8e4), color-stop(100%,#ebecf5)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #d7d8e4 0%,#ebecf5 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #d7d8e4 0%,#ebecf5 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #d7d8e4 0%,#ebecf5 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7d8e4', endColorstr='#ebecf5',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #d7d8e4 0%,#ebecf5 100%); /* W3C */} #body .wrapper {min-height: 300px} .home #body .wrapper {width: 964px; height: 620px} .homeHeader {padding: 25px 0 25px 10px; font-size: 40px; color: #4f2683} .homeArticle {float: left; position: relative; width: 240px; height: 490px; background-position: bottom center; background-repeat: no-repeat} .homeArticle header {margin: 0 10px 20px; padding: 10px; height: 90px; color: #4f2683; text-align: center; background: #ebecf5; border: 1px solid #a595c2; border-width: 0 1px 1px 0; border-radius: 8px; box-shadow: inset 1px 1px 1px #f2f3f9} .homeArticle header h1 {font-size: 24px; border-bottom: 1px solid #c5c7e2} .homeArticle header p {margin-top: 10px; font-size: 1.2em} .homeArticle section {padding: 0 20px; height: 360px; border-left: 1px solid #cecde0} .homeArticle:first-child section {border: none} .homeArticle section h1 {color: #4f2683; font-weight: bold; font-size: 18px; margin-bottom: 10px} .homeArticle section p {color: #3e2c54; font-size: 1.1em; margin-bottom: 20px} .homeArticle a.btnBtm {position: absolute; width: 190px; height: 32px; padding-top: 14px; bottom: 0; left: 25px; text-align: center; color: #fefefe; font-size: 17px; font-weight: bold; background: #ef9422; border: 1px solid #a85e1b; border-width: 0 1px 1px 0; border-radius: 8px; box-shadow: inset 1px 1px 1px #f5ba71} .homeArticle a.btnBtm:hover {text-decoration: none; background-color: #f2a13c} .homeArticle a.btnOver {display: block; position: absolute; top: 0; left: 0; width: 240px; height: 490px; background: url(/nutilis/static/img/t.gif); z-index: 99} .homeArticle a.btnOver:hover {text-decoration: none} .pageHeader {padding: 25px 0 8px; font-size: 44px; color: #4f2683} #breadCrumbs {font-size: 15px} #breadCrumbs span {display: inline-block; width: 109px; height: 28px; padding: 7px 0 0 12px; background: url(/nutilis/static/img/bg-crumbs.png) no-repeat} #breadCrumbs a {display: inline-block; padding: 8px 0 0 8px} #breadCrumbs a:hover {text-decoration: none} #content {font-size: 1.3em} #content h2 {margin: 20px 0 10px; font-size: 18px; font-weight: bold} #content h2:first-child {margin-top: 0} #content p {margin: 10px 0} #content ul {margin: 10px 0 20px 20px} #content ul li {margin: 10px 0; list-style-image: url(/nutilis/static/img/arrow-small.png)} #content.whiteBoard {margin: 18px 0 48px; padding: 40px; background: #fff; border: 1px solid #b3a1ca; border-width: 0 1px 1px 0; border-radius: 10px} #content.about {padding-left: 380px; min-height: 335px; background: #fff url(/nutilis/static/img/bg-about.jpg) no-repeat left bottom} #content.signs {background: #fff url(/nutilis/static/img/bg-signs.jpg) no-repeat left bottom} #content.signs .indent {padding-left: 280px} #content.swallowing {background: #fff url(/nutilis/static/img/bg-swallowing.jpg) no-repeat 10px bottom} #content.swallowing .indent {padding-left: 300px} /* - - - - - - - - Nutilis Products: Start - - - - - - - - */ #pHeader {margin: 18px 0 40px; padding: 35px 40px 20px 510px; min-height: 260px; font-size: 1.3em; background: #fff url(/nutilis/static/img/bg-header-products.jpg) no-repeat bottom left; border: 1px solid #b3a1ca; border-width: 0 1px 1px 0; border-radius: 10px} #pHeader h2 {font-size: 28px; margin-bottom: 20px} .pCategory {display: inline-block; position: relative; margin-bottom: 40px; padding: 110px 0 10px; width: 456px; height: 39em} .pCategory.c5 {margin-right: 19px} .pCategory h2 {position: absolute; top: 15px; left: 10px; width: 438px; font-size: 24px} .pCategory article {float: left; position: relative; margin-left: 12px; width: 210px; height: 39em; background: #fff; border: 1px solid #b3a1ca; border-width: 0 1px 1px 0; border-radius: 10px} .pCategory article h1 {margin: 20px 25px; font-size: 18px; text-align: center} .pCategory article p {margin: 10px 15px; font-size: 1.1em} .pCategory article a.btnOver {position: absolute; top: 0; left: 0; width: 210px; height: 39em; background: url(/nutilis/static/img/t.gif); z-index: 99} .pCategory article a.btnOver:hover {text-decoration: none} .pCategory article a.orangeBtn {position: absolute; bottom: 10px; left: 12px; width: 155px; font-size: 15px; text-align: center} #prevNextProduct {float: right; margin-top: 30px} #prevNextProduct a {display: inline-block; width: 135px; height: 28px; color: #fff; font-size: 16px; text-align: center; padding-top: 9px} #prevNextProduct a:hover {text-decoration: none} #prevNextProduct a.prev {padding-left: 10px; background: url(/nutilis/static/img/bg-prev.png) no-repeat} #prevNextProduct a.other {margin-left: 8px; background: url(/nutilis/static/img/bg-other.png) no-repeat} #prevNextProduct a.next {margin-left: 8px; padding-right: 10px; background: url(/nutilis/static/img/bg-next.png) no-repeat} #pWrapper {margin: 18px 0 40px; overflow: hidden} #pWrapper .photo {float: right; width: 230px; border-radius: 10px 0 0 10px; background: #fff; overflow: hidden; z-index: 10} #pWrapper .contentWrapper {float: right; width: 700px; padding-left: 10px; margin-left: -10px; border-radius: 10px; background: #7d80bd; z-index: 9} #pWrapper .content.product {float: right; width: 660px; border-radius: 0 10px 10px 10px; z-index: 9} #pWrapper .content {background: #fff; border-radius: 10px; padding: 40px 25px 50px; font-size: 1.25em} #pWrapper .content p {margin: 10px} #pWrapper .content > h2 {margin: 0 10px 30px; font-size: 24px} #pWrapper .content .flavours {margin: 30px 10px; padding: 25px 0 25px 35px; font-size: 18px; overflow: hidden} #pWrapper .content .flavours li {float: left; margin-right: 26px; white-space: nowrap} #pWrapper .content .flavour {display: inline-block; width: 20px; height: 20px; margin: 0 8px -5px 0; border-radius: 10px; vertical-align: sub} #pWrapper .content .flavour.orange {background: #fba924} #pWrapper .content .flavour.grenadine {background: #ee2f2d} #pWrapper .content .flavour.menthol {background: #6fc59c} #pWrapper .content .flavour.vanila {background: #f3c419} #pWrapper .content .flavour.chocolate {background: #913f31} #pWrapper .content .flavour.strawberry {background: #e27fa5} #pTabs {margin-top: 30px} #pTabs nav {margin-bottom: -1px; overflow: hidden} #pTabs nav a {float: left; display: block; padding: 10px 30px; margin-right: 8px; border: 1px solid #c5b7d6; background: #ebecf5; border-radius: 10px 10px 0 0; font-size: 24px; color: #573089} #pTabs nav a.act {background: #fff; border-bottom-color: #fff} #pTabs nav a:hover {text-decoration: none} #pTabs article {display: none; padding: 40px 20px 30px; border: 1px solid #c5b7d6; border-radius: 0 10px 10px 10px} #pTabs article.act {display: block} #pWrapper .content article p {margin: 10px 0} #pWrapper article ol {margin-left: 20px; list-style-type: decimal} #pWrapper article li {margin: 10px 0} #pWrapper article section {margin-bottom: 30px} #pWrapper article h2 {font-size: 24px; margin-bottom: 14px} #pWrapper article > h2 {font-weight: bold; margin-bottom: 40px} #pWrapper article h3 {position: relative; font-size: 18px; font-weight: bold; margin-bottom: 10px} #pWrapper article h3 small {position: absolute; left: 0; top: 20px} #pWrapper article h4 {font-weight: bold; margin-bottom: 10px} #pWrapper article .col3 {overflow: hidden; margin-bottom: 30px} #pWrapper article .col3 section {float: left; width: 177px; height: 280px; margin: 0; padding: 125px 12px 0; border-right: 1px solid #ebecf5} #pWrapper article .col3 section:last-child {border: none} #pWrapper article .col2 {overflow: hidden; margin: 20px 0} #pWrapper article .col2:last-child {margin-bottom: 0} #pWrapper article .col2 section {float: left; width: 272px; margin: 0; padding: 0 15px; border-left: 1px solid #ebecf5} #pWrapper article .col2 section:first-child {border: none} #pWrapper article .col2 h3 {margin-bottom: 20px} .pPowderOpt1 {padding-left: 190px; background: url(/nutilis/static/products/powder-opt1.jpg) no-repeat} .pPowderOpt2 {padding-right: 120px; background: url(/nutilis/static/products/powder-opt2.jpg) no-repeat right 80px} .pPowderOpt3 {padding-left: 190px} .pPowderOpt3 aside {float: left; padding: 10px 18px 5px; margin: 8px 0 0 -190px; width: 134px} .pPowderOpt3 aside h2 {font-weight: bold} .pPowderHot {padding-left: 190px; margin-top: 30px} .pPowderHot aside {float: left; padding: 10px 18px 5px; margin: 8px 0 0 -190px; width: 134px} .pPowderHot aside h2 {font-weight: bold} .pPowderCarbonated {margin-top: 30px} #pWrapper section.clearHot {background: url(/nutilis/static/products/clear-hot.jpg) no-repeat top} #pWrapper section.clearCarbonated {background: url(/nutilis/static/products/clear-carbonated.jpg?v=2) no-repeat top} #pWrapper section.clearWater {background: url(/nutilis/static/products/clear-water.jpg) no-repeat top} #pWrapper article .col2 section.clearOpt1 {padding-top: 280px; background: url(/nutilis/static/products/clear-opt1.jpg) no-repeat top} #pWrapper article .col2 section.clearOpt2 {padding-top: 280px; background: url(/nutilis/static/products/clear-opt2.jpg?v=2) no-repeat top} #pWrapper .clearTips {margin: 0 -10px 30px; padding: 20px 25px} #pWrapper .clearTips li {margin: 6px 0} #pTabs article.t2 {padding: 10px 12px} #pTabs article header {overflow: hidden} #pTabs article header h2 {float: left; font-size: 20px; padding-top: 8px; height: 43px; text-align: center} #pTabs article header h2.contents {margin-right: 10px; width: 207px; background: url(/nutilis/static/products/thick-tip1.png) no-repeat} #pTabs article header h2.consistency {width: 405px; background: url(/nutilis/static/products/thick-tip2.png) no-repeat} #pTabs .thickTable {padding: 0 20px 10px; border: 1px solid #c5b7d6; border-radius: 10px} #pTabs .thickTable td {padding: 2px 4px; text-align: center} #pTabs .thickTable td.c1 {width: 170px; font-size: 18px; font-weight: bold; text-align: left; vertical-align: middle} #pTabs .thickTable td.cL {text-align: left} #pTabs .thickTable td.tip3 {font-size: 16px; width: 130px; height: 60px; background: url(/nutilis/static/products/thick-tip3.png) no-repeat center top} #pTabs .thickTable td small {display: block; font-size: 0.6em; font-weight: bold} #pTabs .thickTable tr.hr td {border-bottom: 1px solid #ebecf5} #pWrapper .clearThickRemember {padding: 20px 25px} /* - - - - - - - - Nutilis Products: End - - - - - - - - */ #featuredRecipes {position: relative; margin: 18px 0 48px; padding: 30px 470px 20px 40px; font-size: 1.25em; background: #fff url(/nutilis/static/img/bg-recipes-featured.jpg) no-repeat bottom right; border: 1px solid #b3a1ca; border-width: 0 1px 1px 0; border-radius: 10px} #featuredRecipes > h2 {font-size: 30px; margin-bottom: 20px} #featuredRecipes > a {display: inline-block; margin-top: 20px} #featuredRecipes article {position: absolute; bottom: 0; right: 0; padding: 90px 0 0 10px; width: 450px; height: 230px; background-position: 80px 80px; background-repeat: no-repeat; border-radius: 10px} #featuredRecipes article h2 {font-size: 30px} #featuredRecipes article a {position: absolute; left: 0; bottom: 25px} #featuredRecipes aside {position: absolute; right: 20px; top: 20px; overflow: hidden; padding: 10px 15px; width: 400px; z-index: 10} #featuredRecipes aside h2 {font-size: 28px} #featuredRecipes aside nav {float: right; padding-top: 4px} #featuredRecipes aside nav a {display: inline-block; width: 20px; height: 26px; background-position: 5px 5px; background-repeat: no-repeat; text-indent: -9999px} #featuredRecipes aside .prev {background-image: url(/nutilis/static/img/prev.png)} #featuredRecipes aside .next {background-image: url(/nutilis/static/img/next.png)} .recipesCols {overflow: hidden; margin-bottom: 30px} .recipesCol {float: left} .recipesCol.left {width: 440px} .recipesCol.right {width: 470px; margin-left: 30px} .recipesCol h2 {font-size: 30px} .recipesCol .grayRound {padding: 15px 20px} .recipesCol .fpgOnRecipes article {margin-bottom: 2px; padding: 10px 10px 10px 90px; background-color: #fff; background-repeat: no-repeat; background-position: left center; border-radius: 8px; border: 1px solid #b1a0c9; border-width: 0 1px 1px 0; position: relative} .recipesCol .fpgOnRecipes article a.btnOver {position: absolute; top: 0; left: 0; width: 428px; height: 77px; background: url(/nutilis/static/img/t.gif); z-index: 99} .recipesCol .fpgOnRecipes article a.btnOver:hover {text-decoration: none} .recipesCol .fpgOnRecipes article a.title {display: block; padding: 0 0 5px 25px; font-size: 18px; color: #573089; background: url(/nutilis/static/img/arrow-fpg.png) no-repeat 0 3px} .recipesCol .fpgOnRecipes article a.title:hover {text-decoration: none} .recipesCol .tenYears {margin-top: 30px} .recipesCol .tenYears h2 {font-weight: normal} .recipesCol .tenYears p {margin: 5px 0 0; padding: 10px 0 10px 110px; font-size: 16px; background: url(/nutilis/static/img/ico-10y.png) no-repeat left center} #content.food-preparation-tips {padding-left: 320px; padding-bottom: 0; background: #fff url(/nutilis/static/img/bg-fpt.jpg) no-repeat -70px bottom} #content.role-of-thickening-powders {padding-left: 360px; background: #fff url(/nutilis/static/img/bg-fpg-role.jpg) no-repeat left bottom} #fpgList {overflow: hidden; width: 960px; margin: 30px 0 0 -10px; padding-bottom: 20px} #fpgList article {float: left; position: relative; width: 219px; height: 300px; padding: 0 10px; border-right: 1px solid #cecce0} #fpgList article:last-child {border: none} #fpgList article header {height: 180px; margin: 0 5px 10px; background-color: #fff; background-repeat: no-repeat; background-position: center bottom; border-radius: 8px; border: 1px solid #b1a0c9; border-width: 0 1px 1px 0} #fpgList article header h2 {margin: 0 -5px; text-align: center; font-size: 18px; padding: 10px 20px; height: 44px} #fpgList article.fpg70 header h2, #fpgList article.fpg71 header h2 {padding-top: 20px; height: 34px} #fpgList article p {margin: 10px 15px} #fpgList article a.blueBtn {position: absolute; bottom: 0; left: 45px} #fpgList article a.btnOver {display: block; position: absolute; top: 0; left: 0; width: 219px; height: 300px; background: url(/nutilis/static/img/t.gif); z-index: 99} #fpgList article a.btnOver:hover {text-decoration: none} #fpgUtensils1 {padding-left: 480px; background: url(/nutilis/static/products/utensils1.jpg) no-repeat} #fpgUtensils2 {margin-right: 40px; background: url(/nutilis/static/products/utensils2.jpg) no-repeat right bottom} #selRecipes {overflow: hidden; margin: 12px 0 0 -9px} #selRecipes article {display: inline-block; position: relative; margin: 0 0 8px 12px; width: 210px; height: 232px} #selRecipes article header {position: absolute; top: 0; left: 0; padding: 95px 0 0 12px; width: 198px; height: 40px; z-index: 3} #selRecipes article header a {display: block; padding: 6px 0 0 26px; width: 80px; height: 22px; border-radius: 8px; border-width: 0 1px 1px 0; border-style: solid; color: #fff; font-size: 15px; background-image: url(/nutilis/static/img/arrow.png); background-repeat: no-repeat; background-position: 10px 9px;} #selRecipes article header a:hover {text-decoration: none} #selRecipes article.breakfast header a {background-color: #24aae1; border-color: #196bb2; box-shadow: inset 1px 1px 1px #72c8ec} #selRecipes article.lunch header a {background-color: #ee9db4; border-color: #a7638e; box-shadow: inset 1px 1px 1px #f4c0cf} #selRecipes article.main_meal header a {background-color: #8bc63e; border-color: #627e31; box-shadow: inset 1px 1px 1px #b4da83} #selRecipes article.dessert header a {background-color: #987dbd; border-color: #6b4f95; box-shadow: inset 1px 1px 1px #bdabd5} #selRecipes article.breakfast header a:hover {background-color: #36b5e9} #selRecipes article.lunch header a:hover {background-color: #f5aec2} #selRecipes article.main_meal header a:hover {background-color: #9dd752} #selRecipes article.dessert header a:hover {background-color: #a98ece} #selRecipes article.breakfast header {background: url(/nutilis/static/img/bg-selected-breakfast.png) no-repeat} #selRecipes article.lunch header {background: url(/nutilis/static/img/bg-selected-lunch.png?v=2) no-repeat} #selRecipes article.main_meal header {background: url(/nutilis/static/img/bg-selected-main_meal.png) no-repeat} #selRecipes article.dessert header {background: url(/nutilis/static/img/bg-selected-desserts.png) no-repeat} #selRecipes article ul {position: absolute; top: 130px; left: 3px; padding: 12px 12px 0; width: 179px; height: 89px; background: #fcfcfe; border-radius: 0 0 8px 8px; border: 1px solid #b1a0c9; border-width: 0 1px 1px 0; z-index: 2} #selRecipes article li {padding: 5px 0 5px 18px; white-space: nowrap; overflow: hidden; font-size: 1.2em; border-bottom: 1px solid #cfd0dc; background: url(/nutilis/static/img/arrow-small.png) no-repeat 5px 9px} #selRecipes article li:last-child {border: none} #selRecipes article li a {color: #3e2c54} #selRecipes article li a:hover {text-decoration: none; color: #573089} #rWrapper {overflow: hidden; margin-top: 18px; padding-bottom: 50px} #rMenu {float: left; width: 230px} #rMenu menu {padding: 17px 14px; width: 192px; background: #fff; border-radius: 10px; border: 1px solid #a595c2; border-width: 0 1px 1px 0} #rMenu menu p {margin-bottom: 15px; font-size: 15px} #rMenu menu > a, #rMenu menu div {display: block; margin: 6px 0; padding: 10px 0 0 36px; width: 154px; border-radius: 8px; border-width: 0 1px 1px 0; border-style: solid; color: #fff; background-image: url(/nutilis/static/img/arrow.png); background-repeat: no-repeat; background-position: 14px 16px} #rMenu menu > a {height: 32px; font-size: 18px} #rMenu menu div {background-image: url(/nutilis/static/img/arrow-down.png)} #rMenu menu div h2 {font-size: 18px} #rMenu menu div ul {margin: 20px 20px 20px -20px} #rMenu menu div li {padding-left: 20px} #rMenu menu div li.act {background: url(/nutilis/static/img/arrow-white.png) no-repeat 5px 10px} #rMenu menu div li a {display: block; padding: 6px 2px; border-bottom: 1px solid rgba(255, 255, 255, 0.5)} #rMenu menu div li:last-child a {border: none} #rMenu menu div li a:hover {text-decoration: none} #rMenu menu div a {color: #fff; font-size: 1.2em} #rMenu menu > a:hover {text-decoration: none} #rMenu menu > a.act, #rMenu menu div.act {margin-left: 20px; width: 160px; border-radius: 8px 0 0 8px; border-right-width: 0} #rMenu menu > a.breakfast, #rMenu menu div.breakfast {background-color: #24aae1; border-color: #196bb2; box-shadow: inset 1px 1px 1px #72c8ec} #rMenu menu > a.lunch, #rMenu menu div.lunch {background-color: #ee9db4; border-color: #a7638e; box-shadow: inset 1px 1px 1px #f4c0cf} #rMenu menu > a.main_meal, #rMenu menu div.main_meal {background-color: #8bc63e; border-color: #627e31; box-shadow: inset 1px 1px 1px #b4da83} #rMenu menu > a.dessert, #rMenu menu div.dessert {background-color: #987dbd; border-color: #6b4f95; box-shadow: inset 1px 1px 1px #bdabd5} #rMenu menu > a.breakfast:hover {background-color: #36b5e9} #rMenu menu > a.lunch:hover {background-color: #f5aec2} #rMenu menu > a.main_meal:hover {background-color: #9dd752} #rMenu menu > a.dessert:hover {background-color: #a98ece} #rMenu menu > a.breakfast.act:hover {background-color: #24aae1} #rMenu menu > a.lunch.act:hover {background-color: #ee9db4} #rMenu menu > a.main_meal.act:hover {background-color: #8bc63e} #rMenu menu > a.dessert.act:hover {background-color: #987dbd} #rMenu aside {border-radius: 0 0 10px 10px; padding: 10px 10px 10px; margin: 0 20px 0 10px} #rMenu aside a {display: block} #rContentWrapper {float: left; width: 700px; padding-left: 10px; border-radius: 10px} #rContentWrapper.breakfast {background-color: #24aae1} #rContentWrapper.lunch {background-color: #ee9db4} #rContentWrapper.main_meal {background-color: #8bc63e} #rContentWrapper.dessert {background-color: #987dbd} #rContent {overflow: hidden; padding: 0 0 18px 17px; background-color: #fff; background-repeat: no-repeat; background-position: right top; border-radius: 10px} #rContent.pRel {overflow: hidden; margin: 0 0 20px 240px; background: none} #rContent.pRel h3 {font-size: 20px; padding: 10px 15px; display: inline-block; margin-left: 10px} .breakfast #rContent {background-image: url(/nutilis/static/img/bg-breakfast.jpg)} .lunch #rContent {background-image: url(/nutilis/static/img/bg-lunch.jpg); min-height: 1000px} .main_meal #rContent {background-image: url(/nutilis/static/img/bg-main_meal.jpg)} .dessert #rContent {background-image: url(/nutilis/static/img/bg-desserts.jpg)} #rOfTheDay {margin: 20px 0 -110px 10px; height: 370px; background-repeat: no-repeat; background-position: right 50px} #rOfTheDay h2 {font-size: 30px; margin: 20px 0; padding: 12px 15px; width: 275px} #rOfTheDay h1 {font-size: 48px; margin: 20px 0 80px} #rContent article {float: left; margin: 18px 0 0 8px; border-radius: 8px} #rContent article div {position: relative; padding: 20px; width: 170px; height: 190px; background-repeat: no-repeat; background-position: 20px 80px} #rContent article h2 {font-size: 24px } #rContent article a {position: absolute; left: 16px; bottom: 16px; padding: 6px 10px 6px 25px; font-size: 15px; color: #fff; border-radius: 8px; border-style: solid; border-width: 0 1px 1px 0; background-repeat: no-repeat; background-position: 9px 9px;} #rContent article a:hover {text-decoration: none} .breakfast #rContent article, #rContent.pRel article {background: #ffffff; border: 1px solid #7e9ca8; border-width: 0 1px 1px 0; box-shadow: inset 1px 1px 1px #d8e5eb; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkN2VlZjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #d7eef7 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d7eef7)); background: -webkit-linear-gradient(top, #ffffff 0%,#d7eef7 100%); background: -o-linear-gradient(top, #ffffff 0%,#d7eef7 100%); background: -ms-linear-gradient(top, #ffffff 0%,#d7eef7 100%); background: linear-gradient(top, #ffffff 0%,#d7eef7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d7eef7',GradientType=0 );} .lunch #rContent article {background: #ffffff; border: 1px solid #a87e8a; border-width: 0 1px 1px 0; box-shadow: inset 1px 1px 1px #eddae0; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmN2Q3ZTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #f7d7e0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f7d7e0)); background: -webkit-linear-gradient(top, #ffffff 0%,#f7d7e0 100%); background: -o-linear-gradient(top, #ffffff 0%,#f7d7e0 100%); background: -ms-linear-gradient(top, #ffffff 0%,#f7d7e0 100%); background: linear-gradient(top, #ffffff 0%,#f7d7e0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7d7e0',GradientType=0 );} .main_meal #rContent article {background: #ffffff; border: 1px solid #96a97f; border-width: 0 1px 1px 0; box-shadow: inset 1px 1px 1px #e2ead7; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOWY3ZDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #e9f7d6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e9f7d6)); background: -webkit-linear-gradient(top, #ffffff 0%,#e9f7d6 100%); background: -o-linear-gradient(top, #ffffff 0%,#e9f7d6 100%); background: -ms-linear-gradient(top, #ffffff 0%,#e9f7d6 100%); background: linear-gradient(top, #ffffff 0%,#e9f7d6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e9f7d6',GradientType=0 );} .dessert #rContent article {background: #ffffff; border: 1px solid #907ea8; border-width: 0 1px 1px 0; box-shadow: inset 1px 1px 1px #e0d8eb; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOWRmZjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #e9dff7 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e9dff7)); background: -webkit-linear-gradient(top, #ffffff 0%,#e9dff7 100%); background: -o-linear-gradient(top, #ffffff 0%,#e9dff7 100%); background: -ms-linear-gradient(top, #ffffff 0%,#e9dff7 100%); background: linear-gradient(top, #ffffff 0%,#e9dff7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e9dff7',GradientType=0 );} .breakfast #rContent article a, #rContent.pRel article a {background-image: url(/nutilis/static/img/arrow.png); background-color: #24aae1; border-color: #196bb2; box-shadow: inset 1px 1px 1px #72c8ec} .lunch #rContent article a {background-image: url(/nutilis/static/img/arrow.png); background-color: #ee9db4; border-color: #a7638e; box-shadow: inset 1px 1px 1px #f4c0cf} .main_meal #rContent article a {background-image: url(/nutilis/static/img/arrow.png); background-color: #8bc63e; border-color: #627e31; box-shadow: inset 1px 1px 1px #b4da83} .dessert #rContent article a {background-image: url(/nutilis/static/img/arrow.png); background-color: #987dbd; border-color: #6b4f95; box-shadow: inset 1px 1px 1px #bdabd5} .breakfast #rContent article a:hover, #rContent.pRel article a:hover {background-color: #36b5e9} .lunch #rContent article a:hover {background-color: #f5aec2} .main_meal #rContent article a:hover {background-color: #9dd752} .dessert #rContent article a:hover {background-color: #a98ece} #theRecipe {position: relative; padding: 40px 0 0 0; min-height: 400px; font-size: 1.4em; background-position: right 70px; background-repeat: no-repeat} #theRecipe > h2 {font-size: 48px; margin-bottom: 200px; width: 440px} #theRecipe aside {overflow: hidden} #theRecipe .printAndEmail {position: absolute; top: 20px; right: 20px; width: 180px; text-align: right} #theRecipe .printAndEmail a {display: inline-block; margin-bottom: 5px} #emailRecipeForm {display: none; position: absolute; padding: 0 10px; top: 120px; right: 20px; background: #fff; border: 1px solid #a595c2; border-width: 0 1px 1px 0; border-radius: 10px; box-shadow: inset 1px 1px 1px #e7deea} #emailRecipeForm #cForm {margin: 10px; width: 300px} #emailRecipeForm #cForm td {padding: 4px 0; vertical-align: bottom} #emailRecipeForm a {display: inline-block; text-align: left; margin-bottom: 10px; width: 35px; height: 34px; background: url(/nutilis/static/img/btn-close.png) no-repeat; text-indent: -9999px} #emailRecipeForm a:hover {text-decoration: none} #emailRecipeForm textarea {display: none} #theRecipe .ingredients {float: left; padding: 20px; width: 390px} #theRecipe .ingredients h3 {font-size: 24px} #theRecipe .ingredients h4 {font-size: 14px} #theRecipe .ingredients ul, #theRecipe .nutrition ul {margin-top: 20px} #theRecipe .ingredients li, #theRecipe .nutrition li {padding: 8px 0; border-bottom: 1px solid #cabfd8} #theRecipe .ingredients li:last-child, #theRecipe .nutrition li:last-child {border: none} #printIngredients {float: right} #theRecipe .nutrition li span {float: right} #theRecipe .nutrition {float: left; margin-left: 10px; padding: 20px; width: 170px; background: #fff; border: 1px solid #a595c2; border-width: 0 1px 1px 0; border-radius: 10px; box-shadow: inset 1px 1px 1px #e7deea} #theRecipe .nutrition h3 {font-size: 23px} #theRecipe .nutrition a {display: block; margin-top: 20px; background-position: 9px center} #theRecipe .preparation h3 {margin: 35px 0 20px; padding: 10px 15px; font-size: 20px; width: 100px} #theRecipe .preparation ul {margin: 0 20px 0 40px} #theRecipe .preparation li {padding: 6px 0 15px 7px; xcolor: #fff; list-style-type: decimal; list-style-position: outside; xfont-size: 14px; xfont-weight: bold; xbackground: url(/nutilis/static/img/square.png) no-repeat 0 2px} #theRecipe .tip {margin: 30px 20px 30px 0; padding: 20px; border: 1px solid #e2e3f0; border-radius: 10px} #theRecipe .tip h3 {font-size: 21px; margin-bottom: 10px} #theRecipe .related h3 {font-size: 20px; margin: 20px 0 10px 5px; padding: 10px 15px; display: inline-block} #cForm {margin: 30px auto; width: 480px} #cForm td {padding: 4px 0} #cForm textarea {padding: 5px; width: 470px; border: 1px solid #d3d4dd; border-radius: 8px; font: 1em Arial, Helvetica, sans-serif; color: #573089} #cForm .label {text-align: right; padding-right: 8px; white-space: nowrap} #cForm .input {text-align: left; width: 300px} #cForm .input small {display: block} #cForm .label, #cForm .input, #cForm .send {padding-top: 20px} #cForm .input input, #cForm .input select {padding: 5px; width: 290px; border: 1px solid #d3d4dd; border-radius: 8px; font-size: 1em; color: #573089} #cForm .input select {width: 300px} #footer {height: 270px; background: url(/nutilis/static/img/bg-footer.jpg) no-repeat center top} #footer .wrapper {position: relative; height: 270px; width: 1004px; background: url(/nutilis/static/img/bg-footer-bottles.jpg) no-repeat 0 34px} #footer article {position: absolute; top: 31px; height: 160px} #footer .footArticle1 {left: 250px; width: 240px} #footer .footArticle2 {left: 505px; width: 230px} #footer .footArticle3 {left: 770px; width: 220px} #footer article h1 {} #footer article a {padding: 10px; display: inline-block; font-size: 20px; color: #4f2683; background: #ebecf5; border: 1px solid #a595c2; border-width: 0 1px 1px 0; border-radius: 8px; box-shadow: inset 1px 1px 1px #f2f3f9} #footer article a:hover {text-decoration: none} #footer article p {margin: 10px 6px 0; font-size: 1em; color: #3e2c54} #footer .wrapper > p {position: absolute; top: 210px; left: 250px; font-size: 0.9em; color: #91879e} .blueBtn {font-size: 15px; color: #fff; padding: 6px 10px; background: #7d80bd; border: 1px solid #585195; border-width: 0 1px 1px 0; border-radius: 10px; box-shadow: inset 1px 1px 1px #abadd5} .blueBtn:hover {text-decoration: none; background-color: #8d90ca} .orangeBtn {font-size: 18px; color: #fff; padding: 12px 15px; background: #ef9422; border: 1px solid #a85e1b; border-width: 0 1px 1px 0; border-radius: 8px; box-shadow: inset 1px 1px 1px #f5ba71} .orangeBtn:hover {text-decoration: none; background-color: #ffa02a} .arrowBtn {background-image: url(/nutilis/static/img/arrow.png); background-repeat: no-repeat; background-position: 9px 9px; padding-left: 25px} .grayRound {background: #ebecf5; border: 1px solid #a595c2; border-width: 0 1px 1px 0; border-radius: 10px; box-shadow: inset 1px 1px 1px #f2f3f9} b, strong {font-weight: bold} sub, sup {font-size: 70%; font-weight: normal; padding-left: 2px} sup {vertical-align: super} sub {vertical-align: sub} small {font-size: 80%; font-weight: normal} .clear {clear: both; font-size: 0; height: 0} a {text-decoration: none; color: #29aae2} a:hover {text-decoration: underline}