/* Stylesheet for Playstation Open House -------------------------- Template -------------------------- */ /* Colors -------------------------- -------------------------- */ /** - Q-Tip - **/ .qtip-title{color:#ffffff;margin-bottom:0;padding-bottom:none;background:none;} .qtip-content p{color:#ffffff;} /** - FORMS - ** /* Element Containers */ .simpleForm .line{margin-bottom:12px;} .simpleForm .label{float:left;width:100px;} .simpleForm .iinput{float:left;} .simpleForm .iinput input{width:200px;} .simpleForm .submit{margin-right:5px;} .simpleForm .checkbox .iinput{padding-top:7px;} .simpleForm .checkbox .iinput input{width:20px;} .simpleForm .checkbox .label{width:234px;margin-left:15px;margin-top:7px;} .simpleForm .checkbox .label label{color:#ffffff;font-size:0.7em; text-transform:uppercase; font-weight:bold; } .simpleForm #parentConsent{width:289px; height:36px; background:url(../img/bg_consent.gif) no-repeat;} .simpleForm #parentConsentError{width:419px; height:36px; background:url(../img/bg_consent_error.gif) no-repeat;} .simpleForm #parentConsentError .label{width:350px;} #loginForm .submit{float:right;} /** - LISTS - **/ /* Horizontal List */ .horizontalList{padding-bottom:1em;text-align:center;} .horizontalList li{display:inline;margin-right:1.5em;padding-right:1.5em;font-size:0.7em;border-right:solid 1px #999999;} .horizontalList li.last{margin-right:0;border-right:none;} .horizontalList li a{color:#999999;text-decoration:none;} .horizontalList li a:hover{color:#ffffff;text-decoration:underline;} /* Numbered List */ .numberedList{list-style-type:decimal;margin-bottom:1em;} /* Terms List */ .simpleList .selected{color:#000000;} .simpleList .selected a{color:#000000;text-decoration:underline;} /* Column List */ .columnList{width:210px;float:left;} /* Terms List */ .termsList{margin-bottom:1em;padding-left:1em;} /* Menu List */ .menuList{margin-bottom:1em;} .menuList li{float:left;padding-right:1px;} .menuList li.last{margin-right:0;border-right:none;} .menuList li a{color:#999999;text-decoration:underline;} .menuList li a:hover{color:#ffffff;} .menuList #ps3{ width: 152px; height: 56px; position: relative; margin:0 auto;} .menuList #ps3 span{ background:url(../img/tab_ps3.gif) 0 0 no-repeat; position: absolute; width: 100%; height: 100%; } .menuList #ps3:hover span{ background:url(../img/tab_ps3.gif) 0 100% no-repeat; } .menuList #ps3.selected{height: 65px; } .menuList #ps3.selected span{ background:url(../img/tab_ps3_selected.gif) no-repeat; } .menuList #psp{ width: 152px; height: 56px; position: relative; margin:0 auto;} .menuList #psp span{ background:url(../img/tab_psp.gif) 0 0 no-repeat; position: absolute; width: 100%; height: 100%; } .menuList #psp:hover span{ background:url(../img/tab_psp.gif) 0 100% no-repeat; } .menuList #psp.selected{ height: 65px; } .menuList #psp.selected span{ background:url(../img/tab_psp_selected.gif) no-repeat; } .menuList #other{ width: 152px; height: 56px; position: relative; margin:0 auto; margin-right:7px;} .menuList #other span{ background:url(../img/tab_other_features.gif) 0 0 no-repeat; position: absolute; width: 100%; height: 100%; } .menuList #other:hover span{ background:url(../img/tab_other_features.gif) 0 100% no-repeat; } .menuList #other.selected{ height: 65px; } .menuList #other.selected span{ background:url(../img/tab_other_features_selected.gif) no-repeat; } .menuList #prize{ width: 283px; height: 137px; position: relative; margin:0 auto; } .menuList #prize span{ background:url(../img/tab_win.png) 0 0 no-repeat; position: absolute; width: 100%; height: 100%; } .menuList #prize:hover span{ background:url(../img/tab_win.png) 0 100% no-repeat; } .menuList #prize.selected span{background:url(../img/tab_win_selected.png) no-repeat; } .mapList li{display:block;width:27px;height:20px;background:url(../img/arrow.png) no-repeat;cursor:pointer;} .mapList li:hover{background:url(../img/arrow_over.png) no-repeat;} .mapList li span{display:block;width:0;height:0;overflow:hidden;} .mapList #glasgow{position:absolute;left:192px;top:293px;} .mapList #gateshead{position:absolute;left:250px;top:316px;} .mapList #manchester{position:absolute;left:240px;top:387px;} .mapList #birmingham{position:absolute;left:247px;top:433px;} .mapList #london{position:absolute;left:300px;top:462px;} .mapList #kent{position:absolute;left:322px;top:473px;} /** - TYPOGRAPHY - **/ body{font-family:arial,tahoma,georgia,sans-serif;background:#000000; } h1{color:#014044;font-size:2em;text-transform:uppercase;font-weight:bold;} h2{color:#000000;font-size:2em;text-transform:uppercase;margin-bottom:0.5em;} h3{color:#000000;font-size:1em;text-transform:uppercase;font-weight:bold;margin-bottom:1em;} a{color:#ffffff;text-decoration:none;} a:hover{color:#25a5ca;text-decoration:underline;} li{color:#000000;font-size:0.75em;} p{color:#000000;margin-bottom:1em;font-size:0.75em;} #prizeDrawPage p{color:#25a5ca;} #pspBuy a,#ps3Buy a{color:#a9a69f;} .small{font-size:0.75em;} /** - TEMPLATES - **/ .leftSplit{width:560px;float:left;position:relative;} .rightSplit{margin-left:565px;} .rightCol{margin-left:710px;width:225px;position:relative;} .rightCol .buyThis{position:absolute;top:330px;} .listBox{background:url(../img/blue_box_bg.gif) repeat-y;margin-bottom:1em;} .listBox li{color:#ffffff;} .listBox li a:hover{color:#ffffff;text-decoration:underline;} .listBox h3{color:#ffffff;background:url(../img/dotted_line.png) 0 100% no-repeat;padding-bottom:0.3em;text-transform:none;font-size:1.3em;} .listBox .listBoxTop{background:url(../img/blue_box_top.gif) 0 0 no-repeat;} .listBox .listBoxBottom{background:url(../img/blue_box_bottom.gif) 0 100% no-repeat;padding:10px 10px 20px 10px;} .loginBox{color:#ffffff;background:url(../img/blue_loginbox_bg.gif) repeat-y;margin-bottom:0.5em;width:364px;} .loginBox p{color:#ffffff;} .loginBox h3{color:#ffffff;background:url(../img/dotted_line.png) 0 100% no-repeat;padding-bottom:0.5em;margin-bottom:0.5em;;font-size:1em;} .loginBox .loginBoxTop{background:url(../img/blue_loginbox_top.gif) no-repeat;} .loginBox .loginBoxBottom{background:url(../img/blue_loginbox_bottom.gif) 0 100% no-repeat;padding:20px 30px 10px 25px;} .loginError .loginBox{background:url(../img/error_loginbox_bg.gif) repeat-y;} .loginError .loginBoxTop{background:url(../img/error_loginbox_top.gif) no-repeat;} .loginError .loginBoxBottom{background:url(../img/error_loginbox_bottom.gif) 0 100% no-repeat;} /** - CORE - **/ /* Content Template Wrap */ #pageWrap{background:url(../img/bg_open_house.jpg) 50% 0 no-repeat;min-width:1020px;} #pageWrap #innerPageWrap{width:1020px;margin:0 auto;} /* header */ #header{margin-bottom:40px;} #header h1{float:left;margin-top:10px;} #header #psLogo{float:left;padding-left:60px; padding-top:15px;} #header #gameLink{margin-left:870px;} /* Content */ #content{position:relative;} #topContent{margin-bottom:12px;} #pictureBoxContainer{float:left;} #topContent #pictureBox{background:url(../img/picture_frame.png) no-repeat;margin-left:58px; width:190px; height:125px;} #topContent #pictureBox img{padding:2px 10px 3px 2px;} #topContent .title{margin-left:270px; height:41px;} #topContent #logout{margin-left:270px;} #topContent #mainMenu{margin-left:270px;position:absolute;left:0;top:81px;} #topContent #prizeMenu{margin-left:270px;position:absolute;left:466px;top:0;} #page{width:968px;margin:0 auto;background:url(../img/bg_page.jpg) no-repeat;padding-bottom:3em;} #page #pageContent{padding:30px 0 0 23px;} #page .sideBorders{background:url(../img/border_black_side.gif) repeat-y;} #page #pageContent{background:url(../img/border_black_top.jpg) no-repeat;} #prizeDrawPage #page #pageContent{background:url(../img/border_blue_top.jpg) no-repeat;} #prizeDrawPage #page .sideBorders{background:url(../img/border_blue_side.gif) repeat-y;} #crowd{position:absolute;bottom:0;margin:0;padding:0;} #crowd img{margin:0;padding:0;border:none;} #wave{position:absolute;bottom:0;margin:0;padding:0;} #wave img{margin:0;padding:0;border:none;} .buyFloat #ps3Buy,.buyFloat #ps3Info{float:left;} /* footer */ #footer{background:#000000 url(../img/bg_crowd_footer.jpg) no-repeat;} #footerLogo{margin-left:40px;margin-bottom:15px;} #footerCopy{text-align:center;} #footerCopy p{color:#666666;font-size:0.7em;} #footerLinks li { color: #666; } #makeBelieve{border-bottom:1px solid #7f7f7f; margin-bottom:1em;} #makeBelieve .logo{text-align:right; display:block; padding-top:5px; padding-bottom:5px;margin-right:20px;} /** - Pages - **/ /* Temp Page */ #tempBg{background:url(../img/bg_temp.png) 90px 0px no-repeat;height:350px;position:relative;} #tempBg #comingSoon{padding-left:80px;padding-top:35px;margin-bottom:0.8em;} #tempBg #tempCopy{padding-left:20px;} #tempBg #tempCopy a{color:#25a5ca;} /* Home Page */ #homeBg{background:url(../img/bg_map.png) 40px 20px no-repeat;height:650px;position:relative;} .introBox{width:385px;margin-left:98px;padding-top:30px;} #openHouseImage{position:absolute;right:0;top:180px;} #loginContainer{padding-top:20px;} #winTab{text-align:center;width:360px;height:137px;overflow:hidden;} /* Prize page */ #prizeBg{background:url(../img/bg_prize.png) 90% 100% no-repeat;padding-bottom:9em;} #prizeBg .prizeContainer{margin-left:65px;} #prizeInfo{width:420px;margin-bottom:1em;} #thanks{width:280px;} #prizeBg p, #prizeBg li, #prizeBg a{color:#25a5ca;} #goodLuck{width:330px;height:213px; background:url(../img/bg_entered.gif) no-repeat;padding-top:90px;padding-left:140px;margin-bottom:1em;} /* Favourites Page */ #gameInfo{margin-bottom:1em;} #flashBg{display:block;width:700px;height:423px;background:url(../img/bg_video.png) no-repeat;float:left;} #flashWrap{border:solid 2px #000000;width:660px;margin-left:16px;margin-top:12px;} #relatedItems{background:url(../img/dotted_top.gif) no-repeat;float:left;width:700px;} #relatedItems .relatedBorder{background:url(../img/dotted_sides.gif) repeat-y;padding:10px;} #relatedItems .relatedBorderBottom{background:url(../img/dotted_bottom.gif) 0 100% no-repeat;} .item{float:left;width:151px; margin-right:10px; } .item a{display:block; width:151px; height:107px;background:url(../img/link_related.gif) 0 0 no-repeat;} .item a:hover{background:url(../img/link_related.gif) 0 100% no-repeat;} .item img{padding-top:5px;padding-left:5px;} .rightCol #ps3Info a,.rightCol #pspInfo a{color:#ffffff;} #loginContainer #ps3Info a,#loginContainer #pspInfo a{color:#a7a49d;} #showGames{width:478px;height:107px;overflow:hidden;float:left;} #gamesSlider {position: relative; width: 670px; margin: 0; text-align: left;} #gamesSlider .messaging {display: block; padding: 5px; margin: 0 20px 5px 20px; background: #ffffcc;} #gamesSlider .prev, #gamesSlider .next {position: absolute; top: 42%; display: none;} #gamesSlider .next {right: 0;} #gamesSlider .container {position: relative; top: 0; left: 0; width: 100%; background: #eeeeed;} #gamesSlider .games {/*The width must be equal to .item ((width + margin-right) * 2).*/position: relative; width: 624px; top: 0; left: 20px; overflow: hidden;} #gamesSlider .view_all {font-size: .8em; padding: 5px; margin: 0 0 2px 0; border-top: #eeeeed 1px solid; border-bottom: #eeeeed 1px solid; text-align: center;} /* - Terms - */ #terms{width:700px;margin:0 auto;padding-bottom:5em;padding-top:1em;} /** - Image Replace - **/ #comingSoon .imageReplace{width:245px;height:33px;background-image:url(../img/coming_soon.gif);} #comingSoon .imageReplace span {display:block;width:0;height:0;overflow:hidden;} #header .imageReplace{width:528px;height:40px;background-image:url(../img/header.png);margin-left:60px;;} #header .imageReplace span {display:block;width:0;height:0;overflow:hidden;} #titlePrize .imageReplace{width:349px;height:41px;background-image:url(../img/title_prize_draw.png);margin-bottom:0.2em;} #titlePrize .imageReplace span {display:block;width:0;height:0;overflow:hidden;} #titleHome .imageReplace{width:382px;height:39px;background-image:url(../img/title_house_locator.png);margin-bottom:0.2em;} #titleHome .imageReplace span {display:block;width:0;height:0;overflow:hidden;} #titleFavourites .imageReplace{width:214px;height:41px;background-image:url(../img/title_favourites.png);margin-bottom:0.2em;} #titleFavourites .imageReplace span {display:block;width:0;height:0;overflow:hidden;} #prizeTitle .imageReplace{ width: 528px; height: 18px; position: relative; margin-bottom:1em; } #prizeTitle .imageReplace span{ background:url(../img/prize_title.gif) no-repeat; position: absolute; width: 100%; height: 100%; } #logout .imageReplace{ display:block; width: 98px; height: 24px; position: relative; } #logout .imageReplace span{ background:url(../img/logout.gif) 0 0 no-repeat; position: absolute; width: 100%; height: 100%; } #logout .imageReplace:hover span{ background:url(../img/logout.gif) 0 100% no-repeat; } .buyThis .imageReplace{ width: 225px; height: 75px; position: relative; } .buyThis .imageReplace span{ background:url(../img/buy_this.gif) 0 0 no-repeat; position: absolute; width: 100%; height: 100%; } .buyThis .imageReplace:hover span{ background:url(../img/buy_this.gif) 0 100% no-repeat;} #related .imageReplace{width:102px;height:70px;background-image:url(../img/related.png);margin-left:20px;margin-top:15px;} #related .imageReplace span {display:block;width:0;height:0;overflow:hidden;} #ps3Buy .imageReplace{ width: 198px; height: 68px; position: relative; margin-bottom:0.5em;} #ps3Buy .imageReplace span{ background:url(../img/buy_ps3.gif) 0 0 no-repeat; position: absolute; width: 100%; height: 100%; } #ps3Buy .imageReplace:hover span{ background:url(../img/buy_ps3.gif) 0 100% no-repeat;} #pspBuy .imageReplace{ width: 198px; height: 68px; position: relative; margin-bottom:0.5em;} #pspBuy .imageReplace span{ background:url(../img/buy_psp.gif) 0 0 no-repeat; position: absolute; width: 100%; height: 100%; } #pspBuy .imageReplace:hover span{ background:url(../img/buy_psp.gif) 0 100% no-repeat;} #ps3Info .imageReplace{ width: 187px; height: 43px; position: relative; } #ps3Info .imageReplace span{ background:url(../img/ps3_start.gif) 0 0 no-repeat; position: absolute; width: 100%; height: 100%; } #ps3Info .imageReplace:hover span{ background:url(../img/ps3_start.gif) 0 100% no-repeat; } #pspInfo .imageReplace{ width: 187px; height: 43px; position: relative; } #pspInfo .imageReplace span{ background:url(../img/psp_start_blue.gif) 0 0 no-repeat; position: absolute; width: 100%; height: 100%; } #pspInfo .imageReplace:hover span{ background:url(../img/psp_start_blue.gif) 0 100% no-repeat; } #goodLuck .imageReplace{width:148px;height:126px;background-image:url(../img/good_luck.png);} #goodLuck .imageReplace span {display:block;width:0;height:0;overflow:hidden;}