#map{width:200px; position:relative;} #container #map .locations-map{background:url(mapimages/locations-map.jpg) left 0 no-repeat; height:160px; width:200px; margin:0 auto;} #container #map .locations-map ul{margin:0; padding:0;} #container #map .locations-map li{list-style:none; position:relative; float:left; margin:0; padding:0; cursor:pointer;} #container #map .locations-map li#pin1{width:31px; height:38px; background:url(mapimages/pin1-off.png) left 0 no-repeat; left:55px; top:30px;} #container #map .locations-map li#pin1.on, #container #map .locations-map li#pin1:hover{background:url(mapimages/pin1-on.png) left 0 no-repeat} #container #map .locations-map li#pin2{width:31px; height:38px; background:url(mapimages/pin3-off.png) left 0 no-repeat; left:47px; top:5px;} #container #map .locations-map li#pin2.on, #container #map .locations-map li#pin2:hover{background:url(mapimages/pin3-on.png) left 0 no-repeat} #container #map .locations-map li#pin3{width:35px; height:44px; background:url(mapimages/pin4-off.png) left 0 no-repeat; left:30px; top:27px;} #container #map .locations-map li#pin3.on, #container #map .locations-map li#pin3:hover{background:url(mapimages/pin4-on.png) left 0 no-repeat} #container #map .locations-map li#pin4{width:35px; height:40px; background:url(mapimages/pin2-off.png) left 0 no-repeat; left:-30px; top:32px;} #container #map .locations-map li#pin4.on, #container #map .locations-map li#pin4:hover{background:url(mapimages/pin2-on.png) left 0 no-repeat} #map .addresses{display:block; width:194px; height:106px; font-family:arial; font-size:11px; color:#666; margin:0 auto; background:url(mapimages/address-bg.jpg) left 0 no-repeat;} #map .addresses ul{padding:20px 0 0 0; margin:0;} #container #map .addresses ul li{list-style:none; margin:0; padding:0 10px; width:174px; display:none;} #container #map .addresses ul li.on{display:block;} 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;} .topSection{behavior:url(iepngfix.htc); width:1018px; height:283px; background:url(images/my-Ultrababy-Top.png) left 0 no-repeat; float:left;} .topSection ul{list-style:none; float:left; padding:248px 0 0 270px;} .topSection li{width:130px; height:24px; float:left; padding-left:12px;} .midSection{behavior:url(iepngfix.htc); width:1018px; height:auto; background:url(images/my-Ultrababy-Rpt.png) left 0 repeat-y; float:left;} .topSectionPPC{behavior:url(iepngfix.htc); width:1018px; height:283px; background:url(images/my-Ultrababy-Top2.png) left 0 no-repeat; float:left;} .topSectionPPC ul{list-style:none; float:left; padding:248px 0 0 270px;} .topSectionPPC li{width:130px; height:24px; float:left; padding-left:12px;} /*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 .underline{font-weight:bold; text-decoration:underline; padding:10px 0 0 0;} #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-weight: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; padding:3px 0 3px 0;} #container .midSection .quoteWidthContent .keepsakes li.keepProduct{float:left; width:470px; border-bottom:solid 1px #ccc;} #container .midSection .quoteWidthContent .keepsakes li.keepPrice{float:left; width:20px;} /*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; height:30px;} #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 5px;} #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} #container .underfooter{font-family:arial; color:#666; font-size:11px; float:left; width:980px; padding:0 0 50px 20px;}