/* ================================================================================================
    layout styles
   ================================================================================================ */ 
   
div {
    -moz-box-sizing: content-box;
}
   
html {
margin:0px;
padding:0px;
width:100% !important;
height: 100% !important;
background-color: #000000;
}

body {
margin:0px;
padding:0px;
width:100% !important;
min-height:100% !important;
background-color: transparent;
text-align:center;
color:#000000;
}

/* fake links */
.details_link, .gClose {
cursor: pointer;
position:relative;
}

.gPopUpDisplay {
    width: 650px !important;
    display:none;
}

.gPopUpText p { color:#fff !important; }

div#pageTags{
visibility:hidden;
}



div.gMain {
margin:0px auto;
padding:0px;
width:964px;
height:auto;
position:relative;
}

div.printLogo {
/* float:left; */
margin:0px;
padding:0px;
width:100%;
height:80px;
display:none;
}




div#topGradation {
float:left;
margin:0px;
padding:0px;
width:964px;
min-height: 100% !important;
height:auto;
/* default color -- black */
background-color: #67699b;
background-image:url(/apps/nna/docroot/img/current-offers/top_gradation_black.png);
background-position:0px 0px;
background-repeat:repeat-x;
}

body.blue div#topGradation {
background-color: #002582;
}
body.winter div#topGradation {
background-color: #586284;
}
body.red div#topGradation {
background-color: #601010;
}
body.gray div#topGradation {
background-color: #161414;
}
body.sse div#topGradation {
background-color: #67699b;
}

div#bottomGradation {
float:left;
margin:0px;
padding:0px;
width:964px;
min-height: 100% !important;
height:auto;
background-color: transparent;
background-image:url(/apps/nna/docroot/img/current-offers/bottom_gradation_black_alt2.png);
background-position:bottom left;
background-repeat:repeat-x;
}

#pageWrap {
float:left;
padding:0px;
margin-left:24px;
width:916px;
min-height: 100% !important;
height:auto;
background-color:transparent;
position: relative;
}

div#gTopNav {
padding:0px;
width:964px;
height: 64px;
background-color:transparent;
}


/* ================================================================================================
    PFA Layout 1 styles
   ================================================================================================ */ 
 

div#pfa {
float:left;
margin:0px 0px 0px 0px;
padding:0px;
width:916px;
height: 339px;
background-color:transparent;
background-position:0px 0px;
background-repeat:no-repeat;
position:relative;
z-index:5;
}


div#pfa.layout_1 .noOffers {
position:absolute;
top:0px;
left:0px;
width: 100%;
height:auto;
padding:0px 10px 10px 0px;
color:#ffffff;
background-color: transparent;
text-align:left;
margin-bottom:22px;
}


div#pfa.layout_1 .pfa_offer {
position:absolute;
top:95px;
left:25px;
width:375px;
min-height:100px;
height:100px;
background-color: transparent;
z-index:10;
}

div#pfa.layout_1 .cutline {
position: absolute;
right:0px;
bottom:0px;
width:600px;
height:auto;
text-align:right;
color: #ffffff;
font-size: 9px;
}

div#pfa.layout_1 .lease {
width: 100%;
height:auto;
padding:0px 10px 13px 0px;
color:#ffffff;
background-color: transparent;
text-align:left;
margin-bottom:0px;
}

div#pfa.layout_1 .purchase {
width: 100%;
height:auto;
text-align:left;
color:#333333;
background-color: transparent;
}

div#pfa.layout_1 .links {
position:absolute;
top:166px;
left:0px;
width: auto;
height:auto;
color:#ffffff;
background-color: transparent;
text-align:left;
}

div#pfa.layout_1 .disclaimersBox {
position:absolute;
bottom:9px;
left:27px;
width: 868px;
height:auto;
color:#ffffff;
background-color: transparent;
text-align:left;
}
div#pfa.layout_1 .disclaimersBox .cutline {
    position: absolute;
    right:0px;
    bottom:0px;
    width:600px;
    height:auto;
    text-align:right;
    color: #333333;
    font-size: 9px;
}

div#pfa.layout_1 .disclaimersBox .details_link {
    position: absolute;
    left:0px;
    bottom:0px;
    text-align: left;
    color: #ffffff;
    font-size: 9px;
    display:none!important;
}

div#pfa.layout_1 .lease_dollar_symbol {
font-size:11px;
margin-top:2px;
color:#333333;
background-color: transparent;
vertical-align:super;
}

/* ================================================================================================
    PFA Layout 2 styles
   ================================================================================================ */ 


