body {
background: #000;
}
h2, h3, h4{
color:#ed1c24;
text-transform:uppercase;
}
p{
font-size:14px;
line-height:20px;
}
.offscreen{
position:absolute;
top:-99999px;
left: -99999px;
}
.sprited{
background: url(http://nxeassets.xbox.com/shaxam/0201/d8/4c/d84c9dd1-3fd7-4e60-8e87-682db49a03e0.PNG?v=1#sprite_loc_DE.PNG) no-repeat 0 0;
display:block;
}
div.clear{
clear:both;
overflow: hidden;
margin-top: -1px;
margin:0;
padding:0;
}
#bodycolumn {
background: transparent url(http://nxeassets.xbox.com/shaxam/0201/a4/92/a4927858-bd1e-4b3e-8636-a787a9e543b3.JPG?v=1#bg-header_DE.JPG) no-repeat top center !important;
}
#BodyContent{
width:955px;
color:#fff;
margin:10px auto;
}
#f4SplashVids{
height:455px;
position:relative;
/*z-index:999; */
padding:1px 0 0 0;
margin:0 0 55px 0;
}
h2#bestLookingGame{
width:342px;
height:75px;
margin:35px 0 40px 0;
}
h1#logo{
width:243px;
height:139px;
background-position:0 -100px;
margin:0 0 80px 0;
}
#f4SocialLinks{
width:442px;
height:85px;
background-position:0 -250px;
margin:605px 0 0 535px;
position:relative;
z-index:1;
}
#f4SocialLinks a{
display:block;
width:28px;
height:28px;
position:absolute;
z-index:5;
}
a#f4Motorsport {
background: url(http://nxeassets.xbox.com/shaxam/0201/75/a8/75a8acb0-d606-4201-af36-cd0856322e7d.PNG?v=1#sprite_loc_DE.PNG) no-repeat 0 -769px; 
height: 45px;
left: 80px;
position: absolute;
top: 29px;
width: 280px;
}
a#f4Motorsport:hover {
background-position: 0 -830px;
}
#f4SocialLinks a.facebook{
top:35px;
right:113px;
}
#f4SocialLinks a.twitter{
top:35px;
right:78px;
}
#heroCar{
position:absolute;
width:757px;
height:424px;
right:-69px;
top: 9px;
background: url(http://nxeassets.xbox.com/shaxam/0201/ef/f5/eff5770b-329e-4129-a9e5-0949d335ef09.PNG?v=1#ferrari.PNG) no-repeat 0 0;
}
#silverlightContainer{
display:none;
width:668px;
height:422px;
position:absolute;
top:-40px;
right:-60px;
background: url(http://nxeassets.xbox.com/shaxam/0201/72/8f/728ffacd-1341-48a4-9952-808c1c3a07c8.PNG?v=1#vid-player-shadow.PNG) no-repeat 0 0;
z-index:2;
}
#silverlightControlHost{
width:546px;
height:312px;
margin:auto;
}
#silverlightControls{
width:520px;
height:120px;
position:absolute;
top:364px;
right:36px;
z-index:5;
}
#f4DreamsTag {
height: 175px;
width: 100%;
}
#f4IntroBlock{
margin:0 0 0 0;
}
#f4IntroBlock div.gameSummary{
width:565px;
float:right;
}
#f4IntroBlock h3.sprited{
display:block;
width:500px;
height:28px;
background-position:0 -345px;
margin:0 0 25px 0;
}
#f4IntroBlock div.gameSummary p{
font-size:17px;
}
#f4IntroBlock div.gameDetails{
height: 300px;
width:338px;
float:left;
position: relative;
}
#f4IntroBlock div.f4Packaging{
background: url(http://nxeassets.xbox.com/shaxam/0201/07/09/0709254d-058a-45ef-a1eb-a28ef019ebcf.PNG?v=1#forza4-usk0-3d_updated.PNG) no-repeat;
height:237px;
float:left;
width:141px;
}
#f4PreOrder,
#f4GameDetails_button {
height: 55px;
position: absolute;
width: 275px;
}
#f4PreOrder {
top: 230px;
left: -235px;
}
#f4GameDetails_button {
top: 230px;
right: -55px;
width: 212px;
}
#f4PreOrder a, 
#f4GameDetails_button a {
background: url(http://nxeassets.xbox.com/shaxam/0201/75/a8/75a8acb0-d606-4201-af36-cd0856322e7d.PNG?v=1#sprite_loc_DE.PNG) no-repeat 0 -493px; 
display: block;
height: 100%;
width: 100%;
}
#f4GameDetails_button a {
background-position: 0 -574px;
}
#f4GameDetails_button a:hover {
background-position: -237px -574px;
}
#f4PreOrder a:hover {
background-position: -255px -493px;
}
#f4IntroBlock ul.f4GameStats{
width:167px;
float:right;
font-size:11px;
list-style-type:none;
padding:0;
margin:0 0 20px 0;
line-height:14px;
}
#f4IntroBlock ul li{
padding:0;
margin:0;
}
#f4IntroBlock ul strong{
color:#ec1c23;
font-weight:normal;
}
#f4IntroBlock div.esrbRating{
width: 169px;
height:100px;
background-position: -300px -100px;
float:right;
margin:0 0px 0 0;
}
#f4DetailInnovation{
background: url(http://nxeassets.xbox.com/shaxam/0201/6e/74/6e74aee2-2ab7-4190-a9f3-4807abff7450.JPG?v=1#img-steering.JPG) no-repeat 0 0;
height: 350px;
width:320px;
padding-left:635px;
}
#f4DetailInnovation h4.sprited{
width:246px;
height:18px;
background-position:0 -400px;
}
#f4DetailVariety{
background: url(http://nxeassets.xbox.com/shaxam/0201/a2/d8/a2d8e53c-d154-44be-ac3f-c80832ddf057.JPG?v=1#img-car-logos.JPG) no-repeat 100% 0;
height: 350px;
width:320px;
padding-right:635px;
}
#f4DetailVariety h4.sprited{
width:159px;
height:18px;
background-position:-300px -400px;
}
#f4DetailJoinTheClub{
background: url(http://nxeassets.xbox.com/shaxam/0201/76/79/7679df30-6bb4-4252-9561-b7fa961c7f30.JPG?v=1#img-white-cars.JPG) no-repeat 0 0;
height: 350px;
margin: 80px 0 0 0;
width:320px;
padding-left:635px;
}
#f4DetailJoinTheClub h4.sprited{
width:150px;
height:23px;
background-position:0 -450px;
}
#f4Affiliates {
padding: 110px 0 30px;
}
#f4Affiliates ul {
list-style: none;
margin: 0;
padding: 0;
}
#f4Affiliates li {
background: url(http://nxeassets.xbox.com/shaxam/0201/75/a8/75a8acb0-d606-4201-af36-cd0856322e7d.PNG?v=1#sprite_loc_DE.PNG) no-repeat;
height: 55px;
float: left;
margin-right: 15px;
width: 150px;
}
#f4Affiliates li a {
display: block;
height: 100%;
width: 100%;
}
#f4Affiliates #logo-ms-studios {
background-position: 0 -664px;
}
#f4Affiliates #logo-343 {
background-position: -164px -658px;
}
#f4Affiliates #logo-topgear {
background-position: -337px -660px;
}
/* TOP HALF ENDS ***********************************************************************/
/**Footer Override Stuff**/
body div#BodyFooter div#ShellFooterContent div.PrimaryContent div#ShellFooterNavigation {
/*background: url(_ui/img/btns-footer.png) no-repeat 0 0;*/
height: 18px;
padding-top: 4px;
}
body div#BodyFooter div#ShellFooterContent div.PrimaryContent div#ShellFooterNavigation a {
color: #fff;
}
body div#BodyFooter div#ShellFooterContent div.PrimaryContent div#ShellFooterNavigation a.spread {
margin-left: 0;
}
body div#BodyFooter div#ShellFooterContent div.SecondaryContent {
margin-bottom: 40px;
}
body div#BodyFooter div#ShellFooterContent div.SecondaryContent div#LogoAndCopyright {
background: url(http://nxeassets.xbox.com/shaxam/0201/75/a8/75a8acb0-d606-4201-af36-cd0856322e7d.PNG?v=1#sprite_loc_DE.PNG) no-repeat -453px -720px;
color: #fff;
padding: 27px 0 0 0;
width: 97px;
}
body div#BodyFooter div#ShellFooterContent div.SecondaryContent div#ShellFooterSecondaryNavigation a {
color: #fff;
}
/**Viewer Stuff**/
a {
cursor: pointer;
}
div#slideViewer {
display: none;
height: 362px;
position: absolute;
top: -20px;
right: -4px;
width: 600px;
}
div#slTargetVideo {
background: url(http://nxeassets.xbox.com/shaxam/0201/4c/1d/4c1d626f-07c7-4b74-b995-a22fb582a1bb.GIF?v=1#load-indicator.GIF) no-repeat 50% 50%;
height: 360px;
position: relative;
width: 600px;
}
div#img-holder {
background: url(http://nxeassets.xbox.com/shaxam/0201/4c/1d/4c1d626f-07c7-4b74-b995-a22fb582a1bb.GIF?v=1#load-indicator.GIF) no-repeat 50% 50%;
height: 307px;
margin: 42px 0 0 25px;
position: relative;
width: 544px;
border: 2px solid #fff;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-khtml-border-radius: 16px;
border-radius: 16px;
}
div#img-holder img {
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-khtml-border-radius: 16px;
border-radius: 16px;
}
a.viewer-close-btn {
background: url(http://nxeassets.xbox.com/shaxam/0201/82/6d/826d362f-73c4-4664-ab01-93bdc69bf556.PNG?v=1#btn-close.PNG) no-repeat;
display: none;
height: 40px;
position: absolute;
left: -21px;
top: -19px;
width: 40px;
}
div#img-holder a.viewer-close-btn {
left: -18px;
top: -19px;
}
/**Carousel Stuff**/
div#video-carousel * {
margin: 0;
padding: 0;
}
div#video-carousel {
height: 100%;
overflow: hidden;
padding: 0;
position: relative;
width: 100%;
}
div#video-carousel a.btn {
display: block;
height: 100%;
width: 100%;
}
div#video-carousel div.mask {
float: left;
height: 100%;
overflow: hidden;
position: relative;
width: 429px;
}
div#video-carousel .prev-arrow, 
div#video-carousel .next-arrow {
float: left;
height: 35px;
width: 44px;
}
div#video-carousel .prev-arrow a, 
div#video-carousel .next-arrow a{
background: url(http://nxeassets.xbox.com/shaxam/0201/3f/97/3f97391e-0e69-4591-bcfa-80c66d4ce86f.PNG?v=1#btns-carousel.PNG) no-repeat 0px -37px;
display: none;
margin: 29px auto 0;
}
div#video-carousel .next-arrow a {
background-position: -45px -37px;
}
div#video-carousel .prev-arrow a:hover {
background-position: 0px 0px;
}
div#video-carousel .next-arrow a:hover {
background-position: -45px 0px;
}
div#video-carousel div.mask ul {
display: block;
list-style: none;
padding: 0 0 0 0;
position: absolute;
}

