body,html {
    background: #0081c3 url(../images/misc/bg_smaller.jpg);
    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;
}

.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;
}





/*** NAVIGATION COLUMN ***/
.left-nav-main-cnt dd,.left-nav-main-cnt dl,.left-nav-main-cnt dt {
    margin: 0;
    padding: 0;
}

.left-nav-main-cnt {
    width: 100%;
    overflow: hidden;
    z-index: 1000;
}

.left-nav-main-cnt a {
    font-weight: bold;
    text-decoration: none;
}

.left-nav-main-cnt div.col {
}

.left-nav-main-cnt div.nav {
}

.left-nav-main-cnt div.nav div.bottomBgHolder {
    height: 38px;
}

.left-nav-main-cnt dl.nav {
    padding: 0px;
    display: block;
    list-style-position: inside;
}

.left-nav-main-cnt dl.nav dt a {
    display: block;
    height: 20px;
    padding-top: 6px;
    text-transform: uppercase;
    background: #000000;
    border-bottom: 1px solid #e7c53f;
    padding-left: 5px;
}

.left-nav-main-cnt dl.nav dt a:hover {
    background: #323232;
}

.left-nav-main-cnt dl.nav dt.first a {
    border-bottom: 1px solid #e7c53f;
}

.left-nav-main-cnt dl.nav dt.last a {
}

.left-nav-main-cnt dl.nav dt.a-m-t-expand a,.left-nav-main-cnt dl.nav dt a:hover {
    background: #323232;
    color: #e7c53f;
}

.left-nav-main-cnt dl.nav dt a span {
    display: block;
}

.left-nav-main-cnt .nav dd.a-m-d a span {
    font-weight: bold;
    display: block;
    padding-left: 15px;
    /*height: 20px;*/
    padding-top: 6px;
    padding-bottom: 8px;
    text-transform: uppercase;
    border-bottom: 1px solid #e7c53f;
    background: #000000;
}

.left-nav-main-cnt dl.nav dt a:hover {
    background: #323232;
}

.left-nav-main-cnt .nav dd.a-m-d a:hover span {
    background: #323232;
}

.left-nav-main-cnt .nav dd.a-m-d a {

}

.left-nav-main-cnt .nav dd.a-m-d a.last {

}

.left-nav-main-cnt .addCol {

}

.left-nav-main-cnt .addCol ul, .left-nav-main-cnt .addCol ul li {

}

.submenu-selected {
    background: #323232;
    color: #e7c53f;
}

/* ===================== FM10 =====================  */


.reg-welcome {
    height: 20px;
    width: 100%;
    color: #0c1506;
    font-weight: bold;
    background-color: #737985;
    text-align: left;
    font-size: 13px;
    font-style: italic;
}

.reg-welcome .welcome {
    padding: 3px;
}


.mainContainer {
    width: 960px;
    /* margin: 26px auto 0 auto; */
    margin: 0px auto 0 auto;
}

.logo-main-container {
    position: relative;
    width: 100%;
    background: url(../images/misc/bg_sides.gif);
    text-align: center;
    z-index: 5;
}

.logo-main-left-part {
    position: absolute;
    z-index: 10;
    top: 8px;
    left: -27px;
}

.main-content-container {
    width: 100%;
    float: left;
    background: url(../images/misc/bg_filler_wholelength1.gif);
}

.main-content-wide-container {
    width: 100%;
    float: left;
    background: url(../images/misc/bg_filler_wholelength.gif);
    overflow:hidden;
}

.main-content-wide-nonav-container {
    width: 100%;
    float: left;
    background: url(../images/misc/bg_filler_wholelength2.gif);
}

.nav-left-cnt {
    float: left;
    width: 191px;
    border: 0px solid red;
    background: url(../images/misc/bg_nav.gif);
}

.nav-left-main {
    float: left;
    /*margin-left: 5px;*/
    padding-left: 5px;
    width: 181px;
}

.text-container {
    float: left;
    width: 479px;
    border: 0px solid red;
}

.text-right-container {
    float: left;
    width: 290px;
    border: 0px solid red;
    background: url(../images/misc/bg_right.gif);
}

.text-right-main {
    float: left;
    padding-left: 5px;
    width: 280px;
}

.left-preorder-now {
    width: 100%;
    height: 24px;
    border-top: 1px solid #0081c3;
    background-color: #003a84;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    font-style: italic;
    text-align: center;
    padding-top: 5px;
    margin-bottom: 5px;
}

.left-nav-main-cnt {
    width: 100%;
}

.left-nav-item-first-cnt, .left-nav-item-cnt {
    width: 100%;
    height: 17px;
    padding-top: 5px;
    font-weight: bold;
    color: #ffffff;
}

