html, body, ul, li, h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; border: 0; }
ul { list-style-type: none; }
body { background: #000 url('../images/body.bg.jpg') top center no-repeat; font-family: sans-serif; color: #fff; }

#main { position: relative; width: 960px; margin: 0 auto; }

/* HEADER */
#header { margin-left: -16px; height: 210px; overflow: hidden; }
#header h1#logo { margin: 36px 0px 0px 7px; }
#header h1#logo a { display: block; width: 568px; height: 122px; background: transparent url('../images/h1.logo.bg.legacy.png') no-repeat; overflow: hidden; text-indent: -5000px; }

/* LEFT NAV CONTAINER */
#nav { float: left; display: inline; position: relative; background: url('../images/nav/nav.bg.png') repeat-y; margin: 51px 0px 0px -16px; padding: 32px 16px 14px 15px; }
#nav-top { position: absolute; top: -51px; left: 0px; background: url('../images/nav/nav.top.png') top no-repeat; width: 203px; height: 51px; z-index: -1; }
#nav-bottom { position: absolute; bottom: -50px; left: 0px; background: url('../images/nav/nav.bottom.png') bottom no-repeat; width: 203px; height: 50px; z-index: -1; }
#nav-main { float: left; width: 172px; margin-top: -51px; margin-bottom: -50px; overflow: hidden; }

/* LEFT NAV FIRST LEVEL */
#nav-primary a img { border: 0; }
#nav-primary a.nav-primary-button { display: block; width: 172px; height: 32px; text-indent: -5000px; overflow: hidden; }
#nav-home { background: url('../images/nav/nav.buttons.png') center 0px no-repeat; }
#nav-news { background: url('../images/nav/nav.buttons.png') center -32px no-repeat; }
#nav-gamebackground { background: url('../images/nav/nav.buttons.png') center -64px no-repeat; }
#nav-newplayerguide { background: url('../images/nav/nav.buttons.png') center -96px no-repeat; }
#nav-thelibrary { background: url('../images/nav/nav.buttons.png') center -128px no-repeat; }
#nav-community { background: url('../images/nav/nav.buttons.disabled.png') center -160px no-repeat; }
#nav-downloads { background: url('../images/nav/nav.buttons.png') center -192px no-repeat; }
#nav-support { background: url('../images/nav/nav.buttons.disabled.png') center -224px no-repeat; }
#nav-myaccount { background: url('../images/nav/nav.buttons.disabled.png') center -256px no-repeat; }

/* LEFT NAV SECOND LEVEL */
.nav-secondary { margin: 0px 0px 0px 3px; padding: 0px 0px 3px 0px; overflow: hidden; }
.nav-secondary a { display: block; line-height: 15px; vertical-align: middle; font-family: Verdana, sans-serif; font-size: 10px; color: #fff; text-decoration: none; }
.nav-secondary a:hover { color: #d2ba5b; }
.nav-secondary a.active { color: #d2ba5b; }
.nav-secondary a.nav-expand { background: url('../images/nav/nav-trinary-expand.gif') right center no-repeat; }
.nav-secondary a.nav-expand:hover { background: url('../images/nav/nav-trinary-expand.hover.gif') right center no-repeat; }
.nav-secondary a.nav-collapse { background: url('../images/nav/nav-trinary-collapse.gif') right center no-repeat; }
.nav-secondary a.nav-collapse:hover { background: url('../images/nav/nav-trinary-collapse.hover.gif') right center no-repeat; }

.nav-trinary { margin-left: 8px; overflow: hidden; }
.nav-trinary a { display: block; line-height: 15px; vertical-align: middle; font-family: Verdana, sans-serif; font-size: 10px; color: #bbb; text-decoration: none; }
.nav-trinary a.active { color: #d2ba5b; }
.nav-trinary a:hover { color: #d2ba5b; }

#partners { float: left; display: inline; clear: left; position: relative; margin: 64px 0px 0px -16px; padding: 0px 5px; }
#partner-brazil { display: block; text-indent: -5000px; overflow: hidden; width: 193px; height: 41px; background: url('../images/partner.brazil.png'); }

/* PROMO BOX */
#promo { float: right; display: inline; position: relative; margin: 8px -15px 0px 0px; padding: 14px 6px 12px 7px; overflow: hidden; }
#promo-frame { position: absolute; top: 0px; left: 0px; background: url('../images/promo.bg.png') no-repeat; width: 773px; height: 196px; }
#promo-carousel-nav { position: absolute; bottom: 21px; left: 458px; }
#promo-carousel-nav li { float: left; display: inline; margin-right: 2px; }
#promo-carousel-nav li a { display: block; width: 12px; height: 12px; background: #796c5d url('../images/promo-nav.bg.png') no-repeat; text-align: center; line-height: 12px; font-size: 8px; color: #000; text-decoration: none; outline: none; }
#promo-carousel-nav li.active a { color: #fff; }
#promo-carousel { display: block; width: 760px; height: 174px; overflow: hidden; background-color: #000; }
#promo-carousel li.promo-banner { display: block; width: 760px; height: 174px; }

.promo-graphic { float: left; width: 450px; height: 174px; background-color: #000; }
.promo-blurb { float: right; width: 310px; height: 174px; background-color: #000; }
.promo-blurb h2 { margin: 10px 10px 0px 0px; font-size: 28px; color: #ffbe54; /* color: #d2ba5b; */ font-family: serif; font-weight: lighter; }
.promo-blurb p { margin: 0px 10px 0px 0px; }
.promo-blurb .promo-body { margin-top: 5px; font-size: 12px; }
.promo-blurb .promo-link { position: absolute; float: left; display: inline; margin-top: 5px; clear: both; font-size: 11px; }
.promo-blurb .promo-link a { font-size: 12px; color: #56c8d0; }
.promo-blurb li { margin-left: 15px; list-style-type: disc; }

/* CONTENT BOX */
#content { float: right; display: inline; position: relative; background: url('../images/content.bg.png') repeat-y; margin: 38px -15px 35px 0px; padding: 6px 9px 9px 9px; }
#content-top { position: absolute; top: -36px; left: 0px; background: url('../images/content.top.png') no-repeat; width: 773px; height: 36px; }
#content-bottom { position: absolute; bottom: -33px; left: 0px; background: url('../images/content.bottom.png') no-repeat; width: 773px; height: 35px; }
#content-main { float: left; background: #00213b; width: 755px; margin-top: -36px; margin-bottom: -33px; overflow: hidden; }

/* FOOTER BOX */
#footer { float: right; display: inline; position: relative; background: url('../images/content.bg.png') repeat-y; margin: 40px -15px 35px 0px; padding: 6px 9px 9px 9px; }
#footer-top { position: absolute; top: -36px; left: 0px; background: url('../images/content.top.png') no-repeat; width: 773px; height: 36px; }
#footer-bottom { position: absolute; bottom: -33px; left: 0px; background: url('../images/content.bottom.png') no-repeat; width: 773px; height: 35px; }
#footer-main { position: relative; float: left; background: #00213b; width: 755px; margin-top: -36px; margin-bottom: -33px; overflow: hidden; }

#footer-ncsoft { float: right; display: inline; width: 102px; height: 90px; margin: 10px; background: url('../images/footer-ncsoft.png') right center no-repeat; text-indent: -5000px; }

#footer-rating-esrb { display: block; position: absolute; top: 9px; left: 10px; width: 164px; height: 73px; background: url('../images/footer-rating-esrb.png') no-repeat; text-indent: -5000px; }
#footer-rating-pegi { display: block; position: absolute; top: 9px; left: 204px; width: 124px; height: 73px; background: url('../images/footer-rating-pegi.png') no-repeat; text-indent: -5000px; }
#footer-rating-usk { display: block; position: absolute; top: 9px; left: 358px; width: 73px; height: 73px; background: url('../images/footer-rating-usk.png') no-repeat; text-indent: -5000px; }

#footer-rss { position: absolute; display: block; bottom: 30px; left: 450px; width: 110px; text-align: left; height: 28px; background: url('../images/footer-rss.png') left center no-repeat; padding-left: 28px; font-size: 11px; color: #fff; text-decoration: none; }
#footer-copyright { position: absolute; display: block; margin: 0; padding: 0; bottom: 8px; left: 450px; font-size: 10px; color: #fff; }

#footer-nav { position: absolute; bottom: 8px; left: 10px; margin: 0; padding: 0; display: block; overflow: hidden; z-index: 1; }
#footer-nav li { display: inline; }
#footer-nav li + li a { border-left: 1px solid white; margin-left: 2px; padding-left: 5px; }
#footer-nav a { font-size: 11px; color: #fff; text-decoration: none; }

/* CONTENT ARTICLES */
#rightCol{
	float:right;
	margin-right:2px;
	width:174px;
	display:inline;
}

.donate{
	font-family: Verdana, sans-serif; font-size: 10px; color: #bbb; text-decoration: none;
	margin-bottom: 10px;
	margin-top: 10px;
	width: 160px;
	text-align: center;
}

.donate p{
	margin-bottom: 10px;
	margin-top: 10px;
}

#news { float: left; display: inline; width: 570px; overflow: hidden; }
#news .section { padding: 5px 10px; overflow: hidden; }
#news .section h2 { background: url('../images/section.h2.bg.png') left bottom no-repeat; padding: 5px 0px; margin-bottom: 5px; font-size: 18px; font-weight: lighter; font-variant: small-caps; font-family: serif; color: #56c8d0; }
#news .article { float: left; width: 560px; display: inline; padding: 5px 0px; overflow: hidden; }
#news .article a { color: #43bcc6; text-decoration: none; }
#news .article-title { float: left; display: inline; font-size: 11px; font-weight: bold; color: #d2ba5b;  }
#news .article-date { float: right; display: inline; font-size: 11px; color: #56c8d0; }
#news .article-body { float: left; display: inline; clear: both; font-size: 11px; font-weight: normal; color: #d6d6d6; }
#news .article-body p { margin: 0px; }
#news .article-body p + p { margin-top: 10px; }
#news .article-link { float: left; display: inline; clear: both; font-size: 12px; }
#news .article-link a { font-size: 11px; color: #56c8d0; }
#news .new { padding-left: 28px; background: url('../images/new.gif') left center no-repeat; display: inline; }
.article-quote { font-size: 14px; font-weight: normal; color: #d6d6d6; text-align: center; margin-top: 10px; }

#features { float: right; display: inline; width: 345px; padding: 20px 0px 10px 0px; }
#features .featured-item { float: right; display: inline; margin-top: 25px; margin-right: 7px; }
#features .featured-item a { float: right; display: inline; width: 333px; height: 156px; text-indent: -5000px; overflow: hidden; }
#features .featured-item #home-bucket-buy-now { background: url('../images/home-buckets/home-bucket-buy-now.png'); }
#features .featured-item #home-bucket-free-trial { background: url('../images/home-buckets/home-bucket-free-trial.jpg'); border: 1px solid #175667; }
#features .featured-item #home-bucket-videos { background: url('../images/home-buckets/home-bucket-videos.jpg'); border: 1px solid #175667; }
#features .featured-item #home-bucket-refer-a-friend { background: url('../images/home-buckets/home-bucket-refer-a-friend.jpg'); border: 1px solid #175667; }
#features .featured-item #home-bucket-game-time-cards { background: url('../images/home-buckets/home-bucket-game-time-cards.jpg'); border: 1px solid #175667; } 

/*Cookie Consent Begin*/
#cookieConsent {
    background-color: rgba(20,20,20,0.8);
    min-height: 26px;
    font-size: 14px;
    color: #ccc;
    line-height: 26px;
    padding: 8px 0 8px 30px;
    font-family: "Trebuchet MS",Helvetica,sans-serif;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    z-index: 9999;
}
#cookieConsent a {
    color: #4B8EE7;
    text-decoration: none;
}
#closeCookieConsent {
    float: right;
    display: inline-block;
    cursor: pointer;
    height: 20px;
    width: 20px;
    margin: -15px 0 0 0;
    font-weight: bold;
}
#closeCookieConsent:hover {
    color: #FFF;
}
#cookieConsent a.cookieConsentOK {
    background-color: #F1D600;
    color: #000;
    display: inline-block;
    border-radius: 5px;
    padding: 0 20px;
    cursor: pointer;
    float: right;
    margin: 0 60px 0 10px;
}
#cookieConsent a.cookieConsentOK:hover {
    background-color: #E0C91F;
}
/*Cookie Consent End*/
