body {margin: 0px 0px 100px 0px; background:#000000; font-family: Tahoma, "Times New Roman"} td {background:#000000; font-size: 10pt} div.clear {clear: both; height: 0px; font-size: 0px; border: none; margin: -1px 0px 0px 0px; padding: 0px 0px 0px 0px;} /*clears any floating divs*/ .sitebackground_homepageheader {background: #000000 url('../images/common/backgrounds/bodybg-homepageheader.jpg') no-repeat center -32px;} /*div that will be used for the image at the back of the three col page */ /*.sitebackground_normalheader {background: #000000 url('../images/common/backgrounds/bodybg-normalheader.jpg') no-repeat center top;}*/ /*div that will be used for the image at the back of the two col page */ .globalnav {width: 922px; height: 32px; margin: 0 auto;} /* navbar that sits at the top of every page */ .globalnav .flags {float:left; margin: 3px 0px 0px 65px} /* all the flags that are on the left of the navbar*/ .globalnav .flags2 {width:850px; height: 34px; margin: 0 auto; text-align: center;} /* all the flags that are on the left of the navbar*/ .globalnav .flags2 #headerswf {} /* all the flags that are on the left of the navbar*/ .globalnav .flags a, a:hover {text-decoration: none;} .legalline {color: #ffffff; width: 958px; margin: 10px auto 0px auto; font-size: 0.6em; text-align: center;} /*the legal line of the site*/ .legalline .sega {text-decoration: none; border: 0px;} .legalline .logotable { margin-top: 10px; width: 100%; } .legalline .games-for-windows { margin: 20px auto; background: url('../images/common/GAW_logo.jpg') no-repeat center center; height: 49px; width: 252px; } .screenshotholder {height: 277px} .footer_threecol {width: 988px; height: 34px; background:#000000 url('../images/common/dividers/footer_threecol.jpg') no-repeat left top;} /* footer of the page */ .footer_twocol {width: 988px; height: 34px; background:#000000 url('../images/common/dividers/footer_threecol.jpg') no-repeat left top; margin: 0 auto; margin-left: 1px;} /* footer of the page */ .sitewrapper {width:960px; margin: 0 auto;} /* class that "wraps" the page content */ .sitewrapper .homepageheader {width: 958px; height: 461px; overflow: hidden;} /* unique header for the homepage */ .sitewrapper .homepageheader #mainflash {width: 900px; height: 460px; margin: 2px 0px 0px 30px; color: #ffffff; text-align: center;} /* unique header for the homepage */ .sitewrapper .normalheader {width: 958px; height: 164px;} /* unique header for the homepage */ .sitewrapper .middlebar_homepageheader {width: 958px; height: 53px; background:#000000 url('../images/common/dividers/middlebar_homepageheader.jpg') no-repeat;} /* middle bar for the homepageheader */ .sitewrapper .middlebar_normalheader {width: 964px; height: 55px; background:#000000 url('../images/common/dividers/middlebar_normalheader.jpg') no-repeat top; margin-left: -2px;} /* middle bar for the normalheader */ .empirebody_threecol {background: transparent url('../images/common/backgrounds/mega_bg.jpg') repeat-y; width: 958px;} .empirebody_twocol, .empirebody_gameinfo {background: transparent url('../images/common/backgrounds/mega_bg.jpg') repeat-y; width: 958px; margin-left: 1px;} .leftnav {width: 256px; float: left;} .leftnav .leftnavcontent {margin: 10px auto 0px auto; width: 220px} .maincontent_threecol {width: 464px; float: left; margin-top: 10px;} .maincontent_twocol {width: 675px; float: left; margin-top: 10px;} .maincontent_gameinfo {width: 689px; float: left; padding-top: 10px; background: #003d53 url('../images/content_bg_gameinfo.jpg') no-repeat bottom right;} .rightnav {width: 230px; float: left; margin-top: 10px} /* .bottomnavflorish {width: 200px; height: 56px; background: url('../images/common/nav/bottom_nav_florish1.png') no-repeat center; margin: 0 auto;} */ /* for displaying a navbar florish */ .bottomnavflorish {width: 200px; height: 56px; background: no-repeat center; margin: 0 auto;} /* for displaying a navbar florish */ /* STYLING FOR FEED ITEMS */ .feed {width: 205px; margin: 0 0 0 5px} .feed ul {list-style: none; margin-left: 5px; padding-left: 1em; text-indent: -1em; } .feed ul li .bullet {color: #247ca0; font-weight: bold;} .feed ul li {margin: 5px 0px 5px 0px} .feed ul li a {color: #eaebeb; font-size: 0.8em; text-decoration: none;} .feed ul li a:hover {color:#78a7b7;} .feed .feed-item {padding-bottom: 5px; padding-left: 10px;} .feed .bullet {color: #247ca0; font-weight: bold;} .feed a {color: #eaebeb; font-size: 0.8em; text-decoration: none;} .feed a:hover {color:#78a7b7; font-size: 0.8em;} .support { width: 185px; padding: 5px; margin-left: 10px; color: #FFFFFF; font-size: 0.8em; text-align: center; } /* END OF STYLING FOR FEED ITEMS */ a {color: #78A7B7; text-decoration: none; font-size: 0.9em} /*generic style for an anchor tag that is in the main body*/ a:hover {text-decoration: underline; font-weight: normal;} /*generic style for an anchor tag that is in the main body*/ div.loadingajax{background: url('../images/common/ajax-loader.gif') no-repeat center;} /* ajax loading div */ /* NEWS ITEM */ .newsitem { padding: 0px 10px 0px 10px} .newsitem .date {color: #eaebeb; font-weight: bold; font-size: 0.7em} .newsitem .headline {color: #247ca0; font-size: 0.8em; margin: 2px 0px 9px 0px; font-weight: bold;} .newsitem .headline a:link, .newsitem .headline a:hover {font-weight: bold;} .newsitem .summary {color: #eaebeb; font-size: 0.8em;} .newsitem .borderbottom, .campaigns-text-item-cnt .borderbottom {background: url('../images/common/dividers/news_div.gif') no-repeat center; height: 9px; width: 217px; margin: 0 auto; padding: 10px 0px 10px 0px } /*END OF NEWS ITEM*/ /* SCREENSHOT ITEM */ .screenshotItem {float: left; position: relative; width: 66px; height: 53px; color: #333333; text-align: left; text-decoration: none; overflow: hidden; margin: 0px 1px 0px 1px} .screenshotItem .image {border: 1px solid #000000; width: 64px; height: 49px; overflow: hidden; margin: 0px 0px 0px 0px} .screenshotItem a {font-size: 8pt; font-weight: bold; color: #767676; margin: 0px; text-decoration: none; cursor: pointer;} /* END OF SCREENSHOT ITEM */ /** SCREENSHOT OPTIONS */ .screenshotHeading {width: 500px; height: 40px; margin: 20px auto 10px auto;} .screenshotHeading .leftflorish {width: 77px; height: 40px; background: url('../images/common/backgrounds/florish_left_screenshots.png') no-repeat center; float: left;} .screenshotHeading .rightflorish {width: 77px; height: 40px; background: url('../images/common/backgrounds/florish_right_screenshots.png') no-repeat center; float: left;} /** END OF SCREENSHOT OPTIONS */ /** START OF HEADING BUTTONS */ .headingoptioncontainer {width: 113px; height: 37px; float: left; background: url('../images/common/buttons/button.gif') no-repeat center; text-align: center; font-size: 0.7em; font-weight: bold; text-transform: uppercase} .headingoptioncontainer a {display: block; width: 113px; height: 29px; cursor: pointer; padding-top: 10px; color: #EAEBEB; font-weight: bold} .headingoptioncontainer:hover {font-weight: bold; text-decoration: underline; } .headingoptioncontainer a:hover {text-decoration: underline; font-weight: bold} .null-headingoptioncontainer {width: 113px; height: 37px; float: left; background: url('../images/common/buttons/button.gif') no-repeat top; text-align: center; font-size: 0.8em; padding-top: 9px; color: #CFCFCF; margin: 2px 0 0 0} .headingoptionsmallcontainer {width: 113px; height: 37px; float: left; background: url('../images/common/buttons/button.gif') no-repeat center; text-align: center; font-size: 0.8em; font-weight: bold} .headingoptionsmallcontainer a {display: block; width: 117px; height: 23px; cursor: pointer; padding-top: 12px; color: #EAEBEB; font-weight: bold} .headingoptionsmallcontainer:hover {font-weight: bold; text-decoration: underline; } .headingoptionsmallcontainer a:hover {text-decoration: underline; font-weight: bold} .null-headingoptionsmallcontainer {width: 113px; height: 27px; float: left; background: url('../images/common/buttons/button.gif') no-repeat top; text-align: center; font-size: 0.8em; color: #888888; padding-top: 10px} .headingunitoptioncontainer {width: 120px; height: 39px; float: left; background: url('../images/common/buttons/button_screenshot.jpg') no-repeat center; text-align: center; font-size: 0.8em; font-weight: bold} .headingunitoptioncontainer a {display: block; width: 120px; height: 29px; cursor: pointer; padding-top: 10px; color: #eebb5f; font-weight: bold} .headingunitoptioncontainer:hover {font-weight: bold; text-decoration: underline; } .headingunitoptioncontainer a:hover {text-decoration: underline; font-weight: bold} .null-unitheadingoptioncontainer {width: 120px; height: 39px; float: left; background: url('../images/common/buttons/button.gif') no-repeat top; text-align: center; font-size: 0.8em; padding-top: 9px; color: #888888} .heading-general-container { width: 120px; height: 39px; float: left; background: url('../images/common/buttons/button.gif') no-repeat left; text-align: center; font-size: 12px; font-weight: bold; } .heading-general-container a {display: block; width: 120px; height: 39px; cursor: pointer; padding-top: 10px; color: #FFF; font-weight: bold} .heading-general-container:hover {font-weight: bold; text-decoration: underline; } .heading-general-container a:hover {text-decoration: underline; font-weight: bold} /** END OF HEADING BUTTONS */ /** SCREENSHOT BODY */ .screenshottop {width: 510px; height: 5px; margin: 0 auto; background: url('../images/common/backgrounds/screenshots_bg-top.jpg') no-repeat bottom; padding: 0px;} /* top of the screen shot viewer */ .screenshotmain {width: 510px; margin: 0px auto; background: url('../images/common/backgrounds/screenshots_bg-mid.jpg') repeat-y center; padding: 0px} /* main body of the screen shot viewer */ .screenshotmain .house {padding: 0; margin: 0px 0px 0px 4px; width: 500px; min-height: 276px} /* div that houses the selected screenshot */ .screenshotbottom {width: 510px; height: 6px; margin: 0 auto; background: url('../images/common/backgrounds/screenshots_bg-bottom.jpg') no-repeat top; padding: 0px } /* bottom of the screen shot viewer */ .screenshotthumbsbody {width: 560px; height: 172px; background: url('../images/common/backgrounds/screensshots_thumbs_bg.jpg') no-repeat center top; margin: 10px auto;} .screenshotthumbsbody .content {padding: 9px 5px 5px 9px; height: 162px;} .screenshotsviewercontent {padding: 5px} .screenshotHeading .screenshottypebutton {width: 126px; height: 39px; position: relative;} .screenshotHeading .screenshottypebutton .click {display: block; cursor: pointer; background: url('../images/common/buttons/button_screenshot.jpg') no-repeat center; position: absolute; width: 126px; height: 39px;} .screenshotHeading .screenshottypebutton .click .t {margin: 5px auto 5px auto; color: white; text-align: center;} /** END OF SCREENSHOT BODY */ .factionsHeading {margin: 0px auto 10px auto; float: left; width: 694px; } /** DOWNLOADS HEADING **/ .factionsHeading .centerwrap {margin: 0 auto;} /** makes sure that the elements are centred within the header **/ /** DOWNLOADS **/ .downloadHeading {margin: 0px auto 10px auto; width: 694px; height: 146px; background: url('../images/common/backgrounds/golden_florish.gif') no-repeat center; } /** DOWNLOADS HEADING **/ .downloadHeading .centerwrap {margin: 0 auto;} /** makes sure that the elements are centred within the header **/ .downloadsmainbody {margin: 0px auto 0 auto; background: url('../images/common/backgrounds/downloads-bg.gif') no-repeat center top; width:603px; height:461px; overflow: hidden;} /* background for the downloads to be displayed on */ .downloadsmainbody .content {margin: 40px auto 0px auto; width: 565px;} /* where the downloads are actually rendered */ .unitsmainbody {margin: 0px auto 0 auto; width:603px; overflow: hidden;} /* background for the downloads to be displayed on */ .unitsmainbody .content {margin: 0px; width: 565px; color: #FFF} /* where the downloads are actually rendered */ .eliteunitsmainbody {margin: 0px auto 0 auto; width:603px; overflow: hidden;} /* background for the downloads to be displayed on */ .eliteunitsmainbody .content {margin: 0px; width: 565px; color: #FFF; font-size: 0.8em;} /* where the downloads are actually rendered */ .eliteunitsthickbox { background-color:#1c1b19; display:none; } .TB_modal { color: #ffffff; font-size:1.2em; } .TB_modal h3 { color: #247CA0; font-size:16px; } .TB_modal b { color: #ceab36; } .TB_modal .prev_next { height:50px; background-color:#000; } .TB_modal .prev_next .last { background: url('../images/lightbox/prev.gif') no-repeat top left; float:left; margin-left:50px; height:50px; width:131px; } .TB_modal .prev_next .next { background: url('../images/lightbox/next.gif') no-repeat top left; float:right; height:50px; width:85px; } .TB_modal .prev_next .last, .TB_modal .prev_next .next, .TB_modal .prev_next .last:hover, .TB_modal .prev_next .next:hover { text-decoration: none; } .flash-unit-bg { padding-top: 20px; padding-left: 35px; background: url('../images/common/backgrounds/flash_unit_bg.gif') no-repeat center top; width:310px; height:351px; } .image-unit-bg { padding-top: 24px; padding-left: 41px; background: url('../images/common/backgrounds/image_unit_bg.gif') no-repeat center top; width:347px; height:344px; } .unit-title {padding-bottom: 10px;} .unit-text {padding-bottom: 20px;} .unit-file {width: 100%; padding-bottom: 10px;} .unit-file-content { width: 310px; padding-left: 120px; } .unit-title .headline {color: #247ca0; font-size: 1.2em; margin: 9px 0px 9px 0px;} .unit-text .summary {color: #ffffff; font-size: 0.8em;} .downloadCatHeading {color: #ffffff; font-weight: bold; padding: 10px 0px 10px 15px;} /** generic heading for download categories */ .downloadnow {background: url('../images/common/buttons/button_arrow_download.gif') no-repeat center left; height: 23px; padding: 0px 0px 0px 30px; margin: 0px 0px 15px 0px;} /** generic heading for download categories */ /** DOWNLOAD ITEMS - MAIN = Any that is actually being downloaded **/ .content .downloadItem_main {color: #ffffff; padding: 15px 20px 15px 20px} .content .downloadItem_main .image {float: left; border: 1px solid #ffffff;} .content .downloadItem_main .textcontent {float: left; margin-left: 20px; font-size: 0.9em; width: 335px;} .content .downloadItem_main .textcontent_noimage {float: left; margin-left: 20px; font-size: 0.9em;} .content .downloadItem_main .textcontent .title {font-weight: bold;} .content .downloadItem_main .textcontent .filesize {color: gray;} .content .downloadItem_main .textcontent .spec {margin: 10px 0px 10px 0px} .content .downloadItem_main .textcontent .spec .header {color: #B46F12;} .content .downloadItem_main .textcontent .spec .body {} /** END OF DOWNLOAD ITEMS - MAIN = Any that is actually being downloaded **/ /** DOWNLOAD ITEMS - ID: 15 = Screensavers **/ .downloadItem_15 {float: left; width: 152px; height: 130px; color: #333333; overflow: hidden; margin: 0px 15px 0px 15px; text-align: center;} .downloadItem_15 .image {border: 1px solid #000000; width: 150px; height: 83px; overflow: hidden; margin: 0px 0px 0px 0px} .downloadItem_15 .title {color: #FFFFFF; margin: 3px auto 0px auto; font-size: 0.7em; font-weight: bold;} .downloadItem_15 a {font-size: 0.6em; color: #B99049; margin: 0px 0px 0px 0px; text-decoration: underline;} .downloadItem_15 a:hover {font-weight: bold;} /** END OF DOWNLOAD ITEMS - ID: 15 = Screensavers **/ /** DOWNLOAD ITEMS - ID: 19 = Wallpapers **/ .downloadItem_19 {float: left; width: 152px; height: 130px; color: #333333; overflow: hidden; margin: 0px 15px 0px 15px; text-align: center;} .downloadItem_19 .image {border: 1px solid #000000; width: 150px; height: 83px; overflow: hidden; margin: 0px 0px 0px 0px} .downloadItem_19 .title {color: #FFFFFF; margin: 3px auto 0px auto; font-size: 0.7em; font-weight: bold;} .downloadItem_19 a {font-size: 0.6em; color: #B99049; margin: 0px 0px 0px 0px; text-decoration: underline;} .downloadItem_19 a:hover {font-weight: bold;} /** END OF DOWNLOAD ITEMS - ID: 19 = Wallpapers **/ /** DOWNLOAD ITEMS - ID: 21 = IM Icons **/ .downloadItem_21 {float: left; width: 152px; height: 190px; color: #333333; overflow: hidden; margin: 0px 15px 0px 15px; text-align: center;} .downloadItem_21 .image {border: 1px solid #000000; width: 150px; height: 150px; overflow: hidden; margin: 0px 0px 0px 0px} .downloadItem_21 .title {color: #FFFFFF; margin: 3px auto 0px auto; font-size: 0.7em; font-weight: bold;} .downloadItem_21 a {font-size: 0.6em; color: #B99049; margin: 0px 0px 0px 0px; text-decoration: underline;} .downloadItem_21 a:hover {font-weight: bold;} /** END OF DOWNLOAD ITEMS - ID: 21 = IM Icons **/ /** DOWNLOAD ITEMS - ID: 22 = Podcasts **/ .downloadItem_22 {float: left; width: 520px; color: #333333; text-align: left; overflow: hidden; margin: 0px 15px 5px 15px;} .downloadItem_22 .image {float: left; width: 150px; height: 168px; border: 1px solid #ffffff;} .downloadItem_22 .content {float: left; width: 300px; margin: 0px 0px 0px 5px} .downloadItem_22 .content .title {color: #ffffff; font-weight: bold; font-size: 0.9em; margin: 0px 0px 15px 0px} .downloadItem_22 .content .description {color: #ffffff;font-size: 0.9em; margin: 0px 0px 10px 0px} /** END OF DOWNLOAD ITEMS - ID: 22 = Podcasts **/ /** DOWNLOAD ITEMS - ID: 23 = Tools and Mods **/ .downloadItem_23 {float: left; width: 520px; color: #333333; text-align: left; overflow: hidden; margin: 0px 15px 20px 15px;} .downloadItem_23 .title {color: #ffffff; font-weight: bold; font-size: 0.9em; margin: 0px 0px 15px 0px} .downloadItem_23 .description {color: #ffffff;font-size: 0.9em; margin: 0px 0px 10px 0px} /** END OF DOWNLOAD ITEMS - ID: 23 = Tools and Mods **/ /** END OF DOWNLOADS **/ /** START OF FEATUERS FLASH WRAPPER STYLING **/ .features {height: 875px; width: 685px; margin-top: 2px} .features #bodyflash {text-align: center;} /** END OF FEATURES FLASH WRAPPER STYLING **/ /** START OF SYNOPSIS FLASH WRAPPER STYLING **/ .synopis {height: 875px; width: 685px; margin-top: 2px} .synopis #bodyflash {text-align: center;} /** END OF SYNOPSIS FLASH WRAPPER STYLING **/ /** START OF VIDEOS FLASH WRAPPER STYLING **/ .videos {padding: 0px 0px 0px 35px} .videos #bodyflash {height: 800px; width: 600px; padding: 0; color: #ffffff;} /* unique header for the homepage */ /** END OF VIDEOS FLASH WRAPPER STYLING **/ /** START OF PAGINATION STYLING **/ .pagination {margin: 0 auto;} .pagination .pag_next {float: right; width: 130px; height: 40px; background: url('../images/common/buttons/button_next.gif') no-repeat center; text-align: center; font-size: 1.0em; display: none;} .pagination .pag_next a {display: block; width: 115px; height: 30px; cursor: pointer; padding: 10px 15px 0px 0px; color: #FFFFFF; text-decoration: none;} .pagination .pag_next:hover {font-weight: bold;} .pagination .pag_next a:hover {} .pagination .pag_previous {float: left; width: 130px; height: 40px; background: url('../images/common/buttons/button_previous.gif') no-repeat center; text-align: center; font-size: 1.0em; display: none;} .pagination .pag_previous a {display: block; width: 115px; height: 30px; cursor: pointer; padding: 10px 0px 0px 15px; color: #FFFFFF; text-decoration: none;} .pagination .pag_previous:hover {font-weight: bold;} .pagination .pag_previous a:hover {} /** START OF PAGINATION STYLING **/ /**ESRB RATING INFORMATION**/ .ratingcell {vertical-align: top;} .innerratingcell {vertical-align: top; height: 56px; border: 0px solid #FFFFFF; font-size: 1pt} .innerratingcell img {border: none} .innerratingcellESRB {vertical-align: top; height: 56px; border: 0px solid #FFFFFF; font-size: 1pt; background: yellow;} .innerratingcellESRB img {border: 2px solid #FFFFFF} .copyrightcell {vertical-align: top;} .ratingsComments {width: 170px; height: 56px; border: 2px solid #FFFFFF; border-left: 0px; text-align: left; padding: 1px 3px 0px 3px; font-size: 7.5pt; font-weight: bold; background: #000000; vertical-align: top;} /**END OFESRB RATING INFORMATION**/ div.fullbox { padding-bottom:4px; font-size: 0.8em; } div.lightblue2 { padding: 3px; width: 565px; margin-top: 7px; height: 38px; background: #000000 url(../images/common/backgrounds/fansite_heading_w575px.gif) no-repeat center top } .gwnumresults { float:left; width:300px; height:19px; padding-top:8px; text-align:left; margin-left:27px; font-weight:bold; } .gwpagination { float:right; margin-right:27px; text-align:right; padding-top: 5px; width: 170px; } .paginated { float: left; } .paginated img { display:inline; padding: 0px; margin: 0px; } .heading { width: 200px; } form { padding: 0px; margin: 0px; } .previouspage { float: left; padding-right: 10px; padding-top: 3px; } .nextpage { float: right; padding-left: 10px; padding-top: 3px; } .affiliate-text-white { color: #247CA0; font-weight: bold; padding-top: 10px; padding-bottom: 10px; } .affiliate-container { font-size: 12px; padding-top: 20px; color: #ffffff; } .affiliate-list-option { padding-top: 0px; padding-bottom: 0px; margin-top: 0px; margin-bottom: 0px; } div.internal { padding:15px; } /*fansite details*/ .fsfeaturedthumb { width: 212px; height: 140px; margin-left: 7px; margin-top: 6px; } .fsdetails { padding:15px 5px 15px 5px; text-align:left; background: url(../images/common/dividers/news_div.gif) no-repeat bottom center; width: 100%; padding-bottom: 30px; } .fsdetailslast { padding:15px 5px 0px 5px; text-align:left; width: 100%;} .fsdetails .fsimage { width: 234px; height: 167px; float: left; padding-right: 10px; background: url(../images/common/backgrounds/fansite_goldframe.gif) no-repeat; } .fsdetails .fscontent { width: 290px; float: left; overflow: hidden; } .fsdetails .affiliate_fscontent { width: 550px; float: left; overflow: hidden; } .fsdetailslast .fsimage { width: 234px; height: 167px; float: left; padding-right: 10px; background: url(../images/common/backgrounds/fansite_goldframe.gif) no-repeat; } .fsdetailslast .fscontent { width: 290px; float: left; overflow: hidden; } .fsdetailslast .affiliate_fscontent { width: 550px; float: left; overflow: hidden; } .fsimage-2 { float: left; padding-top: 13px; padding-left: 15px; overflow: hidden; width: 204px; height: 140px; } table.fansiteElement { height: 100px; } table.fansiteElement .fsleft { width:120px; vertical-align:top; color: #6a5414; padding-right: 5px;} table.fansiteElement .fsright { width:240px; vertical-align:top; } table.affiliateFansiteElement { height: 100px; } table.affiliateFansiteElement .fsleft { width:140px; vertical-align:top; color: #6a5414; padding-right: 5px;} table.affiliateFansiteElement .fsright { width:440px; vertical-align:top;} .fansitelinkcolor, .fansitelinkcolor:hover, .fansitelinkcolor:visited { color: #97590c; font-weight: bold; } .fansitelinkcolor2, .fansitelinkcolor2:hover, .fansitelinkcolor2:visited { color: #edbd53; font-weight: bold; } .fansitedatecolor { color: #97590c; } /*ratings stars*/ .orangestar_on {float: left; background: url(../images/fanStarOrange.gif) no-repeat; width: 17px; height: 16px; cursor: pointer;} .orangestar_half {float: left; background: url(../images/fanStarOrange-half.gif) no-repeat; width: 17px; height: 16px; cursor: pointer} .goldstar_on {float: left; background: url(../images/fanStarGold.gif) no-repeat; width: 17px; height: 16px; } .goldstar_half {float: left; background: url(../images/fanStarGold-half.gif) no-repeat; width: 17px; height: 16px} .star_off {float: left; background: url(../images/fanStarGray.gif) no-repeat; width: 17px; height: 16px;} .star_offpointer {float: left; background: url(../images/fanStarGray.gif) no-repeat; width: 17px; height: 16px; cursor: pointer} .clickstar {float: left; background: url(../images/fanStarClick.gif) no-repeat; width: 17px; height: 17px;} .clickstarpointer {float: left; background: url(../images/fanStarClick.gif) no-repeat; width: 17px; height: 17px; cursor: pointer} .startip-tip {color: #000; width: 120px; z-index: 13000} .startip-title {display: none} .startip-text {padding: 7px 7px 7px 7px; background: #FFEBE8; border: 1px solid #DD3C10; } .goldstarFeature_on {float: left; background: url(../images/fanStarGold_bluebg.gif) no-repeat; width: 17px; height: 16px; } .goldstarFeature_half {float: left; background: url(../images/fanStarGold_half_bluebg.gif) no-repeat; width: 17px; height: 16px} .starFeature_off {float: left; background: url(../images/fanStarGray_bluebg.gif) no-repeat; width: 17px; height: 16px;} /*end of ratings stars*/ div.halfbox { padding-bottom:4px; width:385px; float:left; font-size: 0.8em; } .info2, .error2 { font-size: 0.8em; font-weight: bold; color: red; } /*ratings stars*/ .orangestar_on {float: left; background: url(../images/fanStarOrange.gif) no-repeat; width: 17px; height: 16px; cursor: pointer;} .orangestar_half {float: left; background: url(../images/fanStarOrange-half.gif) no-repeat; width: 17px; height: 16px; cursor: pointer} .goldstar_on {float: left; background: url(../images/fanStarGold.gif) no-repeat; width: 17px; height: 16px; } .goldstar_half {float: left; background: url(../images/fanStarGold-half.gif) no-repeat; width: 17px; height: 16px} .star_off {float: left; background: url(../images/fanStarGray.gif) no-repeat; width: 17px; height: 16px;} .star_offpointer {float: left; background: url(../images/fanStarGray.gif) no-repeat; width: 17px; height: 16px; cursor: pointer} .clickstar {float: left; background: url(../images/fanStarClick.gif) no-repeat; width: 17px; height: 17px;} .clickstarpointer {float: left; background: url(../images/fanStarClick.gif) no-repeat; width: 17px; height: 17px; cursor: pointer} .startip-tip {color: #000; width: 120px; z-index: 13000} .startip-title {display: none} .startip-text {padding: 7px 7px 7px 7px; background: #FFEBE8; border: 1px solid #DD3C10; } .goldstarFeature_on {float: left; background: url(../images/fanStarGold_bluebg.gif) no-repeat; width: 17px; height: 16px; } .goldstarFeature_half {float: left; background: url(../images/fanStarGold_half_bluebg.gif) no-repeat; width: 17px; height: 16px} .starFeature_off {float: left; background: url(../images/fanStarGray_bluebg.gif) no-repeat; width: 17px; height: 16px;} /*end of ratings stars*/ .fsright .clickToRate { color: #868686 } table.fssubmitnew {} table.fssubmitnew .fsleft { text-align: right; padding-right: 5px; } table.fssubmitnew .fslefterror { font-weight: bold; text-align: right; padding-right: 5px; } /*end of fansite details*/ .competition_link { color: #f0bd8e; font-size: 12px; font-weight: bold; } .competition_link:hover, .competition_link:visited { color: #f0bd8e; font-size: 12px; font-weight: bold; } .htext { color: #247CA0; font-weight: bold; } .competitions-container { float: left; width: 100%; font-size: 0.8em; color: #ffffff; } .preorder-container { float: left; width: 100%; } .preorder-left { float: left; width: 270px; } .preorder-right { float: right; width: 270px; } .preorder-button1 { float: left; background: url(../images/common/backgrounds/preorder_box_plaquev2.jpg) no-repeat; width: 256px; height: 72px; } .preorder-button2 { float: left; background: url(../images/add-ons/steam.jpg) no-repeat; width: 302px; height: 79px; padding: 10px 0 0 0; } .preorder-button3 { float: left; background: url(../images/common/backgrounds/preorder_box_header2_256px.jpg) no-repeat; width: 256px; height: 30px; } .preorder-button4, .preorder-button4b { float: left; background: url(../images/common/backgrounds/preorder_box_buttons_new.jpg) no-repeat; width: 226px; height: 47px; margin-left: 15px; margin-top: 15px; margin-bottom: 10px; } .preorder-button3 .preorder-text { color: #EAEBEB; padding-top: 4px; text-align: center; } .preorder-button2 .preorder-text a, .preorder-button2 .preorder-text a:hover, .preorder-button2 .preorder-text a:visited { color: #FFF; font-weight: bold; } .preorder_box_bg { float: left; background: url(../images/common/backgrounds/preorder_box_bg_256px.jpg) repeat-y; width: 190px; } .preorder_box_bg2 { float: left; background: url(../images/common/backgrounds/preorder_box_bg_256px.jpg) repeat-y; width: 260px; } .preorder_box_retailer { padding-bottom: 5px; } .preorder-list-right li, .preorder-list-top li { padding-bottom: 5px; } /*.preorder-list-right li { width: 200px; }*/ .preorder-list-right li { padding-right: 20px; } .faq-pre { font-size: 0.8em; } span.faq_link { cursor: pointer; font-size: 0.8em; color: #FF9900; font-weight: bold; background: url(../images/right_small_arrow.gif) no-repeat 0 3px; padding-left: 20px; display: block; } span.faq_link_toggle_on { background-image: url(../images/down_small_arrow.gif); } span.faq_link:hover { text-decoration: underline; } div.answer_box { padding: 10px 0; font-size: 0.8em; } div.answer_box p { padding: 0; margin: 0 0 5px 0; } div.answer_box img { margin: 8px; display: block; } div.faq_section > ul { list-style-type: none ; } .unit-small-btn {width: 117px; height: 33px; float: left; background: url('../images/common/buttons/button.gif') no-repeat center; text-align: center; font-size: 0.8em; font-weight: bold} .unit-small-btn a {display: block; width: 117px; height: 23px; cursor: pointer; padding-top: 8px; color: #eee; font-weight: bold; font-size: 12px;} .unit-small-btn:hover {font-weight: bold; text-decoration: underline; font-size: 12px;} .unit-small-btn a:hover {text-decoration: underline; font-weight: bold; font-size: 12px;} /* ================================= NAPOLEON ================================= */ .nav-2-cnt { background: url('../images/en/nav/sidenav/nav_button.gif') no-repeat center; width: 220px; height: 37px; } .nav-2 { text-align: center; padding-top: 10px; font-weight: bold; text-transform: uppercase; color: #eaebeb; font-size: 12px; } .nav-2-sml { text-align: center; padding-top: 10px; font-weight: bold; text-transform: uppercase; color: #eaebeb; font-size: 12px; } object { outline:none; } .accordion-menu a { font-size: 12px; } .nav-2-bottom-cnt { margin: 10px auto 0; padding-top: 10px; width: 220px; } .newstitle { width: 400px; height: 25px; padding: 0px 0px 10px 0px; color: #eaebeb; text-transform:uppercase; text-align: center; letter-spacing:2px; font-weight: bold; font-size: 18px; padding-left: 15px; } .box-common-title { width: 216px; height: 30px; color: #eaebeb; text-transform:uppercase; text-align: center; letter-spacing:2px; font-weight: bold; font-size: 18px; padding-top: 3px; } .napoleon-indexp-cnt { float: left; padding-left: 15px; } .game-info-title { float: left; width: 434px; font-weight: bold; color: #247ca0; font-size: 0.9em; } .game-info-description { float: left; width: 434px; font-weight: bold; color: #eaebeb; font-size: 0.9em; padding-bottom: 25px; } .game-info-s-f-cnt { width: 689px; float: left; /*background: url('../images/content_bg_gameinfo.jpg') no-repeat top center;*/ margin-top: 10px; min-height: 850px; } .game-info-s-f-top-text-cnt { text-align: center; } .game-info-s-f-top-text { text-align: center; color: #eaebeb; font-size: 0.9em; font-weight: bold; padding-top: 10px; padding-bottom: 10px; } .large-box-3 .house {padding: 0; margin: 0px 0px 0px 4px; width: 500px; min-height: 276px} /* == == */ .small-box-cnt { float: left; width: 220px; } .small-box-top-bar { float: left; width: 100%; height: 3px; background: url('../images/boxes/box_small_top.gif') repeat-x; } .small-box-bottom-bar { float: left; width: 100%; height: 3px; background: url('../images/boxes/box_small_btm.gif') repeat-x; } .small-box-1 { float: left; width: 100%; background: #696a68 url('../images/boxes/box_small_left.gif') no-repeat top left; } .small-box-2 { float: left; width: 100%; background: url('../images/boxes/box_small_right.gif') no-repeat top right; } .small-box-3 { margin-left: 3px; margin-right: 3px; color: #eaebeb; background: #0b1e2c url('../images/boxes/boxes_hp_bg_generic.jpg') repeat-x; } /* == == */ /* == == */ .medium-box-cnt { float: left; width: 220px; } .medium-box-top-bar { float: left; width: 100%; height: 3px; background: url('../images/boxes/box_small_top.gif') repeat-x; } .medium-box-bottom-bar { float: left; width: 100%; height: 3px; background: url('../images/boxes/box_small_btm.gif') repeat-x; } .medium-box-1 { float: left; width: 100%; background: #696a68 url('../images/boxes/box_mediumheight_left.gif') no-repeat top left; } .medium-box-2 { float: left; width: 100%; background: url('../images/boxes/box_mediumheight_right.gif') no-repeat top right; } .medium-box-3 { margin-left: 3px; margin-right: 3px; color: #eaebeb; background: #0b1e2c url('../images/boxes/boxes_hp_bg_generic.jpg') repeat-x; } /* == == */ /* == == */ .large-box-cnt { float: left; width: 430px; } .large-box-top-bar { float: left; width: 100%; height: 3px; background: url('../images/boxes/box_wide_top.gif') repeat-x; } .large-box-bottom-bar { float: left; width: 100%; height: 3px; background: url('../images/boxes/box_wide_btm.gif') repeat-x; } .large-box-1 { float: left; width: 100%; background: #696a68 url('../images/boxes/boxes_hp_main_sides.jpg') no-repeat top left; } .large-box-2 { float: left; width: 100%; background: url('../images/boxes/boxes_hp_main_sides.jpg') no-repeat top right; } .large-box-3 { margin-left: 3px; margin-right: 3px; color: #eaebeb; background: #0a1d2b url('../images/boxes/boxes_hp_main_bg.jpg') repeat-x; } /* == == */ /* SIFR STYLES START */ .sifrHeading {font-size: 20pt; width: 680px; height: 32px; padding: 0px 0px 10px 0px; color: #eaebeb; text-transform: uppercase; text-align: center; letter-spacing: 2px; font-weight: bold; margin: 0 auto;} .sifrHeading-Dutch, .sifrHeading-German { height: 62px; } /* SIFR STYLES END */ /* START MARK ADDITIONS FOR PRE-ORDER PAGE */ .orderHeader {width: 296px; height: 68px; background: url('../images/preorder/header_box.jpg') no-repeat; font-size: 10pt; font-weight: bold; text-align: center} .orderSideRepeater {width: 3px; background: url('../images/preorder/boxes_hp_main_sides.jpg') repeat-y} .orderBoxOne {width: 290px; height: 110px; background: url('../images/preorder/box_retailerbox1.jpg') no-repeat; vertical-align: top; text-align: center} .orderBoxTwo {width: 290px; height: 83px; background: url('../images/preorder/box_retailerbox.jpg') no-repeat; vertical-align: top; text-align: center} .orderBoxThree {width: 290px; height: 110px; background: url('../images/preorder/box_digitalbox1.jpg') no-repeat; vertical-align: top; text-align: center} .orderCountryHeading {width: 100%; height: 25px; font-size: 10pt; color: #FFF; padding: 5px 0 0 0} .orderRetailer {width: 290px; height: 78px} .orderRetailer .orderRetailerLeft {width: 130px; height: 78px; text-align: center; vertical-align: middle; background: transparent} .orderRetailer .orderRetailerRight {width: 160px; height: 78px; text-align: left; vertical-align: middle; font-size: 8pt; color: #FFF; font-weight: bold; background: transparent} .orderRetailer .orderRetailerLogo {width: 104px; height: 43px; background: url('../images/preorder/logo_holder.jpg') no-repeat; text-align: left} .orderRetailer .orderRetailerLogo img {margin: 2px 0 0 3px} .orderButtons {width: 290px; height: 28px} .orderButtons .orderButtonText {color: #efefef; text-align: center; font-size: 13px; cursor: pointer; font-weight: bold} /* non-sIFR */ .orderButtons .orderButtonLeftOff {float: left; width: 145px; height: 23px; background: url('../images/preorder/button_left_off.jpg') no-repeat; padding: 5px 0 0 0} .orderButtons .orderButtonRightOff {float: left; width: 144px; height: 23px; background: url('../images/preorder/button_right_off.jpg') no-repeat; border-left: 1px solid #677784; padding: 5px 0 0 0} .orderButtons .orderButtonLeftOn {float: left; width: 145px; height: 23px; background: url('../images/preorder/button_left_on.jpg') no-repeat; padding: 5px 0 0 0} .orderButtons .orderButtonRightOn {float: left; width: 144px; height: 23px; background: url('../images/preorder/button_right_on.jpg') no-repeat; border-left: 1px solid #677784; padding: 5px 0 0 0} .orderFooter {width: 296px; height: 9px; background: url('../images/preorder/box_bottom.jpg') no-repeat bottom; font-size: 1pt} /* END MARK ADDITIONS FOR PRE-ORDER PAGE */ /* START MARK ADDITIONS FOR ADD-ON PAGE */ .addonItem {float: left; width: 100%} .addonItemIcon {float: left; width: 155px} .addonItemImage {float: left; width: 315px; padding: 15px 0 0 15px} .addonItemText {float: left; width: 175px; padding: 12px 0 0 0} .addonItemHeading {color: #247ca0; font-weight: bold; font-size: 16px; float: left; margin: 0 0 0 13px; width: 500px} .addonItemImageImage {width: 300px} .addonItemImageImage img {border: 0} .addonItemTextText {float: left; padding-bottom: 10px} .addonDivider {margin: 10px 0 15px 0; width: 100%; height: 1px; background: url('../images/add-ons/addon_divider.jpg') center bottom no-repeat; clear: both} /* END MARK ADDITIONS FOR ADD-ON PAGE */ /* START CHRIS ADDITIONS FOR PRE_ORDER */ a.moreinfo-button { display: block; width: 113px; height: 39px; background: url('../images/common/buttons/button.gif') no-repeat left; text-align: center; padding: 20px 0 0 0; color: #fff; font-size: 100%; font-weight: bold; } /* Fix for IE6 */ a.moreinfo-button:link { font-weight:bold; } a.moreinfo-button:active { font-weight:bold; } a.moreinfo-button:visited { font-weight:bold; } a.moreinfo-button:hover { font-weight:bold; } div.retailers { width:213px; background:#0c1d2d url('../images/boxes/boxes_hp_main_extended_bg.jpg') repeat-x top left; border:3px solid #eee; } div.retailers ul li a {color:#fff; text-decoration:underline;} .moreInfoPopup {position: absolute; width: 350px; height: 150px; margin: 50px 0 0 43px; border: 3px solid #F0F1F1; background: #000; display: block; padding: 4px; text-align: left; z-index:100; display:none;} .moreInfoPopupOff {position: absolute; width: 1px; height: 1px; display: none} .moreInfoPopupOn {position: absolute; width: 350px; height: 150px; margin: 50px 0 0 43px; border: 3px solid #F0F1F1; background: #000; display: block; padding: 4px; text-align: left; z-index:100;} .sifrIntro { font-size: 14pt; width: 650px; height: 32px; padding: 0px 0px 10px 0px; color: #eaebeb; text-transform: uppercase; text-align: center; letter-spacing: 2px; font-weight: bold; margin: 10px auto; } p.edition { font-family: Verdana, Arial, sans-serif; font-weight:bold; font-size:11pt; color: #c0a55e; padding-bottom: 0; margin-bottom: 0; } p.edition-availability { font-family: Verdana, Arial, sans-serif; font-size:10pt; color: #eee; padding: 0; margin: 0; } div.retailer-link { display:block; float:left; position:relative; left:50%; } a.retailer-logo { display: block; padding: 0 0 10px 3px; background:url('../images/preorder/retailer_bg_left.jpg') top left no-repeat; position:relative; right:50%; } a.retailer-logo span { background:url('../images/preorder/retailer_bg_right.jpg') top right no-repeat; display: block; padding: 2px 3px 2px 0; } a.retailer-logo span img { border:0; } div.retailer-country { background:url('../images/preorder/pre-order_midColDiv.jpg') no-repeat top left; } div.retailer-country h3 { padding: 5px 3px; } /* END CHRIS ADDITIONS FOR PRE_ORDER */ .content ul li { margin-left:15px; } .campaigns-features-cnt { margin-top: 30px; width: 100%; } .campaigns-features-title { color:#247CA0; font-size:16px; font-weight:bold; text-align:center; width:100%; } .campaigns-synopsis { padding: 15px 0px 15px 0px; } .campaigns-features-text-cnt { padding-bottom:50px; padding-top:15px; width:100%; } .campaigns-text-item-cnt { padding-bottom:5px; width:100%; } .campaigns-text-item-header { color:#247CA0; font-size:12px; font-weight:bold; padding-bottom:15px; width:100%; } .campaigns-text-item-text { color:#FFFFFF; font-size:12px; width:100%; } .warpath-text-item-text b { color:#247CA0; } .none {display:none; height:0;} #steam_leaderboard { padding:10px; } #steam_leaderboard table { width:100%; margin-bottom: 10px; background-color:#000; } #steam_leaderboard th { font-weight:bold; background-color:#313e46; padding:1px; text-align:center; } #steam_leaderboard td { background-color:#1d242a; padding:3px; text-align:center; } #steam_leaderboard td.avatar { text-align:left !important; color:#F6C858; } #steam_leaderboard td.avatar img { margin-right:10px; vertical-align:middle; } #steam_leaderboard .paging-container { float:right; border:1px solid #000;} #steam_leaderboard .paging-container #page-select{ margin:0; background-color:#1d242a; } #page-select {zoom:1; display:inline; background:#101518; text-align:center; padding:2px 0 4px 0; margin-right:20px; -moz-border-radius: 3px; -webkit-border-radius: 3px;} #page-select a {color:#fff; text-decoration:none; padding:0 2px;} #page-select a.mp-prev-page {display:inline-block; margin-right:15px; height:17px; width:17px; background:url('../images/arrows.png') no-repeat -36px -2px;} #page-select a.mp-next-page {display:inline-block; margin-left:15px; height:17px; width:17px; background:url('../images/arrows.png') no-repeat -17px -2px;} #page-select a img {vertical-align:middle; border:0; display:inline;} #page-select a:active, #video-player #page-select a.on {color:#f6c858; font-weight:bold;}