@charset "UTF-8";

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

#QX60_main { background: #edeff2; display: block; overflow: hidden; width: 300px; height: 600px; 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;}

/* CLASSES */
#QX60_main .content { background: url('img_content.png') no-repeat 0px 0px; 
	-webkit-background-size: 250px 230px;
	     -o-background-size: 250px 230px;
	        background-size: 250px 230px;
}
/* CLASSES */

#QX60_main #QX60_mc {background:transparent; width:790px; height:580px; position:absolute; top:31px; left:-199px; display:block; overflow:visible;
transform-origin: 330px 310px;
-webkit-transform-origin: 330px 310px;
}
#QX60_main #QX60_mc #QX60_roadway {background: transparent url('img_QX60_roadway.jpg') no-repeat 0px 0px; width:730px; height:580px; position:absolute; top:0px; left:0px; display: block;
transform-origin: 430px 310px;
-webkit-transform-origin: 330px 310px;
}
#QX60_main #QX60_mc #QX60_car {background: transparent url('img_QX60.png') no-repeat 0px 0px; width:300px; height:600px; position:absolute; top:229px; left:204px; display: block;
transform-origin: 125px 95px;
-webkit-transform-origin: 125px 95px;
}

#QX60_main #QX60_mc #mc_car_highlights {background:transparent; width:460px; height:170px; position:absolute; top:225px; left:200px; 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 */
#QX60_main #copy_container { background: transparent; width:300px; height:80px; position: absolute; top:60px; left:26px; text-indent:0; overflow:visible;}

#QX60_main #copy_container #txt_copy01_line01 { background-position: 0px -115px; width:300px; height:25px; position:absolute; top:0px; left:0px; display: block; }

#QX60_main #copy_container #txt_copy02_word01 { background-position: 0px -150px; width:65px; height:35px; position:absolute; top:34px; left:0px;  display: block; }
#QX60_main #copy_container #txt_copy02_word02 { background-position: -69px -149px; width:85px; height:35px; position:absolute; top:34px; left:69px;  display: block; }
#QX60_main #copy_container #txt_copy02_word03 { background-position: -158px -149px; width:100px; height:35px; position:absolute; top:34px; left:158px;  display: block; }

#QX60_main #copy_container #txt_copy01_line03 { background-position: 0px -185px; width:300px; height:35px; position:absolute; top:70px; left:0px;  display: block; }
/* Logos */

#QX60_main #Qlogo {background-position: 0px -80px; width:50px; height:20px; position:absolute; top:33px; left:127px; display:block;}
#QX60_main #infiniti_logo {background-position: 0px 0px; width:110px; height:75px; position:absolute; bottom:30px; left:97px; display:block;}

/*CTA*/
#QX60_main #mc_cta {background: transparent; width:120px; height:36px; position: absolute; top:417px; left:98px;}
#QX60_main #mc_cta #cta_highlight { background-color: grey; width:105px; height:100%; 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: 0px -220px; width:80px; height:12px; position:absolute; top:12px; left:15px;  display: block;}
#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: 8px;
}
#QX60_main #mc_cta #cta_border {background: transparent; border: 1px solid #000; width:102px; height:33px; position: absolute; top:0px; left:0px; }

#QX60_main #top_grad {width:320px; height:200px; position:absolute; left:0px; top:0px; display:block;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eef2f8+0,eef2f8+70&1+0,0+70 */
background: -moz-linear-gradient(top,  rgba(238,242,248,1) 0%, rgba(238,242,248,0) 70%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(238,242,248,1) 0%,rgba(238,242,248,0) 70%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(238,242,248,1) 0%,rgba(238,242,248,0) 70%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eef2f8', endColorstr='#00eef2f8',GradientType=0 ); /* IE6-9 */

}
#QX60_main #QX60_mc #bottomGrad{ height:150px; width:600px; left:0px; bottom:-90px; 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 #f01 { background: transparent url('Infiniti_QX60_300x600_backup.jpg') top left no-repeat; width: 300px; height: 600px; position: absolute; top:0px; left: 0px; opacity:0;}
#QX60_main #loading { background: #fff; width: 300px; height: 600px; position: absolute; top:0px; left: 0px; opacity:1;}
#QX60_main #border { background: transparent; border: 1px solid #000; width: 298px; height: 598px; position: absolute; top: 0; left: 0;}
#QX60_main #clicktag { background-color: transparent; width: 300px; height: 600px; 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;}