.reset {font: 10px/1.3em Arial, Verdana, Sans-Serif; color: #444; } .reset table {border-collapse: collapse; border-spacing: 0} .reset ol, .reset ul {list-style: none; margin-left: 0; padding-left: 0} .reset q:before, .reset q:after, .reset a blockquote:before, .reset blockquote:after {content: ''} .reset img {border: 0} .reset span {font-weight: inherit; font-style: inherit} .reset h1, .reset h2, .reset h3, .reset h4, .reset h5, .reset h6 {font-weight: bold; color: #90c} .reset h1 {font-size: 25px; line-height: 1.1em; margin-bottom: 0.5em} .reset h2 {font-size: 18px; line-height: 1.1em; margin: 0.9em 0 0.5em} .reset h3 {font-size: 16px; line-height: 1.3em; margin: 0.9em 0 0.5em} .reset h4 {font-size: 15px; line-height: 1.3em; margin: 0.9em 0 0.5em} .reset h5 {font-size: 14px; margin: 0.9em 0 0.5em} .reset h6 {font-size: 13px; margin: 0.9em 0 0.5em} .reset p {margin: 0 0 .75em; font-size: 12px; line-height: 1.5em} .reset p.last {margin-bottom: 0} .reset p.abstract {font-size: 12px; color: #333} .reset ul, .reset ol {font-size: 12px} .reset li {line-height: 1.45; margin: .75em 0} .reset dl {margin: 0 0 1.5em 0} .reset dl dt {font-weight: bold; font-size: 13px; line-height: 1.25em; margin: 1.1em 0 0.5em 0} .reset dd {margin-left: 1.1em; font-size: 12px; line-height: 1.45em} .reset ul ul, .reset ol ol, .reset ol ul, .reset ul ol {font-size: 1em; } .reset abbr, .reset acronym {border-bottom: 1px dotted #666} .reset address {margin-top: 1.5em; font-style: italic} .reset del {color: #666} .reset a {color: #90c; text-decoration: none; font-weight: inherit} .reset a:focus, .reset a:hover {color: #6e2b8c} .reset blockquote {font-size: 1.4em; font-style: italic; line-height: 1.35; padding: 0 1.75em .75em} .reset strong {font-weight: bold} .reset em {font-style: italic} .reset strong em, .reset em strong {font-weight: bold; font-style: italic; color: #333} .reset strong span, .reset strong span.caps {font-weight: bold} .reset pre {margin: 1.5em 0} .reset pre, .reset code, .reset tt {font: 1.2em 'lucida console', monospace; line-height: 1.5} .reset tt {display: block; margin: 1.5em 0; line-height: 1.5} .reset sup {font-size: 0.5em; padding-left: 1px; vertical-align: top} .reset input[type=submit] {cursor: pointer} .reset input[type=submit]:-moz-focus-inner {border: 0} .reset input[type=text]:focus, .reset input[type=password]:focus {outline: 0 none} .reset table {margin-bottom: 1.4em; font-size: 12px} .reset th {font-weight: bold} .reset thead th {font-size: 14px; vertical-align: middle} .reset th, .reset td {padding: 4px 10px; vertical-align: top; border: 1px solid #ddd} .reset tfoot {font-style: italic} .reset caption {background: #ffc} .reset table .last {padding-right: 0} .reset .hint {background-color: #ffa; color: #333; font-size: 12px; padding: 10px} .reset .help, .reset .help a {color: #999} .reset .fieldWithErrors {display: inline} .reset .fieldWithErrors input, .reset .fieldWithErrors textarea, .reset .fieldWithErrors select {border: 1px solid #c30} .reset .formError {color: #c30; font-weight: bold; font-size: 1.1em} .reset .formError a {color: #f70} .reset .hide, .reset .cloak {display: none} .reset .jsdisabled .cloak {display: auto} .reset .autoclear, .reset .clear {clear: both; } .reset .adzerk {clear: both; display: block; margin: 0 0 20px} .reset .main-site-only {display: block} .reset .mobile-only {display: none} .reset .au-only, .reset .nz-only {display: none} .reset .au .au-only, .reset .nz .nz-only {display: block} .skip-link {height: 1px; text-indent: -9999em; overflow: hidden; position: absolute} @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {body {width: 980px} } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {body {width: 980px} } #flash_wide_banner {width: 960px; height: 0.01px; overflow: hidden} #introduction {width: 435px; padding: 5px 503px 15px 0; margin: 0 0 15px; background-position: bottom right; background-repeat: no-repeat; clear: both} #introduction h1 {font-size: 33px; border-bottom: none; text-transform: lowercase; font-family: "Century Gothic", Arial, sans-serif} #introduction h1 span {font-size: 20px; font-weight: normal; display: block; margin-bottom: -5px} #main {float: left; width: 628px} #main.no-sidebar {width: 928px} #sidebar {float: right; width: 300px} #in_this_section {padding: 0 0 12px 0; background: #c379db} #in_this_section .block {position: relative; padding-top: 10px} #in_this_section .block .title {font-weight: bold} #in_this_section .block .title a {position: relative; display: block; cursor: default; color: #fff} #in_this_section .block .title a .all {position: absolute; top: 4px; right: 0; font-weight: normal; font-size: 14px; line-height: 1; border-bottom: 1px dotted #fff; cursor: pointer} #in_this_section .block .title a .all:hover {border-bottom-style: solid} #in_this_section .expert .title {padding-left: 15px; background: url("/images/layout/in_this_section/icon-expert.png") left no-repeat} #in_this_section .videos .title {padding-left: 17px; background: url("/images/layout/in_this_section/icon-video.png") left no-repeat} #in_this_section .forums .title {padding-left: 25px; background: url("/images/layout/in_this_section/icon-forum.png") left no-repeat} #in_this_section .block .feed {position: absolute; right: 0; top: 0; text-indent: -999em; overflow: hidden} #in_this_section .block .feed a {display: block; height: 20px; width: 20px; background-image: url("/images/layout/in_this_section/rss-default.gif"); background-position: 0 0} #in_this_section .block .feed a:hover {background-position: 0 -20px} .silo-conception #in_this_section .block .feed a {background-image: url("/images/layout/in_this_section/rss-conception.gif")} .silo-pregnancy #in_this_section .block .feed a {background-image: url("/images/layout/in_this_section/rss-pregnancy.gif")} .silo-child-birth #in_this_section .block .feed a {background-image: url("/images/layout/in_this_section/rss-childbirth.gif")} .silo-baby-care #in_this_section .block .feed a {background-image: url("/images/layout/in_this_section/rss-babycare.gif")} .silo-toddler #in_this_section .block .feed a {background-image: url("/images/layout/in_this_section/rss-toddler.gif")} .silo-parenting #in_this_section .block .feed a {background-image: url("/images/layout/in_this_section/rss-parenting.gif")} #in_this_section .block .content {background: #fff; margin-top: 12px; padding: 12px} #in_this_section .forums .content {padding: 5px 0} #in_this_section .forums li {border-bottom: 1px dotted #ac1f52; font-size: 15px; line-height: 21px; padding: 0 12px 8px 12px; margin: 5px 0; background: url("/images/layout/in_this_section/quote.png") bottom right no-repeat} #in_this_section .forums li span {font-size: 10px; margin-top: 6px; display: block} #in_this_section .forums li span.caps {display: inline; font-size: 15px; margin-top: 0} #also_on_huggies {clear: left; padding-bottom: 10px; background: #fff; border: 1px solid #e6e6e6; border-width: 0 1px} #also_on_huggies .heading {font-size: 13px; color: #80449a; padding: 8px 10px; text-transform: lowercase; background: #f2e3f5; border-top: 1px solid #e3bfef; border-bottom: 1px solid #e3bfef} #also_on_huggies .blocks {padding: 0 4px} #also_on_huggies .blocks:before, #also_on_huggies .blocks:after {content: " "; display: table} #also_on_huggies .blocks:after {clear: both} #also_on_huggies .block {padding: 0 5px; width: 180px; float: left} #also_on_huggies .block a {display: block} #also_on_huggies .block a .text {display: block; font-size: 15px; padding: 7px 0; margin: 5px 0 10px 0; font-weight: bold; border-bottom: 1px solid} #also_on_huggies .block a .image {display: block; margin: 0 0 10px; height: 180px; width: 180px; background: #999} #also_on_huggies .block p {font-size: 11px} #also_on_huggies .block ul {margin-top: 13px} #also_on_huggies .block ul li {font-size: 11px; padding-left: 12px; background: url("/images/layout/bullet-dot-purple.png") 0 4px no-repeat} .template-landing #also_on_huggies, .product-landing #also_on_huggies {display: none} a#security-alert-home-page {margin: -40px 0 17px 470px; display: block; width: 120px; padding: 5px 0 3px 25px; color: #bf3032; height: 15px; font-size: 11px; background: url("/images/layout/icon-alert.jpg") top left no-repeat} a#security-alert {display: none; position: absolute; top: 222px; left: 380px; display: block; width: 120px; padding: 5px 0 3px 25px; color: #bf3032; height: 15px; font-size: 11px; background: url("/images/layout/icon-alert.jpg") top left no-repeat} a#security-alert:hover, a#security-alert-home-page:hover {color: #bf3032 !important; text-decoration: underline !important} a#security-alert-home-page {margin: -40px 0 17px 420px} #intro-animation {position: relative; height: 280px; margin-bottom: 20px} #intro-animation h3 {display: none} #intro-animation .video {position: absolute; top: 0; right: 0; z-index: 1; width: 359px; height: 213px; background: url("/images/promotions/newborn-nappies/intro-animation/video-bg.jpg") top left no-repeat} #intro-animation #newborn-video {position: absolute; top: 12px; left: 14px} #intro-animation #newborn-video a {display: block; width: 330px; height: 186px; background-image: url("/images/promotions/newborn-nappies/intro-animation/video-still.jpg")} #intro-animation #intro-animation-nav {position: absolute; width: 938px; height: 68px; left: 0; top: 214px; background: url("/images/promotions/newborn-nappies/intro-animation/nav-bg.jpg") top left no-repeat; z-index: 1} #intro-animation #intro-animation-nav ul {position: absolute; list-style-type: none; top: 33px; left: 10px; padding: 0; margin: 0} #intro-animation #intro-animation-nav li {display: inline; margin: 0; padding: 0; background: none} #intro-animation #intro-animation-nav li a {display: block; width: 25px; height: 25px; float: left; text-indent: -9999em; background: url("/images/promotions/newborn-nappies/intro-animation/nav-btn.png") top left no-repeat; margin-right: 10px} #intro-animation #intro-animation-nav li.current a {background-position: bottom left} span.caps {text-transform: capitalize} .ie #section {background-image: -webkit-linear-gradient(top, #da91f2 0%, #b64cd9 100%); background-image: -o-linear-gradient(top, #da91f2 0%, #b64cd9 100%); background-image: linear-gradient(to bottom, #da91f2 0%, #b64cd9 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFDA91F2', endColorstr='#FFB64CD9', GradientType=0)} #main .listing table {margin-bottom: 15px; width: 100%} #main .listing table th, #main .listing table td {border: 0; font-size: 12px; padding: 6px 10px; vertical-align: middle} #main .listing thead {color: #6d6d6d; background-color: #f2f2f2; border-bottom: 1px solid #e6e6e6} #main .listing tbody td {border-bottom: 1px dotted #e6e6e6} #main .listing tbody td a {font-weight: bold; color: #333} #main .listing tbody td a:hover {color: #b444da; border-bottom: 1px dashed} #main .listing .popularity {padding-top: 15px; padding-bottom: 0} #main .listing .description {float: none; display: auto; width: auto} #main .listing .share, #main .listing td.share, #main .listing .share .field {text-align: center} #main .listing thead .gender {text-indent: -999em; width: 18px} #main .listing tbody .girl a:hover {color: #ec3b96} #main .listing tbody .boy a:hover {color: #1598d0} #main .listing tbody .gender {text-indent: -999em} #main .listing tbody .gender span {display: block; width: 18px; height: 20px; background: url("/images/bullets/sprite-gender.gif") no-repeat} #main .listing tbody .gender .girl {background-position: 0 -48px} #main .listing tbody .gender .boy {background-position: 0 -96px} #sidebar .listing {float: left; width: 100%; background: #faf0f8; margin: 0 0 20px; border-collapse: collapse} #sidebar .listing .heading {height: 14px; padding: 10px; border-bottom: 1px solid #d89ce8; background: #eedaf4 url("/images/widgets/bg-listing-sidebar-heading.png") top no-repeat} #sidebar .listing .heading .title {float: left; margin: 0; padding: 0; font-size: 15px; color: #600080} #sidebar .listing .heading .more {float: right} #sidebar .listing .heading .more a {border-bottom: 1px dotted} #sidebar .listing .heading .more a:hover {border-bottom: 1px solid} #sidebar .listing ul {margin: 0} #sidebar .listing li {clear: left; float: left; margin: 0; padding: 0; width: 100%; border-bottom: 1px dotted #d89ce8} #sidebar .listing li a {display: block; width: 300px; height: 50px; overflow: hidden} #sidebar .listing li a .image {display: block; float: left; width: 67px; margin-right: 10px; overflow: hidden} #sidebar .listing li a .text {display: block; float: left; width: 194px; overflow: hidden; font-size: 13px; color: #90c; font-weight: bold; line-height: 1.5em; padding: 5px 10px 12px 0} #sidebar .listing li a .text strong {display: block; width: 500px; overflow: hidden; font-size: 14px; color: #90c; padding-top: 4px} #sidebar .listing li a .text em {font-style: normal; font-weight: normal; font-size: 11px; color: #c67dde} #sidebar .listing li.over, #sidebar .listing li a:hover, #sidebar .listing li a:focus {background: #eedaf4} #sidebar .listing-reading .heading {height: 13px; padding: 12px; border-bottom: 0; background: #eedaf4 url("/images/widgets/bg-listing-sidebar-heading-reading.gif") top no-repeat} #sidebar .listing-reading li {padding: 10px 10px !important} #sidebar .listing-reading li a {padding-bottom: 0 !important} #sidebar .listing-reading li a .image {float: left !important; margin-right: 10px; border: 1px solid #ffcae0} #sidebar .listing-reading li a .image img {height: 65px; width: 65px} #sidebar .listing-reading li a .text {width: 180px; padding-top: 0 !important; padding-bottom: 0 !important} #sidebar .listing-reading li a .text .title {color: #ec3b96} #sidebar .listing-reading li a .text .description {display: block; font-size: 11px; color: #666} #about {color: #333; position: relative !important; background: #fcf6b4 url("/images/widgets/about/bg-about-bottom.png") bottom left no-repeat; margin: 0 0 20px; padding-bottom: 12px} #about .heading {position: relative; height: 47px; background: transparent url("/images/widgets/about/bg-about-top.png") top left no-repeat; border: none} #about .heading em {position: absolute; top: 10px; left: 13px; display: block; width: 52px; height: 18px; background: transparent url("/images/widgets/about/text-about.gif") top left no-repeat; text-indent: -9999px} #about .heading span {position: absolute; top: 30px; left: 12px; font-size: 15px} #about .text p {padding: 12px 12px 0 12px} #about .extend {position: absolute; top: 12px; right: 12px} #about .extend a {display: block; width: 18px; height: 18px; overflow: hidden; background-image: url("/images/widgets/about/sprite-shared.gif"); background-repeat: no-repeat; background-position: 0 -50px; text-indent: -9999px; outline: 0} #about .extend a:hover, #about .extend a:focus {opacity: 0.75; filter: Alpha(Opacity=75)} .about-open {position: relative} .about-closed {position: relative; background: #fcf6b4 url("/images/widgets/about/bg-about-closed-bottom.png") bottom left no-repeat !important; padding-bottom: 7px !important} .about-closed .heading {background: transparent url("/images/widgets/about/bg-about-closed-top.png") top left no-repeat !important} .about-closed .extend a {background-position: 0 0 !important} #sidebar .member-status {width: 300px; background: #d1e23b url("/images/week_by_week/baby-status-bottom.gif") bottom no-repeat; float: left; margin-bottom: 20px} #sidebar .member-status .status-content {padding: 5px; background: url("/images/week_by_week/baby-status-top.gif") top no-repeat} #sidebar .member-status .status-info {width: 290px; display: block; float: left; background: #fff url("/images/week_by_week/baby-status-info-cap.gif") top no-repeat; margin-bottom: 5px} #sidebar .member-status .status-cap {background: url("/images/week_by_week/baby-status-info.gif") bottom no-repeat; width: 260px; display: block; float: left; padding: 17px 10px 20px 20px} #sidebar .member-status p {margin: 5px 0; color: #628139} #sidebar .member-status p a {color: #3a4c22; border-bottom: 1px dotted #3a4c22} #sidebar .member-status p a:hover {border: 0} #sidebar .member-status h4 {font-size: 15px; padding: 0 0 0 15px; margin: 2px 0 6px; color: #3a4d22; font-weight: normal} #sidebar .member-status .status-footer {padding: 0 5px 5px 5px; float: left} #sidebar .member-status .status-footer a {display: block; float: left; padding: 0 0 0 9px; height: 32px; font-size: 14px; background: url("/images/week_by_week/baby-status-btn-left.gif") left top no-repeat} #sidebar .member-status .status-footer a span {font-size: 14px; height: 23px; display: block; padding: 9px 9px 0 0; background: url("/images/week_by_week/baby-status-btn-right.gif") right top no-repeat; text-align: center; color: #333; cursor: pointer} #sidebar .member-status .status-footer a strong {color: #333} #sidebar .member-status .status-footer a.signin {width: 90px; margin-right: 5px} #sidebar .member-status .status-footer a.join {width: 177px} #sidebar .member-status .status-footer a.update {width: 281px} #sidebar #share .status-cap {padding: 10px; width: 270px} #sidebar #share .status-cap p.cta {padding: 0 0 0 38px; background: url("/images/widgets/share-apps-bullet.gif") top left no-repeat} #sidebar #share .status-cap .shareon {list-style-type: none; clear: both} #sidebar #share .status-cap .shareon li {display: inline; float: left; margin: 15px 10px 0} #sidebar #share .status-cap .shareon li a {display: block; overflow: hidden; text-align: center; padding-top: 50px; width: 47px; height: 20px; font-size: 10px; font-weight: bold; color: #618239; letter-spacing: -0.3px; background: url("/images/widgets/member_feature/sharing-buttons.gif") no-repeat} #sidebar #share .status-cap .shareon .facebook a {background-position: 0 0} #sidebar #share .status-cap .shareon .twitter a {background-position: -47px 0} #sidebar #share .status-cap .shareon .email a {background-position: -94px 0} #sidebar #share .status-cap .shareon .forum a {background-position: -140px 0} #sidebar #share .count {float: left; width: 83px; padding-bottom: 4px; font-size: 15px; color: #b9ce00; text-align: center; font-weight: bold} #sidebar #share .count a {color: #b9ce00; font-weight: bold; display: block; margin-top: 20px} #sidebar #share .count a .value {display: block; text-align: center; font-size: 45px; height: 35px; font-weight: bold} #sidebar #share .count a:hover, #sidebar #share .count a:focus {color: #3a4d22; outline: 0} #sidebar #share .details {float: right; width: 176px} #sidebar #share .details p {font-size: 13px; color: #3a4d22} #sidebar #share .details ul li {font-size: 12px; margin: 0; padding: 0; line-height: 1.65em} #sidebar #share .details ul li a {color: #618239} #sidebar #share .details ul li a:hover {color: #3a4d22} .alert, .notice, .warning {color: #fff; font-size: 15px; line-height: 18px; font-weight: normal; padding: 15px 15px 15px 55px; margin: 0 0 10px 0; border-color: #c57fdb; border-style: solid; border-width: 0 1px 1px 0} .notice {background: #c57fdb url("/images/membership/big-green-tick.png") 15px 50% no-repeat} .warning {background: #f3614b url("/images/membership/red-exclamation-mark.jpg") 15px 50% no-repeat} .alert {background: #ffe750 url("/images/membership/yellow-exclamation-mark.png") 15px 50% no-repeat; color: #6f5f30} .notice a, .warning a, .warning strong {color: #fff !important; font-weight: bold !important} .alert a {color: #6f5f30; font-weight: bold} .fieldWithErrors {display: inline} #main .legacy form h2 {color: #3a4d22} .legacy form .row {background-color: #f5faf0; border-bottom: 1px solid #e1f2cb; display: block; width: 580px; padding: 15px; clear: left; overflow: hidden; margin-bottom: 1px; } @media (max-width: 767px) {.legacy form .row {width: 100%; box-sizing: border-box} } * html .legacy form .row { height: 1%} .legacy form .row label {width: 153px; padding: 1px 0 1px 12px; font-size: 15px; line-height: 18px; color: #3a4d22; float: left} @media (max-width: 660px) {.legacy form .row label {width: 100%; padding-bottom: 10px} } .legacy form .full label {width: auto; padding-bottom: 10px} .legacy form .row .input label {background: none; padding: 0; font-size: 12px; margin-top: 0; float: none; display: inline-block; width: auto; text-transform: none} .legacy form .required label {background: transparent url("/images/forms/asterisk.gif") 0 2px no-repeat} .legacy form .select .input .group input, .legacy form .select .input .group label, .legacy form .radio .input .group input, .legacy form .radio .input .group label {float: left; line-height: 14px; width: auto; margin-top: 2px} .legacy form .row .group label {text-transform: none} .legacy form .row .input {float: right; overflow: hidden; font-size: 12px; color: #555; width: 405px; display: inline} .legacy form .row select, .legacy form .row input[type=text], .legacy form .row input[type=password], .legacy form .row input[type=number], .legacy form .row input[type=tel] .legacy form .row textarea {width: 398px; border: 1px solid #ccdbb8} @media (max-width: 660px) {.legacy form .row .input {float: none; width: 100%} } @media (max-width: 660px) {.legacy form .row select {width: 100%} } .legacy form .text .input textarea, .legacy form .vzaar .input textarea {width: 390px; height: 144px; padding: 3px; font-family: Arial; font-size: 13px; border: 1px solid #ccdbb8} @media (max-width: 660px) {.legacy form .row .input textarea {width: 100%} } .legacy form .row .group {float: left; width: auto; display: inline; margin-right: 15px} .legacy form .row .last {margin-right: 0} .legacy form .row .first-name, .legacy form .row .last-name, .legacy form .row .phone, .legacy form .row .age, .legacy form .row .weightkg {width: 190px} .legacy form .row .street-name {width: 210px} .legacy form .row .street-number {width: 50px} .legacy form .row .street-type {width: 100px} .legacy form .row .suburb {width: 190px; margin-top: 5px} .legacy form .row .state, .legacy form .row .city {width: 120px; margin-top: 5px} .legacy form .row .postcode {width: 55px; margin-top: 5px} .legacy form .row .dob select {width: 120px; margin-right: 8px} .legacy form .submit {float: right; margin-top: 20px; margin-right: 20px} .legacy form .checkbox .input input, .legacy form .copyright .input input {width: auto; float: left} .legacy form .row .input .checkbox {width: 370px; float: right; text-transform: none} .legacy form .q {float: left; margin-left: -10px} .legacy form .q a {background-color: #f0f7fa; border: 1px solid #e6cbf2; display: block; height: 10px; padding: 4px 0 3px 3px; width: 10px} #main .disclaimer p, .legacy form .disclaimer p {font-size: 12px; margin: 0} .legacy form .disclaimer {width: 100%; box-sizing: border-box; padding: 15px 15px 10px} #signup_fields .disclaimer {padding: 0} .formError {color: #fff; background-color: #f3614b; font-size: 11px; font-weight: normal; background: #f3614b url("/images/membership/warning-icon.gif") 2px 50% no-repeat; padding: 3px 0 3px 21px; margin: 1px 0 0 0; clear: left} .fieldWithErrors input, .fieldWithErrors select, .fieldWithErrors textarea {border: 1px solid #f3614b !important; background-color: #ffffe5 !important} .street-number-error {width: 31px} .postcode-error {width: 36px} .legacy .membership-form {background: #d1e23b; border-radius: 4px; padding: 15px 15px 0 15px; width: 100%; margin-top: 15px; box-sizing: border-box} @media (min-width: 768px) {.legacy .membership-form {width: 578px; box-sizing: content-box} } .legacy .membership-form strong {color: #333 !important} .legacy .membership-form .row {clear: left; margin-bottom: 10px; overflow: hidden; background-color: transparent; border-bottom: none; float: none; width: auto; padding: 0; } .legacy .membership-form .row label {width: 143px} .legacy .membership-form .row .postcode {width: 59px; } .legacy .membership-form .row .address {width: 403px; } @media (max-width: 767px) {#main .legacy .membership-form .child {width: 100% !important; float: none; display: block; box-sizing: border-box} } .legacy .membership-form .child {margin: 0 0 10px 0 !important; width: 377px !important} .legacy .membership-form .child select {width: initial; font-size: 14px; border: 1px solid #c3c797} .legacy .membership-form .child label {font-size: 14px} .legacy .membership-form .child p {font-size: 14px} .legacy .membership-form .child, .legacy .membership-form #password_row {color: #3a4d22; background-color: #f7fbd2; padding: 10px !important; font-size: 12px; position: relative} .legacy .membership-form #password_row label {width: auto; font-size: 12px; padding: 0} .legacy .membership-form #password_row input {width: 370px} #password_resets-new .input input {width: 388px} .legacy .membership-form #password_row, .legacy .membership-form #children {clear: left; margin: 15px 0 5px 0} .legacy .membership-form #add_child_link {text-align: right} .legacy .membership-form .badge {margin-top: 1px} @media (min-width: 768px) {.legacy .membership-form #password_row, .legacy .membership-form #children {margin-left: 181px} .legacy .membership-form .badge {float: right} } .legacy .membership-form .select {float: left; overflow: hidden; font-size: 12px; color: #555; width: 100%} .legacy .membership-form .select select {display: block; color: #3a4c22; border: 1px solid #a3c500} .legacy .membership-form .radio label, .legacy .membership-form .select label, .legacy .membership-form .text label {padding-left: 12px; float: left; display: block; font-size: 14px; color: #3a4d22} .legacy .membership-form .row.text input {border: 1px solid #a3c500; padding: 3px; display: block; color: #3a4c22; font-size: 14px} .legacy .membership-form .row.text input {width: 100%} .legacy .membership-form .row label {width: 100%} .legacy .membership-form .row .input {width: 100%; float: left} .legacy .membership-form .row .group {width: 100%; float: left} .legacy .membership-form .select select {width: 100%; font-size: 14px} .legacy .membership-form .row label a {color: #4f692e; text-decoration: underline} @media (min-width: 768px) {.legacy .membership-form .select select {width: 204px} .legacy .membership-form .row.text input {width: 196px} .legacy .membership-form .row label {width: 168px} .legacy .membership-form .row .input {width: auto} .legacy .membership-form .row .group {width: auto} } .legacy .membership-form .row label a, .legacy .membership-form .badge, #add_child_link {border-bottom: none !important} .legacy .membership-form select {padding: 3px} .legacy .membership-form .formError {color: #fff; background-color: #f3614b; font-size: 11px; font-weight: normal; background: #f3614b url("/images/membership/warning-icon.gif") 2px 50% no-repeat; padding: 3px 0 3px 21px; margin: 1px 0 0 0} .legacy .membership-form .fieldWithErrors input, .legacy .membership-form .fieldWithErrors select {border: 2px solid #f3614b !important; background-color: #ffffe5 !important} .legacy .membership-form .submit {background: #fff; text-align: right; margin: 0 -15px 30px -15px; padding-top: 20px; float: none; } .legacy .membership-form .submit .button {background-color: #ec008c; border-radius: 100px; color: #fff; margin: 0 auto; border: 0; outline: none; font-family: 'Huggies Omnes Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500; font-size: 21px; padding: 13px 30px} .legacy .membership-form .checkbox {margin: 10px 0} @media (min-width: 768px) {.legacy .membership-form .checkbox {margin-left: 180px} } .legacy .membership-form .checkbox input {width: auto; text-transform: none} .legacy .membership-form .checkbox label {background: none; font-size: 13px; padding: 0; float: none; width: auto; } .legacy .membership-form .radio .input label {background: none; padding: 0; float: none; width: auto; display: inline; height: auto; line-height: inherit; color: #3a4d22} .legacy .membership-form .required label {background: transparent url("/images/forms/green-asterisk.gif") center left no-repeat} .legacy .membership-form a {color: #4f692e; text-decoration: underline} .legacy .membership-form .remove-link {position: absolute; right: 8px; top: 8px} .confirm .required label {width: 143px} .confirm .row .input {width: 423px; float: right} .confirm .input input {width: 196px; } .confirm .row .address {width: 414px} .wbw-thumb {width: 105px; height: 72px; display: block} .trimester-3 {background-image: url("/images/week_by_week/trimester-3.jpg"); background-repeat: no-repeat} .week-42 {background-position: -1260px 0} .week-41 {background-position: -1260px 0} .week-40 {background-position: -1260px 0} .week-39 {background-position: -1155px 0} .week-38 {background-position: -1050px 0} .week-37 {background-position: -945px 0} .week-36 {background-position: -840px 0} .week-35 {background-position: -735px 0} .week-34 {background-position: -630px 0} .week-33 {background-position: -525px 0} .week-32 {background-position: -420px 0} .week-31 {background-position: -315px 0} .week-30 {background-position: -210px 0} .week-29 {background-position: -105px 0} .week-28 {background-position: 0 0} .trimester-2 {background: url("/images/week_by_week/trimester-2.jpg"); background-repeat: no-repeat} .week-27 {background-position: -1365px 0} .week-26 {background-position: -1260px 0} .week-25 {background-position: -1155px 0} .week-24 {background-position: -1050px 0} .week-23 {background-position: -945px 0} .week-22 {background-position: -840px 0} .week-21 {background-position: -735px 0} .week-20 {background-position: -630px 0} .week-19 {background-position: -525px 0} .week-18 {background-position: -420px 0} .week-17 {background-position: -315px 0} .week-16 {background-position: -210px 0} .week-15 {background-position: -105px 0} .week-14 {background-position: 0 0} .trimester-1 {background: url("/images/week_by_week/trimester-1.jpg"); background-repeat: no-repeat} .week-13 {background-position: -1260px 0} .week-12 {background-position: -1155px 0} .week-11 {background-position: -1050px 0} .week-10 {background-position: -945px 0} .week-9 {background-position: -840px 0} .week-8 {background-position: -735px 0} .week-7 {background-position: -630px 0} .week-6 {background-position: -525px 0} .week-5 {background-position: -420px 0} .week-4 {background-position: -315px 0} .week-3 {background-position: -210px 0} .week-2 {background-position: -105px 0} .week-1 {background-position: 0 0} .silo-ask-our-experts {margin: 0 0 20px} .silo-ask-our-experts h2 {margin: 0 0 1px; padding: 2px 0 8px} .silo-ask-our-experts #search-widget {padding: 20px; background-color: #eedaf4; border-bottom-color: #c280e0} .silo-ask-our-experts #search-widget:before, .silo-ask-our-experts #search-widget:after {content: " "; display: table} .silo-ask-our-experts #search-widget:after {clear: both} .silo-ask-our-experts #search-widget input.keywords {margin: 0 0 10px; width: 246px; font-size: 15px} .silo-ask-our-experts #search-widget select {float: left; width: 219px; height: 29px; padding: 5px; font-size: 13px; border: 1px solid #d7b2df} .silo-ask-our-experts #search-widget input.search-button {float: right; margin: 0} .silo-ask-our-experts #recent-answers {float: none; width: auto; padding: 1px 10px 10px; background: #f7f0fa; border-bottom: 1px dotted #d89ce8} .silo-ask-our-experts #recent-answers .answers:before, .silo-ask-our-experts #recent-answers .answers:after {content: " "; display: table} .silo-ask-our-experts #recent-answers .answers:after {clear: both} .silo-ask-our-experts #recent-answers .answers .question:before, .silo-ask-our-experts #recent-answers .answers .question:after, .silo-ask-our-experts #recent-answers .answers .answer:before, .silo-ask-our-experts #recent-answers .answers .answer:after {content: " "; display: table} .silo-ask-our-experts #recent-answers .answers .question:after, .silo-ask-our-experts #recent-answers .answers .answer:after {clear: both} .silo-ask-our-experts #recent-answers .answers .question .bubble, .silo-ask-our-experts #recent-answers .answers .answer .bubble {border-radius: 8px; position: relative; margin-left: 65px; padding: 10px 12px 8px; min-height: 30px} .silo-ask-our-experts #recent-answers .answers .question .bubble a, .silo-ask-our-experts #recent-answers .answers .answer .bubble a {color: #9900ca; font-weight: bold} .silo-ask-our-experts #recent-answers .answers .question .bubble a:hover, .silo-ask-our-experts #recent-answers .answers .answer .bubble a:hover {color: #6e2b8c} .silo-ask-our-experts #recent-answers .answers .question .bubble .stalk, .silo-ask-our-experts #recent-answers .answers .answer .bubble .stalk {display: block; width: 14px; height: 18px; position: absolute; top: 13px; left: -14px; background: url("/images/ask_an_expert/bubble-stalks.png") no-repeat} .silo-ask-our-experts #recent-answers .answers p {margin: 0} .silo-ask-our-experts #recent-answers .answers .question {margin-bottom: 10px} .silo-ask-our-experts #recent-answers .answers .question .bubble {background-color: #fff; border: 1px solid #e6cbf2} .silo-ask-our-experts #recent-answers .answers .answer {margin-bottom: 0} .silo-ask-our-experts #recent-answers .answers .answer .bubble {background-color: #daf5e6; border: 1px solid #e6cbf2} .silo-ask-our-experts #recent-answers .answers .answer .bubble .stalk {background-position: 0 -18px} .silo-ask-our-experts #recent-answers .answers .answer .bubble p, .silo-ask-our-experts #recent-answers .answers .answer .bubble strong {color: #02884d} .silo-ask-our-experts #recent-answers .answers .answer .bubble p.date {color: #3d73b9; font-size: 11px; padding-top: 3px} .silo-ask-our-experts #recent-answers .answers .answer .bubble strong {margin-right: 5px} .silo-ask-our-experts #recent-answers .answers .icon {float: left} #in_this_section .silo-ask-our-experts #recent-answers {padding: 0; border-width: 0; background-color: transparent} .silo-ask-our-experts #browse-expert-answers {padding-bottom: 14px; background: url("/images/homepage/bg-sidebar-shadow.png") 0 100% no-repeat} .silo-ask-our-experts #browse-expert-answers .wrap {padding: 10px; background: #eedaf4; border-top: 1px dotted #faf4fc; border-bottom: 1px solid #e0b7e7} .silo-ask-our-experts #browse-expert-answers .wrap a, .silo-ask-our-experts #browse-expert-answers .wrap a strong {color: #333} .silo-ask-our-experts #browse-expert-answers .wrap a {display: block; position: relative; font-size: 14px; line-height: 30px; text-align: center; border: 1px solid #fff; zoom: 1; text-indent: 20px; border-radius: 4px; box-shadow: 0 1px 0 0 #bdadc1; background-image: -webkit-linear-gradient(top, #fff 0%, #f2f2f2 100%); background-image: -o-linear-gradient(top, #fff 0%, #f2f2f2 100%); background-image: linear-gradient(to bottom, #fff 0%, #f2f2f2 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFF2F2F2', GradientType=0)} .silo-ask-our-experts #browse-expert-answers .wrap a:hover, .silo-ask-our-experts #browse-expert-answers .wrap a:hover strong {color: #6e2b8c} .silo-ask-our-experts #browse-expert-answers .wrap a .magnifying-glass {display: block; position: absolute; top: 8px; left: 38px; width: 15px; height: 15px; background: url("/images/layout/icon-sprites.png") -72px 0 no-repeat} .further-reading {font-family: 'Huggies Omnes Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500; margin: 0 0 15px} .further-reading p.menu-back {position: relative; font-size: 15px; line-height: 18px; padding: 8px 0 5px 23px; margin: 0 0 10px; background-position: -944px -436px; background-repeat: no-repeat; border-bottom: 1px solid; border-bottom-color: #c67dde} .further-reading p.menu-back a {text-decoration: none} .further-reading p.menu-back a:before {position: absolute; left: 5px; content: '\f053'; font-size: 13px; line-height: 19px; font-family: 'FontAwesome'; color: #90c} .further-reading ul {position: relative; margin: 0; padding: 0; list-style-type: none} .further-reading ul li {display: inline; margin: 0; padding: 0} .further-reading ul li a {display: block; margin: 0 0 4px; padding: 7px 8px 7px 26px; background: -940px -489px no-repeat; font-size: 13px; overflow: hidden; line-height: 13px; text-decoration: none; background-color: #f0f7fa; border-bottom: 1px solid #e6cbf2} .further-reading ul li a:before {position: absolute; left: 10px; content: '\f054'; font-family: 'FontAwesome'; font-size: 13px; color: #90c} .banner-container {margin-top: 10px} .banner-container:before, .banner-container:after {content: " "; display: table} .banner-container:after {clear: both} .banner-container .biglink {position: relative; float: left; width: 245px; margin: 12px 0 10px 10px; padding-left: 45px} .banner-container .biglink .sprite {display: block; position: absolute; width: 35px; height: 35px; top: 0; left: 0; background: url("/images/homepage/icon-sprites.png")} .banner-container #names-share .sprite {background-position: -35px 0} .banner-container #week-by-week .sprite {background-position: 0 -35px} .banner-container #expert-answers .sprite {background-position: -35px -35px} .banner-container #yoga .sprite {background-position: 0 -70px} .banner-container #pregnancy-articles .sprite {background-position: -35px -70px} .banner-container h3, .banner-container h4, .banner-container p {margin: 0} .banner-container p {font-size: 11px; line-height: 1.4em} .page-home #main h2, .page-home #sidebar h2, .silo-ask-our-experts h2, .silo-baby-names h2 {border-bottom: 1px solid transparent; margin: 0; padding: 14px 0 5px; font-size: 26px; line-height: 1em; text-transform: lowercase} #main .silo-baby-names h2 {background-position: right -45px} #sidebar .silo-ask-our-experts h2 {margin-top: 25px} #sidebar .silo-ask-our-experts h2 a {color: #90c !important} #sidebar .silo-ask-our-experts h2 a:hover {color: #6e2b8c !important} #content .silo-baby-names h2 {border-bottom-color: #c60; background-position: right -45px} #content .silo-baby-names h2 a, #content .silo-baby-names h3 a:hover, #content .silo-baby-names h4 a:hover, #content .silo-baby-names .over h3 a, #content .silo-baby-names .over h4 a {color: #fd840f} #content .silo-baby-names h3, #content .silo-baby-names h3 a, #content .silo-baby-names h4 a, #content .silo-baby-names strong, #content .silo-baby-names a, #content .silo-baby-names a:hover, #content .silo-baby-names h2 a:hover {color: #c60} #content .silo-baby-names h3 {margin: 0} #content .silo-baby-names ul li {padding-left: 20px; background: url("/images/bullets/baby-names-bullet-large.gif") no-repeat 4px 5px} #content .silo-baby-names a {border: none} #content .silo-baby-names a:hover {text-decoration: none} #content .silo-baby-names .banner-container {padding: 0 0 10px; border-bottom: 1px solid #ede1d4; border-radius: 5px; background-image: -webkit-linear-gradient(top, #fffaf4 0%, #fff4e7 100%); background-image: -o-linear-gradient(top, #fffaf4 0%, #fff4e7 100%); background-image: linear-gradient(to bottom, #fffaf4 0%, #fff4e7 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFAF4', endColorstr='#FFFFF4E7', GradientType=0)} #content .silo-baby-names .banner-container .biglink {margin-bottom: 0} #content .silo-baby-names .lists-container {float: left; width: 49%; margin-bottom: 10px} #content .silo-baby-names .lists-container .heading {padding: 15px 0 5px} #content .silo-baby-names .lists-container div.boys, #content .silo-baby-names .lists-container div.girls, #content .silo-baby-names .lists-container div.generic {float: left; width: 49%} #content .silo-baby-names .lists-container div.generic {width: 100%} #content .silo-baby-names .explore-container {border-bottom: 1px solid #dcc4aa; background-image: -webkit-linear-gradient(top, #fff4e8 0%, #ffe9d0 100%); background-image: -o-linear-gradient(top, #fff4e8 0%, #ffe9d0 100%); background-image: linear-gradient(to bottom, #fff4e8 0%, #ffe9d0 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFF4E8', endColorstr='#FFFFE9D0', GradientType=0)} #sidebar .silo-baby-names:before, #sidebar .silo-baby-names:after {content: " "; display: table} #sidebar .silo-baby-names:after {clear: both} #sidebar .silo-baby-names h2 {background-position: 235px -45px} #sidebar .silo-baby-names .banner-container {margin-bottom: 0} #sidebar .silo-baby-names .lists-container {clear: left; float: none; width: auto} #sidebar .silo-baby-names .lists-container div.generic {float: none} #sidebar .silo-baby-names .lists-container a {color: #fd840f} #sidebar .silo-baby-names .lists-container a:hover {color: #c60} #sidebar .silo-baby-names .explore-container {background: none; border-width: 0} #sidebar .silo-baby-names .explore-container p {width: 170px; padding-top: 10px; font-size: 13px} #sidebar .silo-baby-names .explore-container p strong {color: #c60} #sidebar .silo-baby-names .explore-container a {float: none; color: #fff} #sidebar .silo-baby-names .explore-container a:hover {color: #fff} #sidebar .silo-baby-names #names-share {display: none} .silo-baby-names .lists-container ul li {background-position: 4px; padding: 0; margin: 0.25em 0; height: 20px; line-height: 20px} #content .silo-baby-names .lists-container .boys li, #content .silo-baby-names .lists-container .girls li {background-image: url("/images/baby_names/sprite-gender.gif"); background-position: 0 0; background-repeat: no-repeat; padding: 0 0 0 24px} .silo-baby-names .lists-container .girls li.girl {background-position: 0 -50px !important} #tell-story {width: 608px; position: relative} #tell-story p {color: #444} #tell-story h1 {font-size: 15px; font-weight: normal; color: #6e2b8c; border-bottom: 1px solid #6e2b8c; padding: 6px 0 7px; margin: 5px 0 10px} #tell-story .legacy .membership-form .submit {float: none; margin: 0 -10px 0 -15px} #new_story .author {float: left; width: 50px; background: transparent url("/images/membership/member.gif") no-repeat; padding-top: 53px; text-align: center; color: #d31145; font-size: 11px; font-weight: bold} #new_story .your-story {margin: 0 0 0 51px; padding: 0 20px 10px 35px; background: transparent url("/images/ask_an_expert/ask-question-bg.gif") no-repeat} #new_story .your-story label {display: block; font-size: small; font-weight: bold; color: #333; padding: 0 0 5px 0; float: none; line-height: auto; text-transform: none; width: auto} #new_story .your-story label span {font-weight: normal} #new_story .your-story .inline label {display: inline; padding: 0 5px 0 0} #new_story .your-story .row {padding: 10px 0 0; background-color: transparent; border-bottom: none; clear: none; margin-bottom: auto; overflow: auto; width: auto} #new_story .your-story-bottom {background: transparent url("/images/ask_an_expert/ask-question-bg-bottom.gif") no-repeat; margin: 0 0 10px 66px} #new_story #story_title, #new_story #story_story {width: 490px; border: 1px solid #ccc; padding: 5px; font: small arial, sans-serif} #new_story #story_title {height: 30px} #new_story #story_story {height: 110px} #new_story #story_story_topic_id {width: 132px} #new_story .submit {text-align: right} #new_story .legacy .membership-form {margin: 0 0 0 66px; width: 517px; background: #fff url("/images/ask_an_expert/form-bg-top.gif") no-repeat} #new_story .legacy .membership-form .submit {background: #fff url("/images/ask_an_expert/form-bg-bottom.gif") no-repeat} #new_story .legacy .membership-form .select label, #new_story .legacy .membership-form .text label {width: 100px} #new_story .legacy .membership-form .checkbox, #new_story .legacy .membership-form #children, #new_story .legacy .membership-form #password_row {margin-left: 121px} #new_story .formError {color: #fff; background-color: #f3614b; font-size: 11px; font-weight: normal; background: #f3614b url("/images/membership/warning-icon.gif") 2px 50% no-repeat; padding: 3px 0 3px 21px; margin: 1px 0 5px} #new_story .your-story .fieldWithErrors input, #new_story .your-story .fieldWithErrors select, #new_story .your-story .fieldWithErrors textarea {border: 2px solid #f3614b !important; background-color: #ffffe5 !important} #new_story .your-story .fieldWithErrors textarea {width: 488px !important} #new_story .your-story .fieldWithErrors select {width: 140px !important} #new_story .your-story .inline .formError {margin-left: 168px; width: 119px} .pagination {margin-top: 20px; padding-top: 7px; height: 26px; text-align: center; background: url("/images/ask_an_expert/pagination-bg.gif") top left repeat-x; position: relative; clear: both} .pagination .previous_page {display: block; background: url("/images/ask_an_expert/previous-arrow.gif") 0 50% no-repeat; padding-left: 15px; position: absolute; font-size: 12px; color: #333; left: 10px; top: 7px} .pagination .next_page {display: block; background: url("/images/ask_an_expert/next-arrow.gif") 100% 50% no-repeat; padding-right: 15px; position: absolute; font-size: 12px; color: #333; right: 10px; top: 7px} .pagination .disabled { } .pagination a {padding: 0 5px; border: none; color: #333 !important} .pagination .current {padding: 0 4px; background-color: #e6e6e6; border: 1px solid #cacaca} input.search {padding: 6px; border: 1px solid #d1a2ec; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; line-height: 1; color: #c67dde; border-radius: 5px; box-shadow: inset 0 1px 3px #ccc, 0 1px 0 #fff} input.search:hover {border-color: #c67dde} input.search:focus {border-color: #9900ca; box-shadow: 0 1px 0 #fff} input.search-button {display: block; padding: 4px 5px 4px 5px; border: 1px solid #b64dd9; border-radius: 5px; background-image: -webkit-linear-gradient(top, #de9cf3 0%, #b74fda 100%); background-image: -o-linear-gradient(top, #de9cf3 0%, #b74fda 100%); background-image: linear-gradient(to bottom, #de9cf3 0%, #b74fda 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFDE9CF3', endColorstr='#FFB74FDA', GradientType=0); box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.7)} input.search-button:hover, input.search-button:active {border-color: #9026b3} input.search-button:active {background-image: -webkit-linear-gradient(top, #ae3ad6 0%, #b74fda 100%); background-image: -o-linear-gradient(top, #ae3ad6 0%, #b74fda 100%); background-image: linear-gradient(to bottom, #ae3ad6 0%, #b74fda 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFAE3AD6', endColorstr='#FFB74FDA', GradientType=0)} #content a.huggies-button {position: relative; display: inline-block; font-size: 15px; line-height: 15px; padding: 3px 10px 4px 25px; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.35); color: #fff; border-radius: 12px} #content a.huggies-button:hover {text-shadow: none; color: #fff; text-decoration: none} #content a.huggies-button strong {color: #fff; font-weight: bold} #content a.huggies-button span.go {display: block; width: 14px; height: 14px; position: absolute; top: 4px; left: 6px; background: url("/images/layout/icon-sprites.png") -72px -18px no-repeat} #content a.huggies-button.orange {border: 1px solid #fd9c3e; background-image: -webkit-linear-gradient(top, #ffbc95 0%, #fd8615 100%); background-image: -o-linear-gradient(top, #ffbc95 0%, #fd8615 100%); background-image: linear-gradient(to bottom, #ffbc95 0%, #fd8615 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFBC95', endColorstr='#FFFD8615', GradientType=0)} #content a.huggies-button.blue {border-top: 1px solid #2aabe2; border-bottom: 1px solid #e8f8ff; background-image: -webkit-linear-gradient(top, #81d7fd 0%, #2aabe2 100%); background-image: -o-linear-gradient(top, #81d7fd 0%, #2aabe2 100%); background-image: linear-gradient(to bottom, #81d7fd 0%, #2aabe2 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF81D7FD', endColorstr='#FF2AABE2', GradientType=0)} #content a.huggies-button.purple {border: 1px solid #90c; background-image: -webkit-linear-gradient(top, #e1a6f5 0%, #b74fda 100%); background-image: -o-linear-gradient(top, #e1a6f5 0%, #b74fda 100%); background-image: linear-gradient(to bottom, #e1a6f5 0%, #b74fda 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFE1A6F5', endColorstr='#FFB74FDA', GradientType=0)} .lazyload {min-width: 30px; min-height: 30px; background: url("/images/forum/loading.gif") 50% 50% no-repeat} .lazyload.hide {display: none} #social-promo, #social-name {height: 20px; display: block; padding: 15px 0} #social-promo {padding: 0} .huggies-like {width: 100px; height: 20px; float: left; display: block} .huggies-fb {width: 65px; height: 20px; margin: 10px 0; display: inline} #main .row.ebook {background: url("/images/ebook/bg-ebook-row.jpg") no-repeat 0 0; width: auto; margin: 0; width: 100%} #main .row.ebook .caption {text-align: center; margin: 40px 0} .page-widgets #main .row.ebook {background-position: 0 95px; width: 80%; padding: 0 10%} .page-widgets #main .row.ebook .widget, .page-widgets #main .row.ebook iframe {margin: 0 auto; display: block} .columns .col {vertical-align: top; display: inline-block; *display: inline; zoom: 1} .columns.two .col {width: 49%} textarea.embed-source {border: 1px solid #ccc; padding: 10px; width: 278px; height: 228px; margin: 0 10px; font: 12px Courier; display: block; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3) inset; resize: none} .section-unsubscribe .confirm-email-box {display: block; padding: 10px; background: #ffeda4; border: 1px solid #ccbd83; font-size: 1.5em; border-radius: 8px} .section-unsubscribe .submit {margin-right: 0} .section-unsubscribe .btn {border: 1px solid #3a521d; border-radius: 3px; box-shadow: inset 0 1px 0 0 #86a85b; color: white; display: inline-block; font-size: inherit; font-weight: bold; background-color: #5f7f38; background-image: -webkit-linear-gradient(top, #5f7f38 0%, #425e21 100%); background-image: -o-linear-gradient(top, #5f7f38 0%, #425e21 100%); background-image: linear-gradient(to bottom, #5f7f38 0%, #425e21 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF5F7F38', endColorstr='#FF425E21', GradientType=0); padding: 7px 18px; text-decoration: none; text-shadow: 0 1px 0 #304615; background-clip: padding-box; font-size: 15px; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); color: #fff} .section-unsubscribe .btn:hover:not(:disabled) {background-color: #516a33; background-image: -webkit-linear-gradient(top, #516a33 0%, #3a521e 100%); background-image: -o-linear-gradient(top, #516a33 0%, #3a521e 100%); background-image: linear-gradient(to bottom, #516a33 0%, #3a521e 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF516A33', endColorstr='#FF3A521E', GradientType=0); box-shadow: inset 0 1px 0 0 #6c8947; cursor: pointer} .section-unsubscribe .btn:active:not(:disabled), .section-unsubscribe .btn:focus:not(:disabled) {border: 1px solid #3a521d; box-shadow: inset 0 0 8px 4px #32461a, inset 0 0 8px 4px #32461a} .section-unsubscribe .btn:disabled {cursor: not-allowed; opacity: 0.5} .section-unsubscribe .btn.unsubcribe {border: 1px solid #910000; border-radius: 3px; box-shadow: inset 0 1px 0 0 #f62e2e; color: white; display: inline-block; font-size: inherit; font-weight: bold; background-color: #d80000; background-image: -webkit-linear-gradient(top, #d80000 0%, #a00000 100%); background-image: -o-linear-gradient(top, #d80000 0%, #a00000 100%); background-image: linear-gradient(to bottom, #d80000 0%, #a00000 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFD80000', endColorstr='#FFA00000', GradientType=0); padding: 7px 18px; text-decoration: none; text-shadow: 0 1px 0 #7c0000; background-clip: padding-box; font-size: 15px; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); color: #fff} .section-unsubscribe .btn.unsubcribe:hover:not(:disabled) {background-color: #bb0404; background-image: -webkit-linear-gradient(top, #bb0404 0%, #910000 100%); background-image: -o-linear-gradient(top, #bb0404 0%, #910000 100%); background-image: linear-gradient(to bottom, #bb0404 0%, #910000 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFBB0404', endColorstr='#FF910000', GradientType=0); box-shadow: inset 0 1px 0 0 #e90808; cursor: pointer} .section-unsubscribe .btn.unsubcribe:active:not(:disabled), .section-unsubscribe .btn.unsubcribe:focus:not(:disabled) {border: 1px solid #910000; box-shadow: inset 0 0 8px 4px #810000, inset 0 0 8px 4px #810000} .section-unsubscribe .btn.unsubcribe:disabled {cursor: not-allowed; opacity: 0.5} .prototip {font: 11px Arial, Helvetica, sans-serif; color: #000} .prototip .default {width: 250px; color: #fff} .prototip .default .toolbar {background: #f1f1f1; font-weight: bold} .prototip .default .title {padding: 5px} .prototip .default .content {padding: 5px; background: #9900cc; line-height: 13px} .prototip .toolsdrop {width: 250px; color: #9900cc} .prototip .toolsdrop .toolbar {background: #ffffff; font-weight: bold} .prototip .toolsdrop .title {padding: 5px} .prototip .toolsdrop .content {padding: 0px; background: #fff} .prototip .promotion-entry {color: #BE8E66; width: 240px} .prototip .promotionentry .content {padding: 5px; background: #FFF6E7} .prototip .promotionentry .content strong {font-weight: bold; color: #5b381a} .prototip .promotionentry .content .tip-img {float: left; width: 64px; margin-right: 5px} .prototip .promotionentry .content .tip-info {float: right; width: 150px} .prototipLoader {position: absolute; top: -1000px; left: -1000px; height: 14px; width: 14px; border: 1px solid #dddddd; overflow: hidden} .prototip {position: absolute; overflow: hidden} .prototip .tooltip, .prototip .toolbar, .prototip .toolbar .title {position: relative} .prototip .content {clear: both} .prototip .toolbar .close {position: relative; text-decoration: none; float: right; width: 19px; height: 15px; display: block; line-height: 0; font-size: 0; border: 0; cursor: pointer} .prototip .tooltip {clear: both; float: left} .prototip .borderLeftWrapper, .prototip .borderRightWrapper {position: absolute; top: 0; left: 0; width: 300px; height: 20px} .prototip .borderFrame {height: 100%; width: 100%; float: left; margin: 0; padding: 0; position: relative} .prototip .borderTop, .prototip .borderBottom {overflow: hidden} .prototip .borderRow {list-style-type: none; float: left; width: 100%; position: relative; clear: both; margin: 0; padding: 0} .prototip_CornerWrapper {position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; clear: both} .prototip_Corner {float: left; position: relative} .prototip canvas {position: relative; float: left} .prototip_CornerTr, .prototip_CornerBr {float: right} .prototip_BetweenCorners {position: absolute; top: 0; left: 0; width: 100%; overflow: hidden; clear: both} .prototip .borderMiddle {position: relative; float: left} .prototip .borderCenter {position: relative; float: left; height: 100%} .prototip_StemWrapper {position: relative; width: 100%; height: auto; clear: both} .prototip_StemBox {float: left; position: relative} .prototip_Stem {width: 100%; position: absolute; overflow: hidden} .iframeShim {position: absolute; border: 0; margin: 0; padding: 0; background: none; overflow: hidden} .prototip .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden} .prototip .clearfix {display: inline-block} .prototip .clearfix {display: block} #problem-areas {margin-bottom: 20px} #problem-areas h2 {font-size: 22px; font-family: "Century Gothic", Arial, Sans-Serif; font-weight: normal; border-bottom:3px solid #ff9500; margin: 0px; padding: 8px 0px} .problem {width: 300px; padding: 10px 0px; cursor:pointer; border-bottom:1px dotted #666666; display: block} .problem img {width: 75px; height: 75px; float: left} .problem-tout-desc {float: right; width: 216px} .problem-tout-desc a {font-size: 14px; font-weight: bold; margin-top: 3px; display: block} .problem-tout-desc .affects {color: #ff9500; font-size: 11px; margin-bottom: 3px} .problem-tout-desc p {margin: 0px} .problem:hover {background-color: #fffaf2} #recipes-and-activities #tips_list {margin-left: 10px} #share-tip .tip-container {background: url(../../images/tips/tip-bg-long.png) repeat-y; width: 608px; margin-top: 20px} #share-tip .tip-container .tip{ background: url(../../images/tips/tip-bg.png) right bottom no-repeat; padding: 20px 20px 40px 15px} textarea#tip-text {width: 550px; height: 76px; padding: 0px 0px 20px 23px; font-size: 20px; line-height: 26px; color: black; font-family: Georgia, serif; background: url(../../images/tips/share-tip-bg-normal.png) top left no-repeat; border: none; resize: none; overflow: hidden; outline: none} #share-tip input[type='image'] {float: right; margin: 0px; padding: 0px} #share-tip .characters {float: left; font-size: 13px !important; margin-top: 4px !important} #share-tip .characters strong .countdown {color: black; font-weight: bold; font-family: Georgia, serif; font-size: 13px; border: none; text-align: center; outline: none; width: 25px} #recent-tips h2, #more-tips h2 {margin-top: 0px; color: #b2a222 !important; background: url(../../images/tips/tip-icon.png) 10px 5px no-repeat; padding: 10px 0px 11px 45px; border-top: 1px solid #69632e; border-bottom: 1px dotted #69632e} #more-tips .tip-container, #tips-notice .tip-container {background: url(../../images/tips/tip-bg-long.png) repeat-y; width: 608px} #tips-notice .tip-container {margin-top: 20px} #more-tips .tip-container .tip, #tips-notice .tip-container .tip {background: url(../../images/tips/tip-bg.png) right bottom no-repeat; padding: 20px 15px 40px 15px} #tips-notice .tip-container .tip p {text-align: center} #sidebar .pluit-carousel #more-tips h2 {display: none} #recent-tips .tip-container {background: url(../../images/tips/tip-widget-bg-long.png) repeat-y; width: 300px} #recent-tips .tip-container .tip {background: url(../../images/tips/tip-widget-bg.png) right bottom no-repeat; padding: 10px 15px 40px 15px; height: 200px} .tip-container .tip p {font-family: Georgia, serif; font-size: 20px; line-height: 26px; margin: 10px 0px 10px 0px !important; color: #69632e} .tip-by img{ float: left} .tip-by p {font-size: 12px !important; padding: 0px 10px 2px 10px; background: white; display: block; float: left; border-top-right-radius: 15px; border-bottom-right-radius: 15px; -moz-border-radius-topright: 15px; -moz-border-radius-bottomright: 15px} #sidebar #recent-tips .pluit-carousel .viewport h2 {display:none !important} .voting-wrap {float: right; overflow: hidden; margin: 0 0 25px 15px} #vote-widget {font-size: 10.5px; width: 184px; padding: 3px; background: #fff; overflow: hidden; border: 1px solid #ffb650; margin-bottom: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px} #vote-widget #entry-total-votes {font-weight: bold; font-size: 28px; color: #000; float: left; margin-right: 5px} #vote-widget #submit-your-vote {font-size: 10.5px} #vote-widget p {margin: 0px} #vote-widget em {font-weight: bold; font-style: normal; display: block; margin-bottom: 3px} #vote-widget a, #vote-widget .voted {display: block; clear: left; margin: 5px auto 0px; width: 182px; height: 29px; background: url(/images/recipes/button-bg.png) no-repeat; text-transform: uppercase; font-weight: bold; font-size: 14px; line-height: 29px; color: #fff !important; text-align: center; -webkit-text-shadow: 0px 1px 0px #d05e07; -moz-text-shadow: 0px 1px 0px #d05e07; text-shadow: 0px 1px 0px #d05e07} #vote-widget a:hover {color: #fff; background: url(/images/recipes/button-bg.png) no-repeat 0px -30px} #vote-widget .voted {color: #ffb650 !important; background: url(/images/recipes/button-bg.png) no-repeat 0px -60px; -webkit-text-shadow: 0px 1px 0px #fff; -moz-text-shadow: 0px 1px 0px #fff; text-shadow: 0px 1px 0px #fff} .pluit-carousel {position: relative; margin-bottom: 1em} .pluit-carousel img {border: 0; display: block; cursor: pointer} .pluit-carousel ul {margin: 0; padding: 0; list-style-type: none} .pluit-carousel .viewport {margin-bottom: 10px; overflow: hidden; position: relative} .pluit-carousel .viewport ul {width: 6000px} .pluit-carousel .viewport ul li {display: block; float: left; padding: 0; margin: 0} .pluit-carousel .viewport ul ul {width: auto; float: left} .pluit-carousel .viewport ul ul li {margin-right: 5px} .pluit-carousel .nav {position: relative; padding: 0 3px; height: 10px} .pluit-carousel .nav li a {display: block; overflow: hidden; text-indent: -100em; background: url(../images/carousel_nav.png) no-repeat 0 0; outline: none} .pluit-carousel .nav li a:hover {background-position: -46px 0} .pluit-carousel .nav .prev {position: absolute; right: 22px} .pluit-carousel .nav .next {position: absolute; right: 5px} .pluit-carousel .nav .prev a, .pluit-carousel .nav .next a {width: 10px; height: 10px; background-position: -91px 0} .pluit-carousel .nav .prev a:hover {background-position: -179px 0} .pluit-carousel .nav .next a {background-position: -135px 0} .pluit-carousel .nav .next a:hover {background-position: -223px 0} .pluit-carousel .nav .pages {position: absolute; top: 0px; left: 2px} .pluit-carousel .nav .pages ul {float: left} .pluit-carousel .nav .pages li {float: left; margin-right: 8px} .pluit-carousel .nav .pages li a {width: 10px; height: 10px} .pluit-carousel .nav .pages li.active a {background-position: -46px 0} .pluit-carousel ul, .pluit-carousel .nav .pages, .pluit-carousel .nav {zoom: 1} .pluit-carousel ul:after, .pluit-carousel .nav .pages:after, .pluit-carousel .nav:after {content: "."; display: block; height: 0; clear: both; visibility: hidden} .no-pad {margin: -15px -10px 10px} .rounded, #content #join-banner-hotmilk, #content .join-banner-hotmilk, #content .join-banner {border-radius: 10px} #content .join-banner {margin-bottom: 10px} #content .join-banner a.register-button {position: relative; display: inline-block; margin-bottom: 10px; font-size: 18px; font-weight: bold; line-height: 18px; padding: 10px 20px 10px 35px; border-bottom: 1px solid #9cb497; color: #3a4d22; background-image: -webkit-linear-gradient(top, #d3e344 0%, #b9ce01 100%); background-image: -o-linear-gradient(top, #d3e344 0%, #b9ce01 100%); background-image: linear-gradient(to bottom, #d3e344 0%, #b9ce01 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFD3E344', endColorstr='#FFB9CE01', GradientType=0); border-radius: 5px} #content .join-banner a.register-button:hover {color: #557032} #content .join-banner a.register-button .go {display: block; position: absolute; left: 15px; top: 13px; width: 13px; height: 13px; background: url("/images/shared/button-go.png") no-repeat top left} #content .join-banner .form-container form {width: auto; background: none; padding: 0} #content .join-banner .form-container form .input, #content .join-banner .form-container form .select {float: none; display: block} #content .join-banner .form-container form .child, #content .join-banner .form-container form .child select {width: auto !important} #content .join-banner .form-container form .submit {margin: 0 0 0 122px; padding: 0; background: none; text-align: left} #content .join-banner .form-container form .submit.loading {padding-right: 40px; background: url("/images/forum/loading.gif") no-repeat 190px 50%} #content .join-banner .green-form {position: relative; margin: 0 0 0 470px; padding: 20px; background: #d1e23b; min-height: 289px; border-radius: 5px} #content .join-banner .green-form form .row label {width: 100px} #content .join-banner .green-form form .row .input input {width: 288px} #content .join-banner .green-form form .row .input .group input {margin-right: 3px} #content .join-banner .green-form form .row .input .group input, #content .join-banner .green-form form .row .input .group label {width: auto} #content .join-banner .green-form form .checkbox, #content .join-banner .green-form form .submit, #content .join-banner .green-form form #children {margin-left: 112px} #content .join-banner .green-form .loading {color: #697311; margin-top: 130px; background-position: 37% 50%} #content .join-banner .loading {color: #979797; font-size: 15px; font-style: italic; text-align: center; background: url("/images/forum/loading.gif") no-repeat 40% 50%} #content .join-banner .formError {margin-top: 3px; padding: 4px 4px 5px 23px; background-position: 4px 50%; border-radius: 4px} #content #join-banner-hotmilk, #content .join-banner-hotmilk, #content .join-banner {min-height: 234px; padding: 10px} #content #join-banner-hotmilk .form-container, #content .join-banner-hotmilk .form-container, #content .join-banner .form-container {min-height: 218px; padding: 15px 20px} #content #join-banner-hotmilk .form-container .loading, #content .join-banner-hotmilk .form-container .loading, #content .join-banner .form-container .loading {margin-top: 100px} #content #join-banner-hotmilk .form-container .submit.loading, #content .join-banner-hotmilk .form-container .submit.loading, #content .join-banner .form-container .submit.loading {margin-top: 0} #content #join-banner-hotmilk .form-container form, #content .join-banner-hotmilk .form-container form, #content .join-banner .form-container form {margin-top: 0} #content #join-banner-hotmilk .form-container form .row, #content .join-banner-hotmilk .form-container form .row, #content .join-banner .form-container form .row {margin-bottom: 2px} #content #join-banner-hotmilk .form-container form .answer, #content .join-banner-hotmilk .form-container form .answer, #content .join-banner .form-container form .answer {margin-bottom: 7px} #content #join-banner-hotmilk .form-container form .answer label, #content .join-banner-hotmilk .form-container form .answer label, #content .join-banner .form-container form .answer label {width: 215px} #content #join-banner-hotmilk .form-container form .answer .group label, #content .join-banner-hotmilk .form-container form .answer .group label, #content .join-banner .form-container form .answer .group label {width: auto} #content #join-banner-hotmilk .form-container form .checkbox, #content .join-banner-hotmilk .form-container form .checkbox, #content .join-banner .form-container form .checkbox {margin-top: 2px} #content #join-banner-hotmilk .form-container form .formError, #content .join-banner-hotmilk .form-container form .formError, #content .join-banner .form-container form .formError {margin-bottom: 7px} #content #join-banner-hotmilk .form-container form a, #content .join-banner-hotmilk .form-container form a, #content .join-banner .form-container form a {color: #4f692e} #join-banner-hotmilk, .join-banner-hotmilk {background: #d3edee url("/images/join-banners/hot-milk.jpg") no-repeat 0 0} #join-banner-hotmilk h3, .join-banner-hotmilk h3 {font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0} #six_month_supply_banner, #content #join-banner-sixmonth, #content .join-banner-sixmonth {border-radius: 10px} #six_month_supply_banner .text, #content #join-banner-sixmonth .text, #content .join-banner-sixmonth .text {max-width: 570px; float: left} #six_month_supply_banner .text h3, #content #join-banner-sixmonth .text h3, #content .join-banner-sixmonth .text h3 {margin-top: 10px; text-indent: 0; overflow: visible; font-size: 35px !important; color: #3f9a3a !important; padding-bottom: 35px; font-family: 'Huggies Omnes Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500} #six_month_supply_banner .text h3 span, #content #join-banner-sixmonth .text h3 span, #content .join-banner-sixmonth .text h3 span {text-transform: uppercase; font-size: 42px !important; color: #fd7019; font-weight: bold !important} #six_month_supply_banner .text .p-holder, #content #join-banner-sixmonth .text .p-holder, #content .join-banner-sixmonth .text .p-holder {padding-top: 20px; background: url("/images/homepage/reskin/win-6-month.png") top left no-repeat; padding-left: 300px; background-size: 280px; font-family: 'Huggies Omnes Regular', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: normal; font-size: 20px; min-height: 180px} .section-recipes #content .join-banner {margin-bottom: 30px} .template-landing-join-club #introduction {padding: 40px 50px 40px 373px; height: 270px; width: 515px; background: none} .template-landing-join-club #introduction p, .template-landing-join-club #introduction ul {font-size: 14px} .template-landing-join-club #introduction ul li {list-style-type: circle; margin-left: 20px} .template-landing-join-club #join-banner {width: 100%; float: left; border-radius: 5px} .template-landing-join-club #join-banner h3 {width: 395px; display: block; margin-left: 20px; height: 250px; float: left; text-indent: -999em; overflow: hidden} .template-landing-join-club #join-banner .form-container {width: 45%; float: right; position: none; margin: 20px 20px 20px 0} .template-landing-join-club #join-banner .form-container .membership-form {margin-top: 0} .template-landing-join-club .baby-club #introduction {background: url("/images/join-banners/bg-baby-club-join-intro.jpg") no-repeat 0 0; color: #6e2b8c; clear: both} .template-landing-join-club .baby-club #join-banner {background: #fbf7fc url("/images/join-banners/bg-baby-club-join-form.jpg") no-repeat 0 0} .template-landing-join-club .baby-club #join-banner h3 {background: url("/images/join-banners/bg-win-6-month.png") no-repeat 0 0} .template-landing-join-club .mum-to-be #introduction {padding: 130px 220px 20px 263px; width: 455px; background: url("/images/join-banners/bg-mum-to-be-join-intro.jpg") no-repeat 0 0; color: #6e2b8c; clear: both} .template-landing-join-club .mum-to-be #join-banner {background: #ebf7f8 url("/images/join-banners/hot-milk.jpg") no-repeat 0 0} .template-landing-join-club .mum-to-be #join-banner h3 {background: none} .template-landing-join-club .mum-to-be #join-banner p {text-indent: -999em; overflow: hidden} .au.template-landing-join-club .baby-club #introduction {background: #cfe8e5 url("/images/join-banners/bg-baby-club-join-intro-au.jpg") no-repeat 0 0; color: #6e2b8c; clear: both} .au.template-landing-join-club .baby-club #introduction h2, .au.template-landing-join-club .baby-club #introduction p, .au.template-landing-join-club .baby-club #introduction li {color: #0f776c} .au.template-landing-join-club .baby-club #join-banner {background: #cfe8e5 url("/images/join-banners/bg-baby-club-join-form-au.jpg") no-repeat 0 0} .au.template-landing-join-club .baby-club #join-banner h3 {width: 400px; background: url("/images/join-banners/bg-baby-club-heading.png") no-repeat -20px -23px; height: 320px} #birthday-cakes #content .join-banner, #baby-rooms #content .join-banner {width: 938px; float: left; margin-bottom: 30px} #birthday-cakes #six_month_supply_banner h3, #baby-rooms #six_month_supply_banner h3 {margin: 0.9em 0 0.5em} #birthday-cakes #introduction, #baby-rooms #introduction {float: left} .mrec-join .section-container {background: #d1e23b; margin-bottom: 20px; padding: 10px; border-radius: 8px} .mrec-join .section-container h1 {font-size: 18px} .mrec-join .membership-form .row label {width: 100px} .mrec-join .membership-form .row.text input {width: 160px} .mrec-join .membership-form .select select {width: 160px} .mrec-join .membership-form #children {margin: 15px 0 5px 0} .mrec-join .membership-form .checkbox {margin: 10px 0 10px 10px} .mrec-join .membership-form #add_child_link {margin-bottom: 5px} .mrec-join .membership-form .formError {color: #fff} #content .mrec-join.join-banner .form-container form .submit {margin: 0 0 0 100px} #content .mrec-join .form-container form {margin-top: 10px} #content .mrec-join .form-container form.membership-form.endpoints_basic {background: url("/images/join-banners/mrec/join-why.png") no-repeat 0 0; padding-top: 279px} #content .mrec-join .form-container form.membership-form.endpoints_mumtobe {background: url("/images/join-banners/mrec/join-hotmilk.png") no-repeat 0 0; padding-top: 281px} #content .mrec-join .form-container form.membership-form.endpoints_babyclub {background: url("/images/join-banners/mrec/join-6months.png") no-repeat 0 0; padding-top: 245px} #content #content-introduction {height: auto !important; overflow: visible; visibility: visible} #content #content-introduction .samples {background: #f6d1e1 url("/images/skins/sott/banner-bg.jpg") repeat-x top left; border-radius: 5px} #content #content-introduction .samples form {margin: 0} #content #content-introduction .samples .disclaimer {font-size: 12px; padding: 0; line-height: 1.5em} #content #content-introduction .samples .fwc {background: url("/images/skins/sott/enrol-today.jpg") no-repeat top left; min-height: 280px; border-radius: 5px; padding: 10px 10px; font-size: 12px} #content #content-introduction .samples .fwc label {font-size: 12px; color: #fff !important; font-weight: bold; display: block; float: left} #content #content-introduction .samples .fwc label.error {float: none; display: inline-block; font-weight: normal; font-size: 12px; margin-top: 3px; color: #f6d1e1 !important} #content #content-introduction .samples .fwc label.checkbox {margin-left: 100px; width: 350px !important; display: block} #content #content-introduction .samples .fwc label.checkbox a {color: #f6d1e1} #content #content-introduction .samples .fwc label.checkbox a:hover {text-decoration: underline !important} #content #content-introduction .samples .fwc input {border: 1px solid #305ea8; padding: 3px; width: 160px} #content #content-introduction .samples .fwc input#sampleRequestTerms, #content #content-introduction .samples .fwc input#sampleRequestOptIn {width: 20px} #content #content-introduction .samples .fwc #userToggleBtn {width: 170px; float: right} #content #content-introduction .samples .fwc #userToggleBtn .btn {background: url("/images/membership/sign-in-now.jpg") top left no-repeat; display: block; width: 170px; height: 62px; padding: 0; text-indent: -999em; overflow: hidden} #content #content-introduction .samples .fwc #userToggleBtn .btn.join-now {background: url("/images/membership/join-now.jpg") top left no-repeat} #content #content-introduction .samples .fwc #userDetails {width: 300px} #content #content-introduction .samples .fwc .fwc-inner {border-radius: 5px; margin: 0 0 0 450px; max-width: 450px; padding: 10px; background: #2991ce} #content #content-introduction .samples .fwc .fwc-inner .section {color: #fff; padding: 10px 0} #content #content-introduction .samples .fwc .fwc-inner .section.auth label {width: 100px} #content #content-introduction .samples .fwc .fwc-inner .section.auth label.error {width: 140px} #content #content-introduction .samples .fwc .fwc-inner .section.auth .controls {width: 140px} #content #content-introduction .samples .fwc .fwc-inner .section.request, #content #content-introduction .samples .fwc .fwc-inner .section.thanks {background-color: #2991ce} #content #content-introduction .samples .fwc .fwc-inner .section.request select, #content #content-introduction .samples .fwc .fwc-inner .section.thanks select {width: 205px} #content #content-introduction .samples .fwc .fwc-inner .section.request a, #content #content-introduction .samples .fwc .fwc-inner .section.request strong, #content #content-introduction .samples .fwc .fwc-inner .section.thanks a, #content #content-introduction .samples .fwc .fwc-inner .section.thanks strong {color: #f6d1e1} #content #content-introduction .samples .fwc .fwc-inner .section.request a:hover, #content #content-introduction .samples .fwc .fwc-inner .section.thanks a:hover {text-decoration: underline !important} #content #content-introduction .samples .fwc .fwc-inner .section.auth, #content #content-introduction .samples .fwc .fwc-inner .section.join, #content #content-introduction .samples .fwc .fwc-inner .section.signin, #content #content-introduction .samples .fwc .fwc-inner .section.address {background-color: #2991ce} #content #content-introduction .samples .fwc .fwc-inner .section.address label {width: 190px} #content #content-introduction .samples .fwc .fwc-inner .section.address input {width: 200px} #content #content-introduction .samples .fwc .fwc-inner .section.address select {width: 205px} #content #content-introduction .samples .fwc .fwc-inner .section.address #sampleRequestRequestBtn {margin-left: 190px} #content #content-introduction .samples .control-group {margin-bottom: 10px} #content #content-introduction .samples .control-group .control-label {display: inline-block; width: 190px} #content #content-introduction .samples .control-group .controls {display: inline-block; width: 180px} #content #content-introduction .samples .control-group .controls .btn {color: #333} #content #content-introduction .samples #sampleRequestAuthBtn, #content #content-introduction .samples #sampleRequestRequestBtn {margin-left: 100px; display: inline-block; width: 135px; text-align: center; padding: 10px 10px 10px 20px; background: url("/images/skins/sott/bg-button-lime-green.gif"); font-size: 14px; font-style: normal !important; color: #4c6b30 !important; cursor: pointer} #content #content-introduction #promo-details.sample-request {font-family: Helvetica, Arial, sans-serif; color: #333; text-shadow: none} #content #content-introduction #promo-details.sample-request h1, #content #content-introduction #promo-details.sample-request h2, #content #content-introduction #promo-details.sample-request h3, #content #content-introduction #promo-details.sample-request h4 {color: #823d99} #content #content-introduction #promo-details.sample-request a, #content #content-introduction #promo-details.sample-request a:visited, #content #content-introduction #promo-details.sample-request a:hover a:visited:hover {font-weight: bold; text-decoration: none} .join-banner.re-skin {width: 100%; background: #e8f09d; float: left; padding: 0 !important; margin-bottom: 20px} .join-banner.re-skin > .text {float: left; padding: 20px 0 0 20px} .join-banner.re-skin .form-container {position: relative; float: right; padding: 20px !important; padding-left: 30px !important; width: 280px; margin: 0 !important} .join-banner.re-skin .form-container:after {content: ''; position: absolute; width: 9px; height: 100%; display: block; background: url("/images/homepage/reskin/home-join-ragged-edge.png"); top: 0; left: 0} .join-banner.re-skin .form-container form #name_row, .join-banner.re-skin .form-container form #description_row, .join-banner.re-skin .form-container form #email_row {width: 100% !important} .join-banner.re-skin .form-container form #name_row > label, .join-banner.re-skin .form-container form #description_row > label, .join-banner.re-skin .form-container form #email_row > label {display: none} .join-banner.re-skin .form-container form #name_row .input, .join-banner.re-skin .form-container form #description_row .input, .join-banner.re-skin .form-container form #email_row .input {width: 100%} .join-banner.re-skin .form-container form #name_row .input input, .join-banner.re-skin .form-container form #description_row .input input, .join-banner.re-skin .form-container form #email_row .input input {border-radius: 9px; height: 20px; padding: 10px 15px; box-shadow: none; border: none; margin-bottom: 10px; font-size: 15px; line-height: 1.42857; width: 250px} .join-banner.re-skin .form-container form #description_row {position: relative} .join-banner.re-skin .form-container form #description_row:before {border-radius: 10px; content: '\f078'; font-family: FontAwesome; background-color: transparent; position: absolute; top: 0; bottom: 0; right: 0; width: 28px; height: 35px; line-height: 35px; vertical-align: middle; pointer-events: none; z-index: 2} .join-banner.re-skin .form-container form #description_row select {-webkit-appearance: none; padding: 10px 28px 10px 10px; font-size: 15px; width: 100%; border-radius: 9px; border: none; margin-bottom: 10px} .join-banner.re-skin .form-container form.membership-form .child {border-radius: 10px} .join-banner.re-skin .form-container form .checkbox, .join-banner.re-skin .form-container form .submit, .join-banner.re-skin .form-container form #children {margin-left: 0 !important} .join-banner.re-skin .form-container form label {font-size: 12px; margin-bottom: 10px} .join-banner.re-skin .form-container form input[type='submit'] {padding: 10px 30px; width: auto; color: #fff; font-family: 'Huggies Omnes Regular', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: normal; border-radius: 20px; -webkit-appearance: none; background: #4dbb42; border: none; font-size: 20px} .join-now-form-container {border-radius: 10px; background: #e8f09d; padding: 25px 20px 20px} .join-now-form-container h3 {text-align: center; color: #4cb940 !important; font-size: 22px; margin-top: 21px} .join-now-form-container h3.join-now-form-title {margin-top: 0} .join-now-form-container a {color: #4cb940 !important} .join-now-form-container .combined-product-shots {margin-top: 22px; margin-bottom: 22px} .join-now-form-container .l-join-form {padding: 0} .join-now-form-container .l-join-form .about-yourself, .join-now-form-container .l-join-form .bad-response {margin-left: 0; margin-right: 0} .join-now-form-container .join-btn {display: block; margin: 15px auto 10px} * {-webkit-font-smoothing: subpixel-antialiased !important} .silo-parenting.pool-finder #main h1, .silo-parenting.pool-finder #main h2, .silo-parenting.pool-finder #main h3, .silo-parenting.pool-finder #main h4, .silo-parenting.pool-finder #main h5, .silo-parenting.pool-finder #main h6, .silo-parenting.pool-finder #main a:hover, .silo-parenting.pool-finder #main strong, .silo-parenting.pool-finder #main a {color: #323491} .pool-finter #little-swimmer-menu .menu-content .content {margin-top: 0px !important; left: 0px !important} #map-wrapper {margin-top: -1px; height: 442px; overflow: hidden} #map_canvas, #map-frame {width: 626px; height: 420px} #map_canvas strong {font-size: 14px; font-weight: bold} #map-frame {margin-top: 20px; border: 1px solid #323491; -webkit-border-radius: 5px; border-radius: 5px} #little-swimmer-menu {position: relative; z-index: 90 !important} #pool-finder {width: 630px; height: 119px; background: url(/images/pool-finder/pool-finder.gif) no-repeat top center; position: relative; z-index: 5} #pool-finder h2 {margin: 0 !important; padding: 0px; text-indent: -9999em; overflow: hidden} #postal_district_search {position: absolute; right: 20px; top: 50px; width: 600px} #search_postcode_or_suburb_equals {background: none; border: none; padding: 10px 20px; height: 22px; width: 340px; font-size: 16px; background: url(/images/pool-finder/pool-finder-search-bar.png) no-repeat 0 0; position: absolute; top: 5px; right: 55px} .finder-button {position: absolute; top: 5px; right: 15px} #pool-finder.tall {width: 630px; height: 188px; background: url(/images/pool-finder/pool-finder-search-tall.gif) no-repeat 0 0; margin: 0px 0px 20px 0px} #pool-finder.tall #search_postcode_or_suburb_equals {width: 280px; background: url(/images/pool-finder/poll-finder-tall-search-bar.png) no-repeat 0 0} #pool-finder.tall #search_postcode_or_suburb_equals, #pool-finder.tall .finder-button {top: 30px} a.toggle-button {float: right; display: block; padding: 10px 10px 10px 30px; width: 80px; text-align: right; font-size: 14px; color: white !important; background: #323491 url(/images/pool-finder/arrow-up.png) no-repeat 5px 7px; -webkit-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px; margin-right: 5px; margin-bottom: 10px} .results {clear: both; float: left; margin-bottom: 20px} #main .pool-details h1, #main #pool-info h1 {clear: both; margin-bottom: 0px !important; border-bottom: 0px !important} .pool-finder dl, .pool-finder dt, .pool-finder dd {display: block; padding: 5px; margin: 0px} .pool-finder dl {width: 628px} .pool-finder dl.pool-heading {float: left; padding: 0px; background: #F2F2F2; border-top: 1px solid #fff; border-bottom: 1px solid #e6e6e6} .pool-finder dt {padding: 5px; color: #666; float: left; margin: 0px !important} .pool-finder dd {padding: 5px; float: left} .pool-finder .pool-suburb {clear: none; width: 148px} .pool-finder dd.pool-suburb {font-size: 16px; color: #333} .pool-finder .pool-details {clear: none; width: 435px} .pool-finder .pool-list {float: left; border-bottom: 1px dashed #61AAF5} .pool-finder .pool-details .right {float: right; width: 390px} .pool-finder .pool-list h3 {margin-top: 0px !important} .result-heading {background: #323491; margin: 0px !important; padding: 8px 10px !important; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; width: 608px; clear: both} .result-title {display: inline; font-size: 24px !important; color: white !important; text-shadow: none; border-bottom: none !important} .alphabet-list {margin-top: 10px; padding: 5px; background: #CCE9FC; border: 1px solid #66ccff; float: left; clear: both; width: 618px; -webkit-border-radius: 5px; border-radius: 5px; margin: 0px 0px 20px 0px} .alphabet-list p {font-size: 14px; font-weight: bold; padding-top: 0px; margin-top: 0px !important; color: #323491 !important} .alphabet-list a {float: left; padding: 3px 5px; font-size: 12px; color: #323491 !important; margin-right: 5px; background: white} .alphabet-list a:hover {color: white !important; background: #323491 !important} #pool-info .pool_website, #pool-info .facebook_website {text-transform: lowercase} #pool-info {float: left; clear: right} #pool-info .block {margin-top: 10px; padding: 10px; background: #ebf7ff; margin-bottom: 10px; -webkit-border-radius: 5px; border-radius: 5px; float: left; width: 608px} #pool-info .block h2 {font-weight: normal; margin-top: 0px; margin-bottom: 10px} #pool-info .block dl, #pool-info .block .dt, #pool-info .block .dd {padding-left: 0px} .block dl {padding-top: 0px; padding-bottom: 0px; border-bottom: 0px; width: 45%; float: left} .block dt, block .dd {color: #444; font-weight: normal; width: 45%} .pool-details .further-reading li {display: none} .section-brisbane .further-reading li.brisbane, .section-sydney .further-reading li.sydney, .section-darwin .further-reading li.darwin, .section-canberra .further-reading li.canberra, .section-adelaide .further-reading li.adelaide, .section-hobart .further-reading li.hobart, .section-melbourne .further-reading li.melbourne, .section-perth .further-reading li.perth {display: block !important} body.au.chfa {background: #fef6e9 url("/images/skins/chfa/background.jpg") top center repeat-x} body.au.chfa #header #logo a .country.au {display: none} a.request-a-free-sample {background-color: #ec008c; color: #fff !important; text-align: center; font-family: 'Huggies Omnes Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500; font-size: 20px; line-height: 40px; height: 40px; display: block; position: fixed; width: 100%; bottom: 0; z-index: 10000; opacity: 1; -webkit-transition: opacity .2s; -moz-transition: opacity .2s; -o-transition: opacity .2s; transition: opacity .2s} a.request-a-free-sample:after {content: '\f101'; display: inline; margin-left: 7px; font-family: FontAwesome; font-size: 18px; font-weight: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; position: relative; top: 1px} a.request-a-free-sample:hover {color: #fff !important} @media (min-width: 1200px) {a.request-a-free-sample {bottom: 80%; line-height: 65px; height: 60px; border-radius: 20px 20px 0 0; width: 260px} a.request-a-free-sample.left {left: -4px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; -o-transform-origin: bottom left; transform-origin: bottom left} a.request-a-free-sample.right {right: 60px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: top right; -moz-transform-origin: top right; -ms-transform-origin: top right; -o-transform-origin: top right; transform-origin: top right} a.request-a-free-sample:hover {background-color: #d60081} a.request-a-free-sample:hover, a.request-a-free-sample:focus, a.request-a-free-sample:active {outline: none; text-decoration: none} a.request-a-free-sample:before {content: ''; display: block; width: 240px; height: 50px; position: absolute; left: 10px; top: 10px; border-radius: 16px 16px 0 0; border-color: rgba(255, 255, 255, 0.5); border-style: dashed; border-width: 1px 1px 0 1px} a.request-a-free-sample:after {content: '\f103'; display: inline; margin-left: 7px; font-family: FontAwesome; font-size: 18px; font-weight: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; position: relative; top: 2px} } .modal-open a.request-a-free-sample {opacity: 0}