*{
    margin: 0;padding: 0;border: 0;cursor: pointer;
}

#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;
    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,
.apr footer,
.aprcashback footer,
.bonusmathstack footer,
.cashback footer,
.lease footer,
.leasecash footer,
.msrp footer,
.negativebonusstack footer,
.negativemathstack footer,
.positivemathstack 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,
.apr .ctaGlow,
.aprcashback .ctaGlow,
.cashback .ctaGlow,
.lease .ctaGlow,
.leasecash .ctaGlow,
.msrp .ctaGlow,
.bonusmathstack .ctaGlow,
.negativebonusstack .ctaGlow,
.negativemathstack .ctaGlow,
.positivemathstack .ctaGlow{
    position:absolute;
    display:block;
    width:0;
    background-color:#fff;
    -webkit-backface-visibility: hidden;
    opacity: 0.9;
}


.apr .ctaGlow,
.aprcashback .ctaGlow,
.cashback .ctaGlow,
.lease .ctaGlow,
.leasecash .ctaGlow,
.msrp .ctaGlow,
.bonusmathstack .ctaGlow,
.negativebonusstack .ctaGlow,
.negativemathstack .ctaGlow,
.positivemathstack .ctaGlow{
    height: 32px;
}

.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: url(/ads/richmedia/studio/31389809/24191226_20140508140820888_icon_arrow.gif) 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: url(/ads/richmedia/studio/31521433/24191226_20140522114934591_icon_arrowUSP.jpg) 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: url(/ads/richmedia/studio/31520242/24191226_20140522115000784_pc_close.png) 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: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,
.apr #logo,
.aprcashback #logo,
.cashback #logo,
.lease #logo,
.leasecash #logo,
.msrp #logo,
.bonusmathstack #logo,
.negativebonusstack #logo,
.negativemathstack #logo,
.positivemathstack #logo{
    position:absolute;
    right:0;
    bottom:0;
    width: 53px;
    height: 61px;
    background-color: #BF052F;
    background-image: url(/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(/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,
.apr #logo_panel,
.aprcashback #logo_panel,
.cashback #logo_panel,
.lease #logo_panel,
.leasecash #logo_panel,
.msrp #logo_panel,
.bonusmathstack #logo_panel,
.negativebonusstack #logo_panel,
.negativemathstack #logo_panel,
.positivemathstack #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:url(/ads/richmedia/studio/31520032/24191226_20140522114919221_flicker300USP.png) no-repeat;
    margin:10px 0 0 10000px;
}

.selector #logo_on,
.award #logo_on,
.multimodel #logo_on,
.brochure #logo_on,
.apr #logo_on,
.aprcashback #logo_on,
.cashback #logo_on,
.lease #logo_on,
.leasecash #logo_on,
.msrp #logo_on,
.bonusmathstack #logo_on,
.negativebonusstack #logo_on,
.negativemathstack #logo_on,
.positivemathstack #logo_on{
    position:absolute;
    width:30px;
    height:38px;
    background:url(/ads/richmedia/studio/31389811/24191226_20140508140820888_flicker.png) 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:295px;
    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(/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: 183px;
    left: 207px;
    width: 75px;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    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: url(/ads/richmedia/studio/31521317/24191226_20140522115014248_tab_sub1.png) no-repeat;
}

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

.usp #tab_sub3 {
    top: 182px;
    right: 0px; 
    width: 91px;
    background: url(/ads/richmedia/studio/31514498/24191226_20140522115038931_tab_sub3.png) 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: url(/ads/richmedia/studio/31520136/24191226_20140522114904505_book.png) 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: 203px;
    top: 172px;
    width: 73px;
    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: url(/ads/richmedia/studio/31520242/24191226_20140522115000784_pc_close.png) 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;
}

.apr #regionalContent,
.aprcashback #regionalContent,
.cashback #regionalContent,
.lease #regionalContent,
.leasecash #regionalContent,
.msrp #regionalContent,
.bonusmathstack #regionalContent,
.negativebonusstack #regionalContent,
.negativemathstack #regionalContent,
.positivemathstack #regionalContent{
    position: absolute;
    right: 0;
    width: 150px;
}

.apr header,
.aprcashback header,
.cashback header,
.lease header,
.leasecash header,
.msrp header,
.bonusmathstack header,
.negativebonusstack header,
.negativemathstack header,
.positivemathstack header {
    position: absolute;
    margin-top: 8px;
    margin-left: 12px;
    margin-right: 14px;
    font-weight: bold;
    color: #666;
}

.apr #dynModelName, 
.apr #dynYear,
.aprcashback #dynModelName, 
.aprcashback #dynYear,
.cashback #dynModelName, 
.cashback #dynYear,
.lease #dynModelName, 
.lease #dynYear,
.leasecash #dynModelName, 
.leasecash #dynYear,
.msrp #dynModelName, 
.msrp #dynYear,
.bonusmathstack #dynModelName, 
.bonusmathstack #dynYear,
.negativebonusstack #dynModelName, 
.negativebonusstack #dynYear,
.negativemathstack #dynModelName, 
.negativemathstack #dynYear,
.positivemathstack #dynModelName, 
.positivemathstack #dynYear{
    font-size: 12px;
    line-height: .950em;
    display: inline-block;
}


