/* GENERAL STYLES */ body {padding-bottom: 36px;} hr {clear: both; color: #fff; background: #fff;} div#content {width: 960px; margin: 10px auto; text-align: left;} div.oneColumn {width: 140px; margin: 0 10px; float: left;} div.twoColumns {width: 300px; margin: 0 10px; float: left;} div.threeColumns {width: 460px; margin: 0 10px; float: left;} div.fourColumns {width: 620px; margin: 0 10px; float: left;} div.fiveColumns {width: 780px; margin: 0 10px; float: left;} div.sixColumns {width: 940px; margin: 0 10px; float: left;} div.threeSubColumns {width: 220px; margin: 0 10px; float: left;} div.fiveSubColumns {width: 380px; margin: 0 10px; float: left;} div.sevenSubColumns {width: 540px; margin: 0 10px; float: left;} div.nineSubColumns {width: 700px; margin: 0 10px; float: left;} body div.first {margin: 0 10px 0 0;} body div.last {margin: 0 0 0 10px;} body a {color: #c3c;} body a:hover {color: #fc0;} div#header {height: 103px; width: 940px; margin: 18px auto 0; position: relative; background: url(/img/freeplay/bar.gif) 0 0 no-repeat transparent;} div#header h1 {float: left; height: 103px; width: 380px; padding: 0; margin: 0; background: url(/img/freeplay/logo.gif) 0 0 no-repeat transparent;} div#header h1 a {display: block; height: 103px; width: 380px; text-indent: -99999px;} ul#mainmenu {position: absolute; right: 20px; bottom: 50px; list-style: none; margin: 0;} ul#mainmenu li {float: left; margin: 0 5px; font-size: 14px;} ul#mainmenu li a {display: block; height: 18px; padding: 5px 5px 4px; font-weight: bold; text-decoration: none; text-transform: uppercase;} div#news-winners {display: none;} div.upgradeOverview {background: url(/img/freeplay/6colBottom.png) 0 100% no-repeat #fc0; border-bottom: 10px solid #fff;} div.upgradeOverview h2 {background: url(/img/freeplay/upgrade.png) 0 0 no-repeat transparent; height: 50px; text-indent: -99999px; margin: 0;} div.upgradeOverview h3 {background: url(/img/freeplay/upgradeBenefits.png) 0 0 no-repeat transparent; height: 32px; text-indent: -99999px; margin: 0 0 9px;} div.upgradeOverview p {font-size: 18px; line-height: 27px; margin: 0 10px 18px;} div.upgradePlayer {background: url(/img/freeplay/3colBottom.gif) 0 100% no-repeat #fc0; border-bottom: 10px solid #fff;} div.upgradePlayer h3 {background: url(/img/freeplay/upgradeHappi6.png) 0 0 no-repeat transparent; height: 50px; text-indent: -99999px; margin: 0;} div.upgradePlayer p {font-size: 14px; line-height: 27px; margin: 0 20px 18px;} div.upgradeAffiliate {background: url(/img/freeplay/3colBottom.gif) 0 100% no-repeat #fc0; border-bottom: 10px solid #fff;} div.upgradeAffiliate h3 {background: url(/img/freeplay/upgradeGWP.png) 0 0 no-repeat transparent; height: 50px; text-indent: -99999px; margin: 0;} div.upgradeAffiliate p {font-size: 12px; line-height: 27px; margin: 0 20px 18px;} div.myFreeplayOverview {background: url(/img/freeplay/6colBottom.png) 0 100% no-repeat #fc0; border-bottom: 10px solid #fff;} div.myFreeplayOverview h2 {background: url(/img/freeplay/my-freeplay.png) 0 0 no-repeat transparent; height: 50px; text-indent: -99999px; margin: 0;} div.myFreeplayOverview div.myFreeplayNumbers ul {width: 312px; height: 50px; margin: 0 auto; list-style: none;} div.myFreeplayOverview div.myFreeplayNumbers ul li {float: left; margin: 0 5px; width: 42px;} div.myFreeplayNumbers h3 {background: url(/img/freeplay/lucky-numbers.gif) 0 0 no-repeat transparent; height: 38px; margin: 9px 0 18px; text-indent: -99999px;} div.myFreeplayChances h3 {background: url(/img/freeplay/chances.gif) 0 0 no-repeat transparent; height: 41px; margin: 9px 0 18px; text-indent: -99999px;} div.myFreeplayChances p {margin: 0 20px 18px; font-weight: bold; font-size: 18px;} div#personaliser {background: url(/img/freeplay/top.jpg) 0 0 no-repeat transparent; height: 130px;} div#personaliser h2 {display: none;} div#personaliser div#personalMessage {width: 370px; margin: 0 10px; float: left; padding: 48px 0 0; font-size: 22px; line-height: 30px;} div#personaliser div#otherMessages {width: 430px; margin: 0 10px; float: left; padding: 24px 0 0;} div#personaliser div#otherMessages p {text-align: center; font-weight: bold; font-size: 14px; margin: 0;} div#personaliser div#otherMessages p strong {color: #c00;} div#personaliser div#otherMessages img {margin: 5px 0 0;} div#leftSpangle {height: 726px; padding: 0; position: relative; background: url(/img/freeplay/left-feature.jpg) 0 0 no-repeat transparent;} div#leftSpangle h2, div#leftSpangle h3 {display: none;} div#leftSpangle p {position: absolute; top: 310px; margin: 0 10px; font-size: 18px; line-height: 24px;} div#chooseNumbers {background: url(/img/freeplay/choose-numbers.png) 0 0 no-repeat transparent; padding: 54px 0 0; min-height: 676px;} div#chooseNumbers h2 {display: none;} div#chooseNumbers h2#step2title {display: block; text-indent: -99999px; height: 42px; background: url(/img/freeplay/enter-name.png) 0 0 no-repeat transparent; margin: 0 0 18px 6px} div#chooseNumbers p {text-align: center; font-size: 18px; font-weight: bold; margin: 9px 80px;} div#smsUpgradeDetails {background: url(/img/freeplay/sms-step2.png) 0 0 no-repeat transparent; padding: 54px 0 0; min-height: 676px;} fieldset.numberPicker {width: 480px; margin: 0 auto;} fieldset.numberPicker div {float: left; width: 50px; margin: 0 5px;} fieldset.numberPicker div.luckyDip {width: 100px; padding: 12px 0 0;} fieldset.numberPicker div img {margin: 0 auto; float: none;} fieldset.numberPicker div a img {margin: 0 auto;} fieldset.numberPicker input {width: 18px; height: 18px; margin: 0 5px; position: absolute; left: -999999px;} div#smsUpgradeDetails div.field, div#chooseNumbers div.field {float: left; clear: left; position: relative;} div#smsUpgradeDetails div.field label, div#chooseNumbers div.field label {display: block; width: 220px; float: left; clear: left; font-size: 18px; font-weight: bold; padding: 7px 10px 11px; text-align: right;} div#smsUpgradeDetails div.field input, div#chooseNumbers div.field input {background: url(/img/freeplay/input.png) 0 0 no-repeat transparent; border: none; width: 250px; padding: 7px 10px; font-size: 14px; font-weight: bold; color: #fff;} div#smsUpgradeDetails div.field select, div#chooseNumbers div.field select {background: url(/img/freeplay/input.png) 0 0 no-repeat transparent; border: none; width: 260px; padding: 7px 10px; font-size: 14px; font-weight: bold; color: #fff;} div#smsUpgradeDetails div.field select option, div#chooseNumbers div.field select option {color: #666;} div#smsUpgradeDetails div.captcha, div#chooseNumbers div.captcha {float: left; clear: left; padding: 0 0 0 240px; position: relative;} div#smsUpgradeDetails div.captcha div, div#chooseNumbers div.captcha div {background: url(/img/freeplay/captcha.png) 0 0 no-repeat transparent; padding: 7px 10px; width: 100px; height: 40px; float: left;} div#smsUpgradeDetails div.captcha div div, div#chooseNumbers div.captcha div div {background: transparent; width: 100px; height: 40px; padding: 0;} div#smsUpgradeDetails div.captcha label, div#chooseNumbers div.captcha label {float: left; width: 130px; padding: 4px 5px; font-size: 14px; font-weight: bold;} div#smsUpgradeDetails div.checkbox, div#chooseNumbers div.checkbox {float: left; clear: left; position: relative; padding: 6px 0;} div#smsUpgradeDetails div.checkbox label, div#chooseNumbers div.checkbox label {display: block; width: 460px; float: left; clear: left; font-size: 14px; font-weight: bold; padding: 0 10px; text-align: right;} div#smsUpgradeDetails div.checkbox span.checkbox, div#chooseNumbers div.checkbox span.checkbox {padding: 5px 0;} div#smsUpgradeDetails div.checkbox input, div#chooseNumbers div.checkbox input {border: none; padding: 7px 10px; font-size: 14px; font-weight: bold; color: #fff; vertical-align: bottom;} div#smsUpgradeDetails div.submit, div#chooseNumbers div.submit {float: left; clear: left; padding: 10px 0 10px 240px; position: relative;} div.sms-upgrade {background: url(/img/freeplay/sms.jpg) 0 0 no-repeat transparent; padding: 48px 0 0;} div.sms-upgrade p {margin: 0 200px 0 20px; font-size: 18px; font-weight: bold;} div.sms-upgrade div.field {float: left; clear: left; position: relative; margin: 18px 16px;} div.sms-upgrade div.field input {background: url(/img/freeplay/input.png) 0 0 no-repeat transparent; border: none; width: 250px; padding: 7px 10px; font-size: 14px; font-weight: bold; color: #fff;} div.sms-upgrade div.submit {float: left; clear: left; position: relative; margin: 0px 16px 18px;} div#thanksForPlaying {background: url(/img/freeplay/thanks.png) 0 0 no-repeat transparent; padding: 54px 0 0; min-height: 654px;} div#thanksForPlaying h2 {display: none;} div#thanksForPlaying p {text-align: left; font-size: 18px; font-weight: bold; margin: 18px 20px;} div.myNumbers {width: 312px; height: 50px; margin: 0 auto; clear: both;} div.myNumbers img {float: left; margin: 0 5px;} div#thanksForEntering {background: url(/img/freeplay/playing.png) 0 0 no-repeat transparent; padding: 54px 0 0; min-height: 678px;} div#thanksForEntering h2 {display: none;} div#thanksForEntering p {text-align: left; font-size: 18px; font-weight: bold; margin: 18px 20px;} h3#your-numbers {display: block; text-indent: -99999px; height: 42px; background: url(/img/freeplay/your-numbers-are.png) 0 0 no-repeat transparent; margin: 0 0 18px;} h3#next-draw {display: block; text-indent: -99999px; height: 42px; background: url(/img/freeplay/next-draw-date.png) 0 0 no-repeat transparent; margin: 0 0 18px;} h4#next-draw-date {text-align: center; font-size: 30px; font-weight: bold; margin: 0 0 36px;} div#tellYourFriends {background: url(/img/freeplay/tell-friends.png) 0 0 no-repeat transparent; padding: 48px 0 0; min-height: 590px;} div#tellYourFriends h2 {display: none;} div#tellYourFriends h3 {margin: 0 20px 18px; font-size: 24px; line-height: 24px; color: #662d91;} div#tellYourFriends h3 strong {color: #fff;} div#tellYourFriends p {margin: 0 20px 18px; color: #662d91;} div#tellYourFriends p strong {color: #000;} div#tellYourFriends p#friendPrizes {display: none;} div#tellYourFriends h3#allYourDataAreBelongToUs {display: block; text-indent: -99999px; height: 40px; background: url(/img/freeplay/enter-friends.png) 0 0 no-repeat transparent; margin: -9px 0 9px;} div#tellYourFriends div.field {float: left; clear: left;} div#tellYourFriends div.submit {float: left; clear: left; padding: 0 0 0 110px;} div#tellYourFriends div.field label {display: block; width: 90px; float: left; clear: left; font-size: 18px; font-weight: bold; padding: 7px 10px 11px; text-align: right;} div#tellYourFriends div.field input {background: url(/img/freeplay/input.png) 0 0 no-repeat transparent; border: none; width: 250px; padding: 7px 10px; font-size: 14px; font-weight: bold; color: #fff;} div#tellYourFriends h4#friend1 {background: url(/img/freeplay/friend-1.png) 0 0 no-repeat transparent; height: 23px; margin: 0; text-indent: -99999px; clear: both;} div#tellYourFriends h4#friend2 {background: url(/img/freeplay/friend-2.png) 0 0 no-repeat transparent; height: 23px; margin: 0; text-indent: -99999px; clear: both;} div#welcomeToSixK {background: url(/img/freeplay/welcome.png) 0 0 no-repeat transparent; padding: 54px 0 0; min-height: 678px;} div#welcomeToSixK h2 {display: none;} div#welcomeToSixK h3 {text-align: left; font-size: 30px; font-weight: bold; margin: 18px 20px; color: #c3c;} div#welcomeToSixK p {text-align: left; font-size: 18px; font-weight: bold; margin: 18px 20px;} div#welcomeToSixK ul {list-style: none; margin: 0 20px;} div#welcomeToSixK ul li {text-align: left; font-size: 18px; font-weight: bold; margin: 0 20px 18px;} div#amps-invite {background: url(/img/freeplay/invite-friend.png) 0 0 no-repeat transparent; float: left; width: 460px; margin: 0 0 0 10px; padding: 54px 0 0;} div#amps-invite h2 {display: none;} div#amps-invite div.field {float: left; clear: left;} div#amps-invite div.submit {float: left; clear: left; padding: 0 0 0 190px;} div#amps-invite div.submit input {background: url(/img/freeplay/send-email.png) 0 0 no-repeat transparent; border: none; height: 50px; width: 200px; font-size: 1px; color: #7f38ac; text-indent: -99999px;} div#amps-invite div.field label {display: block; width: 170px; float: left; clear: left; font-size: 18px; font-weight: bold; padding: 7px 10px 11px; text-align: right;} div#amps-invite div.field input {background: url(/img/freeplay/input.png) 0 0 no-repeat transparent; border: none; width: 250px; padding: 7px 10px; font-size: 14px; font-weight: bold; color: #fff;} div#amps-invite p {margin: 18px 20px;} div#amps-prospects {background: url(/img/freeplay/amps-bottom.gif) 0 100% no-repeat #fc0; padding-bottom: 20px;} div#amps-prospects h2 {background: url(/img/freeplay/amps-top.gif) 0 0 no-repeat transparent; text-indent: -999999px; height: 50px;} div#amps-prospects table {margin: 0 20px;} div#amps-prospects table th {font-weight: bold; color: #c3c; vertical-align: middle; padding: 4px 5px;} div#amps-prospects table td {vertical-align: middle; padding: 4px 5px;} div#amps-prospects table td.image {text-align: center;} div#amps-prospects table img {margin: 0 5px 0 0; float: left;} div#amps-prospects table td.image img {float: none; margin: 0 auto;} div.mytickets, div.multitickets {background: url(/img/freeplay/3colBottom.gif) 0 100% no-repeat #fc0; padding: 0 0 1px;} div.mytickets h2.title {text-indent: -99999px; background: url(/img/freeplay/freeplayTickets.gif) 0 0 no-repeat transparent; height: 50px; margin: 0;} div.multitickets h2.title {text-indent: -99999px; background: url(/img/freeplay/multiwinTickets.gif) 0 0 no-repeat transparent; height: 50px; margin: 0;} div.mytickets table, div.multitickets table {margin: 0 20px 9px;} div.mytickets table th, div.multitickets table th {font-weight: bold; color: #c3c; vertical-align: middle; padding: 4px 5px;} div.mytickets table td, div.multitickets table td {vertical-align: middle; padding: 4px 5px;} div.mytickets table table, div.multitickets table table {margin: 0 auto;} div.mytickets h3, div.multitickets h3, div.mytickets h4, div.multitickets h4, div.mytickets p, div.multitickets p {margin: 0 20px 9px;} div.login {border-bottom: 10px solid #fff;} div.login div.form {background: url(/img/freeplay/7subcolBottom.gif) 0 100% no-repeat #fc0;} div.login div.form h3 {background: url(/img/freeplay/login.gif) 0 0 no-repeat transparent; text-indent: -99999px; height: 50px; margin: 0;} div.login div.form div.field {float: left; clear: left;} div.login div.form div.submit {float: left; clear: left; padding: 0 0 0 190px;} div.login div.form div.submit input {background: url(/img/freeplay/login.png) 0 0 no-repeat transparent; border: none; height: 50px; width: 125px; font-size: 1px; color: #7f38ac; text-indent: -99999px;} div.login div.form div.field label {display: block; width: 170px; float: left; clear: left; font-size: 18px; font-weight: bold; padding: 7px 10px 11px; text-align: right;} div.login div.form div.field input {background: url(/img/freeplay/input.png) 0 0 no-repeat transparent; border: none; width: 250px; padding: 7px 10px; font-size: 14px; font-weight: bold; color: #fff;} div.login div.help-links {clear: both; padding: 18px 0 0 190px;} div.login div.help-links a {color: #c3c;} div#latest-results {background: url(/img/freeplay/7subcolBottom.gif) 0 100% no-repeat #fc0;} div#latest-results h2 {background: url(/img/freeplay/results.png) 0 0 no-repeat transparent; text-indent: -99999px; height: 50px; margin: 0;} div#latest-results p.date {width: 40px; margin: 0; font-size: 12px; line-height: 18px; padding: 0 12px 18px 21px; float: left; background: url(/img/freeplay/date.png) 0 0 no-repeat transparent;} div#latest-results p.date span {display: block; text-align: center;} div#latest-results p.date span.month {color: #fff; font-weight: bold; text-transform: uppercase; padding: 9px 0 2px;} div#latest-results p.date span.day {font-size: 24px; font-weight: bold; padding: 2px 0 0;} div#latest-results p.date span.year {display: none;} div#latest-results table {float: left; margin: 10px 110px 10px 25px;} div#latest-results table td {width: 50px; margin: 0 5px;} div#latest-results p {font-size: 18px; font-weight: bold; line-height: 27px; margin: 0 20px 18px;} div#latest-results p a {color: #c3c;} div.previous-results, table.prizes {display: none;} div.newResults div.results-data {position: relative; width: 940px; height: 78px; margin: 0; background: url(/img/freeplay/latest-results.png) 0 0 no-repeat transparent; border: 0; border-bottom: 9px solid #fff; padding: 63px 0 0;} div.newResults p.date {width: 40px; padding: 0 12px 0 21px; float: left;} div.newResults p.date span {display: block; text-align: center;} div.newResults p.date span.month {color: #fff; font-weight: bold; text-transform: uppercase; padding: 9px 0 2px;} div.newResults p.date span.day {font-size: 24px; font-weight: bold; padding: 2px 0 0;} div.newResults p.date span.year {display: none;} div.newResults div.results-data h3 {display: none;} div.newResults table.figures {width: 371px; float: left; margin-left: 18px;} div.newResults table.figures td {width: auto; padding: 18px 0 0 3px; border: 0;} div.newResults div.winners-blurb {position: absolute; width: 200px; top: 60px; left: 480px;} div.newResults div.multiwin-blurb {position: absolute; width: 200px; top: 60px; left: 715px;} div.newResults div.winners-blurb p, div.newResults div.multiwin-blurb p {font-size: 14px;} div.newResults div.winners-blurb strong, div.newResults div.multiwin-blurb strong {color: #c3c;} div.congrats {background: url(/img/freeplay/7subcolBottom.gif) 0 100% no-repeat #fc0;} div.congrats h2 {background: url(/img/freeplay/congratulations.gif) 0 0 no-repeat transparent; text-indent: -99999px; height: 50px; margin: 0 0 9px;} div.congrats p {margin: 0 20px 18px;} div.claim {background: url(/img/freeplay/5subcolsBottom.gif) 0 100% no-repeat #fc0;} div.claim h2 {background: url(/img/freeplay/claimPrize.gif) 0 0 no-repeat transparent; text-indent: -99999px; height: 50px; margin: 0 0 9px;} div.claim p {margin: 0 20px 18px;} div.claim input {margin: 0 20px 18px; background: url(/img/freeplay/claim.png) 0 0 no-repeat transparent; height: 50px; width: 200px; text-indent: -99999px; font-size: 1px; font-colot: #c3c; border: 0;} div.tooltip {display: none;} div#footer {clear: both; width: 940px; margin: 10px auto; padding: 10px 0; border-top: 2px solid #c3c;} div#footer div.fourColumns {margin: 0 10px 0 0;} div#footer div.oneColumn {margin: 0 10px 0 0;} div#footer div.twoColumns {margin: 0 0 0 10px;} div#footer ul {list-style: none; margin: 0 0 0 -5px;} div#footer ul li {display: inline; padding: 0 5px 0 0; margin: 0 0 0 5px;} span.error {width: 190px; position: absolute; right: -195px; background: url(/img/freeplay/error.png) 0 50% no-repeat transparent;; padding: 5px 7px 5px 18px;} div.checkbox span.error {right: -210px;} p#logos img {margin: 0 5px 0 0;} p.clearing {height: 1px; overflow: hidden; margin: 0 0 -1px; clear: both;} /* EDITOR PROPERTIES */