div#pfa.layout_2 .pfa_offer {
position:absolute;
top:95px;
left:25px;
width:375px;
min-height:200px;
height:auto;
background-color: transparent;
z-index:10;
}

div#pfa.layout_2 .noOffers {
position:absolute;
top:8px;
left:0px;
width: 100%;
height:auto;
padding:0px 10px 10px 0px;
color:#ffffff;
background-color: transparent;
text-align:left;
margin-bottom:0px;
}

div#pfa.layout_2 .lease {
float:left;
width: 375px;
height:auto;
padding:0px 0px 0px 0px;
margin:0px 0px 11px 0px;
background-color: transparent;
text-align:left;
}

div#pfa.layout_2 .purchase {
floar:left;
width: 375px;
height:auto;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
background-color: transparent;
text-align:left;
}

div#pfa.layout_2 .links {
position:absolute;
top:166px;
left:0px;
width: auto;
height:auto;
color:#ffffff;
background-color: transparent;
text-align:left;
}
div#pfa.layout_2 .noOffersLinks {
/* non-sse */
/* top: 62px; */

/* sse */
top: 162px;
left:20px;
}

div#pfa.layout_2 .disclaimersBox {
position:absolute;
bottom:9px;
left:27px;
width: 864px;
height:auto;
color:#ffffff;
background-color: transparent;
text-align:left;
}
div#pfa.layout_2 .disclaimersBox .cutline {
    position: absolute;
    right:0px;
    bottom:0px;
    width:600px;
    height:auto;
    text-align:right;
    color: #ffffff;
    font-size: 9px;
}
div#pfa.layout_2 .disclaimersBox .details_link {
    position: absolute;
    left:0px;
    bottom:0px;
    text-align: left;
    color: #ffffff;
    font-size: 9px;
    display:none!important;
}




/* ----- text --------- */

.lease_dollar_symbol {
font-size:11px;
margin-top:2px;
color:#ffffff;
background-color: transparent;
vertical-align:super;
}

.lease_pfa_description {
font-size:11px;
line-height:16px;
margin:0px 0px 0px 0px;
text-align:left;
color:#333333;
background-color: transparent;
}

.monthly_payment {
font-size:20px;
color:#333333;
background-color: transparent;
}

.model_year_description {
font-size:10px;
line-height:15px;
padding:0px 0px 0px 0px;
color:#333333;
background-color: transparent;
text-align:left;
}

.apr_percentage {
font-size:20px;
color:#ffffff;
background-color: transparent;
}

.apr_percent_symbol, .lease_dollar_symbol {
font-size:11px;
color:#ffffff;
background-color: transparent;
}

table .lease_dollar_symbol {
vertical-align: super !important;
float:none!important;
line-height: 11px;
}

/*#pfa .apr_percent_symbol {
vertical-align: super;
}*/

.apr_pfa_description {
font-size:11px;
color:#333333;
background-color: transparent;
}


/* ================================================================================================
    Sort Tool Box styles
   ================================================================================================ */ 

div.sortToolWrap {
margin:0px auto 0px auto;
padding:12px 3px 0px;
width:910px;
height:29px;
background-color: transparent;
text-align:left;
clear:left;
position:relative;
}

div.printPage {
background-color:transparent;
color:#fff;
line-height:20px;
padding: 0px 0px 0px 20px;
margin: 10px 0px 0px 0px;
background-image:url(/apps/nna/docroot/img/current-offers/print_icon.gif);
background-position:0px 0px;
background-repeat:no-repeat;
position: absolute; top: 0px; right: 3px;
}
div.printPage a {
    height:29px;
text-align:left;
padding: 0px 0px 0px 0px;
margin: 0px;
font-size:9px;
color:#ffffff;
background-color:transparent;
}

div.printPage a:hover {
color:#dcdcdc;
background-color:transparent;
}


.filters {
    width:auto;
    color:#fff;
    text-align:left;
    background-color:transparent;
}


.sortTools td {
font-size: 10px;
font-weight:bold;
color:#ffffff;
background-color:transparent;
padding-right:10px;
line-height:15px;
}

.sortTools td.padding {
height:auto;
padding-left:10px;
}

.sortTools td.check {
width:16px;
height:auto;
padding-right:2px;
}

.sortTools label {
font-size: 10px;
font-weight:bold;
color:#fff;
line-height:15px;
padding:0px 0px 0px 0px;
}

.sortTools input {
border: none;
margin:0px 0px 0px 0px;
width:12px;
height:12px;
}


/* ================================================================================================
    Offer Box Styles
   ================================================================================================ */ 

