/*.modelWrapper{ height:100% !important; overflow:hidden; min-height:100%;}*/ html { height: auto !important; } #loginForm, #oginForm * { font-size: 14px !important; line-height: 1.5em !important; } .modelWrapper3 { display: block; } .Fullscreen .fullscreenContentWrapper { padding-top: 70px; height: 100%; } .icon-googlePlus { background: url(/Content/resources/Images1/googlePlus.png) no-repeat; width: 50px; height: 50px; font-size: 0; display: block; -webkit-transition: background 400ms, color 400ms; -webkit-transition-delay: ease, ease; -moz-transition: background 400ms ease, color 400ms ease; -o-transition: background 400ms ease, color 400ms ease; transition: background 400ms ease, color 400ms ease; } .googlePlus:hover .icon-googlePlus { background: url(/Content/resources/Images1/googlePlusHover.png) no-repeat; } .instagram { background: url(/Content/resources/Images1/instagramIcon.jpg) no-repeat; width: 50px; height: 50px; font-size: 0; display: block; -webkit-transition: background 400ms, color 400ms; -webkit-transition-delay: ease, ease; -moz-transition: background 400ms ease, color 400ms ease; -o-transition: background 400ms ease, color 400ms ease; transition: background 400ms ease, color 400ms ease; } .instagramIcon:hover .instagram { background: url(/Content/resources/Images1/instagramIconHover.jpg) no-repeat; } .fiyatListesi { width: 80%; margin: 0 auto; } .ReadyToGoBar li:hover .servisRandevu { opacity: 0.6; } .servisRandevu { width: 55px; height: 55px; background: url(/Content/resources/images/servisRandevu.jpg) no-repeat; display: block; } .fiyatCenter { width: 800px; margin: auto; color: #444; text-align: left; } .fiyatCenter a { display: block !important; margin: auto; width: 164px; } .fiyatNot { font-size: 11px; } html.noScroll, html.noScroll body { position: absolute; top: 0; bottom: 0; width: 100%; overflow: hidden; } @font-face { font-family: "icons"; src: url("../public/fonts/icons/icons-826b1e41199f05ef38e5ce03a8ef6729.eot"); src: url("../public/fonts/icons/icons-826b1e41199f05ef38e5ce03a8ef6729d41d.eot?#iefix") format("embedded-opentype"), url("../public/fonts/icons/icons-826b1e41199f05ef38e5ce03a8ef6729.html") format("woff"), url("../public/fonts/icons/icons-826b1e41199f05ef38e5ce03a8ef6729.ttf") format("truetype"), url("../public/fonts/icons/icons-826b1e41199f05ef38e5ce03a8ef6729d41d.svg?#icons") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "Avenir LT W02 65 Medium"; src: url("fonts/724338/c7a58743-f241-4281-bfc0-f1df551cb37dd41d.eot?#iefix"); src: url("fonts/724338/c7a58743-f241-4281-bfc0-f1df551cb37dd41d.eot?#iefix") format("eot"),url("fonts/724338/b8db69f9-df9e-480f-9c1c-d76a1bb29a62.html") format("woff"),url("Fonts/724338/63753503-2f58-4a8b-91af-058e8f73a1b0.ttf") format("truetype"),url("fonts/724338/3cece34e-2cfb-4b8f-8a9c-04ec56d1e672.svg#3cece34e-2cfb-4b8f-8a9c-04ec56d1e672") format("svg"); } @font-face { font-family: "Avenir LT W02 55 Roman"; src: url("Fonts/724332/469ea7ce-bb40-478a-aa21-da079357c969d41d.eot?#iefix"); src: url("Fonts/724332/469ea7ce-bb40-478a-aa21-da079357c969d41d.eot?#iefix") format("eot"),url("Fonts/724332/5104d540-ac5c-442d-8581-1e9f4ecd37f0.html") format("woff"),url("Fonts/724332/6662a841-5b52-4af6-a868-6b43e3d7b263.ttf") format("truetype"),url("Fonts/724332/bfcb105e-6348-434a-ba7b-31cd4bb80da6.svg#bfcb105e-6348-434a-ba7b-31cd4bb80da6") format("svg"); } @font-face { font-family: "Avenir LT W02 95 Black"; src: url("fonts/724350/1f5c348e-e2a8-45d4-a78f-7f61d7bfd83dd41d.eot?#iefix"); src: url("fonts/724350/1f5c348e-e2a8-45d4-a78f-7f61d7bfd83dd41d.eot?#iefix") format("eot"),url("fonts/724350/0b86525a-9c26-4c1d-9abe-c05fd31ecf2e.html") format("woff"),url("fonts/724350/ea64e82f-5215-4e26-a15f-a6739e1c1020.ttf") format("truetype"),url("Fonts/724350/1cda1791-25c1-48d3-9056-3b04b763b592.svg#1cda1791-25c1-48d3-9056-3b04b763b592") format("svg"); } @font-face { font-family: "Avenir LT W02 85 Heavy"; src: url("fonts/724344/e9427e66-afa8-4ceb-bb31-7a970fb469ead41d.eot?#iefix"); src: url("fonts/724344/e9427e66-afa8-4ceb-bb31-7a970fb469ead41d.eot?#iefix") format("eot"),url("fonts/724344/748da442-9dd9-4a4d-8da0-b114e16e5d7f.html") format("woff"),url("Fonts/724344/6beeeb66-0b4e-4162-8788-8bf688b9829a.ttf") format("truetype"),url("Fonts/724344/8afe744b-89a2-4ae2-a88e-05c6882580f3.svg#8afe744b-89a2-4ae2-a88e-05c6882580f3") format("svg"); } .section { margin: 0 auto; width: 100%; min-width: 200px; overflow: hidden; } .el .section { width: 100%; } .el { position: relative; float: left; width: 100%; } body .container { padding: 0; position: relative; /*max-width: 2000px;*/ margin: 0 auto; } @media screen and (min-width:1px) and (max-width:740px) { .section { width: 96%; } .el .section { width: 100%; } } @media screen and (min-width:740px) and (max-width:899px) { .section { width: 100%; min-width: 320px; } .el .section { width: 100%; } body .el .el { left: 0; width: 100%; } } @media screen and (min-width:901px) { .el .section, .section { width: 100%; } } a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video { margin: 0; padding: 0; border: 0; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:after, blockquote:before, q:after, q:before { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } * { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .dark, .grey { background-color: #222; background-image: url(/Content/resources/images/texture-darkest-grey.png); background-repeat: repeat; } .dark .primaryHeader, .dark .primaryHeading, .dark .secondaryHeading, .dark .subHeading, .dark .subOverview, .dark .totals, .dark a, .dark h1, .dark h2, .dark h3, .dark h4, .grey .primaryHeader, .grey .primaryHeading, .grey .secondaryHeading, .grey .subHeading, .grey .subOverview, .grey .totals, .grey a, .grey h1, .grey h2, .grey h3, .grey h4 { color: #fff; } .grey { background-color: #393939; background-image: url(/Content/resources/images/texture-dark-grey.png); background-repeat: repeat; } .light, .no-js .lightWhenNoJS { background-color: #ddd; background-image: url(/Content/resources/images/texture-grey-mist.png); background-repeat: repeat; color: #333; } .light .primaryHeader, .light .primaryHeading, .light .secondaryHeading, .light .subHeading, .light .subOverview, .light .totals, .light a, .light h1, .light h2, .light h3, .light h4, .light p, .no-js .lightWhenNoJS .primaryHeader, .no-js .lightWhenNoJS .primaryHeading, .no-js .lightWhenNoJS .secondaryHeading, .no-js .lightWhenNoJS .subHeading, .no-js .lightWhenNoJS .subOverview, .no-js .lightWhenNoJS .totals, .no-js .lightWhenNoJS a, .no-js .lightWhenNoJS h1, .no-js .lightWhenNoJS h2, .no-js .lightWhenNoJS h3, .no-js .lightWhenNoJS h4, .no-js .lightWhenNoJS p { color: #222; } .light.ArticleQuote, .no-js .lightWhenNoJS.ArticleQuote { background: #fff; } #landrover .darkText, #landrover .darkText .price, #landrover .darkText .primaryHeader, #landrover .darkText .primaryHeading, #landrover .darkText .secondaryHeading, #landrover .darkText .subHeading, #landrover .darkText .subOverview, #landrover .darkText a, #landrover .darkText h1, #landrover .darkText h2, #landrover .darkText h3, #landrover .darkText h4, #landrover .darkText p { color: #393939; } body { font-family: Arial; font-size: 14px; letter-spacing: .02em; -webkit-text-size-adjust: none; } h1, h2, h3, h4, h5, h6, p { line-height: 1.4em; } h2 { font-family: lr_ot4, Arial, Helvetica, sans-serif; font-size: 36px; } h1.wideCentred, h2.wideCentred { font-family: lr_ot4, Arial, Helvetica, sans-serif; font-size: 30px; font-weight: 100; letter-spacing: .4em; text-align: center; margin: 0 auto; position: relative; left: 6px; line-height: 1.25; } h1.vehicleNameHeader, h2.vehicleNameHeader { font-weight: 500; } h1.avenir, h2.avenir { font-family: Arial; font-weight: 500; letter-spacing: .1em; font-size: 16px; } h1.primaryHeading, h2.primaryHeading { font-family: lr_ot4, Arial, Helvetica, sans-serif; font-size: 32px; line-height: 1.1em; letter-spacing: .15em; text-align: center; font-weight: 500; padding-bottom: 20px; } h1.secondaryHeading, h2.secondaryHeading { font-size: 32px; line-height: 1.1em; letter-spacing: .15em; padding-bottom: 20px; text-align: center; font-weight: 100; } h3 { font-family: lr_ot4, Arial, Helvetica, sans-serif; } h3.avenir { font-family: Arial; font-weight: 700; font-size: 14px; } h3, h4 { font-size: 32px; } .primaryHeader { font-family: lr_ot4, Arial, Helvetica, sans-serif; font-weight: 500; font-size: 48px; line-height: 1.1em; letter-spacing: .15em; } .subHeading { letter-spacing: .01em; } .subOverview { font-family: Arial; font-size: 20px; line-height: 1.5em; color: #c2c2c2; letter-spacing: .12em; } p { font-family: Arial; font-size: 11px; line-height: 1.5em; color: #878786; letter-spacing: .015em; } p.darkGrey { color: #393939; padding-bottom: 14px; } b { font-weight: 800; } small { font-size: 11px; } .vehicleTagline { font-size: 16px; margin: 0 auto 45px; max-width: 600px; } .bulletedList, .orderedList, .unorderedList { display: inline-block; margin: 20px 0 0 50px; line-height: 1.6; font-size: 16px; } .bulletedList:after, .orderedList:after, .unorderedList:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .bulletedList li, .orderedList li, .unorderedList li { padding-left: 10px; list-style-type: square; margin-bottom: 20px; } .orderedList { font-weight: 700; } .orderedList li { list-style-type: decimal; } .orderedList li strong { font-weight: 400; } dl { width: 100%; line-height: 1.6; } dl dd, dl dt { width: 100%; text-align: left; } dl dd { margin-bottom: 20px; } dl dd:last-child { margin-bottom: 0; } dl dt { font-weight: 800; } @media screen and (min-width:901px) { dd { width: 40%; } } ul.bullets { margin: 0 0 20px 40px; } ul.bullets li { line-height: 1.6; font-size: 14px; list-style-type: square; } .blockquote, blockquote { margin: 30px 0 20px 40px; font-size: 20px; line-height: 1.5em; letter-spacing: .05em; } sub, sup { font-size: .7em; position: relative; } sub { bottom: -2px; } sup { top: -2px; } .fontSmooth { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .smallPrint, .smallPrint p { font-size: 12px; color: #4E4E4E; line-height: 1.4; } #landrover .caveat { font-size: 12px; margin-top: 40px; } .disableHighlighting { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0,0,0,0); } @media screen and (min-width:1px) and (max-width:961px) { .primaryHeader { font-size: 30px; } } @media screen and (min-width:1px) and (max-width:740px) { h1.wideCentred, h2.wideCentred { font-size: 22px; letter-spacing: .3em; left: 0; } h1.primaryHeading, h1.secondaryHeading, h2.primaryHeading, h2.secondaryHeading { font-size: 24px; } .primaryHeader { font-size: 20px; } #landrover .caveat { font-size: 10px; } } .spriteFlag-AE { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -3478px; width: 30px; height: 22px; } .spriteFlag-AF { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -1894px; width: 30px; height: 22px; } .spriteFlag-AG { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -24px; width: 30px; height: 22px; } .spriteFlag-AL { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -46px; width: 30px; height: 22px; } .spriteFlag-AM { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -68px; width: 30px; height: 22px; } .spriteFlag-AN { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -90px; width: 30px; height: 22px; } .spriteFlag-AO { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -112px; width: 30px; height: 22px; } .spriteFlag-AR { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -134px; width: 30px; height: 22px; } .spriteFlag-AT { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -156px; width: 30px; height: 22px; } .spriteFlag-AU { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -178px; width: 30px; height: 22px; } .spriteFlag-AW { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -200px; width: 30px; height: 22px; } .spriteFlag-AZ { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -222px; width: 30px; height: 22px; } .spriteFlag-BB { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -244px; width: 30px; height: 22px; } .spriteFlag-BD { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -266px; width: 30px; height: 22px; } .spriteFlag-BE { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -288px; width: 30px; height: 22px; } .spriteFlag-BF { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -310px; width: 30px; height: 22px; } .spriteFlag-BG { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -332px; width: 30px; height: 22px; } .spriteFlag-BH { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -354px; width: 30px; height: 22px; } .spriteFlag-BI { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -376px; width: 30px; height: 22px; } .spriteFlag-BJ { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -398px; width: 30px; height: 22px; } .spriteFlag-BL { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -420px; width: 30px; height: 22px; } .spriteFlag-BM { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -442px; width: 30px; height: 22px; } .spriteFlag-BN { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -464px; width: 30px; height: 22px; } .spriteFlag-BR { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -486px; width: 30px; height: 22px; } .spriteFlag-BS { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -508px; width: 30px; height: 22px; } .spriteFlag-BT { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -530px; width: 30px; height: 22px; } .spriteFlag-BY { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -552px; width: 30px; height: 22px; } .spriteFlag-BZ { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -574px; width: 30px; height: 22px; } .spriteFlag-CA { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -596px; width: 30px; height: 22px; } .spriteFlag-CD { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -618px; width: 30px; height: 22px; } .spriteFlag-CG { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -640px; width: 30px; height: 22px; } .spriteFlag-CH { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -662px; width: 30px; height: 22px; } .spriteFlag-CI { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -684px; width: 30px; height: 22px; } .spriteFlag-CL { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -706px; width: 30px; height: 22px; } .spriteFlag-CM { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -728px; width: 30px; height: 22px; } .spriteFlag-CN { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -750px; width: 30px; height: 22px; } .spriteFlag-CO { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -772px; width: 30px; height: 22px; } .spriteFlag-CR { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -794px; width: 30px; height: 22px; } .spriteFlag-CY { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -816px; width: 30px; height: 22px; } .spriteFlag-CZ { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -838px; width: 30px; height: 22px; } .spriteFlag-DE { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -860px; width: 30px; height: 22px; } .spriteFlag-DJ { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -882px; width: 30px; height: 22px; } .spriteFlag-DK { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -904px; width: 30px; height: 22px; } .spriteFlag-DM { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -926px; width: 30px; height: 22px; } .spriteFlag-DO { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -948px; width: 30px; height: 22px; } .spriteFlag-DZ { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -970px; width: 30px; height: 22px; } .spriteFlag-EC { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -992px; width: 30px; height: 22px; } .spriteFlag-EE { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -1014px; width: 30px; height: 22px; } .spriteFlag-EG { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -1036px; width: 30px; height: 22px; } .spriteFlag-ER { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -1058px; width: 30px; height: 22px; } .spriteFlag-ES { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -1080px; width: 30px; height: 22px; } .spriteFlag-ET { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -1102px; width: 30px; height: 22px; } .spriteFlag-FI { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -1124px; width: 30px; height: 22px; } .spriteFlag-FJ { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -1146px; width: 30px; height: 22px; } .spriteFlag-FK { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -1168px; width: 30px; height: 22px; } .spriteFlag-FR { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -1190px; width: 30px; height: 22px; } .spriteFlag-GA { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -1212px; width: 30px; height: 22px; } .spriteFlag-GB { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -1234px; width: 30px; height: 22px; } .spriteFlag-GD { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -1256px; width: 30px; height: 22px; } .spriteFlag-GE { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -1278px; width: 30px; height: 22px; } .spriteFlag-GH { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -1300px; width: 30px; height: 22px; } .spriteFlag-GI { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -1322px; width: 30px; height: 22px; } .spriteFlag-GM { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -1344px; width: 30px; height: 22px; } .spriteFlag-GN { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -1366px; width: 30px; height: 22px; } .spriteFlag-GR { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -1388px; width: 30px; height: 22px; } .spriteFlag-GT { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -1410px; width: 30px; height: 22px; } .spriteFlag-GW { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -1432px; width: 30px; height: 22px; } .spriteFlag-GY { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -1454px; width: 30px; height: 22px; } .spriteFlag-HK { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -1476px; width: 30px; height: 22px; } .spriteFlag-HN { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -1498px; width: 30px; height: 22px; } .spriteFlag-HR { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -1520px; width: 30px; height: 22px; } .spriteFlag-HT { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -1542px; width: 30px; height: 22px; } .spriteFlag-HU { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -1564px; width: 30px; height: 22px; } .spriteFlag-ID { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -1586px; width: 30px; height: 22px; } .spriteFlag-IE { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -1608px; width: 30px; height: 22px; } .spriteFlag-IL { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -1630px; width: 30px; height: 22px; } .spriteFlag-IN { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -1652px; width: 30px; height: 22px; } .spriteFlag-IQ { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -1674px; width: 30px; height: 22px; } .spriteFlag-IS { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -1696px; width: 30px; height: 22px; } .spriteFlag-IT { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -1718px; width: 30px; height: 22px; } .spriteFlag-JM { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -1740px; width: 30px; height: 22px; } .spriteFlag-JO { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -1762px; width: 30px; height: 22px; } .spriteFlag-JP { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -1784px; width: 30px; height: 22px; } .spriteFlag-KE { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -1806px; width: 30px; height: 22px; } .spriteFlag-KH { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -1828px; width: 30px; height: 22px; } .spriteFlag-KN { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -1850px; width: 30px; height: 22px; } .spriteFlag-KR { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -1872px; width: 30px; height: 22px; } .spriteFlag-KW { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -3786px; width: 30px; height: 22px; } .spriteFlag-KY { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -1916px; width: 30px; height: 22px; } .spriteFlag-KZ { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -1938px; width: 30px; height: 22px; } .spriteFlag-LA { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -1960px; width: 30px; height: 22px; } .spriteFlag-LB { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -1982px; width: 30px; height: 22px; } .spriteFlag-LC { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -2004px; width: 30px; height: 22px; } .spriteFlag-LK { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -2026px; width: 30px; height: 22px; } .spriteFlag-LR { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -2048px; width: 30px; height: 22px; } .spriteFlag-LT { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -2070px; width: 30px; height: 22px; } .spriteFlag-LU { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -2092px; width: 30px; height: 22px; } .spriteFlag-LV { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -2114px; width: 30px; height: 22px; } .spriteFlag-MA { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -2136px; width: 30px; height: 22px; } .spriteFlag-MD { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -2158px; width: 30px; height: 22px; } .spriteFlag-ME { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -2180px; width: 30px; height: 22px; } .spriteFlag-MG { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -2202px; width: 30px; height: 22px; } .spriteFlag-MK { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -2224px; width: 30px; height: 22px; } .spriteFlag-ML { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -2246px; width: 30px; height: 22px; } .spriteFlag-MN { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -2268px; width: 30px; height: 22px; } .spriteFlag-MR { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -2290px; width: 30px; height: 22px; } .spriteFlag-MT { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -2312px; width: 30px; height: 22px; } .spriteFlag-MU { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -2334px; width: 30px; height: 22px; } .spriteFlag-MW { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -2356px; width: 30px; height: 22px; } .spriteFlag-MX { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -2378px; width: 30px; height: 22px; } .spriteFlag-MY { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -2400px; width: 30px; height: 22px; } .spriteFlag-MZ { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -2422px; width: 30px; height: 22px; } .spriteFlag-NC { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -2444px; width: 30px; height: 22px; } .spriteFlag-NG { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -2466px; width: 30px; height: 22px; } .spriteFlag-NI { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -2488px; width: 30px; height: 22px; } .spriteFlag-NL { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -2510px; width: 30px; height: 22px; } .spriteFlag-NO { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -2532px; width: 30px; height: 22px; } .spriteFlag-NP { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -2554px; width: 30px; height: 22px; } .spriteFlag-NY { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -2576px; width: 30px; height: 22px; } .spriteFlag-NZ { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -2598px; width: 30px; height: 22px; } .spriteFlag-OM { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -2620px; width: 30px; height: 22px; } .spriteFlag-PA { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -2642px; width: 30px; height: 22px; } .spriteFlag-PE { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -2664px; width: 30px; height: 22px; } .spriteFlag-PG { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -2686px; width: 30px; height: 22px; } .spriteFlag-PH { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -2708px; width: 30px; height: 22px; } .spriteFlag-PK { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -2730px; width: 30px; height: 22px; } .spriteFlag-PL { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -2752px; width: 30px; height: 22px; } .spriteFlag-PS { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -2774px; width: 30px; height: 22px; } .spriteFlag-PT { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -2796px; width: 30px; height: 22px; } .spriteFlag-PY { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -2818px; width: 30px; height: 22px; } .spriteFlag-QA { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -2840px; width: 30px; height: 22px; } .spriteFlag-RI { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -2862px; width: 30px; height: 22px; } .spriteFlag-RO { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -2884px; width: 30px; height: 22px; } .spriteFlag-RS { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -2906px; width: 30px; height: 22px; } .spriteFlag-RU { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -2928px; width: 30px; height: 22px; } .spriteFlag-RW { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -2950px; width: 30px; height: 22px; } .spriteFlag-SA { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -2972px; width: 30px; height: 22px; } .spriteFlag-SD { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -2994px; width: 30px; height: 22px; } .spriteFlag-SE { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -3016px; width: 30px; height: 22px; } .spriteFlag-SG { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -3038px; width: 30px; height: 22px; } .spriteFlag-SI { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -3060px; width: 30px; height: 22px; } .spriteFlag-SK { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -3082px; width: 30px; height: 22px; } .spriteFlag-SL { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -3104px; width: 30px; height: 22px; } .spriteFlag-SN { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -3126px; width: 30px; height: 22px; } .spriteFlag-SR { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -3148px; width: 30px; height: 22px; } .spriteFlag-SS { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -3170px; width: 30px; height: 22px; } .spriteFlag-SV { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -3192px; width: 30px; height: 22px; } .spriteFlag-TC { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -3214px; width: 30px; height: 22px; } .spriteFlag-TD { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -3236px; width: 30px; height: 22px; } .spriteFlag-TG { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -3258px; width: 30px; height: 22px; } .spriteFlag-TH { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -3280px; width: 30px; height: 22px; } .spriteFlag-TN { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -3302px; width: 30px; height: 22px; } .spriteFlag-TR { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -3324px; width: 30px; height: 22px; } .spriteFlag-TT { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -3346px; width: 30px; height: 22px; } .spriteFlag-TW { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -3368px; width: 30px; height: 22px; } .spriteFlag-TY { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -3390px; width: 30px; height: 22px; } .spriteFlag-TZ { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -3412px; width: 30px; height: 22px; } .spriteFlag-UA { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -3434px; width: 30px; height: 22px; } .spriteFlag-UG { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -3456px; width: 30px; height: 22px; } .spriteFlag-UK-small { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -12px; width: 19px; height: 12px; } .spriteFlag-UK { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -3500px; width: 30px; height: 22px; } .spriteFlag-US { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -3522px; width: 30px; height: 22px; } .spriteFlag-UY { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -3544px; width: 30px; height: 22px; } .spriteFlag-VG { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -3566px; width: 30px; height: 22px; } .spriteFlag-VN { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -3588px; width: 30px; height: 22px; } .spriteFlag-XI { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -3610px; width: 30px; height: 22px; } .spriteFlag-XK { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -3632px; width: 30px; height: 22px; } .spriteFlag-XM { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -3654px; width: 30px; height: 22px; } .spriteFlag-XX { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -3676px; width: 30px; height: 22px; } .spriteFlag-YE { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -3698px; width: 30px; height: 22px; } .spriteFlag-ZA { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -3720px; width: 30px; height: 22px; } .spriteFlag-ZM { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -3742px; width: 30px; height: 22px; } .spriteFlag-ZW { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 -3764px; width: 30px; height: 22px; } .spriteFlag-flag-uk { background-image: url(/Content/resources/images/sprites/spriteFlags.png); background-position: 0 0; width: 19px; height: 12px; } .spriteIcon-carousel-cta { background-image: url(/Content/resources/images/sprites/spriteIcons.png); background-position: 0 0; width: 7px; height: 10px; } .spriteIcon-carousel-plus { background-image: url(/Content/resources/images/sprites/spriteIcons.png); background-position: 0 -99px; width: 30px; height: 30px; } .spriteIcon-cursor-next { background-image: url(/Content/resources/images/sprites/spriteIcons.png); background-position: 0 -161px; width: 32px; height: 32px; } .spriteIcon-cursor-prev { background-image: url(/Content/resources/images/sprites/spriteIcons.png); background-position: 0 -129px; width: 32px; height: 32px; } .spriteIcon-fullscreenclose { background-image: url(/Content/resources/images/sprites/spriteIcons.png); background-position: 0 -277px; width: 80px; height: 80px; } .spriteIcon-left_arrow { background-image: url(/Content/resources/images/sprites/spriteIcons.png); background-position: 0 -73px; width: 16px; height: 26px; } .spriteIcon-pin { background-image: url(/Content/resources/images/sprites/spriteIcons.png); background-position: 0 -193px; width: 36px; height: 42px; } .spriteIcon-pin_hover { background-image: url(/Content/resources/images/sprites/spriteIcons.png); background-position: 0 -235px; width: 36px; height: 42px; } .spriteIcon-right_arrow { background-image: url(/Content/resources/images/sprites/spriteIcons.png); background-position: 0 -47px; width: 16px; height: 26px; } .spriteIcon-search-transparent { background-image: url(/Content/resources/images/sprites/spriteIcons.png); background-position: 0 -10px; width: 17px; height: 17px; } .spriteIcon-zoom-icon { background-image: url(/Content/resources/images/sprites/spriteIcons.png); background-position: 0 -27px; width: 20px; height: 20px; } @font-face { font-family: icons; src: url(../fonts/icons/icons-74e4910bf5d0a67b62f1644d49361248.eot); src: url(../fonts/icons/icons-74e4910bf5d0a67b62f1644d49361248_162a16fe.eot#iefix) format("embedded-opentype"), url(../fonts/icons/icons-74e4910bf5d0a67b62f1644d49361248.html) format("woff"), url(../fonts/icons/icons-74e4910bf5d0a67b62f1644d49361248.ttf) format("truetype"), url(../fonts/icons/icons-74e4910bf5d0a67b62f1644d49361248_162a16fe.svg#icons) format("svg"); font-weight: 400; font-style: normal; } #at3win #at3winheader #at3winheaderclose:before, #landrover .NationalDealerLocatorResults .dd_directionsPanel .dd_routeSummary > a:before, #landrover .NationalDealerLocatorResults .dealerMap .mapCloseButton:before, #landrover .secondaryLinkWithStyle:before, .ArticleQuote > div.quotation > div a.audio:before, .ArticleQuote > div.quote.left:before, .ArticleQuote > div.quote.right:after, .DualFrameCarousel .navigation > div a.next:before, .DualFrameCarousel .navigation > div a.prev:before, .DualFrameCarousel .royalSlider .rsSlide > div > div.right a > span:before, .EngineSpecifications th:first-child a:before, .FooterNav ul.hygieneLinks li a.toggleHandle:after, .FooterNav ul.hygieneLinks li.open a.toggleHandle:after, .Fullscreen .fullscreenHeader #filmstripToggle:before, .Gallery .gallery a.directionArrow.left span:before, .Gallery .gallery a.directionArrow.right span:before, .Gallery .rsNav .rsThumbsArrow.rsThumbsArrowLeft .rsThumbsArrowIcn:before, .Gallery .rsNav .rsThumbsArrow.rsThumbsArrowRight .rsThumbsArrowIcn:before, .IgniteBar li > a div.addThis:before, .IgniteBarDevice li a span.brochure:before, .IgniteBarDevice li a span.configure:before, .IgniteBarDevice li a span.dealer:before, .IgniteBarDevice li a span.drive:before, .IgniteBarDevice li a span.share:before, .InPageGallery .videoGalleryItem:before, .MainNavigation .LocationButton a:before, .MainNavigation .MoreButton a:before, .MainNavigation .SearchButton .inactiveSearchButton:before, .MainNavigation .SearchButton button:before, .MainNavigation .SearchButton > a:before, .MainNavigation ul li.vehicles span:after, .MainNavigation ul li.vehicles.activeOverlay span:after, .ModelSelector .modelSelectorHeader .backButton:after, .NationalDealerLocatorResults .dealerResults .dealerMap .mapCloseButton:before, .NationalDealerLocatorResults .dealerResults .dealerSidebar .directions .backToDealer:before, .NationalDealerLocatorResults .dealerResults .dealerSidebar .sideBarToggle:before, .NationalDealerLocatorResults .dealerResults.mapOpen .dealerSidebar .sideBarToggle:before, .NationalDealerLocatorResults .infoBox .infoBoxClose:before, .NotificationBar .notificationContainer .close span:before, .Quote > div a.audio:before, .Quote > div > p:after, .Quote > div > p:before, .SameSizeCarousel .carouselWrapper ul li .carouselImageLink:after, .ScrollDown:after, .ShoppingToolsMenu li.ShoppingToolsButton > a:after, .SiteNavigation .SiteNavigationFirst > li .SiteNavigationSubNav li .SiteNavigationTertiaryNav li a:before, .SiteNavigation .SiteNavigationSecond > li .SiteNavigationSubNav li .SiteNavigationTertiaryNav li a:before, .SlideOutMenu ul.first > li ul li a:before, .SlideOutMenu ul.first > li > a:after, .SlideOutMenu ul.third li a:before, .SocialFeed .feedItem .content .header .postDetails .retweet:before, .SocialFeed .feedItem.facebook .content .meta .comments:before, .SocialFeed .feedItem.facebook .content .meta .likes:before, .SocialFeed .feedItem.facebook .content .meta .shares:before, .SocialFeed .feedItem.facebook .content .meta:before, .SocialFeed .feedItem.feedItemText .content .message .messageWrapper .messageContent:after, .SocialFeed .feedItem.feedItemText .content .message .messageWrapper .messageContent:before, .SocialFeed .feedItem.feedItemVideo .media:before, .SocialFeed .feedItem.instagram .content .meta .comments:before, .SocialFeed .feedItem.instagram .content .meta .likes:before, .SocialFeed .feedItem.instagram .content .meta:before, .SocialFeed .feedItem.pinterest .content .meta .likes:before, .SocialFeed .feedItem.pinterest .content .meta .shares:before, .SocialFeed .feedItem.pinterest .content .meta:before, .SocialFeed .feedItem.twitter .content .meta .likes:before, .SocialFeed .feedItem.twitter .content .meta .shares:before, .SocialFeed .feedItem.twitter .content .meta:before, .SocialFeed .feedItem.youtube .content .meta:before, .SocialFeed .profileLinks li a.facebook:before, .SocialFeed .profileLinks li a.instagram:before, .SocialFeed .profileLinks li a.pinterest:before, .SocialFeed .profileLinks li a.twitter:before, .SocialFeed .profileLinks li a.youtube:before, .SocialSharing a.addthis_button_douban > span:before, .SocialSharing a.addthis_button_email > span:before, .SocialSharing a.addthis_button_expanded > span:before, .SocialSharing a.addthis_button_facebook > span:before, .SocialSharing a.addthis_button_google_plusone_share > span:before, .SocialSharing a.addthis_button_linkedin > span:before, .SocialSharing a.addthis_button_pinterest_share > span:before, .SocialSharing a.addthis_button_renren > span:before, .SocialSharing a.addthis_button_sinaweibo > span:before, .SocialSharing a.addthis_button_tumblr > span:before, .SocialSharing a.addthis_button_twitter > span:before, .SocialSharing a.addthis_button_vkontakt > span:before, .SubNavigation .SubNavigationContainer .SubNavigationButtons:after, .SubNavigation .SubNavigationContainer .SubNavigationModels li a:after, .VehicleSpecifications .imageList > li span.nocostoption:after, .VehicleSpecifications .imageList > li span.optional:after, .VehicleSpecifications .imageList > li span.standard:after, .VehicleSpecifications .imageListKey ul li.nocostoption:before, .VehicleSpecifications .imageListKey ul li.optional:before, .VehicleSpecifications .imageListKey ul li.standard:before, .VehicleSpecifications .openAll .close:before, .VehicleSpecifications .openAll .open:before, .VehicleSpecifications .specDetails > ul > li a:after, .VehicleSpecifications .specDetails > ul > li.active a:after, .VideoPlayer .mejs-captions-button button:before, .VideoPlayer .mejs-captions-button.mejs-captions-enabled button:before, .VideoPlayer .mejs-fullscreen-button button:before, .VideoPlayer .mejs-fullscreen-button.mejs-unfullscreen button:before, .VideoPlayer .mejs-mute button:before, .VideoPlayer .mejs-overlay-button:before, .VideoPlayer .mejs-pause button:before, .VideoPlayer .mejs-play button:before, .VideoPlayer .mejs-unmute button:before, .VideoPlayer .playButton.soundOn:before, .VideoPlayer .playButton:before, .VideoPlayer.finished .mejs-overlay-button:before, .VideoPlayer[data-audio=false] .mejs-mute button:before, .VideoPlayer[data-audio=false] .mejs-unmute button:before, .VideoThumbnails .imageLink:before, .VinRecall .FormElements a.vinLink:after, .YouTubePlayer .playButton:before, .addThisMenu > a > span:before, .carouselNavigation > div a.next:before, .carouselNavigation > div a.prev:before, .dealerCard .showToggle span.less:after, .dealerCard .showToggle span.more:after, .dealerCard ul.contactDetails li.email:before, .dealerCard ul.contactDetails li.fax:before, .dealerCard ul.contactDetails li.tel:before, .dealerCard ul.services li.bodyshop:before, .dealerCard ul.services li.parts:before, .dealerCard ul.services li.partsonly:before, .dealerCard ul.services li.repair:before, .dealerCard ul.services li.sales:before, .dealerCard ul.services li.service:before, .icon, .responsiveTableArrow .leftArrow:before, .responsiveTableArrow .rightArrow:before, [class*=" icon-"]:before, [class^=icon-]:before, a.mfp-close:before, div.DropdownSelect span.selected:before, div.DropdownSelect.open span.selected:before, html.withVehicleSelector[style] #header .MainNavigation ul li.vehicles span:after { font-family: icons; font-style: normal; font-weight: 400; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class*=" icon-"]:before, [class^=icon-]:before { content: '\e800'; } .icon-360-view:before { content: "\e001"; } .icon-accessories:before { content: "\e002"; } .icon-bars:before { content: "\e003"; } .icon-bodyshop:before { content: "\e004"; } .icon-calculate-trade-in-value:before { content: "\e005"; } .icon-captions-on:before { content: "\e006"; } .icon-captions:before { content: "\e007"; } .icon-chevron-down:before { content: "\e008"; } .icon-chevron-up:before { content: "\e009"; } .icon-close:before { content: "\e00a"; } .icon-directional-left:before { content: "\e00b"; } .icon-directional-right:before { content: "\e00c"; } .icon-download:before { content: "\e00d"; } .icon-driveoffroad:before { content: "\e00e"; } .icon-driveonroad:before { content: "\e00f"; } .icon-fax:before { content: "\e010"; } .icon-finance-calculator:before { content: "\e011"; } .icon-fullscreen-exit:before { content: "\e012"; } .icon-fullscreen:before { content: "\e013"; } .icon-ignite-brochure:before { content: "\e014"; } .icon-ignite-configure:before { content: "\e015"; } .icon-ignite-drive:before { content: "\e016"; } .icon-ignite-inform:before { content: "\e017"; } .icon-information:before { content: "\e018"; } .icon-inventory:before { content: "\e019"; } .icon-left-open-big:before { content: "\e01a"; } .icon-map-pin:before { content: "\e01b"; } .icon-minus:before { content: "\e01c"; } .icon-nocostoption:before { content: "\e01d"; } .icon-offers:before { content: "\e01e"; } .icon-optional:before { content: "\e01f"; } .icon-parts:before { content: "\e020"; } .icon-pause:before { content: "\e021"; } .icon-phone:before { content: "\e022"; } .icon-play:before { content: "\e023"; } .icon-plus:before { content: "\e024"; } .icon-print:before { content: "\e025"; } .icon-question-mark:before { content: "\e026"; } .icon-quote-left:before { content: "\e027"; } .icon-quote-right:before { content: "\e028"; } .icon-repair:before { content: "\e029"; } .icon-replay:before { content: "\e02a"; } .icon-request-quote:before { content: "\e02b"; } .icon-right-open-big:before { content: "\e02c"; } .icon-search:before { content: "\e02d"; } .icon-service:before { content: "\e02e"; } .icon-share:before { content: "\e02f"; } .icon-social-facebook-comment:before { content: "\e030"; } .icon-social-facebook-like:before { content: "\e031"; } .icon-social-facebook-share:before { content: "\e032"; } .icon-social-instagram-comment:before { content: "\e033"; } .icon-social-instagram-like:before { content: "\e034"; } .icon-social-pinterest-like:before { content: "\e035"; } .icon-social-pinterest-pin:before { content: "\e036"; } .icon-social-twitter-favourite:before { content: "\e037"; } .icon-social-twitter-retweet:before { content: "\e038"; } .icon-social_douban:before { content: "\e039"; } .icon-social_facebook:before { content: "\e03a"; } .icon-social_google:before { content: "\e03b"; } .icon-social_instagram:before { content: "\e03c"; } .icon-social_linkedin:before { content: "\e03d"; } .icon-social_pinterest:before { content: "\e03e"; } .icon-social_renren:before { content: "\e03f"; } .icon-social_sinaweibo:before { content: "\e040"; } .icon-social_tumblr:before { content: "\e041"; } .icon-social_twitter:before { content: "\e042"; } .icon-social_vkontakt:before { content: "\e043"; } .icon-social_youtube:before { content: "\e044"; } .icon-sound-off:before { content: "\e045"; } .icon-sound-on:before { content: "\e046"; } .icon-standard:before { content: "\e047"; } .icon-subtitles-on:before { content: "\e048"; } .icon-subtitles:before { content: "\e049"; } .icon-thumbnail_view:before { content: "\e04a"; } .icon-view-vehicles:before { content: "\e04b"; } .icon-zoom:before { content: "\e04c"; } html { min-height: 100%; position: relative; overflow-x: hidden; overflow-y: scroll; } body { color: #fff; overflow: hidden; height: 100%; background-color: #393939; background-image: url(/Content/resources/images/texture-dark-grey.png); background-repeat: repeat; } * { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; } a { color: #fff; } hr { width: 34px; background-color: #515151; border: 0; height: 1px; text-align: left; margin: 20px auto 20px 0; } .pageWrapper { margin: 0 auto; /*max-width: 2000px;*/ padding: 0; position: relative; padding-top: 0; } .ieOnly, .ieOnlyInline { display: none; } .padSides { padding-left: 70px; padding-right: 70px; } #logo { position: absolute; top: 0; left: 0; z-index: 10; } #logo h1 { height: 100%; } #logo a { position: relative; display: block; } #logo img { width: 115px; height: 78px; position: absolute; top: 24px; left: 36px; } .no-js #logo img { height: 60px; } #header { background-color: #0c121c; width: 100%; height: auto; z-index: 9; margin: 0 auto; /*max-width: 2000px;*/ -webkit-backface-visibility: hidden; } #header .headerWrapper { position: absolute; height: 128px; background: white; width: 100%; top: 0; z-index: 10; border-bottom: 1px solid #eaeaea; } #header #logo { width: 189px; height: 108px; background-color: #0c121c; border-right: solid 1px #333; overflow: hidden; } #header #logo a { width: 100%; height: 100%; } #header #logo img { height: 60px; top: 50%; left: 50%; margin-left: -58px; margin-top: -30px; } #header #logo.spinmebaby img { -webkit-animation-name: spinit; -webkit-animation-duration: 1.5s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-name: spinit; animation-duration: 1.5s; animation-iteration-count: infinite; animation-timing-function: linear; } @media screen and (max-width: 961px) and (min-width: 1px) { #header { height: 50px; } } @media screen and (min-width:901px) { #header.minimal { position: fixed; top: 0; z-index: 8; } #header.minimal .headerWrapper { height: 50px; } #header.minimal #logo, #header.minimal .SearchButton, #header.minimal .ShoppingToolsMenu { display: none; } #header.minimal .MainNavigation { left: 0; top: 0; } #header.minimal .MainNavigation ul li a { height: 50px; line-height: 50px; } #header.minimal .MainNavigation .primaryNav { margin-right: 0; } } .overlay { display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; background-color: rgba(0,0,0,.9); z-index: 11; max-width: 2000px; margin: 0 auto; } .overlay.transparent { filter: alpha(Opacity=0); opacity: 0; } .sidebarItem { margin: 30px; } .sidebarItem h2, .sidebarItem p { color: #393939; } .sidebarItem p.text { font-weight: 300; } .sidebarItem p.imageCaption { font-family: Arial; font-size: 12px; color: #999; padding: 0 20px 0 0; margin: 0 0 30px; } .sidebarItem .heading { font-size: 14px; margin-bottom: 20px; font-weight: 700; line-height: 1.5em; letter-spacing: .02em; } .TwoColumnContainer .sidebarItem { max-width: 710px; margin: 0 auto; padding: 40px 0; border-top: 1px solid #ddd; } .TwoColumnContainer .sidebarItem:first-child { margin-top: 40px; border-top: 0; padding: 0 0 40px; } @media screen and (min-width:1001px) { .TwoColumnContainer .sidebarItem:first-child { margin-top: 0; } } @media screen and (min-width:1001px) { .TwoColumnContainer .sidebarItem { float: left; margin: 0; max-width: none; } } @media screen and (min-width:1px) and (max-width:961px) { #landrover { padding-top: 0px !important; } #landrover #logo { left: 0; } #landrover #logo img { width: 57px; height: 30px; top: 10px; left: 16px; } #landrover #header { top: 0 !important; position: fixed; } #landrover #header.not-fixed { position: static; } #landrover #header #logo { height: 50px; width: 91px; } #landrover #header #logo img { position: absolute; top: 50%; left: 50%; margin-left: -29px; margin-top: -15px; } #landrover .headerWrapper { height: 51px; top: 0px !important; } .container.withLogo, .pageWrapper.withLogo { margin-top: -50px; } .no-js .container.withLogo, .no-js .pageWrapper.withLogo { margin-top: 0; } } @media screen and (min-width:1px) and (max-width:961px) { .padSides { padding-left: 60px; padding-right: 60px; } } @media screen and (min-width:1px) and (max-width:740px) { html { height: auto!important; } body { } body .headerWrapper { height: 50px; } .hideOnMobile { display: none; } } @media screen and (min-width:901px) { .hideOnDesktop { display: none; } } @media screen and (min-width:741px) { .hideOnTablet { display: none; } } @media screen and (min-width:741px) { .onlyOnMobile { display: none; } } a#skip-primary { display: none; } img.alignLeft { float: left; margin: 5px 18px 18px 0; } img.alignRight { float: right; margin: 5px 0 18px 18px; } html.no-js #landrover { padding-top: 0; } html.no-js #landrover #header { position: relative; } .hide { display: none!important; } .show { display: inherit!important; } @-webkit-keyframes spinit { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @keyframes spinit { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .button, button { background-color: rgba(255,255,255,0); border: 1px solid #fff; display: block; text-align: center; text-decoration: none; cursor: pointer; -webkit-transition-duration: .5s; -khtml-transition-duration: .5s; -moz-transition-duration: .5s; -ms-transition-duration: .5s; -o-transition-duration: .5s; transition-duration: .5s; } .button:hover, button:hover { color: #333; background-image: none; background-color: #fff; border: 1px solid #fff; } .inlined { position: relative; z-index: 2; opacity: .75; -webkit-transition: opacity .15s linear; } .inlinedInputText { position: relative; z-index: 1; } label.has-text { display: none!important; } input[type=submit], input[type=text], textarea { -webkit-appearance: none; -webkit-border-radius: 0; border-radius: 0; } input[type=text] { font-family: Arial; border-radius: none; border: none; height: 40px; line-height: 20px; font-size: 16px; padding: 10px 0 10px 15px; width: 100%; color: #393939; } input[type=checkbox] { background: #fff; } #landrover .primaryLinks { text-align: left; } #landrover .primaryLinksCentre { text-align: center; } #landrover .primaryLinksRight { text-align: right; } #landrover .primaryLinkWithStyle { background: 0 0; background-color: rgba(255,255,255,0); border: 1px solid #000; color: #000; line-height: 1.4em; font-size: 10px; font-family: Arial; font-weight: 700; display: inline-block; text-align: center; text-decoration: none; cursor: pointer; letter-spacing: .3em; padding: 13px 23px 11px; min-width: 125px; margin-top: 30px; -webkit-transition-duration: .4s; -khtml-transition-duration: .4s; -moz-transition-duration: .4s; -ms-transition-duration: .4s; -o-transition-duration: .4s; transition-duration: .4s; -webkit-transition-timing-function: ease; -khtml-transition-timing-function: ease; -moz-transition-timing-function: ease; -ms-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; overflow: hidden; *zoom: 1; } #landrover .primaryLinkWithStyle:focus, #landrover .primaryLinkWithStyle:hover { background-color: #000; color: #fff; text-decoration: none; } #landrover .primaryLinkWithStyle.disabled { filter: alpha(Opacity=20); opacity: .2; } #landrover .primaryLinkWithStyle.disabled:focus, #landrover .primaryLinkWithStyle.disabled:hover { background-color: transparent; background-color: rgba(255,255,255,0); color: #000; cursor: default; } #landrover .InPageDealerLocator .dark .primaryLinkWithStyle, #landrover .InPageDealerLocator .grey .primaryLinkWithStyle, #landrover .dark .primaryLinkWithStyle, #landrover .grey .primaryLinkWithStyle, #landrover .plwsTransparentLight { color: #fff; border: 1px solid #fff; } #landrover .InPageDealerLocator .dark .primaryLinkWithStyle:focus, #landrover .InPageDealerLocator .dark .primaryLinkWithStyle:hover, #landrover .InPageDealerLocator .grey .primaryLinkWithStyle:focus, #landrover .InPageDealerLocator .grey .primaryLinkWithStyle:hover, #landrover .dark .primaryLinkWithStyle:focus, #landrover .dark .primaryLinkWithStyle:hover, #landrover .grey .primaryLinkWithStyle:focus, #landrover .grey .primaryLinkWithStyle:hover, #landrover .plwsTransparentLight:focus, #landrover .plwsTransparentLight:hover { background-color: #fff; color: #000; } #landrover .InPageDealerLocator .dark .primaryLinkWithStyle.disabled:focus, #landrover .InPageDealerLocator .dark .primaryLinkWithStyle.disabled:hover, #landrover .InPageDealerLocator .grey .primaryLinkWithStyle.disabled:focus, #landrover .InPageDealerLocator .grey .primaryLinkWithStyle.disabled:hover, #landrover .dark .primaryLinkWithStyle.disabled:focus, #landrover .dark .primaryLinkWithStyle.disabled:hover, #landrover .grey .primaryLinkWithStyle.disabled:focus, #landrover .grey .primaryLinkWithStyle.disabled:hover, #landrover .plwsTransparentLight.disabled:focus, #landrover .plwsTransparentLight.disabled:hover { background-color: transparent; background-color: rgba(255,255,255,0); color: #fff; } #landrover .plwsDark { border: none; color: #fff; background-color: #000; } #landrover .plwsDark:focus, #landrover .plwsDark:hover { color: #000; background-color: #fff; } #landrover .plwsDark.disabled:focus, #landrover .plwsDark.disabled:hover { background-color: #000; color: #fff; } #landrover .plwsLight { border: none; color: #000; background-color: #fff; } #landrover .plwsLight:focus, #landrover .plwsLight:hover { color: #fff; background-color: #000; } #landrover .plwsLight.disabled:focus, #landrover .plwsLight.disabled:hover { background-color: #fff; color: #000; } #landrover .plwsExtreme { border: none; color: #fff; background-color: #F2681D; } #landrover .plwsExtreme:hover { color: #F2681D; background-color: #fff; } #landrover .plwsExtreme.disabled:focus, #landrover .plwsExtreme.disabled:hover { background-color: #F2681D; color: #fff; } #landrover .NationalDealerLocatorResults .dd_directionsPanel .dd_routeSummary > a, #landrover .secondaryLinkWithStyle { font-size: 10px; letter-spacing: .25em; color: #000; font-weight: 700; text-decoration: none; position: relative; padding-left: 18px; margin-top: 20px; display: inline-block; overflow: hidden; *zoom: 1; line-height: 1.25; } #landrover .NationalDealerLocatorResults .dd_directionsPanel .dd_routeSummary > a:before, #landrover .secondaryLinkWithStyle:before { content: '\e02c'; color: #4e4e4e; position: absolute; top: 1px; left: -4px; font-size: 10px; } #landrover .NationalDealerLocatorResults .dd_directionsPanel .dd_routeSummary > a:focus, #landrover .NationalDealerLocatorResults .dd_directionsPanel .dd_routeSummary > a:hover, #landrover .secondaryLinkWithStyle:focus, #landrover .secondaryLinkWithStyle:hover { text-decoration: none; color: #696868; } #landrover .NationalDealerLocatorResults .dd_directionsPanel .dd_routeSummary > a:focus:before, #landrover .NationalDealerLocatorResults .dd_directionsPanel .dd_routeSummary > a:hover:before, #landrover .secondaryLinkWithStyle:focus:before, #landrover .secondaryLinkWithStyle:hover:before { color: #696868; } #landrover .NationalDealerLocatorResults .dd_directionsPanel .dd_routeSummary > a.disabled, #landrover .secondaryLinkWithStyle.disabled { filter: alpha(Opacity=20); opacity: .2; } #landrover .slwsLight { color: #fff; } #landrover .slwsLight:before { color: #696868; } #landrover .slwsLight:focus, #landrover .slwsLight:focus:before, #landrover .slwsLight:hover, #landrover .slwsLight:hover:before { color: #4e4e4e; } #landrover .dark .secondaryLinkWithStyle, #landrover .dark .secondaryLinkWithStyle:before, #landrover .grey .secondaryLinkWithStyle, #landrover .grey .secondaryLinkWithStyle:before, #landrover .slwsWhite, #landrover .slwsWhite:before { color: #fff; } #landrover .dark .secondaryLinkWithStyle:focus, #landrover .dark .secondaryLinkWithStyle:focus:before, #landrover .dark .secondaryLinkWithStyle:hover, #landrover .dark .secondaryLinkWithStyle:hover:before, #landrover .grey .secondaryLinkWithStyle:focus, #landrover .grey .secondaryLinkWithStyle:focus:before, #landrover .grey .secondaryLinkWithStyle:hover, #landrover .grey .secondaryLinkWithStyle:hover:before, #landrover .slwsWhite:focus, #landrover .slwsWhite:focus:before, #landrover .slwsWhite:hover, #landrover .slwsWhite:hover:before { color: #696868; } #landrover .slwsGrey { color: #cbcbce; } #landrover .slwsGrey:before, #landrover .slwsGrey:focus, #landrover .slwsGrey:focus:before, #landrover .slwsGrey:hover, #landrover .slwsGrey:hover:before { color: #696868; } #landrover .slwsBlack, #landrover .slwsBlack:before { color: #000; } #landrover .slwsBlack:focus, #landrover .slwsBlack:focus:before, #landrover .slwsBlack:hover, #landrover .slwsBlack:hover:before { color: #4e4e4e; } #landrover .linkWithText { font-weight: 700; text-decoration: underline; color: inherit; } #landrover .linkWithText:focus, #landrover .linkWithText:hover { color: #696868; } .carousel .controls { position: absolute; bottom: 0; left: 0; border-top: solid 1px #4e4e4e; height: 54px; background-color: #393939; background-image: url(/Content/resources/images/texture-dark-grey.png); background-repeat: repeat; } .carousel .controls .col1 { float: left; width: 100%; } .carousel .rsNav { text-align: center; margin-right: 116px; } .carousel .rsNav .rsNavItem { display: inline-block; margin: 0 5px; padding: 26px 0; background-image: url(/Content/resources/images/transparent-1x1.png); } .carousel .rsNav .rsNavItem span { display: block; height: 2px; width: 33px; background-color: #fff; line-height: 2px; font-size: 1px; text-indent: -99em; filter: alpha(Opacity=20); opacity: .2; -webkit-transition: opacity .4s; -webkit-transition-delay: ease; -moz-transition: opacity .4s ease; -o-transition: opacity .4s ease; transition: opacity .4s ease; } .carousel .rsNav .rsNavItem span.selected, .carousel .rsNav .rsNavItem span:hover { filter: alpha(Opacity=100); opacity: 1; } .carousel .pagination { text-align: center; margin-right: 116px; } .carousel .pagination li { display: inline-block; margin: 0 5px; } .carousel .pagination li a { padding: 26px 0; display: block; text-decoration: none; } .carousel .pagination li a span { display: block; height: 2px; width: 33px; background-color: #fff; filter: alpha(Opacity=20); opacity: .2; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: .4s; -khtml-transition-duration: .4s; -moz-transition-duration: .4s; -ms-transition-duration: .4s; -o-transition-duration: .4s; transition-duration: .4s; -webkit-transition-timing-function: ease; -khtml-transition-timing-function: ease; -moz-transition-timing-function: ease; -ms-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; line-height: 2px; font-size: 1px; text-indent: -99em; } .carousel .pagination li.selected span, .carousel .pagination li:hover span { filter: alpha(Opacity=100); opacity: 1; } .carousel .alternativePagination { display: none; text-align: center; margin-right: 116px; margin-top: 23px; color: #cbcbce; font-size: 12px; } .carousel .navigation { float: left; margin-left: -116px; width: 116px; } .carousel .navigation li { border-left: solid 1px #4e4e4e; float: left; } .carousel .navigation li a { display: block; width: 57px; height: 54px; text-decoration: none; text-align: center; padding: 10px 0 0; color: #fff; background-color: rgba(255,255,255,0); opacity: .2; -webkit-transition-duration: .4s; -khtml-transition-duration: .4s; -moz-transition-duration: .4s; -ms-transition-duration: .4s; -o-transition-duration: .4s; transition-duration: .4s; -webkit-transition-timing-function: ease; -khtml-transition-timing-function: ease; -moz-transition-timing-function: ease; -ms-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; } .carousel .navigation li a i { color: #fff; font-size: 28px; } .carousel .navigation.notTouchDevice li a:hover { opacity: 1; background-color: rgba(255,255,255,.1); } .royalSlider { width: 100%; height: 100%; position: relative; direction: ltr; } .royalSlider > * { float: left; } .rsWebkit3d .rsSlide { -webkit-transform: translateZ(0); } .rsWebkit3d .rsABlock, .rsWebkit3d .rsAbsoluteEl, .rsWebkit3d .rsBtnCenterer, .rsWebkit3d .rsContainer, .rsWebkit3d .rsLink, .rsWebkit3d .rsOverflow, .rsWebkit3d .rsPreloader, .rsWebkit3d .rsSlide, .rsWebkit3d .rsThumbs, .rsWebkit3d img { -webkit-backface-visibility: hidden; } .rsFade.rsWebkit3d .rsContainer, .rsFade.rsWebkit3d .rsSlide, .rsFade.rsWebkit3d img { -webkit-transform: none; } .rsOverflow { width: 100%; height: 100%; position: relative; overflow: hidden; float: left; -webkit-tap-highlight-color: rgba(0,0,0,0); } .rsVisibleNearbyWrap { width: 100%; height: 100%; position: relative; overflow: hidden; left: 0; top: 0; -webkit-tap-highlight-color: rgba(0,0,0,0); } .rsVisibleNearbyWrap .rsOverflow { position: absolute; left: 0; top: 0; } .rsContainer { position: relative; width: 100%; height: 100%; -webkit-tap-highlight-color: rgba(0,0,0,0); } .rsArrow, .rsThumbsArrow { cursor: pointer; } .rsThumb { float: left; position: relative; } .rsArrow, .rsNav, .rsThumbsArrow { opacity: 1; -webkit-transition: opacity .3s linear; -moz-transition: opacity .3s linear; -o-transition: opacity .3s linear; transition: opacity .3s linear; } .rsHidden { opacity: 0; visibility: hidden; -webkit-transition: visibility 0s linear .3s, opacity .3s linear; -moz-transition: visibility 0s linear .3s, opacity .3s linear; -o-transition: visibility 0s linear .3s, opacity .3s linear; transition: visibility 0s linear .3s, opacity .3s linear; } .rsGCaption { width: 100%; float: left; text-align: center; } .royalSlider.rsFullscreen { position: fixed!important; height: auto!important; width: auto!important; margin: 0!important; padding: 0!important; z-index: 2147483647!important; top: 0!important; left: 0!important; bottom: 0!important; right: 0!important; } .royalSlider .rsSlide.rsFakePreloader { opacity: 1!important; -webkit-transition: 0s; -moz-transition: 0s; -o-transition: 0s; transition: 0s; display: none; } .rsSlide { position: absolute; left: 0; top: 0; display: block; overflow: hidden; height: 100%; width: 100%; } .royalSlider.rsAutoHeight, .rsAutoHeight .rsSlide { height: auto; } .rsPreloader { position: absolute; z-index: 0; } .rsNav { -moz-user-select: -moz-none; -webkit-user-select: none; user-select: none; } .rsNavItem { -webkit-tap-highlight-color: rgba(0,0,0,.25); } .rsThumbs { cursor: pointer; position: relative; overflow: hidden; float: left; z-index: 22; } .rsTabs { float: left; background: none!important; } .rsTabs, .rsThumbs { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: rgba(0,0,0,0); } .rsVideoContainer { width: auto; height: auto; line-height: 0; position: relative; } .rsVideoFrameHolder { position: absolute; left: 0; top: 0; background: #141414; opacity: 0; -webkit-transition: .3s; } .rsVideoFrameHolder.rsVideoActive { opacity: 1; } .rsVideoContainer .rsVideoObj, .rsVideoContainer embed, .rsVideoContainer iframe, .rsVideoContainer video { position: absolute; z-index: 50; left: 0; top: 0; width: 100%; height: 100%; } .rsVideoContainer.rsIOSVideo embed, .rsVideoContainer.rsIOSVideo iframe, .rsVideoContainer.rsIOSVideo video { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 44px; } .rsABlock { left: 0; top: 0; position: absolute; z-index: 15; } img.rsImg { max-width: none; } .grab-cursor { cursor: move; cursor: grab; } .grabbing-cursor { cursor: move; cursor: grabbing; } .rsNoDrag { cursor: auto; } .rsLink { left: 0; top: 0; position: absolute; width: 100%; height: 100%; display: block; z-index: 20; background: url(blank.html); } .rsDefault, .rsDefault .rsOverflow, .rsDefault .rsSlide, .rsDefault .rsThumbs, .rsDefault .rsVideoFrameHolder { background: #151515; color: #FFF; } .rsDefault .rsArrow { height: 100%; width: 44px; position: absolute; display: block; cursor: pointer; z-index: 21; } .rsDefault.rsVer .rsArrow { width: 100%; height: 44px; } .rsDefault.rsVer .rsArrowLeft { top: 0; left: 0; } .rsDefault.rsVer .rsArrowRight { bottom: 0; left: 0; } .rsDefault.rsHor .rsArrowLeft { left: 0; top: 0; } .rsDefault.rsHor .rsArrowRight { right: 0; top: 0; } .rsDefault .rsArrowIcn { width: 32px; height: 32px; top: 50%; left: 50%; margin-top: -16px; margin-left: -16px; position: absolute; cursor: pointer; background: url(rs-default.html); background-color: #000; background-color: rgba(0,0,0,.75); *background-color: #000; border-radius: 2px; } .rsDefault .rsArrowIcn:hover { background-color: rgba(0,0,0,.9); } .rsDefault.rsHor .rsArrowLeft .rsArrowIcn { background-position: -64px -32px; } .rsDefault.rsHor .rsArrowRight .rsArrowIcn { background-position: -64px -64px; } .rsDefault.rsVer .rsArrowLeft .rsArrowIcn { background-position: -96px -32px; } .rsDefault.rsVer .rsArrowRight .rsArrowIcn { background-position: -96px -64px; } .rsDefault .rsArrowDisabled .rsArrowIcn { opacity: .2; filter: alpha(opacity=20); *display: none; } .rsDefault .rsBullets { position: absolute; z-index: 35; left: 0; bottom: 0; width: 100%; height: auto; margin: 0 auto; background: #000; background: rgba(0,0,0,.75); text-align: center; line-height: 8px; overflow: hidden; } .rsDefault .rsBullet { width: 8px; height: 8px; display: inline-block; *display: inline; *zoom: 1; padding: 6px 5px; } .rsDefault .rsBullet span { display: block; width: 8px; height: 8px; border-radius: 50%; background: #777; background: rgba(255,255,255,.5); } .rsDefault .rsBullet.rsNavSelected span { background-color: #FFF; } .rsDefault .rsThumbsHor { width: 100%; } .rsDefault .rsThumbsVer { width: 96px; height: 100%; position: absolute; top: 0; right: 0; } .rsDefault.rsWithThumbsHor .rsThumbsContainer { position: relative; height: 100%; } .rsDefault.rsWithThumbsVer .rsThumbsContainer { position: relative; width: 100%; } .rsDefault .rsThumb { float: left; overflow: hidden; width: 96px; height: 72px; } .rsDefault .rsThumb img { width: 100%; height: 100%; } .rsDefault .rsThumb.rsNavSelected { background: #02874a; } .rsDefault .rsThumb.rsNavSelected img { opacity: .3; filter: alpha(opacity=30); } .rsDefault .rsTmb { display: block; } .rsDefault .rsTmb h5 { font-size: 16px; margin: 0; padding: 0; line-height: 20px; color: #FFF; } .rsDefault .rsTmb span { color: #DDD; margin: 0; padding: 0; font-size: 13px; line-height: 18px; } .rsDefault .rsThumbsArrow { height: 100%; width: 20px; position: absolute; display: block; cursor: pointer; z-index: 21; background: #000; background: rgba(0,0,0,.75); } .rsDefault .rsThumbsArrow:hover { background: rgba(0,0,0,.9); } .rsDefault.rsWithThumbsVer .rsThumbsArrow { width: 100%; height: 20px; } .rsDefault.rsWithThumbsVer .rsThumbsArrowLeft { top: 0; left: 0; } .rsDefault.rsWithThumbsVer .rsThumbsArrowRight { bottom: 0; left: 0; } .rsDefault.rsWithThumbsHor .rsThumbsArrowLeft { left: 0; top: 0; } .rsDefault.rsWithThumbsHor .rsThumbsArrowRight { right: 0; top: 0; } .rsDefault .rsThumbsArrowIcn { width: 16px; height: 16px; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px; position: absolute; cursor: pointer; background: url(rs-default.html); } .rsDefault.rsWithThumbsHor .rsThumbsArrowLeft .rsThumbsArrowIcn { background-position: -128px -32px; } .rsDefault.rsWithThumbsHor .rsThumbsArrowRight .rsThumbsArrowIcn { background-position: -128px -48px; } .rsDefault.rsWithThumbsVer .rsThumbsArrowLeft .rsThumbsArrowIcn { background-position: -144px -32px; } .rsDefault.rsWithThumbsVer .rsThumbsArrowRight .rsThumbsArrowIcn { background-position: -144px -48px; } .rsDefault .rsThumbsArrowDisabled { display: none!important; } @media screen and (min-width:0) and (max-width:800px) { .rsDefault .rsThumb { width: 59px; height: 44px; } .rsDefault .rsThumbsVer { width: 59px; } } .rsDefault .rsTabs { width: 100%; height: auto; margin: 0 auto; text-align: center; overflow: hidden; padding-top: 12px; position: relative; } .rsDefault .rsTab { display: inline-block; cursor: pointer; text-align: center; height: auto; width: auto; color: #333; padding: 5px 13px 6px; min-width: 72px; border: 1px solid #D9D9DD; border-right: 1px solid #f5f5f5; text-decoration: none; background-color: #FFF; background-image: -webkit-linear-gradient(top, #fefefe, #f4f4f4); background-image: -moz-linear-gradient(top, #fefefe, #f4f4f4); background-image: linear-gradient(to bottom, #fefefe, #f4f4f4); -webkit-box-shadow: inset 1px 0 0 #fff; box-shadow: inset 1px 0 0 #fff; *display: inline; *zoom: 1; } .rsDefault .rsTab:first-child { -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } .rsDefault .rsTab:last-child { -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; border-right: 1px solid #cfcfcf; } .rsDefault .rsTab:active { border: 1px solid #D9D9DD; background-color: #f4f4f4; box-shadow: 0 1px 4px rgba(0,0,0,.2)inset; } .rsDefault .rsTab.rsNavSelected { color: #FFF; border: 1px solid #999; text-shadow: 1px 1px #838383; box-shadow: 0 1px 9px rgba(102,102,102,.65)inset; background: #ACACAC; background-image: -webkit-linear-gradient(top, #ACACAC, #BBB); background-image: -moz-llinear-gradient(top, #ACACAC, #BBB); background-image: linear-gradient(to bottom, #ACACAC, #BBB); } .rsDefault .rsFullscreenBtn { right: 0; top: 0; width: 44px; height: 44px; z-index: 22; display: block; position: absolute; cursor: pointer; } .rsDefault .rsFullscreenIcn { display: block; margin: 6px; width: 32px; height: 32px; background: url(rs-default.html) 0 0; background-color: #000; background-color: rgba(0,0,0,.75); *background-color: #000; border-radius: 2px; } .rsDefault .rsFullscreenIcn:hover { background-color: rgba(0,0,0,.9); } .rsDefault.rsFullscreen .rsFullscreenIcn { background-position: -32px 0; } .rsDefault .rsPlayBtn { -webkit-tap-highlight-color: rgba(0,0,0,.3); width: 64px; height: 64px; margin-left: -32px; margin-top: -32px; cursor: pointer; } .rsDefault .rsPlayBtnIcon { width: 64px; display: block; height: 64px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-transition: .3s; -moz-transition: .3s; transition: .3s; background: url(rs-default.html) no-repeat 0 -32px; background-color: #000; background-color: rgba(0,0,0,.75); *background-color: #000; } .rsDefault .rsPlayBtn:hover .rsPlayBtnIcon { background-color: rgba(0,0,0,.9); } .rsDefault .rsBtnCenterer { position: absolute; left: 50%; top: 50%; } .rsDefault .rsCloseVideoBtn { right: 0; top: 0; width: 44px; height: 44px; z-index: 500; position: absolute; cursor: pointer; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); } .rsDefault .rsCloseVideoBtn.rsiOSBtn { top: -38px; right: -6px; } .rsDefault .rsCloseVideoIcn { margin: 6px; width: 32px; height: 32px; background: url(rs-default.html) -64px 0; background-color: #000; background-color: rgba(0,0,0,.75); *background-color: #000; } .rsDefault .rsCloseVideoIcn:hover { background-color: rgba(0,0,0,.9); } .rsDefault .rsPreloader { width: 20px; height: 20px; background-image: url(../preloaders/preloader-white.html); left: 50%; top: 50%; margin-left: -10px; margin-top: -10px; } .rsDefault .rsGCaption { position: absolute; float: none; bottom: 6px; left: 6px; text-align: left; background: #000; background: rgba(0,0,0,.75); color: #FFF; padding: 2px 8px; width: auto; font-size: 12px; border-radius: 2px; } .headings { padding: 0 0 40px; text-align: center; } .headings .primaryHeading, .headings .secondaryHeading { padding: 0; } .headings .subHeading, .headings .subOverview { margin: 20px auto; max-width: 80%; } @media screen and (min-width:1px) and (max-width:740px) { .headings { padding: 0 0 20px; } .headings .subHeading, .headings .subOverview { margin: 20px auto 0; } } .shelfComponent { display: block; padding: 80px 90px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .shelfComponent:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } @media screen and (min-width:1px) and (max-width:961px) { .shelfComponent { padding: 40px; } } @media screen and (min-width:1px) and (max-width:740px) { .shelfComponent { padding: 30px; } } .GridListWrapper { width: 100%; display: block; padding: 80px 60px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .GridListWrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .GridListWrapper p.totals { text-align: center; color: #000; } .GridListWrapper .items { font-size: 0; } .GridListWrapper .items .el { float: none; display: inline-block; vertical-align: top; width: 33.3%; padding: 20px; top: 0; } .GridListWrapper .items .el img { width: 100%; height: auto; padding-bottom: 20px; } .GridListWrapper .items .el h3 { font-family: Arial; font-weight: 700; font-size: 12px; padding-bottom: 10px; } .GridListWrapper .items .el h3 a { text-decoration: none; } .GridListWrapper .items .el .carouselImageLink, .GridListWrapper .items .el .fullscreen { margin: 0; padding: 0; } .GridListWrapper .items .el .carouselImageLink:before, .GridListWrapper .items .el .fullscreen:before { content: ""; } .GridListWrapper .items .el .fullscreen { display: inline; } .GridListWrapper .items .el .carouselImageLink { display: inline-block; margin-bottom: 20px; } .GridListWrapper .items .el .carouselImageLink img { padding-bottom: 0; } .GridListWrapper .items .el p.date { font-size: 12px; padding-bottom: 10px; color: #4e4e4e; } .GridListWrapper .items[data-total="2"] .el { width: 49.9%; } .GridListWrapper .items[data-total="1"] .el { width: 49.9%; float: none; display: block; margin: auto; } .GridListWrapper .ctaContainer { text-align: center; } .GridListWrapper.dark .items .el p.date, .GridListWrapper.dark p.totals, .GridListWrapper.grey .items .el p.date, .GridListWrapper.grey p.totals { color: #fff; } #landrover .GridListWrapper .ctaContainer .primaryLinkWithStyle, #landrover .GridListWrapper .ctaContainer .secondaryLinkWithStyle { margin: 20px 0 0; } @media screen and (min-width:1px) and (max-width:961px) { .GridListWrapper { padding: 40px; } .GridListWrapper .items .el { width: 49.9%; } } @media screen and (min-width:1px) and (max-width:740px) { .GridListWrapper { padding: 30px; } .GridListWrapper .items .el { width: 100%!important; padding: 15px 0; } } .TabFilter { display: none; margin: 0 auto; border: 1px solid #fff; } .TabFilter li { list-style-type: none; display: table-cell; vertical-align: middle; width: auto; max-width: 300px; font-size: 10px; letter-spacing: .25em; font-weight: 700; border-right: 1px solid #fff; color: #fff; } .TabFilter li a { text-decoration: none; padding: 10px 25px; display: block; } .TabFilter li a:hover, .TabFilter li.active, .TabFilter li.active a, .TabFilter li:hover { background-color: #fff; color: #000; } .TabFilter li:last-child { border-right: none!important; } .TabFilter a, .TabFilter li { -webkit-transition: background-color 400ms, color 400ms; -webkit-transition-delay: ease, ease; -moz-transition: background-color 400ms ease, color 400ms ease; -o-transition: background-color 400ms ease, color 400ms ease; transition: background-color 400ms ease, color 400ms ease; } .TabFilter[data-total="1"] li { width: 100%; } .TabFilter[data-total="2"] li { width: 50%; } .TabFilter[data-total="3"] li { width: 33%; } .TabFilter[data-total="4"] li { width: 25%; } .TabFilter[data-total="5"] li { width: 20%; } .TabFilter[data-total="6"] li { width: 16%; } .TabFilter.light { border: 1px solid #393939; } .TabFilter.light li { border-right: 1px solid #393939; color: #393939; } .TabFilter.light li a:hover, .TabFilter.light li.active, .TabFilter.light li.active a, .TabFilter.light li:hover { background-color: #393939; color: #fff; } @media screen and (min-width:1px) and (max-width:740px) { .TabFilter li { font-size: 9px; } .TabFilter li a { padding: 10px; } } .MainNavigation { left: 189px; top: 57px; right: 0; position: absolute; z-index: 8; border-top: solid 1px #333; } .MainNavigation .inactiveSearchButton, .MainNavigation a, .MainNavigation button { display: block; background-color: #0c121c; color: #fff; text-align: center; text-decoration: none; font-family: Arial; font-size: 9px; font-weight: normal; letter-spacing: .35em; border: none; margin: 0; padding: 0; -webkit-transition: background-color 400ms; -webkit-transition-delay: ease; -moz-transition: background-color 400ms ease; -o-transition: background-color 400ms ease; transition: background-color 400ms ease; } .MainNavigation .inactiveSearchButton:focus, .MainNavigation .inactiveSearchButton:hover, .MainNavigation a:focus, .MainNavigation a:hover, .MainNavigation button:focus, .MainNavigation button:hover { background-color: #4e4e4e; border-bottom: 1px solid rgba(34,34,34,.2); } .MainNavigation .inactiveSearchButton span, .MainNavigation a span, .MainNavigation button span { display: inline-block; line-height: 14px; vertical-align: middle; -webkit-transform-style: preserve-3d; font-size: 9px; color: #fff; } .MainNavigation .primaryNav { /*margin-right: 70px*/ } .MainNavigation .primaryNav[data-total="3"] ul li { width: 20%; float: none; display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; margin-left: -4px; } .MainNavigation .primaryNav[data-total="3"] ul li:first-child { border-left: solid 1px #333; } .MainNavigation .primaryNav[data-total="4"] ul li { width: 25%; float: left; display: block; margin-left: 0; } .MainNavigation .primaryNav[data-total="5"] ul li { width: 20%; float: left; display: block; margin-left: 0; } .MainNavigation .primaryNav[data-total="6"] ul li { width: 16.666%; float: left; display: block; margin-left: 0; } .MainNavigation .primaryNav[data-total="6"] ul li a { font-size: 9px; letter-spacing: .2em; } .MainNavigation ul { text-align: right; } .MainNavigation ul li { float: left; display: block; width: 20%; border-right: solid 1px #333; } .MainNavigation ul li.vehicles span:after { content: '\e008'; font-size: 12px; position: relative; top: -2px; margin-left: 6px; } .MainNavigation ul li.vehicles.activeOverlay span:after { content: '\e009'; margin-left: 6px; } .MainNavigation ul li.active a { background-color: #4e4e4e; border-bottom: 1px solid rgba(34,34,34,.2); } .MainNavigation ul li a, .MainNavigation ul li button { height: 70px; line-height: 70px; } .MainNavigation ul.activeOverlay li.active a { background-color: inherit; border-bottom: 0; } .MainNavigation ul.activeOverlay li.vehicles a { background-color: #4e4e4e; border-bottom: 1px solid rgba(34,34,34,.2); } .MainNavigation .MainNavSearchForm { display: block; position: relative; width: 0; height: 70px; float: left; overflow: hidden; z-index: 2; background-color: #0c121c; } .no-js .MainNavigation .MainNavSearchForm { width: 100%; position: relative; } .MainNavigation .MainNavSearchForm label { display: block; font-size: 20px; font-family: Arial; color: #cbcbce; top: 25px; letter-spacing: .1em; } .MainNavigation .MainNavSearchForm .searchText { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 106px; line-height: 106px; padding: 0; background-color: #0c121c; color: #fff; border: none; font-family: Arial; font-size: 20px; letter-spacing: .1em; outline: 0; padding-left: 0; text-indent: 0; } .MainNavigation .MainNavSearchForm .searchText::-ms-clear { display: none; } .MainNavigation .SearchButton { width: 70px; height: 70px; position: absolute; top: 0; right: 0; overflow: hidden; background-color: #0c121c; } .MainNavigation .SearchButton .inactiveSearchButton, .MainNavigation .SearchButton button, .MainNavigation .SearchButton > a { height: 70px; width: 70px; cursor: pointer; outline: 0; float: left; line-height: 70px; } .MainNavigation .SearchButton .inactiveSearchButton span, .MainNavigation .SearchButton button span, .MainNavigation .SearchButton > a span { text-indent: -999em; } .MainNavigation .SearchButton .inactiveSearchButton:before, .MainNavigation .SearchButton button:before, .MainNavigation .SearchButton > a:before { content: '\e02d'; font-size: 18px; font-weight: 400; } .MainNavigation .SearchButton .searchButtonClose:before { content: '\e00a'; } .MainNavigation .SearchButton .inactiveSearchButton { cursor: auto; } .MainNavigation .SearchButton .inactiveSearchButton:focus, .MainNavigation .SearchButton .inactiveSearchButton:hover { background-color: #0c121c; } .MainNavigation .LocationButton, .MainNavigation .MoreButton { display: none; width: 50px; position: absolute; top: 0; right: 0; } .MainNavigation .LocationButton span, .MainNavigation .MoreButton span { height: 0; overflow: hidden; line-height: 0; padding-top: 0; display: block; } .MainNavigation .LocationButton a:before, .MainNavigation .MoreButton a:before { content: '\e003'; font-size: 14px; height: 50px; line-height: 50px; } .MainNavigation .LocationButton { border-left: solid 1px #333; } .MainNavigation .LocationButton a:before { content: '\e01b'; font-size: 19px; padding-left: 3px; } .MainNavigation .LocationButton a.active { background-color: #4e4e4e; } html.no-js .MainNavigation ul li.vehicles span:after { content: ""; margin-left: 0; top: 0; } @media screen and (min-width:901px) { #landrover { padding-top: 0!important; } } @media screen and (min-width:1px) and (max-width:961px) { .MainNavigation { top: 0; left: 91px; border-top: 0; } .MainNavigation .SearchButton { display: none; } .MainNavigation .MoreButton { display: block; } .MainNavigation .primaryNav { margin-right: 50px; } .MainNavigation .primaryNav[data-total="6"] a { font-size: 8px; } .MainNavigation .primaryNav li { border-top: 0; } .MainNavigation .primaryNav li.vehicles a span { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 100%; } .MainNavigation .primaryNav li.vehicles a span:after { margin-left: 5px; font-size: 10px; } .MainNavigation .primaryNav li a, .MainNavigation .primaryNav li button { font-size: 9px; height: 50px; line-height: 50px; } } @media screen and (min-width:1px) and (max-width:740px) { #landrover .MainNavigation.withLocation .primaryNav { margin-right: 100px; } #landrover .MainNavigation .primaryNav li { display: none; } #landrover .MainNavigation .primaryNav li a, #landrover .MainNavigation .primaryNav li button { letter-spacing: .35em; font-size: 10px; } #landrover .MainNavigation .primaryNav li.vehicles { display: block; float: none; width: auto; border-right: none; } #landrover .MainNavigation .primaryNav li.vehicles span:after { font-size: 12px; margin-left: 6px; } #landrover .MainNavigation .LocationButton { display: block; right: 50px; } #landrover .MainNavigation .MoreButton { border-left: solid 1px rgba(178, 178, 177,1); width: 50px; } #landrover .MainNavigation .MoreButton a, #landrover .MainNavigation .MoreButton button { height: 50px; } } .SubNavigation { width: 100%; background: #4e4e4e; position: relative; z-index: 2; } .SubNavigation .SubNavigationContainer { position: relative; height: 41px; overflow: hidden; } .SubNavigation .SubNavigationContainer .navigationModelSwitcherButtonContainer { float: left; height: 41px; overflow: hidden; border-right: 1px solid rgba(34,34,34,.2); } .SubNavigation .SubNavigationContainer .navigationModelSwitcherButtonContainer div { font-family: Arial; font-weight: 700; font-size: 9px; letter-spacing: .2em; white-space: nowrap; line-height: 41px; color: #cbcbce; display: block; } .SubNavigation .SubNavigationContainer .navigationModelSwitcherButtonContainer div.activeSwitcherButton a, .SubNavigation .SubNavigationContainer .navigationModelSwitcherButtonContainer div:focus a, .SubNavigation .SubNavigationContainer .navigationModelSwitcherButtonContainer div:hover a { color: #cbcbce; display: block; } .SubNavigation .SubNavigationContainer .navigationModelSwitcherButtonContainer div a { display: block; } .SubNavigation .SubNavigationContainer .navigationModelSwitcherButtonContainer div a, .SubNavigation .SubNavigationContainer .navigationModelSwitcherButtonContainer div span { color: #fff; text-decoration: none; padding: 0 50px; } .SubNavigation .SubNavigationContainer .navigationModelSwitcherButtonContainer div i { position: relative; top: -2px; font-size: 10px; } .SubNavigation .SubNavigationContainer .navigationModelSwitcherButtonContainer.active { position: relative; top: -41px; height: 82px; background-color: #333; } .SubNavigation .SubNavigationContainer .SubNavigationDivider { display: block; opacity: 0; height: 1px; background-color: rgba(34,34,34,.2); position: absolute; top: 20px; left: 0; width: 100%; } .SubNavigation .SubNavigationContainer li { font-family: Arial; font-weight: 700; font-size: 9px; letter-spacing: .2em; float: left; white-space: nowrap; } .SubNavigation .SubNavigationContainer li a { color: #fff; text-decoration: none; display: block; padding: 0 25px; line-height: 41px; } .SubNavigation .SubNavigationContainer li a:focus, .SubNavigation .SubNavigationContainer li a:hover { color: #cbcbce; } .SubNavigation .SubNavigationContainer li.active a { color: #cbcbce; background-color: #333; } .SubNavigation .SubNavigationContainer .SubNavigationModels { float: left; display: block; } .SubNavigation .SubNavigationContainer .SubNavigationModels li a:after { content: '\e800'; content: '\e008'; font-size: 6px; line-height: 1em; position: relative; top: -2px; padding-left: 5px; } .SubNavigation .SubNavigationContainer .SubNavigationModels li.active { background-color: #222; } .SubNavigation .SubNavigationContainer .SubNavigationButtons { font-size: 9px; line-height: 1em; letter-spacing: .15em; position: absolute; top: 9px; right: 7px; padding: 5px 4px 3px 10px; cursor: pointer; font-weight: 700; color: #696868; background: #ddd; } .SubNavigation .SubNavigationContainer .SubNavigationButtons:after { content: '\e800'; font-size: 15px; padding-left: 10px; } .SubNavigation .SubNavigationContainer .SubNavigationButtons:before { content: ""; width: 1px; height: 100%; position: absolute; right: 29px; top: 0; background-color: #cbcbce; } .SubNavigation .SubNavigationContainer .SubNavigationButtons:focus, .SubNavigation .SubNavigationContainer .SubNavigationButtons:hover { color: #000; } .SubNavigation .SubNavigationContainer .MoreButton { display: none; } .SubNavigation .SubNavigationContainer .MoreButton:after { content: '\e024'; } .SubNavigation .SubNavigationContainer .LessButton { display: none; } .SubNavigation .SubNavigationContainer .LessButton:after { content: '\e01c'; } .no-js .SubNavigationContainer { height: auto; overflow: hidden; } @media screen and (min-width:1px) and (max-width:1024px) { .SubNavigation .SubNavigationContainer li { letter-spacing: .15em; } } @media screen and (min-width:1px) and (max-width:961px) { body.hasSubNavigation { padding-top: 132px; } .SubNavigation { padding-left: 0; z-index: 5; } } .ShoppingToolsMenu { float: right; margin-top: 20px; margin-right: 20px; } .ShoppingToolsMenu li { float: left; position: relative; vertical-align: middle; height: 37px; line-height: 37px; } .ShoppingToolsMenu li.ShoppingToolsButton { line-height: 38px; } .ShoppingToolsMenu li.ShoppingToolsButton > a:after { content: '\e008'; font-size: 9px; position: relative; padding-left: 4px; top: -2px; } .ShoppingToolsMenu li.active { background-color: #4e4e4e; } .ShoppingToolsMenu li.active > a { color: #fff; } .ShoppingToolsMenu li.active > a:after { content: '\e009'; } .ShoppingToolsMenu li a { text-decoration: none; color: #cbcbce; padding: 0 20px; font-family: Arial; font-size: 8px; letter-spacing: .3em; display: block; -webkit-transform-style: preserve-3d; } .ShoppingToolsMenu li a:focus, .ShoppingToolsMenu li a:hover { color: #fff; } .ShoppingToolsMenu li a .icon-chevron-down { display: inline-block; } .ShoppingToolsMenu li a .icon-chevron-up { display: none; } .ShoppingToolsMenu li a .icon-right-open-big { position: relative; font-size: 9px; top: -1px; margin-right: 3px; } .ShoppingToolsMenu .ShoppingToolsDropdown { position: absolute; right: 0; z-index: 10; display: none; } .ShoppingToolsMenu .ShoppingToolsDropdown li { background-color: #222; background-image: url(/Content/resources/images/texture-darkest-grey.png); background-repeat: repeat; border-top: solid 1px #333; width: 100%; height: auto; line-height: 18px; } .ShoppingToolsMenu .ShoppingToolsDropdown li:focus, .ShoppingToolsMenu .ShoppingToolsDropdown li:hover { background-color: #393939; background-image: url(/Content/resources/images/texture-dark-grey.png); background-repeat: repeat; } .ShoppingToolsMenu .ShoppingToolsDropdown li a { color: #cbcbce; padding: 10px 20px; } @media screen and (min-width:1px) and (max-width:1050px) { .ShoppingToolsMenu li a { padding: 0 6px; } } @media screen and (min-width:1px) and (max-width:961px) { .ShoppingToolsMenu { display: none; } } #sidebarOverlay { pointer-events: none; } .SlideOutMenu { position: fixed; right: -1000px; top: 0; bottom: 0; z-index: 12; } .SlideOutMenu .MoreButton { float: left; width: 50px; } .SlideOutMenu .MoreButton a { background-color: #4e4e4e; display: block; height: 50px; line-height: 50px; text-align: center; font-size: 13px; } .SlideOutMenu .links { width: 270px; float: left; height: 100%; background-color: #222; background-image: url(/Content/resources/images/texture-darkest-grey.png); background-repeat: repeat; } .SlideOutMenu .search { float: left; width: 100%; background-color: #0c121c; height: 50px; position: relative; } .SlideOutMenu .search > span { display: block; height: 50px; overflow: hidden; padding: 15px; -webkit-backface-visibility: hidden; } .SlideOutMenu .search input { background-color: #242424; border: medium none; -webkit-backface-visibility: hidden; color: #fff; display: block; font-family: Arial, Helvetica, sans-serif; font-size: 11px; height: 21px; line-height: 21px; outline: medium none; padding: 0 10px 0 25px; letter-spacing: .1em; width: 100%; background-image: url(/Content/resources/images/icons/search.gif); background-position: 0 center; background-repeat: no-repeat; background-size: 20px auto; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .SlideOutMenu .search input::-webkit-input-placeholder { color: #cbcbce; } .SlideOutMenu .search input:-moz-placeholder { color: #cbcbce; } .SlideOutMenu .search input::-moz-placeholder { color: #cbcbce; } .SlideOutMenu .search input:-ms-input-placeholder { color: #cbcbce; } .SlideOutMenu .search input::-webkit-search-cancel-button { -webkit-appearance: none; } .SlideOutMenu .search input::-ms-clear { display: none; } .SlideOutMenu .search .btn { height: 21px; position: absolute; right: 10px; display: none; opacity: 1; top: 20px; width: 65px; margin: 0; padding: 0; border: none; font-size: 12px; background-color: #0c121c; color: #fff; cursor: hand; cursor: pointer; letter-spacing: .15em; } .SlideOutMenu .cover, .SlideOutMenu .navigation { position: absolute; top: 0; bottom: 0; right: 0; overflow-y: auto; z-index: 12 !important; -webkit-overflow-scrolling: touch; } .SlideOutMenu .cover { z-index: 5; height: 0; background-color: #ddd; background-image: url(/Content/resources/images/texture-grey-mist.png); background-repeat: repeat; } .SlideOutMenu ul { width: 100%; float: left; } .SlideOutMenu ul.first, .SlideOutMenu ul.firstt { display: none; } .SlideOutMenu ul.first > li, .SlideOutMenu ul.firstt > li { clear: both; border-top: solid 1px #333; width: 100%; background: #0c121c; position: relative; overflow: hidden; *zoom: 1; } .SlideOutMenu ul.first > li > a:after /*.SlideOutMenu ul.firstt > li > a:after*/ { content: '\e024'; position: absolute; right: 25px; top: 17px; font-size: 21px; } .SlideOutMenu ul.first > li a, .SlideOutMenu ul.firstt > li a { line-height: 1.3em; padding: 18px 55px 18px 25px; display: block; text-decoration: none; font-size: 10px; letter-spacing: .15em; } .SlideOutMenu ul.first > li a:focus, .SlideOutMenu ul.first > li a:hover, .SlideOutMenu ul.firstt > li a:focus, .SlideOutMenu ul.firstt > li a:hover { background-image: none; background-color: #333; } .SlideOutMenu ul.first > li.active > a, .SlideOutMenu ul.firstt > li.active > a { background-color: #333; } .SlideOutMenu ul.first > li.active > a:after, .SlideOutMenu ul.firstt > li.active > a:after { content: '\e01c'; } .SlideOutMenu ul.first > li ul, .SlideOutMenu ul.firstt > li ul { float: none; background-color: #4e4e4e; } .SlideOutMenu ul.first > li ul li, .SlideOutMenu ul.firstt > li ul li { border-top: 1px solid rgba(34,34,34,.2); } .SlideOutMenu ul.first > li ul li.active a, .SlideOutMenu ul.firstt > li ul li.active a { background-color: #333; } .SlideOutMenu ul.first > li ul li a, .SlideOutMenu ul.firstt > li ul li a { line-height: 15px; padding: 13px 25px; color: #cbcbce; position: relative; font-weight: 700; } .SlideOutMenu ul.first > li ul li a:before, .SlideOutMenu ul.firstt > li ul li a:before { content: '\e800'; content: '\e02c'; float: none; font-size: 10px; margin-right: 5px; position: absolute; top: 16px; } .SlideOutMenu ul.first > li ul li a span, .SlideOutMenu ul.firstt > li ul li a span { display: inline-block; width: 89%; margin-left: 20px; } .SlideOutMenu ul.first > li ul li a:focus, .SlideOutMenu ul.first > li ul li a:hover, .SlideOutMenu ul.firstt > li ul li a:focus, .SlideOutMenu ul.firstt > li ul li a:hover { background-color: #333; color: #fff; } .SlideOutMenu ul.second li { border-top: solid 1px #0c121c; width: 100%; height: auto; } .SlideOutMenu ul.second li:first-child { border-top: none; } .SlideOutMenu ul.second li a { color: #cbcbce; padding: 0 25px; line-height: 50px; display: block; text-decoration: none; font-size: 9px; letter-spacing: .15em; background-color: #222; background-image: url(/Content/resources/images/texture-darkest-grey.png); background-repeat: repeat; } .SlideOutMenu ul.second li a [class*=icon-], .SlideOutMenu ul.second li a [class^=icon-] { margin-right: 10px; text-align: center; width: 18px; font-size: 17px; } .SlideOutMenu ul.second li a:focus, .SlideOutMenu ul.second li a:hover { background-image: none; background-color: #4e4e4e; } .SlideOutMenu ul.third { border-top: solid 1px #0c121c; background-color: #222; background-image: url(/Content/resources/images/texture-darkest-grey.png); background-repeat: repeat; padding: 13px 0; } .SlideOutMenu ul.third li { width: 100%; height: auto; } .SlideOutMenu ul.third li a { color: #cbcbce; padding: 11px 25px; display: block; text-decoration: none; font-size: 9px; letter-spacing: .15em; } .SlideOutMenu ul.third li a:before { content: '\e02c'; margin-right: 6px; color: #696868; } .SlideOutMenu ul.third li a:focus, .SlideOutMenu ul.third li a:hover { color: #4e4e4e; } .SlideOutMenu .autoCompleteMenu { z-index: 6; top: 50px; max-height: none; } @media screen and (min-width:1px) and (max-width:740px) { .links ul { width: 100%; float: left; } .links ul.first, .links ul.firstt { display: block; } .VehicleSelector { padding-bottom: 120px !important; } } .SiteNavigation { background: #fff; padding: 40px 90px 80px; } .SiteNavigation .SiteNavigationFirst > li, .SiteNavigation .SiteNavigationSecond > li { border-bottom: 1px solid #eaeaea; color: #222; padding: 80px 0; } .SiteNavigation .SiteNavigationFirst > li a, .SiteNavigation .SiteNavigationSecond > li a { color: #222; font-size: 12px; text-decoration: none; display: inline-block; line-height: 1.1em; } .SiteNavigation .SiteNavigationFirst > li > a, .SiteNavigation .SiteNavigationSecond > li > a { font-size: 16px; margin-bottom: 40px; } .SiteNavigation .SiteNavigationFirst > li .SiteNavigationSubNav, .SiteNavigation .SiteNavigationSecond > li .SiteNavigationSubNav { overflow: hidden; } .SiteNavigation .SiteNavigationFirst > li .SiteNavigationSubNav > li:nth-child(4n+1), .SiteNavigation .SiteNavigationSecond > li .SiteNavigationSubNav > li:nth-child(4n+1) { clear: both; } .SiteNavigation .SiteNavigationFirst > li .SiteNavigationSubNav li, .SiteNavigation .SiteNavigationSecond > li .SiteNavigationSubNav li { float: left; width: 25%; padding-right: 20px; } .SiteNavigation .SiteNavigationFirst > li .SiteNavigationSubNav li a, .SiteNavigation .SiteNavigationSecond > li .SiteNavigationSubNav li a { font-weight: 700; margin-bottom: 16px; } .SiteNavigation .SiteNavigationFirst > li .SiteNavigationSubNav li a:hover, .SiteNavigation .SiteNavigationSecond > li .SiteNavigationSubNav li a:hover { color: #696868; } .SiteNavigation .SiteNavigationFirst > li .SiteNavigationSubNav li .SiteNavigationTertiaryNav li, .SiteNavigation .SiteNavigationSecond > li .SiteNavigationSubNav li .SiteNavigationTertiaryNav li { float: none; width: auto; } .SiteNavigation .SiteNavigationFirst > li .SiteNavigationSubNav li .SiteNavigationTertiaryNav li a, .SiteNavigation .SiteNavigationSecond > li .SiteNavigationSubNav li .SiteNavigationTertiaryNav li a { font-weight: 400; padding-left: 18px; position: relative; } .SiteNavigation .SiteNavigationFirst > li .SiteNavigationSubNav li .SiteNavigationTertiaryNav li a:before, .SiteNavigation .SiteNavigationSecond > li .SiteNavigationSubNav li .SiteNavigationTertiaryNav li a:before { content: '\e02c'; position: absolute; left: 0; font-size: 10px; } .SiteNavigation .SiteNavigationFirst > li .SiteNavigationSubNav li .SiteNavigationTertiaryNav li ul, .SiteNavigation .SiteNavigationSecond > li .SiteNavigationSubNav li .SiteNavigationTertiaryNav li ul { margin-left: 18px; } @media screen and (min-width:1px) and (max-width:961px) { .SiteNavigation { padding: 40px; } .SiteNavigation .SiteNavigationFirst > li, .SiteNavigation .SiteNavigationSecond > li { padding: 40px 0; } .SiteNavigation .SiteNavigationFirst > li .SiteNavigationSubNav li, .SiteNavigation .SiteNavigationSecond > li .SiteNavigationSubNav li { width: 50%; } .SiteNavigation .SiteNavigationFirst > li .SiteNavigationSubNav > li:nth-child(2n+1), .SiteNavigation .SiteNavigationSecond > li .SiteNavigationSubNav > li:nth-child(2n+1) { clear: both; } } @media screen and (min-width:1px) and (max-width:740px) { .SiteNavigation { padding: 0 40px; } .SiteNavigation .SiteNavigationFirst > li .SiteNavigationSubNav li, .SiteNavigation .SiteNavigationSecond > li .SiteNavigationSubNav li { width: 100%; } .SiteNavigation .SiteNavigationFirst > li .SiteNavigationSubNav li .SiteNavigationTertiaryNav, .SiteNavigation .SiteNavigationSecond > li .SiteNavigationSubNav li .SiteNavigationTertiaryNav { padding-bottom: 10px; } } .IgniteBar { position: absolute; right: 0; top: 50%; z-index: 4; width: 50px; -webkit-transition: margin 1s; -webkit-transition-delay: 0s; -moz-transition: margin 1s; -o-transition: margin 1s; transition: margin 1s; } .IgniteBar li { clear: both; width: 50px; height: 50px; } .IgniteBar li > span { display: none; float: right; -webkit-transition: background-color .2s; -webkit-transition-delay: 0s; -moz-transition: background-color .2s; -o-transition: background-color .2s; transition: background-color .2s; background-color: #0c121c; height: 50px; width: auto; text-align: right; line-height: 50px; margin-right: 50px; font-size: 8px; letter-spacing: 3px; z-index: 7; } .IgniteBar li > span > a { display: block; text-decoration: none; white-space: nowrap; width: 100%; padding-left: 25px; padding-right: 5px; } .IgniteBar li.hover > a, .IgniteBar li.hover > span, .IgniteBar li:focus > a, .IgniteBar li:focus > span { background-color: #141b27; } .IgniteBar li.share span { z-index: 1; position: relative; } .IgniteBar li.scrollToTop { margin-top: 50px; } .IgniteBar li > a { z-index: 8; position: absolute; right: 0; text-decoration: none; border-bottom: solid 1px #4e4e4e; background-color: #0c121c; width: 50px; height: 50px; -webkit-backface-visibility: hidden; display: block; -webkit-transition: background-color .2s; -webkit-transition-delay: 0s; -moz-transition: background-color .2s; -o-transition: background-color .2s; transition: background-color .2s; } .IgniteBar li > a:focus, .IgniteBar li > a:hover { background-color: #141b27; } .IgniteBar li > a div { width: auto; height: 50px; line-height: 50px; text-align: center; font-size: 20px; margin-top: -1px; } .IgniteBar li > a div.icon-ignite-brochure:before { font-size: 18px; } .IgniteBar li > a div.icon-share:before { font-size: 18px; margin-top: -2px; } .IgniteBar li > a div.addThis { display: inline; } .IgniteBar li > a div.addThis:before { content: '\e003'; } .IgniteBar li:nth-last-child(2) > span { height: 49px; line-height: 49px; } .IgniteBar li:nth-last-child(2) a { /*border-bottom: 0*/ } .IgniteBar li .SocialSharing { background-color: #141b27; } .IgniteBar li .SocialSharing a { background: 0 0; filter: none; } .IgniteBar li.scrollToTop { display: none; filter: alpha(Opacity=0); opacity: 0; } .IgniteBar li.scrollToTop a { background-color: #0c121c; color: #fff; } .IgniteBar li.scrollToTop a:focus, .IgniteBar li.scrollToTop a:hover { background-color: #141b27; color: #fff; } .IgniteBar li:last-child a { border-bottom: 0; height: 50px; } .IgniteBar li:last-child a div { height: 49px; line-height: 50px; } .IgniteBar li.scrollToTop a div { font-size: 16px; margin-right: 1px; margin-top: -2px; } .IgniteBar[data-total="2"] { margin-top: -50.5px; } .IgniteBar[data-total="3"] { margin-top: -76px; } .IgniteBar[data-total="4"] { margin-top: -101.5px; } .IgniteBar[data-total="5"] { margin-top: -127px; } .IgniteBar[data-total="6"] { margin-top: -152.5px; } html.no-js .IgniteBar li.share { display: none; } body .IgniteBar { top: 0; } body.withSubNavigation .IgniteBar { top: -webkit-calc((100% + 108px + 41px) / 2); top: -moz-calc((100% + 108px + 41px) / 2); top: calc((100% + 108px + 41px) / 2); } @media screen and (min-width:1px) and (max-width:961px) { .IgniteBar { display: none; } } .IgniteBarDevice { display: none; border-top: solid 1px #333; overflow: hidden; } .IgniteBarDevice li { display: block; float: left; } .IgniteBarDevice li a { display: block; background: #0c121c; text-align: center; border-left: solid 1px #333; padding: 7px 0 9px; text-decoration: none; font-size: 8px; letter-spacing: .2em; -webkit-transition-duration: .5s; -khtml-transition-duration: .5s; -moz-transition-duration: .5s; -ms-transition-duration: .5s; -o-transition-duration: .5s; transition-duration: .5s; } .IgniteBarDevice li a:focus, .IgniteBarDevice li a:hover { background: #4e4e4e; } .IgniteBarDevice li a span { display: block; margin: 0 auto 3px; height: 28px; font-weight: 400; font-size: 19px; letter-spacing: .12em; position: relative; top: 2px; } .IgniteBarDevice li a span.brochure:before { content: '\e014'; } .IgniteBarDevice li a span.configure:before { content: '\e015'; } .IgniteBarDevice li a span.drive:before { content: '\e016'; } .IgniteBarDevice li a span.dealer:before { content: '\e01b'; } .IgniteBarDevice li a span.share:before { content: '\e02f'; } .IgniteBarDevice li:first-child a { border: none; } .IgniteBarDevice[data-total="2"] li { width: 50%; } .IgniteBarDevice[data-total="3"] li { width: 33.33%; } @media screen and (min-width:1px) and (max-width:740px) { .IgniteBarDevice { display: block; } } html.withVehicleSelector[style] { overflow-y: hidden; } html.withVehicleSelector[style] #header { position: fixed; top: 0; left: 0; width: 100%; z-index: 10; } html.withVehicleSelector[style] #header .MainNavigation ul li.vehicles span:after { content: '\e009'; margin-left: 10px; top: 2px; margin: 0px auto; display: block; } html.withVehicleSelector[style] #header .MainNavigation ul li.active a { background-color: #0c121c; } html.withVehicleSelector[style] #header .MainNavigation ul li.active a:focus, html.withVehicleSelector[style] #header .MainNavigation ul li.active a:hover, html.withVehicleSelector[style] #header .MainNavigation ul li.active.vehicles a, html.withVehicleSelector[style] #header .MainNavigation ul li.activeOverlay a { background-color: #4e4e4e; } html.withVehicleSelector[style] #header .SubNavigation { display: none; } @media screen and (min-width:1px) and (max-width:961px) { html.withVehicleSelector[style] { overflow-y: hidden; height: auto!important; } html.withVehicleSelector[style] #header { position: fixed; } html.withVehicleSelector[style] .pageWrapper { padding-top: 0!important; } } .VehicleSelector { overflow: hidden; } .VehicleSelector .selectorSlider { width: 200%; position: relative; height: 100%; left: 0; } .VehicleSelector .vehicleList.hideVehicles .el { display: none; } .VehicleSelector.inPageVehicleSelector { padding: 50px; background-color: #222; background-image: url(/Content/resources/images/texture-darkest-grey.png); background-repeat: repeat; } .VehicleSelector.inPageVehicleSelector .VehicleSelectorWrapper { border-left: 1px solid #393939; } .VehicleSelector.inPageVehicleSelector .VehicleSelectorWrapper[data-total="7"] .el:nth-child(4n), .VehicleSelector.inPageVehicleSelector .VehicleSelectorWrapper[data-total="8"] .el:nth-child(4n), .VehicleSelector.inPageVehicleSelector .VehicleSelectorWrapper[data-total="4"] .el:nth-child(4n) { border-right: 1px solid #393939; } .VehicleSelector .VehicleSelectorWrapper { float: left; } .VehicleSelectorWrapper { min-height: 1px; float: none; width: 50%; max-height: 100%; overflow-x: hidden; overflow-y: hidden; } .VehicleSelectorWrapper img { width: 100%; height: auto; } .VehicleSelectorWrapper .el { width: 33.3%; text-align: center; border-right: 1px solid #393939; background-color: #222; background-image: url(/Content/resources/images/texture-darkest-grey.png); background-repeat: repeat; } .VehicleSelectorWrapper .el .modelWrapper, .VehicleSelectorWrapper .el .modelWrapper span, .VehicleSelectorWrapper .el .vehicleWrapper, .VehicleSelectorWrapper .el .vehicleWrapper span { display: block; } .VehicleSelectorWrapper .el .modelName, .VehicleSelectorWrapper .el .vehicleName { font-size: 15px; letter-spacing: .2em; margin: 25px 0 0; line-height: 1.2em; font-weight: 700; } .VehicleSelectorWrapper .el .imageLink, .VehicleSelectorWrapper .el .selectorContentLink { text-decoration: none; display: block; overflow: hidden; } .VehicleSelectorWrapper .el .selectorContent { padding: 0 10%; } .VehicleSelectorWrapper .el .price { color: #cbcbce; font-size: 11px; font-weight: 500; display: block; margin-top: 7px; letter-spacing: .3em; } .VehicleSelectorWrapper .el p { font-size: 13px; color: #fff; letter-spacing: .1em; margin-top: 18px; } .VehicleSelectorWrapper .el .vehicleSelectorButtons { margin-top: 28px; display: table; width: 100%; border-top: 1px solid #393939; border-bottom: 1px solid #393939; min-height: 50px; } .VehicleSelectorWrapper .el .selectorButton { display: table-cell; width: 50%; vertical-align: middle; text-align: center; padding: 12px 10px 10px; border-left: 1px solid rgba(117,117,117,.1); } .VehicleSelectorWrapper .el .selectorButton:first-child { border-left: none; } .VehicleSelectorWrapper .el .placeholder { background-color: #222; background-image: url(/Content/resources/images/texture-darkest-grey.png); background-repeat: repeat; height: 37px; border-top: 1px solid rgba(117,117,117,.1); } .VehicleSelectorWrapper.longLinks .el .vehicleSelectorButtons a { display: block; width: 100%; border-left: none; border-top: 1px solid rgba(117,117,117,.1); } .VehicleSelectorWrapper.longLinks .el .vehicleSelectorButtons a:first-child { border-top: none; } .VehicleSelectorWrapper[data-total="7"] .el, .VehicleSelectorWrapper[data-total="8"] .el, .VehicleSelectorWrapper[data-total="4"] .el { width: 24.9%; } .VehicleSelectorWrapper[data-total="7"] .el:nth-child(3n), .VehicleSelectorWrapper[data-total="8"] .el:nth-child(3n), .VehicleSelectorWrapper[data-total="4"] .el:nth-child(3n) { border-right: 1px solid #393939; } .VehicleSelectorWrapper[data-total="7"] .el:nth-child(4n), .VehicleSelectorWrapper[data-total="8"] .el:nth-child(4n), .VehicleSelectorWrapper[data-total="4"] .el:nth-child(4n) { border-right: 0; } @media screen and (min-width:1px) and (max-width:961px) { .VehicleSelectorWrapper .el { width: 49.9%; } .VehicleSelectorWrapper .el:nth-child(3n), .VehicleSelectorWrapper .el:nth-child(4n) { border-right: 1px solid #393939; } .VehicleSelectorWrapper .el .vehicleName { letter-spacing: .35em; } .VehicleSelectorWrapper[data-total="7"] .el, .VehicleSelectorWrapper[data-total="8"] .el, .VehicleSelectorWrapper[data-total="4"] .el { width: 49.9%; } } @media screen and (min-width:1px) and (max-width:740px) { .VehicleSelectorWrapper .el { width: 100%; text-align: left; border-bottom: 1px solid #393939; } .VehicleSelectorWrapper .el .modelWrapper, .VehicleSelectorWrapper .el .vehicleWrapper { display: table; } .VehicleSelectorWrapper .el img { float: left; width: 91px; } .VehicleSelectorWrapper .el .selectorContent { display: table-cell; vertical-align: middle; padding: 0 5%; width: 100%; } .VehicleSelectorWrapper .el .modelName, .VehicleSelectorWrapper .el .vehicleName { margin: 0; line-height: 1; font-size: 12px; letter-spacing: .15em; } .VehicleSelectorWrapper .el .price { font-size: 10px; margin-top: 7px; } .VehicleSelectorWrapper .el p { margin-top: 6px; font-size: 11px; letter-spacing: .05em; } .VehicleSelectorWrapper .el .vehicleSelectorButtons { display: none; } .VehicleSelectorWrapper[data-total="7"] .el, .VehicleSelectorWrapper[data-total="8"] .el, .VehicleSelectorWrapper[data-total="4"] .el { width: 100%; } } #landrover .VehicleSelectorWrapper .selectorButton:focus .secondaryLinkWithStyle, #landrover .VehicleSelectorWrapper .selectorButton:focus .secondaryLinkWithStyle:before, #landrover .VehicleSelectorWrapper .selectorButton:hover .secondaryLinkWithStyle, #landrover .VehicleSelectorWrapper .selectorButton:hover .secondaryLinkWithStyle:before { color: #696868; } #landrover .VehicleSelectorWrapper .secondaryLinkWithStyle { margin-top: 0; line-height: 1.2; } #landrover .VehicleSelectorWrapper .secondaryLinkWithStyle:before { top: 0; } .lt-ie9 #landrover .secondaryLinkWithStyle:before { display: none; } @media screen and (min-width:1px) and (max-width:740px) { .VehicleSelector.inPageVehicleSelector { padding: 0; border-top: 1px solid rgba(117,117,117,.1)rgba(117,117,117,.1); border-bottom: 1px solid rgba(117,117,117,.1)rgba(117,117,117,.1); } } @media screen and (min-width:2001px) { html.withVehicleSelector[style] #header, html.withVehicleSelector[style] #vehicleSelectorOverlay { left: 50%; margin-left: -1000px; } } #vehicleSelectorOverlay { position: fixed; height: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; } .overlay .selectorSlider > .vehicleList .el { filter: alpha(Opacity=0); opacity: 0; -webkit-transition: 400ms opacity; -webkit-transition-delay: 0s; -moz-transition: 400ms opacity; -o-transition: 400ms opacity; transition: 400ms opacity; } .overlay .selectorSlider > .vehicleList .el:nth-child(1) { -webkit-transition-delay: 0ms; -khtml-transition-delay: 0ms; -moz-transition-delay: 0ms; -ms-transition-delay: 0ms; -o-transition-delay: 0ms; transition-delay: 0ms; } .overlay .selectorSlider > .vehicleList .el:nth-child(2) { -webkit-transition-delay: 200ms; -khtml-transition-delay: 200ms; -moz-transition-delay: 200ms; -ms-transition-delay: 200ms; -o-transition-delay: 200ms; transition-delay: 200ms; } .overlay .selectorSlider > .vehicleList .el:nth-child(3) { -webkit-transition-delay: 400ms; -khtml-transition-delay: 400ms; -moz-transition-delay: 400ms; -ms-transition-delay: 400ms; -o-transition-delay: 400ms; transition-delay: 400ms; } .overlay .selectorSlider > .vehicleList .el:nth-child(4) { -webkit-transition-delay: 600ms; -khtml-transition-delay: 600ms; -moz-transition-delay: 600ms; -ms-transition-delay: 600ms; -o-transition-delay: 600ms; transition-delay: 600ms; } .overlay .selectorSlider > .vehicleList .el:nth-child(5) { -webkit-transition-delay: 800ms; -khtml-transition-delay: 800ms; -moz-transition-delay: 800ms; -ms-transition-delay: 800ms; -o-transition-delay: 800ms; transition-delay: 800ms; } .overlay .selectorSlider > .vehicleList .el:nth-child(6) { -webkit-transition-delay: 1000ms; -khtml-transition-delay: 1000ms; -moz-transition-delay: 1000ms; -ms-transition-delay: 1000ms; -o-transition-delay: 1000ms; transition-delay: 1000ms; } .overlay .selectorSlider > .vehicleList .el:nth-child(7) { -webkit-transition-delay: 1200ms; -khtml-transition-delay: 1200ms; -moz-transition-delay: 1200ms; -ms-transition-delay: 1200ms; -o-transition-delay: 1200ms; transition-delay: 1200ms; } .overlay .selectorSlider > .vehicleList .el:nth-child(8) { -webkit-transition-delay: 1400ms; -khtml-transition-delay: 1400ms; -moz-transition-delay: 1400ms; -ms-transition-delay: 1400ms; -o-transition-delay: 1400ms; transition-delay: 1400ms; } .overlay .selectorSlider > .vehicleList .el:nth-child(9) { -webkit-transition-delay: 1600ms; -khtml-transition-delay: 1600ms; -moz-transition-delay: 1600ms; -ms-transition-delay: 1600ms; -o-transition-delay: 1600ms; transition-delay: 1600ms; } .overlay .selectorSlider > .vehicleList .el:nth-child(10) { -webkit-transition-delay: 1800ms; -khtml-transition-delay: 1800ms; -moz-transition-delay: 1800ms; -ms-transition-delay: 1800ms; -o-transition-delay: 1800ms; transition-delay: 1800ms; } .overlay .selectorSlider > .vehicleList .el:nth-child(11) { -webkit-transition-delay: 2000ms; -khtml-transition-delay: 2000ms; -moz-transition-delay: 2000ms; -ms-transition-delay: 2000ms; -o-transition-delay: 2000ms; transition-delay: 2000ms; } .overlay .selectorSlider > .vehicleList .el:nth-child(12) { -webkit-transition-delay: 2200ms; -khtml-transition-delay: 2200ms; -moz-transition-delay: 2200ms; -ms-transition-delay: 2200ms; -o-transition-delay: 2200ms; transition-delay: 2200ms; } .overlay .selectorSlider > .vehicleList .el:nth-child(13) { -webkit-transition-delay: 2400ms; -khtml-transition-delay: 2400ms; -moz-transition-delay: 2400ms; -ms-transition-delay: 2400ms; -o-transition-delay: 2400ms; transition-delay: 2400ms; } .overlay .selectorSlider > .vehicleList .el:nth-child(14) { -webkit-transition-delay: 2600ms; -khtml-transition-delay: 2600ms; -moz-transition-delay: 2600ms; -ms-transition-delay: 2600ms; -o-transition-delay: 2600ms; transition-delay: 2600ms; } .overlay .selectorSlider > .vehicleList .el:nth-child(15) { -webkit-transition-delay: 2800ms; -khtml-transition-delay: 2800ms; -moz-transition-delay: 2800ms; -ms-transition-delay: 2800ms; -o-transition-delay: 2800ms; transition-delay: 2800ms; } .overlay .selectorSlider > .vehicleList .el:nth-child(16) { -webkit-transition-delay: 3000ms; -khtml-transition-delay: 3000ms; -moz-transition-delay: 3000ms; -ms-transition-delay: 3000ms; -o-transition-delay: 3000ms; transition-delay: 3000ms; } .overlay .selectorSlider > .vehicleList .el:nth-child(17) { -webkit-transition-delay: 3200ms; -khtml-transition-delay: 3200ms; -moz-transition-delay: 3200ms; -ms-transition-delay: 3200ms; -o-transition-delay: 3200ms; transition-delay: 3200ms; } .overlay .selectorSlider > .vehicleList .el:nth-child(18) { -webkit-transition-delay: 3400ms; -khtml-transition-delay: 3400ms; -moz-transition-delay: 3400ms; -ms-transition-delay: 3400ms; -o-transition-delay: 3400ms; transition-delay: 3400ms; } .overlay .selectorSlider > .vehicleList .el:nth-child(19) { -webkit-transition-delay: 3600ms; -khtml-transition-delay: 3600ms; -moz-transition-delay: 3600ms; -ms-transition-delay: 3600ms; -o-transition-delay: 3600ms; transition-delay: 3600ms; } .overlay .selectorSlider > .vehicleList .el:nth-child(20) { -webkit-transition-delay: 3800ms; -khtml-transition-delay: 3800ms; -moz-transition-delay: 3800ms; -ms-transition-delay: 3800ms; -o-transition-delay: 3800ms; transition-delay: 3800ms; } .overlay .selectorSlider > .vehicleList.showVehicles .el { filter: alpha(Opacity=100); opacity: 1; } .ModelSelector { text-align: center; width: 100%; height: 100%; position: relative; background-color: #393939; background-image: url(/Content/resources/images/texture-dark-grey.png); background-repeat: repeat; } .ModelSelector .modelSelectorHeader { padding: 15px 0 26px; text-align: center; } .ModelSelector .modelSelectorHeader .backButton { position: absolute; top: 67px; left: 10px; z-index: 3; font-size: 30px; text-decoration: none; padding: 15px; } .ModelSelector .modelSelectorHeader .backButton span { display: inline-block; text-indent: -9999px; } .ModelSelector .modelSelectorHeader .backButton:after { content: '\e00b'; } .ModelSelector .inPageModelSelectorHeader { display: none; } .ModelSelector .vehicleNameHeader { margin-bottom: 18px; } .ModelSelector .vehicleTagline { color: #fff; } .ModelSelector.withTabs .modelSelectorHeader { padding-top: 40px; } .ModelSelector.withTabs .backButton { top: 98px; } .ModelSelector .selectorContentLink { text-decoration: none; } .ModelSelector .el { filter: alpha(Opacity=100); opacity: 1; } .ModelSelector .el .unorderedList { margin-left: 0; width: 100%; } .ModelSelector .el .unorderedList li { float: left; width: 100%; text-align: left; font-size: 12px; } .ModelSelector .modelSelectorButtons { margin-top: 18px; } .ModelSelector .modelSelectorButtons .selectorButton { display: block; width: 100%; border-right: 0; border-top: 1px solid #393939; min-height: 40px; padding: 13px 0 12px; } .ModelSelector .tabContent[data-total="1"] .el { width: 33.3%; margin-left: 33.3%; } .ModelSelector .tabContent[data-total="2"] .el { width: 33.3%; } .ModelSelector .tabContent[data-total="2"] .el.firstModel { margin-left: 16.666%; } .ModelSelector .tabContent[data-total="7"] .el, .ModelSelector .tabContent[data-total="8"] .el, .ModelSelector .tabContent[data-total="10"] .el, .ModelSelector .tabContent[data-total="11"] .ModelSelector .tabContent[data-total="12"] .el, .ModelSelector .tabContent[data-total="4"] .el { width: 24.9%; } .ModelSelector.inPageModelSelector { z-index: 1; padding: 0 50px 50px; background-color: #222; background-image: url(/Content/resources/images/texture-darkest-grey.png); background-repeat: repeat; } .ModelSelector.inPageModelSelector .modelSelectorHeader { padding-top: 80px; } .ModelSelector.inPageModelSelector .inPageModelSelectorHeader { margin: 40px auto; display: inline-block; } .ModelSelector.inPageModelSelector .backButton, .ModelSelector.inPageModelSelector .vehicleNameHeader, .ModelSelector.inPageModelSelector .vehicleTagline { display: none; } .ModelSelector.inPageModelSelector .el { border-bottom: 1px solid #393939; } .ModelSelector.inPageModelSelector .el.firstModel, .ModelSelector.inPageModelSelector .tabContent[data-total="7"] .el:nth-of-type(4n+1), .ModelSelector.inPageModelSelector .tabContent[data-total="8"] .el:nth-of-type(4n+1), .ModelSelector.inPageModelSelector .tabContent[data-total="10"] .el:nth-of-type(4n+1), .ModelSelector.inPageModelSelector .tabContent[data-total="11"] .el:nth-of-type(4n+1), .ModelSelector.inPageModelSelector .tabContent[data-total="12"] .el:nth-of-type(4n+1), .ModelSelector.inPageModelSelector .tabContent[data-total="9"] .el:nth-of-type(3n+1), .ModelSelector.inPageModelSelector .tabContent[data-total="5"] .el:nth-of-type(3n+1), .ModelSelector.inPageModelSelector .tabContent[data-total="6"] .el:nth-of-type(3n+1) { border-left: 1px solid #393939; } .ModelSelector.inPageModelSelector.withTabs .inPageModelSelectorHeader { margin-bottom: 40px; } .ModelSelector.inPageModelSelector.withTabs .TabFilter { margin-bottom: 34px; } @media screen and (min-width:1px) and (max-width:961px) { .ModelSelector .modelSelectorHeader .backButton { left: 0; top: 51px; } .ModelSelector.withTabs .modelSelectorHeader .backButton { top: 83px; } .ModelSelector .tabContent[data-total="7"] .el, .ModelSelector .tabContent[data-total="8"] .el, .ModelSelector .tabContent[data-total="10"] .el, .ModelSelector .tabContent[data-total="11"] .ModelSelector .tabContent[data-total="12"] .el, .ModelSelector .tabContent[data-total="2"] .el, .ModelSelector .tabContent[data-total="1"] .el, .ModelSelector .tabContent[data-total="4"] .el { width: 49.9%; margin-left: none; } .ModelSelector .tabContent[data-total="7"] .el.firstModel, .ModelSelector .tabContent[data-total="8"] .el.firstModel, .ModelSelector .tabContent[data-total="10"] .el.firstModel, .ModelSelector .tabContent[data-total="11"] .ModelSelector .tabContent[data-total="12"] .el.firstModel, .ModelSelector .tabContent[data-total="2"] .el.firstModel, .ModelSelector .tabContent[data-total="1"] .el.firstModel, .ModelSelector .tabContent[data-total="4"] .el.firstModel { margin-left: 0; } .ModelSelector.inPageModelSelector .modelSelectorHeader { padding-top: 40px; } .ModelSelector.inPageModelSelector .tabContent[data-total="7"] .el, .ModelSelector.inPageModelSelector .tabContent[data-total="8"] .el, .ModelSelector.inPageModelSelector .tabContent[data-total="10"] .el, .ModelSelector.inPageModelSelector .tabContent[data-total="11"] .el, .ModelSelector.inPageModelSelector .tabContent[data-total="12"] .el, .ModelSelector.inPageModelSelector .tabContent[data-total="9"] .el, .ModelSelector.inPageModelSelector .tabContent[data-total="5"] .el, .ModelSelector.inPageModelSelector .tabContent[data-total="6"] .el { border-left: 1px solid #393939; } .ModelSelector.inPageModelSelector .tabContent[data-total="7"] .el:nth-of-type(2n), .ModelSelector.inPageModelSelector .tabContent[data-total="8"] .el:nth-of-type(2n), .ModelSelector.inPageModelSelector .tabContent[data-total="10"] .el:nth-of-type(2n), .ModelSelector.inPageModelSelector .tabContent[data-total="11"] .el:nth-of-type(2n), .ModelSelector.inPageModelSelector .tabContent[data-total="12"] .el:nth-of-type(2n), .ModelSelector.inPageModelSelector .tabContent[data-total="9"] .el:nth-of-type(2n), .ModelSelector.inPageModelSelector .tabContent[data-total="5"] .el:nth-of-type(2n), .ModelSelector.inPageModelSelector .tabContent[data-total="6"] .el:nth-of-type(2n) { border-left: none; } } @media screen and (min-width:1px) and (max-width:740px) { .ModelSelector.withTabs .modelSelectorHeader { padding: 0; } .ModelSelector.withTabs .modelSelectorHeader .backButton { top: 24px; left: 5px; } .ModelSelector .modelSelectorHeader { padding: 30px 0; } .ModelSelector .modelSelectorHeader .backButton { top: -3px; left: 0; } .ModelSelector .vehicleNameHeader { font-size: 20px; margin-bottom: 5px; letter-spacing: .3em; } .ModelSelector .vehicleTagline { margin-bottom: 30px; max-width: 300px; font-size: 13px; } .ModelSelector .tabContent[data-total="7"] .el, .ModelSelector .tabContent[data-total="8"] .el, .ModelSelector .tabContent[data-total="10"] .el, .ModelSelector .tabContent[data-total="11"] .ModelSelector .tabContent[data-total="12"] .el, .ModelSelector .tabContent[data-total="2"] .el, .ModelSelector .tabContent[data-total="1"] .el, .ModelSelector .tabContent[data-total="4"] .el { width: 100%; } .ModelSelector .el .modelSelectorButtons, .ModelSelector .el ul { display: none; } .ModelSelector.inPageModelSelector { padding: 30px 0; } .ModelSelector.inPageModelSelector .firstModel { border-top: 1px solid #393939; } .ModelSelector.inPageModelSelector .TabFilter { margin: 0 auto; } .ModelSelector.inPageModelSelector.withTabs .inPageModelSelectorHeader { margin: 0 0 20px; } } .overlay .ModelSelector { width: 50%; } .overlay .ModelSelector .el { visibility: visible; filter: alpha(Opacity=100); opacity: 1; } html.no-js .ModelSelector .tabContent { overflow: hidden; *zoom: 1; margin-bottom: 30px; } html.no-js .ModelSelector .tabContent .modelList .el { width: 24.9%; } html.no-js .ModelSelector .tabContent .modelList .el:first-child + .el + .el + .el + .el { clear: both; } html.no-js .ModelSelector .tabContent[data-total="7"] .modelList .el, html.no-js .ModelSelector .tabContent[data-total="8"] .modelList .el, html.no-js .ModelSelector .tabContent[data-total="10"] .modelList .el, html.no-js .ModelSelector .tabContent[data-total="11"] html.no-js .ModelSelector .tabContent[data-total="12"] .modelList .el, html.no-js .ModelSelector .tabContent[data-total="2"] .modelList .el, html.no-js .ModelSelector .tabContent[data-total="1"] .modelList .el, html.no-js .ModelSelector .tabContent[data-total="4"] .modelList .el { width: 24.9%; margin-left: none; } html.no-js .ModelSelector .tabContent[data-total="7"] .modelList .el.firstModel, html.no-js .ModelSelector .tabContent[data-total="8"] .modelList .el.firstModel, html.no-js .ModelSelector .tabContent[data-total="10"] .modelList .el.firstModel, html.no-js .ModelSelector .tabContent[data-total="11"] html.no-js .ModelSelector .tabContent[data-total="12"] .modelList .el.firstModel, html.no-js .ModelSelector .tabContent[data-total="2"] .modelList .el.firstModel, html.no-js .ModelSelector .tabContent[data-total="1"] .modelList .el.firstModel, html.no-js .ModelSelector .tabContent[data-total="4"] .modelList .el.firstModel { margin-left: 0; } @media screen and (min-width:1px) and (max-width:961px) { html.no-js .ModelSelector .tabContent .modelList .el { width: 49.9%; } html.no-js .ModelSelector .tabContent .modelList .el:first-child + .el + .el { clear: both; } html.no-js .ModelSelector .tabContent[data-total="7"] .modelList .el, html.no-js .ModelSelector .tabContent[data-total="8"] .modelList .el, html.no-js .ModelSelector .tabContent[data-total="10"] .modelList .el, html.no-js .ModelSelector .tabContent[data-total="11"] html.no-js .ModelSelector .tabContent[data-total="12"] .modelList .el, html.no-js .ModelSelector .tabContent[data-total="2"] .modelList .el, html.no-js .ModelSelector .tabContent[data-total="1"] .modelList .el, html.no-js .ModelSelector .tabContent[data-total="4"] .modelList .el { width: 49.9%; } } @media screen and (min-width:1px) and (max-width:740px) { html.no-js .ModelSelector .tabContent .modelList .el, html.no-js .ModelSelector .tabContent[data-total="7"] .modelList .el, html.no-js .ModelSelector .tabContent[data-total="8"] .modelList .el, html.no-js .ModelSelector .tabContent[data-total="10"] .modelList .el, html.no-js .ModelSelector .tabContent[data-total="11"] html.no-js .ModelSelector .tabContent[data-total="12"] .modelList .el, html.no-js .ModelSelector .tabContent[data-total="2"] .modelList .el, html.no-js .ModelSelector .tabContent[data-total="1"] .modelList .el, html.no-js .ModelSelector .tabContent[data-total="4"] .modelList .el { width: 100%; } } .lt-ie9 .ModelSelector .modelSelectorButtons .selectorButton { padding-top: 0; padding-bottom: 0; } .VideoPlayer { visibility: hidden; position: relative; } .VideoPlayer .playButton { width: 50px; height: 50px; position: absolute; bottom: 1px; left: 37px; z-index: 2; cursor: pointer; font-size: 20px; display: none; background-image: url(/Content/resources/images/transparent-1x1.png); } .VideoPlayer .playButton:hover { color: #4e4e4e; } .VideoPlayer .playButton:before { content: '\e045'; margin-left: 1px; position: absolute; top: 14px; left: 13px; } .VideoPlayer .playButton.soundOn:before { content: '\e046'; margin-left: 0; } .VideoPlayer .mejs-video { position: relative; margin: auto; cursor: pointer; } .VideoPlayer .mejs-video object, .VideoPlayer .mejs-video video { cursor: pointer; } .VideoPlayer .mejs-cannotplay { position: absolute; top: 0; left: 0; height: 100%!important; width: 100%!important; } .VideoPlayer .mejs-cannotplay > span { display: block; height: 100%; width: 100%; background-position: center center; background-size: cover; } .VideoPlayer .mejs-controls { position: absolute; bottom: -1px; left: 0; width: 100%; height: 50px; background-color: #000; padding: 7px 0; } .VideoPlayer .mejs-controls > div { float: left; } .lt-ie9 .VideoPlayer .mejs-controls .mejs-button button { background: 0 0; } .lt-ie9 .VideoPlayer .mejs-controls .mejs-button button:before { display: inline; } .lt-ie9 .VideoPlayer .mejs-controls .mejs-button.mejs-playpause-button button:before { padding-left: 5px; padding-right: 5px; } .lt-ie9 .VideoPlayer .mejs-controls .mejs-time span { display: none; } .lt-ie9 .VideoPlayer .mejs-controls .mejs-time span.mejs-currenttime, .lt-ie9 .VideoPlayer .mejs-controls .mejs-time span.mejs-duration { display: inline; } .VideoPlayer.finished .mejs-controls, .VideoPlayer.paused .mejs-controls { left: -100000px; } .VideoPlayer .mejs-time { font-size: 10px; margin-top: 14px; margin-left: 10px; margin-right: 10px; } .VideoPlayer .mejs-time span:nth-child(2) { display: none; } .VideoPlayer .mejs-currenttime { color: #fff; } .VideoPlayer .mejs-duration { margin-left: 3px; } .VideoPlayer .mejs-duration:before { content: "/"; margin-right: 3px; } .VideoPlayer .mejs-duration { color: #8f8f8f; } .VideoPlayer .mejs-pause, .VideoPlayer .mejs-play { border-right: solid 1px #333; margin-right: 20px; } .VideoPlayer .mejs-captions-button, .VideoPlayer .mejs-fullscreen-button, .VideoPlayer .mejs-mute, .VideoPlayer .mejs-unmute { border-left: solid 1px #333; } .VideoPlayer .mejs-button { height: 100%; } .VideoPlayer .mejs-button button { background: #000; height: 100%; border: 0; font-size: 26px; color: #8f8f8f; -webkit-transition-property: none; -moz-transition-property: none; -o-transition-property: none; transition: none; } .VideoPlayer .mejs-button button:hover { color: #fff; background: inherit; } .VideoPlayer .mejs-play button:before { content: '\e023'; } .VideoPlayer .mejs-pause button:before { content: '\e021'; } .VideoPlayer .mejs-mute button:before { content: '\e046'; } .VideoPlayer .mejs-unmute button:before { content: '\e045'; } .VideoPlayer[data-audio=false] .mejs-mute button, .VideoPlayer[data-audio=false] .mejs-unmute button { cursor: default; } .VideoPlayer[data-audio=false] .mejs-mute button:before, .VideoPlayer[data-audio=false] .mejs-mute button:hover, .VideoPlayer[data-audio=false] .mejs-unmute button:before, .VideoPlayer[data-audio=false] .mejs-unmute button:hover { color: #393939; } .VideoPlayer[data-audio=false] .mejs-mute button:before, .VideoPlayer[data-audio=false] .mejs-unmute button:before { content: '\e045'; } .VideoPlayer[data-audio=false] .mejs-volume-slider { display: none!important; } .VideoPlayer .mejs-fullscreen-button button:before { content: '\e013'; } .VideoPlayer .mejs-fullscreen-button.mejs-unfullscreen button:before { content: '\e012'; } .VideoPlayer .mejs-captions-button { position: relative; } .VideoPlayer .mejs-captions-button button:before { content: '\e049'; margin-top: 7px; } .VideoPlayer .mejs-captions-button.mejs-captions-enabled button { color: #fff; } .VideoPlayer .mejs-captions-button.mejs-captions-enabled button:before { content: '\e048'; } .VideoPlayer .mejs-controls div.mejs-time-rail { width: 200px; height: 20px; position: relative; top: 9px; } .VideoPlayer .mejs-controls .mejs-time-rail span { display: block; position: absolute; width: 0; height: 20px; cursor: pointer; } .VideoPlayer .mejs-time-total { background: url(/Content/resources/images/VideoPlayer/total.gif); } .VideoPlayer .mejs-time-buffering { width: 100%; } .VideoPlayer .mejs-time-loaded { background: url(/Content/resources/images/VideoPlayer/loaded.gif); width: 0; } .VideoPlayer .mejs-time-current { background: url(/Content/resources/images/VideoPlayer/current.gif); width: 0; } .VideoPlayer .mejs-time-buffering, .VideoPlayer .mejs-time-current, .VideoPlayer .mejs-time-loaded, .VideoPlayer .mejs-time-total { background-repeat: repeat-x; background-position: 0 9px; } .VideoPlayer .mejs-controls .mejs-time-rail .mejs-time-float { position: absolute; display: none; background: #eee; width: 40px; height: 17px; border: solid 1px #333; top: -12px; margin-left: -22px; text-align: center; color: #111; font-size: 10px; } .VideoPlayer .mejs-time-float-current { margin: 3px 2px 2px; width: 34px; display: block; text-align: center; left: 3px; } .VideoPlayer .mejs-time-float-corner { position: absolute; display: block; width: 0; height: 0; line-height: 0; border: solid 5px #eee; border-color: #eee transparent transparent; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; top: 15px; left: 14px; } .VideoPlayer .mejs-volume-button { position: relative; } .VideoPlayer .mejs-volume-slider { display: none; height: 107px; width: 50px; background: #000; top: -107px; left: 0; z-index: 1; position: absolute; margin: 0; } .VideoPlayer .mejs-volume-slider .mejs-volume-total { position: absolute; left: 23px; top: 8px; width: 2px; height: 84px; background: #ddd; background: rgba(255,255,255,.5); margin: 0; } .VideoPlayer .mejs-volume-slider .mejs-volume-current { position: absolute; left: 23px; top: 8px; width: 2px; height: 84px; background: #fff; background: rgba(255,255,255,.9); margin: 0; } .VideoPlayer .mejs-volume-handle { position: absolute; left: 16px; top: -3px; width: 16px; height: 6px; background: #fff; background: rgba(255,255,255,.9); cursor: ns-resize; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; margin: 0; } .VideoPlayer .mejs-captions-selector { display: none!important; } .VideoPlayer .mejs-captions-layer { position: absolute; bottom: 0; left: 0; text-align: center; line-height: 22px; font-size: 12px; color: #fff; } .VideoPlayer .mejs-captions-layer a { color: #fff; text-decoration: underline; } .VideoPlayer .mejs-captions-layer[lang=ar] { font-size: 20px; font-weight: 400; } .VideoPlayer .mejs-captions-position { position: absolute; width: 100%; bottom: 15px; left: 0; } .VideoPlayer .mejs-captions-position-hover { bottom: 65px; } .VideoPlayer .mejs-captions-text { padding: 6px 8px; background: #000; background: rgba(0,0,0,.8); } .VideoPlayer .mejs-fullscreen { overflow: hidden!important; } .VideoPlayer .mejs-mediaelement { background-color: #000; } .VideoPlayer .mejs-container-fullscreen { position: fixed; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; z-index: 1000; } .VideoPlayer .mejs-container-fullscreen .mejs-inner, .VideoPlayer .mejs-container-fullscreen .mejs-mediaelement, .VideoPlayer .mejs-container-fullscreen video { height: 100%; width: 100%; } .VideoPlayer .mejs-mediaelement { cursor: pointer; } .VideoPlayer .mejs-mediaelement .video { width: 100%; height: 100%; vertical-align: top; } .VideoPlayer .mejs-overlay-play { position: absolute; top: 0; left: 0; height: 100%!important; cursor: pointer; } .VideoPlayer .mejs-overlay-button { background-color: #000; width: 100px; height: 100px; top: 50%; left: 50%; position: absolute; margin-left: -50px; margin-top: -50px!important; -webkit-transition-duration: .4s; -khtml-transition-duration: .4s; -moz-transition-duration: .4s; -ms-transition-duration: .4s; -o-transition-duration: .4s; transition-duration: .4s; -webkit-transition-timing-function: ease; -khtml-transition-timing-function: ease; -moz-transition-timing-function: ease; -ms-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; } .VideoPlayer .mejs-overlay-button:before { content: '\e023'; font-size: 50px; margin-left: 27px; margin-top: 27px; } .VideoPlayer .playerWrapper:hover .mejs-overlay-button { background-color: #4e4e4e; } .VideoPlayer.finished .mejs-overlay-button:before { content: '\e02a'; margin-left: 24px; margin-top: 30px; } .VideoPlayer .mejs-clear { clear: both; } .VideoPlayer .mejs-poster { position: absolute; top: 0; left: 0; background-position: center center; background-size: cover; } .VideoPlayer .inpageText, .VideoPlayer .mejs-poster img { display: none; } @media screen and (min-width:1px) and (max-width:961px) { .VideoPlayer .mejs-video { width: 100%!important; } } @media screen and (min-width:1px) and (max-width:740px) { .VideoPlayer .mejs-controls { height: 41px; } .VideoPlayer .mejs-controls .mejs-button button { font-size: 20px; } .VideoPlayer .mejs-controls .mejs-time { display: none; } .VideoPlayer .mejs-controls div.mejs-time-rail { top: 5px; } .VideoPlayer .mejs-overlay-button { width: 70px; height: 70px; margin-top: -29px!important; margin-left: -36px!important; } .VideoPlayer .mejs-overlay-button:before { font-size: 35px; margin-left: 20px; margin-top: 20px; } .VideoPlayer.finished .mejs-overlay-button:before { margin-left: 17px; margin-top: 20px; } } .no-js .VideoPlayer { visibility: visible; } .no-js .VideoPlayer .playButton { display: none!important; } .no-js .fallbackImage { display: none; } .HeroCarousel { width: 100%; height: 450px; min-height: 450px; text-align: center; position: relative; background-color: #000; } .HeroCarousel.loaded { filter: alpha(Opacity=100); opacity: 1; } .HeroCarousel .rsOverflow { min-height: 450px; } .HeroCarousel .carousel { text-align: center; overflow: hidden; } .HeroCarousel .carousel .rsSlide { position: absolute; left: 0; top: 0; display: table; } .HeroCarousel .carousel .heroItem { display: table-cell; vertical-align: middle; width: 100%; height: 100%; } .HeroCarousel .carousel .heroItem .VideoPlayer > span, .HeroCarousel .carousel .heroItem noscript > div, .HeroCarousel .carousel .heroItem > span { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; z-index: -1; -webkit-background-size: cover; -khtml-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; } .HeroCarousel .carousel .heroItem > span { z-index: 0; } .HeroCarousel .carousel .heroItem .heroContent { max-width: 640px; display: inline-block; text-shadow: 0 0 8px rgba(0,0,0,.3); -webkit-transform: translateZ(0); filter: alpha(Opacity=100); opacity: 1; position: relative; z-index: 1; } .HeroCarousel .carousel .heroItem .heroContent p { font: 500 20px/1.5em Avenir, Arial, Helvetica, sans-serif; letter-spacing: .12em; color: #fff; margin-top: 9px; margin-bottom: 4px; } .HeroCarousel .carousel .heroItem .heroContent .price { font-weight: 700; margin-bottom: 20px; } .HeroCarousel .carousel .heroItem .heroContent .linkContainer { white-space: pre-line; } .HeroCarousel .carousel .heroItem .heroContent .linkContainer .primaryLinkWithStyle { text-shadow: none; } @media screen and (min-width:741px) { .HeroCarousel .carousel .heroItem .heroContent { filter: alpha(Opacity=0); opacity: 0; } } .HeroCarousel .carousel .heroItem .heroContent.visible { filter: alpha(Opacity=100); opacity: 1; -webkit-transition: opacity .8s; -webkit-transition-delay: ease; -moz-transition: opacity .8s ease; -o-transition: opacity .8s ease; transition: opacity .8s ease; } .HeroCarousel .carousel .heroItem.alignedText .heroContent { max-width: 460px; } .HeroCarousel .carousel .heroItem.right { text-align: right; } .HeroCarousel .carousel .heroItem.right .heroContent { margin-right: 50px; } .HeroCarousel .carousel .heroItem.right .heroContent .primaryHeader { margin-right: -11px; } .HeroCarousel .carousel .heroItem.right .heroContent p { margin-right: -3px; } .HeroCarousel .carousel .heroItem.left { text-align: left; } .HeroCarousel .carousel .heroItem.left .heroContent { margin-left: 50px; } .HeroCarousel .carousel .heroItem.left .heroContent .primaryHeader { margin-left: -3px; } .HeroCarousel .carousel .heroItem.darkText .price, .HeroCarousel .carousel .heroItem.darkText .primaryHeader, .HeroCarousel .carousel .heroItem.darkText p { color: #393939; text-shadow: none; } .HeroCarousel .carousel .heroItem[data-audio=true] .playButton { display: block; text-shadow: 0 0 10px rgba(0,0,0,.15); } .HeroCarousel .carousel > .heroItem > span { z-index: auto; } .HeroCarousel .carousel .video .VideoPlayer { position: static; } .HeroCarousel .carousel .video .VideoPlayer.flash { width: 100%; height: 100%; } .HeroCarousel .carousel .video .VideoPlayer.flash embed, .HeroCarousel .carousel .video .VideoPlayer.flash object { position: absolute; top: 0; left: 0; } .HeroCarousel .carousel .video .VideoPlayer .mejs-video { position: static; width: 100%!important; height: 100%!important; } .HeroCarousel .carousel .video .VideoPlayer .mejs-video .mejs-controls { position: absolute; bottom: 10%; background-color: #4e4e4e; width: 30%; left: 30%; } .HeroCarousel .carousel .video .VideoPlayer .mejs-layers { width: 100%; height: 100%; } .HeroCarousel .carousel .video .VideoPlayer video { position: absolute; top: 0; left: 0; height: auto; } .HeroCarousel .carousel .video .VideoPlayer video.is-horizontal { left: 50%!important; top: 0!important; } .HeroCarousel .carousel .video .VideoPlayer video.is-vertical { left: 0!important; top: 50%!important; } .HeroCarousel .carousel .video .heroContent { position: relative; } .HeroCarousel .carousel .video .VideoPlayer + span, .HeroCarousel .carousel .video > span { display: none; } .HeroCarousel .carousel .rsNav { float: none; position: relative; display: inline-block; left: 0; bottom: 96px; margin-right: 0; } .HeroCarousel .carousel .rsNav .rsNavItem { cursor: pointer; } .HeroCarousel .carousel .rsNav .rsNavItem:hover span { background-color: #fff; opacity: 1; } .HeroCarousel .carousel .rsNav .rsNavItem span { background-color: #d0d0d0; } .HeroCarousel .carousel .rsNav .rsNavSelected span { filter: alpha(Opacity=100); opacity: 1; background-color: #fff; } .HeroCarousel .disable { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 3; background-color: #000; filter: alpha(Opacity=0); opacity: 0; } .HeroCarousel .VideoPlayer .mejs-controls, .HeroCarousel .VideoPlayer .mejs-overlay-play { display: none!important; } @media screen and (min-width:1px) and (max-width:961px) { .HeroCarousel { min-height: 0; height: 490px; } .HeroCarousel .rsOverflow { min-height: 0; } .HeroCarousel .carousel .heroItem .heroContent p { font-size: 15px; } .HeroCarousel .carousel .heroItem .heroContent .caveat { padding-bottom: 15px; } .HeroCarousel .carousel .heroItem.alignedText .heroContent { width: 280px; } .HeroCarousel .carousel .video .VideoPlayer { display: none; } .HeroCarousel .carousel .video .VideoPlayer + span, .HeroCarousel .carousel .video > span { display: block; } .HeroCarousel .carousel .rsNav { bottom: 50px; } .HeroCarousel .disable { display: none; } } @media screen and (min-width:1px) and (max-width:740px) { .HeroCarousel { background-color: #0c121c; height: auto; } .HeroCarousel .carousel .rsOverflow { height: auto!important; } .HeroCarousel .carousel .heroItem, .HeroCarousel .carousel .heroItem.alignedText { display: block; } .HeroCarousel .carousel .heroItem span, .HeroCarousel .carousel .heroItem.alignedText span { position: relative; height: 250px; } .HeroCarousel .carousel .heroItem .heroContent, .HeroCarousel .carousel .heroItem.alignedText .heroContent { background: #0c121c; margin: 0; width: 100%; max-width: none; text-align: center; padding: 30px 30px 0; } .HeroCarousel .carousel .heroItem .heroContent .primaryHeader, .HeroCarousel .carousel .heroItem.alignedText .heroContent .primaryHeader { margin-left: 0; margin-right: 0; margin-bottom: 7px; } .HeroCarousel .carousel .heroItem .heroContent p, .HeroCarousel .carousel .heroItem.alignedText .heroContent p { font-size: 12px; color: #cbcbce; margin-bottom: 0; margin-top: 0; } .HeroCarousel .carousel .heroItem .heroContent p.price, .HeroCarousel .carousel .heroItem.alignedText .heroContent p.price { color: #fff; font-weight: 400; margin-bottom: 0; } .HeroCarousel .carousel .heroItem .heroContent a, .HeroCarousel .carousel .heroItem.alignedText .heroContent a { display: none; } .HeroCarousel .carousel .heroItem .heroContent a:first-of-type, .HeroCarousel .carousel .heroItem.alignedText .heroContent a:first-of-type { display: inline-block; margin-bottom: 30px; } .HeroCarousel .carousel .heroItem .heroContent .linkContainer, .HeroCarousel .carousel .heroItem.alignedText .heroContent .linkContainer { padding-top: 15px; white-space: normal; } .HeroCarousel .carousel .heroItem.alignedText.darkText .primaryHeader, .HeroCarousel .carousel .heroItem.alignedText.darkText .primaryLinkWithStyle, .HeroCarousel .carousel .heroItem.darkText .primaryHeader, .HeroCarousel .carousel .heroItem.darkText .primaryLinkWithStyle { color: #fff; } .HeroCarousel .carousel .heroItem.alignedText.darkText .primaryLinkWithStyle:hover, .HeroCarousel .carousel .heroItem.darkText .primaryLinkWithStyle:hover { color: #000; } .HeroCarousel .carousel .rsNav { position: absolute; top: 205px; width: 100%; left: 0; height: 54px; } .HeroCarousel .carousel .rsNav .rsNavItem span { width: 26px; } } @media screen and (min-width:1px) and (max-width:400px) { .HeroCarousel .carousel .heroItem span, .HeroCarousel .carousel .heroItem.alignedText span { height: 150px; } .HeroCarousel .carousel .rsNav { top: 110px; } } .ie10 #landrover .HeroCarousel .linkContainer, .lt-ie10 #landrover .HeroCarousel .linkContainer { margin-top: 15px; } .lt-ie9 #landrover .HeroCarousel { background-color: transparent; } .lt-ie9 #landrover .HeroCarousel .heroContent { visibility: hidden; } .lt-ie9 #landrover .HeroCarousel .linkContainer { margin-top: 0; } .lt-ie9 #landrover .HeroCarousel .carousel > .heroItem > .heroContent, .lt-ie9 #landrover .HeroCarousel .current .heroContent { visibility: visible; } #landrover .HeroCarousel .heroContent .primaryLinkWithStyle, #landrover .HeroCarousel .heroContent .secondaryLinkWithStyle { margin: 0 0 20px; } #landrover .HeroCarousel .heroContent .caveat { margin-top: 0; } .ie .HeroCarousel.left .rsOverflow[style] { cursor: url(/Content/resources/images/cursor-left.cur.html), pointer!important; } .ie .HeroCarousel.right .rsOverflow[style] { cursor: url(/Content/resources/images/cursor-right.cur.html), pointer!important; } html:not(.ie) .HeroCarousel.left .rsOverflow { cursor: url(/Content/resources/images/cursor-left.png) 2 22, pointer!important; } html:not(.ie) .HeroCarousel.right .rsOverflow { cursor: url(/Content/resources/images/cursor-right.png) 24 22, pointer!important; } .HeroCarousel[data-total="1"] { filter: alpha(Opacity=100); opacity: 1; } .HeroCarousel[data-total="1"] .carousel .heroItem { display: none; } .HeroCarousel[data-total="1"] .carousel .heroItem:first-child { display: block; } .HeroCarousel[data-total="1"] .carousel .heroItem .heroContent { opacity: 1; position: absolute; top: 50%; left: 50%; } .HeroCarousel[data-total="1"] .carousel .heroItem.left .heroContent { left: 0; } .HeroCarousel[data-total="1"] .carousel .heroItem.right .heroContent { left: auto; right: 0; } @media screen and (min-width:1px) and (max-width:740px) { .HeroCarousel[data-total="1"] .carousel > * { float: none; } .HeroCarousel[data-total="1"] .carousel .heroItem span { z-index: 1; } .HeroCarousel[data-total="1"] .carousel .heroItem .heroContent { position: relative; top: auto; left: auto; } } html.no-js .HeroCarousel { filter: alpha(Opacity=100); opacity: 1; } html.no-js .HeroCarousel .carousel { display: table; } html.no-js .HeroCarousel .carousel > * { float: none; } html.no-js .HeroCarousel .carousel .video .VideoPlayer + span { display: block; } html.no-js .HeroCarousel .carousel span { z-index: 1; } html.no-js .HeroCarousel .carousel .heroItem { filter: alpha(Opacity=100); opacity: 1; display: none; vertical-align: middle; position: relative; text-align: center; height: 450px; } html.no-js .HeroCarousel .carousel .heroItem.left { text-align: left; } html.no-js .HeroCarousel .carousel .heroItem.right { text-align: right; } html.no-js .HeroCarousel .carousel .heroItem:first-child { display: table-cell; } html.no-js .HeroCarousel .carousel .heroItem .heroContent { filter: alpha(Opacity=100); opacity: 1; z-index: 1; position: relative; top: auto; } @media screen and (min-width:1px) and (max-width:740px) { html.no-js .HeroCarousel .carousel .heroItem:first-child { display: block; } } @media screen and (min-width:1px) and (max-width:740px) { #landrover .HeroCarousel .VideoPlayer .mejs-video { display: none; } #landrover .HeroCarousel .VideoPlayer .mejs-controls { display: none!important; } #landrover .HeroCarousel .heroContent a { display: none; } #landrover .HeroCarousel .heroContent a:first-of-type { display: inline-block; margin-bottom: 30px; } #landrover .HeroCarousel .darkText .price, #landrover .HeroCarousel .darkText .primaryHeader, #landrover .HeroCarousel .darkText p { color: #fff; text-shadow: none; } #landrover .HeroCarousel .primaryLinkWithStyle { background-color: transparent; color: #fff; border: 1px solid #fff; font-size: 9px; line-height: 1em; padding: 12px 18px; } #landrover .HeroCarousel .primaryLinkWithStyle:hover { background-color: #fff; color: #000; } } .InPageVideoPlayer { width: 100%; padding: 80px 90px; } .InPageVideoPlayer .VideoPlayer { width: 100%; } .InPageVideoPlayer .inpageText { display: block; text-align: center; padding: 0 0 30px; max-width: 1200px; margin: auto; } .InPageVideoPlayer .heading { font-family: lr_ot4, Arial, Helvetica, sans-serif; font-weight: 200; letter-spacing: .15em; line-height: 1.1em; color: #fff; -ms-word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; margin-bottom: 10px; font-size: 25px; } .InPageVideoPlayer.light .inpageText, .InPageVideoPlayer.light .inpageText .heading { color: #222; } .InPageVideoPlayer.light .mejs-overlay-button { color: #fff; } @media screen and (min-width:1px) and (max-width:961px) { .InPageVideoPlayer { padding: 40px; } } @media screen and (min-width:1px) and (max-width:740px) { .InPageVideoPlayer { padding: 30px; } .InPageVideoPlayer .VideoPlayer { margin-bottom: 30px; } .InPageVideoPlayer .heading { font-size: 24px; } } @media screen and (min-width:1px) and (max-width:961px) { .NavigationModelSwitcher { position: fixed; } } @media screen and (min-width:1px) and (max-width:740px) { .NavigationModelSwitcher { display: none!important; } } .DualFrameCarousel { visibility: hidden; position: relative; } .DualFrameCarousel p.title { padding: 30px; font-family: lr_ot4, Arial, Helvetica, sans-serif; font-weight: 200; text-align: center; font-size: 24px; letter-spacing: .05em; line-height: 1.1em; display: none; } @media screen and (min-width:1px) and (max-width:740px) { .DualFrameCarousel p.title { display: block; letter-spacing: .05em; } } .DualFrameCarousel .royalSlider { height: 500px; } @media screen and (min-width:1px) and (max-width:961px) { .DualFrameCarousel .royalSlider { height: 800px; } } .DualFrameCarousel .royalSlider .heading, .DualFrameCarousel .royalSlider p { color: #fff; } .DualFrameCarousel .royalSlider .overflow { width: 100%; height: 550px; } .DualFrameCarousel .royalSlider .linkContainer { font-size: 14px; white-space: pre-line; } .DualFrameCarousel .royalSlider .rsSlide { height: 100%; width: 100%; font-size: 0; } .DualFrameCarousel .royalSlider .rsSlide > div { width: 100%; height: 100%; font-size: 0; } @media screen and (min-width:1px) and (max-width:961px) { .DualFrameCarousel .royalSlider .rsSlide > div { height: 0; } } .DualFrameCarousel .royalSlider .rsSlide > div > div { width: 100%; height: 100%; } @media screen and (min-width:1px) and (max-width:961px) { .DualFrameCarousel .royalSlider .rsSlide > div > div { height: auto; } } .DualFrameCarousel .royalSlider .rsSlide > div > div.left { float: left; border: none; width: 33.3%; padding: 40px 40px 40px 50px; } @media screen and (min-width:1px) and (max-width:961px) { .DualFrameCarousel .royalSlider .rsSlide > div > div.left { width: 100%; padding: 0 40px 40px; margin-top: 60px; } } @media screen and (min-width:1px) and (max-width:740px) { .DualFrameCarousel .royalSlider .rsSlide > div > div.left { padding: 0 30px 60px; } } .DualFrameCarousel .royalSlider .rsSlide > div > div.left > div { display: table; height: 100%; } .DualFrameCarousel .royalSlider .rsSlide > div > div.left > div > div { display: table-cell; vertical-align: middle; } @media screen and (min-width:901px) { .DualFrameCarousel .royalSlider .rsSlide > div > div.left > div > div div { padding: 0!important; } } .DualFrameCarousel .royalSlider .rsSlide > div > div.left > div > div div p { font-family: Arial; font-size: 14px; line-height: 1.5em; letter-spacing: .02em; } .DualFrameCarousel .royalSlider .rsSlide > div > div.left > div > div div p.heading, .DualFrameCarousel .royalSlider .rsSlide > div > div.left > div > div div p.title { font-family: lr_ot4, Arial, Helvetica, sans-serif; font-weight: 200; font-size: 16px; letter-spacing: .15em; line-height: 1.1em; /*-ms-word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto*/ } .DualFrameCarousel .royalSlider .rsSlide > div > div.left > div > div div p.title { margin-bottom: 40px; display: block; text-align: left; padding: 0; color: #cbcbce; } @media screen and (min-width:1px) and (max-width:961px) { .DualFrameCarousel .royalSlider .rsSlide > div > div.left > div > div div p.title { margin-bottom: 30px; } } @media screen and (min-width:1px) and (max-width:740px) { .DualFrameCarousel .royalSlider .rsSlide > div > div.left > div > div div p.title { display: none; } } .DualFrameCarousel .royalSlider .rsSlide > div > div.left > div > div div p.heading { font-size: 25px; margin-bottom: 10px; } @media screen and (min-width:1px) and (max-width:740px) { .DualFrameCarousel .royalSlider .rsSlide > div > div.left > div > div div p.heading { margin-top: 0; font-family: Arial; font-size: 14px; line-height: 1.5em; letter-spacing: .02em; font-weight: 600; } } .DualFrameCarousel .royalSlider .rsSlide > div > div.left > div > div div .caveat { font-size: 11px; } .DualFrameCarousel .royalSlider .rsSlide > div > div.right { width: 66.66%; float: right; text-align: center; } @media screen and (min-width:1px) and (max-width:961px) { .DualFrameCarousel .royalSlider .rsSlide > div > div.right { width: 100%; float: none; } } .DualFrameCarousel .royalSlider .rsSlide > div > div.right > div { float: left; width: 50%; height: 40%; } .DualFrameCarousel .royalSlider .rsSlide > div > div.right > div .image.backgroundImage { display: block; background-position: 50% 50%; height: 100%; -webkit-background-size: cover; -khtml-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; -ms-behavior: url(backgroundsize-iepolyfill.min.htc); } @media screen and (min-width:1px) and (max-width:961px) { .DualFrameCarousel .royalSlider .rsSlide > div > div.right > div { display: none; } } .DualFrameCarousel .royalSlider .rsSlide > div > div.right > div.top { width: 100%; height: 60%; padding-bottom: 1px; } @media screen and (min-width:1px) and (max-width:961px) { .DualFrameCarousel .royalSlider .rsSlide > div > div.right > div.top { display: block; padding: none; } } .DualFrameCarousel .royalSlider .rsSlide > div > div.right > div.bottomLeft { padding-right: 1px; } .DualFrameCarousel .royalSlider .rsSlide > div > div.right.single > div { height: 100%; } .DualFrameCarousel .royalSlider .rsSlide > div > div.right a { position: relative; display: inline-block; width: 100%; height: 100%; text-decoration: none; overflow: hidden; } .DualFrameCarousel .royalSlider .rsSlide > div > div.right a > span { -webkit-transition: opacity .5s; -webkit-transition-delay: 0s; -moz-transition: opacity .5s; -o-transition: opacity .5s; transition: opacity .5s; } .DualFrameCarousel .royalSlider .rsSlide > div > div.right a > span:before { content: '\e04c'; font-size: 16px; position: absolute; top: 8px; left: 8px; z-index: 1; margin-right: 0; text-shadow: 0 0 4px #696868; color: #fff; } .DualFrameCarousel .royalSlider .rsSlide > div > div.right a:hover { /*background-color: #fff*/ } .DualFrameCarousel .royalSlider .rsSlide > div > div.right a:hover > span { filter: alpha(Opacity=80); opacity: .8; } .DualFrameCarousel .navigation { display: table; width: 100%; } @media screen and (min-width:1px) and (max-width:961px) { .DualFrameCarousel .navigation { position: absolute; } } .DualFrameCarousel .navigation > div { display: table-cell; vertical-align: middle; text-align: center; color: #ddd; font-family: Arial; font-size: 12px; height: 50px; } @media screen and (min-width:1px) and (max-width:740px) { .DualFrameCarousel .navigation > div { height: 60px; } } .DualFrameCarousel .navigation > div span { font-family: lr_ot4, Arial, Helvetica, sans-serif; font-size: 20px; font-weight: 100; color: #999; display: inline-block; margin: 8px; position: relative; top: 2px; filter: alpha(Opacity=75); opacity: .75; } .DualFrameCarousel .navigation > div > div { display: inline-block; margin: 0 40px; } .DualFrameCarousel .navigation > div a { display: inline-block; text-decoration: none; font-size: 20px; } .DualFrameCarousel .navigation > div a.next:before, .DualFrameCarousel .navigation > div a.prev:before { -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: .25s; -khtml-transition-duration: .25s; -moz-transition-duration: .25s; -ms-transition-duration: .25s; -o-transition-duration: .25s; transition-duration: .25s; filter: alpha(Opacity=100); opacity: 1; } .DualFrameCarousel .navigation > div a.next:focus:before, .DualFrameCarousel .navigation > div a.next:hover:before, .DualFrameCarousel .navigation > div a.prev:focus:before, .DualFrameCarousel .navigation > div a.prev:hover:before { filter: alpha(Opacity=50); opacity: .5; } .DualFrameCarousel .navigation > div a.prev:before { content: '\e00b'; } .DualFrameCarousel .navigation > div a.next:before { content: '\e00c'; } .DualFrameCarousel.light .royalSlider .rsSlide > div > div.left > div > div div p.title { color: #222; } .DualFrameCarousel.light .navigation .numbers, .DualFrameCarousel.light .navigation > div a { color: #393939; } .DualFrameCarousel.light .heading, .DualFrameCarousel.light p { color: #222; } .DualFrameCarousel.light .caveat, .DualFrameCarousel.light .caveat a { color: #696868; } .DualFrameCarousel.grey .caveat, .DualFrameCarousel.grey .caveat a { color: #999; } @media screen and (min-width:1px) and (max-width:961px) { .DualFrameCarousel[data-total="1"] .royalSlider .rsSlide > div > div.left { margin-top: 40px; } } .DualFrameCarousel .royalSlider .rsSlide > div, .DualFrameCarousel .royalSlider .rsSlide > div > div.right, .no-js .DualFrameCarousel, .no-js .DualFrameCarousel .royalSlider { display: inline-block; } .DualFrameCarousel .royalSlider .rsSlide > div:after, .DualFrameCarousel .royalSlider .rsSlide > div > div.right:after, .no-js .DualFrameCarousel .royalSlider:after, .no-js .DualFrameCarousel:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } #landrover .DualFrameCarousel .primaryLinkWithStyle { margin-top: 25px; } .no-js .DualFrameCarousel { visibility: visible; } .no-js .DualFrameCarousel p.title { margin-top: 30px; display: block; } .no-js .DualFrameCarousel .royalSlider { width: 90%; margin: 0 auto 30px; display: block; height: auto; font-size: 0; } .no-js .DualFrameCarousel .royalSlider > div { width: 33.3%; display: inline-block; vertical-align: top; float: none; padding: 20px; margin-bottom: 30px; } @media screen and (min-width:1px) and (max-width:961px) { .no-js .DualFrameCarousel .royalSlider > div { width: 49.9%; } } @media screen and (min-width:1px) and (max-width:740px) { .no-js .DualFrameCarousel .royalSlider > div { width: 100%; } } .no-js .DualFrameCarousel .royalSlider .left p.title { display: none; } .no-js .DualFrameCarousel .royalSlider img { width: 100%; height: auto; margin-bottom: 20px; } .no-js .DualFrameCarousel .navigation { display: none; } .SameSizeCarousel .carouselWrapper { margin-right: -1px; } .SameSizeCarousel .carouselWrapper .el { float: none; } .SameSizeCarousel .carouselWrapper ul { overflow: hidden; border: solid 1px #cbcbce; font-size: 0; } .SameSizeCarousel .carouselWrapper ul .rsSlide { overflow: hidden; border-left: solid 1px #cbcbce; margin-left: -1px; } .SameSizeCarousel .carouselWrapper ul .slide { width: 100%; } .SameSizeCarousel .carouselWrapper ul .ctaButtons { white-space: pre-line; } .SameSizeCarousel .carouselWrapper ul li { display: block; float: left; width: 33.3333%; border-right: solid 1px #cbcbce; } .SameSizeCarousel .carouselWrapper ul li:nth-child(3n) { border-right: 0; } .no-js .SameSizeCarousel .carouselWrapper ul li { border: none; display: inline-block; float: none; width: 33.3%; vertical-align: top; border-top: solid 1px #cbcbce; } .SameSizeCarousel .carouselWrapper ul li h3 { font-weight: 600; margin: 20px 40px; text-align: left; font-family: Arial; } .SameSizeCarousel .carouselWrapper ul li > p { margin: 20px 40px; } .SameSizeCarousel .carouselWrapper ul li > div { margin: 0 40px 40px; } .SameSizeCarousel .carouselWrapper ul li img { width: 100%; } .SameSizeCarousel .carouselWrapper ul li span, .SameSizeCarousel .carouselWrapper ul li > a { display: block; overflow: hidden; } .SameSizeCarousel .carouselWrapper ul li .carouselImageLink { background: 0 0; position: relative; display: block; overflow: hidden; font-size: 0; z-index: 3; text-decoration: none; } .SameSizeCarousel .carouselWrapper ul li .carouselImageLink .hover { position: absolute; top: 0; left: 0; width: 100%; opacity: 0; z-index: 5; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: .5s; -khtml-transition-duration: .5s; -moz-transition-duration: .5s; -ms-transition-duration: .5s; -o-transition-duration: .5s; transition-duration: .5s; } .SameSizeCarousel .carouselWrapper ul li .carouselImageLink:focus .hover, .SameSizeCarousel .carouselWrapper ul li .carouselImageLink:hover .hover { background: #fff; opacity: .2; filter: alpha(opacity=20); } .SameSizeCarousel .carouselWrapper ul li .carouselImageLink:after { content: '\e04c'; font-size: 16px; position: absolute; top: 8px; left: 8px; z-index: 4; margin-right: 0; text-shadow: 0 0 4px #696868; color: #fff; } .SameSizeCarousel .carouselNavigation { border-bottom: solid 1px #cbcbce; border-left: solid 1px #cbcbce; border-right: solid 1px #cbcbce; } .SameSizeCarousel.dark .carouselWrapper ul, .SameSizeCarousel.dark .carouselWrapper ul .rsSlide, .SameSizeCarousel.dark .carouselWrapper ul li, .SameSizeCarousel.grey .carouselWrapper ul, .SameSizeCarousel.grey .carouselWrapper ul .rsSlide, .SameSizeCarousel.grey .carouselWrapper ul li, .no-js .SameSizeCarousel.dark .carouselWrapper ul li, .no-js .SameSizeCarousel.grey .carouselWrapper ul li { border-color: #4e4e4e; } @media screen and (min-width:1px) and (max-width:961px) { .SameSizeCarousel .carouselWrapper ul li { width: 50%; } .SameSizeCarousel .carouselWrapper ul li:nth-child(2n) { border-right: 0; } .no-js .SameSizeCarousel .carouselWrapper ul li { width: 49.9%; } } @media screen and (min-width:1px) and (max-width:740px) { .SameSizeCarousel .carouselWrapper ul .rsSlide li, .SameSizeCarousel .carouselWrapper ul li { width: 100%; border-right: 0; } .no-js .SameSizeCarousel .carouselWrapper ul .rsSlide li, .no-js .SameSizeCarousel .carouselWrapper ul li { width: 100%; } } .lt-ie9 .SameSizeCarousel .carouselWrapper ul li ~ li ~ li { border-right: none; } .addThisMenu { width: 70px; float: right; position: relative; display: block; } .addThisMenu > a { display: block; text-decoration: none; position: relative; z-index: 20; visibility: hidden; background-color: #000; } .addThisMenu > a > span { width: 70px; background-color: #000; border-left: 1px solid #333; border-right: 1px solid #333; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; height: 70px; text-align: center; line-height: 69px; display: block; } .addThisMenu > a > span:before { content: '\e02f'; font-size: 17px; } .addThisMenu > a:hover > span { background-color: #4e4e4e; -webkit-transition: background-color .2s; -webkit-transition-delay: 0s; -moz-transition: background-color .2s; -o-transition: background-color .2s; transition: background-color .2s; } .addThisMenu.open > a > span { background-color: #4e4e4e; } #at15s { margin-left: -3000px; } .SocialSharing { -webkit-transition: all .33s; -webkit-transition-delay: 0s; -moz-transition: all .33s; -o-transition: all .33s; transition: all .33s; visibility: hidden; width: 70px; position: absolute; z-index: 19; top: 0; } .SocialSharing a { text-decoration: none; display: block; background-color: rgba(0,0,0,.75); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#bf000000', endColorstr='#bf000000'); -webkit-transition: background-color .2s; -webkit-transition-delay: 0s; -moz-transition: background-color .2s; -o-transition: background-color .2s; transition: background-color .2s; border-top: 1px solid #333; } .SocialSharing a > span { display: block; width: 100%; height: 70px; line-height: 70px; text-align: center; margin-top: 0; font-size: 22px; } .SocialSharing a > span:before { margin-top: -3px; } .SocialSharing a > span:first-child { border-top: none; } .SocialSharing a.addthis_button_twitter > span:before { margin-top: 1px; content: '\e042'; } .SocialSharing a.addthis_button_twitter:focus, .SocialSharing a.addthis_button_twitter:hover { background-color: #2CA8D2; } .SocialSharing a.addthis_button_facebook > span:before { content: '\e03a'; } .SocialSharing a.addthis_button_facebook:focus, .SocialSharing a.addthis_button_facebook:hover { background-color: #305891; } .SocialSharing a.addthis_button_linkedin > span:before { content: '\e03d'; } .SocialSharing a.addthis_button_linkedin:focus, .SocialSharing a.addthis_button_linkedin:hover { background-color: #007BB6; } .SocialSharing a.addthis_button_google_plusone_share > span:before { content: '\e03b'; } .SocialSharing a.addthis_button_google_plusone_share:focus, .SocialSharing a.addthis_button_google_plusone_share:hover { background-color: #DD4B39; } .SocialSharing a.addthis_button_tumblr > span:before { content: '\e041'; } .SocialSharing a.addthis_button_tumblr:focus, .SocialSharing a.addthis_button_tumblr:hover { background-color: #2F5070; } .SocialSharing a.addthis_button_sinaweibo > span:before { content: '\e040'; } .SocialSharing a.addthis_button_sinaweibo:focus, .SocialSharing a.addthis_button_sinaweibo:hover { background-color: #DF2029; } .SocialSharing a.addthis_button_pinterest_share > span:before { content: '\e03e'; } .SocialSharing a.addthis_button_pinterest_share:focus, .SocialSharing a.addthis_button_pinterest_share:hover { background-color: #C82828; } .SocialSharing a.addthis_button_douban > span:before { content: '\e039'; } .SocialSharing a.addthis_button_douban:focus, .SocialSharing a.addthis_button_douban:hover { background-color: #0E7512; } .SocialSharing a.addthis_button_vkontakt > span:before { margin-top: 3px; content: '\e043'; } .SocialSharing a.addthis_button_vkontakt:focus, .SocialSharing a.addthis_button_vkontakt:hover { background-color: #2F5070; } .SocialSharing a.addthis_button_renren > span:before { margin-top: -1px; content: '\e03f'; } .SocialSharing a.addthis_button_renren:focus, .SocialSharing a.addthis_button_renren:hover { background-color: #0259A0; } .SocialSharing a.addthis_button_email > span:before { margin-top: 2px; content: '\e017'; } .SocialSharing a.addthis_button_email:focus, .SocialSharing a.addthis_button_email:hover { background-color: #4e4e4e; } .SocialSharing a.addthis_button_expanded > span { padding-top: 1px; } .SocialSharing a.addthis_button_expanded > span:before { content: '\e024'; } .SocialSharing a.addthis_button_expanded:focus, .SocialSharing a.addthis_button_expanded:hover { background-color: #4e4e4e; } .SocialSharing .at_a11y { display: none; } .SocialSharing.orientation_horizontal { background-color: #393939; transition: all .4s; margin-top: 0; margin-left: 0; width: auto; left: 0; } .SocialSharing.orientation_horizontal a { float: left; width: 50px; border-top: 0; } .SocialSharing.orientation_horizontal a span { font-size: 17px; height: 50px; line-height: 50px; } .active .SocialSharing.orientation_horizontal, .hover .SocialSharing.orientation_horizontal { visibility: visible; } #at3win { position: fixed; top: 100px; left: 50%; width: 300px; margin-left: -150px; background: #fff; border: none; -webkit-transition: margin-left .33s; -webkit-transition-delay: 0s; -moz-transition: margin-left .33s; -o-transition: margin-left .33s; transition: margin-left .33s; z-index: 99999; display: none; } @media screen and (min-width:741px) { #at3win { top: 15%; width: 640px; margin-left: -320px; } } #at3win #at3winheader { position: relative; border-bottom: 1px solid #d2d2d1; background-color: #000; height: 49px; } #at3win #at3winheader h3 { margin: 0 50px 0 22px; padding: 10px 0; font-family: lr_ot4, Arial, Helvetica, sans-serif; font-size: 16px; color: #ddd; font-weight: 200; letter-spacing: 2px; } #at3win #at3winheader .at3winheadersvc { display: inline-block; position: absolute; top: 15px; left: 20px; } #at3win #at3winheader #at3winssi { position: absolute; right: 50px; top: 0; height: 50px; display: none; } #at3win #at3winheader #at3winheaderclose { display: block; position: absolute; top: 0; right: 0; border-left: 1px solid #333; width: 48px; height: 48px; overflow: hidden; line-height: 48px; cursor: pointer; text-decoration: none; text-align: center; } #at3win #at3winheader #at3winheaderclose:before { content: '\e00a'; -webkit-transition: background-color .6s; -webkit-transition-delay: 0s; -moz-transition: background-color .6s; -o-transition: background-color .6s; transition: background-color .6s; font-size: 16px; width: 48px; height: 48px; line-height: 48px; padding: 0; margin: -2px 0 0 0; } #at3win #at3winheader #at3winheaderclose:focus:before, #at3win #at3winheader #at3winheaderclose:hover:before { background-color: #4e4e4e; -webkit-transition: background-color .2s; -webkit-transition-delay: 0s; -moz-transition: background-color .2s; -o-transition: background-color .2s; transition: background-color .2s; } #at3win #at3wincontent #at3winemail, #at3win #at3wincontent #at3winshare { height: 440px; } #at3win #at3winfooter { display: none; } .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #000; opacity: .9; filter: alpha(opacity=90); } a.mfp-close { text-decoration: none; float: right; width: 70px; height: 70px; background-color: #000; } a.mfp-close.hide { display: none; } a.mfp-close:before { content: '\e00a'; font-size: 18px; width: 70px; line-height: 70px; margin: 0; padding-top: 1px; } a.mfp-close:hover { cursor: pointer; background-color: #4e4e4e; -webkit-transition: background-color .2s; -webkit-transition-delay: 0s; -moz-transition: background-color .2s; -o-transition: background-color .2s; transition: background-color .2s; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; overflow: hidden!important; outline: 0!important; -webkit-backface-visibility: hidden; } .mfp-wrap .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .mfp-wrap .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-wrap .mfp-container .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; height: 100%; } .mfp-wrap .mfp-container .mfp-content .mfp-arrow, .mfp-wrap .mfp-container .mfp-content .mfp-close, .mfp-wrap .mfp-container .mfp-content .mfp-counter, .mfp-wrap .mfp-container .mfp-content .mfp-preloader { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-wrap .mfp-container .mfp-content .mfp-close-btn-in .mfp-close { color: #FFF; } .mfp-wrap .mfp-container .mfp-content .mfp-s-error .mfp-content, .mfp-wrap .mfp-container .mfp-content .mfp-s-ready .mfp-preloader { display: none; } .mfp-wrap .mfp-container .mfp-content .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-wrap .mfp-container .mfp-content .mfp-preloader a { color: #CCC; } .mfp-wrap .mfp-container .mfp-content .mfp-preloader a:hover { color: #FFF; } .mfp-wrap.mfp-align-top .mfp-container:before { display: none; } .mfp-wrap .mfp-ajax-holder .mfp-content, .mfp-wrap .mfp-inline-holder .mfp-content { width: 100%; cursor: auto; } .mfp-wrap .mfp-ajax-cur { cursor: progress; } .mfp-wrap .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-wrap .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-wrap .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none!important; } button.mfp-arrow, button.mfp-close { overflow: visible; cursor: pointer; -webkit-appearance: none; display: block; outline: 0; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-image-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; } .mfp-arrow { position: absolute; opacity: .65; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: rgba(0,0,0,0); } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:focus, .mfp-arrow:hover { opacity: 1; filter: alpha(opacity=100); } .mfp-arrow .mfp-a, .mfp-arrow .mfp-b, .mfp-arrow:after, .mfp-arrow:before { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow .mfp-a, .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow .mfp-b, .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; } .mfp-arrow-left { left: 0; } .mfp-arrow-left .mfp-a, .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left .mfp-b, .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3f3f3f; } .mfp-arrow-right { right: 0; } .mfp-arrow-right .mfp-a, .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right .mfp-b, .mfp-arrow-right:before { border-left: 27px solid #3f3f3f; } .mfp-iframe-holder { padding-top: 0; padding-bottom: 0; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; } .mfp-iframe-holder .mfp-close { width: 70px; padding: 0; float: none; position: absolute; top: 0; right: 0; } .mfp-iframe-scaler { -webkit-overflow-scrolling: touch!important; width: 100%; height: 100%; padding: 70px 0; } .mfp-iframe-scaler iframe { display: block; width: 100%; max-width: 900px; margin: 0 auto; height: 100%; box-shadow: 0; background: #FFF; } @media screen and (min-width:1px) and (max-width:740px) { .mfp-iframe-holder { padding: 50px 0; } .mfp-iframe-holder .mfp-close { width: 50px; height: 50px; } .mfp-iframe-holder .mfp-close:before { width: 50px; line-height: 50px; } .mfp-iframe-scaler { padding: 50px 0 0; } } img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0 auto; } .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 0; bottom: 0; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0; background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: 0; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width:800px) and (orientation:landscape), screen and (max-height:300px) { .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0,0,0,.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { width: 35px; height: 35px; line-height: 35px; background: rgba(0,0,0,.6); text-align: center; padding: 0; } } @media screen and (min-width:1px) and (max-width:961px) { a.mfp-close:before { font-size: 14px; } } @media all and (max-width:961px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 0; padding-right: 0; } } .mfp-ie7 .mfp-img { padding: 0; } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0; } .mfp-ie7 .mfp-content { padding-top: 44px; } .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; } .test-link { display: block; margin: 100px; text-align: center; text-decoration: none; } .Fullscreen { width: 100%; height: 100%; position: fixed; top: 0; } .Fullscreen .fullscreenHeader { position: fixed; background-color: #000; top: 0; width: 100%; height: 70px; z-index: 5; } .Fullscreen .fullscreenHeader .info { position: absolute; top: 0; height: 70px; background-color: transparent; width: 75%; max-width: 900px; font-size: 10px; } .Fullscreen .fullscreenHeader .info h4 { padding: 10px 30px 10px 40px; height: 70px; overflow: hidden; display: table-cell; font-size: 16px; text-align: left; vertical-align: middle; font-weight: 100; letter-spacing: .1em; min-width: 300px; max-width: 400px; line-height: 1.2em; } .Fullscreen .fullscreenHeader .info p { display: table-cell; vertical-align: middle; text-align: left; padding: 5px 20px; font-size: 12px; max-height: 70px; overflow: hidden; } .Fullscreen .fullscreenHeader #filmstripToggle { display: block; text-align: center; background-color: #000; border-left: 1px solid #333; float: right; text-decoration: none; } @media screen and (min-width:1px) and (max-width:740px) { .Fullscreen .fullscreenHeader #filmstripToggle { display: none; } } .Fullscreen .fullscreenHeader #filmstripToggle:before { content: '\e04a'; font-size: 18px; height: 70px; width: 70px; line-height: 72px; margin: 0; } @media screen and (min-width:1px) and (max-width:961px) { .Fullscreen .fullscreenHeader #filmstripToggle:before { width: 50px; height: 50px; line-height: 53px; font-size: 13px; } } .Fullscreen .fullscreenHeader #filmstripToggle:hover { cursor: pointer; background-color: #4e4e4e; -webkit-transition: background-color .2s; -webkit-transition-delay: 0s; -moz-transition: background-color .2s; -o-transition: background-color .2s; transition: background-color .2s; } .Fullscreen .fullscreenHeader #filmstripToggle.on { background-color: #4e4e4e; } .Fullscreen .fullscreenFooter { height: 0; overflow: hidden; position: fixed; background-color: #000; bottom: 0; width: 100%; z-index: 3; padding: 0; } .Fullscreen .fullscreenFooter h4 { text-align: center; font-size: 16px; font-weight: 100; letter-spacing: .1em; } .Fullscreen .fullscreenFooter p { font-size: 11px; margin: 0 20px; text-align: center; } .Fullscreen .fullscreenFooter h4 + p { margin-top: 10px; } .Fullscreen.Fullscreen.fullScreenVideo .fullscreenFooter, .Fullscreen.Fullscreen.fullScreenVideo .fullscreenHeader { display: none; } .Fullscreen.Fullscreen.fullScreenVideo .Gallery { padding-top: 0; position: static; } .Fullscreen.Fullscreen.fullScreenVideo .Gallery .directionArrow, .Fullscreen.Fullscreen.fullScreenVideo .Gallery .rsNav { display: none!important; } .Fullscreen.Fullscreen.fullScreenVideo .Gallery .VideoPlayer { padding: 0; display: block; } .Fullscreen.Fullscreen.fullScreenVideo .Gallery .VideoPlayer .playerWrapper { width: 100%!important; height: 100%!important; max-width: 100%!important; max-height: 100%!important; } .Fullscreen.Fullscreen.fullScreenVideo .Gallery #slideNumbers, .no-js .Fullscreen .fullscreenHeader { display: none; } @media screen and (min-width:1px) and (max-width:961px) { #landrover .Fullscreen .fullscreenHeader { height: 50px; } #landrover .Fullscreen .fullscreenHeader .info { display: none; height: 50px; } #landrover .Fullscreen .fullscreenHeader .info .infoInner, #landrover .Fullscreen .fullscreenHeader .info .infoInner h4 { height: 50px; } #landrover .Fullscreen .fullscreenHeader .info .infoInner p { max-height: 50px; } #landrover .Fullscreen .fullscreenHeader .addThisMenu, #landrover .Fullscreen .fullscreenHeader .addThisMenu a { width: 50px; } #landrover .Fullscreen .fullscreenHeader .addThisMenu a span { font-size: 17px; height: 50px; line-height: 49px; width: 50px; } #landrover .Fullscreen .fullscreenHeader .addThisMenu a span:before { font-size: 13px; } #landrover .Fullscreen .fullscreenHeader .mfp-close { height: 50px; width: 50px; } #landrover .Fullscreen .fullscreenHeader .mfp-close:before { width: 50px; line-height: 51px; } #landrover .Fullscreen .fullscreenFooter { height: 80px; padding: 22px 0; } #landrover .Fullscreen .fullscreenFooter h4 + p { margin-top: 5px; } #landrover .Fullscreen .fullscreenFooter p { margin: 0 50px; } } @media screen and (min-width:1px) and (max-width:740px) { #landrover .Fullscreen .fullscreenHeader .info { display: none; } #landrover .Fullscreen .fullscreenFooter { padding: 11px 0; height: auto; } #landrover .Fullscreen .fullscreenFooter h4 { font-size: 12px; } #landrover .Fullscreen .fullscreenFooter h4 + p { margin-top: 3px; } #landrover .Fullscreen .fullscreenFooter p { line-height: 1.3; margin: 0 20px; } } .ScrollDown { display: inline-block; position: relative; bottom: 50px; min-width: 160px; height: 50px; line-height: 50px; padding: 0 15px; background: #000; background: rgba(0,0,0,.7); font-size: 8px; z-index: 5; text-align: center; text-decoration: none; letter-spacing: 3px; -webkit-transition: background .5s; -webkit-transition-delay: 0s; -moz-transition: background .5s; -o-transition: background .5s; transition: background .5s; -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; } .ScrollDown:focus, .ScrollDown:hover { background: #4e4e4e; } .ScrollDown:after { font-size: 9px; margin-left: 8px; line-height: 47px; height: 50px; content: '\e008'; } @media screen and (min-width:1px) and (max-width:961px) { .ScrollDown { display: none; } } .ReadyToGoBar { background-color: #ddd; background-image: url(/Content/resources/images/texture-grey-mist.png); background-repeat: repeat; background-position: left top; clear: both; } .ReadyToGoBar ul { width: 90%; display: block; margin: 0 auto; overflow: hidden; background-image: url(/Content/resources/images/bg-low-opacity-seperator.png), url(/Content/resources/images/bg-low-opacity-seperator.png), url(/Content/resources/images/bg-low-opacity-seperator.png); background-repeat: repeat-y; background-position: 25% top, 50% top, 75% top; } .ReadyToGoBar ul li { color: #000; text-align: center; width: 25%; } .ReadyToGoBar ul li * { -webkit-box-sizing: content-box; -khtml-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box; -webkit-transition: color, background 400ms; -webkit-transition-delay: 0s, ease; -moz-transition: color, background 400ms ease; -o-transition: color, background 400ms ease; transition: color, background 400ms ease; } .ReadyToGoBar ul li:focus *, .ReadyToGoBar ul li:hover * { -webkit-transition: color, background 400ms; -webkit-transition-delay: 0s, ease; -moz-transition: color, background 400ms ease; -o-transition: color, background 400ms ease; transition: color, background 400ms ease; color: #4e4e4e; } .ReadyToGoBar ul li:focus * span, .ReadyToGoBar ul li:hover * span { background: #4e4e4e; } .ReadyToGoBar ul li:focus * i, .ReadyToGoBar ul li:hover * i { color: #fff; } .ReadyToGoBar ul li a { text-decoration: none; color: #000; display: block; padding: 30px; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: .5s; -khtml-transition-duration: .5s; -moz-transition-duration: .5s; -ms-transition-duration: .5s; -o-transition-duration: .5s; transition-duration: .5s; } .ReadyToGoBar ul li h2 { margin: 0 0 20px; font-family: arial; font-weight: 700; letter-spacing: .12em; font-size: 14px; } .ReadyToGoBar ul li span { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; height: 55px; width: 55px; background: #2c2c2c; margin: 0 0 20px; } .ReadyToGoBar ul li span i { line-height: 55px; color: #eaeaea; } .ReadyToGoBar ul li span i:before { font-size: 24px; } .ReadyToGoBar ul li p { color: #000; font-size: 13px; font-weight: 400; line-height: 17px; } .ReadyToGoBar ul li.hover a { filter: alpha(Opacity=20); opacity: .2; } @media screen and (min-width:1px) and (max-width:961px) { .ReadyToGoBar ul { background-image: url(/Content/resources/images/bg-low-opacity-seperator.png); background-repeat: repeat-y; background-position: 50% top; width: 100%; } .ReadyToGoBar ul li { width: 50%; } .ReadyToGoBar ul li:nth-child(3), .ReadyToGoBar ul li:nth-child(4) { border-top: 1px solid #bbbbbc; } } @media screen and (min-width:1px) and (max-width:740px) { .ReadyToGoBar ul { background: 0 0; display: table; direction: rtl; } .ReadyToGoBar ul li { text-align: left; display: table-row; border-bottom: 1px solid #bbbbbc; border-top: 0 none!important; width: 100%; } .ReadyToGoBar ul li a { padding: 0; } .ReadyToGoBar ul li h2 { padding: 0 15px; margin: 0; font-size: 12px; line-height: 16px; display: table-cell; direction: ltr; width: 100%; vertical-align: middle; } .ReadyToGoBar ul li span { display: table-cell; direction: ltr; padding: 0 2px; } .ReadyToGoBar ul li span i:before { font-size: 18px; } .ReadyToGoBar ul li p { display: none; } .ReadyToGoBar ul li:nth-child(4) { border-bottom: 0 none; } } .subHeading { color: #cbcbce; font-family: Arial; margin: 20px auto 0; font-size: 14px; text-align: center; line-height: 18px; word-wrap: break-word; max-width: 80%; } .AtAGlance .items, .FeatureHighlight .items, .SpecificationsAtAGlance .items { margin: 0 auto; font-size: 0; } .AtAGlance .items h3, .FeatureHighlight .items h3, .SpecificationsAtAGlance .items h3 { padding-bottom: 10px; } .AtAGlance .items h3 a, .FeatureHighlight .items h3 a, .SpecificationsAtAGlance .items h3 a { text-decoration: none; } .AtAGlance .items .el, .FeatureHighlight .items .el, .SpecificationsAtAGlance .items .el { padding: 20px; margin-right: 0; float: none; display: inline-block; vertical-align: top; width: 24.9%; } @media screen and (min-width:1px) and (max-width:961px) { .AtAGlance .items .el, .FeatureHighlight .items .el, .SpecificationsAtAGlance .items .el { width: 49.9%; padding: 0 20px 60px; } } @media screen and (min-width:1px) and (max-width:740px) { .AtAGlance .items .el, .FeatureHighlight .items .el, .SpecificationsAtAGlance .items .el { width: 100%; padding: 0 0 30px; } } .AtAGlance .items .date, .FeatureHighlight .items .date, .SpecificationsAtAGlance .items .date { font-size: 11px; } .TwoColumnContainer .AtAGlance, .TwoColumnContainer .FeatureHighlight { padding: 0; } @media screen and (min-width:1001px) { .TwoColumnContainer .AtAGlance .headings, .TwoColumnContainer .FeatureHighlight .headings { margin-top: 0; } } @media screen and (min-width:1001px) { .TwoColumnContainer .AtAGlance, .TwoColumnContainer .FeatureHighlight { padding: 0; } } @media screen and (min-width:1001px) { .TwoColumnContainer .AtAGlance .items .el, .TwoColumnContainer .FeatureHighlight .items .el { width: 49.9%; /*margin-bottom: 40px;*/ } } .Quote { display: table; } .Quote > div { display: table-cell; vertical-align: middle; padding: 60px 30px; } .Quote > div hr { margin: 20px auto; width: 34px; height: 1px; border: none; color: #4e4e4e; } .Quote > div p { text-align: center; } .Quote > div > p { font-family: lr_ot4, Arial, Helvetica, sans-serif; font-weight: 100; font-size: 30px; padding-bottom: 20px; } /*.Quote > div > p:before { font-size: 18px; position: relative; top: -12px; content: '\e027'; left: -10px; padding-left: 30px; } .Quote > div > p:after { font-size: 18px; position: relative; top: -12px; content: '\e028'; left: 10px; }*/ .Quote > div > div { margin-top: 0; text-align: center; overflow: hidden; *zoom: 1; } .Quote > div > div p { line-height: 1.6; } .Quote > div a.audio { display: block; margin: 15px auto 0; width: 30px; cursor: pointer; background: rgba(0,0,0,0); text-decoration: none; } .Quote > div a.audio:before { font-size: 26px; content: '\e046'; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: .5s; -khtml-transition-duration: .5s; -moz-transition-duration: .5s; -ms-transition-duration: .5s; -o-transition-duration: .5s; transition-duration: .5s; filter: alpha(Opacity=20); opacity: .2; } .Quote > div a.audio:focus:before, .Quote > div a.audio:hover:before { filter: alpha(Opacity=100); opacity: 1; } .Quote.light { background-color: #ddd; background-image: url(/Content/resources/images/texture-grey-mist.png); background-repeat: repeat; color: #333; } .Quote.light p { color: #1C1C1B; } .Quote.light p:after, .Quote.light p:before { color: #1C1C1B; } .Quote.light .subHeading { color: #000; } .Quote.light a.audio { color: #333; } .Quote.dark { background-color: #222; background-image: url(/Content/resources/images/texture-darkest-grey.png); background-repeat: repeat; } .Quote.dark .subHeading { color: #ddd; } .Quote.dark p { color: #fff; } .Quote.dark > p:after, .Quote.dark > p:before { color: #cbcbce; } .Quote.dark a.audio { color: #999; } @media screen and (min-width:1px) and (max-width:961px) { .Quote > div { padding: 40px; } } @media screen and (min-width:1px) and (max-width:740px) { .Quote > div { padding: 30px; } .Quote > div > p { font-size: 24px; } /*.Quote > div > p:before { font-size: 14px; left: -5px; }*/ .Quote > div > p:after { font-size: 14px; left: 5px; } } .TwoColumnContainer .Quote > div { padding: 0px 20px; } .TwoColumnContainer .Quote > div > p { margin-left: 0; } @media screen and (min-width:1px) and (max-width:961px) { .TwoColumnContainer .Quote > div { padding: 40px 0; } } @media screen and (min-width:1px) and (max-width:740px) { .TwoColumnContainer .Quote > div { padding: 30px 0; } } .no-js .Quote { visibility: visible; } .ArticleQuote { background-color: #fff; padding: 80px 0; } @media screen and (min-width:1px) and (max-width:1000px) { .ArticleQuote { padding: 0 30px 60px; } } .ArticleQuote > div { margin: 0 auto; max-width: 680px; color: #cbcbce; border-bottom: 1px solid #cbcbce; } @media screen and (min-width:1px) and (max-width:1000px) { .ArticleQuote > div { max-width: 620px; } } .ArticleQuote > div.quote.left:before, .ArticleQuote > div.quote.right:after { position: relative; font-size: 18px; margin: 0; background-color: #fff; } .ArticleQuote > div.quote.left { margin-bottom: 15px; } .ArticleQuote > div.quote.left:before { content: '\e027'; float: left; top: -13px; padding-right: 10px; } .ArticleQuote > div.quote.right { margin-top: 25px; } .ArticleQuote > div.quote.right:after { content: '\e028'; float: right; top: 0; padding-left: 10px; } .ArticleQuote > div.quotation { clear: both; border-bottom: none; } .ArticleQuote > div.quotation p { text-align: center; color: #393939; } .ArticleQuote > div.quotation > p { font-family: lr_ot4, Arial, Helvetica, sans-serif; font-weight: 100; font-size: 30px; padding: 0 40px 20px; } @media screen and (min-width:1px) and (max-width:740px) { .ArticleQuote > div.quotation > p { padding: 0 0 20px; } } .ArticleQuote > div.quotation > div { margin-top: 0; text-align: center; } .ArticleQuote > div.quotation > div p { line-height: 1.6; } .ArticleQuote > div.quotation > div a.audio { display: block; margin: 15px auto 0; width: 30px; cursor: pointer; text-decoration: none; } .ArticleQuote > div.quotation > div a.audio:before { font-size: 26px; color: #393939; content: '\e046'; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: .5s; -khtml-transition-duration: .5s; -moz-transition-duration: .5s; -ms-transition-duration: .5s; -o-transition-duration: .5s; transition-duration: .5s; filter: alpha(Opacity=40); opacity: .4; } .ArticleQuote > div.quotation > div a.audio:focus:before, .ArticleQuote > div.quotation > div a.audio:hover:before { filter: alpha(Opacity=100); opacity: 1; } .Article + .ArticleQuote { padding-top: 0; } .TwoColumnContainer .ArticleQuote { padding: 60px 20px; } .TwoColumnContainer .ArticleQuote > div > p { margin-left: 0; } @media screen and (min-width:1px) and (max-width:1000px) { .TwoColumnContainer .ArticleQuote > div { padding: 60px 0; } } .TwoColumnContainer > div { display: block; padding: 0 30px; margin: 0 auto; max-width: 1260px; } .TwoColumnContainer > div > div { display: inline-block; display: block; } .TwoColumnContainer > div > div:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } @media screen and (min-width:1001px) { .TwoColumnContainer > div > div > div { float: left; vertical-align: top; width: 49.9%; } } @media screen and (min-width:741px) { .TwoColumnContainer > div { padding: 40px 20px; } } @media screen and (min-width:901px) { .TwoColumnContainer > div { padding: 40px 50px; } } @media screen and (min-width:1001px) { .TwoColumnContainer > div .leftColumn { padding-right: 40px; } .TwoColumnContainer > div .rightColumn { padding-left: 40px; } } @media screen and (min-width:1001px) { .TwoColumnContainer.sixtyForty > div > div > div.leftColumn { width: 60%; } .TwoColumnContainer.sixtyForty > div > div > div.rightColumn { width: 40%; } } @media screen and (min-width:1001px) { .TwoColumnContainer.fortySixty > div > div > div.leftColumn { width: 40%; } .TwoColumnContainer.fortySixty > div > div > div.rightColumn { width: 60%; } } .TwoColumnContainer.white { background: 0 0; background-color: #fff; } .TwoColumnContainer.light { background-color: #ddd; background-image: url(/Content/resources/images/texture-grey-mist.png); background-repeat: repeat; } .TwoColumnContainer.dark { background-color: #222; background-image: url(/Content/resources/images/texture-darkest-grey.png); background-repeat: repeat; } .FeatureHighlight { text-align: center; } .FeatureHighlight .wideCentred { padding-bottom: 20px; } .FeatureHighlight h3.avenir { padding-bottom: 10px; } .FeatureHighlight img { width: 100%; height: auto; padding-bottom: 20px; } .FeatureHighlight .el { text-align: left; } .HeroTitleBanner { position: relative; width: 100%; } .HeroTitleBanner .backgroundImage { display: block; background-size: cover; background-position: 50% 50%; position: absolute; width: 100%; height: 100%; } .HeroTitleBanner span div { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; background-size: cover; } .HeroTitleBanner .headings { padding: 40px 30px; position: relative; margin: 0; } @media screen and (min-width:741px) { .HeroTitleBanner .headings { padding: 80px 90px; } } .HeroTitleBanner .headings .primaryHeading { padding: 0; text-shadow: 0 0 8px rgba(0,0,0,.3); } .HeroTitleBanner .headings .subHeading { padding: 20px 0 0; margin: 0 auto; font-size: 16px; text-shadow: 0 0 8px rgba(0,0,0,.3); } @media screen and (min-width:1px) and (max-width:740px) { .HeroTitleBanner .headings .subHeading { font-size: 14px; } } .HeroTitleBanner .headings .caveat { text-shadow: 0 0 8px rgba(0,0,0,.3); } .HeroTitleBanner.tall { min-height: 380px; display: table; width: 100%; } .HeroTitleBanner.tall .headings { display: table-cell; padding: 100px 110px; vertical-align: middle; } .HeroTitleBanner.tall .headings .primaryHeading { font-weight: 700; font-size: 48px; line-height: 1.1em; letter-spacing: .15em; } @media screen and (min-width:1px) and (max-width:961px) { .HeroTitleBanner.tall { min-height: 0; } } @media screen and (min-width:1px) and (max-width:740px) { .HeroTitleBanner.tall .headings { padding: 60px 30px; } .HeroTitleBanner.tall .headings .primaryHeading { font-size: 28px; } } .HeroTitleBanner.light .headings .caveat, .HeroTitleBanner.light .headings .primaryHeading, .HeroTitleBanner.light .headings .subHeading { text-shadow: none; } #landrover .HeroTitleBanner .primaryLinkWithStyle { margin-top: 25px; } .MarketSelector { padding: 175px 10px 80px; min-height: 700px; position: relative; font-family: Arial; font-size: 10px; letter-spacing: .35em; text-align: center; overflow: visible; } .lt-ie9 .MarketSelector { min-height: 400px; } .MarketSelector .imageWrap { position: fixed; top: 0; right: 0; bottom: 0; left: 0; display: block; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; z-index: -3; } .MarketSelector h1 { font-weight: 700; padding-bottom: 50px; } .MarketSelector .subHeading { color: #fff; margin: 0 auto 30px; } .MarketSelector .secondaryLinks { position: absolute; top: 40px; right: 40px; } .MarketSelector .countryList { display: none; text-align: left; letter-spacing: .02em; } .no-js .MarketSelector .countryList { display: block; } .MarketSelector .countryList ul > li { display: block; border-top: solid 1px #999; padding-top: 40px; } .MarketSelector .countryList ul > li h2 { font-family: Arial; font-size: 14px; margin-bottom: 20px; font-weight: 700; } .MarketSelector .countryList ul > li > ul { font-size: 0; padding-bottom: 40px; } .MarketSelector .countryList ul > li > ul > li { border-top: none; padding-top: 0; width: 33.3%; float: none; display: inline-block; vertical-align: top; margin-bottom: 10px; } .MarketSelector .countryList ul > li > ul > li a { font-size: 12px; display: block; text-decoration: none; position: relative; color: #222; } .MarketSelector .countryList ul > li > ul > li a .flag { position: absolute; left: 0; top: -2px; } .MarketSelector .countryList ul > li > ul > li a span { display: inline-block; margin: 0 20px 0 40px; line-height: 20px; } .MarketSelector .countryList ul > li > ul > li a:hover span { color: #999; } .MarketSelector .dropDownContainer { width: 100%; max-width: 1200px; overflow: visible; margin: 0 auto; clear: both; text-align: center; } .no-js .MarketSelector .dropDownContainer { display: none; } .MarketSelector .dropDownContainer .col { float: left; width: 33.33%; text-align: center; padding: 0 10px; } .MarketSelector .dropDownContainer .formButton { clear: both; display: inline-block; margin: 0 auto; padding: 0 10px; } @media screen and (min-width:1px) and (max-width:961px) { .MarketSelector { padding: 175px 90px 80px; } .MarketSelector span { letter-spacing: 1px; } .MarketSelector .secondaryLinks { top: 20px; } .MarketSelector .dropDownContainer { width: 90%; } .MarketSelector .dropDownContainer .col { width: 100%; max-width: 350px; margin: 0 auto; float: none; padding: 0 10px 20px; } .MarketSelector .countryList ul > li > ul > li { width: 49.9%; } } @media screen and (min-width:1px) and (max-width:740px) { .MarketSelector { padding: 65px 30px; background-color: #222; background-image: url(/Content/resources/images/texture-darkest-grey.png); background-repeat: repeat; background-size: auto; min-height: auto; position: relative; font-family: Arial; font-size: 10px; letter-spacing: .35em; text-align: center; } .MarketSelector .imageWrap { display: none; } .MarketSelector h1 { font-family: lr_ot4, Arial, Helvetica, sans-serif; font-size: 22px; margin-bottom: 5px; } .MarketSelector .countryList ul > li > ul > li { width: 100%; } .MarketSelector .dropDownContainer { width: 100%; max-width: auto; overflow: auto; margin: 0 auto; clear: both; text-align: center; padding: 20px; } .MarketSelector .dropDownContainer .col { text-align: center; } .MarketSelector .dropDownContainer .formButton { width: 100%; max-width: 350px; padding-top: 0; padding-bottom: 30px; } .MarketSelector .dropDownContainer .formButton a { margin-top: 0; } } #landrover .MarketSelector .continueButton { display: inline-block; width: 100%; margin-top: 20px; } #landrover .MarketSelector .continueButton.disabled { opacity: .4; cursor: default; } #landrover .MarketSelector .continueButton.disabled:focus, #landrover .MarketSelector .continueButton.disabled:hover { background: none!important; color: #fff!important; } #landrover .MarketSelector .secondaryLinkWithStyle { margin: 0; } #landrover .MarketSelector .secondaryLinkWithStyle:before { display: block; } @media screen and (min-width:741px) { blockquote { margin: 30px 60px 20px; } } .Article { width: 100%; background-color: #fff; } .Article a { color: #000; font-weight: 600; } .Article a:focus, .Article a:hover { color: #696868; } .Article .sectionWrapper { padding: 80px 0; display: block; color: #393939; max-width: 680px; margin: 0 auto; } @media screen and (min-width:1px) and (max-width:1000px) { .Article .sectionWrapper { padding: 60px 30px; } } .Article .sectionWrapper img { width: 100%; height: auto; } .Article .sectionWrapper span.bottom, .Article .sectionWrapper span.top { display: block; } .Article .sectionWrapper span.top { margin: 0 0 40px; } .Article .sectionWrapper span.bottom { margin: 40px 0; } .Article .sectionWrapper div.links + span img { margin-top: 40px; } .Article .sectionWrapper h2 { font-family: Arial; font-weight: 500; letter-spacing: .1em; margin: 0 0 20px; font-size: 26px; line-height: 1.1; } .Article .sectionWrapper h3 { font-family: Arial; font-weight: 700; margin: 20px 0 0; font-size: 18px; line-height: 1.4; margin-bottom: 5px; } .Article .sectionWrapper .section { width: 100%; overflow: visible; } .Article .sectionWrapper .section:first-child { margin-top: 0; } .Article .sectionWrapper .section p.imageCaption { font-family: Arial; font-size: 12px; color: #999; padding: 0 20px 0 0; margin: -20px 0 40px; } .Article .sectionWrapper .section .richText .intro { font-family: Arial; letter-spacing: .03em; font-size: 22px; line-height: 1.4; margin: 0 0 60px; } @media screen and (min-width:1px) and (max-width:1000px) { .Article .sectionWrapper .section .richText .intro { margin: 0 0 40px; } } .Article .sectionWrapper .section .richText h2 { margin: 60px 0 0; } .Article .sectionWrapper .section .richText h3 + p { padding-top: 0; } .Article .sectionWrapper .section .richText p { font-size: 16px; padding-top: 20px; color: #393939; font-weight: 300; } .Article .sectionWrapper .section .richText p:first-child { padding-top: 0; } .Article .sectionWrapper .section .richText p strong { font-weight: 600; } .Article .sectionWrapper .section .richText span + h2.avenir { margin-top: 0; } .Article .sectionWrapper .section .richText ol + h2.avenir, .Article .sectionWrapper .section .richText ul + h2.avenir { margin-top: 40px; } .Article .sectionWrapper .section .richText ul { font-weight: 300; display: inline-block; margin: 20px 0 0 50px; line-height: 1.6; font-size: 16px; } .Article .sectionWrapper .section .richText ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .Article .sectionWrapper .section .richText ul li { padding-left: 10px; list-style-type: square; margin-bottom: 10px; } .Article .sectionWrapper .section .richText ol { font-weight: 700; } .Article .sectionWrapper .section .richText ol li { list-style-type: decimal; } .Article .sectionWrapper .section .richText ol li strong { font-weight: 300; } .Article .sectionWrapper .section .richText .ResponsiveTable { margin: 40px 0; } .Article .sectionWrapper .section .richText .smallPrint { padding-top: 0; } .Article .responsiveTableArrow { top: 30px; } /*.Article.light { background-image: none } .Article .ResponsiveTable { border: none; background-color: #eaeaea } .Article table { background-color: #f0f0f0 } .Article table tbody tr th, .Article table tbody tr th:first-child { background: #eaeaea url(/Content/resources/images/table-shadow-dark.png) repeat-y top right } .Article table tbody tr th:last-child { border-right-color: #f0f0f0 } .Article table tbody tr td { border-color: #ddd } .Article table tbody tr td:last-child { border-color: #f0f0f0 } .Article table tbody tr:first-child th { background: 0 0 } .Article table tbody tr:first-child th:first-child { background: #eaeaea url(/Content/resources/images/table-shadow-dark.png) repeat-y top right }*/ .ArticleQuote + .Article { margin-top: -80px; } @media screen and (min-width:1px) and (max-width:1000px) { .ArticleQuote + .Article { margin-top: -60px; } } .TwoColumnContainer .Article .sectionWrapper { margin: 0 auto; padding: 0; } @media screen and (min-width:1001px) { .TwoColumnContainer .Article .sectionWrapper { max-width: none; } } .no-js .Article .section { overflow-x: scroll; } .SidebarImage img { width: 100%; height: auto; margin-bottom: 20px; } .SidebarImage .carouselImageLink { display: block; margin-bottom: 20px; } .SidebarImage .carouselImageLink img { margin-bottom: 0; vertical-align: top; } .LanguageSelector { margin: 0 auto; } .LanguageSelector h1 { font-family: lr_ot4, Arial, Helvetica, sans-serif; font-size: 32px; letter-spacing: 10px; margin: 175px 0 10px; text-align: center; } .LanguageSelector h1 .flag { margin-right: 10px; position: relative; } .LanguageSelector .imageWrap { position: fixed; top: 0; right: 0; bottom: 0; left: 0; display: block; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; z-index: -3; } .LanguageSelector .languageWrapper { overflow: hidden; *zoom: 1; width: 680px; clear: both; float: none; margin: 0 auto; } #landrover .LanguageSelector a { float: left; margin: 0 auto 20px; width: 80%; max-width: 330px; display: block; } #landrover .LanguageSelector a:first-child { margin-right: 10px; } #landrover .LanguageSelector a:nth-child(2) { margin-left: 10px; } #landrover .LanguageSelector .languageWrapper[data-total="3"] a:nth-child(3) { margin-top: 20px; clear: both; float: none; } #landrover .LanguageSelector .languageWrapper[data-total="4"] a:nth-child(1), #landrover .LanguageSelector .languageWrapper[data-total="4"] a:nth-child(3) { float: left; margin-right: 10px; } #landrover .LanguageSelector .languageWrapper[data-total="4"] a:nth-child(2), #landrover .LanguageSelector .languageWrapper[data-total="4"] a:nth-child(4) { margin-left: 10px; } @media screen and (min-width:1px) and (max-width:961px) { .LanguageSelector .languageWrapper { width: initial; padding: 0; } #landrover .LanguageSelector a { margin-left: auto!important; margin-right: auto!important; float: none!important; } } @media screen and (min-width:1px) and (max-width:740px) { .LanguageSelector { margin: 0 auto; min-height: initial; } .LanguageSelector h1 { margin-top: 80px; } .LanguageSelector .imageWrap { display: none; } } .InternationalDealerLocator { position: relative; font-family: Arial; font-size: 10px; } .InternationalDealerLocator .imageWrap { position: absolute; height: 335px; width: 100%; display: block; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; } .InternationalDealerLocator h1 { font-family: lr_ot4, Arial, Helvetica, sans-serif; font-size: 32px; letter-spacing: .15em; padding: 80px 0 20px; text-align: center; position: relative; font-weight: 500; line-height: 1.1em; } .InternationalDealerLocator p.intro { padding: 0 30px; text-align: center; max-width: 800px; margin: 0 auto 20px; font-size: 14px; color: #fff; } .InternationalDealerLocator p.errorMessage { display: none; text-align: left; padding: 0 0 10px 10px; font-size: 14px; color: #fff; } .InternationalDealerLocator .dealerLocatorSearch { position: relative; min-height: 290px; } .InternationalDealerLocator .dealerLocatorSearch .searchForms { width: 90%; max-width: 900px; overflow: visible; margin: 0 auto; text-align: center; } .InternationalDealerLocator .dealerLocatorSearch .searchForms form .col { float: left; width: 33%; text-align: center; padding: 0 10px; } .InternationalDealerLocator .dealerLocatorSearch .searchForms form .formButton { clear: both; margin: 0 auto; width: 50%; padding: 0 10px 30px; } #landrover .InternationalDealerLocator .continueButton { width: 100%; position: relative; margin-top: 20px; } #landrover .InternationalDealerLocator .continueButton.disabled { opacity: .4; cursor: default; } #landrover .InternationalDealerLocator .continueButton.disabled:focus, #landrover .InternationalDealerLocator .continueButton.disabled:hover { background: 0 0; color: #fff; } @media screen and (min-width:1px) and (max-width:740px) { .InternationalDealerLocator .imageWrap { display: none; } .InternationalDealerLocator .dealerLocatorSearch { min-height: 0; background-color: #222; background-image: url(/Content/resources/images/texture-darkest-grey.png); background-repeat: repeat; background-size: auto; } .InternationalDealerLocator .dealerLocatorSearch h1 { font-size: 22px; } .InternationalDealerLocator .dealerLocatorSearch .searchForms { width: 100%; } .InternationalDealerLocator .dealerLocatorSearch .searchForms form .col { float: none; width: 100%; padding: 0 10px 20px; margin: 0 auto; max-width: 350px; } .InternationalDealerLocator .dealerLocatorSearch .searchForms form .formButton { margin: 0 auto; width: 100%; max-width: 350px; padding: 0 10px 30px; } .InternationalDealerLocator .dealerLocatorSearch .searchForms form .formButton .continueButton { display: inline-block; width: 100%; margin: 0; } } .InternationalDealerLocatorResults { background-color: #ddd; background-image: url(/Content/resources/images/texture-grey-mist.png); background-repeat: repeat; padding: 0 90px 40px; } .InternationalDealerLocatorResults .dealerHeader { padding: 50px 0; } .InternationalDealerLocatorResults .dealerHeader h2 { font-family: Arial; font-size: 26px; color: #393939; text-align: center; } .InternationalDealerLocatorResults .dealerResults ul.list { overflow: hidden; } .InternationalDealerLocatorResults .dealerResults ul.list > li { float: left; width: 33.33%; } @media screen and (min-width:1px) and (max-width:961px) { .InternationalDealerLocatorResults { padding: 0 30px 30px; } .InternationalDealerLocatorResults .dealerResults ul.list > li { width: 50%; } } @media screen and (min-width:1px) and (max-width:740px) { .InternationalDealerLocatorResults { padding: 0; } .InternationalDealerLocatorResults .dealerResults ul.list { padding: 0 10px 10px; } .InternationalDealerLocatorResults .dealerResults ul.list > li { float: none; width: 100%; } } .FooterNav { position: relative; padding: 0 0 40px; border-top: 1px solid #4e4e4e; } .no-js .FooterNav { padding-bottom: 0; } .FooterNav .footerWrapper { overflow: hidden; padding: 0 90px 0 40px; } .FooterNav .navWrapper { padding-bottom: 22px; } .FooterNav .navWrapper h2 { font-family: arial; font-size: 9px; letter-spacing: .2em; margin: 0 0 6px 50px; font-weight: 700; } .FooterNav .navWrapper h2:first-child { margin: 50px 0 6px 50px; } .FooterNav .navWrapper ul { margin: 0 20px 20px 50px; } .FooterNav .navWrapper li { padding: 4px 0; } .FooterNav .navWrapper li a { color: #cbcbce; font-size: 9px; letter-spacing: .2em; text-decoration: none; } .FooterNav .navWrapper li a.active, .FooterNav .navWrapper li a:focus, .FooterNav .navWrapper li a:hover { color: #fff; } .FooterNav .navWrapper li a i { position: relative; font-size: 5px; } .FooterNav .navWrapper li a i.icon-chevron-down, .FooterNav .navWrapper li a i.icon-chevron-up { display: none; top: -2px; left: 5px; } .FooterNav .navWrapper li a i.active { display: inline; } .FooterNav .navWrapper li ul { display: none; margin: 0 0 0 10px; } .FooterNav .navWrapper li ul li { padding: 2px 0; } .FooterNav[data-total="1"] .navWrapper { width: 100%; } .FooterNav[data-total="2"] .navWrapper { width: 49.9%; } .FooterNav[data-total="3"] .navWrapper { width: 33.3%; } .FooterNav[data-total="4"] .navWrapper { width: 24.9%; } .FooterNav[data-total="5"] .navWrapper { width: 20%; } .FooterNav[data-total="6"] .navWrapper { width: 16.666%; } .FooterNav[data-total="7"] .navWrapper { width: 14.2857%; } .FooterNav[data-total="8"] .navWrapper { width: 12.5%; } .FooterNav .socialLinks ul { margin-top: 15px; } .FooterNav .socialLinks ul li { padding: 0 0 10px; } .FooterNav .socialLinks ul li a { height: 50px; display: table; } .FooterNav .socialLinks ul li a > span { width: 50px; height: 50px; line-height: 50px; display: block; font-size: 23px; text-align: center; background-color: #222; -webkit-transition: background 400ms, color 400ms; -webkit-transition-delay: ease, ease; -moz-transition: background 400ms ease, color 400ms ease; -o-transition: background 400ms ease, color 400ms ease; transition: background 400ms ease, color 400ms ease; } .FooterNav .socialLinks ul li a strong { display: table-cell; vertical-align: middle; padding-left: 11px; } .FooterNav .socialLinks ul .social_facebook:hover span { background-color: #305891; } .FooterNav .socialLinks ul .social_twitter:hover span { background-color: #2CA8D2; } .FooterNav .socialLinks ul .social_linkedin:hover span { background-color: #007BB6; } .FooterNav .socialLinks ul .social_google:hover span { background-color: #DD4B39; } .FooterNav .socialLinks ul .social_tumblr:hover span { background-color: #2F5070; } .FooterNav .socialLinks ul .social_sinaweibo:hover span { background-color: #DF2029; } .FooterNav .socialLinks ul .social_pinterest:hover span { background-color: #C82828; } .FooterNav .socialLinks ul .social_douban:hover span { background-color: #0E7512; } .FooterNav .socialLinks ul .social_vkontakt:hover span { background-color: #2F5070; } .FooterNav .socialLinks ul .social_renren:hover span { background-color: #0259A0; } .FooterNav .socialLinks ul .social_youtube:hover span { background-color: #E62D27; } .FooterNav .socialLinks ul .icon-social_youtube { font-size: 29px; } .FooterNav .socialLinks ul .icon-social_youtube:before { margin-top: -5px; } .FooterNav .socialLinksFloat { width: auto!important; clear: both!important; display: block!important; padding-top: 0; } .FooterNav .socialLinksFloat ul { margin-top: 15px; } .FooterNav .socialLinksFloat ul li { margin-right: 6px; width: 55px; float: left; } .FooterNav .socialLinksFloat ul li a { text-indent: -9999px; } .FooterNav ul.hygieneLinks { width: 100%; background-color: #000; position: absolute; bottom: 0; } .FooterNav ul.hygieneLinks:after { content: ""; clear: both; display: table; } .no-js .FooterNav ul.hygieneLinks { position: static; } .FooterNav ul.hygieneLinks li { float: left; } .FooterNav ul.hygieneLinks li a { display: inline-block; padding: 16px 18px; font-size: 8px; color: #cbcbce; text-decoration: none; letter-spacing: .3em; -webkit-transition: background-color 400ms; -webkit-transition-delay: ease-out; -moz-transition: background-color 400ms ease-out; -o-transition: background-color 400ms ease-out; transition: background-color 400ms ease-out; } .FooterNav ul.hygieneLinks li a:focus, .FooterNav ul.hygieneLinks li a:hover { color: #fff; } .FooterNav ul.hygieneLinks li a.toggleHandle { display: none; position: relative; } .FooterNav ul.hygieneLinks li a.toggleHandle:after { content: '\e009'; position: relative; padding-left: 6px; top: -1px; } .FooterNav ul.hygieneLinks li.selectMarket > a { padding-left: 50px; display: block; } .FooterNav ul.hygieneLinks li.selectMarket > a span.countryCode { display: none; } .FooterNav ul.hygieneLinks li.selectMarket > a img.flag { position: absolute; top: 14px; left: 20px; } .FooterNav ul.hygieneLinks li ul.toggleContent, .FooterNav ul.hygieneLinks li ul.toggleContent li { float: left; } .FooterNav ul.hygieneLinks li.open a.toggleHandle { background: #4e4e4e; } .FooterNav ul.hygieneLinks li.open a.toggleHandle:after { content: '\e008'; } .FooterNav ul.hygieneLinks li.open .toggleContent { display: block; } .FooterNav .marketSelectorContainer { display: none; position: absolute; bottom: 40px; width: 320px; padding: 20px; background-color: #222; background-image: url(/Content/resources/images/texture-darkest-grey.png); background-repeat: repeat; border-bottom: 1px solid #222; } .FooterNav .marketSelectorContainer.open { display: block; } .FooterNav .marketSelectorContainer .col { padding-bottom: 20px; } .FooterNav .marketSelectorContainer .col .DropdownSelect { height: auto; } .FooterNav .marketSelectorContainer .col .DropdownSelect span.selected { position: relative; display: block; } .FooterNav .marketSelectorContainer .col .DropdownSelect ul { position: relative; top: 0; } .FooterNav .marketSelectorContainer .formButton .continueButton { margin-top: 0; width: 100%; font-size: 10px; padding: 13px 23px 11px; } .FooterNav .marketSelectorContainer .formButton .continueButton.disabled { opacity: .4; cursor: default; } .FooterNav .marketSelectorContainer .formButton .continueButton.disabled:focus, .FooterNav .marketSelectorContainer .formButton .continueButton.disabled:hover { background: 0 0; color: #fff; } .FooterNav .marketSelectorContainer .secondaryLinks { display: none; } @media screen and (min-width:1px) and (max-width:961px) { .FooterNav .footerWrapper { overflow: hidden; padding: 0; } .FooterNav .navWrapper#social h2 { display: block; float: none; } .FooterNav .navWrapper#social li { margin-right: 6px; width: 55px; } .FooterNav .navWrapper#social li:last-child { margin-right: 0; } .FooterNav ul.hygieneLinks li a.toggleHandle { display: block; } .FooterNav ul.hygieneLinks li ul.toggleContent { display: none; } .FooterNav ul.hygieneLinks li.open ul.toggleContent { position: absolute; width: 100%; left: 0; bottom: 40px; } .FooterNav ul.hygieneLinks li.open ul.toggleContent li { float: none; width: 100%; background: #000; border-bottom: 1px solid #222; } .FooterNav ul.hygieneLinks li.open ul.toggleContent li a { display: block; } .no-js .FooterNav ul.hygieneLinks { height: auto; overflow: hidden; } .no-js .FooterNav ul.hygieneLinks li a.toggleHandle { display: none; } .no-js .FooterNav ul.hygieneLinks li ul.toggleContent, .no-js .FooterNav ul.hygieneLinks li.selectMarket a { display: block; } } @media screen and (min-width:1px) and (max-width:740px) { .FooterNav { padding-bottom: 82px; } .FooterNav .marketSelectorContainer { background: #000; width: 100%; } .FooterNav .marketSelectorContainer .col { margin: 0 auto; max-width: 340px; } .FooterNav .marketSelectorContainer .col .DropdownSelect span.selected, .FooterNav .marketSelectorContainer .col .DropdownSelect ul { display: none; } .FooterNav .marketSelectorContainer .formButton { margin: 0 auto; max-width: 340px; } .FooterNav .navWrapper { display: none; } .FooterNav .navWrapper#social h2 { display: block; float: none; margin: 15px auto 0; text-align: center; } .FooterNav[data-total="7"] .socialLinks, .FooterNav[data-total="8"] .socialLinks, .FooterNav[data-total="2"] .socialLinks, .FooterNav[data-total="1"] .socialLinks, .FooterNav[data-total="3"] .socialLinks, .FooterNav[data-total="4"] .socialLinks, .FooterNav[data-total="5"] .socialLinks, .FooterNav[data-total="6"] .socialLinks { width: auto; } .FooterNav .socialLinks { display: block; width: auto; margin: 0 auto; float: none; } .FooterNav .socialLinks ul { display: block; text-align: center; margin: 15px auto 0; } .FooterNav .socialLinks ul li { display: inline-block; float: none; } .FooterNav .socialLinks ul li a strong { display: none; } .FooterNav .socialLinksFloat h2 { text-align: left!important; padding-left: 50px!important; } .FooterNav ul.hygieneLinks li.selectMarket a span.countryName { display: none; } .FooterNav ul.hygieneLinks li.selectMarket a span.countryCode { display: inline; } .FooterNav .recallLinks { display: inherit; width: 100%; background-color: #222; } .FooterNav .recallLinks:after { content: ""; clear: both; display: table; } .no-js .FooterNav .recallLinks { position: static; } .FooterNav .recallLinks li { float: left; } .FooterNav .recallLinks li a { display: inline-block; padding: 16px 18px; font-size: 8px; color: #cbcbce; text-decoration: none; letter-spacing: .3em; } .FooterNav .recallLinks li a:focus, .FooterNav .recallLinks li a:hover { color: #fff; } } .no-js .navWrapper li ul { position: relative; display: block; } .NotificationBar { display: none; background-color: #696868; border-bottom: 1px solid #333; width: 100%; overflow: hidden; } .NotificationBar .notificationContainer { display: table; } .NotificationBar .notificationContainer .top { width: 100%; display: table-cell; border-bottom: none; } .NotificationBar .notificationContainer .top .notificationHeader { vertical-align: middle; font-family: lr_ot4, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 100; display: block; padding: 20px 40px; } .NotificationBar .notificationContainer .top .inner { display: table; width: 100%; } .NotificationBar .notificationContainer .top .inner .left, .NotificationBar .notificationContainer .top .inner .right { display: table-cell; vertical-align: middle; } .NotificationBar .notificationContainer .bottom { padding: 0; visibility: hidden; } .NotificationBar .notificationContainer p { font-size: 10px; color: #fff; visibility: visible; padding: 20px 40px; text-align: center; } .NotificationBar .notificationContainer p a { font-weight: 700; } .NotificationBar .notificationContainer p a:focus, .NotificationBar .notificationContainer p a:hover { color: #cbcbce; } .NotificationBar .notificationContainer .close { display: table-cell; height: 100%; width: 70px; vertical-align: middle; border-left: 1px solid #4e4e4e; -webkit-transition: background-color .2s; -webkit-transition-delay: 0s; -moz-transition: background-color .2s; -o-transition: background-color .2s; transition: background-color .2s; } .NotificationBar .notificationContainer .close span { display: block; width: 70px; height: 70px; line-height: 70px; } .NotificationBar .notificationContainer .close span:before { width: 100%; content: '\e00a'; font-size: 16px; margin: 0; text-decoration: none; } .NotificationBar .notificationContainer .close:focus, .NotificationBar .notificationContainer .close:hover { background-color: #4e4e4e; } @media screen and (min-width:1px) and (max-width:961px) { .NotificationBar .notificationContainer { display: block; } .NotificationBar .notificationContainer .top { display: table; border-bottom: 1px solid #4e4e4e; } .NotificationBar .notificationContainer .top .notificationHeader { display: table-cell; padding: 10px 20px; } .NotificationBar .notificationContainer .bottom { padding: 20px 20px 0; visibility: visible; } .NotificationBar .notificationContainer p { padding: 0 0 20px; } .NotificationBar .notificationContainer .close { width: 50px; } .NotificationBar .notificationContainer .close span { width: 50px; height: 50px; line-height: 50px; } } .lt-ie8 #landrover .NotificationBar.browserUpgradeNotification .bottom a.primaryLinkWithStyle { float: left; } .lt-ie8 #landrover .NotificationBar.browserUpgradeNotification .bottom a.primaryLinkWithStyle:focus, .lt-ie8 #landrover .NotificationBar.browserUpgradeNotification .bottom a.primaryLinkWithStyle:hover { color: #000; background: #fff; } .lt-ie8 .NotificationBar.browserUpgradeNotification { display: block; padding-bottom: 20px; } .lt-ie8 .NotificationBar.browserUpgradeNotification .notificationHeader { font-weight: 700; } .lt-ie8 .IgniteBar, .lt-ie8 .NotificationBar.browserUpgradeNotification a.close { display: none; } #landrover .NotificationBar .primaryLinkWithStyle { white-space: nowrap; margin: 0 40px 0 0; visibility: visible; float: right; } @media screen and (min-width:1px) and (max-width:961px) { #landrover .NotificationBar .primaryLinkWithStyle { margin: 0 0 20px; float: none; } } .VehicleSpecifications { width: 100%; margin: 0 auto; color: #393939; text-align: center; padding-bottom: 40px; background-color: #393939; background-image: url(/Content/resources/images/texture-dark-grey.png); background-repeat: repeat; } .VehicleSpecifications .openAll { float: right; font-size: 10px; font-weight: 700; letter-spacing: 1px; margin-bottom: 15px; margin-right: 15px; text-decoration: none; color: #cbcbce; } .no-js .VehicleSpecifications .openAll { display: none; } .VehicleSpecifications .openAll:hover { color: #fff; } .VehicleSpecifications .openAll .open:before { content: '\e024'; font-size: 10px; } .VehicleSpecifications .openAll .close { display: none; } .VehicleSpecifications .openAll .close:before { content: '\e01c'; font-size: 10px; } .VehicleSpecifications ul { clear: both; } .VehicleSpecifications .GridListWrapper { background-image: none; background-color: transparent; padding: 40px 40px; } @media screen and (min-width:1px) and (max-width:961px) { .VehicleSpecifications .GridListWrapper { padding: 40px 40px 20px; } } @media screen and (min-width:1px) and (max-width:740px) { .VehicleSpecifications .GridListWrapper { padding: 20px 30px; } } .VehicleSpecifications .secondaryHeading { font-size: 20px; color: #fff; font-family: lr_ot4, Arial, Helvetica, sans-serif; letter-spacing: .15em; } .VehicleSpecifications .primaryHeading, .VehicleSpecifications .secondaryHeading { padding-bottom: 0; } .VehicleSpecifications .subHeading { margin-top: 60px; } .VehicleSpecifications .yourModel { width: 100%; text-align: center; color: #fff; min-height: 335px; position: relative; } .VehicleSpecifications .yourModel .imageWrap { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; } .VehicleSpecifications .yourModel .primaryHeading { margin-top: 80px; position: relative; } .VehicleSpecifications .yourModel .contentWrapper { padding: 0 50px; } .VehicleSpecifications .yourModel .contentWrapper h2 { margin-bottom: 27px; } .VehicleSpecifications .yourModel .contentWrapper p { font-size: 16px; margin-top: 15px; color: #fff; } .VehicleSpecifications .yourModel .vehicleNameHeaderMobile { padding-top: 26px; } .VehicleSpecifications .yourModel .vehicleTagline { margin-top: 18px; } .VehicleSpecifications .yourModel .bodyStyleWrapper, .VehicleSpecifications .yourModel .modelWrapper { float: left; width: 50%; margin-top: 20px; font-weight: 700; } .VehicleSpecifications .yourModel .modelWrapper { padding-left: 0; } .VehicleSpecifications .yourModel .inner { width: 330px; float: right; margin-right: 10px; position: relative; } .VehicleSpecifications .yourModel .modelWrapper .inner { margin-left: 10px; margin-right: 0; float: left; } .VehicleSpecifications .yourModel .selectBodyStyle, .VehicleSpecifications .yourModel .selectModel { text-align: center; font-size: 10px; letter-spacing: 3.5px; line-height: 13px; } .VehicleSpecifications .yourModel .DropdownNav { text-align: left; width: 100%; z-index: 1; } .VehicleSpecifications .yourModel .DropdownNav > span { display: none; } .VehicleSpecifications .yourModel.onlyModel .contentWrapper { width: 100%; position: absolute; } .VehicleSpecifications .yourModel.onlyModel .modelWrapper { width: 100%; } .VehicleSpecifications .yourModel.onlyModel .modelWrapper .inner { width: 100%; text-align: center; } .VehicleSpecifications .yourModel.onlyModel .modelWrapper .DropdownNav { position: relative!important; } .VehicleSpecifications .specDetails { max-width: 1600px; padding: 50px; position: relative; margin: auto; } .VehicleSpecifications .specDetails > ul > li { width: 100%; font-size: 19px; text-align: left; } .VehicleSpecifications .specDetails > ul > li a { padding: 15px 40px; display: block; color: #fff; position: relative; text-decoration: none; border-bottom: 1px solid #4e4e4e; letter-spacing: .1em; font-weight: 500; background-color: #222; background-image: url(/Content/resources/images/texture-darkest-grey.png); background-repeat: repeat; } .VehicleSpecifications .specDetails > ul > li a:hover { background-color: #4e4e4e; background-image: none; } .VehicleSpecifications .specDetails > ul > li a:after { content: '\e024'; position: absolute; right: 10px; top: 15px; color: #fff; font-size: 21px; } .VehicleSpecifications .specDetails > ul > li > div { padding: 0; background: #f0f0f0; font-size: 14px; overflow-x: hidden; } .VehicleSpecifications .specDetails > ul > li > div br { display: none; } .VehicleSpecifications .specDetails > ul > li > div h2 { color: #4e4e4e; font-size: 20px; margin: 70px 0 40px; padding: 0; text-align: left; } .VehicleSpecifications .specDetails > ul > li > div h2:first-child { margin-top: 0; } .VehicleSpecifications .specDetails > ul > li > div p { color: #393939; text-align: left; } .VehicleSpecifications .specDetails > ul > li > div .bulletedList { font-weight: 300; width: 33%; vertical-align: top; display: inline-block; max-width: 800px; text-align: left; margin: 0; } .VehicleSpecifications .specDetails > ul > li > div .bulletedList > li { list-style-type: none; margin: 14px 20px 0; font-size: 14px; padding: 0; } .VehicleSpecifications .specDetails > ul > li > div .bulletedList > li strong { display: block; font-weight: 700; } .VehicleSpecifications .specDetails > ul > li > div .bulletedList > li ul { margin-left: 14px; } .VehicleSpecifications .specDetails > ul > li > div .bulletedList > li li { list-style-type: square; margin-top: 14px; } .VehicleSpecifications .specDetails > ul > li.active a { background-color: #4e4e4e; background-image: none; } .VehicleSpecifications .specDetails > ul > li.active a:after { content: '\e01c'; } .VehicleSpecifications .bulletedColumns { border-bottom: solid 1px #d0d0d0; } .VehicleSpecifications .bulletedColumns :last-child { border: none; } .VehicleSpecifications .bulletedColumns > div { margin: 0 -20px; clear: both; overflow: hidden; padding-bottom: 40px; } .VehicleSpecifications .imageListKey ul { width: 100%; border-bottom: 1px solid #d0d0d0; padding-bottom: 10px; font-size: 11px; overflow: auto; } .VehicleSpecifications .imageListKey ul li { float: left; margin-right: 20px; position: relative; padding-left: 0; line-height: 22px; } .VehicleSpecifications .imageListKey ul li:before { color: #cbcbce; font-size: 13px; position: relative; top: -1px; left: 0; } .VehicleSpecifications .imageListKey ul li.standard:before { content: '\e047'; } .VehicleSpecifications .imageListKey ul li.optional:before { content: '\e01f'; } .VehicleSpecifications .imageListKey ul li.nocostoption:before { content: '\e01d'; } .VehicleSpecifications .imageList { clear: both; overflow: hidden; margin: 20px 0 0; border-bottom: 1px solid #d0d0d0; } .VehicleSpecifications .imageList > li { padding-bottom: 40px; width: 25%; float: left; font-size: 14px; line-height: 1.5em; font-weight: 700; } .VehicleSpecifications .imageList > li div { margin: 0 20px 0 0; } .VehicleSpecifications .imageList > li div:nth-child(4n) { margin: 0; } .VehicleSpecifications .imageList > li div img { margin: 0 0 18px; display: block; width: 100%!important; height: auto!important; } .VehicleSpecifications .imageList > li span { font-weight: 400; color: #393939; display: block; position: relative; } .VehicleSpecifications .imageList > li span:after { color: #cbcbce; font-size: 14px; position: relative; top: -1px; } .VehicleSpecifications .imageList > li span.standard:after { content: '\e047'; } .VehicleSpecifications .imageList > li span.optional:after { content: '\e01f'; } .VehicleSpecifications .imageList > li span.nocostoption:after { content: '\e01d'; } .VehicleSpecifications .imageList > li ul { width: 100%; } .VehicleSpecifications .imageList > li ul li { font-size: 13px; font-weight: 700; width: 100%; display: block; margin-bottom: 4px; } .VehicleSpecifications .imageList > li ul li:nth-child(1) { margin: 0 0 10px; font-size: 16px; } .VehicleSpecifications .imageList > li ul li:nth-child(2) { font-size: 16px; font-weight: 400; margin-bottom: 20px; } .VehicleSpecifications .imageList > li ul li:nth-child(3) { margin-bottom: 12px; } .VehicleSpecifications .imageList > li:nth-child(4n+1) { clear: both; } .VehicleSpecifications .imageList + .bulletedColumns div { border-top: 0; } .VehicleSpecifications .responsiveTableArrow { margin-right: 40px; } @media screen and (min-width:1px) and (max-width:961px) { .VehicleSpecifications .yourModel.onlyModel .DropdownNav { max-width: 50%; width: 50%; } .VehicleSpecifications .specDetails { padding: 0 40px 40px; } .no-js .VehicleSpecifications .specDetails { padding-top: 20px; } .VehicleSpecifications .specDetails .bulletedColumns .bulletedList { display: block; width: 100%; } .VehicleSpecifications .imageList > li { width: 50%; } .VehicleSpecifications .imageList > li:nth-child(2n+1) { clear: both; } .VehicleSpecifications .subHeading { margin-top: 20px; font-size: 14px; } } @media screen and (min-width:1px) and (max-width:740px) { .VehicleSpecifications .DropdownNav { max-width: none; } .VehicleSpecifications .openAll { display: none; } .VehicleSpecifications .yourModel { min-height: 0; } .VehicleSpecifications .yourModel .contentWrapper { padding: 0 30px; } .VehicleSpecifications .yourModel .vehicleSpecificationsHeader { display: none; } .VehicleSpecifications .yourModel .mobileWrapper { position: relative; } .VehicleSpecifications .yourModel .primaryHeading { margin: 0; padding: 50px 0; } .VehicleSpecifications .yourModel .vehicleNameHeaderMobile { position: relative; padding: 50px 0; z-index: 1; } .VehicleSpecifications .yourModel .DropdownNav[style] { position: static!important; } .VehicleSpecifications .yourModel .bodyStyleWrapper .inner, .VehicleSpecifications .yourModel .modelWrapper .inner { margin-left: 0; margin-right: 0; } .VehicleSpecifications .yourModel .bodyStyleWrapper, .VehicleSpecifications .yourModel .modelWrapper { width: 100%; } .VehicleSpecifications .yourModel.onlyModel .contentWrapper { position: relative; } .VehicleSpecifications .yourModel.onlyModel .DropdownNav { width: 100%; max-width: 100%; } .VehicleSpecifications .yourModel .inner, .VehicleSpecifications .yourModel .modelWrapper .inner { display: block; width: auto; float: none; } .VehicleSpecifications .specDetails { padding: 0 0 40px; } .VehicleSpecifications .specDetails > ul > li { font-size: 12px; } .VehicleSpecifications .specDetails > ul > li a { padding: 16px 30px; } .VehicleSpecifications .specDetails > ul > li a:after { right: 10px; top: 15px; font-size: 15px; } .VehicleSpecifications .specDetails > ul > li > div { padding: 0; } .VehicleSpecifications .bulletedColumns .bulletedList { margin-left: 0; } .VehicleSpecifications .bulletedColumns .bulletedList li { margin-left: 14px; margin-right: 0; } .VehicleSpecifications .imageList > li { width: 100%; } .VehicleSpecifications .imageList > li div img { max-width: 245px; } .VehicleSpecifications .responsiveTableArrow { margin-right: 0; } .VehicleSpecifications .price, .VehicleSpecifications .subHeading { margin-bottom: 20px; } } #landrover .VehicleSpecifications .primaryLinkWithStyle { margin-top: 0; } .vehicleSpecificationsOverlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #000 url(/Content/resources/images/texture-darkest-grey.png) repeat scroll 0 0; z-index: 3; filter: alpha(Opacity=0); opacity: 0; } .no-js .VehicleSpecifications .specDetails > ul > li > div { overflow-y: hidden; } .no-js .VehicleSpecifications .specDetails > ul > li a:after { display: none; } .no-js .VehicleSpecifications .GridListWrapper { overflow-x: scroll; } .InPageVehicleSpecifications { margin-top: -40px; padding-bottom: 80px; background-color: #222; background-image: url(/Content/resources/images/texture-darkest-grey.png); background-repeat: repeat; } .InPageVehicleSpecifications .yourModel .imageWrap { min-height: 0; height: auto; background: none!important; } .InPageVehicleSpecifications .yourModel .imageWrap h1, .InPageVehicleSpecifications .yourModel .imageWrap > span { display: none; } .InPageVehicleSpecifications .yourModel .imageWrap .subHeading { margin-top: 0; } .InPageVehicleSpecifications .yourModel .imageWrapMobile { display: none; } .InPageVehicleSpecifications .yourModel .contentWrapper { padding-top: 0; } .InPageVehicleSpecifications .yourModel .bodyStyleWrapper { float: none; width: 100%; } .InPageVehicleSpecifications .yourModel .bodyStyleWrapper .inner { float: none; margin: 0 auto; min-height: 115px; } .InPageVehicleSpecifications .yourModel .modelWrapper { display: none; } .InPageVehicleSpecifications .specDetails { padding-top: 0; } .InPageVehicleSpecifications .specDetails > ul > li a { background: 0 0; background-color: #0c121c; } .InPageVehicleSpecifications > .price, .InPageVehicleSpecifications > .subHeading { display: none; } @media screen and (min-width:1px) and (max-width:961px) { .InPageVehicleSpecifications { margin-top: -30px; } } @media screen and (min-width:1px) and (max-width:740px) { .InPageVehicleSpecifications { margin-top: -20px; } } .DropdownNav { position: relative; width: 80%; max-width: 350px; cursor: pointer; margin: 10px auto 20px; border-radius: 3px; font-family: Arial; font-size: 10px; letter-spacing: .35em; } .DropdownNav .selected { display: block; padding: 15px 50px 15px 15px; line-height: 1.3em; background-color: #0c121c; color: #fff; position: relative; -webkit-transition: all 400ms; -webkit-transition-delay: ease-out; -moz-transition: all 400ms ease-out; -o-transition: all 400ms ease-out; transition: all 400ms ease-out; } .DropdownNav .selected [class*=" icon-"], .DropdownNav .selected [class^=icon-] { position: absolute; right: 15px; top: 0; padding-left: 14px; border-left: 1px solid #333; height: 100%; line-height: 40px; font-size: 12px; } .DropdownNav .selected .icon-chevron-up { display: none; } .DropdownNav:focus .selected, .DropdownNav:hover .selected { background-color: #4e4e4e; } .DropdownNav.jsonly ul { height: 0; filter: alpha(Opacity=0); opacity: 0; overflow-y: hidden; } .DropdownNav.active .selected { background-color: #4e4e4e; } .DropdownNav.active .selected .icon-chevron-up { display: block; } .DropdownNav.active .selected .icon-chevron-down { display: none; } .DropdownNav ul { border-top: solid 1px #333; display: none; } .DropdownNav li { border-bottom: solid 1px #333; font-weight: 700; list-style: none; position: relative; line-height: 1.3em; } .DropdownNav li.active a { background: #333; } .DropdownNav li a { color: #cbcbce; background: #4e4e4e; text-decoration: none; display: block; padding: 16px 35px 15px 15px; } .DropdownNav li a span { display: block; margin-left: 20px; } .DropdownNav li a:last-child { border-bottom: 0; } .DropdownNav li a .icon-right-open-big { color: #cbcbce; margin-right: 6px; position: absolute; top: 15px; } .DropdownNav li a:focus, .DropdownNav li a:hover { background: #333; color: #fff; } .DropdownNav li a:focus .icon-right-open-big, .DropdownNav li a:hover .icon-right-open-big { color: #fff; } @media screen and (min-width:1px) and (max-width:740px) { .DropdownNav.mobileLight .selected, .DropdownNav.mobileLight:focus .selected, .DropdownNav.mobileLight:hover .selected { background-color: #ddd; color: #000; } .DropdownNav.mobileLight.active .selected { background: #4e4e4e; color: #fff; } .DropdownNav.mobileLight li.active > a { background: #cbcbce; color: #000; } } .no-js .DropdownNav > ul { display: block; } .InPageSubNavigation { margin: 30px auto; padding: 0 30px; display: none; } .InPageSubNavigation .DropdownNav { margin: 0 auto; width: 100%; } .InPageSubNavigation .chooseModel .modelsContainer { display: none; } .InPageSubNavigation .chooseModel .modelsContainer .chooseModelHeader { font-size: 10px; padding: 16px 35px 15px 15px; font-weight: 400; line-height: 1.3em; letter-spacing: .35em; background-color: #4e4e4e; cursor: default; } .InPageSubNavigation .chooseModel .modelsContainer ul { background-color: #cbcbce; } .InPageSubNavigation .chooseModel .modelsContainer ul li { background-color: transparent; } .InPageSubNavigation .chooseModel .modelsContainer ul li a { background-color: transparent; color: #000; } .InPageSubNavigation .chooseModel .modelsContainer ul li a i { display: inline-block; position: absolute; color: #696868; top: 14px; } .InPageSubNavigation .chooseModel .modelsContainer ul li a span { display: inline-block; margin-left: 0; padding-left: 20px; } .InPageSubNavigation .chooseModel .modelsContainer ul li.active { background-color: #333; } .InPageSubNavigation .chooseModel .modelsContainer ul li.active a, .InPageSubNavigation .chooseModel .modelsContainer ul li.active a i { color: #fff; } .InPageSubNavigation .back, .InPageSubNavigation .chooseModel > a { position: relative; background-color: #0c121c; color: #fff; } .InPageSubNavigation .back i, .InPageSubNavigation .chooseModel > a i { position: absolute; right: 15px; top: 0; padding-left: 13px; border-left: 1px solid #333; height: 100%; line-height: 43px; font-size: 12px; } @media screen and (min-width:1px) and (max-width:740px) { .InPageSubNavigation { display: block; } } .no-js .InPageSubNavigation .chooseModel > a { display: none; } .no-js .InPageSubNavigation .chooseModel .modelsContainer { display: block; } .no-js .InPageSubNavigation .chooseModel .back { display: none; } .ResponsiveTable { border: 1px solid #d0d0d0; overflow: hidden; background: #fff; } table { width: 100%; font-size: 14px; background-color: #fff; border-left: 20px solid #eaeaea; } table tbody tr { border-top: 1px solid #cbcbce; } table tbody tr td, table tbody tr th { color: #393939; vertical-align: middle; padding: 20px; text-align: left; } table tbody tr th { font-weight: 700; } table tbody tr th:first-child { background: #eaeaea url(/Content/resources/images/table-shadow-light.png) repeat-y top right; padding-left: 0; } table tbody tr th:last-child { border-right: 20px solid #fff; } table tbody tr td { background-clip: padding-box; border-right: 1px solid #f0f0f0; } table tbody tr td:last-child { border-right: 20px solid #fff; } table tbody tr:first-child { border-top: none; } table tbody tr:first-child th { font-size: 16px; background-clip: padding-box; border-right: 1px solid #f0f0f0; border-bottom: 1px solid #696868; } table tbody tr:first-child th:first-child { font-size: 16px; border-right: 0; } table tbody tr:first-child th:last-child { border-right: 0; } table tbody tr:first-child th { vertical-align: top; } .tableWrapper { position: relative; } .tableWrapper .pinned { position: absolute; top: 0; width: 35%; } .tableWrapper .pinned tr > th:first-child { word-break: break-all; word-break: break-word; } .tableWrapper .scrollable { margin-left: 34%; overflow: scroll; overflow-y: hidden; } .tableWrapper .scrollable table { position: relative; border-left: none; } .tableWrapper .scrollable table tbody tr th:first-child { display: none; } .responsiveTableArrow { padding-left: 35%; position: relative; width: 100%; } .responsiveTableArrow .leftArrow, .responsiveTableArrow .rightArrow { width: 10px; font-size: 20px; color: #cbcbce; float: left; } .responsiveTableArrow .leftArrow:before, .responsiveTableArrow .rightArrow:before { margin-left: 0; margin-right: 0; } .responsiveTableArrow .leftArrow { width: 20px; } .responsiveTableArrow .leftArrow:before { content: '\e01a'; } .responsiveTableArrow .rightArrow:before { margin-left: -12px; content: '\e02c'; } .responsiveTableArrow .bar { float: left; height: 2px; background-color: #cbcbce; position: relative; margin-top: 11px; margin-left: -12px; } @media screen and (min-width:1px) and (max-width:961px) { .responsiveTableArrow div { margin-right: 0; } } .TwoColumnContainer .leftColumn .ResponsiveTable { width: 100%; } @media screen and (min-width:1px) and (max-width:961px) { .ResponsiveTable.stickToRight { position: relative; } table, table tbody tr th { font-size: 10px; } table tbody tr:first-child th, table tbody tr:first-child th:first-child { font-size: 11px; } } @media screen and (min-width:1px) and (max-width:740px) { table { font-size: 9px; } table tbody tr th { padding: 10px; font-size: 9px; } table tbody tr td { padding: 10px; } table tbody tr:first-child th, table tbody tr:first-child th:first-child { font-size: 10px; } } .InPageDealerLocator p.summary { text-align: center; padding-bottom: 20px; } .InPageDealerLocator p.errorMessage { display: none; padding-bottom: 10px; color: red!important; } .InPageDealerLocator .formContainer { width: 500px; padding-top: 20px; margin: 0 auto; } .InPageDealerLocator .formContainer input.textfield { width: 350px; display: inline-block; margin: 0 20px 0 0; } .InPageDealerLocator.light { background-color: #ddd; background-image: url(/Content/resources/images/texture-grey-mist.png); background-repeat: repeat; color: #333; } .InPageDealerLocator.light h2 { color: #4e4e4e; } .InPageDealerLocator.light p { color: #393939; } #landrover .InPageDealerLocator .searchButton { margin-top: 0; min-width: 0; width: 125px; } @media screen and (min-width:1px) and (max-width:961px) { .InPageDealerLocator { padding: 40px; } .InPageDealerLocator .formContainer input.textfield { margin-bottom: 20px; } } @media screen and (min-width:1px) and (max-width:740px) { .InPageDealerLocator p.summary { text-align: center; padding-bottom: 0; } .InPageDealerLocator .formContainer { width: auto; max-width: 350px; } .InPageDealerLocator .formContainer input.textfield { width: 100%; margin: 0 0 20px; } .InPageDealerLocator .formContainer input.searchButton { width: 100%; } } select.DropdownSelect { visibility: hidden; } .no-js select.DropdownSelect { visibility: visible; } div.DropdownSelect { height: 40px; text-align: left; } div.DropdownSelect select { visibility: hidden; position: absolute; } div.DropdownSelect span.selected { position: relative; display: block; font-size: 10px; letter-spacing: 3px; font-weight: 700; background: #000; height: 40px; width: 100%; padding: 15px 35px 15px 20px; cursor: pointer; color: #fff; z-index: 3; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -webkit-transition: all 400ms; -webkit-transition-delay: ease-out; -moz-transition: all 400ms ease-out; -o-transition: all 400ms ease-out; transition: all 400ms ease-out; } div.DropdownSelect span.selected:focus, div.DropdownSelect span.selected:hover { background: #4e4e4e; } div.DropdownSelect span.selected:before { content: '\e008'; position: absolute; top: 14px; right: 16px; } div.DropdownSelect ul { display: none; position: relative; background: #eaeaea; width: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; max-height: 268px; z-index: 4; } div.DropdownSelect ul li { float: none!important; overflow: hidden; padding: 12.5px 20px; font-size: 10px; letter-spacing: 3px; font-weight: 700; color: #000; border-bottom: 1px solid #cbcbce!important; line-height: 15px!important; background: #eaeaea; cursor: pointer; } div.DropdownSelect ul li:focus, div.DropdownSelect ul li:hover { background: #cbcbce; } div.DropdownSelect ul li .flag { float: right; margin-top: -4px; } div.DropdownSelect.disabled span.selected { cursor: auto; filter: alpha(Opacity=20); opacity: .2; } div.DropdownSelect.disabled span.selected:focus, div.DropdownSelect.disabled span.selected:hover { background: #000; } div.DropdownSelect .clickOff { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; } div.DropdownSelect.open span.selected { background: #4e4e4e; z-index: 6; } div.DropdownSelect.open span.selected:before { content: '\e009'; } div.DropdownSelect.open ul { display: block!important; z-index: 7; } div.DropdownSelect.open .clickOff { display: block; z-index: 5; } @media screen and (min-width:1px) and (max-width:740px) { div.DropdownSelect { height: auto; } div.DropdownSelect select { visibility: visible; position: static; width: 100%; } div.DropdownSelect span.selected, div.DropdownSelect ul { display: none; } } div.DropdownSelect.flagSelect span.selected .flag { float: left; margin: -5px 10px 0 -5px; } .autoCompleteContainer { position: relative; } .autoCompleteMenu { position: absolute; top: 41px; left: 0; z-index: 3; text-align: left; overflow-y: auto; max-height: 240px; width: 100%; } .autoCompleteMenu .autoCompleteItem, .autoCompleteMenu .autoCompleteTitle { display: block; padding: 12.5px 20px; font-size: 12px; font-weight: 700; text-decoration: none; color: #000; border-bottom: 1px solid #cbcbce!important; line-height: 15px!important; background: #eaeaea; cursor: pointer; letter-spacing: 1px; } .autoCompleteMenu .autoCompleteItem.promoted, .autoCompleteMenu .autoCompleteTitle.promoted { background: #d8d8da; } .autoCompleteMenu .autoCompleteItem.promoted span, .autoCompleteMenu .autoCompleteTitle.promoted span { color: #8f8f8f; font-size: 10px; float: right; } .autoCompleteMenu .autoCompleteItem.autoCompleteSelected, .autoCompleteMenu .autoCompleteItem:focus, .autoCompleteMenu .autoCompleteItem:hover, .autoCompleteMenu .autoCompleteTitle:focus, .autoCompleteMenu .autoCompleteTitle:hover { background: #cbcbce; } #header .autoCompleteMenu { position: absolute; top: 108px; left: 0; z-index: 3; max-height: 246px; } #header .autoCompleteMenu .autoCompleteItem, #header .autoCompleteMenu .autoCompleteTitle { text-align: left; padding: 12.5px 20px 12.5px 259px; } @media screen and (min-width:1px) and (max-width:961px) { #header .autoCompleteMenu { display: none; } } .NationalDealerLocator { position: relative; font-family: Arial; font-size: 10px; letter-spacing: .35em; } .NationalDealerLocator .imageWrap { position: absolute; height: 335px; width: 100%; display: block; background-position: left bottom; background-repeat: no-repeat; background-size: cover; } .NationalDealerLocator h1 { padding: 40px 0 20px; position: relative; } .NationalDealerLocator .selectHeader { text-align: left; font-size: 16px; letter-spacing: 2px; position: relative; padding: 10px; } .NationalDealerLocator .intro { text-align: center; color: #fff; font-size: 14px; margin: 0 auto 20px; padding: 0 30px; max-width: 750px; } .NationalDealerLocator .errorMessage { display: none; text-align: center; padding-bottom: 16px; color: red!important; } .NationalDealerLocator .dealerLocatorSearch { position: relative; min-height: 335px; } .NationalDealerLocator .dealerLocatorSearch .searchForms { display: none; width: 90%; max-width: 900px; overflow: visible; margin: 0 auto; clear: both; text-align: center; } .no-js .NationalDealerLocator .dealerLocatorSearch .searchForms { display: block; } .NationalDealerLocator .dealerLocatorSearch .searchForms form { display: inline; } .NationalDealerLocator .dealerLocatorSearch .searchForms form .selectHeader { display: none; } .NationalDealerLocator .dealerLocatorSearch .searchForms form .col { float: left; width: 50%; text-align: center; padding: 0 10px; } .NationalDealerLocator .dealerLocatorSearch .searchForms form .formButton { clear: both; margin: 0 auto; width: 50%; padding: 0 10px 30px; } .NationalDealerLocator .dealerLocatorSearch .searchForms .seperator { margin: 0 0 30px; text-align: center; position: relative; } .NationalDealerLocator .dealerLocatorSearch .searchForms.multipleForms .searchSelectContainer { width: 33.33%; float: left; padding: 0 10px; } .NationalDealerLocator .dealerLocatorSearch .searchForms.multipleForms form .col, .NationalDealerLocator .dealerLocatorSearch .searchForms.multipleForms form .formButton { width: 33.33%; } .mobileGeoLocationPopup { background: #393939; position: relative; padding: 30px; letter-spacing: .08em; width: 80%; margin: 20px auto 0; } .mobileGeoLocationPopup h2 { letter-spacing: .3em; font-size: 14px; font-weight: 700; padding-bottom: 12px; } .mobileGeoLocationPopup p { font-size: 12px; color: #fff; margin: 5px 0; } #landrover .NationalDealerLocator .continueButton { display: inline-block; width: 100%; position: relative; } #landrover .NationalDealerLocator .continueButton.disabled { opacity: .4; cursor: default; } #landrover .NationalDealerLocator .continueButton.disabled:focus, #landrover .NationalDealerLocator .continueButton.disabled:hover { background: 0 0; color: #fff; } #landrover .NationalDealerLocator .dealerLocatorSearch .continueButton { margin-top: 30px; } #landrover .mobileGeoLocationPopup .primaryLinkWithStyle { margin-top: 20px; display: block; } @media screen and (min-width:1px) and (max-width:961px) { .NationalDealerLocator span { letter-spacing: 1px; } } @media screen and (min-width:1px) and (max-width:740px) { .NationalDealerLocator { min-height: 0; background-color: #222; background-image: url(/Content/resources/images/texture-darkest-grey.png); background-repeat: repeat; background-size: auto; } .NationalDealerLocator .imageWrap { display: none; } .NationalDealerLocator h1 { padding: 40px 0 0; font-size: 22px; } .NationalDealerLocator .selectHeader { text-align: center; } .NationalDealerLocator .dealerLocatorSearch { min-height: 0; } .NationalDealerLocator .dealerLocatorSearch .searchForms { width: 100%; max-width: auto; } .NationalDealerLocator .dealerLocatorSearch .searchForms form .col { width: 100%; max-width: 350px; text-align: center; padding: 0 10px 20px; margin: 0 auto; float: none; } .NationalDealerLocator .dealerLocatorSearch .searchForms form .formButton { width: 100%; max-width: 350px; margin: 0 auto; } .NationalDealerLocator .dealerLocatorSearch .searchForms form .formButton .continueButton { margin: 0; padding-top: 10px; } .NationalDealerLocator .dealerLocatorSearch .searchForms.multipleForms .searchSelectContainer { float: none; width: 100%; max-width: 350px; margin: 0 auto; padding-bottom: 20px; } .NationalDealerLocator .dealerLocatorSearch .searchForms.multipleForms form .col, .NationalDealerLocator .dealerLocatorSearch .searchForms.multipleForms form .formButton { width: 100%; } #landrover .NationalDealerLocator .dealerLocatorSearch .continueButton { margin-top: 0; } } .NationalDealerLocatorResults { background-color: #ddd; background-image: url(/Content/resources/images/texture-grey-mist.png); background-repeat: repeat; padding: 0 90px 40px; clear: both; } .NationalDealerLocatorResults .dealerHeader { padding: 40px 0; } .NationalDealerLocatorResults .dealerHeader h2 { font-family: Arial; font-size: 26px; color: #393939; float: right; width: 60%; text-align: center; padding: 0 20px; } .NationalDealerLocatorResults .dealerHeader .DropdownSelect { float: left; width: 20%; } .NationalDealerLocatorResults .dealerHeader:after { content: " "; clear: both; display: table; } .NationalDealerLocatorResults .dealerResults { width: 100%; height: 600px; margin: 0 auto; overflow: hidden; position: relative; } .NationalDealerLocatorResults .dealerResults .scrollGradient { background: url(/Content/resources/images/scroll-grad.png); height: 10px; position: absolute; bottom: 0; left: 0; width: 100%; } .NationalDealerLocatorResults .dealerResults .dealerSidebar { z-index: 2; position: absolute; left: 0; top: 0; height: 600px; width: 33.33%; transition: left .5s; } .NationalDealerLocatorResults .dealerResults .dealerSidebar .sideBarToggle { position: absolute; top: 50px; right: -40px; height: 40px; width: 40px; font-weight: 700; text-decoration: none; font-size: 20px; background: #696868; } .NationalDealerLocatorResults .dealerResults .dealerSidebar .sideBarToggle:before { content: '\e01a'; color: #fff; margin: 10px 0 0 8px; } .NationalDealerLocatorResults .dealerResults .dealerSidebar ul.list { height: 600px; overflow-y: auto; } .NationalDealerLocatorResults .dealerResults .dealerSidebar .directions { height: 600px; overflow-y: auto; padding: 0 30px 30px; } .NationalDealerLocatorResults .dealerResults .dealerSidebar .directions .backToDealer { margin-top: 0; } .NationalDealerLocatorResults .dealerResults .dealerSidebar .directions .backToDealer:before { content: '\e01a'; color: #4e4e4e; position: absolute; top: 2px; left: -4px; font-size: 10px; } .NationalDealerLocatorResults .dealerResults .dealerSidebar .directions .directionsField { position: relative; margin: 20px 0 0; background: #fff; } .NationalDealerLocatorResults .dealerResults .dealerSidebar .directions .directionsField span { position: absolute; left: 10px; top: 1px; height: 40px; line-height: 40px; width: 20px; font-size: 18px; font-weight: 700; font-family: Arial; color: #222; } .NationalDealerLocatorResults .dealerResults .dealerSidebar .directions .directionsField input[type=text] { padding: 0 0 0 40px; } .NationalDealerLocatorResults .dealerResults .dealerSidebar .directions input[type=submit] { margin-top: 20px; width: 100%; } .NationalDealerLocatorResults .dealerResults .dealerMap { top: 0; right: 0; position: absolute; height: 600px; width: 66.66%; transition: width .5s; } .NationalDealerLocatorResults .dealerResults .dealerMap .bingMap img.placeholderMapImage { display: none; } .no-js .NationalDealerLocatorResults .dealerResults .dealerMap .bingMap > img:first-child { display: inline; width: 100%; } .NationalDealerLocatorResults .dealerResults .dealerMap .mapCloseButton { display: none; margin-top: 0; position: absolute; top: 40px; left: 20px; z-index: 3; } .NationalDealerLocatorResults .dealerResults .dealerMap .mapCloseButton:before { content: '\e01a'; margin: -4px 6px 0 0; } .NationalDealerLocatorResults .dealerResults.mapOpen .dealerSidebar { left: -33.33%; } .NationalDealerLocatorResults .dealerResults.mapOpen .dealerSidebar .sideBarToggle:before { content: '\e02c'; margin: 10px 0 0 10px; } .NationalDealerLocatorResults .dealerResults.mapOpen .dealerMap { width: 100%; } .NationalDealerLocatorResults .dd_directionsPanel { font-family: Arial; color: #222; padding: 0!important; margin-top: 20px; } .NationalDealerLocatorResults .dd_directionsPanel .dd_routeSummary .dd_tripSummary { font-size: 18px; display: block; margin-bottom: 10px; } .NationalDealerLocatorResults .dd_directionsPanel .dd_routeSummary .dd_trafficTime { font-size: 14px; } .NationalDealerLocatorResults .dd_directionsPanel .dd_routeSummary > a { letter-spacing: .1em; margin: 10px 0 0; } .NationalDealerLocatorResults .dd_directionsPanel .dd_waypoint { font-size: 18px; font-weight: 700; } .NationalDealerLocatorResults .dd_directionsPanel .dd_waypoint .dd_directionStepLetter { font-family: Arial; font-size: 18px; line-height: 18px!important; text-indent: 0; color: #222; } .NationalDealerLocatorResults .dd_directionsPanel .dd_waypoint .dd_locationWaypoint { padding: 0; } .NationalDealerLocatorResults .dd_directionsPanel .dd_waypoint .dd_waypointDisplayText { font-family: Arial; font-size: 18px; line-height: auto; margin: 0 0 0 25px; } .NationalDealerLocatorResults .dd_directionsPanel .dd_itinerary li .dd_iteneraryContainer { font-size: 14px; color: #222; padding: 0; margin: 0; border-top: 1px solid #999; line-height: 1.2em; } .NationalDealerLocatorResults .dd_directionsPanel .dd_itinerary li .dd_iteneraryContainer .dd_distance { text-align: right; padding: 4px 0 4px 6px; font-size: 11px; height: 16px; margin: -13px 0 10px; float: right; color: #222; background-color: #ddd; background-image: url(/Content/resources/images/texture-grey-mist.png); background-repeat: repeat; } .NationalDealerLocatorResults .dd_directionsPanel .dd_itinerary li .dd_iteneraryContainer .dd_instruction { clear: both; font-size: 14px; margin: 20px 0 0 50px; } .NationalDealerLocatorResults .dd_directionsPanel .dd_itinerary li .dd_iteneraryContainer .dd_intersectionHint { margin-left: 50px; } .NationalDealerLocatorResults .dd_directionsPanel .dd_itinerary li .dd_maneuver { margin-top: 22px; } .NationalDealerLocatorResults .dd_directionsPanel .dd_disambgContainer { padding: 0!important; margin: 0; background: 0 0; font-family: Avenir, Arial, Helvetica, sans-serif; } .NationalDealerLocatorResults .dd_directionsPanel .dd_disambgContainer .headerText { font-family: Arial; color: #222; font-size: 18px; } .NationalDealerLocatorResults .dd_directionsPanel .dd_disambgContainer ul { list-style: decimal; } .NationalDealerLocatorResults .dd_directionsPanel .dd_disambgContainer ul li { list-style: decimal; list-style-position: inside; color: #222; font-size: 14px; margin: 20px 0; } .NationalDealerLocatorResults .dd_directionsPanel .dd_disambgContainer ul li div { display: inline; } .NationalDealerLocatorResults .dd_directionsPanel .dd_disambgContainer ul li .dd_DisambgStepLetter { display: none; } .NationalDealerLocatorResults .dd_directionsPanel .dd_disambgContainer ul li a { font-weight: 700; color: #222; } .NationalDealerLocatorResults .MapPushpinBase div { top: 9px!important; } .NationalDealerLocatorResults .directionsMap .MapPushpinBase div { top: 4px!important; } .NationalDealerLocatorResults .infoBox { background-color: #ddd; background-image: url(/Content/resources/images/texture-grey-mist.png); background-repeat: repeat; position: relative; min-width: 300px; margin-top: 250px; } .NationalDealerLocatorResults .infoBox .infoBoxClose { position: absolute; top: 1px; right: 10px; height: 20px; width: 20px; z-index: 3; font-weight: 400; text-decoration: none; font-size: 12px; } .NationalDealerLocatorResults .infoBox .infoBoxClose:before { content: '\e00a'; color: #393939; margin: 10px 0 0 8px; } .NationalDealerLocatorResults .MicrosoftMap .OverlaysBL, .NationalDealerLocatorResults .MicrosoftMap .OverlaysBR-logoAware, .NationalDealerLocatorResults.noMapResults .radius-frm, .NationalDealerLocatorResults.noMapResults .scrollGradient { display: none; } .NationalDealerLocatorResults.noMapResults .dealerResults { height: auto; } .NationalDealerLocatorResults.noMapResults .dealerResults .dealerSidebar { position: static; height: auto; width: 100%; } .NationalDealerLocatorResults.noMapResults .dealerResults .dealerSidebar .sideBarToggle { display: none; } .NationalDealerLocatorResults.noMapResults .dealerResults .dealerSidebar ul.list { height: auto; overflow-y: visible; } .NationalDealerLocatorResults.noMapResults .dealerResults .dealerSidebar ul.list > li { float: left; width: 33.33%; } .NationalDealerLocatorResults.noMapResults .dealerResults .dealerSidebar ul.list > li .dealerCard .dealerCardInner { padding: 30px; } .NationalDealerLocatorResults.noMapResults .dealerResults .dealerMap, .NationalDealerLocatorResults.noMapResults .dealerResults .dealerSidebar .directions, .NationalDealerLocatorResults.noMapResults .dealerResults .dealerSidebar ul.list > li .dealerCard .getDirections, .NationalDealerLocatorResults.noMapResults .dealerResults .dealerSidebar ul.list > li .dealerCard .viewOnMap { display: none; } #landrover .NationalDealerLocatorResults .dealerHeader .searchAgain { float: right; margin-top: 0; width: 20%; } #landrover .NationalDealerLocatorResults .radius-frm .primaryLinkWithStyle { display: none; } .no-js #landrover .NationalDealerLocatorResults .radius-frm .primaryLinkWithStyle { display: block; } #landrover .NationalDealerLocatorResults .dealerMap .mapCloseButton { display: none; margin-top: 0; position: absolute; top: 40px; left: 20px; z-index: 3; } #landrover .NationalDealerLocatorResults .dealerMap .mapCloseButton:before { content: '\e01a'; margin: -4px 6px 0 0; } #landrover .NationalDealerLocatorResults .dealerResults .dealerSidebar .directions .getDirectionsMap.getDirectionsMap { display: none; } @media screen and (min-width:1px) and (max-width:961px) { .NationalDealerLocatorResults { padding: 0 30px 30px; } .NationalDealerLocatorResults .dealerHeader .searchAgain { width: 25%; } .NationalDealerLocatorResults .dealerHeader h2 { width: 50%; } .NationalDealerLocatorResults .dealerHeader .DropdownSelect { width: 25%; } .NationalDealerLocatorResults.noMapResults .dealerResults .dealerSidebar ul.list > li { width: 50%; } } @media screen and (min-width:1px) and (max-width:740px) { .NationalDealerLocatorResults { padding: 0; } .NationalDealerLocatorResults .dealerHeader { padding: 40px 40px 0; } .NationalDealerLocatorResults .dealerHeader h2 { float: none; width: 100%; margin-bottom: 20px; } .NationalDealerLocatorResults .dealerHeader .DropdownSelect { float: none; width: 100%; max-width: 350px; margin: 0 auto 30px; } .NationalDealerLocatorResults .dealerResults { height: auto; margin: 0 auto; } .NationalDealerLocatorResults .dealerResults .dealerSidebar { position: static; height: auto; width: 100%; } .NationalDealerLocatorResults .dealerResults .dealerSidebar ul.list { height: auto; overflow-y: visible; padding: 0 10px 10px; } .NationalDealerLocatorResults .dealerResults .dealerSidebar .directions { height: auto; overflow-y: visible; } .NationalDealerLocatorResults .dealerResults .dealerSidebar .directions input[type=submit].getDirectionsMap { display: block; } .NationalDealerLocatorResults .dealerResults .dealerMap { float: none; height: 100%; width: 100%; position: fixed; left: 100%; top: 0; } .NationalDealerLocatorResults .dealerResults .dealerMap .mapCloseButton { display: block; } .NationalDealerLocatorResults .dealerResults.noMapResults .dealerSidebar ul.list > li { width: 100%; } .NationalDealerLocatorResults .dealerResults.mapOpen .dealerSidebar { left: -100%; } .NationalDealerLocatorResults .dealerResults.mapOpen .dealerMap { left: 0; z-index: 10; } .infoBox { margin: 20px 0 0 -180px; } .NationalDealerLocatorResults.noMapResults .dealerResults .dealerSidebar ul.list > li { width: 100%; } #landrover .NationalDealerLocatorResults .dealerHeader .searchAgain { width: 0; height: 0; margin: 0; padding: 0; visibility: hidden; } #landrover .NationalDealerLocatorResults .dealerMap .mapCloseButton { display: block; } } .NationalDealerLocatorError { background-color: #ddd; background-image: url(/Content/resources/images/texture-grey-mist.png); background-repeat: repeat; padding: 40px; clear: both; text-align: center; font-family: Arial; color: #393939; } .NationalDealerLocatorError h2, .NationalDealerLocatorError h4 { font-size: 26px; margin: 0 0 20px; } .NationalDealerLocatorError p { font-size: 18px; margin: 0 0 20px; color: #393939; } .NationalDealerLocatorError ol { font-weight: 400; } .NationalDealerLocatorError ol li { list-style: none; padding: 5px; display: block; } .NationalDealerLocatorError ol li a { color: #393939; font-weight: 700; } .NationalDealerLocatorError ol li a:focus, .NationalDealerLocatorError ol li a:hover { color: #999; text-decoration: none; } .SpecificationsAtAGlance, .SpecificationsAtAGlance .items .el { text-align: center; } .SpecificationsAtAGlance .items .el p { line-height: 1.5em; font-size: 14px; letter-spacing: .02em; } .SpecificationsAtAGlance .items .el .measurement { font-family: lr_ot4, Arial, Helvetica, sans-serif; color: #fff; margin-bottom: 15px; } .SpecificationsAtAGlance .items .el .measurement span { position: relative; } .SpecificationsAtAGlance .items .el .measurement .valueLarge { font-size: 48px; font-weight: 600; letter-spacing: .15em; margin-right: 3px; line-height: 1.1em; } .SpecificationsAtAGlance .items .el .measurement .valueSmall { font-size: 34px; font-weight: 600; line-height: 1.1em; letter-spacing: .15em; display: inline-block; margin-right: 2px; padding: 7px 0; } .SpecificationsAtAGlance .items .el .measurement .unitLarge { font-size: 24px; font-weight: 100; letter-spacing: 1px; bottom: 8px; } .SpecificationsAtAGlance .items .el .measurement .unitSmall { font-size: 17px; font-weight: 100; margin-left: 3px; bottom: 5px; } .SpecificationsAtAGlance .items .el .feature { font-family: Arial; color: #fff; font-size: 14px; font-weight: 600; } .SpecificationsAtAGlance.light .items .el .feature, .SpecificationsAtAGlance.light .items .el .measurement { color: #222; } #landrover .SpecificationsAtAGlance .primaryLinkWithStyle { margin: 20px auto 0; } @media screen and (min-width:1px) and (max-width:1100px) { .SpecificationsAtAGlance { text-align: center; } .SpecificationsAtAGlance .items .el { width: 49.9%; padding: 0 20px 60px; } } @media screen and (min-width:1px) and (max-width:740px) { .SpecificationsAtAGlance { text-align: center; } .SpecificationsAtAGlance .items .el { width: 100%; padding: 0 0 30px; } } .YouTubePlayer { height: 100%; width: 100%; margin: 0 auto; display: table-cell; vertical-align: middle; -webkit-transform-style: preserve-3d; } .YouTubePlayer .playerWrapper { margin: auto; position: relative; height: 100%; z-index: 0; } .YouTubePlayer a:hover .playButton { background-color: #4e4e4e; } .YouTubePlayer .placeholderVideo { width: 100%; height: 100%; } .YouTubePlayer iframe { height: 100%; width: 100%; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; z-index: 0; } .YouTubePlayer .playButton { width: 100px; height: 100px; display: block; position: absolute; top: 50%; left: 50%; margin-left: -50px; margin-top: -50px; background-color: #000; z-index: 3; cursor: pointer; cursor: hand; text-align: center; -webkit-transition: background-color 400ms; -webkit-transition-delay: ease; -moz-transition: background-color 400ms ease; -o-transition: background-color 400ms ease; transition: background-color 400ms ease; } .YouTubePlayer .playButton:before { content: '\e023'; line-height: 100px; font-size: 50px; margin-left: 19px; margin-top: 4px; } .YouTubePlayer .playerCover { display: block; margin: 0 auto; height: 100%; width: 100%; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background-repeat: no-repeat; background-size: cover; background-position: center; cursor: pointer; cursor: hand; } @media screen and (min-width:1px) and (max-width:961px) { .YouTubePlayer .playButton { width: 80px; height: 80px; margin-left: -40px; margin-top: -40px; } .YouTubePlayer .playButton:before { line-height: 80px; font-size: 40px; margin-left: 18px; } } @media screen and (min-width:1px) and (max-width:740px) { .YouTubePlayer .playButton { width: 40px; height: 40px; margin-left: -20px; margin-top: -20px; } .YouTubePlayer .playButton:before { line-height: 40px; font-size: 19px; margin-left: 10px; margin-top: 2px; } } .InPageYouTubePlayer { width: 100%; padding: 80px 90px; } .InPageYouTubePlayer .outerPlayerWrapper { display: table; width: 100%; } .InPageYouTubePlayer .YouTubePlayer { width: 100%; } .InPageYouTubePlayer .inpageText { display: block; text-align: center; padding: 0 0 30px; max-width: 1200px; margin: auto; } .InPageYouTubePlayer .heading { font-family: lr_ot4, Arial, Helvetica, sans-serif; font-weight: 200; letter-spacing: .15em; line-height: 1.1em; color: #fff; -ms-word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; margin-bottom: 10px; font-size: 25px; } .InPageYouTubePlayer.light .heading { color: #222; } .InPageYouTubePlayer.light .playButton { color: #fff; } @media screen and (min-width:1px) and (max-width:961px) { .InPageYouTubePlayer { padding: 40px; } } @media screen and (min-width:1px) and (max-width:740px) { .InPageYouTubePlayer { padding: 30px; } .InPageYouTubePlayer .YouTubePlayer { margin-bottom: 30px; } .InPageYouTubePlayer .heading { font-size: 24px; } } .no-js .InPageYouTubePlayer .playerCover { position: static; } .no-js .InPageYouTubePlayer noscript img { width: 100%; } .no-js .InPageYouTubePlayer .playButton { display: none; } .YouTubeGalleryAsset .YouTubePlayer { padding: 0 130px 60px; } .YouTubeGalleryAsset .playerWrapper { max-width: 1200px; max-height: 675px; } .YouTubeGalleryAsset .playerCover { max-height: 675px; max-width: 1200px; } @media screen and (min-width:1px) and (max-width:961px) { .YouTubeGalleryAsset .YouTubePlayer { padding: 0 70px; } } @media screen and (min-width:1px) and (max-width:740px) { .YouTubeGalleryAsset .YouTubePlayer { padding: 0; } } .VideoPlayerGalleryAsset .VideoPlayer { height: 100%; width: 100%; margin: 0 auto; display: table-cell; vertical-align: middle; padding: 0 130px 60px; -webkit-transform-style: preserve-3d; } .VideoPlayerGalleryAsset .VideoPlayer .playerWrapper { margin: 0 auto; } .VideoPlayerGalleryAsset .VideoPlayer .mejs-container { margin: auto; width: 100%!important; position: relative; height: 100%; z-index: 0; } @media screen and (min-width:1px) and (max-width:961px) { .VideoPlayerGalleryAsset .VideoPlayer { padding: 0 70px; } } @media screen and (min-width:1px) and (max-width:740px) { .VideoPlayerGalleryAsset .VideoPlayer { padding: 0; } } @-moz-document url-prefix() { .VideoPlayerGalleryAsset .VideoPlayer .mejs-container; { max-width: 1200px; max-height: 675px; } } .Gallery { height: 100%; position: relative; padding-top: 70px; padding-bottom: 0; background-color: #222; background-image: url(/Content/resources/images/texture-darkest-grey.png); background-repeat: repeat; } @media screen and (min-width:1px) and (max-width:961px) { .Gallery { padding-top: 50px; padding-bottom: 80px; } } .Gallery .gallery { width: 100%; height: 100%; position: relative; } .Gallery .gallery .rsOverflow { height: 100%!important; } .Gallery .gallery .galleryItem { display: block; width: 100%; height: 100%; position: relative; } .Gallery .gallery .galleryItem.videoItem { display: table; } .Gallery .gallery .galleryItem.videoItem .playerWrapper { max-width: 1200px; max-height: 675px; } .Gallery .gallery .galleryItem h4 { font-size: 20px; margin-top: 20px; } .Gallery .gallery .galleryItem h4, .Gallery .gallery .galleryItem p { display: none; } .Gallery .gallery .galleryItem > span { display: table; width: 100%; height: 100%; -webkit-background-size: cover; -khtml-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center center; background-repeat: no-repeat; text-align: center; } .Gallery .gallery .galleryItem > span span { display: table-cell; vertical-align: middle; height: 100%; } .Gallery .gallery .galleryItem > span span img { height: 100%; } .Gallery .gallery a.directionArrow { display: none; position: absolute; text-decoration: none; width: 60px; top: 0; text-shadow: 0 0 8px rgba(0,0,0,.3); height: 100%; font-size: 50px; } @media screen and (min-width:901px) { .Gallery .gallery a.directionArrow { width: 90px; } } @media screen and (min-width:1px) and (max-width:740px) { .Gallery .gallery a.directionArrow { height: 50px; margin-top: -25px; top: 50%; } } .Gallery .gallery a.directionArrow span { opacity: .75; display: block; width: 60px; height: 60px; position: relative; top: 50%; margin-top: -30px; } .Gallery .gallery a.directionArrow span .lt-ie9 { opacity: none; } @media screen and (min-width:901px) { .Gallery .gallery a.directionArrow span { width: 90px; } } .Gallery .gallery a.directionArrow span:before { width: 90px; height: 60px; } .Gallery .gallery a.directionArrow span:focus, .Gallery .gallery a.directionArrow span:hover { opacity: 1; } .Gallery .gallery a.directionArrow.left { left: 30px; } @media screen and (min-width:1px) and (max-width:961px) { .Gallery .gallery a.directionArrow.left { left: 7px; } } @media screen and (min-width:1px) and (max-width:740px) { .Gallery .gallery a.directionArrow.left { left: 0; } } .Gallery .gallery a.directionArrow.left span:before { content: '\e00b'; } .Gallery .gallery a.directionArrow.right { right: 30px; text-align: right; } @media screen and (min-width:1px) and (max-width:961px) { .Gallery .gallery a.directionArrow.right { right: 7px; } } @media screen and (min-width:1px) and (max-width:740px) { .Gallery .gallery a.directionArrow.right { right: 0; } } .Gallery .gallery a.directionArrow.right span:before { content: '\e00c'; } .Gallery .rsTmb { visibility: hidden; } .Gallery #slideNumbers { width: 100px; height: 40px; background-color: #000; background-color: rgba(0,0,0,.9); padding: 10px; position: fixed; display: block; left: 50%; margin-left: -50px; text-align: center; font-family: Arial; font-size: 12px; z-index: 5; bottom: 0; } @media screen and (min-width:1px) and (max-width:961px) { .Gallery #slideNumbers { top: 0; bottom: auto; left: 0; background-color: none; padding: 0 0 0 23px; line-height: 50px; height: auto; margin: 0; text-align: left; } } .Gallery .rsNav { width: 100%; position: absolute; left: 0; right: 0; top: -240px; z-index: 3; border-top: 1px solid #333; } .Gallery .rsNav .rsThumbsOuterContainer { background-color: #000; background-color: rgba(0,0,0,.9); overflow: hidden; padding: 20px 40px; z-index: 2; height: 145px; } .Gallery .rsNav .rsThumbsOuterContainer > div { position: relative; } .Gallery .rsNav .rsThumbsContainer { display: block; width: 100%; overflow: hidden; position: absolute; height: 105px; background-color: #000; } .Gallery .rsNav .rsThumbsArrow { position: absolute; top: 0; height: 100%; width: 40px; background: #000; font-size: 20px; } .Gallery .rsNav .rsThumbsArrow div { position: absolute; height: 100%; text-align: center; color: #fff; } .Gallery .rsNav .rsThumbsArrow div:before { height: 20px; margin-top: -10px; position: absolute; top: 50%; left: 5px; } .Gallery .rsNav .rsThumbsArrow.arrowOff div:before { color: #000!important; } .Gallery .rsNav .rsThumbsArrow.rsThumbsArrowDisabled div:before { color: #4e4e4e; } .Gallery .rsNav .rsThumbsArrow:focus, .Gallery .rsNav .rsThumbsArrow:hover { filter: alpha(Opacity=100); opacity: 1; } .Gallery .rsNav .rsThumbsArrow:focus div:before, .Gallery .rsNav .rsThumbsArrow:hover div:before { color: #4e4e4e; -webkit-transition: color .33s; -webkit-transition-delay: 0s; -moz-transition: color .33s; -o-transition: color .33s; transition: color .33s; } .Gallery .rsNav .rsThumbsArrow.rsThumbsArrowLeft { left: 0; } .Gallery .rsNav .rsThumbsArrow.rsThumbsArrowLeft .rsThumbsArrowIcn:before { content: '\e00b'; } .Gallery .rsNav .rsThumbsArrow.rsThumbsArrowRight { right: 0; } .Gallery .rsNav .rsThumbsArrow.rsThumbsArrowRight .rsThumbsArrowIcn:before { content: '\e00c'; } .Gallery .rsNav .rsThumb { position: relative; } .Gallery .rsNav .rsThumb:first-of-type { margin-left: -30px; } .Gallery .rsNav .rsThumb .videoThumb ~ .thumbIco:before { content: url(/Content/resources/images/playButton.png); line-height: 31px; width: 28px; height: 28px; display: block; position: absolute; top: 50%; left: 50%; margin-left: -14px; margin-top: -14px; padding-top: 3px; background-color: #000; z-index: 3; cursor: pointer; cursor: hand; text-align: center; -webkit-transition: background-color 400ms; -webkit-transition-delay: ease; -moz-transition: background-color 400ms ease; -o-transition: background-color 400ms ease; transition: background-color 400ms ease; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .Gallery .rsNav .rsThumb img { position: relative; background: #000; -webkit-transition: opacity .33s; -webkit-transition-delay: 0s; -moz-transition: opacity .33s; -o-transition: opacity .33s; transition: opacity .33s; } .Gallery .rsNav .rsThumb img:focus, .Gallery .rsNav .rsThumb:focus img, .Gallery .rsNav .rsThumb:hover img { filter: alpha(Opacity=75); opacity: .75; } .Gallery .rsNav .rsThumb:focus:before, .Gallery .rsNav .rsThumb:hover:before { background-color: #4e4e4e; } .Gallery .rsNav .rsThumb.rsNavSelected { background-color: #000; } .Gallery .rsNav .rsThumb.rsNavSelected img { filter: alpha(Opacity=25); opacity: .25; } @media screen and (min-width:1px) and (max-width:740px) { .Gallery .rsNav { display: none; } } .no-js a#filmstripToggle { position: fixed; right: 140px; top: 0; } .no-js .Fullscreen, .no-js .gallery { position: static; } .no-js #filmstrip, .no-js .directionArrow, .no-js a#filmStripToggle { visibility: hidden; } .no-js .Gallery { padding: 0; margin: 0 auto; max-width: 1200px; } @media screen and (min-width:1px) and (max-width:740px) { .no-js .Gallery { padding: 0 22px 60px 0; } } .no-js .Gallery .gallery { background-image: none; } @media screen and (min-width:1px) and (max-width:740px) { .no-js .Gallery .gallery { margin: 0 10px 20px; } } .no-js .Gallery .gallery .royalSlider { display: inline-block; text-align: center; height: auto!important; position: static; } .no-js .Gallery .gallery .royalSlider:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .no-js .Gallery .gallery .royalSlider .galleryItem { display: inline-block; margin: 20px 2%; width: 29%; padding: 0 3px; } @media screen and (min-width:1px) and (max-width:961px) { .no-js .Gallery .gallery .royalSlider .galleryItem { width: 46%; } } @media screen and (min-width:1px) and (max-width:740px) { .no-js .Gallery .gallery .royalSlider .galleryItem { width: 100%; margin: 0; padding-bottom: 40px; } } .no-js .Gallery .gallery .royalSlider .galleryItem .rsTmb { display: none; } .no-js .Gallery .gallery .royalSlider .galleryItem img { max-width: 330px; height: auto; width: 100%; border: none; } .no-js .Gallery .gallery .royalSlider .galleryItem h4, .no-js .Gallery .gallery .royalSlider .galleryItem p { visibility: visible; font-size: 11px; display: block; } .no-js .Gallery .gallery .royalSlider .galleryItem h4 { letter-spacing: .1em; margin-top: 20px; } .no-js .Gallery .gallery .royalSlider .galleryItem > span { background: 0 0; display: block; height: auto; } .no-js .Gallery .gallery .royalSlider .galleryItem.videoItem { display: inline-table; } .no-js .Gallery .gallery .YouTubePlayer { padding: 0; vertical-align: top; } .no-js .Gallery .gallery .YouTubePlayer .playerWrapper { background-color: #fff; height: 186px; } .no-js .Gallery .gallery .YouTubePlayer .playerWrapper img { opacity: .75; } .no-js .Gallery .gallery .YouTubePlayer .playerWrapper a { cursor: default; } .no-js .Gallery .gallery .YouTubePlayer .playerWrapper a:focus .playButton, .no-js .Gallery .gallery .YouTubePlayer .playerWrapper a:hover .playButton { background-color: #000; } .no-js .Gallery .gallery .YouTubePlayer .playerWrapper .playButton { opacity: .75; } .no-js .Gallery .gallery .YouTubePlayer .playerWrapper .playButton, .no-js .Gallery .gallery .YouTubePlayer .playerWrapper .playerCover { cursor: default; } .no-js #slideNumbers { display: none; } .lt-ie10 #landrover .Gallery .directionArrow { position: fixed; z-index: 2; } .InPageGallery .galleryItem { float: left; padding: 0 10px 20px; } .InPageGallery .galleryItem img { width: 100%; height: 100%; } .InPageGallery .imageGalleryList { margin-bottom: 80px; } .InPageGallery .imageGalleryItem { width: 16.666%; } .InPageGallery .subtitle { text-align: center; } .InPageGallery .videoGalleryList { margin-top: 50px; } .InPageGallery .videoGalleryItem { width: 33.333%; position: relative; } .InPageGallery .videoGalleryItem:before { content: '\e023'; background-color: #000; color: #fff; font-size: 40px; line-height: 90px; width: 90px; height: 90px; display: block; position: absolute; top: 50%; left: 50%; margin-left: -45px; margin-top: -45px; padding-top: 3px; z-index: 3; cursor: pointer; text-align: center; -webkit-transition: background-color 400ms; -webkit-transition-delay: ease; -moz-transition: background-color 400ms ease; -o-transition: background-color 400ms ease; transition: background-color 400ms ease; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .InPageGallery .videoGalleryItem:hover:before { background-color: #4e4e4e; } @media screen and (min-width:1px) and (max-width:961px) { .InPageGallery .imageGalleryItem { width: 25%; } } @media screen and (min-width:1px) and (max-width:740px) { .InPageGallery .imageGalleryItem { width: 50%; } } .VideoThumbnails .videoThumbnail { position: relative; width: 33.333%; float: left; padding: 0 20px 40px; } .VideoThumbnails .imageLink { position: relative; display: block; text-decoration: none; } .VideoThumbnails .imageLink:before { content: '\e023'; background-color: #000; color: #fff; font-size: 40px; line-height: 90px; width: 90px; height: 90px; display: block; position: absolute; top: 50%; left: 50%; margin-left: -45px; margin-top: -45px; padding-top: 3px; z-index: 3; cursor: pointer; text-align: center; -webkit-transition: background-color 400ms; -webkit-transition-delay: ease; -moz-transition: background-color 400ms ease; -o-transition: background-color 400ms ease; transition: background-color 400ms ease; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .VideoThumbnails .imageLink:hover:before { background-color: #4e4e4e; } .VideoThumbnails .videoThumbnailImage { width: 100%; height: 100%; } .VideoThumbnails .videoThumbnailFooter { position: relative; padding-top: 10px; } .VideoThumbnails .videoThumbnailHeading { font-weight: 700; } .VideoThumbnails .addThisMenu { display: none; width: 40px; position: absolute; right: 0; top: 15px; } .VideoThumbnails .addThisMenu > a { background-color: transparent; } .VideoThumbnails .addThisMenu > a > span { background-color: transparent; height: 40px; width: 40px; line-height: 39px; border-right: none; border-left-color: #4e4e4e; } @media screen and (min-width:1051px) { .VideoThumbnails .videoThumbnail:nth-child(3n+1) { clear: both; } } @media screen and (min-width:1px) and (max-width:1050px) { .VideoThumbnails .videoThumbnail { width: 50%; } .VideoThumbnails .videoThumbnail:nth-child(2n+1) { clear: both; } .VideoThumbnails .imageLink:before { font-size: 30px; line-height: 60px; width: 60px; height: 60px; margin-left: -30px; margin-top: -30px; padding-top: 0; } .VideoThumbnails .videoThumbnailFooter { padding-right: 50px; } .VideoThumbnails .addThisMenu { display: block; } } @media screen and (min-width:1px) and (max-width:740px) { .VideoThumbnails .videoThumbnail { width: 100%; } } .Caveat { padding: 0 110px 40px; } .Caveat p { font-size: 11px; } .Caveat.right { text-align: right; } .Caveat.centre { text-align: center; } .Caveat.light a, .Caveat.light p { color: #4e4e4e; } .Caveat.dark a, .Caveat.dark p, .Caveat.grey a, .Caveat.grey p { color: #696868; } @media screen and (min-width:1px) and (max-width:740px) { .Caveat p { font-size: 10px; } } .SearchResults .searchHeader { background-color: #222; background-image: url(/Content/resources/images/texture-darkest-grey.png); background-repeat: repeat; padding: 80px 90px; } .SearchResults .searchHeader .formContainer { width: 500px; margin: 0 auto; position: relative; } .SearchResults .searchHeader .formContainer input.textfield { width: 350px; display: inline-block; margin: 0 20px 0 0; } .SearchResults .searchResultsContent { background-color: #ddd; background-image: url(/Content/resources/images/texture-grey-mist.png); background-repeat: repeat; padding: 80px 90px; } .SearchResults .searchResultsContent .searchResultsContentInner { max-width: 1100px; margin: 0 auto; overflow: hidden; } .SearchResults .searchResultsContent .searchResultsContentInner .searchList { float: left; width: 60%; padding-right: 40px; } .SearchResults .searchResultsContent .searchResultsContentInner .searchList h2 { font-family: Arial; font-size: 26px; line-height: 1.5em; letter-spacing: .12em; color: #393939; word-wrap: break-word; } .SearchResults .searchResultsContent .searchResultsContentInner .searchList p.summary { font-size: 14px; padding-top: 20px; color: #393939; } .SearchResults .searchResultsContent .searchResultsContentInner .searchList ul.results li { padding-top: 40px; } .SearchResults .searchResultsContent .searchResultsContentInner .searchList ul.results li h4 { font-family: Arial; font-size: 14px; line-height: 1.5em; letter-spacing: .02em; color: #393939; font-weight: 700; } .SearchResults .searchResultsContent .searchResultsContentInner .searchList ul.results li h4 a { text-decoration: none; color: #393939; } .SearchResults .searchResultsContent .searchResultsContentInner .searchList ul.results li h4 a:focus, .SearchResults .searchResultsContent .searchResultsContentInner .searchList ul.results li h4 a:hover { color: #4e4e4e; } .SearchResults .searchResultsContent .searchResultsContentInner .searchList ul.results li p { font-size: 14px; padding-top: 10px; color: #393939; } .SearchResults .searchResultsContent .searchResultsContentInner .searchList ul.results li p a { color: #393939; font-weight: 700; } .SearchResults .searchResultsContent .searchResultsContentInner .searchList ul.results li p a:focus, .SearchResults .searchResultsContent .searchResultsContentInner .searchList ul.results li p a:hover { color: #4e4e4e; text-decoration: none; } .SearchResults .searchResultsContent .searchResultsContentInner .searchList ul.results li p span.promoted { letter-spacing: .12em; font-size: 10px; margin-right: 10px; padding: 2px 6px; display: inline-block; color: #8f8f8f; background: #cbcbce; font-weight: 700; } .SearchResults .searchResultsContent .searchResultsContentInner .searchList .pagination { padding-top: 40px; text-align: center; } .SearchResults .searchResultsContent .searchResultsContentInner .searchList .suggestions { padding-top: 40px; } .SearchResults .searchResultsContent .searchResultsContentInner .searchList .suggestions h3 { font-family: Arial; font-size: 20px; line-height: 1.5em; letter-spacing: .12em; color: #8f8f8f; } .SearchResults .searchResultsContent .searchResultsContentInner .searchList .suggestions p { padding-top: 10px; color: #8f8f8f; } .SearchResults .searchResultsContent .searchResultsContentInner .searchList .suggestions p a { margin-right: 8px; color: #8f8f8f; } .SearchResults .searchResultsContent .searchResultsContentInner .searchList .suggestions p a:focus, .SearchResults .searchResultsContent .searchResultsContentInner .searchList .suggestions p a:hover { color: #393939; } .SearchResults .searchResultsContent .searchResultsContentInner .searchSidebar { float: right; width: 40%; } #landrover .searchButton { margin-top: 0; min-width: 0; width: 125px; } #landrover .SearchResults .pagination a { margin: 0; } #landrover .SearchResults .pagination a.next, #landrover .SearchResults .pagination a.previous { display: none; } .no-js #landrover .SearchResults .pagination a.next, .no-js #landrover .SearchResults .pagination a.previous { display: inline-block; } .no-js #landrover .SearchResults .pagination a.loadMore { display: none; } @media screen and (min-width:1px) and (max-width:961px) { .SearchResults .searchHeader { padding: 40px; } .SearchResults .searchHeader .formContainer input.textfield { margin-bottom: 20px; } .SearchResults .searchResultsContent { padding: 40px; } .SearchResults .searchResultsContent .searchResultsContentInner .searchList { float: none; width: auto; padding-right: 0; } .SearchResults .searchResultsContent .searchResultsContentInner .searchSidebar { display: none; } } @media screen and (min-width:1px) and (max-width:740px) { .SearchResults .searchHeader .formContainer { width: auto; max-width: 350px; } .SearchResults .searchHeader .formContainer input.textfield { width: 100%; margin: 0 0 20px; } #landrover .SearchResults .searchButton { width: 100%; } } .ActionLinkList { border: none; } @media screen and (min-width:1px) and (max-width:740px) { .ActionLinkList { display: none; } } .ActionLinkList > div { max-width: 1280px; margin: 0 auto; } .ActionLinkList > div .actionLinks { display: table; font-size: 0; } .ActionLinkList > div .actionLinks .actionLink { display: table-cell; width: 33.3%; border-left: 1px solid #cbcbce; padding: 40px 90px 40px 40px; } @media screen and (min-width:1px) and (max-width:961px) { .ActionLinkList > div .actionLinks .actionLink { padding-right: 40px; } } .ActionLinkList > div .actionLinks .actionLink:first-child { border-left: none; padding: 40px 40px 40px 90px; } @media screen and (min-width:1px) and (max-width:961px) { .ActionLinkList > div .actionLinks .actionLink:first-child { padding-left: 40px; } } .ActionLinkList > div .actionLinks .actionLink p { font-family: Arial; font-size: 12px; line-height: 1.5em; letter-spacing: .02em; color: #696868; } .ActionLinkList > div .actionLinks .actionLink p.actionLinkHeading { font-family: Arial; font-weight: 600; color: #393939; font-size: 14px; letter-spacing: .1em; margin-bottom: 5px; } .ActionLinkList > div .actionLinks .actionLink ul { margin-top: 20px; } .ActionLinkList > div .actionLinks .actionLink ul li a:before { color: #4e4e4e; } .ActionLinkList > div .actionLinks .actionLink ul li a:focus, .ActionLinkList > div .actionLinks .actionLink ul li a:focus:before, .ActionLinkList > div .actionLinks .actionLink ul li a:hover, .ActionLinkList > div .actionLinks .actionLink ul li a:hover:before { color: #696868; } .ActionLinkList.dark, .ActionLinkList.grey { border: none; } .ActionLinkList.dark > div .actionLinks .actionLink, .ActionLinkList.grey > div .actionLinks .actionLink { border-color: #4e4e4e; } .ActionLinkList.dark > div .actionLinks .actionLink p, .ActionLinkList.grey > div .actionLinks .actionLink p { color: #cbcbce; } .ActionLinkList.dark > div .actionLinks .actionLink p.actionLinkHeading, .ActionLinkList.dark > div .actionLinks .actionLink ul li a, .ActionLinkList.grey > div .actionLinks .actionLink p.actionLinkHeading, .ActionLinkList.grey > div .actionLinks .actionLink ul li a { color: #fff; } .ActionLinkList.dark > div .actionLinks .actionLink ul li a:before, .ActionLinkList.grey > div .actionLinks .actionLink ul li a:before { color: #696868; } .ActionLinkList.dark > div .actionLinks .actionLink ul li a:focus, .ActionLinkList.dark > div .actionLinks .actionLink ul li a:focus:before, .ActionLinkList.dark > div .actionLinks .actionLink ul li a:hover, .ActionLinkList.dark > div .actionLinks .actionLink ul li a:hover:before, .ActionLinkList.grey > div .actionLinks .actionLink ul li a:focus, .ActionLinkList.grey > div .actionLinks .actionLink ul li a:focus:before, .ActionLinkList.grey > div .actionLinks .actionLink ul li a:hover, .ActionLinkList.grey > div .actionLinks .actionLink ul li a:hover:before { color: #4e4e4e; } #landrover .ActionLinkList > div .actionLinks .actionLink ul li a { color: #000; margin-top: 15px; line-height: 1.75em; } #landrover .ActionLinkList > div .actionLinks .actionLink ul li a:before { color: #4e4e4e; } #landrover .ActionLinkList > div .actionLinks .actionLink ul li a:focus, #landrover .ActionLinkList > div .actionLinks .actionLink ul li a:focus:before, #landrover .ActionLinkList > div .actionLinks .actionLink ul li a:hover, #landrover .ActionLinkList > div .actionLinks .actionLink ul li a:hover:before { color: #696868; } #landrover .ActionLinkList.dark > div .actionLinks .actionLink ul li a, #landrover .ActionLinkList.grey > div .actionLinks .actionLink ul li a { color: #fff; } #landrover .ActionLinkList.dark > div .actionLinks .actionLink ul li a:before, #landrover .ActionLinkList.grey > div .actionLinks .actionLink ul li a:before { color: #696868; } #landrover .ActionLinkList.dark > div .actionLinks .actionLink ul li a:focus, #landrover .ActionLinkList.dark > div .actionLinks .actionLink ul li a:focus:before, #landrover .ActionLinkList.dark > div .actionLinks .actionLink ul li a:hover, #landrover .ActionLinkList.dark > div .actionLinks .actionLink ul li a:hover:before, #landrover .ActionLinkList.grey > div .actionLinks .actionLink ul li a:focus, #landrover .ActionLinkList.grey > div .actionLinks .actionLink ul li a:focus:before, #landrover .ActionLinkList.grey > div .actionLinks .actionLink ul li a:hover, #landrover .ActionLinkList.grey > div .actionLinks .actionLink ul li a:hover:before { color: #4e4e4e; } .NavigationModelSwitcher { position: absolute; width: 256px; display: none; z-index: 2; text-align: center; background-color: #222; background-image: url(/Content/resources/images/texture-darkest-grey.png); background-repeat: repeat; } .NavigationModelSwitcher .modelList { text-align: left; } .NavigationModelSwitcher .modelList li a { text-decoration: none; display: block; padding: 12px 15px 12px 50px; font-weight: 700; font-size: 10px; letter-spacing: .25em; border-top: 1px solid #333; color: #cbcbce; position: relative; } .NavigationModelSwitcher .modelList li a:focus, .NavigationModelSwitcher .modelList li a:hover { background-color: #393939; background-image: url(/Content/resources/images/texture-dark-grey.png); background-repeat: repeat; color: #fff; } .NavigationModelSwitcher .modelList li a:focus i, .NavigationModelSwitcher .modelList li a:hover i { color: #fff; } .NavigationModelSwitcher .modelList li.active a { background-color: #393939; background-image: url(/Content/resources/images/texture-dark-grey.png); background-repeat: repeat; color: #fff; } .NavigationModelSwitcher .modelList li.active a i { color: #fff; } .NavigationModelSwitcher .modelList li i { color: #4e4e4e; font-size: 10px; line-height: 0; position: absolute; top: 12px; } .NavigationModelSwitcher .modelList li span { display: inline-block; padding-left: 20px; line-height: 1.2em; } .lt-ie9 .NavigationModelSwitcher { top: 0!important; } html.no-js .NavigationModelSwitcher { display: block; width: 100%; position: static; } html.no-js .NavigationModelSwitcher .modelList li { display: inline-block; } html.no-js .NavigationModelSwitcher .modelList li a { border-top: 0; } @media screen and (min-width:1px) and (max-width:961px) { .NavigationModelSwitcher { position: fixed; } } @media screen and (min-width:1px) and (max-width:740px) { .NavigationModelSwitcher { display: none!important; } } .EngineSpecifications { font-size: 14px; } .EngineSpecifications th:first-child { font-weight: 500; font-family: Arial; font-size: 12px; } .EngineSpecifications th:first-child .engineName { font-family: lr_ot4, Arial, Helvetica, sans-serif; font-size: 25px; font-weight: 400; } .EngineSpecifications th:first-child span { display: block; font-weight: 400; margin-bottom: 5px; } .EngineSpecifications th:first-child span:nth-child(2) { margin-top: 20px; } .EngineSpecifications th:first-child a { font-size: 10px; letter-spacing: .25em; color: #000; font-weight: 700; text-decoration: none; position: relative; padding-left: 18px; margin-top: 25px; display: inline-block; overflow: hidden; *zoom: 1; line-height: 1.25; } .EngineSpecifications th:first-child a:before { content: '\e02c'; color: #4e4e4e; position: absolute; top: 2px; left: -4px; font-size: 10px; } .EngineSpecifications th:first-child a:focus, .EngineSpecifications th:first-child a:hover { text-decoration: none; color: #696868; } .EngineSpecifications th:first-child a:focus:before, .EngineSpecifications th:first-child a:hover:before { color: #696868; } .EngineSpecifications tr:first-child th { font-weight: 700; } .EngineSpecifications tr:first-child th span { font-weight: 400; display: block; } @media screen and (min-width:1px) and (max-width:961px) { .EngineSpecifications th:first-child { font-size: 11px; } .EngineSpecifications th:first-child .engineName { font-size: 20px; } .EngineSpecifications th:first-child span { font-size: 10px; } .EngineSpecifications th:first-child a { font-size: 10px; padding-left: 10px; } .EngineSpecifications th:first-child a:before { font-size: 10px; } } @media screen and (min-width:1px) and (max-width:740px) { .EngineSpecifications th:first-child { font-size: 10px; } .EngineSpecifications th:first-child .engineName { font-size: 15px; } .EngineSpecifications th:first-child span { font-size: 9px; } .EngineSpecifications th:first-child a { font-size: 8px; padding-left: 10px; letter-spacing: .12em; padding-top: 3px; padding-bottom: 3px; } .EngineSpecifications th:first-child a:before { font-size: 9px; top: 4px; } } .no-js .EngineSpecifications { overflow-x: scroll; } .FramedContent > div { margin: 0 auto; } .FramedContent > div iframe { margin: 0 auto; max-width: 1400px; display: block; } .TwoColumnContainer .FramedContent > div { padding: 0; margin: 0; } .TwoColumnContainer .FramedContent > div iframe { margin: 0; max-width: auto; } .VehicleSummary { position: relative; border-bottom: 1px solid #333; width: 100%; } .VehicleSummary .summaryItemImage { position: absolute; width: 66.66%; height: 100%; left: 33.33%; } .VehicleSummary .summaryItemImage > span { position: relative; top: 0; left: 0; right: 0; bottom: 0; display: block; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; z-index: 1; -webkit-background-size: cover; -khtml-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; } .VehicleSummary .summaryItemImage div { position: absolute; top: 0; left: 0; background-position: center center; -webkit-background-size: cover; -khtml-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; } .VehicleSummary .summaryItemContent { padding: 50px; float: left; width: 33.33%; } .VehicleSummary .summaryItemContent .summaryItemHeader { font-size: 18px; font-family: lr_ot4, Arial, Helvetica, sans-serif; font-weight: 700; } .VehicleSummary .summaryItemContent p { color: #fff; margin-top: 3px; } .VehicleSummary .summaryItemContent .summaryItemList { margin: 15px 0 0 15px; } .VehicleSummary .summaryItemContent .SpecificationsAtAGlance { overflow: hidden; *zoom: 1; text-align: left; margin-top: 20px; } .VehicleSummary .summaryItemContent .SpecificationsAtAGlance .el { text-align: left; float: left; width: auto; padding: 0; margin-right: 20px; } .VehicleSummary .summaryItemContent .SpecificationsAtAGlance .el:last-child { margin-right: 0; } .VehicleSummary .summaryItemContent .SpecificationsAtAGlance p { margin-top: 0; margin-bottom: 0; } .VehicleSummary .summaryItemContent .SpecificationsAtAGlance .feature { font-size: 10px; color: #cbcbce; } .VehicleSummary .summaryItemContent .SpecificationsAtAGlance .measurement { margin-bottom: 0; } .VehicleSummary .summaryItemContent .SpecificationsAtAGlance .measurement .valueSmall { font-size: 25px; padding-top: 0; } .VehicleSummary .summaryItemContent .SpecificationsAtAGlance .measurement .unitSmall { font-size: 8px; font-weight: 400; } @media screen and (min-width:1px) and (max-width:1250px) { .VehicleSummary .summaryItemImage { width: 60%; left: 40%; } .VehicleSummary .summaryItemContent { width: 40%; } } @media screen and (min-width:1px) and (max-width:1024px) { .VehicleSummary { padding: 50px; } .VehicleSummary .summaryItemImage { width: auto; height: 306px; right: 50px; left: 52.5%; } .VehicleSummary .summaryItemContent { width: 47.5%; padding: 0; } } @media screen and (min-width:1px) and (max-width:960px) { .VehicleSummary .summaryItemImage { height: 200px; } } @media screen and (min-width:1px) and (max-width:800px) { .VehicleSummary .summaryItemImage { width: auto; height: 215px; right: 50px; left: 52.5%; } } @media screen and (min-width:1px) and (max-width:740px) { .VehicleSummary { padding: 30px; } .VehicleSummary .summaryItemImage { width: 100%; position: relative; height: 330px; left: 0; right: auto; overflow: hidden; } .VehicleSummary .summaryItemContent { width: 100%; margin-top: 30px; } .VehicleSummary .summaryItemContent .SpecificationsAtAGlance { display: none; } } @media screen and (min-width:1px) and (max-width:500px) { .VehicleSummary .summaryItemImage { height: 182px; } } #landrover .VehicleSummary .primaryLinkWithStyle { margin-top: 15px; } #landrover .VehicleSummary .secondaryLinkWithStyle { margin-right: 10px; width: 100%; } .FullWidthImage { width: 100%; position: relative; overflow: hidden; *zoom: 1; } .FullWidthImage .imageContainer { position: relative; width: 100%; min-height: 450px; top: 0; left: 0; height: 100%; } .FullWidthImage .imageContainer span { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; z-index: -1; -webkit-background-size: cover; -khtml-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; -ms-behavior: url(backgroundsize-iepolyfill.min.htc); } .FullWidthImage .itemContent { position: absolute; width: 40%; text-shadow: 0 0 8px rgba(0,0,0,.3); } .FullWidthImage .itemContent p { margin-top: 10px; color: #fff; font-size: 16px; font-weight: 500; } .FullWidthImage .itemContent .linkContainer { white-space: pre-line; } .FullWidthImage.alignRight { text-align: right; } .FullWidthImage.alignRight .primaryHeader { text-align: right; margin-right: -12px; left: auto; } .FullWidthImage.leftTop .itemContent { left: 50px; top: 80px; } .FullWidthImage.leftTop .imageContainer span { background-position: right bottom; } .FullWidthImage.leftBottom .itemContent { left: 50px; bottom: 80px; } .FullWidthImage.leftBottom .imageContainer span { background-position: right top; } .FullWidthImage.rightTop .itemContent { top: 80px; right: 50px; } .FullWidthImage.rightTop .imageContainer span { background-position: left bottom; } .FullWidthImage.rightBottom .itemContent { bottom: 80px; right: 50px; } .FullWidthImage.rightBottom .imageContainer span { background-position: left top; } .FullWidthImage.centre .itemContainer { position: absolute; top: 80px; padding: 0 0 80px; width: 100%; text-align: center; } .FullWidthImage.centre .itemContainer .itemContent { margin: 0 auto; position: relative; } .FullWidthImage.centre .itemContainer .itemContent .primaryHeader { text-align: center; } .FullWidthImage.short .imageContainer { height: 100%; position: absolute; } .FullWidthImage.short .itemContainer { position: relative; top: 0; left: 0; display: table; width: 40%; padding: 0; height: 1px; height: 640px; } .FullWidthImage.short .itemContainer .itemContent { padding: 80px 0; position: relative; display: table-cell; vertical-align: middle; width: auto; } .FullWidthImage.short.centre .itemContainer { width: 60%; margin: 0 auto; } .FullWidthImage.short.left .itemContainer { margin-left: 50px; } .FullWidthImage.short.left .imageContainer span, .FullWidthImage.short.left .itemContainer span { background-position: right center; } .FullWidthImage.short.right .itemContainer { float: right; margin-right: 50px; } .FullWidthImage.short.right .imageContainer span, .FullWidthImage.short.right .itemContainer span { background-position: left center; } .FullWidthImage.adaptive .imageContainer, .FullWidthImage.tall .imageContainer { min-height: 1280px; } .FullWidthImage.adaptive.centre .itemContainer, .FullWidthImage.tall.centre .itemContainer { margin: 0 auto; } .FullWidthImage.adaptive.centre .itemContainer .itemContent, .FullWidthImage.tall.centre .itemContainer .itemContent { width: 60%; } .FullWidthImage.darkText .itemContent { text-shadow: none; } @media screen and (min-width:1px) and (max-width:1924px) { .FullWidthImage.adaptive .imageContainer, .FullWidthImage.tall .imageContainer { min-height: 960px; } .FullWidthImage.short .itemContainer { height: 480px; } } @media screen and (min-width:1px) and (max-width:1440px) { .FullWidthImage.adaptive .imageContainer, .FullWidthImage.tall .imageContainer { min-height: 850px; } .FullWidthImage.short .itemContainer { height: 445px; } } @media screen and (min-width:1px) and (max-width:1280px) { .FullWidthImage.adaptive .imageContainer, .FullWidthImage.tall .imageContainer { min-height: 682px; } .FullWidthImage.short .itemContainer { height: 341px; } .FullWidthImage.short .imageContainer { min-height: 341px; } } @media screen and (min-width:1px) and (max-width:1160px) { .FullWidthImage.short .itemContainer { width: 30%; } .FullWidthImage .itemContent .primaryHeader { font-size: 30px; } .FullWidthImage .itemContent p { font-size: 14px; } } @media screen and (min-width:1px) and (max-width:1000px) { .FullWidthImage.textPlinth .itemContainer, .FullWidthImage.textPlinth.adaptive .itemContainer, .FullWidthImage.textPlinth.centre .itemContainer, .FullWidthImage.textPlinth.left .itemContainer, .FullWidthImage.textPlinth.right .itemContainer, .FullWidthImage.textPlinth.short .itemContainer, .FullWidthImage.textPlinth.tall .itemContainer { position: relative; top: auto; left: auto; text-align: left; padding: 60px 40px; height: auto; background-color: #222; background-image: url(/Content/resources/images/texture-darkest-grey.png); background-repeat: repeat; } .FullWidthImage.textPlinth .itemContainer .itemContent, .FullWidthImage.textPlinth.adaptive .itemContainer .itemContent, .FullWidthImage.textPlinth.centre .itemContainer .itemContent, .FullWidthImage.textPlinth.left .itemContainer .itemContent, .FullWidthImage.textPlinth.right .itemContainer .itemContent, .FullWidthImage.textPlinth.short .itemContainer .itemContent, .FullWidthImage.textPlinth.tall .itemContainer .itemContent { text-align: left; position: relative; width: auto; top: 0; left: 0; padding: 0 33.33% 0 0; right: auto; bottom: auto; margin: 0; height: auto; text-shadow: none; } .FullWidthImage.textPlinth .itemContainer .itemContent .primaryHeader, .FullWidthImage.textPlinth.adaptive .itemContainer .itemContent .primaryHeader, .FullWidthImage.textPlinth.centre .itemContainer .itemContent .primaryHeader, .FullWidthImage.textPlinth.left .itemContainer .itemContent .primaryHeader, .FullWidthImage.textPlinth.right .itemContainer .itemContent .primaryHeader, .FullWidthImage.textPlinth.short .itemContainer .itemContent .primaryHeader, .FullWidthImage.textPlinth.tall .itemContainer .itemContent .primaryHeader { text-align: left; } .FullWidthImage.textPlinth.adaptive.darkText .itemContainer, .FullWidthImage.textPlinth.centre.darkText .itemContainer, .FullWidthImage.textPlinth.darkText .itemContainer, .FullWidthImage.textPlinth.left.darkText .itemContainer, .FullWidthImage.textPlinth.right.darkText .itemContainer, .FullWidthImage.textPlinth.short.darkText .itemContainer, .FullWidthImage.textPlinth.tall.darkText .itemContainer { background-color: #ddd; background-image: url(/Content/resources/images/texture-grey-mist.png); background-repeat: repeat; } .FullWidthImage.textPlinth.short .imageContainer { position: relative; } .FullWidthImage.textPlinth.short .itemContainer { margin: 0; float: none; width: 100%; } .FullWidthImage.abstract .imageContainer, .FullWidthImage.abstract.adaptive .imageContainer, .FullWidthImage.abstract.centre .imageContainer, .FullWidthImage.abstract.left .imageContainer, .FullWidthImage.abstract.right .imageContainer, .FullWidthImage.abstract.tall .imageContainer { height: 100%; position: absolute; } .FullWidthImage.abstract .imageContainer span, .FullWidthImage.abstract.adaptive .imageContainer span, .FullWidthImage.abstract.centre .imageContainer span, .FullWidthImage.abstract.left .imageContainer span, .FullWidthImage.abstract.right .imageContainer span, .FullWidthImage.abstract.tall .imageContainer span { background-position: center center; } .FullWidthImage.abstract .itemContainer, .FullWidthImage.abstract.adaptive .itemContainer, .FullWidthImage.abstract.centre .itemContainer, .FullWidthImage.abstract.left .itemContainer, .FullWidthImage.abstract.right .itemContainer, .FullWidthImage.abstract.tall .itemContainer { position: relative; width: 600px; margin: 0 auto; top: 0; left: 0; display: table; padding: 80px 0; flaot: none; } .FullWidthImage.abstract .itemContainer .itemContent, .FullWidthImage.abstract.adaptive .itemContainer .itemContent, .FullWidthImage.abstract.centre .itemContainer .itemContent, .FullWidthImage.abstract.left .itemContainer .itemContent, .FullWidthImage.abstract.right .itemContainer .itemContent, .FullWidthImage.abstract.tall .itemContainer .itemContent { margin: 0 auto; position: relative; left: auto; right: auto; top: auto; bottom: auto; display: table-cell; vertical-align: middle; width: auto; text-align: center; padding: 0; } .FullWidthImage.abstract .itemContainer .itemContent .primaryHeader, .FullWidthImage.abstract.adaptive .itemContainer .itemContent .primaryHeader, .FullWidthImage.abstract.centre .itemContainer .itemContent .primaryHeader, .FullWidthImage.abstract.left .itemContainer .itemContent .primaryHeader, .FullWidthImage.abstract.right .itemContainer .itemContent .primaryHeader, .FullWidthImage.abstract.tall .itemContainer .itemContent .primaryHeader { text-align: center; } .FullWidthImage.adaptive .imageContainer, .FullWidthImage.tall .imageContainer { height: 460px; min-height: 460px; } .FullWidthImage.adaptive.abstract .itemContainer, .FullWidthImage.tall.abstract .itemContainer { padding: 0; } .FullWidthImage.adaptive.abstract .itemContent, .FullWidthImage.tall.abstract .itemContent { padding: 0 80px; height: 460px; min-height: 460px; } .FullWidthImage.short .imageContainer { min-height: 256px; } .FullWidthImage.short .itemContainer { height: 256px; } .FullWidthImage.short.textPlinth { display: block; position: relative; top: auto; } } @media screen and (min-width:1px) and (max-width:740px) { #landrover .FullWidthImage .imageContainer { height: 360px; min-height: 360px; position: relative; } #landrover .FullWidthImage .itemContainer { position: relative; top: auto; left: auto; text-align: left; padding: 30px; width: 100%; margin: 0; background-color: #222; background-image: url(/Content/resources/images/texture-darkest-grey.png); background-repeat: repeat; } #landrover .FullWidthImage .itemContainer .itemContent { margin: 0; padding: 0; text-align: left; position: relative; top: 0; left: 0; width: 100%; right: auto; bottom: auto; height: auto; text-shadow: none; } #landrover .FullWidthImage .itemContainer .itemContent p { font-size: 12px; } #landrover .FullWidthImage .itemContainer .itemContent .caveat { font-size: 10px; } #landrover .FullWidthImage .itemContainer .itemContent .primaryHeader { font-size: 20px; text-align: left; } #landrover .FullWidthImage.darkText .itemContainer { background-color: #ddd; background-image: url(/Content/resources/images/texture-grey-mist.png); background-repeat: repeat; } } @media screen and (min-width:1px) and (max-width:500px) { #landrover .FullWidthImage .imageContainer { height: 240px; min-height: 240px; } } #landrover .FullWidthImage .itemContent .linkContainer .primaryLinkWithStyle { margin-top: 10px; text-shadow: none; } .lt-ie9 #landrover .FullWidthImage.short .itemContainer { height: 445px; } .FormElements { background-color: #ddd; background-image: url(/Content/resources/images/texture-grey-mist.png); background-repeat: repeat; padding: 20px 20px 0; } .formHeader { padding-bottom: 40px; } .formHeader h2 { font-family: Arial; font-size: 26px; line-height: 1.5em; letter-spacing: .12em; padding-bottom: 10px; color: #393939; } .formHeader p { font-size: 14px; line-height: 1.5em; letter-spacing: .02em; color: #393939; } .formSection { padding-bottom: 20px; } .formSection h3 { font-family: Arial; font-size: 18px; line-height: 1.5em; letter-spacing: .12em; font-weight: 700; padding-bottom: 10px; color: #393939; } .formSection p { font-size: 14px; line-height: 1.5em; letter-spacing: .02em; padding-bottom: 30px; color: #393939; } .formSection .formrow { width: 50%; } .formSection .formrow label { padding-bottom: 10px; display: block; color: #393939; } .formSection .formrow .DropdownSelect, .formSection .formrow .textfield { margin-bottom: 20px; } .formSection .formrow .textfield.error { border: 1px solid red; margin-bottom: 10px; } .formSection .formrow p.errorMessage { color: red; padding-bottom: 20px; } .formSection .formrow.radio label { display: inline-block; padding-bottom: 20px; } .formSection .formrow.inlineForm { overflow: hidden; } .formSection .formrow.inlineForm .textfield { float: left; width: 60%; margin-right: 5%; } .formSection .checkboxContainer { overflow: hidden; } .formSection .checkboxContainer .formrow { width: 40%; float: left; } .formSection .checkboxContainer .formrow label { display: inline-block; padding-bottom: 20px; } .formSection .formButton { text-align: center; padding-bottom: 40px; } #landrover .formSection .primaryLinkWithStyle { margin: 0; } #landrover .formSection .formButton .primaryLinkWithStyle { margin: 0; width: 50%; max-width: 350px; } #landrover .formSection .inlineForm .primaryLinkWithStyle { float: left; width: 35%; min-width: 0; padding: 13px 10px 11px; } @media screen and (min-width:1px) and (max-width:961px) { .FormElements { margin-top: -50px; } .formSection .checkboxContainer .formrow { width: 50%; } } @media screen and (min-width:1px) and (max-width:740px) { .formSection .formrow { width: 100%; } .formSection .formrow .DropdownSelect, .formSection .formrow .textfield, .formSection .formrow.inlineForm { max-width: 350px; } .formSection .checkboxContainer .formrow { width: 100%; } } .SubFooter { padding: 20px; background-color: #000; border-top: 1px solid #222; } .SubFooter p { font-size: 11px; color: #999; padding-bottom: 20px; } .SubFooter p:last-child { padding-bottom: 0; } @media screen and (min-width:1px) and (max-width:961px) { .SubFooter { padding: 30px 50px 10px; } } @media screen and (min-width:1px) and (max-width:740px) { .SubFooter { padding: 30px 30px 10px; } } :focus { outline: 0; } body.focusStylesOn :focus { /*box-shadow: inset 0 0 5px #2f84ea, 0 0 5px #2f84ea*/ } body.focusStylesOn .noFocusStyles:focus { box-shadow: none; } .VinRecall { text-align: center; padding-bottom: 40px; } .VinRecall .outerContainer { padding-bottom: 0; } .VinRecall .borderContainer { border: 1px solid #cbcbce; display: block; } .VinRecall .responseInvalid, .VinRecall .responseNoResults, .VinRecall .responseProblem, .VinRecall .responses, .VinRecall .results, .VinRecall .resultsTemplate, .VinRecall .vinError, .VinRecall .vinInfo { display: none; } .VinRecall .search { width: 100%; padding: 60px; display: block; } .VinRecall .search input[type=text] { text-transform: uppercase; } .VinRecall .FormElements { max-width: 900px; margin: auto; background-color: inherit; background-image: none; } .VinRecall .FormElements .formSection .formrow, .VinRecall .FormElements .primaryLinkWithStyle { width: 100%; } .VinRecall .FormElements .formSection { padding: 0; max-width: 300px; margin: auto; } .VinRecall .FormElements .formButton { max-width: 300px; margin: auto; } .VinRecall .FormElements .vinInput { position: relative; background: #fff; height: 40px; margin-bottom: 20px; } .VinRecall .FormElements .vinInput input { padding-right: 60px; text-transform: uppercase; background: 0 0; border: none; } .VinRecall .FormElements .vinLink { font-size: 10px; letter-spacing: .25em; color: #000; font-weight: 700; text-decoration: none; margin: 20px 0; display: inline-block; } .VinRecall .FormElements a.vinLink:after { content: '\e008'; color: #4e4e4e; font-size: 9px; position: relative; padding-left: 4px; top: -2px; } .VinRecall .FormElements a.vinLink.active:after { content: '\e009'; } .VinRecall .FormElements .responseInvalid h3, .VinRecall .FormElements .responseInvalid p { color: red; } .VinRecall .FormElements .primaryLinkWithStyle { margin-top: 0; } .VinRecall p { color: #000; } .VinRecall .keylineDivider { padding: 40px 0; border-bottom: 1px solid #cbcbce; } .VinRecall .keylineDivider .secondaryHeading { color: #393939; font-size: 26px; padding: 0; } .VinRecall .results .resultsList { border-top: 1px solid #cbcbce; text-align: left; } .VinRecall .results dl { width: 50%; margin: 0 auto; } .VinRecall .headings p { font-size: 20px; color: #393939; margin-bottom: 40px; letter-spacing: .12em; } .VinRecall .headings h3 { line-height: 1.1; font-family: Arial; font-size: 26px; letter-spacing: .12em; } .VinRecall .headings h5 { color: #4e4e4e; margin-top: 13.33px; margin-bottom: 0; font-weight: 100; } .VinRecall .responses, .VinRecall .results { border-top: 1px solid #cbcbce; padding-top: 40px; margin-top: 40px; } .VinRecall .responses .headings { padding-bottom: 0; } .VinRecall .leftAlign { text-align: left; } .VinRecall .paddingTop { padding-top: 40px; } .VinRecall .paddingBottom { padding-bottom: 40px; } .VinRecall strong { font-weight: 800; } .VinRecall .jsFooter { font-size: 12px; } .VinRecall .footer a.phonenumber, .VinRecall .jsFooter a.phonenumber { color: #000; text-decoration: none; cursor: default; } #landrover .VinRecall .search .primaryLinkWithStyle { margin-top: 10px; } .no-js .VinRecall .results { border-top: none; margin-top: 0; } .no-js .VinRecall .search { display: table-cell; width: 49%; border-right: 1px solid #cbcbce; } .no-js .VinRecall .borderContainer { display: table; } .no-js .VinRecall .yearSelect { display: none; } .no-js .VinRecall .yearSelect.show { display: inline!important; } .no-js .vinInfo { display: inherit; } @media screen and (min-width:1px) and (max-width:961px) { .VinRecall .footer a.phonenumber, .VinRecall .jsFooter a.phonenumber, .no-js .VinRecall .footer a.phonenumber, .no-js .VinRecall .jsFooter a.phonenumber { cursor: pointer; text-decoration: underline; } } @media screen and (min-width:1px) and (max-width:1200px) { .VinRecall .search, .no-js .VinRecall .search { padding: 40px; } } @media screen and (min-width:1px) and (max-width:940px) { .VinRecall .footer, .VinRecall .headings, .no-js .VinRecall .footer, .no-js .VinRecall .headings { width: 90%; margin: 0 auto; } .VinRecall .borderContainer, .no-js .VinRecall .borderContainer { display: inherit; } .VinRecall .FormElements, .no-js .VinRecall .FormElements { margin-top: 0; } .VinRecall .search, .no-js .VinRecall .search { display: inherit; width: 100%; padding: 80px 160px; border-right: none; border-bottom: 1px solid #cbcbce; } .VinRecall .results, .no-js .VinRecall .results { margin-top: 40px; } .VinRecall .results dl, .VinRecall .results p, .no-js .VinRecall .results dl, .no-js .VinRecall .results p { width: 90%; margin: 0 auto; } .VinRecall .results .headings p, .no-js .VinRecall .results .headings p { margin-bottom: 40px; } } @media screen and (min-width:1px) and (max-width:740px) { .VinRecall .search, .no-js .VinRecall .search { padding: 40px; } .VinRecall .FormElements .formSection .formrow .DropdownSelect, .VinRecall .FormElements .formSection .formrow .textfield, .no-js .VinRecall .FormElements .formSection .formrow .DropdownSelect, .no-js .VinRecall .FormElements .formSection .formrow .textfield { max-width: 100%; } .VinRecall .results dl, .no-js .VinRecall .results dl { width: 80%; } } @media screen and (min-width:1px) and (max-width:480px) { .VinRecall .search, .no-js .VinRecall .search { padding: 20px; } .VinRecall .search input[type=text], .no-js .VinRecall .search input[type=text] { font-size: 12px; } .VinRecall .FormElements .formHeader h2, .no-js .VinRecall .FormElements .formHeader h2 { font-size: 20px; } .VinRecall .headings p, .no-js .VinRecall .headings p { font-size: 14px; } .VinRecall .headings h3, .no-js .VinRecall .headings h3 { font-size: 16px; } .VinRecall .responses .headings h5, .no-js .VinRecall .responses .headings h5 { font-size: 14px; } } .SocialFeed .gridHolder { margin: 0 -20px; } .SocialFeed .grid { display: block; height: 466px; margin: 0 auto; overflow: hidden; } .SocialFeed .grid .gridItem { float: left; width: 33.33333333%; padding: 20px; } @media screen and (max-width:1300px) { .SocialFeed .grid .gridItem { width: 50%; } } @media screen and (max-width:740px) { .SocialFeed .grid .gridItem { width: 100%; } } @media screen and (max-width:500px) { .SocialFeed .grid { height: 420px; } } .SocialFeed .feedItem { display: block; text-decoration: none; position: relative; -webkit-transition-duration: .4s; -khtml-transition-duration: .4s; -moz-transition-duration: .4s; -ms-transition-duration: .4s; -o-transition-duration: .4s; transition-duration: .4s; -webkit-transition-timing-function: ease; -khtml-transition-timing-function: ease; -moz-transition-timing-function: ease; -ms-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; } .SocialFeed .feedItem .content, .SocialFeed .feedItem .media { position: relative; height: 213px; } .SocialFeed .feedItem .media > span { display: block; height: 213px; width: 100%; position: absolute; top: 0; left: 0; opacity: 0; -webkit-transition-duration: .4s; -khtml-transition-duration: .4s; -moz-transition-duration: .4s; -ms-transition-duration: .4s; -o-transition-duration: .4s; transition-duration: .4s; -webkit-transition-timing-function: ease; -khtml-transition-timing-function: ease; -moz-transition-timing-function: ease; -ms-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; } .SocialFeed .feedItem:hover .media > span { background: #fff; opacity: .2; filter: alpha(opacity=20); } .SocialFeed .feedItem .content .header { display: block; padding: 30px 30px 10px; font-size: 14px; line-height: 1.5; } .SocialFeed .feedItem .content .header .avatar { display: block; width: 50px; height: 50px; margin-right: 10px; float: left; } .SocialFeed .feedItem .content .header .postDetails { overflow: hidden; } .SocialFeed .feedItem .content .header .postDetails .date, .SocialFeed .feedItem .content .header .postDetails .name, .SocialFeed .feedItem .content .header .postDetails .username { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 12px; } .SocialFeed .feedItem .content .header .postDetails .name, .SocialFeed .feedItem .content .header .postDetails .username { line-height: 16px; } .SocialFeed .feedItem .content .header .postDetails .name { font-weight: 700; letter-spacing: .05em; text-transform: uppercase; font-size: 14px; -webkit-font-smoothing: antialiased; } .SocialFeed .feedItem .content .header .postDetails .date { text-transform: uppercase; font-size: 11px; font-weight: 700; letter-spacing: .1em; line-height: 24px; } .SocialFeed .feedItem .content .header .postDetails .retweet:before { content: '\e038'; margin: 0 4px 0 0; font-size: 14px; } .SocialFeed .feedItem .content .message .messageWrapper .messageContent { padding-right: 30px; padding-left: 30px; font-size: 14px; line-height: 18px; overflow: hidden; } .SocialFeed .feedItem .content .meta { position: absolute; left: 30px; bottom: 25px; font-size: 10px; } .SocialFeed .feedItem .content .meta:before { margin-right: 10px!important; margin-left: 0!important; font-size: 20px; position: relative; } .SocialFeed .feedItem .content .meta li { display: inline-block; margin-right: 10px; } .SocialFeed .feedItem .content .meta li:before { position: relative; top: -2px; margin: 0 5px 0 0!important; font-size: 14px; } .lt-ie10 .SocialFeed .feedItem .content .meta li:before { top: 0; } .SocialFeed .feedItem.facebook .content .meta:before { top: -3px; content: '\e03a'; } .SocialFeed .feedItem.facebook .content .meta .comments:before { top: -1px; content: '\e030'; } .SocialFeed .feedItem.facebook .content .meta .likes:before { font-size: 15px; content: '\e031'; } .SocialFeed .feedItem.facebook .content .meta .shares:before { font-size: 13px; content: '\e032'; } .SocialFeed .feedItem.instagram .content .meta:before { top: -2px; margin-right: 14px!important; content: '\e03c'; } .SocialFeed .feedItem.instagram .content .meta .comments:before { color: #757575; content: '\e033'; } .SocialFeed .feedItem.instagram .content .meta .likes:before { margin-right: 6px; color: #757575; content: '\e034'; } .SocialFeed .feedItem.pinterest .content .meta:before { content: '\e03e'; } .SocialFeed .feedItem.pinterest .content .meta .likes:before { content: '\e035'; } .SocialFeed .feedItem.pinterest .content .meta .shares:before { content: '\e036'; } .SocialFeed .feedItem.twitter .content .meta:before { content: '\e042'; } .SocialFeed .feedItem.twitter .content .meta .likes:before { content: '\e037'; } .SocialFeed .feedItem.twitter .content .meta .shares:before { font-size: 16px; content: '\e038'; } .SocialFeed .feedItem.youtube .content .meta:before { content: '\e044'; } .SocialFeed .feedItem.feedItemText .content { height: 426px; } .SocialFeed .feedItem.feedItemText .content .message { display: table; table-layout: fixed; width: 100%; } .SocialFeed .feedItem.feedItemText .content .message .messageWrapper { display: table-cell; table-layout: fixed; vertical-align: middle; height: 278px; } .SocialFeed .feedItem.feedItemText .content .message .messageWrapper .messageContent { display: block; position: relative; max-height: 196px; padding-right: 25%; padding-left: 25%; font-size: 20px; line-height: 28px; text-align: center; word-break: break-word; } .SocialFeed .feedItem.feedItemText .content .message .messageWrapper .messageContent:after, .SocialFeed .feedItem.feedItemText .content .message .messageWrapper .messageContent:before { display: block; box-sizing: border-box; width: 25%; position: absolute; margin: 0; font-size: 18px; line-height: 1; } .SocialFeed .feedItem.feedItemText .content .message .messageWrapper .messageContent:before { padding-right: 10px; content: '\e027'; left: 0; top: 0; text-align: right; } .SocialFeed .feedItem.feedItemText .content .message .messageWrapper .messageContent:after { padding-left: 10px; content: '\e028'; right: 0; bottom: 7px; text-align: left; } .SocialFeed .feedItem.feedItemImage .content, .SocialFeed .feedItem.feedItemVideo .content { width: auto; position: static; } .SocialFeed .feedItem.feedItemImage .content .message .messageWrapper, .SocialFeed .feedItem.feedItemVideo .content .message .messageWrapper { height: 54px; } .SocialFeed .feedItem.feedItemImage .content .message .messageWrapper .messageContent, .SocialFeed .feedItem.feedItemVideo .content .message .messageWrapper .messageContent { max-height: 54px; } .SocialFeed .feedItem.feedItemImage .media, .SocialFeed .feedItem.feedItemVideo .media { margin-left: 0; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; -ms-behavior: url(backgroundsize-iepolyfill.min.htc); opacity: 1; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: .5s; -khtml-transition-duration: .5s; -moz-transition-duration: .5s; -ms-transition-duration: .5s; -o-transition-duration: .5s; transition-duration: .5s; } .SocialFeed .feedItem.feedItemVideo .media { position: relative; } .SocialFeed .feedItem.feedItemVideo .media:before { content: '\e023'; display: block; width: 60px; height: 60px; position: absolute; left: 50%; top: 50%; margin-left: -30px; margin-top: -30px; line-height: 65px; font-size: 30px; } @media screen and (max-width:500px) { .SocialFeed .feedItem { padding-top: 0; padding-bottom: 0; } .SocialFeed .feedItem .content, .SocialFeed .feedItem .media, .SocialFeed .feedItem .media > span { height: 195px; } .SocialFeed .feedItem .content .header { padding: 20px 20px 10px; } .SocialFeed .feedItem .content .message .messageWrapper { height: 228px; } .SocialFeed .feedItem .content .message .messageWrapper .messageContent { padding-right: 20px; padding-left: 20px; } .SocialFeed .feedItem .content .meta { left: 20px; bottom: 15px; } .SocialFeed .feedItem.feedItemText .content { height: 390px; } .SocialFeed .feedItem.feedItemText .content .message .messageWrapper { height: 258px; } .SocialFeed .feedItem.feedItemText .content .message .messageWrapper .messageContent { font-size: 17px; line-height: 26px; max-height: 182px; padding-right: 15%; padding-left: 15%; } .SocialFeed .feedItem.feedItemText .content .message .messageWrapper .messageContent:after, .SocialFeed .feedItem.feedItemText .content .message .messageWrapper .messageContent:before { width: 15%; } .SocialFeed .feedItem.feedItemText .content .message .messageWrapper .messageContent:before { padding-right: 5px; } .SocialFeed .feedItem.feedItemText .content .message .messageWrapper .messageContent:after { padding-left: 5px; } } .SocialFeed .profileLinks { margin: 40px 0 0; text-align: center; } .SocialFeed .profileLinks li { display: inline-block; vertical-align: top; width: 90px; margin-bottom: 40px; } .SocialFeed .profileLinks li a { display: block; width: 50px; height: 50px; margin: 0 auto 18px; line-height: 50px; font-size: 23px; text-decoration: none; background-color: #222; -webkit-transition: background 400ms; -webkit-transition-delay: ease; -moz-transition: background 400ms ease; -o-transition: background 400ms ease; transition: background 400ms ease; } .SocialFeed .profileLinks li a:before { color: #cbcbce; -webkit-transition: background 400ms; -webkit-transition-delay: ease; -moz-transition: background 400ms ease; -o-transition: background 400ms ease; transition: background 400ms ease; vertical-align: top; } .SocialFeed .profileLinks li a.facebook { line-height: 52px; } .SocialFeed .profileLinks li a.facebook:before { content: '\e03a'; margin-top: -8px; } .SocialFeed .profileLinks li a.instagram:before { content: '\e03c'; margin-top: -6px; margin-right: 2px; } .SocialFeed .profileLinks li a.pinterest:before { margin-top: -4px; content: '\e03e'; } .SocialFeed .profileLinks li a.twitter:before { content: '\e042'; } .SocialFeed .profileLinks li a.youtube { font-size: 29px; line-height: 50px; } .SocialFeed .profileLinks li a.youtube:before { content: '\e044'; margin-top: -9px; } .SocialFeed .profileLinks li .text { font-size: 9px; line-height: 12px; letter-spacing: .2em; font-weight: 700; -webkit-font-smoothing: auto; opacity: .9; } .SocialFeed .profileLinks li:hover a:before { color: #fff; } .SocialFeed .profileLinks li:hover a.facebook { background-color: #305891; } .SocialFeed .profileLinks li:hover a.instagram { background-color: #406E95; } .SocialFeed .profileLinks li:hover a.pinterest { background-color: #C82828; } .SocialFeed .profileLinks li:hover a.twitter { background-color: #2CA8D2; } .SocialFeed .profileLinks li:hover a.youtube { background-color: #E62D27; } .SocialFeed .profileLinks li:hover .text { opacity: 1; } @media screen and (min-width:1px) and (max-width:500px) { .SocialFeed .profileLinks { margin-top: 15px; } .SocialFeed .profileLinks li { width: 60px; } .SocialFeed .profileLinks li a { margin-bottom: 0; } .SocialFeed .profileLinks li .text { display: none; } } .SocialFeed.dark .feedItem.feedItemVideo .media:before, .SocialFeed.grey .feedItem.feedItemVideo .media:before, .SocialFeed.light .feedItem.feedItemVideo .media:before { background: #222; color: #fff; } .SocialFeed.dark .feedItem, .SocialFeed.grey .feedItem { background-color: #444; color: #cbcbce; } .SocialFeed.dark .feedItem:hover, .SocialFeed.grey .feedItem:hover { background-color: #4e4e4e; } .SocialFeed.dark .feedItem .content .header .name, .SocialFeed.grey .feedItem .content .header .name { color: #fff; } .SocialFeed.dark .feedItem .content .header .date, .SocialFeed.dark .feedItem .content .header .username, .SocialFeed.grey .feedItem .content .header .date, .SocialFeed.grey .feedItem .content .header .username { color: #bdbcb7; } .SocialFeed.dark .feedItem.feedItemText .content .message .messageWrapper .messageContent:after, .SocialFeed.dark .feedItem.feedItemText .content .message .messageWrapper .messageContent:before, .SocialFeed.grey .feedItem.feedItemText .content .message .messageWrapper .messageContent:after, .SocialFeed.grey .feedItem.feedItemText .content .message .messageWrapper .messageContent:before { color: #535353; color: rgba(255,255,255,.1); } .SocialFeed.light .feedItem { background-color: #e9e9ea; color: #696868; } .SocialFeed.light .feedItem:hover { background-color: #fff; } .SocialFeed.light .feedItem .content .header .name { color: #000; } .SocialFeed.light .feedItem .content .header .date, .SocialFeed.light .feedItem .content .header .username { color: #393939; } .SocialFeed.light .feedItem.feedItemText .content .message .messageWrapper .messageContent:after, .SocialFeed.light .feedItem.feedItemText .content .message .messageWrapper .messageContent:before { color: #cbcbce; color: rgba(0,0,0,.1); } .carouselNavigation { width: 100%; margin-left: 0; clear: both; display: table; } .carouselNavigation > div { display: table-cell; vertical-align: middle; text-align: center; color: #393939; font-family: Arial; font-size: 12px; height: 50px; } .carouselNavigation > div span { font-family: lr_ot4, Arial, Helvetica, sans-serif; font-size: 20px; font-weight: 100; color: #999; display: inline-block; margin: 8px; position: relative; top: 2px; filter: alpha(Opacity=75); opacity: .75; } .carouselNavigation > div > div { display: inline-block; margin: 0 40px; } .carouselNavigation > div a { display: inline-block; text-decoration: none; color: #393939; font-size: 20px; } .carouselNavigation > div a.next:before, .carouselNavigation > div a.prev:before { -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: .25s; -khtml-transition-duration: .25s; -moz-transition-duration: .25s; -ms-transition-duration: .25s; -o-transition-duration: .25s; transition-duration: .25s; filter: alpha(Opacity=100); opacity: 1; } .carouselNavigation > div a.next:hover:before, .carouselNavigation > div a.prev:hover:before { filter: alpha(Opacity=50); opacity: .5; } .lt-ie9 .carouselNavigation > div a.next:hover:before, .lt-ie9 .carouselNavigation > div a.prev:hover:before { color: #cbcbce; } .carouselNavigation > div a.prev:before { content: '\e00b'; } .carouselNavigation > div a.next:before { content: '\e00c'; } .carouselNavigation .no-js { display: none; } .dark .carouselNavigation, .grey .carouselNavigation { border-color: #4e4e4e; } .dark .carouselNavigation > div, .dark .carouselNavigation > div a, .dark .carouselNavigation > div span, .grey .carouselNavigation > div, .grey .carouselNavigation > div a, .grey .carouselNavigation > div span { color: #fff; } .no-js .carouselNavigation { display: none; } .dealerCard .dealerCardInner { padding: 20px; } .dealerCard h3 { font-family: Arial; font-size: 18px; font-weight: 700; color: #393939; margin-bottom: 10px; } .dealerCard h3 a { text-decoration: none; color: #393939; } .dealerCard h3 a:hover { color: #4e4e4e; text-decoration: none; } .dealerCard h3 span { font-weight: 500; font-size: 14px; } .dealerCard p { color: #393939; } .dealerCard p.address { margin-bottom: 14px; } .dealerCard p .secondaryLinkWithStyle { margin: 0 0 14px; } .dealerCard ul.contactDetails { margin-bottom: 12px; } .dealerCard ul.contactDetails li { padding-bottom: 12px; color: #393939; } .dealerCard ul.contactDetails li a { text-decoration: underline; font-weight: 700; color: #393939; } .dealerCard ul.contactDetails li a:hover { color: #4e4e4e; text-decoration: none; } .dealerCard ul.contactDetails li:before { margin: 0 10px 0 0!important; background: #393939; color: #fff; font-size: 14px; } .dealerCard ul.contactDetails li.tel:before { content: '\e022'; padding: 5px 4px 4px 5px; } .dealerCard ul.contactDetails li.tel a { cursor: text; text-decoration: none; font-weight: 400; } .dealerCard ul.contactDetails li.tel a:hover { color: #393939; } .dealerCard ul.contactDetails li.fax a { cursor: text; text-decoration: none; font-weight: 400; } .dealerCard ul.contactDetails li.fax:before { content: '\e010'; padding: 4px 4px 4px 5px; } .dealerCard ul.contactDetails li.email:before { content: '\e017'; padding: 6px 4px 2px 5px; } .dealerCard ul.services { margin-bottom: 14px; } .dealerCard ul.services li { padding-bottom: 14px; color: #393939; } .dealerCard ul.services li:before { padding: 0 10px 0 0; } .dealerCard ul.services li.sales:before { content: '\e00f'; } .dealerCard ul.services li.service:before { content: '\e02e'; } .dealerCard ul.services li.repair:before { content: '\e029'; } .dealerCard ul.services li.bodyshop:before { content: '\e004'; } .dealerCard ul.services li.parts:before, .dealerCard ul.services li.partsonly:before { content: '\e020'; } .dealerCard .showToggle { display: none; font-size: 10px; text-decoration: none; text-align: center; letter-spacing: .25em; font-weight: 700; color: #696868; } .dealerCard .showToggle span { cursor: pointer; display: none; } .dealerCard .showToggle span:after { font-size: 6px; margin-top: -4px; padding: 0 2px; } .dealerCard .showToggle span.more { display: inline; } .dealerCard .showToggle span.more:after { content: '\e008'; } .dealerCard .showToggle span.less:after { content: '\e009'; } .dealerCard.excellenceDealer { background: url(/Content/resources/images/10trans.png); border-bottom: 0; } .dealerCard.excellenceDealer p.excellence { padding: 10px 20px; background: #696868; color: #fff; font-size: 10px; } #landrover .dealerCard .primaryLinkWithStyle { margin: 0 0 20px; } .no-js #landrover .dealerCard .getDirections, .no-js #landrover .dealerCard .viewOnMap { display: none; } .VehicleSelector { margin-bottom: 55px; } @media screen and (max-width:1024px) { } @media screen and (min-width:1px) and (max-width:961px) { .yetkiliSaticiImg { background-image: url(/Content/resources/images/Dealership_640x427_281-86361_640x427_1e449cf9.html) no-repeat !important; background-position: right top !important; } .satisSonrasi { background-position: left top !important; } .ownershipImg { background-position: -350px 0 !important; } .dealerCard .dealerCardInner { padding: 20px; } .modelWrapper { height: auto !important; } .InPageSubNavigation { margin: 70px auto 30px auto; } .modelWrapper3 { height: auto !important; } .VehicleSelectorWrapper .el .imageLink { float: left; } .VehicleSelectorWrapper .el .selectorContent { padding: 15px 5% 0 5%; } .fiyatCenter { width: 100%; } .servisRandevu { width: 26px; height: 29px; background: url(/Content/resources/images/servisRandevu.jpg) no-repeat; background-size: contain; } } @media screen and (min-width:1px) and (max-width:740px) { .dealerCard .moreItem { display: none; } .dealerCard .showToggle, .dealerCard.open .moreItem { display: block; } .dealerCard.open .showToggle span.more { display: none; } .dealerCard.open .showToggle span.less { display: inline; } }