/* CSS Document */ body {background-color:#ffffff; font-family:Arial, Helvetica, sans-serif;} form {padding:0xp; margin:0px} input, select, textarea{border:1px solid #bcd0e1;width:175px; position: relative;} select {width:177px;} a {color:#0078c9; text-decoration:underline} a:hover {text-decoration:none; color:#48aa00} /** content top and bottom **/ #rdContainer {background-image:url(http://static.eharmony.co.uk/assets/uk/images/bg-land-rd.jpg); width:995px; background-repeat:no-repeat; background-position:top; margin:0px auto;} #contentTop {background-image:url(http://static.eharmony.co.uk/assets/uk/images/bg-content-top.png); width:968px; height:6px; background-repeat:no-repeat; overflow:hidden; margin:0px auto; !important; /* for most browsers */height /**/:6px /* for IE5.5's bad box model */} * html #contentTop {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.eharmony.co.uk/assets/uk/images/bg-content-top.png', sizingMethod='crop');background-image:none;} #contentBot {background-image:url(http://static.eharmony.co.uk/assets/uk/images/bg-content-bot.png); width:968px; height:22px; background-repeat:no-repeat; background-position:top; margin:0px auto; !important; /* for most browsers */height /**/:22px /* for IE5.5's bad box model */} * html #contentBot {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.eharmony.co.uk/assets/uk/images/bg-content-bot.png', sizingMethod='crop');background-image:none;} /** RD header **/ #rdHeader {background-image:url(http://static.eharmony.co.uk/assets/uk/images/hd-readers-digest.gif); background-repeat:no-repeat; width:965px; height:38px; margin:0px auto; overflow:hidden; border:0; padding:107px 0 0 0; font-size:11px;} #rdHeader a {color:#ffffff; text-decoration:none} #rdHeader a:hover {text-decoration:underline} #rdHeader #headerLinks {height:24px; vertical-align:middle; Xborder:1px solid #00FF00} #rdHeader #headerLinks DIV.links {display:inline-block; float:left; height:19px; vertical-align:middle; padding:5px 12px 0 12px; border-right:1px solid #0b3e80;} #rdHeader #headerLinks DIV.homeLink {display:inline-block; float:left; padding:0; margin:0; border-right:1px solid #0b3e80;} /** EX header **/ #expDatHeader {background-image:url(http://static.eharmony.co.uk/assets/uk/images/hd-express-dating.gif); background-repeat:no-repeat; width:1000px; height:38px; margin:0px auto; overflow:hidden; border:0; padding:111px 0 0 0; font-size:10px;} #expDatHeader a {color:#ffffff; text-decoration:none} #expDatHeader a:hover {text-decoration:underline} #expDatHeader #headerLinksLeft {height:26px; vertical-align:middle; width:530px; float:left} #expDatHeader #headerLinksLeft DIV.links {display:inline-block; float:left; height:19px; padding:7px 12px 0 12px; color:#ffffff;} #expDatHeader #headerLinksLeft DIV.homeIcon {display:inline-block; float:left; height:26px; padding:0 0 0 30px; margin:0;} #expDatHeader #headerLinksLeft DIV.homeLink {display:inline-block; float:left; height:20px;padding:6px 12px 0 2px; color:#ffffff;} #expDatHeader #headerLinksLeft DIV.rssIcon {display:inline-block; float:left; height:21px; padding:5px 0 0 15px; margin:0;} #expDatHeader #headerLinksRight {height:19px; width:230px; float:right; vertical-align:middle; padding:7px 70px 0 12px; color:#ffffff; text-align:right;} /** Background Images Couples **/ /** Reader's Digest **/ #bgRdDavidApril {background-image:url(http://static.eharmony.co.uk/assets/uk/images/bd-rg-david-april.jpg); background-repeat:no-repeat; width:937px; height:534px; margin:0px auto; overflow:hidden; border:0; padding:0px 0 0 31px; } #bgRdDavidApril #leftCol DIV.regFootnote {font-size:9px;color:#999999;} /* This class was created just in case the formatting for the promos does not work in the normal state */ #bgRdKarenDavidpromo {background-image:url(http://static.eharmony.co.uk/assets/uk/images/bd-rd-karen-david-promo.jpg); background-repeat:no-repeat; width:937px; height:577px; margin:0px auto; overflow:hidden; border:0; padding:0px 0 0 31px; } #bgRdKarenDavidpromo #leftCol DIV.regFootnote {font-size:9px;color:#999999;} /* Added to prevent wrapping on extra line of disclaimer text in promos. Should be OK to leave like this */ /** Express Dating **/ #bgExDavidApril {background-image:url(http://static.eharmony.co.uk/assets/uk/images/bd-rg-david-april.jpg); background-repeat:no-repeat; width:937px; height:534px; margin:0px auto; overflow:hidden; border:0; padding:0px 0 0 31px; } #bgExDavidApril #leftCol DIV.regFootnote {font-size:9px;color:#999999;} /* This class was created just in case the formatting for the promos does not work in the normal state */ #bgExKarenDavidpromo {background-image:url(http://static.eharmony.co.uk/assets/uk/images/bd-rg-karen-david-green.jpg); background-repeat:no-repeat; width:937px; height:577px; margin:0px auto; overflow:hidden; border:0; padding:0px 0 0 31px; } #bgExKarenDavidpromo #leftCol DIV.regFootnote {font-size:9px;color:#999999;} /* Added to prevent wrapping on extra line of disclaimer text in promos. Should be OK to leave like this */ #leftCol{width:356px;float:left;padding-left:7px;} #leftCol #CTA {width:356px; height:30px; text-align:center; padding:38px 0 0 0;} #leftCol br {clear:both;margin:0;padding:0;font-size:2px;} #leftCol #logo {width:356px;text-align:center;padding:20px 0;} #leftCol #regForm {width:336px;padding:0px 10px;font-size:12px;} #leftCol #regForm input, select {font-size:12px;padding:1px;} #leftCol #regForm input {width:180px;} #leftCol #regForm input.chkbox {width:15px;border:none;margin:0;} #leftCol #regForm select {width:186px;margin:1px 0;} #leftCol #regForm input.reg_postal-code {width:90px;} #leftCol #regForm DIV.formLeft {float:left;text-align:right;width:100px;padding:4px 0 0 0;margin:0 8px 10px 0;color:#114181;} #leftCol #regForm DIV.formRight {float:left;width:200px;margin-bottom:10px; font-size:11px} #leftCol #regForm DIV.regFootnote {font-size:9px;color:#999999;} #leftCol #regForm #seals {text-align:center;} #leftCol #regForm #seals ul {list-style:none;margin:0px;padding:0px;} #leftCol #regForm #seals li {display:inline;} .genderswap #leftCol #regForm input{width:206px;} .genderswap #leftCol #regForm input.chkbox {width:15px;} .genderswap #leftCol #regForm select{width:210px;} .genderswap #leftCol #regForm DIV.formLeft{width:95px;} .genderswap #leftCol #regForm DIV.formRight{float:left;width:225px;margin-bottom:10px;} .genderswap #leftCol #regForm .gender select{width:74px;float:left;margin:0;font-family:arial,sans-serif;} .genderswap #leftCol #regForm .gender div{width:62px;float:left;text-align:center;padding-top:4px;} #rightCol {width:520px; float:right; text-align:right} #rightCol #loginLink {width:430px; float:left; text-align:right; font-size:11px; padding:13px 0 0 0;} #rightCol #bullets {width:472px; padding:306px 40px 0 0;} /** #rightCol #bullets {width:472px; padding:313px 40px 0 0; border:1px solid} **/ #rightCol #bullets #bulletsBAU{width:472px;background-image:url(http://static.eharmony.co.uk/assets/uk/images/eh-uk-bullets-bau.png);padding:137px 0 15px 0;overflow:hidden;background-repeat:no-repeat;height: 0px !important; /* for most browsers */height /**/:137px /* for IE5.5's bad box model */} * html #rightCol #bullets #bulletsBAU{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://static.eharmony.co.uk/assets/uk/images/eh-uk-bullets-bau.png', sizingMethod='crop');background-image:none;} /** Readers Digest Content **/ #rdContent {background-image:url(http://static.eharmony.co.uk/assets/uk/images/bg-content-mid.gif); width:954px; text-align:left; background-repeat:repeat-y; background-position:bottom; padding:0 7px; font-size:12px; overflow:hidden; margin:0 auto;} #rdContent DIV.rdText {background-image:url(http://static.eharmony.co.uk/assets/uk/images/bg-rdcontent-kardav.jpg); background-repeat:no-repeat; width:530px; padding:10px 20px 5px 395px; Xborder:1px solid #FF0000} #rdContent h2 {font-size:22px; color:#ac0040; padding:15px 0; margin:0;} #rdContent h2 SPAN.blue {color:#003479;} /** Bottom eHarmony Content **/ #ehContent {background-image:url(http://static.eharmony.co.uk/assets/uk/images/bg-content-mid.gif); width:948px; background-repeat:repeat-y; background-position:bottom; padding:10px 10px; font-size:12px; overflow:hidden; margin:0 auto;} #ehContent #ehContentLeft {float:left; width:638px;} #ehContent #ehContentLeft #ehcontentLeftTop {background-image:url(http://static.eharmony.co.uk/assets/uk/images/bg-ehcontent-left-top.gif); width:638px; height:6px; background-repeat:no-repeat; margin:0px auto; overflow:hidden;} #ehContent #ehContentLeft #ehcontentLeftBot {background-image:url(http://static.eharmony.co.uk/assets/uk/images/bg-ehcontent-left-bot.gif); width:638px; height:6px; background-repeat:no-repeat; margin:0px auto;} #ehContent #ehContentLeft DIV.steps {background-image:url(http://static.eharmony.co.uk/assets/uk/images/chart-3-steps.gif); width:638px; height:210px; background-repeat:no-repeat; background-position:bottom; padding:0; margin:0 auto;} #ehContent #ehContentLeft DIV.videoPlayer {background-color:#f1eff0; width:632px; padding:0 0 5px 6px;; margin:0 auto; overflow:hidden;} #ehContent #ehContentLeft DIV.videoPlayer h2 {text-align:center; font-size:16px; color:#434343; font-weight:normal; padding:5px 0; margin:0} #ehContent #ehContentLeft DIV.articles {background-color:#f1eff0; width:598px; padding:20px; margin:0 auto; overflow:hidden;} #ehContent #ehContentLeft DIV.articles h2 {font-size:22px; color:#434343; font-weight:normal; padding:0 0 20px 0; margin:0} #ehContent #ehContentLeft DIV.articles DIV.wrapper {width:565px; margin:0 0 10px 0; overflow:hidden;} #ehContent #ehContentLeft DIV.articles DIV.wrapper DIV.articlePic {width:87px; margin-left:34px !important; margin-left:17px; float:left;} #ehContent #ehContentLeft DIV.articles DIV.wrapper DIV.articleText {width:400px; margin-left:15px !important; margin-left:7px; float:left; font-size:12px} #ehContent #ehContentLeft DIV.articles DIV.wrapper DIV.articleText h3 {margin:0; padding:0 0 3px 0; font-size:15px; font-weight:bold; color:#434343} #ehContent #ehContentLeft DIV.articles DIV.wrapper DIV.articleText h3 a {margin:0; padding:0 0 3px 0; font-size:15px; font-weight:bold; color:#434343; text-decoration:none} #ehContent #ehContentLeft DIV.articles DIV.wrapper DIV.articleText h3 a:hover {margin:0; padding:0 0 3px 0; font-size:15px; font-weight:bold; color:#696969; text-decoration:underline;} #ehContent #ehContentLeft #ssStories {width:638px; font-size:12px} #ehContent #ehContentLeft #ssStories h1 {font-size:20px} #ehContent #ehContentRight {float:left; width:300px; margin-left:10px;} #ehContent #ehContentRight h2 {font-size:22px; color:#434343; padding:15px 0; margin:0;} #ehContent #ehContentRight #top {background-image:url(http://static.eharmony.co.uk/assets/uk/images/bg-ehcontent-right-top.gif); width:300px; height:6px; background-repeat:no-repeat; margin:0px auto; overflow:hidden;} #ehContent #ehContentRight #bot {background-image:url(http://static.eharmony.co.uk/assets/uk/images/bg-ehcontent-right-bot.gif); width:300px; height:6px; background-repeat:no-repeat; margin:0px auto;} #ehContent #ehContentRight #content {background-color:#f1eff0; width:283px; margin:0px auto; overflow:hidden; padding:0 8px 0 9px;} #ehContent #ehContentRight #content #top {background-image:url(http://static.eharmony.co.uk/assets/uk/images/bg-ehcontent-success-top.gif); width:283px; height:6px; background-repeat:no-repeat; margin:0px auto; overflow:hidden;} #ehContent #ehContentRight #content #bot {background-image:url(http://static.eharmony.co.uk/assets/uk/images/bg-ehcontent-success-bot.gif); width:283px; height:8px; background-repeat:no-repeat; background-position:top; margin:0px auto;} #ehContent #ehContentRight #content #story {background-image:url(http://static.eharmony.co.uk/assets/uk/images/bg-ehcontent-success-mid.gif); background-repeat:repeat-y; background-color:#ffffff; width:266px; margin:0px auto; overflow:hidden; padding:0 8px 7px 9px; color:#434343;} #ehContent #ehContentRight #content #story img {border:0; padding-right:8px;} #ehContent #ehContentRight #content #story h3 {color:#767676; padding:4px 0 8px 0; margin:0; font-size:13px; font-weight:bold} #ehContent #ehContentRight #content #story h5 {color:#434343; padding:10px 0 4px 0; margin:0; font-size:9px; font-weight:normal} /** Footer on Light Background **/ DIV.footerDrk {width:970px; margin:0px auto; font-size:12px; color:#0066cb; text-align:center; background-color:#f2f2f2; padding:30px 0 0 0;} DIV.footerDrk ul {list-style:none; margin:0px; padding:0px} DIV.footerDrk li {display:inline; padding:0px 3px} DIV.footerDrk a {color:#0066cb} DIV.footerDrk h4 {font-size:11px; color:#003479; font-weight:normal} DIV.footerDrk h5 {font-size:11px; color:#003479; font-weight:normal} DIV.footerDrk #left {width:450px; float:left; text-align:left} DIV.footerDrk #right {width:450px; float:right; text-align:right} /** Footer for Express Dating **/ DIV.footerExpDat {width:910px; margin:0px auto; font-size:12px; color:#000000; text-align:left; padding:5px 0 0 0px; border-top:1px solid #bebfc2; font-size:11px;} DIV.footerExpDat #footerLogo{float:left; padding:2px 0 0 0;} DIV.footerExpDat ul {list-style:none; margin:0px; padding:0 0 3px 0;} DIV.footerExpDat li {display:inline; padding:0px 4px} DIV.footerExpDat a {color:#000000;} DIV.footerExpDat h4 {font-size:11px; color:#003479; font-weight:normal} DIV.footerExpDat h5 {font-size:11px; color:#003479; font-weight:normal} DIV.footerExpDat #left {width:450px; float:left; text-align:left} DIV.footerExpDat #right {width:450px; float:right; text-align:right}