
body, body * {
  vertical-align: baseline;
  border: 0 none;
  outline: 0;
  padding: 0;
  margin: 0;
  font-family: Arial, sans-serif;
  font-size: 9pt;
  /*color: #000;*/
}

#main-container {
  position: absolute;
  width: 970px;
  height: 415px;
  top: 0;
  left: 0;
  overflow: hidden;
}

#collapsed-state {
  position: absolute;
  top: 0;
  left: 0;
  width: 970px;
  height: 66px;
  margin: 0px;
  overflow: hidden;
  cursor: pointer;
  text-align: center;
  background-color: #FFF;
  border: 1px solid black;
  box-sizing: border-box;
  /*background-image: url('comp1.jpg');*/

}

#feature-collapsed {
  position: absolute;
  opacity: 0;
}

#collapsed-exit {
  position: absolute;
  width: 970px;
  height: 66px;
  top: 0px;
  left: 0px;
  cursor: pointer;
  background-color: #FFF;
  opacity: 0;
  display: none;
}

#bkg1{
  position: absolute;
  background:url('collapsed_bkg2.jpg') no-repeat 0px 0px;
  width:1017px;
  height:66px;
  top: 0px;
  left: 0px;
  /*display: none;*/
  /*opacity:0;*/
}


#leftlogo{
  position: absolute;
  background:url('leftlogo.png') no-repeat 0px 0px;
  width:179px;
  height:66px;
  top: 0px;
  left: 0px;
  opacity:1;
}


#logo1{
  position: absolute;
  background:url('parts.png') no-repeat 0px 0px;
  width:48px;
  height:90px;
  top: 2px;
  left: 890px;
  opacity:1;

}

#logo2{
  position: absolute;
  background: url(parts.png) no-repeat -220px 0px;
  width: 140px;
  height: 90px;
  top: 0px;
  left: 626px;
  opacity:1;
}


#headline{
  position: absolute;
  width: 359px;
  height: 23px;
  top: 21px;
  left: 429px;
  opacity:1;
  background: url('collapsed_header.png');
}



#c1,#c2,#c3,#c4,#c5,#c6,#c7{
  position: absolute;
  height: 23px;
  top: 0px;
  opacity:0;
  /*  background-color:rgba(0,0,255,.5); */
  background: url('collapsed_header.png');

}
/* THE */
#c1{
  width: 12px;
  left: 0px;
  background-position: 0px 0px;

  }

#c2{
  width: 14px;
  left: 13px;
  background-position: -13px 0px;

  }

#c3{
  width: 11px;
  left: 28px;
  background-position: -29px 0px;

  }

/* 2017 */
#c4{
  width: 15px;
  left: 45px;
  background-position: -45px 0px;

  }

#c5{
  width: 14px;
  left: 61px;
  background-position: -61px 0px;

  }

#c6{
  width: 8px;
  left: 75px;
    background-position: -75px 0px;

  }

#c7{
  width: 10px;
  left: 84px;
    background-position: -84px 0px;

  }





#c8,#c9,#c10,#c11,#c12,#c13,#c14,#c15,#c16,#c17
{
  position: absolute;
  height: 23px;
  top: 0px;
  opacity:0;
  /* background-color:rgba(0,255,0,.5); */
  background: url('collapsed_header.png');

}


#c8{
    width: 17px;
    left: 103px;
        background-position: -103px 0px;

  }

#c9{
  width: 10px;
  left: 120px;
      background-position: -120px 0px;

  }

#c10{
    width: 11px;
    left: 130px;
        background-position: -130px 0px;

  }

#c11{
  width: 13px;
  left: 141px;
      background-position: -141px 0px;

  }

#c12{
    width: 14px;
    left: 155px;
        background-position: -155px 0px;

  }

#c13{
    width: 14px;
    left: 170px;
        background-position: -170px 0px;

  }

#c14{
    width: 7px;
    left: 185px;
        background-position: -185px 0px;

  }

#c15{
    width: 14px;
    left: 192px;
        background-position: -192px 0px;

  }