#offers {
/* float:left; */
margin:0 auto;
padding:0px 0px 50px 0px;
width:916px;
height: auto;
background-color: transparent;
}

.offerSection {
float:left;
margin:0px;
padding:0px;
width:916px;
min-height:248px;
height:auto !important;
height:248px;
background-color: transparent;
background-image:url(/apps/nna/docroot/img/current-offers/offer_box_5perc_white.png);
background-position:0px 0px;
background-repeat:repeat;
}


.offerRuleTop {
float:left;
margin:0px 0px 0px 0px;
padding:0px;
width:916px;
min-height:248px;
height:auto !important;
height:248px;
background-color: transparent;
background-image:url(/apps/nna/docroot/img/current-offers/horiz_rule_white_50x914.png);
background-position:1px 0px;
background-repeat:no-repeat;
}

.offerRuleLeft {
float:left;
margin:0px;
padding:0px;
width:916px;
min-height:248px;
height:auto !important;
height:248px;
background-color: transparent;
background-image:url(/apps/nna/docroot/img/current-offers/vert_rule_white_50.png);
background-position:0px 0px;
background-repeat:no-repeat;
}
.offerRuleRight {
float:left;
margin:0px;
padding:0px;
width:916px;
min-height:248px;
height:auto !important;
height:248px;
background-color: transparent;
background-image:url(/apps/nna/docroot/img/current-offers/vert_rule_white_50.png);
background-position:top right;
background-repeat:no-repeat;
}

.offerRuleBottom {
float:left;
margin:0px;
padding:0px;
width:916px;
min-height:248px;
height:auto !important;
height:248px;
background-color: transparent;
background-image:url(/apps/nna/docroot/img/current-offers/horiz_rule_white_50x915.png);
background-position:left bottom;
background-repeat:no-repeat;
}

.offerGradTopLeft {
float:left;
margin:0px;
padding:0px;
width:916px;
min-height:248px;
height:auto !important;
height:248px;
background-color: transparent;
background-image:url(/apps/nna/docroot/img/current-offers/top_left_box_gradation.png);
background-position:0px 0px;
background-repeat:no-repeat;
}

.offerGradBottomRight {
float:left;
margin:0px;
padding:0px;
width:916px;
min-height:248px;
height:auto !important;
height:248px;
background-color: transparent;
background-image:url(/apps/nna/docroot/img/current-offers/bottom_right_box_gradation.png);
background-position:right bottom;
background-repeat:no-repeat;
}

.offerBoxContentWrap {
float:left;
margin:9px 0px;
padding:0px;
width:916px;
min-height:230px;
height:auto !important;
height:230px;
background-color:transparent;
}

.offerBoxCol1 {
float:left;
margin:0px 0px 0px 0px;
padding:0px;
width:294px;
height:auto;
background-color: transparent;
position:relative;
}


/*-- Offer Box Text Styles --*/

.offerTitle {
float:left;
margin:0px 0px 0px 0px;
padding:0px;
width:294px;
height:19px;
background-color: transparent;
text-align:left;
}
.offerTitle .printTitle {
display:none;
}
.printDetailsNumber {
display:none;
}

.offerStartingPrice {
float:left;
margin:0px 0px 0px 16px;
padding:0px;
width:auto;
height:24px;
line-height:24px;
font-size:9px;
color:#fff;
background-color:transparent;
}

.offerCarImage {
float:left;
margin:0px 0px 0px 0px;
padding:0px;
width:294px;
height:114px;
background-color:transparent;
}

.offerCTALinks {
float:left;
margin:15px 0px 0px 16px;
padding:0px;
width:auto;
height:auto;
background-color:transparent;
text-align:left;
}

.offerPriceDetailLink {
position:absolute;
bottom: 0px;
left:195px;
padding:0px;
width:auto;
height:auto;
background-color:transparent;
text-align:left;
color:#ffffff;
font-size: 9px;
line-height: 24px;
}

.pricingDetails {
    left:8px;
    top:230px;
    width: 290px !important;
}
.pfaPricingDetails {
    right: 0px;
    margin-top: 3px;
}

.offerBoxTextWrap {
float:left;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:620px;
min-height:230px;
height:auto !important;
height:230px;
}

.offerBoxCol2 {
margin:0px;
/*padding:0px 0px 5px 0px;*/
/*--Removed padding 6-12-09--*/
padding:0px 0px 0px 0px;
width:622px;
height:auto;
background-color: transparent;
}

table.offers {
margin:0px;
padding:0px;
width:622px;
background-color: transparent;
text-align:left;
/*--Added below 6-12-09--*/
min-height:230px;
height:230px;
}

