@charset "UTF-8";

body, html { background-color: #fff; margin: 0; padding: 0; }

#QX60_main { background-color: #fff; display: block; overflow: hidden; width: 300px; height: 250px; margin: 0; padding: 0; position: relative; 
perspective: 500px;
-webkit-transform-style: preserve-3d;
-webkit-perspective: 500px;	
}
#QX60_main div { display: block; overflow: hidden; text-indent: -9999px;}



/*#QX60_main*/
#QX60_main #QX60_mc {background:transparent; width:790px; height:630px; position:absolute; top:-123px; left:-241px; display:block; overflow:visible;
transform-origin: 212px 210px;
-webkit-transform-origin: 212px 210px;

/*transform:scale(.64);
-webkit-transform:scale(.64);*/
}

#QX60_main #QX60_mc #QX60_roadway {background: transparent url('img_QX60_roadway.jpg') no-repeat 0px 0px; width:790px; height:630px; position:absolute; top:-9px; left:130px; display: block;
transform-origin: 212px 210px;
-webkit-transform-origin: 212px 210px;
}
#QX60_main #QX60_mc #QX60_car {background: transparent url('img_QX60.png') no-repeat 0px 0px; width:400px; height:135px; position:absolute; top:219px; left:338px; display: block;
transform-origin: 80px 55px;
-webkit-transform-origin: 80px 55px;
}

#QX60_main #QX60_mc #bottomGrad{ height:200px; width:730px; left:0px; bottom:-120px; position:absolute;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eff3f8+0,eff3f8+30,eff3f8+100&0+0,1+30 */
background: -moz-linear-gradient(top,  rgba(239,243,248,0) 0%, rgba(239,243,248,1) 30%, rgba(239,243,248,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(239,243,248,0) 0%,rgba(239,243,248,1) 30%,rgba(239,243,248,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(239,243,248,0) 0%,rgba(239,243,248,1) 30%,rgba(239,243,248,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00eff3f8', endColorstr='#eff3f8',GradientType=0 ); /* IE6-9 */
}

#QX60_main #QX60_mc #mc_car_highlights {background:transparent; width:460px; height:170px; position:absolute; top:215px; left:334px; display: block; overflow:visible;}

#QX60_main .highlight {background:transparent url('img_car_highlight.png') 0 0 no-repeat; position:absolute; display:block;}

#QX60_main #QX60_mc #mc_car_highlights #img_highlight_grill {background-position:0px -76px; width:150px; height:50px; top:60px; left:137px; }
#QX60_main #QX60_mc #mc_car_highlights #img_highlight_hood {background-position:0px -29px; width:220px; height:40px; top:28px; left:109px; }
#QX60_main #QX60_mc #mc_car_highlights #img_highlight_windshield {background-position:0px 0px; width:155px; height:28px; top:7px; left:99px; }
#QX60_main #QX60_mc #mc_car_highlights #img_highlight_frontwindow {background-position:0px -267px; width:41px; height:31px; top:10px; left:64px; }
#QX60_main #QX60_mc #mc_car_highlights #img_highlight_rearwindow {background-position:0px -296px; width:30px; height:20px; top:15px; left:49px; }
#QX60_main #QX60_mc #mc_car_highlights #img_highlight_sideview {background-position:0px -249px; width:23px; height:18px; top:24px; left:72px; }
#QX60_main #QX60_mc #mc_car_highlights #img_highlight_body1 {background-position:0px -124px; width:175px; height:62px; top:33px; left:50px; }
#QX60_main #QX60_mc #mc_car_highlights #img_highlight_body2 {background-position:0px -188px; width:100px; height:55px; top:37px; left:17px; }

/* COPY */
/* CLASSES */
#QX60_main .content { background: url('img_content.png') no-repeat 0px 0px; width:300px; height:20px; position:absolute; display: block; 
    -webkit-background-size: 150px 270px;
         -o-background-size: 150px 270px;
            background-size: 150px 270px;
}
/* CLASSES */
#QX60_main #copy_container { background: transparent; width:300px; height:80px; top:35px; left:0px; position:absolute; text-indent:0; overflow:visible;}

#QX60_main #copy_container #txt_copy01_word01 { background-position: 0px -59px; top:0px; left:36px; }
#QX60_main #copy_container #txt_copy01_word02 { background-position: 0px -81px; top:0px; left:71px; }
#QX60_main #copy_container #txt_copy01_word03 { background-position: 0px -103px; top:0px; left:214px; }
#QX60_main #copy_container #txt_copy01_word04 { background-position: 0px -125px; top:0px; left:249px; }

#QX60_main #copy_container #txt_copy01_word05 { background-position: 0px -147px; top:24px; left:74px; }
#QX60_main #copy_container #txt_copy01_word06 { background-position: 0px -169px; top:24px; left:110px; }
#QX60_main #copy_container #txt_copy01_word07 { background-position: 0px -191px; top:24px; left:136px; }
#QX60_main #copy_container #txt_copy01_word08 { background-position: 0px -213px; top:24px; left:162px; width:40px;}
#QX60_main #copy_container #txt_copy01_word09 { background-position: 0px -235px; top:24px; left:197px; width:40px;}
/* Logos */
#QX60_main #infiniti_logo {background-position: bottom right; width:80px; height:55px; position:absolute; bottom:15px; left:108px; display:block;}
#QX60_main #QLogo {background-position: top left; width:55px; height:20px; position:absolute; top:14px; left:129px; display:block;}


/*CTA*/
#QX60_main #mc_cta {background: transparent; width:115px; height:20px; position: absolute; bottom:55px; left:99px; display:none;}
#QX60_main #mc_cta #cta_highlight { background-color: grey; width:104px; height:20px; position:absolute; left:0px; top:0px; opacity:0;}
#QX60_main #mc_cta #cta_copy_container {background: transparent; width:100%; height:100%; position:absolute; top: 0px; left:0px; display: block;}
#QX60_main #mc_cta #cta_copy_container #cta_copy {background-position: bottom left; width:71px; height:12px; position:absolute; top:2px; left:23px;  display: block;}

#QX60_main #mc_cta #cta_border {background: transparent; border: 1px solid #000; width:102px; height:18px; position: absolute; top:0px; left:0px; }

#QX60_main #mc_cta #cta_copy_container #cta_arrow {
    position: absolute;
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 3px solid transparent;
    border-left: 3px solid #000;
    border-bottom: 3px solid transparent;
    left: 7px;
    top: 7px;
}

#QX60_main #f01 { background: transparent url('Infiniti_QX60_300x250_backup.jpg') top left no-repeat; width: 300px; height: 250px; position: absolute; top:0px; left: 0px; opacity:0;}
#QX60_main #loading { background-color: #fff; width: 300px; height: 250px; position: absolute; top:0px; left: 0px; opacity:1;}
#QX60_main #border { background: transparent; border: 1px solid #000; width: 298px; height: 248px; position: absolute; top: 0; left: 0;}
#QX60_main #clicktag { background-color: transparent; width: 300px; height: 250px; position: absolute; top: 0; left: 0; text-indent: -9999px; cursor: pointer; z-index: 400;}
#QX60_main .hide { display: none;}

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