/*
Base Colors:
-------------------
Yellow		#ffde00

*/
body { background:#000; text-align:left; }
body.us,body.uk,body.fr,body.it,body.es,body.de,body.us-es,body.br { background:#000 url(/img/background.jpg) center 127px no-repeat; }
a { color:#c2c2c2; text-decoration:none; }
a:hover { color:#ffde00; text-decoration:none; }
a:focus,a:active { border:none; background:none; outline:none; }
h1 { color:#a3cb4a; font-size:2em; font-family:Georgia,serif; margin-bottom:1em; }
h1 { color:#333; font-size:2.5em; font-family:Georgia,serif; font-weight:normal; }
h2 { color:#999; font-size:1em; font-weight:bold; text-transform:uppercase; letter-spacing:1px; }
h3 { line-height:1.5; }
ul { }
ul li { margin-bottom:.5em; list-style-type:square; }
blockquote { font-family:Georgia,serif; border-top:2px solid #EEE; border-bottom:2px solid #EEE; padding:1em; margin:1.5em 0; }
blockquote p { color:#666; }
blockquote cite { text-align:right; display:block; }

/* Global Classes */
.container { margin:2em auto 0; width:870px; }
.kinda-quiet { color:#999; }
.super-quiet { color:#ccc; }
.inline { display:inline-table; }
.hide { display:none; }

/* Global ID */
#flash { background:#000; }

/* Select Language */
#select-language { width:310px; text-align:center; background:#000; margin:300px auto 0; }

/* Masthead */
#masthead { position:relative; width:1000px; height:115px; margin:20px auto 0; z-index:99; }
#masthead a#logo { position:absolute; bottom:20px; left:70px; width:191px; height:95px; z-index:100; }
ul#languages { }
ul#languages li { float:left; list-style-type:none; list-style:none; padding-left:1em; }
#masthead ul#languages { position:absolute; top:0; right:70px; margin:0; padding:0; }
ul#audio-controls { position:absolute; top:24px; right:70px; margin:0; padding:0; }
ul#audio-controls li { float:left; list-style-type:none; list-style:none; }
ul#audio-controls li a { height:15px; display:block; text-indent:-9999px; outline:none; background-image:url(/img/audio-controls.gif); background-repeat:no-repeat; }
ul#audio-controls li#on a { width:50px; left:0; }
ul#audio-controls li#on a.inactive { width:50px; left:0; }
ul#audio-controls li#off a { width:35px; left:50px; }
ul#audio-controls li#off a.inactive { width:35px; left:50px; }
body.us ul#audio-controls li#on a { background-position:0 0; }
body.us ul#audio-controls li#on a.inactive { background-position:0 -15px; }
body.us ul#audio-controls li#off a { background-position:-50px 0; }
body.us ul#audio-controls li#off a.inactive { background-position:-50px -15px; }
body.uk ul#audio-controls li#on a { background-position:0 -30px; }
body.uk ul#audio-controls li#on a.inactive { background-position:0 -45px; }
body.uk ul#audio-controls li#off a { background-position:-50px -30px; }
body.uk ul#audio-controls li#off a.inactive { background-position:-50px -45px; }
body.fr ul#audio-controls li#on a { background-position:0 -60px; }
body.fr ul#audio-controls li#on a.inactive { background-position:0 -75px; }
body.fr ul#audio-controls li#off a { background-position:-50px -60px; }
body.fr ul#audio-controls li#off a.inactive { background-position:-50px -75px; }
body.it ul#audio-controls li#on a { background-position:0 -90px; }
body.it ul#audio-controls li#on a.inactive { background-position:0 -105px; }
body.it ul#audio-controls li#off a { background-position:-50px -90px; }
body.it ul#audio-controls li#off a.inactive { background-position:-50px -105px; }
body.es ul#audio-controls li#on a { background-position:0 -120px; }
body.es ul#audio-controls li#on a.inactive { background-position:0 -135px; }
body.es ul#audio-controls li#off a { background-position:-50px -120px; }
body.es ul#audio-controls li#off a.inactive { background-position:-50px -135px; }
body.de ul#audio-controls li#on a { background-position:0 -150px; }
body.de ul#audio-controls li#on a.inactive { background-position:0 -165px; }
body.de ul#audio-controls li#off a { background-position:-50px -150px; }
body.de ul#audio-controls li#off a.inactive { background-position:-50px -165px; }
body.us-es ul#audio-controls li#on a { background-position:0 -180px; }
body.us-es ul#audio-controls li#on a.inactive { background-position:0 -195px; }
body.us-es ul#audio-controls li#off a { background-position:-50px -180px; }
body.us-es ul#audio-controls li#off a.inactive { background-position:-50px -195px; }
body.br ul#audio-controls li#on a { background-position:0 -210px; }
body.br ul#audio-controls li#on a.inactive { background-position:0 -225px; }
body.br ul#audio-controls li#off a { background-position:-50px -210px; }
body.br ul#audio-controls li#off a.inactive { background-position:-50px -225px; }

/* Navigation */
div#navigation-wrapper { width:1000px; height:78px; background:url(/img/navigation-bg.png) top left no-repeat; position:absolute; bottom:0; left:0; }
ul#navigation { height:43px; position:absolute; left:267px; bottom:19px; margin:0; padding:0; }
ul#navigation li { float:left; list-style-type:none; list-style:none; }
ul#navigation li a { height:43px; display:block; text-indent:-9999px; outline:none; background-image:url(/img/navigation.gif); background-repeat:no-repeat; }
li#nav-game a { width:107px; left:0; }
li#nav-characters a { width:129px; left:107px; }
li#nav-media a { width:99px; left:236px; }
li#nav-news a { width:92px; left:335px; }
li#nav-unity a { width:132px; left:427px; }
li#nav-order a { width:111px; left:559px; }
body.us ul#navigation li#nav-game a { background-position:0 0; }
body.us ul#navigation li#nav-game a:hover { background-position:0 -43px; }
body.us ul#navigation li#nav-characters a { background-position:-107px 0; }
body.us ul#navigation li#nav-characters a:hover { background-position:-107px -43px; }
body.us ul#navigation li#nav-media a { background-position:-236px 0; }
body.us ul#navigation li#nav-media a:hover { background-position:-236px -43px; }
body.us ul#navigation li#nav-news a { background-position:-335px 0; }
body.us ul#navigation li#nav-news a:hover { background-position:-335px -43px; }
body.us ul#navigation li#nav-unity a { background-position:-427px 0; }
body.us ul#navigation li#nav-unity a:hover { background-position:-427px -43px; }
body.us ul#navigation li#nav-order a { background-position:-559px 0; }
body.us ul#navigation li#nav-order a:hover { background-position:-559px -43px; }
body.uk ul#navigation li#nav-game a { background-position:0 -86px; }
body.uk ul#navigation li#nav-game a:hover { background-position:0 -129px; }
body.uk ul#navigation li#nav-characters a { background-position:-107px -86px; }
body.uk ul#navigation li#nav-characters a:hover { background-position:-107px -129px; }
body.uk ul#navigation li#nav-media a { background-position:-236px -86px; }
body.uk ul#navigation li#nav-media a:hover { background-position:-236px -129px; }
body.uk ul#navigation li#nav-news a { background-position:-335px -86px; }
body.uk ul#navigation li#nav-news a:hover { background-position:-335px -129px; }
body.uk ul#navigation li#nav-unity a { background-position:-427px -86px; }
body.uk ul#navigation li#nav-unity a:hover { background-position:-427px -129px; }
body.uk ul#navigation li#nav-order a { background-position:-559px -86px; }
body.uk ul#navigation li#nav-order a:hover { background-position:-559px -129px; }
body.fr ul#navigation li#nav-game a { background-position:0 -172px; }
body.fr ul#navigation li#nav-game a:hover { background-position:0 -215px; }
body.fr ul#navigation li#nav-characters a { background-position:-107px -172px; }
body.fr ul#navigation li#nav-characters a:hover { background-position:-107px -215px; }
body.fr ul#navigation li#nav-media a { background-position:-236px -172px; }
body.fr ul#navigation li#nav-media a:hover { background-position:-236px -215px; }
body.fr ul#navigation li#nav-news a { background-position:-335px -172px; }
body.fr ul#navigation li#nav-news a:hover { background-position:-335px -215px; }
body.fr ul#navigation li#nav-unity a { background-position:-427px -172px; }
body.fr ul#navigation li#nav-unity a:hover { background-position:-427px -215px; }
body.fr ul#navigation li#nav-order a { background-position:-559px -172px; }
body.fr ul#navigation li#nav-order a:hover { background-position:-559px -215px; }
body.it ul#navigation li#nav-game a { background-position:0 -258px; }
body.it ul#navigation li#nav-game a:hover { background-position:0 -301px; }
body.it ul#navigation li#nav-characters a { background-position:-107px -258px; }
body.it ul#navigation li#nav-characters a:hover { background-position:-107px -301px; }
body.it ul#navigation li#nav-media a { background-position:-236px -258px; }
body.it ul#navigation li#nav-media a:hover { background-position:-236px -301px; }
body.it ul#navigation li#nav-news a { background-position:-335px -258px; }
body.it ul#navigation li#nav-news a:hover { background-position:-335px -301px; }
body.it ul#navigation li#nav-unity a { background-position:-427px -258px; }
body.it ul#navigation li#nav-unity a:hover { background-position:-427px -301px; }
body.it ul#navigation li#nav-order a { background-position:-559px -258px; }
body.it ul#navigation li#nav-order a:hover { background-position:-559px -301px; }
body.es ul#navigation li#nav-game a { background-position:0 -344px; }
body.es ul#navigation li#nav-game a:hover { background-position:0 -387px; }
body.es ul#navigation li#nav-characters a { background-position:-107px -344px; }
body.es ul#navigation li#nav-characters a:hover { background-position:-107px -387px; }
body.es ul#navigation li#nav-media a { background-position:-236px -344px; }
body.es ul#navigation li#nav-media a:hover { background-position:-236px -387px; }
body.es ul#navigation li#nav-news a { background-position:-335px -344px; }
body.es ul#navigation li#nav-news a:hover { background-position:-335px -387px; }
body.es ul#navigation li#nav-unity a { background-position:-427px -344px; }
body.es ul#navigation li#nav-unity a:hover { background-position:-427px -387px; }
body.es ul#navigation li#nav-order a { background-position:-559px -344px; }
body.es ul#navigation li#nav-order a:hover { background-position:-559px -387px; }
body.de ul#navigation li#nav-game a { background-position:0 -430px; }
body.de ul#navigation li#nav-game a:hover { background-position:0 -473px; }
body.de ul#navigation li#nav-characters a { background-position:-107px -430px; }
body.de ul#navigation li#nav-characters a:hover { background-position:-107px -473px; }
body.de ul#navigation li#nav-media a { background-position:-236px -430px; }
body.de ul#navigation li#nav-media a:hover { background-position:-236px -473px; }
body.de ul#navigation li#nav-news a { background-position:-335px -430px; }
body.de ul#navigation li#nav-news a:hover { background-position:-335px -473px; }
body.de ul#navigation li#nav-unity a { background-position:-427px -430px; }
body.de ul#navigation li#nav-unity a:hover { background-position:-427px -473px; }
body.de ul#navigation li#nav-order a { background-position:-559px -430px; }
body.de ul#navigation li#nav-order a:hover { background-position:-559px -473px; }
body.us-es ul#navigation li#nav-game a { background-position:0 -516px; }
body.us-es ul#navigation li#nav-game a:hover { background-position:0 -559px; }
body.us-es ul#navigation li#nav-characters a { background-position:-107px -516px; }
body.us-es ul#navigation li#nav-characters a:hover { background-position:-107px -559px; }
body.us-es ul#navigation li#nav-media a { background-position:-236px -516px; }
body.us-es ul#navigation li#nav-media a:hover { background-position:-236px -559px; }
body.us-es ul#navigation li#nav-news a { background-position:-335px -516px; }
body.us-es ul#navigation li#nav-news a:hover { background-position:-335px -559px; }
body.us-es ul#navigation li#nav-unity a { background-position:-427px -516px; }
body.us-es ul#navigation li#nav-unity a:hover { background-position:-427px -559px; }
body.us-es ul#navigation li#nav-order a { background-position:-559px -516px; }
body.us-es ul#navigation li#nav-order a:hover { background-position:-559px -559px; }
body.br ul#navigation li#nav-game a { background-position:0 -602px; }
body.br ul#navigation li#nav-game a:hover { background-position:0 -645px; }
body.br ul#navigation li#nav-characters a { background-position:-107px -602px; }
body.br ul#navigation li#nav-characters a:hover { background-position:-107px -645px; }
body.br ul#navigation li#nav-media a { background-position:-236px -602px; }
body.br ul#navigation li#nav-media a:hover { background-position:-236px -645px; }
body.br ul#navigation li#nav-news a { background-position:-335px -602px; }
body.br ul#navigation li#nav-news a:hover { background-position:-335px -645px; }
body.br ul#navigation li#nav-unity a { background-position:-427px -602px; }
body.br ul#navigation li#nav-unity a:hover { background-position:-427px -645px; }
body.br ul#navigation li#nav-order a { background-position:-559px -602px; }
body.br ul#navigation li#nav-order a:hover { background-position:-559px -645px; }

/* Main Content & Group */
#main-content { position:relative; width:860px; margin:-20px auto 0; z-index:50; }
.main-group { background:#000; position:relative; overflow:auto; width:100%; }
.main-group span { display:block; width:286px; float:left;}
#home.main-group { margin-top:14px; background:none; }
.main-group .latest-news { background:#242526; padding:14px 0 8px 14px; margin-left:2px; overflow:auto; text-align:left; }
.main-group .latest-news h3 { margin-bottom:0; padding-bottom:8px; border-bottom:1px solid #464646; }
.main-group .latest-news h3 a { height:16px; width:261px; display:block; text-decoration:none; text-indent:-9999px; outline:none; background-image:url(/img/latest-news-header.png); background-repeat:no-repeat; }
body.us .main-group .latest-news h3 a { background-position:0 0; }
body.uk .main-group .latest-news h3 a { background-position:0 -16px; }
body.fr .main-group .latest-news h3 a { background-position:0 -32px; }
body.it .main-group .latest-news h3 a { background-position:0 -48px; }
body.es .main-group .latest-news h3 a { background-position:0 -64px; }
body.de .main-group .latest-news h3 a { background-position:0 -80px; }
.main-group .latest-news ul { list-style:none; margin:0; padding:0; }
.main-group .latest-news ul li { list-style:none; padding:0; margin:0; }
.main-group .latest-news ul li a { color:#C2C2C2; padding:8px 4px; display:block; text-decoration:none; border-bottom:1px dotted #464646; }
.main-group .latest-news ul li a:hover { background:#333; }

/* Game Page */
.main-group#game { background:#000; display:block; padding:24px 0 8px; }
.main-group#game a { display:block; padding:0; float:left; }
.main-group#game a h3 { color:#FFF; display:block; text-indent:-9999px; outline:none; height:14px; background-image:url(/img/game-headers.gif); margin:0 0 10px; padding:0; }
.main-group#game a#overview h3 { left:0; width:112px; }
.main-group#game a#newfighters h3 { left:112px; width:192px; }
.main-group#game a#online h3 { left:304px; width:209px; }
.main-group#game a#bonus h3 { left:515px; width:211px; }
.main-group#game a img { border:2px solid #000; }
.main-group#game a:hover img { border:2px solid #FFDE00; }
.main-group#game a.active img { border:2px solid #FFDE00; }
body.us .main-group#game a#overview h3 { background-position:0 0; }
body.us .main-group#game a#newfighters h3 { background-position:-112px 0; }
body.us .main-group#game a#online h3 { background-position:-304px 0; }
body.us .main-group#game a#bonus h3 { background-position:-514px 0; }
body.us .main-group#game a#overview:hover h3 { background-position:0 -14px; }
body.us .main-group#game a#newfighters:hover h3 { background-position:-112px -14px; }
body.us .main-group#game a#online:hover h3 { background-position:-304px -14px; }
body.us .main-group#game a#bonus:hover h3 { background-position:-514px -14px; }
body.us .main-group#game a#overview.active h3 { background-position:0 -14px; }
body.us .main-group#game a#newfighters.active h3 { background-position:-112px -14px; }
body.us .main-group#game a#online.active h3 { background-position:-304px -14px; }
body.us .main-group#game a#bonus.active h3 { background-position:-514px -14px; }
body.uk .main-group#game a#overview h3 { background-position:0 -28px; }
body.uk .main-group#game a#newfighters h3 { background-position:-112px -28px; }
body.uk .main-group#game a#online h3 { background-position:-304px -28px; }
body.uk .main-group#game a#bonus h3 { background-position:-514px -28px; }
body.uk .main-group#game a#overview:hover h3 { background-position:0 -42px; }
body.uk .main-group#game a#newfighters:hover h3 { background-position:-112px -42px; }
body.uk .main-group#game a#online:hover h3 { background-position:-304px -42px; }
body.uk .main-group#game a#bonus:hover h3 { background-position:-514px -42px; }
body.uk .main-group#game a#overview.active h3 { background-position:0 -42px; }
body.uk .main-group#game a#newfighters.active h3 { background-position:-112px -42px; }
body.uk .main-group#game a#online.active h3 { background-position:-304px -42px; }
body.uk .main-group#game a#bonus.active h3 { background-position:-514px -42px; }
body.fr .main-group#game a#overview h3 { background-position:0 -56px; }
body.fr .main-group#game a#newfighters h3 { background-position:-112px -56px; }
body.fr .main-group#game a#online h3 { background-position:-304px -56px; }
body.fr .main-group#game a#bonus h3 { background-position:-514px -56px; }
body.fr .main-group#game a#overview:hover h3 { background-position:0 -70px; }
body.fr .main-group#game a#newfighters:hover h3 { background-position:-112px -70px; }
body.fr .main-group#game a#online:hover h3 { background-position:-304px -70px; }
body.fr .main-group#game a#bonus:hover h3 { background-position:-514px -70px; }
body.fr .main-group#game a#overview.active h3 { background-position:0 -70px; }
body.fr .main-group#game a#newfighters.active h3 { background-position:-112px -70px; }
body.fr .main-group#game a#online.active h3 { background-position:-304px -70px; }
body.fr .main-group#game a#bonus.active h3 { background-position:-514px -70px; }
body.it .main-group#game a#overview h3 { background-position:0 -84px; }
body.it .main-group#game a#newfighters h3 { background-position:-112px -84px; }
body.it .main-group#game a#online h3 { background-position:-304px -84px; }
body.it .main-group#game a#bonus h3 { background-position:-514px -84px; }
body.it .main-group#game a#overview:hover h3 { background-position:0 -98px; }
body.it .main-group#game a#newfighters:hover h3 { background-position:-112px -98px; }
body.it .main-group#game a#online:hover h3 { background-position:-304px -98px; }
body.it .main-group#game a#bonus:hover h3 { background-position:-514px -98px; }
body.it .main-group#game a#overview.active h3 { background-position:0 -98px; }
body.it .main-group#game a#newfighters.active h3 { background-position:-112px -98px; }
body.it .main-group#game a#online.active h3 { background-position:-304px -98px; }
body.it .main-group#game a#bonus.active h3 { background-position:-514px -98px; }
body.es .main-group#game a#overview h3 { background-position:0 -112px; }
body.es .main-group#game a#newfighters h3 { background-position:-112px -112px; }
body.es .main-group#game a#online h3 { background-position:-304px -112px; }
body.es .main-group#game a#bonus h3 { background-position:-514px -112px; }
body.es .main-group#game a#overview:hover h3 { background-position:0 -126px; }
body.es .main-group#game a#newfighters:hover h3 { background-position:-112px -126px; }
body.es .main-group#game a#online:hover h3 { background-position:-304px -126px; }
body.es .main-group#game a#bonus:hover h3 { background-position:-514px -126px; }
body.es .main-group#game a#overview.active h3 { background-position:0 -126px; }
body.es .main-group#game a#newfighters.active h3 { background-position:-112px -126px; }
body.es .main-group#game a#online.active h3 { background-position:-304px -126px; }
body.es .main-group#game a#bonus.active h3 { background-position:-514px -126px; }
body.de .main-group#game a#overview h3 { background-position:0 -140px; }
body.de .main-group#game a#newfighters h3 { background-position:-112px -140px; }
body.de .main-group#game a#online h3 { background-position:-304px -140px; }
body.de .main-group#game a#bonus h3 { background-position:-514px -140px; }
body.de .main-group#game a#overview:hover h3 { background-position:0 -154px; }
body.de .main-group#game a#newfighters:hover h3 { background-position:-112px -154px; }
body.de .main-group#game a#online:hover h3 { background-position:-304px -154px; }
body.de .main-group#game a#bonus:hover h3 { background-position:-514px -154px; }
body.de .main-group#game a#overview.active h3 { background-position:0 -154px; }
body.de .main-group#game a#newfighters.active h3 { background-position:-112px -154px; }
body.de .main-group#game a#online.active h3 { background-position:-304px -154px; }
body.de .main-group#game a#bonus.active h3 { background-position:-514px -154px; }
body.us-es .main-group#game a#overview h3 { background-position:0 -168px; }
body.us-es .main-group#game a#newfighters h3 { background-position:-112px -168px; }
body.us-es .main-group#game a#online h3 { background-position:-304px -168px; }
body.us-es .main-group#game a#bonus h3 { background-position:-514px -168px; }
body.us-es .main-group#game a#overview:hover h3 { background-position:0 -182px; }
body.us-es .main-group#game a#newfighters:hover h3 { background-position:-112px -182px; }
body.us-es .main-group#game a#online:hover h3 { background-position:-304px -182px; }
body.us-es .main-group#game a#bonus:hover h3 { background-position:-514px -182px; }
body.us-es .main-group#game a#overview.active h3 { background-position:0 -182px; }
body.us-es .main-group#game a#newfighters.active h3 { background-position:-112px -182px; }
body.us-es .main-group#game a#online.active h3 { background-position:-304px -182px; }
body.us-es .main-group#game a#bonus.active h3 { background-position:-514px -182px; }
body.br .main-group#game a#overview h3 { background-position:0 -196px; }
body.br .main-group#game a#newfighters h3 { background-position:-112px -196px; }
body.br .main-group#game a#online h3 { background-position:-304px -196px; }
body.br .main-group#game a#bonus h3 { background-position:-514px -196px; }
body.br .main-group#game a#overview:hover h3 { background-position:0 -210px; }
body.br .main-group#game a#newfighters:hover h3 { background-position:-112px -210px; }
body.br .main-group#game a#online:hover h3 { background-position:-304px -210px; }
body.br .main-group#game a#bonus:hover h3 { background-position:-514px -210px; }
body.br .main-group#game a#overview.active h3 { background-position:0 -210px; }
body.br .main-group#game a#newfighters.active h3 { background-position:-112px -210px; }
body.br .main-group#game a#online.active h3 { background-position:-304px -210px; }
body.br .main-group#game a#bonus.active h3 { background-position:-514px -210px; }

/* Characters Page */
.main-group#characters { }
.main-group#characters h3 { display:block; float:left; text-indent:-9999px; outline:none; height:15px; width:165px; background-image:url(/img/characters-header.gif); margin:20px 0 0 22px; }
body.us .main-group#characters h3 { background-position:0 0; }
body.uk .main-group#characters h3 { background-position:0 -15px; }
body.fr .main-group#characters h3 { background-position:0 -30px; }
body.it .main-group#characters h3 { background-position:0 -45px; }
body.es .main-group#characters h3 { background-position:0 -60px; }
body.de .main-group#characters h3 { background-position:0 -75px; }
body.us-es .main-group#characters h3 { background-position:0 -90px; }
body.br .main-group#characters h3 { background-position:0 -105px; }
ul#characters-filter { height:20px; float:right; margin:20px 0 10px; padding:0; position:relative; right:0; display:block; }
ul#characters-filter li { float:left; list-style-type:none; list-style:none; }
ul#characters-filter li a { height:20px; display:block; text-indent:-9999px; outline:none; background-image:url(/img/characters-filter.gif); background-repeat:no-repeat; }
body.us ul#characters-filter li#all a { background-position:0 0; width:84px; left:0; }
body.us ul#characters-filter li#new a { background-position:-84px 0; width:130px; left:84px; }
body.us ul#characters-filter li#classic a { background-position:-214px 0; width:145px; left:214px; }
body.us ul#characters-filter li#all a:hover { background-position:0 -20px; }
body.us ul#characters-filter li#new a:hover { background-position:-84px -20px; }
body.us ul#characters-filter li#classic a:hover { background-position:-214px -20px; }
body.us ul#characters-filter li#all a.active { background-position:0 -40px; }
body.us ul#characters-filter li#new a.active { background-position:-84px -40px; }
body.us ul#characters-filter li#classic a.active { background-position:-214px -40px; }
body.uk ul#characters-filter li#all a { background-position:0 -60px; width:84px; left:0; }
body.uk ul#characters-filter li#new a { background-position:-84px -60px; width:130px; left:84px; }
body.uk ul#characters-filter li#classic a { background-position:-214px -60px; width:145px; left:214px; }
body.uk ul#characters-filter li#all a:hover { background-position:0 -80px; }
body.uk ul#characters-filter li#new a:hover { background-position:-84px -80px; }
body.uk ul#characters-filter li#classic a:hover { background-position:-214px -80px; }
body.uk ul#characters-filter li#all a.active { background-position:0 -100px; }
body.uk ul#characters-filter li#new a.active { background-position:-84px -100px; }
body.uk ul#characters-filter li#classic a.active { background-position:-214px -100px; }
body.fr ul#characters-filter li#all a { background-position:0 -120px; width:84px; left:0; }
body.fr ul#characters-filter li#new a { background-position:-84px -120px; width:165px; left:84px; }
body.fr ul#characters-filter li#classic a { background-position:-249px -120px; width:187px; left:249px; }
body.fr ul#characters-filter li#all a:hover { background-position:0 -140px; }
body.fr ul#characters-filter li#new a:hover { background-position:-84px -140px; }
body.fr ul#characters-filter li#classic a:hover { background-position:-249px -140px; }
body.fr ul#characters-filter li#all a.active { background-position:0 -160px; }
body.fr ul#characters-filter li#new a.active { background-position:-84px -160px; }
body.fr ul#characters-filter li#classic a.active { background-position:-249px -160px; }
body.it ul#characters-filter li#all a { background-position:0 -180px; width:84px; left:0; }
body.it ul#characters-filter li#new a { background-position:-84px -180px; width:133px; left:84px; }
body.it ul#characters-filter li#classic a { background-position:-217px -180px; width:163px; left:217px; }
body.it ul#characters-filter li#all a:hover { background-position:0 -200px; }
body.it ul#characters-filter li#new a:hover { background-position:-84px -200px; }
body.it ul#characters-filter li#classic a:hover { background-position:-217px -200px; }
body.it ul#characters-filter li#all a.active { background-position:0 -220px; }
body.it ul#characters-filter li#new a.active { background-position:-84px -220px; }
body.it ul#characters-filter li#classic a.active { background-position:-217px -220px; }
body.es ul#characters-filter li#all a { background-position:0 -240px; width:84px; left:0; }
body.es ul#characters-filter li#new a { background-position:-84px -240px; width:165px; left:84px; }
body.es ul#characters-filter li#classic a { background-position:-249px -240px; width:165px; left:249px; }
body.es ul#characters-filter li#all a:hover { background-position:0 -260px; }
body.es ul#characters-filter li#new a:hover { background-position:-84px -260px; }
body.es ul#characters-filter li#classic a:hover { background-position:-249px -260px; }
body.es ul#characters-filter li#all a.active { background-position:0 -280px; }
body.es ul#characters-filter li#new a.active { background-position:-84px -280px; }
body.es ul#characters-filter li#classic a.active { background-position:-249px -280px; }
body.de ul#characters-filter li#all a { background-position:0 -300px; width:84px; left:0; }
body.de ul#characters-filter li#new a { background-position:-84px -300px; width:130px; left:84px; }
body.de ul#characters-filter li#classic a { background-position:-214px -300px; width:190px; left:214px; }
body.de ul#characters-filter li#all a:hover { background-position:0 -320px; }
body.de ul#characters-filter li#new a:hover { background-position:-84px -320px; }
body.de ul#characters-filter li#classic a:hover { background-position:-214px -320px; }
body.de ul#characters-filter li#all a.active { background-position:0 -340px; }
body.de ul#characters-filter li#new a.active { background-position:-84px -340px; }
body.de ul#characters-filter li#classic a.active { background-position:-214px -340px; }
body.us-es ul#characters-filter li#all a { background-position:0 -360px; width:84px; left:0; }
body.us-es ul#characters-filter li#new a { background-position:-84px -360px; width:150px; left:84px; }
body.us-es ul#characters-filter li#classic a { background-position:-234px -360px; width:160px; left:234px; }
body.us-es ul#characters-filter li#all a:hover { background-position:0 -380px; }
body.us-es ul#characters-filter li#new a:hover { background-position:-84px -380px; }
body.us-es ul#characters-filter li#classic a:hover { background-position:-234px -380px; }
body.us-es ul#characters-filter li#all a.active { background-position:0 -400px; }
body.us-es ul#characters-filter li#new a.active { background-position:-84px -400px; }
body.us-es ul#characters-filter li#classic a.active { background-position:-234px -400px; }
body.br ul#characters-filter li#all a { background-position:0 -420px; width:84px; left:0; }
body.br ul#characters-filter li#new a { background-position:-84px -420px; width:150px; left:84px; }
body.br ul#characters-filter li#classic a { background-position:-234px -420px; width:160px; left:234px; }
body.br ul#characters-filter li#all a:hover { background-position:0 -440px; }
body.br ul#characters-filter li#new a:hover { background-position:-84px -440px; }
body.br ul#characters-filter li#classic a:hover { background-position:-234px -440px; }
body.br ul#characters-filter li#all a.active { background-position:0 -460px; }
body.br ul#characters-filter li#new a.active { background-position:-84px -460px; }
body.br ul#characters-filter li#classic a.active { background-position:-234px -460px; }

/* Media Page */
.main-group#media { }
.main-group#media h3 { display:block; float:left; text-indent:-9999px; outline:none; height:18px; width:144px; background-image:url(/img/media-header.gif); background-repeat:no-repeat; margin:20px 0 0 22px; }
body.us .main-group#media h3 { background-position:0 0; }
body.uk .main-group#media h3 { background-position:0 -18px; }
body.fr .main-group#media h3 { background-position:0 -36px; }
body.it .main-group#media h3 { background-position:0 -54px; }
body.es .main-group#media h3 { background-position:0 -72px; }
body.de .main-group#media h3 { background-position:0 -90px; }
body.us-es .main-group#media h3 { background-position:0 -108px; }
body.br .main-group#media h3 { background-position:0 -126px; }
ul#media-filter { height:20px; float:right; margin:20px 0 10px; padding:0; position:relative; right:5px; display:block; }
ul#media-filter li { float:left; list-style-type:none; list-style:none; }
ul#media-filter li a { height:20px; display:block; text-indent:-9999px; outline:none; background-image:url(/img/media-filter.gif); background-repeat:no-repeat; }
body.us ul#media-filter li#video a { background-position:0 0; width:84px; left:0; }
body.us ul#media-filter li#screenshot a { background-position:-84px 0; width:130px; left:84px; }
body.us ul#media-filter li#wallpaper a { background-position:-214px 0; width:108px; left:214px; }
body.us ul#media-filter li#video a:hover { background-position:0 -20px; }
body.us ul#media-filter li#screenshot a:hover { background-position:-84px -20px; }
body.us ul#media-filter li#wallpaper a:hover { background-position:-214px -20px; }
body.us ul#media-filter li#video a.active { background-position:0 -40px; }
body.us ul#media-filter li#screenshot a.active { background-position:-84px -40px; }
body.us ul#media-filter li#wallpaper a.active { background-position:-214px -40px; }
body.uk ul#media-filter li#video a { background-position:0 -60px; width:84px; left:0; }
body.uk ul#media-filter li#screenshot a { background-position:-84px -60px; width:130px; left:84px; }
body.uk ul#media-filter li#wallpaper a { background-position:-214px -60px; width:108px; left:214px; }
body.uk ul#media-filter li#video a:hover { background-position:0 -80px; }
body.uk ul#media-filter li#screenshot a:hover { background-position:-84px -80px; }
body.uk ul#media-filter li#wallpaper a:hover { background-position:-214px -80px; }
body.uk ul#media-filter li#video a.active { background-position:0 -100px; }
body.uk ul#media-filter li#screenshot a.active { background-position:-84px -100px; }
body.uk ul#media-filter li#wallpaper a.active { background-position:-214px -100px; }
body.fr ul#media-filter li#video a { background-position:0 -120px; width:84px; left:0; }
body.fr ul#media-filter li#screenshot a { background-position:-84px -120px; width:92px; left:84px; }
body.fr ul#media-filter li#wallpaper a { background-position:-176px -120px; width:125px; left:176px; }
body.fr ul#media-filter li#video a:hover { background-position:0 -140px; }
body.fr ul#media-filter li#screenshot a:hover { background-position:-84px -140px; }
body.fr ul#media-filter li#wallpaper a:hover { background-position:-176px -140px; }
body.fr ul#media-filter li#video a.active { background-position:0 -160px; }
body.fr ul#media-filter li#screenshot a.active { background-position:-84px -160px; }
body.fr ul#media-filter li#wallpaper a.active { background-position:-176px -160px; }
body.it ul#media-filter li#video a { background-position:0 -180px; width:84px; left:0; }
body.it ul#media-filter li#screenshot a { background-position:-84px -180px; width:122px; left:84px; }
body.it ul#media-filter li#wallpaper a { background-position:-206px -180px; width:115px; left:206px; }
body.it ul#media-filter li#video a:hover { background-position:0 -200px; }
body.it ul#media-filter li#screenshot a:hover { background-position:-84px -200px; }
body.it ul#media-filter li#wallpaper a:hover { background-position:-206px -200px; }
body.it ul#media-filter li#video a.active { background-position:0 -220px; }
body.it ul#media-filter li#screenshot a.active { background-position:-84px -220px; }
body.it ul#media-filter li#wallpaper a.active { background-position:-206px -220px; }
body.es ul#media-filter li#video a { background-position:0 -240px; width:84px; left:0; }
body.es ul#media-filter li#screenshot a { background-position:-84px -240px; width:118px; left:84px; }
body.es ul#media-filter li#wallpaper a { background-position:-202px -240px; width:150px; left:202px; }
body.es ul#media-filter li#video a:hover { background-position:0 -260px; }
body.es ul#media-filter li#screenshot a:hover { background-position:-84px -260px; }
body.es ul#media-filter li#wallpaper a:hover { background-position:-202px -260px; }
body.es ul#media-filter li#video a.active { background-position:0 -280px; }
body.es ul#media-filter li#screenshot a.active { background-position:-84px -280px; }
body.es ul#media-filter li#wallpaper a.active { background-position:-202px -280px; }
body.de ul#media-filter li#video a { background-position:0 -300px; width:84px; left:0; }
body.de ul#media-filter li#screenshot a { background-position:-84px -300px; width:130px; left:84px; }
body.de ul#media-filter li#wallpaper a { background-position:-214px -300px; width:108px; left:214px; }
body.de ul#media-filter li#video a:hover { background-position:0 -320px; }
body.de ul#media-filter li#screenshot a:hover { background-position:-84px -320px; }
body.de ul#media-filter li#wallpaper a:hover { background-position:-214px -320px; }
body.de ul#media-filter li#video a.active { background-position:0 -340px; }
body.de ul#media-filter li#screenshot a.active { background-position:-84px -340px; }
body.de ul#media-filter li#wallpaper a.active { background-position:-214px -340px; }
body.us-es ul#media-filter li#video a { background-position:0 -360px; width:84px; left:0; }
body.us-es ul#media-filter li#screenshot a { background-position:-84px -360px; width:118px; left:84px; }
body.us-es ul#media-filter li#wallpaper a { background-position:-202px -360px; width:146px; left:202px; }
body.us-es ul#media-filter li#video a:hover { background-position:0 -380px; }
body.us-es ul#media-filter li#screenshot a:hover { background-position:-84px -380px; }
body.us-es ul#media-filter li#wallpaper a:hover { background-position:-202px -380px; }
body.us-es ul#media-filter li#video a.active { background-position:0 -400px; }
body.us-es ul#media-filter li#screenshot a.active { background-position:-84px -400px; }
body.us-es ul#media-filter li#wallpaper a.active { background-position:-202px -400px; }
body.br ul#media-filter li#video a { background-position:0 -420px; width:84px; left:0; }
body.br ul#media-filter li#screenshot a { background-position:-84px -420px; width:86px; left:84px; }
body.br ul#media-filter li#wallpaper a { background-position:-170px -420px; width:136px; left:170px; }
body.br ul#media-filter li#video a:hover { background-position:0 -440px; }
body.br ul#media-filter li#screenshot a:hover { background-position:-84px -440px; }
body.br ul#media-filter li#wallpaper a:hover { background-position:-170px -440px; }
body.br ul#media-filter li#video a.active { background-position:0 -460px; }
body.br ul#media-filter li#screenshot a.active { background-position:-84px -460px; }
body.br ul#media-filter li#wallpaper a.active { background-position:-170px -460px; }

/* News */
#news { background:#000; overflow:auto; padding-bottom:8px; text-align:left; }
#news-reader { float:left; width:520px; margin-right:20px; padding:24px 0 24px 20px; }
#news-reader h3 { color:#FFF; font-weight:bold; }
#news-reader p { color:#FFF; }
#news-reader p a order-hero
#news-reader p img { margin:0 1.5em 1.5em 0; padding:0; border:1px solid #222; }
#news-articles { float:right; width:300px; padding:24px 0 0; }
#news-articles h2 { margin-bottom:16px; height:12px; display:block; text-indent:-9999px; outline:none; background-image:url(/img/news-header.gif); background-repeat:no-repeat; }
body.us #news-articles h2 { background-position:0 0; }
body.uk #news-articles h2 { background-position:0 -12px; }
body.fr #news-articles h2 { background-position:0 -24px; }
body.it #news-articles h2 { background-position:0 -36px; }
body.es #news-articles h2 { background-position:0 -48px; }
body.de #news-articles h2 { background-position:0 -60px; }
#news-articles ul { list-style:none; margin:0 16px 0 0; padding:0; border-top:1px solid #464646; }
#news-articles ul li { list-style:none; padding:0 0 0 12px; margin:0; }
#news-articles ul li a { color:#C2C2C2; padding:8px 8px 8px 2px; display:block; text-decoration:none; border-bottom:1px dotted #464646; }
#news-articles ul li a:hover { color:#FFF; }
#news-articles ul li.active { background:url(/img/news-arrow.gif) left center no-repeat; }
#news-articles ul li.active a { color:#FFDE00; }

/* Pre-order Page */
ul#preorder-game { width:860px; height:480px; position:relative; background-position:top left; background-repeat:no-repeat; margin:0; padding:0; }
ul#preorder-game li { list-style:none; list-style-type:none;margin:0; }
ul#preorder-game li a { display:block; text-indent:-9999px; outline:none; position:absolute;}

body.us ul#preorder-game li a.ps3, body.us-es ul#preorder-game li a.ps3 {width:80px; height:40px; top:383px;}
body.us ul#preorder-game li a.xbox, body.us-es ul#preorder-game li a.xbox {width:100px; height:40px; top:383px;}

ul#preorder-game li.amazon a.ps3 {left:75px;}
ul#preorder-game li.amazon a.xbox {left:180px}
ul#preorder-game li.gamestop a.ps3 {left:595px;}
ul#preorder-game li.gamestop a.xbox {left:700px;}
ul#preorder-game li.bestbuy a.ps3 {left:335px;}
ul#preorder-game li.bestbuy a.xbox {left:440px;}

ul#preorder-game li a#xboxorder { width:166px; height:288px; top:180px; left:460px; }
ul#preorder-game li a#ps3order { width:174px; height:253px; top:215px; left:635px; }


body.us ul#preorder-game { background-image:url(/img/us/order-hero.jpg); }
body.uk ul#preorder-game { background-image:url(/img/uk/order-hero.jpg); }
body.fr ul#preorder-game { background-image:url(/img/fr/order-hero.jpg); }
body.it ul#preorder-game { background-image:url(/img/it/order-hero.jpg); }
body.es ul#preorder-game { background-image:url(/img/es/order-hero.jpg); }
body.de ul#preorder-game { background-image:url(/img/de/order-hero.jpg); }
body.us-es ul#preorder-game { background-image:url(/img/us-es/order-hero.jpg); }
body.br ul#preorder-game { background-image:url(/img/br/order-hero.jpg); }

/* Footer */
#footer { position:relative; }
#footer ul#family { margin:50px auto 10px; width:860px; height:176px; position:relative; }
#footer ul#family li { list-style:none; list-style-type:none; }
#footer ul#family li a { display:block; text-indent:-9999px; outline:none; position:absolute; }
#footer ul#family li a#sf4 { width:170px; height:95px; top:35px; left:50px; }
#footer ul#family li a#sf4hd { width:115px; height:85px; top:35px; left:270px; }
#footer ul#family li a#sfmobile { width:120px; height:80px; top:35px; left:460px; }
#footer ul#family li a#sflegacy { width:95px; height:80px; top:35px; left:652px; }
body.us #footer ul#family { background:url(/img/us/footer-sf-family.jpg) top left no-repeat; }
body.uk #footer ul#family { background:url(/img/uk/footer-sf-family.jpg) top left no-repeat; }
body.fr #footer ul#family { background:url(/img/fr/footer-sf-family.jpg) top left no-repeat; }
body.it #footer ul#family { background:url(/img/it/footer-sf-family.jpg) top left no-repeat; }
body.es #footer ul#family { background:url(/img/es/footer-sf-family.jpg) top left no-repeat; }
body.de #footer ul#family { background:url(/img/de/footer-sf-family.jpg) top left no-repeat; }
body.us-es #footer ul#family { background:url(/img/us-es/footer-sf-family.jpg) top left no-repeat; }
body.br #footer ul#family { background:url(/img/br/footer-sf-family.jpg) top left no-repeat; }
#footer div#copyright { width:700px; margin:10px auto; text-align:center; }
#footer div#copyright p,#footer div#copyright a { color:#FFF; text-transform:uppercase; font-size:75%; text-decoration:none; }
#footer ul#logos { margin:30px auto 10px; height:59px; position:relative; }
body.us #footer ul#logos { width:589px; background:url(/img/us/footer-logos.jpg) top left no-repeat; }
body.uk #footer ul#logos { width:305px; background:url(/img/uk/footer-logos.jpg) top left no-repeat; }
body.fr #footer ul#logos { width:305px; background:url(/img/fr/footer-logos.jpg) top left no-repeat; }
body.it #footer ul#logos { width:305px; background:url(/img/it/footer-logos.jpg) top left no-repeat; }
body.es #footer ul#logos { width:305px; background:url(/img/es/footer-logos.jpg) top left no-repeat; }
body.de #footer ul#logos { width:305px; background:url(/img/de/footer-logos.jpg) top left no-repeat; }
body.us-es #footer ul#logos { width:589px; background:url(/img/us-es/footer-logos.jpg) top left no-repeat; }
body.br #footer ul#logos { width:305px; background:url(/img/br/footer-logos.jpg) top left no-repeat; }
#footer ul#logos li { list-style:none; list-style-type:none; }
#footer ul#logos li a { display:block; text-indent:-9999px; outline:none; }
#footer ul#logos li a#esrb-rating { width:130px; height:59px; top:0; left:0; position:absolute; }
#footer ul#logos li a#esrb-privacy { width:118px; height:44px; top:6px; left:141px; position:absolute; }
body.us #footer ul#logos li a#ps3 { left:281px; }
body.us #footer ul#logos li a#xbox360 { left:405px; }
body.us #footer ul#logos li a#xboxlive { left:530px; }
body.us-es #footer ul#logos li a#ps3 { left:281px; }
body.us-es #footer ul#logos li a#xbox360 { left:405px; }
body.us-es #footer ul#logos li a#xboxlive { left:530px; }
#footer ul#logos li a#ps3 { width:107px; height:27px; top:20px; left:0; position:absolute; }
#footer ul#logos li a#xbox360 { width:107px; height:27px; top:20px; left:124px; position:absolute; }
#footer ul#logos li a#xboxlive { width:51px; height:27px; top:20px; left:249px; position:absolute; }
#footer ul#logos li a#windows { width:130px; height:27px; top:20px; left:317px; position:absolute; }

/* Error Messages & Notices */
#error-page { height:400px; background:#000; padding:40px; background:#000 url(/img/ehonda-error.gif) bottom left no-repeat; position:relative; }
#error-page #error-page-msg { position:absolute; top:170px; left:230px; width:325px; height:185px; text-align:left; }
#error-page #error-page-msg h1 { color:#900; }
#error-page #error-page-msg p { color:#333; }
#error-page #error-page-msg a { color:#000; text-decoration:underline; }
.error h1,.error h2,.error h3,.error h4,.error h5,.error h6 { color:#8a1f11; }
.error a.btn { background:#8a1f11; padding:.5em 1em; color:#FFF; text-decoration:none; font-weight:bold; font-size:1.25em; margin:1em 0; text-align:center; }
.error a.btn:hover { background:#900; }
.success h1,.success h2,.success h3,.success h4,.success h5,.success h6 { color:#264409; }
.notice p { color:#514721; }

/* Hacks */
br.clear { display:block; height:0; clear:both; }
