.bladeButton {    background-color: #107b10;
    color: #fff !important;
    padding: 10px 15px;
    margin-right: 22px;   
    margin: 18px 22px 0 0;}


div#BodyHeader{
 min-width:955px;
}
div#BodyFooter{
 min-width:955px;
}
body div#BodyFooter div#ShellFooterContent{

 min-width:955px;
}
div#BodyContent {
 width: 100%;
 min-height: 400px;
}
.shadow{
 background-color:#000 !important;
}
div#BodyContent.container {
 margin-top: -10px;
 height: auto;
}

div#BodyContent.container .heroBlade{
  margin-bottom: 0;
}
.bodycolumn{
  overflow-x:hidden;
}
#TopContentBlockList_1 {
 padding-top: 18px;
  margin-top: 0px;
 border-top: 3px solid #107c10;
}
#videoEmbedDiv{
 display:block;
 display:none;
 position:fixed;
 top:0px;
 left:0px;
 z-index:35;
 width:100%;
 height:100%;
 
}
#videoEmbedDiv .bg{
 display:block;
 position:absolute;
 top:0px;
 left:0px;
 width:100%;
 height:100%;
 background:rgba(0,0,0,0.7);
 cursor:pointer;
}
#videoEmbedDiv .container{
 display:block;
 width:900px;
 height:506px;
 margin:-253px auto 0px auto;
 top:50%;
 position:relative;
}
#videoEmbedDiv .container .closeBtn{
 position:absolute;
 right:10px;
   top:-252px;
 color:#fff;
 font-size:3em;
 cursor:pointer;
 z-index:51;
}

#videoEmbedDiv iframe{
 width:900px;
 height:506px;
 display:block;
 margin:-253px auto 0px auto;
 top:50%;
 position:relative;
 border:solid 1px #666;
z-index:50;

}
@media screen and (max-width:1024px){
 #videoEmbedDiv .container{
  width:712px;
  height:400px;
  margin:-200px auto 0px auto;

 }

 #videoEmbedDiv .container .closeBtn{
   right:10px;
   top:-200px;
   z-index:51;
 }
 #videoEmbedDiv iframe{
 width:712px;
  height:400px;
  margin:-200px auto 0px auto;

 }
}
@media screen and (max-height:720px){
 #videoEmbedDiv .container{
  width:712px;
  height:400px;
  margin:-200px auto 0px auto;

 }

 #videoEmbedDiv .container .closeBtn{
   right:10px;
   top:-200px;
   z-index:51;
 }
 #videoEmbedDiv iframe{
 width:712px;
  height:400px;
  margin:-200px auto 0px auto;

 }
}
.center-wrapper {
 margin: -11px auto;
}
.heroBlade{
margin-bottom:-38px;
}
.hero{
 display:block;
 min-height:590px;
 background-color:#000;
 width:100%;
 padding-bottom: 0px;
 margin-bottom: 0px;
 position:relative;
 overflow:hidden;
 min-width:1170px;
 margin-bottom:0px;
}

.hero_container{
 display:block;
 width:1170px;
 margin:0 auto;
 overflow:visible;
 height:688;
 background:#000;
 position:relative;
}
.hero_logo{
 display:block;
 width:292px;
 position:absolute;
 top:30px;
 z-index:3;
 width:100%;
 text-align:center;
}
.hero_gradient{
 position:absolute;
 bottom:80px;
 display:block;
 height:180px;
 width:100%;
 z-index:10;
 background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 99%, rgba(0,0,0,1) 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(99%,rgba(0,0,0,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 99%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 99%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
 background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 99%,rgba(0,0,0,1) 100%); /* IE10+ */
 background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 99%,rgba(0,0,0,1) 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */

}
#heroCp{
 display:block;
 position:absolute;
 left:415px;
 top:310px;
 width:400px;
 height:200px;
 z-index:20;

}
.hero_shatter{
 display:block;
 display:none;
 position:relative;
 width:892px;
 margin:0 auto;
 top:84px;
 height:501px;
}
.hero_helmet{
 display:block;
 position:absolute;
 top:0px;
 left:0px;
}
.cp_coming{
 display:block;
 position:absolute;
 top:32px;
 left:334px; 
 opacity:0;
}
.cp_watch{
 display:block;
 position:absolute;
 bottom:60px;
 left:287px;
 z-index:20;
 opacity:0;
}
.hero_play{
 position:absolute;
 left:390px;
 top:172px;
 display:block;
 opacity:0.75;
 opacity:0;
 cursor:pointer;
}
.hero_replay{
 display:none;
 position:absolute;
 left: 393px;
   top: 162px;
 opacity:0.75;
}
.cp_replay{
 display: none;
 position:absolute;
 bottom:60px;
 left:282px;
 z-index:20;
}


