body,html {
    background: #BDD39D url(../images/misc/page_bg.jpg) repeat-x;
    padding: 0;
    margin: 0;
    font: 8pt Verdana;
    color: #FBFBFB;
}

a {
    text-decoration: none;
    color: #FBFBFB;
}

a:hover {
    text-decoration: underline;
    color: #f7dd9e;
}

div.ie7wa1 {
    font-size: 1px;
    overflow: hidden;
}

img {
    vertical-align: middle;
    border: none;
}

h1,h2,p {
    padding: 0;
    margin: 0;
    font-size: 8pt;
}

dl {
    margin: 0;
    padding: 0;
}

.clearingDiv {
    visibility: hidden;
    clear: both;
}

.mainContainer {
    width: 955px;
    /* margin: 26px auto 0 auto; */
    margin: 0px auto 0 auto;
    overflow: hidden;
}

.headerBar {
    margin: 0;
    padding: 0;
}

.headerBar h1 {
    margin: 0;
    padding: 0;
}

.headerBar h1 span {
    position: absolute;
    top: -500px;
}

.headerBar h1 a {
    width: 955px;
    display: block;
    height: 132px;
    /* default banner - is overwritten in html */
    background: url(../images/misc/main_banner_03.jpg) no-repeat;
}

a.btnGrey {
    display: block;
    margin: 0;
    padding: 0;
    width: 199px;
    height: 35px;
    background: url(../images/LeftNav/btn_grey.jpg) no-repeat top left;
    font-weight: bold;
    text-decoration: none;
}

a.btnGrey span {
    display: block;
    padding: 5pt 5pt 0pt 17pt;
}

a.btnGrey:hover {
    background-position: bottom left;
}

a.btnOrange {
    display: block;
    margin: 0;
    padding: 0;
    width: 223px;
    height: 36px;
    background: url(../images/btns/btn_orange.gif) no-repeat top left;
    font-weight: bold;
    text-decoration: none;
}

a.btnOrange span {
    display: block;
    padding: 8pt 5pt 0pt 17pt;
}

a.btnOrange:hover {
    background-position: bottom left;
}

/*Orange btn expandable - general stuff*/
a.lozenge1,a.lozenge2,a.lozenge3,a.lozenge4 {
    background: transparent url('../images/btns/btn_orange_b.gif') no-repeat scroll top right;
    color: #000;
    display: inline-block;
    font-weight: bold;
    height: 36px;
    margin-right: 6px;
    padding-right: 15px; /* sliding doors padding */
    text-decoration: none;
}

a.lozenge1:link,a.lozenge1:active,a.lozenge1:visited,a.lozenge2:link,a.lozenge2:active,a.lozenge2:visited,a.lozenge3:link,a.lozenge3:active,a.lozenge3:visited,a.lozenge4:link,a.lozenge4:active,a.lozenge4:visited
    {
    color: #000;
    text-decoration: none;
    font-weight: bold;
}

a.lozenge1 span,a.lozenge2 span,a.lozenge3 span,a.lozenge4 span {
    background: transparent url('../images/btns/btn_orange_a.gif') no-repeat;
    display: block;
    line-height: 24px; /*button height is 22*/
    padding: 3px 0 9px 23px;
    color: #000;
}

