/*** /deprecated/css/fonts.css **/ @charset "UTF-8"; /* CSS Document */ @font-face { font-family: 'Stratum'; src: url('/deprecated/css/TradeGothic.eot'); /* IE9 Compat Modes */ src: url('/deprecated/css/TradeGothic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/deprecated/css/TradeGothic.woff') format('woff'), /* Modern Browsers */ url('/deprecated/css/TradeGothic.ttf') format('truetype'), /* Safari, Android, iOS */ url('/deprecated/css/TradeGothic.svg#svgFontName') format('svg'); /* Legacy iOS */ font-weight: normal; font-style: normal; } @font-face { font-family: 'Stratum_bold'; src: url('/deprecated/css/TradeGothic.eot'); /* IE9 Compat Modes */ src: url('/deprecated/css/TradeGothic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/deprecated/css/TradeGothic.woff') format('woff'), /* Modern Browsers */ url('/deprecated/css/TradeGothic.ttf') format('truetype'), /* Safari, Android, iOS */ url('/deprecated/css/TradeGothic.svg#svgFontName') format('svg'); /* Legacy iOS */ font-style: normal; } @font-face { font-family: 'Stratum_black'; src: url('/deprecated/css/TradeGothic.eot'); /* IE9 Compat Modes */ src: url('/deprecated/css/TradeGothic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/deprecated/css/TradeGothic.woff') format('woff'), /* Modern Browsers */ url('/deprecated/css/TradeGothic.ttf') format('truetype'), /* Safari, Android, iOS */ url('/deprecated/css/TradeGothic.svg#svgFontName') format('svg'); /* Legacy iOS */ font-style: normal; } @font-face { font-family: 'Stratum_light_italic'; src: url('/deprecated/css/TradeGothic.eot'); /* IE9 Compat Modes */ src: url('/deprecated/css/TradeGothic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/deprecated/css/TradeGothic.woff') format('woff'), /* Modern Browsers */ url('/deprecated/css/TradeGothic.ttf') format('truetype'), /* Safari, Android, iOS */ url('/deprecated/css/TradeGothic.svg#svgFontName') format('svg'); /* Legacy iOS */ font-style: normal; } @font-face { font-family: 'Stratum_medium_italic'; src: url('/deprecated/css/TradeGothic.eot'); /* IE9 Compat Modes */ src: url('/deprecated/css/TradeGothic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/deprecated/css/TradeGothic.woff') format('woff'), /* Modern Browsers */ url('/deprecated/css/TradeGothic.ttf') format('truetype'), /* Safari, Android, iOS */ url('/deprecated/css/TradeGothic.svg#svgFontName') format('svg'); /* Legacy iOS */ font-style: normal; } @font-face { font-family: 'Stratum_bold_italic'; src: url('/deprecated/css/TradeGothic.eot'); /* IE9 Compat Modes */ src: url('/deprecated/css/TradeGothic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/deprecated/css/TradeGothic.woff') format('woff'), /* Modern Browsers */ url('/deprecated/css/TradeGothic.ttf') format('truetype'), /* Safari, Android, iOS */ url('/deprecated/css/TradeGothic.svg#svgFontName') format('svg'); /* Legacy iOS */ font-style: normal; } @font-face { font-family: 'Stratum_black_italic'; src: url('/deprecated/css/TradeGothic.eot'); /* IE9 Compat Modes */ src: url('/deprecated/css/TradeGothic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/deprecated/css/TradeGothic.woff') format('woff'), /* Modern Browsers */ url('/deprecated/css/TradeGothic.ttf') format('truetype'), /* Safari, Android, iOS */ url('/deprecated/css/TradeGothic.svg#svgFontName') format('svg'); /* Legacy iOS */ font-style: normal; } @font-face { font-family: 'Stratum_light'; src: url('/deprecated/css/TradeGothic.eot'); /* IE9 Compat Modes */ src: url('/deprecated/css/TradeGothic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/deprecated/css/TradeGothic.woff') format('woff'), /* Modern Browsers */ url('/deprecated/css/TradeGothic.ttf') format('truetype'), /* Safari, Android, iOS */ url('/deprecated/css/TradeGothic.svg#svgFontName') format('svg'); /* Legacy iOS */ font-weight: lighter; font-style: normal; } /* Trade Gothic Condensed #18 */ @font-face{ font-family: "TradeGothic"; src: url("/deprecated/css/087e5c21-3358-4cf3-9d2c-289a03a48292.eot?#iefix"); src: url("/deprecated/css/087e5c21-3358-4cf3-9d2c-289a03a48292.eot?#iefix") format("eot"), url("/deprecated/css/fb754dec-aa8f-444c-be48-868464c47ab0.woff") format("woff"), url("/deprecated/css/295ff20c-2b48-4fa6-be92-a53bbf9bbbb4.ttf") format("truetype"), url("/deprecated/css/c573d9d0-0726-4b95-aeee-fb621a299563.svg#c573d9d0-0726-4b95-aeee-fb621a299563") format("svg"); font-weight: normal; font-style: normal; } /* Trade Gothic Condensed #18 Oblique */ @font-face{ font-family: "TradeGothic"; src: url("/deprecated/css/d8bd40fc-2c9a-4086-8784-aa10c7143886.eot?#iefix"); src: url("/deprecated/css/d8bd40fc-2c9a-4086-8784-aa10c7143886.eot?#iefix") format("eot"), url("/deprecated/css/9131f395-46ef-4940-8480-8ff008c42e59.woff") format("woff"), url("/deprecated/css/d399cbfa-b9be-47ac-983c-3600c2684bb2.ttf") format("truetype"), url("/deprecated/css/18bf7dff-7b52-4a2c-8fcc-c7eac8f02636.svg#18bf7dff-7b52-4a2c-8fcc-c7eac8f02636") format("svg"); font-weight: normal; font-style: oblique; } /* Trade Gothic Condensed Bold #20 */ @font-face{ font-family: "TradeGothic"; src: url("/deprecated/css/257c802f-349c-4b4d-aefa-546d5de15ec6.eot?#iefix"); src: url("/deprecated/css/257c802f-349c-4b4d-aefa-546d5de15ec6.eot?#iefix") format("eot"), url("/deprecated/css/5fdc935e-9e30-442a-bbe9-8d887b858471.woff") format("woff"), url("/deprecated/css/616c4c87-a077-43f4-a9f4-f01267c13818.ttf") format("truetype"), url("/deprecated/css/c901ad5f-a842-4549-a1f4-583a97f7e169.svg#c901ad5f-a842-4549-a1f4-583a97f7e169") format("svg"); font-weight: bold; font-style: normal; } /* Trade Gothic Condensed Bold #20 Oblique */ @font-face{ font-family: "TradeGothic"; src: url("/deprecated/css/0061ab1d-ac0a-492f-a33d-d95980a095a8.eot?#iefix"); src: url("/deprecated/css/0061ab1d-ac0a-492f-a33d-d95980a095a8.eot?#iefix") format("eot"), url("/deprecated/css/1feee13e-ded1-4d73-9d76-c5ed16a43117.woff") format("woff"), url("/deprecated/css/b3f82d90-14bc-4c20-8a10-a6b7bd0f304f.ttf") format("truetype"), url("/deprecated/css/5e602f8a-1e6a-461e-bfd8-ff46a5460527.svg#5e602f8a-1e6a-461e-bfd8-ff46a5460527") format("svg"); font-weight: bold; font-style: oblique; } /*** /deprecated/css/layout.css **/ /* CSS RESET */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,select {margin:0; padding:0; outline:none;} /* GLOBAL CONFIG */ html{ background-color:#383838; /*background-image:url("/deprecated/images/2013/footer-white-stripes.jpg");*/ background-position:bottom right; background-repeat:no-repeat; margin:0px auto; } #wrapper header.global-nav { max-width: none; left: 0; } body {font-family:Arial, Helvetica, sans-serif; font-size:11px;} body {background-color:transparent !important; margin:0;} div.nav-section { padding: 30px 0 0 0; margin:-30px 0 0 20px; clear:both;} .lighten {font-family:Stratum_light; font-style:inherit;} .normal {font-family:Stratum; font-style:inherit;} strong { font-family:Stratum_bold; font-style:inherit;} em {font-style:italic; font-weight:inherit;} .years .year .column ul li a sup {font-size: 19px !important; position: relative !important; vertical-align: 1px !important; font-family: stratum_black !important; } .vfeatures .vfeature span sup.uconnect {font-size: 20px; position: relative; vertical-align: -3px;} h2 sup { font-size: 12px; position: relative; line-height: 20px; } sup { font-size:12px; position:relative; vertical-align: 4px; line-height:10px; font-size:75%;} sub { font-size:10px; vertical-align:-1px; } .clear { clear:both; width:0; height:0; display: block; overflow: hidden; visibility: hidden; float: none; } .hide { display:none; } #toplinks{height:20px !important; padding-top:25px;} #toplinks ul .last{ margin-top:0 !important;} #description strong { font-family: Arial,Helvetica,sans-serif; font-weight:bold; } #feature_contextual strong { font-family: Arial,Helvetica,sans-serif; font-weight:bold; } #page-mask { position:fixed; left:0px; top:0px; width:100%; height:100%; background-color:#000; opacity:0.8; zoom: 1; filter:alpha(opacity=80); display:none; z-index: 15; } #content { *overflow:hidden; } #topbody { position:relative; margin-right:auto; margin-left:auto; height:485px; left:0px; } #wrapper { width:960px; position:relative; margin-right:auto; margin-left:auto; } #footer {clear:both;} /** VEHICLE PROMO SECTION **/ /*---------------------------------------------------- vhp + trim promo tile css -------------------------------------------------------*/ .promo-carousel .prev-arrow, .promo-carousel .next-arrow { background-image: url('/deprecated/images/buckets/bucket-arrows.gif'); background-position: 0 4px; background-repeat: no-repeat; cursor: pointer; float: left; height: 22px; margin-left: 10px; margin-right: 10px; margin-top: 73px; width: 10px; visibility:visible; } .promo-carousel .prev-arrow:hover { background-position: 0px -16px; } .promo-carousel .next-arrow { background-position: right 4px; } .promo-carousel .next-arrow:hover { background-position: -13px -16px; } #vhp-buckets .promo-carousel .view { width: 960px; overflow: hidden; } .promo-carousel .view ul li img { position:absolute; left:0px; top:0px; } .promo-carousel .view ul li p.promo { color: #999999; display: block; font-family: Stratum_black; font-size: 12px; left: 5px; line-height: 13px; position: relative; text-transform: uppercase; top: 139px; z-index: 3; float:left; } .promo-carousel .view ul li p.promo span { display: block; font-family:Stratum_black; font-size:18px; line-height:18px; color:#fff; text-transform:uppercase; } .promo-carousel .view ul li p.promo span.reg {display:inline;} .promo-carousel .view ul li p.link { background-image: url("/deprecated/images/right-white-arrows.png"); background-position: right center; background-repeat: no-repeat; height: 15px; position: absolute; right: 25px; top: 183px; z-index: 3; color: #FFFFFF; font-family: Stratum; font-size: 12px; line-height: 16px; margin-right: 12px; padding-right: 20px; text-decoration: none; text-transform: uppercase;} .promo-carousel .view ul li p.link a { color: #FFFFFF; font-family: Stratum; font-size: 11px; line-height: 16px; text-decoration: none; text-transform: uppercase; } .promo-carousel .view ul li p.link a:hover { color:#ccc; } .promo-carousel .view ul li p.bhp-w-link-explore_vhp a { line-height: 17px; margin-left: 18px; padding-right: 7px; position: absolute; top: 167px; width: 77px; z-index: 1; text-decoration: none; background:url("/deprecated/images/blank.png"); } .promo-carousel .view ul li p.bhp-w-link-slo_vhp a { line-height: 17px; margin-left: 117px; padding-right: 7px; position: absolute; top: 167px; width: 90px; z-index: 1; text-decoration: none; background:url("/deprecated/images/blank.png"); } .promo-carousel .view ul li a.rallyimage { background-image: url("/deprecated/images/buckets/grc-promo-vhp.jpg"); background-repeat: no-repeat; display: block; height: 202px; } .promo-carousel .view ul li a.promo_mopar { background-image: url("/deprecated/images/buckets/mopar.gif"); background-repeat: no-repeat; display: block; height: 202px; width: 300px; } .promo-carousel .view ul li a.promo_redline {background-image: url("/deprecated/images/buckets/redline.gif"); background-repeat: no-repeat; display: block; height: 202px; width: 300px;} #vhp-buckets { clear: both; margin: auto; width: 960px; display:none; /* do not remove this line. This removes the 2012 legacy promo tiles from the bottom of the 2012 pages.*/ } #promos { margin-right:auto; margin-left:auto; height:266px; } .promo-carousel { margin: 30px 0; height: 202px; width: 960px; } .promo-carousel .prev-arrow, .promo-carousel .next-arrow { background-image: url('/deprecated/images/buckets/bucket-arrows.gif'); background-position: 0 4px; background-repeat: no-repeat; cursor: pointer; float: left; height: 22px; margin-left: 10px; margin-right: 10px; margin-top: 73px; width: 10px; display: block; } .promo-carousel .prev-arrow:hover { background-position: 0px -16px; } .promo-carousel .next-arrow { background-position: right 4px; } .promo-carousel .next-arrow:hover { background-position: -13px -16px; } .promo-carousel .view ul li { display: block; float: left; position: relative; width: 280px; margin: 0 10px; height: 202px; } /*tooltip disclaimers*/ .tip { color:#000; width: 30%; padding: 12px; display: none; position: absolute; z-index:12000; background:#fff; border:3px solid #ccc; } .tip table { border:1px solid #000; margin:8px auto; border-collapse:collapse; width:90%; } .tip table td { border:1px solid #000; border-collapse:collapse; } .tooltip.black { color: #000; } .tooltip { color: #DE1B22; font-size:12px; font-weight: bold; cursor:pointer; line-height:10px; } .global-nav .veh-title .tooltip { font-size:19px; } .tooltip_charger { color: #DE1B22; font-size:12px; font-weight: bold; vertical-align:16px; } .clear_row{ clear: both; height: 1px !important; overflow: hidden; width: 1px; } #disclaimers p{ margin-bottom:10px; } #disclaimer_msrp { margin-left:5px; } #disclaimer_link{ display:none; } #disclaimers dt { width: 10px; margin: 0px; float: left; clear: left; padding: 5px 0 0 10px; } #disclaimers dd { margin: 0px; padding-bottom: 10px; float: left; } #disclaimers dt.hide, #disclaimers dd.hide{ display:none; } .dyna_disc,.dyna_disc_false { display: none; } /* used to turn the loading message on the overlays to black text*/ .blockUI.blockMsg h1.loading-msg { color: #000; } a.btn_cta { background-color: #ED1C24; border-radius: 3px 3px 3px 3px; display: inline-block; height: 23px; padding-right: 6px; width: 131px; text-decoration:none; margin-bottom:5px; left: 0; position: absolute; top: 312px; } a.btn_cta:hover { background-color: #f0363e; text-decoration:none; } a.btn_cta span { background-image: url("/deprecated/images/right-white-arrow.png"); background-position: right center; background-repeat: no-repeat; color: #FFFFFF; display: block; font-family: Stratum; font-size: 10px; height: 15px; padding: 4px 8px; text-decoration: none; text-transform: uppercase; } .details a.btn_cta { float:left; } #txtonImg { position: relative; top: -111px; left: 131px; color: #FFFFFF; } #inch{font-size:14px;} #inch { font-size/*\**/: 18px\9; } #dodge_2012_charger_trims #uconn-panes ul.highlights li { color:#ccc !important;} .trim .qfacts {*top:0px; *margin-top:-60px!important; *padding-bottom:165px!important;} .module li, .bloc ul.highlights, .bloc ul.highlights li {*margin-left: 15px!important;} #technology .vidthumb{width:200px;} #technology .vidthumb .thumb {*width:241px;} div.nav-section{*margin:30px 0 0!important;} .module li, .bloc ul.highlights, .bloc ul.highlights li {list-style-image: url("/deprecated/images/bullet_1.png") 0 0!important;} #Phead {*padding-bottom:6px!important;} #Avideo {*margin:13px 0px!important;} body#dodge_2012_journey #content #technology .bloc .vidthumb { margin-top: -12px; } body#dodge_2012_grand_caravan .tmp2A .bigicon p.bigicon { line-height: 14px; } body#dodge_2012_grand_caravan #technology .bloc h2 p { padding-bottom: 7px; } body#dodge_2012_challenger .vidthumb #moparReg{ font-size: 20px; vertical-align: 4px; } #phosvids .pv_hide { visibility: hidden; float: left; } #dodge_2012_charger_trims .tmplA4 img{ *float:right; *margin-right: 15px;} body#dodge_2012_journey_trims .tmplA3 img{ *float:right; *margin-right: 15px;} body#durango_2012_trims .tmplA4 img{ *float:right; *margin-right: 15px;} body#durango_2012_trims .tmplC img{ *float:left; *margin-right: 15px;} /* shopping tool css*/ #dShopT { background: url("/deprecated/en/images/Dodge_ShoppingTools_Hero.jpg") no-repeat scroll center 0 transparent; } #main_content { margin: 0 auto; padding-top: 28px; position: relative; } #main_content .Intro { left: 25px; position: absolute; top: 60px; color: #FFFFFF; } #main_content .Intro h2 { font-family: stratum_black; font-size: 38px; line-height: 50px; } #main_content .Intro p { font-size: 12px; line-height: 20px; width: 290px; } #main_content .Categories { background-color: #FFFFFF; float: left; padding-bottom: 15px; width: 100%; padding-bottom: 50px; } #main_content .Categories ul { clear: left; float: left; list-style: none outside none; text-align: center; text-decoration: none; width: 90%; padding-left:60px; } #main_content .Categories li { float: left; margin: 15px 75px 0 0; position: relative; width: 186px; } #main_content .Categories li a{ color: #444444; float: left; font-family: Arial; font-size: 12px; text-align: left; text-decoration: none; } #rightSection ul{ border-left: 1px dotted; } #main_content .Categories strong { color: #959595; float: left; font-family: stratum_bold_italic; font-size: 18px; line-height: 15px; margin: 20px 0 8px 60px; text-decoration: none; text-transform: uppercase; } #leftSection strong, #rightSection strong { float: left; margin-left: 80px; } #rightSection ul li { width: 227px !important; margin-right: 40px; } #main_content .Categories li a span { background: url("/deprecated/en/images/Dodge_ShoppingTools_ArrowLink.png") no-repeat scroll right 5px transparent; color: #232320; font-family: stratum_black; font-size: 16px; font-weight: normal; line-height: 15px; margin: 0 0 6px; text-align: left; text-decoration: none; text-transform: uppercase; padding-right: 12px; } #main_content .Categories li a p{ float: left; } #main_content .Categories li a span:hover { background: url("/deprecated/en/images/Dodge_ShoppingTools_ArrowLink.png") no-repeat scroll right -12px transparent; color: #ed1c24; } #main_content .Nav { background-color: #232320; height: 44px; position: relative; text-align: center; width: 100%; margin-top: 310px; } #main_content .Nav ul { height: 44px; left: 0; text-align: center; top: 0; } #main_content .Nav li { display: inline; } #main_content .Nav li a { background: url("/deprecated/en/images/Dodge_ShoppingTools_Arrow.png") no-repeat scroll right 4px transparent; color: #fff; font-family: Stratum_black; font-size: 13px; line-height: 43px; padding-right: 11px; text-transform: uppercase; white-space: nowrap; text-decoration: none; margin-right: 58px; } #main_content .Nav li a:hover { background: url("/deprecated/en/images/Dodge_ShoppingTools_Arrow.png") no-repeat scroll right -8px transparent; color: #ed1c24; } #main_content .Nav li:first-child { margin-left: 40px; } #leftSection { float: left; width: 63%; } #rightSection { float: left; width: 28%; } /* Fixed for Dart | Aero | sni page issue | 44940 (since we can not change hostc code so overriding here) */ #asc-wrapper .top-section{ margin-top: 70px !important; } /* override for new nav */ .nav-background { left: 0; } /* START OF SECONDARY NAV CSS */ #secondary-nav, #secondary-nav a { color: #FFFFFF; } nav ul, nav ol { list-style-type: none; } #secondary-nav { background: none repeat scroll 0 0 transparent; height: 29px; margin: 0 auto; position: fixed; top: 54px; width: 960px; z-index: 11; } .subpage #secondary-nav, .modelpage #secondary-nav { max-width: 1366px; min-width: 960px; width: 100%; } #secondary-nav > div, body.vhp > #secondary-nav { background: url("/deprecated/images/2013/sub-header-stripes.png") no-repeat scroll 729px 0 #444444; height: 100%; margin: 0 auto; position: relative; width: 960px; } .subnav-overlay { background-color: #000000; display: none; height: 100%; left: 0; opacity: 0.6; position: fixed; top: 0; width: 100%; z-index: 88; } #secondary-nav > div > ul { float: left; margin: 0 auto; width: 100%; } #secondary-nav > div > ul > li, #secondary-nav > div > ul > li#sn_trimname { float: left; margin: 0 10px; } #secondary-nav > div > ul > li#sn_trimname { margin-left: -1px; } #secondary-nav > div > ul > li#sn_trimname span.left, #secondary-nav > div > ul > li#sn_trimname span.right { background: none repeat scroll 0 0 transparent; } #secondary-nav > div > ul > li.sn_vhp12 { margin-right: 2px; } #secondary-nav > div > ul > li:first-child { margin-left: 26px; } .secondary-nav-item, #secondary-nav > div > ul > li > a, #secondary-nav > ul > li.model-name { display: block; font-family: Helvetica; font-size: 12px; height: 21px; padding: 8px 6px 0 !important; text-decoration: none; white-space: nowrap; word-spacing: 0.15em; cursor: pointer; } .secondary-nav-item:hover, #secondary-nav > div > ul > li > a:hover { background-color: #242424; color: #FFFFFF; } #secondary-nav > div > ul > li#sn_trimname a:hover { color: #FFFFFF; } .secondary-nav-item:hover .left, #secondary-nav > div > ul > li > a:hover span.left, #secondary-nav > div li > a.selected span.left { background: url("/deprecated/images/2013/subnav-over-left.png") no-repeat scroll right top transparent; bottom: 0; display: inline-block; height: 29px; margin-left: -32px; position: absolute; width: 27px; } .secondary-nav-item:hover .right, #secondary-nav > div > ul > li > a:hover span.right, #secondary-nav > div li > a.selected span.right { background: url("/deprecated/images/2013/subnav-over-right.png") no-repeat scroll right top transparent; bottom: 0; display: inline-block; height: 29px; margin-left: 5px; position: absolute; width: 27px; } #secondary-nav > div > ul > li.vhp, #secondary-nav > div > ul > li.models { background: url("/deprecated/images/newnav/new-subnav.png") no-repeat scroll right -30px transparent; height: 29px; margin: 0; padding-right: 28px; } #secondary-nav > div > ul > li.models { background-position: right -96px; margin-left: -30px; } #secondary-nav > div > ul > li.vhp > a, #secondary-nav > div > ul > li.models > a { background: url("/deprecated/images/newnav/new-subnav.png") no-repeat scroll left top transparent; text-indent: 26px; } #secondary-nav > div > ul > li.models > a { background-position: left -66px; padding-right: 14px !important; position: relative; } #secondary-nav > div > ul > li.models > a > span { background: url("/deprecated/images/newnav/new-header.png") no-repeat scroll -168px -40px transparent; display: block; height: 6px; position: absolute; right: 0; top: 13px; width: 8px; } #secondary-nav > div > ul > li.vhp > a:hover { color: #CCCCCC; } #secondary-nav li.has-dropdown { position: relative; } #secondary-nav li > a.selected, #secondary-nav li.has-dropdown > a.selected { background-color: #242424; } #secondary-nav .dropdown ul li a.selected { background-color: transparent; } #secondary-nav .dropdown { background: url("/deprecated/images/2013/subnav-dropdown-bg.png") repeat scroll 0 0 transparent; display: none; font-size: 12px; font-weight: bold; left: -40px; padding: 0 12px; position: absolute; top: 29px; white-space: nowrap; } #secondary-nav #sn_safety .dropdown { left: -118px; } #secondary-nav #sn_interior .dropdown { left: -107px; } #secondary-nav #sn_performance .dropdown { left: -75px; } #secondary-nav .features .dropdown { left: -600px; } #secondary-nav .dropdown span.left { background: url("/deprecated/images/2013/subnav-dropdown-over-left.png") no-repeat scroll right top transparent; height: 24px; left: -23px; padding: 0; position: absolute; width: 23px; } #secondary-nav .dropdown span.right { background: url("/deprecated/images/2013/subnav-dropdown-over-right.png") no-repeat scroll right top transparent; height: 24px; padding: 0; position: absolute; right: -23px; top: 0; width: 23px; } #secondary-nav .dropdown sup { vertical-align: top !important; } #secondary-nav .multi-level .dropdown ul li { height: 20px; padding: 4px 0 0 17px; vertical-align: top; display: inline-block; *display: inline; zoom: 1; } #secondary-nav .multi-level ul li a { color: #333333; text-decoration: none; } #secondary-nav #sn_follow_us ul li a { bottom: 5px; position: relative; } #secondary-nav .multi-level ul li#tn_twitter a { bottom: 10px; } #secondary-nav .multi-level ul li#tn_facebook a span { background: url("/deprecated/shared/images/partners/partner-social_icons.png") no-repeat scroll 0 0 transparent; display: inline-block; height: 18px; position: relative; top: 3px; width: 21px; } #secondary-nav .multi-level ul li#tn_facebook a:hover span { background: url("/deprecated/shared/images/partners/partner-social_icons.png") no-repeat scroll -28px 0 transparent; } #secondary-nav .multi-level ul li#tn_twitter a span { background: url("/deprecated/shared/images/partners/partner-social_icons.png") no-repeat scroll 0 -23px transparent; display: inline-block; height: 23px; position: relative; top: 6px; width: 21px; } #secondary-nav .multi-level ul li#tn_twitter a:hover span { background: url("/deprecated/shared/images/partners/partner-social_icons.png") no-repeat scroll -28px -23px transparent; } #secondary-nav .multi-level ul li#tn_you_tube a span { background: url("/deprecated/shared/images/partners/partner-social_icons.png") no-repeat scroll 0 -46px transparent; display: inline-block; height: 18px; position: relative; top: 6px; width: 46px; } #secondary-nav .multi-level ul li#tn_you_tube a:hover span { background: url("/deprecated/shared/images/partners/partner-social_icons.png") no-repeat scroll 0 -67px transparent; } #secondary-nav #sn_follow_us .dropdown { left: -220px; } #secondary-nav .white-background { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.4); clear: both; display: none; height: 25px; } #secondary-nav .multi-level ul li a:hover, #secondary-nav .multi-level ul li a.selected { color: #D20F10; } #secondary-nav .multi-level ul li a.selected { background-color: inherit; } #secondary-nav .multi-level .dropdown ul li:first-child { margin: 0; padding-left: 0; } #secondary-nav .myMenu { margin: 0; padding: 0; } #secondary-nav ul #sn_trim { background: url("/deprecated/images/red_bg.png") no-repeat scroll left top #232323; display: block; float: left; margin-left: -5px; margin-right: 25px; min-width: 40px; } #secondary-nav ul #sn_trim span { background: url("/deprecated/images/red_bg.png") no-repeat scroll right top #232323; display: block; float: left; font-family: stratum; font-size: 13px; font-weight: bold; height: 21px; margin-left: 30px; min-width: 40px; padding: 8px 10px 0 0; text-decoration: none; text-transform: uppercase; width: auto; word-spacing: 0.15em; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { #wrapper{ width: 100% !important; } #footer{ width: 100% !important; left: 0px !important; } } /*** /crossbrand/6.7/video/styles/mediaelementplayer.cs **/ [an error occurred while processing this directive]