*{
    margin: 0;
    padding: 0;
    border: 0;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none; 
    user-select: none;
    -webkit-user-drag: none;
    user-drag: none;
    cursor: pointer;
    text-rendering: optimizeSpeed !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale;
}

@font-face {
    font-family: "Nissan-Regular";
    src: url('https://s0.2mdn.net/ads/richmedia/studio/pv2/30827996/20141006101410711/fonts/NissanAG-Regular.eot?') format('eot'), 
        url('https://s0.2mdn.net/ads/richmedia/studio/pv2/30827996/20141006101410711/fonts/NissanAG-Regular.woff') format('woff'),
        url('https://s0.2mdn.net/ads/richmedia/studio/pv2/30827996/20141006101410711/fonts/NissanAG-Regular.ttf') format('truetype');
}

@font-face {
    font-family: "Nissan-Medium";
    src: url('https://s0.2mdn.net/ads/richmedia/studio/pv2/30827996/dirty/fonts/NissanAG-Medium.eot?') format('eot'), 
        url('https://s0.2mdn.net/ads/richmedia/studio/pv2/30827996/dirty/fonts/NissanAG-Medium.woff') format('woff'),
        url('https://s0.2mdn.net/ads/richmedia/studio/pv2/30827996/dirty/fonts/NissanAG-Medium.ttf') format('truetype');
}

@font-face {
    font-family: "Nissan-Bold";
    src: url('https://s0.2mdn.net/ads/richmedia/studio/pv2/30827996/20141006101410711/fonts/NissanAG-Bold.eot?') format('eot'), 
        url('https://s0.2mdn.net/ads/richmedia/studio/pv2/30827996/20141006101410711/fonts/NissanAG-Bold.woff') format('woff'),
        url('https://s0.2mdn.net/ads/richmedia/studio/pv2/30827996/20141006101410711/fonts/NissanAG-Bold.ttf') format('truetype');
}

@font-face {
    font-family: "Nissan-BoldKerned";
    src: url('https://s0.2mdn.net/ads/richmedia/studio/pv2/30827996/20141006101410711/fonts/NissanAG-BoldKerned.eot?') format('eot'), 
        url('https://s0.2mdn.net/ads/richmedia/studio/pv2/30827996/20141006101410711/fonts/NissanAG-BoldKerned.woff') format('woff'),
        url('https://s0.2mdn.net/ads/richmedia/studio/pv2/30827996/20141006101410711/fonts/NissanAG-BoldKerned.ttf') format('truetype');
}

@font-face {
    font-family: "Nissan-Italic";
    src: url('https://s0.2mdn.net/ads/richmedia/studio/pv2/30827996/20141006101410711/fonts/NissanAG-Italic.eot?') format('eot'), 
        url('https://s0.2mdn.net/ads/richmedia/studio/pv2/30827996/20141006101410711/fonts/NissanAG-Italic.woff') format('woff'),
        url('https://s0.2mdn.net/ads/richmedia/studio/pv2/30827996/20141006101410711/fonts/NissanAG-Italic.ttf') format('truetype');
}

#container{
    position: absolute;
    top: 0;
    left: 0;
    width: 300px;
    height: 250px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    background-position: center;
    border: 1px solid #000;
    font-family:Arial, Helvetica, sans-serif;
    overflow: hidden;
    cursor: pointer;
}

#loading_dc{
    width:100%;
    height:100%;
    background-color:white;
    z-index:1;
}

#loading_image_dc{
    position:absolute;
    left:50%;
    margin-left:-15px;
    top:50%;
    margin-top:-15px;	
}

.loading #content{
    display: none;
}

.brochure header {
    position: absolute;
    margin-top: 4px;
    margin-left: 11px;
    margin-bottom: 0;
    margin-right: 10px;
    font-weight: bold;
    z-index: 3;
}

.award header {
    position: absolute;
    margin-top: 5px;
    margin-left: 10px;
    margin-bottom: 0;
    margin-right: 10px;
    font-weight: bold;
}

.selector header {
    position: absolute;
    margin-top: 5px;
    margin-left: 10px;
    margin-bottom: 0;
    margin-right: 10px;
    font-weight: bold;
}



.usp header {
    position: absolute;
    top: 0px;
    margin-top: 8px;
    margin-left: 68px;
    margin-bottom: 0;
    margin-right: 10px;
    font-weight: bold;
}

.award #dynYear,
.award #dynSubCopy,
.award #brochureContent, 
.brochure #dynYear, 
.brochure #dialog_txt, 
.brochure .dialog_box,
.brochure #awardContent,
.brochure #closeAward, 
.selector .dialog_box,
.selector #brochureContent,
.selector #awardContent,
.multimodel #awardContent,
.multimodel #dialog_close,
.gallery #closeGallery, 
.gallery #awardContent, 
.galler #brochureContent, 
.gallery #dialog_box, 
.gallery #dialog_txt,
.multimodel #cta2,
.usp .dialog_box,
.usp #tabContent{
    display: none;
}

.award #dynModelName, .brochure #dynModelName{
    font-size: 20px;
    line-height: 1em;
}

.usp #dynModelName{
    font-size: 16px;
}


.brochure #dynSubCopy{
    font-size: 11px;
    letter-spacing: 0.2px;
}


.selector footer,
.multimodel footer,
.award footer,
.brochure footer{
    position: absolute;
    left: -1px;
    bottom: 0;
    height: 61px;
    width: 300px;
    z-index:2;
}

#menu{
    position: absolute;
    height: 61px;
    width: 247px;
}

.brochure #menu{
    background: #A6A6A6;
    opacity: 1;
}

.award #menu{
    background: rgba(80, 80, 80, 1);
}



.selector #menu{
    background: rgba(80, 80, 80, 1);
    opacity: 1;
}

.usp #menu{
    position: absolute;
    left: 0;
    bottom: 8px;
    width: 298px;
    height: 31px;
}


.brochure .cta{
    position: absolute;
    top:0;
    bottom:0;
    margin-top: auto;
    margin-bottom: auto;
    background: #eee;
    overflow: hidden;
    width: 103px;
    height: 40px;
    opacity: 1;
}

.brochure #cta1{
    left: 11px;
}

.brochure #cta2{
    right: 16px;
}

.usp .cta{
    position: absolute;
    left:0;
    right:0;
    top: 0;
    overflow: hidden;
    background: #bf0f35;
    width: 135px;
    height: 31px;
}


.award .cta,
.selector .cta{
    position: absolute;
    top:0;
    bottom:0;
    margin-top: auto;
    margin-bottom: auto;
    background: #eee;
    overflow: hidden;
    width: 107px;
    height: 35px;
}

.award #cta1,
.selector #cta1{
    left: 11px;
}

.award #cta2,
.selector #cta2{
    right: 11px;
}

.usp #cta1{
    left: 10px;
}

.usp #cta2{
    left: 155px;
}


.selector .ctaGlow,
.multimodel .ctaGlow,
.award .ctaGlow,
.brochure .ctaGlow{
    position:absolute;
    display:block;
    width:0;
    background-color:#fff;
    -webkit-backface-visibility: hidden;
    opacity: 0.9;
}

.usp .ctaGlow {
    display: none;
}


.award .ctaGlow,
.selector .ctaGlow {
    height:34px;
}

.brochure .ctaGlow {
    height: 40px;
}

.selector .cta:after,
.multimodel .cta:after,
.award .cta:after,
.brochure .cta:after{
    content: "";
    position: absolute;
    top:0;
    bottom:0;
    margin-top: auto;
    margin-bottom: auto;
    right: 5px;
    width: 6px;
    height: 10px;
    background-image: url(https://s0.2mdn.net/ads/richmedia/studio/31389809/24191226_20140508140820888_icon_arrow.gif);
    background-repeat: no-repeat;
    -webkit-transition-duration: 250ms;
    -moz-transition-duration: 250ms;
    transition-duration: 250ms;
}

.award .cta:after,
.selector .cta:after{
    right: 10px;
}

.selector .cta:hover:after,
.multimodel .cta:hover:after,
.brochure .cta:hover:after {
    -webkit-transform: translateX(1px);
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
}

.award .cta:hover:after {
    -webkit-transform: translateX(5px);
    -webkit-transform: translateX(5px);
    transform: translateX(5px);
}

.usp .cta:after {
    content: "";
    position: absolute;
    bottom:8px;
    margin-top: auto;
    margin-bottom: auto;
    right: 10px;
    width: 8px;
    height: 14px;
    background-image: url(https://s0.2mdn.net/ads/richmedia/studio/31521433/24191226_20140522114934591_icon_arrowUSP.jpg);
    background-repeat: no-repeat;
    background-size: 8px 13px;
}

.usp #dialog_txt {
    position: absolute;
    left: 7px;
    top: 192px;
    font-size: 10px;
    font-weight: lighter;
    cursor: pointer;
    color: #000;
    z-index: 10;
}


.award #dialog_txt {
    position: absolute;
    bottom: 62px;
    left: 10px;
    font-size: 10px;
    font-weight: lighter;
    cursor: pointer;
    text-decoration: underline;
    color: #757575;
    z-index: 1;
}

