/* ======================================================================= Copyright Disney 2010. HTML DOCUMENT CONTENT STRUCTURE (multiples designated by Alpha, Beta, Gamma etc): BODY >> CONTAINERs >> SECTIONs >> CONTENTs -------------------------------------------- DIRECTORY -------------------------------------------- CORE CONTAINERs HEADERs SECTIONs CONTENTs FLASH OVERLAYS NAVIGATION COLUMN HEADERS PROMOS VIDEO IMAGE BOXES CHARARCTERS SCROLLPANE GALLERY REMIND ME ABOUT ADVERTS GAMES COMPETITION DOWNLOADS PRODUCTS MUSIC PARTNERS OUTBOUND BEHIND THE SCENES BOOKING ENGINE iPHONE -------------------------------------------- CORE ============================================*/ /* *{border:1px solid green;}*/ /* RESETS */ html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address, div {margin:0; padding:0;} ul,li {list-style-type:none;} img, table {border:0;} object {outline:none;} /* GLOBAL */ a, a:visited, a:hover {color:#fff; text-decoration:none;} .imageTitle, .imageLink a, a.imageLink {display:block; text-indent:-9999px; outline:0;} .skipLink, #navTitle {display:none;} sup,sub {height: 0; line-height: 1; vertical-align: top;} /*========================================== CONTAINERs ============================================*/ body {width:100%; text-align:center; margin:0; padding:0; background-color:#000; color:#fff; font-size:65%; font-family:"helvetica neue", helvetica, arial, sans-serif;} #containerAlpha {margin:0; width:100%; padding:0 ; text-align:center; background:#000;} #containerBeta {position:relative; margin:0; width:100%; padding:0 ; text-align:center; background:#000;} body#alpha #containerBeta {background:#000 url(/prince-of-persia/images/bg_body-alpha.jpg) center -37px no-repeat; } body#beta #containerBeta {background:#000 url(/prince-of-persia/images/bg_body-beta.jpg) center 21px no-repeat; } #containerGamma {clear:both; position:relative; width:980px; min-height:636px; margin:0 auto 0 auto; padding:0; text-align:left; overflow:hidden; /* OVERFLOW CLEARS FLOATS */ } /* INDEX PAGE CONTAINER */ #containerEpsilom {clear:both; position:relative; width:980px; min-height:636px; margin:0 auto 0 auto; padding:0; text-align:left; overflow:hidden; /* OVERFLOW CLEARS FLOATS */ } #flashBannerAlpha {position:absolute; top:27px; left:0; z-index:0; text-align: center; } #flashBannerBeta {position:absolute; top:24px; left:0; z-index:0; text-align: center;} #flashBannerGamma {z-index:1; position:absolute; top:47px; left:0; min-height:536px; } #containerFooter {position:relative; clear:both; width:100%; height:85px; margin:65px 0 0 0; padding:120px 0 0 0; color:#ededed; text-align:center; background:url(/prince-of-persia/images/bg_body-bottom.jpg) top center no-repeat;} h3#logoBrukheimer { clear:both; display:block; width:230px; height:52px; margin:0 auto 15px auto; background:url(/prince-of-persia/images/logo_bruckheimer.png) top center no-repeat; } body#gamma h3#logoBrukheimer {display:none;} body#alpha #footerLinksSection, body#beta #footerLinksSection { margin-left:-470px; top:188px; position:absolute; left:50%; width:960px;} body#alpha #containerFooter ul, body#beta #containerFooter ul { position: absolute; top: 0; left:12%; } #containerFooter li { float:left; font-size:1.1em; color:#999999; padding:0 10px; border-right:1px solid #999;} #containerFooter li#last {border:none;} #containerFooter li a:hover { text-decoration:underline;} body#gamma #containerFooter {padding:12px 0 0 0; margin:0; height:22px; /*text-transform:uppercase;*/ font-weight:bold; background:none;} body#gamma #footerLinksSection { margin-left:-470px; top:9px; position:absolute; left:50%; width:960px;} body#gamma #containerFooter ul {position: absolute; top:0px; left:8%; } #bruckheimerLogoIndex {margin:10px auto 10px auto;} /*========================================== HEADERs ============================================*/ #disneyNav, #menu_chrome { clear:both; height:32px; margin:0 auto 5px; width:980px; display: block; background-color: rgb(0, 51, 153);} #headerAlpha {position:relative; width:970px; height:25px; text-transform:uppercase;} h3#titleRemind a {position:absolute; top:0; left:0; width:280px; height:24px; margin:0 0 0 10px; padding:0 0 0 27px; font-size:0.8em; line-height:1.1em; text-decoration:none; background:url(/prince-of-persia/images/icon_clock.png) top left no-repeat;} h3#titleReleaseDate { z-index:1; position:absolute; top:0; left:180px; width:580px; text-align:center; font-size:1.7em; font-weight:bold; } div#socialBookmarks { position:absolute; top:0; right:0; padding:0 0 0 0; } div#socialBookmarks ul, div#socialBookmarks p, div#socialBookmarks li {float:left;} div#socialBookmarks p { margin:4px 6px 0 0; font-size:1.2em; font-weight:bold; text-transform:uppercase; padding:0 15px 0 0; background:url(/prince-of-persia/images/icon_arrow-white-A.png) right 2px no-repeat;} div#socialBookmarks li a {width:22px; height:23px; margin:0 3px 0 0; text-indent:-9999px; display:block; outline:0; background:url(/prince-of-persia/images/sprite_header-icons.png) no-repeat;} div#socialBookmarks li#sb1 a {background-position:0 0;} div#socialBookmarks li#sb2 a {background-position:-25px 0 ;} div#socialBookmarks li#sb3 a {margin:0 19px 0 0; background-position:-50px 0 ;} div#socialBookmarks li#sb4 a {background-position:-75px 0 ;} body#alpha #headerBeta {position:relative; height:231px;} body#alpha #logo {position:absolute; top:14px; left:-12px; width:510px; height:190px; background:url(/prince-of-persia/images/logo_TT_black.png) no-repeat;} body#beta #headerBeta {position:relative; height:122px; z-index:0;} body#beta #logo {position:absolute; top:-3px; left:-13px; width:324px; height:120px; background:url(/prince-of-persia/images/logo_TT_white.png) no-repeat;} body#gamma #headerBeta {position:relative; height:655px; width:980px; background: url(/prince-of-persia/images/bg_body-gamma.jpg) center -20px no-repeat;} body#gamma #logo {position:absolute; top:165px; left:80px; width:510px; height:190px; background:url(/prince-of-persia/images/logo_TT_black.png) no-repeat;} body#gamma #headerBeta h2 a {position:absolute; top:345px; left:280px; width:158px; height:31px; padding:8px 0 0 45px; text-transform:uppercase; font-size:0.8em; outline:none; background:url(/prince-of-persia/images/bg_enter-button.png) no-repeat;} body#gamma p#skipIntro a {display:block; font-size:1.2em; font-weight:bold; color:#999; text-decoration:underline; outline:none;} /*========================================== SECTIONs ============================================*/ /* LEFT COL */ #sectionAlpha {position:relative; float:left; left:0; width:207px; padding:0 0 0 0; } /* CENTRAL COL */ #sectionBeta { float:left; margin:0 0 0 7px; width:593px; } #sectionDelta {float:left; margin:0 0 0 7px; width:446px; } #sectionEpsilom { position:relative; float:left; margin:0 0 0 6px; width:311px; padding:0 0 0 0; } #imgDecorationEpsilom {margin:25px 0 0 0;} #sectionZeta { float:left; margin:0 0 0 7px; width:599px; } /* RIGHT COL */ #sectionGamma {position:relative; float:left; margin:0 0 0 4px; width:139px; min-height:680px; padding:36px 30px 0 0; background:url(/prince-of-persia/images/bg_section-decoration-Beta.png) top left no-repeat; } #sectionEta { float:left; position:relative; width:150px; min-height:685px; margin:0 0 0 15px; padding:36px 0 0; background:transparent url(/prince-of-persia/images/bg_section-decoration-Beta.png) no-repeat scroll left top;} /*========================================== CONTENTs ============================================*/ #contentAlpha {padding:0 0 0 20px;} #contentBeta {min-height:300px;} #contentGamma { clear:both; min-height:185px; /*min-height:235px;*/ overflow:hidden; margin:0; text-align:center; } body#alpha #contentGamma {min-height:400px; background:url(/prince-of-persia/images/bg_content-bottom-alpha.jpg) bottom left no-repeat;} #contentGamma .globalPromo {float:left; margin:-4px 4px 4px 0;} #contentGammaSubSection {padding:0 0 0 105px;} #contentGamma.imageListing { height:100%; overflow:hidden; padding:0 0 0 10px; background:url(/prince-of-persia/images/bg_divider-Alpha.png) bottom center no-repeat;} #contentDelta /* character image listing */ { min-height:280px; background:url(/prince-of-persia/images/bg_divider-Alpha.png) bottom center no-repeat;} #contentEpsilom {padding:0 20px 50px 20px; color:#cebb90; font-size:1.2em; background:url(/prince-of-persia/images/bg_divider-Alpha.png) bottom left no-repeat;} #contentEpsilom p {margin:0 0 12px 0; } .contentZeta { margin:0 0 10px; } .contentZetaTop { width:441px; height:7px; background:url(/prince-of-persia/images/bg_competition-content-top.jpg) no-repeat;} .contentZetaMid { width:441px; background:#1f1b12 url(/prince-of-persia/images/bg_competition-content-mid.jpg) no-repeat;} .contentZetaBot { width:441px; height:40px; background:url(/prince-of-persia/images/bg_competition-content-bot.gif) no-repeat;} .contentEta { margin:0 0 10px 0; /* clear:both; min-height:235px; overflow:hidden; margin:0; text-align:center;*/ } .contentEtaTop { width:592px; height:7px; background:url(/prince-of-persia/images/bg_eta-content-top.jpg) no-repeat;} .contentEtaMid { width:592px; overflow:hidden; height:100%; background:url(/prince-of-persia/images/bg_eta-content-mid.jpg) no-repeat;} .contentEtaBot { width:592px; height:40px; margin:-20px 0 0 0; background:url(/prince-of-persia/images/bg_eta-content-bot.gif) no-repeat;} /*========================================== FLASH OVERLAYS ============================================*/ #flashDagger {z-index:555; position:absolute; top:0; left:0; /*width:105px; height:281px;*/ margin:0 0 0 -6px; /*background:url(/prince-of-persia/images/the-dagger.png) no-repeat;*/} #flashDecorationAlpha {margin:10px 0 0 30px; width:170px; height:88px; background: url(/prince-of-persia/images/bg_section-decoration-Alpha.png) no-repeat;} #flashDecorationBeta { position:absolute; top:22px; right:10px; } #flashDecorationGamma { display:block; width:120px; height:76px; margin:6px 0 0 0; background:url(/prince-of-persia/images/bg_section-decoration-gamma.png) no-repeat;} #flashDecorationDelta { width:312px; height:58px; margin:10px 0 0 0; background:url(/prince-of-persia/images/bg_section-decoration-delta.png) no-repeat;} #flashDecorationEpsilom { position:absolute; top:16px; right:60px; width:39px; height:247px; background:url(/prince-of-persia/images/bg_section-decoration-epsilom.png) no-repeat; } #flashTrailer {min-height:300px;} /*========================================== NAVIGATION ============================================*/ #sectionNav { margin:0; padding:0 0 40px 47px; background:url(/prince-of-persia/images/bg_navigation-bottom-B.png) bottom right no-repeat;} ul#navigation { width:142px; padding:13px 10px 0 7px; min-height:100px; margin:0; background:url(/prince-of-persia/images/bg_navigation-section-A.png) no-repeat; overflow:hidden;} ul#navigation li {width:133px; min-height:14px; padding:0; margin:0; list-style-type:none; text-align:right; } ul#navigation li a { width:136px; min-height:14px; display:block; padding:6px 4px 4px 0; font-size:1.1em; letter-spacing:-0.01em; font-weight:bold; text-decoration:none; color:#e9e9e9; text-transform:uppercase; background:url(/prince-of-persia/images/sprite_navigation_bgs.png) no-repeat; } ul#navigation li.navLight a { background-position:0 -122px;} ul#navigation li.navLight a:hover { background-position:-140px -122px;} ul#navigation li.navDark a { background-position:0 -53px;} ul#navigation li.navDark a:hover { background-position:-140px -53px;} ul#navigation li#navHome a { min-height:17px; background-position:0px 0;} ul#navigation li#navHome a:hover { min-height:17px; background-position:-140px 0;} ul#navigation li#navHome2 a { min-height:17px; background-position:-140px 0px;} ul#navigation li#navAbout2.navDark a, ul#navigation li#navCharacters2.navDark a, ul#navigation li#navGames2.navDark a, ul#navigation li#navDownload2.navDark a, ul#navigation li#navMusic2.navDark a, ul#navigation li#navPartners2.navDark a, ul#navigation li#navVideos2.navDark a, ul#navigation li#navGallery2.navDark a, ul#navigation li#navCompetition2.navDark a, ul#navigation li#navBehindScenes2.navDark a, ul#navigation li#navProduct2.navDark a { background-position:-140px -53px;} ul#navigation li#navAbout2.navLight a, ul#navigation li#navCharacters2.navLight a, ul#navigation li#navGames2.navLight a, ul#navigation li#navDownload2.navLight a, ul#navigation li#navMusic2.navLight a, ul#navigation li#navPartners2.navLight a, ul#navigation li#navVideos2.navLight a, ul#navigation li#navGallery2.navLight a, ul#navigation li#navCompetition2.navLight a, ul#navigation li#navBehindScenes2.navLight a, ul#navigation li#navProduct2.navLight a { background-position:-140px -122px;} /*========================================== COLUMN HEADERS ============================================*/ #sectionBeta #columnHeader {width:588px; } #sectionBeta #columnHeaderBeta { width:556px;} #sectionBeta .headerRibbon {width:556px;} #sectionDelta #columnHeader { width:446px;} #sectionDelta #columnHeaderBeta { width:414px;} #sectionDelta .headerRibbon { width:414px;} #columnHeader { position:relative; min-height:79px; padding:0 0 0 0; background:url(/prince-of-persia/images/bg_pagebanner-bg.png) bottom right no-repeat; } #columnHeaderAlpha { float:left; width:32px; height:79px; background:url(/prince-of-persia/images/bg_pagebanner-left.png) no-repeat;} #columnHeaderBeta { float:left; min-height:79px; } .headerRibbon { height:50px; padding:0 0 0 0;} .headerRibbonA {float:left; height:25px; padding:19px 0 0 0; background:url(/prince-of-persia/images/bg_pagebanner-ribbon-left.png) left 12px no-repeat;} .headerRibbonA h1 {font-size:1.4em; text-transform:uppercase; color:#f1f1f1;} .headerRibbonB {float:left; width:74px; height:50px; background:url(/prince-of-persia/images/bg_pagebanner-ribbon-right.png) no-repeat;} #breadcrumbs {min-height:34px; margin:0; padding:0 0 0 0; } #sectionZeta #breadcrumbs { min-height:0; } #breadcrumbs a, #breadcrumbs span {color:#cebb90; } #breadcrumbs a:hover {text-decoration:underline;} /*========================================== PROMOS ============================================*/ div.globalPromo {position:relative; width:190px; height:130px; margin:0 0 10px 0; } body#alpha #promoTrailer, body#alpha #promocomp_uk_premiere { margin:0;} div.globalPromo a.promoLink { position:absolute; width:190px; height:130px; outline:none;} div.promoRibbon {position:absolute; top:0; left:0; height:49px; padding:0; overflow:hidden; } div.promoRibbonA {float:left; height:40px; padding:10px 0 0 0; background:url(/prince-of-persia/images/bg_promo-sash-A.png) top left no-repeat; } div.promoRibbonB {float:left; width:20px; height:49px; background:url(/prince-of-persia/images/bg_promo-sashend-A.png) no-repeat top left; } div.globalPromo h2 {height:49px; padding:0; font-size:1.1em; text-decoration:none; text-transform:uppercase; font-weight:bold; } div.globalPromo h2 a {width:100%; padding:0 2px 0 24px; font-weight:bold; text-decoration:none; text-transform:uppercase; } div.promoButton { position:absolute; top:83px; left:0; width:190px; height:47px; text-align:center; } div.promoButton img {margin:0 0 -2px 0;} a.promoButtonLink { width:190px; height:32px; padding:15px 0 0 0; display:block; text-transform:uppercase; text-decoration:none; font-weight:bold; font-size:1.2em; background:url(/prince-of-persia/images/sprite_promo-button-A.png) no-repeat; } a.promoButtonLink:hover { background-position:0 -46px;} a.promoButtonLinkHover { background-position:0 -46px;} div.promoButtonLinkHover a.promoButtonLink {background-position:0 -46px;} @media screen and (-webkit-min-device-pixel-ratio:0) { /* Safari 3.0 and Chrome rules */ div.globalPromo h2 {padding-top:2px;} } /* PROMO IMAGES */ #promoFacebook { background:url(../images/img_promo_facebook.png) top left no-repeat; } #promobehind_scenes { background:url(/prince-of-persia/images/img_promo_scenes.png) top left no-repeat; } #promodesertchallenge { background:url(/prince-of-persia/promo/cms_res/img_promo_desert_challenge_DE.jpg) top left no-repeat; } #promodownloads { background:url(/prince-of-persia/images/img_promo_downloads.jpg) top left no-repeat; } #promogame-fotokasten { background:url(http://www2.disney.co.uk/prince-of-persia/images/img_promo_photobooth.png) top left no-repeat; } #promogame-videopuzzle { background:url(/prince-of-persia/images/img_promo_jigsaw.png) top left no-repeat; } #promomusic { background:url(/prince-of-persia/images/img_promo_music.jpg) top left no-repeat; } #promoproducts { background:url(/prince-of-persia/images/img_promo_products-generic.jpg) top left no-repeat; } /*========================================== VIDEO ============================================*/ #flashTrailer { position:relative; width:593px; height:300px; text-align:center; text-transform:uppercase; } #flashTrailer h2 { z-index:1; position:absolute; top:5px; left:0; width:100%; text-align:center; font-size:1.2em; } #flashTrailer p { position:absolute; top:0; left:0; width:100%; text-align:center; } /*========================================== IMAGE BOXES ============================================*/ ul.imageBoxes li {float:left; position:relative; width:138px; height:80px; text-align:center; margin:0 6px 40px 0;} ul.imageBoxes img {margin:3px; border:1px solid #9d9d9c;} ul.imageBoxes p.copy {margin:4px 0 0 0;} ul.imageBoxesBeta li {float:left; position:relative; width:138px; height:80px; text-align:center; margin:0 3px 20px 0;} ul.imageBoxesBeta img {margin:3px; border:1px solid #9d9d9c;} /* IMGE BOXES ROLLOVERS */ p.imageBoxLink {z-index:2; position:absolute; top:1px; left:1px; margin:0; width:138px; height:80px;} p.imageBoxLink a {width:138px; height:80px; background:url(/prince-of-persia/images/hover_video-image.png) 0 0 no-repeat;} p.imageBoxLink a:hover, p.imageBoxLink a.thisSelected { background-position:0 -80px;} /*========================================== CHARARCTERS ============================================*/ .charactersBox {position:relative; width:447px; height:344px; margin:0 0 20px 0;} #character0 { background:url(/prince-of-persia/images/bg_img-character-dastan.jpg) 10px 12px no-repeat;} #character1 { background:url(/prince-of-persia/images/bg_img-character-tamina.jpg) 10px 12px no-repeat;} #character2 { background:url(/prince-of-persia/images/bg_img-character-nizam.jpg) 10px 12px no-repeat;} #character3 { background:url(/prince-of-persia/images/bg_img-character-brothers.jpg) 10px 12px no-repeat;} #character4 { background:url(/prince-of-persia/images/bg_img-character-sheikh-amar.jpg) 10px 12px no-repeat;} #character5 { background:url(/prince-of-persia/images/bg_img-character-hassansin.jpg) 10px 12px no-repeat;} #aboutDastan { background:url(/prince-of-persia/images/img_about-dastan.jpg) 10px 12px no-repeat;} #charactersBoxBorder { z-index:555; position:absolute; top:0; left:0; width:447px; height:344px; background:url(/prince-of-persia/images/bg_featured-content-box.png) no-repeat;} #charactersBoxContent {z-index:666; position:absolute; top:44px; left:208px; width:216px; height:246px; } #charactersBoxContent h2 {text-transform:uppercase; font-size:1.6em; letter-spacing:-0.02em; font-weight:bold;} #charactersBoxContent h3 {margin:0 0 15px 0 ; font-size:1.2em;} #charactersBoxContent h2#characterTitleOnly {margin:0 0 30px 0 ;} #characterContent {height:190px; font-size:1.2em; color:#cebb90; } #characterContent h3#beta { margin:25px 0 12px 0;} #characterContent p { margin:0 0 12px 0;} #adMPUAlpha {width:307px; height:258px; padding:5px 0 0 4px; background:url(/prince-of-persia/images/bg_mpu-alpha.png) no-repeat;} /*========================================== SCROLLPANE ============================================*/ a.jScrollArrowUp, a.jScrollArrowDown {display: block;position: absolute; z-index: 1; right: 0; text-indent: -9999px; overflow: hidden; height: 25px;} a.jScrollArrowUp {top: 0; background: url(/prince-of-persia/images/sprite_scroller.png) 0 0;} a.jScrollArrowUp:hover {background-position: 0 -27px;} a.jScrollArrowDown {bottom: 0; background: url(/prince-of-persia/images/sprite_scroller.png) 0 -85px;} a.jScrollArrowDown:hover {background-position: 0 -58px;} .scroll-pane {width: 210px; height: 200px; overflow: auto;} .jScrollPaneContainer {position: relative; overflow: hidden; z-index: 1;} .jScrollPaneTrack {position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background: url(/prince-of-persia/images/sprite_scroller.png) 0 -130px;} .jScrollPaneDrag {position: absolute; width:20px; margin:0 -1px 0 -1px; background:url(/prince-of-persia/images/scroller_dragbar.png) no-repeat 50% 50%; cursor: pointer; overflow: hidden; } .jScrollPaneDragTop { position: absolute; top: 0; left: 0; width:19px; height:3px; overflow: hidden; background:url(/prince-of-persia/images/sprite_scroller.png) 0 -304px;} .jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; width:19px; height:3px; overflow: hidden; background:url(/prince-of-persia/images/sprite_scroller.png) 0 -327px; } /*========================================== GALLERY ============================================*/ #galleryContentTop {width:592px; height:27px; padding:3px 0 0 0; text-align:center; background:url(/prince-of-persia/images/bg_gallery-content-top.png) no-repeat;} #galleryContentTop h2 { font-size:1.2em; font-weight:bold; text-transform:uppercase;} #galleryContentBottom {width:572px; padding:20px 0 60px 12px; overflow:hidden; background:url(/prince-of-persia/images/bg_gallery-content-bottom.png) bottom left no-repeat; overflow:hidden; height:100%; } #jquery-overlay {position: absolute; top: 0; left: 0; z-index: 777; width: 100%; height: 500px;} #jquery-lightbox {position: absolute; top: 0; left: 0; width: 100%; z-index: 888; text-align: center; line-height: 0;} #jquery-lightbox a img { border: none; } #lightbox-container-image-box {position:relative; background:url(/prince-of-persia/images/bg_gallery-main.png) -1px -1px no-repeat; width: 250px; height: 250px; margin: 0 auto; padding:0;} #lightbox-container-image { height:100%;} #lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0;} #lightbox-nav {position: absolute;top: 0; left: 0; height: 100%; width: 100%; z-index: 10;} #lightbox-container-image-box > #lightbox-nav { left: 0; } #lightbox-nav a { outline: none;} #lightbox-nav-btnPrev, #lightbox-nav-btnNext {width: 49%; height: 100%; zoom: 1; display: block;} #lightbox-nav-btnPrev { left: 0; float: left;} #lightbox-nav-btnNext { right: 0; float: right;} #lightbox-container-image-data-box { margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0;} #lightbox-container-image-data { padding: 0 10px; color: #666; } #lightbox-container-image-data #lightbox-image-details { width:360px; padding:0 0 0 175px; float: left; text-align: center; } #lightbox-image-details-caption { font-size:1.1em; font-weight: bold; color:#f9f9f9; } #lightbox-image-details-currentNumber {font-size:1.0em; display: block; clear: left; padding-bottom: 1.0em; color:#f9f9f9;} a#lightbox-secNav-btnClose {z-index:20; position:absolute; top:0; right:0; width: 110px; height:26px; padding-bottom: 0.7em; cursor:pointer;} a#lightbox-nav-btnNext, a#lightbox-nav-btnPrev {position:absolute; bottom:0px; padding:0 0 0 0; margin:0 0 0 0; width:160px; height:36px; } a#lightbox-nav-btnPrev:hover { background-position:31px -131px !important;} /* sorry! */ a#lightbox-nav-btnNext:hover { background-position:0 -36px !important;} /* sorry! */ /*========================================== REMIND ME ============================================*/ #contentRemind {padding:0 0 120px 0; background:url(/prince-of-persia/images/bg_content-bottom-alpha.jpg) bottom left no-repeat;} .remindBox {position:relative; width:442px; height:476px; margin:0 0 20px 0; background:url(/prince-of-persia/images/bg_img-remind.jpg) 10px 9px no-repeat;} #remindBoxBorder { z-index:555; position:absolute; top:0; left:0; width:442px; height:476px; background:url(/prince-of-persia/images/bg_remind-border.png) no-repeat;} #remindBoxContent {z-index:666; position:absolute; top:42px; left:25px; width:216px; height:246px; } #remindBoxContent h2 {margin:0 0 8px 0; font-size:2.2em; letter-spacing:-0.02em; font-weight:bold;} #remindBoxContent p {font-size:1.1em; margin:0 0 20px 0;} #remindBoxContent p#remindIntro {font-weight:bold; color:#c5b38a;} #remindBoxContent h3 { font-size:1.2em; } h3#remindIcal a { display:block; width:50px; height:60px; padding:35px 0 0 93px; background:url(/prince-of-persia/images/sprite_remind-ical.png) no-repeat;} h3#remindIcal a:hover { background-position:0 -95px;} h3#remindGoogle a { display:block; width:120px; height:50px; margin:0 0 0 12px; padding:36px 0 0 100px; background:url(/prince-of-persia/images/sprite_remind-google.png) no-repeat;} h3#remindGoogle a:hover { background-position:0 -86px;} h3#remindMicrosoft a {display:block; width:108px; height:57px; margin:0 0 0 50px; padding:35px 0 0 105px; background:url(/prince-of-persia/images/sprite_remind-microsoft.png) no-repeat;} h3#remindMicrosoft a:hover { background-position:0 -92px;} /*========================================== ABOUT ============================================*/ ul#copyList li {list-style:disc; margin:12px 0 12px 20px ;} /*========================================== ADVERTS ============================================*/ div.leaderBoard { width:800px; height:96px; margin:10px auto 7px auto; padding:0 0 0 45px;} div.leaderBoardAlpha {float:left; width:734px; height:96px; margin:0; padding:3px 0 0 0px; background:url(/prince-of-persia/images/border_leaderboard-beta.png) no-repeat;} div.leaderBoardBeta {float:left; width:60px; height:16px; margin:0 0 0 6px; padding:80px 0 0 0px;} /* For international instances with different leaderboard sizes - these have no graphic border */ div.leaderBoardInternationalA { width:822px; height:100px; margin:10px auto 7px auto; padding:0 0 0 45px; } div.leaderBoardInternationalA div.leaderBoardAlpha {float:left; width:756px; height:100px; margin:0; padding:3px 0 0 0px; background:none; } div.leaderBoardInternationalA div.leaderBoardAlpha {float:left; width:756px; height:100px; margin:0; padding:3px 0 0 0px; } div.leaderBoardInternationalA div.leaderBoardBeta {float:left; width:60px; height:16px; margin:0 0 0 6px; padding:90px 0 0 0px;} #skyAdContainer { padding:3px 0 0 3px; background:url(/prince-of-persia/images/border_skyAd.png) no-repeat;} p.advertTitleMPU {width:100%; text-align:center; padding:0 0 3px 0; font-size:1.0em; font-weight:bold; color:#cebb90; text-transform:uppercase; } p.advertTitleLB {width:30px; text-align:center; padding:0 0 3px 0; font-size:1.0em; font-weight:bold; color:#cebb90; text-transform:uppercase; } p.advertTitleSky {width:120px; text-align:center; padding:0 0 3px 0; font-size:1.0em; font-weight:bold; color:#cebb90; text-transform:uppercase; } /*========================================== GAMES ============================================*/ .games { overflow:hidden; height:100%; padding:12px 0 0 20px; color:#cebb90; } img.gamesImage { float:left; } .gamesCopy { float:left; width:200px; margin:0 0 0 20px; } .gamesCopy h2 { font-size:1.4em; } .gamesCopy h3 { font-size:1.4em; color:#fff; margin:0 0 15px 0; } .gamesCopy p { margin:0 0 10px 0; font-size:1.2em; } .games .promoButton { position:static; margin:0 0 0 -20px; } .contentZeta .gamesBot { margin:-10px 0 0; } /*========================================== COMPETITION ============================================*/ #competitionAlpha { padding:10px 22px 40px 22px; color:#cebb90; overflow:hidden; background:url(/prince-of-persia/images/bg_content-divider-alpha.png) 25px bottom no-repeat; } #competitionAlphaLeft { float:left; width:181px; margin:0; } #competitionAlphaRight { float:right; width:200px; } #competitionAlpha img { float:left; border:1px solid #cebb90;} #competitionAlpha span { color:#fff; } #competitionAlpha h2 { width:160px; font-size:1.3em; } #competitionAlpha h2#compThanks { width:200px; font-size:1.3em; color:#fff; } #competitionAlpha p { font-size:1.2em; margin:12px 0 12px 0; } #competitionBeta {padding:10px 22px 30px 22px; color:#cebb90;} #competitionBeta h3 { margin:0 0 10px 0; font-size:1.4em; color:#fff; } #competitionBeta p { font-size:1.2em; margin:0; } #competitionBeta p#compTerms { margin:0 0 30px 0; } #competitionBeta a { font-size:1.0em; text-decoration:underline; } #competitionBeta dl { clear:both; width:400px; min-height:20px; font-size:1.2em; } #competitionBeta dt { clear:left; width:180px; float:left; font-weight:bold; color:#fff; } #competitionBeta dd { width:210px; float:left; margin:0; } /* Form styles */ #competitionFormContainer { padding:10px 22px 0px 22px; color:#cebb90; } #competitionFormContainer h3 { margin:0 0 10px 0; font-size:1.4em; color:#fff; } /* comp form */ #competitionForm fieldset { border:0 none;} #competitionForm legend { display:none;} #competitionForm input {float:left; width:140px;} #competitionForm label {float:left; width:140px; margin:12px 0 12px 0; color:#fff; font-size:1.2em; } #competitionForm label.error { float: left; color: red; padding-left: .5em; vertical-align: top; } #competitionForm em { color:red;} #competitionForm p { clear:both; font-size:1.2em; margin:12px 0 12px 0; } #competitionForm p#compDetail { font-size:1.0em;} #competitionForm a { font-size:1.0em; text-decoration:underline; } /* comp form sections */ .competitionForm { margin:0 0 20px 0; padding:10px 10px 10px 10px; background:url(/prince-of-persia/images/bg_competition-form.png) repeat;} #compNumberOne { padding:0 0 0 40px; background:url(/prince-of-persia/images/sprite_comp-numbers.png) 0 0 no-repeat;} #compNumberTwo { padding:0 0 0 40px; background:url(/prince-of-persia/images/sprite_comp-numbers.png) -450px 0 no-repeat; } #compNumberThree { padding:0 0 0 40px; background:url(/prince-of-persia/images/sprite_comp-numbers.png) -920px 0 no-repeat; } /* Comp form alpha */ #compFormAlpha input.compFormQ1 { width:20px;} #compFormAlpha label { margin:0 0 0 0; font-size:1.0em; } #compFormAlpha div { min-height:45px; margin:0 0 12px 0; } /* Comp form beta */ #compFormBeta label { width:100px; margin:0 0 0 0; font-size:1.0em; } #compFormBeta p { clear:left; margin:0 0 20px 0;} #compFormBeta p.betaInput { margin:0 0 10px 0;} #compFormBeta input { float:none; height:15px;} /* Comp form gamma */ #compFormGamma { min-height:100px; margin:0 0 60px 0; background:url(/prince-of-persia/images/bg_competition-form-gamma.png) repeat-y;} #compFormGamma label {width:280px; margin:0; font-size:1.0em; } #compFormGamma div.promoButton { position:static; } #compFormGamma div.promoButton a { font-size:1.2em; text-decoration:none;} /*========================================== DOWNLOADS ============================================*/ div#downloads { overflow:hidden; height:100%; padding:20px 0 0 22px; font-size:1.2em; color:#cebb90; } div#downloads h2 { margin:0 0 20px 0; font-size:1.4em; color:#cebb90; } div#downloads a { color:#cebb90; } div#downloads a:hover { color:#fff; text-decoration:underline; } div#downloads img { border:1px solid #9e9b99; } #downloadsAlpha { float:left; width: 173px; margin:0 22px 20px 0; } #downloadsBeta { float:left; width:220px; margin:0 0 20px 0; } #downloadsBeta p { width:190px; padding:7px 0 0 0; } li.downloadsListing { min-height:158px; _height:158px;} li.downloadsListing img.first { margin:0 7px 0 0; } ul.wallpaperSizes { padding:7px 0 0 0; background:url(/prince-of-persia/images/bg_downloads-decoration-alpha.png) 8px 4px no-repeat; } ul.wallpaperSizes li { min-height:9px; _height:9px; text-align:center; } #downloadInstructions { height:190px; } #downloadInstructions.scroll-pane {width: 395px; height: 180px; overflow: auto;} #downloadInstructions h3 { color:#fff; font-size:1.0em; font-weight:normal; margin:10px 0;} /*========================================== PRODUCTS ============================================*/ .products { position:relative; width:566px; min-height:180px; padding:14px 0 0 0; overflow:hidden; } .products h2 span { color:#cebb90; } .products h3 { font-size:1.4em; margin:0 0 15px 0;} .products p { color:#cebb90; font-size:1.2em;} .productImage { float:left; width:210px; margin:0 0 0 9px; text-align:center;} .productImage img { margin:3px 0 10px 0; } .productImage a { color:#cebb90; text-decoration:underline; font-size:0.9em; } .productCopy { float:left; width:347px; text-align:left; } .products .scroll-pane { width:347px; height:120px; overflow:auto;} .products .promoButton { z-index:99; top:140px; left:185px; } /* LIGHTBOX CHANGES for jquery.products.lightbox.js */ #products-lightbox-container-image-box {position:relative; background:url(/prince-of-persia/images/bg_gallery-main-products.png) -1px -1px no-repeat; width: 450px; height: 450px; margin: 0 auto; padding:0; } #products-lightbox-loading { position: absolute; top: 45%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0;} /*========================================== MUSIC ============================================*/ #music { overflow:hidden; height:100%; padding:20px 0 0 22px; font-size:1.2em; color:#cebb90; } #music h2 { font-size:1.4em; } #music h3 { font-size:1.4em; color:#fff; margin:0 0 15px 0; } #music img { float:left; } #musicAlpha { position:relative; min-height:215px; } #musicAlpha p#musicButton a { position:absolute; top:144px; left:117px; width:230px; height:49px;} #musicAlphaCopy.scroll-pane { float:left; width: 245px; height: 130px; padding:0 0 0 20px; overflow: auto;} #musicAlphaCopy p {padding:0 0 10px 0;} /*========================================== PARTNERS ============================================*/ #partnersContentTop {width:592px; height:27px; padding:1px 0 0 0; text-align:center; background:url(/prince-of-persia/images/bg_partners-content-top.png) 3px 0 no-repeat;} #partnersContentTop h2 { font-size:1.2em; font-weight:bold; margin:2px 0 0 0; text-transform:uppercase;} #partnersContentBottom {/*width:572px;*/ width:578px; min-height:90px; padding:0 0 49px 12px; overflow:hidden; background:#000 url(/prince-of-persia/images/bg_gallery-content-bottom.png) bottom left no-repeat; } ul#partnersContent { width:563px; min-height:90px; padding:0 0 40px; background:url(/prince-of-persia/images/bg_partners.jpg) no-repeat; overflow:hidden; } ul#partnersContent li { float:left; width:141px; height:90px; margin:40px 22px; } ul#partnersContent li a { width:141px; height:90px; } /*========================================== OUTBOUND ============================================*/ #outboundContainer { display:none; z-index:9998; position:absolute; top:0; left:0; width:100%; height:100%; background:#000; filter:alpha(opacity=75); -moz-opacity:0.75; -khtml-opacity: 0.75; opacity: 0.75; } #outboundSection {display:none; z-index:9999; position:absolute; top:50%; left:50%; margin:-148px 0 0 -277px;} #outboundContent { position:relative; width:532px; height:207px; padding:90px 0 0 22px; text-align:left; background: url(/prince-of-persia/images/bg_outbound.jpg) no-repeat; } #outboundContent h4 { width:160px; margin:0 0 12px 0; font-size:1.4em; text-transform:uppercase; } #outboundContent p { width:200px; font-size:1.1em; } #outboundContent p img {margin:0 0 -3px; } p#outboundClose a { position:absolute; top:4px; right:20px; padding:0 15px 0 0; text-transform:uppercase; font-size:1.05em; font-weight:bold; background:url(/prince-of-persia/images/sprite_outbound.png) right -88px no-repeat; letter-spacing:-0.02em; } p#outboundGoBack { position:absolute; bottom:0; left:20px; text-align:center; } p#outboundContinue { position:absolute; bottom:0; left:180px; text-align:center; } a.outboundNav { width:150px; height:30px; padding:3px 0 0 0; display:block; text-transform:uppercase; text-decoration:none; font-weight:bold; font-size:1.05em; background:url(/prince-of-persia/images/sprite_outbound.png) no-repeat; } a.outboundNav:hover { background-position:0 -32px;} /*========================================== BEHIND THE SCENES ============================================*/ .bts { position:relative; width:566px; min-height:150px; padding:14px 0 0 0; overflow:hidden; } .bts h2 { margin:0 0 12px 0; } .bts p { color:#cebb90; font-size:1.2em;} .btsImage { float:left; width:210px; height:159px; margin:0 0 0 9px; text-align:center; background:url(/prince-of-persia/images/img_production-notes.jpg) no-repeat; } .btsImageB { float:left; width:210px; height:159px; margin:0 0 0 9px; text-align:center; background:url(/prince-of-persia/images/img_production-videos.png) no-repeat; } .btsCopy { float:left; width:335px; text-align:left;} .bts .promoButton { position:static; margin:20px 0 0 -20px; } .btsGallery { margin:20px 0 0 0;} .productionNotes { padding:20px 0 0 25px; font-size:1.2em; color:#cebb90;} .productionNotes img { float:left; margin:0 14px 0 0; border:1px solid #9e9b99; } .productionNotesAlpha { margin: 0 0 20px 0;} .productionNotesAlpha h2 { font-size:1.3em; } .productionNotesAlpha h3 { color:#fff; font-size:1.3em;} .productionNotesBeta { clear:both; width:397px; height:180px; padding:0 0 20px 0; overflow:auto; } .productionNotesBeta ul span { color:#fff; font-weight:bold; } .productionNotesBeta li { margin:0 0 8px 0; } .productionNotesGamma { text-align:center; margin:0 0 10px 0; } .productionNotesGamma h2 { text-transform:uppercase; color:#fff; margin:0 0 0 -25px; } .productionNotesGamma img { margin:0 0 0 -18px; border:none; } /*========================================== BOOKING ENGINE ============================================*/ #bookingEngine {position:relative; width:190px; height:180px; margin:20px 0; background: url(/prince-of-persia/images/bg_booking-engine.jpg) no-repeat;} #bookingEngine h2 {height:49px; padding:0 2px 0 24px; font-size:1.1em; text-decoration:none; text-transform:uppercase; font-weight:bold; } div.bookingButton { position:absolute; top:132px; left:0; width:190px; height:47px; /*padding:18px 0 0 0;*/ text-align:center; } div.bookingButton img {margin:0 0 -2px 0;} button.bookingButtonLink { border:0; width:190px; height:42px; padding:4px 0 0 0; display:block; text-transform:uppercase; text-decoration:none; color:#fff; font-weight:bold; font-size:1.2em; background:url(/prince-of-persia/images/sprite_promo-button-A.png) no-repeat; } button.bookingButtonLink:hover { background-position:0 -46px;} button.bookingButtonLinkHover { background-position:0 -46px;} #bookingForm { margin:0 0 0 34px; padding:35px 0 0 0; } #bookingForm fieldset { border:0 none;} #bookingForm legend { display:none;} #bookingForm select { width:120px; height:20px; /*background:#115382; border:1px solid #cebb90; color:#fff; */ } #bookingForm p { margin:10px 0; } /*========================================== iPHONE ============================================*/ @media screen and (max-device-width: 480px){ #disneyNav {display:none;} } /*============================================= DVD AND BLU-RAY ==============================================*/ .dvdblurayTop{ position:relative; left:20px;width:402px; height:157px; } /* background:url(/prince-of-persia/images/dvd-blu-rayTop.jpg) no-repeat; */ div.dvdBlurayButton{height:47px;left:15px;position:absolute;text-align:center;top:138px;width:190px;} div.globalDvdBluray{background:url(/prince-of-persia/images/dvd_blu-rayBg.jpg) no-repeat scroll 16px 10px transparent; width:189px; height:155px;margin-bottom:10px;margin-right:0;margin-top:0;padding-left:16px;padding-top:12px;position:relative;float:left;left:4px} div.imageLoc{width:110px; height:143px;margin-left:54px;margin-top:-156px;position:absolute;} div.shortDesc{margin-top:30px; } /* font-family:"helvetica neue",helvetica,arial,sans-serif; font-size:1.2em; text-align: left; margin-left:21px; color:#cebb8e; width:350px */ div.bonusTitle{margin-top:25px; margin-left:21px; font-family:"helvetica neue",helvetica,arial,sans-serif; font-size:1.5em; font-weight:bold; text-align:left;width:300px} div.bonusContent{padding-top:5px} div.bonusBody{margin-top:5px; font-size:1.2em; font-family:"helvetica neue",helvetica,arial,sans-serif; margin-left:46px; text-align:left; color:#CEBB8E; width:350px} /* line-height:26px; */ div.bonusBody ul, div.bonusBody li{list-style-type: disc} div.buyNowTitle{font-family:"helvetica neue",helvetica,arial,sans-serif;font-size:1.5em;font-weight: bold;margin-left:21px;margin-top:20px;text-align:left;width:400px;} a.dvdBlurayButtonLink {background:url("/prince-of-persia/images/sprite_promo-button-C.png") no-repeat scroll 0 0 transparent;display:block;font-size:1.2em;font-weight:bold;height:32px;padding:14px 0 0;text-decoration:none;text-transform:uppercase;width:190px;} a.dmrButton{left:350px;position:absolute;} div.dvdBlurayBuyNow {height:47px;left:15px;text-align:center;top:6px;width:190px;float:left} /* position:relative; */ div.dmrImage{ float:left;height:98px;left:12px;margin-left:15px;position:relative;top:10px;width:116px; padding-right:33px} /* height increased from 98px to 160px so that if text increases, then button does not go beneath images */ div.dmrTitle{font-family:"helvetica neue",helvetica,arial,sans-serif;font-size:1.5em;margin-left:-12px;margin-top:20px;width:400px; font-weight:bold; text-align: left} div.dmrBody{margin-top:10px; font-size:1.2em; font-family:"helvetica neue",helvetica,arial,sans-serif; margin-left:166px;text-align:left;width:240px; color:#CEBB8E } #dvdblurayContent {height: 190px; width: 300px; font-size:1.2em; margin-left:21px; color:#cebb8e; font-family:"helvetica neue",helvetica,arial,sans-serif; text-align: left;} /* font-family:"helvetica neue",helvetica,arial,sans-serif; font-size:1.2em; text-align: left; margin-left:21px; color:#cebb8e; width:350px */ #dvdblurayContent h3#beta { margin:25px 0 12px 0;} #dvdblurayContent p { margin:0 0 12px 0;} #dvdblurayContent.scroll-pane {width: 415px; height: 120px; overflow: auto; top: 20px} div.dvdBlurayButton img, div.dvdBlurayBuyNow img{margin:0 0 -2px 0;} ul#navigation li#navDvdBluray2.navLight a{ background-position:-140px -122px;} ul#navigation li#navDvdBluray2.navDark a{ background-position:-140px -53px;} #contentGamma.minHeight {min-height:90px;} #contentGamma.minHeightDmr{min-height:150px;}