body {background: #CCBCAF url('tw-battles-bg.jpg') top center no-repeat}

.columns {background: url('../../../../images/3/columns_bg.png') repeat-y top center; width: 1000px; height: auto;
          padding: 10px 0 0 0;
          overflow: hidden; margin-left: auto; margin-right: auto; text-align: center; clear: both}


.mainTop .mainTopArea .gameButton img { margin: 3px 0px 0px 5px;}

.mainNav .mainNavOption.arrow {background: url(globalNav_right_arrow.png) no-repeat right top transparent; padding: 0px;}
.mainNav .mainNavOption.arrow .mnoSpan {background: url(globalNav_left.png) no-repeat scroll left top transparent;}
.mainTop .arrow .mainNavHeading {
    padding-left: 11px;
    padding-right: 19px;
}

.mainNav .mainNavOption.noArrow {background: none;}
.mainNav .mainNavOption.noArrow .mnoSpan {background: url(globalNav_left.png) no-repeat;}
.mainNav .mainNavOption:last-child {background: url("globalNav_right_full.png") no-repeat right top;}
.mainNav .mainNavOption:last-child:hover { background: none;}
ul.subNav, ul.subNav li.subNavOption, ul.subNav li.subNavOption span a, ul.subsubNav, ul.subsubNav li.subsubNavOption, ul.subsubNav li.subsubNavOption span a  {background:#1b0c09;}
div span.login-arrow {color:#F6C858;}


.mainTopHeader {background: url('../../../../images/3/header_top.jpg') no-repeat top center; width: 960px;
                height: 191px}
.mainTopBottom {background: url('../../../../images/3/header_btm.png') no-repeat top center; width: 998px;
                height: 58px; margin-left: auto; margin-right: auto}
.mainTopHeader .logoLink {width: 300px; height: 180px; margin: 0 0 0 80px; display: block}

.elementHeader {background: url('element_topright.png') no-repeat scroll right top transparent; 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('element_topleft.png') no-repeat 0px 0px; margin:0 18px 0 0}

/* Dont show icons for elements */
.elementHeaderIcon {display:none;}
.sifrHeading_0 {padding-left:10px;}

.elementContent {background: #191E24 url('../../../../images/3/element_middlebg.jpg') repeat-x top; border-color: #51493f;}
.elementContent_mediapusher {background: #202327}
.elementContent_leftnav {width: 187px}
.columns .column_medium .scroll2 .elementContent { background-image: url('scroll2_middleright_2.png');}
.scroll2 .elementContent .elementContentChild { background-image: url('scroll2_middleleft.png');}

.elementFooter {background: url('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}
.columns .column_medium .scroll2 .elementFooter { background: url('scroll2_bottomright_2.png') no-repeat right bottom;}
.scroll2 .elementFooter .elementFooterChild { background: url('scroll2_bottomleft.png') repeat-x left bottom;}

h2.sifrHeading_3 {font-size: 10pt; color: #FFF; text-align: center; font-weight: bold;
                  padding: 0 3px 0 0; text-align: left; margin: auto}
h2.sifrHeading_3 .sIFR-flash {margin: 5px 0 0 0}

.mainBottom {width: 1000px; height: 190px; margin-left: auto; margin-right: auto}
.mainBottom .mainBottomArea {width: 975px; height: 190px; background: url('mainBottom_bg.png') no-repeat top center; margin: 0 0 0 5px}


.leftNav {background: transparent url(leftNav_bg.jpg) no-repeat scroll top left; padding: 20px 0 0 0; height: 375px}
.leftNav .leftNavGroup {}
.leftNav .leftNavGroup:last-child {border-bottom: 0}
.leftNav .leftNavGroup .leftNavParent {
    background: url('../../../../images/3/leftNavParent_bg_1.png') no-repeat top center;
    height: 28px;
    border: 0;
    text-align: left;
    padding: 8px 0 0 10px;
    color: #FFF;
    font-size: 10pt;
    font-weight: bold;
    margin: 5px 10px;
}
.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/leftNavParent_bg_2.png') no-repeat}
.leftNav .leftNavGroup .leftNavParentIcon {background: url('arrow_small_right.png') no-repeat;
                                           width: 19px; height: 21px; float: right; margin: 3px 17px 0 0}

.leftNav .leftNavGroup .leftNavParentIconBlank {width: 19px; height: 21px; float: right; margin: 3px 17px 0 0}
.leftNav .leftNavGroup a {outline: none}
.leftNav .leftNavGroup .leftNavChildren {}
.leftNav .leftNavGroup .leftNavChildren a {outline: none; text-decoration: none; color: #000; font-size: 9pt}
.leftNav .leftNavGroup .leftNavChildren a:hover {color: #471500; text-decoration: underline}
.leftNav .leftNavGroup .leftNavChildren .leftNavChild {height: 17px; border: 0;
                                                       padding: 2px 0 0 20px; color: #000;
                                                       font-weight: bold}
.leftNav .leftNavGroup .leftNavChildIcon {display: none}

.mainTopCompact {border-bottom: 1px solid #ff1800; 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 10px}
.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; text-decoration: none}
.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:333px}
#media-pusher #media-links {width:335px}
#media-pusher #media-links a {background-image: url(pusher_btns_all.png);}
#media-pusher #media-links a.top:hover, #media-pusher ul#media-links a.top.on {background-position:1px 0;}
#media-pusher #media-links a.middle:hover, #media-pusher ul#media-links a.middle.on {background-position:1px -87px;}
#media-pusher #media-links a.bottom:hover, #media-pusher ul#media-links a.bottom.on {background-position:1px -172px;}
#video-player #flash-holder {margin-left:0;}


.mainTop {background:url(mainTop_bg.jpg) no-repeat center top transparent;}
.mainNav {background:url(globalNav_bg.png) no-repeat left top transparent;}
.mainTop .mainTopArea .gameButtons .gameButtonsDivider {float: left; width: 1px; height: 42px; background: none}
.mainTop .mainTopArea .gameButton, .mainTop .mainTopArea .gameButton:hover { background-image: url('mainNavTitlesBtn.png'); background-repeat:repeat-x;}
.mainTop .mainTopArea .gameButtons .gbNapoleon { width: 130px; }
.mainTop .mainTopArea .gameButtons .gbEmpire { width: 118px; }

div.loggedin-tw-cnt, div.loggedin-tw-cnt a, div.loggedin-tw-cnt a:hover, div.loggedin-tw-cnt a:visited {color:#000;}
.columns {background:url(columns_bg.jpg) repeat-y center top transparent;}

.warroomHeading {background:url(warRoom_logo.png) no-repeat center 10px transparent;}
.tw_German .warroomHeading {background:url(warRoom_logo_de.png) no-repeat center 10px transparent;}
.tw_Spanish .warroomHeading {background:url(warRoom_logo_es.png) no-repeat center 10px transparent;}
.tw_French .warroomHeading {background:url(warRoom_logo_fr.png) no-repeat center 10px transparent;}
.tw_Italian .warroomHeading {background:url(warRoom_logo_it.png) no-repeat center 10px transparent;}
.warroomAdmin {background-color:transparent;}
.warroomBottomArea {background:url(arch_divider.png) no-repeat center 20px transparent; border:0; height:70px;}
.button3 {background:url(button3.png) no-repeat left top;}

.mainBottom .mainBottomArea {background: url(mainBottom_bg.png) no-repeat center top transparent; margin-left:5px; height:206px; width:995px;}

.leftNav .leftNavGroup .leftNavParent, .leftNav .leftNavGroup .leftNavParent.odd {background:url(leftNavParent_bg.png) no-repeat scroll 0 0px transparent; text-align: left; margin-left: 12px}

.subNav, .subsubNav, .elementFooter, div.login-tw-cnt div.login-box-error-tw { }

div.loggedin-tw-cnt, div.loggedin-tw-cnt a, div.loggedin-tw-cnt a:hover, div.loggedin-tw-cnt a:visited {color:#FFFFFF;}

.extendedNewsItem {margin:7px 0; padding:0 0 0 20px;}

.elementContent_leftnav {width:192px;}

.socialItem a:link, .socialItem a:active, .socialItem a:visited, .socialItem a:hover{color: #FFC52F; text-decoration: none;}
.elementContent {background: url('element_middlebg.jpg') repeat-x scroll center top #191E24;}
.element_leftnav { padding-top: 0px;}
.elementContent_leftnav { background: url('columns_bg.jpg') repeat-y -12px 0px;}
div.elementContent_premade_content_nein {background:none;}

.scroll2 .topOfContentLine { background: url('scroll2_middlerepeat.png') repeat-x 0px 0px transparent;}

.official-social-media ul li.facebook {background: url('iconFacebook.png') no-repeat scroll left center transparent;}
.official-social-media ul li.twitter {background: url('iconTwitter.png') no-repeat scroll left center transparent;}

.mainTop .mainNavOption .sifrNav,
.mainTop .mainNavOption .sifrNav2,
.mainTop .mainNavOption .sifrNav-center,
.elementHeader .elementHeaderChild .sifrHeading_0 {
    padding-top: 0px;
}

.mainNav li .sifrNav a,
.mainNav li .sifrNav2 a,
.mainNav li .sifrNav-center a,
.elementHeader .elementHeaderChild .sifrHeading_0 {
    font-family: 'MateSCRegular', 'Times New Roman';
    text-shadow: 0px 1px 2px #000000, 0px 1px 2px #000000;
    filter: dropshadow(color=#000000, offx=0, offy=1);
}

.elementHeader .elementHeaderChild .sifrHeading_0 {
    font-size: 14pt;
    font-weight: normal;
    padding-left: 14px;
}

.mainTop .mainNavOption .sifrNav,
.mainTop .mainNavOption .sifrNav2,
.mainTop .mainNavOption .sifrNav-center,
.elementHeader {
    font-weight: normal;
}

.elementHeader .elementHeaderChild {
    line-height: 44px;
}

.mainTop .mainNavOption .sifrNav a,
.mainTop .mainNavOption .sifrNav-center a {
    color: #FFC52F;
}

.copyrightArea .copyrightText {
    color: #3b342d;
}


@font-face {
    font-family: 'MateSCRegular';
    src: url('http://www.totalwar.com/images/skins/hub/shogun2_3/MateSC-Regular-webfont.eot');
    src: url('http://www.totalwar.com/images/skins/hub/shogun2_3/MateSC-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.totalwar.com/images/skins/hub/shogun2_3/MateSC-Regular-webfont.woff') format('woff'),
         url('http://www.totalwar.com/images/skins/hub/shogun2_3/MateSC-Regular-webfont.ttf') format('truetype'),
         url('http://www.totalwar.com/images/skins/hub/shogun2_3/MateSC-Regular-webfont.svg#MateSCRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}