.award .dialog_box {
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 298px;
    height: 65px;
    background-color: #5f5e5e;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    overflow: hidden;
    z-index: 2;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
}

.usp .dialog_box {
    position: absolute;
    left: 0;
    top: 0px;
    width: 298px;
    height: 203px;
    background-color: #666666;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    overflow: hidden;
    z-index: 15;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.usp .dialog_content {
    position: absolute;
    top: -4px;
    height: 126px;
    overflow: auto;
    padding-right: 30px;
    margin: 72px 0 10px 10px;
    font-weight: lighter;
}

.award .dialog_content {
    position: absolute;
    top: 17px;
    height: 37px;
    overflow: auto;
    padding: 0 10px 10px 10px;
    opacity: 0;
    font-weight: lighter;
}

.award #dialog_close {
    position: absolute;
    right: 0px;
    top: 1px;
    width: 13px;
    height: 13px;
    border: 1px solid #fff;
    color: #fff;
    text-align: center;
    line-height: 14px;
    font-size: 10px;
}

.usp #dialog_close {
    position: absolute;
    right: 12px;
    top: 8px;
    width: 17px;
    height: 17px;
    background-image: url(/ads/richmedia/studio/31520242/24191226_20140522115000784_pc_close.png);
    background-repeat: no-repeat;
}
@-moz-document url-prefix() {
   .award #dialog_close {
        line-height: 13px;
    }
}

.award #car{
    position:absolute;
}

.award #award{
    position:absolute;
    width:auto;
    min-width:100px;
    text-align:center;
    left:160px;
    cursor:pointer;
    font-weight:bold;
    font-size:11px;
}

.award #awardTxt{
    position:absolute;
    width: 100%;
    z-index: 1;
}

.award #copyAward{
    position:absolute;
    width:250px;
    top:150px;
    padding-left: 10px;
    padding-right: 10px;
    color:#555555;
    font-size:11px;
    line-height: 110%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 0;
}

.award #closeAward{
    width:17px;
    height:17px;
    position:absolute;
    top:8px;
    right:6px;
    background-image: url(/ads/richmedia/studio/31389806/24191226_20140508140820888_center_sign_close.jpg);
}

.brochure #brochure1{
    position: absolute;
    top: 0;
    left: 0;
    width: 300px;
    height: 250px;
}

.brochure #brochure2{
    position: absolute;
    top: 0;
    left: 0;
    width: 300px;
    height: 250px;
}

.brochure #brochure3{
    position: absolute;
    top: 0;
    left: 0;
    width: 300px;
    height: 250px;
}

.slideUp{
    -webkit-transform: translateY(-65px);
    -webkit-transition-duration: 1000ms;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transform: translateY(-65px);
    -moz-transition-duration: 1000ms;
    -moz-transition-timing-function: ease-in-out;
    transform: translateY(-65px);
    transition-duration: 1000ms;
    transition-timing-function: ease-in-out;
}

.slideDown{
    -webkit-transform: translateY(0);
    -webkit-transition-duration: 1000ms;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transform: translateY(0);
    -moz-transition-duration: 1000ms;
    -moz-transition-timing-function: ease-in-out;
    transform: translateY(0);
    transition-duration: 1000ms;
    transition-timing-function: ease-in-out;
}

.slideUpGall{
    -webkit-transform: translateY(-51px);
    -webkit-transition-duration: 350ms;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transform: translateY(-51px);
    -moz-transition-duration: 350ms;
    -moz-transition-timing-function: ease-in-out;
    transform: translateY(-51px);
    transition-duration: 350ms;
    transition-timing-function: ease-in-out;
}

.slideDownGall{
    -webkit-transform: translateY(0px);
    -webkit-transition-duration: 350ms;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transform: translateY(0px);
    -moz-transition-duration: 350ms;
    -moz-transition-timing-function: ease-in-out;
    transform: translateY(0px);
    transition-duration: 350ms;
    transition-timing-function: ease-in-out;
}

.award #dialog_content.fadeIn{
    opacity: 1;
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 250ms;
    -webkit-transition-timing-function: ease-in-out;
    -webkit-transition-delay: 1000ms;
    
    -moz-transition-property: opacity;
    -moz-transition-duration: 250ms;
    -moz-transition-timing-function: ease-in-out;
    -moz-transition-delay: 1000ms;
    
    transition-property: opacity;
    transition-duration: 250ms;
    transition-timing-function: ease-in-out;
    transition-delay: 1000ms;
}

.award #dialog_content.fadeOut{
    opacity: 0;
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 0;
    -webkit-transition-timing-function: ease-in-out;
    -webkit-transition-delay: 1000ms;
    
    -moz-transition-property: opacity;
    -moz-transition-duration: 500ms;
    -moz-transition-timing-function: ease-in-out;
    -moz-transition-delay: 1000ms;
    
    transition-property: opacity;
    transition-duration: 500ms;
    transition-timing-function: ease-in-out;
    transition-delay: 1000ms;
}

.hide{
    opacity: 0;
}

.fadeIn{
    opacity: 1;
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 1000ms;
    -webkit-transition-timing-function: ease-in-out;
    
    -moz-transition-property: opacity;
    -moz-transition-duration: 1000ms;
    -moz-transition-timing-function: ease-in-out;
    
    transition-property: opacity;
    transition-duration: 1000ms;
    transition-timing-function: ease-in-out;
}

.fadeOut{
    opacity: 0;
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 1000ms;
    -webkit-transition-timing-function: ease-in-out;
    
    -moz-transition-property: opacity;
    -moz-transition-duration: 1000ms;
    -moz-transition-timing-function: ease-in-out;
    
    transition-property: opacity;
    transition-duration: 1000ms;
    transition-timing-function: ease-in-out;
}

.brochure .cta .ctaTxt{
    position: absolute;
    left: 8px;
    font-size: 12px;
    font-weight: bold;
    color: #555555;
    width: 80px;
    margin-top: auto;
    margin-bottom: auto;
    z-index: 1;
}

.usp .cta .ctaTxt{
    position: absolute;
    left: 8px;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    width: 110px;
    margin-top: auto;
    margin-bottom: auto;
    z-index: 1;
}

.award .cta .ctaTxt,
.selector .cta .ctaTxt{
    position: absolute;
    left: 8px;
    font-size: 12px;
    font-weight: bold;
    color: #555555;
    width:80px;
    margin-top: auto;
    margin-bottom: auto;
    z-index: 1;
}


.selector #logo,
.award #logo,
.brochure #logo,
.multimodel #logo {
    position:absolute;
    right:0;
    bottom:0;
    width: 53px;
    height: 61px;
    background-color: #BF052F;
    background-image: url(https://s0.2mdn.net/ads/richmedia/studio/31385290/24191226_20140508144154608_logo.jpg);
    background-repeat: no-repeat;
    z-index: 3;
}

.usp #logo{
    position: absolute;
    left: 9px;
    top: 0;
    width: 49px;
    height: 61px;
    background-image: url(https://s0.2mdn.net/ads/richmedia/studio/31520033/24191226_20140522114948083_logoUSP.jpg);
    background-repeat: no-repeat;
    z-index: 15;
}

.selector #logo_panel,
.award #logo_panel,
.multimodel #logo_panel,
.brochure #logo_panel {
    position:absolute;
    bottom:0;
    right:0;
    width:49px;
    height:61px;
    z-index:15;
    cursor:pointer;
}

.usp #logo_panel{
    position:absolute;
    top:0;
    left:9px;
    width:49px;
    height:61px;
    z-index:15;
    cursor:pointer;
}

.usp #logo_on{
    position:absolute;
    left: -1px;
    top: 1px;
    width:60px;
    height:55px;
    background-image: url(https://s0.2mdn.net/ads/richmedia/studio/31520032/24191226_20140522114919221_flicker300USP.png);
    background-repeat: no-repeat;
    margin:10px 0 0 10000px;
}