#c16{
    width: 13px;
    left: 207px;
        background-position: -207px 0px;

  }

#c17{
    width: 6px;
    left: 222px;
        background-position: -223px 0px;

  }



#c18,#c19,#c20,#c21,#c22,#c23,#c24,#c25,#c26{
  position: absolute;
  height: 23px;
  top: 0px;
  opacity:0;
  /*background-color:rgba(255,0,0,.5);*/
  background: url('collapsed_header.png');

}

#c18{
  width: 13px;
  left: 236px;
  background-position: -236px 0px;
  }

#c19{
  width: 13px;
  left: 251px;
  background-position: -251px 0px;
  }

#c20{
  width: 12px;
  left: 265px;
  background-position: -265px 0px;
  }

#c21{
  width: 10px;
  left: 278px;
  background-position: -278px 0px;
  }

#c22{
  width: 13px;
  left: 288px;
  background-position: -288px 0px;
  }

#c23{
  width: 15px;
  left: 301px;
  background-position: -301px 0px;
  }

#c24{
  width: 14px;
  left: 316px;
  background-position: -316px 0px;
  }

#c25{
  width: 14px;
  left: 331px;
  background-position: -331px 0px;
  }

#c26{
  width: 14px;
  left: 345px;
  background-position: -345px 0px;
}

#expandbuttonhover{
  position: absolute;
  background-color: white;
  width:30px;
  height:100px; 
  top:0px;
  left:0px;
  opacity:.25;
  display: none;
}


#expandbutton {
  position: absolute;
    background: url(parts.png) no-repeat -59px -16px;
    width: 105px;
    height: 37px;
    top: 14px;
    left: 765px;
  opacity: 0;
  display: none;
  overflow: hidden;
}




#disclaimerholder_a{
  position: absolute;
  overflow: hidden;
  width: 970px;
  height: 66px;
  top: 0px;
  left: 0px;
  visibility: hidden;
}

#disclaimerbkg_a{
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background-color: #000000;
  opacity: .9;
}

#disclaimertext_a{
  position: absolute;
  overflow: hidden;
    width: 770px;
    height: 42px;
  top: 10px;
  left: 20px;
  line-height: 220px;
  text-align: left;
  font-family: Arial, sans-serif;
  font-weight: 500;
  color: #FFFFFF;
}

#disclaimerbutton_a{
  position: absolute;
  text-align: right;
  font-family: Arial, sans-serif;
  font-weight: 400;
  font-size: 8px;
  color: #cccccc;
    width: 30px;
    height: 20px;
    top: 5px;
    left: 931px;
  vertical-align: bottom;
}

#disclaimerbuttonhit_a{
  overflow: hidden;
  position: absolute;
  background-color: rgba(0, 0, 0, .01);
    width: 40px;
    height: 20px;
    top: -1px;
    left: 929px;
  cursor: pointer;
}
.d_a {
    position: absolute;
}
















#expanded-state {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #dfdfdf;
  /*background: url("comp2.jpg") -1px -1px no-repeat;*/
  border: 1px solid black;
  display: none;
  overflow: hidden;

}

#feature-expanded {
  position: absolute;
}




.tb {
  position: absolute;
  width: 337px;
  height: 415px;
}

#textboxmask{
  top: 0;
  left: 0;
  overflow: hidden;
}

#textbox1{
  position:absolute;
  /*background-color:rgba(255,0,0,0.5);*/
  top: 0px;
  left: 0px;
}
  #t1h1{
    position: absolute;
    background: url(textparts.png) no-repeat 0px 0px;
    width: 175px;
    height: 126px;
    top: 22px;
    left: 42px;
    opacity: 0;
  }

  #t1h2{
    position: absolute;
    background: url(textparts.png) no-repeat 0px -133px;
    width: 205px;
    height: 61px;
    top: 155px;
    left: 42px;
    opacity: 0;
  }
  #cta1{
    position: absolute;
    background: url(expandedparts.png) no-repeat -62px -2px;
    width: 135px;
    height: 31px;
    top: 222px;
    left: 46px;
    opacity: 0;
  }
    #cta_hover1{
      position: absolute;
      background-color: white;
      width:20px;
      height:100px;
      top:0px;
      left:0px;
      opacity:1;
      display: none;
    }





