body {background-image:url(http://static.eharmony.co.uk/assets/uk/images/background.gif); font-family:arial; margin:0px; padding:0px; background-color:#6d96be; background-repeat:repeat-x} h1 {margin: 0; padding: 0; border: 0; font-family:arial;} h2 {margin: 0; padding: 0; border: 0; font-family:arial;} h3 {margin: 0; padding: 0; border: 0; font-family:arial;} h4 {margin: 0; padding: 0; border: 0; font-family:arial;} a {text-decoration:none} a:hover {text-decoration:underline} form {margin:0px; padding:0px} input, select, textarea {border:1px solid #8ab8e5; margin:0px; padding:0px} #container {width:970px; margin:0px auto} hr {height:1px; border-color:#CCCCCC; border-width:1px 0 0 0} /** Header **/ DIV.ehHeader {width:970px; background-image:url(http://static.eharmony.co.uk/assets/uk/images/bg-header.gif); width:970px; height:108px} DIV.ehHeader #logo {float:left; padding:25px} DIV.ehHeader #right {float:right; font-size:12px; padding:10px 25px; text-align:right} DIV.ehHeader #right h1 {font-size:18px;color:#0f4c8c; padding:30px 0 0 0; margin:0px} DIV.ehHeader #right h1 strong {color:#bc0007} DIV.ehHeader #right h2 {font-size:18px;color:#0f4c8c; padding:30px 0 0 0; margin:0px} DIV.ehHeader #right h2 strong {color:#bc0007} /** Homepage **/ DIV.homeBox {width:970px;} #sgBecky {background-image:url(http://static.eharmony.co.uk/assets/uk/images/bg-home-becky.jpg); background-repeat:no-repeat;} #sgTanya {background-image:url(http://static.eharmony.co.uk/assets/uk/images/bg-home-tanya.jpg); background-repeat:no-repeat;} #sgAngela {background-image:url(http://static.eharmony.co.uk/assets/uk/images/bg-home-ang.jpg); background-repeat:no-repeat;} #cplTanyaJosh {background-image:url(http://static.eharmony.co.uk/assets/uk/images/bg-home-tj.jpg); background-repeat:no-repeat;} #cplNathanAngela {background-image:url(http://static.eharmony.co.uk/assets/uk/images/bg-home-na.jpg); background-repeat:no-repeat;} #cplShannonLJ {background-image:url(http://static.eharmony.co.uk/assets/uk/images/bg-home-slj.jpg); background-repeat:no-repeat;} DIV.homeBox #regHeader {color:#FFFFFF; padding:20px 0px 0px 35px} DIV.homeBox #regHeader h1 {font-size:27px; padding:0px; margin:0px} DIV.homeBox #regHeader h1 strong {color:#caeefe} DIV.homeBox #regBox {width:425px; padding:40px 0 0 0; margin:0px} DIV.homeBox #regBox #regSubHeader, DIV.homeBox #regBox #regSubHeader h1 {color:#003e7f; font-size:15px; font-weight:bold; padding:20px 0px 10px 55px} DIV.homeBox #regBox #regSubHeader strong, DIV.homeBox #regBox #regSubHeader h1 strong {font-weight:bold; font-size:19px; color:#bd0007} DIV.homeBox #regBox DIV.left {float:left; width:160px; text-align:right; padding:2px 5px 2px 2px; font-size:13px; font-weight:bold; margin:0px; clear:both} DIV.homeBox #regBox DIV.right {float:left; width:225px; padding:2px 2px 2px 5px; margin:0px} DIV.homeBox #regBox DIV.right label {font-size:10px} DIV.homeBox #regBox #btnJoin {float:left; width:205px; padding:0px 0 0 170px} DIV.homeBox #regBox #btnJoin input {border: 0px} DIV.homeBox #regBox input,select,textarea {font-size:14px} DIV.homeBox #hpInfo {width:970px; padding:45px 0 0 0px; overflow:hidden; margin:0px} DIV.homeBox #bullets {width:440px; float:right; padding-left:10px} DIV.homeBox #bullets h2 {color:#0f4c8c; font-size:22px; padding:0px; margin:0px} DIV.homeBox #bullets h2 strong {color:#0f4c8c} DIV.homeBox #bullets h2 label {font-size:20px; color:#bc0007} DIV.homeBox #bullets ul {list-style-image: url(http://static.eharmony.co.uk/assets/uk/images/bullets.gif);} DIV.homeBox #bullets li {font-size:13px; padding-bottom:7px} DIV.homeBox #hpQuote {float:left; width:445px; padding:0px 35px 0 40px} DIV.homeBox #hpQuote #text {width:220px; background-image:url(http://static.eharmony.co.uk/assets/uk/images/bg-hpquote.gif); float:right; font-size:13px; text-align:left; padding:25px 15px 0 15px; background-repeat:no-repeat; color:#666666} DIV.homeBox #hpQuote #text em {font-size:12px} DIV.bgBottom {width:970px; height:25px; background-image:url(http://static.eharmony.co.uk/assets/uk/images/bg-bottom.gif)} DIV.bgSubBottom {width:970px; height:54px; background-image:url(http://static.eharmony.co.uk/assets/uk/images/bg-bottom-sub.gif)} /** Subpage **/ DIV.subBox {width:970px; background-image:url(http://static.eharmony.co.uk/assets/uk/images/bg-sub.gif); background-repeat:no-repeat; background-color:#FFFFFF} DIV.subBox #subHeader {color:#FFFFFF; padding:20px 0px 0px 35px; float:left;} DIV.subBox #subHeader h1 {font-size:25px; padding:0px; margin:0px} DIV.subBox #subHeader h1 strong {color:#caeefe} DIV.subBox #mainNav {float:right; color:#caeefe; font-size:13px; font-weight:bold; padding-top:30px; padding-right:10px; overflow:hidden;} DIV.subBox #mainNav ul {list-style:none; margin:0px; padding:0px; overflow:hidden;} DIV.subBox #mainNav li {display:block; float:left; padding: 0; margin:0px 5px; height:39px;} DIV.subBox #mainNav a {color:#caeefe} /** Main Nav **/ /* body#tour DIV.subBox {width:970px; background-image:url(http://static.eharmony.co.uk/assets/uk/images/bg-tour.gif); background-repeat:no-repeat; background-color:#FFFFFF} body#whyEH DIV.subBox {width:970px; background-image:url(http://static.eharmony.co.uk/assets/uk/images/bg-whyeh.gif); background-repeat:no-repeat; background-color:#FFFFFF} body#success DIV.subBox {width:970px; background-image:url(http://static.eharmony.co.uk/assets/uk/images/bg-success.gif); background-repeat:no-repeat; background-color:#FFFFFF} body#signUp DIV.subBox {width:970px; background-image:url(http://static.eharmony.co.uk/assets/uk/images/bg-signup.gif); background-repeat:no-repeat; background-color:#FFFFFF} */ body#tour #tourNav a, body#whyEH #whyEHNav a, body#success #successNav a, body#signUp #signupNav a{color:#FFFFFF} body#tour #mainNav #tourNav {background:url(http://static.eharmony.com/assets/corp/br/images/subnav-arrow.gif) bottom center no-repeat} body#whyEH #mainNav #whyEHNav {background:url(http://static.eharmony.com/assets/corp/br/images/subnav-arrow.gif) bottom center no-repeat} body#success #mainNav #successNav {background:url(http://static.eharmony.com/assets/corp/br/images/subnav-arrow.gif) bottom center no-repeat} body#signUp #mainNav #signupNav {background:url(http://static.eharmony.com/assets/corp/br/images/subnav-arrow.gif) bottom center no-repeat} DIV.subBox #infoBox {width:880px; padding:20px 45px 45px 45px; overflow:hidden; font-size:12px} DIV.subBox #infoBox h2 {font-size:14px} DIV.subBox #hpInfo {width:970px; padding:45px 0 0 0px; overflow:hidden} DIV.subBox #bullets {width:460px; float:left; padding-left:20px;} DIV.subBox #bullets h2 {color:#0f4c8c; font-size:22px; padding:0px; margin:0px} DIV.subBox #bullets h2 strong {color:#bc0007} DIV.subBox #bullets ul {list-style-image: url(http://static.eharmony.co.uk/assets/uk/images/bullets.gif);} DIV.subBox #bullets li {font-size:14px; padding-bottom:10px} DIV.subBox #hpInfo {width:970px; padding:35px 0 0 0px; overflow:hidden} DIV.subBox #regHeader {color:#FFFFFF; padding:20px 0px 0px 35px} DIV.subBox #regHeader h1 {font-size:27px; padding:0px; margin:0px} DIV.subBox #regHeader h1 strong {color:#caeefe} DIV.subBox #hpInfo #regBox {width:420px; padding:0px 0 0 0; float:left} DIV.subBox #hpInfo #regBox #regSubHeader, DIV.subBox #hpInfo #regBox h2, DIV.subBox #hpInfo #regBox #regSubHeader h1, DIV.subBox #hpInfo #regBox #regSubHeader h2 {color:#003e7f; font-size:24px; font-weight:bold; padding:0px 0px 20px 65px} DIV.subBox #hpInfo #regBox #regSubHeader strong, DIV.subBox #hpInfo #regBox h2 strong, DIV.subBox #hpInfo #regBox #regSubHeader h1 strong, DIV.subBox #hpInfo #regBox #regSubHeader h2 strong {font-weight:bold; font-size:24px; color:#bd0007} DIV.subBox #hpInfo #regBox DIV.left {float:left; width:160px; text-align:right; padding:2px 5px 2px 2px; font-size:12px; font-weight:bold} DIV.subBox #hpInfo #regBox DIV.right {float:left; width:205px; padding:2px 2px 2px 5px} DIV.subBox #hpInfo #regBox DIV.right label {font-size:10px} DIV.subBox #hpInfo #regBox #btnJoin {float:left; width:205px; padding:0px 0 0 170px} DIV.subBox #hpInfo #regBox #btnJoin input {border: 0px} DIV.subBox #hpInfo #regBox div.gender {width: 245px;} DIV.subBox #hpInfo #regBox .gender select, DIV.subBox #hpInfo #regBox .gender div {float: left;} DIV.subBox #hpInfo #regBox .gender div {margin: 0px 5px; font-size:12px; font-weight:bold; padding:0px 5px 2px 2px; text-align:right;} DIV.subBox #hpInfo #regBox #textBox {font-size:12px; width:370px; padding:0px 0 20px 65px} DIV.subBox #hpInfo #regBox #errorBox {font-size:12px; width:340px; margin:0px 0 20px 65px; background-color:#fff8ac; padding:15px} DIV.subBox #hpInfo #rtContent {width:471px; float:right; padding-right:20px} DIV.subBox #hpInfo #rtContent #hpQuote {float:right; width:456px; text-align:right; padding-right:10px;} DIV.subBox #hpInfo #rtContent #hpQuote #text {width:245px; color:#666666; background-image:url(http://static.eharmony.co.uk/assets/uk/images/bg-hpquote.gif); float:right; font-size:13px; text-align:left; padding:25px 5px 0 15px; background-repeat:no-repeat} DIV.subBox #hpInfo #rtContent #hpQuote #text em {font-size:12px} DIV.subBox #hpInfo #rtContent #successList {float:right; width:456px; padding-right:10px;} DIV.subBox #hpInfo #rtContent #successList #left {float:left; width:200px; font-size:12px} DIV.subBox #hpInfo #rtContent #successList #right {float:right; width:200px; font-size:12px} DIV.subBox #hpInfo #rtContent #successList li {padding-bottom:10px} DIV.subBox #hpInfo #rtContent #referBox {width:446px; padding:35px 0px 0 20px; font-size:14px; border-top:1px solid #d1ebf6} DIV.subBox #hpInfo #rtContent #referBox h2 {font-size:18px; padding:10px 0 10px 0; margin:0px; color:#264da1} DIV.subBox #hpInfo #rtContent #referBox h2 strong {color:#be0007} DIV.subBox #hpInfo #rtSuccess {width:431px; font-size:13px; float:right; padding:0 15px; } DIV.subBox #hpInfo #rtSuccess h5 {font-size:18px; font-weight:bold; color:#0050a1; padding:0px 0 25px 0; margin:0px} DIV.subBox #hpInfo #rtSuccess h5 strong {color:#bd0007} /** Take Tour **/ DIV.subBox DIV.tourBox {width:956px; height:386px; margin:0px 0 0 7px;} DIV.subBox #tour1 {background-image:url(http://static.eharmony.co.uk/assets/uk/images/bg-tour-1.jpg); overflow:hidden; background-repeat:no-repeat;} DIV.subBox #tour1 #tour a {color:#d5eafe} DIV.subBox #tour2 {background-image:url(http://static.eharmony.co.uk/assets/uk/images/bg-tour-2.jpg); overflow:hidden; background-repeat:no-repeat;} DIV.subBox #tour2 #tourAbout a {color:#d5eafe} DIV.subBox #tour3 {background-image:url(http://static.eharmony.co.uk/assets/uk/images/bg-tour-3.jpg); overflow:hidden; background-repeat:no-repeat;} DIV.subBox #tour3 #tourFinding a {color:#d5eafe} DIV.subBox #tour4 {background-image:url(http://static.eharmony.co.uk/assets/uk/images/bg-tour-4.jpg); overflow:hidden; background-repeat:no-repeat;} DIV.subBox #tour4 #tourJoin a {color:#d5eafe} DIV.subBox #tour5 {background-image:url(http://static.eharmony.co.uk/assets/uk/images/bg-tour-8.jpg); overflow:hidden; background-repeat:no-repeat;} DIV.subBox #tour5 #tourComm a {color:#d5eafe} DIV.subBox #tour6 {background-image:url(http://static.eharmony.co.uk/assets/uk/images/bg-tour-6.jpg); overflow:hidden; background-repeat:no-repeat;} DIV.subBox #tour6 #tourStart a {color:#d5eafe} DIV.subBox DIV.tourBox #tourNav {margin:31px 0 0 45px; font-size:13px; font-weight:bold; color:#FFFFFF} DIV.subBox DIV.tourBox #tourNav ul {list-style:none; padding:0px; margin:0px} DIV.subBox DIV.tourBox #tourNav li {display:inline; padding:0 4px} DIV.subBox DIV.tourBox #tourNav a {color:#FFFFFF} DIV.subBox DIV.tourBox #tourContent {width:525px; padding:35px 0 0 45px; font-size:17px; color:#333333; margin:0px} DIV.subBox DIV.tourBox #tourContent h1 {color:#0050a1; padding:5px 0 20px 0; margin:0px; font-size:32px} DIV.subBox DIV.tourBox #tourContent h1 strong {color:#e46100} DIV.subBox DIV.tourBox #tourContent h2 {color:#0050a1; padding:5px 0 20px 0; margin:0px; font-size:32px} DIV.subBox DIV.tourBox #tourContent h2 strong {color:#e46100} DIV.subBox DIV.tourBox #tourContent h3 {color:#FFFFFF; padding:85px 0 20px 0; margin:0px; font-size:21px;} DIV.subBox DIV.tourBox #tourContent a {color:#0866c5; font-size:16px; font-weight:bold} DIV.subBox DIV.tourBox #tourContent #back {float:left; padding-top:20px} DIV.subBox DIV.tourBox #tourContent #next {float:right; padding-top:20px} DIV.subBox DIV.successBox {width:956px; height:200px; margin:0px 0 0 7px; background-image:none; overflow:hidden; background-repeat:no-repeat} DIV.subBox DIV.successBox #successContent {width:450px; padding:25px 0 0 70px; font-size:16px; color:#333333; margin:0px} DIV.subBox DIV.successBox #successContent h1 {color:#0050a1; padding:5px 0 0px 0; margin:0px; font-size:32px} DIV.subBox DIV.successBox #successContent h1 strong {color:#e46100} DIV.subBox DIV.successBox #successContent h2 {color:#0050a1; padding:5px 0 0px 0; margin:0px; font-size:32px} DIV.subBox DIV.successBox #successContent h2 strong {color:#e46100} DIV.subBox DIV.successBox #successContent a {font-size:13px; color:#0866c5} DIV.subBox DIV.successBox #successContent #left {width:200px; float:left} DIV.subBox DIV.successBox #successContent #left a {font-size:13px; color:#0866c5} DIV.subBox DIV.successBox #successContent #right {width:200px; float:right} DIV.subBox DIV.successBox #successContent #right a {font-size:13px ;color:#0866c5} DIV.subBox DIV.successBox #successContent li {color:#0866c5} DIV.subBox DIV.successBox #successContent #quote {font-size:13px; padding:55px 0 0 20px; } DIV.subBox DIV.successBox #successContent #quote label {font-size:24px} DIV.subBox #successWide {width:850px; padding:25px 0 0 0px; font-size:16px; color:#333333; margin:0px; font-size:13px; overflow:hidden; margin:0px auto} DIV.subBox #successWide img {margin:0 30px 30px 0} DIV.subBox #successWide strong {font-size:16px} /** Why eHarmony **/ DIV.subBox DIV.whyEHBox {margin:15px 0 0 7px} DIV.subBox #whyEH1 {background-image:url(http://static.eharmony.co.uk/assets/uk/images/bg-whyeh-1.jpg); overflow:hidden; background-repeat:no-repeat;width:956px; height:440px;} DIV.subBox #whyEH1 #whyEHHome a {color:#d5eafe} DIV.subBox #whyEH2 {background-image:url(http://static.eharmony.co.uk/assets/uk/images/bg-whyeh-2.jpg); overflow:hidden; background-repeat:no-repeat;width:956px; height:788px;} DIV.subBox #whyEH2 #whyScientific a {color:#d5eafe} DIV.subBox #whyEH3 {background-image:url(http://static.eharmony.co.uk/assets/uk/images/bg-whyeh-5.jpg); overflow:hidden; background-repeat:no-repeat;width:956px; height:649px;} DIV.subBox #whyEH3 #why29Dim a {color:#d5eafe} DIV.subBox #whyEH4 {background-image:url(http://static.eharmony.co.uk/assets/uk/images/bg-whyeh-6.jpg); overflow:hidden; background-repeat:no-repeat;width:956px; height:490px;} DIV.subBox #whyEH4 #whyExpert a {color:#d5eafe} DIV.subBox DIV.whyEHBox #whyNav {margin:35px 0 0 45px; font-size:13px; font-weight:bold; color:#FFFFFF} DIV.subBox DIV.whyEHBox #whyNav ul {list-style:none; padding:0px; margin:0px} DIV.subBox DIV.whyEHBox #whyNav li {display:inline; padding:0 5px} DIV.subBox DIV.whyEHBox #whyNav a {color:#FFFFFF} DIV.subBox DIV.whyEHBox #whyEHContent {width:420px; padding:35px 0 0 45px; font-size:17px; color:#333333} DIV.subBox DIV.whyEHBox #whyEHContent h1 {color:#0050a1; padding:5px 0 20px 0; margin:0px; font-size:32px; width:500px} DIV.subBox DIV.whyEHBox #whyEHContent h1 strong {color:#e46100} DIV.subBox DIV.whyEHBox #whyEHContent h2 {color:#0050a1; padding:5px 0 20px 0; margin:0px; font-size:32px; width:500px} DIV.subBox DIV.whyEHBox #whyEHContent h2 strong {color:#e46100} DIV.subBox DIV.whyEHBox #whyEHContent h3 {color:#FFFFFF; padding:55px 0 20px 0; margin:0px; font-size:18px;} DIV.subBox DIV.whyEHBox #whyEHContent a {color:#0866c5; font-size:16px; font-weight:bold} DIV.subBox DIV.whyEHBox #whyEHContent #back {float:left; padding-top:15px} DIV.subBox DIV.whyEHBox #whyEHContent #next {float:right; padding-top:15px} DIV.subBox #whyEHMore {width:920px; padding:20px 0 0 0px; overflow:hidden; margin:0 0 0 40px; font-size:12px;} DIV.subBox #whyEHMore #whyLeft {float:left; width:270px; height:270px; border-right:1px solid #cde6f1; padding:0 15px 25px 0px} DIV.subBox #whyEHMore #whyCenter {float:left; width:300px; height:270px; border-right:1px solid #cde6f1; padding:0 15px 25px 15px} DIV.subBox #whyEHMore #whyRight {float:left; width:270px; height:270px; padding:0 15px 25px 15px} DIV.subBox DIV.whyEHBox #whyEHContentWide {width:520px; padding:35px 0 0 45px; font-size:17px; color:#666666} DIV.subBox DIV.whyEHBox #whyEHContentWide h1 {color:#0050a1; padding:5px 0 20px 0; margin:0px; font-size:32px} DIV.subBox DIV.whyEHBox #whyEHContentWide h1 strong {color:#e46100} /*DIV.subBox DIV.whyEHBox #whyEHContentWide h2 {color:#FFFFFF; padding:55px 0 20px 0; margin:0px; font-size:18px;}*/ DIV.subBox DIV.whyEHBox #whyEHContentWide h2 {color:#0050a1; padding:5px 0 20px 0; margin:0px; font-size:32px} DIV.subBox DIV.whyEHBox #whyEHContentWide h2 strong {color:#e46100} DIV.subBox DIV.whyEHBox #whyEHContentWide h3 {color:#0050a1; padding:5px 0 20px 0; margin:0px; font-size:27px} DIV.subBox DIV.whyEHBox #whyEHContentWide h3 strong {color:#e46100} DIV.subBox DIV.whyEHBox #whyEHContentWide a {color:#0866c5; font-size:16px; font-weight:bold} DIV.subBox DIV.whyEHBox #whyEHContentWide #back {float:left; padding-top:15px} DIV.subBox DIV.whyEHBox #whyEHContentWide #next {float:right; padding-top:15px} DIV.subBox DIV.whyEHBox #whyEHContentWide #text {font-size:12px; width:500px; padding-top:30px; color:#000000} DIV.subBox DIV.whyEHBox #whyEHContentWide #text label {color:#0050a1; font-weight:bold; font-size:14px} DIV.subBox DIV.whyEHBox #whyEHContentWide #text h4 {color:#0050a1; font-weight:bold; font-size:14px} DIV.subBox DIV.whyEHBox #whyEHContentWide #text input {width:375px} DIV.subBox DIV.whyEHBox #whyEHContentWide #text .left {width:70px; float:left; text-align:right; font-weight:bold; font-size:13px; padding:5px 0} DIV.subBox DIV.whyEHBox #whyEHContentWide #text .right {width:300px; float:left; padding:5px 0 5px 10px} DIV.subBox #whyEHMore #ehDimensions {width:900px} DIV.subBox #whyEHMore #ehDimensions h3 {font-size:24px; color:#0050a1} DIV.subBox #whyEHMore #ehDimensions h3 strong {color:#e46100} DIV.subBox #whyEHMore #ehDimensions img {margin-bottom:20px; margin-right:25px} DIV.subBox #whyEHMore #ehDimensions ul {margin-left:170px} DIV.subBox #whyEHMore #ehDimensions label {color:#e46100; font-weight:bold; font-size:14px} DIV.subBox #whyEHMore #ehDimensions h4 {color:#e46100; font-weight:bold; font-size:14px} DIV.subBox #whyEHMore #whyContentLeft {width:500px; padding:0px 0 0 0; float:left; margin:0px} DIV.subBox #whyEHMore #whyContentLeft label {color:#e46100; font-size:16px; font-weight:bold; padding:0px 0px 20px 0px} DIV.subBox #whyEHMore #rtContent {width:371px; float:right; padding-right:20px} DIV.subBox #whyEHMore #rtContent #hpQuote {float:right; width:326px; text-align:right;} DIV.subBox #whyEHMore #rtContent #hpQuote #text {width:316px; background-image:url(http://static.eharmony.co.uk/assets/uk/images/bg-hpquote.gif); background-repeat:no-repeat; float:right; font-size:14px; text-align:left; padding:35px 0px 0 0px} DIV.subBox #whyEHMore #rtContent #hpQuote #text em {font-size:12px} /** Return Users **/ DIV.subBox DIV.returnBox {width:956px; height:335px; margin:0px 0 0 7px;} DIV.subBox #returnFemale {background-image:url(http://static.eharmony.co.uk/assets/uk/images/bg-return-female.jpg); overflow:hidden; background-repeat:no-repeat;} DIV.subBox #returnMale {background-image:url(http://static.eharmony.co.uk/assets/uk/images/bg-return-male.jpg); overflow:hidden; background-repeat:no-repeat;} DIV.subBox DIV.returnBox #login {font-size:14px; width:330px; padding:50px 0px 0px 50px} DIV.subBox DIV.returnBox #login h3 {font-size:18px; color:#0050a1} DIV.subBox DIV.returnBox #login #left {width:100px; ; float:left; padding-bottom:10px; text-align:right} DIV.subBox DIV.returnBox #login #right {width:220px; float:right; padding-bottom:10px} DIV.subBox DIV.returnBox #login #right #btnLogin input {border: 0px} .btnLogin input {float:right; border: 0px} .btnContinue input {border: 0px} DIV.subBox #hpInfo #returnBox {width:500px; padding:0px 0 0 15px; float:left; font-size:14px} DIV.subBox #hpInfo #returnBox h3 {font-size:19px; color:#003e7f; padding:0 0 0 20px; margin:0px} DIV.subBox #hpInfo #returnBox h3 strong {color:#bd0007} DIV.subBox #hpInfo #returnBox li {padding-bottom:10px} DIV.subBox #hpInfo #returnContent {width:400px; float:right; padding-right:25px;} DIV.subBox #hpInfo #returnContent h3 {font-size:19px; color:#003e7f; padding:0 0 0 0px; margin:0px} DIV.subBox #hpInfo #returnContent h3 strong {color:#bd0007} /** Footer **/ DIV.footer {width:950px; margin:0px auto; font-size:11px; color:#FFFFFF; text-align:center} DIV.footer ul {list-style:none; margin:0px; padding:0px} DIV.footer li {display:inline; padding:0px 3px} DIV.footer a {color:#FFFFFF} DIV.footer h4,h5 {font-size:11px; color:#FFFFFF; font-weight:normal} DIV.footer #left {width:450px; float:left; text-align:left} DIV.footer #right {width:450px; float:right; text-align:right} .footer .footer_nav_include {width: 100%; clear: both; margin-top: 30px; } .footer .footer_nav_include ul { clear:none;margin:0 5px 1em 0; float:left; text-align: left; width: 150px; } .footer .footer_nav_include ul li { display:block; border-left:none; padding: 0; } .footer .footer_nav_include ul li:first-child { padding-left:0;border:0; } /* ================================================================================================================================ */ /** Success Stories **/ #success #container DIV.subBox #successStoriesContent a {color: #0078C9; text-decoration: underline;} #success #container DIV.subBox #successStoriesContent a:hover {color: #48AA00; text-decoration: none;} #success #container DIV.subBox #memberVideo a {color: #0078C9; text-decoration: underline;} #success #container DIV.subBox #memberVideo a:hover {color: #48AA00; text-decoration: none;} #success #container DIV.subBox DIV.successStoriesBox {width:956px; height:78px; margin:0px 0 0 7px;} #success #container DIV.subBox #success0 {background-image:url(http://static.eharmony.co.uk/assets/success/bg-success-0.gif); overflow:hidden; background-repeat:no-repeat;} #success #container DIV.subBox #success1 {background-image:url(http://static.eharmony.co.uk/assets/success/bg-success-1.gif); overflow:hidden; background-repeat:no-repeat;} #success #container DIV.subBox #success1 #main a {color:#FFFFFF} #success #container DIV.subBox #success2 {background-image:url(http://static.eharmony.co.uk/assets/success/bg-success-2.gif); overflow:hidden; background-repeat:no-repeat;} #success #container DIV.subBox #success2 #memberStories a {color:#FFFFFF} #success #container DIV.subBox #success3 {background-image:url(http://static.eharmony.co.uk/assets/success/bg-success-3.gif); overflow:hidden; background-repeat:no-repeat;} #success #container DIV.subBox #success3 #meetOurTVCpl a {color:#FFFFFF} #success #container DIV.subBox #success4 {background-image:url(http://static.eharmony.co.uk/assets/success/bg-success-4.gif); overflow:hidden; background-repeat:no-repeat;} #success #container DIV.subBox #success4 #memberVideos a {color:#FFFFFF} #success #container DIV.subBox #success5 {background-image:url(http://static.eharmony.co.uk/assets/success/bg-success-5.gif); overflow:hidden; background-repeat:no-repeat;} #success #container DIV.subBox #success5 #photoGallery a {color:#FFFFFF} #success #container DIV.subBox DIV.successStoriesBox #successNav {margin:31px 0 0 43px; font-size:13px; font-weight:bold; color:#d5eafe} #success #container DIV.subBox DIV.successStoriesBox #successNav ul {list-style:none; padding:0px; margin:0px} #success #container DIV.subBox DIV.successStoriesBox #successNav li {display:inline; padding:0 5px} #success #container DIV.subBox DIV.successStoriesBox #successNav a {color:#d5eafe; text-decoration:none} #success #container DIV.subBox #successStoriesContent {width:932px; margin:0px auto} #success #container DIV.subBox #successStoriesContent #mainLeft {width:355px; float:left; border-right: 1px solid #c7dbef; padding:0 20px 20px 20px} #success #container DIV.subBox #successStoriesContent #mainLeft DIV.caption {width:330px; font-size:11px; padding:10px} #success #container DIV.subBox #successStoriesContent #mainLeft DIV.caption #left {width:180px; float:left} #success #container DIV.subBox #successStoriesContent #mainLeft DIV.caption #right {width:120px; float:right; text-align:right} #success #container DIV.subBox #successStoriesContent #mainLeft DIV.caption #right img {margin:0 0 0 5px} #success #container DIV.subBox #successStoriesContent #mainLeft DIV.header {width:320px; font-size:11px; padding:8px 10px 0 20px; background-image:url(http://static.eharmony.co.uk/assets/success/ss-home-bluehd.gif); height:26px; color:#FFFFFF} #success #container DIV.subBox #successStoriesContent #mainLeft DIV.header #left {width:180px; float:left} #success #container DIV.subBox #successStoriesContent #mainLeft DIV.header #right {width:120px; float:right; text-align:right} #success #container DIV.subBox #successStoriesContent #mainLeft DIV.header #right img {margin:0 0 0 5px} #success #container DIV.subBox #successStoriesContent #mainLeft DIV.header #right a {color:#d5eafe} #success #container DIV.subBox #successStoriesContent #mainLeft DIV.teaser {width:330px; font-size:11px; padding:10px} #success #container DIV.subBox #successStoriesContent #mainLeft DIV.teaser img {margin-right:20px; padding:5px; border:1px solid #CECECE} #success #container DIV.subBox #successStoriesContent #mainRight {width:510px; float:right} #success #container DIV.subBox #successStoriesContent #mainRight #successCategory {background-image:url(http://static.eharmony.co.uk/assets/success/bg-gradient.jpg); background-repeat:no-repeat; width:500px; overflow:hidden} #success #container DIV.subBox #successStoriesContent #mainRight #successCategory h4 {color:#e47600; padding:0px 0 0 20px} #success #container DIV.subBox #successStoriesContent #mainRight #successCategory h4 label {font-size:12px; color:#333333; font-weight:normal} #success #container DIV.subBox #successStoriesContent #mainRight #successCategory #listing {background-image:url(http://static.eharmony.co.uk/assets/success/bg-category-listing.gif); width:428px; height:106px; margin:0px auto; padding:35px 20px; font-size:12px} #success #container DIV.subBox #successStoriesContent #mainRight #successCategory #listing #left {width:210px; float:left} #success #container DIV.subBox #successStoriesContent #mainRight #successCategory #listing #right {width:210px; float:left} #success #container DIV.subBox #successStoriesContent #mainRight #successCategory #listing ul {list-style-image: url(http://static.eharmony.co.uk/assets/success/arrow-cat.gif); margin:0 0 0 30px; padding:0px} #success #container DIV.subBox #successStoriesContent #mainRight #successCategory #listing li {padding-bottom:5px} #success #container DIV.subBox #successStoriesContent #mainRight #featureCouple {width:468px; margin:0px auto} #success #container DIV.subBox #successStoriesContent #mainRight #featureCouple h3 {font-size:14px; color:#003479; padding:10px 0 10px 0; margin:0px} #success #container DIV.subBox #successStoriesContent #mainRight #featureCouple img {margin-right:20px; margin-bottom:20px} #success #container DIV.subBox #successStoriesContent #mainRight #featureCouple #sig {float:right; font-size:11px} #success #container DIV.subBox #successStoriesContent #mainRight #ehPromo {width:428px; margin:0px auto; border-width:1px 0 1px 0; border-style:solid; border-color:#c7dbef; background-color:#eff5fb; font-size:12px; padding:20px } #success #container DIV.subBox #successStoriesContent #mainRight #ehAdvice {width:468px; margin:0px auto; font-size:10px} #success #container DIV.subBox #successStoriesContent #mainRight #ehAdvice h3 {font-size:14px; color:#003479; padding:10px 0 10px 0; margin:0px} #success #container DIV.subBox #successStoriesContent .selected, #success #container DIV.subBox #memberVideo .selected {text-decoration: none; color: #000000;} /** Success Stories Sub Page **/ #success #container DIV.subBox #successStoriesContent #subLeft {width:660px; float:left; padding-right:20px; font-size:12px} #success #container DIV.subBox #successStoriesContent #subLeft #categoryListing {width:630px; margin:0px auto; overflow:hidden} #success #container DIV.subBox #successStoriesContent #subLeft #categoryListing h1 {color:#003479; padding:0px 0 10px 0; margin:0px; font-size:18px} #success #container DIV.subBox #successStoriesContent #subLeft #categoryListing DIV.thumb {width:124px; height:160px; background-image:url(http://static.eharmony.co.uk/assets/success/bg-storythumb.gif); background-repeat:repeat-x; margin:0px 40px 0 0; float:left} #success #container DIV.subBox #successStoriesContent #subLeft #categoryListing DIV.thumbLast {width:124px; height:160px; background-image:url(http://static.eharmony.co.uk/assets/success/bg-storythumb.gif); background-repeat:repeat-x; margin:0px 0px 0 0; float:left} #success #container DIV.subBox #successStoriesContent #subLeft DIV.photo {width:140px; float:left; text-align:right} #success #container DIV.subBox #successStoriesContent #subLeft DIV.details {width:470px;float:right} #success #container DIV.subBox #successStoriesContent #subLeft DIV.details a {font-size:14px} #success #container DIV.subBox #successStoriesContent #subLeft DIV.details ul {list-style:none; margin:0px; padding:15px 0 0 0} #success #container DIV.subBox #successStoriesContent #subLeft DIV.details li {display:inline; padding-right:10px} #success #container DIV.subBox #successStoriesContent #subLeft DIV.nextLinks {width:140px; float:left; text-align:center} #success #container DIV.subBox #successStoriesContent #subLeft DIV.pagenate {width:470px;float:right; text-align:right} #success #container DIV.subBox #successStoriesContent #subLeft DIV.pagenate ul {list-style:none; margin:0px; padding:0px 0 0 0} #success #container DIV.subBox #successStoriesContent #subLeft DIV.pagenate li {display:inline; padding-right:5px} #success #container DIV.subBox #successStoriesContent #subLeft #storyBox {width:630px; margin:0px; padding:20px 0 0 20px} #success #container DIV.subBox #successStoriesContent #subLeft #breadCrumb {font-size:10px; float:left; width:410px; padding-left:18px} #success #container DIV.subBox #successStoriesContent #subLeft #singlesLink {font-size:11px; float:right; width:200px; text-align:right} #success #container DIV.subBox #successStoriesContent #subLeft #storyBox #catHeader {background-color:#eff5fb; padding:10px 0 10px 18px; width:620px; overflow:hidden} #success #container DIV.subBox #successStoriesContent #subLeft #storyBox #catHeader h1 {font-size:18px; float:left; width:440px;} #success #container DIV.subBox #successStoriesContent #subLeft #storyBox #catHeader #buttons {float:right; width:160px; padding-top:5px} #success #container DIV.subBox #successStoriesContent #subLeft #storyBox #pictureSpan {width:275px; float:left; display: inline;} #success #container DIV.subBox #successStoriesContent #subLeft #storyBox p.introduction:first-letter {font-size : 38px;float : left; padding-right:5px; color:#003479} #success #container DIV.subBox #successStoriesContent #subLeft #storyBox p.cplInfo {border-width:1px 0 1px 0; border-color:#CECECE; border-style:solid; width:355px; padding:15px 0; margin:0 0 20px 275px} #success #container DIV.subBox #successStoriesContent #subLeft #storyBox label {font-size:24px} #success #container DIV.subBox #successStoriesContent #subLeft #storyBox DIV.meetTV {width:650px; padding-top:20px} #success #container DIV.subBox #successStoriesContent #subLeft #storyBox DIV.meetTV h2 {color:#00569a; font-size:20px; font-weight:normal; margin:0px; padding:20px 0 0 0} #success #container DIV.subBox #successStoriesContent #subLeft #storyBox DIV.meetTV img {margin:0 20px 0 0} #success #container DIV.subBox #successStoriesContent #subRight {width:195px; float:right; border-left: 1px solid #c7dbef; padding:0 30px 20px 20px; font-size:11px} #success #container DIV.subBox #successStoriesContent #subRight DIV.header {width:180px; font-size:11px; padding:7px 10px 0 20px; background-image:url(http://static.eharmony.co.uk/assets/success/ss-sub-bluehd.gif); height:26px; color:#FFFFFF; margin:20px 0 0 0} #success #container DIV.subBox #successStoriesContent #subRight #listing ul {list-style-image: url(http://static.eharmony.co.uk/assets/success/arrow-cat.gif); margin:15px 0 0 45px; padding:0px} #success #container DIV.subBox #successStoriesContent #subRight #listing li {padding-bottom:5px} #success #container DIV.subBox #successStoriesContent #subRight #tvCouples {width:200px; padding-left:10px} #success #container DIV.subBox #successStoriesContent #subRight #tvCouples img {margin-right:10px; padding:5px; border:1px solid #CECECE} #success #container DIV.subBox #successStoriesContent #subRight #memberVids {width:200px; padding-left:10px} #success #container DIV.subBox #successStoriesContent #subRight #memberVids img {margin-right:10px; padding:5px; border:1px solid #CECECE} #success #container DIV.subBox #successStoriesContent #subRight #advice {width:200px; padding-left:10px} #success #container DIV.subBox #successStoriesContent #subRight #advice img {margin-right:10px; padding:5px; border:1px solid #CECECE} /** TV Couples **/ #success #container DIV.subBox #successStoriesContent DIV.videoBackground {width:501px; height:363px; padding:40px 0px 0 430px} #success #container DIV.subBox #successStoriesContent #tanyaleeJoshua {background-image:url(http://static.eharmony.co.uk/assets/success/tvcouples/bg-tanyalee-joshua.jpg)} #success #container DIV.subBox #successStoriesContent #annemarieLee {background-image:url(http://static.eharmony.co.uk/assets/success/tvcouples/bg-annemarie-lee.jpg)} #success #container DIV.subBox #successStoriesContent #farrenTravis {background-image:url(http://static.eharmony.co.uk/assets/success/tvcouples/bg-farrentravis.jpg)} #success #container DIV.subBox #successStoriesContent DIV.videoBackground #player {background-color:#FFFFFF; width:447px; height:312px; overflow:hidden; border:1px #FFFFFF solid; padding:8px} #success #container DIV.subBox #successStoriesContent DIV.videoBackground #player #left {float:left; width:250px; font-size:11px; padding:20px 0 0 10px; color:#00569a} #success #container DIV.subBox #successStoriesContent DIV.videoBackground #player #right {float:right; width:150px; padding:20px 10px 0 0; text-align:right} #success #container DIV.subBox #successStoriesContent DIV.videoBackground #player #right ul {list-style:none; padding:0px; margin:0px} #success #container DIV.subBox #successStoriesContent DIV.videoBackground #player #right li {display:inline; font-size:11px; padding:5px; color:#00569a} #success #container DIV.subBox #successStoriesContent DIV.videoBackground #player #right li.on {background-color:#bcd2f0} #success #container DIV.subBox #successStoriesContent DIV.videoBackground #player #right li a {text-decoration:none} #success #container DIV.subBox #successStoriesContent #breadCrumbWide {font-size:10px; float:left; width:510px; padding:20px 0 0 38px} #success #container DIV.subBox #successStoriesContent #singlesLinkWide {font-size:11px; float:right; width:300px; text-align:right; padding:20px 20px 30px 0} #success #container DIV.subBox #successStoriesContent #tvStoryBox {width:906px; margin:0px auto; font-size:12px} #success #container DIV.subBox #successStoriesContent #tvStoryBox h2 {font-size:14px; font-weight:bold} #success #container DIV.subBox #successStoriesContent #tvStoryBox #tvStoryLeft {width:420px; float:left} #success #container DIV.subBox #successStoriesContent #tvStoryBox #tvStoryRight {width:420px; float:right} #success #container DIV.subBox #successStoriesContent #tvStoryBox #pullQuote {border-width:1px 0 1px 0; border-style:solid; border-color:#dbdbdb; padding:25px; font-size:17px; color:#0078c9; margin-top:30px} #success #container DIV.subBox #successStoriesContent #tvStoryBox #photoMore {padding:15px 30px 5px 0; text-align:right} #success #container DIV.subBox #successStoriesContent #tvStoryBox #moreCPL {background-color:#e9f0f7; width:820px; margin:0px auto; overflow:hidden; padding:40px} #success #container DIV.subBox #successStoriesContent #tvStoryBox #moreCPL #left {float:left; width:400px} #success #container DIV.subBox #successStoriesContent #tvStoryBox #moreCPL #left li {padding-bottom:10px} #success #container DIV.subBox #successStoriesContent #tvStoryBox #moreCPL #left img {margin-right:10px; border:5px solid #FFFFFF} #success #container DIV.subBox #successStoriesContent #tvStoryBox #moreCPL #right {float:right; width:400px} #success #container DIV.subBox #successStoriesContent #tvHeader {background-color:#eff5fb; padding:20px 0 10px 18px; width:888px; overflow:hidden; font-size:14px; margin:0px auto} #success #container DIV.subBox #successStoriesContent #tvHeader #cplDetails {float:left; width:700px; font-size:14px} #success #container DIV.subBox #successStoriesContent #tvHeader #buttons {float:right; width:150px; padding:5px 20px 0 0; text-align:right} #success #container DIV.subBox #successStoriesContent h1 {font-size:24px; color:#003479; font-weight:normal; padding-left:20px} /** Sub Page Reg **/ #success #container DIV.subBox #regTLJ {background-image:url(http://static.eharmony.co.uk/assets/success/bg-reg-tlj.jpg); background-repeat:no-repeat; width:613px; height:413px; margin:0px auto} #success #container DIV.subBox #regTLJ h1 {color:#003479; font-size:18px; padding:12px 0 0 20px; margin:0px} #success #container DIV.subBox #regTLJ #reg {width:500px; padding:20px 0 0 20px} #success #container DIV.subBox #regTLJ #reg DIV.left {float:left; width:110px; padding:2px 5px 7px 2px; font-size:12px; font-weight:bold} #success #container DIV.subBox #regTLJ #reg DIV.right {float:left; width:205px; padding:2px 2px 7px 5px} #success #container DIV.subBox #regTLJ #reg DIV.right label {font-size:10px} #success #container DIV.subBox #regTLJ #reg #btnJoin {float:left; width:205px; padding:0px 0 0 120px} #success #container DIV.subBox #regTLJ #reg #btnJoin input {border: 0px} #success #container DIV.subBox #regTLJ #reg font {color:#e47600; font-size:12px; font-weight:bold} /** Submit Video **/ #success #container DIV.subBox #successStoriesContent #submitVideo {width:870px; padding:10px 30px 0 28px; font-size:14px} #success #container DIV.subBox #successStoriesContent #submitVideo h2 {color:#e47600; font-size:21px} #success #container DIV.subBox #successStoriesContent #submitVideo label {font-size:18px; font-weight:bold} #success #container DIV.subBox #successStoriesContent #submitVideo #left {float:left; width:425px;} #success #container DIV.subBox #successStoriesContent #submitVideo #right {float:right; width:425px} #success #container DIV.subBox #successStoriesContent #submitVideo #right h3 {color:#e47600; font-size:18px} #success #container DIV.subBox #successStoriesContent #submitVideo #right li {padding-bottom:10px} /** Photo Gallery **/ #success #container DIV.subBox #successStoriesContent #galleryBox {width:630px; margin:0px; padding:20px 0 0 20px} #success #container DIV.subBox #successStoriesContent #galleryBox #galleryBG {background-image:url(http://static.eharmony.co.uk/assets/success/photo/bg-photogallery.gif); background-repeat:no-repeat; overflow:hidden; padding:20px 20px 20px 20px} #success #container DIV.subBox #successStoriesContent #galleryBox #galleryBG #photo {width:580px; margin:0px auto; background-color:#FFFFFF; border:1px solid #aacae6; overflow:hidden; text-align:center} #success #container DIV.subBox #successStoriesContent #galleryBox #galleryBG #photo DIV.left {width:300px; float:left; padding:20px 0 10px 20px; text-align:left} #success #container DIV.subBox #successStoriesContent #galleryBox #galleryBG #photo DIV.right {width:235px; float:right; font-size:30px; color:#aacae6; text-align:right; padding:20px 20px 10px 0} #success #container DIV.subBox #successStoriesContent #galleryBox #galleryBG #photo DIV.right2 {width:205px; float:right; text-align:right; padding:20px 20px 10px 0} #success #container DIV.subBox #successStoriesContent #galleryBox #galleryBG #bgSuccessPromo {width:590px; height:400px; background-image:url(http://static.eharmony.co.uk/assets/success/photo/bg-robkellie.jpg); overflow:hidden;} #success #container DIV.subBox #successStoriesContent #galleryBox #galleryBG #bgSuccessPromo h2 {color:#e47600; font-size:18px} #success #container DIV.subBox #successStoriesContent #galleryBox #galleryBG #bgSuccessPromo DIV.text {width:300px; font-size:14px} /** Member Videos **/ #success #container DIV.subBox #memberVideo {width:968px; background-image:url(http://static.eharmony.co.uk/assets/success/member-stories/bg-membervideo.jpg); background-repeat:no-repeat; width:968px; overflow:hidden;} #success #container DIV.subBox #memberVideo #left {width:170px; float:left; font-size:10px; padding:40px 30px 20px 40px} #success #container DIV.subBox #memberVideo #left label {font-size:13px; font-weight:bold} #success #container DIV.subBox #memberVideo #left img {margin:0 10px 20px 0; padding:5px; border:1px solid #CECECE} #success #container DIV.subBox #memberVideo #left ul {list-style:none; margin:0px; padding:0px} #success #container DIV.subBox #memberVideo #left li {display:inline; padding:0 1px} #success #container DIV.subBox #memberVideo #center {width:390px; float:left; padding:35px 45px 45px 45px; text-align:center; font-size:12px} #success #container DIV.subBox #memberVideo #center h2 {font-size:20px; color:#003479; padding:0px 0 34px 0; margin:0px} #success #container DIV.subBox #memberVideo #center h3 {font-size:16px; padding:35px 0 10px 0; margin:0px} #success #container DIV.subBox #memberVideo #right {width:170px; float:left; font-size:10px; padding:40px 30px 20px 40px} #success #container DIV.subBox #memberVideo #right label {font-size:13px; font-weight:bold} #success #container DIV.subBox #memberVideo #right img {margin:0 10px 20px 0; padding:5px; border:1px solid #CECECE} #success #container DIV.subBox #memberVideo #right ul {list-style:none; margin:0px; padding:0px} #success #container DIV.subBox #memberVideo #right li {display:inline; padding:0 1px} /** Affiliates Page **/ DIV.subBox DIV.affiliates { width:900px; overflow:hidden; margin:0px auto; } DIV.affiliates DIV.contentLeft { width: 637px; float: left; font-size: 14px; color: #1c5896; } DIV.affiliates DIV.contentLeft h2 {margin: 17px 0;} DIV.affiliates DIV.contentLeft img.photo { float: right; margin-top: 10px; margin-right: 0; margin-bottom: 10px; margin-left: 10px; } DIV.affiliates DIV.contentRight { width: 238px; float: right; font-size: 14px; text-align: left; padding-top: 100px; color: #1c5896; background: #E8E8E8 url(http://static.eharmony.co.uk/assets/uk/images/aff-sidebar-top.jpg) no-repeat; height: 770px; } DIV.affiliates DIV.contentRight p { margin-left: 15px; margin-right: 15px; } DIV.affiliates DIV.contentRight a { color: #1c5896; font-size: 11px; text-decoration: underline; } DIV.affiliates .smallTxt { font-size: 11px; font-style: italic; } /* ================================================================================================================================ */