.hero_container .hero_locke{
 position:absolute;
 top:0px;
 display:block;
 left:347px;
 opacity:0.2;
}
.hero_container .hero_locke img{
 margin-left:-1167px;

}
.hero_container .hero_mc{
 position:absolute;
 display:block;
 top:0px;
 right:380px;
 opacity:0.2;
}
.hero_container .hero_mc img{
 margin-right:-1090px;
}
.cta_bar{
 display:block;
 height:80px;
 width:100%;
 position:absolute;
 bottom:120px;
 

}
.cta_bar .cta_container{
 display:block;
 width:660px;
 margin:28px auto 0px auto;
 text-align:center;
}
.cta_bar .cta_container p{
  color: #fff;
  font-size: 1.2em;
}
.cta_bar .cta_copy{
 display:inline-block;
}
.pre_order{
 font-family: "Segoe UI",segoe "Segoe WP",Tahoma,Verdana,Arial,sans-serif;
 color:#fff;
 /*float:right;*/
 font-size: 30px;
}

.pre_order a{
 display:inline-block;
 padding:7px 50px 9px 50px;
 line-height:30px;
 background:#107b10;
 color:#fff;
 font-size:0.6em;
 font-weight:normal;
 margin-left:20px;
 text-shadow:none;

}

.tumblr{
 display:block;
 min-height:750px;
 background:#000;
 width:100%;
 margin-bottom:0px;
}
.tumblr iframe{
 height:750px;
}
.mc_collection{
 display:block;
 min-height:550px;
 background:#000;
 background:url('http://compass.xbox.com/assets/c7/fe/c7fef923-b7b3-4179-909e-107f2e016246.jpg?n=section2_bg.jpg');
 background-size:cover;
 width:100%;
 margin-bottom:0px;
 position:relative;
 color:#fff;
 font-family: "Segoe UI",segoe "Segoe WP",Tahoma,Verdana,Arial,sans-serif;
}
.mc_container{
 width:850px;
 margin:0px auto 0px auto;
 display:block;
 position:relative;
 color:#fff;
 top:80px;
 text-align:center;
}
.mc_box{
 display:block;
 position:absolute;
 top:0px;
 left:30px;
}
.mc_logo{
   display: block;
  position: absolute;
  top: -14px;
  left: 442px;
  width: 311px;
}
.mc_all{
   display: block;
  position: absolute;
  top: 76px;
  left: 457px;
}
.mc_only_on{
   display: block;
  position: absolute;
  left: 458px;
  top: 213px;
  color: #fff;
  
  margin-top: 0px;
  text-align: center;
  width: 270px;

}
.mc_only_on h4{
 color:#fff;
 font-family: "Segoe UI",segoe "Segoe WP",Tahoma,Verdana,Arial,sans-serif;
 text-transform: uppercase;
   font-size: 1.5em;
   margin-bottom:20px;

}
.mc_buy{
   background: #107b10;
  display: block;
  
  width: 170px;
  margin: 0 auto;
  height: 40px;

}
.mc_buy a{
 display:block;
 line-height:40px;
 color:#fff;
 font-family: "Segoe UI",segoe "Segoe WP",Tahoma,Verdana,Arial,sans-serif;
 padding:0px 30px;
 font-size:1.2em;
 font-weight:100;
 margin-top:-2px;
}

.mc_four_games{
   display: block;
  position: absolute;
  left: 0px;
  top: 415px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3.2em;
  font-family: wf_blender-pro_book,"Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
  text-transform: uppercase;
  font-weight: normal;
  color: #fff;
  width: 100%;
  text-align: center;
  text-shadow: 0 0 .35714em rgba(0,0,0,.6);
}

