/* Nissan Style Guide Colours */ /* Grid >> 12 Columns ----------------------------------------------------------------------------------------------------*/ /* Icon Fonts */ /* Gradients */ .common-text-link, #top-nav .tools-menu a:hover:after, #top-nav .topics .link-list a:hover:after, #top-nav #sub-nav-list .menu .topics .promo-box a:hover header h2:after, #mainFooter a:hover div.title:after, #mainFooter article .feature-link:hover:after, #mainFooter .gen-text-links a:hover:after, #mainFooter .related .related-links a:hover:after, #mainFooter .related .related-links a.facebook:hover:after, #mainFooter .language-options ul a:hover:after, #articleListing a:hover div.textButton:after, .mediumImage .textContainer a:hover:after, #main .vlp-features .feature-item a:hover .link:after { font-family: "icons"; margin: 0 0 0 3px; } #main h1 { color: #343434; font-size: 26px; font-size: 2.6rem; padding-bottom: 3px; } #main h2 span, .h2 span { font-size: 11px; font-size: 1.1rem; } html { font: 62.5%/1.5 Verdana, Geneva, sans-serif; } html:lang(th) { font: 66%/1.6 Verdana, Geneva, sans-serif; } .grid_1, .grid_2, .grid_3, #main #home .small-promo, #main #home .med-promo, .grid_4, .grid_5, .grid_6, article.dealer .dealerContact, article.dealer .dealerMap, #main #home .lrg-promo, section.social .s-provider.grid_3, section.social #main #home .s-provider.small-promo, #main #home section.social .s-provider.small-promo, section.social #main #home .s-provider.med-promo, #main #home section.social .s-provider.med-promo, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 { width: auto; float: none; display: block; position: relative; margin-left: 0.625%; margin-right: 0.625%; overflow: hidden; } .grid_9 > .grid_3, #main #home .grid_9 > .small-promo, #main #home .grid_9 > .med-promo { width: 32.02614379%; float: left; } .grid_9 > .grid_3:nth-child(3n), #main #home .grid_9 > .small-promo:nth-child(3n), #main #home .grid_9 > .med-promo:nth-child(3n) { margin-left: 0; clear: left; } .grid_9 > .grid_3:nth-child(3n+1), #main #home .grid_9 > .small-promo:nth-child(3n+1), #main #home .grid_9 > .med-promo:nth-child(3n+1) { margin-left: 0; margin-right: 0; } .grid_9 > .grid_3:nth-child(3n+2), #main #home .grid_9 > .small-promo:nth-child(3n+2), #main #home .grid_9 > .med-promo:nth-child(3n+2) { margin-right: 0; } .grid4Image { max-width: 313px; width: 100%; } .restrict { max-width: 960px; margin: 0 auto; } .no-webkit #top-nav .quick-search button { text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); } .no-webkit #top-nav .quick-search.focus button { text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.4); } #top-nav { background: white; position: fixed; width: 100%; z-index: 10; height: 89px; } #top-nav .quick-search { border: 1px solid #c1c1c1; line-height: 16px; line-height: 1.6rem; position: relative; } #top-nav .quick-search input { padding-right: 21px; width: 130px; } #top-nav .quick-search .btn-search { position: absolute; top: -1px; right: -1px; height: 22px; width: 22px; line-height: 14px; line-height: 1.4rem; font-size: 14px; font-size: 1.4rem; } #top-nav .quick-search .btn-search.replace-icon { text-indent: -9999999px; filter: none; background: url("../images/icons.png") no-repeat 0 0; } #top-nav .quick-search.focus .btn-search.replace-icon { text-indent: -9999999px; filter: none; background: url("../images/icons.png") no-repeat -22px 0; } #top-nav .tools { border: 0; height: 35px; left: 122px; margin-bottom: -35px; position: relative; z-index: 5; } #top-nav .tools .container { margin-left: 2.1875%; margin-right: 2.1875%; overflow: hidden; width: 95.625%; } #top-nav .tools #tools { left: -122px; position: relative; } #top-nav .tools #mobile-logo { display: none; } #top-nav .tools-menu { display: inline-block; position: relative; z-index: 999; } #top-nav .tools-menu a { color: #c71444; font-size: 11px; font-size: 1.1rem; color: #666666; margin-right: 12px; display: inline; } #top-nav .tools-menu a:hover { color: #c71444; } #top-nav .tools-menu a:hover span { text-decoration: underline; } #top-nav .tools-menu a:hover:after { content: "\2192"; font-size: 8px; font-size: 0.8rem; line-height: 10px; line-height: 1rem; color: #c71444; font-weight: normal; } #top-nav .tools-menu a:hover { margin-right: 0; } #top-nav .tools-menu a:hover span { text-decoration: underline; } #top-nav .tools-menu a:hover:after { text-decoration: none; width: 9px; display: inline-block; margin-left: 3px; } #top-nav .tools-menu li { border: 0; padding: 10px 5px 0; height: auto; } #top-nav .tools-menu li.open a { color: black; } #top-nav .tools-menu li.open a:hover { color: #c71444; } #top-nav .tools-menu .find-a-dealer, #top-nav .tools-menu .request-a-brochure, #top-nav .tools-menu .quick-search { display: block; } #top-nav .tools-menu .search .small-title { display: none; } #top-nav .tools-menu .sub-nav-toggle { display: none; } #top-nav .banner { border-bottom: 1px solid #e4e4e4; display: block; height: 88px; position: relative; left: 0; top: 0; z-index: 3; -webkit-transition: background-color 600ms ease; -moz-transition: background-color 600ms ease; -ms-transition: background-color 600ms ease; transition: background-color 600ms ease; } #top-nav .banner .nav-wrapper { height: 88px; } #top-nav .banner.stuck {} #top-nav .banner .container { overflow: visible; } #top-nav .banner .topContainer { height: 88px; overflow: visible; display: block; } #top-nav .banner .topContainer .grid_12 { overflow: visible; } #top-nav .cutoff { position: absolute; width: 100%; height: 40px; background: white; } #top-nav #logo { float: left; height: 120px; left: 1px; position: absolute; overflow: hidden; width: 100px; vertical-align: bottom; top: 15px; top: 0; } #top-nav #logo a { background: url("../images/nav/logo.png") no-repeat 0 0; display: block; height: 120px; text-indent: -9999999px; } #top-nav #nav { left: 230px; overflow: hidden; position: absolute; text-transform: uppercase; top: 57px; } #top-nav #nav span { color: black; cursor: pointer; float: left; margin: 0 25px 0 0; } #top-nav #nav span a:after { color: #c1c1c1; content: "\2193"; font-family: "icons"; margin-left: 6px; font-size: 9px; font-size: 0.9rem; font-weight: normal; } #top-nav #nav span.open a, #top-nav #nav span.open a:visited { color: #c71444; } #top-nav #nav span.open a:after { color: #c71444; content: "\2191"; font-weight: normal; } #top-nav #nav a { font-size: 14px; font-weight: bold; color: #666; text-decoration: none; font-family: "NissanAGBoldRegular", Verdana, Geneva, sans-serif; -webkit-transition: color 0.2s ease; -moz-transition: color 0.2s ease; -ms-transition: color 0.2s ease; transition: color 0.2s ease; } #top-nav #nav a.active { color: #c71444; } #top-nav #nav a.active:after { color: #c71444; content: "\2193"; font-family: "icons"; margin-left: 6px; } #top-nav #nav a:hover { color: #c71444; -moz-transition: none !important; -webkit-transition: none !important; -o-transition: color 0 ease-in !important; transition: none !important; } #top-nav #nav a:hover:after { color: #c71444; } #top-nav .nav-wrapper { position: relative; z-index: 7; } #top-nav .sub-nav-wrapper { position: relative; z-index: 6; } #top-nav #sub-nav { position: relative; z-index: 999; width: auto; margin: 0; overflow: visible; } #top-nav #sub-nav.open { overflow: visible; -webkit-box-shadow: 0; -moz-box-shadow: 0; box-shadow: 0; } #top-nav #sub-nav-list { left: 0; height: 0; position: absolute; top: 1px; width: 100%; visibility: hidden; -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3); background-image: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(white)); background-image: -webkit-linear-gradient(#f0f0f0 0%, white 100%); background-image: -moz-linear-gradient(#f0f0f0 0%, white 100%); background-image: -o-linear-gradient(top, #f0f0f0 0%, white 100%); /* Opera 11.10+ */ background-image: -ms-linear-gradient(top, #f0f0f0 0%, white 100%); /* IE10+ */ background-image: linear-gradient(top, #f0f0f0 0%, white 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f0f0f0', endColorStr='white',GradientType=0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); /*li .menu { padding-top: 19px; // conform to style guidelines }*/ } #top-nav #sub-nav-list li { padding-top: 0; } #top-nav #sub-nav-list li:first-child { padding-top: 0; } #top-nav #sub-nav-list.disable-animation { -moz-transition: none !important; -webkit-transition: none !important; -o-transition: color 0 ease-in !important; transition: none !important; } #top-nav #sub-nav-list.loaded { visibility: visible; } #top-nav #sub-nav-list .container { margin-left: 2.1875%; margin-right: 2.1875%; width: 95.625%; } #top-nav #sub-nav-list .acc-header { border-top: 0; padding: 0; } #top-nav #sub-nav-list ul > li { overflow: hidden; clear: both; } #top-nav #sub-nav-list header h1 { display: none; } #top-nav #sub-nav-list .menu { padding: 0; font-size: 11px; font-size: 1.1rem; line-height: 15.6px; line-height: 1.56rem; } #top-nav #sub-nav-list .menu.open { border: 0; padding: 0; } #top-nav #sub-nav-list .menu header h2 { font-size: 18px; font-size: 1.8rem; line-height: 18px; line-height: 1.8rem; } #top-nav #sub-nav-list .menu .offers { display: none; } #top-nav #sub-nav-list .menu #range-menu-list .offers { display: block; margin-top: 10px; font-size: 12px; font-size: 1.2rem; } #top-nav #sub-nav-list .menu.disable-anim { -moz-transition: none !important; -webkit-transition: none !important; -o-transition: color 0 ease-in !important; transition: none !important; } #top-nav .menu { display: block; } #top-nav #range-menu-list { display: block; float: left; margin-bottom: 35px; margin-top: 35px; width: 25.238744884%; a: hover; a-color: #c71444; a-position: relative; } #top-nav #range-menu-list a, #top-nav #range-menu-list a:visited { color: #4c4c4c; text-transform: uppercase; } #top-nav #range-menu-list a { display: block; font-family: "NissanAGBoldRegular", Verdana, Geneva, sans-serif; padding: 32px 0; font-size: 18px; font-size: 1.8rem; line-height: 18px; line-height: 1.8rem; } #top-nav #range-menu-list .active { margin: -34px 0; background: url("../images/nav/menu_active_tail.png") no-repeat top left; } #top-nav #range-menu-list .active a { background: url("../images/nav/menu_active.png") no-repeat top right; color: #c71444; position: relative; margin-left: 115px; text-indent: -115px; } #top-nav #range-menu-list li, #top-nav #range-menu-list .active:first-child { margin: 0 0 -34px; } /*#top-nav #range-menu-list .active:nth-child(2) { margin: -34px 0 0; }*/ #top-nav #range-cars { float: left; margin: 33px 0 40px; overflow: visible; white-space: normal; width: 74.380165289%; -webkit-overflow-scrolling: auto; } #top-nav #range-cars li { margin: 0 2.737226277%; width: 27.12895377%; display: none; } #top-nav #range-cars li.disable-anim { -moz-transition: none !important; -webkit-transition: none !important; -o-transition: color 0 ease-in !important; transition: none !important; } #top-nav #range-cars li .car-wrapper { margin: 0; } #top-nav #range-cars li .car-title, #top-nav #range-cars li .car-price { margin: 0 7px; } #top-nav #range-cars li .car-title { font-size: 24px; font-size: 2.4rem; line-height: 20px; line-height: 2rem; } #top-nav #range-cars li .car-price { font-size: 12px; font-size: 1.2rem; line-height: 15px; line-height: 1.5rem; } #top-nav #range-cars li.passenger { display: inline-block; } #top-nav .topics { margin: 58px 0; overflow: hidden; } #top-nav .topics > div:first-child { padding-top: 0; } #top-nav .topics .grid_2 { width: 23.69281%; float: left; } #top-nav .topics .grid_3, #top-nav .topics #main #home .small-promo, #main #home #top-nav .topics .small-promo, #top-nav .topics #main #home .med-promo, #main #home #top-nav .topics .med-promo { width: 23.69281%; } #top-nav .topics .grid_6, #top-nav .topics article.dealer .dealerContact, article.dealer #top-nav .topics .dealerContact, #top-nav .topics article.dealer .dealerMap, article.dealer #top-nav .topics .dealerMap, #top-nav .topics #main #home .lrg-promo, #main #home #top-nav .topics .lrg-promo, #top-nav .topics section.social .s-provider.grid_3, section.social #top-nav .topics .s-provider.grid_3, #top-nav .topics section.social #main #home .s-provider.small-promo, section.social #main #home #top-nav .topics .s-provider.small-promo, #top-nav .topics #main #home section.social .s-provider.small-promo, #main #home section.social #top-nav .topics .s-provider.small-promo, #top-nav .topics section.social #main #home .s-provider.med-promo, section.social #main #home #top-nav .topics .s-provider.med-promo, #top-nav .topics #main #home section.social .s-provider.med-promo, #main #home section.social #top-nav .topics .s-provider.med-promo { width: 40.35947712%; } #top-nav .topics li { margin: 0 0 11px; } #top-nav .topics .link-list { margin-top: 0; padding-left: 18px; padding: 0 0 0 18px; border-bottom: none; border-left: 1px solid #E1E1E1; } #top-nav .topics .link-list li:last-child { margin-bottom: 0; } #top-nav .topics .link-list a { font-size: 11px; font-size: 1.1rem; line-height: 11px; line-height: 1.1rem; color: #c71444; font-size: 11px; font-size: 1.1rem; color: #666666; } #top-nav .topics .link-list a:hover { color: #c71444; } #top-nav .topics .link-list a:hover span { text-decoration: underline; } #top-nav .topics .link-list a:hover:after { content: "\2192"; font-size: 8px; font-size: 0.8rem; line-height: 10px; line-height: 1rem; color: #c71444; font-weight: normal; } #top-nav .topics .grid_2:first-child .link-list { padding-left: 0; border-left: none; } #top-nav .topics .promo-box { border-left: 4px solid #c71444; display: block; padding-left: 1.625%; float: right; } #top-nav .topics .promo-box span { color: #4c4c4c; display: block; font-family: "NissanAGBoldRegular", Verdana, Geneva, sans-serif; margin-bottom: 2px; text-transform: uppercase; font-size: 12px; font-size: 1.2rem; line-height: 18px; line-height: 1.8rem; } #top-nav .topics .promo-box p { font-family: Verdana, Geneva, sans-serif; margin: 0; display: block; font-size: 11px; font-size: 1.1rem; } #top-nav #sub-nav-list .menu header h2 { color: #8a8a8a; } #top-nav #sub-nav-list .menu .topics .promo-box a { display: block; } #top-nav #sub-nav-list .menu .topics .promo-box a:after { margin: 0; } #top-nav #sub-nav-list .menu .topics .promo-box a:hover { display: block; margin-right: 15px; } #top-nav #sub-nav-list .menu .topics .promo-box a:hover header span { text-decoration: none; } #top-nav #sub-nav-list .menu .topics .promo-box a:hover header h2 { color: #c71444; } #top-nav #sub-nav-list .menu .topics .promo-box a:hover header h2:after { content: "\2192"; font-size: 15px; font-size: 1.5rem; line-height: 10px; line-height: 1rem; color: #c71444; font-weight: normal; } #top-nav #sub-nav-list .menu .topics .promo-box a:hover p { color: #666666; margin: 0; } #top-nav #sub-nav-list .menu .topics .promo-box a:hover:after { content: ""; margin: 0; } #top-nav #sub-nav-list .menu .topics .promo-box .promo-box-body { margin-bottom: 15px; } #top-nav #top-nav #sub-nav-list .menu h2 { margin: 0 0 10px; } #top-nav .promo-box-img { display: none; } #top-nav .tools-drawer { display: none; } #top-nav .sub-nav-footer, #top-nav .sub-nav-footer.open { display: none; } body.hide-content { background: white; } body.hide-content #main, body.hide-content #mainFooter { display: block; } body.hide-content #root-wrapper { padding-bottom: 0; } .opacity #top-nav #sub-nav-list .menu { -moz-opacity: 0; -webkit-opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${IEOpacity})"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: opacity 0.6s ease 0.3s; -moz-transition: opacity 0.6s ease 0.3s; -ms-transition: opacity 0.6s ease 0.3s; transition: opacity 0.6s ease 0.3s; } .opacity #top-nav #sub-nav-list .menu.open { -moz-opacity: 1; -webkit-opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${IEOpacity})"; filter: alpha(opacity=100); opacity: 1; } .opacity #top-nav #sub-nav-list .menu.disable-anim { -moz-transition: none !important; -webkit-transition: none !important; -o-transition: color 0 ease-in !important; transition: none !important; } .opacity #top-nav #range-cars li { -moz-opacity: 0; -webkit-opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${IEOpacity})"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: opacity 0.4s ease; -moz-transition: opacity 0.4s ease; -ms-transition: opacity 0.4s ease; transition: opacity 0.4s ease; } .opacity #top-nav #range-cars li.passenger { -moz-opacity: 1; -webkit-opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${IEOpacity})"; filter: alpha(opacity=100); opacity: 1; } #buffer { height: 135px; } @media screen and (-webkit-min-device-pixel-ratio: 2), screen and (max-moz-device-pixel-ratio: 2) { #top-nav #logo a { background: url("../images/nav/logo-retina.gif") no-repeat top left; background-size: 83px 102px; } } #rootWrapper.noCutoff .cutoff { display: none; } #rootWrapper.noCutoff #main { padding-top: 83px; } .no-touch #mainFooter header.acc-header a:hover:after { line-height: 10px; line-height: 1rem; content: "\2192"; } #mainFooter { margin-top: 0; border-top: 1px solid #e2e2e2; } #mainFooter.pushFooter { position: relative; bottom: 0; left: 0; width: 100%; } #mainFooter .container { width: 95.625%; margin-left: 2.1875%; margin-right: 2.1875%; overflow: hidden; overflow: visible; position: relative; } #mainFooter h4 { padding-top: 18px; } #mainFooter div.header { border-top: none; padding: 5px 20px 5px 0; } #mainFooter a:hover div.title:after { content: "\2192"; font-size: 8px; font-size: 0.8rem; line-height: 10px; line-height: 1rem; color: #c71444; font-weight: normal; } #mainFooter article a:hover .title { color: #c71444; } #mainFooter article .feature-link { color: #c71444; font-size: 11px; font-size: 1.1rem; padding-top: 10px; } #mainFooter article .feature-link:hover { color: #c71444; } #mainFooter article .feature-link:hover span { text-decoration: underline; } #mainFooter article .feature-link:hover:after { content: "\2192"; font-size: 8px; font-size: 0.8rem; line-height: 10px; line-height: 1rem; color: #c71444; font-weight: normal; } #mainFooter article div.title { font-weight: bold; padding-top: 0; } #mainFooter article div.title:after { width: 9px; display: inline; content: "..."; color: #F9F9F9; white-space: nowrap; } #mainFooter article div.title, #mainFooter article span { color: #666666; padding-right: 5px; display: block; } #mainFooter .grid_2 { width: 23.69281%; float: left; } #mainFooter .menu { display: block; padding: 10px 0 0 0; } #mainFooter .gen-text-links a { color: #c71444; font-size: 11px; font-size: 1.1rem; } #mainFooter .gen-text-links a:hover { color: #c71444; } #mainFooter .gen-text-links a:hover span { text-decoration: underline; } #mainFooter .gen-text-links a:hover:after { content: "\2192"; font-size: 8px; font-size: 0.8rem; line-height: 10px; line-height: 1rem; color: #c71444; font-weight: normal; } #mainFooter .footerBlocks { background: #F9F9F9; padding-bottom: 30px; } #mainFooter .footerBlocks ul { padding-bottom: 10px; } #mainFooter .footerBlocks ul > li .wrapper { display: inline-block; width: 100%; } #mainFooter .related { background: white; border-top: 1px solid #e2e2e2; padding-top: 20px; padding-bottom: 20px; height: 20px; font-size: 11px; font-size: 1.1rem; } #mainFooter .related .right { float: right; } #mainFooter .related .left { float: left; } #mainFooter .related .related-links li { float: left; border-bottom: none; } #mainFooter .related .related-links li:before { color: #343434; content: " | "; padding: 0 10px; } #mainFooter .related .related-links li:first-child:before { content: ""; } #mainFooter .related .related-links a { color: #c71444; font-size: 11px; font-size: 1.1rem; color: #666666; margin-right: 12px; display: inline; color: #343434; font-family: "NissanAGMediumRegular", Verdana, Geneva, sans-serif; text-transform: uppercase; margin-left: 12px; white-space: nowrap; /*@include std-link(); // Resetting std-link &:hover span.icon { text-decoration: none; } &:hover { margin: 0 1px 0 0; } display: inline; padding: 0 5px; margin: 0 14px 0 0;*/ } #mainFooter .related .related-links a:hover { color: #c71444; } #mainFooter .related .related-links a:hover span { text-decoration: underline; } #mainFooter .related .related-links a:hover:after { content: "\2192"; font-size: 8px; font-size: 0.8rem; line-height: 10px; line-height: 1rem; color: #c71444; font-weight: normal; } #mainFooter .related .related-links a:hover { margin-right: 0; } #mainFooter .related .related-links a:hover span { text-decoration: underline; } #mainFooter .related .related-links a:hover:after { text-decoration: none; width: 9px; display: inline-block; margin-left: 3px; } #mainFooter .related .related-links a.facebook { color: #c71444; font-size: 11px; font-size: 1.1rem; color: #666666; margin-right: 12px; display: inline; border-top: none; padding: 0 0 0 27px; /*margin: 0 13px 0 0;*/ position: relative; color: #343434; /*&:hover { margin-right: 0; }*/ } #mainFooter .related .related-links a.facebook:hover { color: #c71444; } #mainFooter .related .related-links a.facebook:hover span { text-decoration: underline; } #mainFooter .related .related-links a.facebook:hover:after { content: "\2192"; font-size: 8px; font-size: 0.8rem; line-height: 10px; line-height: 1rem; color: #c71444; font-weight: normal; } #mainFooter .related .related-links a.facebook:hover { margin-right: 0; } #mainFooter .related .related-links a.facebook:hover span { text-decoration: underline; } #mainFooter .related .related-links a.facebook:hover:after { text-decoration: none; width: 9px; display: inline-block; margin-left: 3px; } #mainFooter .related .related-links a.facebook:before { top: -8px; left: 0; font-size: 20px; font-size: 2rem; } #mainFooter .related .related-links span { display: inline; margin: 0 5px 0 0; } #mainFooter .language-selector { display: inline-block; border-top: none; padding-right: 5px; padding-left: 1px; } #mainFooter .language-selector .text-link-up .icon { padding-left: 1px; } #mainFooter .language-selector .show-language, #mainFooter .language-selector .hide-language { display: block; } #mainFooter .language-selector .show-language:hover, #mainFooter .language-selector .hide-language:hover { color: #c71444; } #mainFooter .language-selector .show-language { outline: none; } #mainFooter .language-selector .hide-language { color: #c71444; } #mainFooter .selected-language:before, #mainFooter .hide-language div:before { font-size: 20px; font-size: 2rem; } #mainFooter .selected-language:before { top: -9px; } #mainFooter .language-options { position: absolute; bottom: 0; left: -20px; background: white; border: 1px solid #e2e2e2; margin-bottom: 18px; border-bottom: none; padding: 20px 20px 0 20px; -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; -ms-transition: all 0.35s ease; transition: all 0.35s ease; } #mainFooter .language-options ul { zoom: 1; margin-bottom: -40px; background: white; padding-left: 26px; } #mainFooter .language-options ul a { font: Verdana, Geneva, sans-serif; color: #666666; text-transform: uppercase; } #mainFooter .language-options ul a:hover { color: #c71444; } #mainFooter .language-options ul a:hover:after { content: "\2192"; font-size: 8px; font-size: 0.8rem; line-height: 10px; line-height: 1rem; color: #c71444; font-weight: normal; } #mainFooter .language-options li { padding: 10px 0 0 0; } #mainFooter .language-options li:first-child a:before { content: ""; } #mainFooter .language-options.show { -webkit-transition: bottom 0.35s ease; -moz-transition: bottom 0.35s ease; -ms-transition: bottom 0.35s ease; transition: bottom 0.35s ease; } #mainFooter .language-options .text-link-down:after { float: none; } #mainFooter .language-options .select-language { display: inline; } #mainFooter .language-options .current-language { display: none; } #mainFooter a.hide-language, #mainFooter a.show-language { color: #343434; font-family: "NissanAGMediumRegular", Verdana, Geneva, sans-serif; text-transform: uppercase; } #mainFooter .globe { font-size: 17px; font-size: 1.7rem; } .android #mainFooter .footerBlocks ul > li .wrapper { position: static; } .android #mainFooter .footerBlocks ul > li .wrapper a { position: static; } html:lang(th) #mainFooter .hide-language .select-language { position: relative; top: -1px; } table tbody th { height: 48px; } table.simpleTable thead th { width: auto; width: 215px; padding-left: 25px; } table.simpleTable th { width: auto; min-width: 215px; padding-left: 25px; } table.simpleTable td { width: auto; min-width: 215px; padding-left: 25px; } table.simpleTable th, table.simpleTable td { white-space: pre-wrap; font-family: Verdana, Geneva, sans-serif; width: 215px; min-width: 215px; } table tbody tr.totals th { white-space: pre-wrap; height: 30px; } .tickbox { height: 13px; width: 13px; display: inline-block; vertical-align: middle; margin-right: 10px; background: url("../images/form-sprite.png") no-repeat 0 0; } .tickbox.checked { background-position: 0 -14px; } /* Input text boxes */ input { height: 20px; width: 177px; font-size: 11px; } .optionalPlaceholder { height: 20px; width: 159px; margin-left: 100px; height: 20px; width: 177px; font-size: 11px; line-height: 22px; } #findADealerForm .grid_3, #findADealerForm #main #home .small-promo, #main #home #findADealerForm .small-promo, #findADealerForm #main #home .med-promo, #main #home #findADealerForm .med-promo { width: 23.69281%; float: left; } #findADealerForm .cityDropdown { margin-top: 0; margin-bottom: 0; } .requestForm .grid_4 { width: 48.69281046%; float: left; margin-bottom: 20px; } .requestForm header.legend { clear: both; } hr.grid_11 { width: 90.35947712%; float: left; } .carSelectorWrapper { overflow: hidden; } ul.carSelector { white-space: normal; } ul.carSelector .carSelect { width: 23.69281%; margin-left: 0.64%; margin-right: 0.64%; float: left; } ul.carSelector .carSelect:nth-child(4n+1) { clear: left; } ul.carSelector .carSelect .car-title { font-size: 24px; font-size: 2.4rem; line-height: 20px; line-height: 2rem; } ul.carSelector .carSelect .car-title, ul.carSelector .carSelect .car-price { margin-left: 18px; } .carModels header.hidden { display: block; } #selectBrochureForm .brochuresSelected.active { display: none; } #testDriveForm { padding: 0; } #testDriveForm .formInput { margin: 0 18px; } #testDriveForm header i { display: none; } #testDriveForm .dealerMap { height: 240px; } #testDriveForm .dealerSelected .dealerContact { height: 240px; } #testDriveForm .thanks { overflow: hidden; border-bottom: 1px dotted #ccc; padding-bottom: 20px; } #testDriveForm .carModels .addSecond { margin-top: 0; } #selectBrochureForm .dropdown, #testDriveForm .dropdown { margin: 1px; } #selectBrochureForm .dropDownContainer, #testDriveForm .dropDownContainer { width: 183px; float: left; } #selectBrochureForm .dropDownContainer .overlay, #testDriveForm .dropDownContainer .overlay { background-position: right 9px; height: 23px; line-height: 23px; } #selectBrochureForm .dropDownContainer .dropDown select, #testDriveForm .dropDownContainer .dropDown select { height: 23px; line-height: 24px; } #selectBrochureForm .dealerListing .dropDownContainer, #testDriveForm .dealerListing .dropDownContainer { width: auto; min-width: 183px; } #selectBrochureForm section.thanks .confirmation, #testDriveForm section.thanks .confirmation { width: 32.02614379%; float: left; border-bottom: none; margin-bottom: 0; padding-top: 0; margin-right: 50px; } #selectBrochureForm section.thanks .confirmation h4, #testDriveForm section.thanks .confirmation h4 { margin-left: 0; } #selectBrochureForm section.thanks #whatsNext, #testDriveForm section.thanks #whatsNext { float: left; width: 57.02614379%; margin-left: 0.64%; border-left: 4px solid #c71444; padding-left: 9px; } #selectBrochureForm section.thanks #whatsNext li, #testDriveForm section.thanks #whatsNext li { float: left; width: 48.69281046%; margin-left: 0.64%; margin-right: 0.64%; } #selectBrochureForm section.thanks #whatsNext li strong, #testDriveForm section.thanks #whatsNext li strong { font-size: 15px; } #selectBrochureForm section.thanks #whatsNext li:nth-child(3), #testDriveForm section.thanks #whatsNext li:nth-child(3) { clear: left; } #selectBrochureForm section.thanks #whatsNext li:nth-child(3), #selectBrochureForm section.thanks #whatsNext li:nth-child(4), #testDriveForm section.thanks #whatsNext li:nth-child(3), #testDriveForm section.thanks #whatsNext li:nth-child(4) { margin-bottom: 0; } #selectBrochureForm .emailOffers, #testDriveForm .emailOffers { margin-left: 100px; width: 200px; } #selectBrochureForm .emailOffers label, #testDriveForm .emailOffers label { width: 170px; } .formInput { font-size: 11px; } .formInput label { display: block; width: 100px; float: left; text-align: left; } .formInput .errorMsg { margin-left: 100px; } .formInput .checkboxContainer { width: auto; } .formInput .checkboxContainer strong { float: left; width: 100px; } .formInput .checkboxContainer ul { float: left; width: 190px; } .formInput .indicator { float: left; width: 13px; height: 10px; margin-left: 15px; margin-top: 7px; } .formInput .error .indicator { background: url("../images/form-sprite.png") no-repeat 0 -39px; } .formInput .valid .indicator { background: url("../images/form-sprite.png") no-repeat 0 -28px; } .formInput input ::-webkit-input-placeholder { /* WebKit browsers */ color: white; } .formInput input :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: white; } .formInput input ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: white; } .formInput input :-ms-input-placeholder { /* Internet Explorer 10+ */ color: white; } .dealers .totalResults { margin-top: 0; padding-top: 20px; padding-bottom: 0; text-align: right; } .dealers .grid_9 { width: 73.69281046%; } .dealers .grid_3, .dealers #main #home .small-promo, #main #home .dealers .small-promo, .dealers #main #home .med-promo, #main #home .dealers .med-promo { width: 23.69281%; } article.dealer .dealerContact, article.dealer .dealerMap { width: 48.69281046%; float: left; } article.dealer .dealerContact { margin-right: 0; padding-right: 0.64%; } article.dealer .dealerMap { margin-left: 0; padding-left: 0.64%; } article.dealer header div { line-height: 3.4em; } #sidenavLayout { margin-top: 0; } section .accordion article .left { padding-top: 5px; width: auto; } section .accordion article .expand img { width: auto; } section .accordion article header:after { top: 5px; font-size: 9px; font-size: 0.9rem; } /* aftersales top level template * used in * Parts Price Comparison home * Accessories home * Maintenance Costs home */ .modelSelector { margin-bottom: 20px; } .modelSelector .speechBubble { position: absolute; top: 26px; right: 0; height: 33px; } .vehicleDetails > .grid_3:nth-child(3n), #main #home .vehicleDetails > .small-promo:nth-child(3n), #main #home .vehicleDetails > .med-promo:nth-child(3n) { clear: none; } .vehicleDetails > .grid_3:nth-child(3n+2), #main #home .vehicleDetails > .small-promo:nth-child(3n+2), #main #home .vehicleDetails > .med-promo:nth-child(3n+2) { clear: left; } /* aftersales top level template * used in * Parts Price Comparison home * Accessories home * Maintenance Costs home */ #sidenavLayout .grid_9 h1 { margin-top: 20px; } #offerListing .filters .grid_3, #offerListing .filters #main #home .small-promo, #main #home #offerListing .filters .small-promo, #offerListing .filters #main #home .med-promo, #main #home #offerListing .filters .med-promo { width: 48.69281046%; float: left; margin-bottom: 10px; } #offerDetails .grid_6, #offerDetails article.dealer .dealerContact, article.dealer #offerDetails .dealerContact, #offerDetails article.dealer .dealerMap, article.dealer #offerDetails .dealerMap, #offerDetails #main #home .lrg-promo, #main #home #offerDetails .lrg-promo, #offerDetails section.social .s-provider.grid_3, section.social #offerDetails .s-provider.grid_3, #offerDetails section.social #main #home .s-provider.small-promo, section.social #main #home #offerDetails .s-provider.small-promo, #offerDetails #main #home section.social .s-provider.small-promo, #main #home section.social #offerDetails .s-provider.small-promo, #offerDetails section.social #main #home .s-provider.med-promo, section.social #main #home #offerDetails .s-provider.med-promo, #offerDetails #main #home section.social .s-provider.med-promo, #main #home section.social #offerDetails .s-provider.med-promo { width: 98.69281%; float: left; } #offerDetails .relatedResults { overflow: hidden; clear: both; } #offerDetails .relatedResults h3 { padding-bottom: 15px; } #offerDetails .relatedResults .grid_3, #offerDetails .relatedResults #main #home .small-promo, #main #home #offerDetails .relatedResults .small-promo, #offerDetails .relatedResults #main #home .med-promo, #main #home #offerDetails .relatedResults .med-promo { width: 98.69281%; float: left; } #offerDetails .relatedResults .grid_3 .mediumTile, #offerDetails .relatedResults #main #home .small-promo .mediumTile, #main #home #offerDetails .relatedResults .small-promo .mediumTile, #offerDetails .relatedResults #main #home .med-promo .mediumTile, #main #home #offerDetails .relatedResults .med-promo .mediumTile { width: 23.69281%; float: left; margin-right: 0; padding-right: 0.64%; } .threeCol { clear: both; overflow: hidden; padding-top: 20px; } .threeCol .wrapper { padding-right: 20px; padding-top: 20px; } .threeCol .grid_3, .threeCol #main #home .small-promo, #main #home .threeCol .small-promo, .threeCol #main #home .med-promo, #main #home .threeCol .med-promo { width: 32.02614379%; float: left; } .smallTile .grid_2 { width: 23.69281%; float: left; } .smallTile .grid_7 { position: static; width: 73.69281046%; } .smallTile .moreInfo { padding-left: 0; } .mediumTile .grid_3, .mediumTile #main #home .small-promo, #main #home .mediumTile .small-promo, .mediumTile #main #home .med-promo, #main #home .mediumTile .med-promo { width: 32.02614379%; float: left; } .mediumTile .details { margin-bottom: 20px; } .mediumTile .wrapper { padding: 0 5px; } .mediumTile h3 { height: 3.1em; overflow: hidden; } #articleListing .mediumTile .meta, #articleListing .mediumTile .details { font-size: 11px; font-size: 1.1rem; } #articleListing a:hover div.textButton:after { content: "\2192"; font-size: 8px; font-size: 0.8rem; line-height: 10px; line-height: 1rem; color: #c71444; font-weight: normal; } .mediumImage { clear: both; overflow: hidden; } .mediumImage .grid_3, .mediumImage #main #home .small-promo, #main #home .mediumImage .small-promo, .mediumImage #main #home .med-promo, #main #home .mediumImage .med-promo { width: 32.02614379%; float: left; } .mediumImage .grid_6, .mediumImage article.dealer .dealerContact, article.dealer .mediumImage .dealerContact, .mediumImage article.dealer .dealerMap, article.dealer .mediumImage .dealerMap, .mediumImage #main #home .lrg-promo, #main #home .mediumImage .lrg-promo, .mediumImage section.social .s-provider.grid_3, section.social .mediumImage .s-provider.grid_3, .mediumImage section.social #main #home .s-provider.small-promo, section.social #main #home .mediumImage .s-provider.small-promo, .mediumImage #main #home section.social .s-provider.small-promo, #main #home section.social .mediumImage .s-provider.small-promo, .mediumImage section.social #main #home .s-provider.med-promo, section.social #main #home .mediumImage .s-provider.med-promo, .mediumImage #main #home section.social .s-provider.med-promo, #main #home section.social .mediumImage .s-provider.med-promo { width: 65.35947712%; } .mediumImage img { width: 100%; } .mediumImage header { overflow: hidden; cursor: pointer; position: relative; padding-bottom: 10px; } .mediumImage header h3 { padding-top: 4; padding-bottom: 0; } .mediumImage header.empty { cursor: default; } .mediumImage header .textButton { display: none; padding-top: 3px; } .mediumImage header.open .textButton.open { display: block; } .mediumImage header.close .textButton.close { display: block; } .mediumImage .textContainer { /*line-height: 20px; line-height: 2rem;*/ overflow: hidden; -webkit-transition: height 0.5s ease-in-out; -moz-transition: height 0.5s ease-in-out; -ms-transition: height 0.5s ease-in-out; transition: height 0.5s ease-in-out; margin-bottom: 10px; } .mediumImage .textContainer a { color: #c71444; font-size: 11px; font-size: 1.1rem; } .mediumImage .textContainer a:hover { color: #c71444; } .mediumImage .textContainer a:hover span { text-decoration: underline; } .mediumImage .textContainer a:hover:after { content: "\2192"; font-size: 8px; font-size: 0.8rem; line-height: 10px; line-height: 1rem; color: #c71444; font-weight: normal; } .grid_9 .mediumImage .grid_3, .grid_9 .mediumImage #main #home .small-promo, #main #home .grid_9 .mediumImage .small-promo, .grid_9 .mediumImage #main #home .med-promo, #main #home .grid_9 .mediumImage .med-promo { margin-left: 0; } .grid_9 .mediumImage .grid_6, .grid_9 .mediumImage article.dealer .dealerContact, article.dealer .grid_9 .mediumImage .dealerContact, .grid_9 .mediumImage article.dealer .dealerMap, article.dealer .grid_9 .mediumImage .dealerMap, .grid_9 .mediumImage #main #home .lrg-promo, #main #home .grid_9 .mediumImage .lrg-promo, .grid_9 .mediumImage section.social .s-provider.grid_3, section.social .grid_9 .mediumImage .s-provider.grid_3, .grid_9 .mediumImage section.social #main #home .s-provider.small-promo, section.social #main #home .grid_9 .mediumImage .s-provider.small-promo, .grid_9 .mediumImage #main #home section.social .s-provider.small-promo, #main #home section.social .grid_9 .mediumImage .s-provider.small-promo, .grid_9 .mediumImage section.social #main #home .s-provider.med-promo, section.social #main #home .grid_9 .mediumImage .s-provider.med-promo, .grid_9 .mediumImage #main #home section.social .s-provider.med-promo, #main #home section.social .grid_9 .mediumImage .s-provider.med-promo { margin-right: 0; } .accessory-container .grid_3:nth-child(3n+1), .accessory-container #main #home .small-promo:nth-child(3n+1), #main #home .accessory-container .small-promo:nth-child(3n+1), .accessory-container #main #home .med-promo:nth-child(3n+1), #main #home .accessory-container .med-promo:nth-child(3n+1) { margin-left: 0; clear: left; } .accessory-container .grid_3:nth-child(3n), .accessory-container #main #home .small-promo:nth-child(3n), #main #home .accessory-container .small-promo:nth-child(3n), .accessory-container #main #home .med-promo:nth-child(3n), #main #home .accessory-container .med-promo:nth-child(3n) { margin-right: 0; } .accessory-container .grid_3, .accessory-container #main #home .small-promo, #main #home .accessory-container .small-promo, .accessory-container #main #home .med-promo, #main #home .accessory-container .med-promo { float: left; width: 32.02614379%; } .accessory figcaption { height: 2.6em; } .no-touch #main #hero section .next { right: 10px; } .no-touch #main #hero section .prev { left: 10px; } .no-touch #main #hero section .next, .no-touch #main #hero section .prev { top: 25px; } .no-touch #main #hero section article .details { margin-left: 0; margin-right: 0; } #buffer.home { height: 125px; } #buffer.home .grid_12 { margin-left: 0.625%; margin-right: 0.625%; height: 135px; } #buffer.home .container { margin-left: 2.1875%; margin-right: 2.1875%; } #main #home { margin-top: -20px; } #main #home h2 { padding-bottom: 5px; margin-bottom: 14px; margin-right: 13px; } #main #home .med-promos { overflow: visible; } #main #home .small-promo { width: 23.69281%; clear: none; float: left; border-bottom: 1px solid #DDD; } #main #home .small-promo img { width: 100%; margin: 0; float: none; } #main #home .med-promo { width: 23.69281%; float: left; } #main #home .lrg-promo { width: 48.69281046%; float: left; float: left; } #main #home .lrg-promo header { padding-top: 0; } #main #home .lrg-promo a, #main #home .med-promo a { padding-bottom: 11px; } #main #home .lrg-promo .mediumWrapper div, #main #home .lrg-promo .largeWrapper span, #main #home .med-promo .mediumWrapper div, #main #home .med-promo .largeWrapper span { padding-top: 0; line-height: 14px; line-height: 1.4rem; } #main #home .small-promo { padding-bottom: 14px; } #main #home .small-promo div { line-height: 14px; line-height: 1.4rem; } #main #home .small-promo .smallWrapper { float: none; width: auto; margin: 0; } #main #home .small-promo .smallWrapper header, #main #home .small-promo .smallWrapper div { padding-left: 0; } #main #home .small-promo .smallWrapper header { padding-top: 5px; padding-bottom: 0; } #main #home .small-promo .smallWrapper div { padding-top: 3px; line-height: 14px; line-height: 1.4rem; } #main #home section.spotlight { overflow: hidden; padding-bottom: 10px; padding-top: 0; } #main #home section.latest { overflow: hidden; clear: both; border-bottom: none; padding-bottom: 15px; } #main #hero { margin-left: 2.7%; margin-right: 2.7%; } #main #hero section.grid_12 { margin: 0; } #main #hero section .panelWrapper header { top: 0; } #main #hero section .panelList { padding-top: 0; height: 260px; background: none; margin-left: 0.625%; } #main #hero section article .hero-img { height: 100%; } #main #hero section article .hero-img:before { content: ""; height: 100%; } #main #hero section article .hero-img img { width: 98%; } #main #hero section article .hero-img:before, #main #hero section article .hero-img img { display: inline-block; vertical-align: middle; } #main #hero section article h1 { text-indent: -0.2rem; } #main #hero section article header, #main #hero section article h1 { display: block; } #main #hero section article .details { padding-left: 0; height: 100%; margin-left: 2.1875%; margin-right: -2.1875%; } #main #hero section article .details:before { content: ""; height: 100%; } #main #hero section article .details .wrapper { width: 99%; padding-bottom: 40px; } #main #hero section article .details .wrapper .intro { width: 80%; padding-bottom: 5px; } #main #hero section article .details:before, #main #hero section article .details .wrapper { display: inline-block; vertical-align: middle; } #main #hero section article .details, #main #hero section article .hero-img { float: left; } #main #hero section article .details { width: 55%; } #main #hero section article .hero-img { width: 45%; } #main #hero section article.offer footer { font-family: Verdana, Geneva, sans-serif; font-size: 10px; font-size: 1rem; text-transform: none; position: absolute; bottom: 20px; display: block; } #main #hero section article.offer footer.mobile { display: none; } #main #hero section article.offer ul li:first-child { border-bottom: none; } .touch #main #hero { width: 100%; margin-left: 0; margin-right: 0; } html:lang(th) section.social .s-provider header { font-size: 13px; font-size: 1.3rem; } section.social { overflow: visible; position: relative; top: -34px; padding-top: 10px; padding-bottom: 10px; margin-top: 0; } section.social .container { overflow: visible; } section.social .wrapper { max-width: 960px; overflow: visible; margin: 0 auto; } section.social .s-wrapper .grid_10, section.social .s-wrapper .grid_2 { height: 50px; } section.social .s-wrapper .grid_10, section.social .s-wrapper .grid_2 { height: 50px; } section.social .s-provider { border-bottom: none; padding: 10px 0; margin-bottom: 0; } section.social .s-provider img { width: auto; height: 100%; } section.social .s-provider .s-action { bottom: -4px; } section.social .s-provider.grid_3, section.social #main #home .s-provider.small-promo, #main #home section.social .s-provider.small-promo, section.social #main #home .s-provider.med-promo, #main #home section.social .s-provider.med-promo { width: 32%; float: left; float: left; overflow: visible; } section.social .s-provider .details { margin: 0 0 0 60px; height: 50px; } section.social .s-provider .s-action { bottom: -2px; } section.social .s-provider .s-action img { height: auto; } section.social .s-provider header { top: 2px; } section.social a .social-button span { margin-bottom: 5px; background-position: 4px 2px; margin-top: 0; } section.social .logo { height: 50px; width: 50px; float: left; } section.social .twitter header { top: 2px; } section.social .twitter .s-action { bottom: 1px; } section.social .facebook header { top: 2px; } section.social .facebook .s-action { bottom: 3px; } section.social .google header { top: 2px; } section.social .google .s-action { bottom: 0; } .bullet-pagination { top: -47px; } #main { padding-bottom: 20px; } body { font-size: 11px; font-size: 1.1rem; } /*#main { margin: 0 auto; padding-bottom: ($footerMediumHeight + $footerGapAbove)*1px; }*/ hr.tall { margin-top: 5px; margin-bottom: 15px; } h1 span { margin-left: 4px; } .container { width: 95.625%; margin-left: 2.1875%; margin-right: 2.1875%; overflow: hidden; } /* Photo Sizes */ #pulsarCampaign.parallax { position: fixed; top: 84px; left: 0; height: 100%; overflow: hidden; } #pulsarCampaign.parallax .instablocks, #pulsarCampaign.parallax .lockup, #pulsarCampaign.parallax .instablock { position: relative; } #pulsarCampaign.parallax .instablocks { padding-bottom: 400px; } #pulsarCampaign .backgroundWrapper { position: relative; } #pulsarCampaign .backgroundWrapper .lockupBackground { background: url("../images/campaigns/pulsar/bg_lockup.png") no-repeat top center; position: absolute; left: 0; top: 0; width: 100%; height: 788px; z-index: 0; display: block; } #pulsarCampaign .container { padding-bottom: 71px; } #pulsarCampaign .lockup { height: 788px; } #pulsarCampaign .lockup .topbit { margin: 20px auto 0; width: 622px; overflow: hidden; } #pulsarCampaign .lockup .copy { font-size: 11px; width: 350px; float: left; position: relative; z-index: 1; } #pulsarCampaign .lockup .copy h2 { font-size: 40px; letter-spacing: -2px; line-height: 0.8em; } #pulsarCampaign .lockup .copy h3 { font-size: 15px; line-height: 1.7em; } #pulsarCampaign .lockup .ctas a { margin-bottom: 0; } #pulsarCampaign .lockup .floaties { float: left; overflow: hidden; width: 265px; margin-top: 50px; } #pulsarCampaign .lockup .floaties li { float: right; width: 120px; height: 120px; background-color: black; margin: 4px; position: relative; } #pulsarCampaign .lockup .floaties li img { width: 120px; height: 120px; } #pulsarCampaign .lockup .floaties .tag { margin-top: 75px; margin-left: 0; clear: left; } #pulsarCampaign .lockup .floaties .win { margin-top: -66px; margin-right: 34px; width: 90px; height: 90px; } #pulsarCampaign .lockup .floaties .win img { width: 90px; height: 90px; } #pulsarCampaign .lockup .hero, #pulsarCampaign .lockup .heroReflect { top: 0; margin: 0 auto; width: 622px; height: 417px; } #pulsarCampaign .lockup .hero img, #pulsarCampaign .lockup .heroReflect img { width: 100%; height: auto; } #pulsarCampaign .lockup .heroReflect { margin-top: -80px; } #pulsarCampaign .lockup .hero { margin-top: -417px; position: relative; z-index: 2; } #pulsarCampaign .instafilters { top: 235px; width: 224px; margin-top: 0; margin-left: 0; } #pulsarCampaign .instafilters.hidden { top: -25px; } #pulsarCampaign .instafilters.active.hidden { top: -200px; } #pulsarCampaign .instafilters.active li, #pulsarCampaign .instafilters li.active { height: 40px; } #pulsarCampaign .instafilters.active .search, #pulsarCampaign .instafilters .search.active { border-top: 3px dotted #c71444; height: 76px; } #pulsarCampaign .instafilters ul .search input, #pulsarCampaign .instafilters ul .search input.loading { background-position: 95% center; } #pulsarCampaign #instafeed { margin-top: -312px; } #pulsarCampaign .instablocks.flatGrid { width: 615px; margin: 0 auto; padding-top: 30px; } #pulsarCampaign .instablocks.flatGrid.winners { width: 495px; } #pulsarCampaign .rowLarge { height: 308px; } #pulsarCampaign .rowMedium { height: 230px; } #pulsarCampaign .blockLeft { width: 50%; float: left; } #pulsarCampaign .blockLeft .photo { float: right; } #pulsarCampaign .blockRight { width: 50%; float: left; } #pulsarCampaign .blockRight .photo { float: left; } #pulsarCampaign .photo { margin: 8px; } #pulsarCampaign .photo.small { width: 188px; height: 188px; } #pulsarCampaign .photo.medium { width: 230px; height: 230px; } #pulsarCampaign .photo.large { width: 300px; height: 300px; } #pulsarCampaign .photo img { width: 100%; height: auto; } #pulsarCampaign .photo.small .user { width: 81px; background: #1c1c1c; -webkit-transition: width 300ms ease-in-out; -moz-transition: width 300ms ease-in-out; -ms-transition: width 300ms ease-in-out; transition: width 300ms ease-in-out; cursor: pointer; padding: 0; } #pulsarCampaign .photo.small .user i { float: left; width: 44px; height: 24px; margin-left: 15px; margin-top: 8px; background: url("../images/campaigns/pulsar/instaicons.png") no-repeat 0 -17px; -webkit-transition: width 300ms ease-in-out; -moz-transition: width 300ms ease-in-out; -ms-transition: width 300ms ease-in-out; transition: width 300ms ease-in-out; } #pulsarCampaign .photo.small .user span { width: 0; float: left; overflow: hidden; margin-top: 11px; -webkit-transition: width 300ms ease-in-out; -moz-transition: width 300ms ease-in-out; -ms-transition: width 300ms ease-in-out; transition: width 300ms ease-in-out; } #pulsarCampaign .photo.small .user.expanded { width: 187px; display: block; } #pulsarCampaign .photo.small .user.expanded i { width: 35px; } #pulsarCampaign .photo.small .user.expanded span { width: 136px; } #pulsarCampaign .photo.medium .user { width: 104px; } #pulsarCampaign .photo.large .user { width: 174px; } #pulsarCampaign .rowLFaceLeft div:nth-child(2) { clear: right; } #pulsarCampaign .rowLFaceRight div:nth-child(2) { clear: left; } #pulsarCampaign .flatGrid .clearfix:after { content: ""; clear: none !important; } #pulsarCampaign .flatGrid .blockLeft, #pulsarCampaign .flatGrid .blockRight { float: none; width: auto; } #pulsarCampaign .flatGrid .row { float: none; width: auto; height: auto; } #pulsarCampaign .flatGrid .photo { float: left; clear: none !important; } #pulsarCampaign .instafooter .roof { display: none; overflow: hidden; } #pulsarCampaign .instafooter .roof img { float: right; width: 80%; } #pulsarCampaign .instafooter .sticky { height: 71px; } #pulsarCampaign .instafooter .sticky.hidden { bottom: -71px; } #pulsarCampaign .instafooter .sticky .container { padding: 23px 0; } #pulsarCampaign .instafooter h2, #pulsarCampaign .instafooter h3 { float: left; } #pulsarCampaign .instafooter h3 { display: none; } #pulsarCampaign .instafooter strong { display: inline; margin-right: 8px; } #pulsarCampaign .instafooter h2 { position: static; } #pulsarCampaign .instafooter h2, #pulsarCampaign .instafooter strong { font-size: 20px; color: white; text-transform: uppercase; } #pulsarCampaign .instafooter h3, #pulsarCampaign .instafooter .schedule li { color: #666666; margin-left: 8px; } #pulsarCampaign .instafooter .schedule { float: right; } #pulsarCampaign .instafooter .schedule li { border-left: 1px dotted white; padding-left: 20px; padding-right: 20px; } #pulsarCampaign .instafooter .schedule .viewAll { display: inline-block; border-left: none; position: relative; top: -4px; } .pulsarOverlay header h1 { font-size: 28px; line-height: 65px; } .pulsarOverlay header .overlayClose { right: 18px; top: 25px; } .pulsarOverlay p { font-size: 11px; } .pulsarOverlay .overlayBlock { overflow: hidden; } .pulsarOverlay .overlayBlock img { width: 45%; height: auto; float: left; } .pulsarOverlay .overlayBlock div { width: 47%; float: left; padding: 15px; } .pulsarOverlay .overlayTextBlock { clear: both; } .button.twoLines { display: inline-block; float: right; } .button.twoLines a { font-size: 17px; font-size: 1.7rem; line-height: 17px; line-height: 1.7rem; padding-right: 50px; } .button.twoLines span, .button.twoLines small { font-size: 11px; font-size: 1.1rem; line-height: 11px; line-height: 1.1rem; } .buttons-get-brochures { display: inline-block; float: right; width: auto; margin-left: 10px; } .buttons-get-brochures .options { clear: both; width: 320px; float: right; } .buttons-get-brochures .options .button { margin:0; } .buttons-get-brochures .options li { width: 137px; } .buttons-get-brochures .options li.close { width: 46px; } .buttons-get-brochures .options li.close a { font-size: 17px; } #main section.vlp-dl, #main section.vlp-features, #main section.vlp-versions { padding-bottom: 10px; } #main section.vlp-dl:first-child > header, #main section.vlp-features:first-child > header, #main section.vlp-versions:first-child > header { margin: 10px 0 0 0; } #main section.vlp-dl > header, #main section.vlp-features > header, #main section.vlp-versions > header { margin-bottom: 30px; margin-top: 30px; } #main section.vlp-dl > header > h2, #main section.vlp-features > header > h2, #main section.vlp-versions > header > h2 { padding: 0; margin: 0; } #main section.vlp-dl.vlp-features, #main section.vlp-features.vlp-features, #main section.vlp-versions.vlp-features { padding-bottom: 10px; } #main section.vlp-dl.vlp-versions, #main section.vlp-features.vlp-versions, #main section.vlp-versions.vlp-versions { padding-bottom: 0; } #main section.vlp-dl.vlp-versions > header, #main section.vlp-features.vlp-versions > header, #main section.vlp-versions.vlp-versions > header { margin: 30px 0; } #main .vlp-dl { margin-top: 40px; } #main .vlp-dl section { border-bottom: none; } #main .vlp-dl #dealer-locator { padding-top: 0; } #main .vlp-dl #dealer-locator legend { padding-top: 0; } #main .vlp-dl #dealer-locator #dealer-results { margin-left: 0.64%; } #vlp-versions { width: 94.345%; margin-left: 2.8275%; margin-right: 2.8275%; overflow: hidden; margin-bottom: 0; margin-top: 0; } #vlp-versions header { border-bottom: 1px dashed #c1c1c1; padding-bottom: 5px; margin-left: 0; margin-right: 0; overflow: hidden; } #vlp-versions header .available, #vlp-versions header .price-range { display: none; } #vlp-versions header .links { display: block; } #vlp-versions header h2 { float: left; margin-top: 0; margin-left: 0; margin-right: 0; } #vlp-versions header .links { float: right; margin-bottom: 0; margin-top: 5px; font-size: 12px; font-size: 1.2rem; line-height: 12px; line-height: 1.2rem; position: relative; top: 2px; } #vlp-versions header .links a { display: inline-block; margin-left: 15px; margin-bottom: 0; } #vlp-versions header .links .finance-link { margin-bottom: 0; } #vlp-versions .collapsible { height: auto; margin: 0; position: relative; } #vlp-versions .collapsible .links { display: none; } #vlp-versions .version-panels { width: 100%; overflow: hidden; margin-bottom: 0; } #vlp-versions .version-item { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 32%; float: left; margin: 0 1%; } #vlp-versions .version-item .title strong { font-size: 34px; font-size: 3.4rem; line-height: 34px; line-height: 3.4rem; } #vlp-versions .version-item .title small { font-size: 10px; font-size: 1rem; line-height: 10px; line-height: 1rem; } #vlp-versions .version-item .title .price { font-size: 24px; font-size: 2.4rem; line-height: 24px; line-height: 2.4rem; } #vlp-versions .version-item .stats { font-size: 11px; font-size: 1.1rem; } #vlp-versions .version-item .stats b { font-size: 15px; font-size: 1.5rem; } #vlp-versions .version-item .blocklist { font-size: 11px; font-size: 1.1rem; } #vlp-versions .version-item:first-child { margin-left: 0; } #vlp-versions .version-item:last-child { margin-right: 0; } #vlp-versions .version-item .view-version { display: none; } #vlp-versions .bullet-pagination { display: block; } #vlp-versions .bullet-pagination { top: 0; } #vlp-versions .dottedDivider { display: none; } .no-touch #vlp-versions .next, .no-touch #vlp-versions .prev { font-size: 25px; font-size: 2.5rem; line-height: 170px; line-height: 17rem; -moz-opacity: 0; -webkit-opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${IEOpacity})"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; display: block; height: 170px; width: 37px; position: absolute; color: #4c4c4c; top: 69px; text-align: center; } .no-touch #vlp-versions .next span, .no-touch #vlp-versions .prev span { display: block; cursor: pointer; background: #c1c1c1; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .no-touch #vlp-versions .next:hover, .no-touch #vlp-versions .prev:hover { -moz-opacity: 0.5; -webkit-opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${IEOpacity})"; filter: alpha(opacity=50); opacity: 0.5; } .no-touch #vlp-versions .next.hide, .no-touch #vlp-versions .prev.hide { display: none; } .no-touch #vlp-versions .next { right: 0; padding-left: 25%; } .no-touch #vlp-versions .prev { left: 0; padding-right: 25%; } #main .vlp-features { width: 94.345%; margin-left: 2.8275%; margin-right: 2.8275%; overflow: hidden; margin-bottom: 0; padding-bottom: 20px; } #main .vlp-features .expand-section { display: none; } #main .vlp-features header { border-bottom: 1px dashed #c1c1c1; padding-bottom: 5px; margin-left: 0; margin-right: 0; } #main .vlp-features header .available, #main .vlp-features header .price-range { display: none; } #main .vlp-features header .links { display: block; } #main .vlp-features header h2 { float: left; margin-top: 0; } #main .vlp-features header h2.expanded:before { display: none; } #main .vlp-features header .links { float: right; margin-bottom: 0; margin-top: 4px; font-size: 12px; font-size: 1.2rem; line-height: 12px; line-height: 1.2rem; } #main .vlp-features header .links a { display: inline-block; margin-left: 15px; } #main .vlp-features .gallery-container { margin-bottom: 15px; border-bottom: none; } #main .vlp-features .gallery-container .bullet-pagination { margin: 5px auto 10px auto; opacity: 1; height: auto; } #main .vlp-features .gallery-container .bullet-pagination li { padding: 3px; } #main .vlp-features .feature-panels-container .bullet-pagination li { padding-top: 20px; padding-left: 3px; padding-right: 3px; } #main .vlp-features .collapsible { height: auto; } #main .vlp-features .collapsible .links { display: none; } #main .vlp-features .feature-panels { width: 100%; } #main .vlp-features .feature-panels-container { position: relative; margin-bottom: 0; } #main .vlp-features .feature-item { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 32%; margin: 0 1%; float: left; } #main .vlp-features .feature-item a:hover .link { color: #c71444; } #main .vlp-features .feature-item a:hover .link:after { content: "\2192"; font-size: 8px; font-size: 0.8rem; line-height: 10px; line-height: 1rem; color: #c71444; font-weight: normal; } #main .vlp-features .feature-item:nth-child(2) { width: 32%; } #main .vlp-features .feature-item .feature-item-title { display: none; } #main .vlp-features .feature-item .collapsible { margin: 0; } #main .vlp-features .feature-item .collapsible:after { display: none; } #main .vlp-features .feature-item:first-child { margin-left: 0; } #main .vlp-features .feature-item:nth-child(3) { margin-right: 0; } #main .vlp-features .feature-item .feature-text { padding: 20px; font-size: 11px; font-size: 1.1rem; line-height: 16px; line-height: 1.6rem; } #main .vlp-features .feature-item .feature-text strong { font-size: 20px; font-size: 2rem; line-height: 20px; line-height: 2rem; } #main .vlp-features .feature-item:first-child { margin-left: 0; } #main .vlp-features .feature-item:last-child { margin-right: 0; } #main .vlp-features .feature-item .view-version { display: none; } #main .vlp-features .feature-item:last-child { border-bottom: none; } #main .vlp-features .bullet-pagination, #main .vlp-features .next, #main .vlp-features .prev { display: block; } #main .vlp-features .bullet-pagination.hide, #main .vlp-features .next.hide, #main .vlp-features .prev.hide { display: none; } #main .vlp-features .bullet-pagination { top: 0; } #main .vlp-features .bullet-pagination { min-height: 20px; } #main .vlp-features .gallery-container .bullet-pagination { min-height: auto; } #main .vlp-features .button.twoLines, #main .vlp-features .buttons-get-brochures { margin: 0 0 0 20px; } #main .vlp-features .button.twoLines.reveal, #main .vlp-features .buttons-get-brochures.reveal { margin-top: 0; margin-left: 0; } #main .vlp-features .dottedDivider { display: none; } .no-touch .vlp-features .next, .no-touch .vlp-features .prev { font-size: 25px; font-size: 2.5rem; line-height: 170px; line-height: 17rem; -moz-opacity: 0; -webkit-opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${IEOpacity})"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; display: block; height: 170px; width: 37px; position: absolute; color: #4c4c4c; top: 69px; text-align: center; } .no-touch .vlp-overlay .vlp-features-overlay .nextArrow, .no-touch .vlp-overlay .vlp-features-overlay .prevArrow { font-size: 25px; font-size: 2.5rem; line-height: 170px; line-height: 17rem; -moz-opacity: 0; -webkit-opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${IEOpacity})"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; display: block; height: 170px; width: 37px; position: absolute; color: #4c4c4c; top: 69px; text-align: center; z-index: 9999;} .no-touch .vlp-features .next span, .no-touch .vlp-features .prev span, .no-touch .vlp-overlay .vlp-features-overlay .nextArrow span, .no-touch .vlp-overlay .vlp-features-overlay .prevArrow span { display: block; cursor: pointer; background: #eeeeee; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .no-touch .vlp-features .next:hover, .no-touch .vlp-features .prev:hover, .no-touch .vlp-overlay .vlp-features-overlay .nextArrow:hover, .no-touch .vlp-overlay .vlp-features-overlay .prevArrow:hover { -moz-opacity: 0.5; -webkit-opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${IEOpacity})"; filter: alpha(opacity=50); opacity: 0.5; } .no-touch .vlp-features .next.hide, .no-touch .vlp-features .prev.hide, .no-touch .vlp-overlay .vlp-features-overlay .nextArrow.hide, .no-touch .vlp-overlay .vlp-features-overlay .prevArrow.hide { display: none; } .no-touch .vlp-features .next, .no-touch .vlp-overlay .vlp-features-overlay .nextArrow { right: 0; padding-left: 8%; } .no-touch .vlp-features .prev, .no-touch .vlp-overlay .vlp-features-overlay .prevArrow { left: 0; padding-right: 8%; } .no-touch .vlp-overlay .vlp-features-overlay .nextArrow, .no-touch .vlp-overlay .vlp-features-overlay .prevArrow { top: 35%; } .no-touch .vlp-features .gallery-container .next, .no-touch .vlp-features .gallery-container .prev { top: 48%; margin-top: -124px; } .no-touch .vlp-features .feature-panels-container .next, .no-touch .vlp-features .feature-panels-container .prev { top: 12%; line-height: 100px; line-height: 10rem; width: 25px; } .vlp-overlay .article-container { float: left; width: 90%; background: white; padding-bottom: 10px; } .vlp-overlay .article-container .headline-image { font-size: 13px; font-size: 1.3rem; } .vlp-overlay .article-container.thin { width: 50%; } .vlp-overlay #overlay-content { overflow-y: scroll; overflow-x: hidden; } .vlp-overlay .sidebars { width: 50%; height: 100%; background: #eeeeee; float: left; } .vlp-overlay .sidebars .sidebars-w { border-left: 1px solid #c1c1c1; border-right: 1px solid #c1c1c1; overflow: hidden; } .vlp-overlay .sidebars .sidebars-w.one-col ul li { display: none; } .vlp-overlay .sidebars .sidebars-w.one-col ul li.selected { display: block; width: 100%; } .vlp-overlay .sidebars .sidebars-w.one-col ul li.selected:after { border-right: none; } .vlp-overlay .sidebars .sidebars-w > ul { display: block; overflow: hidden; border-bottom: 4px solid #c71444; background: white; text-align: center; font-family: "NissanAGBoldRegular", Verdana, Geneva, sans-serif; font-size: 20px; font-size: 2rem; line-height: 50px; line-height: 5rem; height: 50px; text-transform: uppercase; color: #343434; } .vlp-overlay .sidebars .sidebars-w > ul li { cursor: pointer; float: left; width: 50%; position: relative; } .vlp-overlay .sidebars .sidebars-w > ul li:hover { color: #c71444; } .vlp-overlay .sidebars .sidebars-w > ul li:first-child:after { border-right: 1px solid #c1c1c1; content: ""; display: block; position: absolute; top: 0; right: 1px; height: 50px; } .vlp-overlay .sidebars .sidebars-w > ul li.selected { color: #c71444; } .vlp-overlay .side-features { border-bottom: 1px solid #c1c1c1; } .vlp-overlay .sidebar { display: none; } .vlp-overlay .sidebar.active { display: block; } .vlp-overlay section > header { overflow: hidden; height: 30px; /* ul li { &.nextFeature a, &.prevFeature a { opacity: 1; width: auto; } &.prevFeature:before, &.nextFeature:before { content: ""; } &.active { border-right: 1px solid $NissanGrey5; border-left: 1px solid $NissanGrey5; } }*/ } .vlp-overlay section > header h2 { font-size: 20px; font-size: 2rem; } .vlp-overlay section > header ul li.nextFeature, .vlp-overlay section > header ul li.prevFeature { height: 20px; } .vlp-overlay section > header ul li.nextFeature:before, .vlp-overlay section > header ul li.prevFeature:before { top: -3px; } .vlp-overlay section > header ul li.active { font-size: 20px; font-size: 2rem; margin: 0 10px; top: 0; } .vlp-overlay section > header h2 { line-height: 34px; } .vlp-overlay section > header .nav { height: 40px; top: auto; } .vlp-overlay section > header .vlp-social { width: 35px; height: 35px; } .vlp-overlay section > header .vlp-social .share-toggle, .vlp-overlay section > header .vlp-social .sn a { width: 35px; height: 35px; margin: 0; } .vlp-overlay section > header .vlp-social .share-toggle { font-size: 20px; line-height: 36px; } .vlp-overlay section > header .overlay-close { text-align: center; width: 40px; height: 40px; line-height: 40px; font-size: 14px; } .vlp-features-overlay > header { position: static; } .vlp-features-overlay .overlay-content { margin-top: 0; } .vlp-features-overlay .article-container { float: left; width: 60%; } .vlp-features-overlay .article-container.thin { width: 50%; } .vlp-features-overlay .sidebar { float: left; width: 40%; } .vlp-features-overlay .sidebar.thin { width: 100%; } .vlp-features-overlay .article-container { font-size: 40px; font-size: 4rem; line-height: 32px; line-height: 3.2rem; } .vlp-features-overlay .article-container header, .vlp-features-overlay .article-container p { width: 90%; } .vlp-features-overlay .article-container header h1 { width: 100%; } .vlp-features-overlay .article-container .intro { font-size: 13px; font-size: 1.3rem; line-height: 16px; line-height: 1.6rem; } .vlp-features-overlay .article-container p { font-size: 11px; font-size: 1.1rem; line-height: 16px; line-height: 1.6rem; } .vlp-features-overlay .sidebar { background-color: white; position: static; bottom: auto; max-height: none; } .vlp-features-overlay .sidebar header h2, .vlp-features-overlay .sidebar strong, .vlp-features-overlay .sidebar p { margin: 16px; } .vlp-features-overlay .sidebar header { margin: 0; display: none; border-top: none; border-bottom: 3px solid #c71444; } .vlp-features-overlay .sidebar header h2 { margin-top: 50px; color: black; } .vlp-features-overlay .sidebar .side-feature-item-title { display: none; } .vlp-features-overlay .sidebar .collapsible { height: auto; } .vlp-features-overlay .sidebar .item { background-color: #eeeeee; } .vlp-features-overlay .sidebar .item strong { font-size: 18px; font-size: 1.8rem; line-height: 16px; line-height: 1.6rem; } .vlp-features-overlay .sidebar .item p { font-size: 11px; font-size: 1.1rem; line-height: 16px; line-height: 1.6rem; } #vlp-hero { width: 94.345%; margin-left: 2.8275%; margin-right: 2.8275%; overflow: hidden; } #vlp-hero header { margin: 0; float: left; height: 150px; } #vlp-hero header .tout { font-size: 20px; font-size: 2rem; line-height: 20px; line-height: 2rem; letter-spacing: -1px; } #vlp-hero header h2 { font-size: 90px; line-height: 80px; letter-spacing: -4px; padding-right: 5px; } #vlp-hero header.long { width: 450px; } #vlp-hero header.long h2 { font-size: 60px; font-size: 6rem; line-height: 50px; line-height: 5rem; } #vlp-hero header .price { font-size: 30px; font-size: 3rem; line-height: 30px; line-height: 3rem; } #vlp-hero header .price.max { font-size: 20px; font-size: 2rem; line-height: 20px; line-height: 2.2rem; } #vlp-hero header .price { font-size: 20px; font-size: 2rem; line-height: 16px; line-height: 1.6rem; } #vlp-hero header .starting-price { font-size: 12px; font-size: 1.2rem; line-height: 10px; line-height: 1rem; } #vlp-hero .hero-content { position: relative; background: url("../images/vlp/hero-stage.jpg") no-repeat center 100%; background-size: 100% 167px; } #vlp-hero #colour-palette-poswrapper { position: relative; } #vlp-hero #colour-palette-container { max-height: 350px; } #vlp-hero .colour-picker { position: absolute; top: 0; right: 0; border-bottom: 1px dashed #999999; width: 110px; } #vlp-hero .colour-picker strong { margin-left: 0; margin-right: 0; margin-top: 10px; float: right; text-align: right; font-size: 12px; font-size: 1.2rem; line-height: 12px; line-height: 1.2rem; } #vlp-hero .colour-picker strong.hidden-medium { display: none; } #vlp-hero .colour-picker strong.hidden-small { display: block; } #vlp-hero .colour-picker .colour-palette { float: right; } #vlp-hero .colour-picker li { display: block; float: right; clear: both; width: 38px; height: 38px; } #vlp-hero .colour-picker li:first-child { margin-left: 0; margin-top: 20px; } #vlp-hero .colour-picker li:last-child { margin-right: 0; margin-bottom: 20px; } #vlp-hero .colour-picker .next, #vlp-hero .colour-picker .prev { display: none; } #vlp-hero .colour-picker .up, #vlp-hero .colour-picker .down { display: block; line-height: 16px; line-height: 1.6rem; height: 16px; width: 52px; right: 0; } #vlp-hero .colour-picker .up { top: 0; } #vlp-hero .colour-picker .down { bottom: 0; } #vlp-hero .stats { position: absolute; z-index: 2; top: 0; left: 0; width: 130px; margin: 0; margin-top: 180px; padding-top: 0; border-top: none; -moz-opacity: 0; -webkit-opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${IEOpacity})"; filter: alpha(opacity=0); opacity: 0; } #vlp-hero .stats ul { width: auto; } #vlp-hero .stats li { float: none; display: block; border-right: none; border-bottom: 1px dashed #999999; padding-right: 0; padding-top: 10px; padding-bottom: 10px; margin-right: 0; height: auto; margin-bottom: 0; width: auto; } #vlp-hero .stats li:first-child { border-top: 1px dashed #999999; } #vlp-hero .stats .small { font-size: 11px; font-size: 1.1rem; line-height: 11px; line-height: 1.1rem; } #vlp-hero .stats .medium { font-size: 15px; font-size: 1.5rem; line-height: 15px; line-height: 1.5rem; display: inline-block; } #vlp-hero .stats .large { font-size: 30px; font-size: 3rem; line-height: 30px; line-height: 3rem; display: inline-block; } #vlp-hero .stats.icons, #vlp-hero .stats.noIcons { -moz-opacity: 1; -webkit-opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=${IEOpacity})"; filter: alpha(opacity=100); opacity: 1; } #vlp-hero .stats.noIcons { width: 20%; max-width: 180px; margin-top: 190px; } #vlp-hero .stats.noIcons ul { width: auto; } #vlp-hero .stats.noIcons li { padding-left: 0; padding-top: 5px; padding-bottom: 5px; } #vlp-hero .stats.noIcons li i { display: none; } #vlp-hero .stats.noIcons li .small, #vlp-hero .stats.noIcons li .medium, #vlp-hero .stats.noIcons li .large { font-size: 12px; font-size: 1.2rem; line-height: 16px; line-height: 1.6rem; letter-spacing: 0; display: inline; } #vlp-hero .stats.icons { width: 20%; max-width: 180px; } #vlp-hero .hero-image-container { background: none; margin-left: 132px; margin-right: 55px; } #vlp-hero .hero-image-container .hero-image { position: relative; top: -40px; max-width: 630px; margin: 0 auto; } #vlp-hero .vlp-social { left: auto; } #vlp-hero .buttons-get-brochures { display: block; float: right; height: 47px; } #vlp-hero .buttons-get-brochures .options { top: -47px; } #vlp-hero .button.twoLines { display: block; float: right; margin: 0; } #vlp-hero .vlp-social, #vlp-hero .buttons-get-brochures, #vlp-hero .button.twoLines { position: relative; top: -10px; } #vlp-hero .buttons-get-brochures .button.twoLines { top: 0; } #vlp-hero .stats.icons i { display: block; } #vlp-hero .stats.icons ul { width: auto; height: auto; } #vlp-hero .stats.icons li { width: auto; height: auto !important; padding-left: 30px; padding-top: 10px; padding-bottom: 10px; } .touch #vlp-hero #colour-palette-container { max-height: 360px; } .vlp-nav { display: block; margin-top: 30px; background: #4c4c4c; border-bottom: 4px solid #c71444; } .vlp-nav.stuck { position: fixed; top: -1px; left: 0; width: 100%; z-index: 100; margin-top: 0; background: none; border-bottom: none; } .vlp-nav.stuck .wrapper { max-width: 960px; margin: 0 auto; position: relative; } .vlp-nav.stuck #overlay-logo { height: 100px; width: 100px; position: absolute; top: 0; left: 33px; cursor: pointer; } .vlp-nav.stuck .drawer { margin-left: 125px; height: 44px; background: #4c4c4c; padding: 0; padding-top: 45px; position: relative; } .vlp-nav.stuck ul { padding-top: 15px; } .vlp-nav.stuck li.up { display: inline; font-size: 24px; margin-top: -14px; position: relative; top: 5px; } .vlp-nav.stuck .ctas { display: block; position: absolute; top: 0; right: 30px; border-top: none; margin-top: 0; padding-top: 0; } .vlp-nav.stuck .ctas div.button:after { content: ""; } .vlp-nav.stuck .ctas div.button, .vlp-nav.stuck .ctas div.button a { height: auto; } .vlp-nav.stuck .ctas div.button a, .vlp-nav.stuck .ctas div.button span { font-size: 11px; font-size: 1.1rem; } .vlp-nav.stuck .ctas div.button a { padding: 1px 8px; white-space: nowrap; } .vlp-nav.stuck .ctas div.button span { display: inline; } .vlp-nav .selector { position: absolute; bottom: 0; left: 0; height: 10px; width: 2px; -webkit-transition: left 0.5s; -moz-transition: left 0.5s; -ms-transition: left 0.5s; transition: left 0.5s; color: #c71444; line-height: 17px; } .vlp-nav .selector:after { content: "\2c4"; font-size: 17px; } .vlp-nav .drawer { -webkit-transition: background-color 600ms ease; -moz-transition: background-color 600ms ease; -ms-transition: background-color 600ms ease; transition: background-color 600ms ease; display: block; position: relative; } .vlp-nav .drawer ul, .vlp-nav .drawer .selector { display: block; } .vlp-nav .top-title { display: none; } .vlp-nav ul { overflow: hidden; } .vlp-nav li { float: left; padding: 0 12px; font-size: 12px; font-size: 1.2rem; } .vlp-nav li.up:after { content: ""; border-right: 1px solid white; display: inline-block; padding-left: 20px; height: 20px; } .vlp-nav .button, .vlp-nav div.button + div.button { display: inline-block; } .vlp-nav .ctas { display: none; } .vlp-finance-overlay header .overlay-close { margin-top: -35px; } .vlp-finance-overlay .grid_5 { width: 40.35947712%; float: left; } .vlp-finance-overlay .grid_4 { width: 32.02614379%; margin-left: 0.64%; margin-right: 0.64%; float: left; } .vlp-finance-overlay h3 { color: #c71444; font-size: 18px; font-size: 1.8rem; font-family: "NissanAGBoldRegular", Verdana, Geneva, sans-serif; } .vlp-finance-overlay label { display: block; color: #666666; font-size: 11px; font-size: 1.1rem; } .vlp-finance-overlay label span { display: block; color: black; font-family: "NissanAGBoldRegular", Verdana, Geneva, sans-serif; font-size: 14px; font-size: 1.4rem; } .vlp-finance-overlay .dropDown, .vlp-finance-overlay .inputContainer { width: 180px; margin: 12px 0; } .vlp-finance-overlay .inputContainer input { height: 30px; } .vlp-finance-overlay .downpaymentContainer .downpaymentToggle { margin-bottom: 12px; } .vlp-finance-overlay .downpaymentContainer .downpaymentToggle fieldset.radios label { line-height: 14px; padding-left: 20px; } .vlp-finance-overlay .downpaymentContainer .downpaymentToggle fieldset.radios label input { width: 14px; height: 14px; } .vlp-finance-overlay .downpaymentContainer .downpaymentToggle fieldset.radios label:after { background: url(../images/icn-radio.png) no-repeat 0 0; width: 14px; height: 14px; } .vlp-finance-overlay .downpaymentContainer .downpaymentToggle fieldset.radios label.checked:after { background-position: -14px 0; } .vlp-finance-overlay .makeYourSelection { width: 45%; } .vlp-finance-overlay .makeYourSelection .wrapper { width: auto; margin: auto; padding-right: 60px; border-right: 3px solid #999999; padding-bottom: 15px; } .vlp-finance-overlay .makeYourSelection .wrapper > div { padding-top: 8px; border-bottom: 1px dotted #c1c1c1; } .vlp-finance-overlay .result { border: none; float: left; margin-left: 4%; width: 49%; } .vlp-finance-overlay .result .wrapper { border: none; padding: 0; } .vlp-finance-overlay .result .repayments { margin-top: 7px; margin-bottom: 24px; } .vlp-finance-overlay .result .repayments .repaymentsLabel { font-size: 18px; font-size: 1.8rem; } .vlp-finance-overlay .result .repayments #resultRepayments { font-size: 45px; font-size: 4.5rem; } .vlp-finance-overlay .result ul li { padding: 12px 0; } .vlp-next-steps { width: 94.345%; margin-left: 2.8275%; margin-right: 2.8275%; overflow: hidden; } .vlp-next-steps .button.twoLines { float: left; margin-right: 10px; } .vlp-next-steps .button.twoLines.reveal { margin-right: 0; } .vlp-next-steps .buttons-get-brochures { display: block; float: left; margin-left: 0; margin-right: 10px; } .vlp-next-steps .buttons-get-brochures .options { top: -57px; } .ie-8 #main .vlp-features header { border-bottom: 1px dashed #c1c1c1; padding-bottom: 5px; margin-left: 0; margin-right: 10px; overflow: hidden; } /*wangyu add it for socail share link 2014-09-28*/ .pull-left { float: left; } .pull-right { float: right; } /* Content Pane - Footer */ #footer { /*clear: both;*/ height: 50px; width:900px; margin-left:auto; margin-right:auto; position:relative; margin-top: 20px; background: #F9F9F9; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; } /* Removed for Bootstrap .footerPane { float: left; width: 136px; } .footerPane, .footerPane .Normal { color: #808080; } .footerPaneRight { float: right; } */ /* Empty Panes */ .DNNEmptyPane { width: 0; margin: 0; } .DNNEmptyPane.rightTwoCol + div { width: 100%; } /* Copyright -------------------------------------*/ #copyright { font-size: 12px; color: #a6a6a6; margin-bottom: 25px; margin-top: 15px; margin-right:30px; margin-left:30px; background: #F9F9F9; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; margin-top: 20px; height:40px; padding-top:20px; } #copyright a:link, #copyright a:visited { font-size: 12px; color: #a6a6a6; } #copyright a:hover { color: #D00; } #copyright a.DNNMobileLink { color: #666; font-weight: bold; } #copyright a.DNNMobileLink:hover { color: #D00; } #copyright .pull-right { text-align:right; }