div#video-carousel li {
/*background: url(_ui/img/video/bg-thumb.png) no-repeat;*/
float: left;
height: 90px;
margin: 0;
position: relative;
white-space: nowrap;
width: 143px;
}
div#video-carousel li img {
border: solid 2px #fff;
margin: 10px 0px 0px 9px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
}
div#video-carousel div.overlay {
background: url(http://nxeassets.xbox.com/shaxam/0201/7a/e6/7ae6bae7-5acd-4c55-8b3f-e8db5d631253.PNG?v=1#thumb-overlay.PNG) no-repeat; 
left: 11px;
height: 100%;
position: absolute;
top: 11px;
width: 100%;
opacity: 1;
-webkit-transition: opacity .1s linear .1s;
-moz-transition: opacity .1s linear .1s;
-o-transition: opacity .1s linear .1s;
transition: opacity .1s linear .1s;
}
div#video-carousel a:hover div.overlay {
opacity: 0;
filter: alpha(opacity=0);  
-webkit-transition: opacity .1s linear .1s;
-moz-transition: opacity .1s linear .1s;
-o-transition: opacity .1s linear .1s;
transition: opacity .1s linear .1s;
}
div#video-carousel li.on-state div.overlay {
opacity: 0;
filter: alpha(opacity=0);  
}
div#video-carousel li:hover img,
div#video-carousel li.on-state img {
border-color: #b00a0f;
-webkit-transition: border-color .25s linear .1s;
-moz-transition: border-color .25s linear .1s;
-o-transition: border-color .25s linear .1s;
transition: border-color .25s linear .1s;
}
div#video-carousel li span.play-btn {
background: url(http://nxeassets.xbox.com/shaxam/0201/3f/97/3f97391e-0e69-4591-bcfa-80c66d4ce86f.PNG?v=1#btns-carousel.PNG) no-repeat 0px -73px;
display: block;
height: 73px;
left: 30px;
position: absolute;
top: 8px;
width: 73px;
}
div#video-carousel li.on-state span.play-btn {
display: none;
}
div#video-carousel li h3 {
color: #fff;
font-size: 13px;
margin: 5px 0 0 10px;
}
div#video-carousel a:hover h3,
div#video-carousel li.on-state h3 {
color: #ED1C24
}