a.lozenge1:hover,a.lozenge2:hover,a.lozenge3:hover,a.lozenge4:hover {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.lozenge1:hover span,a.lozenge2:hover span,a.lozenge3:hover span,a.lozenge4:hover span {
    background-position: bottom left;
}

a.lozenge1 {
    background: transparent url('../images/btns/btn_orange_333333_b.gif') no-repeat scroll top right;
}

a.lozenge1 span {
    background: transparent url('../images/btns/btn_orange_333333_a.gif') no-repeat;
}

a.lozenge3 {
    background: transparent url('../images/btns/btn_orange_ccc_b.gif') no-repeat scroll top right;
}

a.lozenge3:link,a.lozenge3:active,a.lozenge3:visited {
    color: #fff;
}

a.lozenge3 span {
    background: transparent url('../images/btns/btn_orange_ccc_a.gif') no-repeat;
}

a.lozenge3:hover {
    color: #fff;
}

a.lozenge4 {
    background: transparent url('../images/btns/btn_grey_register_b.gif') no-repeat scroll top right;
    color: #fff;
}

a.lozenge4:link,a.lozenge4:active,a.lozenge4:visited {
    color: #fff;
}

a.lozenge4 span {
    background: transparent url('../images/btns/btn_grey_register_a.gif') no-repeat;
    color: #fff;
}

a.lozenge4:hover {
    color: #fff;
}

/* END OF EXPANDABLE BUTTONS */
.mainMiddleContainer {
    background-color: #000;
    margin: 0px 7px 0px 6px;
    overflow: auto;
}

.registerBar a {
    text-decoration: none;
}

div.registerBar {
    margin: 2px 35px 0px 33px;
    background-color: #333;
    padding: 3px 10px 3px 10px;
    font-weight: bold;
}

.registerBar .welcome {
    float: left;
}

.registerBar .registerForUpdates {
    float: right;
    background: url(../images/btns/arrow_on_333.jpg) no-repeat left 4px;
}

.registerBar span.registerForUpdates {
    padding: 0 0 0 9px;
}

.registerBar span.registerForUpdates a {
    padding: 0;
    margin: 0;
}

.centralContent,.footerBar {
    margin: 0px 24px 0 24px;
}

.centralContent {
    background: #F6EFDD url(../images/misc/box_content_top_left_corner.jpg) no-repeat 0 0;
    z-index: 900;
}

.centralContent2 {
    background: url(../images/misc/box_content_top_right_corner.jpg) no-repeat top right;
    margin: 0;
    padding: 4px 0 21px 0;
    position: relative;
    z-index: 100;
}

.centralContent3 {
    background: url(../images/LeftNav/nav_bg_bottom_27.gif) no-repeat 4px bottom;
    padding: 0 4px;
    z-index: 700;
}

/*** NAVIGATION COLUMN ***/
.centralLeftNav dd,.centralLeftNav dl,.centralLeftNav dt {
    margin: 0;
    padding: 0;
}

.centralLeftNav {
    background: #5C5C5C url(../images/LeftNav/nav_bg_top.jpg) no-repeat 0 0;
    width: 208px;
    margin: 0px 4px 4px 0px;
    padding-top: 8px;
    overflow: hidden;
    float: left;
    z-index: 1000;
}

.centralLeftNav a {
    font-weight: bold;
    text-decoration: none;
}

.centralLeftNav div.col {
    margin: 0 0 0 0px;
    background: #333 url(../images/LeftNav/nav_bg_curve.jpg) no-repeat bottom left;
    padding: 0 6px 6px 6px;
}

.centralLeftNav div.nav {
    background: url(../images/LeftNav/nav_bg_middle.jpg) no-repeat 0 0;
    margin-bottom: 108px;
    margin-top: 6px;
}

.centralLeftNav div.nav div.bottomBgHolder {
    background: url(../images/LeftNav/nav_bg_bottom.jpg) no-repeat left top;
    height: 38px;
}

.centralLeftNav dl.nav {
    padding: 40px 0 0 0;
    display: block;
    list-style-position: inside;
}

.centralLeftNav dl.nav dt a {
    display: block;
    height: 30px;
    width: 199px;
    text-transform: uppercase;
    background: url(../images/LeftNav/menu_middle.jpg) no-repeat top left;
}

.centralLeftNav dl.nav dt.first a {
    background: url(../images/LeftNav/menu_top.jpg) no-repeat top left;
}

.centralLeftNav dl.nav dt.last a {
    background: url(../images/LeftNav/menu_bottom.jpg) no-repeat top left;
    height: 37px;
}

.centralLeftNav dl.nav dt.a-m-t-expand a,.centralLeftNav dl.nav dt a:hover {
    background-position: bottom left;
}

.centralLeftNav dl.nav dt a span {
    padding: 7pt 5pt 0pt 17pt;
    display: block;
}

.centralLeftNav .nav dd.a-m-d a span {
    font-weight: normal;
    display: block;
    background: url(../images/btns/arrow_on_757575.jpg) no-repeat 20px 50%;
    padding: 10px 10px 10px 30px;
}

.centralLeftNav .nav dd.a-m-d a.last span {
    border-bottom: none;
}

.centralLeftNav .nav dd.a-m-d a {
    background: url(../images/LeftNav/stretched_menu_middle_bg.gif) repeat-y left bottom;
}

.centralLeftNav .nav dd.a-m-d a.last {
    background: url(../images/LeftNav/stretched_menu_middle_bottom.gif) no-repeat left bottom;
}

.centralLeftNav .addCol {
    text-align: center;
    /* background: url(../images/LeftNav/nav_bg_bottom_27.jpg) no-repeat bottom right; */
}

.centralLeftNav .addCol ul,.centralLeftNav .addCol ul li {
    padding: 10px 0;
    margin: 0;
    list-style-type: none;
    overflow: hidden;
}

/*** MAIN TOP CONTENT AREA ***/
div.commingSoon {
    background: #CCC url(../images/misc/bg_corner_topright.gif) no-repeat right top;
    text-align: center;
}

div.commingSoon span {
    display: block;
    background: url(../images/misc/bg_corner_bottomleft.gif) no-repeat left bottom;
    padding: 20px;
    height: 800px;
}

div.commingSoon img {
    margin-top: 50%;
}

div.mainTopContentArea {
    padding-top: 0px;
    float: left;
    margin-bottom: 4px;
}

.promotionBox {
    float: left;
    clear: right;
}

.preOrderBox span,.registerNowBox span {
    padding: 15px;
    display: block;
    width: 120px;
    height: 135px;
}

.preOrderBox a,.registerNowBox a {
    display: block;
    bottom: 13px;
    margin-left: 25px;
    font-weight: bold;
}

.preOrderBox a {
    color: #000;
}

.preOrderBox,.registerNowBox {
    width: 190px;
    height: 191px;
}

.preOrderBox {
    background: url(../images/misc/hp_feature_1.jpg) no-repeat 0 0;
}

.registerNowBox {
    background: url(../images/misc/hp_feature_vid.jpg) no-repeat 0 0;
    margin-top: 4px;
}

.videoPlaceholder {
    float: left;
    margin-left: 4px;
    width: 480px;
    height: 385px;
    padding: 0;
    overflow: hidden;
}

/*** MAIN CONTENT AREA ***/
div.mainContentArea {
    margin-top: 0px;
    width: 674px;
    float: left;
    color: #000;
    overflow: hidden;
}

div.mainContentAreaLong {
    background-color: #F2F8DE;
    min-height: 1200px;
    _height: 1200px;
}

div.mainContentArea .header {
    overflow: hidden;
    height: 23px;
}

div.not_logged_section h1 {
    color: #FE9700;
}

div.mainContentArea .boxContainer {
    background-color: #000;
}

div.mainContentArea .contentBox {
    padding: 0 10px;
    color: #fff;
}

div.mainContentArea .header h1 {
    text-transform: uppercase;
    padding-top: 6px;
}

div.mainContentArea .header {
    color: white;
    background-color: black;
    text-align: center;
    border-bottom: 1px solid #000;
}

div.mainContentArea div.boxContainer div.footer {
    text-align: right;
    padding: 5px;
    background-color: #000;
}

div.mainContentArea .footer a {
    font-weight: bold;
    text-decoration: none;
    background: url(../images/btns/arrow_on_000.jpg) no-repeat 0 53%;
    padding: 10px;
}

div.mainContentArea div.leftCol .contentBox .text,div.mainContentArea div.leftCol .contentBox img {
    margin-top: 10px;
    color: #fff;
}

div.mainContentArea div.leftCol {
    background-color: #333;
    width: 360px;
    float: left;
}

div.mainContentArea .header.right,div.mainContentArea div.leftCol .header {
    background: #333 url(../images/headers/grey_right_25.jpg) no-repeat top right;
}

div.mainContentArea div.leftCol p {
    margin-top: 12px;
}

div.mainContentArea div.leftCol h2 {
    margin-bottom: 6px;
    background: url(../images/btns/arrow_on_757575.jpg) no-repeat left 5px;
    padding-left: 8px;
}

div.mainContentArea div.leftCol h2 a {

}

div.mainContentArea div.leftCol .contentBox {
    margin: 0;
    background: #757575 url(../images/misc/box_middle_divider.jpg) no-repeat bottom center;
    height: 106px;
}

div.mainContentArea div.leftCol .contentBox.last {
    background-image: none;
    height: 115px;
}

div.mainContentArea div.leftCol .contentBox .text {
    float: left;
    width: 253px;
}

div.mainContentArea div.leftCol .contentBox img {
    float: right;
    border: 1px solid #000;
}

div.mainContentArea div.rightCol {
    width: 308px;
    float: left;
    margin-left: 4px;
}

div.mainContentArea div.rightCol .contentBox {
    padding: 10px;
}

div.mainContentArea div.rightCol .contentBox p {
    color: #333;
    font-weight: bold;
    background: url(../images/misc/bulletpoints.jpg) no-repeat left 3px;
    padding: 0 0 0 10px;
}

div.mainContentArea div.rightCol .contentBox a {
    color: #333;
    font-weight: bold;
}

div.mainContentArea div.rightCol .header {
    text-align: right;
    background: #757575 url(../images/headers/lightgrey_left_25_27.gif) no-repeat left bottom;
}

div.mainContentArea div.rightCol .header h1 {
    padding-right: 10px;
}

div.mainContentArea div.fmNetForums .contentBox.last,div.mainContentArea div.popularNews .contentBox.last {
    margin-bottom: 20px;
}

div.mainContentArea div.fmNetForums {
    background-color: #E1E9C4;
    margin-bottom: 4px;
}

div.mainContentArea div.fmNetForums .contentBox.even {
    background-color: #F2F8DE;
}

div.mainContentArea div.fmNetForums .contentBox {
    background-color: #E1E9C4;
}

div.mainContentArea div.popularNews {
    background-color: #D1D1D1;
}

div.mainContentArea div.popularNews .contentBox.even {
    background-color: #F4F4F4;
}

/*** FOOTERBAR ***/
div.footerBar {

}

div.footerBar div {
    padding: 0;
    margin: 0;
}

div.footerBar,div.footerBar div {
    background-color: #E0E0E0;
    color: #333;
}

.footerBar ul {
    padding: 0;
    margin: 0;
}

.footerBar li {
    list-style-type: none;
    display: inline;
    padding: 10px;
}

.footerBar .logoBar {
    padding: 20px;
}

.footerBar .leftLogos {
    float: left;
}

.footerBar .rightLogos {
    float: right;
}

.footerBar .linkBar a {
    font-weight: bold;
    text-decoration: none;
    color: #333;
}

.footerBar .linkBar a:hover {
    font-weight: bold;
    text-decoration: underline;
    color: #333;
}

div.footerBar div.linkBar li {
    padding: 0;
}

div.footerBar div.linkBar {
    text-align: center;
    color: #000;
    background-color: #C3C3C3;
    padding: 10px 0;
}

div.footerBar div.disclaimerBar {
    text-align: center;
    padding: 5px 50px 20px 50px;
}

/*** VIDEO PAGE ***/
div.videoPlaceholder {
    background: url(../images/ajax-loader.gif) no-repeat 50% 50%;
    color: black;
}

div.mainContentArea .videoSite {
    background-color: #fff;
}

div.mainContentArea .videoSiteContent {
    width: 652px;
    margin: auto;
    min-height: 500px;
}

div.mainContentArea .videoSite .header {
    text-align: center;
    background: #757575 url(../images/headers/lightgrey_left_25_27.gif) no-repeat left bottom;
}

div.mainContentArea .header h1 {
    text-transform: uppercase;
}

div.videossBox {
    width: 128px;
    height: 120px;
    float: left;
    margin: 10px 35px 0 0;
}

div.videossBox a {
    width: 128px;
    height: 96px;
    display: block;
}

div.videossBox a img {
    display: block;
    margin: auto;
    filter: alpha(opacity =                       50);
    -moz-opacity: .50;
    opacity: .50;
    padding-top: 20px;
    marign: 0;
    border: none;
}

div.videossBox a:hover img {
    filter: alpha(opacity =                       80);
    -moz-opacity: .80;
    opacity: .80;
}

div.videossBox span {
    color: #333;
    font-weight: bold;
}

div.videoStats {
    color: #000;
    border-bottom: 1px solid #ccc;
    font-weight: bold;
    padding: 5px;
}

div.videoStats.bottom {
    border: none;
    margin-top: 20px;
    border-top: 1px solid #ccc;
}

/*** ARTICLE ***/
div.mainContentArea .displayArticle .header {
    text-align: center;
    background: #757575 url(../images/headers/lightgrey_left_25_27.gif) no-repeat left bottom;
}

div.mainContentArea .displayArticle {
    min-height: 800px;
    background-color: #F2F8DE;
    color: #000;
}

div.mainContentArea .displayArticle img { /*clear:both;*/
    margin: 20px auto;
    display: block;
}

div.mainContentArea .displayArticle div.images img {
    display: inline;
    margin: 10px;
}

div.mainContentArea .displayArticle div.images {
    text-align: center;
}


div.mainContentArea .displayArticle .body {
    padding: 10px 10px 30px 10px;
}

div.mainContentArea .displayArticle .body a {
    color: #E86F06;
}

/*** PRE ORDER ***/
div.pre_order .content {
    float: left;
    width: 100%;
}

div.mainContentArea .header.left,div.pre_order .header {
    background: #333 url(../images/headers/darkgrey_left.jpg) no-repeat left bottom;
}

div.pre_order .order_your_copy-cnt {
    background: #CCCCCC url(../images/misc/preorder_bg_btmright.gif) no-repeat right bottom;
    float: left;
    width: 100%;
}

div.pre_order .order_your_copy {
    float: left;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 40px;
    padding-right: 20px;
}

div.pre_order .boldtext {
    float: left;
    font-weight: bold;
    padding-bottom: 10px;
    width: 100%;
}

div.pre_order .ball-bullet {
    background: url(../images/misc/football.jpg) no-repeat left top;
    float: left;
    padding-left: 35px;
    padding-bottom: 10px;
    padding-top: 2px;
    min-height: 30px;
    width: 580px;
}

div.pre_order .steam-bullet {
    background: url(../images/misc/preorder_steam.gif) no-repeat left top;
    float: left;
    padding-left: 125px;
    padding-bottom: 10px;
    padding-top: 2px;
    min-height: 52px;
    width: 490px;
}

.pre_order_options-cnt {
    float: left;
    width: 100%;
    background: #CCCCCC;
    margin-top: 5px;
}

.pre_order_options_countries-cnt {
    float: left;
    width: 50%;
    background: #f6efdd;
}

.pre_order_options_countries {
    float: left;
    width: 99%;
    background: #CCCCCC;
}

.pre_order_options_steam-cnt {
    float: left;
    width: 50%;
}

.pre_order_subheader {
    background: #333 url(../images/headers/grey_right_25.jpg) no-repeat right bottom;
    overflow: hidden;
    height: 23px;
    width: 100%;
}

.pre_order_subheader_big {
    background: #333 url(../images/headers/grey_tall_right.jpg) no-repeat right bottom;
    overflow: hidden;
    height: 42px;
    width: 100%;
}

.pre_order_subheader_big h1 {
    padding-top: 6px;
    color: #FFFFFF;
    padding-left: 4px;
}

.pre_order_subheader h1 {
    padding-top: 6px;
    color: #FFFFFF;
    padding-left: 4px;
}

.pre_order_options_box {
    float: left;
    background: #757575 url(../images/misc/box_middle_divider.jpg) no-repeat bottom center;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
}

.pre_order_options_box2-cnt {
    float: left;
    background: #757575;
    width: 100%;
    color: #FFFFFF;
    padding-bottom: 15px;
}

.pre_order_options_box2_item {
    float: left;
    width: 100%;
    padding-top: 15px;
}

div.pre_order_options_box2_item a:link,div.pre_order_options_box2_item a:hover,div.pre_order_options_box2_item a:visited {
    color: #F9F2Bd;
    font-weight: bold;
}

.pre_order_options_arrow {
    float: left;
    width: 45px;
    height: 10px;
    margin-top: 3px;
    margin-right: 5px;
    background: #757575 url(../images/btns/arrow.gif) no-repeat top right;
}

.pre_order_options_short {
    float: left;
    width: 280px;
}

.pre_order_options_long {
    float: left;
    padding-left: 15px;
    padding-right: 15px;
}

.pre_order_subheader_country {
    background: #919191;
    overflow: hidden;
    height: 23px;
    width: 100%;
}

.pre_order_subheader_country h1 {
    padding-top: 6px;
    color: #FFFFFF;
    padding-left: 4px;
}

.pre_order_retailers-cnt {
    float: left;
    width: 100%;
    height: 43px;
    padding-top: 4px;
}

.pre_order_retailer-cnt {
    float: left;
    width: 115px;
    padding-left: 6px;
    padding-top: 4px;
}

.pre_order_retailer-arrow {
    float: left;
    margin-top: 10px;
    width: 6px;
    height: 10px;
    background: #757575 url(../images/btns/arrow.gif) no-repeat top center;
}

.pre_order_retailer-logo {
    float: left;
    padding-left: 5px;
}

a.pre_order_retailer1 {
    display: block;
    width: 101px;
    height: 43px;
    background: url(../images/retailers/retailer1.jpg) no-repeat top left;
}

a.pre_order_retailer1 span {
    display: block;
}

a.pre_order_retailer1:hover {
    background-position: bottom left;
}

a.pre_order_retailer_uk_game {
    display: block;
    width: 101px;
    height: 42px;
    background: url(../images/retailers/uk_game.gif) no-repeat top left;
}

a.pre_order_retailer_uk_game span {
    display: block;
}

a.pre_order_retailer_uk_game:hover {
    background-position: bottom left;
}

a.pre_order_retailer_uk_amazon {
    display: block;
    width: 101px;
    height: 43px;
    background: url(../images/retailers/uk_amazon.gif) no-repeat top left;
}

a.pre_order_retailer_uk_amazon span {
    display: block;
}

a.pre_order_retailer_uk_amazon:hover {
    background-position: bottom left;
}

a.pre_order_retailer_uk_play {
    display: block;
    width: 101px;
    height: 43px;
    background: url(../images/retailers/uk_play.gif) no-repeat top left;
}

a.pre_order_retailer_uk_play span {
    display: block;
}

a.pre_order_retailer_uk_play:hover {
    background-position: bottom left;
}

a.pre_order_retailer_uk_hmv {
    display: block;
    width: 101px;
    height: 43px;
    background: url(../images/retailers/uk_hmv.gif) no-repeat top left;
}

a.pre_order_retailer_uk_hmv span {
    display: block;
}

a.pre_order_retailer_uk_hmv:hover {
    background-position: bottom left;
}

a.pre_order_retailer_fr_fnac {
    display: block;
    width: 101px;
    height: 43px;
    background: url(../images/retailers/fr_fnac.gif) no-repeat top left;
}

a.pre_order_retailer_fr_fnac span {
    display: block;
}

a.pre_order_retailer_fr_fnac:hover {
    background-position: bottom left;
}

a.pre_order_retailer_it_multiplayer {
    display: block;
    width: 101px;
    height: 43px;
    background: url(../images/retailers/it_multiplayer.gif) no-repeat top left;
}

a.pre_order_retailer_it_multiplayer span {
    display: block;
}

a.pre_order_retailer_it_multiplayer:hover {
    background-position: bottom left;
}

a.pre_order_retailer_nl_bol {
    display: block;
    width: 101px;
    height: 43px;
    background: url(../images/retailers/nl_bol.gif) no-repeat top left;
}

a.pre_order_retailer_nl_bol span {
    display: block;
}

a.pre_order_retailer_nl_bol:hover {
    background-position: bottom left;
}

a.pre_order_retailer_se_webhallen {
    display: block;
    width: 101px;
    height: 43px;
    background: url(../images/retailers/se_webhallen.gif) no-repeat top left;
}

a.pre_order_retailer_se_webhallen span {
    display: block;
}

a.pre_order_retailer_se_webhallen:hover {
    background-position: bottom left;
}

a.pre_order_retailer_se_ginza {
    display: block;
    width: 101px;
    height: 43px;
    background: url(../images/retailers/se_ginza.gif) no-repeat top left;
}

a.pre_order_retailer_se_ginza span {
    display: block;
}

a.pre_order_retailer_se_ginza:hover {
    background-position: bottom left;
}

a.pre_order_retailer_dk_billigespel {
    display: block;
    width: 101px;
    height: 43px;
    background: url(../images/retailers/dk_billigespel.gif) no-repeat top left;
}

a.pre_order_retailer_dk_billigespel span {
    display: block;
}

a.pre_order_retailer_dk_billigespel:hover {
    background-position: bottom left;
}

a.pre_order_retailer_no_cdon {
    display: block;
    width: 101px;
    height: 43px;
    background: url(../images/retailers/no_cdon.gif) no-repeat top left;
}

a.pre_order_retailer_no_cdon span {
    display: block;
}

a.pre_order_retailer_no_cdon:hover {
    background-position: bottom left;
}

a.pre_order_retailer_no_platekompaniet {
    display: block;
    width: 101px;
    height: 43px;
    background: url(../images/retailers/no_platekompaniet.gif) no-repeat top left;
}

a.pre_order_retailer_no_platekompaniet span {
    display: block;
}

a.pre_order_retailer_no_platekompaniet:hover {
    background-position: bottom left;
}

a.pre_order_retailer_aus_gameplanet {
    display: block;
    width: 101px;
    height: 43px;
    background: url(../images/retailers/aus_gameplanet.gif) no-repeat top left;
}

a.pre_order_retailer_aus_gameplanet span {
    display: block;
}

a.pre_order_retailer_aus_gameplanet:hover {
    background-position: bottom left;
}

a.pre_order_retailer_pl_gram {
    display: block;
    width: 101px;
    height: 43px;
    background: url(../images/retailers/pl_gram.gif) no-repeat top left;
}

a.pre_order_retailer_pl_gram span {
    display: block;
}

a.pre_order_retailer_pl_gram:hover {
    background-position: bottom left;
}

/*** GAMEINFO ***/
div.gameInfo {
    width: 480px;
    float: left;
}

ul.featureList {
    padding: 0;
    margin: 0;
}

ul.featureList li p {
    margin-bottom: 5px;
}

ul.featureList li {
    display: block;
    list-style-type: none;
    margin: 0;
    padding: 0;
    color: #333;
    background: #E2EAC5 url(../images/misc/bulletpoints.jpg) no-repeat 5px 13px;
    padding: 10px 10px 10px 20px;
}

ul.featureList li.even {
    background-color: #F2F8DE;
}

div.screenShots {
    background: url(../images/misc/screens_panel_top.jpg) no-repeat 0 0;
    float: right;
    width: 190px;
    padding-top: 14px;
}

div.screenShots div.b1 {
    background: url(../images/misc/screens_panel_middle.jpg) repeat-y 0 0;
}

div.screenShots div.b1 div.b2 {
    background: url(../images/misc/screens_panel_bottom.jpg) no-repeat left bottom;
    padding-bottom: 14px;
}

.ssBox {
    width: 168px;
    background: #fff url(../images/misc/screens_frame_top.gif) no-repeat left top;
    margin: 0 auto 5px auto;
}

.ssBox div.b3 {
    background: url(../images/misc/screens_frame_bottom.gif) no-repeat left bottom;
    padding: 9px;
}

/*** FANSITES ***/
div.fansites .header {
    background: #333 url(../images/headers/darkgrey_left.jpg) no-repeat left bottom;
}

.fansiteHeader {
    font-weight: bold;
    padding: 5px;
    border-bottom: 1px solid #ccc;
}

.fansiteHeader.bottom {
    border: none;
    border-top: 1px solid #ccc;
}

.fansiteHeader .count {
    float: left;
}

.fansiteHeader .paging {
    float: right;
}

.paging a {
    text-decoration: none;
}

.paging a {
    text-decoration: underline;
}

div.fansites a {
    color: #FF9900;
    text-decoration: underline;
}

div.fansites a:hover {
    text-decoration: none;
}

div.fansites {
    background-color: #fff;
    color: #000;
}

div.fansites .fansiteList .fansiteRow {
    border-bottom: 1px solid #ccc;
    margin: 10px;
    padding: 10px 0;
}

div.fansites .fansiteList .fansiteRow.last {
    border-bottom: none;
}

div.featuredFansite {
    width: 361px;
    background-color: #757575;
    color: #fff;
    float: left;
}

div.fansiteList .sitePicture,div.fansiteList .siteInfo,div.fansiteList .siteRating {
    float: left;
}

div.fansiteList .sitePicture {
    width: 118px;
}

div.fansiteList a {
    padding: 0 10px;
    background: url(../images/btns/arrow.gif) no-repeat 0 5px;
    font-weight: bold;
}

div.fansiteList .sitePicture img {
    border: 1px solid black;
    display: block;
    margin-bottom: 5px;
}

div.fansiteList .siteInfo {
    width: 369px;
    color: #333;
}

div.fansiteList .siteInfo .infoRow {
    clear: both;
}

div.fansiteList .siteInfo .infoRow .label {
    font-style: italic;
    float: left;
    width: 120px;
    clear: left;
}

div.fansiteList .siteInfo .infoRow .text {
    float: left;
    width: 220px;
    text-align: justify;
    clear: right;
    padding-bottom: 10px;
}

div.fansiteList .siteInfo .siteName .text a,div.fansiteList .siteInfo .siteDescription .text {
    font-weight: bold;
}

div.fansiteList .siteRating {
    width: 132px;
}

div.featuredFansite {
    margin-bottom: 4px;
}

div.featuredFansite .ratingStars {
    background: url(../images/misc/fansite_rating_star_bg.gif) no-repeat left 50%;
    padding: 5px;
}

div.featuredFansite .fansiteBox .fbCont {
    padding: 10px;
}

div.featuredFansite .fansiteBox {
    background: url(../images/misc/featured_fansite_bg.jpg) no-repeat left bottom;
    height: 248px;
}

div.featuredFansite .fansiteBox a.btnGrey span {
    padding-top: 7pt;
}

div.featuredFansite .fansiteBox a.btnGrey {
    background-image: url(../images/btns/btn_grey_fansites_top.jpg);
    width: 203px;
    height: 35px;
    color: #FFF;
    text-decoration: none;
}

div.featuredFansite .fansiteBox .link {
    clear: both;
}

div.featuredFansite .fansiteBox h2 {
    padding-left: 10px;
    background: url(../images/btns/arrow.gif) no-repeat left 50%;
}

div.featuredFansite a.link {
    font-weight: bold;
    color: #F8DC9B;
    padding-left: 10px;
}

div.featuredFansite .ssBox,div.desrat {
    float: left;
    margin: 10px 0;
}

div.featuredFansite .rating {
    margin-top: 10px;
}

div.featuredFansite .desrat {
    width: 160px;
    margin-left: 10px;
}

div.ratingStars a {
    padding: 0;
    margin: 0;
    border: 0;
    background: none;
}

div.promoBox {
    float: right;
    background-color: #737573;
    padding: 0px 0;
}

div.submitBox form {
    display: block;
    padding-top: 100px;
    width: 650px;
    margin: auto;
}

div.submitBox form  label {
    color: #fff;
    font-weight: bold;
}

div.submitBox form .left label {
    float: left;
    display: block;
    width: 150px;
    text-align: right;
    margin-right: 10px;
    padding-top: 4px;
}

div.submitBox form .left {
    float: left;
    width: 320px;
    text-align: right;
}

div.submitBox form .left input {
    border: 1px solid #333;
    height: 20px;
    margin-bottom: 5px;
    width: 150px;
    float: left;
    display: block;
}

div.submitBox form .right {
    float: left;
    width: 250px;
}

div.submitBox a.btnGrey span {
    padding-top: 7pt;
}

div.submitBox a.btnGrey {
    background-image: url(../images/btns/btn_grey_fansites_bottom.jpg);
    width: 203px;
    height: 35px;
    color: #FFF;
    text-decoration: none;
    margin: auto;
}

.submitBox div.description {
    border: 1px solid #333;
    height: 110px;
    background-color: #fff;
}

.submitBox div.description textarea {
    width: 100%;
    height: 80px;
    border: none;
    margin: 0;
    padding: 0;
    background-color: #fff;
    overflow: auto;
}

div.submitBox form .right div.description label {
    color: #333;
    background-color: #CECFCE;
    padding: 4px;
    display: block;
    border-bottom: 1px solid #333;
}

/*** PARTNERS ***/
div.mainContentArea div.leftCol.partners .contentBox .text {
    float: right;
    width: 200px;
}

div.mainContentArea div.leftCol.partners .contentBox img {
    float: left;
    border: 1px solid #000;
}

div.mainContentArea div.leftCol.partners .contentBox {
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px;
}

/*** REGISTRATION STUFF ***/
.loginForm {
    background-color: #636562;
    padding-top: 50px;
    padding-bottom: 50px;
    color: white;
}

.loginForm #segapassform {
    background-color: #636562;
}