.selector #logo_on,
.award #logo_on,
.multimodel #logo_on,
.brochure #logo_on {
    position:absolute;
    width:30px;
    height:38px;
    background-image: url(https://s0.2mdn.net/ads/richmedia/studio/31389811/24191226_20140508140820888_flicker.png);
    background-repeat: no-repeat;
    margin:10px 0 0 1000px;
}

.brochure #car{
    width:300px;
    height:250px;
    position:absolute;
    top: 0;
    left:0px;
}

.usp #car{
    position:absolute;
    width:298px;
    height:260px;
    position:absolute;
    top:0px;
    left:0px;
}

.selector #selectorContent{
    position:absolute;
    bottom: 75px;
    right: 5px;
}

.selector .swatch{
    display: inline-block;
    width: 22px;
    height: 19px;
    overflow: hidden;
    border: 1px solid transparent;
    margin-left: -2px;
    margin-right: -2px;
}

.selector .box{
    position: absolute;
    width: 22px;
    height: 19px;
    overflow: hidden;
}

.selector .bg{
    position: absolute;
    width: 22px;
    height: 19px;
    background: #fff;
}

.selector .swatch span{
    content: "";
    position: absolute;
    left: -3px;
    top: -1px;
    width: 80px;
    height: 70px;
    border-radius: 75px;
}

.selector .swatch:after{
    content: "";
    position: absolute;
    width: 22px;
    height: 19px;
    background-image: url(https://s0.2mdn.net/ads/richmedia/studio/31471919/24191225_20140516122802066_radial.png);
    background-size: 22px 19px;
    opacity: 0.3;
}

.selector .swatch.border{
    border: 1px solid #000;
}

.selector #car{
    position: absolute;
    top: 0;
    left: -1px;
    width: 300px;
    height: 250px;
    background-size: 270px auto;
    background-position: top center;
    background-repeat: no-repeat;
}

.selector #dialog_txt {
    position: absolute;
    left: 10px;
    width: 85px;
    height: 24px;
    font-size: 10px;
    font-weight: lighter;
    color: #000;
    opacity: 1;
}

#colorName{
    position: absolute;
}

up{
    position: relative;
    top: -2px;
    font-size: 6px;
}

#discCopy{
    position: absolute;
    font-size: 8px;
    font-weight: bold;
    text-align: center;
    bottom: 66px;
    left: 10px;
}

/* MultiModel CSS */
.multimodel #menu{
    background: #999999;
    opacity: 1;
}

.multimodel #cta1{
    left: 11px;
}

.multimodel #car{
    width:300px;
    height:250px;
    position:absolute;
    top: 0;
    left:0px;
}

.multimodel .cta .ctaTxt{
    position: absolute;
    left: 8px;
    font-size: 12px;
    font-weight: bold;
    color: #555555;
    width: 80px;
    margin-top: auto;
    margin-bottom: auto;
    z-index: 1;
}

.multimodel .cta{
    position: absolute;
    top:0;
    bottom:0;
    margin-top: auto;
    margin-bottom: auto;
    background: #eee;
    overflow: hidden;
    width: 103px;
    height: 38px;
    opacity: 1;
}

.multimodel header {
    position: absolute;
    margin-top: 4px;
    margin-left: 11px;
    margin-bottom: 0;
    margin-right: 10px;
    z-index: 3;
}

.multimodel #dynSubCopy{
    font-size: 12px;
    letter-spacing: 0.2px;
    padding-top: 5px;
}

.multimodel #dynModelName{
    font-size: 17px;
    line-height: 1em;
}

.multimodel .ctaGlow {
    height: 40px;
}

.usp #tab1{
    position: absolute;
    bottom: 161px;
    left: 4px;
    width: 75px;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    z-index: 1;
}

.usp #tab2{
    position: absolute;
    bottom: 180px;
    left: 170px;
    width: 75px;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    z-index: 1;
}

.usp #tab3{
    position: absolute;
    top: 182px;
    left: 202px;
    width: 80px;
    font-size: 10px;
    font-weight: bold;
    text-align: left;
    z-index: 1;
}

.usp #tab_sub1, .usp #tab_sub2, .usp #tab_sub3{
    height: 24px;
    position: absolute;
    z-index: 1;
}

.usp #tab_sub1 {
    top: 90px;
    left: 11px; 
    width: 46px;
    background-image: url(https://s0.2mdn.net/ads/richmedia/studio/31521317/24191226_20140522115014248_tab_sub1.png);
    background-repeat: no-repeat;
}

.usp #tab_sub2 {
    top: 56px;
    left: 95px; 
    width: 71px;
    background-image: url(https://s0.2mdn.net/ads/richmedia/studio/31520034/24191226_20140522115026690_tab_sub2.png);
    background-repeat: no-repeat;
}

.usp #tab_sub3 {
    top: 182px;
    right: 19px; 
    width: 91px;
    background-image: url(https://s0.2mdn.net/ads/richmedia/studio/31514498/24191226_20140522115038931_tab_sub3.png);
    background-repeat: no-repeat;
}

.usp #carUSP {
    position: absolute;
    left: 0;
    top: 0;
}

.usp .carUSP {
    position: absolute;
    overflow: hidden;
    width: 300px;
    height: 250px;
}

.usp #carUSP1 {
    z-index: 8;
}

.usp #carUSP2 {
    z-index: 6;
}

.usp #carUSP3 {
    z-index: 4;
}

.usp .mask {
    position: absolute;
    top: 0px;
    width: 300px;
    height: 250px;
    background: #FFFFFF;
    opacity: .8;
    overflow: hidden;
}

.usp .carTxt {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    font-size: 26px;
    text-align: center;
}

.usp #carTxt1 {
    z-index: 10;
}

.usp #carTxt2 {
    z-index: 8;
}

.usp #carTxt3 {
    z-index: 6;
}

.usp #mask1 {
    z-index: 9;
}

.usp #mask2 {
    z-index: 7;
}

.usp #mask3 {
    z-index: 6;
}

.usp #book{
    width: 2px;
    position: absolute;
    height: 250px;
    top: 0px;
    left: 298px;
    background-image: url(https://s0.2mdn.net/ads/richmedia/studio/31520136/24191226_20140522114904505_book.png);
    background-repeat: no-repeat;
    z-index: 10;
}

.usp #tabHotspot1 {
    position: absolute;
    left: 14px;
    top: 63px;
    width: 73px;
    height: 44px;
    background: #fff;
    opacity: 0;
    z-index: 2;
}

.usp #tabHotspot2 {
    position: absolute;
    left: 153px;
    top: 39px;
    width: 76px;
    height: 44px;
    background: #fff;
    opacity: 0;
    z-index: 2;
}

.usp #tabHotspot3 {
    position: absolute;
    left: 188px;
    top: 172px;
    width: 89px;
    height: 35px;
    background: #fff;
    opacity: 0;
    z-index: 2;
}

.usp #tabContent{
    position: absolute;
    top: 148px;
    left: 0px;
    width: 298px;
    height: 102px;
    background: #737373;
    z-index: 11;
}

.usp #tabContent1{
    font-size: 13px;
    margin-left: 5px;
    margin-right: 25px;
    margin-top: 3px;
    z-index: 13;
}

.usp #tabContent2{
    font-size: 13px;
    margin-left: 5px;
    margin-right: 25px;
    margin-top: 3px;
    z-index: 13;
}

.usp #tabContent3{
    font-size: 13px;
    margin-left: 5px;
    margin-right: 25px;
    margin-top: 3px;
    z-index: 13;
}

.usp .txtContent{
    margin-top: 6px;
    margin-left: 5px;
    margin-right: 5px;
    font-size: 12px;
    height: 67px;
    overflow: auto;
}

.usp .boxContent{
    position: absolute;
    top: 21px;
    left: 0px;
    width: 298px;
    height: 80px;
    background: #fff;
    font-size: 13px;
    z-index: 12;
}

.usp #tabClose{
    position: absolute;
    top: 2px;
    right: 6px;
    width: 17px;
    height: 17px;
    background-image: url(/ads/richmedia/studio/31520242/24191226_20140522115000784_pc_close.png);
    background-repeat: no-repeat;
    z-index: 12;
}

.usp .slideUSP{
    width: 0;
    -webkit-transition-property: width;
    -webkit-transition-duration: 500ms;
    -webkit-transition-timing-function: ease-in-out;
}