.apr #dialog_txt,
.aprcashback #dialog_txt,
.cashback #dialog_txt,
.lease #dialog_txt,
.leasecash #dialog_txt,
.msrp #dialog_txt,
.bonusmathstack #dialog_txt,
.negativebonusstack #dialog_txt,
.negativemathstack #dialog_txt,
.positivemathstack #dialog_txt{
    position: absolute;
    bottom: 65px;
    left: 10px;
    font-size: 9px;
    font-weight: bold;
    text-decoration: underline;
    cursor: pointer;
    color: #2a2a2a;
    opacity: 1;
    z-index: 1;
}

.apr #menu,
.aprcashback #menu,
.cashback #menu,
.lease #menu,
.leasecash #menu,
.msrp #menu,
.bonusmathstack #menu,
.negativebonusstack #menu,
.negativemathstack #menu,
.positivemathstack #menu{
    background: #acacac;
    left: 247px;
}

.apr .cta,
.aprcashback .cta,
.cashback .cta,
.lease .cta,
.leasecash .cta,
.msrp .cta,
.bonusmathstack .cta,
.negativebonusstack .cta,
.negativemathstack .cta,
.positivemathstack .cta{
    position: absolute;
    top: 0;
    bottom: 0;
    width: 106px;
    height: 32px;
    margin: auto;
    background: #eee;
    overflow: hidden;
    opacity: 1;
}

.apr #cta1,
.aprcashback #cta1,
.cashback #cta1,
.lease #cta1,
.leasecash #cta1,
.msrp #cta1,
.bonusmathstack #cta1,
.negativebonusstack #cta1,
.negativemathstack #cta1,
.positivemathstack #cta1{
    left: 12px;
}

.apr #cta2,
.aprcashback #cta2,
.cashback #cta2,
.lease #cta2,
.leasecash #cta2,
.msrp #cta2,
.bonusmathstack #cta2,
.negativebonusstack #cta2,
.negativemathstack #cta2,
.positivemathstack #cta2{
    right: 12px;
}

.apr .cta .ctaTxt,
.aprcashback .cta .ctaTxt,
.cashback .cta .ctaTxt,
.lease .cta .ctaTxt,
.leasecash .cta .ctaTxt,
.msrp .cta .ctaTxt,
.bonusmathstack .cta .ctaTxt,
.negativebonusstack .cta .ctaTxt,
.negativemathstack .cta .ctaTxt,
.positivemathstack .cta .ctaTxt{
    position: absolute;
    font-size: 12px;
    font-weight: bold;
    color: #555555;
    z-index: 1;
    text-align: center;
}

.apr #car,
.aprcashback #car,
.cashback #car,
.lease #car,
.leasecash #car,
.msrp #car,
.bonusmathstack #car,
.negativebonusstack #car,
.negativemathstack #car,
.positivemathstack #car{
    position: absolute;
    bottom: 85px;
    width: 165px;
    height: 138px;
    background-repeat: no-repeat;
    background-size: 165px auto;
    background-position: bottom center;
}

.apr .dialog_box,
.aprcashback .dialog_box,
.cashback .dialog_box,
.lease .dialog_box,
.leasecash .dialog_box,
.msrp .dialog_box,
.bonusmathstack .dialog_box,
.negativebonusstack .dialog_box,
.negativemathstack .dialog_box,
.positivemathstack .dialog_box{
    position: absolute;
    left: 0;
    top: 0;
    width: 298px;
    height: 187px;
    background-color: rgba(255,255,255,0.9);
    opacity: 1;
    z-index: 1;
    display: none;
}

.apr #dialog_close,
.aprcashback #dialog_close,
.cashback #dialog_close,
.lease #dialog_close,
.leasecash #dialog_close,
.msrp #dialog_close,
.bonusmathstack #dialog_close,
.negativebonusstack #dialog_close,
.negativemathstack #dialog_close,
.positivemathstack #dialog_close {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 13px;
    height: 13px;
    border: 1px solid #6D6D6D;
    color: #6D6D6D;
    text-align: center;
    line-height: 14px;
    font-size: 10px;
}

@-moz-document url-prefix() {
    .apr #dialog_close,
    .aprcashback #dialog_close,
    .cashback #dialog_close,
    .lease #dialog_close,
    .leasecash #dialog_close,
    .msrp #dialog_close,
    .bonusmathstack #dialog_close,
    .negativebonusstack #dialog_close,
    .negativemathstack #dialog_close,
    .positivemathstack #dialog_close {
        line-height: 13px;
    }
}