a:link .left-nav-item-first-cnt, a:link .left-nav-item-cnt, a:visited .left-nav-item-first-cnt, a:visited .left-nav-item-cnt {
    background-color: #000000;
}

a:hover .left-nav-item-first-cnt, a:hover .left-nav-item-cnt {
    background-color: #323232;
    color: #e7c53f;
}

.left-nav-main-cnt a:link,
.left-nav-main-cnt a:hover,
.left-nav-main-cnt a:visited {
    text-decoration: none;
}

.left-nav-item-first-cnt span, .left-nav-item-cnt span {
    padding-left: 4px;
}

.left-nav-item-cnt {
    border-top: 1px solid #e7c53f;
}

.left-social-media-cnt {
    width: 100%;
    text-align: center;
    margin-top: 7px;
    margin-bottom: 7px;
    background-color: #000000;
}

.social-media-facebook {
    padding-top: 10px;
    padding-bottom: 7px;
}

.social-media-bebo {
    padding-bottom: 7px;
}

.social-media-twitter {
    padding-bottom: 10px;
}

.left-common-section-title {
    width: 100%;
    min-height: 30px;
    border-bottom: 1px solid #e7c53f;
    background-color: #000000;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}

.left-common-section-title div {
    padding-top: 7px;
    padding-left: 10px;
}

.left-common-section-content {
    width: 100%;
    text-align: center;
    padding-top: 13px;
    padding-bottom: 13px;
    background: url(../images/misc/bg_leftcolumn.gif);
}

.left-common-more-button-cnt {
    width: 100%;
    text-align: right;
    border-top: 1px solid #0081c3;
    background-color: #003a84;
    padding-top: 3px;
    padding-bottom: 3px;
}

.left-common-more-button-cnt div {
    padding-right: 6px;
}

.left-fansite-img-cnt {
    width: 100%;
    padding-bottom: 6px;
}

.left-partners-content {
    width: 100%;
    background: url(../images/misc/bg_filler.gif);
    text-align: center;
    padding-top: 15px;
    padding-bottom: 20px;
}

a.arrow-single-white {
     background: url(../images/misc/button_arrow_single-white_right.gif) no-repeat center left;
     color: #dcd48c;
}

a.arrow-single-white:hover {
    color: #ffffff;
}

a.arrow-single-white span {
    padding-left: 10px;
    font-weight: bold;
}

a.arrow-double-white {
     background: url(../images/misc/button_arrow_double-white_right.gif) no-repeat center left;
     color: #dcd48c;
}

a.preorder-otherregions {
    display:block;
	color: #dcd48c;
	font-weight:bold;
	text-decoration:underline;
	text-align:center;
	padding-top:20px;
}

a.arrow-double-white:hover {
    color: #ffffff;
}

a.arrow-double-white span {
    padding-left: 15px;
    font-weight: bold;
}

.right-ico-title-cnt {
    float: left;
    border-bottom: 1px solid #e7c53f;
    width: 100%;
    height: 30px;
    background-color: #000000;
}

.right-forum-feed-icon {
    background: url(../images/misc/icon_forum-feeds.gif) no-repeat top left;
    width: 30px;
    height: 30px;
    float: left;
    margin-right: 10px;
}

.right-bbc-feed-icon {
    background: url(../images/misc/icon_bbc-feed.gif) no-repeat top left;
    width: 69px;
    height: 30px;
    float: left;
    margin-right: 10px;
}

.right-news-feed-icon-en, .right-news-feed-icon-nl, .right-news-feed-icon-fr, .right-news-feed-icon-it {
    background: url(../images/misc/icon_bbc-feed.gif) no-repeat top left;
    width: 69px;
    height: 30px;
    float: left;
    margin-right: 10px;
}

.right-news-feed-icon-es {
    background: url(../images/misc/icon_marca-com.gif) no-repeat top left;
    width: 90px;
    height: 19px;
    margin-top: 6px;
    float: left;
    margin-right: 5px;
    margin-left: 5px;
}

.right-si-feed-icon {
    background: url(../images/misc/icon_si-twitter-feeds.gif) no-repeat top left;
    width: 30px;
    height: 30px;
    float: left;
    margin-right: 10px;
}

.right-ico-text {
    float: left;
    padding-top: 8px;
    font-size: 13px;
    font-weight: bold;
}

/* -- */

.right-news-cnt {
    float: left;
    width: 100%;
    background: url(../images/misc/bg_rightcolumn_1.gif);
    padding-top: 10px;
    padding-bottom: 10px;
}

.right-news-cnt .feed-item-hl-cnt {
    background: url(../images/misc/bg_rightcolumn_1_highlight.gif);
}

.right-news-cnt .feed-item-cnt {
    float: left;
    width: 100%;
    padding-top: 6px;
    padding-bottom: 6px;
}

.right-news-cnt .feed-item-cnt .feed-item {
    padding-left: 15px;
    padding-right: 20px;
}

.right-news-cnt .feed-item-cnt .feed-item .text {
    color: #fff;
    float: left;
    width: 100%;
}

.right-news-cnt .feed-item-cnt .feed-item .link {
    float: left;
    width: 100%;
}

.right-news-cnt .feed-item-cnt .feed-item .link a {
    font-size: 10px;
    color: #dcd48c;
    font-weight: bold;
}

/* -- */

.right-twitter-cnt {
    float: left;
    width: 100%;
    background: url(../images/misc/bg_rightcolumn_2.gif);
    padding-top: 10px;
    padding-bottom: 10px;
}

.right-twitter-cnt .feed-item-hl-cnt {
    background: url(../images/misc/bg_rightcolumn_2_highlight.gif);
}

.right-twitter-cnt .feed-item-cnt {
    float: left;
    width: 100%;
    padding-top: 6px;
    padding-bottom: 6px;
}

.right-twitter-cnt .feed-item-cnt .feed-item {
    padding-left: 15px;
    padding-right: 20px;
}

.right-twitter-cnt .feed-item-cnt .feed-item .text {
    color: #fff;
    float: left;
    width: 100%;
}

.right-twitter-cnt .feed-item-cnt .feed-item .link {
    float: left;
    width: 100%;
}

.right-twitter-cnt .feed-item-cnt .feed-item .link a {
    font-size: 10px;
    color: #dcd48c;
    font-weight: bold;
}

/* -- */

.right-more-button-cnt {
    width: 100%;
    float: left;
    border-top: 1px solid #0081c3;
    background-color: #003a84;
    padding-top: 1px;
    padding-bottom: 1px;
}

.right-more-button {
    float: right;
    padding-right: 10px;
}

.right-banner {
    width: 100%;
    text-align: center;
    padding-top: 4px;
    padding-bottom: 4px;
}

.right-ico-si-logo {
    background: #000000 url(../images/misc/icon_si-twitter-feeds-1.gif) no-repeat top right;
}

.main-heading-cnt {
    float: left;
    width: 100%;
    height: 30px;
    border-bottom: 1px solid #e7c53f;
    background-color: #000000;
}


.main-heading-image {
    float: left;
    background: #000000 url(../images/misc/icon_forum-feeds.gif) no-repeat top left;
    width: 30px;
    height: 30px;
    margin-right: 7px;
}

.main-heading-text {
    float: left;
    font-size: 14px;
    font-weight: bold;
    padding-top: 7px;
    text-transform: uppercase;
}

.main-heading-noimage-text {
    float: left;
    font-size: 14px;
    font-weight: bold;
    padding-top: 7px;
    text-transform: uppercase;
}

/* == NEWS == */

.news-items-cnt {
    float: left;
    width: 100%;
}

.news-item-cnt {
    float: left;
    width: 100%;
    background: transparent url(../images/misc/bg_maincontent.gif);
}

.news-item-even-cnt {
    background: transparent url(../images/misc/bg_maincontent_light.gif);
}

.news-item {
    float: left;
    width: 100%;
}

.news-item-padding {
    padding: 5px;
    float: left;
}

.news-item .image {
    float: left;
    width: 70px;
}

.news-item .text {
    float: left;
    width: 380px;
}

.news-item .description {
    float: left;
    padding-top: 10px;
}

.news-item-more {
    font-size: 10px;
    color: #dcd48c;
    font-weight: bold;
}


.news-item2 {
    float: left;
    width: 100%;
    padding: 15px;
    padding-left: 10px;

}

.news-item2 .text {
    float: left;
}

.news-more-button-cnt {
    width: 100%;
    float: left;
    border-top: 1px solid #0081c3;
    background-color: #003a84;
    padding-top: 1px;
    padding-bottom: 1px;
}

.news-more-button {
    float: right;
    padding-right: 10px;
}

/* == END NEWS == */

.text-info-container {
    float: left;
    width: 570px;
    border: 0px solid red;
}

.text-info-wide-container {
    float: left;
    width: 769px;
    border: 0px solid red;
    background: url(../images/misc/bg_sides.gif) repeat-y top right;
}

.text-info-wide-text-container {
    float: left;
    width: 764px;
}

.text-info-wide-text-nonav-container {
    float: left;
    padding: 3px;
}

.text-info-wide-text-nonav-container {
    float: left;
    padding-left: 5px;
}

.text-info-wide-text-nonav {
    float: left;
    width: 950px;
    background-color: #fff;
    color: #484848;
}

.text-info-right-container {
    float: left;
    width: 199px;
    border: 0px solid red;
    background: #000000 url(../images/misc/bg_sides.gif) repeat-y top right;
}

.text-info-right-container-iphone {
    float: left;
    width: 199px;
    border: 0px solid red;
    background: #fff;
}

.text-info-right-main {
    float: left;
    margin-top: 7px;
}

.text-info-right-main-iphone {
    float: left;
    margin:30px 5px 0 2px;
    border-top:1px solid #E7C53F;
    color:#000;
    background: #fff;
    padding-bottom:191px;
    height:1210px;
}

.no-image-marging {
    padding-left: 10px;
}

.top-nav-cnt {
    float: left;
    width: 100%;
}

.top-nav-bottom-line {
    float: left;
    width: 100%;
    height: 5px;
    background-color: #cccccc;
}

.top-nav-items-cnt {
    float: left;
    width: 100%;
    background-color: #091109;
}

.top-nav-item-cnt {
    float: left;
    margin-right: 4px;
    background-color: #c7c7c7;
}

.top-nav-item {
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.top-nav-item a:link, .top-nav-item a:visited {
    color: #091109;
    font-weight: bold;
}

.top-nav-item a:hover {
    color: #091109;
    font-weight: bold;
}

.game-info-intro-cnt {
    float: left;
    width: 100%;
    background: #000000 url(../images/misc/bg_rightcolumn_1.gif);
}

.game-info-intro-cnt-iphone {
    float: left;
    width: 100%;
    background: #fff;
    height:600px;
}

.game-info-intro {
    float: left;
    padding: 10px;
}

.game-info-intro-iphone {
    float: left;
    padding: 20px;
    background:#fff;
    color:#000;
}

.game-info-intro-br {
    float: left;
    width: 100%;
    height: 10px;
    background: url(../images/misc/bg_filler.gif);
}

.game-info-intro-br-iphone {
    float: left;
    width: 100%;
    height: 20px;
    background:#fff;
}

.game-info-main-content-cnt {
    float: left;
    width: 100%;
}


.game-info-last-text {
    float: left;
    padding: 5px;
    margin: 0px;
    padding-top: 20px;
}

.game-info-last-text-iphone {
    float: left;
    padding:15px 0 60px 0;
    margin: 0;
    background:#fff;
    color:#000;
    font-size:8pt;
    font-family:Verdana;
    width:100%;
    text-align:center;
}

.game-info-last-text-h-cnt {
    float: left;
    width: 100%;
    padding-bottom: 7px;
}

.game-info-last-text-h {
    float: left;
    font-size: 14px;
}

.game-info-last-text-2-cnt {
    float: left;
    width: 100%;
}

.game-info-last-text-2 {
    float: left;
}

.ul-game-info-text {
    padding: 0px;
    margin: 0px;
    width: 100%;
    float: left;
}

.ul-game-info-text-iphone {
    padding: 0px;
    margin: 0px;
    width: 100%;
    float: left;
    background:#fff;
    height:750px;
}

.ul-text {
    background: url(../images/misc/gameinfo_bulletpoint.gif) no-repeat top left;
    float: left;
    margin-top: 5px;
    margin-left: 5px;
}

.ul-text div {
    padding-left: 20px;
    padding-right: 5px;
    padding-bottom: 5px;
}

.ul-game-info-text .odd {
    background: url(../images/misc/bg_maincontent.gif);
    float: left;
    width: 100%;
}

.ul-game-info-text-iphone .odd-iphone {
    background:#e0ebf8;
    float: left;
    width: 100%;
    color:#000;
}

.ul-game-info-text .even {
    background: url(../images/misc/bg_maincontent_light.gif);
    float: left;
    width: 100%;
}

.ul-game-info-text-iphone .even-iphone {
    background:#fff;
    float: left;
    width: 100%;
    color:#000;
}

.game-info-screen {
    width: 100%;
    text-align: center;
    padding-top: 7px;
    padding-bottom: 7px;
}

.game-info-screens-group-cnt {
    float: left;
}

.game-info-screens-group-cnt-iphone {
	background:#fff;
	margin:40px 0 100px 0;
}

.game-info-screens-group {
     float: left;
     display: none;
     padding-left: 23px;
}

.game-info-screens-arrows-cnt {
    float: left;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
}

.game-info-screens-arrow-left {
    float: left;
    width: 20px;
    padding-left: 25px;
}

.game-info-screens-arrow-right {
    float: right;
    width: 20px;
    padding-right: 15px;
}

.game-info-screens-group-visible {
     float: left;
     width: 100%;
}

.news-page-nav-cnt {
    float: right;
    width: 200px;
    padding: 0px;
    margin: 0px;
    height: 25px;
    border: 0px solid red;
}

.news-page-nav-res {
    float: left;
    font-weight: bold;
    width: 110px;
}

.news-page-nav-arrow {
    float: left;
    width: 10px;
}

.news-page-nav-res-total {
    float: left;
    width: 40px;
}

.news-page-nav-cnt2 {
    float: right;
    padding-top: 8px;
}

.news-bottom-nav-cnt {
    float: left;
    height: 28px;
    width: 100%;
    border-top: 1px solid #cdcbcc;
    background-color: #323232;
}

/* == FM CLUB == */

.fmclub-cnt {
    float: left;
    width: 100%;
    background: url(../images/misc/placeholder_prizes2009.jpg) no-repeat top right;
    height: 619px;
}

div.fmclub-intro {
	float: left;
	width:100%;
	background:url(../images/misc/fmclub_grassbg.jpg) no-repeat top left;
	height:117px;
}

div.fmclub-intro p {
	text-transform:uppercase;
	color:#fff;
	font-size:18px;
	font-weight:bold;
	padding:13px;
}

div.fmclub-intro p span {
    color:#E7C53F;
    font-size:26px;
    font-style:italic;
}

div.fmclub-login-form {
	float:left;
	width:100%;
}

div.fmclub-login-form div.blockInterest a span {
    margin-left:230px;
}
div.fmclub-login-form a#submit_login_a {
	margin-left:250px;
}

div.licence-key-form {
	float:left;
	width:100%;
	padding:50px;
}

div.unilock-key {
    float:right;
	width:485px;
	text-align:left;
	padding:200px 0 0 50px;
	background:url(../images/misc/fmclub_yellowarrow.gif) no-repeat left 98%;
}

div.licence-key-form div.captcha {
    float:right;
    width:485px;
    text-align:left;
    padding:5px 0 0 50px;
    background:url(../images/misc/fmclub_yellowarrow.gif) no-repeat left 98%;
	height:40px;
}

div.licence-key-form p {
    padding:4px 0;
}

.fmclub-top-text-cnt {
    float: left;
    width: 100%;
}

.fmclub-top-text {
    padding: 10px 100px 10px 10px;
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
    text-transform: uppercase;
    float: left;
}

.fmclub-top-text span {
    color: #e7c53f;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    font-style: italic;
}

.fmclub-left-text-cnt {
    float: left;
    width: 100%;
}

.fmclub-left-text {
    float: left;
    width: 200px;
    padding: 60px 10px 10px 10px;
}

.fmclub-bottom-text-cnt {
    float: left;
    width: 100%;
}

.fmclub-bottom-text {
    padding: 290px 100px 10px 10px;
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
    text-transform: uppercase;
    float: left;
}

.fmclub-bottom-text span {
    color: #e7c53f;
    font-size: 22px;
    font-weight: bold;
    text-transform: uppercase;
    font-style: italic;
}

/* == END FM CLUB == */


/* == FM DEMO == */

.fmdemo-cnt {
    float: left;
    width: 100%;
    background: url(../images/misc/bg_rightcolumn_1.gif) repeat top left;
}

.fmdemo-top-text-cnt {
    float: left;
    width: 100%;
}

p.fmdemo-top-text {
    padding: 10px 100px 10px 10px;
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
    text-transform: uppercase;
	float: left;
}

p.fmdemo-demo-desc {
	float: left;
	padding: 10px 300px 10px 10px;
	margin-right:50px;
	font-weight: bold;
	color: #ffffff;
	background: url(../images/misc/demo_image.gif) no-repeat top right;
	height:80px;
}

.fmdemo-options-cnt {
    float: left;
    width: 100%;
    background: url(../images/misc/bg_maincontent.gif);
    padding-bottom: 5px;
}

.fm_demo_column {
    float: left;
    width: 100%;
}

.fmdemo-left-text-cnt {
    float: left;
    width: 100%;
}

.fmdemo-filesize {
	font-size:16px;
	padding-top:10px;
	text-align:center;
	font-weight:bold;
	color:#000;
}

.fmdemo-left-text {
    float: left;
    width: 200px;
    padding: 60px 10px 10px 10px;
}

.fmdemo_subheader {
	padding:6px 0 3px 0;
    background: #000;
    overflow: hidden;
    /*height: 23px;*/
    width: 100%;
    text-align:center;
    border-bottom:1px solid #E7C53F;
}

.fmdemo_subheader h1{
    font-size:14px;
}

.fmdemo-demo-info {
    background: #CCCCCC;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #ababab;
    overflow: hidden;
    padding:10px;
    color:#000;
    height: 180px;
    float:left;
    font-weight:bold;
}

.fmdemo-vanilla-info{
    float: left;
    width: 50%;
}

.fmdemo-strawberry-info{
    float: left;
    width: 50%;
}

.fmdemo-vanilla-links {
	float: left;
	width:100%;
	background:#fff;
	/*padding: 0 0 11px 0px;*/
    padding: 50px 0 8px 0px;
	height:122px;
}

.fmdemo-strawberry-links {
    float: left;
    width:100%;
    background:#fff;
}

.fmdemo-link-spacer {
	width:100%;
	padding:10px 0 10px 0;
	border-bottom:1px solid #bbb;
}

.fmdemo-link-spacer-steam {
    background:url(../images/misc/demo_steamlogo_small.gif) no-repeat 12px 12px;
}


a.yellowBtn {
    background: transparent url(../images/btns/yellow_button_right.gif) no-repeat scroll top right;
    color: #4c4c4c;
    display: block;
    float: left;
    font-weight:bold;
    height: 30px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.yellowBtnOnDark {
    background: transparent url(../images/btns/yellow_button_dark_right.gif) no-repeat scroll top right;
    color: #4c4c4c;
    display: block;
    float: left;
    font-weight:bold;
    height: 30px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.yellowBtn span {
    background: transparent url(../images/btns/button_size5_white.gif) no-repeat;
    display: block;
    line-height: 19px;/*button height is 30*/
    padding: 5px 0 6px 16px;
}

a.yellowBtnOnDark span {
    background: transparent url(../images/btns/button_bigger.gif) no-repeat;
    display: block;
    line-height: 19px;/*button height is 30*/
    padding: 5px 0 6px 16px;
}

a.yellowBtn:link,
a.yellowBtn:active,
a.yellowBtn:visited {
	color: #4c4c4c;
	text-decoration: none;
	font-weight:bold;
}

a.yellowBtn:hover {
    background-position: bottom right;
    color: #4c4c4c;
    outline: none; /* hide dotted outline in Firefox */
}

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

.fmdemo-problems {
    float: left;
    width: 100%;
    background: url(../images/misc/demo_problems_bg.jpg);
    padding: 15px 0;
    margin-bottom:5px;
}

.fmdemo-hardware {
    float: left;
    width: 100%;

    background:url(../images/misc/bg_leftcolumn.gif);
}

p.fmdemo-demo-white {
    float: left;
    padding:10px;
    color: #ffffff;
}
/* == END DEMO == */



/* == FMLOFFER == */

div.fmloffer {
	padding:30px 50px;
	background:#172641;
	margin-right:6px;
	height:100%;
}

div.fmloffer p {
	padding-bottom:20px;
	font-weight:bold;
}
div.fmloffer form {
    margin-top:30px;
}

div.fmloffer form div.theText {
    float: left;
    height: 20px;
    margin: 5px 5px 0 0;
    padding: 0 0 0 2px;

    text-align: right;
    width: 250px;
}

div.fmloffer form div.theText .required{
    color:red;
}

div.fmloffer form div.theInput {
	background:none;
    float: left;
    height: 20px;
    margin-top: 5px;
    padding: 0;
    text-align: left;
    width: 230px;
    z-index: 100;
}

div.fmloffer .error .theError {
    width: 20px;
    height: 20px;
    background: red url(../../images/error.gif) no-repeat;
    border: 1px solid red;
    border-left: 0px;
	margin-top: 5px;
}
/* == END FMLOFFER == */



/* == PATCHES == */

div.download-latest-patch {
	float:left;
	background:#172641;
	width:100%;
	padding:30px 40px;
}


/* == END PATCHES == */



/* == FANSITES == */

.featured-fansite-cnt {
    float: left;
    width: 100%;
}

.featured-fansite-left-cnt {
    float: left;
    width: 432px;
    height: 272px;
    border: 0px solid red;
    background: url(../images/misc/bg_maincontent_light.gif);
}

.featured-fansite-right-cnt {
    float: left;
    width: 332px;
    height: 272px;
    background: url(../images/misc/fansite_image.jpg) no-repeat top right;
    border: 0px solid red;
}

.featured-fansite-right {
    float: left;
    padding: 30px;
    width: 170px;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
}

.featured-fansite-left-content-cnt {
    float: left;
    width: 100%;
}

.featured-fansite-left-content {
    float: left;
    padding: 10px;
}

.featured-fansite-name-cnt {
    float: left;
    width: 100%;
}

.featured-fansite-name {
    float: left;
    padding-left: 5px;
    font-weight: bold;
    color: #ffffff;
}

.featured-fansite-url-cnt {
    float: left;
    width: 100%;
}

.featured-fansite-url {
    float: left;
    padding-left: 5px;
}

.featured-fansite-url a {
    color: #e7c53f;
    font-weight: bold;
    text-decoration: underline;
}

.featured-fansite-url a:hover {
    text-decoration: none;
}

.featured-fansite-desc-cnt {
    float: left;
    width: 100%;
    padding-top: 10px;
}

.featured-fansite-desc-left-cnt {
    float: left;
    width: 170px;
}

.featured-fansite-desc-right-cnt {
    float: left;
    width: 162px;
}

.featured-fansite-desc-text {
    float: left;
    padding-bottom: 20px;
}

.featured-fansite-rating-text {
    float: left;
    padding-bottom: 5px;
}

.featured-fansite-star-rating {
    float: left;
}

.featured-fansite-btn-cnt {
    float: left;
    width: 100%;
}

.fansitekit-download-button {
    width: 100%;
    text-align: center;
}

/* == END FANSITES == */

/* ===================== FM10 =====================  */


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



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

}

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

div.footerBar,div.footerBar div {
    background-color: #000000;
    color: #cbcbcb;
}

.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: #cbcbcb;
}

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

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

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

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



/*** 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: url(../images/misc/bg_maincontent_light.gif);
    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;
    padding-bottom: 10px;
    width: 700px;
}

div.pre_order .boldtext-h {
    float: left;
    font-weight: bold;
    padding-bottom: 15px;
    font-size: 20px;
    text-transform: uppercase;
    width: 100%;
}

div.pre_order .ball-bullet {
    background: url(../images/btns/button_arrow_yellow_right.gif) no-repeat left top;
    float: left;
    padding-left: 15px;
    padding-bottom: 10px;
    margin-top: 5px;
    min-height: 30px;
    margin-left: 50px;
    width: 635px;
}

div.pre_order .steam-bullet {
    background: url(../images/misc/steam.gif) no-repeat left top;
    float: left;
    padding-left: 125px;
    padding-bottom: 40px;
    min-height: 30px;
    margin-left: 0px;
    width: 525px;
}

div.pre_order .steam-bullet2 {
    background: transparent url(../images/btns/button_arrow_yellow_right.gif) no-repeat left top;
    float: left;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-top: 2px;
    color: #000;
    margin-left: 5px;
    width: 350px;
}

div.pre_order .steam-bullet u {
    color: #DCD28A;
}

.pre_order_options-cnt {
    float: left;
    width: 100%;
    background: url(../images/misc/bg_maincontent.gif);
    margin-top: 5px;
    padding-bottom: 50px;
}

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

.pre_order_options_countries {
    float: left;
    width: 99%;
}

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

.pre_order_retailers-split {
    float: left;
    width: 100%;
    border-top: 1px solid #ABABAB;
    height: 1px;
    padding: 0px;
    margin: 0px;
}

.pre_order_subheader {
    background: #000;
    overflow: hidden;
    height: 23px;
    width: 100%;
}

.pre_order_subheader_big {
    background-color: #000;
    overflow: hidden;
    height: 23px;
    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: #ffffff;
    width: 100%;
}

.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: #CCCCCC;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #ababab;
    overflow: hidden;
    height: 23px;
    width: 100%;
}

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

.pre_order_retailers-cnt {
    float: left;
    width: 100%;
}

.pre_order_retailers {
    float: left;
    padding: 8px;
}

.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-left-cnt {
    float: left;
    width: 192px;
    border: 0px solid red;
}

.pre_order_retailer-nodesc-left-cnt {
    float: left;
    width: 100px;
}

.pre_order_retailer-nodesc-right-cnt {
    float: left;
    width: 240px;
}

.pre_order_retailer-right-cnt {
    float: left;
    width: 170px;
    border: 0px solid red;
}

.pre_order_retailer-logos-cnt {
    float: left;
    width: 100%;
}

.pre_order_retailer-logos-left-cnt {
    float: left;
}

.pre_order_retailer-logos-right-cnt {
    float: left;
    padding-left: 7px;
}

.pre_order_retailer-text-cnt {
    float: left;
    padding-top: 7px;
    padding-bottom: 7px;
    color: #000;
}

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

.pre_order_retailer-button-cnt {
    float: left;
}

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: #dcd48c;
    text-decoration: underline;
}

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

div.fansites {
    background: url(../images/misc/bg_maincontent.gif);
    color: #fff;
}

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: #fff;
}

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, .common-button a.btnGrey span, .preorder-common-button 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: 0px;
    width: 766px;
    margin: auto;
    padding-bottom: 15px;
}

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: 380px;
    text-align: right;
}

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

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

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: 115px;
    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: #333 url(../images/misc/bg_maincontent.gif);
    padding-top: 20px;
    padding-bottom: 20px;
    color: white;
}

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

div.blockInterest a span {
    color: #dcd48c;
    margin-left: 200px;
    margin-bottom: 10px;
    display: block;
    font-weight: bold;
}

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

div.registrationContent .header {
    /*background: #333 url(../images/headers/darkgrey_left.jpg) no-repeat left bottom;*/
    background-color: #000000;
    border-bottom: 1px solid #e7c53f;
    height: 23px;
    padding-top: 9px;
    padding-left: 6px;
}

