body {background-color: transparent;} body { text-align:center;font-family:verdana, arial, helvetica;font-size:12px;} /***** background:#ffffff url(../images/bg_iframe.jpg) repeat-x fixed 0 0 !important; ****/ /**************************** Mark's ************************************/ p{text-align:left; font-size:12px; margin:0; padding:0; line-height:18px;} h1{height:33px; color:#522e91; font-size:22px; margin:0; padding:0 0 8px 0;} h3{padding:8px 0 0 20px; margin:0 0 5px 0; font-size:12px; font-weight:bold; color:#633f9a;} h4{padding:0; margin:0; color:#7245b2; font-size:12px; font-weight:bold; } textarea {font-family:inherit; font-size:inherit;} #subHeader {text-align:left;} .clear {clear:both} .highlight {background:url(../images/caution.gif) no-repeat center right !important;} #doneMessage {display:none; padding:10px 0 0 10px;} #pageContainer {width:979px; margin:0 auto; } #pageContainer .header {width:100%;height:25px;background:transparent url(../images/bodyHeader.png) no-repeat 0 0;} #pageContainer .content {width:100%;padding:0;text-align:left;background:transparent url(../images/bodyContent.png) repeat-y 0 0; text-align:center ; position:relative;} #pageContainer .footer {width:100%;height:25px;background:transparent url(../images/bodyFooter.png) no-repeat center bottom;} #header_request{background-image:url(../images/header_request.gif); background-repeat:no-repeat; text-indent:-999em; } #header_contact{background-image:url(../images/header_contact.gif); background-repeat:no-repeat; text-indent:-999em; } #header_feedback{background-image:url(../images/header_feedback.gif); background-repeat:no-repeat; text-indent:-999em; } #header_wheretobuy{background-image:url(../images/header_wheretobuy.gif); background-repeat:no-repeat; text-indent:-999em;} #header_nappytrials{background-image:url(../images/header_nappytrials.gif); background-repeat:no-repeat; text-indent:-999em; } #header_productfeedback{background-image:url(../images/header_productfeedback.gif); background-repeat:no-repeat; text-indent:-999em; } #header_generalenquiries{background-image:url(../images/header_generalenquiries.gif); background-repeat:no-repeat; text-indent:-999em; } #container_request {width:920px; margin:0 auto; text-align:left;} #container_contact {width:920px; position:relative; margin:0 auto;} #container_leftContact{height:150px; width:443px; position:relative; margin:0 auto; float:left; display:inline;} #container_wheretobuy{ width:911px; margin:0 auto ; } #nappytrials_main{width:911px; margin:0; padding:0; text-align:left; background:url(../images/tile_nappytrials.gif) repeat-y 0 0;} #nappytrials_btm{width:911px; height:26px; background:url(../images/btm_nappytrials.gif) no-repeat 0 0;} .tile_wheretobuy{background-image:url(../images/tile_wheretobuy.jpg); background-repeat:repeat-y;} #container_leftContact2{height:150px; width:443px; float:right; display:inline;} #feedback_general{width:443px; float:right; height:350px; position:relative;} #feedback_product{width:443px; float:left; position:relative; padding-bottom:7px;} #feedback_main{width:911px; margin:0; padding:0; text-align:left; background:url(../images/tile_nappytrials.gif) repeat-y 0 0;} #feedback_btm{width:911px; height:26px; background:url(../images/btm_nappytrials.gif) no-repeat 0 0;} #feedback_top{width:911px; height:15px; background:url(../images/top_feedback.gif) no-repeat 0 0; margin-top:25px;} #content_request {height:400px; width:920px; padding:15px 0 0 0; text-align:left;} #content_contact {padding:15px 0 0 0; text-align:left;} #form_request {width:450px; float:left; height:380px; position:relative; padding:7px 0 0 0;} #form_request2 {width:450px; float:right; height:386px;} #form_contact {float:left; position:relative; padding:0 0 0 0; width:920px;} #form_contact2 {width:443px; float:right; height:350px; position:relative;} #feedback_general{width:443px; float:right; height:350px; position:relative;} #feedback_product{width:443px; float:left; position:relative; padding-bottom:7px;} #nappytrial_right{width:443px; float:right; position:relative;} #nappytrial_left{width:460px; float:left; position:relative; padding-bottom:7px;} #feedback_right{width:443px; float:right; position:relative;} #feedback_left{width:460px; float:left; position:relative; padding-bottom:7px;} #contactMessage {width:450px; float:right; height:350px; display:none;} #trialMessage {width:450px; margin:0 auto; height:350px; display:none;} #requestMessage {width:450px; float:left; height:343px; position:relative; padding:7px 0 0 0; display:none;} #footer_form{} #btn_request{text-align:right; padding:10px 22px 0px 0; width:402px;} #btn_request .mandatory {float:left; padding-top:2px;} #btn_request2{text-align:right; padding:12px 0 0 0; left: 25px; width:399px; z-index:1000; width:400px} #btn_request2 .mandatory {float:left; padding-top:2px;} #btn_feedback {width:161px; height:28px; display:block; padding:12px 0 14px 0; float:left;} #content_nappytrial{background:none; border-right:#e5e5e5 1px solid;} #content_nappytrial table{padding:0; margin:0;} #content_nappytrial td{height:19px; font-size:11px; color:#633f9a; padding:0 0 0 17px;} #content_nappytrial td .zero_pad{padding:0;} #content_nappytrial td .small_pad{padding:0 !important; margin:0 !important;} #content_nappytrial td .small{width:175px;} #content_nappytrial td .smaller{width:165px;} #content_nappytrial td .state{width:93px;} #content_nappytrial td .postcode{width:50px;} #content_nappytrial td .mandatory {float:left; padding:6px 0 0 0;} #content_nappytrial td .send_btn {float:right; height:40px; padding:6px 0 0 154px;} #content_requestBG{background-image:url(../images/tile_request.gif); background-repeat:repeat-y;} #content_contactBG{height:286px;background-image:url(../images/tile_request.gif); background-repeat:repeat-y;} #content_contactBG2{height:82px;background-image:url(../images/tile_request.gif); background-repeat:repeat-y;} .content_wheretobuy{background-image:url(../images/tile_wheretobuy2.gif); background-repeat:repeat-y; padding:0 0 0 0; display:block; } #content_contactBG2 p{ font-size:11px; line-height:15px; padding-left:20px;} #content_requestBG table{padding:0; margin:0;} #content_requestBG td{height:19px; font-size:11px; color:#633f9a; padding:0 0 0 25px;} #content_requestBG td .zero_pad{padding:0;} #content_requestBG td .small{width:175px;} #content_requestBG td .smaller{width:165px;} #content_requestBG td .state{width:93px;} #content_requestBG td .postcode{width:50px;} #content_requestBG td .country{width:110px;} #content_requestBG td .mandatory {float:left; padding:6px 0 0 0;} #content_requestBG td .send_btn {float:right; height:40px; padding:6px 0 0 154px;} .purple_fields {background-color:#f6f3ff; border:3px solid #f6f3ff; width:181px;} #content_requestBG td .large{width:390px;} #content_requestBG td .largeM{width:390px; height:262px;} #content_requestBG td .largeM2{width:390px; height:60px;} .box1{width:250px; float:left; padding-left:5px;} .box2{width:295px; float:left; padding:0 0 0 25px; color:#666666; font-size:11px; line-height:15px;} .box3{width:280px; float:left; padding-left:10px; color:#666666; font-size:11px; text-align:center} .box2 h4 {padding-bottom:3px;} .small_width {width:175px; float:left;} .small_width2 {float:left;} .small_width23 {float:left;padding-top:10px;} .break{height:20px; background-image:url(../images/tile_wheretobuy.jpg); background-repeat:repeat-y;} .small_width3 {float:left; padding-top:10px;width:175px;} .small_width4 {float:left; padding-top:10px;width:255px;} /* footer */ #footerLinks {position:relative;font-size:10px; color:#646368; padding-top:20px;width: 979px;margin-left: auto;margin-right:auto;} #footerLinks a {color:#646368; text-decoration:underline} #footerLinks a:hover {text-decoration:none;} #footerStatement {font-size:10px; color:#646368; padding-top:10px;} #footerLinks #terms_banner {position: absolute;top:5px;right:7px;width:186px;height:155px; background: url(/images/terms_banner.jpg) no-repeat;} /* where to buy */ #wtb_header {background:url(../images/top_wheretobuy.gif) no-repeat 0 0; width:911px; height:32px; } #wtb_body {background:url(../images/tile_wheretobuy.jpg) repeat-y 0 0; width:911px; } #wtb_body .wheader {background:url(../images/top_wheretobuy2.gif) no-repeat 0 0; width:875px; height:22px;} #wtb_body .wbody {background:url(../images/tile_wheretobuy2.gif) repeat-y 0 0; width:875px;} #wtb_body .wfooter {background:url(../images/bot_wheretobuy2.gif) no-repeat 0 0; width:875px; height:22px;} #wtb_footer {background:url(../images/bot_wheretobuy.gif) no-repeat 0 0; width:911px; height:32px;} .spacer {width:100%; height:20px;clear:both;} #fader { height:30px; position:fixed; left:0; top:0; width:100%; z-index:1000} /*** background:url(../images/fader.png) repeat-y center center; ***/ #wheretoBuyTable {width:100%;} #wheretoBuyTable td {height:60px; text-align:center; vertical-align:top;} /* terms, policy and privacy */ #termsAndConditions, #policy, #privacy {text-align:left; padding: 0 40px 0 40px;} #termsAndConditions h1.terms {background: url(../images/hdrTerms.gif) no-repeat; width:216px; height:22px; text-indent:-999em;} #cashback {background: url(../images/BABYLOVE.png) no-repeat; height:22px; text-indent:-999em;} #privacy h1.privacy {background: url(../images/hdrPrivacy.gif) no-repeat; width:216px; height:22px; text-indent:-999em;} #policy h1.policy {background: url(../images/hdrPolicy.gif) no-repeat; width:216px; height:22px; text-indent:-999em;} #termsAndConditions h2, #privacy h2 {padding:20px 0 10px 0; color:#522e91; font-weight:700; font-size:14px;} #policy ul, #privacy ul {margin:10px 0 10px 30px;} #policy ul li, #privacy ul li {padding:5px 0;} /* edit account */ h1.account {text-align:left; width:900px; margin:0 auto; } #editPage {width:901px; margin:0 auto; text-align:left;} #editPage .account {float:left; width:280px;} #editPage .account .message {padding-top:20px;} #editPage h2 {padding-bottom:10px;} #editPage .mum {float:left; width:240px;} #editPage .mum .photo {background:url(../images/photoMum.gif) no-repeat 0 0; width:157px; height:151px;} #editPage .mum .formField2 {padding:30px 0 0 0;} #editPage .mum label {display:block; color:#7245b2; font-weight:700;} #editPage .mum span {display:block; font-weight:700; padding:6px 0 6px 0;} #editPage .mum input {width:200px; height:20px; border:1px solid #333} #editPage .baby {float:left; width:240px; } #editPage .baby .photo {background:url(../images/photoBaby.gif) no-repeat 0 0; width:157px; height:152px;} #editPage .baby .formField2 {padding:30px 0 0 0;} #editPage .baby label {display:block; color:#7245b2; font-weight:700;} #editPage .baby span {display:block; font-weight:700; padding:6px 0 6px 0;} #editPage .baby input {width:240px; height:20px; border:1px solid #333} #editPage .baby .file {width:240px; height:20px; border:1px solid #333} #editPage .line {float:left; background:url(../images/line.jpg) no-repeat 0 0; width:40px; height:549px;} #editPage .purpleBox {background: url(../images/purpleBg.gif) no-repeat 0 0; width:255px; height:295px;} #editPage .purpleBox .formField1 {padding:30px 0 0 20px;} #editPage .purpleBox label {display:block; color:#fff;} #editPage .purpleBox span.element {display:block; color:#fff; font-weight:700; padding:12px 0 12px 0; } #editPage .purpleBox input {width:200px; height:20px; border:1px solid #33} #editPage .button {text-align:right; width:847px; padding-top:20px;} /* helping hand */ #header_helpinghand{margin:15px 0 0 0; padding:0 0 0 0; background-image:url(../images/hands/hdr_helpingathand.gif); background-repeat:no-repeat; text-indent:-999em; } #header_abc{margin:0 0 10px 0; padding:0 0 0 0; background-image:url(../images/hands/hdr_abc.gif); background-repeat:no-repeat; text-indent:-999em; } #header_mumsneedhelp{margin:15px 0 0 0; padding:0 0 0 0; background-image:url(../images/hands/hdr_mumsneedhelp.gif); background-repeat:no-repeat; text-indent:-999em; } #header_abc_helper{margin:0 0 10px 0; padding:0 0 0 0; background-image:url(../images/hands/hdr_abc_helper.gif); background-repeat:no-repeat; text-indent:-999em; } #helpinghands {margin:0 auto; width:89%;} #helpinghands .colLeft {float:left; width:385px; text-align:left;} #helpinghands .vline {float:left; width:80px; text-align:right; padding-top:40px;} #helpinghands .colRight {float:left; width:380px; padding:15px 0 0 0px;} #helpinghands .colLeft p {margin:0 0 25px 0; padding:0; width:350px;} #helpinghands .vline .line {background:url(../images/hands/verticalLine.gif) center center repeat-y; height:500px; width:50px;float:left;} #helpinghands .colLeft .sendmail {padding:15px 0 0 0;} #helpinghands .colLeft .sendmail {color:#4f2792} #helpinghands .colLeft .sendmail input {margin: 0 5px 0 0;} #helpinghands .colRight {text-align:left; padding-top:40px;} #helpinghands .colRight ul.abc {list-style:none; margin-bottom:20px;} #helpinghands .colRight ul.abc li {margin:5px;} #helpinghands .colRight ul.abc b {color:#3d1d7e; display:block; float:left; width:20px;} #helpinghands .colRight ul.abc span {color:#333; display:block; float:left; width:350px;} #handsForm {width:351px;} #handsForm .tabHeader {background:url(../images/hands/formheader.gif) 0 0 no-repeat; width:351px; height:22px;} #handsForm .tabHeaderHelper {background:url(../images/hands/formheaderhelper.gif) 0 0 no-repeat; width:351px; height:22px;} #handsForm .tab a {display:block; float:left; text-indent:-999em; padding-left:3px; cursor:hand; cursor:pointer;} #handsForm .tab a.helpRequest {background:url(../images/hands/btnHelpRequestActive.gif) 0 0 no-repeat; width:138px; height:29px;} #handsForm .tab a.helpRequestInactive {background:url(../images/hands/btnHelpRequestInactive.gif) 0 0 no-repeat; width:125px; height:29px;} #handsForm .tab a.wishList {background:url(../images/hands/btnMyWishListActive.gif) 0 0 no-repeat; width:138px; height:29px;} #handsForm .tab a.wishListInactive {background:url(../images/hands/btnMyWishListInactive.gif) 0 0 no-repeat; width:125px; height:29px;} #handsForm .form {background:url(../images/hands/formleftbg.gif) center bottom no-repeat; width:351px; } .panelHelpRequest {display:none;} #checkBoxes {margin:0 auto; width:296px;} #checkBoxes .itemHeader {background:url(../images/hands/itemHeader.gif) 0 0 no-repeat; width:296px; height:11px; } #checkBoxes .itemBody {background:url(../images/hands/itemBody.gif) 0 0 repeat-y; width:296px; height:200px; } #checkBoxes .itemFooter {background:url(../images/hands/itemFooter.gif) 0 0 no-repeat; width:296px; height:14px; } .listPanel select {float:left; width:200px; margin-top:5px;} #addWish {display:block; background:url(../images/hands/btnAdd.gif) 0 0 no-repeat; width:65px; height:32px; text-indent:-999em; float:right;} #saveWish {display:block; background:url(../images/hands/btnSaveWishList.gif) center bottom no-repeat; width:117px; height:30px; text-indent:-999em; float:right; padding-top:10px;} /* calendar */ #calendar {width:382px; height:486px; background:url(../images/hands/calendarbg.gif) center bottom no-repeat;} #eventCalendar {width:382px;} #eventCalendar table {font-size:10px; width:382px; margin:0 auto; padding:0; border-collapse:collapse;} #eventCalendar th, td {} #eventCalendar td {cursor:pointer; cursor:hand;} #eventCalendar td span.fulldate, #eventCalendar td span.wishitem {display:none;} #eventCalendar tr.calcHeader {background:url(../images/hands/calendarTop.gif) 0 0 no-repeat; width:382px; height:44px;} #eventCalendar .calcHeading {width:200px; margin:0 auto;} #eventCalendar tr.calcHeader a#prevMonth {width:22px; height:44px; display:block; background:url(../images/hands/btnPrev.gif) 0 0 no-repeat; text-indent:-999em; float:left;} #eventCalendar tr.calcHeader span.month {display:block; color:#fff; font-weight:700; font-size:14px; float:left; width:100px; text-align:center; padding-top:8px;} #eventCalendar tr.calcHeader span.year {display:block; color:#fff; font-weight:700; font-size:14px; float:left; width:45px; text-align:center; padding-top:8px;} #eventCalendar tr.calcHeader a#nextMonth {width:22px; height:44px; display:block; background:url(../images/hands/btnNext.gif) 0 0 no-repeat; text-indent:-999em;float:left;} #eventCalendar tr.calcBody {text-align:center;} #calendarTable { width:315px !important; margin:0 auto;} #calendarTable th {width:45px; height:22px; text-align:center; color:#4f2792; font-weight:700;line-height:12px;} #calendarTable td {border:1px solid #ccc; width:45px; height:45px;} #calendarTable td.em {background:#e3dbf8;} #calendarTable td.appt {background: url(../images/hands/appt.gif) 0 0 no-repeat;} #calendarTable td.normal {background:#faf9ff; color:#a28cca;} #calendarTable td.booked {background: url(../images/hands/current.gif) 0 0 no-repeat; color:#fff;} #calendarTable td.unavailable {background: url(../images/hands/unavailable.gif) 0 0 no-repeat !important; color:#fff;} #calendarTable td.today {background: url(../images/hands/today.gif) 0 0 no-repeat !important; color:#fff;} #calendarTable td a {color:#fff; text-decoration:none; display:block; width:46px; height:38px;} #calendarTable td span {display:block; text-align:center; font-size:21px; width:46px; height:38px; padding-top:10px;} #eventCalendar .agenda {display:none;} .eventContent {overflow:hidden;} #eventAgenda {background:#fff; overflow:auto; width:335px; height:130px; margin:0 auto; margin-top:15px; position:relative;} #eventAgenda h3 {text-align:left; padding:0; margin:0;} .calcItem {padding:10px; position:relative;} .calcItem p {color:#4f2792; font-size:11px;} .calcItem p span {color:#555555; display:block;} .calcItem hr {color:#a48fca;} .calcItem a.remove {position:absolute; right:15px; bottom:26px; font-size:11px} #itemList {list-style:none; text-align:left;} #itemList li {height:23px;} #itemList li.listHeader {height:23px; display:none;} #itemList label {display:block; float:left; padding:0 0 0 15px; width:240px; font-weight:700; color:#4d2193;} #itemList span {display:block; font-size:10px; color:#4d2193;} #itemForm {text-align:left; padding: 0 0 0 25px;} #itemForm #meal {display:none;} #itemForm #thisdate {display:none;} #itemForm label {display:block; color:#fff; text-align:left; padding:5px 0;} #itemForm select {width:300px;} #itemForm input.text {width:300px; height:20px; border:1px solid #897f9e;} #itemForm textarea {width:300px; height:100px;} #itemForm a#addToCalendar {display:block; width:136px; height:31px; background:url(../images/hands/btnAddToCalendar.gif) center center no-repeat; text-indent:-999em; padding:20px 40px 20px 0; float:right;} #itemForm a#btnSave {display:block; width:81px; height:33px; background:url(../images/hands/btnSave.gif) center center no-repeat; text-indent:-999em; padding:20px 40px 20px 0; float:right;} #itemForm #selDay {width:45px;} #itemForm #selMonth {width:45px;} #itemForm #selYear {width:60px;} #ajaxload {background:url(../images/hands/load.gif) center center no-repeat; width:16px; height:16px; position:absolute; right:25px; display:none;} a.btnBacktoProfile {width:126px; height:31px; display:block; background:url(../images/hands/btnBackToProfile.gif) left center no-repeat; text-indent:-999em; padding:20px 0;} .footer-bottom { margin:20px auto; width:560px; } .facebook-like { margin:20px auto; width:310px; } .footer-req-sample-btn{ width: 240px; padding-top:10px; float:left; }