body {background: #000 url('../images/3_3/main_bg.jpg') top center no-repeat} .columns {background: url('../images/3_3/columns_bg.png') repeat-y top center; width: 1000px; height: auto; padding: 20px 0 20px 0; overflow: hidden; margin-left: auto; margin-right: auto; text-align: center; clear: both} .columns .column_tiny {width: 185px; padding: 0 5px 0 5px} .columns .column_small {width: 310px; padding: 0 5px 0 5px} .columns .column_medium {width: 410px; padding: 0 5px 0 5px} .columns .column_mediumer {width: 540px; padding: 0 5px 0 5px} .columns .column_larger {width: 610px; padding: 0 5px 0 5px} .columns .column_large {width: 730px; padding: 0 5px 0 5px} .columns .column_full {width: 925px; padding: 0 5px 0 5px; margin: 0 0 10px 0} .columns .column_split {width: 460px; padding: 0 5px 0 5px} .columns .column_quad {width: 224px; padding: 0 5px 0 5px} .columns .column_quad:last-child {width: 223px; padding: 0 5px 0 5px} .columns .leftSpacer {width: 30px; float: left} .mainTopHeader {background: url('../images/3_3/header_top.png') no-repeat center center; width: 960px; height: 161px} .mainTopBottom {background: url('../images/3_3/header_btm.png') no-repeat top center; width: 998px; height: 12px; margin-left: auto; margin-right: auto} .mainTopHeader .logoLink {width: 300px; height: 180px; margin: 0 0 0 80px; display: block} .elementHeader {background: transparent url('../images/3_3/element_topright.png') no-repeat scroll top right; height: 44px; padding: 0 2px 0 0} /* The padding above and the margin below need to add up to the width of the right image (20px) */ .elementHeader .elementHeaderChild {background: transparent url('../images/3_3/element_topleft.png') no-repeat; margin: 0 18px 0 0} .elementContent {background: #191E24 url('../images/3_3/element_middlebg.jpg') repeat-x top; border-color: #51493F} .elementContent_mediapusher {background: #202327} .elementContent_leftnav {width: 187px; background: url('../images/3_3/columns_bg.png') repeat 0px 0px} .elementFooter {background: url('../images/3_3/element_bottombg.jpg') repeat-x; height: 24px; border-bottom: 0; padding: 0 1px 0 0} .elementFooter .elementFooterChild {border-left: 1px solid #3a3f43; display: block; margin: 0; padding: 0; height: 19px; padding: 5px 3px 0 0; text-align: right; font-size: 7pt; color: #c9ae79} .elementFooter .elementFooterChild .elementFooterMerge {float: right; display: none} .elementFooter a:link, .elementFooter a:visited, .elementFooter a:active, .elementFooter a:hover {color: #cdcdcd; text-decoration: none; font-size: 7pt} .elementFooter a:hover {color: #FFF; text-decoration: underline} .mainBottom {width: 1000px; height: 190px; margin-left: auto; margin-right: auto} .mainBottom .mainBottomArea {width: 975px; height: 190px; background: url('../images/3_3/mainBottom_bg.jpg') no-repeat top center; margin: 0 0 0 11px} .leftNav {background: transparent url('../images/3_3/leftNav_bg.jpg') repeat-x scroll top left; padding: 20px 0 0 0; height: 828px} .leftNav .leftNavGroup {} .leftNav .leftNavGroup:last-child {border-bottom: 0} .leftNav .leftNavGroup .leftNavParent {background: url('../images/3_3/leftNavParent_bg.png') no-repeat top center; height: 43px; border: 0; text-align: left; color: #FFF; font-size: 11px; font-weight: bold; margin: 10px; padding: 0px 11px 0px; } .leftNav .leftNavGroup .leftNavParent a:link, .leftNav .leftNavGroup .leftNavParent a:active, .leftNav .leftNavGroup .leftNavParent a:visited {color: #FFF} .leftNav .leftNavGroup .leftNavParent a:hover {color: #EDC554} .leftNav .leftNavGroup .leftNavParent.odd {background: url('../images/3_3/leftNavParent_bg.png') no-repeat} .leftNav .leftNavGroup .leftNavParentIcon {background: url('../images/3_3/arrow_small_right.png') no-repeat; width: 19px; height: 21px; float: right; margin: 13px 5px 0 0; } .leftNav .leftNavGroup .leftNavParentIconBlank {width: 19px; height: 21px; float: right; margin: 2px 5px 0 0} .leftNav .leftNavGroup a {outline: none} .leftNav .leftNavGroup .leftNavChildren {} .leftNav .leftNavGroup .leftNavChildren a {outline: none; text-decoration: none; color: #000; font-size: 12px } .leftNav .leftNavGroup .leftNavChildren a:hover {color: #471500; text-decoration: underline} .leftNav .leftNavGroup .leftNavChildren .leftNavChild {border: 0; padding: 2px 0 0 18px; color: #000; font-weight: bold; height:inherit;} .leftNav .leftNavGroup .leftNavChildIcon {background: none; width: 18px; height: 16px; float: right; margin: -2px 5px 0 0} .leftNavTerritory6 .leftNavGroup .leftNavParent { font-size: 8pt; } .leftNav .leftNavGroup .leftNavParent { height: 43px; display: block; } .leftNav .leftNavGroup .leftNavContainer { display: table-cell; vertical-align: middle; } .leftNav .leftNavGroup .leftNavContainer { height: 43px; } .mainTopCompact {border-bottom: 3px solid #ad7646; background: #130D0D} .element_screenshots {padding: 11px 0 0 15px} .screenshotThumb {border: 1px solid #523b1b} .element_videos {padding: 11px 0 0 15px} .videoThumb {border: 1px solid #523b1b} #video-player #tabs {background:none; text-align:center; padding-top:3px; min-height:150px;} .newsFeed {overflow: hidden; padding: 0 0 0 0} .newsFeedScrollable {overflow: scroll; overflow-x: hidden; overflow-y: scroll; height: inherit; padding: 0 5px 0 0} .extendedNewsItem {margin: 7px 0 7px 0; padding: 0 0 0 20px} .extendedNewsItem .newsThumb {display: none} .extendedNewsItem .newsContent {height: 70px} .extendedNewsItem .newsContent .newsDate {color: #744819; font-weight: bold} .extendedNewsItem .newsContent .newsHeading {color: #6d1700; font-size: 9pt; font-weight: bold;} .extendedNewsItem .newsContent .newsHeading a:link {color: #6d1700; font-weight: bold; text-decoration: underline} .extendedNewsItem .newsContent .newsHeading a:visited {color: #6d1700; font-weight: bold; text-decoration: underline} .extendedNewsItem .newsContent .newsHeading a:hover {color: #6d1700; font-weight: bold; text-decoration: none} .extendedNewsItem .newsContent .newsSummary {color: #000} .extendedNewsItem .newsLink {float: right} .extendedNewsItem .newsLink a:link, .extendedNewsItem .newsLink a:active, .extendedNewsItem .newsLink a:visited {color: #000; text-decoration: underline; font-weight: bold} .extendedNewsItem .newsLink a:hover {text-decoration: none} .newsBreak {width: 50%; height: 1px; clear: both; border-bottom: 1px dotted #000; margin-left: auto; margin-right: auto} .simpleNewsItem .newsLink {margin: 0 0 10px 10px} .simpleNewsItem .newsLink a:link, .simpleNewsItem .newsLink a:active, .simpleNewsItem .newsLink a:visited {color: #000; text-decoration: none} .simpleNewsItem .newsLink a:hover {text-decoration: underline} .newsStory {color: #000} #video-player #tabs {background:none} #video-player #bottom-bar {background:none} #media-pusher #media-links-holder {width:308px} #media-pusher #media-links {width:308px} #video-player #flash-holder {margin-left:0;} /* Intel logo in footer*/ .copyrightArea .companyLogos .pegiLogo { margin-left:270px; background: url("../images/logos/pegi_16_white.gif") no-repeat scroll 0 0 transparent; } .copyrightArea .companyLogos .pegiLogo.es {margin-left:150px;} .copyrightArea .companyLogos .pegiLogo.fr {margin-left:200px;} .copyrightArea .companyLogos .oflcctc {margin-left:200px;} .copyrightArea .companyLogos .shogun2-esrb {margin-left: 33px;} .copyrightArea .companyLogos .usk12 {margin-left:260px;} .copyrightArea .companyLogos .intelLogo {background: url('../images/logos/intel.png') no-repeat; width:58px; height:62px; float: left; margin: 20px 0 0 30px} .copyrightArea .companyLogos .intelLogo-fr {background: url('../images/logos/intel_fr.png') no-repeat; width:58px; height:62px; float:left; margin:20px 0 0 30px} .copyrightArea .companyLogos .intelLogo-de {background: url('../images/logos/intel_de.png') no-repeat; width:58px; height:62px; float: left; margin:20px 0 0 30px} .copyrightArea .companyLogos .intelLogo-es {background: url('../images/logos/intel_es.png') no-repeat; width:58px; height:62px; float: left; margin:20px 0 0 30px} .copyrightArea .companyLogos .intelLogo-it {background: url('../images/logos/intel_it.png') no-repeat; width:58px; height:62px; float: left; margin:20px 0 0 30px} .copyrightArea .companyLogos .amdLogo {background: url('../images/logos/amd.png') no-repeat; width: 47px; height:50px; float:left; margin:20px 0 0 30px} .copyrightArea .companyLogos .meristationLogo {background: url('../images/logos/meristation.png') no-repeat; width:130px; height:50px; float:left; margin:40px 0 0 30px} .copyrightArea .companyLogos .historiaLogo-es {background: url('../images/logos/historia-es.png') no-repeat; width:52px; height:50px; float:left; margin:20px 0 0 30px} .copyrightArea .companyLogos .historiaLogo-fr {background: url('../images/logos/historia-fr.png') no-repeat; width:80px; height:50px; float:left; margin:30px 0 0 30px} /* Units section */ #units {min-height:500px;} #units-nav-bar {font-size:93%; line-height:normal;} #units-nav-bar ul {margin:0; padding:3px 10px 0; list-style:none; width:590px; margin:0 auto;} #units-nav-bar li {float:left; background:url(../images/3/scroll_bg_r.png) no-repeat right top; margin:0; padding:0;} #units-nav-bar a {display:block; background:url(../images/3/scroll_bg_l.png) no-repeat left top; padding:19px 0 20px 60px; margin-right:30px; height:70px; font-weight:bold; color:#fff; font-size:10pt; text-decoration:none; min-width:50px} #units-nav-bar a.on {color:#edc554;} .units-unit {padding:20px 60px; color: #FFFFDD; font-family: Tahoma; font-size: 1.1em; letter-spacing: 0; line-height: 1.5em; overflow: hidden; padding: 10px 15px; text-align: left; text-decoration: none; word-spacing: 0.15em;} .units-unit img {display:block; margin:0 auto;} .units-unit .image-unit-bg {text-align:center;} #shogun2-ikkoikki {height:844px; width:723px;} #shogun2-ikkoikki.en_GB, #shogun2-ikkoikki.en_AU, #shogun2-ikkoikki.en_US {background:url(../images/3/ikkoikko/ikkopack_en.jpg) no-repeat left top;} #shogun2-ikkoikki.fr {background:url(../images/3/ikkoikko/ikkopack_fr.jpg) no-repeat left top;} #shogun2-ikkoikki.de {background:url(../images/3/ikkoikko/ikkopack_de.jpg) no-repeat left top;} #shogun2-ikkoikki.es {background:url(../images/3/ikkoikko/ikkopack_es.jpg) no-repeat left top;} #shogun2-ikkoikki.it {background:url(../images/3/ikkoikko/ikkopack_it.jpg) no-repeat left top;} #shogun2-ikkoikki .features { position:relative; top:70px; left:50px; width:285px; font-family: Tahoma; font-size: 1.0em; letter-spacing: 0; line-height: 1.6em; color:#5e0005; } #shogun2-ikkoikki .features span { display: block; font-weight: bold; } #shogun2-ikkoikki #buy-now { display: block; height: 75px; position: absolute; top: 505px; width: 280px; } #shogun2-demo {height:844px; width:733px;} #shogun2-demo.en_GB, #shogun2-demo.en_AU {background:url(../images/3/demo/demo_uk.jpg) no-repeat left top;} #shogun2-demo.en_US {background:url(../images/3/demo/demo_us.jpg) no-repeat left top;} #shogun2-demo.fr {background:url(../images/3/demo/demo_fr.jpg) no-repeat left top;} #shogun2-demo.de {background:url(../images/3/demo/demo_de.jpg) no-repeat left top;} #shogun2-demo.es {background:url(../images/3/demo/demo_es.jpg) no-repeat left top;} #shogun2-demo.it {background:url(../images/3/demo/demo_it.jpg) no-repeat left top;} #shogun2-demo.nl {background:url(../images/3/demo/demo_du.jpg) no-repeat left top;} #shogun2-demo.ru {background:url(../images/3/demo/demo_ru.jpg) no-repeat left top;} .elementContent_shogun2_demo {border:0; background:none;} #shogun2-demo .features { position:relative; top:70px; left:50px; width:285px; font-family: Tahoma; font-size: 1.1em; letter-spacing: 0; line-height: 1.5em; color:#5e0005; } #shogun2-demo ul {margin:0 0 0 15px; padding:0; font-size:10pt;} #shogun2-demo li {margin:8px 0 0 0; padding:0; font-size:10pt;} #shogun2-demo #download-demo {display:block; position:absolute; border:0; width:290px; height:70px;} #shogun2-demo.en #download-demo {top:230px;} #shogun2-demo.fr #download-demo {top:350px;} #shogun2-demo.de #download-demo {top:340px;} #shogun2-demo.es #download-demo {top:342px;} #shogun2-demo.it #download-demo {top:320px;} #shogun2-demo.nl #download-demo {top:310px;} #shogun2-demo.ru #download-demo {top:360px;} #shogun2-demo #pre-order {display:block; position:absolute; border:0; width:290px; height:70px;} #shogun2-demo.en_US #pre-order {top:355px;} .elementHeaderChild div {text-align:center;} body.tw_Russian .elementHeaderChild div { font-size: 16px; } #steam-activation {padding:20px 60px; color: #FFFFDD; font-family: Tahoma; font-size: 1.1em; letter-spacing: 0; line-height: 1.5em; overflow: hidden; padding: 10px 15px; text-align: left; text-decoration: none; word-spacing: 0.15em;} #steam-activation div.answer {display:none; padding:0 20px 30px 20px;} #steam-activation h3 {margin-top:40px;} #steam-activation ul {padding:0; margin:0;} #steam-activation ul li {list-style:none; padding-left:25px; background:url("../images/3/arrow_small_right.png") no-repeat scroll 0 0 transparent;} #steam-activation h4 {cursor:pointer;} .scroll2 .topOfContentLine { background-image: url('../images/3_3/scroll2_middlerepeat.png');} .columns .column_medium .scroll2 .elementContent { background-image: url('../images/3_3/scroll2_middleright_2.png');} .scroll2 .elementContent .elementContentChild { background-image: url('../images/3_3/scroll2_middleleft.png');} .columns .column_medium .scroll2 .elementFooter { background: url('../images/3_3/scroll2_bottomright_2.png') no-repeat right bottom;} .scroll2 .elementFooter .elementFooterChild { background: url('../images/3_3/scroll2_bottomleft.png') no-repeat left bottom;} .element_leftnav { padding-top: 0px;} #media-pusher #media-links a { background-image: url('../images/3_3/pusher_btns_all.png');} .elementHeaderIcon.hi_Menu { background-image: none;} .official-social-media ul li.facebook {background: url('../images/3_3/iconFacebook.png') no-repeat scroll left center transparent;} .official-social-media ul li.twitter {background: url('../images/3_3/iconTwitter.png') no-repeat scroll left center transparent;} @font-face { font-family: 'MateSCRegular'; src: url('http://www.totalwar.com/images/3_3/MateSC-Regular-webfont.eot'); src: url('http://www.totalwar.com/images/3_3/MateSC-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('http://www.totalwar.com/images/3_3/MateSC-Regular-webfont.woff') format('woff'), url('http://www.totalwar.com/images/3_3/MateSC-Regular-webfont.ttf') format('truetype'), url('http://www.totalwar.com/images/3_3/MateSC-Regular-webfont.svg#MateSCRegular') format('svg'); font-weight: normal; font-style: normal; } .elementHeader { font-weight: normal; } .elementHeader .elementHeaderChild { line-height: 44px; } .elementHeader .elementHeaderChild .sifrHeading_3 { font-family: 'MateSCRegular', 'Times New Roman'; text-shadow: 0px 1px 2px #000000, 0px 1px 2px #000000; filter: dropshadow(color=#000000, offx=0, offy=1); font-size: 14pt; padding-top: 0px; padding-left: 14px; } .elementContent_shogun2_fallofthesamurai { border: 0px; background: none; } #shogun2-fallofthesamurai { width: 723px; position: relative; background: url('../images/3/fallofthesamurai/paper_tile.jpg') repeat-y left top; } #shogun2-fallofthesamurai div.header { width: 723px; height: 474px; position: relative; } #shogun2-fallofthesamurai.en_GB div.header, #shogun2-fallofthesamurai.en_AU div.header, #shogun2-fallofthesamurai.en_US div.header { background: url('../images/3/fallofthesamurai/buynow_top_EN.jpg') no-repeat left top; } #shogun2-fallofthesamurai.fr div.header { background: url('../images/3/fallofthesamurai/buynow_top_FR.jpg') no-repeat left top; } #shogun2-fallofthesamurai.de div.header { background: url('../images/3/fallofthesamurai/buynow_top_DE.jpg') no-repeat left top; } #shogun2-fallofthesamurai.es div.header { background: url('../images/3/fallofthesamurai/buynow_top_ES.jpg') no-repeat left top; } #shogun2-fallofthesamurai.it div.header { background: url('../images/3/fallofthesamurai/buynow_top_IT.jpg') no-repeat left top; } #shogun2-fallofthesamurai.ru div.header { background: url('../images/3/fallofthesamurai/buynow_top_RU.jpg') no-repeat left top; } #shogun2-fallofthesamurai.nl div.header { background: url('../images/3/fallofthesamurai/buynow_top_DU.jpg') no-repeat left top; } #shogun2-fallofthesamurai .features { position: relative; font-family: Tahoma; font-size: 1.1em; letter-spacing: 0; line-height: 1.6em; color: #000; padding: 0 70px; } #shogun2-fallofthesamurai .notice { color: #5E0005; } #shogun2-fallofthesamurai .title { font-size: 1.5em; line-height: 1.9em; } #shogun2-fallofthesamurai .features p { margin: 10px 0px 15px 0px; } #shogun2-fallofthesamurai .features ul { margin-top: 3px; } #shogun2-fallofthesamurai .features ul li { padding: 5px 0px 7px 0px; } #shogun2-fallofthesamurai .features span { display: block; font-weight: bold; } #shogun2-fallofthesamurai div.footer { width: 723px; height: 501px; position: relative; } #shogun2-fallofthesamurai.en_GB div.footer, #shogun2-fallofthesamurai.en_AU div.footer, #shogun2-fallofthesamurai.en_US div.footer { background: url('../images/3/fallofthesamurai/buynow_bottom_EN.jpg') no-repeat left top; } #shogun2-fallofthesamurai.fr div.footer { background: url('../images/3/fallofthesamurai/buynow_bottom_FR.jpg') no-repeat left top; } #shogun2-fallofthesamurai.de div.footer { background: url('../images/3/fallofthesamurai/buynow_bottom_DE.jpg') no-repeat left top; } #shogun2-fallofthesamurai.es div.footer { background: url('../images/3/fallofthesamurai/buynow_bottom_ES.jpg') no-repeat left top; } #shogun2-fallofthesamurai.it div.footer { background: url('../images/3/fallofthesamurai/buynow_bottom_IT.jpg') no-repeat left top; } #shogun2-fallofthesamurai.ru div.footer { background: url('../images/3/fallofthesamurai/buynow_bottom_RU.jpg') no-repeat left top; } #shogun2-fallofthesamurai.nl div.footer { background: url('../images/3/fallofthesamurai/buynow_bottom_DU.jpg') no-repeat left top; } #shogun2-fallofthesamurai .order-now { display: block; height: 75px; position: absolute; top: 0px; left: 238px; width: 255px; } #shogun2-fallofthesamurai .order-now.page-top { position: absolute; top: 401px; } #shogun2-fallofthesamurai.de .order-now { left: 172px; width: 387px} #shogun2-fallofthesamurai.fr .order-now { left: 197px; width: 336px} #shogun2-fallofthesamurai.it .order-now { left: 253px; width: 225px} #shogun2-fallofthesamurai.ru .order-now { left: 92px; width: 545px} #shogun2-fallofthesamurai .order-now.page-bottom { position: absolute; top: 0px; } #shogun2-fallofthesamurai .screenshot { background: url('../images/3/fallofthesamurai/screen_sprite.jpg') no-repeat left top; width: 583px; height: 327px; display: block; margin: 15px auto; } #shogun2-fallofthesamurai .screenshot.ss1 { background-position: 0 0; } #shogun2-fallofthesamurai .screenshot.ss2 { background-position: 0 -327px; } #shogun2-fallofthesamurai .screenshot.ss3 { background-position: 0 -654px; } #shogun2-fallofthesamurai .screenshot.ss4 { background-position: 0 -981px; } .copyrightArea .companyLogos .alienwareLogo { float: left; margin: 20px 0px 0px 20px; background: url('../images/3_3/alienware_playsbest.png'); width: 120px; height: 60px}