div.blockInterest a span {
    color: #ccc;
    margin-left: 200px;
    margin-bottom: 10px;
    display: block;
    background-color: #636562;
}

#sendResultsValue {
    background-color: #636562;
    padding-bottom: 10px;
    color: #FE9700;
}

div.registrationContent .header {
    background: #333 url(../images/headers/darkgrey_left.jpg) no-repeat left bottom;
}

.loginForm form a {
    color: #333;
}

.loginForm form {
    display: block;
}

.fmclubinfo {
    padding: 10px;
    background-color: #636562;
    color: #fff;
    font-weight: bold;
}

.loginForm .theText {
    float: left;
    height: 20px;
    margin: 3px 5px 0 0;
    padding: 0 0 0 2px;
    position: relative;
    text-align: right;
    width: 230px;
}

.loginForm .theInput {
    background: #FFFFFF none repeat scroll 0 0;
    float: left;
    height: 20px;
    margin: 0;
    padding: 0;
    text-align: left;
    width: 230px;
    z-index: 100;
}

div.registrationForm a.btnGrey span,div.registrationForm a.btnGrey span,div.loginForm a.btnGrey span {
    padding-top: 7pt;
}

div.loginForm a.btnGrey,div.registrationForm a.btnGrey {
    background-image: url(../images/btns/btn_grey_register.gif);
    width: 203px;
    height: 35px;
    color: #FFF;
    text-decoration: none;
    margin: auto;
}