.mc_hr{
 display:block;
 position:absolute;
 left:180px;
 top:385px;
}
.mc_container p{
 position:absolute;
 top:430px;
 font-weight:100;
 font-family: "Segoe UI",segoe "Segoe WP",Tahoma,Verdana,Arial,sans-serif;
 width:100%;
 margin-top:-6px;
 font-size:18px;

}

.footerSharing {
 margin: 0 !important;
 margin-top: -56px !important;
 top: 56px;
 position: relative;
}


/*******************
* NO ANIMATION style
********************/

.hero{
 display:block;
 min-height:690px;
 background-color:#000;
 width:100%;
 padding-bottom: 0px;
 margin-bottom: 0px;
 position:relative;
 overflow:hidden;
 min-width:0px;
 margin-bottom:-28px;
}
.hero_container{
 display:block;
 width:100%;
 margin:0 auto;
 overflow:visible;
 height:668px;
 background:#000;
 background:url(http://compass.xbox.com/assets/0c/63/0c63ecb5-26d3-4ebd-8f60-3d3590be0262.jpg?n=hero-1920x675.jpg) no-repeat;
 background-size:1170 668;
 background-position:50% 0;
 position:relative;
 min-width:0px;
}
.experience_video{
  display: block;  
  width: 100%;  
  margin: 0 auto;

}
.experience_video video{
  width: 1687px;
  height: auto;
 
  display: block;
  left: 50%;
  position: absolute;
  margin-left: -843px;


}
@media screen and (min-width:1687px){
  .heroBlade{
    margin-bottom:28px;
  }
  .hero_container{
    height:auto;
    min-height:660px;
  }
  .experience_video{
    width:100%;

    height:auto;
  }
  .experience_video video{
    width:100%;
    height:auto;
    min-width:1687px;
    display: block; 
    margin-left: -50%; 
    position: relative; 
    left: 50%;
    margin-bottom:-18%
  }
}
.cta_bar .cta_container{
 width:668px;
}
.cta_container h3{
 color:#fff;
 float:left;
 line-height:27px;
 font-size:18px;
 font-weight:100;
 font-family: "Segoe UI",segoe "Segoe WP",Tahoma,Verdana,Arial,sans-serif;

}
.pre_order{
 float:none;
 text-shadow:0px 0px 10px #000;
}
.hero_cta_container{
 display:block;
 width:800px;
 margin:0 auto;
 position:relative;

}
.loc_cta{
 position:absolute;
 top:345px;
 left:110px;
}
.mc_cta{
 position:absolute;
 top:345px;
 left:521px;
}
.loc_cta a{
 color:#608899;
 text-transform:uppercase;
 font-weight:bold;

}
.mc_cta a{
 color:#608899;
 text-transform:uppercase;
 font-weight:bold;
}
.mc_cta a span{
   display: block;
  letter-spacing: 1.8px;
  position: relative;
  left: 17px;
}
.loc_cta a span{
    display: block;
  letter-spacing: 1.8px;
  position: relative;
  left: 20px;
}


.loc_cta img{
 display:block;
 left: 69px;
 position:relative;
 margin-bottom:10px;
}
.mc_cta img{
 display:block;
 position:relative;
    left: 46px;
    margin-bottom:10px;
}

.hero_play{
 opacity:0.75;
 margin-top: -28px;
   margin-left: -57px;
   top:50%;
   left:50%;
}
.hero_replay{
 
 margin-top: -28px;
   margin-left: -57px;
   top:50%;
   left:50%;
}
.hero_logo{
  left: 0;
  margin-left: 0px;
  width: 100%;
  margin-top: 165px;
  z-index: 18;
}
.tumblr{
 height:750px;
 width:100%;
 display:block;
 padding-top:20px;
 padding-bottom:20px;
 background:#000;
}
.esrb{
    text-align:center;
 background:#1f1f1f;
 height:auto;
 padding: 25px 0;
 margin-bottom:-38px;
 font-family: "Segoe UI",segoe "Segoe WP",Tahoma,Verdana,Arial,sans-serif;
}

@media (max-width: 1102px) {
  .esrb .block-wrapper {
    display: inline-block;
  }

  .esrb .block-wrapper:first-of-type {
    margin-right:60px;
  }

  .esrb-column-wrapper {
    padding: 10px 0;
  }
}
.esrb-column-wrapper{
  display: inline-block;
  vertical-align: top;
  margin-right: 70px;
  text-align: left;
}

@media (max-width: 604px) {
    .esrb-column-wrapper{
      margin: 0 15px;
      display: block;
    }

    .esrb-column-wrapper ol {
      padding:0 15px;
    }
  }

.esrb-column-wrapper h4 {
  font-weight: bold;
  color: #fff;
  text-transform: none;
  margin-bottom: 0;
}

.esrb-column-wrapper p {
  color:#fff;
  margin-top: 0;
}

.esrb-column-wrapper:last-of-type {
    max-width: 575px;
}

.esrb_block:first-child{
 width:170px;
 margin-right:70px;
}
.esrb_block{
   display: inline-block;
  width: 150px;
  margin-right: 30px;
  height: 118px;
  vertical-align: top;
  text-align: left;

}
.esrb_block img{
 position:relative;
 top:20px;
}
.esrb_block h4{
 margin-top:42px;
 margin-bottom:0px;
 font-weight:bold;
 color:#fff;
 text-transform: none;
}
.esrb_block p{
 color:#fff;
 font-weight:normal;
 margin:0;
}

.esrb_block:last-child{
 margin-right:15px;
}


.clear{
 display:none;
 height:0px;
 margin:0px;
 padding:0px;
 line-height:0px;
 content:'';
}
.guardians-counter{
 display:none;
}
.hero.counter .guardians-counter{
   z-index: 18;
  display: block;
  color: #fff;
  width: 100%;
  bottom: 40px;
  text-align: center;
  position: absolute;
  font-family: wf_blender-pro_book,"Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
}
.guardians-counter-container{
 display:inline-block;
 margin-right:17px;
 background: rgb(39,39,39); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI3MjcyNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0NzQ3NDciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left, rgba(39,39,39,1) 0%, rgba(71,71,71,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(39,39,39,1)), color-stop(100%,rgba(71,71,71,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(39,39,39,1) 0%,rgba(71,71,71,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(39,39,39,1) 0%,rgba(71,71,71,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(39,39,39,1) 0%,rgba(71,71,71,1) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(39,39,39,1) 0%,rgba(71,71,71,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#272727', endColorstr='#474747',GradientType=1 ); /* IE6-8 */
width:108px;
height:108px;

}
.guardians-counter-container:last-child{
 margin-right:0px;
}
.guardians-counter-number{
 font-size:5.5em;
 line-height:108px;
  width: 100%;
  margin-left: 3px;


}
.guardians-counter-label{
 text-transform:uppercase;
 color:#52645e;
 font-size:1.5em;
}
.hero.counter{
 min-height:820px;
}
.hero.counter .cta_bar{
 bottom:240px;
}
.shadow{
 position:fixed !important;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast:none){
 .guardians-counter-number{
  line-height:121px;
 }
}
.hunt{
 background:url('http://compass.xbox.com/assets/b6/20/b6206b22-e816-4b2a-9bd8-bbe72cc1f5c9.jpg?n=hunt_bg.jpg') no-repeat;
 background-size:auto 100%;
 background-position:50% 0;
 height:550px;
 display:block;

}



/*******************************************
* quilt styling
*******************************************/
.gallery {
  overflow: hidden;
  min-height: 418px;
  position: relative;
  top: 0px;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjciLz4KICAgIDxzdG9wIG9mZnNldD0iMjAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.7)), color-stop(20%, #000000), color-stop(100%, #000000));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.7) 0%, #000000 20%, #000000 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, #000000 20%, #000000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3000000', endColorstr='#000000', GradientType=0);
    margin-top: 0px;
  margin-bottom: 0px;
}
.gallery .forza-horizon-gallery-container {
  position: relative;
  text-align: center;
  width: 100%;
  background-color: #000;
  z-index: 10000;
}
.gallery .forza-horizon-gallery-container .innerContent #ForzaHorizonGalleryControls {
  display: block;
  overflow: visible;
  width: 955px;
  position: relative;
  margin: 0px auto;
  z-index: 100000000000;
  pointer-events: none;
  background-color: transparent;
}
.gallery .forza-horizon-gallery-container .innerContent #ForzaHorizonGalleryControls .close {
  position: absolute;
  top: 10px;
  right: -50px;
  cursor: pointer;
  padding: 0px;
  pointer-events: auto;
  z-index: 10000000;
}
.gallery .forza-horizon-gallery-container .innerContent #ForzaHorizonGalleryControls .previous {
  position: absolute;
  top: 270px;
  left: -45px;
  cursor: pointer;
  margin-top: -20px;
  padding: 0px;
  pointer-events: auto;
  z-index: 10000000;
}
.gallery .forza-horizon-gallery-container .innerContent #ForzaHorizonGalleryControls .next {
  position: absolute;
  top: 270px;
  right: -45px;
  cursor: pointer;
  margin-top: -20px;
  padding: 0px;
  pointer-events: auto;
  z-index: 10000000;
}
.gallery .forza-horizon-gallery-container #ForzaHorizonGalleryDisplay {
  position: relative;
  max-height: 540px;
  overflow: hidden;
}
.gallery .forza-horizon-gallery-container #ForzaHorizonGalleryDisplay iframe {
  width: 955px!important;
}
.gallery .forza-horizon-gallery-container #ForzaHorizonGalleryDisplay img {
  width: 100%;
  max-width: 955px;
  padding: 0px;
}
.gallery #FHGalleryControls {
  position: absolute;
  display: none;
  z-index: 22;
  width: 955px;
  height: 0;
  margin-top: 40px;
}
.gallery #FHGallery {
  position: absolute;
  top: 0px;
  left: 50%;
  margin: 0 auto;
  text-align: center;
}
.gallery #FHGallery ul.fh-gallery-thumbs {
  margin: 0 0 0 -728px;
  padding: 0;
  width: 1456px;
}
.gallery #FHGallery ul.fh-gallery-thumbs li {
  width: 360px;
  height: 202px;
  float: left;
  list-style: none;
  margin-left: 0;
  position: relative;
  margin: 2px;
  cursor: pointer;
  overflow: hidden;
}
.gallery #FHGallery ul.fh-gallery-thumbs li img {
  display: block;
  padding: 0px;
    width: 100%;
}
.gallery #FHGallery ul.fh-gallery-thumbs li span.icon {
  display: block;
  position: absolute;
  top: 35%;
  left: 43%;
  width: 49px;
  height: 48px;
  background: url("http://compass.xbox.com/assets/7c/cc/7cccb848-b5b8-48ca-b725-3670273e1f60.png?n=ui-global-resources-video-play-button-white-49x48.png") no-repeat;
  z-index: 10;
}
.gallery #FHGallery ul.fh-gallery-thumbs li p {
  width: 100%;
  position: absolute;
  bottom: 0px;
  left: 0px;
  margin: 0;
  padding: 6px 0px 5px 8px;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  font-family: 'Segoe UI Light';
  text-align: left;
  font-size: 15px;
}
.gallery #FHGallery ul.fh-gallery-thumbs li.disabled {
  cursor: default;
}
.gallery #FHGallery ul.fh-gallery-thumbs.placeholder li {
  cursor: default;
}
.gallery #FHGallery ul.fh-gallery-thumbs.placeholder li a {
  cursor: default;
}

