.mainTop {width: 1000px; background: url('../images/0/mainTop_bg.jpg') no-repeat top center;
          margin-left: auto; margin-right: auto}
.mainTop .mainTopArea {width: 100%; height: 136px}
.mainTop .mainTopArea .gameButtons {float: left; margin: 93px 0 0 45px}
.mainTop .mainTopArea .gameButton {width: 123px; height: 42px; display: block; overflow: hidden; background: url('../images/0/mainNavTitlesBtn.png') no-repeat bottom center; float: left; text-align: center}
.mainTop .mainTopArea .gameButton img {margin: 6px 0 0 0}
.mainTop .mainTopArea .gameButton:hover {background: url('../images/0/mainNavTitlesBtn.png') no-repeat top center}
.mainTop .mainTopArea .gameButtons .gameButtonsDivider {float: left; width: 1px; height: 42px; background: url('../images/0/mainNavTitlesBtn_divider.png') no-repeat}
.mainTop .mainTopArea img.gb3 {margin: 2px 0 0 0}

.mainTopCompact {height: 80px; background: #000}
.mainTopCompact .mainTopArea {width: 100%; height: 40px}
.mainTopCompact .mainTopCompactContainer {width: 1000px; height: 80px;
                                          margin-left: auto; margin-right: auto;}

.mainTop .twLogo {width: 210px; height: 136px; float: left; margin: 0 0 0 50px; display: block}

.mainTop .mainNavOption .sifrNav {font-size: 13pt; color: #f9d055; font-weight: bold; padding: 11px 0px 10px 25px; font-family: Tahoma; display:block}

.mainTop .mainNav li a span.arrow {background: none; display:inline; height:0; width:0; margin-left:0}
.mainTop .subNav, .mainTopCompact .subNav {z-index:1; margin-left: 5px}
.mainTop .subsubNav, .mainTopCompact .subsubNav {z-index:1; margin-top: -8px}
.mainTopCompact li.arrow {padding-right: 10px}

.mainTopCompact .twLogo {width: 90px; height: 34px; float: left; margin: 0 0 0 20px; background:transparent url('../images/nav/totalwar.png') no-repeat top left}

.mainNav {list-style-type: none; padding: 0; margin: 0; float: left; height:39px; width: 100%; font-family: Tahoma, helvetica, sans-serif; background: transparent url('../images/0/globalNav_bg.png') no-repeat top left}

.mainNav .mainNavOption {height: 39px; overflow: hidden; cursor: pointer}
.mainNav .mainNavOption.noArrow {float: left; background: transparent url('../images/0/globalNav_right.png') no-repeat scroll top right; padding: 0 2px 0 0}
.mainNav .mainNavOption.noArrow .mnoSpan {background: transparent url('../images/0/globalNav_left.png') no-repeat top left; display: block; line-height: 16px; margin: 0 2px 0 0}

.mainNav .mainNavOption.noArrow:hover {background-position: 100% -41px}
.mainNav .mainNavOption.noArrow:hover .mnoSpan {background-position: 0px -41px}

.mainNav .mainNavOption.arrow {float: left; background: transparent url('../images/0/globalNav_right_arrow.png') no-repeat scroll top right; padding: 0 15px 0 0}
.mainNav .mainNavOption.arrow .mnoSpan {background: transparent url('../images/0/globalNav_left.png') no-repeat top left; display: block; line-height: 16px; padding: 0 0 0 3px; margin: 0 7px 0 0}

.mainNav .mainNavOption.arrow:hover {background-position: 100% -41px}
.mainNav .mainNavOption.arrow:hover .mnoSpan {background-position: 0px -41px}

/* LAST ONE ON RIGHT */
.mainNav .mainNavOption:last-child {background: transparent url('../images/0/globalNav_right_full.png') no-repeat scroll top right; padding: 0 5px 0 0}
.mainNav .mainNavOption:last-child .mnoSpan {margin: 0 2px 0 0}

/* FIRST ONE ON LEFT */
.mainNav .mainNavOption:first-child {margin: 0 0 0 15px}
.mainNav .mainNavOption:first-child .mnoSpan {background-position: -10px 0}
.mainNav .mainNavOption:first-child:hover .mnoSpan {background-position: -10px -41px}

.subNav .subNavOption.noArrow {background: none}
.subNav .subNavOption.noArrow .mnoSpan {background: none}
.subNav .subNavOption.arrow {background: none}
.subNav .subNavOption.arrow .mnoSpan {background: none}

.mainNav li a {color: white; text-decoration: none; padding:11px 20px 10px 15px; display:block; font-size:13px; outline:none}
.subNav li {background:none}

.mainNav .hidden {display: none;}
.mainNav .shown {display: block;}

.subNav {list-style-type: none; width: 200px; position: absolute; margin: 39px 0 0 -15px; border-left: 1px solid #353a3e; border-bottom: 1px solid #febd23; background: #151a1e; text-align: left; padding: 0}
.subNav li {width: 100%; color: #FFF; border-bottom: 1px dotted #5d5e60; padding: 8px 0}
.subNav li a {padding:0 10px}
.subNav li a.image {text-align:center; padding:0}
.mainNav img {border:0}
.subsubNav {list-style-type: none; width: 200px; position: absolute; border-bottom: 1px solid #febd23; background: #151a1e; text-align: left; padding: 0 10px; margin:0 0 0 200px}
.subsubNav li {width: 100%; color: #FFF; border-bottom: 1px dotted #5d5e60; padding: 8px 0}
.subsubNav li a {padding:0}

/*start styles for flags in global nav */

#toprightlogin {
	height:130px;
	width:320px;
	float:right;
	color:white;
}

#toprightlogin .loginform {
	float:right;
	width: 100%;
	height: 95px;
}

#toprightlogin .flags {
	float:right;
	width: 100%;
}


#flagtoggle,
#flagtoggle span,
#flaglist a {
	background-image:url('../images/nav/flags.png');
	background-repeat:no-repeat;
}
#flagtoggle {
height:30px;
width:61px;
padding-top:2px;
float:right;
margin:4px 10px 0 10px;
background-position: 0 -249px;
}

#flagtoggle a.pulldown {
background:url('../images/0/arrows.png') no-repeat 0 -18px;
height:18px;
width:17px;/*should be 17 for graphic*/
display:inline-block;
margin-bottom:2px;
}
#flagtoggle a.on {
background-position: 0 2px;
}
#flaglist {
position:absolute;
background-color:#1C2124;
border:1px solid #27282A;
margin-top:5px;
width:59px;
display:none;
z-index:1;
}
#flagtoggle span {
height:25px;
width:38px;
color:#AEB3B6;
display:inline-block;
}

#flaglist a {
display:block;
height:19px;
margin:2px 0 1px 0;
color:#AEB3B6;
width:21px;
text-decoration:none;
padding:5px 0 0 40px;
}

#flagtoggle .us {
	background-position:5px 0;
}
#flagtoggle .uk {
	background-position:5px -25px
}
#flagtoggle .ru {
	background-position:5px -49px
}
#flagtoggle .pl {
	background-position:5px -75px
}
#flagtoggle .nl {
	background-position:5px -97px
}
#flagtoggle .it {
	background-position:5px -122px
}
#flagtoggle .fr {
	background-position:5px -147px
}
#flagtoggle .es {
	background-position:5px -173px
}
#flagtoggle .de {
	background-position:5px -198px
}
#flagtoggle .au {
	background-position:5px -221px
}
/*end styles for flags in global nav */