/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain)*/
      html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, 
      kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot,
       thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark,
        audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; }
        /* HTML5 display-role reset for older browsers */
        article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
        ol, ul { list-style: disc; }
        blockquote, q { quotes: none; }
        blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
        table { border-collapse: collapse; border-spacing: 0; }
        .clear { display: none; }
        .container { width: 100%; }
        body div#BodyFooter { margin-top: 0px; }
        body { background: #000; }
        .text-cta { font-family: Segoe UI Semibold, segoe, arial, helvetica, sans-serif; font-size: 18px; color: #5dc21e !important; }
        .contentBlock { overflow: visible; }
        
        .darkGrey {background-color: #222;}
        
        /* normalized element styles */
        .xboxH1 { font-size: 40px; font-family: Segoe UI Light, Arial, Sans-Serif; line-height: 1.2; margin-bottom: 10px; color: #fff; }
        .xboxH2 { font-size: 29px !important; font-family: Segoe UI Light, Arial, Sans-Serif; line-height: 1.2; margin-bottom: 20px; color: #fff !important; }
        .xboxH3 { color: #fff; font-family: Segoe UI, Arial, Sans-Serif; font-size: 20px; line-height: 1.2; margin: -5px 0 20px 0; }
        .xboxH3 span { font-size: 24px; font-family: Segoe UI Light, Arial, Sans-Serif; line-height: 1.2; color: #000; }
        .xboxH4 { font-family: Segoe UI Semibold, Arial, Sans-Serif; font-size: 18px; margin-bottom: 20px; text-transform: none; color: #000; }
        .xboxP { font-size: 15px; font-family: Segoe UI, Arial, Sans-Serif; line-height: 1.2; color: #fff; margin-bottom: 20px; }
        .xboxP span {font-family: Segoe UI Semibold, Arial, Sans-Serif;}
        .xboxUL {font-size: 15px; font-family: Segoe UI, Arial, Sans-Serif; line-height: 1.2; color: #fff; margin-left: 20px; margin-top: -10px;}
        
        /* end normalized element styles */
        
        /* Hero Section */
        
        .hero { width: 100%; }
        .hero .imgContainer { width: 930px; margin: 0 auto; padding: 20px 0 20px 0;}
        .hero .imgContainer img { width: 100%; }
        .hero .imgContainer video { width: 100%; }
        .hero .logoContainer { width: 260px; margin: 0 auto; padding-top: 40px;}
        .hero .logoContainer img { width: 100%; }
        /* End Hero Section */
        
        /* Intro Section */
        .productIntro { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start;  overflow: hidden; margin-bottom: 60px; }
        .productIntro .introLeft {width: 960px; min-width: 685px;  height: auto; flex-grow: 1; flex-shrink: 1; flex-basis: auto; }  
        .productIntro .introLeft p {margin-right: 50px; }                  
        .flex-item-lightbox { width: 480px; min-width: 380px; height: auto; flex-grow: 1; flex-shrink: 1; flex-basis: 1; overflow: hidden;}
        
        .vidLaunchCTA {display: none;}
        /* End Intro Section */
        
        /* Left and Right video blades */
        .flex-container { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start;  overflow: hidden; margin-bottom: -4px; } 
        .flex-items-default { flex-grow: 0; flex-shrink: 0; flex-basis: 0; }        
        .flex-item-spacer { width: 480px; height: auto; flex-grow: 1; flex-shrink: 1; flex-basis: auto;  }        
        .flex-item-copy { width: 480px; min-width: 380px; height: auto; min-height: 450px; flex-grow: 1; flex-shrink: 1; flex-basis: auto;  } 
        .flex-item-copy h2 { margin-top: 55px !important; max-width: 450px; }          
        .flex-item-Video { width: 960px; min-width: 685px; height: auto; flex-grow: 1; flex-shrink: 1; flex-basis: 1;  overflow: hidden; }
        .flex-item-Video img { width: 100%; }
       .flex-item-Video video { width: 100%; }
        /* End Left and Right video blades */
        
        /* horizontal rules */
        .hRule {max-width: 1920px; margin-top: -24px;}
        .hRule img {height: 1px; width: 100%; margin-bottom: -4px;}
        /* end horizontal rules */
        
        /* infinite freedom */      
        .TVblade {display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start;  overflow: hidden; margin-bottom: -4px; padding: 70px 0 125px 0; } 
        .TVblade .TVimgContainer {width: 578px; min-width: 480px; height: 376px; flex-grow: 1; flex-shrink: 1; flex-basis: auto; }
        .TVblade .TVimgContainer img {width: 100%;}
        .TVblade .TVcopyContainer {width: 480px;  height: auto; flex-grow: 1; flex-shrink: 0; flex-basis: auto; }
        .flex-item-spacer240 { width: 150px; height: auto; flex-grow: 1; flex-shrink: 1; flex-basis: auto;  } 
       .flex-item-spacer120 { width: 50px; height: auto; flex-grow: 1; flex-shrink: 1; flex-basis: auto;  } 
       .flex-item-spacer320 { width: 320px; height: auto; flex-grow: 1; flex-shrink: 1; flex-basis: auto;  } 
        /* end infinite freedom */
        
        /* specifications */
        .specifications {width: 960px; margin: 0 auto; padding: 60px 0 40px 0;}       
        .specifications .copyLeftSP {width: 48%; float: left;}
        .specifications .copyRightSP {width: 48%;float: right;}
       
        /* End specifications */
        
        /* product Updates */
        .prodUpdates {width: 422px; margin: 0 auto; padding: 54px 0 60px 0; text-align: center;}
        .prodUpdates img {width: 344px; margin-bottom: 20px;}
        .prodUpdates h2 {font-size: 40px;}
        .prodUpdates p {margin-bottom: 0px;}
        
        a.signUp-button {
            background: none repeat scroll 0 0 #107c10;
            color: #ffffff;
            display: inline-block;
            float: none;
            font-family: Segoe UI Semibold, Tahoma, Verdana, Arial, sans-serif;
            font-size: 15px;
            padding: 8px 15px 10px 15px;
        }

        /* end product Updates */
        
      .ERP.topPage {float: left;}
      .ERP { color: #fff;}
      .ERP p {font-size: 15px; margin-top: 15px;}
      .ERP span { font-size: 30px !important;  font-family: segoe ui light, segoe, arial, helvetica, sans-serif;}
      .ERP .italic { font-size: 12px; font-style: italic; margin-top: 0px;}
     .ERP .signUp-button {margin: 20px -3px 0 0}
        
        
        /**************************************************************************/
  .lightPlayBtn {
    position: absolute;
    pointer-events: none;
    margin-left: -205px;
    margin-top: 40px;
}
.buyfromms {
  width: 165px !important;
  margin-left: 0 !important;
}
.otherretailerspop {
  color: #107c10;
  font-family: 'Segoe Semibold', 'Segoe UI', Arial, Sans-Serif;
  font-weight: bold;
  width: 224px;
  font-size: 16px;
  margin-top: 6px;
}
.otherretailerspop:hover {
  cursor: pointer;
}
.learnmoreconsole {
  color: #107c10;
  font-family: 'Segoe Semibold', 'Segoe UI', Arial, Sans-Serif;
  font-weight: bold;
  width: 214px;
  font-size: 16px;
}
.learnmoreconsole:hover, .learnmoreconsole:visited, .learnmoreconsole:focus, .learnmoreconsole a {
  font-weight: bold;
} 
.erp {
  font-size: 80%;
  color: grey;
  margin-right: 8px;
}

/* retailer popups */
.retailerpopup {
 background-color: #F1F1F1;
  position: absolute;
  top: 1130px;
  left: 0;
  margin: 0 auto;
  width: 960px;
  right: 0;
  border: 1px lightgrey solid;
  display: none;
}

.popclosebutton {
 text-align: right;
 position: absolute;
  left: 96%;
  top: .5%;
  background-color: rgb(50, 50, 50);
  border-radius: 20px;
  padding: 1px;
}
.popclosebutton img {
 vertical-align: middle;
}
.popclosebutton :hover {
 cursor: pointer;
}
.popimage {
 display: inline-block;
 width: 40%;
  padding: 20px;
  vertical-align: middle;
}
.popimage img {
 width: 100%;
}
.popinfo {
 display: inline-block;
 width: 50%;
  padding: 20px;
  vertical-align: middle;
}
.popinfo h3 {
  font-weight: 600;
}
.popinfo span {
  font-weight: bold;
  color: black;
}
.popretailerlist {
  margin-top: 12px;
}
.popretaillogo {
 width: 32%;
  display: inline-block;
}
.popretaillogo img {
 width: 100%;
 max-width: 150px;
}

.preOrderButton {
    background: none repeat scroll 0 0 #107c10;
  color: #ffffff;
  display: inline-block;
  float: none;
  font-family: Segoe UI, Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  padding: 3px 2px 5px 2px;
  width: 131px;
  text-align: center;
  position: relative;
  top: -7px;
}
a, a:visited, a:focus, a:hover {
  color: white;
}

#forzaheadline {
  width: 510px;
}

#elitebottom {
    margin: 10px auto 0;
}


        /********************************************************/
/* What's New area rotator */
.whatsNewItem a { color: #107c10; }
.whatsNewItem, .whatsNewCopy {color: #fff;}
@media (min-width: 1400px) {
    .whatsNewItem { width: 988px !important; display: block; margin: 0 auto 0; }
    .whatsNewInfo { width: 784px; margin: 48px auto 0; visibility: hidden; opacity: 0; transition: opacity .s ease-in-out; -moz-transition: opacity .42s ease-in-out; -webkit-transition: opacity .42s ease-in-out; }
    .slide.active .whatsNewInfo { visibility: visible; opacity: 1; }
    .whatsNewTitle { font-size: 32px; font-family: Segoe UI Light, Arial, Sans-Serif; line-height: 1.4; padding-top: 4px; text-align: left; }
    .whatsNewCopy { margin: 14px 0 18px; }
    .whatsNewItem img { opacity: .18; transition: opacity .42s ease-in-out; -moz-transition: opacity .42s ease-in-out; -webkit-transition: opacity .42s ease-in-out; }
    .slide.active .whatsNewItem img { opacity: 1; }
}

@media (min-width: 768px) {
   .whatsNewRotator.sectionHeader {
      max-width: 960px;
     margin: auto;
   }
}

@media (min-width: 768px) and (max-width: 1399px) {
    .whatsNewItem { width: 596px !important; display: block; margin: 0 auto 0; }
    .whatsNewInfo { width: 500px; margin: 40px auto 0; visibility: hidden; opacity: 0; transition: opacity .s ease-in-out; -moz-transition: opacity .42s ease-in-out; -webkit-transition: opacity .42s ease-in-out; }
    .slide.active .whatsNewInfo { visibility: visible; opacity: 1; }
    .whatsNewTitle { font-size: 22px; font-family: Segoe UI Light, Arial, Sans-Serif; line-height: 1.4; padding-top: 4px; text-align: left; }
    .whatsNewCopy { margin: 6px 0 18px; }
    .whatsNewItem img { opacity: .18; transition: opacity .42s ease-in-out; -moz-transition: opacity .42s ease-in-out; -webkit-transition: opacity .42s ease-in-out; }
    .slide.active .whatsNewItem img { opacity: 1; }
}

@media (max-width: 767px) {
    .whatsNewItem { width: 100% important; display: block; margin: 0 auto 0; }
    .whatsNewInfo { width: 90%; margin: 20px auto 0; visibility: hidden; opacity: 0; transition: opacity .s ease-in-out; -moz-transition: opacity .42s ease-in-out; -webkit-transition: opacity .42s ease-in-out; }
    .slide.active .whatsNewInfo { visibility: visible; opacity: 1; }
    .whatsNewTitle { font-size: 26px; font-family: Segoe UI Light, Arial, Sans-Serif; line-height: 1.4; padding-top: 4px; text-align: left; }
    .whatsNewCopy { margin: 6px 0 18px; }
    a.desktopOnly { cursor: default; 
}