div.registrationContent .header h1 {
    font-size: 14px;
}

.loginForm form a {
    color: #dcd48c;
}

.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, div.common-button a.btnGrey span, div.preorder-common-button a.btnGrey span {
    padding-top: 7pt;
}

div.registrationForm {
    background-image: url(../images/misc/bg_maincontent_light.gif);
}

div.loginForm a.btnGrey,div.registrationForm a.btnGrey, div.common-button a.btnGrey {
    background-image: url(../images/btns/button.gif);
    width: 188px;
    height: 30px;
    color: #656565;
    text-decoration: none;
    margin: auto;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
}

div.preorder-common-button a.btnGrey {
    background-image: url(../images/btns/button_preorder.gif);
    width: 183px;
    height: 30px;
    color: #656565;
    text-decoration: none;
    margin: auto;
    font-weight: bold;
    text-transform: none;
    text-align: center;
}

div.registrationForm a.btnGrey, div.common-button  a.btnGrey {
    background-image: url(../images/btns/button.gif);
    margin-top: 15px;
}

div.preorder-common-button  a.btnGrey {
    background-image: url(../images/btns/button_preorder.gif);
    margin-top: 5px;
}

#segapassform {
}

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

#segapassform .divider1 {
    background-color: #003a84;
}

#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 {
    padding: 10px 10px 0px 10px;
}

