/* CSS Document */ /* ################################################################################################################ LAYOUT STYLES ################################################################################################################ */ .disclaimer {clear:both!important;} /*page default overrides */ body { text-align:left; background-image:url(/usr/theme/image/body-bg.gif); background-position:top; background-repeat:repeat-x; line-height:18px; } p { line-height:18px; margin-top:10px; margin-bottom:10px;} h2 {padding-top:15px; padding-left:15px;} #header { background-image:url(/usr/theme/image/header.gif); background-position:top; background-repeat:no-repeat; height:60px; padding-top:15px;line-height:normal; } #header #hdr-service-btn { float:right; margin-top:4px; } /*header*/ h4.number {float:right;text-align:left;} #header h1 {float:left;} div.left {float:left;clear:left;text-align:left; padding-top:10px;} div.right {float:right;clear:right;text-align:right; padding-top:2px;} div.right p, div.left p {margin:-7px 0px 0px 0px;} #col-a { float:left; width:315px; background-image:url(/usr/theme/image/col-a-bg.gif); background-position:top; background-repeat:no-repeat; min-height:450px; padding:10px 10px 5px 10px; } #col-a .entry { margin-top: 18px; } #col-a #flash-cta-left { margin-top:17px; } #col-a #promo { margin-top: 15px; } #col-a #dept-info { margin-top: 15px; } /* Model line up */ #pmm-bd-c #rsrch-col-a {width: 300px; float:left; background-color:#000000; border:1px solid #999999; text-align:center; } #pmm-bd-c #rsrch-col-b {width: 300px; float:left; background-color:#000000; border:1px solid #999999; text-align:center; margin-left:10px;} #pmm-bd-c #rsrch-col-c {width: 300px; float:left; background-color:#000000; border:1px solid #999999; text-align:center; margin-left:10px;} /* welcome */ #welcome {padding-top:20px;} /* department info */ #dept-info {padding-top:25px; height:250px;} #dept-info #cola {float:left;} #dept-info #colb {float:right;} #col-b { float:left; width:660px; min-height:1150px; } #col-b #model-selection { background-image:url(/usr/theme/image/vehicle-research-bg.png); background-position:top left; background-repeat:no-repeat; padding:25px 20px 25px 20px; } #col-b #rsrch-col-a { float:left; width:200px; text-align:center; margin-right:5px; } #col-b #rsrch-col-b { float:left; width:200px; text-align:center; margin-right:5px; } #col-b #rsrch-col-c { float:left; width:200px; text-align:center; } #col-b #rsrch-col-a h3, #col-b #rsrch-col-b h3, #col-b #rsrch-col-c h3 { margin-top:25px; } #col-b #rsrch-col-a p, #col-b #rsrch-col-b p, #col-b #rsrch-col-c p { border-bottom:1px solid #222222; padding-bottom:5px; } div#site-map {padding:25px 10px 25px 10px; height:autopx; } #footer { margin-top:150px; } #footer_top {padding: 18px 16px 21px 28px; border-top:1px solid #2f2f2f; border-bottom:1px solid #2f2f2f;} #footer2 {padding: 18px 16px 21px 28px; } #footer-col_chrysler {border-bottom:1px solid #2f2f2f; height:180px;} #footer-col_dodge {border-bottom:1px solid #2f2f2f; height:180px;} #footer-col_jeep {border-bottom:1px solid #2f2f2f; height:180px;} #sitemap_chrysler {border-bottom:1px solid #2f2f2f; height:60px; padding-top:10px;} #sitemap_chrysler div.colg { float:left; width:135px; } #sitemap_chrysler div.colh { float:left; width:180px; } #sitemap_chrysler div.coli { float:left; width:150px; } #sitemap_chrysler div.colj { float:left; width:125px; } #sitemap_chrysler div.colk { float:left; width:130px; } #sitemap_chrysler div.coll { float:left; width:155px; } #sitemap_chrysler div.colm { float:left; width:115px; } #sitemap_dodge {border-bottom:1px solid #2f2f2f; height:60px; padding-top:10px;} #sitemap_dodge div.colg { float:left; width:135px; } #sitemap_dodge div.colh { float:left; width:110px; } #sitemap_dodge div.coli { float:left; width:145px; } #sitemap_dodge div.colj { float:left; width:125px; } #sitemap_dodge div.colk { float:left; width:130px; } #sitemap_dodge div.coll { float:left; width:115px; } #sitemap_dodge div.colm { float:left; width:135px; } #sitemap_jeep {border-bottom:1px solid #2f2f2f; height:60px; padding-bottom:15px;} #sitemap_jeep div.colg { float:left; width:145px; } #sitemap_jeep div.colh { float:left; width:140px; } #sitemap_jeep div.coli { float:left; width:115px; } #sitemap_jeep div.colj { float:left; width:135px; } #sitemap_jeep div.colk { float:left; width:130px; } #sitemap_jeep div.coll { float:left; width:155px; } #sitemap_jeep div.colm { float:left; width:155px; } #sitemap { min-height:350px; padding: 32px 15px 0px 15px;} .cola, .colb, .colc, .cold, .cole, .cole { float:left; width:150px; } .colf { float:left; width:180px; } .colg { float:left; width:135px; } .colh { float:left; width:110px; } .coli { float:left; width:110px; } .colj { float:left; width:125px; } .colk { float:left; width:130px; } .coll { float:left; width:155px; } .colm { float:left; width:115px; } /* bottom keyword layout */ #block1 {padding-top:15px; padding-bottom:10px;} #block2 {padding-top:15px; padding-bottom:10px;} #block3 {padding-top:15px; padding-bottom:10px;} #block4 {padding-top:15px; padding-bottom:10px;} #block5 {padding-top:15px; padding-bottom:10px;} /* INTERIOR */ #yui-main { min-height:600px; background-image:url(/usr/theme/image/yui-bd-h-bg.png); background-repeat:no-repeat; padding:20px; width:955px; margin:0 auto; } .pmm-bd-h { margin-bottom:20px; } .yui-b a { color:#ffae00; text-decoration:none; } .yui-b li { padding:5px 0px 5px 0px; margin-left:20px; } #newinventory { width:920px; height:2000px; border:0px; background-color:#ffffff; padding:15px; } #dodgeinventory { width:920px; height:2000px; border:0px; background-color:#ffffff; padding:15px; } #chryslerinventory { width:920px; height:2000px; border:0px; background-color:#ffffff; padding:15px; } #jeepinventory { width:920px; height:2000px; border:0px; background-color:#ffffff; padding:15px; } #preownedinventory { width:920px; height:2000px; border:0px; background-color:#ffffff; padding:15px; } #tradein { width:920px; height:700px; border:0px; background-color:#ffffff; padding:15px; margin-top:25px; } #factoryIncentives { width:920px; height:700px; border:0px; background-color:#ffffff; padding:15px; margin-top:25px; } #scheduleService { width:920px; height:700px; border:0px; background-color:#ffffff; padding:15px; margin-top:25px; } #accessories { width:965px; height:700px; border:0px; background-color:#ffffff; margin-top:25px; } #ebrochure-table { border-spacing:3px; border-collapse:inherit; } #ebrochure-table td { padding:10px; } #management-directory { border-spacing:3px; border-collapse:inherit; } #management-directory td { padding:10px; } #map_google { height:500px; margin-bottom:55px; border:10px solid #333333; } #dtl-bd.new #map_google, #dtl-bd.used #map_google { margin-bottom:55px; border:10px solid #e1e1e1; } #getPreApproved { width:950px; height:1800px; border:0px; background-color:#ffffff; margin-top:25px; } /* Detail Page */ .topCol1 {padding-top:15px; padding-bottom:15px; padding-left:27px; padding-right:27px; border:1px solid #333333;} .topCol2 {padding:15px; border:1px solid #333333;} .row {border:1px solid #333333;} #pmm-main-content {padding-top:15px;} /* VSPECS */ #dtl-bd.new #tier1, #dtl-bd.new #tier2, #dtl-bd.new #dtl-specs, #dtl-bd.new #dtl-calc, #dtl-bd.new #tier5, #dtl-bd.new #tier6 { border-bottom:1px solid #e1e1e1; } .onSale { padding-top:10px; } #tier1 { height:30px; } /*payment calc*/ #frmPayment {padding:5px;} #ContractLength tbody tr td, #ContractLength tbody tr th {padding:5px!important;} .CalcPayment tbody tr th, .CalcPayment tbody tr td {padding:5px!important;} /* vsrch listing */ #frmInvSearch select { border:1px solid #222222; margin-bottom:5px; } #frmInvSearch #doSearch { background-image:url(/usr/theme/image/btn-dosearch.png); background-repeat:no-repeat; padding:5px 10px 7px 7px; } #frmInvSearch #doNewSearch { background-image:url(/usr/theme/image/btn-donewsearch.png); background-repeat:no-repeat; padding:5px 9px 7px 6px; } .resultsListFull { border-bottom:5px solid #cccccc; } #results { } .vsrch_pricing_internet, .vsrch_pricing_call, .vsrch_pricing_list { margin-right:10px; } .yui-b { position:absolute; width:1px; } .pmm-flow1 {height:auto; overflow:hidden;} /* forms */ .frmSection { padding:10px!important; } .frmSection input, .frmSection select, .frmSection textarea { border:1px solid #444444!important; padding:3px; } .frmSection h4 { border-top:none!important; border-bottom:5px solid #121212!important; padding-bottom:15px!important; } .frmSection label { margin-bottom:5px; } .btnSubmit { margin-top:20px; } #submit { margin-left:15px; width:100px; margin-bottom:100px; } div.sp_tpl.pmm {width:79%;} div.sp_tpl.pmm .topCol2 {padding:10px;} div.sp_tpl.pmm .topCol1 {padding:10px;} /* ################################################################################################################ COLOR STYLES ################################################################################################################ */ /* default overrides */ #pmm-doc-995 { background-color:transparent; } p {color:#dddddd;} p span strong span {color:#FFFFFF;} ul.special_vInfo, ul {color:#dddddd;} html { background-color:#000000; } body { color:#878787; } h1 {color:#cc0000;} h2 { color:#ffffff; } h2 span { color:#efd39c; } h4 {color:#696969;} #bold-14 {color:#999999;} .numbet-text {color:#cc0000;} .orange {color:#fea147;} .yui-b {background-color:#121212;} .pmm-yui-t1 #yui-main .yui-b {background-color:#121212;} #col-a { background-color:#121212; } #col-b span { color:#ffffff; } #model-selection a { color:#9e8d69; } #site-map h3 { color:#ffffff; } #site-map a { color:#9e8d69; } #site-map a:hover { color:#; } /* Keyword Block links */ #block1 a {color: #9e8d69;} #block1 a:hover {color: #ae9c77;} #block2 a {color: #9e8d69;} #block2 a:hover {color: #ae9c77;} #block3 a {color: #9e8d69;} #block3 a:hover {color: #ae9c77;} #block4 a {color: #9e8d69;} #block4 a:hover {color: #ae9c77;} #block5 a {color: #9e8d69;} #block5 a:hover {color: #ae9c77;} #block6 a {color: #9e8d69;} #block6 a:hover {color: #ae9c77;} #sitemap h3 { color:#b3b3b3; } #footer2 h3 {color:#b3b3b3;} #footer a, #sitemap a { color:#9e8d69; } #footer a, #sitemap a { text-decoration:none; } #footer a:hover, #sitemap a:hover {color: #;} #footer_top a, #sitemap a { color:#9e8d69; } #footer_top a, #sitemap a { text-decoration:none; } #footer_top a:hover, #sitemap a:hover {color: #ae9c77;} #sitemap_vehicle a{ color:#9e8d69; } #sitemap_vehicle a { text-decoration:none; } #sitemap_vehicle a:hover {color: #ae9c77;} ##sitemap #block1 a{ color:#9e8d69; } ##sitemap a { text-decoration:none; } ##sitemap a:hover {color: #ae9c77;} #copyright span { color:#ffffff; } #visit-us a, #site-by a { color:#9e8d69; } #yui-main { background-color:#121212; } #GoogleInfoWin { color:#000000; } /* Detail Page */ ul.vsrch_pricing li.price2 label {color: #666666;} body#pg-vspecs .vMdlLst .trimlvl .mdlTrim {color: #666666;} body#pg-vspecs .vMdlLst .trimlvl ul li a {color: #333333; text-decoration: underline;} body#pg-vspecs .vMdlLst .trimlvl ul li a:hover {color: #666666; text-decoration: underline;} /*VSPECS OVERRIDE*/ #dtl-bd.new, #dtl-bd.used { background-color:#ffffff; } #dtl-bd.new a, #dtl-bd.used a { color:#FF0000; } #dtl-bd.new .ui-tabs-selected a { color:#ffffff; } #dtl-bd.new .ui-tabs-nav a { color:#ffffff; } #dtl-bd.new h2 { color:#666666; } #dtl-bd.new .offSale {color:#666666; padding-top:5px;} #dtl-bd.used .onSale { color:#ff0000; } body#pg-vspecs #vMPG li span {color: #ffae00;} body#pg-vspecs .vMdlLst .trimlvl ul li a {color: #ffae00;} body#pg-vspecs .vMdlLst .trimlvl ul li a:hover {color: #FFCC00;} div.pane h2 {border-bottom:1px solid #666666;} body#pg-vspecs .vMdlLst .currentlyViewing { color:#FF0000; } /* payment calc*/ #dtl-bd.new #monthly .readonly, #amount .readonly {background-color:#000!important;} #dtl-bd.new #ContractLength {border-color: #666!important;} #dtl-bd.new #pmmCalc h3{color:#666666;} #dtl-bd.new #pmmCalc th{color:#666666;} #dtl-bd.new #pmmCalc #frmPayment {border:1px solid #e1e1e1; } #dtl-bd.new #pmmCalc #frmAfford{border:1px solid #e1e1e1; } /* vsrch listing */ #pmm-main-content { background-color:#121212; } #frmInvSearch #doSearch li:hover { color:#FFFFFF; } .resultsListFullName { color:#9c0f09; } .resultsListFullDetail { color:#9c0f09!important; } .resultInfo .ttlVsFound { color:#ffffff; } .pageNav span { color:#ffae00; } .pg-vsrch-header { background-color:#121212; } #results { background-color:#121212; } #processing_results { background-color:#121212; } /* forms */ .frmSection { background-color:#222222; } .frmSection input, .frmSection select, .frmSection textarea { background-color:#333333; color:#ffffff!important; } .frmSection label { color:#878787!important; } .frmSection h4 { color:#efd39c!important; } form#frmLead .msgReq {color:#cc0000;} form#frmLead .noteAsReq {color:#cc0000;} /* ################################################################################################################ TYPOGRAPHY STYLES ################################################################################################################ */ body { font-size:11px; } strong { font-weight:bold; } h1 {font-size:24px;} h3 { font-size:11px; font-weight:bold; } h4 { font-size:11px; } h2 { font-size:16px; font-weight:bold;} #bold-14 {font-size:14px; font-weight:bold;} .orange {font-weight:bold;} #nav a, #model-selection a, #site-map a, #visit-us a, #site-by a { text-decoration:none; } .footer_txt {font-weight:bold;} #pmmCalc h3{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:24px;} #pmmCalc th{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px;} #pmmCalc #frmAfford th{font-family:Arial, Helvetica, sans-serif; font-size:10px;} #pmmCalc #frmPayment th{font-family:Arial, Helvetica, sans-serif; font-size:10px;} #frmInvSearch #doSearch { text-decoration:none; font-weight:bold; } #frmInvSearch #doNewSearch { text-decoration:none; font-weight:bold; } .resultsListFullDetail { font-size:11px; } ul.vsrch_pricing li.price2 span {font-size:18px;} #dtl-bd.used .offSale { text-decoration:line-through; } #dtl-bd.new .offSale {font-size:14px; } /* forms */ .frmSection h4 { text-transform:uppercase; } /* ################################################################################################################ MAINNAV STYLES ################################################################################################################ */ #nav span { display: none; } /* menu attributes */ ul.jd_menu {padding:0px; list-style-type:none; border:none; height:25px; text-align:left;text-decoration:none!important;} ul.jd_menu ul {display:none; border:none; padding:0px; margin:0px; height:auto; } ul.jd_menu li {float:left; border:none; padding:0px; margin:0px;color:#ffffff; font-family:sans-serif; font-size:11px; color:#ffffff; font-weight:bold; line-height:14px; } /* sub-menu attributes */ ul.jd_menu ul {position:absolute; display:none; list-style-type:none; margin:0px; padding: 0px; min-width:170px; height:auto; z-index: 1000000000; } ul.jd_menu ul li {float:none; margin:0px; } ul.jd_menu li li { border-left:1px solid; border-bottom:1px solid; border-right:1px solid; } #nav ul li ul li { height:auto; } ul.jd_menu li ul li.jdm_hover { cursor:pointer; } /***************************************************************/ /* notice: you should only have to edit values below this area */ /***************************************************************/ #nav { /* navigation image attributes */ background-image:url("/usr/theme/image/navigation2.gif"); background-repeat:no-repeat; /* width of the navigation */ width:995px; /* height of the navigation */ height:45px; /* other attributes */ margin:0px; padding:0px; clear:both; } /***********************/ /*** menu attributes ***/ /***********************/ /* controls drop down menu highlight */ ul.jd_menu li ul li.jdm_hover { background-color:#1c1c1c; } /* controls the padding of the drop down menu buttons */ ul.jd_menu li li { padding:5px 5px 5px 8px; } /* controls the width of the drop down menu buttons */ ul.jd_menu li li { width:160px; } /* controls the color of the borders of the drop down menu buttons */ ul.jd_menu li li { border-bottom-color:#313131; border-left-color:#313131; border-right-color:#313131; } /* controls the color of the background of the drop down menu buttons */ ul.jd_menu li li { background-color:#292929; } /* controls the color of the text of the drop down menu buttons */ ul.jd_menu li ul li a {color:#ffffff; } /* controls the color of the text (hover state) of the drop down menu buttons */ ul.jd_menu li li.jdm_hover a{ color:#ffffff; } /* important: the height needs to match the navigation height */ #nav li, #nav a.top-lvl { height:45px; display:block; } /* controls with hit area for the tab buttons */ .jd-home {width: 104px; } .jd-new {width: 129px;} .jd-specials {width: 118px;} .jd-research {width: 117px;} .jd-finance {width: 117px;} .jd-service {width: 102px;} .jd-parts {width: 99px;} .jd-dealership {width: 209px;} /* controls the nav image when hover state */ .jd-home a.top-lvl:hover, ul.jd_menu li.jd-home.jdm_hover {background:url("/usr/theme/image/navigation2.gif") 0px -45px no-repeat; } ul.jd_menu li.jd-new.jdm_hover, ul.jd_menu li.jd-new.jdm_active { background:url("/usr/theme/image/navigation2.gif") -104px -45px no-repeat; } ul.jd_menu li.jd-specials.jdm_hover, ul.jd_menu li.jd-specials.jdm_active {background:url("/usr/theme/image/navigation2.gif") -233px -45px no-repeat; } ul.jd_menu li.jd-research.jdm_hover, ul.jd_menu li.jd-research.jdm_active {background:url("/usr/theme/image/navigation2.gif") -351px -45px no-repeat; } ul.jd_menu li.jd-finance.jdm_hover, ul.jd_menu li.jd-finance.jdm_active {background:url("/usr/theme/image/navigation2.gif") -468px -45px no-repeat; } ul.jd_menu li.jd-service.jdm_hover, ul.jd_menu li.jd-service.jdm_active {background:url("/usr/theme/image/navigation2.gif") -585px -45px no-repeat; } ul.jd_menu li.jd-parts.jdm_hover, ul.jd_menu li.jd-parts.jdm_active {background:url("/usr/theme/image/navigation2.gif") -687px -45px no-repeat; } ul.jd_menu li.jd-dealership.jdm_hover, ul.jd_menu li.jd-dealership.jdm_active {background:url("/usr/theme/image/navigation2.gif") -786px -45px no-repeat; } /* OPTIONAL - move the buttons to the right */ /*ul.jd_menu { margin-left:304px; } */ /* IE6 FIXES */ * html .jd-home a.top-lvl:hover { background-image:none; } * html ul.jd_menu li.jd-inventory.jdm_hover, * html ul.jd_menu li.jd-inventory.jdm_active { background-image:none; } * html ul.jd_menu li.jd-specials.jdm_hover, * html ul.jd_menu li.jd-specials.jdm_active { background-image:none; } * html ul.jd_menu li.jd-specials.jdm_hover, * html ul.jd_menu li.jd-specials.jdm_active { background-image:none; } * html ul.jd_menu li.jd-finance.jdm_hover, * html ul.jd_menu li.jd-finance.jdm_active { background-image:none; } * html ul.jd_menu li.jd-service.jdm_hover, * html ul.jd_menu li.jd-service.jdm_active { background-image:none; } * html ul.jd_menu li.jd-parts.jdm_hover, * html ul.jd_menu li.jd-parts.jdm_active { background-image:none; } * html ul.jd_menu li.jd-dealership.jdm_hover, * html ul.jd_menu li.jd-dealership.jdm_active { background-image:none; } * html ul.jd_menu li ul li a:visited {color:#838383; } * html ul.jd_menu li li.jdm_hover a:hover { color:#ffffff; } /* ################################################################################################################ MISC STYLES ################################################################################################################ */ #pg-vsrch .vListStnd ul.vData li.vName {color:#000;} #hd {color:#000;} #header p {color:#000;}