#textbox2{
  position:absolute;
  /*background-color:blue;*/
  top: 0;
  left: 338px;
}
  #t2h1{
    position: absolute;
    background: url(textparts.png) no-repeat -218px 0px;
    width: 295px;
    height: 113px;
    top: 22px;
    left: 0px;
    opacity: 1;
  }

  #t2h2{
    position: absolute;
    background: url(textparts.png) no-repeat -230px -123px;
    width: 305px;
    height: 82px;
    top: 147px;
    left: 14px;
    opacity: 1;
  }
  #cta2{
    position: absolute;
    background: url(expandedparts.png) no-repeat -62px -2px;
    width: 135px;
    height: 31px;
    top: 232px;
    left: 16px;
    opacity: 1;
  }
    #cta_hover2{
      position: absolute;
      background-color: white;
      width:20px;
      height:100px;
      top:0px;
      left:0px;
      opacity:1;
      display: none;
    }










#textbox3{
  position:absolute;
  /*background-color:green;*/
  top: 0;
  left: 338px;
}
  #t3h1{
    position: absolute;
    background: url(textparts.png) no-repeat -534px 0px;
    width: 285px;
    height: 113px;
    top: 22px;
    left: 0px;
    opacity: 1;
  }

  #t3h2{
    position: absolute;
    background: url(textparts.png) no-repeat -548px -123px;
    width: 245px;
    height: 82px;
    top: 147px;
    left: 14px;
    opacity: 1;
  }
  #cta3{
    position: absolute;
    background: url(expandedparts.png) no-repeat -62px -2px;
    width: 135px;
    height: 31px;
    top: 215px;
    left: 16px;
    opacity: 1;
  }
    #cta_hover3{
      position: absolute;
      background-color: white;
      width:20px;
      height:100px;
      top:0px;
      left:0px;
      opacity:1;
      display: none;
    }











#textbox4{
  position:absolute;
  /*background-color:yellow;*/
  top: 0;
  left: 338px;
}
  #t4h1{
    position: absolute;
    background: url(textparts.png) no-repeat -819px 0px;
    width: 295px;
    height: 113px;
    top: 22px;
    left: 0px;
    opacity: 1;
  }

  #t4h2{
    position: absolute;
    background: url(textparts.png) no-repeat -832px -123px;
    width: 305px;
    height: 82px;
    top: 147px;
    left: 14px;
    opacity: 1;
  }
  #cta4{
    position: absolute;
    background: url(expandedparts.png) no-repeat -62px -2px;
    width: 135px;
    height: 31px;
    top: 214px;
    left: 16px;
    opacity: 1;
  }
    #cta_hover4{
      position: absolute;
      background-color: white;
      width:20px;
      height:100px;
      top:0px;
      left:0px;
      opacity:1;
      display: none;
    }





.pb{
  position: absolute;
  width: 633px;
  height: 415px;
}

#photomask{
  top:0px;
  left:337px;
  overflow: hidden;
  
}

#photo1{
  background: url("landingpic.jpg");
  top: 0;
  left: 0px;

}
#photo2{
  background: url("pic1.jpg");
  top: 0;
  left: 634px;

}
#photo3{
  background: url("pic2.jpg");
  top: 0;
  left: 634px;

}
#photo4{
  background: url("pic3.jpg");
  top: 0;
  left: 634px;

}

#b1{
  position: absolute;
  background: url(buttons.png) no-repeat -121px 0px;
  width: 121px;
  height: 31px;
  top: 368px;
  left: 18px;
  opacity: 0;
  cursor:pointer;
}

.b1_hover{
  background-position: 0px 0px !important;
}


