div.separator {margin: 3px 0 0 0; border: none; border-top: 1px solid #F0EBFD; border-collapse: collapse;} div.separator.more-space {margin: 0; padding-top: 20px; border: none; border-bottom: 1px solid #F0EBFD; border-collapse: collapse;} div.separator.less-space {margin-bottom: -12px;} .clear {overflow: hidden; clear: both; height: 0;} .secret {display: none;} .error {padding-left: 20px; background: url(/images/uk_nutricia_com/error.gif) 0 2px no-repeat; color: #BF2E2E; font-size: .9em; } span.error {margin-left: 10px;} .options .error {font-size: 1em;} a.button-link, a.button-link:visited {display: inline-block; height: 22px; padding-right: 18px; background: url(/images/uk_nutricia_com/button-link2.gif) right top no-repeat; color: #fff; font-weight: 700; font-size: .9em; line-height: 22px; text-decoration: none; vertical-align: middle;} a.button-link span, a.button-link:visited span {display: inline-block; padding-left: 18px; background: url(/images/uk_nutricia_com/button-link1.gif) left top no-repeat; color: #fff; font-weight: 700; line-height: 22px; text-transform: uppercase;} a.button-link:hover {background-position: right bottom;} a.button-link:hover span {background-position: left bottom; text-decoration: none;} a.button-link2, a.button-link2:visited {display: inline-block; height: 22px; padding-right: 47px; background: url(/images/uk_nutricia_com/button-link2-2.png) right top no-repeat; color: #fff; font-weight: 700; font-size: .9em; line-height: 22px; text-decoration: none;} a.button-link2 span, a.button-link2:visited span {display: inline-block; padding-left: 18px; background: url(/images/uk_nutricia_com/button-link2-1.png) left top no-repeat; color: #fff; font-weight: 700; line-height: 22px; text-transform: uppercase;} a.button-link2:hover {background-position: right bottom;} a.button-link2:hover span {background-position: left bottom; text-decoration: none;} a.button-link3, a.button-link3:visited {display: inline-block; height: 22px; padding-right: 18px; background: url(/images/uk_nutricia_com/button-link2-3.png) right top no-repeat; color: #fff; font-weight: 700; font-size: .9em; line-height: 22px; text-decoration: none;} a.button-link3 span, a.button-link3:visited span {display: inline-block; padding-left: 18px; background: url(/images/uk_nutricia_com/button-link2-1.png) left top no-repeat; color: #fff; font-weight: 700; line-height: 22px; text-transform: uppercase;} a.button-link3:hover {background-position: right bottom;} a.button-link3:hover span {background-position: left bottom; text-decoration: none;} a.button-link4, a.button-link4:visited {display: inline-block; height: 22px; padding-right: 10px; background: url(/images/uk_nutricia_com/button-link4.png) right top no-repeat; color: #fff; font-weight: 700; font-size: .9em; line-height: 22px; text-decoration: none;} a.button-link4 span, a.button-link4:visited span {display: inline-block; padding-left: 10px; background: url(/images/uk_nutricia_com/button-link4.png) left top no-repeat; color: #fff; font-weight: 700; line-height: 22px; text-transform: uppercase;} a.button-link4:hover {background-position: right bottom;} a.button-link4:hover span {background-position: left bottom; text-decoration: none;} p.separator {margin-bottom: 36px; border-bottom: 1px solid #EAEAEA;} p.separator a.button-link2 {position: relative; top: 11px;} a.read-more, a.read-more:visited {padding-left: 10px; background: url(/images/uk_nutricia_com/arrow-submenu.gif) left center no-repeat; font-size: .9em; text-decoration: none;} a.read-more:hover {text-decoration: underline;} .video {width: 645px; margin: 20px 0; padding: 6px; border: 1px solid #EAEAEA; text-align: center;} .video-small {float: left; width: 316px; margin: 10px 20px 0 0; padding: 6px; border: 1px solid #EAEAEA; text-align: center;} /** * data/article/video/etc pagination */ .pagination {overflow: hidden; margin-top: 25px; border-top: 1px solid #EAEAEA; background: url(/images/uk_nutricia_com/pagination-back.gif) bottom repeat-x;} .pagination p {float: left; margin-left: 15px; color: #888; font-size: .9em; } .pagination .pages a {color: #dedede;} .pagination p.pages a, .pagination p.pages a:visited {padding: 1px 5px; color: #888; text-decoration: none;} .pagination p.pages a:hover, .pagination p.pages a.active, .pagination p.pages a.current:visited {background: #4E2683; color: #fff; font-weight: 700;} .pagination a.first, .pagination a.first:visited {padding-left: 10px; background: url(/images/uk_nutricia_com/arrow-dark-violet-l.gif) left center no-repeat; color: #4E2683; font-weight: 700; text-decoration: none;} .pagination a.last, .pagination a.last:visited {padding-right: 10px; background: url(/images/uk_nutricia_com/arrow-dark-violet-r.gif) right center no-repeat; color: #4E2683; font-weight: 700; text-decoration: none;} .pagination a.first:hover, .pagination a.last:hover {color: #888;} .news-date {margin-top: 0; color: #aaa; font-size: .9em;} .main ul li {margin: 4px 0 4px 25px; color: #666666; list-style: disc;} .main ul li span {color: #666;} .main form dl dt {float: left; clear: left; width: 172px;} .main form dl dd {float: left; width: 465px;} .main form dd label {display: inline; float: none; clear: none; margin: 0; padding: 0; color: #666; font-weight: 400; font-size: .9em; line-height: 23px;} /** * disclaimer under the review form */ .disclaimer {font-size: .85em;} .disclaimer h4 {margin-bottom: 0; color: #000; font-size: 1.1em;} .disclaimer p {margin-top: 5px;} p.return {float: right; margin: 0; padding: 5px 0;} p.return a, p.return a:visited {padding-left: 10px; background: url(/images/uk_nutricia_com/arrow-submenu.gif) left center no-repeat; font-size: 1.1em; font-weight: 700; text-decoration: none;} p.return a:hover {color: #52AFE2; text-decoration: none;} h5.using-video {margin: 19px 0 -7px 0;} /** * product info on product page */ .product-data {float: left; width: 275px;} .product-photo {border: 1px solid #EAEAEA;} ul.product-options {margin: 0; padding: 0; list-style: none;} ul.product-options li {margin: 0;} ul.product-options a, ul.product-options a:visited {display: block; height: 24px; padding-left: 40px; border-bottom: 1px solid #EAEAEA; background: url(/images/uk_nutricia_com/product-option-icons.gif) no-repeat; font-size: .9em; line-height: 24px; text-decoration: none;} ul.product-options a:hover {color: #888; text-decoration: underline;} ul.product-options a.print, ul.product-options a.print:visited {background-position: 0 0;} ul.product-options a.email, ul.product-options a.email:visited {background-position: 0 -25px;} ul.product-options a.download, ul.product-options a.download:visited {background-position: 0 -50px;} .product-data h4 {margin-bottom: 0; padding: 7px 20px; background: #947DBB; color: #fff; font-size: 1.1em;} .product-data table {width: 275px; margin: 0; border: 1px solid #eaeaea; border-collapse: collapse;} .product-data table td {padding: 7px 20px; border: 1px solid #eaeaea; font-size: .9em;} .product-data table td.data-name {width: 100px;} .product-data table th {padding: 7px 10px; background: #F4F2F8; color: #4E2683; font-size: .9em; font-weight: 700;} .product-data table th.data-name {padding: 7px 20px; text-align: left;} a.get-reader {display: block; overflow: hidden; width: 103px; height: 25px; margin: 0 0 0 2px; background: url(/images/uk_nutricia_com/adobe-reader.gif) no-repeat; text-indent: -500px;} .product-descr {float: right; width: 380px;} /** * Recipes */ .recipe-photo {float: left; margin: 0 20px 20px 0; border: 1px solid #EAEAEA;} .recipe-ingredients {margin-left: 285px;} /* special sections and elements ------------------------------------------- */ /** * home page visual **/ .visual {position: relative; width: 940px; height: 556px; margin: 0 auto 25px auto; padding: 0; background: #fff url(/images/uk_nutricia_com/visual.jpg) center no-repeat;} .visual .news {position: absolute; left: 595px; top: 35px; z-index: 5; width: 250px; height: 105px;} .visual h3.news-title {margin: 0; color: #4EACE0; font-size: 1.2em; font-weight: 700;} .visual h3.news-title a, .visual h3.news-title a:visited {color: #4EACE0; text-decoration: none;} .visual h3.news-title a:hover {color: #947DBB;} .visual .news p {margin: 5px 0; font-size: .9em;} .visual .news p.news-date {margin-top: 0;} .visual a.news-more, .visual a.news-more:visited {padding-right: 10px; background: url(/images/uk_nutricia_com/arrow-blue.gif) right center no-repeat; color: #4EACE0; font-weight: 700; text-decoration: none;} .visual a.news-more:hover {color: #666;} #homePageIntro { padding:0 25px 0 25px; } #homePageIntro h2 { margin: 0; } /** * home page search form */ .search-form {position: absolute; top: 147px; left: 563px; z-index: 5; width: 250px; height: 224px; padding: 0 24px 0 34px; background: url(/images/uk_nutricia_com/search-back.gif) center top no-repeat; } .search-form h3 {margin: 0; padding-top: 20px; color: #30658E; font-size: 1.5em; font-weight: 400;} .search-form p {margin-bottom: 7px; color: #fff; font-size: .9em;} .search-form label {display: none;} .search-form input {width: 150px; margin-right: 5px; padding: 2px 8px; border: 1px solid #E3E9EF; border-top: 1px solid #ABADB3; background: #fff; color: #555; font-size: .95em; vertical-align: middle;} button#search {width: 63px; height: 23px; border: none; background: url(/images/uk_nutricia_com/search-button.gif) left top no-repeat; color: #fff; font-weight: 700; font-size: .9em; line-height: 22px; text-align: center; text-transform: uppercase; vertical-align: middle;} button#search:hover {background-position: left bottom; text-decoration: none;} .search-form a.adv-search, .search-form a.adv-search:visited {position: absolute; left: 50px; top: 166px; padding-left: 10px; background: url(/images/uk_nutricia_com/arrow-white.gif) left center no-repeat; color: #fff; font-size: .9em; text-decoration: none;} .search-form a.adv-search:hover {color: #fff; text-decoration: underline;} .search-form dt, .search-form dd {display: inline; } ul.slideshow {overflow:hidden; position: absolute; left: 0; top: 0; z-index: 1; width: 940px; height: 366px; margin: 0; padding: 0; list-style: none;} ul.slideshow li {position: absolute; left: 0; top: 0; margin: 0; padding: 0;} .cols3 {float: left; width: 270px; margin: 385px 0 0 0; padding: 0 25px;} .cols3.login-col {width: 260px; padding: 0 10px 0 25px;} .cols3 h2 {margin: 0; color: #fff; font-weight: 400;} .cols3 p {color: #BFB5D7; font-size: .9em;} .cols3 a.more, .cols3 a.more:visited {padding-right: 10px; background: url(/images/uk_nutricia_com/arrow-violet.gif) right center no-repeat; font-weight: 700; text-decoration: none;} .cols3 a.more:hover {background: url(/images/uk_nutricia_com/arrow-white.gif) right center no-repeat; color: #fff;} /** * home page login form */ .login-form {padding-top: 10px;} .login-form label {width: 60px; padding-left: 0; color: #BFB5D7; font-size: .9em; font-weight: 400;} .login-form input {width: 175px; margin: 2px 0; padding: 2px 8px; border: 1px solid #E3E9EF; border-top: 1px solid #ABADB3; background: #fff; color: #555; font-size: .95em; vertical-align: middle;} .login-form p {margin: 0 0 0 60px; line-height: 25px;} .login-form p a, .login-form p a:visited {border-bottom: 1px dotted #775CAD; color: #9D82CC; text-decoration: none;} .login-form p a:hover {border-bottom: 1px dotted #BFB5D7; color: #BFB5D7;} .login-form button {width: 50px; height: 22px; margin-right: 5px; border: none; background: url(/images/uk_nutricia_com/login-button.gif) center top no-repeat; color: #fff; font-weight: 700; line-height: 22px; text-transform: uppercase; vertical-align: middle;} .login-form button:hover {background-position: center bottom;} /** * home page product list **/ ul.items {overflow: hidden; width: 606px; margin: 20px 0 0 0; padding: 0; border-top: 1px solid #F0EBFD; list-style: none;} ul.items li {float: left; width: 100px; margin: 0 0 0 -1px; padding: 0 0 10px 0; border-left: 1px solid #F0EBFD; border-bottom: 1px solid #F0EBFD; color: #666; text-align: center;} ul.items li.top {border-top: none;} ul.items li.left {border-left: none;} ul.items a, ul.items a:visited {font-size: .917em; text-decoration: none;} ul.items a:hover {color: #50ADE0; text-decoration: none;} ul.items a img, ul.items a:visited img {opacity: 0.7;} ul.items a:hover img {opacity: 1;} /* #tooltip {position: absolute; z-index: 3000; padding: 0 5px 10px 10px; background: url(/images/uk_nutricia_com/tooltip1.png) left top no-repeat;} #tooltip h3, #tooltip div { margin: 0; } #tooltip h3 {padding-right: 10px; background: url(/images/uk_nutricia_com/tooltip2.png) right top no-repeat; color: #fff; font-size: 1em; font-weight: 400; text-transform: uppercase; line-height: 25px;} */ /** * subpage search form **/ form#search {width: 940px; height: 54px; margin: 11px 0 3px 0; background: url(/images/uk_nutricia_com/search-back.png) center center no-repeat; color: #fff;} form#search fieldset {float: left; width: 610px; height: 54px; padding-left: 15px; line-height: 52px;} form#search input {width: 235px; margin-right: 10px; padding: 2px 8px; border: 1px solid #E3E9EF; border-top: 1px solid #ABADB3; background: #fff; color: #555; font-size: .95em; vertical-align: middle;} form#search label {width: 270px; margin: 0; padding-left: 0; color: #fff; font-size: 1.25em; font-weight: 700; line-height: 52px;} form#search p {margin: 0; line-height: 52px;} form#search p a.button-link {margin-left: 15px;} form#search dt, form#search dd {display: inline; clear: none; float: left; line-height: 52px;} /** * links to other sites **/ ul.links {margin: 0; list-style: none;} ul.links li {overflow: hidden; margin: 0; padding: 25px 15px; border-bottom: 1px solid #EAEAEA; color: #666;} ul.links li.last {border-bottom: none;} ul.links li img {float: right;} ul.links li div {width: 410px;} ul.links li h2 {margin: 0;} ul.links li h2 a, ul.links li h2 a:visited {color: #4E2683; text-decoration: none;} ul.links li h2 a:hover {color: #4EACE0;} ul.links li p.link-url {margin-top: 0; color: #aaa; font-size: .9em;} /** * news list **/ ul.newslist {margin: 25px 0; list-style: none;} ul.newslist li {margin: 0; padding: 0 15px; border-bottom: 1px solid #EAEAEA; list-style: none; color: #666; min-height:100px;} ul.newslist li.last {border-bottom: none;} ul.newslist li p {margin-top: 0; margin-bottom: .7em;} ul.newslist li p.news-date {margin: 2px 0;} ul.newslist li h4 {margin-bottom: 0; font-size: 1.1em; line-height: 13px;} ul.newslist li h4 a, ul.newslist li h4 a:visited {text-decoration: none;} ul.newslist li h4 a:hover {text-decoration: underline;} /** * articles list **/ ul.articles {margin: 25px 0; list-style: none;} ul.articles li {margin: 0; padding: 0 15px; border-bottom: 1px solid #EAEAEA; list-style: none; color: #666; min-height:60px;} ul.articles li.last {border-bottom: none;} ul.articles li p {margin-top: 0; margin-bottom: .7em;} ul.articles li p.news-date {margin: 2px 0;} ul.articles li h4 {margin-bottom: 0; font-size: 1.1em; line-height: 13px;} ul.articles li h4 a, ul.newslist li h4 a:visited {text-decoration: none;} ul.articles li h4 a:hover {text-decoration: underline;} /** * team testimonials **/ .testimonial {overflow: hidden; padding: 20px 0; border-bottom: 1px solid #EAEAEA;} .testimonial.last {border-bottom: none;} div.testimonial.first {margin-top: 20px;} .testimonial img {float: left; margin-right: 20px; border: 1px solid #EAEAEA;} .testimonial blockquote {margin: 12px 0 12px 90px; padding-left: 60px; background: url(/images/uk_nutricia_com/quotes.gif) left top no-repeat;} .testimonial blockquote p {font-style: italic;} .testimonial h4 {margin-top: 0; color: #947DBB;} /** * nutricia suggestion engine **/ .suggestion-engine {margin: 10px 0 25px 0;} .suggestion-engine h2 {margin-top: 0; font-size: 1.2em; font-weight: 400; text-transform: uppercase;} .suggestion-engine form {width: 681px; height: 150px; margin-top: 10px; background: url(/images/uk_nutricia_com/suggestion-form.png) no-repeat;} .suggestion-engine fieldset {float: left; width: 180px; padding: 15px 23px; line-height: 20px;} .suggestion-engine p {margin-top: 7px; color: #BFB5D7; font-size: .9em;} .suggestion-engine h3 {margin: 0; color: #fc0; font-size: 1.5em; font-weight: 400;} .suggestion-engine label {display: inline; float: none; width: auto; margin: 5px 0; padding-left: 0; color: #BFB5D7; font-size: .9em; font-weight: 400;} .suggestion-engine select {width: 180px; border: 1px solid #E3E9EF; border-top: 1px solid #ABADB3; font-size: .9em; } .suggestion-engine button {width: 94px; height: 22px; margin-top: 10px; border: none; background: url(/images/uk_nutricia_com/suggestion-button.png) center top no-repeat; color: #fff; font-size: .9em; font-weight: 700; line-height: 22px; text-align: center; text-transform: uppercase;} .suggestion-engine button:hover {background-position: center bottom; } /** * nutricia suggestion engine **/ .product-browser {margin: 10px 0 25px 0;} .product-browser h2 {margin-top: 0; font-size: 1.2em; font-weight: 400; text-transform: uppercase;} .product-browser form {width: 681px; margin-top: 10px; border-bottom: 1px solid #EAEAEA; background: url(/images/uk_nutricia_com/product-browser.png) no-repeat;} .product-browser fieldset {float: left; width: 180px; height: 55px; padding: 15px 23px;} .product-browser p {clear: left; margin-top: 7px; padding: 20px 15px 0 0; color: #666; text-transform: uppercase; text-align: right;} .product-browser label {margin: 0; padding: 0; color: #fc0; font-size: 1.5em; font-weight: 400;} .product-browser select {width: 180px; margin-top: 10px; border: 1px solid #E3E9EF; border-top: 1px solid #ABADB3; font-size: .9em; } .product-browser button {position: relative; padding-right: 10px; border: none; background: url(/images/uk_nutricia_com/button-link2-3.png) right top no-repeat; color: #fff; font-weight: 700; font-size: .9em; text-decoration: none;} .product-browser button span {display: block; position: relative; height: 22px; padding-left: 10px; background: url(/images/uk_nutricia_com/button-link2-1.png) left top no-repeat; color: #fff; font-weight: 700; line-height: 22px; text-transform: uppercase; white-space:nowrap;} .product-browser button:hover {background-position: right bottom;} .product-browser button:hover span {background-position: left bottom; text-decoration: none;} .product-browser a.button-link4 {margin-left: 10px;} .main .product-browser dl dt {float: none; clear: none; width: auto;} .main .product-browser dl dd {float: none; clear: none; width: auto;} button#find {position: relative; top: -3px;} /** * video and podcast list **/ .videos img {float: left;} .videos h4, .videos p {padding-left: 140px;} /** * tabs and tabbed content **/ ul.tabs {position: relative; z-index: 5; overflow: hidden; margin-bottom: -2px; list-style: none;} ul.tabs li {position: relative; float: left; margin: 0; padding: 0;} ul.tabs li a, ul.tabs li a:visited {display: block; float: left; height: 36px; padding-left: 30px; background: url(/images/uk_nutricia_com/tab.png) left top no-repeat; line-height: 36px; text-decoration: none;} ul.tabs li a span, ul.tabs li a:visited span {display: block; float: left; height: 36px; padding-right: 30px; background: url(/images/uk_nutricia_com/tab.png) right top no-repeat; color: #888; font-weight: 700; line-height: 36px;} ul.tabs li a:hover, ul.tabs li a:hover span {color: #4E2683;} ul.tabs li a.current, ul.tabs li a.current:visited {background-position: left bottom;} ul.tabs li a.current span, ul.tabs li a.current:visited span {background-position: right bottom; color: #4E2683;} .tabbed-content {width: 630px; margin: 0; padding: 35px 25px; border: 1px solid #D3C6EA; border-top-width: 2px;} /** * review form **/ #review form {margin: 30px 0; padding: 10px 0; border: 1px solid #F0EBFD; border-left: none; border-right: none;} #review label {width: 500px; margin-bottom: 0; padding-left: 0; color: #4E2683; font-weight: 700; font-size: 1.1em;} #review textarea {clear: left; width: 450px; height: 130px; margin: 5px 0; padding: 2px 5px; font-size: .9em;} #review select {width: 45px; font-size: .9em;} #review h4 {margin-bottom: 0; color: #4E2683; font-weight: 700; font-size: 1.1em;} #review p {clear: both;} #review p.more-info {padding-top: 0; color: #ccc;} #review p.more-info a, #review p.more-info a:visited {padding: 0 5px; font-weight: 700; text-decoration: none;} #review p.more-info a:hover {text-decoration: underline;} #review button {position: relative; padding-right: 18px; border: none; background: url(/images/uk_nutricia_com/button-link2-3.png) right no-repeat; color: #fff; font-weight: 700; font-size: .9em; text-decoration: none;} #review button span {display: block; position: relative; height: 22px; padding-left: 18px; background: url(/images/uk_nutricia_com/button-link2-1.png) left no-repeat; color: #fff; font-weight: 700; line-height: 22px; text-transform: uppercase; white-space:nowrap;} #review button:hover span {text-decoration: none;} #review dt {float: left; clear: left; width: 300px;} .main #review dd {float: left; clear: left; width: 650px;} #review dt.rate label {color: #666; font-size: 1em; font-weight: 400;} #review dd.rate {clear: left; margin-bottom: 15px;} /** * contact page side boxes */ .select-office {height: 111px; padding: 1px 25px; background: url(/images/uk_nutricia_com/select-office-box.png) no-repeat;} .select-office h3 {margin-bottom: 15px; color: #fff; text-transform: uppercase;} .select-office select {width: 180px; font-size: .9em;} ul.vcard {margin: 10px 25px 10px 0; padding: 0; list-style: none;} ul.vcard li {margin: 0; padding: 5px 0; border-bottom: 1px solid #eaeaea; font-size: .9em;} ul.vcard li.last {border-bottom: none;} ul.vcard a, ul.vcard a:visited, .directions a, .directions a:visited {color: #4EACE0; text-decoration: none;} ul.vcard a:hover, .directions a:hover {border-bottom: 1px dotted #4EACE0; text-decoration: none;} #map {height: 350px; margin: 14px 0; padding: 5px; border: 1px solid #EAEAEA;} /** * enquiry form */ form.enquiry {margin: 12px 0; padding: 0 20px 5px 20px; border: 1px solid #EAEAEA;} p.submit {margin: 25px 0; padding-left: 172px;} p.submit button {position: relative; height: 22px; padding-right: 30px; border: none; background: url(/images/uk_nutricia_com/button-link2-3.png) right top no-repeat; color: #fff; font-weight: 700; font-size: .9em; text-decoration: none; line-height: 22px;} p.submit button span {display: block; position: relative; height: 22px; padding-left: 30px; background: url(/images/uk_nutricia_com/button-link2-1.png) left top no-repeat; color: #fff; font-weight: 700; line-height: 22px; text-transform: uppercase; white-space:nowrap;} p.submit button:hover {background-position: right bottom;} p.submit button:hover span {background-position: left bottom; text-decoration: none;} form.enquiry textarea {width: 245px; height: 160px;} form.enquiry label span {color: #CABDDA;} p.req-expl {overflow: hidden; margin: 0 0 22px 0; padding: 17px 0; border-bottom: 4px solid #F0EBFD; color: #4E2683; font-size: .9em; text-align: right;} p.req-expl span {float: right; padding-left: 10px; background: url(/images/uk_nutricia_com/req.gif) 0 0 no-repeat; } span.req-expl {float: right; padding-left: 20px; } /** * registration form */ .reg-form {margin: 30px 0; padding: 5px 10px 25px 10px; border: 1px solid #EAEAEA;} .reg-form p.hint {margin: -15px 15px 15px 15px; padding: 11px 0; border-bottom: 1px solid #F0EBFD; color: #4E2683; font-size: .9em;} .reg-form .req-expl {float: right; margin: 0; padding: 0 0 0 10px; border: none; background: url(/images/uk_nutricia_com/req.gif) 0 10px no-repeat; color: #4E2683; font-size: .8em; font-weight: 400; line-height: 33px;} .reg-form h4 {margin: 0 0 15px 0; padding: 0 15px 0 15px; background: #F0EBFD; color: #4E2683; font-size: 1.1em; line-height: 33px;} .reg-form fieldset {margin: 0 15px 25px 15px;} .reg-form fieldset.accept {margin-bottom: 0; padding: 20px 0; border-top: 4px solid #F0EBFD; border-bottom: 1px solid #F0EBFD;} .reg-form fieldset.accept dd {width: 120px;} .reg-form fieldset.captcha {margin-bottom: 20px; padding: 20px 0; border-bottom: 4px solid #F0EBFD;} .reg-form label.options {margin: 10px 0 0 0;} .reg-form fieldset.captcha label.options {margin: 0 0 20px 0;} .reg-form p.submit button {margin-left: 12px; padding-right: 45px;} .reg-form p.submit button span {padding-left: 45px;} button:hover, button:hover span {text-decoration: none;} .main .reg-form dl dd {width: 455px;} /** * registration form - check conditions */ .checkConditions {display:inline; float:left; padding:10px 10px;} /** * BMI calculator form */ form.bmi-calc {float: left; width: 390px;} form.bmi-calc fieldset {overflow: hidden; margin: 20px 0; padding: 20px 0; border: 1px solid #eaeaea; border-left: none; border-right: none;} form.bmi-calc input {width: 70px; margin: 0 10px 0 0;} form.bmi-calc input#pounds, form.bmi-calc input#inches {margin-right: 0;} form.bmi-calc input#centimeters, form.bmi-calc input#kilograms {width: 160px;} form.bmi-calc label {clear: none; width: 80px; margin: 0 10px 0 0; padding: 0; color: #666; font-style: italic; font-weight: 400;} form.bmi-calc label.last {margin-right: 0;} form.bmi-calc .bmi-col {width: 170px;} form.bmi-calc .bmi-col.height {float: left;} form.bmi-calc .bmi-col.weight {float: right;} form.bmi-calc h2 {margin-top: 0; padding-bottom: 20px;} form.bmi-calc p.submit {padding-left: 0; text-align: center;} form.bmi-calc p.submit button {padding-right: 50px;} form.bmi-calc p.submit button span {padding-left: 50px;} form.bmi-calc p.bmi {color: #4E2683; font-size: 2em; text-align: center;} form.bmi-calc p.bmi em {color: #4E2683; font-size: 0.583em;} /* modal window .overlay { display: none; position: absolute; left: 0; top: 0; z-index: 100; width: 100%; height: 100%; background: #3C1F75; opacity: 0.7; } */ .overlay { display: none; background-color:#3C1F75; height:100%; left:0; opacity:0.9; padding:0; position:fixed; top:0; width:100%; z-index:300; filter: alpha(opacity=80); } .modal {display: none; position: absolute; left: 50%; top: 250px; z-index: 1000; width: 630px; margin-left: -325px; padding: 10px; background: #3C1F75;} .modal-content {position: relative; border: 1px solid #4A2F7F;} .modal-content p {margin: 2.5em 0; color: #fff; text-align: center;} .modal-content p.big-info {margin-bottom: .5em; margin-top: 2em; font-size: 2em;} .modal-content p.big-info strong {color: #fff; font-size: 1.5em; font-weight: 400;} a.close, a.close:visited {position: absolute; right: 0; top: 0; padding: 0 5px; background: #4A2F7F; color: #fff; font-size: .9em; line-height: 19px;} a.close span, a.close:visited span {padding-right: 5px; color: #785AB3;} a.close:hover {color: #785AB3; text-decoration: none;} a#close2, a#close2:visited {display: block; width: 110px; height: 32px; padding-right: 55px; margin: 0 auto; background: url(/images/uk_nutricia_com/notahcp.jpg) center no-repeat; color: #fff; font-family: Helvetica, Arial, sans-serif; font-weight: 700; line-height: 30px; text-align: right;} a#close2:hover {color: #E169A0; text-decoration: none;} a#proceed, a#proceed:visited {display: block; width: 85px; height: 32px; padding-right: 45px; margin: 0 auto; background: url(/images/uk_nutricia_com/proceed.jpg) center no-repeat; color: #fff; font-family: Helvetica, Arial, sans-serif; font-weight: 700; line-height: 30px; text-align: right;} a#proceed:hover {color: #E169A0; text-decoration: none;} /** * BMI calculator form */ form.bmi-calc {float: left; width: 390px;} form.bmi-calc fieldset {overflow: hidden; margin: 20px 0; padding: 20px 0; border: 1px solid #eaeaea; border-left: none; border-right: none;} form.bmi-calc input {width: 70px; margin: 0 10px 0 0;} form.bmi-calc input#pounds, form.bmi-calc input#inches {margin-right: 0;} form.bmi-calc input#centimeters, form.bmi-calc input#kilograms {width: 160px;} form.bmi-calc label {clear: none; width: 80px; margin: 0 10px 0 0; padding: 0; color: #666; font-style: italic; font-weight: 400;} form.bmi-calc label.last {margin-right: 0;} form.bmi-calc .bmi-col {width: 170px;} form.bmi-calc .bmi-col.height {float: left;} form.bmi-calc .bmi-col.weight {float: right;} form.bmi-calc h2 {margin-top: 0; padding-bottom: 20px;} form.bmi-calc p.submit {padding-left: 0; text-align: center;} form.bmi-calc p.submit button {padding-right: 50px;} form.bmi-calc p.submit button span {padding-left: 50px;} form.bmi-calc p.bmi {color: #4E2683; font-size: 2em; text-align: center;} form.bmi-calc p.bmi em {color: #4E2683; font-size: 0.583em;} .bmiError {color:red; font-size:85%;} div.instruction { text-align:right; } /** * Allergy test */ .test {margin: 30px 0; padding: 10px 25px; border: 1px solid #eaeaea;} .test h2 {margin-top: 0; padding: 15px 0; border-bottom: 4px solid #F0EBFD;} select.dob {width: 100px; margin-right: 10px;} .main .test form dl {overflow: hidden; clear: both; padding: 15px 15px; border-bottom: 1px solid #EAEAEA;} .main .test form dt {overflow: hidden; float: left; clear: none; width: 155px;} .main .test form dd {float: left; clear: none; width: 440px;} .main .test form dl label {padding-left: 5px; font-size: 1em; } .main .test form dl.test-question input.radio {float: none; clear: none; vertical-align: middle; margin-right: 10px; } .main .test form dl.test-question label {float: none; clear: none; display: inline; width: 30px; padding: 0 30px 0 0; font-size: 1em; text-align: right;} .main .test form dl.test-question p {margin: 0;} .main .test form p.submit {padding-left: 0; text-align: center;} .main .test form p.submit button {padding-right: 50px} .main .test form p.submit button span {padding-left: 50px;} /** * Allergy test Results */ .allergyResult { background:#FFFFCC; border:1px solid #FFCC33; margin:1em 0; padding:10px 10px 10px 10px; margin:20px 0; float:left; } .allergyError { background:#FFEEEE; border:1px solid #990000; margin:1em 0; padding:10px 10px 10px 10px; margin:20px 0; float:left; } /** * must calculator styles */ form.must {margin: 12px 0; padding: 20px 20px 5px 20px; border: 1px solid #EAEAEA;} form.must h1 {padding-bottom: 1em; border-bottom: 1px solid #EAEAEA;} form.must dl {overflow: hidden;} form.must dt {padding-top: 10px; text-align: right;} form.must dd {width: 435px !important; padding-top: 10px; padding-left: 20px;} form.must p.submit { overflow: hidden; clear: both; margin-top: 15px; padding: 20px 0 0 192px; border-top: 1px solid #eaeaea; height:22px; } form.must p.submit span { font-size: .917em; } form.must p.submit .left { float: left; margin-left: -192px; } form.must p.submit .right { float: right; } form.must p.submit button { margin-left:3px; } form.must p.submit button:hover { } form.must p.submit button span { } form.must p.submit button:hover span { } form.must p.footnote {padding-top: 1em; border-top: 1px solid #EAEAEA; font-size: .917em; font-style: italic;} form.must dd.two { line-height: 2.3; } form.must dd.two span { float: left; width: 80px; padding-right: 10px; } form.must dd.two em { font-size: .917em; } form.must dd.two input { width: 80px; } form.must dd.two .error { margin-left: 20px; } form.must p.yes-no { padding-top: 0; border-top: none; } form.must p.footnote a.button-link3 { float: right; } form.must p.results { overflow: hidden; color: #4e2683; font-size: 1.167em; font-style: italic; text-align: center; } form.must p.results span { float: left; width: 225px; line-height: 1.5; } form.must p.results strong { display: block; color: #4e2683; font-size: 1.714em; font-style: normal; text-transform: uppercase; line-height: 1.5; } form.must p.progress { margin: -20px -20px 25px; } /* prtogress bar */ p.progress { overflow: hidden; padding: 15px 20px; border-bottom: 1px solid #eaeaea; background: #f7f7f7; color: #888; font-size: .917em; text-align: right; } p.progress em { float: left; font-style: normal; } p.progress strong { float: right; font-weight: 400; } p.progress span { position: relative; top: 4px; display: block; width: 564px; height: 8px; margin: 0 auto; background: #fff url(../../images/uk_nutricia_com/progress.png) no-repeat 0 0; } p.progress-0 span { background-position: 0 0; } p.progress-20 span { background-position: 0 20%; } p.progress-40 span { background-position: 0 40%; } p.progress-60 span { background-position: 0 60%; } p.progress-80 span { background-position: 0 80%; } p.progress-100 span { background-position: 0 100%; } /** * must calculator styles OLD form.must {margin: 12px 0; padding: 20px 20px 5px 20px; border: 1px solid #EAEAEA;} form.must h1 {padding-bottom: 1em; border-bottom: 1px solid #EAEAEA;} form.must dt {padding-top: 10px; text-align: right;} form.must dd {width: 435px !important; padding-top: 10px; padding-left: 20px;} form.must p.submit {clear: both; padding-top: 15px; padding-left: 193px;} form.must p.footnote {padding-top: 1em; border-top: 1px solid #EAEAEA; font-size: .917em; font-style: italic;} form.must dd.two { line-height: 2.3; } form.must dd.two span { float: left; width: 80px; padding-right: 10px; } form.must dd.two em { font-size: .917em; } form.must dd.two input { width: 80px; } form.must dd.two .error { margin-left: 20px; } form.must p.yes-no { padding-top: 0; padding-left: 0; } form.must p.footnote a.button-link3 { float: right; } form.must p.results { overflow: hidden; color: #4e2683; font-size: 1.167em; font-style: italic; text-align: center; } form.must p.results span { float: left; width: 225px; line-height: 1.5; } form.must p.results strong { display: block; color: #4e2683; font-size: 1.714em; font-style: normal; text-transform: uppercase; line-height: 1.5; } */ /* must calculator styles */ form.must dl.dlMetric {visibility:hidden; height:0px;} form.must em.error {visibility:hidden; height:0px;} .sidebox .working {} /* community links at the bottom of conditions information */ .communityLinks-wrapper1 {width:230px;margin: 10px 0; padding-top: 5px; background: url(/images/uk_nutricia_com/sidebox-top.png) center top no-repeat; float:left; margin:0 30px 0 40px;} .communityLinks-wrapper2 {width:230px;padding-bottom: 5px; background: url(/images/uk_nutricia_com/sidebox-bottom.png) center bottom no-repeat;} div.clear {clear:both;} .communityBlog { padding:0 80px 0 20px; background: url(/images/uk_nutricia_com/blog.png) right top no-repeat; } .communityForum { padding:0 80px 0 20px; background: url(/images/uk_nutricia_com/forum.png) right top no-repeat; }