.usp .slideOutUSP{
    width: 0;
    -webkit-transition-property: width;
    -webkit-transition-duration: 500ms;
    -webkit-transition-timing-function: ease-in-out;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes myfirst
{
0%   {opacity:1;}
25%  {opacity:0.5;}
50%  {opacity:1;}
75%  {opacity:0.5;}
100%  {opacity:1;}
}

/* Firefox syntax */
@-moz-keyframes myfirst
{
0%   {opacity:1;}
25%  {opacity:0.5;}
50%  {opacity:1;}
75%  {opacity:0.5;}
100%  {opacity:1;}
}

/* Standard syntax */
@keyframes myfirst
{
0%   {opacity:1;}
25%  {opacity:0.5;}
50%  {opacity:1;}
75%  {opacity:0.5;}
100%  {opacity:1;}
}

.blinkingUSP{
    -moz-animation:myfirst 2s infinite;
    -webkit-animation:myfirst 2s infinite; /* Chrome, Safari, Opera */
    animation:myfirst 2s infinite;
}

/*Gallery*/
.gallery header {
    position: absolute;
    margin-top: 5px;
    margin-left: 10px;
    margin-bottom: 0;
    margin-right: 10px;
    font-weight: bold;
}

.gallery .hide{
    opacity: 1 !important;
    
}

.gallery #logo{
    position: absolute;
    left: 9px;
    top: 0;
    width: 49px;
    height: 61px;
    background-image: url(https://s0.2mdn.net/ads/richmedia/studio/31520033/24191226_20140522114948083_logoUSP.jpg);
    background-repeat: no-repeat;
    z-index: 15;
}


.gallery #logo_panel{
    position:absolute;
    top:0;
    left:9px;
    width:49px;
    height:61px;
    z-index:15;
    cursor:pointer;
}

.gallery #logo_on{
    position:absolute;
    left: -1px;
    top: 1px;
    width:60px;
    height:55px;
    background-image: url(https://s0.2mdn.net/ads/richmedia/studio/31520032/24191226_20140522114919221_flicker300USP.png);
    background-repeat: no-repeat;
    margin:10px 0 0 10000px;
}


.gallery .cta .ctaTxt{
    position: absolute;
    left: 6px;
    font-size: 11px;
    color: #fff;
    width: 90px;
    margin-top: auto;
    margin-bottom: auto;
    z-index: 1;
}



.gallery #cta1{
    left: 10px;
}

.gallery #cta2{
    left: 132px;
}
.gallery .cta{
    position: absolute;
    left:0;
    right:0;
    top: 0;
    overflow: hidden;
    background: #bf0f35;
    width: 112px;
    height: 31px;
}
.gallery .cta:before{
    content: "";
    position: absolute;
    left:0;
    right:0;
    top: 0;
    overflow: hidden;
    background: #bf0f35;
    width: 112px;
    height: 31px;
    opacity: 0;
}
.gallery .cta:after {
    content: "";
    position: absolute;
    bottom:8px;
    margin-top: auto;
    margin-bottom: auto;
    right: 10px;
    width: 8px;
    height: 14px;
    background-image: url(https://s0.2mdn.net/ads/richmedia/studio/31521433/24191226_20140522114934591_icon_arrowUSP.jpg);
    background-repeat: no-repeat;
    background-size: 8px 13px;
}

.gallery #menu{
    position: absolute;
    left: 25px;
    bottom: 8px;
    width: 298px;
    height: 31px;
}
.gallery #dynModelName{
    font-size: 17px;
    position: absolute;
    left:54px;
    width: 154px;
}

.gallery #main_pic {
	position: absolute;
	left: 0;
}
.gallery #dot_btn {
	height: 16px;
	position: absolute;
	left: 80px;
	top: 188px;
	z-index: 200;
	cursor: pointer;
}
.gallery #dot_btn ul li {
	width: 15px;
	height: 15px;
	margin-left: 10px;
	background-image: url(https://s0.2mdn.net/ads/richmedia/studio/34174923/24191225_20141002105557378_dot_btn_.png);
    background-repeat: no-repeat;
	float: left;
}
.gallery #dot_btn ul li.open {
	background-image: url(https://s0.2mdn.net/ads/richmedia/studio/34174925/24191225_20141002105557379_open_btn_.png);
    background-repeat: no-repeat;
}

.gallery .arr_btn {
	position: absolute;
	top: 285px;
	width: 24px;
	height: 38px;
	z-index: 200;
}
.gallery #arr_left {
	background-image: url(https://s0.2mdn.net/ads/richmedia/studio/33047708/24191226_20140811141416430_arr_left.png);
    background-repeat: no-repeat;
	left: 3px;
	cursor: pointer;
	top:108px;
}
.gallery #arr_right {
	background-image: url(https://s0.2mdn.net/ads/richmedia/studio/33047709/24191226_20140811141635508_arr_right.png);
    background-repeat: no-repeat;
	right: 3px;
	cursor: pointer;
	top:108px;
}
.gallery .pic {
	cursor: pointer;
    height: 117px;
    left: 31px;
    overflow: hidden;
    position: absolute;
    top: 65px;
    width: 239px;
}
.gallery ul, li {
	padding: 0;
	margin: 0;
	list-style: none;
}
.gallery .pic li {
	float: left;
	width: 238px;
	height: 120px;
}

.ugcfacebook .logo{
    position: absolute;
    top: 0;
    margin-left: 9px;
    width: 49px;
    height: 61px;
    background-image: url(/ads/richmedia/studio/32950468/24191226_20140806140145238_glow0.png);
    background-size: 49px auto;
    overflow: hidden;
}

.ugcfacebook .logo:after{
    content: "";
    position: absolute;
    top: 0;
    width: 49px;
    height: 61px;
    background-color: #000;
    opacity: 0;
}

.ugcfacebook .img{
    width: 49px;
    height: 61px;
    background-size: 49px auto;
}

.ugcfacebook .frame{
    position: absolute;
    width: 300px;
    height: 250px;
    background-size: 300px 250px;
    background-position: -1px -1px;
    opacity: 0;
}

.ugcfacebook .frame:first-child{
    opacity: 1;
}

.ugcfacebook .frame:first-child .content{
    position: absolute;
    left: 20px;
    top: 20px;
}

.ugcfacebook .frame:first-child .content p:nth-child(1){
    display: inline;
    font-family: "Nissan-Regular", Arial, Helvetica, sans-serif;
    font-size: 24px;
    line-height: 1.150em;
}

.ugcfacebook .frame:first-child .content p:nth-child(2){
    display: inline;
    margin-left: 6px;
    font-family: "Nissan-Bold", Arial, sans-serif;
    font-size: 24px;
    line-height: 1.150em;
}