div.registrationForm a.btnGrey {
    background-image: url(../images/btns/btn_grey1_form.jpg);
    margin-top: 15px;
}

#segapassform {
    background-color: #CECFCE;
    padding: 10px;
}

#segapassform .divider1,#segapassform .divider2 {
    background-color: #9C9A9C;
    color: #fff;
    padding: 3px;
    margin: 5px 0;
}

#segapassform .divider1 {
    background-color: #636563;
}

#segapassform .theText {
    float: left;
    height: 20px;
    margin: 3px 5px 0 0;
    padding: 0 0 0 2px;
    position: relative;
    text-align: right;
    width: 220px;
}

/**** DEAD JIMBO SEGAPASS STYLE ****/
.contentdeadjim {
    font-size: 9pt;
    color: #000000;
    padding: 2px 2px 2px 2px;
    text-align: left
}

.blockDescription {;
    margin: 0px 0px 10px 0px
}

.largeSpace {
    height: 20px;
}

.smallSpace {
    height: 5px;
}

.checkboxSpace {
    height: 20px;
}

.theTextRadio {
    width: 220px;
    height: 22px;
    float: left;
    position: relative;
    padding: 0px 0px 0px 2px;
    margin: 3px 5px 0px 0px;
    text-align: right
}

.theInputRadio {
    width: 230px;
    height: 20px;
    float: left;
    position: relative;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    text-align: left
}