.shatter{
 background:#000;
 display:block;
 height:550px;
 width:100%;
 background:url(http://compass.xbox.com/assets/e1/9c/e19c685a-f2c9-404e-92d5-9abe4e1766fc.jpg?n=shatter_bg_v2.jpg) no-repeat, #000;
 background-size: cover;
 background-position: 50% 50%;
 margin-bottom:-28px;
}
.shatter h2{
  font-family: wf_blender-pro_book,"Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
  text-transform: uppercase;
  font-weight: normal;
  color: #fff;
  width: 100%;
  text-align: center;
  font-size: 3em;
  position: relative;
  top: 410px;
}
.shatter .cta{
 display:block;
 width:171px;
 height:43px;
 background:#107b10;
 color:#fff;
 font-size:1em;
 font-weight:normal;
 text-align:center;
 line-height:43px;
 margin:0 auto;
 position:relative;
 top: 420px;
}
.shatter .cta img{
   width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  margin-top: -3px;
}
.xbvidLightboxContent{
 width:900px;
}
@media screen and (max-height:700px){
 .xbvidLightboxContent{
  width:600px;
 } 
}
.xbvidLightboxOverlay{
 background-image:none !important;
}
.xbvidLightboxClose{
    display: block;
  top: -50px;
  right: 0px;
  position: absolute;
  width: 25px !important;
  height: 35px;
  background: none;
  background: url("http://compass.xbox.com/assets/7d/d7/7dd7c368-d5e4-4e73-bd07-0051e9c0c349.png?n=closeBtn.png") transparent no-repeat;
  content: '';
  text-indent: -1000px;
  overflow: hidden;
  padding: 0;
  margin: 0;
  font-size: 0px;
  line-height: 0px;
  border: 0px;
  min-width: 35px;
}
.xbvidLightbox{
 position:fixed !important;
}
.xbvidLightboxClose:hover, .xbvidLightboxClose:active{
  background: none;
  background: url("http://compass.xbox.com/assets/7d/d7/7dd7c368-d5e4-4e73-bd07-0051e9c0c349.png?n=closeBtn.png") transparent no-repeat;
};
.bodyContentXB1{
  margin-top:-2px !important;
}

.product-family-blade{
 padding:15px;
 background:#000;
 min-height:330px;
 height:auto;
}
.product-family-container{
 width:70%;
 margin:45px auto;
 text-align:center;
 max-width:860px;
 position:relative;
}

.product-family-container img{
 display:inline-block;
   vertical-align: top;
  margin-top: 15px;
  width:40%;
  height:auto;
  max-width:352px;

}
.product-family-right{
 width:55%;
 color:#fff;
 display:inline-block;
 text-align:left;
 margin-left:30px;

}
.product-family-right h2{
 color:#fff;
 font-size:1.3em;
 text-transform: uppercase;
}
.product-family-right h3{
 line-height:1em;
 margin-bottom:0px;
 color:#666;
 font-size:1.3em;
}
.product-family-right p{
 margin-top:0px;
}
.product-family-right a{
   display: inline-block;
  padding: 7px 50px 9px 50px;
  line-height: 30px;
  background: #107b10;
  color: #fff;
  font-size: 1.3em;
  font-weight: normal;
  margin-left: 0px;
  margin-bottom: 20px;
}
@media screen and (max-width:1020px){
 .product-family-container{
  width:90%;
 }
 .product-family-right{
  width:50%;
 }
}
@media screen and (max-width:760px){
 .product-family-container img{
  display:block;
  margin:0 auto;
  width:80%;
  margin-bottom:20px;
  margin-top:20px;
 }
 .product-family-right{
  width:100%;
  margin-left:0px;
 }
 .product-family-right h3{
  font-weight:bold;
 }
}

/*** lower blade classes ***/
#bodycolumn #BodyContent.container .full-width-blade {
  width: 100%;
  background-color: black;
}
#bodycolumn #BodyContent.container .full-width-blade h2 {
/*  font-family: 'StoryBrushSlanted' !important; */
font-family: wf_blender-pro_book,"Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
  font-weight: Bold;
  font-style: normal;
  font-size: 48px;
  line-height: 51px;
  font-size: 40;
  line-height 1.065;
}