.ugcfacebook .frame:nth-child(1) ~ .frame .content.inner{
    position: absolute;
    bottom: 0;
    height: 60px;
    width: 298px;
    padding-left: 30px;
    padding-top: 10px;
    padding-right: 5px;
    padding-bottom: 5px;
    background-color: rgba(255,255,255,0.8);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ugcfacebook .frame:nth-child(1) ~ .frame .content p:nth-child(1){
    font-family: "Nissan-Regular", Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    text-align: left;
    line-height: 1.250em;
}

.ugcfacebook .frame:nth-child(1) ~ .frame .content p:nth-child(2){
    font-family: "Nissan-Italic", Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-align: left;
    line-height: 1.250em;
}

.ugcfacebook .frame:nth-child(6) ~ .frame .content{
    position: absolute;
    margin-left: 80px;
}

.ugcfacebook .frame:nth-child(6) ~ .frame .content p:nth-child(1){
    font-family: "Nissan-Regular", Arial, Helvetica, sans-serif;
    font-size: 19px;
    font-weight: lighter;
    text-align: left;
    line-height: 1.250em;
}

.ugcfacebook .frame:nth-child(6) ~ .frame .content p:nth-child(2){
    font-family: "Nissan-Bold", Arial, Helvetica, sans-serif;
    font-size: 19px;
    text-align: left;
    line-height: 1.250em;
}

.ugcfacebook .frame .carimg{
    position: absolute;
    left: 0;
    top: 0;
    width: 298px;
    height: 248px;
    background-size: 210px auto;
    background-position: center bottom;
    background-repeat: no-repeat;
}

.ugcfacebook .frame .carimg.end{
    top: -14px;
}



.ugcfacebook sup{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: lighter;
    font-size: 11px;
    vertical-align: super;
    line-height: 0;
}

.ugcfacebook .frame:nth-child(1) ~ .frame .content p sup{
    font-size: 9px;
}

.ugcfacebook .box-control{
    position: absolute;
    top: 110px;
    width: 298px;
}

.ugcfacebook .box-control .arrow{
    position: absolute;
    width: 20px;
    height: 29px;
    background-size: 20px 29px;
    -webkit-animation: pulse 500ms infinite alternate; /* Safari 4+ */
    -moz-animation:    pulse 500ms infinite alternate; /* Fx 5+ */
    -o-animation:      pulse 500ms infinite alternate; /* Opera 12+ */
    animation:         pulse 500ms infinite alternate;
}

@media screen and (min-width:0\0) {
    .ugcfacebook .box-control .arrow{
        -webkit-animation: blink 500ms infinite alternate; /* Safari 4+ */
        -moz-animation:    blink 500ms infinite alternate; /* Fx 5+ */
        -o-animation:      blink 500ms infinite alternate; /* Opera 12+ */
        animation:         blink 500ms infinite alternate;
    }
}

.ugcfacebook .box-control .left{
    background-image: url(/ads/richmedia/studio/32950081/24191226_20140806140042249_arrow-left.png);
    left: 7px;
}

.ugcfacebook .box-control .right{
    background-image: url(/ads/richmedia/studio/32952323/24191226_20140806140059138_arrow-right.png);
    right: 7px;
}

.ugcfacebook .btn-cta{
    position: absolute;
    right: 7px;
    bottom: 7px;
    width: 148px;
    height: 35px;
    background-image: url(https://s0.2mdn.net/ads/richmedia/studio/pv2/30827996/20141006101410711/images/ugcCta.png);
    background-size: auto 35px;
}

.ugcfacebook .btn-cta:after{
    content: "";
    position: absolute;
    width: 148px;
    height: 35px;
    background: rgba(0,0,0,0);
}

.ugcfacebook .btn-cta .txt{
    position: absolute;
    left: 41px;
    width: 85px;
    text-align: center;
    font-family: "Nissan-BoldKerned", Arial, sans-serif;
    font-size: 10px;
    color: #fff;
}

.ugcfacebook .frame.fadeIn{
    opacity: 1;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;

    -webkit-transition-duration: 750ms;
    -o-transition-duration: 750ms;
    transition-duration: 750ms;

    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}

.ugcfacebook .remove{
    top: 9999px;
}

.ugcfacebook .frame.fadeOut{
    opacity: 0;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;

    -webkit-transition-duration: 750ms;
    -o-transition-duration: 750ms;
    transition-duration: 750ms;

    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}

@-webkit-keyframes pulse {
    0% { 
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1); 
    }
    100% { 
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1); 
    }
}

@-moz-keyframes pulse {
    0% { 
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1); 
    }
    100% { 
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1); 
    }
}

@-o-keyframes pulse {
    0% { 
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1); 
    }
    100% { 
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1); 
    }
}

@keyframes pulse {
    0% { 
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1); 
    }
    100% { 
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1); 
    }
}

@keyframes blink {
    0%   { opacity: 0.5; }
    100% { opacity: 1; }
}

.signanddrivelease .header{
    margin-top: 9px;
    margin-left: 10px;
    font-family: "Nissan-BoldKerned", Arial, sans-serif;
    line-height: 1em;
    max-width: 200px;
}

.signanddrivelease .year{
    font-size: 13px;
}

.signanddrivelease .model{
    font-size: 18px;
}

.signanddrivelease .model sup{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px !important;
    vertical-align: super;
    line-height: 0;
}

.signanddrivelease .content{
    width: 140px;
}

.signanddrivelease .table{
    display: table;
    font-family: Verdana, Geneva, sans-serif;
}

.signanddrivelease .tr{
    display: table-row;
}

.signanddrivelease .td{
    display: table-cell;
}

.signanddrivelease .td.left{
    line-height: 0.950em;
    font-size: 19px;
    font-weight: bold;
    text-align: right;
}

.signanddrivelease .td.left sup{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: lighter;
    font-size: 11px;
    vertical-align: super;
    line-height: 0;
}

.signanddrivelease .td.right{
    padding-top: 5px;
    padding-left: 5px;
    vertical-align: top;
    font-size: 8px;
    text-align: left;
}

.signanddrivelease .jargon{
    font-family: Verdana, Geneva, sans-serif;
    font-size: 7px;
    text-align: center;
}

.signanddrivelease .lease{
    margin-left: 10px;
    margin-top: 3px;
    width: 120px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 8px;
    font-weight: bold;
    text-align: center;
}

.signanddrivelease .car{
    position: absolute;
    right: 0;
    width: 160px;
    height: 133px;
    background-repeat: no-repeat;
    background-size: auto 133px;
    background-position: center;
}

.signanddrivelease .disclaimer{
    position: absolute;
    left: 5px;
    bottom: 63px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: 500;
}

.signanddrivelease .footer{
    position: absolute;
    left: -1px;
    bottom: 0;
    height: 62px;
    width: 300px;
    background-color: #5e5e5e;
    z-index: 3;
}

.signanddrivelease .menu{
    position: absolute;
    right: 96;
    bottom: 0;
    height: 62px;
    width: 247px;
}

.signanddrivelease .btn{
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 108px;
    height: 29px;
    background-color: #eeeeee;
}

.signanddrivelease .btn .txt{
    position: absolute;
    padding-left: 5px;
    width: 85px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bolder;
    font-size: 11px;
    color: #626262;
    text-align: center;
}

.signanddrivelease .btn:before{
    content: "";
    position: absolute;
    top:0;
    bottom:0;
    margin-top: auto;
    margin-bottom: auto;
    right: 10px;
    width: 6px;
    height: 10px;
    background-image: url(/ads/richmedia/studio/31389809/24191226_20140508140820888_icon_arrow.gif);
    background-repeat: no-repeat;
}

.signanddrivelease .btn:after{
    content: "";
    position: absolute;
    width: 108px;
    height: 29px;
    background-color: rgba(0,0,0,0);
}

.signanddrivelease .btn:nth-child(1){
    left: 10px;
}

.signanddrivelease .btn:nth-child(2){
    right: 10px;
}

.signanddrivelease .logo{
    position: absolute;
    right: 1px;
    bottom: 0;
    height: 62px;
    width: 52px;
    background-color: #bf0f35;
    background-image: url(/ads/richmedia/studio/24172908/24191226_20141002110648104_300x250_logo_glow0.jpg);
    background-position: center;
    background-size: auto 62px;
    background-repeat: no-repeat;
    overflow: hidden;
}

.signanddrivelease .logo:after{
    content: "";
    position: absolute;
    top: 0;
    height: 62px;
    width: 52px;
    background-color: #000;
    opacity: 0;
}

.signanddrivelease .img{
    height: 62px;
    width: 52px;
    background-position: center;
    background-size: auto 62px;
    background-repeat: no-repeat;
}

.signanddrivelease .disclaimer-box{
    position: absolute;
    top: 0;
    width: 298px;
    height: 186px;
    background-color: rgba(191,191,191,0.9);
    display: none;
}

.signanddrivelease .dialog-content{
    position: absolute;
    top: 0px;
    width: 271px;
    height: 156px;
    overflow: auto;
    padding: 0 15px 10px 10px;
    margin-top: 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #2a2a2a;
    font-weight: lighter;
}

.signanddrivelease .btn-close{
    position:absolute;
    width:17px;
    height:17px;
    top: 1px;
    right: 1px;
    background-image: url(https://s0.2mdn.net/ads/richmedia/studio/33517366/24191225_20140903085533105_close.png);
    background-repeat: no-repeat;
}


.nc2c #dialog_txt{
    content: "";
    position: absolute;
    bottom: 1px;
    left: 13px;
    height: 13px;
    width: 88px;
    background-color: rgba(0,0,0,0);
}

 .nc2c .dialog_box{
    position: absolute;
    left: 0;
    top: 0;
    width: 298px;
    height: 248px;
    background-color: black;
    opacity: .8;
    z-index: 1;
    display: none;
}

.nc2c .dialog_content{
    width: 276px;
    height: 227px;
    margin-top: -9px;
    overflow: auto;
    padding: 0 10px 10px 10px;
    font-weight: bold;
    font-size: 10px;
    color: #FFFFFF;
}

/*>>>>>>>>>>>>>>>>>>>>Regional<<<<<<<<<<<<<<<<<<<<<<*/

.apr .wrapper,
.aprcashback .wrapper,
.bonusmathstack .wrapper,
.cashback .wrapper,
.lease .wrapper,
.leasecash .wrapper,
.msrp .wrapper,
.negativebonusstack .wrapper,
.negativemathstack .wrapper,
.positivemathstack .wrapper,
.signanddrivelease .wrapper {
    position: absolute;
    width: 298px;
    height: 248px;
    background-size: 300px auto;
    background-position: center;
    background-repeat: no-repeat;
}