.theInputRadio input {
    width: 99%;
    height: 18px;
    border: 0px;
    padding: 0px 0px 0px 3px;
    color: #FF6600
}

.theClear {
    background: #FF6600 url(../../images/sega-pass/clearSearch.jpg) no-repeat;
    height: 20px;
    float: left;
    position: relative;
    border: 1px solid #DDDDDD;
    border-left: 0px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    cursor: pointer;
    cursor: hand
}

.theInfo {
    height: 20px;
    width: 20px;
    background: url(../../images/help.gif) no-repeat;
    float: left;
    position: relative;
    border: 0px;
    border-left: 0px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 3px
}

.infoHover {
    width: 200px;
    position: absolute;
    border: 1px solid #000000;
    background: #FFFFFF;
    padding: 2px 2px 2px 2px;
    margin: 0px 0px 0px 0px;
    text-align: left;
    font-size: 8pt;
    text-align: left;
    color: #000000;
    left: 20px;
    top: 22px;
    z-index: 10000;
    display: none
}

.captcha {
    height: 100px;
    padding: 10px 0px 0px 230px;
    border: 0;
    float: none
}

.segmentBox {;
    padding: 5px 5px 15px 5px;
    margin: 5px 5px 15px 5px;
    z-index: 1
}

.segmentBox .segment1 {
    float: left;
    position: absolute;
    left: 0px;
    width: 250px
}