#bodycolumn #BodyContent.container .GoldBladeGLP{
  background-color: #222222;
  margin-bottom: -12px;
}

#bodycolumn #BodyContent.container .GoldBladeGLP .GoldGLPContent{
  background-color: #222222;
  border:0;
}

#bodycolumn #BodyContent.container .consoleUpsell{
  background-color: #3a3a3a;
}

#bodycolumn #BodyContent.container .upsellContent{
  border:0;
}

#bodycolumn #BodyContent.container .full-width-blade .graphic-blade {
  overflow: hidden;
  position: relative;
  width: 100% !important;
  min-height: 400px;
  /*max-height: 600px;*/
  font-size: 0px;
}
#bodycolumn #BodyContent.container .full-width-blade .graphic-blade .center-offset {
  width: 100%;
  position: relative;
  display: block;
  background-position: top left;
  background-size: cover;
  background-repeat: no-repeat;
}
#bodycolumn #BodyContent.container .full-width-blade .graphic-blade .center-offset img {
  width: 100%;
  margin: 0 auto;
  min-height: 400px;
  min-width: 1200px;
  position: relative;
}
#bodycolumn #BodyContent.container .full-width-blade .graphic-blade .graphic-msg-wrapper {
  position: absolute;
  top: 20%;
  height: 80%;
  width: 100%;
}
#bodycolumn #BodyContent.container .full-width-blade .graphic-blade .blade-msg {
  position: absolute;
  z-index: 10;
  padding: 150px 0 0 0;
  bottom: 0;
  width: 100%;
}
#bodycolumn #BodyContent.container .full-width-blade .graphic-blade .blade-msg p.graphic-blade-caption a{
  color: #8ab6c8;
}
#bodycolumn #BodyContent.container .full-width-blade .graphic-blade .blade-msg.msg-left {
  text-align: left;
  left: 12%;
  width:70%;
  max-width:810px;

}
#bodycolumn #BodyContent.container .full-width-blade .graphic-blade .blade-msg.msg-left h2 {
  padding-left: 0px;
}
#bodycolumn #BodyContent.container .full-width-blade .graphic-blade .blade-msg.msg-left p.graphic-blade-caption {
  text-align: left;
  margin-right: 38.5%;
  margin-left: 0;
  padding-left: 0;
}
#bodycolumn #BodyContent.container .full-width-blade .graphic-blade .blade-msg.msg-right {
  text-align: right;
  right: 12%; 
  width:70%;
  max-width:830px;
  
}
#bodycolumn #BodyContent.container .full-width-blade .graphic-blade .blade-msg.msg-right p.graphic-blade-caption {
  margin-left: 38.5%;
  margin:0 auto 36px auto;
  text-align: right;
  max-width: none;
  margin-right: 0px;
  padding-right: 0px;
}
#bodycolumn #BodyContent.container .full-width-blade .graphic-blade .blade-msg.msg-right h2 {
/*  padding-right: 20px; */
    /* padding-right: 20px; */
  padding-right: 0px;
  margin-bottom: 10px;
  text-transform: none;
  font-size: 46px;
  line-height: 46px;
}
#bodycolumn #BodyContent.container .full-width-blade .graphic-blade .blade-msg.msg-right p.graphic-blade-caption {
/*  padding-right: 20px; */
/*  padding-right: 5px; */
padding-top:0px;
}
#bodycolumn #BodyContent.container .full-width-blade .graphic-blade .blade-msg h2 {
  font-size: 32px;
