/**
 * Nitto Legends base style sheet.
 */

/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, 
address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, 
var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
} 

body {
    background: #2C2C2C url(../images/bg-gradient.jpg) repeat-x scroll 0 0;
    height: 100%;
    text-align: left;
}

p 
{
    font-family: Arial,Verdana,Sans-Serif,Serif;
    font-size: 12.1px;
    font-weight: 400;
    font-style:	normal;
    color: #FFFFFF;
}

#footer-disclaimer p 
{
    font-family: Arial,Verdana,Sans-Serif,Serif;
    font-size: 12.1px;
    font-weight: 400;
    font-style:	normal;
    color: #FFFFFF;
}

/** Basic layout structure */

#top-header {
    height: 123px;
} 

#body-header {
    height: 93px;
} 

#body-content {
    overflow: auto;
    overflow: auto;
}

#footer 
{
    clear: both;
    height: 108px;
}

/** Top header */
#top-header-container {
    margin: 0 auto;
    width: 991px;
    height: 100%;
    position: relative;
} 

#top-header-logo 
{
    width: 635px;    
    height: 118px;
    background: transparent url(../images/header-logo.png) no-repeat left center;
    position: absolute;
    left: -100px;
} 

#top-header-sign-in 
{
    width: 95px;
    height: 25px;
    background: transparent url(../images/loginBox-bg.jpg) no-repeat left center;
    position: absolute;
    right: 20px;
    top: 0px;
}

#login-helmet {
    border: medium none;
    position: relative;
    top: 5px;
    left: 6px;
    border-width: 0px;
}

a#login-box:link, a#login-box:visited {
    border: medium none;
    color: #FFFFFF;
    font-size: 13px;
    padding: 3px 5px 3px 0;
    text-decoration: none;
    font-family: Arial, Verdana, Sans-Serif, Serif;
    position: relative;
    top: -2px;
    left: 7px;
}

#top-header-player-count 
{
    width: 211px;
    height: 42px;
    background: none;
    position: absolute;
    left: 86px;
    top: 91px;
}

#top-header-menu-bar
{
    width: 565px;    
    height: 33px;
    position: absolute;
    right: 0px;
    bottom: 5px;
    text-align: right;
}

.top-header-menu-item 
{
    -moz-background-clip: border;
    -moz-background-inline-policy: continuous;
    -moz-background-origin: padding;
    width: 113px;
    float: left;
    height: 0 !important;
    overflow: hidden;
    padding: 33px 0 0;
}

a.top-header-menu-item-game-guide
{
    background: transparent url(../images/mainNav-guide-all.png) no-repeat scroll 0 -32px;
}

a.top-header-menu-item-game-guide:hover, a.top-header-menu-item-game-guide-selected
{
    background: transparent url(../images/mainNav-guide-all.png) no-repeat 0px 3px;
}

a.top-header-menu-item-racer-central
{
    background:transparent url(../images/mainNav-racercentral-all.png) no-repeat scroll 0 -34px;
}

a.top-header-menu-item-racer-central:hover, a.top-header-menu-item-racer-central-selected
{
    background: transparent url(../images/mainNav-racercentral-all.png) no-repeat 0px 1px;
}

a.top-header-menu-item-1320-shop
{
    background: transparent url(../images/mainNav-shop.png) no-repeat;
}

a.top-header-menu-item-1320-shop:hover, a.top-header-menu-item-1320-shop-selected
{
    background: transparent url(../images/mainNav-shop-over.png) no-repeat;
}

a.top-header-menu-item-forums
{
    background: transparent url(../images/mainNav-forums-all.png) no-repeat 0px -34px;
}

a.top-header-menu-item-forums:hover, a.top-header-menu-item-forums-selected
{
    background: transparent url(../images/mainNav-forums-all.png) no-repeat 0px -1px;
}

a.top-header-menu-item-support
{
    background: transparent url(../images/mainNav-support-all.png) no-repeat 0px -34px;
}

a.top-header-menu-item-support:hover, a.top-header-menu-item-support-selected
{
    background: transparent url(../images/mainNav-support-all.png) no-repeat  0px 1px;
}

/** Body header */
#body-header-container {
    margin: 0 auto;
    width: 991px;
    height: 100%;
    position: relative;
    background: transparent url(../images/shop/content-header-bg.png) no-repeat left center;
}

#body-header-welcome-text 
{
}

.download-text {
    color: white;
    position: absolute;
    left: 101px;
    top: 1px;
}

.download-text a:link, .download-text a:visited {
    color: White;
    font-family: Verdana,Arial,Sans-Serif,Serif;
    font-size: 12px;
    text-decoration: none;
}

.download-text a:hover {
    color: red;
}

#play-now-button-link
{
    width: 119px;
    height: 108px;
    background: transparent url(../images/shop/play-now.png) no-repeat left center;
    position: absolute;
    top: -31px;
    left: 1px;
}

#shop-logo-theme 
{
    width: 406px;
    height: 48px;
    background: transparent url(../images/shop/logo-theme.png) no-repeat left center;
    position: absolute;
    top: 37px;
    right: 12px;
}

/** Body content */
#body-content-container 
{
    margin: 0 auto;
    width: 991px;
    min-height: 700px;
    position: relative;
    background: white url(../images/shop/bg-body-content.png) repeat-x left top;
    overflow: auto;
}

/** Footer */
#footer-container 
{
    margin: 0 auto;
    width: 991px;
}

#footer-nav {
    border-top: 1px solid #545454;
    margin-top: 5px;
    padding-top: 10px;
}

#footer-nav li {
    color: #C9C9C9;
    display: inline;
    font-family: Arial,Verdana,Tahoma,Sans-Serif;
    font-size: 0.8em;
    font-weight: 900;
    padding: 0 0 20px 20px;
}

#footer-nav li a:link, #footer-nav li a:visited {
    color: #C9C9C9;
    text-decoration: none;
}

#footer-nav ul {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
}

#footer-lang li a:hover
{
    color: red;
}

#footer-lang {
    float: left;
}

#footer-lang li {
    margin-left: 0;
    padding-left: 0;
    padding-right: 7px;
}

#footer-links li a:hover
{
    color: red;
}

#footer-links 
{
    float: right;
}

#footer-disclaimer {
    color: #C9C9C9;
    font-family: Arial,Verdana,Sans-Serif;
    font-size: 11px;
    padding-top: 56px;
    text-align: center;
}

.auto-span-container 
{
    overflow: auto;
}

.float-left 
{
    float: left;
}

.float-right
{
    float: right;
}

.clear-both
{
    clear: both;
}