.apr .logo,
.aprcashback .logo,
.bonusmathstack .logo,
.cashback .logo,
.lease .logo,
.leasecash .logo,
.msrp .logo,
.negativebonusstack .logo,
.negativemathstack .logo,
.positivemathstack .logo,
.signanddrivelease .logo {
    position: absolute;
    top: -1px;
    left: 15px;
    width: 47px;
    height: 55px;
    background: url(https://s0.2mdn.net/ads/richmedia/studio/34628935/9341_20141024101437188_tablet_300x250.jpg);
    background-size: 47px 55px;
    background-repeat: no-repeat;
    z-index: 999;
}

.apr .model,
.aprcashback .model,
.bonusmathstack .model,
.cashback .model,
.lease .model,
.leasecash .model,
.msrp .model,
.negativebonusstack .model,
.negativemathstack .model,
.positivemathstack .model,
.signanddrivelease .model {
    position: absolute;
    left: 16px;
    bottom: 45px;
    width: 120px;
    font-family: "Arial", Helvetica, sans-serif;
    font-size: 0.750em;
    line-height: 1em;
}

.apr .model .year,
.aprcashback .model .year,
.bonusmathstack .model .year,
.cashback .model .year,
.lease .model .year,
.leasecash .model .year,
.msrp .model .year,
.negativebonusstack .model .year,
.negativemathstack .model .year,
.positivemathstack .model .year,
.signanddrivelease .model .year {
    color: #d60041;
    font-size: 0.750em;
}

.apr .model .name,
.aprcashback .model .name,
.bonusmathstack .model .name,
.cashback .model .name,
.lease .model .name,
.leasecash .model .name,
.msrp .model .name,
.negativebonusstack .model .name,
.negativemathstack .model .name,
.positivemathstack .model .name,
.signanddrivelease .model .name {
    color: #333333;
    font-size: 0.750em;
}

.apr .model .name sup,
.aprcashback .model .name sup,
.bonusmathstack .model .name sup,
.cashback .model .name sup,
.lease .model .name sup,
.leasecash .model .name sup,
.msrp .model .name sup,
.negativebonusstack .model .name sup,
.negativemathstack .model .name sup,
.positivemathstack .model .name sup,
.signanddrivelease .model .name sup {
    margin-left: 1px;
    font-family: "Arial", Helvetica, sans-serif;
    font-size: 6px;
    line-height: 0;
}

.apr .cta,
.aprcashback .cta,
.bonusmathstack .cta,
.cashback .cta,
.lease .cta,
.leasecash .cta,
.msrp .cta,
.negativebonusstack .cta,
.negativemathstack .cta,
.positivemathstack .cta,
.signanddrivelease .cta {
    position: absolute;
    width: 87px;
    height: 28px;
    bottom: 8px;
    overflow: hidden;
}

.apr .cta:hover.cta:before,
.aprcashback .cta:hover.cta:before,
.bonusmathstack .cta:hover.cta:before,
.cashback .cta:hover.cta:before,
.lease .cta:hover.cta:before,
.leasecash .cta:hover.cta:before,
.msrp .cta:hover.cta:before,
.negativebonusstack .cta:hover.cta:before,
.negativemathstack .cta:hover.cta:before,
.positivemathstack .cta:hover.cta:before,
.signanddrivelease .cta:hover.cta:before {
    -webkit-transform: translateX(87px);
    -ms-transform: translateX(87px);
    -o-transform: translateX(87px);
    transform: translateX(87px);
    -webkit-transition-property: -webkit-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
    -webkit-transition-duration: 750ms;
    -o-transition-duration: 750ms;
    transition-duration: 750ms;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}

.apr .cta:before,
.aprcashback .cta:before,
.bonusmathstack .cta:before,
.cashback .cta:before,
.lease .cta:before,
.leasecash .cta:before,
.msrp .cta:before,
.negativebonusstack .cta:before,
.negativemathstack .cta:before,
.positivemathstack .cta:before,
.signanddrivelease .cta:before {
    content: "";
    position: absolute;
    -webkit-transform: translateX(-87px);
    -ms-transform: translateX(-87px);
    -o-transform: translateX(-87px);
    transform: translateX(-87px);
    width: 87px;
    height: 28px;
    background-image: url(https://s0.2mdn.net/ads/richmedia/studio/34888994/9341_20141117085257285_gradient.png);
    background-size: 87px auto;
    opacity: 0.7;
}

.apr .cta:after,
.aprcashback .cta:after,
.bonusmathstack .cta:after,
.cashback .cta:after,
.lease .cta:after,
.leasecash .cta:after,
.msrp .cta:after,
.negativebonusstack .cta:after,
.negativemathstack .cta:after,
.positivemathstack .cta:after,
.signanddrivelease .cta:after {
    content: "";
    position: absolute;
    width: 87px;
    height: 28px;
    background-color: rgba(0,0,0,0);
}

.apr .cta.cta1,
.aprcashback .cta.cta1,
.bonusmathstack .cta.cta1,
.cashback .cta.cta1,
.lease .cta.cta1,
.leasecash .cta.cta1,
.msrp .cta.cta1,
.negativebonusstack .cta.cta1,
.negativemathstack .cta.cta1,
.positivemathstack .cta.cta1,
.signanddrivelease .cta.cta1 {
    left: 110px;
    background-color: #d60041;
}

.apr .cta.cta2,
.aprcashback .cta.cta2,
.bonusmathstack .cta.cta2,
.cashback .cta.cta2,
.lease .cta.cta2,
.leasecash .cta.cta2,
.msrp .cta.cta2,
.negativebonusstack .cta.cta2,
.negativemathstack .cta.cta2,
.positivemathstack .cta.cta2,
.signanddrivelease .cta.cta2 {
    right: 8px;
    background-color: #808080;
}

.apr .cta .ctaTxt,
.aprcashback .cta .ctaTxt,
.bonusmathstack .cta .ctaTxt,
.cashback .cta .ctaTxt,
.lease .cta .ctaTxt,
.leasecash .cta .ctaTxt,
.msrp .cta .ctaTxt,
.negativebonusstack .cta .ctaTxt,
.negativemathstack .cta .ctaTxt,
.positivemathstack .cta .ctaTxt,
.signanddrivelease .cta .ctaTxt {
    position: absolute;
    width: 100%;
    font-family: "Arial", Helvetica, sans-serif;
    font-size: 0.750em;
    text-align: center;
    color: #ffffff;
}

.apr .cta.cta1.salesEvent,
.aprcashback .cta.cta1.salesEvent,
.bonusmathstack .cta.cta1.salesEvent,
.cashback .cta.cta1.salesEvent,
.lease .cta.cta1.salesEvent,
.leasecash .cta.cta1.salesEvent,
.msrp .cta.cta1.salesEvent,
.negativebonusstack .cta.cta1.salesEvent,
.negativemathstack .cta.cta1.salesEvent,
.positivemathstack .cta.cta1.salesEvent,
.signanddrivelease .cta.cta1.salesEvent {
    left: 112px!important;
    background-color: rgba(0,0,0,0)!important;
}

.apr .cta.cta2.salesEvent,
.aprcashback .cta.cta2.salesEvent,
.bonusmathstack .cta.cta2.salesEvent,
.cashback .cta.cta2.salesEvent,
.lease .cta.cta2.salesEvent,
.leasecash .cta.cta2.salesEvent,
.msrp .cta.cta2.salesEvent,
.negativebonusstack .cta.cta2.salesEvent,
.negativemathstack .cta.cta2.salesEvent,
.positivemathstack .cta.cta2.salesEvent,
.signanddrivelease .cta.cta2.salesEvent {
    right: 6px!important;
    background-color: rgba(0,0,0,0)!important;
}


.apr .cta.salesEvent .ctaTxt,
.aprcashback .cta.salesEvent .ctaTxt,
.bonusmathstack .cta.salesEvent .ctaTxt,
.cashback .cta.salesEvent .ctaTxt,
.lease .cta.salesEvent .ctaTxt,
.leasecash .cta.salesEvent .ctaTxt,
.msrp .cta.salesEvent .ctaTxt,
.negativebonusstack .cta.salesEvent .ctaTxt,
.negativemathstack .cta.salesEvent .ctaTxt,
.positivemathstack .cta.salesEvent .ctaTxt,
.signanddrivelease .cta.salesEvent .ctaTxt {
    display: none;
}

.apr .dialogTxt,
.aprcashback .dialogTxt,
.bonusmathstack .dialogTxt,
.cashback .dialogTxt,
.lease .dialogTxt,
.leasecash .dialogTxt,
.msrp .dialogTxt,
.negativebonusstack .dialogTxt,
.negativemathstack .dialogTxt,
.positivemathstack .dialogTxt,
.signanddrivelease .dialogTxt {
    position: absolute;
    bottom: 35px;
    padding-left: 7px;
    padding-right: 5px;
    font-family: "Arial", Helvetica, sans-serif;
    font-size: 7px;
    text-align: center;
    color: #d60041;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1em;
}

.apr .visDisclaimer,
.aprcashback .visDisclaimer,
.bonusmathstack .visDisclaimer,
.cashback .visDisclaimer,
.lease .visDisclaimer,
.leasecash .visDisclaimer,
.msrp .visDisclaimer,
.negativebonusstack .visDisclaimer,
.negativemathstack .visDisclaimer,
.positivemathstack .visDisclaimer,
.signanddrivelease .visDisclaimer {
    position: absolute;
    left: 8px;
    font-family: "Arial", Helvetica, sans-serif;
    font-size: 6px;
    color: #333333;
    top: 213px;
    max-width: 100px;
    text-align: justify;
    line-height: 1em;
}

.apr .dialogBox,
.aprcashback .dialogBox,
.bonusmathstack .dialogBox,
.cashback .dialogBox,
.lease .dialogBox,
.leasecash .dialogBox,
.msrp .dialogBox,
.negativebonusstack .dialogBox,
.negativemathstack .dialogBox,
.positivemathstack .dialogBox,
.signanddrivelease .dialogBox {
    position: absolute;
    left: 0;
    top: 0;
    width: 298px;
    height: 248px;
    background-color: rgba(0,0,0,0.8);
    display: none;
    z-index: 9999;
}

.apr .dialogContent,
.aprcashback .dialogContent,
.bonusmathstack .dialogContent,
.cashback .dialogContent,
.lease .dialogContent,
.leasecash .dialogContent,
.msrp .dialogContent,
.negativebonusstack .dialogContent,
.negativemathstack .dialogContent,
.positivemathstack .dialogContent,
.signanddrivelease .dialogContent {
    margin-top: 22px;
    margin-left: 3px;
    margin-right: 3px;
    padding-top: 0;
    padding-right: 7px;
    padding-bottom: 10px;
    padding-left: 7px;
    height: 223px;
    font-family: "Arial", Helvetica, sans-serif;
    font-size: 13px;
    color: #ffffff;
    overflow-y: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.apr .closeBtn,
.aprcashback .closeBtn,
.bonusmathstack .closeBtn,
.cashback .closeBtn,
.lease .closeBtn,
.leasecash .closeBtn,
.msrp .closeBtn,
.negativebonusstack .closeBtn,
.negativemathstack .closeBtn,
.positivemathstack .closeBtn,
.signanddrivelease .closeBtn {
    position: absolute;
    right: 2px;
    top: 2px;
    width: 17px;
    height: 17px;
    background-image: url(https://s0.2mdn.net/ads/richmedia/studio/34629611/9341_20141024083343891_close_white.png);
    background-size: 17px 17px;
    background-repeat: no-repeat;
}

/*>>>>>>>>>>>>>>>>>>>>>>APR<<<<<<<<<<<<<<<<<<<<<<<<<*/
.apr .content,
.aprcashback .content {
    position: absolute;
    right: 10px;
    bottom: 55px;
    width: 150px;
}

.apr .content .sup,
.aprcashback .content .sup {
    display: inline-block;
}

.apr .td.rate,
.aprcashback .td.rate {
    font-family: "Arial", Helvetica, sans-serif;
    font-size: 4.500em;
    letter-spacing: -7px;
    text-align: center;
    color: #d60041;
}

.apr .rate .sup,
.aprcashback .rate .sup {
    vertical-align: top;
    padding-left: 3px;
    padding-top: 10px;
    font-family: "Arial", Helvetica, sans-serif;
    font-size: 0.450em;
}

.apr .tr:nth-child(2),
.aprcashback .tr:nth-child(2) {
    margin-top: -10px;
    font-family: "Arial", Helvetica, sans-serif;
    font-weight: bolder;
    font-size: 0.950em;
    text-align: center;
    color: #d60041;
}

.apr .tr:nth-child(3),
.aprcashback .tr:nth-child(3) {
    text-align: center;
    font-family: "Arial", Helvetica, sans-serif;
    font-size: 8px;
}

.aprcashback .tr:nth-child(3){
    padding-bottom: 5px;
    border-bottom: 1px solid #333333;
}

/*>>>>>>>>>>>>>>>>>>>>CASHBACK<<<<<<<<<<<<<<<<<<<<<<*/

.cashback p.amount:before {
    content: "UP TO";
    position: absolute;
    left: 0;
    margin-top: -10px;
    width: 150px;
    font-family: "Arial", Helvetica, sans-serif;
    font-size: 0.275em;
    letter-spacing: normal;
    color: #d60041;
    text-align: center;
}

.cashback .content{
    position: absolute;
    right: 10px;
    bottom: 55px;
    width: 150px;
}

.cashback p{
    text-align: center;
}

.cashback p.amount{
    margin-top: 70px;
    font-family: "Arial", Helvetica, sans-serif;
    font-size: 3.000em;
    color: #d60041;
    letter-spacing: -2.5px;
}

.cashback p sup{
    font-size: 0.450em;
}

.cashback p.copy{
    margin-top: -5px;
    text-align: center;
    font-family: "Arial", Helvetica, sans-serif;
    font-weight: bolder;
    font-size: .850em;
    color: #333333;
}

/*>>>>>>>>>>>>>>>>>>>>LEASE<<<<<<<<<<<<<<<<<<<<<<*/
.lease .content,
.leasecash .content {
    position: absolute;
    right: 5px;
    bottom: 55px;
    width: 150px;
}

.lease p,
.leasecash p {
    text-align: center;
}

.lease p.amount,
.leasecash p.amount {
    margin-top: 67px;
    font-family: "Arial", Helvetica, sans-serif;
    font-size: 2.750em;
    color: #d60041;
    letter-spacing: -2.5px;
}

.lease p sup,
.leasecash p sup {
    font-size: 0.475em;
    margin-right: 2px;
}

.lease p.amount+p,
.leasecash p.amount+p {
    margin-top: -5px;
    font-family: "Arial", Helvetica, sans-serif;
    font-weight: bolder;
    font-size: .950em;
    letter-spacing: -0.5px;
    color: #333333;
}

.lease p.copy,
.leasecash p.copy {
    margin-top: 2px;
    font-family: "Arial", Helvetica, sans-serif;
    font-size: 0.500em;
    text-align: center;
    color: #333333;
}

.leasecash p.copy {
    padding-bottom: 3px;
}

/*>>>>>>>>>>>>>>>>>>>>LEASECASH<<<<<<<<<<<<<<<<<<<<<<*/
.leasecash p {
    text-align: center;
}

.leasecash p.amount {
    margin-top: 35px;
}

.leasecash p.copy {
    border-bottom: 1px solid #333333;
}

.leasecash .cashback,
.aprcashback .cashback {
    display: inline-block;
}

.leasecash .cashback div,
.aprcashback .cashback div {
    display: inline;
}

.leasecash .cashback div:first-child,
.aprcashback .cashback div:first-child {
    margin-right: 3px;
    font-family: "Arial", Helvetica, sans-serif;
    color: #d60041;
    font-size: 8px;
}

.aprcashback .cashback div:first-child {
    display: inline-block;
    margin-right: -5px;
    width: 30px;
    font-size: 8px;
    line-height: 1.250em;
}

.aprcashback .cashback div:first-child span {
    color: #333333;
}

.leasecash .cashback .amount,
.aprcashback .cashback .amount {
    margin-left: -10px;
    font-family: "Arial", Helvetica, sans-serif;
    font-size: 2em;
    letter-spacing: -1px;
    color: #333333;
}

.aprcashback .cashback .amount {
    margin-left: -2px;
    font-size: 1.850em;
}

.leasecash .cashback .amount sup {
    font-size: 0.450em;
}

.aprcashback .cashback .amount sup {
    font-size: 0.450em;
}

.leasecash .cashback .copy,
.aprcashback .cashback .copy {
    display: inline-block;
    margin-left: 1px;
    max-width: 45px;
    font-family: "Arial", Helvetica, sans-serif;
    font-size: 0.500em;
    line-height: 1.200em;
}

/*>>>>>>>>>>>>>>>>>>>>MSRP<<<<<<<<<<<<<<<<<<<<<<*/
.msrp .content {
    position: absolute;
    right: 10px;
    bottom: 55px;
    width: 150px;
}

.msrp .copy {
    margin-top: 75px;
    font-family: "Arial", Helvetica, sans-serif;
    font-size: 0.950em;
    color: #d60041;
}

.msrp .amount {
    display: inline-block;
    margin-top: -2px;
    font-family: "Arial", Helvetica, sans-serif;
    font-size: 2.300em;
    letter-spacing: -1px;
    color: #d60041;
}

.msrp .amount sup {
    font-family: "Arial", Helvetica, sans-serif;
    font-size: 0.450em;
}

.msrp .amount+div {
    display: inline-block;
    margin-top: -8px;
    font-family: "Arial", Helvetica, sans-serif;
    font-weight: bolder;
    font-size: 1.050em;
}

/*>>>>>>>>>>>>>>>>>>>>SNDL<<<<<<<<<<<<<<<<<<<<<<*/

.signanddrivelease .table{
    display: table;
}

.signanddrivelease .td{
    display: table-cell;
}

.signanddrivelease .tr{
    display: table-row;
}

.signanddrivelease .content {
    position: absolute;
    right: 10px;
    bottom: 55px;
    width: 150px;
}
.signanddrivelease .table {
    margin-top: 35px;
}

.signanddrivelease .table sup {
    line-height: 0;
}

.signanddrivelease .table .amount {
    font-family: "Arial", Helvetica, sans-serif;
    font-size: 2.250em;
    line-height: 0.875em;
    color: #d60041;
}

.signanddrivelease .table .amount sup {
    font-size: 0.500em;
}

.signanddrivelease .table .copy{
    vertical-align: middle;
    padding-left: 3px;
    width: 45px;
    font-family: "Arial", Helvetica, sans-serif;
    font-size: 0.500em;
    line-height: 1em;
    color: #333333;
}

.signanddrivelease .table .copy sup {
    font-size: 5px;
}

.signanddrivelease .table+p{
    margin-top: 5px;
}

.signanddrivelease p {
    margin-left: 10px;
    margin-right: 10px;
    font-family: "Arial", Helvetica, sans-serif;
    font-size: 0.500em;
    text-align: center;
    color: #333333;
}

/*>>>>>>>>>>>>>>>>>>>>MATHSTACK<<<<<<<<<<<<<<<<<<<<<<*/
.bonusmathstack .wrappeR,
.negativebonusstack .wrappeR,
.positivemathstack .wrappeR,
.negativemathstack .wrappeR {
    position: absolute;
    right: 2px;
    bottom: 55px;
    width: 150px;
}

.bonusmathstack .table,
.negativebonusstack .table,
.positivemathstack .table,
.negativemathstack .table {
    display: table;
}

.bonusmathstack .tr,
.negativebonusstack .tr,
.positivemathstack .tr,
.negativemathstack .tr {
    display: table-row;
}

.bonusmathstack .td,
.negativebonusstack .td,
.positivemathstack .td,
.negativemathstack .td {
    display: table-cell;
}


.bonusmathstack .content,
.negativebonusstack .content,
.positivemathstack .content,
.negativemathstack .content {
    margin-top: 35px;
    color: #333333;
}

.bonusmathstack .td.amount,
.negativebonusstack .td.amount,
.positivemathstack .td.amount,
.negativemathstack .td.amount {
    vertical-align: middle;
    text-align: right;
    font-family: "Arial", Helvetica, sans-serif;
    font-size: 1.500em;
    letter-spacing: -1px;
}

.bonusmathstack .td.amount sup,
.negativebonusstack .td.amount sup,
.positivemathstack .td.amount sup,
.negativemathstack .td.amount sup {
    line-height: 0;
    font-size: 0.500em;
}

.bonusmathstack .td.amount span,
.negativebonusstack .td.amount span,
.positivemathstack .td.amount span,
.negativemathstack .td.amount span {
    font-size: 0.500em;
    padding-right: 5px;
    vertical-align: middle;
}

.bonusmathstack .td.copy,
.negativebonusstack .td.copy,
.positivemathstack .td.copy,
.negativemathstack .td.copy {
    padding-left: 3px;
    width: 60px;
    vertical-align: middle;
    font-family: "Arial", Helvetica, sans-serif;
    font-size: 0.500em;
}

.bonusmathstack .td.copy span,
.negativebonusstack .td.copy span,
.positivemathstack .td.copy span,
.negativemathstack .td.copy span {
    display: inline-block;
    top: 0;
    bottom: 0;
    vertical-align: middle;
    line-height: 1.350em;
}

.bonusmathstack .td.copy span sup,
.negativebonusstack .td.copy span sup,
.positivemathstack .td.copy span sup,
.negativemathstack .td.copy span sup {
    line-height: 0;
    font-size: 7px;
}

.bonusmathstack .table,
.negativebonusstack .table,
.positivemathstack .table,
.negativemathstack .table {
    border-bottom: 1px solid #000000;
}

.bonusmathstack .content+div,
.negativebonusstack .content+div,
.positivemathstack .content+div,
.negativemathstack .content+div {
    margin-top: 5px;
    font-family: "Arial", Helvetica, sans-serif;
    color: #d60041;
    font-size: 0.650em;
}

.bonusmathstack .net,
.negativebonusstack .net,
.positivemathstack .net,
.negativemathstack .net {
    display: inline-block;
    margin-top: -3px;
    font-family: "Arial", Helvetica, sans-serif;
    font-size: 2.250em;
    color: #d60041;
    letter-spacing: -2px;
}

.bonusmathstack .net sup,
.negativebonusstack .net sup,
.positivemathstack .net sup,
.negativemathstack .net sup {
    font-size: 0.475em;
}

.bonusmathstack .net+.copy,
.negativebonusstack .net+.copy,
.positivemathstack .net+.copy,
.negativemathstack .net+.copy {
    margin-top: -5px;
    font-family: "Arial", Helvetica, sans-serif;
    font-size: 0.700em;
    text-align: center;
    color: #333333;
}
/*------------------------------------------*/
.bonusmathstack .contentCond,
.positivemathstack .contentCond,
.negativebonusstack .contentCond,
.negativemathstack .contentCond {
    position: absolute;
    right: 10px;
    bottom: 55px;
    width: 150px;
}

.bonusmathstack .amountCond:before,
.positivemathstack .amountCond:before {
    content: "UP TO";
    position: absolute;
    left: 0;
    margin-top: -10px;
    width: 150px;
    font-family: "Arial", Helvetica, sans-serif;
    font-size: 0.275em;
    letter-spacing: normal;
    color: #d60041;
    text-align: center;
}

.negativebonusstack .amountCond:before,
.negativemathstack .amountCond:before {
    content: "AS LOW AS";
    position: absolute;
    left: 0;
    margin-top: -10px;
    width: 150px;
    font-family: "Arial", Helvetica, sans-serif;
    font-size: 0.275em;
    letter-spacing: normal;
    color: #d60041;
    text-align: center;
}

.bonusmathstack .amountCond,
.positivemathstack .amountCond,
.negativebonusstack .amountCond,
.negativemathstack .amountCond {
    font-family: "Arial", Helvetica, sans-serif;
    font-size: 2.7em;
    letter-spacing: -1px;
    color: #d60041;
    text-align: center;
}

.bonusmathstack .amountCond sup,
.positivemathstack .amountCond sup,
.negativebonusstack .amountCond sup,
.negativemathstack .amountCond sup {
    font-family: "Arial", Helvetica, sans-serif;
    font-size: 0.450em;
}

.bonusmathstack p,
.positivemathstack p,
.negativebonusstack p,
.negativemathstack p {
    margin-top: -3px;
    font-family: "Arial", Helvetica, sans-serif;
    font-weight: bolder;
    font-size: 0.850em;
    text-align: center;
}
/*------------------------------------------*/
.videobox {
    position: absolute;
    left: -1px;
    top: -1px;
    width: 300px;
    height: 250px;
    background-color: #fff;
}

video {
    position: absolute;
    width: 300px;
    height: 250px;
    background-color: #000;
}

.videobox.fadeOut {
    opacity: 0;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}

.videobox:after {
    content: "Fantasy. Simulated Image. Do not attempt. Cars can’t snowboard";
    position: absolute;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 10px;
    bottom: 0px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: bottom;
    font-family: "Arial", Helvetica, sans-serif;
    font-size: 0.750em;
    font-weight: bolder;
    line-height: 1em;
    text-align: center;
}

.salesLogo {
    position: absolute;
    top: 15px;
    left: 60px;
    width: 106px;
    height: 28px;
    background-size: auto 28px;
    background-repeat: no-repeat;
    background-position: left center;
}