/* Body -------------------------------------------------*/ body{/*background:url(/img/structure/background-landing.jpg) top center;*/font:62.5% Arial, Helvetica, sans serif;color:#b7b7b7;} /* Main Heading -------------------------------------------------*/ body.about #MainHeading {width:960px;margin:0 auto 0;height:106px;} body.about #MainHeadingNonFlashAboutPS3 {background: url(/img/structure/about-the-ps3-bg.png) top left no-repeat;width:960px; margin: 0;padding: 87px 0 0 0;height: 59px;} body.about #MainHeadingNonFlash h1 {color: #000;font-size: 2.1em;width: 340px;padding-left: 275px; font-weight: bold;} body.about #MainHeadingNonFlashAboutPS3 h1 {color: #000;font-size: 3.0em;width: 380px;padding-left: 275px; font-weight: bold;} body.about #AlternateHeaderFlashContainer {padding: 50px 0 0 0;} body.about .lang {background: url(/img/structure/about-header-bg.png) top left no-repeat;width:960px; margin: 0;padding: 46px 0 0 0;height: 60px;} body.about .lang.spanish {background: url(/img/structure/about-header-bg_spanish.png) top left no-repeat;} body.about .lang.italian {background: url(/img/structure/about-header-bg_italian.png) top left no-repeat;} body.about .lang.portugese {background: url(/img/structure/about-header-bg_portugese.png) top left no-repeat;} /* Main Wrapper & Shadow -------------------------------------------------*/ body.about #MainWrapper {background:url(/img/structure/about-main-wrapper-background.gif) bottom center repeat-y; min-width: 960px;} body.about #MainWrapperShadow {background:url(/img/structure/about-main-wrapper-shadow-background.png) bottom center repeat-y; min-width: 960px; padding: 0 0 35px 0;} body.about #MainWrapper .sub-lang {background: url(/img/structure/about-the-game-sub-t.png) no-repeat top center; min-width: 960px; min-height: 300px;} body.about #MainWrapper .sub-lang.spanish {background: url(/img/structure/about-the-game-sub-t_spanish.png) no-repeat top center;} body.about #MainWrapper .sub-lang.italian {background: url(/img/structure/about-the-game-sub-t_italian.png) no-repeat top center;} body.about #MainWrapper .sub-lang.portugese {background: url(/img/structure/about-the-game-sub-t_portugese.png) no-repeat top center;} body.about #MainWrapper #Main .home {position: absolute; top: -100px; right: 84px; height: 186px; width: 290px;} body.about #MainWrapper #Main .home a {display: block; width: 290px; height: 200px;} /* About Main -------------------------------------------------*/ body.about #MainWrapper {font-family: Arial; font-size: 1.2em; color: #000;} body.about #MainWrapper #Main {position: relative;} body.about #MainWrapper .about {margin: 0 0 0 180px;} body.about #MainWrapper .about h2.flir {font-size: 2.0em; padding: 13px 0 7px 0;} body.about #MainWrapper .about h2.flir-wrap {font-size: 2.0em; padding: 13px 0 7px 0;width: 380px;} body.about #MainWrapper .about h2.flir.points-header {margin: 20px 0 0 0;} body.about #MainWrapper .about p {margin: 0 0 10px 0; line-height: 1.8em; width: 367px;} body.about #MainWrapper .about p.first {padding-top: 20px;} body.about #MainWrapper .about.right {padding: 40px 0; width: 580px;} body.about #MainWrapper .about.right p {display: block; float: left; width: 350px;} body.about #MainWrapper .about.right img.content-img {float: left; width: 205px; margin: 0 20px 0 0; display: inline;} body.about #MainWrapper .about.right .copy-wrapper {float: left; width: 335px; display: inline;} body.about #MainWrapper .about.right .copy-wrapper h2 span {display: block; width: 340px; font-size: 2.0em;} body.about #MainWrapper .about a {color: #ff09cf;position:relative;z-index:101;} body.about #MainWrapper .about ul {list-style: disc;line-height: 1.8em;margin:0 0 10px 14px;width: 347px; float: left;} body.about #MainWrapper .about a:hover {text-decoration: underline;} body.about #MainWrapper .join-the-game {float: right; width: 385px; margin: -140px 8px 0 0; display: block; background: url(/img/structure/about-join-the-game.png) no-repeat top left; height: 407px; width: 385px; position: relative;} body.about #MainWrapper .join-the-game.logged-in {float: right; width: 385px; margin: -140px 8px 0 0; display: block; background: url(/img/structure/about-join-the-game-logged-in.png) no-repeat top left; height: 407px; width: 385px;} body.about.faqs #MainWrapper .join-the-game, body.about.faqs #MainWrapper .join-the-game {margin-top: 0; color: yellow;} body.about #MainWrapper .join-the-game .wrapper {width: 167px; text-align: center; background: #000; margin: 33px 0 0 200px; padding: 0 0 10px 14px;} body.about #MainWrapper .join-the-game a {display: block; font-size: 2em; color: yellow; width: 150px; color: yellow;} body.about #MainWrapper div.home-link{position:absolute;top:5px;right:825px;} body.about #MainWrapper div.home-link img{position:absolute;left:-26px;top:-4px;} body.about #MainWrapper div.home-link a {background:#0D4B65;display:block;font-weight:bold;font-size:1.4em;text-align:center;} body.about #MainWrapper div.home-link a span{background:#FF3BD8;display:block;left:-5px;min-height:24px;padding:3px 7px 1px;position:relative;top:-5px;cursor:pointer;} /* About Menu -------------------------------------------------*/ body.about #MainWrapper #Main #AboutNavigation {background: url(/img/structure/about-navigation-header.png) no-repeat top left; position: absolute; top: 120px; right: 28px; padding: 9px 0 0 0;} body.about #MainWrapper #Main #Navigation {background: url(/img/structure/about-navigation-background.png) no-repeat bottom left; width: 161px; padding: 10px 0 20px 0; min-height: 150px;} body.about #MainWrapper #Main #Navigation li {background: url(/img/structure/about-navigation-item-seperator.gif) no-repeat bottom left; width: 156px; min-height: 26px;} body.about #MainWrapper #Main #Navigation li.bottom {background: none; width: 156px; min-height: 30px;} body.about #MainWrapper #Main #Navigation li a {display: block; width: 147px; color: #000; font-size: 1.3em; padding: 5px 0 5px 9px; margin: 0 0 0 2px;} body.about #MainWrapper #Main #Navigation li a:hover {text-decoration: underline;} body.about #MainWrapper #Main #Navigation li a.active {background: url(/img/structure/about-navigation-item-background.gif) repeat-y; color: #ffff02; text-decoration: none;} /* FAQs -------------------------------------------------*/ body.faqs #MainWrapper #Content {margin: 0 0 0 180px; min-height: 720px; padding: 0 0 0 0; position: relative;} body.faqs #MainWrapper #Content #FAQs {width: 372px; padding: 20px 0 60px 0;} body.faqs #MainWrapper #Content #FAQs li {background: url(/img/structure/faqs-seperator.gif) no-repeat top left;} body.faqs #MainWrapper #Content #FAQs li.first {background: none;} body.faqs #MainWrapper #Content #FAQs li h2 {padding: 13px 0 9px 0;} body.faqs #MainWrapper #Content #FAQs li h2 a {font-weight: bold; display: block; width: 372px; padding: 12px 0; text-transform: uppercase; font-size: 1.3em; color: #5f5f5f; background: url(/img/structure/send-challenge-arrow.gif) no-repeat 0 0; padding: 0 0 0 20px;} body.faqs #MainWrapper #Content #FAQs li h2 a:hover {color: #fc50d7;} body.faqs #MainWrapper #Content #FAQs li h2 a.active {color: #fc50d7; background: url(/img/structure/send-challenge-arrow.gif) no-repeat 0 -37px;} body.faqs #MainWrapper #Content #FAQs li .answer {background: url(/img/structure/faqs-seperator.gif) no-repeat top left; display: block; padding: 20px 20px 0 20px; line-height: 1.6em; color: #000; display: none;} body.faqs #MainWrapper #Content #FAQs li .answer.first-answer {display: block;} body.faqs #MainWrapper #Content #FAQs li .answer p {margin: 0 0 20px 0;} body.faqs #MainWrapper #Content #Join {position: absolute; top: 320px; right: 8px;} body.faqs #MainWrapper .join-the-game {float: right; width: 385px; display: block; height: 407px; width: 385px; position: absolute; bottom: 0px; right: 0px;} body.faqs #MainWrapper .join-the-game {background: url(/img/structure/about-join-the-game.png) no-repeat top left;} body.faqs #MainWrapper .join-the-game.logged-in {fbackground: url(/img/structure/about-join-the-game-logged-in.png) no-repeat top left;} body.faqs #MainWrapper #Content #FAQs li a {color: #fc50d7;font-weight: bold;} body.faqs #MainWrapper #Content #FAQs li a:hover {text-decoration: underline} /* About The PS3 -------------------------------------------------*/ body.the-ps3 #MainWrapper #TheGameBackground {background: url(/img/structure/about-the-ps3-sub-t.png) no-repeat top center; min-width: 960px;} body.the-ps3 #MainHeading {width:960px;margin:-5px auto 0;height:146px;} body.the-ps3 #MainWrapper #Main #Navigation {min-height: 180px;} body.the-ps3 #MainWrapper .about.music h2, body.the-ps3 #MainWrapper .about.games h2 {padding: 30px 0 7px 0;} body.the-ps3 #MainWrapper .about.movies {margin: -10px 0 0 180px; position: relative; width: 643px; } body.the-ps3 #MainWrapper .about.music {margin: 0 0 0 100px; position: relative; width: 608px;} body.the-ps3 #MainWrapper .about.games {margin: 0 0 0 10px;padding: 0 0 0 100px;position: relative; width: 620px;} body.the-ps3 #MainWrapper .about.new-ps3 p {margin: 0 0 20px 0; width: 350px;} body.the-ps3 #MainWrapper h3.flir {font-size: 1.4em;} body.the-ps3 #MainWrapper .about.music p, body.the-ps3 #MainWrapper .about.games p, body.the-ps3 #MainWrapper .about.movies p {float: left; width: 310px;} body.the-ps3 #MainWrapper .about.music .image {text-indent: -9999px; float: left; margin: -13px 0 0 0; position: relative; background: url(/img/structure/about-the-ps3-music.png) no-repeat; height: 222px; width: 295px; display: block;} body.the-ps3 #MainWrapper .about.movies .image {text-indent: -9999px; float: right; margin: -5px 0 0 0; position: relative; background: url(/img/structure/about-the-ps3-movies.png) no-repeat; height: 222px; width: 295px; display: block;} body.the-ps3 #MainWrapper .about.games .image {text-indent: -9999px; float: left; margin: -13px 7px 0 0; position: relative; background: url(/img/structure/about-the-ps3-games.png) no-repeat; height: 247px; width: 295px; display: block;} body.the-ps3 #MainWrapper .about.music .copy {float: left;} body.the-ps3 #MainWrapper .about.movies .copy {float: left;} body.the-ps3 #MainWrapper .about.games .copy {float: left;} body.the-ps3 #MainWrapper div.home-link{position:absolute;top:-1px;right:831px;} /* PS3 -------------------------------------------------*/ body.ps3 #MainHeading {width:960px; margin:-5px auto 0; height:146px;} body.ps3 #MainWrapper #TheGameBackground {background: url(/img/structure/ps3-sub-t.png) no-repeat top center; min-width: 960px;} body.ps3 #MainWrapper #Main #Navigation li ul {color: #FFF; background: url(/img/structure/about-navigation-item-background.gif) no-repeat; margin: -1px 0 0 2px; position: relative; padding: 5px 0 0 14px; height: 23px; width: 142px;} body.ps3 #MainWrapper #Main #Navigation li ul li {background: url(/img/structure/about-navigation-sub-nav-background.png) no-repeat 0 3px; padding: 0 0 0 13px; width: 135px;} body.ps3 #MainWrapper #Main #Navigation li ul li a {color: #FFF; font-size: 1em; padding: 0px; margin: 0px; width: 135px;} body.ps3 #MainWrapper #Main #Content {width: 550px; margin: 0 0 0 180px; padding: 325px 0 20px 0;} body.ps3 #MainWrapper #Main #Content h2 {padding: 0 0 7px 0; font-size: 2em;} body.ps3 #MainWrapper #Main #Content .details {display: inline; float: left; width: 260px;} body.ps3 #MainWrapper #Main #Content .details.one {margin: 20px 30px 0 0;} body.ps3 #MainWrapper #Main #Content .details.two {margin: 20px 0 0 0;} body.ps3 #MainWrapper #Main #Content p {line-height: 1.3em; margin: 0 0 15px 0;} body.ps3 #MainWrapper #Main #Content .details img {background: url(/img/structure/ps3-details-background.gif) no-repeat; display: block; height: 89px; width: 100px; float: right; margin: 0 0 0 30px; display: inline;} /* Forgotten Password -------------------------------------------------*/ body.forgotten-password #MainHeadingNonFlash {margin: 0;padding: 53px 0 0 0;height: 56px;} body.forgotten-password #MainHeadingNonFlash h1 {font-size: 2.4em; width: 320px;display: block; float: left; text-align: left;} body.forgotten-password #MainHeadingNonFlash h1 span {color: #000; width: 320px;display: block;} body.forgotten-password #Background {min-height: 0px;} body.forgotten-password #Background #BackgroundFooter {min-height: 480px;} body.forgotten-password #MainHeading {text-align: center; height: 106px;} body.forgotten-password #MainHeading #MainHeadingFlash {width: 960px; margin: 0 auto;} body.forgotten-password #MainWrapper #Main {padding: 20px 0 0 0;} body.forgotten-password #MainWrapper .form p {line-height: 1.6em; color: #000; width: 600px; font-size: 1.4em; margin: 50px 0 40px -100px; font-weight: bold; position: relative; float: left; display: inline; text-align: center;} body.forgotten-password #MainWrapper .form #UserAddForm .submit {margin: 0 0 0 80px; padding: 40px 0 0 0;} body.forgotten-password #MainWrapper #Main #UserAddForm {width: 600px; margin: 0 auto;} body.forgotten-password #MainWrapper #Main #UserAddForm p {width: 360px; font-size: 1.2em; margin: 0 0 40px 0;} body.forgotten-password #MainWrapper #Main #UserAddForm p.error-message {color: red;} body.forgotten-password #MainWrapper #Main #UserAddForm .submit .button {background:#B9B9BA;float:left;margin-right:20px;} body.forgotten-password #MainWrapper #Main #UserAddForm .submit a {border:none;font:1.6em Arial,Helvetica,sans-serif;display:block;left:-5px;margin:0;padding:7px 5px;position:relative;text-align:center;top:-5px;} body.forgotten-password #MainWrapper #Main #UserAddForm .submit a {background:#FF09CF;color:#FFF;min-height: 20px;/*for safari4*/} body.forgotten-password #MainWrapper #Main #UserAddForm .submit button:hover {cursor: pointer;} body.forgotten-password #MainWrapper #UserAddForm .input {float: left; display: inline; margin: 0 10px 0 0; position: relative;} body.forgotten-password #MainWrapper #UserAddForm .input label span {display: block; color: #000; font-size: 1.4em; font-weight: bold; margin: 0 0 3px 0;} body.forgotten-password #MainWrapper #UserAddForm .input label a {color: #e952d5; text-decoration: underline;} body.forgotten-password #MainWrapper #UserAddForm .input label .extra {font-size:1.1em;padding-left:1em;} body.forgotten-password #MainWrapper #UserAddForm .input input, body.forgotten-password #MainWrapper #UserAddForm .input select {background: url(/img/structure/background-form-input.gif); border: none; height: 22px; color: #F7D91E; font-size: 1.2em; font-weight: bold; padding: 8px 5px 0px 5px; margin: 0 0 20px 0;} body.forgotten-password #MainWrapper #UserAddForm .small-input input {width: 60px;} body.forgotten-password #MainWrapper #UserAddForm .medium-input {width: 370px; height: 67px;} body.forgotten-password #MainWrapper #UserAddForm .large-input {height: 67px;} body.forgotten-password #MainWrapper #UserAddForm .large-input.confirm-email {height: 82px;} body.forgotten-password #MainWrapper #UserAddForm .radio-input {width: 370px;} body.forgotten-password #MainWrapper #UserAddForm .medium-input input {width: 170px;} body.forgotten-password #MainWrapper #UserAddForm .large-input input {width: 370px;} body.forgotten-password #MainWrapper #UserAddForm .submit {margin: 0 0 0 5px; padding: 0 0 40px 0;} /* Forgotten Password Thanks -------------------------------------------------*/ body.forgotten-password.thanks #MainWrapper #ForgottenContainer {width: 600px; margin: 0 auto;} body.forgotten-password.thanks #MainWrapper #Main p {width: 360px; font-size: 1.2em; margin: 0 0 40px 0;} body.forgotten-password.thanks #MainWrapper #Main .submit .button {background:#B9B9BA;float:left;margin-right:20px; width: 200px;} body.forgotten-password.thanks #MainWrapper #Main .submit a {border:none;font:1.6em Arial,Helvetica,sans-serif;display:block;left:-5px;margin:0;padding:7px 5px;position:relative;text-align:center;top:-5px;background:#FF09CF;color:#FFF;} body.forgotten-password.thanks #MainWrapper #Main .submit a:hover {cursor: pointer;} /* FAQs - PS3 Browser -------------------------------------------------*/ body.faqs #MainWrapper #Content {margin: 0 0 0 180px; min-height: 720px; padding: 0 0 0 0; position: relative;} body.faqs #MainWrapper #Content #FAQsPS3 {width: 372px; padding: 20px 0 60px 0;} body.faqs #MainWrapper #Content #FAQsPS3 li {background: url(/img/structure/faqs-seperator.gif) no-repeat top left;} body.faqs #MainWrapper #Content #FAQsPS3 li.first {background: none;} body.faqs #MainWrapper #Content #FAQsPS3 li h2 {padding: 13px 0 9px 0;} body.faqs #MainWrapper #Content #FAQsPS3 li h2 a {font-weight: bold; display: block; width: 372px; padding: 12px 0; text-transform: uppercase; font-size: 1.3em; color: #5f5f5f; background: url(/img/structure/send-challenge-arrow.gif) no-repeat 0 0; padding: 0 0 0 20px;} body.faqs #MainWrapper #Content #FAQsPS3 li h2 a:hover {color: #5f5f5f; text-decoration: none; cursor: default;} body.faqs #MainWrapper #Content #FAQsPS3 li .answer {background: url(/img/structure/faqs-seperator.gif) no-repeat top left; display: block; padding: 20px 20px 0 20px; line-height: 1.6em; color: #000;} body.faqs #MainWrapper #Content #FAQsPS3 li .answer.first-answer {display: block;} body.faqs #MainWrapper #Content #FAQsPS3 li .answer p {margin: 0 0 20px 0;} body.faqs #MainWrapper #Content #FAQsPS3 li a {color: #fc50d7;font-weight: bold;} body.faqs #MainWrapper #Content #FAQsPS3 li a:hover {text-decoration: underline} /* Holding page - in between rounds -------------------------------------------------*/ body.holding #MainWrapperShadow {padding: 0 0 25px;} body.holding #MainWrapper .about {margin: 0 0 10px 170px;} body.holding #MainHeadingNonFlash h1 {font-size: 3.1em;margin-top:5px;} body.holding #MainWrapper .about h2{font-size:1.5em;width:373px;font-weight:bold;margin:30px 0; float: left;padding-left: 7px;} body.holding #MainWrapper .about p{font-size:1em;line-height:1.3em; width: 470px; float: left; display: block; margin: 0 0 10px 10px;} body.holding #MainWrapper .about p.first{font-size:1.167em;line-height:1.3em; width: 367px; margin: 0 0 10px 6px; clear: left; padding: 0px;} body.holding #MainWrapper .en_GB {padding: 50px 0 0 0;} body.holding #TimeUntilText{ margin:-135px auto 10px; width:auto; width:317px; padding-left: 10px; text-align:center; font-size:1.8em; color:#000; font-weight: bold; } body.holding #MainWrapper .about .flag {background: url(/img/holding-flags.gif) left top no-repeat; width: 78px; height: 61px; float: left; display: block;} body.holding #MainWrapper .en_GB .flag {background-position: 0px 0px;} body.holding #MainWrapper .da_DK .flag {background-position: -70px 0px;} body.holding #MainWrapper .de_DE .flag {background-position: -145px 0px;} body.holding #MainWrapper .es_ES .flag {background-position: -222px 0px;} body.holding #MainWrapper .fr_FR .flag {background-position: -372px 0px;} body.holding #MainWrapper .it_IT .flag {background-position: -448px 0px;} body.holding #MainWrapper .no_NO .flag {background-position: -521px 0px;} body.holding #MainWrapper .nl_NL .flag {background-position: -598px 0px;} body.holding #MainWrapper .pt_PT .flag {background-position: -673px 0px;} body.holding #MainWrapper .sv_SE .flag {background-position: -748px 0px;} body.holding #MainWrapper .pl_PL .flag {background-position: -823px 0px;} body.holding #MainWrapper .ru_RU .flag {background-position: -897px 0px;} body.it_IT #MainHeadingNonFlash h1 {color: #000;font-size: 1.6em;width: 340px;padding-left: 275px; font-weight: bold;} body.it_IT #MainWrapper .it_IT {padding: 50px 0 0 0;width:373px;} body.it_IT #MainWrapper .it_IT p{width:285px;} body.it_IT #Header{height:120px;} /* Downloads page -------------------------------------------------*/ body.downloads{} body.downloads #MainWrapper .about p{font-size:1.167em;line-height:1.3em; width: 367px; margin: 0 0 10px 6px; clear: left; padding: 20px 0 0;} /* Terms and Conditions page -------------------------------------------------*/ body.terms #MainWrapper #Content {padding-top:12px;} body.terms #MainHeadingNonFlash h1 {color: #000;font-size: 1.6em;width: 340px;padding-left: 275px; font-weight: bold;} body.terms div.terms p{padding:12px 0 0;margin:0; width:550px;} body.terms div.terms p.intro{width:390px;} body.about #MainWrapper .terms a {color: #ff09cf;}