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

#main-container {
  position: absolute;
  width: 728px;
  height: 315px;
  box-sizing: border-box;
  top: 0;
  left: 0;
  overflow: hidden;
  /*margin:200px;*/
}

#collapsed-state {
  position: absolute;
  /*background:url('backup_728x90.jpg') no-repeat -1px -1px;*/

  top: 0;
  left: 0;
  width: 728px;
  height: 90px;
  margin: 0px;
  overflow: hidden;
  cursor: pointer;
  text-align: center;
  background-color: #DFDFDF;
  border: 1px solid black;
  box-sizing: border-box;

}

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

#collapsed-exit {
  position: absolute;
  width: 728px;
  height: 90px;
  top: 0px;
  left: 0px;
  cursor: pointer;
  background-color: #DFDFDF;
  opacity: 0;
  display: none;
}

#bkg1{
  position: absolute;
  background:url('collapsed_car.jpg') no-repeat 0px 0px;
  width:337px;
  height:90px;
  top:0px;
  left:-40px;
  opacity:1;

}


#logo1{
  position: absolute;
  background:url('collapsed_parts.gif') no-repeat 0px 0px;
  width: 51px;
  height: 63px;
  top: 15px;
  left: 656px;
  opacity:1;
}

/*#logo2{
  position: absolute;
  background: url('collapsed_parts.gif') no-repeat -220px 0px;
  width: 140px;
  height: 90px;
  top: 0px;
  left: 626px;
  opacity:1;
    border:red 1px solid;

}*/

#headline1_mask{
  position: absolute;
  width: 0px;
  height: 21px;
  top: 10px;
  left: 379px;
  opacity:1;
  overflow: hidden;
}

#headline1{
  position: absolute;
  background: url('collapsed_parts.gif') no-repeat -50px 0px;
  width: 255px;
  height: 20px;
  top: 1px;
  left: 2px;
  opacity:1;
  /*border:red 1px solid;*/

}




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


#expandbutton {
  position: absolute;
  background: url(collapsed_parts.gif) no-repeat -87px -21px;
  width: 119px;
  height: 33px;
  top: 41px;
  left: 384px;

  opacity: 0;
  display: none;
  overflow: hidden;
}








#expanded-state {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #DFDFDF;
  /*background-image: url('2comp.jpg');*/
  border: 1px solid rgba(0,0,0,.65);
  display: none;
  overflow: hidden;
}


#feature-expanded {
  position: absolute;
}

#logo3{
  position: absolute;
  background: url('expanded_parts.gif') no-repeat -521px 0px;
  width: 61px;
  height: 67px;
  top: 242px;
  left: 668px;
  opacity:0;
}


#expandedheadline1_mask{
  position: absolute;
  width: 0px;
  height: 24px;
  top: 26px;
  left: 18px;
  opacity:1;
  overflow: hidden;
}

#expandedheadline1{
  position: absolute;
  background: url('expanded_parts.gif') no-repeat 0px 0px;
  width: 330px;
  height: 28px;
  top: 0px;
  left: 0px;
  opacity:1;
}


#expandedheadline2_mask{
  position: absolute;
  width: 0px;
  height: 28px;
  top: 54px;
  left: 18px;
  opacity:1;
  overflow: hidden;
}

#expandedheadline2{
    position: absolute;
    background: url('expanded_parts.gif') no-repeat 0px -28px;
    width: 420px;
    height: 28px;
    top: 0px;
    left: 0px;
    opacity: 1;
}



#vehicleholder{
    position: absolute;
    width: 430px;
    height: 161px;
    top: 89px;
    left: 228px;
    opacity: 0;
    /*border: yellow 1px solid;*/
}

#vtop{
  position: relative;
    background: url('Color_Picker_2_CARS.jpg') no-repeat 11px -634px;
    width: 428px;
    height: 124px;
    top: 6px;
    left: 0;
    /* border: red 1px solid; */
    opacity: 1;

}

#vbottom{
  position: relative;
    background: url('Color_Picker_2_CARS.jpg') no-repeat 0px 0px;
    width: 403px;
    height: 45px;
    top: -1px;
    left: 11px;
    /* border: red 1px solid; */
    opacity: 1;
}


#titles{
    position: absolute;
    background: url('colornames.gif') no-repeat 0px 0px;
    width: 143px;
    height: 14px;
    top: 249px;
    left: 175px;
    opacity: 0;
    /*border: yellow 1px solid;*/
    background-color: rgba(0,0,0,0.001);

}

#swatches{
    position: absolute;
    background: url('colorbuttons2.gif') no-repeat 0px 0px;
    width: 379px;
    height: 45px;
    top: 265px;
    left: 176px;
    opacity: 0;
}

#swatchlist {
      position: absolute;
    left: 7px;
  list-style-type: none;
  width: 400px;
  height: 45px;
  margin: 0;
  padding: 0;
  display: inline;
} 

.swatch{
  display: inline-block;
    cursor: pointer;

}
.circ{
    background-color: rgba(0,0,0,0.001);
    width: 35px;
    height: 35px;
    margin-right: 17px;
    /*border: 1px red solid;*/
    border-radius: 20px;
    overflow: hidden;
        -webkit-transform: translateZ(0);
  pointer-events: none;

}

.circhover{
  position: relative;
  background-color: white;
  width:20px;
  height:100px;
  top:0px;
  left:0px;
  opacity:1;
  display: none;
  pointer-events: none;
}


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


#logo4{
    position: absolute;
    background: url('expanded_parts.gif') no-repeat -413px 0px;
    width: 109px;
    height: 43px;
    top: 315px;
    left: 0px;
    opacity: 1;
}

#cta{
  position: absolute;
  background: url(expanded_parts.gif) no-repeat -18px -60px;
  width: 106px;
  height: 38px;
  top: 93px;
  left: 18px;

  opacity: 0;
  overflow: hidden;
  cursor: pointer;
}

#cta_hover{
  position: absolute;
  background-color: white;
  width:20px;
  height:100px;
  top:0px;
  left:0px;
  opacity:1;
  display: none;
}




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


#expanded-close-button {
  position: absolute;
  width: 50px;
  height: 22px;
  top: 5px;
  left: 5px;
  cursor: pointer;
  cursor: hand;
  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: 728px;
  height: 315px;
  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;
  overflow: hidden;
    width: 650px;
    height: 210px;
    top: 10px;
    left: 40px;
  line-height: 220px;
  text-align: left;
  font-family: Arial, sans-serif;
  font-weight: 500;
  /*font-size: 10px;*/
  color: #FFFFFF;
}


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: 7px;
  color: #666666;
  width: 125px;
  height: 20px;
  top: 5px;
  right: 6px;
  vertical-align: bottom;
}

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


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