#b2{
  position: absolute;
  background: url(buttons.png) no-repeat -121px -31px;
  width: 121px;
  height: 31px;
  top: 368px;
  left: 148px;
  opacity: 0;
  cursor:pointer;
}

.b2_hover{
  background-position: 0px -31px !important;
}

#b3{
  position: absolute;
  background: url(buttons.png) no-repeat -121px -62px;
  width: 121px;
  height: 31px;
  top: 368px;
  left: 278px;
  opacity: 0;
  cursor:pointer;
}

.b3_hover{
  background-position: 0px -62px !important;
}

#b4{
  position: absolute;
  background: url(buttons.png) no-repeat -121px -93px;
  width: 121px;
  height: 31px;
  top: 368px;
  left: 408px;
  opacity: 0;
  cursor:pointer;
}

.b4_hover{
  background-position: 0px -93px !important;
}




#logo3{
  position: absolute;
  background: url(expandedparts.png) no-repeat -1px 0px;
  width: 61px;
  height: 83px;
  top: 324px;
  left: 887px;
  opacity:1;
}

#logo4{
    position: absolute;
    background: url(expandedparts.png) no-repeat -80px -51px;
    width: 150px;
    height: 59px;
    top: 367px;
    left: -146px;
    opacity: 0;
}

#logo5{
    position: absolute;
    background: url(expandedparts.png) no-repeat -231px 0px;
    width: 103px;
    height: 76px;
    top: 275px;
    left: -124px;
    opacity:0;
}


    .cta{
      position: absolute;
        background: url(expandedparts.png) no-repeat -62px -2px;
        width: 135px;
        height: 31px;
/*        top: 141px;
        left: 18px;*/
        opacity: 0;
        overflow: hidden;
        cursor: pointer;
    }






.transition-cover {
    background-color: #e72e37;
    background-position: 0px 0px;
    overflow: hidden;
    position: absolute;
    width: 2160px;
    height: 650px;
    top: -100px;
    left: 0px;
    display: none;
}









#expanded-exit {
  position: absolute;
  width: 970px;
  height: 415px;
  top: 0px;
  left: 0px;
  cursor: pointer;
  background-color: #FFF;
  opacity: 0;
  display: none;
}

#expanded-close-button {
  position: absolute;
  width: 50px;
  height: 22px;
  top: 20px;
  right: 20px;
  cursor: pointer;
  text-align: right;
  vertical-align: baseline;
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: 14px;
 color: #ffffff;
  display: none;
}


/*#expanded-close-button {
  position: absolute;
  width: 50px;
  height: 22px;
  top: 7px;
  right: 7px;
  cursor: pointer;
  text-align: right;
  vertical-align: baseline;
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: 11px;
  color: #000000;
  display: none;
}

#expanded-close-button span {
  vertical-align: baseline;
  font-family: Arial, sans-serif;
  font-weight: bold;
  color: #e72e37;
}
*/

#disclaimerholder{
  position: absolute;
  overflow: hidden;
  width: 970px;
  height: 415px;
  top: 0px;
  left: 0px;
  visibility: hidden;
}

#disclaimerbkg{
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background-color: #000000;
  opacity: .9;
}

#disclaimertext{
  position: absolute;
    width: 680px;
    height: 210px;
    top: 149px;
    left: 150px;
    text-align: left;
    font-family: Arial, sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: #FFFFFF;
}




/*#legalText_end sup {
  font-size: 70%;
  vertical-align: super;
}*/

span {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
}

#disclaimerbutton {
  position: absolute;
  text-align: right;
  font-family: Arial, sans-serif;
  font-weight: 400;
  font-size: 9px;
  color: #999999;
  width: 125px;
  height: 20px;
  top: 381px;
  left: 191px;
  vertical-align: bottom;
}

#disclaimerbuttonhit {
  overflow: hidden;
  position: absolute;
  background-color: rgba(0, 0, 0, .01);
  width: 40px;
  height: 20px;
  top: 377px;
  left: 280px;
  cursor: pointer;
}


:focus {
  outline:none;
}
::-moz-focus-inner {
  border:0;
}