.autoHeight {
height: auto;
}

table.offers th {
margin:0px;
padding: 8px 0px 0px 0px;
width:620px;
height:37px;
text-align:left;
background-image:url(/apps/nna/docroot/img/current-offers/heading_border_double.png);
background-color: transparent;
background-position:left bottom;
background-repeat:no-repeat;
}

table.offers thead th {
height: 29px;
vertical-align: middle;
padding-top: 0px;
line-height: 12px;
background-image:url(/apps/nna/docroot/img/current-offers/heading_border_single.png);
}

table.offers tbody tr th {
height: 37px;
padding-top: 0px;
}

table.offers td {
width:310px;
margin:0px;
padding:16px 15px 7px 15px;
background-color: transparent;
background-image:url(/apps/nna/docroot/img/current-offers/offer_border.png);
background-position:0px 0px;
background-repeat:repeat-y;
}

table.offers thead th.textColTitle {
color:#ffffff;
background-color:transparent;
font-size:12px;
font-weight:normal;
line-height:25px;
padding-left:15px;
}

table.offers th.textColTitle2 {
color:#ffffff;
background-color:transparent;
font-size:12px;
font-weight:normal;
line-height:37px;
padding-left:15px;
}


table.offers h3 {
font-size:12px;
font-weight:normal;
line-height:18px;
color:#fff;
background-color:transparent;
margin:0px 0px 4px 0px;
}

table.offers tbody tr td h3 {
font-size:12px;
font-weight:normal;
line-height:18px;
color:#fff;
background-color:transparent;
margin:0px;
}
table.offers tbody tr td h3 {
margin-top:0px;
}
table.offers tbody tr td h4.noOffers {
    margin-top: 0px;
}
table.offers tbody tr td h4 {
font-size:12px;
font-weight:normal;
line-height:18px;
color:#fff;
background-color:transparent;
margin:0px 0px 5px 0px;
}

table.offers tbody tr td p.details {
font-size:10px;
line-height:12px;
font-weight:normal;
color:#fff;
background-color:transparent;
padding:0px 0px 7px 0px;
}


.textColTitle{
color:#fff;
background-color:transparent;
font-size:13px;
line-height:23px;
padding-left:15px;
}


.offerNumbers {
margin-left:0px;
font-size:20px;
line-height:21px;
color:#fff;
background-color:transparent;
}

.offerNumbersTFA {
margin-left:0px;
font-size:20px;
line-height:21px;
color:#333333;
background-color:transparent;
}


/* ================================================================================================
    CTA Link Styles
   ================================================================================================ */ 


ul.cta_link {
list-style:none;
}

ul.cta_link li {
margin-bottom:6px;
}

#pfa ul.cta_link li a, #pfa ul.cta_link li a:visited {
color:#333333 !important;
}
ul.cta_link li a, ul.cta_link li a:visited {
font-size:10px;
font-weight: bold;
line-height:14px;
color:#ffffff;
padding:2px 0px 2px 22px;
margin-bottom:20px;
background-color: transparent;
background-image:url(/content/dam/infiniti/current-offers/karot_off.png);
background-position:0px 0px;
background-repeat:no-repeat;
}
ul.cta_link li a:hover, ul.cta_link li a:active {
color:#ffffff;
background-color: transparent;
background-image:url(/content/dam/infiniti/current-offers/karot_on.png);
background-position:0px 0px;
background-repeat:no-repeat;
}

#pfa ul.cta_link li a, ul.cta_link li a:visited {
background-image:url(/content/dam/infiniti/current-offers/karot_cta.png);
}

#pfa ul.cta_link li a:hover, ul.cta_link li a:active {
background-image:url(/content/dam/infiniti/current-offers/karot_cta_hover.png);
}


div#pfa #btnSeeAllSpecialOffersContainer {
position:absolute;
top:128px;
left:54px;
z-index:11;
display:none;
}

/* ================================================================================================
    Back To Top Styles
   ================================================================================================ */ 

.backToTop {
float:left;

margin:0px;
padding:0px;
width: 913px;
padding-right: 3px;
height:18px;
background-color: transparent;


}

.topLink a {
float:right;
font-size:9px;
line-height:18px;
color:#fff;
background-color:transparent;
}


/* ================================================================================================
    Misc Styles
   ================================================================================================ */ 

img{ border:none;}
a { border:none;}

.hideWithPNG {visibility:hidden;}

.floatLeft {
float:left;
width:auto;
height:auto;
}

.floatRight {
float:right;
width:auto;
height:auto;
}


.detailBoxes {
display:none;
clear:both;
}