.segmentBox .segment2 {
    float: left;
    position: absolute;
    left: 250px;
    width: 250px
}

.segmentBox .segment3 {
    float: left;
    position: absolute;
    left: 450px;
    width: 250px
}

.segmentBox .segment4 {
    float: left;
    position: absolute;
    left: 540px
}

.segmentBox .segment5 {
    float: left;
    position: absolute;
    left: 720px
}

.error {
    height: 22px
}

.noerror {
    height: 22px
}

.noerrorreadonly {
    height: 22px
}

.noerrorreadonly .theInput .ronly {
    color: #708090;
    font-style: italic;
}

.error .theInput {
    border: 1px solid red;
    border-right: 0px
}

.error .theInputRadio {
    border: 1px solid red;
    border-right: 0px
}

.error .theInputLong {
    border: 1px solid red;
    border-right: 0px
}

.error .theInputShort {
    border: 1px solid red;
    border-right: 0px
}

.error .theInput input {

}

.theErrorPrivacy
{
    margin:-22px 0px 0px 350px;
}

.error .theError {
    width: 20px;
    height: 20px;
    background: red url(../../images/error.gif) no-repeat;
    border: 1px solid red;
    border-left: 0px
}

.error .theTextCheckbox {
    border: 1px solid red;
    border-left: 0px
}

