/*img, div { behavior: url(iepngfix.htc) }*/ span.accessibilty{position:absolute; top:-1000px; left:-1000px;} body{background:url(images/background_rpt.jpg) left 0 repeat;} body *{padding:0px; margin:0px;} #container{width:1018px; margin:auto;} #container .topSection{behavior:url(iepngfix.htc); width:1018px; height:283px; background:url(images/my-Ultrababy-Top.png) left 0 no-repeat;float:left;} #container .midSection{behavior:url(iepngfix.htc); width:1018px; height:auto; background:url(images/my-Ultrababy-Rpt.png) left 0 repeat-y; float:left;} /*Left nav*/ #container .midSection .nav{width:206px; float:left;padding:0 0 0 50px;} #container .midSection .nav ul{} #container .midSection .nav li{display:block; width:206px; height:27px; float:left;} #container .midSection .nav li a{width:206px; height:27px; float:left;} #container .midSection .nav li a:hover{background:none;} #container .midSection .nav .b1{background:url(images/nav/button1On.jpg) left 0 no-repeat;} #container .midSection .nav .b1 a{background:url(images/nav/button1Off.jpg) left 0 no-repeat;} #container .midSection .nav .b2{background:url(images/nav/button2On.jpg) left 0 no-repeat;} #container .midSection .nav .b2 a{background:url(images/nav/button2Off.jpg) left 0 no-repeat;} #container .midSection .nav .b3{background:url(images/nav/button3On.jpg) left 0 no-repeat;} #container .midSection .nav .b3 a{background:url(images/nav/button3Off.jpg) left 0 no-repeat;} #container .midSection .nav .b4{background:url(images/nav/button4On.jpg) left 0 no-repeat;} #container .midSection .nav .b4 a{background:url(images/nav/button4Off.jpg) left 0 no-repeat;} #container .midSection .nav .b5{background:url(images/nav/button5On.jpg) left 0 no-repeat;} #container .midSection .nav .b5 a{background:url(images/nav/button5Off.jpg) left 0 no-repeat;} #container .midSection .nav .b6{background:url(images/nav/button6On.jpg) left 0 no-repeat;} #container .midSection .nav .b6 a{background:url(images/nav/button6Off.jpg) left 0 no-repeat;} #container .midSection .nav .b7{background:url(images/nav/button7On.jpg) left 0 no-repeat;} #container .midSection .nav .b7 a{background:url(images/nav/button7Off.jpg) left 0 no-repeat;} #container .midSection .nav .b8{background:url(images/nav/button8On.jpg) left 0 no-repeat;} #container .midSection .nav .b8 a{background:url(images/nav/button8Off.jpg) left 0 no-repeat;} #container .midSection .nav .b9{background:url(images/nav/button9On.jpg) left 0 no-repeat;} #container .midSection .nav .b9 a{background:url(images/nav/button9Off.jpg) left 0 no-repeat;} #container .midSection .nav .b10{background:url(images/nav/button10On.jpg) left 0 no-repeat;} #container .midSection .nav .b10 a{background:url(images/nav/button10Off.jpg) left 0 no-repeat;} #container .midSection .nav .b11{background:url(images/nav/button11On.jpg) left 0 no-repeat;} #container .midSection .nav .b11 a{background:url(images/nav/button11Off.jpg) left 0 no-repeat;} #container .midSection .nav .b12{background:url(images/nav/button12On.jpg) left 0 no-repeat;} #container .midSection .nav .b12 a{background:url(images/nav/button12Off.jpg) left 0 no-repeat;} #container .midSection .nav .b13{background:url(images/nav/button13On.jpg) left 0 no-repeat;} #container .midSection .nav .b13 a{background:url(images/nav/button13Off.jpg) left 0 no-repeat;} #container .midSection .nav .b14{background:url(images/nav/button14On.jpg) left 0 no-repeat;} #container .midSection .nav .b14 a{background:url(images/nav/button14Off.jpg) left 0 no-repeat;} #container .midSection .nav .b15{background:url(images/nav/button15On.jpg) left 0 no-repeat;} #container .midSection .nav .b15 a{background:url(images/nav/button15Off.jpg) left 0 no-repeat;} #container .midSection .nav .b16{background:url(images/nav/button16On.jpg) left 0 no-repeat;} #container .midSection .nav .b16 a{background:url(images/nav/button16Off.jpg) left 0 no-repeat;} #container .midSection .nav .b17{background:url(images/nav/button17On.jpg) left 0 no-repeat;} #container .midSection .nav .b17 a{background:url(images/nav/button17Off.jpg) left 0 no-repeat;} #container .midSection .nav .b19{background:url(images/nav/button19On.jpg) left 0 no-repeat;} #container .midSection .nav .b19 a{background:url(images/nav/button19Off.jpg) left 0 no-repeat;} /*Location*/ #container .midSection .location{float:left; padding:20px 0 0 0; width:200px;} #container .midSection .location .watford{float:left; width:200px; height:80px; padding:10px 0 0 0;} #container .midSection .location .locationImageWatford{background:url(images/my-ultrababy-stAlbans.jpg) left 0 no-repeat;float:left; width:59px; height:59px; padding:0 10px 0 0; } #container .midSection .location .locationImageWatford a{background:url(images/my-ultrababy-stAlbans.jpg) left 0 no-repeat;float:left; width:59px; height:59px; padding:0 10px 0 0; display:block;} #container .midSection .location .locationText{font-family:arial; font-size:11px; color:#666; float:left;} #container .midSection .location .locationText a{font-family:arial; font-size:11px; color:#06a9ea; float:left; text-decoration:underline; font-weight:bold; padding:5px 0 0 0;} #container .midSection .location .docklands{float:left; width:200px; height:100px;} #container .midSection .location .locationImageDocklands{background:url(images/my-ultrababy-docklands.jpg) left 0 no-repeat;float:left; width:59px; height:59px; padding:0 10px 0 0;} #container .midSection .location .locationImageDocklands a{background:url(images/my-ultrababy-docklands.jpg) left 0 no-repeat;float:left; width:59px; height:59px; padding:0 10px 0 0; display:block;} #container .midSection .location .locationText{font-family:arial; font-size:11px; color:#666; float:left;} #container .midSection .location .locationText a{font-family:arial; font-size:11px; color:#06a9ea; float:left; text-decoration:underline; font-weight:bold; padding:5px 0 0 0;} /*Main Content Wide*/ #container .midSection .fullWidthContent{width:690px; float:right; padding:20px 40px 0 0;} #container .midSection .fullWidthContent .heading{float:left; width:690px;} #container .midSection .fullWidthContent .text{float:left; padding:20px 0 0 0; font-family:arial; font-size:12px; color:#6d6d6d;width:690px;} #container .midSection .antenatal-test .text {text-align: justify; width: 670px} #accordion {float:left;} h3.toggler {padding:20px 0 0 0; font-family:arial; font-size:12px; color:#6d6d6d; cursor: pointer; border: 2px solid #fff; background: #eee; padding: 3px 5px 1px; } div.element p, div.element h4 {font-family:arial; font-size:12px; color:#6d6d6d; margin:0px; padding:4px; } /*Form*/ .form{border:#999; border-style:solid; border-width:1px; margin:20px 0 0 0; display:inline; float:left; width:690px;} .formSection{float:left; width:690px; } .formSection .formHead{width:690px; height:35px; background-color:#999999;} .formSection .formHead p {font-family:arial; font-size:14px; font-weight:bold; color:#fff; padding:10px 0 0 10px;} .formSection p {font-family:arial; font-size:12px; color:#6d6d6d; padding:10px 0 0 10px;} .formSection input {width:250px; font-family:arial; font-size:12px; color:#6d6d6d;} .formSection textarea {width:250px; font-family:arial; font-size:12px; color:#6d6d6d;} .formSection .radio{width:10px;} .formSection .columLeft{float:left; width:200px; padding:10px 0 0 0; margin:0 5px 0 0; display:inline;} .formSection .columLeft .addressSection{height:100px; float:left; width:200px;} .formSection .columLeft li{height:25px; width:200px; list-style:none; font-family:arial; font-size:12px; color:#6d6d6d; padding:0 0 0px 10px; float:left;} .formSection .columLeft .double{height:45px;} .formSection .columLeft .address{height:50px;list-style:none; font-family:arial; font-size:12px; color:#6d6d6d; padding:10px 0 0px 10px;} .formSection .columRight{float:left; padding:10px 0 0 0; width:400px; } .formSection .columRight .addressSectionRight{height:100px; float:left; width:400px;} .formSection .columRight li{height:25px; float:left; width:400px; list-style:none; font-family:arial; font-size:12px; color:#6d6d6d; padding:0px; margin:0px; float:left;} .formSection .columRight span{font-family:arial; font-size:12px; color:#6d6d6d; padding:0 0 0 10px;} .formSection .formFinish{width:680px; background:url(images/sepForm.jpg)left 0 repeat-x; float:left;} .formSection .submitButtons{float:left; width:100px; height:50px; margin:10px 0 10px 220px; display:inline;} /*Developing baby*/ #container .midSection .showhide{width:680px; float:left; display:inline;} #container .midSection .fullWidthContent .buttonsGuide{height:25px; float:left; padding:15px 0 0 70px;} #container .midSection .trimesterText{width:680px; float:left; margin:0 0 10px 0; display:inline;} #container .midSection .trimesterText p{float:left; width:500px; text-align:justify; font-family:arial; font-size:12px; color:#6d6d6d; margin:0 25px 0 0; display:inline;} #container .midSection .antenatal-test-content p{float: none; width: auto; display: block; margin: 0 25px 0 10px} #container .midSection .antenatal-test-content p a { color:#6D6D6D; text-decoration:underline; } #container .midSection .trimesterText p.even {margin: 10px 0 0 10px} #container .midSection .trimesterText img{padding:20px 0 0 0; float:right;} #container .midSection .trimesterText .backToTop{float:left; width:174px;} #container .midSection .trimesterText .bold{font-weight:bold; padding:10px 0 0 0; width:500px} #container .midSection .trimesterText .blue{font-weight:bold; color:#0099ff;} #container .midSection .trimesterText .blue a{font-weight:bold; color:#0099ff; text-decoration:none;} #container .midSection .trimesterText .blue a:hover{font-weight:bold; color:#0099ff; text-decoration:underline;} #container .midSection .trimesterText .pinkHeading{color:#ff15ab; font-weight:bold; padding:0 0 10px 0;} #container .midSection .trimesterText .blueHeading{color:#0099ff; font-weight:bold; padding:10px 0 0 0;} #container .midSection .fullWidthContent .buttonsGuide p{ height:25px; float:left; padding:0 10px 0 0;} #container .midSection .antenatal-test .buttonsGuide { padding: 15px 0 0} #container .midSection #div-semester1{float:left; width:680px; margin:15px 0 0 25px;} #container .midSection #div-semester2{display:none; float:left; width:680px; margin:15px 0 0 25px;} #container .midSection #div-semester3{display:none; float:left; width:680px; margin:15px 0 0 25px;} #container .midSection #general-blood-screening{display:none; float:left; width:680px; margin:15px 0 0 25px;} #container .midSection .trimesterText .sepTri{width:690px; height:2px; background:url(images/sepBack.jpg) left 0 repeat-x; float:left; display:block;} /*Main Content Quote*/ #container .midSection .quoteWidthContent{width:690px; float:right; padding:20px 40px 0 0;} #container .midSection .quoteWidthContent .heading{float:left; width:500px; padding:0 0 10px 0; clear:right;} #container .midSection .quoteWidthContent .thinContent{width:500px; display:block; padding:0 0 10px 0;float:left;} #container .midSection .quoteWidthContent .bulletText{width:500px; float:left; font-family:arial; font-size:12px; color:#6d6d6d; padding:2px 0 0 0; line-height:15px; text-align:justify;} #container .midSection .quoteWidthContent .bulletText ul{float:left;} #container .midSection .quoteWidthContent .bulletText li{list-style-position:inside; float:left; width:500px;} #container .midSection .quoteWidthContent .text{text-align:justify; width:500px; float:left; font-family:arial; font-size:12px; color:#6d6d6d; padding:10px 0 0 0;line-height:15px;} #container .midSection .quoteWidthContent .text a{color:#6d6d6d; text-decoration:underline;} #container .midSection .quoteWidthContent .pinkHeading{color:#ff15ab; text-align:justify; width:500px; float:left; font-family:arial; font-size:12px; line-height:15px;} #container .midSection .quoteWidthContent .text li{list-style-position:inside; float:left;width:500px;} #container .midSection .quoteWidthContent .newTitle{font-size:17px; font-weight:bold; padding:0 0 10px 0;} #container .midSection .quoteWidthContent .textBullet{background:url(images/greyBullet.gif) left 12px no-repeat; width:490px; float:left; font-family:arial; font-size:12px; color:#6d6d6d; padding:10px 0 0 10px; line-height:15px; text-align:justify;} #container .midSection .quoteWidthContent .textHeader{width:500px; float:left; font-family:arial; font-size:12px; color:#6d6d6d; font-weigt:bold; padding:15px 0 0 0;} #container .midSection .quoteWidthContent .textNote{width:500px; float:left; font-family:arial; font-size:11px; color:#6d6d6d; padding:10px 0 0 0; line-height:14px;} #container .midSection .quoteWidthContent .heartBeatBear{padding:20px 0 0 0; float:left; background:url(images/heartbeat-bear.jpg) left no-repeat; height:91px;} #container .midSection .quoteWidthContent .heartBeatBear p{font-family:arial; font-size:12px; color:#6d6d6d; float:left; padding:20px 0 0 180px;} #container .midSection .quoteWidthContent keepsakesImage{float:left;} #container .midSection .quoteWidthContent .bookingBox{float:left; padding:30px 0 0 0;} #container .midSection .quoteWidthContent .babyShowWide{float:left; margin:10px 0 0 0;} /*Keepsakes List*/ #container .midSection .quoteWidthContent .pinkHeading{font-weight:bold; color:#ff15ab; padding:20px 0 0 0;} #container .midSection .quoteWidthContent .keepsakes{width:500px; float:left; font-family:arial; font-size:12px; color:#6d6d6d; padding:10px 0 0 0;line-height:15px;} #container .midSection .quoteWidthContent .keepsakes ul{} #container .midSection .quoteWidthContent .keepsakes li{list-style:none;} /*Quote contentBoxes*/ #container .midSection .quoteWidthContent .partBoxes{float:left; padding:20px 0 0px 0; width:690px;} #container .midSection .quoteWidthContent .partBoxes ul{float:left;} #container .midSection .quoteWidthContent .partBoxes li{display:block; width:160px; float:left; padding:0 12px 0 0;} #container .midSection .quoteWidthContent .partBoxes li p{font-family:arial; font-size:11px; line-height:12px; float:left; color:#6d6d6d;} #container .midSection .quoteWidthContent .partBoxes .part1{background:url(images/part1Box.jpg) left 0 no-repeat; width:160px; height:285px;} #container .midSection .quoteWidthContent .partBoxes .part2{background:url(images/part2Box.jpg) left 0 no-repeat; width:160px; height:285px;} #container .midSection .quoteWidthContent .partBoxes .part3{background:url(images/part3Box.jpg) left 0 no-repeat; width:160px; height:285px;} #container .midSection .quoteWidthContent .partBoxes .part4{background:url(images/part4Box.jpg) left 0 no-repeat; width:160px; height:285px;} /*Inside the boxes*/ #container .midSection .quoteWidthContent .partBoxes .partText{padding:40px 0 0 10px; float:left; width:130px;} #container .midSection .quoteWidthContent .partBoxes .partText .headingText{font-weight:bold; width:140px; text-align:center; float:left; padding:0 0 10px 0; font-size:12px; line-height:15px;} #container .midSection .quoteWidthContent .partBoxes .partText ul{float:left;} #container .midSection .quoteWidthContent .partBoxes .partText li{padding:0 0 10px 10px; background:url(images/pinkBullet.gif) left 3px no-repeat; float:left; font-family:arial; font-size:12px; line-height:14px; color:#6d6d6d; width:130px;} /*Right Content*/ #container .midSection .quoteWidthContent .rightContent{width:155px; float:right; font-family:arial; font-size:11px; color:#6d6d6d;} #container .midSection .quoteWidthContent .rightContent .preview {padding:10px 0 0 0;} #container .midSection .quoteWidthContent .rightContent .mapLink{float:left; color:#6d6d6d; font-weight:bold; text-decoration:underline; padding:10px 0 10px 25px;} #container .midSection .quoteWidthContent .rightContent .mapLink a{float:left; color:#6d6d6d; font-weight:bold; text-decoration:underline;} /*QuoteBox*/ #container .midSection .quoteWidthContent .rightContent .quote{width:152px; padding:10px 0 0 0;} #container .midSection .quoteWidthContent .rightContent .quoteTop{width:152px; height:30px; background:url(images/quoteTop.jpg) left 0 no-repeat; float:left;} #container .midSection .quoteWidthContent .rightContent .quoteRpt{width:152px; height:auto; background:url(images/quoteRpt.jpg) left 0 repeat-y; float:left;} #container .midSection .quoteWidthContent .rightContent .quoteRpt p{font-family:arial; font-size:11px; line-height:14px; color:#fff; padding:5px 10px 0 10px} #container .midSection .quoteWidthContent .rightContent .quoteBtm{width:152px; height:51px; background:url(images/quoteBtm.jpg) left 0 no-repeat; float:left; padding:0 0 10px 0;} #container .midSection .quoteWidthContent .rightContent .quoteBtm p{color:#06a9ea; font-family:arial; font-style:italic; font-size:11px; padding:30px 0 0 10px;} /*QuoteBox*/ #container .midSection .quoteWidthContent .rightContent .healthCareRefferal{margin:10px 0 10px 0; background:url(images/healthCareRefferal.jpg) left 0 no-repeat; float:left; width:152px; height:415px;} #container .midSection .quoteWidthContent .rightContent .healthCareRefferal .text {width:130px; float:left; padding:200px 0 0 0;} #container .midSection .quoteWidthContent .rightContent .healthCareRefferal .text p{width:130px; line-height:15px; padding:10px 0 0 10px; float:left; font-family:arial; font-size:12px; color:#6d6d6d; text-align:left;} #container .midSection .quoteWidthContent .rightContent .healthCareRefferal .text p a{font-weight:bold; text-decoration:underline;} /*Main Content Boxes*/ #container .midSection .fullWidthContent .boxes{float:left; padding:20px 0 30px 0;} #container .midSection .fullWidthContent .boxes ul{} #container .midSection .fullWidthContent .boxes li{display:block; width:216px; float:left; padding:0 12px 12px 0;} #container .midSection .fullWidthContent .boxes li p{font-family:arial; font-size:11px; height:110px; line-height:12px; color:#6d6d6d; padding:40px 5px 0 110px;} #container .midSection .fullWidthContent .boxes .learnMore{width:219px; height:39px; background:url(images/learn-more-on.jpg) left 0 no-repeat; margin:5px 0 0;} #container .midSection .fullWidthContent .boxes .learnMore a{ display:block; background:url(images/learn-more-off.jpg) left 0 no-repeat; width: 218px; height: 35px;} #container .midSection .fullWidthContent .boxes .learnMore a:hover{background:none;} #container .midSection .fullWidthContent .boxes .box1{background:url(images/2D-scan.jpg) left 0 no-repeat;} #container .midSection .fullWidthContent .boxes .box2{background:url(images/3D4D-scan.jpg) left 0 no-repeat;} #container .midSection .fullWidthContent .boxes .box3{background:url(images/antenatal-classes.jpg) left 0 no-repeat;} #container .midSection .fullWidthContent .boxes .box4{background:url(images/gynae-scan.jpg) left 0 no-repeat;} #container .midSection .fullWidthContent .boxes .box5{background:url(images/antenatal-screen-tests.jpg) left 0 no-repeat;} #container .midSection .fullWidthContent .boxes .box6{background:url(images/group-B-strep-screening.jpg) left 0 no-repeat;} #container .midSection .fullWidthContent .boxes .bookingBox{margin:20px 0 0 0;} #container .btmSection{behavior: url(iepngfix.htc); width:1018px; height:28px; background:url(images/my-Ultrababy-Btm.png) left 0 repeat-y; float:left;} /*Footer*/ #container #footer{background:url(images/footer-background.png) left 0 no-repeat; width:1018px; height:250px; float:left; behavior: url(iepngfix.htc); } #container #footer ul{float:left; margin:90px 0 0 20px;background:url(images/hor_sep.gif) right 0 repeat-y;} #container #footer li{display:block; font-family:arial; color:#fff; font-size:11px; float:left; padding:3px 0 0 0; width:120px;} #container #footer li a{display:block; font-family:arial; color:#fff; font-size:11px; float:left; padding:3px 0 0 0; width:120px; text-decoration:none;} #container #footer li a:hover{text-decoration:underline;} #container #footer .textOne{width:120px; height:110px;float:left; padding:0 0 0 35px;} #container #footer .textTwo{width:120px; height:110px;float:left;} #container #footer .textThree{width:120px; height:110px;float:left;} #container #footer .textFour{width:120px; height:110px;float:left;} #container #footer .textFive{width:380px; float:left; margin:80px 0 0 20px;} #container #footer .textFive p{padding:10px 0 0 0; font-family:arial; color:#fff; font-size:11px;} #container #footer .textFive p a{padding:10px 0 0 0; font-family:arial; color:#fff; font-size:11px; text-decoration:none;} #container #footer .textFive p a:hover{text-decoration:underline;}