/*------------------------------------------------------------------------------------ Index Content ------------------------------------------------------------------------------------*/ .grid { border: 1px solid red; } #indexContent { margin: 0 auto; max-width: 100%; min-width: 1260px; text-align: left; } #flashHero { height: 900px; margin: 0 auto; width: 100%; _width: expression(document.body.clientWidth < 742? "1260" : document.body.clientWidth > 1260? "100%" : "auto"); text-align: center; } /* Promo Grid */ #indexContent #indexPromoGrid { margin: 0 auto; text-align: center; height: 992px; width: 1260px; background: url(../images/backgrounds/indexPromoGridBg.jpg) top left no-repeat; } #indexContent #indexPromoGrid #inner { display: inline; width: 950px; float: left; margin: 12px 0 0 176px; } /* Left Column */ #indexContent #indexPromoGrid #indexPromoGrid_LeftCol { display: inline; text-align: center; width: 595px; margin: 0 26px 24px 13px; float: left; } #indexContent #indexPromoGrid #indexPromoGrid_LeftCol #newFeatures { height: 283px; margin: 0 0 20px 0; text-align: left; background: #000 url(../images/newFeatures_bg.gif) top left no-repeat; } #indexContent #indexPromoGrid #indexPromoGrid_LeftCol .oneColPromo { display: inline; height: 255px; width: 585px; margin: 0; float: left; } #indexContent #indexPromoGrid #indexPromoGrid_LeftCol .twoColPromo { display: inline; height: 255px; width: 284px; margin: 0 0 0 9px; float: left; } /* Right Column */ #indexContent #indexPromoGrid #indexPromoGrid_RightCol { display: inline; text-align: center; width: 256px; margin: 0 0 24px 0; float: left; } #indexContent #indexPromoGrid #indexPromoGrid_RightCol #newCharacters { height: 289px; margin: 0 0 20px 0;background: url(../images/backgrounds/newCharactersThumbsBg.gif) bottom left no-repeat; } #indexContent #indexPromoGrid #indexPromoGrid_RightCol #liveTournament { font-size: 10px; display: block; height: 252px; padding: 0;} #indexContent #indexPromoGrid #indexPromoGrid_RightCol #liveTournament a {display: block; height: 252px; background-position: 0 252px; background: url(../images/promos/itunes_soundtrack.jpg) top left no-repeat; text-indent: -9999px;} #indexContent #indexPromoGrid #indexPromoGrid_RightCol #liveTournament a:hover {display: block; height: 252px; background-position: 0 -252px; text-indent: -9999px;} #indexContent #indexPromoGrid #indexPromoGrid_RightCol #liveTournament p, #indexContent #indexPromoGrid #indexPromoGrid_RightCol #liveTournament h3 {width: 140px;margin: 2px 0 2px 0; padding: 0;} #indexContent #liveTournament p {margin: 0 0 4px 0;} #indexContent #liveTournament a {font-weight: bold; text-decoration: none;} #indexContent #liveTournament span {} #indexContent #liveTournament span a { height: 18px; width: 120px; background: url(../images/viewAllEventsBtn.gif) top left no-repeat; display: block; text-indent: -9999px; margin: 41px 0 0 121px; *margin: 7px 0 0 121px;} #indexContent #liveTournament span a:hover { height: 18px; width: 120px; background: url(../images/viewAllEventsBtn.gif) 0 -18px no-repeat; display: block; text-indent: -9999px;} /* Bottom Promos */ #indexContent #indexPromoGrid #indexPromoGrid_BottomRow { } #indexContent #indexPromoGrid #indexPromoGrid_BottomRow .bottomPromo { display: inline; height: 100px; width: 432px; margin: 0 0 0 13px; float: left; } #indexContent #indexPromoGrid #indexPromoGrid_BottomRow #twitterBob a {margin: 0; display: block; height: 99px; width: 432px; background: url(../images/promos/twitterBobPromo.jpg) top left no-repeat; text-indent: -9999px;} #indexContent #indexPromoGrid #indexPromoGrid_BottomRow #twitterBob a:hover {display: block; height: 99px; background-position: 0 -99px; text-indent: -9999px;} #indexContent #indexPromoGrid #indexPromoGrid_BottomRow #manga a {margin: 0; display: block; height: 99px; width: 432px; background: url(../images/promos/manga_comic.jpg) top left no-repeat; text-indent: -9999px;} #indexContent #indexPromoGrid #indexPromoGrid_BottomRow #manga a:hover {display: block; height: 99px; background-position: 0 -99px; text-indent: -9999px;} /* #indexContent #indexPromoGrid #indexPromoGrid_BottomRow #tekkenForum a {margin: 0; display: block; height: 99px; width: 432px; background: url(../images/promos/forumPromo.jpg) top left no-repeat; text-indent: -9999px;} */ #indexContent #indexPromoGrid #indexPromoGrid_BottomRow #tekkenForum a {margin: 0; display: block; height: 99px; width: 432px; background: url(../images/promos/tapoutPromo.jpg) top left no-repeat; text-indent: -9999px;} #indexContent #indexPromoGrid #indexPromoGrid_BottomRow #tekkenForum a:hover {display: block; height: 99px; background-position: 0 -99px; text-indent: -9999px;} #indexContent #indexPromoGrid #tekkenGirls { display: inline; height: 253px; width: 164px; float: left; margin: 230px 0 0 0; } /* Vertical Tabs */ #newFeatures #tabs { font-size: 10px; text-align: left; width: 595px; } #newFeatures .ui-tabs-vertical { width: 595px; margin: 0; padding: 0; } #newFeatures .ui-tabs-vertical .ui-tabs-nav { padding: .2em 0 .2em 7px; float: left; width: 12em; margin: 66px 0 0 0; } #newFeatures .ui-tabs-vertical .ui-tabs-nav li { list-style-type: none; clear: left; width: 100%; margin: 0; } #newFeatures .ui-tabs-vertical .ui-tabs-nav li a { display:block; background: url(../images/newFeaturesNavMatrix.gif) top left no-repeat; text-indent: -9999px; } #newFeatures .ui-tabs-vertical .ui-tabs-nav li a:hover { display:block; text-decoration: none; } #newFeatures #tabs .ui-tabs-panel { margin: 7px 21px 0 0; width: 440px; height: 277px;float: right; _margin: 7px 4px 0 0;} #newFeatures #tabs .ui-tabs-panel p { font-style: normal; color: #6d6b6b; margin: 7px 0 0 7px; padding: 0;} #newFeatures #tabs .ui-tabs-panel a { margin: 0; padding: 0;} #newFeatures .ui-tabs .ui-tabs-hide { display: none; } #newFeatures .ui-tabs-vertical .ui-tabs-nav li#graphics{ height: 34px; width: 127px; } #newFeatures .ui-tabs-vertical .ui-tabs-nav li#graphics a{ height: 34px; width: 127px; background-position: 0 0 } #newFeatures .ui-tabs-vertical .ui-tabs-nav li#graphics a:hover { background-position: -127px 0; } #newFeatures .ui-tabs-vertical .ui-tabs-nav li#graphics.ui-state-active a { background-position: -254px 0; } #newFeatures .ui-tabs-vertical .ui-tabs-nav li#graphics.ui-state-active a:hover { background-position: -254px 0; } #newFeatures .ui-tabs-vertical .ui-tabs-nav li#largestroster{ height: 34px; width: 127px; } #newFeatures .ui-tabs-vertical .ui-tabs-nav li#largestroster a{ height: 34px; width: 127px; background-position: 0 -34px } #newFeatures .ui-tabs-vertical .ui-tabs-nav li#largestroster a:hover { background-position: -127px -34px; } #newFeatures .ui-tabs-vertical .ui-tabs-nav li#largestroster.ui-state-active a { background-position: -254px -34px; } #newFeatures .ui-tabs-vertical .ui-tabs-nav li#largestroster.ui-state-active a:hover { background-position: -254px -34px; } #newFeatures .ui-tabs-vertical .ui-tabs-nav li#vsmode{ height: 34px; width: 127px; } #newFeatures .ui-tabs-vertical .ui-tabs-nav li#vsmode a{ height: 34px; width: 127px; background-position: 0 -68px } #newFeatures .ui-tabs-vertical .ui-tabs-nav li#vsmode a:hover { background-position: -127px -68px; } #newFeatures .ui-tabs-vertical .ui-tabs-nav li#vsmode.ui-state-active a { background-position: -254px -68px; } #newFeatures .ui-tabs-vertical .ui-tabs-nav li#vsmode.ui-state-active a:hover { background-position: -254px -68px; } #newFeatures .ui-tabs-vertical .ui-tabs-nav li#customization{ height: 34px; width: 127px; } #newFeatures .ui-tabs-vertical .ui-tabs-nav li#customization a{ height: 34px; width: 127px; background-position: 0 -102px } #newFeatures .ui-tabs-vertical .ui-tabs-nav li#customization a:hover { background-position: -127px -102px; } #newFeatures .ui-tabs-vertical .ui-tabs-nav li#customization.ui-state-active a { background-position: -254px -102px; } #newFeatures .ui-tabs-vertical .ui-tabs-nav li#customization.ui-state-active a:hover { background-position: -254px -102px; } #newFeatures .ui-tabs-vertical .ui-tabs-nav li#stages{ height: 34px; width: 127px; } #newFeatures .ui-tabs-vertical .ui-tabs-nav li#stages a{ height: 34px; width: 127px; background-position: 0 -136px; } #newFeatures .ui-tabs-vertical .ui-tabs-nav li#stages a:hover { background-position: -127px -136px; } #newFeatures .ui-tabs-vertical .ui-tabs-nav li#stages.ui-state-active a { background-position: -254px -136px; } #newFeatures .ui-tabs-vertical .ui-tabs-nav li#stages.ui-state-active a:hover { background-position: -254px -136px; } #newFeatures .ui-tabs-vertical .ui-tabs-nav li#scenario{ height: 34px; width: 127px; } #newFeatures .ui-tabs-vertical .ui-tabs-nav li#scenario a{ height: 34px; width: 127px; background-position: 0 -170px; } #newFeatures .ui-tabs-vertical .ui-tabs-nav li#scenario a:hover { background-position: -127px -170px; } #newFeatures .ui-tabs-vertical .ui-tabs-nav li#scenario.ui-state-active a { background-position: -254px -170px; } #newFeatures .ui-tabs-vertical .ui-tabs-nav li#scenario.ui-state-active a:hover { background-position: -254px -170px; } #newFeatures #tabs .ui-tabs-panel a {margin: 12px 0 0 358px; _margin: 10px 0 0 358px; display: block; height: 18px; width: 95px; background: url(../images/learnMoreBtn.gif) top left no-repeat; text-indent: -9999px;} #newFeatures #tabs .ui-tabs-panel a:hover {background-position: 0 -18px;} /* New Characters */ #slideshow { clear: both; } #nav { width: 256px; margin: 0 0 0 0; padding: 3px 0 0 20px; } #nav li { display: inline; width: 39px; float: left; list-style: none; margin: 0; padding: 0 0 3px 4px; } #nav a { width: 39px; display: block; } #nav a.activeSlide { width: 35px; margin: 0; padding: 3px 2px 3px 2px; margin: 0; border: none; } #nav a.activeSlide img { height: 35px; width: 35px; } #nav a:focus { outline: none; } #nav img { border: none; display: block; clear: both; } #slideshow #yoshimitsu {text-indent: -9999px; background: url(../images/yoshimitsuProfile.jpg) 0 0 no-repeat; height: 242px; width: 256px;} #slideshow #eddy {text-indent: -9999px; background: url(../images/eddyProfile.jpg) 0 0 no-repeat; height: 242px; width: 256px;} #slideshow #lars {text-indent: -9999px; background: url(../images/larsProfile.jpg) 0 0 no-repeat; height: 242px; width: 256px;} #slideshow #alisa {text-indent: -9999px; background: url(../images/alisaProfile.jpg) 0 0 no-repeat; height: 242px; width: 256px;} #slideshow #marshall {text-indent: -9999px; background: url(../images/marshallProfile.jpg) 0 0 no-repeat; height: 242px; width: 256px;} #slideshow #yoshimitsu:hover, #slideshow #eddy:hover, #slideshow #alisa:hover, #slideshow #lars:hover, #slideshow #marshall:hover {background-position: -256px 0;} /* Index Peek-A-Boo */ .slider { position: absolute; margin: 0; text-align:center; bottom: 0; padding: 0 0 20px 0; height: 0; width:100%; } #sliderCap { position: absolute; bottom: 20px; left: 50%; margin: 0 0 0 -640px; text-align: center; height: 57px; width: 1270px; background: url(../images/peekabooBottom.png) top left no-repeat; } .slider #trigger { margin: 0 auto; text-align: center; display:block; height:20px; width: 1260px; color:#fff; background: url(../images/peekabooTop.png) top center no-repeat; } .slider #logoGarden { display: none; height: 195px; width: 1260px; margin: 0 auto; text-align: center; background: url(../images/peekabooTopCap_2.gif) top left no-repeat; } /*------------------------------------------------------------------------------------ The Game Content ------------------------------------------------------------------------------------*/ #gameContent { margin: 0 auto; background: url(../images/backgrounds/theGameContentMain.jpg) top center no-repeat; } #gameContentBottomCap {margin: 0 auto; height: 309px; width: 1260px; background: #000 url(../images/backgrounds/theGameMainBottomCap2.jpg) 14px 0 no-repeat; clear: both;} #wrapper.game #topFrame {margin: 0 auto; width: 1260px; text-align: left; } #wrapper.game #topFrame h1 { height: 50px; width: 356px; margin: 0 0 0 89px; background: url(../images/titles/game.png) no-repeat; text-indent: -9999px; } #wrapper.game #gameInner {width: 1052px; margin: 10px auto;} /* TABS */ #wrapper.game #tabs { font-size: 10px; text-align: left;width: 100%; margin: 0; padding: 0;} #wrapper.game #tabs .ui-tabs-nav {height: 480px; margin: 10px 8px 0 10px; _margin: 0 8px 0 6px; width: 215px;float: left;} #wrapper.game #tabs ul {width:220px;margin: 0 0 0 0; text-transform: uppercase;} #wrapper.game #tabs h2 { font-size: 24px; margin: 0 0 0 0; padding: 11px 0 0 15px; font-weight: bold;background: url(../images/backgrounds/theGameh2Bg.png) top right no-repeat; height: 46px; width: 330px;} #wrapper.game #tabs ul li { list-style-type: none; clear: left; background: url(../images/game/game_l-nav_2.gif);height: 45px; width: 220px; margin:0 0 0 0;color:#969595;} #wrapper.game #tabs ul li a { display: block; text-indent:0; color:#969595; font-size:12px; text-decoration:none; padding:15px 0 0 15px; _padding: 15px 0 0 15px; height:30px; width: 220px; _width: 204px; margin:0 25px 0 0; _margin: 0; vertical-align:middle; font-weight: bold;} #wrapper.game #tabs ul li a:hover { display:block; text-decoration: none; text-indent:0; vertical-align:middle;color:#969595;} #wrapper.game #tabs ul li.ui-state-hover {background-position:-219px 0;} #wrapper.game #tabs ul li.resetPos.ui-state-active {background-position:-438px 0;} #wrapper.game #tabs ul li.ui-tabs-selected.ui-state-active {} #wrapper.game #tabs .tabcontent { margin: -4px 0 0 8px; _margin: -8px 0 0 10px; width: 730px; float: left; background: url(../images/game/repeatBackground.jpg) top left repeat-y; } #wrapper.game #tabs .tabcontent img {vertical-align: bottom;} #wrapper.game #tabs .ui-tabs-hide { display: none; } #gameContent #gameInner .tabcontent .innerTabContentTop {height: 57px; width: 762px; background: url(../images/game/TheGameContentTopCap.png) -18px top no-repeat;} #gameContent #gameInner .tabcontent .innerTabContent {font-style: normal; color: #ababab; font-size: 12px; line-height: 16px; padding: 10px 70px 20px 78px; margin: 0 10px 0 10px; _margin: 0 10px 0 28px; background: url(../images/game/TheGameContentMiddle.gif) -28px 0 repeat-y;} #gameContent #gameInner .tabcontent .innerTabContent p { padding: 7px; } #gameContent #gameInner .tabcontent .innerTabContent p.caption { font-size: 11px; padding: 0 7px 7px 15px; background: url(../images/uparrow.gif) 3px 4px no-repeat;color: #7f7b7b; } #gameContent #gameInner .tabcontent .innerTabContent img {margin-top: 20px; margin-left: 5px;} #gameContent #gameInner .tabcontent .innerTabContentBottomCap {height: 54px; width: 762px; margin: 0 10px 30px 10px; _margin: 0; background: url(../images/game/TheGameContentBottomCap.png) -28px 0 no-repeat;} #gameContent #gameInner .tabcontent .innerTabContent a {position: relative; top: 38px; margin: 12px 0 0 433px; _margin: 10px 0 0 433px; display: block; height: 18px; width: 143px; background: url(../images/viewAllCharacters.gif) top left no-repeat; text-indent: -9999px;} #gameContent #gameInner .tabcontent .innerTabContent a:hover {background-position: 0 -18px;} /*------------------------------------------------------------------------------------ Character(s) Content ------------------------------------------------------------------------------------*/ #charactersContent { margin: 0 auto; height: 919px; background: url(../images/backgrounds/charactersLandingBg.jpg) top center no-repeat; } #charactersContent #topFrame {margin: 0 auto; width: 1260px; text-align: left; } #wrapper.characters #topFrame h1 {height: 50px; width: 356px; margin: 0 0 0 63px; background: url(../images/titles/characters.png) top left no-repeat; text-indent: -9999px; text-align: left; } #charactersContent #charactersGrid { height: 450px; width: 1120px; margin: 10px auto 0 auto; padding: 0 0 0 20px; } #charactersContent #charactersFlash {z-index: 51;} #charactersContent #bottomPromos { height: 100px; width: 1140px; margin: 50px auto 0 auto; _margin: 7px auto 0 auto; padding: 0 0 0 20px; } #charactersContent #bottomPromos span {float: left;} #charactersContent #bottomPromos span a {display: block; cursor: pointer;} #charactersContent #bottomPromos span#twitterBobCharacters {margin-left: 5px;margin-right: 18px; width: 493px; height: 97px;} #charactersContent #bottomPromos span#forumPromoCharacters {margin-right: 20px; height: 94px; width: 296px;} #charactersContent #bottomPromos #twitterBobCharacters a {margin: 0; display: block; background: url(../images/promo_bob_2.jpg) 0 0 no-repeat; text-indent: -9999px; height: 97px; width: 493px; } #charactersContent #bottomPromos #twitterBobCharacters a:hover {display: block; background-position: -493px 0; text-indent: -9999px;} /* #charactersContent #bottomPromos #forumPromoCharacters a {margin: 0; display: block; background: url(../images/promo_forum_2.jpg) 0 0 no-repeat; text-indent: -9999px; height: 94px; width: 297px; } */ #charactersContent #bottomPromos #forumPromoCharacters a {margin: 0; display: block; background: url(../images/promo_tapout.jpg) 0 0 no-repeat; text-indent: -9999px; height: 94px; width: 297px; } #charactersContent #bottomPromos #forumPromoCharacters a:hover {display: block; background-position: 0 -97px; text-indent: -9999px;} #charactersContent #bottomPromos #promoKingCharacters a {margin: 0; display: block; height: 97px; width: 296px; background: url(../images/promo_king_iron_2.png) 0 0 no-repeat; text-indent: -9999px;} /*------------------------------------------------------------------------------------ Character Profile Content ------------------------------------------------------------------------------------*/ #characterHeight { height: 2202px; width: 1px; } #characterContent { position: absolute; top: 118px; left: 50%; height: 2202px; width: 1260px; margin: 0 0 0 -630px; } #characterContent.loading { background: transparent url(../images/loader.gif) center 200px no-repeat; } #character { height: 2202px; } #characterSelector { position: absolute; top: 65px; left: 55px; height: 491px; width: 839px; z-index: 200; float: left; overflow: hidden; text-align: left; } #modal-overlay { position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%; background: #fff; display: none; } #modal-window { position: fixed; z-index: 102; display:none; top:50%; left:50%; } #modal-window img { display: block; border: 3px solid #ccc; } #modal-load{ position: fixed; height:13px; width:208px; background: url(loadingAnimation.gif) no-repeat; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ } * html #modal-overlay { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight 'px'); } * html #modal-window, * html #modal-load { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) 'px'); } /* Character Info */ #characterContent #character #characterInfo { color: #fff; margin: 0 64px 0 0; position: absolute; top: 0; right: 0; width: 1104px; } #characterContent #character #characterInfo h1 { font-size: 39px; color: #7b0200; margin: 0; padding: 0; text-align: right; } #characterContent #character #characterInfo ul { display: block; margin: 0 auto; clear: both; } #characterContent #character #characterInfo ul li { display: block; margin: 0; padding: 0; font-size: 11px; color: #fff; display: inline; float: left; text-transform: uppercase; } #characterContent #character #characterInfo {width: 1104px;} /* Stats */ #characterContent #character #characterInfo ul#characterStats { float: right; text-align: right; } /* Profile Nav */ #characterContent #character #characterInfo ul#profileNav {margin: 0 0 35px 0; padding: 0 10px 0 0; width: 256px; float: right; } #characterContent #character #characterInfo ul#profileNav a {display: block; text-indent: -9999px; height: 23px;} #videos {height: 23px; width: 100px;} #videos a{background: transparent url(../images/characterProfileNavComingSoon.gif) 0 0; display: block; height: 23px; width: 100px;} #videos a:hover{background-position: 0 -24px;} #photos{height: 23px; width: 81px;} #photos a{background: transparent url(../images/characterProfileNavComingSoon.gif) -100px 0; display: block; height: 23px; width: 81px;} #photos a:hover{background-position: -100px 24px;} #fankit{height: 23px; width: 74px;} #fankit a{background: transparent url(../images/characterProfileNavComingSoon.gif) -181px 0; text-indent: -9999px; display: block; height: 23px; width: 74px;} #fankit a:hover{background-position: -181px 24px;} #characterContent #character #characterInfo #info { width: 238px; float: right; font-size: 11px; font-style: normal; color: #ffffff; clear: both; line-height: 15px; text-align: right; padding: 0 10px 0 0; } #characterContent #character #characterInfo .characterPromo { float: right; clear: both; margin: 50px 0 0 0; padding: 0 20px 0 0; } #wallpaper { float: right; width: 183px; height: 26px; position: absolute; top: 1798px; left: 900px;} #poster{position: absolute; top: 900px; left: 0; height: 24px; width: 163px;} #poster a{background: transparent url(../images/downloadPoster.gif) 0 0; text-indent: -9999px; display: block; height: 24px; width: 163px;} #poster a:hover{background-position: 0 -25px;} /*------------------------------------------------------------------------------------ Tournament Content ------------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------------ Media Content ------------------------------------------------------------------------------------*/ #mediaContent { margin: 0 auto; height: 870px; background: url(../images/backgrounds/mediaLandingBg.jpg) top center no-repeat; } #mediaContent #topFrame {margin: 0 auto; width: 1260px; text-align: left; } #wrapper.media #topFrame h1 {height: 50px; width: 356px; margin: 0 0 0 89px; background: url(../images/titles/media.png) top left no-repeat; text-indent: -9999px; text-align: left; } #mediaContent #mediaInner {width: 1110px; height: 490px; margin: 10px auto 0 0;} #mediaContent #mediaInner #mediaLeftColumn, #mediaContent #mediaInner #mediaRightColumn {float: left; text-align: left;} #mediaContent #mediaInner #mediaLeftColumn {height: 490px; width: 310px; background: url(../images/backgrounds/mediaLeftColumnBg.gif) bottom left no-repeat; margin: 0; padding: 0;} /* #mediaContent #mediaInner #mediaLeftColumn #tabs{height: 46px; width: 310px;margin: 0; padding: 0;} #mediaContent #mediaInner #mediaLeftColumn #mediaVideos {height: 444px; width: 310px;margin: 0; padding: 0;} #mediaContent #mediaInner #mediaLeftColumn #mediaVideos img {display: inline; float: left; margin: 0 0 12px 12px;} */ #mediaContent #mediaInner #mediaRightColumn {height: 490px; margin: 0 0 0 18px; _margin: 0 0 0 0; padding: 0;} /*------------------------------------------------------------------------------------ News Content ------------------------------------------------------------------------------------*/ #newsContent { margin: 0 auto; height: 1110px; background: url(../images/backgrounds/newsLandingBg.jpg) top center no-repeat; } #newsContent #topFrame {margin: 0 auto; width: 1260px; text-align: left; } #wrapper.news #topFrame h1 {height: 50px; width: 356px; margin: 0 0 0 124px; background: url(../images/titles/news.png) top left no-repeat; text-indent: -9999px; text-align: left; } #newsContent #newsInner {width: 960px; margin: 0 auto;} #newsContent #leftColumn, #newsContent #rightColumn {text-align: left;float: left; margin: 6px 0 0 0;} #newsContent #leftColumn {width: 636px;} #newsContent #rightColumn {width: 318px; background: url() 0 50px no-repeat;} #newsContent h2 {color: #eba106; background: url(../images/backgrounds/newsh2Bg.jpg) top left no-repeat; height: 30px;font-size: 18px;padding: 7px 0 0 8px; margin: 0; text-transform: uppercase;} #newsContent #rightColumn h2 {color: #eba106; background: url(../images/backgrounds/newsh2Bg.jpg) top left no-repeat; height: 30px;font-size: 18px;padding: 7px 0 0 8px; margin: 0 0 0 10px; text-transform: uppercase;} #newsContent h4 {color: #67686a; text-transform: uppercase;} #newsContent #newsInner #leftColumn #newsPressReleases {height: 720px; width: 600px; background: url() top left repeat; margin: 0 0 0 20px;} #newsContent #newsInner #leftColumn #newsPressReleases .pageNav {width: 600px; height: 20px;padding: 5px 0 0 0; _padding: 0;} #newsContent #newsInner #leftColumn #newsPressReleases .pageNav ul {display: block; list-style-type: none; margin: 0; padding: 0; float: right; width: 55px; height: 16px;} #newsContent #newsInner #leftColumn #newsPressReleases .pageNav ul li{display: block; height: 16px; width: 13px; float: left;margin: 10px 0 0 5px; _margin: 15px 0 0 5px; padding: 0; _padding: 0 0 5px 0;} #newsContent #newsInner #leftColumn #newsPressReleases .pageNav ul li a {display: block; background: url(../images/newsPageNavMatrix.gif); text-indent: -9999px; height: 16px; _height: 10px; width: 13px; text-indent: -9999px;margin: 0; padding: 0;} #newsContent #newsInner #leftColumn #newsPressReleases .pageNav ul li#One-pageNav a{background-position: 0 0;} #newsContent #newsInner #leftColumn #newsPressReleases .pageNav ul li#One-pageNav a:hover{background-position: 0 -17px;} #newsContent #newsInner #leftColumn #newsPressReleases .pageNav ul li#One-pageNav.selected a{background-position: 0 -34px;} #newsContent #newsInner #leftColumn #newsPressReleases .pageNav ul li#Two-pageNav a{background-position: -15px 0;} #newsContent #newsInner #leftColumn #newsPressReleases .pageNav ul li#Two-pageNav a:hover{background-position: -15px -17px;} #newsContent #newsInner #leftColumn #newsPressReleases .pageNav ul li#Two-pageNav.selected a{background-position: -15px -34px;} #newsContent #newsInner #leftColumn #newsPressReleases .pageNav ul li#Three-pageNav a{background-position: -30px 0;} #newsContent #newsInner #leftColumn #newsPressReleases .pageNav ul li#Three-pageNav a:hover{background-position: -30px -17px;} #newsContent #newsInner #leftColumn #newsPressReleases .pageNav ul li#Three-pageNav.selected a{background-position: -30px -34px;} #newsContent #newsInner #leftColumn #newsPressReleases .pageNav ul li#Four-pageNav a{background-position: -45px 0;} #newsContent #newsInner #leftColumn #newsPressReleases .pageNav ul li#Four-pageNav a:hover{background-position: -45px -17px;} #newsContent #newsInner #leftColumn #newsPressReleases .pageNav ul li#Four-pageNav.selected a{background-position: -45px -34px;} #newsContent #newsInner #leftColumn #newsPressReleases .pageNav ul li#Five-pageNav a{background-position: -60px 0;} #newsContent #newsInner #leftColumn #newsPressReleases .pageNav ul li#Five-pageNav a:hover{background-position: -60px -17px;} #newsContent #newsInner #leftColumn #newsPressReleases .pageNav ul li#Five-pageNav.selected a{background-position: -60px -34px;} #One, #Two, #Three, #Four, #Five {height: 670px; width: 600px;} #newsContent #newsInner #leftColumn #newsPressReleases p {margin: 0; padding: 0;} #newsContent #newsInner #leftColumn #newsPressReleases p.date {color: #616161; font-size: 12px; font-weight: normal; margin: 0 0 0 20px; padding: 15px 60px 0 0; font-style: normal;} #newsContent #newsInner #leftColumn #newsPressReleases h3 {color: #dea027; font-size: 12px; font-weight: bold; margin: 0 0 0 20px; padding: 0 60px 10px 0; font-style: normal;} #newsContent #newsInner #leftColumn #newsPressReleases h3 a{color: #dea027; font-size: 12px; font-weight: bold; margin: 0; padding: 0 60px 10px 0; font-style: normal; text-decoration: none;} #newsContent #newsInner #leftColumn #newsPressReleases p.pressRelease {color: #797979; font-size: 12px; font-weight: normal; margin: 0 20px 0 20px; padding: 0 60px 20px 0; background: url(../images/backgrounds/pressReleaseLineBg.gif) bottom left repeat-x; font-style: normal;} #newsContent #newsInner #leftColumn #newsPressReleases a.readMore {color: #820000; font-size: 10px; font-weight: normal;font-style: italic; text-transform: uppercase; text-decoration: none;} #newsContent #newsInner #leftColumn #newsPressReleases a:hover {text-decoration: underline;} #newsContent #newsInner #rightColumn #latestEvents {height: 734px; width: 310px; margin: 0 0 0 10px;} #newsContent #newsInner #rightColumn #latestEvents #monthSelector {height: 25px; width: 308px; background: url() top left no-repeat;margin: 0; padding: 40px 0 0 0;} #newsContent #newsInner #rightColumn #latestEvents #monthSelector h4 {margin: 0; padding: 0;text-align: right; font-size: 12px; margin: 0 15px 0 0;} #newsContent #newsInner #rightColumn #latestEvents .date {color: #616161; font-size: 12px; font-weight: normal; font-style: normal; text-align: right; margin: 30px 20px 0 20px; padding: 0;} #newsContent #newsInner #rightColumn #latestEvents h3 {color: #dea027; font-size: 12px; font-weight: normal; font-style: normal; text-align: right; margin: 0 20px 0 20px; padding: 0; } #newsContent #newsInner #rightColumn #latestEvents h3.location {background: url(../images/backgrounds/pressReleaseLineBg.gif) bottom left repeat-x; margin: 0 20px 10px 20px; padding: 0 0 10px 0;} #newsContent #newsInner #rightColumn #latestEvents h3 a{color: #dea027; margin: 0; padding: 0; text-decoration: none;} #newsContent #newsInner #rightColumn #latestEvents h3 a:hover{color: #dea027; margin: 0; padding: 0; text-decoration: underline;} /*------------------------------------------------------------------------------------ Reserve Content ------------------------------------------------------------------------------------*/ #reserveContent { background: url(../images/backgrounds/reserveOuterFrameRepeat.jpg) top left repeat-y; margin: 0 auto;width: 1260px; text-align: left; color: #969595; font-size: 12px; } #reserveContent #topFrame {margin: 0 auto; width: 1260px; text-align: left; background: url(../images/backgrounds/reserveTopFrame.jpg) top left no-repeat; height: 60px; } #wrapper.reserve #topFrame h1 {height: 50px; width: 356px; margin: 0 0 0 140px; background: url(../images/titles/reserve.png) top left no-repeat; text-indent: -9999px; text-align: left; } #reserveContent #topContent { background: url(../images/backgrounds/reserveTopContentTop.jpg) top left no-repeat; width: 793px; margin: 0 auto; height: 20px; } #reserveContent #repeatContent {font-style: normal; background: url(../images/backgrounds/reservePanelRepeat.jpg) top left repeat-y; width: 753px; padding: 0 20px 20px 20px; margin: 0 auto; } #reserveContent #repeatContent #reserveMainColumn { float: left; margin: 0 0 0 15px; _margin: 0 0 0 10px; padding: 0; } #reserveContent #bottomContent { background: url(../images/backgrounds/reservePanelBottom.jpg) top left no-repeat; height: 7px; width: 753px; padding: 0 20px; margin: 0 auto; } #reserveContent #repeatContent #reserveMainColumn h1 { font-size: 22px; font-weight: normal; } #reserveContent #repeatContent #reserveMainColumn h3 { margin: 0; padding: 0; color: #db9103; font-size: 12px; } #reserveContent #repeatContent #reserveMainColumn h4 { margin: 0; padding: 0; color: white; font-size: 12px; } #reserveContent #repeatContent #reserveMainColumn p { color: #ababab; font-size: 12px; margin: 0; } #reserveContent #reserveShelf { background: url(../images/backgrounds/reserveShelfWithFooter.jpg) 0 130px no-repeat; height: 620px; } #reserveContent #boxArt {width: 960px; margin: 4px auto 0 auto; height: 175px;} #reserveContent #boxArt .boxArtRight {margin: 0 180px 0 0;} #reserveContent #boxArt .boxArtRight.first {margin: 0 200px 0 20px;} .reserve #preOrderLayer { width: 1150px; margin: 0 auto 0 auto; position: absolute; padding: 0 0 0 90px; *margin: 38px 0 0 0; _margin: 17px 0 0 0; } .reserve #preOrderOne, .reserve #preOrderTwo, .reserve #preOrderThree { display: inline; float: left; position: relative; overflow: hidden; margin: 0 15px 0 0; text-align:center; padding: 0 0 26px 0; height: 0; width: 353px; background: url(../images/backgrounds/reservePreOrderBg.gif) 0 -2px no-repeat;} .reserve #preOrderOne #preOrderTriggerOne, .reserve #preOrderTwo #preOrderTriggerTwo, .reserve #preOrderThree #preOrderTriggerThree { text-indent: -9999px; cursor: pointer; margin: 0 auto; display:block; height:26px; width: 199px; color:#fff; background: transparent url(../images/preorder.png) top center no-repeat; } .reserve .preOrder .retailLogosWrapper { display: none; height: 195px; width: 300px; margin: 0 auto; text-align: center; } .reserve #reserveContent #preOrderLayer #preOrderOne img, .reserve #reserveContent #preOrderLayer #preOrderTwo img, .reserve #reserveContent #preOrderLayer #preOrderThree img {float: left; _margin-top: 20px; text-align: center;} .reserve #reserveContent #preOrderLayer #preOrderOne img, .reserve #reserveContent #preOrderLayer #preOrderTwo img, .reserve #reserveContent #preOrderLayer #preOrderThree a {} #reserveContent #consoleLogos {position: relative; top: 15px; width: 1260px; padding: 0 0 0 0; height: 110px;} #reserveContent #consoleLogos img {vertical-align: middle;} #reserveContent #consoleLogos #xboxConsole {margin: 35px 165px 0 145px; height: 37px; width: 219px; } #reserveContent #consoleLogos #playstationConsole {margin: 35px 220px 0 0; _margin: -10px 200px 0 0; height: 9px; width: 208px;} #reserveContent #consoleLogos #pspConsole {margin: 35px 0 0 0; height: 32px; width: 106px;} .reserveRule { height: 5px; width: 100%; margin: 25px 0 25px 0; background: url(../images/backgrounds/pressReleaseLineBg.gif) bottom left repeat-x; font-style: normal;}