.theInputCheckbox {
    width: 350px;
    height: 20px;
}

.error .theInputCheckbox {
    border: 1px solid red;
    border-right: 0px;
    width: 350px;
    height: 20px;
}

.errorHover {
    width: 200px;
    position: absolute;
    border: 1px solid red;
    background: #FFFFFF;
    padding: 2px 2px 2px 2px;
    margin: 0px 0px 0px 0px;
    text-align: left;
    font-size: 8pt;
    text-align: left;
    color: red;
    display: none;
    left: -200px;
    top: 22px;
    z-index: 1000
}

.theError {
    height: 20px;
    float: left;
    position: relative;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px
}

.theText {
    width: 220px;
    height: 20px;
    float: left;
    position: relative;
    padding: 0px 0px 0px 2px;
    margin: 3px 5px 0px 0px;
    text-align: right
}

.theTextDropdown {
    width: 220px;
    height: 22px;
    float: left;
    position: relative;
    padding: 0px 0px 0px 2px;
    margin: 3px 5px 0px 0px;
    text-align: right
}

.theTextRadio {
    width: 220px;
    height: 22px;
    float: left;
    position: relative;
    padding: 0px 0px 0px 2px;
    margin: 3px 5px 0px 0px;
    text-align: right
}

.theInput {
    width: 230px;
    height: 20px;
    float: left;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    text-align: left;
    background: #FFFFFF;
    z-index: 100
}