.apr .dialog_content,
.aprcashback .dialog_content,
.cashback .dialog_content,
.lease .dialog_content,
.leasecash .dialog_content,
.msrp .dialog_content,
.bonusmathstack .dialog_content,
.negativebonusstack #dialog_content,
.negativemathstack #dialog_content,
.positivemathstack #dialog_content {
    height: 161px;
    width: 278px;
    margin-top: 16px;
    overflow: auto;
    padding: 0 10px 10px 10px;
    font-weight: lighter;
    font-size: 12px;
    color: #2a2a2a;
}

.apr #apr {
    display: inline-block;
    font-weight: bold;
    font-size: 32px;
}

.apr #static {
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
}

.apr #term {
    display: block;
    font-size: 9px;
    font-weight: bold;
    text-align: center;
    max-width: 120px;
}

.aprcashback #static {
    display: inline-block;
    font-size: 9px;
    font-weight: bold;
}

.aprcashback #upto,
.aprcashback #cbaprCopy,
.aprcashback #cbaOpCopy,
.cashback #upto,
.cashback #cbCopy,
.msrp #ofrCopy,
.msrp #static,
.leasecash #upto{
    font-size: 9px;
    font-weight: bold;
    text-align: center;
}

.cashback #cbCopy{
    font-size: 12px !important;
    max-width: 120px;
}

.aprcashback #cba,
.aprcashback #apr,
.cashback #cba,
.lease #lease,
.leasecash #lease,
.leasecash #cba,
.msrp #msrp {
    font-size: 21px;
    font-weight: bold;
    text-align: center;
}

.cashback #cba,
.lease #lease,
.msrp #msrp {
    font-size: 32px !important;
}

.aprcashback #cba,
.leasecash #cba {
    margin-top: -3px;
}

.aprcashback #cba,
.cashback #cba,
.lease #lease,
.leasecash #lease,
.leasecash #cba,
.msrp #msrp {
    margin-left: -10px;
}

.aprcashback #cbTerm{
    font-size: 9px;
    font-weight: bold;
    text-align: center;
    max-width: 120px;
}

.lease #term,
.leasecash #term {
    font-size: 12px;
    font-weight: bold;
    max-width: 165px;
    text-align: center;
    left: 0;
    right: 0;
    margin: auto;
}

.leasecash #term{
    max-width: 120px !important;
    font-size: 9px !important;
}

.leasecash #opCopy,
.leasecash #ofrCopy{
    font-size: 9px;
    font-weight: bold;
    text-align: center;
}

.leasecash #opCopy{
    font-size: 10px !important;
}

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

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

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

.bonusmathstack .left,
.negativebonusstack .left,
.negativemathstack .left,
.positivemathstack .left{
    font-size: 18px;
    font-weight: bold;
    text-align: right;
}

.bonusmathstack .right,
.negativebonusstack .right,
.negativemathstack .right,
.positivemathstack .right{    
    padding-left: 5px;
    font-size: 9px;
    font-weight: bold;
    text-align: left;
    max-width: 60px;
    vertical-align: middle;
}

.bonusmathstack #regionalContent .table .tr:nth-child(4) .td:nth-child(1),
.negativebonusstack #regionalContent .table .tr:nth-child(4) .td:nth-child(1),
.negativemathstack #regionalContent .table .tr:nth-child(3) .td:nth-child(1),
.positivemathstack #regionalContent .table .tr:nth-child(3) .td:nth-child(1){
    border-top: 1px solid #000;
}

.slideRegional{
    opacity: 1;
    -webkit-transform: translateX(-247px);
    -webkit-transition-property: -webkit-transform,opacity;
    -webkit-transition-duration: 1000ms;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transform: translateX(-247px);
    -moz-transition-property: -moz-transform,opacity;
    -moz-transition-duration: 1000ms;
    -moz-transition-timing-function: ease-in-out;
    transform: translateX(-247px);
    transition-property: transform,opacity;
    transition-duration: 1000ms;
    transition-timing-function: ease-in-out;
}

/*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(/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:url(/ads/richmedia/studio/31520032/24191226_20140522114919221_flicker300USP.png) 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: url(/ads/richmedia/studio/31521433/24191226_20140522114934591_icon_arrowUSP.jpg) 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: url(/ads/richmedia/studio/24172908/24191226_20140806151558567_dot_btn.png) no-repeat;
	float: left;
}
.gallery #dot_btn ul li.open {
	background: url(/ads/richmedia/studio/24172908/24191226_20140806151558567_open_btn.png) no-repeat;
}

.gallery .arr_btn {
	position: absolute;
	top: 285px;
	width: 24px;
	height: 38px;
	z-index: 200;
}
.gallery #arr_left {
	background: url(/ads/richmedia/studio/24172908/24191226_20140811141416430_arr_left.png) no-repeat;
	left: 3px;
	cursor: pointer;
	top:108px;
}
.gallery #arr_right {
	background: url(/ads/richmedia/studio/24172908/24191226_20140811141635508_arr_right.png) 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: 152px;
}

.ugcfacebook .logo{
    position: absolute;
    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;
}

.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;
}

.ugcfacebook .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 .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; }
}