.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;
}

.captcha a {
    color: #dcd48c;
}

.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;
    float: left;
}

.theInputCheckbox a {
    color: #dcd48c;
}

.error .theInputCheckbox {
    border: 1px solid red;
    border-right: 0px;
    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: url(../images/misc/fansitekit_bg_kit.jpg) no-repeat left top;
    color: #fff;
    min-height: 291px;
}

.fansite-kit-slogan-cnt {
    float: left;
    width: 100%;
}

.fansite-kit-slogan {
    padding: 10px 20px 20px 20px;
    float: left;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
}

.fansite-kit-slogan-desc-cnt {
    float: left;
    width: 100%;
}

.fansite-kit-slogan-desc {
    padding-left: 10px;
    width: 420px;
    float: left;
}

div.fansitekit .trailer p {
    width: 370px;
    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 .iaccept {
    padding: 3px;
    background-color: #f6c72f;
    color: #000;
    font-weight: bold;
}

div.fansitekit .download {
    background: url(../images/misc/fansitekit_bg.jpg) repeat-x;
    height: 85px;
}


.fansitekit-download-slogan {
    width: 100%;
    padding: 10px 0px 0px 0px;
    font-size: 26px;
    color: #fff;
    text-align: center;
    font-weight: bold;
}

/* ================================================ */

.common-header {
    width: 100%;
    height: 30px;
    border-bottom: 1px solid #e9c43f;
    background-color: black;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
}

.common-header .chl2 {
    padding-left: 35px;
    padding-top: 7px;
}

.latest-news {
    background: url(../images/misc/icon_si-twitter-feeds.gif) no-repeat left top;
}

.contentBox2 {
    background: url(../images/misc/general_bg_semi-black.gif);
    width: 100%;
    float: left;
}

.contentBox2even {
    background: url(../images/misc/general_bg_semi-white.gif);
    width: 100%;
    float: left;
}

.contentBox2 .img-cb2, .contentBox2even .img-cb2 {
    width: 80px;
    float: left;
}

.contentBox2 .text-cb2, .contentBox2even .text-cb2 {
    float: left;
    width: 380px;
}

.contentBox2-items {
    margin: 5px;
    float: left;
}

.option a {
    color: #dcd48c;
}

.video-page-cnt {
    float: left;
    width: 100%;
    padding-bottom: 0px;
}

.video-page-header-left-cnt {
    float: left;
    width: 484px;
}

.video-page-header-right-cnt {
    float: left;
    width: 280px;
}

.video-page-other-cnt {
    float: left;
    width: 100%;
}

.video-page-videos-cnt {
    float: left;
    width: 100%;
}

.video-page-video-cnt-cnt {
    float: left;
    width: 100%;
    background: transparent url(../images/misc/bg_maincontent.gif);
    padding-bottom: 7px;
}

.video-page-video-cnt {
    float: left;
    width: 120px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 15px;
}

.videoTitle {
    float: left;
    font-weight: bold;
}

.videoArrow {
	cursor: pointer;
}











.retailers {width: 378px; overflow: hidden}
.retailers .retailerHeadingOne {background: #000; width: 100%; height: 18px; color: #FFF;
                                font-weight: bold; padding: 3px 0 0 0}
.retailers .retailerPlatformsList {background: #CCC; width: 100%; height: 15px; color: #000; 
                                   padding: 1px 0 0 20px}
.retailerItem {padding: 10px 0 0 10px; border-top: 1px solid #CCC; height: 50px}


.flush {
	padding:0;
}

.iphone-buy-now-button {
	 margin:20px 0 0 200px;
}