.theInput input {
    width: 98%;
    height: 18px;
    border: 0px;
    padding: 0px 0px 0px 3px;
    color: #000000;
    background: #FFFFFF
}

.theInputShort {
    height: 20px;
    float: left;
    position: relative;
    border: 1px solid #DDDDDD;
    border-right: 0px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    text-align: left;
    background: #FFFFFF
}

.theInputDropdown {
    height: 20px;
    float: left;
    position: relative;
    border: 1px solid #DDDDDD;
    border-right: 0px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    text-align: left
}

.theInputDropdown input {
    width: 99%;
    height: 18px;
    border: 0px;
    padding: 0px 0px 0px 3px;
    color: #FF6600;
    background: #FFFFFF
}

.theInputRadio {
    width: 230px;
    height: 20px;
    float: left;
    position: relative;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    text-align: left
}

.theInputRadio input {
    width: 99%;
    height: 18px;
    border: 0px;
    padding: 0px 0px 0px 3px;
    color: #FF6600
}

.blockLogin {

}

.blockDescription {;
    margin: 0px 0px 10px 0px
}

.blockPersonal {

}

.blockGenres1 {;
    position: relative;
    z-index: 1000
}

.blockGenres2 {;
    position: relative;
    z-index: 1
}

.blockSubmit {

}

.redstar {
    color: red;
    margin: 0px 0px -7px 0px
}

.theTextDropdown2 {
    text-align: center;
}

.privacypolicy_hover {
    margin: -26px 4px 0px 0px
}

.demoAvailable {
    margin: 0px 0px 5px 0px
}

.demoAvailable .myHeader {
    background: #323232;
    height: 23px;
}

.demoAvailable .myHeader h1 {
    padding-top: 6px;
    text-align: center;
    color: #fff
}

.demoAvailable .demoBody {
    background: #757575 url(../images/misc/fansitekit_bg_btmright.gif) no-repeat right bottom;
    padding: 10px 10px 20px 10px;
    color: #fff
}

.demoAvailable .demoBody .theImage {
    float: left
}

.demoAvailable .demoBody .theText2 {
    float: left;
    margin: 0px 10px 0px 10px;
    font-weight: bold;
    width: 550px
}

.strawberryDemo {
    float: right;
    width: 49.5%;
}

.strawberryDemo .myHeader {
    background: #333333 url(../images/headers/darkgrey_left.jpg) no-repeat left bottom;
    width: 100%;
    border-bottom: 1px solid #000;
    height: 23px
}

.strawberryDemo .myHeader h1 {
    text-transform: uppercase;
    padding-top: 6px;
    text-align: center;
    color: #fff
}

.vanillaDemo {
    float: light;
    width: 49.5%;
}

.vanillaDemo .myHeader {
    background: #333333 url(../images/headers/grey_right_25.jpg) no-repeat right bottom;
    width: 100%;
    border-bottom: 1px solid #000;
    height: 23px
}

.vanillaDemo .myHeader h1 {
    text-transform: uppercase;
    padding-top: 6px;
    text-align: center;
    color: #fff
}

.vanillaDemo .mediumGreyPoint,.strawberryDemo .mediumGreyPoint {
    background-color: #CCCCCC;
    font-weight: bold;
    padding: 10px 10px 10px 10px;
    height: 60px;
    text-align: justify
}

.vanillaDemo .lightGreyPoint,.strawberryDemo .lightGreyPoint {
    background-color: #E0E0E0;
    padding: 10px 10px 10px 10px;
    text-align: justify
}

.vanillaDemo .darkGreyPoint,.strawberryDemo .darkGreyPoint {
    background-color: #919191;
    padding: 10px 10px 10px 10px;
    height: 110px;
    text-align: justify
}

.hardwareRequirements {

}

.hardwareRequirements .myHeader {
    background: #333333 url(../images/headers/darkgrey_left.jpg) no-repeat left bottom;
    width: 100%;
    border-bottom: 1px solid #000;
    height: 23px
}

.hardwareRequirements .myHeader h1 {
    padding-top: 6px;
    text-align: center;
    color: #fff
}

.hardwareRequirements .requirements {
    background: #757575 url(../images/misc/fansitekit_bg_btmright.gif) no-repeat right bottom;
    padding: 10px 10px 20px 10px;
    color: #fff
}

.linkToHomepage {
    background-color: #E0E0E0;
    padding: 10px 10px 10px 10px;
    margin: 5px 0px 0px 0px;
    text-align: center
}

.lightGreyPoint  ul {
    list-style-position: outside;
    padding: 0 0 0 10px;
}

/* Fansite Kits */
div.fansitekit p {
    margin-bottom: 10px;
}

div.fansitekit .trailer {
    background: #757575 url(../images/misc/fansitekit_bg_btmright.gif) no-repeat right bottom;
    color: #fff;
    padding: 10px;
    min-height: 350px;
    _height: 350px;
    margin-bottom: 4px;
}

div.fansitekit .trailer p {
    width: 400px;
    float: left;
    margin-bottom: 30px;
}

div.fansitekit div.terms {
    background-color: #fff;
    color: #000;
    padding: 10px;
}

div.fansitekit div.terms>div {
    height: 300px;
    overflow: auto;
}

div.fansitekit div.download {
    background-color: #F2F8DE;
    padding-bottom: 20px;
}

div.fansitekit div.download .iaccept {
    padding: 5px;
}

div.fansitekit div.download .download {
    background: url(../images/misc/fansitekit_download_bg.gif) repeat-x;
}

div.fansitekit div.download > div {
    background: url(../images/misc/fansitekit_download_bg_btmright.gif) no-repeat right bottom;
}