/*  line-height: 48px; */
  line-height: 46px;
  color: #fff;
  margin-bottom: 10px;
  font-family: wf_blender-pro_book,"Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
  font-size: 46px;
  font-weight: bold;

}
#bodycolumn #BodyContent.container .full-width-blade .graphic-blade .blade-msg p.graphic-blade-caption {
  font-size: 22px;
  line-height: 22px;
  color: #fff;
  padding: 10px;
  padding-top: 0px;
  font-family: wf_blender-pro_book,"Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
  width: 80%;
  margin:0 auto 36px auto;
  max-width: 820px;
  /*background: rgba(0, 0, 0, 0.2);*/
}

/* Screensaver Blade */
#screen-savers {
  margin-top: -14px;
}

#screen-savers .row{
  color:#fff;
  margin: 0 auto;
  max-width: 945px;
  overflow: auto;
  padding: 45px 0;
}

#screen-savers .row .wrapper {
  width:50%;
  text-align: center;
  float:left;
}

@media (max-width: 535px){
  #screen-savers .row .wrapper {
  width:100%;
  float:none;
}
}

#screen-savers .row .link-wrapper {
  margin-top: 20px;
}

#screen-savers .row a {
  display: inline-block;
  padding: 12px 20px;
  background: #107b10;
  color: #fff;
  font-size: 1.3em;
  font-weight: normal;
    margin: 5px 3px;
}
sup{
 vertical-align: super;
  font-size: 0.5em;
}