.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} .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} #main h1 {font-size: 25px; line-height: 26px; padding: 0 0 5px 0; margin: 0 0 25px 0; font-weight: normal; border-bottom: 1px solid; font-family: 'Huggies Omnes Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500} #main h1 span.caps {text-transform: none !important} #main h2 {font-size: 18px; line-height: 21px; margin: 28px 0 15px} #main h3 {margin: 19px 0 6px} #main p {margin: 8px 0} #main strong {color: #333} #main ul {padding: 0; list-style-type: none} #main ul li {padding: 0 0 0 35px; background-position: 20px 4px; background-repeat: no-repeat} #main ol {padding: 0 0 0 30px; list-style: decimal} #main img.page-image {float: right; margin: 0 0 25px 25px} #main p.byline {font-size: 11px; color: #808080; margin-top: -20px; margin-bottom: 20px} #main p.author-credit {font-size: 11px; color: #808080; margin-top: 0; margin-bottom: 0} #main p.byline a, #main p.byline span {color: #808080; border-bottom: 1px dotted #808080 !important} #main p.author-credit {font-size: 11px; color: #808080; margin-top: 0; margin-bottom: 0} #main p.footnote sup, #main sup.footnote {font-size: .8em} #main sup.footnote a {vertical-align: top} .template-week-by-week-detail #main, .template-content #main, .template-recipe-landing #main, .template-recipe-content #main {width: 608px; padding: 0 0 0 10px} #promotions-show #main, #promotions-enter #main, #sample_requests-new #main {width: 100%} @media (max-width: 767px) {#promotions-show #main, #promotions-enter #main {float: none} #promotions-show #sidebar, #promotions-enter #sidebar {float: none; margin: 0 auto} #promotions-show #social-promo, #promotions-enter #social-promo {display: none} #promotions-show #introduction img, #promotions-enter #introduction img {max-width: 100%} #promotions-show #main .promotion > p > img, #promotions-enter #main .promotion > p > img {display: none} } @media (min-width: 768px) {#promotions-show #main, #promotions-enter #main {width: 608px; padding: 0 0 0 10px} #sample_requests-new #main {float: left; width: 628px} } .template-content #main a { border-bottom: 0; text-decoration: underline} .template-content #main a.image {border: 0 !important} .template-content #main blockquote {display: inline; width: 195px; float: right; padding: 15px 0 15px 0; margin: 0 0 0 15px; font-size: 18px; background: url("../images/layout/bg-blockquote.png") bottom right no-repeat; border-bottom: 1px solid} .template-content #main blockquote p {margin: 0; font-size: 18px} #main ul.features {float: left; width: 100%; padding-bottom: 10px} #main ul.features li {background: none; float: left; width: 275px; padding: 0 15px 0 10px; margin: 0} #main ul.features li img {float: left; padding-top: 15px} #main ul.features li h4, #main ul.features li p {padding-left: 100px} #main ul.features li h4 {color: #9900cc} #main ul.features li p {font-size: 11px} #main ul.features .left-clear {clear: left} #main ul.features li a, #main ul.features li a:hover {text-decoration: none; border-bottom: none} #landing .child {width: 936px; height: 292px; padding: 1px 0 0 1px; margin: 0 0 15px; position: relative; float: left; display: inline; background: -282px -128px no-repeat} #landing .child h1, #landing .child h2, #landing .child h3 {line-height: 20px; display: block; font-weight: bold; font-size: 19px; margin: 0 0 15px; padding: 0} #landing .child h1 a:hover, #landing .child h2 a:hover, #landing .child h3 a:hover {border-bottom: 1px solid} #landing .child h1 a, #landing .child h2 a, #landing .child h3 a {text-decoration: none; border-bottom: 1px dotted} #landing .child .image {height: 288px; padding: 1px 0 0 1px; float: left; overflow: hidden; border-right: 1px solid} #landing .child img {float: left; display: inline; width: 324px} #landing .child .page-summary {float: left; display: inline; width: 324px; height: 255px; padding: 14px; border-left: 1px solid; overflow: hidden} #landing .child .page-summary p {color: #666; margin: 0 0 8px} #landing .child .page-children {float: right; display: inline; width: 249px; padding: 11px 0 0; background: 0 -682px no-repeat} #landing .child .page-children ul {position: relative; list-style-type: none; padding: 0; margin: 0; height: 238px; overflow: hidden} #landing .child .page-children ul li {display: block; position: relative; margin: 4px 0 0 0; padding: 0; float: left; width: 100%} #landing .child .page-children ul li a {display: block; line-height: 17px; margin: 0 0 1px 0; padding: 0 0 0 34px; background: 16px 4px no-repeat; font-size: 12px; font-weight: bold; text-decoration: none} #landing .child .page-children .browse {display: block; width: 225px; height: 32px; padding: 0 12px 10px; line-height: 32px; text-align: center; color: #333; text-decoration: none; font-size: 13px; background: -667px -46px no-repeat; clear: both} #landing .child .page-children .browse em {font-weight: bold; font-style: normal} #main .child {width: 618px; padding: 0 10px 0 0; margin: 0 0 15px; position: relative; float: left; display: inline} #main .child h3 {line-height: 33px; border-bottom: 1px solid #005980; font-weight: bold; font-size: 19px; margin: 0 0 7px 0; padding: 0} #main .child h3 a {text-decoration: none} #main .child img {float: left; display: inline; width: 184px; height: 184px; background-color: #ccc; max-width: 100%} #main .child .page-summary {float: right; width: 419px} #main .child .page-summary p {color: #666; line-height: 1.5em; margin: 0 0 8px} #main .child .page-summary ul {position: relative; list-style-type: none; padding: 0; margin: 0} #main .child .page-summary ul li {width: 175px; margin: 5px 4px 0 0; padding: 0 0 0 26px; float: left; display: inline; border-bottom: 1px solid #cce7f3; background-color: #f0f7fa; background-position: -940px -488px; background-repeat: no-repeat} #main .child .page-summary ul li a {display: block; line-height: 14px; padding: 8px 10px 8px 0; font-size: 12px; font-weight: bold; text-decoration: none} #flippy {position: relative; height: 260px; width: 938px; overflow: hidden; margin: 0 0 15px; background: 0 -421px no-repeat} #flippy .image {float: left; height: 256px; width: 310px; margin: 0; padding: 2px 0 0 2px; overflow: hidden} #flippy .content {padding-top: 15px; padding-left: 15px; width: 285px; height: 237px; overflow: hidden} #flippy .content h2 {font-size: 18px; margin: 0 0 10px} #flippymenu {position: absolute; top: 0; right: 0; width: 318px; height: 260px} #flippymenu ul {margin: 0; padding: 0; list-style: none} #flippymenu li img {float: left; margin-right: 13px} #flippymenu li {margin: 0; padding: 0 0 0 18px} #flippymenu .current {background: -648px -46px no-repeat} #flippymenu li a {display: block; height: 50px; font-size: 14px; padding: 1px 0 0 0; border-bottom: 1px dotted #78c8be} #flippymenu .current a, #flippymenu li a:hover, #flippymenu li a:focus {outline: 0; background: -319px -46px no-repeat} #flippymenu li a span {display: inline-block; padding-top: 18px; font-weight: bold} #flippymenu .last a {border-bottom: 0} .forum-excerpt {width: 568px; padding: 20px; position: relative; background: #f7f0fa url(../images/layout/forum_and_aae_excerpt.png) -1030px 100% no-repeat; float: left; display: inline; padding: 0 20px 40px; margin-bottom: 10px} .forum-excerpt h2 {display: block; width: 568px; height: 32px; text-indent: -999em; background: #f7f0fa url(../images/layout/forum_and_aae_excerpt.png) -1638px 0 no-repeat; margin: 0 0 0} .forum-excerpt p {font-size: 12px; color: #6e2b8c; font-weight: bold; margin: 8px 0; padding: 0; clear: both; float: left; display: inline} .forum-excerpt .excerpt {margin: 8px 0; clear: both; position: relative; float: left; display: inline} .forum-excerpt .excerpt .user {width: 51px; float: left; text-align: center} .forum-excerpt .excerpt .user img {width: 51px; height: 51px; background: #ccc; float: left; display: inline; margin: 0 0 5px 0} .forum-excerpt .excerpt .user cite {font-weight: bold; color: #333} .forum-excerpt .excerpt .post {width: 517px; padding: 17px 0 0; float: right; color: #333; position: relative; background: url(../images/layout/forum_and_aae_excerpt.png) 0 0% no-repeat} .forum-excerpt .excerpt .post .post-body {font-weight: normal; color: #333; position: relative; padding: 0pt 25px 0pt 30px} .forum-excerpt .excerpt .post .post-body p {color: #333; margin: 0; font-weight: normal; float: none} .forum-excerpt .excerpt .post div.info {display: block; width: 473px; padding: 10px 10px 12px 34px; color: #666; background: url(../images/layout/forum_and_aae_excerpt.png) 0 100% no-repeat} .has-video {display: inline-block; height: 9px; margin-left: 5px; width: 14px; text-indent: -999em; background-position: -946px -549px; background-repeat: no-repeat} #video-player {width: 608px; margin: 10px 15px 10px 0; position: relative; background: #fff 0 0 no-repeat; float: left; display: block; } .swfenabled #video-player {display: block} #video-player .widescreen, #video-player .normal {overflow: hidden; width: 596px; padding: 0 6px; float: left; display: inline} #video-player .normal {height: 338px; background: #fff 0 -34px no-repeat} #video-player .widescreen {height: 270px; background: #fff 0 -102px no-repeat} #video-player .information {width: 100%; height: 35px; float: left} #video-player .information h2 {font-size: 15px; line-height: 33px; margin: 0; padding: 0 0 0 29px; float: left; display: inline} #video-player .information a {font-size: 11px; line-height: 16px; margin: 7px 10px 0; border-bottom: 1px dashed; float: right; display: inline} #video-player #video-area, #video-player #player {float: left; display: inline} #video-player #video-area {border: 1px solid #333} #video-player .related-videos {width: 188px; float: right; display: inline} #video-player .related-videos .video {width: 186px; height: 106px; overflow: hidden; border: 1px solid #333; margin: 0 0 4px 0; position: relative} #video-player .related-videos .video .meta {background: url(../images/layout/transparent-black.png) top left; position: absolute; width: 166px; height: 86px; padding: 10px; overflow: hidden; top: 0; left: 0} #video-player .related-videos .video .meta:hover {cursor: pointer} #video-player .related-videos .video .meta h5 {color: #fff; font-size: 12px; margin: 0} #video-player .related-videos .video .meta p {color: #fff; font-size: 11px; line-height: 1.3em} #video-player .related-videos .video .meta a {display: block; width: 165px; height: 15px; padding: 5px 0 0 21px; background: #000 -945px -605px no-repeat; color: #fff; position: absolute; bottom: 0; left: 0; border-bottom: 0} #video-player .related-videos .video .meta a:hover {text-decoration: none; border-bottom: 0} #video-player .related-videos .video .image {width: 186px; height: 106px; overflow: hidden} #video-player .related-videos .video .image img {width: 186px} #video-player .widescreen .related-videos {width: 126px} #video-player .widescreen .related-videos .video {width: 124px; height: 83px; margin: 0 0 4px 0} #video-player .widescreen .related-videos .video .meta {width: 106px; height: 63px} #video-player .widescreen .related-videos .video .meta a {width: 103px} #video-player .widescreen .related-videos .video .image {width: 124px; height: 83px; overflow: hidden} #video-player .widescreen .related-videos .video .image img {width: 124px; height: 83px} #video-heading {width: 938px; position: relative; padding-top: 10px; margin-bottom: 15px; background-position: 0 -372px; background-repeat: no-repeat; float: left; display: inline} #video-heading .normal, #video-heading .widescreen {width: 918px; float: left; display: inline; background-position: bottom left; background-repeat: no-repeat; padding: 0 10px 10px 10px} #video-heading .normal {height: 300px} #video-heading .widescreen {height: 288px} .normal #video-area, .widescreen #video-area {width: 400px; display: block; float: left} #video-player .widescreen #video-area {width: 464px} #video-heading .normal #video-area {width: 400px; height: 300px} #video-heading .widescreen #video-area {width: 512px; height: 288px} #video-heading .information {margin: 0 10px 0 85px; float: left; display: block; position: relative} #video-heading .normal .information {width: 420px} #video-heading .widescreen .information {width: 374px} #video-heading .information #video-summary {float: left; overflow: hidden} #video-heading .information h1 {font-size: 20px; line-height: 26px; margin: 0 0 18px} #video-heading .normal a.read-on, #video-heading .widescreen a.read-on {margin-top: 20px; float: left; clear: both; display: block; width: 89px; height: 31px; line-height: 31px; font-size: 14px; padding: 0 0 0 17px; color: #333; font-weight: bold; background-position: -166px -384px; background-repeat: no-repeat} #video-landing {margin: 0 0 0 0; position: relative} #video-landing .video {width: 188px; height: 235px; padding: 10px; float: left; position: relative} #video-landing .current {background: 0 -128px no-repeat} #video-landing .video .image {width: 186px; height: 105px; overflow: hidden; border: 1px solid #ccc; position: relative} #video-landing .video .image img {width: 188px} #video-landing .video .image .thumb-overlay {position: absolute; top: 0; left: 0; display: none} #video-landing .current .image .thumb-overlay {display: block} #video-landing .video .information {height: 95px; overflow: hidden} #video-landing .video .information h2 {font-size: 14px; line-height: 14px; height: 28px; margin: 5px 0} #video-landing .video .information .summary p {font-size: 11px; line-height: 15px; color: #333; margin: 0 0 5px} #video-landing .video .actions {float: left; clear: both; margin: 7px 0 0} #video-landing .video .actions a {display: inline; height: 27px; line-height: 27px; font-size: 12px; font-weight: bold; color: #333; text-align: center; float: left} #video-landing .video .actions .play {width: 82px; padding: 0 0 0 10px; margin: 0 5px 0 0; background: #fff url(../images/layout/default-section.png) 0 -384px no-repeat} #video-landing .video .actions .read {width: 65px; background: #fff url(../images/layout/default-section.png) -97px -384px no-repeat} #content-introduction {margin-bottom: 10px} #flashintrodiv ul {display: none} .swfenabled #content-introduction {height: 282px !important; overflow: hidden; visibility: hidden} table.borderless th, table.borderless td {border: 0} #main .product-placement img {padding-top: 20px} #main .product-placement a {border-bottom: none !important} .rounded-list {margin: 10px; padding: 7px 15px 7px 15px; -moz-border-radius: 10px; border-radius: 10px; background: #faf0ff} .silo-conception .rounded-list {background: #f0f3ff} .silo-pregnancy .rounded-list {background: #f0faff} .silo-child-birth .rounded-list {background: #f0fdff} .silo-baby-care .rounded-list {background: #f0fff8} .silo-toddler .rounded-list {background: #fff0f8} .silo-parenting .rounded-list {background: #fff0f5} .ebook-row {width: 608px; float: left; clear: both; min-height: 280px; background: url(../images/ebook/bg-ebook-row.jpg) top center no-repeat} .ebook {margin-left: 25px; float: left; width: 170px; min-height: 280px} .ebook .title {width: 170px; text-align: center; clear: both; padding-top: 20px} .ebook .title h3 {font-size: 14px; text-align: center} .ebook .title p {font-size: 11px; text-align: center} .ebook .thumb {width: 114px; height: 155px; background: #efefef; margin: 0 auto} .prototip .ebook-entries .content {color: #5a371a; background: none !important} .e-book-tip-info {width: 140px; padding-top: 13px; height: 40px; text-indent: 30px; background: url(../images/ebook/bg-ebook-cloud.png) top center no-repeat} .ebooks #tabs {margin-top: 20px; padding-left: 5px; list-style: none; height: 95px; background: url(../images/ebook/ebook-tabs-bg.png) bottom center repeat-x} .ebooks #tabs a {margin: 0 0 0 5px; padding: 0 !important; float: left; background: url(../images/ebook/ebook-tabs.png) top left no-repeat; border: 0 !important; height: 70px; text-decoration: none; text-indent: -999em; overflow: hidden; cursor: pointer} .ebooks #tabs a.active-tab {height: 75px} .ebooks #tabs a.tab1 {width: 75px; background-position: 0 0} .ebooks #tabs a.tab1.active-tab, .ebooks #tabs a.tab1:hover {background-position: 0 -71px} .ebooks #tabs a.tab2 {width: 102px; background-position: -75px 0} .ebooks #tabs a.tab2.active-tab, .ebooks #tabs a.tab2:hover {background-position: -75px -71px} .ebooks #tabs a.tab3 {width: 80px; background-position: -177px 0} .ebooks #tabs a.tab3.active-tab, .ebooks #tabs a.tab3:hover {background-position: -177px -71px} .ebooks #tabs a.tab4 {width: 109px; background-position: -257px 0} .ebooks #tabs a.tab4.active-tab, .ebooks #tabs a.tab4:hover {background-position: -257px -71px} .ebooks #tabs a.tab5 {width: 114px; background-position: -366px 0} .ebooks #tabs a.tab5.active-tab, .ebooks #tabs a.tab5:hover {background-position: -366px -71px} .ebooks #tabs a.tab6 {width: 83px; background-position: -480px 0} .ebooks #tabs a.tab6.active-tab, .ebooks #tabs a.tab6:hover {background-position: -480px -71px} .ebooks #books ul {margin-top: 30px; padding: 0; list-style-type: none; background: url(../images/ebook/bg-ebook-row-300.jpg) top center repeat-y; overflow: hidden; clear: both} .ebooks #books ul li {list-style: none; margin: 0 0 0 25px; padding: 0 !important; float: left; width: 170px; min-height: 300px; background: none !important; text-align: center} .ebooks #books ul li > a {border: 0 !important} .ebooks #books ul li h3 {margin: 35px 0 0 0} .ebooks #books ul li h3, .ebooks #books ul li p {text-align: center} .ebooks .panel {display: none} .ebooks .panel.active-tab-body {display: block} .page-apps #main .row {width: 608px; min-height: 280px; margin: 50px 0 20px 0; clear: left; background: url(/images/ebook/bg-ebook-row.jpg) 50% 80px no-repeat; overflow: hidden} .page-apps #main .row .thumb {position: relative; display: block; float: left; margin-left: 30px; padding: 0; height: 320px; width: 240px} .page-apps #main .row a {border-bottom: none !important} .page-apps #main .row .thumb h3 {display: block; text-align: center; position: absolute; width: 100%; top: 250px} .page-apps #main .row a:hover h3 {color: #90C} .page-apps #main .row .thumb.vertical {background: url(/images/mobile-apps/iphone-thumb-bg.png) no-repeat 60px 0} .page-apps #main .row .thumb.horizontal {background: url(/images/mobile-apps/iphone-thumb-bg.png) no-repeat -240px 0} .page-apps #main .row .thumb.vertical img {width: 100px; height: 150px; margin: 43px 0 0 71px} .page-apps #main .row .thumb.horizontal img {width: 150px; height: 100px; margin: 125px 0 0 43px} #face-book-tip-header {width: 628px; height: 177px; float: left; background: url(../images/layout/face-book-tip-header.jpg) no-repeat top left} #face-book-tip-body {width: 588px; min-height: 200px; float: left; padding: 0 20px 0 20px; background: url(../images/layout/face-book-tip-body.jpg) repeat-y top left} #face-book-tip-body .tips {border-bottom: 1px dashed #555; padding-left: 40px; background: url(../images/layout/face-book-tip-quote.jpg) no-repeat top left} #face-book-tip-body .author {text-align: right} #face-book-tip-body .author span {font-weight: bold; color: #375799} #face-book-tip-footer {width: 628px; height: 91px; float: left; background: url(../images/layout/face-book-tip-footer.jpg) no-repeat top left} #nappy-pants-vs-pull-up {padding: 10px 0 0 10px; float: left} #nappy-pants-vs-pull-up .row {width: 596px; padding: 0; margin: 0; float: left; border-bottom: 1px solid #bebebe} #nappy-pants-vs-pull-up .last {border-bottom: none} #nappy-pants-vs-pull-up .color {background-image: url(../images/nappy-pant-vs-pull-up/bg-row.gif); background-repeat: repeat-y} #nappy-pants-vs-pull-up .row .item {padding: 20px 20px 20px 0; width: 80px; float: left; font-size: 16px; line-height: 120%; margin: 0} #nappy-pants-vs-pull-up .row .nappy-pant {margin: 0; padding: 10px 20px 10px 20px; width: 208px; float: left; height: 100%; background: #f7fcf1} #nappy-pants-vs-pull-up .row .pull-up {margin: 0; padding: 10px 20px 10px 20px; width: 208px; float: left; height: 100%; background: #fcf1f6} #nappy-pants-vs-pull-up .row .feature {float: left} #nappy-pants-vs-pull-up .row .feature p {display: block; float: left; margin: 20px 0 0 10px; width: 110px} #nappy-pants-vs-pull-up .row .feature p.size {margin-top: 10px; width: 50px} #nappy-pants-vs-pull-up .row .feature img {float: left} #nappy-pants-vs-pull-up .row .top-round {text-align: center; height: 160px; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0} #nappy-pants-vs-pull-up .row .bottom-round {text-align: center; height: 55px; padding-top: 20px; -webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px} #nappy-pants-vs-pull-up .row .bottom-round a.pants-link {font-size: 17px; color: #002e73; line-height: 120%; border-bottom: none} #nappy-pants-vs-pull-up .row .bottom-round a.pull-up-link {font-size: 17px; color: #600073; line-height: 120%; border-bottom: none} #nappy-pants-vs-pull-up .row .bottom-round a.pants-link strong {color: #002e73} #nappy-pants-vs-pull-up .row .pull-up-logo {margin-top: 30px} #nappy-pants-vs-pull-up .row .nappy-pant-logo {margin-top: 45px} #main .content p {margin-top: 0} #main p.collapsible {margin-top: 0; color: #6e2b8c; display: inline-block; width: auto; padding: 3px 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background: #F8EAFC} .page-apps #apps-tabs {position: relative; height: 1060px} .page-apps .panel {position: absolute; top: 51px; display: none; padding: 30px 0; background: url(/images/layout/apps-panel-bg.gif) top left repeat-x; border-top: 1px solid #c280e0; width: 608px; min-height: 600px} .page-apps .panel.active-tab-body {display: block} .page-apps #tabs {position: absolute; height: 51px; list-style: none; z-index: 98; margin: 0} .page-apps #tabs li {float: left; list-style-type: none; background: none; margin: 0; padding-left: 10px; line-height: 1} .page-apps #tabs a {float: left; padding: 15px 25px; font-size: 20px; text-decoration: none; color: #9900cc; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; border: 1px solid #f7effb; border-bottom: none; background: #fcfafd} .page-apps #tabs a.active-tab {color: #6e2b8c; background: #ebdaf2; border: 1px solid #c280e0; border-bottom: none; z-index: 9999; padding-bottom: 16px} .panel .panel-block {float: left; clear: both; width: 590px; margin-bottom: 20px} #main .panel-block h2 {margin-top: 0; margin-bottom: 20px} .panel .panel-block .left-content {width: 150px; margin-right: 20px; float: left} .panel .panel-block .right-content {width: 400px; float: right} .panel .panel-block .right-content a {border: none !important} .panel .panel-block.wide .left-content {width: 300px; margin-right: 10px} .panel .panel-block.wide .right-content {width: 280px} #facebook-apps.panel .panel-block .left-content {width: 170px} #facebook-apps.panel .panel-block .right-content {width: 380px} .page-search th, .page-search td {border: none} .page-search .gsc-result {border-bottom: 1px dotted #EBDAF2 !important} .page-search .gsc-search-box {background: #EBDAF2; padding: 3px; -moz-border-radius: 10px; border-radius: 10px} .page-search .gsc-input {padding: 3px 5px; font-size: 14px} .page-search input.gsc-search-button {color: white; padding: 3px 5px; background: #B157D0; border: 0; -moz-border-radius: 5px; border-radius: 5px} .page-search .gsc-tabHeader {padding: 10px 20px} @font-face {font-family: 'Huggies Omnes Light'; src: url("/fonts/omnes/light/omnes-light.eot"); src: url("/fonts/omnes/light/omnes-light.eot?#iefix") format("embedded-opentype"), url("/fonts/omnes/light/omnes-light.woff2") format("woff2"), url("/fonts/omnes/light/omnes-light.woff") format("woff"), url("/fonts/omnes/light/omnes-light.ttf") format("truetype"), url("/fonts/omnes/light/omnes-light.svg#omnes_light") format("svg"); font-weight: 300; font-style: normal} @font-face {font-family: 'Huggies Omnes Regular'; src: url("/fonts/omnes/regular/omnes-regular.eot"); src: url("/fonts/omnes/regular/omnes-regular.eot?#iefix") format("embedded-opentype"), url("/fonts/omnes/regular/omnes-regular.woff2") format("woff2"), url("/fonts/omnes/regular/omnes-regular.woff") format("woff"), url("/fonts/omnes/regular/omnes-regular.ttf") format("truetype"), url("/fonts/omnes/regular/omnes-regular.svg#omnes_regular") format("svg"); font-weight: 400; font-style: normal} @font-face {font-family: 'Huggies Omnes Medium'; src: url("/fonts/omnes/medium/omnes-medium.eot"); src: url("/fonts/omnes/medium/omnes-medium.eot?#iefix") format("embedded-opentype"), url("/fonts/omnes/medium/omnes-medium.woff2") format("woff2"), url("/fonts/omnes/medium/omnes-medium.woff") format("woff"), url("/fonts/omnes/medium/omnes-medium.ttf") format("truetype"), url("/fonts/omnes/medium/omnes-medium.svg#omnes_medium") format("svg"); font-weight: 500; font-style: normal} @font-face {font-family: 'Huggies Omnes Semibold'; src: url("/fonts/omnes/semibold/omnes-semibold.eot"); src: url("/fonts/omnes/semibold/omnes-semibold.eot?#iefix") format("embedded-opentype"), url("/fonts/omnes/semibold/omnes-semibold.woff2") format("woff2"), url("/fonts/omnes/semibold/omnes-semibold.woff") format("woff"), url("/fonts/omnes/semibold/omnes-semibold.ttf") format("truetype"), url("/fonts/omnes/semibold/omnes-semibold.svg#omnes_semibold") format("svg"); font-weight: 600; font-style: normal} @font-face {font-family: 'Huggies Omnes Bold'; src: url("/fonts/omnes/bold/omnes-bold.eot"); src: url("/fonts/omnes/bold/omnes-bold.eot?#iefix") format("embedded-opentype"), url("/fonts/omnes/bold/omnes-bold.woff2") format("woff2"), url("/fonts/omnes/bold/omnes-bold.woff") format("woff"), url("/fonts/omnes/bold/omnes-bold.ttf") format("truetype"), url("/fonts/omnes/bold/omnes-bold.svg#omnes_bold") format("svg"); font-weight: 700; font-style: normal} @font-face {font-family: 'huggies'; src: url("/fonts/huggies/huggies.eot"); src: url("/fonts/huggies/huggies.eot#iefix") format("embedded-opentype"), url("/fonts/huggies/huggies.woff2") format("woff2"), url("/fonts/huggies/huggies.woff") format("woff"), url("/fonts/huggies/huggies.ttf") format("truetype"), url("/fonts/huggies/huggies.svg#huggies") format("svg"); font-weight: normal; font-style: normal} [class^="hug-"]:before, [class*=" hug-"]:before {font-family: "huggies"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale} .hug-babys-room:before {content: '\e800'} .hug-businesswoman:before {content: '\e801'} .hug-calculator:before {content: '\e802'} .hug-calendar-1:before {content: '\e803'} .hug-checked-2:before {content: '\e804'} .hug-clinic:before {content: '\e805'} .hug-dislike:before {content: '\e806'} .hug-gift:before {content: '\e807'} .hug-high-priority:before {content: '\e808'} .hug-pregnant:before {content: '\e809'} .silo-conception #section, .silo-conception #in_this_section {background-color: #9194ff !important} .silo-pregnancy #section, .silo-pregnancy #in_this_section {background-color: #62cefc !important} .silo-child-birth #section, .silo-child-birth #in_this_section {background-color: #2ccebb !important} .silo-baby-care #section, .silo-baby-care #in_this_section {background-color: #23b274 !important} .silo-toddler #section, .silo-toddler #in_this_section {background-color: #ed6aae !important} .silo-parenting #section, .silo-parenting #in_this_section {background-color: #d85283 !important} .silo-baby-names #section, .silo-baby-names #in_this_section {background-color: #fd8410 !important} .silo-recipes-activities #section, .silo-recipes-activities #in_this_section {background-color: #e6b00f !important} .silo-rewards #section, .silo-rewards #in_this_section {background-color: #ec008c !important} #content h1 {border-bottom-color: #6e2b8c} #content h1, #content h2 {color: #6e2b8c} #content a {color: #90c} #content a.btn-red, #content a.btn-red:hover {color: #fff} #content a:hover, #content a:hover:before, #content strong {color: #6e2b8c} #main h1, #main h2, #main h3, #main h4, #main h5, #main h6 {color: #6e2b8c} #main ul li {background-image: url("/images/bullets/default-bullet-small.gif"); background-position: 0 5px; background-repeat: no-repeat} #main a {color: #90c} #main a:hover, #main strong {color: #6e2b8c} #landing .child .page-children ul li a:hover:before {color: #6e2b8c} #landing .child .page-children .browse:hover {color: #90c} .template-content #main a, .template-content #main blockquote {border-bottom-color: #90c} .template-content #main blockquote {color: #6e2b8c} #introduction {background-image: url("/images/landing/intro-bg-default.jpg")} #introduction h1 span {color: #90c} #landing .child {background-image: url("/images/layout/default-section.png")} #landing .child h3 a {border-bottom-color: #6e2b8c} #landing .child .image {border-right-color: #cfaae0} #landing .child .page-summary {border-left-color: #fff} #landing .child .page-children {background-image: url("/images/layout/default-section.png"); font-family: 'Huggies Omnes Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500} #landing .child .page-children ul li a {font-size: 14px; background-image: none} #landing .child .page-children ul li a:before {content: '\f054'; font-family: 'FontAwesome'; position: absolute; left: 17px; font-size: 13px; color: #90c; line-height: 18px} #landing .child .page-children .browse {background-image: url("/images/layout/default-section.png")} #landing .child .page-children .has-video {line-height: 10px; margin-left: 10px} #landing #video-title, #landing #video-summary {color: #fff} #main .child h3 {border-bottom-color: #6e2b8c} #main .child h3 a {color: #6e2b8c} #main .child .page-summary ul li {border-bottom-color: #e6cbf2; background-color: #f0f7fa; background-image: url("/images/layout/default-section.png")} #flippy {background-image: url("/images/layout/default-section.png")} #flippymenu .current {background-image: url("/images/layout/default-section.png")} #flippymenu li a {border-bottom-color: #78c8be} #flippymenu .current a, #flippymenu li a:hover, #flippymenu li a:focus {background-image: url("/images/layout/default-section.png")} #video-player, #video-player .widescreen, #video-player .normal, #video-heading, #video-heading .widescreen, #video-heading .normal {background-image: url("/images/layout/default-video.png")} #video-player .information h2 {color: #fff !important} #video-player .information a {color: #fff !important; border-bottom-color: #fff !important} #video-player .related-videos .video .meta a, #video-heading a.read-on, #video-landing .current, .has-video {background-image: url("/images/layout/default-section.png")} #video-heading .information h1, #video-heading .information p {color: #fff !important} .silo-baby-products #landing .child .image {border-right: 0} .silo-baby-products #landing .child .page-summary {border-left: 0} .silo-conception #content h1 {border-bottom-color: #344b97} .silo-conception #content h1, .silo-conception #content h2 {color: #344b97} .silo-conception #content a {color: #5f64fe} .silo-conception #content a.btn-red, .silo-conception #content a.btn-red:hover {color: #fff} .silo-conception #content a:hover, .silo-conception #content a:hover:before, .silo-conception #content strong {color: #344b97} .silo-conception #main h1, .silo-conception #main h2, .silo-conception #main h3, .silo-conception #main h4, .silo-conception #main h5, .silo-conception #main h6 {color: #344b97} .silo-conception #main ul li {background-image: url("/images/bullets/default-bullet-small.gif"); background-position: 0 5px; background-repeat: no-repeat} .silo-conception #main a {color: #5f64fe} .silo-conception #main a:hover, .silo-conception #main strong {color: #344b97} .silo-conception #landing .child .page-children ul li a:hover:before {color: #344b97} .silo-conception #landing .child .page-children .browse:hover {color: #5f64fe} .silo-conception .template-content #main a, .silo-conception .template-content #main blockquote {border-bottom-color: #5f64fe} .silo-conception .template-content #main blockquote {color: #344b97} .silo-conception #main ul li {background-image: url("/images/bullets/conception-bullet-small.gif")} .silo-conception #main .child h3 {border-bottom-color: #344b97} .silo-conception #main .child .page-summary ul li {border-bottom-color: #cce7f3; background-color: #f0f7fa; background-image: url("/images/layout/conception-section.png")} .silo-conception #main .child .page-summary ul li:hover {border-bottom-color: #8097e0; background-color: #dae0f2} .silo-conception #introduction {background-image: url("/images/landing/intro-bg-conception.jpg")} .silo-conception #introduction h1 span {color: #5f64fe} .silo-conception #landing .child {background-image: url("/images/layout/conception-section.png")} .silo-conception #landing .child h3 a {border-bottom-color: #344b97} .silo-conception #landing .child .image {border-right-color: #8097e0} .silo-conception #landing .child .page-summary {border-left-color: #fff} .silo-conception #landing .child .page-children {background-image: url("/images/layout/conception-section.png")} .silo-conception #landing .child .page-children ul li a:before {color: #5f64fe} .silo-conception #landing .child .browse {background-image: url("/images/layout/conception-section.png")} .silo-conception #flippy {background-image: url("/images/layout/conception-section.png")} .silo-conception #flippymenu .current {background-image: url("/images/layout/conception-section.png")} .silo-conception #flippymenu li a {border-bottom-color: #78c8be} .silo-conception #flippymenu .current a, .silo-conception #flippymenu li a:hover, .silo-conception #flippymenu li a:focus {background-image: url("/images/layout/conception-section.png")} .silo-conception .further-reading p.menu-back {border-bottom-color: #344b97} .silo-conception .further-reading p.menu-back a:before {color: #5f64fe} .silo-conception .further-reading ul li a {background-color: #f0f7fa; border-bottom-color: #cce7f3} .silo-conception .further-reading ul li a:before {color: #5f64fe} .silo-conception #video-player, .silo-conception #video-player .widescreen, .silo-conception #video-player .normal, .silo-conception #video-heading, .silo-conception #video-heading .widescreen, .silo-conception #video-heading .normal {background-image: url("/images/layout/conception-video.png")} .silo-conception #video-player .related-videos .video .meta a, .silo-conception #video-heading a.read-on, .silo-conception #video-landing .current, .silo-conception .has-video {background-image: url("/images/layout/conception-section.png")} .silo-pregnancy #content h1 {border-bottom-color: #005980} .silo-pregnancy #content h1, .silo-pregnancy #content h2 {color: #005980} .silo-pregnancy #content a {color: #1292c9} .silo-pregnancy #content a.btn-red, .silo-pregnancy #content a.btn-red:hover {color: #fff} .silo-pregnancy #content a:hover, .silo-pregnancy #content a:hover:before, .silo-pregnancy #content strong {color: #005980} .silo-pregnancy #main h1, .silo-pregnancy #main h2, .silo-pregnancy #main h3, .silo-pregnancy #main h4, .silo-pregnancy #main h5, .silo-pregnancy #main h6 {color: #005980} .silo-pregnancy #main ul li {background-image: url("/images/bullets/default-bullet-small.gif"); background-position: 0 5px; background-repeat: no-repeat} .silo-pregnancy #main a {color: #1292c9} .silo-pregnancy #main a:hover, .silo-pregnancy #main strong {color: #005980} .silo-pregnancy #landing .child .page-children ul li a:hover:before {color: #005980} .silo-pregnancy #landing .child .page-children .browse:hover {color: #1292c9} .silo-pregnancy .template-content #main a, .silo-pregnancy .template-content #main blockquote {border-bottom-color: #1292c9} .silo-pregnancy .template-content #main blockquote {color: #005980} .silo-pregnancy #main ul li {background-image: url("/images/bullets/pregnancy-bullet-small.gif")} .silo-pregnancy #main .child h3 {border-bottom-color: #005980} .silo-pregnancy #main .child .page-summary ul li {border-bottom-color: #cce7f3; background-color: #f0f7fa; background-image: url("/images/layout/pregnancy-section.png")} .silo-pregnancy #main .child .page-summary ul li:hover {border-bottom-color: #80c3e0; background-color: #daebf2} .silo-pregnancy #introduction {background-image: url("/images/landing/intro-bg-pregnancy.jpg")} .silo-pregnancy #introduction h1 {color: #005980} .silo-pregnancy #introduction h1 span {color: #2aabe2} .silo-pregnancy #landing .child {background-image: url("/images/layout/pregnancy-section.png")} .silo-pregnancy #landing .child h3 a {border-bottom-color: #005980} .silo-pregnancy #landing .child .image {border-right-color: #80c3e0} .silo-pregnancy #landing .child .page-summary {border-left-color: #fff} .silo-pregnancy #landing .child .page-children {background-image: url("/images/layout/pregnancy-section.png")} .silo-pregnancy #landing .child .page-children ul li a:before {color: #1292c9} .silo-pregnancy #landing .child .page-children .browse {background-image: url("/images/layout/pregnancy-section.png")} .silo-pregnancy #flippy {background-image: url("/images/layout/pregnancy-section.png")} .silo-pregnancy #flippymenu .current {background-image: url("/images/layout/pregnancy-section.png")} .silo-pregnancy #flippymenu li a {border-bottom-color: #78c8be} .silo-pregnancy #flippymenu .current a, .silo-pregnancy #flippymenu li a:hover, .silo-pregnancy #flippymenu li a:focus {background-image: url("/images/layout/pregnancy-section.png")} .silo-pregnancy .further-reading p.menu-back {border-bottom-color: #005980} .silo-pregnancy .further-reading p.menu-back a:before {color: #1292c9} .silo-pregnancy .further-reading ul li a {background-color: #f0f7fa; border-bottom-color: #cbe7f2} .silo-pregnancy .further-reading ul li a:before {color: #1292c9} .silo-pregnancy #video-player, .silo-pregnancy #video-player .widescreen, .silo-pregnancy #video-player .normal, .silo-pregnancy #video-heading, .silo-pregnancy #video-heading .widescreen, .silo-pregnancy #video-heading .normal {background-image: url("/images/layout/pregnancy-video.png")} .silo-pregnancy #video-player .related-videos .video .meta a, .silo-pregnancy #video-heading a.read-on, .silo-pregnancy #video-landing .current, .silo-pregnancy .has-video {background-image: url("/images/layout/pregnancy-section.png")} .silo-child-birth #content h1 {border-bottom-color: #007889} .silo-child-birth #content h1, .silo-child-birth #content h2 {color: #007889} .silo-child-birth #content a {color: #039c8a} .silo-child-birth #content a.btn-red, .silo-child-birth #content a.btn-red:hover {color: #fff} .silo-child-birth #content a:hover, .silo-child-birth #content a:hover:before, .silo-child-birth #content strong {color: #007889} .silo-child-birth #main h1, .silo-child-birth #main h2, .silo-child-birth #main h3, .silo-child-birth #main h4, .silo-child-birth #main h5, .silo-child-birth #main h6 {color: #007889} .silo-child-birth #main ul li {background-image: url("/images/bullets/default-bullet-small.gif"); background-position: 0 5px; background-repeat: no-repeat} .silo-child-birth #main a {color: #039c8a} .silo-child-birth #main a:hover, .silo-child-birth #main strong {color: #007889} .silo-child-birth #landing .child .page-children ul li a:hover:before {color: #007889} .silo-child-birth #landing .child .page-children .browse:hover {color: #039c8a} .silo-child-birth .template-content #main a, .silo-child-birth .template-content #main blockquote {border-bottom-color: #039c8a} .silo-child-birth .template-content #main blockquote {color: #007889} .silo-child-birth #main ul li {background-image: url("/images/bullets/child-birth-bullet-small.gif")} .silo-child-birth #main .child h3 {border-bottom-color: #007889} .silo-child-birth #main .child .page-summary ul li {border-bottom-color: #cbeef2; background-color: #f0f9fa; background-image: url("/images/layout/child-birth-section.png")} .silo-child-birth #main .child .page-summary ul li:hover {border-bottom-color: #80d5e0; background-color: #daeff2} .silo-child-birth #introduction {background-image: url("/images/landing/intro-bg-child-birth.jpg")} .silo-child-birth #introduction h1 span {color: #04b49f} .silo-child-birth #landing .child {background-image: url("/images/layout/child-birth-section.png")} .silo-child-birth #landing .child h3 a {border-bottom-color: #007889} .silo-child-birth #landing .child .image {border-right-color: #80d5e0} .silo-child-birth #landing .child .page-summary {border-left-color: #fff} .silo-child-birth #landing .child .page-children {background-image: url("/images/layout/child-birth-section.png")} .silo-child-birth #landing .child .page-children ul li a:before {color: #039c8a} .silo-child-birth #landing .child .page-children .browse {background-image: url("/images/layout/child-birth-section.png")} .silo-child-birth #flippy {background-image: url("/images/layout/child-birth-section.png")} .silo-child-birth #flippymenu .current {background-image: url("/images/layout/child-birth-section.png")} .silo-child-birth #flippymenu li a {border-bottom-color: #78c8be} .silo-child-birth #flippymenu .current a, .silo-child-birth #flippymenu li a:hover, .silo-child-birth #flippymenu li a:focus {background-image: url("/images/layout/child-birth-section.png")} .silo-child-birth .further-reading p.menu-back {border-bottom-color: #007889} .silo-child-birth .further-reading p.menu-back a:before {color: #039c8a} .silo-child-birth .further-reading ul li a {background-color: #f0f7fa; color: #007889; border-bottom-color: #cbe7f2} .silo-child-birth .further-reading ul li a:before {color: #039c8a} .silo-child-birth #video-heading, .silo-child-birth #video-player, .silo-child-birth #video-player .widescreen, .silo-child-birth #video-player .normal, .silo-child-birth #video-heading, .silo-child-birth #video-heading .widescreen, .silo-child-birth #video-heading .normal {background-image: url("/images/layout/child-birth-video.png")} .silo-child-birth #video-player .related-videos .video .meta a, .silo-child-birth #video-heading a.read-on, .silo-child-birth #video-landing .current, .silo-child-birth .has-video {background-image: url("/images/layout/child-birth-section.png")} .silo-baby-care #content h1 {border-bottom-color: #007843} .silo-baby-care #content h1, .silo-baby-care #content h2 {color: #007843} .silo-baby-care #content a {color: #6aa128} .silo-baby-care #content a.btn-red, .silo-baby-care #content a.btn-red:hover {color: #fff} .silo-baby-care #content a:hover, .silo-baby-care #content a:hover:before, .silo-baby-care #content strong {color: #007843} .silo-baby-care #main h1, .silo-baby-care #main h2, .silo-baby-care #main h3, .silo-baby-care #main h4, .silo-baby-care #main h5, .silo-baby-care #main h6 {color: #007843} .silo-baby-care #main ul li {background-image: url("/images/bullets/default-bullet-small.gif"); background-position: 0 5px; background-repeat: no-repeat} .silo-baby-care #main a {color: #6aa128} .silo-baby-care #main a:hover, .silo-baby-care #main strong {color: #007843} .silo-baby-care #landing .child .page-children ul li a:hover:before {color: #007843} .silo-baby-care #landing .child .page-children .browse:hover {color: #6aa128} .silo-baby-care .template-content #main a, .silo-baby-care .template-content #main blockquote {border-bottom-color: #6aa128} .silo-baby-care .template-content #main blockquote {color: #007843} .silo-baby-care #main ul li {background-image: url("/images/bullets/baby-care-bullet-small.gif")} .silo-baby-care #main .child h3 {border-bottom-color: #007843} .silo-baby-care #main .child .page-summary ul li {border-bottom-color: #cbf2e1; background-color: #f0faf6; background-image: url("/images/layout/baby-care-section.png")} .silo-baby-care #main .child .page-summary ul li:hover {border-bottom-color: #80e0b7; background-color: #daf2e8} .silo-baby-care #introduction {background-image: url("/images/landing/intro-bg-baby-care.jpg")} .silo-baby-care #introduction h1 span {color: #84ba42} .silo-baby-care #landing .child {background-image: url("/images/layout/baby-care-section.png")} .silo-baby-care #landing .child h3 a {border-bottom-color: #007843} .silo-baby-care #landing .child .image {border-right-color: #80e0b7} .silo-baby-care #landing .child .page-summary {border-left-color: #fff} .silo-baby-care #landing .child .page-children {background-image: url("/images/layout/baby-care-section.png")} .silo-baby-care #landing .child .page-children ul li a:before {color: #6aa128} .silo-baby-care #landing .child .page-children .browse {background-image: url("/images/layout/baby-care-section.png")} .silo-baby-care #flippy {background-image: url("/images/layout/baby-care-section.png")} .silo-baby-care #flippymenu .current {background-image: url("/images/layout/baby-care-section.png")} .silo-baby-care #flippymenu li a {border-bottom-color: #78c8be} .silo-baby-care #flippymenu .current a, .silo-baby-care #flippymenu li a:hover, .silo-baby-care #flippymenu li a:focus {background-image: url("/images/layout/baby-care-section.png")} .silo-baby-care .further-reading p.menu-back {border-bottom-color: #007843} .silo-baby-care .further-reading p.menu-back a:before {color: #6aa128} .silo-baby-care .further-reading ul li a {background-color: #f0f7fa; border-bottom-color: #cbf2e1} .silo-baby-care .further-reading ul li a:before {color: #6aa128} .silo-baby-care #video-heading, .silo-baby-care #video-player, .silo-baby-care #video-player .widescreen, .silo-baby-care #video-player .normal, .silo-baby-care #video-heading, .silo-baby-care #video-heading .widescreen, .silo-baby-care #video-heading .normal {background-image: url("/images/layout/baby-care-video.png")} .silo-baby-care #video-player .related-videos .video .meta a, .silo-baby-care #video-heading a.read-on, .silo-baby-care #video-landing .current, .silo-baby-care .has-video {background-image: url("/images/layout/baby-care-section.png")} .silo-toddler #content h1 {border-bottom-color: #800042} .silo-toddler #content h1, .silo-toddler #content h2 {color: #800042} .silo-toddler #content a {color: #ec3b96} .silo-toddler #content a.btn-red, .silo-toddler #content a.btn-red:hover {color: #fff} .silo-toddler #content a:hover, .silo-toddler #content a:hover:before, .silo-toddler #content strong {color: #800042} .silo-toddler #main h1, .silo-toddler #main h2, .silo-toddler #main h3, .silo-toddler #main h4, .silo-toddler #main h5, .silo-toddler #main h6 {color: #800042} .silo-toddler #main ul li {background-image: url("/images/bullets/default-bullet-small.gif"); background-position: 0 5px; background-repeat: no-repeat} .silo-toddler #main a {color: #ec3b96} .silo-toddler #main a:hover, .silo-toddler #main strong {color: #800042} .silo-toddler #landing .child .page-children ul li a:hover:before {color: #800042} .silo-toddler #landing .child .page-children .browse:hover {color: #ec3b96} .silo-toddler .template-content #main a, .silo-toddler .template-content #main blockquote {border-bottom-color: #ec3b96} .silo-toddler .template-content #main blockquote {color: #800042} .silo-toddler #main ul li {background-image: url("/images/bullets/toddler-bullet-small.gif")} .silo-toddler #main .child h3 {border-bottom-color: #800042} .silo-toddler #main .child .page-summary ul li {border-bottom-color: #f2cbe0; background-color: #faf0f5; background-image: url("/images/layout/toddler-section.png")} .silo-toddler #main .child .page-summary ul li:hover {border-bottom-color: #e080b2; background-color: #f2dae7} .silo-toddler #introduction {background-image: url("/images/landing/intro-bg-toddler.jpg")} .silo-toddler #introduction h1 span {color: #800042} .silo-toddler #landing .child {background-image: url("/images/layout/toddler-section.png")} .silo-toddler #landing .child h3 a {border-bottom-color: #800042} .silo-toddler #landing .child .image {border-right-color: #e080a7} .silo-toddler #landing .child .page-summary {border-left-color: #fff} .silo-toddler #landing .child .page-children {background-image: url("/images/layout/toddler-section.png")} .silo-toddler #landing .child .page-children ul li a:before {color: #ec3b96} .silo-toddler #landing .child .page-children .browse {background-image: url("/images/layout/toddler-section.png")} .silo-toddler #flippy {background-image: url("/images/layout/toddler-section.png")} .silo-toddler #flippymenu .current {background-image: url("/images/layout/toddler-section.png")} .silo-toddler #flippymenu li a {border-bottom-color: #78c8be} .silo-toddler #flippymenu .current a, .silo-toddler #flippymenu li a:hover, .silo-toddler #flippymenu li a:focus {background-image: url("/images/layout/toddler-section.png")} .silo-toddler .further-reading p.menu-back {border-bottom-color: #800042} .silo-toddler .further-reading p.menu-back a:before {color: #ec3b96} .silo-toddler .further-reading ul li a {background-color: #faf0f5; color: #37b0e4; border-bottom-color: #f2cbe0} .silo-toddler .further-reading ul li a:before {color: #ec3b96} .silo-toddler #video-heading, .silo-toddler #video-player, .silo-toddler #video-player .widescreen, .silo-toddler #video-player .normal, .silo-toddler #video-heading, .silo-toddler #video-heading .widescreen, .silo-toddler #video-heading .normal {background-image: url("/images/layout/toddler-video.png")} .silo-toddler #video-player .related-videos .video .meta a, .silo-toddler #video-heading a.read-on, .silo-toddler #video-landing .current, .silo-toddler .has-video {background-image: url("/images/layout/toddler-section.png")} .silo-parenting #content h1 {border-bottom-color: #80002f} .silo-parenting #content h1, .silo-parenting #content h2 {color: #80002f} .silo-parenting #content a {color: #b33663} .silo-parenting #content a.btn-red, .silo-parenting #content a.btn-red:hover {color: #fff} .silo-parenting #content a:hover, .silo-parenting #content a:hover:before, .silo-parenting #content strong {color: #80002f} .silo-parenting #main h1, .silo-parenting #main h2, .silo-parenting #main h3, .silo-parenting #main h4, .silo-parenting #main h5, .silo-parenting #main h6 {color: #80002f} .silo-parenting #main ul li {background-image: url("/images/bullets/default-bullet-small.gif"); background-position: 0 5px; background-repeat: no-repeat} .silo-parenting #main a {color: #b33663} .silo-parenting #main a:hover, .silo-parenting #main strong {color: #80002f} .silo-parenting #landing .child .page-children ul li a:hover:before {color: #80002f} .silo-parenting #landing .child .page-children .browse:hover {color: #b33663} .silo-parenting .template-content #main a, .silo-parenting .template-content #main blockquote {border-bottom-color: #b33663} .silo-parenting .template-content #main blockquote {color: #80002f} .silo-parenting #main ul li {background-image: url("/images/bullets/parenting-bullet-small.gif")} .silo-parenting #main .child h3 {border-bottom-color: #80002f} .silo-parenting #main .child .page-summary ul li {border-bottom-color: #f2cbda; background-color: #faf0f4; background-image: url("/images/layout/parenting-section.png")} .silo-parenting #main .child .page-summary ul li:hover {border-bottom-color: #e080a7; background-color: #f2dae3} .silo-parenting #introduction {background-image: url("/images/landing/intro-bg-parenting.jpg")} .silo-parenting #introduction h1 span {color: #cc517e} .silo-parenting #landing .child {background-image: url("/images/layout/parenting-section.png")} .silo-parenting #landing .child h3 a {border-bottom-color: #80002f} .silo-parenting #landing .child .image {border-right-color: #e080a7} .silo-parenting #landing .child .page-summary {border-left-color: #fff} .silo-parenting #landing .child .page-children {background-image: url("/images/layout/parenting-section.png")} .silo-parenting #landing .child .page-children ul li a {color: #cc517e} .silo-parenting #landing .child .page-children ul li a:before {color: #b33663} .silo-parenting #landing .child .page-children ul li a:hover {color: #80002f} .silo-parenting #landing .child .page-children .browse {background-image: url("/images/layout/parenting-section.png")} .silo-parenting #landing .child .page-children .browse:hover {color: #cc517e} .silo-parenting #flippy {background-image: url("/images/layout/parenting-section.png")} .silo-parenting #flippymenu .current {background-image: url("/images/layout/parenting-section.png")} .silo-parenting #flippymenu li a {border-bottom-color: #78c8be} .silo-parenting #flippymenu .current a, .silo-parenting #flippymenu li a:hover, .silo-parenting #flippymenu li a:focus {background-image: url("/images/layout/parenting-section.png")} .silo-parenting .further-reading p.menu-back {border-bottom-color: #cc517e} .silo-parenting .further-reading p.menu-back a:before {color: #b33663} .silo-parenting .further-reading ul li a {background-color: #faf0f4; border-bottom-color: #f2cbda} .silo-parenting .further-reading ul li a:before {color: #b33663} .silo-parenting #video-heading, .silo-parenting #video-player, .silo-parenting #video-player .widescreen, .silo-parenting #video-player .normal, .silo-parenting #video-heading, .silo-parenting #video-heading .widescreen, .silo-parenting #video-heading .normal {background-image: url("/images/layout/parenting-video.png")} .silo-parenting #video-player .related-videos .video .meta a, .silo-parenting #video-heading a.read-on, .silo-parenting #video-landing .current, .silo-parenting .has-video {background-image: url("/images/layout/parenting-section.png")} .silo-baby-products .baby-products #introduction {background-image: url("/images/landing/intro-bg-products.jpg"); height: 241px} .country-nz .silo-baby-products .baby-products #introduction {background-image: url("/images/landing/intro-bg-products-nz.jpg")} .silo-baby-products.section-huggies-nappies .further-reading ul li a[href="/nappies/huggies-nappies/newborn-nappy-features"], .silo-baby-products.section-huggies-nappies .further-reading ul li a[href="/nappies/huggies-nappies/newborn-nappies"], .silo-baby-products.section-huggies-nappies .further-reading ul li a[href="/nappies/huggies-nappies/newborn-product-range"] {background-color: #f0f7fa !important; color: #007843 !important; border-bottom-color: #cbf2e1} .silo-baby-products.section-huggies-nappies .further-reading ul li a[href="/nappies/huggies-nappies/newborn-nappy-features"] .has-video, .silo-baby-products.section-huggies-nappies .further-reading ul li a[href="/nappies/huggies-nappies/newborn-nappies"] .has-video, .silo-baby-products.section-huggies-nappies .further-reading ul li a[href="/nappies/huggies-nappies/newborn-product-range"] .has-video {color: #007843 !important; background-image: url("/images/layout/baby-care-section.png")} .silo-baby-products.section-huggies-nappies .further-reading ul li a[href="/nappies/huggies-nappies/newborn-nappy-features"]:before, .silo-baby-products.section-huggies-nappies .further-reading ul li a[href="/nappies/huggies-nappies/newborn-nappies"]:before, .silo-baby-products.section-huggies-nappies .further-reading ul li a[href="/nappies/huggies-nappies/newborn-product-range"]:before {color: #007843 !important} .section-skin-care, .baby-skin-care {background: #e5f6fd url("/images/skins/skin-care/bg-baby-skin-care.jpg") top center repeat-y} .section-skin-care .section-breadcrumb, .baby-skin-care .section-breadcrumb {margin-bottom: 0 !important; padding-bottom: 15px} .section-skin-care #content, .baby-skin-care #content {background: #fff} .section-skin-care .page-skin-care #content-introduction > h2.image {background: url("/images/skins/skin-care/h1-baby-skin-care-hub.png") no-repeat; width: 333px; height: 31px; display: block; text-indent: -9999px; color: transparent; margin-bottom: 25px} .section-skin-care .page-skin-care #content-introduction ul.buttons {float: left; width: 420px; margin-left: 5px; margin-top: 10px; margin-left: 0; width: 325px} .section-skin-care .page-skin-care #content-introduction ul.buttons > li {float: left; margin: 0 0 5px 0; background: url("/images/skins/skin-care/button-bg.png"); border: 2px solid #59a984; border-radius: 6px} .section-skin-care .page-skin-care #content-introduction ul.buttons > li > a {width: 317px; height: 45px; color: #fff !important; display: block; font-size: 16px; line-height: 45px; padding-left: 40px; box-sizing: border-box; position: relative} .section-skin-care .page-skin-care #content-introduction ul.buttons > li > a:before {display: block; content: ''; width: 40px; height: 45px; position: absolute; left: 0; background: url("/images/skins/skin-care/button-arrow.png") center center no-repeat} .section-skin-care .page-skin-care #content-introduction div.video {padding: 24px 20px; float: right; background: url("/images/skins/skin-care/button-bg.png"); border: 2px solid #59a984; border-radius: 6px; margin-top: 10px; margin-bottom: 20px} .section-skin-care .page-skin-care #content-introduction div.left {float: left; width: 49%; margin-top: 20px} .section-skin-care .page-skin-care #content-introduction div.left .features {margin-top: 36px} .section-skin-care .page-skin-care #content-introduction div.left .features img {width: 460px; margin-bottom: 20px} .section-skin-care .page-skin-care #content-introduction div.left .features #trigger-video-modal {font-size: 16px; border: 0 !important; text-decoration: none} .section-skin-care .page-skin-care #content-introduction div.left .features #trigger-video-modal:hover {text-decoration: underline} .section-skin-care .page-skin-care #content-introduction div.left img {border: 0} .section-skin-care .page-skin-care #content-introduction div.right {float: right; width: 49%; margin-top: 20px} .section-skin-care .page-skin-care #content-introduction div.right .article {background: #c7d8d0; padding: 10px 20px; margin-bottom: 11px; border: 1px solid #59a984} .section-skin-care .page-skin-care #content-introduction div.right .article h4 {color: #59a984; font-size: 16px; font-weight: bold} .section-skin-care .page-skin-care #content-introduction div.right .article p {color: #444; font-size: 15px; line-height: 1.3em; text-align: justify} .section-skin-care .page-skin-care #content-introduction div.right .article p a {text-decoration: underline} .section-skin-care .page-skin-care #content-introduction > hr {clear: both; width: 905px; height: 34px; background: url("/images/skins/skin-care/hr-bear.png") center center no-repeat; border: 0 !important; margin: 0 auto; padding: 0} .section-skin-care .page-skin-care #content-introduction > h2, .section-skin-care .page-skin-care #content-introduction > p {padding-left: 10px; padding-right: 10px} #blog-header {margin: 0 auto} #blog-landing { } #blog-landing #blog-header {height: 181px; background: #fff url("/images/blog/landing-header.png") 0 0 no-repeat; margin: -15px 0 0 -10px; border: 0} #blog-landing h1 {text-indent: -999em} #blog-landing #main {padding-left: 10px} #blog-landing .blog-item-set {margin-bottom: 20px; width: 608px; padding-bottom: 55px; position: relative} #blog-landing .blog-item {float: left; width: 294px} #blog-landing .blog-item h2 {margin: 0; padding: 0; height: 70px; overflow: hidden; text-indent: -999em} #blog-landing .blog-item .heading {position: relative} #blog-landing .blog-item .thumb {float: left} #blog-landing .blog-item .thumb a.img {display: block; overflow: hidden; padding: 3px 3px; height: 76px; width: 76px; background: url("/images/blog/thumb-bg.gif") no-repeat} #blog-landing .blog-item .thumb img {display: block; height: 76px; width: 76px; background: #ddd} #blog-landing .blog-item .thumb .comments {text-align: center; font-weight: bold; padding-top: 5px} #blog-landing .blog-item .summary {padding-left: 90px} #blog-landing .blog-item .more {position: absolute; width: 296px; bottom: 0; height: 55px} #blog-landing .blog-item .more ul {padding: 0 0 0 100px} #blog-landing .blog-item .more ul li {margin: 0; padding: 0; background-image: none} #blog-landing .blog-item a:hover {text-decoration: underline} #blog-landing .blog-item-alt {float: right} #blog-landing .recent-post {padding: 10px 10px 0} #blog-landing .recent-post h3 {font-size: 17px; color: #7f371e; margin-top: 0; padding-top: 0} #blog-landing .recent-post .title {font-size: 11px; margin: 0; padding: 0; color: #7f371e} #blog-landing .rss {position: absolute; top: 0; right: 0; text-indent: -999em; overflow: hidden; height: 25px; width: 25px} #blog-landing .conception-pregnancy {overflow: hidden; background: url("/images/blog/sprite-landing-conception-pregnancy.png") right bottom repeat-y} #blog-landing .child-birth-baby-care {overflow: hidden; background: url("/images/blog/sprite-landing-child-birth-baby-care.png") right bottom repeat-y} #blog-landing .toddler-parenting {overflow: hidden; background: url("/images/blog/sprite-landing-todler-parenting.png") right bottom repeat-y} #blog-landing .baby-products-promotions {overflow: hidden; background: url("/images/blog/sprite-landing-products-promotions.png") right bottom repeat-y} #blog-landing .conception h2 {background: url("/images/blog/sprite-landing-conception-pregnancy.png") 0 0 no-repeat} #blog-landing .conception .more {background: url("/images/blog/sprite-landing-conception-pregnancy.png") -620px bottom no-repeat} #blog-landing .conception .title, #blog-landing .conception a {color: #7f371e} #blog-landing .pregnancy h2 {background: url("/images/blog/sprite-landing-conception-pregnancy.png") -314px 0 no-repeat} #blog-landing .pregnancy .more {background: url("/images/blog/sprite-landing-conception-pregnancy.png") -934px bottom no-repeat} #blog-landing .pregnancy .title, #blog-landing .pregnancy a {color: #a64132} #blog-landing .child-birth h2 {background: url("/images/blog/sprite-landing-child-birth-baby-care.png") 0 0 no-repeat} #blog-landing .child-birth .more {background: url("/images/blog/sprite-landing-child-birth-baby-care.png") -620px bottom no-repeat} #blog-landing .child-birth .title, #blog-landing .child-birth a {color: #d96602} #blog-landing .baby-care h2 {background: url("/images/blog/sprite-landing-child-birth-baby-care.png") -314px 0 no-repeat} #blog-landing .baby-care .more {background: url("/images/blog/sprite-landing-child-birth-baby-care.png") -934px bottom no-repeat} #blog-landing .baby-care .title, #blog-landing .baby-care a {color: #6aa128} #blog-landing .toddler h2 {background: url("/images/blog/sprite-landing-todler-parenting.png") 0 0 no-repeat} #blog-landing .toddler .more {background: url("/images/blog/sprite-landing-todler-parenting.png") -620px bottom no-repeat} #blog-landing .toddler .title, #blog-landing .toddler a {color: #ed1c91} #blog-landing .parenting h2 {background: url("/images/blog/sprite-landing-todler-parenting.png") -314px 0 no-repeat} #blog-landing .parenting .more {background: url("/images/blog/sprite-landing-todler-parenting.png") -934px bottom no-repeat} #blog-landing .parenting .title, #blog-landing .parenting a {color: #b33663} #blog-landing .baby-products h2 {height: 79px; background: url("/images/blog/sprite-landing-products-promotions.png") 0 0 no-repeat} #blog-landing .baby-products .more {background: url("/images/blog/sprite-landing-products-promotions.png") -620px bottom no-repeat} #blog-landing .baby-products .title, #blog-landing .baby-products a {color: #90c} #blog-landing .promotions h2 {height: 79px; background: url("/images/blog/sprite-landing-products-promotions.png") -314px 0 no-repeat} #blog-landing .promotions .more {background: url("/images/blog/sprite-landing-products-promotions.png") -934px bottom no-repeat} #blog-landing .promotions .title, #blog-landing .promotions a {color: #90c} #blog-details #main .blog-post .post h1 {margin: 0; padding: 0 0 10px; font-size: 25px; font-weight: normal; text-transform: none; padding-bottom: 0} #blog-details #main .blog-post .post h1 a:hover {text-decoration: underline} #blog-silo #main .blog-post .post h2.headline {margin: 0; padding: 0 0 10px; font-size: 25px; font-weight: normal; text-transform: none} #blog-silo #main .blog-post .post h2.headline a:hover {text-decoration: underline} #blog-header {clear: both; overflow: hidden; height: 134px; width: 958px; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; padding-bottom: 15px; position: relative} #blog-header h1, #blog-header p.blog-title, #blog-header .heading {text-indent: -999em; float: left} #blog-header .rss-icon {display: block; width: 28px; height: 28px; background: url("/images/blog/rss-icon.png") no-repeat 0 0 transparent; position: absolute; top: 10px; right: 10px; text-indent: -9999px} #blog-by-tag #blog-header {background: url("/images/blog/blog-header-tags.gif") no-repeat 0 0 transparent; height: auto; padding: 0; text-indent: 0} #blog-by-tag #blog-header h1 {text-indent: 0; padding: 20px 0 20px 20px; margin: 0} #blog-landing .pagination, #blog-silo .pagination {margin-right: 20px} .blog-subheader {background: url("/images/blog/blog-by-month-subheader.gif") no-repeat 0 0 transparent; height: 50px; text-align: center; font-size: 25px; padding-top: 10px; margin: -20px 0 10px 0; color: #1292c9} .blog-subheader strong {color: #005980 !important} #main .social-widget {margin: 20px 0} #main .blog-post {overflow: hidden; border: 1px solid #ddd; border-radius: 8px; padding: 15px 10px 10px 10px; margin: 0 20px 30px 0} #main .blog-post del {text-decoration: line-through} #main .blog-post p {font-size: 1.3em; line-height: 1.8em} #main .blog-post .headline {font-size: 2.8em; font-weight: normal; margin-top: 0} #main .blog-post .posted {float: left; width: 50px; margin-bottom: 10px} #main .blog-post .posted .author .avatar {margin: 0; padding: 0; height: 50px; width: 50px; background: url("/images/blog/bloggers/avatar-huggies.jpg") no-repeat 0 0} #main .blog-post .posted .author .avatar img {height: 50px; width: 50px; margin: 0; padding: 0} #main .blog-post .posted .author .name {text-align: center; color: #fff; background: #6e2b8c; margin: 0 0 10px; padding: 2px 2px 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px} #main .blog-post .posted .date {overflow: hidden; color: #6e2b8c; height: 50px; width: 50px; background: url("/images/blog/bg-date.gif") no-repeat} #main .blog-post .posted .date .day {display: block; height: 32px; padding-top: 3px; font-size: 27px; text-align: center; font-weight: bold} #main .blog-post .posted .date .month {display: block; font-size: 12px; text-align: center; text-transform: lowercase} #main .blog-post .meta {overflow: hidden; padding: 10px 0 0 0; margin-top: 10px; border-top: 1px dotted #666; clear: both} #main .blog-post .meta .tags {float: left; max-width: 75%} #main .blog-post .meta .comments {float: right; background: url("/images/blog/blog-comment-icon-sprite.png") no-repeat 0 4px; padding-left: 20px; margin: 0} #main .blog-post .meta a {font-weight: bold} #main .blog-post .post {float: right; width: 500px; margin-right: 10px} #main .blog-post .post .content {overflow: hidden} #main .blog-post .post .content .more a {padding: 0 20px; font-weight: bold; background: url("/images/blog/icon-more.gif") no-repeat} #main .blog-post .post .post-image {float: right; width: 196px; overflow: hidden; margin: 0 0 10px 10px} #main .blog-post .post .post-image img {display: block; width: 100%; text-indent: -999em; background: #ddd} #main .blog-post .post .content-full {clear: both; padding-top: 10px; background: none} #main .blog#comments {clear: both; margin-right: 20px; background: none} #main .blog#comments h2 {margin: 5px 0 20px 75px; padding-bottom: 5px; border-bottom: 1px solid} #main .blog#comments h2 a {float: right; font-size: 13px} #main .blog#comments .comment {overflow: hidden; padding: 5px 0 0; margin-bottom: 20px; background: url("/images/blog/comment-top.gif") top right no-repeat} #main .blog#comments .comment .post {float: right; background: #f2f2f2 url("/images/blog/comment-bottom.gif") bottom right no-repeat; width: 502px; margin: 0; padding: 10px 15px; min-height: 95px; height: auto !important; height: 95px} #main .blog#comments .comment .post .date {font-size: 10px; color: #b2b2b2} #main .blog#comments .author {float: left; width: 50px; margin-left: 5px} #main .blog#comments .author .avatar {margin: 0; padding: 0; height: 50px; width: 50px} #main .blog#comments .author .avatar img {display: block; height: 50px; width: 50px; margin: 0; padding: 0; background: #ccc} #main .blog#comments .author .name {display: block; color: #333; font-size: 11px; font-weight: bold; text-align: center; margin: 0 0 10px; padding: 4px 2px 3px} #main .blog#comments .pagination {float: right; width: 542px; margin-top: 0} #main .blog#comments #post-reply {clear: both; padding-top: 20px; overflow: hidden} #main .blog#comments #post-reply form {overflow: hidden; float: right; height: 232px; width: 543px; background: url("/images/blog/comment-box.gif") no-repeat} #main .blog#comments #post-reply form textarea {display: block; margin: 20px 20px 0; height: 147px; width: 503px} #main .blog#comments #post-reply form .submit {display: block; margin: 12px 19px 0 0; padding: 0} #sidebar { } #sidebar .about-blogger {margin-top: -5px; background: url("/images/blog/sprite-blogger-box.png") right bottom no-repeat} #sidebar .about-blogger h2 {float: left; margin: 2px 0 0 15px} #sidebar .about-blogger h2 a {display: block; height: 142px; padding: 6px 7px 0} #sidebar .about-blogger .wrap {overflow: hidden; width: 300px; padding-bottom: 12px; margin-bottom: 15px; background: url("/images/blog/sprite-blogger-box.png") left top no-repeat} #sidebar .about-blogger .content {float: right; width: 125px; padding-top: 20px; margin-right: 25px} #sidebar .about-blogger .content p {font-size: 13px; color: #69632e; line-height: 1.3em} #sidebar .about-blogger .content p.view-all {font-size: 11px} #sidebar .about-blogger .content p.view-all a span {display: block} #sidebar .listing .heading {margin-bottom: 1px} #sidebar .listing li {display: block; padding: 10px 15px; width: 270px; font-size: 13px} #sidebar .listing li a {height: auto; width: auto} #sidebar .listing li .post {float: left; width: 213px} #sidebar .listing li .post a {line-height: 1.2em; padding-bottom: 2px} #sidebar .listing li .post .date {display: block; font-size: 10px; color: #666} #sidebar .listing li .replies {float: right; width: 35px; color: #6e2b8c; font-size: 11px; text-align: center} #sidebar .listing li .replies strong {display: block; padding-bottom: 3px; font-size: 22px; text-align: center} #sidebar #tags-placeholder {background: #fff url("/images/layout/ajax-loader-on-white.gif") no-repeat 50% 50%; display: block; height: 50px; clear: both} #sidebar .tags h2 {border-bottom: 1px solid #6e2b8c; color: #6e2b8c !important; font-weight: normal; margin: 0 0 10px; padding: 0 0 13px} #sidebar .tag-cloud li {display: inline-block; padding: 1px 2px; margin: 0} #sidebar .tag-cloud a {color: #b266cc; background-color: #f7ecfa; font-size: 16px; line-height: 18px; padding: 0 2px; text-decoration: none; border: none} #sidebar .tag-cloud a:hover {color: #fff; background-color: #c67dde} #sidebar .recent-posts-listing {background: #f0f7fa} #sidebar .recent-posts-listing.popular .heading {background: #daebf2 url("/images/widgets/bg-listing-sidebar-heading-blue-with-star.png")} #sidebar .recent-posts-listing.popular .heading .title {margin-left: 25px} #sidebar .recent-posts-listing .heading {margin-bottom: 1px; border-bottom: 1px solid #cbe7f2; background: #daebf2 url("/images/widgets/bg-listing-sidebar-heading-blue.png")} #sidebar .recent-posts-listing .heading .title {color: #005980} #sidebar .recent-posts-listing .archives {position: relative; clear: both; cursor: default; width: 301px; padding-bottom: 80px; background: #f0f7fa url("/images/blog/sidebar-blog-archive.gif") bottom right no-repeat} #sidebar .recent-posts-listing .archives h2 {color: #005980; font-size: 15px; width: 214px; padding: 15px 0 15px 10px} #sidebar .recent-posts-listing .archives form select {width: 195px; position: absolute; bottom: 30px; left: 10px} #sidebar .recent-posts-listing .archives form .submit {position: absolute; bottom: 28px; right: 0} #sidebar .recent-posts-listing ul li {border-bottom: 1px dotted #1292c9} #sidebar .recent-posts-listing ul li.over {background: #daebf2} #sidebar .recent-posts-listing ul li a {color: #1292c9} #sidebar .recent-posts-listing ul li a:hover {color: #1182b3; background: #daebf2} #sidebar .recent-posts-listing ul li .replies, #sidebar .recent-posts-listing ul li .replies strong {color: #005980 !important} #sidebar .forum-listing, #sidebar .forum-listing .heading {-moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px} #sidebar .blog-menu li {width: 300px; height: 35px; background: url("/images/blog/blog-sidebar-menu-sprite.jpg") no-repeat 0 0; margin: 5px 0} #sidebar .blog-menu li a:hover {text-decoration: underline} #sidebar .blog-menu li.conception {background-position: 0 0} #sidebar .blog-menu li.conception a, #sidebar .blog-menu li.conception a:hover {color: #7f371e} #sidebar .blog-menu li.pregnancy {background-position: 0 -40px} #sidebar .blog-menu li.pregnancy a, #sidebar .blog-menu li.pregnancy a:hover {color: #a64132} #sidebar .blog-menu li.childbirth {background-position: 0 -80px} #sidebar .blog-menu li.childbirth a, #sidebar .blog-menu li.childbirth a:hover {color: #d96602} #sidebar .blog-menu li.baby-care {background-position: 0 -120px} #sidebar .blog-menu li.baby-care a, #sidebar .blog-menu li.baby-care a:hover {color: #6aa128} #sidebar .blog-menu li.toddler {background-position: 0 -160px} #sidebar .blog-menu li.toddler a, #sidebar .blog-menu li.toddler a:hover {color: #ed1c91} #sidebar .blog-menu li.parenting {background-position: 0 -200px} #sidebar .blog-menu li.parenting a, #sidebar .blog-menu li.parenting a:hover {color: #b33663} #sidebar .blog-menu li.baby-products {background-position: 0 -240px} #sidebar .blog-menu li.baby-products a, #sidebar .blog-menu li.baby-products a:hover {color: #90c} #sidebar .blog-menu li.promotions {background-position: 0 -280px} #sidebar .blog-menu li.promotions a, #sidebar .blog-menu li.promotions a:hover {color: #90c} #sidebar .blog-menu li a {font-size: 1.2em; line-height: 36px; margin-left: 32px; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3)} #sidebar .blog-menu .title {font-size: 2.5em} #sidebar .blog-menu .title em {font-style: normal; color: #c67dde} #blog-header { } #blog-header .about-blogger {border-bottom: 1px solid red; float: right; margin-top: 8px; margin-right: 10px} #blog-header .about-blogger h2 {float: left; margin: 2px 0 0 15px} #blog-header .about-blogger h2 a {display: block; height: 142px; padding: 6px 7px 0} #blog-header .about-blogger .wrap {overflow: hidden; width: 300px; padding-bottom: 12px; margin-bottom: 15px; background: url("/images/blog/sprite-blogger-box.png") left top no-repeat} #blog-header .about-blogger .content {float: right; width: 125px; padding-top: 20px; margin-right: 25px} #blog-header .about-blogger .content p {font-size: 13px; color: #69632e; line-height: 1.3em} #blog-header .about-blogger .content p.view-all {font-size: 11px} #blog-header .about-blogger .content p.view-all a span {display: block} #blog-header .about-blogger .wrap {padding-bottom: 20px; background: none} #bloggers .blogger {width: 180px; height: 160px; margin: 0 20px 20px 0; padding: 10px; float: left} #blogger #author {position: relative; clear: both; height: 136px; width: 960px; overflow: hidden; background: url("/images/blog/blogger-headline.png") no-repeat} #blogger #author .avatar {position: absolute; top: 13px; left: 13px} #blogger #author h1 {position: absolute; top: 46px; left: 150px} #blogger #author .about {position: absolute; top: 30px; right: 30px; width: 500px; height: 100px} #blogger #content {background: #fff} #blogger #main .blog-post .post {padding-top: 75px} #blogger #main .blog-post .post h2 {margin: 0; padding: 0 0 10px; font-size: 25px; font-weight: normal; text-transform: none} #blogger #main .blog-post .post h2 a:hover {text-decoration: underline} #blogger #main .blog-post .baby-care-blog {background: url("/images/blog/blog-header-baby-care.gif") no-repeat} #blogger #main .blog-post .child-birth-blog {background: url("/images/blog/blog-header-child-birth.gif") no-repeat} #blogger #main .blog-post .conception-blog {background: url("/images/blog/blog-header-conception.gif") no-repeat} #blogger #main .blog-post .parenting-blog {background: url("/images/blog/blog-header-parenting.gif") no-repeat} #blogger #main .blog-post .pregnancy-blog {background: url("/images/blog/blog-header-pregnancy.gif") no-repeat} #blogger #main .blog-post .toddler-blog {background: url("/images/blog/blog-header-toddler.gif") no-repeat} #blogger #main .blog-post .baby-products-blog {background: url("/images/blog/blog-header-products.gif") no-repeat} #blogger #main .blog-post .promotions-blog {background: url("/images/blog/blog-header-promotions.gif") no-repeat} #huggies-bloggers, #huggies-guest-bloggers {float: left; width: 302px; padding: 10px 0 0 0; margin: 0 0 15px; background: url("/images/blog/bg-huggies-bloggers.jpg") top left no-repeat} #huggies-bloggers h3, #huggies-guest-bloggers h3 {padding: 0 0 0 10px; margin: 0; height: 30px; font-size: 14px; color: #4c4822; font-family: Arial, Helvetica, sans-serif} #huggies-bloggers ul, #huggies-guest-bloggers ul {float: left; padding: 0 0 0 10px; margin: 0; list-style: none} #huggies-bloggers .footer, #huggies-guest-bloggers .footer {clear: both; float: left; width: 302px; height: 10px; background: url("/images/blog/bg-huggies-bloggers.jpg") bottom left no-repeat} #huggies-bloggers ul li {float: left; padding: 10px 0 0 0; margin: 0 8px 0 0} #huggies-bloggers a {display: block; width: 63px; height: 77px; text-indent: -999em; overflow: hidden} #huggies-bloggers a#sarah {background: url("/images/blog/bloggers/blogger-icon-sarah.jpg") top left no-repeat} #huggies-bloggers a#annik {background: url("/images/blog/bloggers/blogger-icon-annik.jpg") top left no-repeat} #huggies-bloggers a#editor {background: url("/images/blog/bloggers/blogger-icon-editor.jpg") top left no-repeat} #huggies-bloggers a#mel {background: url("/images/blog/bloggers/blogger-icon-mel.jpg") top left no-repeat} #huggies-bloggers a#rebecca {background: url("/images/blog/bloggers/blogger-icon-rebecca.jpg") top left no-repeat} #huggies-bloggers a#zona {background: url("/images/blog/bloggers/blogger-icon-zona.jpg") top left no-repeat} #huggies-bloggers a#leanne {background: url("/images/blog/bloggers/blogger-icon-leanne.jpg") top left no-repeat} #huggies-guest-bloggers {background: url("/images/blog/bg-huggies-guest-bloggers.jpg") top left no-repeat} #huggies-guest-bloggers .footer {background: url("/images/blog/bg-huggies-guest-bloggers.jpg") bottom left no-repeat} #huggies-guest-bloggers a {display: block; width: 210px; padding: 10px 10px 10px 70px; line-height: 1.5em; color: #666} #huggies-guest-bloggers a span {display: block; padding: 5px 0 0 0; color: #fd9220; font-weight: bold} #huggies-guest-bloggers a#michael {background: url("/images/blog/bloggers/blogger-icon-michael.jpg") top left no-repeat} #huggies-guest-bloggers a#harry {background: url("/images/blog/bloggers/blogger-icon-harry.jpg") top left no-repeat} .silo-baby-care #blog-details #main .blog-post .post h1, .silo-baby-care #blogger #main .blog-post .post h2, .silo-baby-care #blog-silo #main .blog-post .post h2.headline {color: #007843} .silo-baby-care #blog-header {background: #fff url("/images/blog/header-baby-care.jpg") no-repeat} .silo-baby-care #main .blog-post .post .content .more a {background: url("/images/bullets/baby-care-more.gif") no-repeat} .silo-baby-care #main .blog-post .posted .author .name {background-color: #007843} .silo-baby-care #main .blog-post .posted .date {color: #007843; background: url("/images/blog/bg-date-baby-care.gif") no-repeat} .silo-baby-care #main .blog-post .meta .comments {background-position: 0 -146px} .silo-baby-care #sidebar .forum-listing .heading {background: #daf2e8; border-color: #79dcb0} .silo-baby-care #sidebar .forum-listing .heading .title {color: #3a996f} .silo-baby-care #sidebar .forum-listing .replies {color: #007843} .silo-baby-care #sidebar .forum-listing li {background: #f0faf6; border-color: #80e0b7} .silo-baby-care #sidebar .forum-listing li.over, .silo-baby-care #sidebar .forum-listing li a:hover {background: #daf2e8} .silo-toddler #blog-details #main .blog-post .post h1, .silo-toddler #blogger #main .blog-post .post h2, .silo-toddler #blog-silo #main .blog-post .post h2.headline {color: #80002f} .silo-toddler #blog-header {background: #fff url("/images/blog/header-toddler.jpg") no-repeat} .silo-toddler #main .blog-post .post .content .more a {background: url("/images/bullets/toddler-more.gif") no-repeat} .silo-toddler #main .blog-post .posted .author .name {background-color: #80002f} .silo-toddler #main .blog-post .posted .date {color: #80002f; background: url("/images/blog/bg-date-toddler.gif") no-repeat} .silo-toddler #main .blog-post .meta .comments {background-position: 0 -196px} .silo-toddler #sidebar .forum-listing .heading {background: #f2dae7; border-color: #800042} .silo-toddler #sidebar .forum-listing .heading .title {color: #800042} .silo-toddler #sidebar .forum-listing .replies {color: #800042} .silo-toddler #sidebar .forum-listing li {background: #faf0f5; border-color: #e080b2} .silo-toddler #sidebar .forum-listing li.over, .silo-toddler #sidebar .forum-listing li a:hover {background: #f2dae7} .silo-pregnancy #blog-details #main .blog-post .post h1, .silo-pregnancy #blogger #main .blog-post .post h2, .silo-pregnancy #blog-silo #main .blog-post .post h2.headline {color: #79bddc} .silo-pregnancy #blog-header {background: #fff url("/images/blog/header-pregnancy.jpg") no-repeat} .silo-pregnancy #main .blog-post .post .content .more a {background: url("/images/bullets/pregnancy-more.gif") no-repeat} .silo-pregnancy #main .blog-post .posted .author .name {background-color: #005980} .silo-pregnancy #main .blog-post .posted .date {color: #005980; background: url("/images/blog/bg-date-pregnancy.gif") no-repeat} .silo-pregnancy #main .blog-post .meta .comments {background-position: 0 -96px} .silo-pregnancy #sidebar .forum-listing .heading {background: #daebf2; border-color: #79bddc} .silo-pregnancy #sidebar .forum-listing .heading .title {color: #005980} .silo-pregnancy #sidebar .forum-listing .replies {color: #005980} .silo-pregnancy #sidebar .forum-listing li {background: #f0f7fa; border-color: #79bddc} .silo-pregnancy #sidebar .forum-listing li.over, .silo-pregnancy #sidebar .forum-listing li a:hover {background: #daebf2} .silo-conception #blog-details #main .blog-post .post h1, .silo-conception #blogger #main .blog-post .post h2, .silo-conception #blog-silo #main .blog-post .post h2.headline {color: #344b97} .silo-conception #blog-header {background: #fff url("/images/blog/header-conception.jpg") no-repeat} .silo-conception #main .blog-post .post .content .more a {background: url("/images/bullets/conception-more.gif") no-repeat} .silo-conception #main .blog-post .posted .author .name {background-color: #344b97} .silo-conception #main .blog-post .posted .date {color: #344b97; background: url("/images/blog/bg-date-conception.gif") no-repeat} .silo-conception #main .blog-post .meta .comments {background-position: 0 -46px} .silo-conception #sidebar .forum-listing .heading {background: #dae0f2; border-color: #8097e0} .silo-conception #sidebar .forum-listing .heading .title {color: #344b97} .silo-conception #sidebar .forum-listing .replies {color: #344b97} .silo-conception #sidebar .forum-listing li {background: #f0f2fa; border-color: #8097e0} .silo-conception #sidebar .forum-listing li.over, .silo-conception #sidebar .forum-listing li a:hover {background: #dae0f2} .silo-child-birth #blog-details #main .blog-post .post h1, .silo-child-birth #blogger #main .blog-post .post h2, .silo-child-birth #blog-silo #main .blog-post .post h2.headline {color: #1d8897} .silo-child-birth #blog-header {background: #fff url("/images/blog/header-child-birth.jpg") no-repeat} .silo-child-birth #main .blog-post .post .content .more a {background: url("/images/bullets/child-birth-more.gif") no-repeat} .silo-child-birth #main .blog-post .posted .author .name {background-color: #007889} .silo-child-birth #main .blog-post .posted .date {color: #007889; background: url("/images/blog/bg-date-child-birth.gif") no-repeat} .silo-child-birth #main .blog-post .meta .comments {background-position: 0 -296px} .silo-child-birth #sidebar .forum-listing .heading {background: #daeff2; border-color: #79d0dc} .silo-child-birth #sidebar .forum-listing .heading .title {color: #007889} .silo-child-birth #sidebar .forum-listing .replies {color: #007889} .silo-child-birth #sidebar .forum-listing li {background: #f0f2fa; border-color: #79d0dc} .silo-child-birth #sidebar .forum-listing li.over, .silo-child-birth #sidebar .forum-listing li a:hover {background: #daeff2} .silo-parenting #blog-header {background: #fff url("/images/blog/header-parenting.jpg") no-repeat} .silo-parenting #main .blog-post .post .content .more a {background: url("/images/bullets/parenting-more.gif") no-repeat} .silo-parenting #main .blog-post .posted .author .name {background-color: #800042} .silo-parenting #main .blog-post .posted .date {color: #800042; background: url("/images/blog/bg-date-parenting.gif") no-repeat} .silo-parenting #main .blog-post .meta .comments {background-position: 0 -246px} .silo-parenting #sidebar .forum-listing .heading {background: #f2dae3; border-color: #dc79a0} .silo-parenting #sidebar .forum-listing .heading .title {color: #80002f} .silo-parenting #sidebar .forum-listing .replies {color: #80002f} .silo-parenting #sidebar .forum-listing li {background: #faf0f4; border-color: #dc79a0} .silo-parenting #sidebar .forum-listing li.over, .silo-parenting #sidebar .forum-listing li a:hover {background: #f2dae3} .silo-baby-products #blog-header {background: #fff url("/images/blog/header-products.jpg") no-repeat} .silo-promotions #blog-header {background: #fff url("/images/blog/header-promotions.jpg") no-repeat} #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} 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} @font-face {font-family: 'SweetnessMedium'; src: url("/fonts/Sweetness/sweetness-medium.eot"); src: url("/fonts/Sweetness/sweetness-medium.eot?#iefix") format("embedded-opentype"), url("/fonts/Sweetness/sweetness-medium.woff2") format("woff2"), url("/fonts/Sweetness/sweetness-medium.woff") format("woff"), url("/fonts/Sweetness/sweetness-medium.ttf") format("truetype"), url("/fonts/Sweetness/sweetness-medium.svg#sweetnessmedium") format("svg"); font-weight: normal; font-style: normal} .sott-index {margin-top: 50px; margin-left: 100px; min-height: 800px} .sott-index ul {list-style: disc; padding-left: 20px; margin-bottom: 8px} .sott-index ul li {margin: 3px 0} .sott-container {font-family: 'SweetnessMedium', 'Comic Sans', 'Comic Sans MS', 'Marker Felt', cursive; background-color: #fff; color: #fff; padding: 2px; text-shadow: none; border: 2px solid #fff; border-radius: 9px} .sott-container .print-instructions {position: absolute; display: block; font-size: 15px; margin: 12px 0 0; padding: 0} .sott-container .print-instructions p {line-height: 1; margin: 2px 0} body .sott-btn {display: inline-block; padding: 5px 10px; font-size: 13px; color: #fff !important; border: 2px solid #fff !important; border-radius: 6px; background-image: -webkit-linear-gradient(top, #eb81b0 0%, #e664a1 100%); background-image: -o-linear-gradient(top, #eb81b0 0%, #e664a1 100%); background-image: linear-gradient(to bottom, #eb81b0 0%, #e664a1 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEB81B0', endColorstr='#FFE664A1', GradientType=0)} body .sott-btn:hover {color: inherit} body .sott-btn.sott-btn-green {background-image: -webkit-linear-gradient(top, #29a146 0%, #006e39 100%); background-image: -o-linear-gradient(top, #29a146 0%, #006e39 100%); background-image: linear-gradient(to bottom, #29a146 0%, #006e39 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF29A146', endColorstr='#FF006E39', GradientType=0)} body .sott-btn.sott-btn-red {background-image: -webkit-linear-gradient(top, #f05e55 0%, #c02127 100%); background-image: -o-linear-gradient(top, #f05e55 0%, #c02127 100%); background-image: linear-gradient(to bottom, #f05e55 0%, #c02127 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF05E55', endColorstr='#FFC02127', GradientType=0)} body .sott-btn.sott-btn-purple {background-image: -webkit-linear-gradient(top, #ea79ab 0%, #6d2f92 100%); background-image: -o-linear-gradient(top, #ea79ab 0%, #6d2f92 100%); background-image: linear-gradient(to bottom, #ea79ab 0%, #6d2f92 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEA79AB', endColorstr='#FF6D2F92', GradientType=0)} body .sott-btn.sott-btn-blue {background-image: -webkit-linear-gradient(top, #2594d2 0%, #2e59a5 100%); background-image: -o-linear-gradient(top, #2594d2 0%, #2e59a5 100%); background-image: linear-gradient(to bottom, #2594d2 0%, #2e59a5 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF2594D2', endColorstr='#FF2E59A5', GradientType=0)} .sott-badge {display: block; width: 100px; height: 93px; background-image: url("/images/toilet-training/sott/badge.png"); background-repeat: no-repeat; background-size: cover} @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {.sott-badge {background-image: url("/images/toilet-training/sott/badge@2x.png"); background-size: 100px 93px} } body .sott-checklist {width: 608px; box-sizing: border-box; border-color: #ea79ab} body .sott-checklist .wrap {padding: 10px 10px 30px; border-radius: 7px} body .sott-checklist .wrap:before, body .sott-checklist .wrap:after {content: " "; display: table} body .sott-checklist .wrap:after {clear: both} body .sott-checklist .sott-badge {float: right} body .sott-checklist .print-btn {display: none} body .sott-checklist .intro {padding: 10px 165px 10px 10px} body .sott-checklist .intro h2 {margin: 0; padding: 0; border: none; text-indent: -9999em; font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; color: #fff; font-weight: 300; background-repeat: no-repeat} body .sott-checklist .intro p {font-size: 13px} body .sott-checklist .sott-btn {float: right; margin: 20px 0 0 10px} body .sott-checklist .checklist {border: 2px solid #ea79ab; border-radius: 9px} body .sott-checklist .checklist .checklist-container {background-color: rgba(255, 255, 255, 0.8); border: 2px solid #fff; border-radius: 7px} body .sott-checklist .checklist .checklist-container:before, body .sott-checklist .checklist .checklist-container:after {content: " "; display: table} body .sott-checklist .checklist .checklist-container:after {clear: both} body .sott-checklist .checklist h3 {color: #ea79ab; font-size: 20px; margin-left: 15px} body .sott-checklist .checklist .left, body .sott-checklist .checklist .right {float: left; width: 50%} body .sott-checklist .checklist .left ul li, body .sott-checklist .checklist .right ul li {position: relative; float: none; width: 100%; padding-left: 0} body .sott-checklist .checklist .left ul li:before, body .sott-checklist .checklist .right ul li:before {display: none} body .sott-checklist .checklist .ui-checkbox {display: none} body .sott-checklist .checklist ul {color: #ea79ab; padding: 0} body .sott-checklist .checklist ul:before, body .sott-checklist .checklist ul:after {content: " "; display: table} body .sott-checklist .checklist ul:after {clear: both} body .sott-checklist .checklist ul li {float: left; display: table; width: 50%; margin: 0; background-repeat: no-repeat; background-position: 10px 50%} body .sott-checklist .checklist ul li > div {position: relative; display: table; width: 100%} body .sott-checklist .checklist ul li label {position: relative; margin: 0 18px 0 10px; padding: 10px 46px 10px 60px; display: table-cell; height: 46px; width: 100%; vertical-align: middle; font-weight: 300; font-size: 18px; line-height: 1.3} body .sott-checklist .checklist ul li label input {display: none} body .sott-checklist .checklist ul li label:after {content: ''; position: absolute; top: 50%; margin-top: -11px; right: 12px; width: 20px; height: 20px; border: 2px solid #ea79ab; border-radius: 4px; background-color: #fff} body .sott-checklist .checklist ul li label.checked:after {background-image: url("/images/toilet-training/sott/check-pink.png"); background-position: 50% 50%; background-repeat: no-repeat} @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {body .sott-checklist .checklist ul li label.checked:after {background-image: url("/images/toilet-training/sott/check-pink@2x.png"); background-size: 16px 12px} } body .sott-checklist .checklist p.description {display: none} @media print {body .sott-checklist .checklist ul li {background-position: 10px 13px} body .sott-checklist .checklist ul li label {padding-bottom: 0} body .sott-checklist .checklist p.description {margin-top: -10px; display: block; font-size: 13px; padding-left: 60px} } @media (max-width: 608px) {body .sott-checklist .intro {padding-right: 10px} body .sott-checklist .intro p {font-size: 15px} body .sott-checklist .checklist .left, body .sott-checklist .checklist .right {float: none; width: auto} body .sott-checklist .checklist .left:after {display: block; content: '' !important; border-bottom: 1px solid #ea79ab; height: 0; margin: 0 15%} body .sott-checklist .checklist h3 {margin-top: 15px; margin-bottom: 0} body .sott-checklist .checklist ul {margin-top: 0; margin-left: 5px} body .sott-checklist .checklist ul:last-child {margin-bottom: 0} body .sott-checklist .checklist ul li {float: none; width: 100%} body .sott-checklist .checklist ul .ui-checkbox {display: none} body .sott-checklist .sott-badge {margin-top: 56px; margin-left: 20px; float: right} } #main .sott-checklist h2 {border: none; margin: 0} #main .sott-checklist .checklist h3 {color: #ea79ab; margin-left: 15px} #main .sott-checklist .checklist ul li {background-position: 10px 15px; padding: 0} #big-kid-prep-list .wrap {background: #f8cee2 url("/images/toilet-training/sott/big-kid-prep-list/background.jpg") no-repeat} #big-kid-prep-list .intro h2 {width: 250px; height: 35px; margin-bottom: 13px; background-image: url("/images/toilet-training/sott/big-kid-prep-list/title.png")} @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {#big-kid-prep-list .intro h2 {background-image: url("/images/toilet-training/sott/big-kid-prep-list/title@2x.png"); background-size: 250px 35px} } #big-kid-prep-list .checklist ul li#easy-clothing {background-image: url("/images/toilet-training/sott/big-kid-prep-list/discs/easy-clothing.png")} @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {#big-kid-prep-list .checklist ul li#easy-clothing {background-image: url("/images/toilet-training/sott/big-kid-prep-list/discs/easy-clothing@2x.png"); background-size: 40px 40px} } #big-kid-prep-list .checklist ul li#potty {background-image: url("/images/toilet-training/sott/big-kid-prep-list/discs/potty.png")} @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {#big-kid-prep-list .checklist ul li#potty {background-image: url("/images/toilet-training/sott/big-kid-prep-list/discs/potty@2x.png"); background-size: 40px 40px} } #big-kid-prep-list .checklist ul li#training-pants {background-image: url("/images/toilet-training/sott/big-kid-prep-list/discs/training-pants.png")} @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {#big-kid-prep-list .checklist ul li#training-pants {background-image: url("/images/toilet-training/sott/big-kid-prep-list/discs/training-pants@2x.png"); background-size: 40px 40px} } #big-kid-prep-list .checklist ul li#rewards {background-image: url("/images/toilet-training/sott/big-kid-prep-list/discs/rewards.png")} @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {#big-kid-prep-list .checklist ul li#rewards {background-image: url("/images/toilet-training/sott/big-kid-prep-list/discs/rewards@2x.png"); background-size: 40px 40px} } #big-kid-prep-list .checklist ul li#nappy-to-undies-articles {background-image: url("/images/toilet-training/sott/big-kid-prep-list/discs/nappy-to-undies-articles.png")} @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {#big-kid-prep-list .checklist ul li#nappy-to-undies-articles {background-image: url("/images/toilet-training/sott/big-kid-prep-list/discs/nappy-to-undies-articles@2x.png"); background-size: 40px 40px} } #big-kid-prep-list .checklist ul li#ebook {background-image: url("/images/toilet-training/sott/big-kid-prep-list/discs/ebook.png")} @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {#big-kid-prep-list .checklist ul li#ebook {background-image: url("/images/toilet-training/sott/big-kid-prep-list/discs/ebook@2x.png"); background-size: 40px 40px} } #big-kid-prep-list .checklist ul li#sott {background-image: url("/images/toilet-training/sott/big-kid-prep-list/discs/sott.png")} @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {#big-kid-prep-list .checklist ul li#sott {background-image: url("/images/toilet-training/sott/big-kid-prep-list/discs/sott@2x.png"); background-size: 40px 40px} } #big-kid-prep-list .checklist ul li label:after {border-color: #2598d5} #big-kid-prep-list .checklist ul li label.checked:after {background-image: url("/images/toilet-training/sott/check-blue.png"); background-position: 50% 50%; background-repeat: no-repeat} @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {#big-kid-prep-list .checklist ul li label.checked:after {background-image: url("/images/toilet-training/sott/check-blue@2x.png"); background-size: 16px 12px} } #big-kid-prep-list .print-instructions {color: #e9609b} #night-time-checklist .wrap {background: #cdbbdb url("/images/toilet-training/sott/night-time-checklist/background.jpg") no-repeat} #night-time-checklist .intro h2 {width: 312px; height: 33px; margin-bottom: 15px; background-image: url("/images/toilet-training/sott/night-time-checklist/title.png")} @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {#night-time-checklist .intro h2 {background-image: url("/images/toilet-training/sott/night-time-checklist/title@2x.png"); background-size: 312px 33px} } #night-time-checklist .checklist ul li#brush-teeth {background-image: url("/images/toilet-training/sott/night-time-checklist/discs/brush-teeth.png")} @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {#night-time-checklist .checklist ul li#brush-teeth {background-image: url("/images/toilet-training/sott/night-time-checklist/discs/brush-teeth@2x.png"); background-size: 40px 40px} } #night-time-checklist .checklist ul li#give-a-kiss {background-image: url("/images/toilet-training/sott/night-time-checklist/discs/give-a-kiss.png")} @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {#night-time-checklist .checklist ul li#give-a-kiss {background-image: url("/images/toilet-training/sott/night-time-checklist/discs/give-a-kiss@2x.png"); background-size: 40px 40px} } #night-time-checklist .checklist ul li#try-and-wee {background-image: url("/images/toilet-training/sott/night-time-checklist/discs/try-and-wee.png")} @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {#night-time-checklist .checklist ul li#try-and-wee {background-image: url("/images/toilet-training/sott/night-time-checklist/discs/try-and-wee@2x.png"); background-size: 40px 40px} } #night-time-checklist .checklist ul li#hop-into-bed {background-image: url("/images/toilet-training/sott/night-time-checklist/discs/hop-into-bed.png")} @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {#night-time-checklist .checklist ul li#hop-into-bed {background-image: url("/images/toilet-training/sott/night-time-checklist/discs/hop-into-bed@2x.png"); background-size: 40px 40px} } #night-time-checklist .checklist ul li#wash-hands {background-image: url("/images/toilet-training/sott/night-time-checklist/discs/wash-hands.png")} @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {#night-time-checklist .checklist ul li#wash-hands {background-image: url("/images/toilet-training/sott/night-time-checklist/discs/wash-hands@2x.png"); background-size: 40px 40px} } #night-time-checklist .checklist ul li#night-light {background-image: url("/images/toilet-training/sott/night-time-checklist/discs/night-light.png")} @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {#night-time-checklist .checklist ul li#night-light {background-image: url("/images/toilet-training/sott/night-time-checklist/discs/night-light@2x.png"); background-size: 40px 40px} } #night-time-checklist .checklist ul li#disney-characters {background-image: url("/images/toilet-training/sott/night-time-checklist/discs/disney-characters.png")} @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {#night-time-checklist .checklist ul li#disney-characters {background-image: url("/images/toilet-training/sott/night-time-checklist/discs/disney-characters@2x.png"); background-size: 40px 40px} } #night-time-checklist .checklist ul li#pjs {background-image: url("/images/toilet-training/sott/night-time-checklist/discs/pjs.png")} @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {#night-time-checklist .checklist ul li#pjs {background-image: url("/images/toilet-training/sott/night-time-checklist/discs/pjs@2x.png"); background-size: 40px 40px} } #night-time-checklist .checklist ul li#room-light {background-image: url("/images/toilet-training/sott/night-time-checklist/discs/room-light.png")} @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {#night-time-checklist .checklist ul li#room-light {background-image: url("/images/toilet-training/sott/night-time-checklist/discs/room-light@2x.png"); background-size: 40px 40px} } #night-time-checklist .checklist ul li#bedtime-story {background-image: url("/images/toilet-training/sott/night-time-checklist/discs/bedtime-story.png")} @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {#night-time-checklist .checklist ul li#bedtime-story {background-image: url("/images/toilet-training/sott/night-time-checklist/discs/bedtime-story@2x.png"); background-size: 40px 40px} } #night-time-checklist .checklist ul li#fall-asleep {background-image: url("/images/toilet-training/sott/night-time-checklist/discs/fall-asleep.png")} @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {#night-time-checklist .checklist ul li#fall-asleep {background-image: url("/images/toilet-training/sott/night-time-checklist/discs/fall-asleep@2x.png"); background-size: 40px 40px} } #night-time-checklist .checklist ul li#grab-toy {background-image: url("/images/toilet-training/sott/night-time-checklist/discs/grab-toy.png")} @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {#night-time-checklist .checklist ul li#grab-toy {background-image: url("/images/toilet-training/sott/night-time-checklist/discs/grab-toy@2x.png"); background-size: 40px 40px} } #night-time-checklist .checklist ul li#big-kid {background-image: url("/images/toilet-training/sott/night-time-checklist/discs/big-kid.png")} @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {#night-time-checklist .checklist ul li#big-kid {background-image: url("/images/toilet-training/sott/night-time-checklist/discs/big-kid@2x.png"); background-size: 40px 40px} } #night-time-checklist .print-instructions {color: #fff} @media (max-width: 608px) {#night-time-checklist .intro h2 {height: 25px; margin-bottom: 0; background-size: 245px 25px} } @-webkit-keyframes opacityPulse {0% {opacity: 1} 5% {opacity: 0.3} 10% {opacity: 1} } @-moz-keyframes opacityPulse {0% {opacity: 1} 5% {opacity: 0.3} 10% {opacity: 1} } @keyframes opacityPulse {0% {opacity: 1} 5% {opacity: 0.3} 10% {opacity: 1} } body #big-kids-readiness-quiz {width: 608px; position: relative} body #big-kids-readiness-quiz h2 {font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; background-image: url("/images/toilet-training/sott/big-kids-readiness-quiz/title.png"); margin: 0; height: 65px; background-color: #ea79ab; background-repeat: no-repeat; background-position: 35px 15px} @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {body #big-kids-readiness-quiz h2 {background-image: url("/images/toilet-training/sott/big-kids-readiness-quiz/title@2x.png"); background-size: 347px 33px} } body #big-kids-readiness-quiz h3, body #big-kids-readiness-quiz h4 {color: #fff !important} body #big-kids-readiness-quiz h3 {font-size: 24px} body #big-kids-readiness-quiz h4 {color: #fff; margin: 0 0 1em} body #big-kids-readiness-quiz .sott-badge {position: absolute; top: 9px; right: 35px; width: 80px; height: 75px} body #big-kids-readiness-quiz p {font-size: 14px} body #big-kids-readiness-quiz .intro .button-container {margin-top: 20px} body #big-kids-readiness-quiz .sott-container {border-color: #2699d6} body #big-kids-readiness-quiz > .sott-container {margin-top: -10px} body #big-kids-readiness-quiz > .sott-container > .wrap {border-radius: 8px; padding: 20px 45px; background: #2b9bd7 url("/images/toilet-training/sott/big-kids-readiness-quiz/background.jpg") no-repeat 0 0; background-size: cover} body #big-kids-readiness-quiz > .sott-container .content {color: #4dade0} body #big-kids-readiness-quiz > .sott-container .content .wrap {padding: 10px 40px; background-color: #e2f1fa} body #big-kids-readiness-quiz > .sott-container .content .wrap p {margin-top: 0} body #big-kids-readiness-quiz > .sott-container .content .wrap p:last-child {margin: 0} body #big-kids-readiness-quiz .button-container {text-align: center} body #big-kids-readiness-quiz .button-container .sott-btn + .sott-btn {margin-left: 15px} body #big-kids-readiness-quiz .sott-btn {padding-bottom: 6px; font-size: 17px} body #big-kids-readiness-quiz .steps {border-radius: 3px; color: #2699d6; margin: 20px 0 25px; padding: 0; list-style: none} body #big-kids-readiness-quiz .steps:before, body #big-kids-readiness-quiz .steps:after {content: " "; display: table} body #big-kids-readiness-quiz .steps:after {clear: both} body #big-kids-readiness-quiz .steps li:before {display: none} body #big-kids-readiness-quiz .steps li {background-color: #fff; position: relative; width: 16.6666666667%; padding-left: 5px; float: left; font-size: 18px; text-align: center; margin: 0; border: 1px solid #2699d6; border-width: 1px 0; box-sizing: border-box} body #big-kids-readiness-quiz .steps li:first-child {border-radius: 4px 0 0 4px; border-left-width: 1px; padding-left: 0} body #big-kids-readiness-quiz .steps li:last-child {border-radius: 0 4px 4px 0; border-right-width: 1px} body #big-kids-readiness-quiz .steps li:after, body #big-kids-readiness-quiz .steps li:before {left: 100%; top: 50%; border: solid transparent; content: ''; height: 0; width: 0; position: absolute; pointer-events: none; z-index: 10} body #big-kids-readiness-quiz .steps li:after {border-color: rgba(255, 255, 255, 0); border-left-color: #fff; border-width: 13px; margin-top: -13px} body #big-kids-readiness-quiz .steps li:before {border-color: rgba(255, 225, 255, 0); border-left-color: #2699d6; border-width: 14px; margin-top: -14px} body #big-kids-readiness-quiz .steps li:last-child:before, body #big-kids-readiness-quiz .steps li:last-child:after {display: none} body #big-kids-readiness-quiz .steps li.previous:before {border-left-color: #ea79ab} body #big-kids-readiness-quiz .steps li.active {color: #fff; background: #ea79ab; border-color: #ea79ab} body #big-kids-readiness-quiz .steps li.active:after, body #big-kids-readiness-quiz .steps li.active:before {border-left-color: #ea79ab} body #big-kids-readiness-quiz .question .question-content {padding: 0 100px} body #big-kids-readiness-quiz .question .question-content p {font-size: 16px; min-height: 90px} body #big-kids-readiness-quiz .question .more-info {margin-bottom: 20px} body #big-kids-readiness-quiz .question .more-info .wrap {background: #fff} body #big-kids-readiness-quiz .more-info-btn {font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; background-image: url("/images/toilet-training/sott/big-kids-readiness-quiz/question-mark.png"); background-repeat: no-repeat; display: block; width: 30px; height: 30px; float: right; border: none !important} @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {body #big-kids-readiness-quiz .more-info-btn {background-image: url("/images/toilet-training/sott/big-kids-readiness-quiz/question-mark@2x.png"); background-size: 30px 30px} } body #big-kids-readiness-quiz .less-info-btn {color: #2699d6; float: right; margin: 10px 12px 0 0; font-size: 24px; font-weight: bold; border: none !important} body #big-kids-readiness-quiz .results {margin: 0; float: none} body #big-kids-readiness-quiz .results #results-big-kid {background-image: url("/images/toilet-training/sott/big-kids-readiness-quiz/certificate.png"); margin-top: 30px; padding-left: 300px; background-repeat: no-repeat; background-position: 0 50%} @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {body #big-kids-readiness-quiz .results #results-big-kid {background-image: url("/images/toilet-training/sott/big-kids-readiness-quiz/certificate@2x.png"); background-size: 270px 137px} } body #big-kids-readiness-quiz .results #results-big-kid h3 {font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; margin: 0} body #big-kids-readiness-quiz .results #results-not-quite-ready h3, body #big-kids-readiness-quiz .results #results-still-early-days h3 {margin-top: 0} body #big-kids-readiness-quiz .results a {border: none; color: #fff; text-decoration: underline} body #big-kids-readiness-quiz .results a:hover {color: #fff} body #big-kids-readiness-quiz .results p {font-size: 15px; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2)} body #big-kids-readiness-quiz .results p:last-child {margin: 0} @media (max-width: 608px) {body #big-kids-readiness-quiz h2 {background-size: 275px 25px; background-position: 15px 20px} body #big-kids-readiness-quiz .sott-badge {right: 9px} body #big-kids-readiness-quiz > .sott-container .content .wrap {padding: 10px} body #big-kids-readiness-quiz .steps li {height: 29px; line-height: 26px} body #big-kids-readiness-quiz .question .question-content {padding: 0 50px 0 0} body #big-kids-readiness-quiz .results #results-big-kid {padding-left: 0; padding-top: 140px; background-position: 0 0; background-size: 100% auto} } @media (max-width: 550px) {body #big-kids-readiness-quiz h2 {background-size: 192px 17px; background-position: 15px 20px} body #big-kids-readiness-quiz .sott-badge {background-size: cover} } #main .sott-reward-chart h2 {border: none} #main .sott-reward-chart ul.theme-chooser li {padding: 0; background: none} #main .sott-reward-chart ul.theme-chooser li a {border: none} body .sott-reward-chart {position: relative; border-color: #2a99d5} body .sott-reward-chart .wrap {padding: 20px; background: #2b9bd7 url("/images/toilet-training/sott/toilet-training-reward-chart/background.jpg") no-repeat 0 0; border-radius: 8px} body .sott-reward-chart .reward-chart {display: none} body .sott-reward-chart.active {z-index: 200; width: 928px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1)} body .sott-reward-chart.active .wrap {padding-top: 40px; background-position: 0 100%} body .sott-reward-chart.active .reward-chart {display: block} body .sott-reward-chart.active .sott-badge {bottom: auto; top: 10px} body .sott-reward-chart h2 {background-image: url("/images/toilet-training/sott/toilet-training-reward-chart/title.png"); text-indent: -9999em; margin: 0; height: 39px; background-repeat: no-repeat; background-position: 0 50%} @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {body .sott-reward-chart h2 {background-image: url("/images/toilet-training/sott/toilet-training-reward-chart/title@2x.png"); background-size: 479px 39px} } body .sott-reward-chart h3 {margin: 5px 0 1em; font-size: 15px} body .sott-reward-chart ul.theme-chooser {margin: 0; padding: 0; list-style: none} body .sott-reward-chart ul.theme-chooser:before, body .sott-reward-chart ul.theme-chooser:after {content: " "; display: table} body .sott-reward-chart ul.theme-chooser:after {clear: both} body .sott-reward-chart ul.theme-chooser li {float: left; margin-right: 10px; padding: 0; background: none} body .sott-reward-chart ul.theme-chooser li:before {display: none} body .sott-reward-chart ul.theme-chooser li a {display: block; font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; background-image: url("/images/toilet-training/sott/toilet-training-reward-chart/discs.png"); border: none; width: 69px; height: 67px; cursor: pointer} @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {body .sott-reward-chart ul.theme-chooser li a {background-image: url("/images/toilet-training/sott/toilet-training-reward-chart/discs@2x.png"); background-size: 454px 67px} } body .sott-reward-chart ul.theme-chooser li#lightning-mcqueen a {background-position: 0px 0} body .sott-reward-chart ul.theme-chooser li#mater a {background-position: -77px 0} body .sott-reward-chart ul.theme-chooser li#mack a {background-position: -154px 0} body .sott-reward-chart ul.theme-chooser li#cinderella a {background-position: -231px 0} body .sott-reward-chart ul.theme-chooser li#snow-white a {background-position: -308px 0} body .sott-reward-chart ul.theme-chooser li#ariel a {background-position: -385px 0} body .sott-reward-chart .sott-badge {position: absolute; bottom: 10px; right: 10px} body .sott-reward-chart .chart-instructions {padding-right: 250px} body .sott-reward-chart .chart-instructions p {font-size: 15px} body .sott-reward-chart label {display: block} body .sott-reward-chart .sott-container-inner {z-index: 2; background-color: transparent; position: relative; padding-top: 50px; background-size: cover; border-color: #2a99d5; text-align: center} body .sott-reward-chart .sott-container-inner:before, body .sott-reward-chart .sott-container-inner:after {content: " "; display: table} body .sott-reward-chart .sott-container-inner:after {clear: both} body .sott-reward-chart .sott-container-inner, body .sott-reward-chart .sott-container-inner h3, body .sott-reward-chart .sott-container-inner h4 {color: #2a99d5 !important; text-align: center} body .sott-reward-chart .sott-container-inner h3 {height: 39px !important; font-size: 42px !important} body .sott-reward-chart .sott-container-inner label {display: block} body .sott-reward-chart .sott-container-inner input {display: block; border-color: #2a99d5} body .sott-reward-chart .sott-container-inner input::-moz-placeholder {color: #bdd5f0; opacity: 1} body .sott-reward-chart .sott-container-inner input:-ms-input-placeholder {color: #bdd5f0} body .sott-reward-chart .sott-container-inner input::-webkit-input-placeholder {color: #bdd5f0} body .sott-reward-chart .sott-container-inner .character-image {display: block; position: absolute; width: 130px; top: 117px; left: 120px} body .sott-reward-chart .copyright {float: right; color: #2a99d5 !important} body .sott-reward-chart .copyright span {display: none} body .sott-reward-chart .print-instructions {color: #2a99d5 !important; font-size: 15px; display: block; margin: 8px 0 -11px 0; padding: 0} body .sott-reward-chart .background-image {position: absolute; z-index: 1; border: 2px solid #fff; border-radius: 9px; width: 878px; height: 560px} body .sott-reward-chart .character-image {z-index: 1} body .sott-reward-chart.girl .sott-container-inner {border-color: #e9609e} body .sott-reward-chart.girl .sott-container-inner, body .sott-reward-chart.girl .sott-container-inner h3, body .sott-reward-chart.girl .sott-container-inner h4 {z-index: 2; color: #e9609e !important} body .sott-reward-chart.girl .sott-container-inner input, body .sott-reward-chart.girl .sott-container-inner td.check span {border-color: #e9609e} body .sott-reward-chart.girl .sott-container-inner input::-moz-placeholder {color: #f6c1d8; opacity: 1} body .sott-reward-chart.girl .sott-container-inner input:-ms-input-placeholder {color: #f6c1d8} body .sott-reward-chart.girl .sott-container-inner input::-webkit-input-placeholder {color: #f6c1d8} body .sott-reward-chart.girl .sott-container-inner .character-image {width: 88px; left: 170px} body .sott-reward-chart.girl .copyright {color: #e9609e !important} body .sott-reward-chart.desktop .copyright .disney, body .sott-reward-chart.desktop .copyright .pixar, body .sott-reward-chart.desktop .copyright .mack {display: inline} body .sott-reward-chart.mack .copyright .mack {display: inline} body .sott-reward-chart.mobile .copyright span {display: inline} body .sott-reward-chart .childs-name {margin: 0 auto; width: 190px; text-align: center} body .sott-reward-chart form {text-align: center} body .sott-reward-chart .fieldset {padding: 40px 25px 0 70px} body .sott-reward-chart table {width: 100%} body .sott-reward-chart table th, body .sott-reward-chart table td {text-align: left; vertical-align: middle; padding: 3px 5px; border-width: 0} body .sott-reward-chart table th:first-child, body .sott-reward-chart table td:first-child {padding-left: 0} body .sott-reward-chart table th:last-child, body .sott-reward-chart table td:last-child {padding-right: 0} body .sott-reward-chart table th {line-height: 1; vertical-align: bottom} body .sott-reward-chart table td.tries {width: 1%; white-space: nowrap} body .sott-reward-chart table td.check {width: 32px} body .sott-reward-chart table td.check span {width: 32px; height: 32px; display: block; border: 2px dashed #2a99d5; border-radius: 50%} body .sott-reward-chart table input {width: 100%; box-sizing: border-box} body .sott-reward-chart input {padding: 7px 8px; border: 2px solid #2a99d5; border-radius: 8px; box-shadow: none; font-size: 12px; text-align: center} body .sott-reward-chart input.tries {width: 50px} body .sott-reward-chart .btn-container {float: right; margin: 10px 0 20px} body .sott-reward-chart .btn-container input {display: inline-block} body .sott-reward-chart .btn-container .sott-btn {margin-left: 10px} body .sott-reward-chart .start-btn {margin-top: 10px} body .sott-reward-chart .close-btn {margin-top: 20px} body .sott-reward-chart.mobile {color: #2a99d5; width: 320px; margin: 0 auto 45px} @media (max-width: 335px) {body .sott-reward-chart.mobile {margin: 0 -15px 45px} } body .sott-reward-chart.mobile h2 {background-image: url("/images/toilet-training/sott/toilet-training-reward-chart/title-mobile.png"); height: 46px; border: none} @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {body .sott-reward-chart.mobile h2 {background-image: url("/images/toilet-training/sott/toilet-training-reward-chart/title-mobile@2x.png"); background-size: 170px 46px} } body .sott-reward-chart.mobile.boy .wrap {background: url("/images/toilet-training/sott/toilet-training-reward-chart/background-boys-mobile.jpg") no-repeat 50% 0} body .sott-reward-chart.mobile.girl {border-color: #e9609e; color: #e9609e} body .sott-reward-chart.mobile.girl h3 {background-image: url("/images/toilet-training/sott/toilet-training-reward-chart/title-mobile-girls.png")} @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {body .sott-reward-chart.mobile.girl h3 {background-image: url("/images/toilet-training/sott/toilet-training-reward-chart/title-mobile-girls@2x.png"); background-size: 170px 46px} } body .sott-reward-chart.mobile.girl .wrap {background: url("/images/toilet-training/sott/toilet-training-reward-chart/background-girls-mobile.jpg") no-repeat 50% 0} body .sott-reward-chart.mobile.girl input {border-color: #e9609e} body .sott-reward-chart.mobile .wrap {padding-top: 20px; background-position: 0 -180px; background-color: #f6fbfe; background-size: cover !important} body .sott-reward-chart.mobile .logos {font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; background-image: url("/images/toilet-training/sott/toilet-training-reward-chart/logos.png"); background-position: 50% 0; background-repeat: no-repeat; margin-top: 0; margin-bottom: 25px; height: 62px} @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {body .sott-reward-chart.mobile .logos {background-image: url("/images/toilet-training/sott/toilet-training-reward-chart/logos@2x.png"); background-size: 167px 62px} } body .sott-reward-chart.mobile .sott-badge {position: relative; top: auto; right: auto; float: right; width: 60px; height: 53px; background-size: 60px 53px} body .sott-reward-chart.mobile .instructions {padding-right: 0} body .sott-reward-chart.mobile .step {font-size: 17px; margin-bottom: 10px; text-align: center} body .sott-reward-chart.mobile ul.theme-chooser {width: 238px; margin: 20px auto 0} body .sott-reward-chart.mobile ul.theme-chooser li {margin-bottom: 10px} body .sott-reward-chart.mobile form {position: relative; margin: 0} body .sott-reward-chart.mobile form input {box-sizing: border-box; width: 100%; margin-bottom: 8px; padding: 15px} body .sott-reward-chart.mobile form .group {margin-bottom: 20px} body .sott-reward-chart.mobile form .back-btn {position: absolute; right: 38px; top: 75px; font-size: 20px; font-weight: bold; color: #c80000} body .sott-reward-chart.mobile form .tries:before, body .sott-reward-chart.mobile form .tries:after {content: " "; display: table} body .sott-reward-chart.mobile form .tries:after {clear: both} body .sott-reward-chart.mobile form .tries input, body .sott-reward-chart.mobile form .tries label {float: right} body .sott-reward-chart.mobile form .tries input {width: 60px; height: auto; padding-top: 7px; padding-bottom: 7px} body .sott-reward-chart.mobile form .tries label {padding: 7px 10px; font-size: 14px} body .sott-reward-chart.mobile form .button {text-align: center} body .sott-reward-chart.mobile form .sott-btn {margin-bottom: 0; float: none} body .sott-reward-chart.mobile .copyright {font-size: 14px; width: 100%; padding-top: 30px} @media print {body .sott-reward-chart .sott-btn {display: none} body .sott-reward-chart.desktop {border-width: 0; padding: 0} body .sott-reward-chart.desktop > .wrap {padding: 0; background: red} body .sott-reward-chart.desktop h3, body .sott-reward-chart.desktop .chart-instructions {display: none} body .sott-reward-chart.desktop .fieldset {border: 0} } #big-kid-prep-list .sott-email-input, #night-time-checklist .sott-email-input {font-family: 'SweetnessMedium', 'Comic Sans', 'Comic Sans MS', 'Marker Felt', cursive; float: right; width: 200px; height: 30px !important; margin: 20px 0 0 10px; padding: 0 2px 0 8px; font-size: 20px; line-height: 29px; color: #555; border: 2px solid #ea79ab; border-radius: 6px} @media (max-width: 608px) {body .sott-checklist, body .sott-reward-chart, body #big-kids-readiness-quiz {width: auto} } body #big-kids-readiness-quiz h3 {font-size: 24px} body #big-kids-readiness-quiz p {font-size: 18px; line-height: 1.3} body #big-kids-readiness-quiz .sott-btn {font-size: 24px} body #big-kids-readiness-quiz .question .question-content p {font-size: 24px; line-height: 1.1; min-height: 110px} body #big-kids-readiness-quiz .results p {font-size: 20px; line-height: 1.1} body .sott-reward-chart .chart-instructions p {font-size: 20px; line-height: 1.1} body .sott-btn {font-size: 20px} body .sott-reward-chart h4 {font-size: 16px} body .sott-checklist .intro p {font-size: 20px; line-height: 1.3} .sott-banner {width: 600px; height: 117px; background: url("/images/sott-banner/background.png") no-repeat #d1f2fd; padding: 63px 327px 0 33px; margin-bottom: 10px; position: relative} .sott-banner p {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 15px; color: #666; margin-bottom: 15px} .sott-banner a {color: #666} .sott-banner a:hover {color: #068fd7; text-decoration: underline} .sott-banner .sott-banner-cta, .sott-banner .sott-banner-close {display: block; text-indent: 100%; white-space: nowrap; overflow: hidden} .sott-banner .sott-banner-cta {background: url("/images/sott-banner/cta.png") no-repeat; width: 177px; height: 33px} .sott-banner .sott-banner-close {position: absolute; top: 10px; right: 10px; background: url("/images/sott-banner/close.png") no-repeat; width: 27px; height: 27px; cursor: pointer} #toilet-training-lesson-plan {width: 568px; padding: 20px; background-image: url("/images/toilet-training/sott/toilet-training-lesson-plan/blackboard.jpg"); background-color: #404040; background-size: cover; color: #fff; font-family: 'SweetnessMedium', 'Comic Sans', 'Comic Sans MS', 'Marker Felt', cursive; max-height: 310px; min-height: 310px; position: relative} #toilet-training-lesson-plan h1 {font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; background-image: url("/images/toilet-training/sott/toilet-training-lesson-plan/title.png"); border: none !important; margin: 10px 5px 10px 5px; padding: 0; width: 328px; height: 41px; background-repeat: no-repeat; color: #fff} @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {#toilet-training-lesson-plan h1 {background-image: url("/images/toilet-training/sott/toilet-training-lesson-plan/title@2x.png"); background-size: 328px 41px} } #toilet-training-lesson-plan a {color: #fff; text-decoration: underline} #toilet-training-lesson-plan .sott-badge {position: absolute; top: 20px; right: 20px; width: 60px; height: 53px; background-size: 60px 53px} #toilet-training-lesson-plan ol.plan-steps li.step, #toilet-training-lesson-plan .info-container div.step {position: relative; padding-top: 87px; width: 77px; cursor: pointer} #toilet-training-lesson-plan ol.plan-steps li.step span.text, #toilet-training-lesson-plan .info-container div.step span.text {display: block; visibility: hidden; margin: 0 -100%; width: 300%; text-align: center; font-size: 18px; white-space: nowrap} #toilet-training-lesson-plan ol.plan-steps li.step:first-child span.text, #toilet-training-lesson-plan .info-container div.step:first-child span.text {width: auto; margin: 0} #toilet-training-lesson-plan ol.plan-steps li.step:before, #toilet-training-lesson-plan .info-container div.step:before {content: ''; position: absolute; top: 1px; left: 1px; border-radius: 50%; width: 72px; height: 72px} #toilet-training-lesson-plan ol.plan-steps li.step:after, #toilet-training-lesson-plan .info-container div.step:after {display: none; content: ''; position: absolute; top: 70px; left: 50%; margin-left: -14px; width: 26px; height: 16px; background-image: url("/images/toilet-training/sott/toilet-training-lesson-plan/glyphs.png")} @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {#toilet-training-lesson-plan ol.plan-steps li.step:after, #toilet-training-lesson-plan .info-container div.step:after {background-image: url("/images/toilet-training/sott/toilet-training-lesson-plan/glyphs@2x.png"); background-size: 59px 16px} } #toilet-training-lesson-plan ol.plan-steps li.step:hover span.text, #toilet-training-lesson-plan .info-container div.step:hover span.text, #toilet-training-lesson-plan ol.plan-steps li.active.step span.text, #toilet-training-lesson-plan .info-container div.active.step span.text, #toilet-training-lesson-plan ol.plan-steps li.always-on.step span.text, #toilet-training-lesson-plan .info-container div.always-on.step span.text {visibility: visible} #toilet-training-lesson-plan ol.plan-steps li.step:hover:before, #toilet-training-lesson-plan .info-container div.step:hover:before, #toilet-training-lesson-plan ol.plan-steps li.active.step:before, #toilet-training-lesson-plan .info-container div.active.step:before, #toilet-training-lesson-plan ol.plan-steps li.always-on.step:before, #toilet-training-lesson-plan .info-container div.always-on.step:before {background-color: #e9609b} #toilet-training-lesson-plan ol.plan-steps li.step:hover.even:before, #toilet-training-lesson-plan .info-container div.step:hover.even:before, #toilet-training-lesson-plan ol.plan-steps li.active.even.step:before, #toilet-training-lesson-plan .info-container div.active.even.step:before, #toilet-training-lesson-plan ol.plan-steps li.always-on.even.step:before, #toilet-training-lesson-plan .info-container div.always-on.even.step:before {background-color: #2699d6} #toilet-training-lesson-plan ol.plan-steps li.step:hover:after, #toilet-training-lesson-plan .info-container div.step:hover:after, #toilet-training-lesson-plan ol.plan-steps li.active.step:after, #toilet-training-lesson-plan .info-container div.active.step:after, #toilet-training-lesson-plan ol.plan-steps li.always-on.step:after, #toilet-training-lesson-plan .info-container div.always-on.step:after {display: block} #toilet-training-lesson-plan ol.plan-steps li.step i, #toilet-training-lesson-plan .info-container div.step i {display: block; width: 77px; height: 77px; position: absolute; top: 0; left: 0; background-image: url("/images/toilet-training/sott/toilet-training-lesson-plan/discs.png")} @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {#toilet-training-lesson-plan ol.plan-steps li.step i, #toilet-training-lesson-plan .info-container div.step i {background-image: url("/images/toilet-training/sott/toilet-training-lesson-plan/discs@2x.png"); background-size: 384px 77px} } #toilet-training-lesson-plan ol.plan-steps li#are-you-ready.step i, #toilet-training-lesson-plan .info-container div#are-you-ready.step i {background-position: 0 0} #toilet-training-lesson-plan ol.plan-steps li#your-school-kit.step i, #toilet-training-lesson-plan .info-container div#your-school-kit.step i {background-position: -77px 0} #toilet-training-lesson-plan ol.plan-steps li#roll-call.step i, #toilet-training-lesson-plan .info-container div#roll-call.step i {background-position: -154px 0} #toilet-training-lesson-plan ol.plan-steps li#head-of-class.step i, #toilet-training-lesson-plan .info-container div#head-of-class.step i {background-position: -231px 0} #toilet-training-lesson-plan ol.plan-steps li#graduation.step i, #toilet-training-lesson-plan .info-container div#graduation.step i {background-position: -308px 0} #toilet-training-lesson-plan ol.plan-steps li.sign, #toilet-training-lesson-plan .info-container span.sign {background-image: url("/images/toilet-training/sott/toilet-training-lesson-plan/glyphs.png"); margin-top: 30px} @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {#toilet-training-lesson-plan ol.plan-steps li.sign, #toilet-training-lesson-plan .info-container span.sign {background-image: url("/images/toilet-training/sott/toilet-training-lesson-plan/glyphs@2x.png"); background-size: 59px 16px} } #toilet-training-lesson-plan ol.plan-steps li.plus.sign, #toilet-training-lesson-plan .info-container span.plus.sign {width: 17px; height: 16px; background-position: -26px 0} #toilet-training-lesson-plan ol.plan-steps li.equals.sign, #toilet-training-lesson-plan .info-container span.equals.sign {width: 16px; height: 12px; margin-top: 31px; background-position: -43px 0} #toilet-training-lesson-plan ol.plan-steps {padding-left: 18px; margin-top: 0; margin-bottom: 10px; list-style: none} #toilet-training-lesson-plan ol.plan-steps:before, #toilet-training-lesson-plan ol.plan-steps:after {content: " "; display: table} #toilet-training-lesson-plan ol.plan-steps:after {clear: both} #toilet-training-lesson-plan ol.plan-steps.mobile {display: none} #toilet-training-lesson-plan ol.plan-steps li {margin: 0 5px; float: left} #toilet-training-lesson-plan ol.plan-steps li:first-child {margin-left: 0} #toilet-training-lesson-plan ol.plan-steps li:last-child {margin-right: 0} #toilet-training-lesson-plan.has-active ol.plan-steps li.step:hover span.text {visibility: hidden} #toilet-training-lesson-plan.has-active ol.plan-steps li.step.active span.text {visibility: visible} #toilet-training-lesson-plan .info-container {position: relative; padding: 8px 15px; background-color: #f191b9; border: 3px solid #fff; border-radius: 6px} #toilet-training-lesson-plan .info-container.even {background-color: #2699d6} #toilet-training-lesson-plan .info-container em {font-style: normal; text-decoration: underline} #toilet-training-lesson-plan .info-container .info-row:before, #toilet-training-lesson-plan .info-container .info-row:after {content: " "; display: table} #toilet-training-lesson-plan .info-container .info-row:after {clear: both} #toilet-training-lesson-plan .info-container .info-content {width: 130px; float: left} #toilet-training-lesson-plan .info-container .info-content p {margin: 0; font-size: 13px; line-height: 18px} #toilet-training-lesson-plan .info-container .info-links {margin-top: 0; margin-left: 160px; font-size: 12px} #toilet-training-lesson-plan .info-container .info-links li {background: none; border: none; padding: 0; margin: 0 0 4px; line-height: 1.3} #toilet-training-lesson-plan .info-container .info-links li:last-child {margin: 0} #toilet-training-lesson-plan .info-container .info-links li a {border: none; color: #fff} #toilet-training-lesson-plan .steps {display: none} #toilet-training-lesson-plan .swipe-carousel {background: transparent; border: none; height: 450px; margin-bottom: 0} #toilet-training-lesson-plan .swipe-carousel .swipe-carousel-inner .swipe-carousel-item {height: auto} #toilet-training-lesson-plan.mobile {position: relative; width: 320px; height: 500px; margin: 0 auto; min-height: none; max-height: none; background-image: url("/images/toilet-training/sott/toilet-training-lesson-plan/blackboard-vertical.jpg"); background-repeat: no-repeat; background-size: cover !important} @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {#toilet-training-lesson-plan.mobile {background-image: url("/images/toilet-training/sott/toilet-training-lesson-plan/blackboard-vertical@2x.jpg"); background-size: 320px 480px} } #toilet-training-lesson-plan.mobile h1 {background-image: url("/images/toilet-training/sott/toilet-training-lesson-plan/title-small.png"); margin: 10px 5px 10px 5px; height: 26px; background-repeat: no-repeat; color: #fff} @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {#toilet-training-lesson-plan.mobile h1 {background-image: url("/images/toilet-training/sott/toilet-training-lesson-plan/title-small@2x.png"); background-size: 205px 26px} } #toilet-training-lesson-plan.mobile .info-container {height: auto; padding: 0; background: transparent; border-width: 0} #toilet-training-lesson-plan.mobile .info-container .info-row {position: relative; width: 285px} #toilet-training-lesson-plan.mobile .info-container div.step {width: 105px; padding-top: 120px; margin: 0 auto 15px} #toilet-training-lesson-plan.mobile .info-container div.step#are-you-ready i {background-position: 0 0} #toilet-training-lesson-plan.mobile .info-container div.step#your-school-kit i {background-position: -107px 0} #toilet-training-lesson-plan.mobile .info-container div.step#roll-call i {background-position: -214px 0} #toilet-training-lesson-plan.mobile .info-container div.step#head-of-class i {background-position: -321px 0} #toilet-training-lesson-plan.mobile .info-container div.step#graduation i {background-position: -428px 0} #toilet-training-lesson-plan.mobile .info-container div.step:before {width: 101px; height: 102px} #toilet-training-lesson-plan.mobile .info-container div.step:after {top: 99px} #toilet-training-lesson-plan.mobile .info-container div.step i {display: block; width: 105px; height: 105px; background-image: url("/images/toilet-training/sott/toilet-training-lesson-plan/discs-large.png")} @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {#toilet-training-lesson-plan.mobile .info-container div.step i {background-image: url("/images/toilet-training/sott/toilet-training-lesson-plan/discs-large@2x.png"); background-size: 535px 105px} } #toilet-training-lesson-plan.mobile .info-container span.sign {position: absolute; top: 0; right: 30px; margin-top: 45px} #toilet-training-lesson-plan.mobile .info-container span.sign.equals {margin-top: 45px} #toilet-training-lesson-plan.mobile .info-container * {text-shadow: none} #toilet-training-lesson-plan.mobile .info-container:before {display: none} #toilet-training-lesson-plan.mobile .info-container .info-content {float: none; width: auto; margin: 0; padding: 0 10px} #toilet-training-lesson-plan.mobile .info-container .info-content p {margin-bottom: 10px; text-shadow: none} #toilet-training-lesson-plan.mobile .info-container .info-links {padding-left: 25px; margin-left: 0} #toilet-training-lesson-plan.mobile .info-container .info-links li {font-size: 13px; line-height: 18px} #toilet-training-lesson-plan.mobile a.back {position: absolute; left: 20px; margin-top: 35px} #toilet-training-lesson-plan.mobile a.back:before, #toilet-training-lesson-plan.mobile a.back:after {content: " "; display: table} #toilet-training-lesson-plan.mobile a.back:after {clear: both} #toilet-training-lesson-plan.mobile a.back .arrow {display: block; float: left; height: 35px; width: 19px; background-image: url("/images/toilet-training/sott/toilet-training-lesson-plan/back.png"); -webkit-animation: opacityPulse 5s ease-in infinite; -o-animation: opacityPulse 5s ease-in infinite; animation: opacityPulse 5s ease-in infinite; -webkit-animation-delay: 2.1s; animation-delay: 2.1s; background-position: -23px 50%} @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {#toilet-training-lesson-plan.mobile a.back .arrow {background-image: url("/images/toilet-training/sott/toilet-training-lesson-plan/back@2x.png"); background-size: 54px 35px} } #toilet-training-lesson-plan.mobile a.back .arrow:first-child {width: 23px; background-position: 0 50%; -webkit-animation-delay: 2s; animation-delay: 2s} #toilet-training-lesson-plan.mobile a.back .arrow:last-child {width: 12px; background-position: -42px 50%; -webkit-animation-delay: 2.2s; animation-delay: 2.2s} #toilet-training-lesson-plan.mobile .swipe-carousel-indicators {display: block; position: absolute; bottom: 0; width: 320px; margin: 0; padding: 0; text-align: center; list-style: none} #toilet-training-lesson-plan.mobile .swipe-carousel-indicators li {display: inline-block; width: 8px; height: 8px; margin: 0 2px; border: 1px solid #fff; border-radius: 50%} #toilet-training-lesson-plan.mobile .swipe-carousel-indicators li.active {background-color: #fff} #toilet-training-lesson-plan-banner {position: relative; height: 100px; margin-bottom: 20px} #toilet-training-lesson-plan-banner #toilet-training-lesson-plan {min-height: 0; max-height: none; background: url("/images/toilet-training/sott/toilet-training-lesson-plan/background-long.jpg") no-repeat; z-index: 90; position: absolute; top: 0; left: 0; width: 900px} #toilet-training-lesson-plan-banner #toilet-training-lesson-plan h1 {margin: 20px 15px 15px 15px; float: left; background-size: 240px 30px; width: 240px; height: 30px} #toilet-training-lesson-plan-banner #toilet-training-lesson-plan ol.plan-steps li {margin-left: 15px; margin-right: 15px} #toilet-training-lesson-plan-banner #toilet-training-lesson-plan ol.plan-steps li.sign {margin-top: 15px} #toilet-training-lesson-plan-banner #toilet-training-lesson-plan ol.plan-steps li.sign.equals {margin-top: 16px} #toilet-training-lesson-plan-banner #toilet-training-lesson-plan ol.plan-steps li.step {width: 38px; padding-top: 48px} #toilet-training-lesson-plan-banner #toilet-training-lesson-plan ol.plan-steps li.step i {width: 38px; height: 38px; background-size: 190px 38px} #toilet-training-lesson-plan-banner #toilet-training-lesson-plan ol.plan-steps li.step#are-you-ready i {background-position: 0 0} #toilet-training-lesson-plan-banner #toilet-training-lesson-plan ol.plan-steps li.step#your-school-kit i {background-position: -38px 0} #toilet-training-lesson-plan-banner #toilet-training-lesson-plan ol.plan-steps li.step#roll-call i {background-position: -76px 0} #toilet-training-lesson-plan-banner #toilet-training-lesson-plan ol.plan-steps li.step#head-of-class i {background-position: -114px 0} #toilet-training-lesson-plan-banner #toilet-training-lesson-plan ol.plan-steps li.step#graduation i {background-position: -152px 0} #toilet-training-lesson-plan-banner #toilet-training-lesson-plan ol.plan-steps li.step:before {border-radius: 50%; width: 36px; height: 36px} #toilet-training-lesson-plan-banner #toilet-training-lesson-plan ol.plan-steps li.step span.text {visibility: visible; font-size: 12px} #toilet-training-lesson-plan-banner #toilet-training-lesson-plan ol.plan-steps li.step span.text:after {content: ''; display: none; position: absolute; top: 74px; left: 50%; width: 0; height: 0; margin-left: -7px; border-style: solid; border-width: 0 7px 7px 7px; border-color: transparent transparent #fff transparent} #toilet-training-lesson-plan-banner #toilet-training-lesson-plan ol.plan-steps li.step:first-child span.text {margin: 0 -50%; width: 200%} #toilet-training-lesson-plan-banner #toilet-training-lesson-plan ol.plan-steps li.step:before {background-color: #e9609b} #toilet-training-lesson-plan-banner #toilet-training-lesson-plan ol.plan-steps li.step.even:before {background-color: #2699d6} #toilet-training-lesson-plan-banner #toilet-training-lesson-plan ol.plan-steps li.step:after {display: block; content: ''; position: absolute; top: 35px; left: 50%; margin-left: -7.5px; width: 13px; height: 8px; background-size: 29px 8px} #toilet-training-lesson-plan-banner #toilet-training-lesson-plan .info-container {display: none; height: auto; margin: 15px 90px 0 110px; padding: 4px 12px; border: 3px solid #fff; border-radius: 6px} #toilet-training-lesson-plan-banner #toilet-training-lesson-plan .info-container.long {margin: 15px 15px 0 15px} #toilet-training-lesson-plan-banner #toilet-training-lesson-plan .info-container:before, #toilet-training-lesson-plan-banner #toilet-training-lesson-plan .info-container .info-content {display: none} #toilet-training-lesson-plan-banner #toilet-training-lesson-plan .info-container .info-links {margin: 0; padding: 0} #toilet-training-lesson-plan-banner #toilet-training-lesson-plan .info-container .info-links:before, #toilet-training-lesson-plan-banner #toilet-training-lesson-plan .info-container .info-links:after {content: " "; display: table} #toilet-training-lesson-plan-banner #toilet-training-lesson-plan .info-container .info-links:after {clear: both} #toilet-training-lesson-plan-banner #toilet-training-lesson-plan .info-container .info-links li {float: left; width: 32%; margin-right: 2%} #toilet-training-lesson-plan-banner #toilet-training-lesson-plan .info-container .info-links li:last-child {margin-right: 0} #toilet-training-lesson-plan-banner #toilet-training-lesson-plan .info-container .info-links-two li {width: 48%} #toilet-training-lesson-plan-banner #toilet-training-lesson-plan .info-container .info-links-four li {width: 23.5%} #toilet-training-lesson-plan-banner #toilet-training-lesson-plan:hover {background-image: url("/images/toilet-training/sott/toilet-training-lesson-plan/background-long-extended.jpg"); background-size: none; height: 200px} #toilet-training-lesson-plan-banner #toilet-training-lesson-plan:hover ol.plan-steps li.step:hover span.text:after, #toilet-training-lesson-plan-banner #toilet-training-lesson-plan:hover ol.plan-steps li.step.active span.text:after {display: block} #toilet-training-lesson-plan-banner #toilet-training-lesson-plan:hover .info-container {display: block} #toilet-training-lesson-plan .info-container .info-content p {font-size: 17px} #toilet-training-lesson-plan .info-container .info-links {font-size: 16px} #toilet-training-lesson-plan .info-container .info-links li {line-height: 0.9} .dry-touch .pink-stitching {border-radius: 12px; border: 2px dashed #ec008c; padding: 19px; margin-bottom: 20px} .dry-touch .pink-stitching .drytouch-video-container {width: 100%; padding-top: 56.25%; height: 0; position: relative} .dry-touch .pink-stitching #player, .dry-touch .pink-stitching #player_wrapper {width: 100% !important; height: 100% !important; top: 0; left: 0; position: absolute !important} .dry-touch .feature-piece {position: relative; width: 937px; height: 279px; margin-bottom: 20px} .dry-touch .feature-piece .frame {position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; -webkit-transition: all 0.4s; transition: all 0.4s} .dry-touch .feature-piece .frame.frame-1 {background: url("/images/dry-touch/banner-frame-1.jpg") no-repeat} .dry-touch .feature-piece .frame.frame-2 {background: url("/images/dry-touch/banner-frame-2.jpg") no-repeat} .dry-touch .feature-piece .frame.frame-3 {background: url("/images/dry-touch/banner-frame-3.jpg") no-repeat} .dry-touch .feature-piece .frame.active {opacity: 1} .dry-touch .feature-piece .button {width: 21px; height: 21px; border-radius: 12px; background: #ec008c; border: 2px solid #fff; position: absolute; bottom: 0; right: 10px; cursor: pointer} .dry-touch .feature-piece .button.button-1 {right: 157px; bottom: 8px} .dry-touch .feature-piece .button.button-2 {right: 120px; bottom: 8px} .dry-touch .feature-piece .button.button-3 {right: 83px; bottom: 8px} .dry-touch .feature-piece .button.active, .dry-touch .feature-piece .button:hover {background: #00adef} .dry-touch .interactive-piece {width: 100%; min-height: 370px; position: relative; overflow: hidden; border-radius: 25px; -webkit-transition: all 0.4s; transition: all 0.4s; } .dry-touch .interactive-piece.boys {background: #00adef} .dry-touch .interactive-piece.boys .interactive-piece-inner .description.one .icon-image {background: url("/images/dry-touch/new-boy.png") no-repeat 0 0} .dry-touch .interactive-piece.boys .interactive-piece-inner .description.two .icon-image {background: url("/images/dry-touch/soft-and-tretchy.png") no-repeat top left; height: 70px !important} .dry-touch .interactive-piece.boys .interactive-piece-inner .description.three .icon-image {background: url("/images/dry-touch/12-hours.png") no-repeat top left} .dry-touch .interactive-piece.boys .interactive-piece-inner .description.four .icon-image {background: url("/images/dry-touch/absorbant.png") no-repeat top left} .dry-touch .interactive-piece.boys .interactive-piece-inner .description.five .icon-image {background: url("/images/dry-touch/clinically-proven.png") no-repeat top left} .dry-touch .interactive-piece.boys .interactive-piece-inner .description .swappable-boys {display: inline} .dry-touch .interactive-piece.boys .interactive-piece-inner .description .swappable-girls {display: none} .dry-touch .interactive-piece.boys .interactive-piece-inner .nappie {background: url("/images/dry-touch/boys-nappie.png") no-repeat; background-size: 100%} .dry-touch .interactive-piece.boys .interactive-piece-inner .nappie .button:hover, .dry-touch .interactive-piece.boys .interactive-piece-inner .nappie .button.active {background: #00adef} .dry-touch .interactive-piece.girls {background: #ec008c} .dry-touch .interactive-piece.girls .interactive-piece-inner .description.one .icon-image {background: url("/images/dry-touch/new-girl.png") no-repeat 0 0} .dry-touch .interactive-piece.girls .interactive-piece-inner .description.two .icon-image {background: url("/images/dry-touch/soft-and-tretchy.png") no-repeat top left; height: 70px !important} .dry-touch .interactive-piece.girls .interactive-piece-inner .description.three .icon-image {background: url("/images/dry-touch/12-hours-pink.png") no-repeat top left} .dry-touch .interactive-piece.girls .interactive-piece-inner .description.four .icon-image {background: url("/images/dry-touch/absorbant-pink.png") no-repeat top left} .dry-touch .interactive-piece.girls .interactive-piece-inner .description.five .icon-image {background: url("/images/dry-touch/clinically-proven.png") no-repeat top left} .dry-touch .interactive-piece.girls .interactive-piece-inner .description .swappable-girls {display: inline} .dry-touch .interactive-piece.girls .interactive-piece-inner .description .swappable-boys {display: none} .dry-touch .interactive-piece.girls .interactive-piece-inner .nappie {background: url("/images/dry-touch/girls-nappie.png") no-repeat; background-size: 100%} .dry-touch .interactive-piece.girls .interactive-piece-inner .nappie .button:hover, .dry-touch .interactive-piece.girls .interactive-piece-inner .nappie .button.active {background: #ec008c} .dry-touch .interactive-piece .interactive-piece-inner .description {width: 270px; position: absolute; right: 30px; top: 40px; color: #fff; min-height: 240px; display: none; -webkit-transition: all 0.4s; transition: all 0.4s} .dry-touch .interactive-piece .interactive-piece-inner .description .icon-image {display: block; width: 55px; height: 65px; float: right; background-size: 100% !important; margin-left: 5px} .dry-touch .interactive-piece .interactive-piece-inner .description.lg p, .dry-touch .interactive-piece .interactive-piece-inner .description.lg p strong {font-size: 14px !important} .dry-touch .interactive-piece .interactive-piece-inner .description.lg .icon-image {width: 105px; height: 115px} .dry-touch .interactive-piece .interactive-piece-inner .description.one .icon-image {background: url("/images/dry-touch/new-boy.png") no-repeat 0 0} .dry-touch .interactive-piece .interactive-piece-inner .description.three {padding-bottom: 10px} .dry-touch .interactive-piece .interactive-piece-inner .description.three ol {margin-left: 0} .dry-touch .interactive-piece .interactive-piece-inner .description.three ol li {margin-bottom: 10px} .dry-touch .interactive-piece .interactive-piece-inner .description.active {display: block; -webkit-animation: fadeInFromNone 0.5s; -moz-animation: fadeInFromNone 0.5s; -o-animation: fadeInFromNone 0.5s; animation: fadeInFromNone 0.5s} .dry-touch .interactive-piece .interactive-piece-inner .description h2, .dry-touch .interactive-piece .interactive-piece-inner .description h3, .dry-touch .interactive-piece .interactive-piece-inner .description p, .dry-touch .interactive-piece .interactive-piece-inner .description ol li {color: #fff !important; line-height: 1.4em; font-weight: normal} .dry-touch .interactive-piece .interactive-piece-inner .description h2 strong, .dry-touch .interactive-piece .interactive-piece-inner .description h3 strong, .dry-touch .interactive-piece .interactive-piece-inner .description p strong, .dry-touch .interactive-piece .interactive-piece-inner .description ol li strong {color: #fff !important; line-height: 1.3em; font-weight: bold} .dry-touch .interactive-piece .interactive-piece-inner .description h3, .dry-touch .interactive-piece .interactive-piece-inner .description h2 {font-family: 'Huggies Omnes Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500} .dry-touch .interactive-piece .interactive-piece-inner .description h3, .dry-touch .interactive-piece .interactive-piece-inner .description h3 strong {font-size: 22px !important; line-height: 1.2em; margin: 0 !important} .dry-touch .interactive-piece .interactive-piece-inner .description h2, .dry-touch .interactive-piece .interactive-piece-inner .description h2 strong {font-size: 26px !important; margin: 0 !important} .dry-touch .interactive-piece .interactive-piece-inner .description p, .dry-touch .interactive-piece .interactive-piece-inner .description p strong {font-size: 12px !important} .dry-touch .interactive-piece .interactive-piece-inner .description ol li, .dry-touch .interactive-piece .interactive-piece-inner .description ol li strong {font-size: 12px !important} .dry-touch .interactive-piece .interactive-piece-inner .description ol {padding-left: 12px !important} .dry-touch .interactive-piece .interactive-piece-inner .nappie {width: 270px; top: 50px; position: absolute; left: 20px; z-index: 100; height: 230px} .dry-touch .interactive-piece .interactive-piece-inner .nappie .switch {color: #fff; width: 50px; padding: 5px 10px 5px 10px; position: absolute; text-align: center; bottom: 0; font-size: 20px; border: 3px solid #fff; border-radius: 24px; text-transform: uppercase; cursor: pointer; line-height: 1em; font-family: 'Huggies Omnes Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500} .dry-touch .interactive-piece .interactive-piece-inner .nappie .switch.boys {left: 40px; background-color: #00adef} .dry-touch .interactive-piece .interactive-piece-inner .nappie .switch.girls {right: 40px; background-color: #e9168c} .dry-touch .interactive-piece .interactive-piece-inner .nappie .button {font-size: 20px; text-align: center; width: 14px; border-radius: 28px; color: #fff; border: 3px solid #fff; background: #8fc400; padding: 8px; position: absolute; box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5); -webkit-transition: all 0.2s; transition: all 0.2s; cursor: pointer} .dry-touch .interactive-piece .interactive-piece-inner .nappie .button.one {top: 75px; left: 60px} .dry-touch .interactive-piece .interactive-piece-inner .nappie .button.two {top: 20px; left: 155px} .dry-touch .interactive-piece .interactive-piece-inner .nappie .button.three {top: 60px; left: 132px} .dry-touch .interactive-piece .interactive-piece-inner .nappie .button.four {top: 105px; left: 113px} .dry-touch .interactive-piece .interactive-piece-inner .nappie .button.five {top: 5px; left: 90px} .dry-touch .interactive-piece .interactive-piece-inner .nappie .button:hover, .dry-touch .interactive-piece .interactive-piece-inner .nappie .button.active {-ms-transform: scale3d(1.21, 1.21, 1); -webkit-transform: scale3d(1.21, 1.21, 1); transform: scale3d(1.21, 1.21, 1)} .dry-touch .interactive-piece .interactive-piece-inner .nappie .clinically-proven {padding-left: 116px; font-size: 16px; line-height: 1.3em; background: url("/images/dry-touch/approval-badge.png") no-repeat 15px 0} .dry-touch .interactive-piece .interactive-piece-inner:after {content: ''; position: absolute; border: 3px dashed rgba(255, 255, 255, 0.8); z-index: 20; border-radius: 20px; top: 10px; bottom: 10px; left: 10px; right: 10px} @-webkit-keyframes fadeInFromNone {0% {display: none; opacity: 0} 1% {display: block; opacity: 0} 100% {display: block; opacity: 1} } @-moz-keyframes fadeInFromNone {0% {display: none; opacity: 0} 1% {display: block; opacity: 0} 100% {display: block; opacity: 1} } @-o-keyframes fadeInFromNone {0% {display: none; opacity: 0} 1% {display: block; opacity: 0} 100% {display: block; opacity: 1} } @keyframes fadeInFromNone {0% {display: none; opacity: 0} 1% {display: block; opacity: 0} 100% {display: block; opacity: 1} } 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} .gsc-control-cse {padding: 0 !important} .gsc-control-cse .gsc-tabsArea {border-color: #90c !important} .gsc-control-cse .gs-result img.gs-image {border-radius: 10px} .gsc-control-cse a {border-bottom: 1px !important} .gsc-control-cse .gsc-url-bottom {margin-top: 5px; margin-bottom: 5px} .gsc-control-cse .gsc-url-bottom .gs-bidi-start-align {height: 15px} .gsc-control-cse .gsc-tabHeader {padding: 3px 10px !important; font-family: 'Huggies Omnes Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500} .gsc-control-cse .gsc-tabhActive {color: #fff !important; background: #90c !important} .gsc-control-cse .gsc-result .gs-title {overflow: visible; margin-bottom: .5em; height: auto; line-height: 1.4em}