/********************************************/ /*** Aion Game Page ***/ /********************************************/ /***** Top Aion Game Feature *****/ #storyFeature, #videosFeature, #screensFeature{width:960px; height:403px; position:absolute; top:-23px; left:10px;} #storyFeature p span, #videosFeature p span, #screensFeature p span{font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; font-style:italic; background:#000; color:#FFFFFF; padding:5px; line-height:1.5em;} #storyFeature p, #screensFeature p{padding-top:300px; padding-left:20px;} #featureSlider{height:380px;} /***** Game Feature Tabs *****/ ul#featureTabs{height:36px; width:960px; margin:0 auto; background:url(/global/includes/images/template_items/games/general/tab_top.jpg) top no-repeat; list-style:none; padding:11px 0;} ul#featureTabs li{display:inline;} ul#featureTabs li a{display:block; float:left; margin-right:2px;padding-top: 6px;width:150px; height: 30px;font: 20px GabrielSansMediumRegular;text-align: center;text-decoration: none;} ul#featureTabs li a#storyTab{background:url(/global/includes/images/template_items/games/general/tab_story.png) no-repeat;} ul#featureTabs li a#storyTab:hover{background-position:bottom;} ul#featureTabs li a#videosTab{background:url(/global/includes/images/template_items/games/general/tab_video.png) no-repeat;} ul#featureTabs li a#videosTab:hover{background-position:bottom;} ul#featureTabs li a#screensTab{padding-right: 16px;background:url(/global/includes/images/template_items/games/general/tab_screens.png) no-repeat; width:160px;} ul#featureTabs li a#screensTab:hover{background-position: 0 100%;} ul#featureTabs li a#officialTab{float:right; margin:0;padding-left: 31px; width: 225px; background:url(/global/includes/images/template_items/games/general/tab_official_game.png) no-repeat;} ul#featureTabs li a#officialTab:hover{background-position:bottom;} ul#featureTabs li a.activeTab{padding-top: 0 !important;padding-bottom: 6px !important;background-position: 0 50% !important;color: #000;} /***** General game page styles *****/ #contentBody{margin-top:15px;} #contentBody .contentBodyLeft{float:left; width:716px;} #contentBody .contentBodyRight{float:right; width:220px;} #gameTagline{text-align:left; width:715px;} #gameTagline h2{margin-top:0px; padding-top:0px;min-height:25px; font: 24px GabrielSansNormalRegular;color: #0AEEFF;} #gameTagline p{font-family:Georgia, "Times New Roman", Times, serif; font-size:17px; margin-bottom:0; padding-bottom:0; font-style:italic;} #gameFoot{height:120px; padding:0; width:960px; margin:0 auto; clear:both; position:relative;} #gameFoot .BuyButton, #gameFoot .playnowfree, #gameFoot .TrialButton{padding-top: 17px;display:block; height:40px; width:272px; position:absolute; top:32px;font: 20px GabrielSansMediumRegular;text-align: center;text-decoration: none;color: #000;background:url(/global/includes/images/template_items/buy_button.png) no-repeat} #gameFoot .playnowfree, #gameFoot .BuyButton{left:0px;} #gameFoot .TrialButton{right:0px;} #gameFoot .BuyButton:hover, #gameFoot .playnowfree:hover, #gameFoot .TrialButton:hover{color: #0AEEFF;background-position: 0 100%;} .esrb a{ text-decoration: none; } .esrb a img{ border: none; } /***** promo / right column *****/ #buyTry, #wpaperSlider{width:220px; height:189px; margin:0 0 25px 0; float:right;} #buyTry{float:right; text-indent:-9000px; position:relative;} #buyTry a.buyNow{width:110px; height:55px; position:absolute; top:0px; right:0px;} #buyTry a.buyNowSolo{width:220px; height:170px; position:absolute; top:0px; left:0px;} #buyTry a.freeTrial{width:110px; height:55px; position:absolute; top:65px; right:0px;} #buyTry a.buyNowGW{width:85px; height:45px; position:absolute; bottom:0px; left:0px;} #buyTry a.freeTrialGW{width:85px; height:45px; position:absolute; bottom:0px; left:88px;} /***** Left column sell sheet *****/ #sellPanels{width:716px; height:660px; margin:25px 0;} .panelNav{width:716px; height:0px; position:relative; z-index:100;} .panelNav .panelNavArrows {width:50px; position:absolute; top:38px; right:20px; z-index:100;} .panelNavArrows .nextPanel, .panelNavArrows .prevPanel{width:25px; height:25px; display:block; text-indent:-9999px; overflow:hidden; background:url(/global/includes/images/template_items/button_next.png) no-repeat; float:right;} .panelNavArrows .prevPanel{background:url(/global/includes/images/template_items/button_prev.png) no-repeat; float:left;} .panelNavArrows .nextPanel:hover, .panelNavArrows .prevPanel:hover{background-position:bottom center;} .panelNavDots{position:absolute; top:43px; right:77px; z-index:100;} .panelNavDots a{background:url(/global/includes/images/template_items/button_navigation_dots.png) no-repeat; display:block; float:left; height:15px; margin-right:5px; overflow:hidden; text-indent:-9999px; width:15px;} .panelNavDots a.activeSlide {background-position:-20px 0;} .panelNavDots a:hover {background-position:-40px 0;} .panelNavDots a.activeSlide:hover {background-position:-20px 0;} #sellPanels .panel{background:url(/global/includes/images/template_items/games/general/sell_bg.png) bottom no-repeat #333333; width:716px; float:left; text-align:left; position:relative; z-index:-2;} .cohGamePage .SellHead, .drGamePage .SellHead, .exteelGamePage .SellHead, .gwGamePage .SellHead, .lineage2GamePage .SellHead, .lineageGamePage .SellHead, .aionGamePage .SellHead {margin: 0; padding: 13px 0 0 12px;font: 18px GabrielSansNormalRegular;text-align: left;color: #0AEEFF;height:50px; background:url(/global/includes/images/template_items/games/aion/sell_heading_common.png) no-repeat;} #sellPanels div .leftCol{width:220px; float:left; margin:0 0 0 15px; display:inline;font-size: 12px} #sellPanels div .rightCol{margin:0; padding:0 0 20px 0; float:right; width:450px; display:inline;} #sellPanels div .rightCol .sellThumb{float:left;margin:0 20px 0 0;padding: 0; height:170px; display:inline;} #sellPanels div .rightCol .sellThumb h4{width:205px; margin:6px 0 25px 0; font-family:Arial, Helvetica, sans-serif; font-style:normal; font-size:13px;} #sellPanels div .leftCol p{line-height:1.5em; margin:0 0 15px 0;} #sellPanels div .rightCol .sellVideo{width:430px; height:242px; font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; font-style:italic; text-align:center; display:block; padding:0; clear:both; text-decoration:none; letter-spacing:1px; position:relative; top:1px;} #sellPanels div .rightCol .sellVideo span{position:relative; top:190px;} .sellPanelPlayButton {position: absolute;width: 83px;height: 83px;top: 80px;left: 172px;background: url(/global/includes/images/template_items/play_large.png) no-repeat;cursor: pointer} /***** Wallpaper Slider *****/ #wpaperSlider{height:auto;} .wpaperBody{background:url(/global/includes/images/template_items/games/general/wpaper_sliderbg.png) repeat-y; padding:10px 0 0 10px; height:505px; text-align:left;} .wpaperHead{background:url(/global/includes/images/template_items/games/general/wpaper_slider_top.png) no-repeat; height:40px;} .wpaperHead h3 {margin: 0; padding: 8px 0 0 14px;font: 20px GabrielSansMediumRegular;text-align: left;color: #000} .wpaperFoot{background:url(/global/includes/images/template_items/games/general/wpaper_slider_bottom.png) no-repeat; height:29px;} .sliderWallpaper{text-indent:0; margin:10px auto;} .slideUpArrow a, .slideDwnArrow a{display:block; text-indent:-9000px; height:17px; background:url(/global/includes/images/template_items/slider_down_arrow.png) no-repeat; width:200px; margin:auto;} .slideUpArrow a{background:url(/global/includes/images/template_items/slider_up_arrow.png) no-repeat;} .slideUpArrow a:hover, .slideDwnArrow a:hover{background-position:center;} #featureSlider div.activeFeature{display:block;} #walls{padding:0; margin:0; top:0px; position:relative; list-style:none;} #wpaperSlider .jcarousel-container .jcarousel-clip{height:450px;} #wpaperSlider .jcarousel-container .jcarousel-next {top:460px;} #walls .jcarousel-item {width:190px; height:140px; margin:0 0 10px 4px; position:relative} #walls .jcarousel-item div {margin:0; padding:2px 0 0 0; position:absolute; top:0px; right:0px; background:url(/global/includes/images/template_items/bg_black_trans_80.png); width:190px; height:138px;display: none} #walls .jcarousel-item div.three {padding-top:30px; height:110px;} #walls .jcarousel-item div.four {padding-top:15px; height:125px;} #walls .jcarousel-item div.five {padding-top:0px; height:140px;} #walls .jcarousel-item div a {text-decoration:none; display:block; padding-top:10px; text-align:center;} #screensFeature {margin: 25px 0 0 0;width: 960px;height: 383px;background: url(/global/includes/images/template_items/games/general/game_tab_bg.png) no-repeat; display:none;} #screensFeature .screensWrap {padding: 19px 0 0 19px;width: 922px;height: 345px} #imagePlaceHolder {background: url(/global/includes/images/template_items/games/general/screenshot_bg.jpg) no-repeat;width: 614px;height: 345px} #imagePlaceHolder, #screenshotSlider {float: left} #screenshotSlider {width: 308px !important;height: 345px;background: url(/global/includes/images/template_items/games/general/screens_thumb_bg.jpg) no-repeat;margin: 0;padding: 13px 0 0 0} #screensFeature .jcarousel-clip {margin-left: 6px} #screensFeature .jcarousel-container {margin-left: 15px;width:300px; position:relative;height: 320px} #screensFeature .jcarousel-container .jcarousel-clip{margin-top: 4px;height: 270px;overflow: hidden;position: relative} #screensFeature .jcarousel-container .jcarousel-next, #screensFeature .jcarousel-container .jcarousel-prev{height:17px; cursor:pointer;} #screensFeature .jcarousel-container .jcarousel-next {background: url(/global/includes/images/template_items/slider_down_arrow_wide.png) no-repeat;position: relative;top: 286px;z-index: 999} #screensFeature .jcarousel-container .jcarousel-prev {background: url(/global/includes/images/template_items/slider_up_arrow_wide.png) no-repeat;z-index: 999} #screensFeature .jcarousel-container .jcarousel-next, #screensFeature .jcarousel-container .jcarousel-prev{margin: 0 0 0 5px;padding: 0;width: 267px;background-position: bottom} #screensFeature .jcarousel-container .jcarousel-next:hover, #screensFeature .jcarousel-container .jcarousel-prev:hover{background-position: center} #screensFeature .jcarousel-container .jcarousel-prev-disabled,#screensFeature .jcarousel-container .jcarousel-next-disabled{background-position: top} #screensFeature .jcarousel-container .jcarousel-prev-disabled:hover,#screensFeature .jcarousel-container .jcarousel-next-disabled:hover {background-position: top} #screensSlider {padding:0; margin:0; top:0px; position:relative; list-style:none} #screensSlider .jcarousel-item {margin-bottom: 16px;width:300px; height:75px; float:left} #screensSlider .jcarousel-item img {margin:0 15px 0 0;width:125px; height:75px; position:relative; float:left;cursor: pointer} #videosFeature {margin-top: 25px;width: 960px;height: 383px;background: url(/global/includes/images/template_items/games/general/game_tab_bg.png) no-repeat;font-family: Arial, Helvetica, sans-serif;z-index: 999; display:none;} #videosFeature .gameVideoRight {background: url(/global/includes/images/template_items/games/general/video_thumb_bg.jpg) no-repeat;} #videosFeature .gameWrap {padding: 19px 0 0 19px;width: 922px;height: 345px} #videosFeature .gameVideoRight {float: right;width: 308px;height: 345px;} #videosFeature .gameVideoLeft {position: relative;width: 614px;height: 345px} .videoTabPlayButton {position: absolute;width: 83px;height: 83px;top: 130px;left: 265px;background: url(/global/includes/images/template_items/play_large.png) no-repeat;cursor: pointer} #player {cursor: pointer;height: 345px;width: 614px} #videosFeature h3 {margin: 0 0 0 20px;color: #0aeeff;font-family: Georgia, "Times New Roman", Times, serif;font-size: 18px;font-weight: normal;font-style: italic} #videosFeature p.videoLength {margin: 5px 0 0 20px;color: #fff;font-family: Georgia, "Times New Roman", Times, serif} #videosFeature p.videoDescription {height: 90px;margin: 10px 15px 0 20px;color: #b3b3b3;overflow: hidden} /***** Video Dowload Section *****/ #videosFeature ul.videoDownload {margin: 0;padding: 0;list-style-type: none;position: absolute;bottom: 25px;left: 20px} #videosFeature ul.videoDownload li {margin: 0 15px 0 0;padding: 0;display: inline;color: #b3b3b3} #videosFeature ul.videoDownload li.heading {color: #0aeeff} #videosFeature ul.videoDownload li.wmv {} #videosFeature ul.videoDownload li.mov {} #videosFeature ul.videoDownload li a {margin: 0 7px 0 0;padding: 3px 0 3px 23px;text-decoration: none;color: #b3b3b3} #videosFeature ul.videoDownload li a.wmv {background: url(/global/includes/images/template_items/games/general/wmv_icon.jpg) no-repeat center left} #videosFeature ul.videoDownload li a.mov {background: url(/global/includes/images/template_items/games/general/mov_icon.jpg) no-repeat center left} #videosFeature ul.videoDownload li a:hover {color: #0AEEFF} /***** Bottom Section *****/ #videosFeature h4 {margin: 0 0 0 20px;padding: 0;font-size: 12px;font-family: Arial, Helvetica, sans-serif;color: #0aeeff;font-weight: normal;font-style: normal} #videosFeature #thumbnailContainer {width: 270px;height: 100px;margin: 15px 0 0 20px;overflow: hidden;border: 1px solid red} #videosFeature .videoThumbnail {margin:0;padding: 0; width: 123px} #videosFeature .videoThumbnail span {margin-top: 2px;display: block;font-size: 11px} #videosFeature .videoThumbnail a {color: #fff;font-size: 12px;text-decoration: none;border: none} /***** Thumbnail Navigation *****/ .videoThumbnail a.playing img {opacity: .3} #groupVideoThumbnails {margin: 15px 0 0 21px;z-index: 999;width: 280px;height: 130px} #videoNavigation .videoNavArrows {width:34px; position:absolute; top:220px; right:42px; z-index:100;} #videoNavigation .videoNavArrows .nextPanelVid {width:17px; height:17px; display:block;text-indent: -9999px;overflow: hidden;background: url(/global/includes/images/template_items/button_next_small.png) no-repeat;float: right} #videoNavigation .videoNavArrows .prevPanelVid {width: 17px;height: 17px;display: block;text-indent: -9999px;overflow: hidden;background: url(/global/includes/images/template_items/button_prev_small.png) no-repeat;float: left} #videoNavigation .videoNavArrows .nextPanelVid:hover, #videoNavigation .videoNavArrows .prevPanelVid:hover {background-position: bottom} #videoNavigation .videoNavDots{position:absolute; top: 223px; right:82px; z-index:100;} #videoNavigation .videoNavDots a{background:url(/global/includes/images/template_items/button_navigation_dots_small.png) no-repeat center 0; display:block; float:left; height:10px; margin-right:5px; overflow:hidden; text-indent:-9999px; width:10px;} #videoNavigation .videoNavDots a:hover {background-position: right 0} #videoNavigation .videoNavDots a.activeSlide {background-position: left 0} #videoNavigation .videoNavDots a.activeSlide:hover {background-position: left 0} #groupVideoThumbnails .thumbnailContainer {width: 265px !important;height: 110px !important} #groupVideoThumbnails .thumbnailContainer .videoThumbnail {position: absolute;top: 0; right:0;} #groupVideoThumbnails .thumbnailContainer .firstThumb {position: absolute;top: 0; left:0; } #groupVideoThumbnails .videoThumbnail a:hover {color: #0AEEFF} .videoText {height: 187px; position: relative;margin: 15px 0 0 0} .newsItem ul {display: none}