body {background-image: url(http://static.eharmony.com/assets/cp/images/bg.jpg); background-repeat:repeat-x; background-color:#50564c; font-family:Arial, Helvetica, sans-serif; color:#5b6157} form {padding:0px; margin:0px} input, select, textarea {border:1px solid #dce6d7} #login {width:970px; margin:0px auto; text-align:right; color:#e1eeda; font-size:12px; padding:0px 0 10px 0} #login a {color:#FFFFFF} sup {font-size:8px} a:hover {text-decoration:none} /** Homepage **/ #cpMain {width:974px; background-color:#FFFFFF; padding:3px; margin:0px auto; overflow:hidden; background-image:url(http://static.eharmony.com/assets/cp/images/bg-content.gif); background-repeat:repeat-x; background-position:bottom; } #cpMainFCW {width:974px; background-color:#FFFFFF; margin:0px auto; overflow:hidden; background-image:url(http://static.eharmony.com/assets/cp/images/bg-content.gif); background-repeat:repeat-x; background-position:bottom; } /** Homepage FCW Top **/ #FCWheader {width:974px; font-size:24px; font-weight:bold; color:#FFFFFF; background-color:#434a3f; padding:10px 0px 10px 0px; margin:0px auto; } #FCWheader h1 {font-size:26px; font-weight:bold; color:#fffabb; padding:10px 20px 10px 20px; margin:0px auto; text-align:left } #reg {width:314px; float:left} #reg #logo {padding:20px 0; text-align:center} #reg #logo h1 {margin:0px; padding:0px} #reg #CTA {text-align:center; padding-bottom:20px} #reg #CTA h2 {font-size:12px; font-weight:bold; color:#000000; padding:10px 10px 0px 12px; margin:0px auto; text-align:left } #reg #FCWText {color:#ac0040; font-size:14px; text-align:center; padding-bottom:20px} #reg #regForm {width:314px; font-size:11px} #reg #regForm input, select, option {font-size:13px} #reg #regForm DIV.formLeft {float:left; text-align:right; width:100px; padding: 4px 10px 0 0; margin-bottom:7px;} #reg #regForm DIV.formRight {float:left; width:200px; margin-bottom:7px} #reg #regForm DIV.formRight label {font-size:9px} #reg #regForm #disclaimer {padding:20px 10px 0 15px ; color:#727e6e; clear:left; margin:0px} #reg #regForm #disclaimer a {color:#727e6e;} #reg #regForm #disclaimer a:hover {text-decoration:none} #imageCenter {width:349px; float:left; padding:10px 0 10px 3px} #copy {width:300px; float:left; text-align:center; padding-left:5px} #copy #CTA {width:240px; padding:30px 20px 20px 20px; margin:0px auto;} #copy #divLine {width:260px; background-image:url(http://static.eharmony.com/assets/cp/images/dot-div.gif); background-repeat:repeat-x; height:6px; margin-left:28px} #copy #headline {width:263px; margin:0px auto; padding:20px 0 0 0} #copy #welcome {width:263px; margin:0px auto; padding:30px 0 0 0} #copy #bullets {width:263px; margin:0px auto; text-align:left; font-size:12px; padding:20px 0 0 0} #copy #bullets ul {list-style-image:url(http://static.eharmony.com/assets/cp/images/bullet.gif); padding:0px; margin:0 0 0 20px} #copy #bullets li {padding-bottom:10px} #copy #bullets sup {font-size:9px} #copy #poweredBy {float:right; padding:40px 20px 0 0} /** copyFCW snipe **/ #copyFCW {width:305px; float:right; margin:0px auto} #copyFCW #fcwCTA {width:245px; height:214px;float:left; padding:0px 0px 20px 7px} #copyFCW #FCWimage {background-image:url(http://static.eharmony.com/assets/cp/images/cp-hp-fcw-image.jpg); background-repeat:no-repeat; width:305px; height:285px; background-position:bottom; float:right} #copyFCW #FCWimage #FCWsnipe {width:241px; height:177px; background-image:url(http://static.eharmony.com/assets/cp/images/cp-fcw-lrn-more-snipe.png); float:right; background-repeat:no-repeat} /*\*/ * html #copyFCW #FCWimage #FCWsnipe {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.eharmony.com/assets/cp/images/cp-fcw-lrn-more-snipe.png', sizingMethod='crop');background-image:none;}/**/ #copyFCW #divLine {width:270px; background-image:url(http://static.eharmony.com/assets/cp/images/dot-div.gif); background-repeat:repeat-x; height:6px; margin-left:22px} #copyFCW #headline {width:270px; margin:0px auto; padding:5px 0 5px 0} #copyFCW #welcome {width:263px; margin:0px auto; padding:20px 0 0 0} #copyFCW #bullets {width:263px; margin:0px auto; text-align:left; font-size:12px; padding:20px 0 0 0} #copyFCW #bullets ul {list-style-image:url(http://static.eharmony.com/assets/cp/images/bullet.gif); padding:0px; margin:0 0 0 12px} #copyFCW #bullets li {padding-bottom:10px} #copyFCW #bullets sup {font-size:9px} #copyFCW #poweredBy {float:right; padding:30px 20px 20px 0} /** Sub Page **/ #cpSubBox {width:974px; padding:0px; margin:0px auto; overflow:hidden; background-image:url(images/bg-content2-box.gif); background-repeat:repeat-y;} #cpSub {width:974px; padding:3px; margin:0px auto; overflow:hidden; background-image:url(images/bg-content2.gif); background-repeat:repeat-x; background-position:bottom; padding-bottom:50px } #cpSub #left {width:300px; float:left; padding-left:75px} #cpSub #left #logo {padding:50px 0 30px 30px} #cpSub #left #divLine {width:300px; background-image:url(images/dot-div.gif); background-repeat:repeat-x; height:6px; margin:0px auto;} #cpSub #left #returnLogin {width:300px; padding:40px 0 0 10px} #cpSub #left #returnLogin DIV.left {float:left; width:90px; font-size:12px; text-align:right; padding:0 10px 10px 0} #cpSub #left #returnLogin DIV.right {float:right; width:200px} #cpSub #left #returnLogin #disclaimer {padding:20px 0px 0 0px ; color:#727e6e; clear:left; margin:0px; font-size:10px} #cpSub #left #returnLogin #disclaimer a {color:#727e6e;} #cpSub #left #returnLogin #disclaimer a:hover {text-decoration:none} #cpSub #left #returnLogin DIV.right #btnLogin {float:left; width:100px;} #cpSub #left #returnLogin DIV.right #btnLogin input {border-width:0px} #cpSub #left #returnLogin DIV.right #forgotPW {float:left; width:100px; font-size:10px} #cpSub #left #returnLogin h3 {margin:0px; padding:0px 0 20px 0} #cpSub #left #notMember {padding:60px 0 70px 0; width:300px; text-align:center} #cpSub #left #CTA {padding:40px 25px 0 25px} #cpSub #lineReturn {width:30px; float:left; text-align:right; padding-top:40px} #cpSub #right {width:515px; float:left; padding:60px 0 0 30px} #cpSub #right #reasons {text-align:left; padding:35px 30px 0 0; font-size:13px} #cpSub #right #reasons ul {list-style-image:url(images/bullet.gif); padding:0px 0 0 0; margin:20px 0 0 20px} #cpSub #right #reasons li {padding-bottom:15px} #cpSub #right #content {text-align:left; padding:0px 30px 0 0; font-size:13px} #cpSub #right #content h1 {font-size:16px} #cpSub #wideHeader {width:870px; padding:20px 0 20px 75px} #cpSub #wideHeader #logo {width:250px; float:left; padding:0 0 20px 0} #cpSub #wideHeader #nav {float:right; font-size:12px; width:600px; text-align:right; padding:40px 0 0 0 } #cpSub #wideHeader #nav ul {list-style:none; margin:0px; padding:0px} #cpSub #wideHeader #nav li {display:inline; padding:0px 3px; margin:0px} #cpSub #divLineWide {width:870px; background-image:url(images/dot-div.gif); background-repeat:repeat-x; height:6px; margin-left:75px;} #cpSub #subHead {width:850px; padding:40px 0 20px 75px;} #cpSub #subHead h1 {font-size:20px; margin-top:0px} #cpSub #subHead strong {color:#65a3a0} #cpSub #subHead label {color:#FF0000; font-weight:bold; font-size:14px} #cpSub #shortHeader {width:870px; padding:20px 0 0px 75px} #cpSub #shortHeader #logo {width:250px; float:left; padding:0 0 0px 0} #cpSub #promoHead {width:850px; padding:50px 0 20px 75px; background-image:url(http://static.eharmony.com/assets/cp/images/hd-promo.jpg); width:800px; height:114px; background-repeat:no-repeat; margin:0px auto; color:#FFFFFF; clear:left} #cpSub #promoHead #offer {width:550px; float:left} #cpSub #promoHead #offer h1 {font-size:32px; margin:0px; padding:5px 0 5px 0; color:#e1eeda} #cpSub #promoHead #offer strong {color:#65a3a0} #cpSub #promoHead #offer label { font-size:12px} #cpSub #promoHead #burst {width:210px; float:right; text-align:center; color:#FFFFFF; font-size:24px; font-weight:bold; text-align:center; padding-top:20px} #cpSub #regFormWide {width:500px; font-size:13px; padding-left:100px; float:left; border-right:1px solid #c6d0c0;} #cpSub #regFormWide input {font-size:13px} #cpSub #regFormWide DIV.formLeft {float:left; text-align:right; width:125px; padding: 4px 10px 0 0; margin-bottom:15px;} #cpSub #regFormWide DIV.formLeft label {color:#FF0000; font-weight:bold; font-size:14px; background-image:url(images/error-arrow.gif); background-repeat:no-repeat; padding-left:15px} #cpSub #regFormWide DIV.formRight {float:left; width:300px; margin-bottom:15px} #cpSub #regFormWide DIV.formRight label {color:#FF0000; font-size:14px} #cpSub #regFormWide DIV.formRight #btnLogin {float:left; width:100px;} #cpSub #regFormWide DIV.formRight #btnLogin input {border-width:0px} #cpSub #regFormWide DIV.formRight #forgotPW {float:left; width:100px; font-size:10px} #cpSub #regFormWide #disclaimer {padding:10px 10px 50px 15px ; color:#727e6e; clear:left; margin:0px; font-size:11px; width:375px} #cpSub #regFormWide #disclaimer a {color:#727e6e;} #cpSub #regFormWide #error {padding:0px 30px 40px 0; color:#FF0000; font-weight:bold; background-image:url(images/error-arrow.gif); background-repeat:no-repeat; padding-left:15px} #cpSub #bulletRight {float:left; width:260px; padding:20px 40px 0 50px; font-size:12px} #cpSub #bulletRight ul {list-style-image:url(images/bullet.gif); padding:0px; margin:0 0 0 20px} #cpSub #bulletRight li {padding-bottom:10px} #cpSub #copyWide {width:850px; padding:40px 0 20px 75px; font-size:12px} #cpSub #copyWide h1 {font-size:20px; margin-top:0px} #cpSub #copyWide strong {font-size:14px; font-weight:bold} #cpSub #promoHead {width:850px; padding:50px 0 20px 75px; background-image:url(images/hd-promo.jpg); width:800px; height:114px; background-repeat:no-repeat; margin:0px auto; color:#FFFFFF; clear:left} #cpSub #promoHead #offer {width:550px; float:left} #cpSub #promoHead #offer h1 {font-size:32px; margin:0px; padding:5px 0 5px 0; color:#e1eeda} #cpSub #promoHead #offer strong {color:#65a3a0} #cpSub #promoHead #offer label { font-size:12px} #cpSub #promoHead #burst {width:210px; float:right; text-align:center; color:#FFFFFF; font-size:24px; font-weight:bold; text-align:center; padding-top:20px} /** SEO Content **/ #container {width:974px; margin:0px auto} #cpContent {position: absolute; top:800px; width:974px; margin:0px auto} #cpContent #leftCol {width:637px; float:left; border-right:1px solid #9aa192; color:#FFFFFF; font-size:12px; padding-right:32px} #cpContent #leftCol h1 {font-size:18px; color:#e1eeda} #cpContent #rightCol {width:270px; float:right; color:#FFFFFF; font-size:12px} #cpContent #rightCol img {padding:15px 0px 15px 0px} #cpContent #rightCol h1 {font-size:18px; color:#e1eeda} #cpContent DIV.steps {float:left; padding:0px; font-size:11px; text-align:center; border-left:1px solid #9aa192} #cpContent DIV.stepsNoBorder {float:left; padding:0px; font-size:11px; text-align:center} /** End SEO Content **/ /** 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:40px; float:left; text-align:left} DIV.footer #left #seals {width:346px; text-align:center} DIV.footer #left #seals ul {list-style:none; margin:0px; padding:0px} DIV.footer #left #seals li {display:inline} DIV.footer #right {width:500px; float:right; text-align:right}