/* CSS Document */ @charset "UTF-8"; /* CSS Document */ /* ################################################################################################################ LAYOUT STYLES ################################################################################################################ */ /*page default overrides */ body {background-image:url(/usr/theme/image/int-background.gif); background-position:top; background-repeat:repeat-x;} p { line-height:18px; margin-top:10px; margin-bottom:10px;} #header { background-image:url(/usr/theme/image/k-banner-top.gif); background-position:top; background-repeat:no-repeat; height:59px; width:995px; } #header #hdr-service-btn { float:right; margin-top:4px; } #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:5px 10px 5px 10px; } #col-a .entry { margin-top: 15px; } #col-a #flash-cta-left { margin-top:12px; } #col-a #promo { margin-top: 15px; } #col-a #dept-info { margin-top: 15px; } #col-b { float:left; width:660px; min-height:1250px; } #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; } body.hp div#site-map { background-image:url(/usr/theme/image/sitemap-bg.png); background-repeat:no-repeat; padding:25px 20px 25px 20px; margin-top:1250px; height:220px; } div#site-map { background-image:url(/usr/theme/image/sitemap-bg.png); background-repeat:no-repeat; padding:25px 20px 25px 0px; height:10px; } .cola, .colb, .colc, .cold, .cole, .colf , .colg, .colh { float:left; width:150px; height:150px; } .yui-b div #sidenav {padding-top:20px;padding-bottom:20px;padding-right:20px;width:180px!important; min-height:500px!important;} #side-nav{padding-top:25px; padding-left:25px;width:195px;height:auto;background-image:url("/usr/theme/image/side-nav.gif");background-repeat:no-repeat;} #footer { margin-top:150px; } #visit-us { border-top:1px solid #272727; border-bottom:1px solid #272727; padding-bottom:30px; padding-top:30px; } #copyright { margin-top:25px; } #site-by { margin-top:25px; float:right; } /* INTERIOR */ #yui-main {width:995px; margin:0 auto; } pg-stnd#bd{background-color:#3b3b3b; width:995px;min-height:400px;background-repeat:no-repeat;} .pg-vsrch-header h2 {padding:10px 0px 0px 10px;} .pmm-bd-h { padding-bottom:20px; padding-top:10px; padding-left:10px; width:750px; } #pmm-bd-c .model-selection a { color:#ed0a0e; font-size:11px;} #pmm-bd-c .model-selection .mdlYrHeader {color:#3b3b3b; padding-bottom:10px; padding-top:10px;} #pmm-bd-c .model-selection li p {padding-top:0px; padding-bottom:0px;} #pmm-bd-c .model-selection img {padding:3px; border:1px solid #e3e3e3;} #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; } #scheduleService { width:920px; height:700px; border:0px; background-color:#ffffff; padding:15px; margin-top:25px; } #vehicle-info {width:740px; padding-bottom:20px;} #preApproved {width: 740px; height:980px;} .pmm-flow1 {height:auto; overflow:hidden;} #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:10px; border:10px solid #ffffff; } #dtl-bd.new #map_google, #dtl-bd.used #map_google { margin-bottom:55px; border:10px solid #e1e1e1; } #side_nav_link {padding-top:15px;} #side_nav_link2 {padding-top:8px;} #side_nav_link3 {padding-top:5px;} /* model selection */ #model-selection {padding-top: 20px;} #model-selection {text-align: left;} #model-selection li p { width:150px; padding:0px;} #model-selection img {padding:3px; border:1px solid #e3e3e3;} /* homepage quick search */ /* New Detail Page */ .topCol1 {padding-top:15px; padding-bottom:15px; padding-left:40px; padding-right:40px; border:1px solid #bbbbbb;} .topCol2 {padding:20px; border:1px solid #bbbbbb;} .row {border:1px solid #bbbbbb;} #pmm-main-content {padding-top:25px;} /* 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 */ body#pg-vsrch div#bd {background-color:#3b3b3b;} #frmInvSearch select { border:1px solid #222222; margin-bottom:5px; } #frmInvSearch #doSearch { background-image:url(/usr/theme/image/btn-dosearch.png); background-repeat:no-repeat; background-color:transparent; padding:5px 10px 7px 7px; } #frmInvSearch #doNewSearch { background-image:url(/usr/theme/image/btn-donewsearch.png); background-repeat:no-repeat; background-color:transparent; padding:5px 9px 7px 6px; } *+html #frmInvSearch #doSearch { background-image:url(/usr/theme/image/btn-dosearch.gif); height:26px; width:81px; } *+html #frmInvSearch #doNewSearch { background-image:url(/usr/theme/image/btn-donewsearch.gif); height:26px; width:107px; } *html #frmInvSearch #doSearch { background-image:url(/usr/theme/image/btn-dosearch.gif); height:26px; width:81px; } *html #frmInvSearch #doNewSearch { background-image:url(/usr/theme/image/btn-donewsearch.gif); height:26px; width:107px; } .resultsListFull { border-bottom:5px solid #cccccc; } #results { height:auto; } .vsrch_pricing_internet, .vsrch_pricing_call, .vsrch_pricing_list { margin-right:10px; } .pmm-yui-t1 #yui-main .yui-b{width:775px;background-image:url("/usr/theme/image/int-bd.gif");background-repeat:no-repeat; margin-left:220px;} .pmm-bd-h{padding-left:10px;padding-top:25px;} #pmm-bd-c{min-height:530px; padding-left:10px; padding-right:10px; padding-top:10px;} /* 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; } .showMoreInfo {width:auto;height:auto;} /* Success & 404 */ #pg-success {padding-top:60px; } #pg-success h1 {padding-bottom:40px; color:#ffffff;} #pg-success strong {color:#ffffff;} div.sp_tpl.pmm .topCol1 {padding:10px;} div.sp_tpl.pmm .topCol2 {padding:10px;} *+html #vData {width:250px;} /* ################################################################################################################ COLOR STYLES ################################################################################################################ */ /* default overrides */ #pmm-doc-995 { background-color:transparent; } html { background-color:#000000; } body { color:#3b3b3b; } h4 {color:#ed0a0e;} h2 { color:#3b3b3b; } h1 {color:#3b3b3b;} .footer1 { color:#ed0a0e; } .footer2 { color:#ffffff; } h2 span { color:#ed0a0e; } #sitemap_link a { color:#3b3b3b; } #col-a { background-color:#121212; } #col-b span { color:#ffffff; } #model-selection a { color:#717171; } #site-map h3 { color:#ffffff; } #site-map a { color:#717171; } #site-map a:hover { color:#ed0a0e; } #copyright span { color:#ffffff; } #visit-us a { color:#9e8d69; } #yui-main {background-color:#3b3b3b;} #GoogleInfoWin { color:#000000; } /*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.used .onSale { 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 */ .pg-vsrch-header h2 {background-color:#fff;} #pmm-main-content { background-color:#ffffff; } #frmInvSearch #doSearch li:hover { color:#ed0a0e; } .resultsListFullName { color:#3b3b3b; } .resultsListFullDetail { color:#ed0a0e!important; } .resultInfo .ttlVsFound { color:#3b3b3b; } .pageNav span { color:#3b3b3b; } .pg-vsrch-header { background-color:#121212; } #results { background-color:#121212; } #processing_results { background-color:#ffffff; } #statusMsgs {color:#666666;} #doSearch:hover, #doNewSearch:hover {color:#ffffff;} /* forms */ .frmSection { background-color:#ffffff; } .frmSection input, .frmSection select, .frmSection textarea { background-color:#e5e5e5; color:#3b3b3b!important; } .frmSection label { color:#878787!important; } .frmSection h4 { color:#3b3b3b!important; } form#frmLead .noteAsReq {color: #ed0a0e;} form#frmLead .msgReq {font-size:12px; font-weight:bold;color: #ed0a0e;} /* ################################################################################################################ TYPOGRAPHY STYLES ################################################################################################################ */ body { font-size:11px; } strong { font-weight:bold; } h4 {font-size:11px; font-weight:bold;} h3 { font-size:11px; font-weight:bold; } h2 { font-size:16px; font-weight:bold; } h1 {font-size: 14px; font-weight:bold;} .footer1 { font-size:16px; font-weight:bold; } .footer2 { font-size:16px; font-weight:bold; } #nav a { text-decoration:none; } #side_nav_link a {font-size:16px; color:#ffffff;} #side_nav_link2 a {font-size:16px; color:#ffffff;} #side_nav_link3 a {font-size:16px; color:#ffffff;} #model-selection a { text-decoration:none; } #site-map a { text-decoration:none; } #visit-us a { text-decoration:none; } #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; } #dtl-bd.used .offSale { text-decoration:line-through; } /* forms */ .frmSection h4 { text-transform:uppercase; } /* ################################################################################################################ MAINNAV STYLES ################################################################################################################ */ /* this hides the text of the top level menu */ #nav span { display: none; } /* menu attributes */ ul.jd_menu {padding:0px; list-style-type:none; border:none; height:23px; 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; } /* 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/navigation.png"); background-repeat:no-repeat; /* width of the navigation */ width:995px; /* height of the navigation */ height:23px; /* 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:#9a1314; } /* 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:#d32526; } /* 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:23px; display:block; } /* controls with hit area for the tab buttons */ .jd-left {width: 424px; } .jd-home {width: 45px; } .jd-new {width: 75px;} .jd-used {width: 108px;} .jd-parts {width: 38px;} .jd-service {width: 49px;} .jd-bodyshop {width: 63px;} .jd-dealership {width: 63px;} .jd-chat {width: 37px;} .jd-map {width: 33px;} .jd-sitemap {width: 60px;} /* controls the nav image when hover state */ .jd-left {background:url("/usr/theme/image/navigation.png"); -0px -23px no-repeat; } .jd-home a.top-lvl:hover, ul.jd_menu li.jd-home.jdm_hover {background:url("/usr/theme/image/navigation.png") -424px -23px no-repeat; } ul.jd_menu li.jd-new.jdm_hover, ul.jd_menu li.jd-new.jdm_active { background:url("/usr/theme/image/navigation.png") -469px -23px no-repeat; } ul.jd_menu li.jd-used.jdm_hover, ul.jd_menu li.jd-used.jdm_active {background:url("/usr/theme/image/navigation.png") -544px -23px no-repeat; } ul.jd_menu li.jd-parts.jdm_hover, ul.jd_menu li.jd-parts.jdm_active {background:url("/usr/theme/image/navigation.png") -652px -23px no-repeat; } ul.jd_menu li.jd-service.jdm_hover, ul.jd_menu li.jd-service.jdm_active {background:url("/usr/theme/image/navigation.png") -690px -23px no-repeat; } ul.jd_menu li.jd-bodyshop.jdm_hover, ul.jd_menu li.jd-bodyshop.jdm_active {background:url("/usr/theme/image/navigation.png") -739px -23px no-repeat; } ul.jd_menu li.jd-dealership.jdm_hover, ul.jd_menu li.jd-dealership.jdm_active {background:url("/usr/theme/image/navigation.png") -802px -23px no-repeat; } ul.jd_menu li.jd-chat.jdm_hover, ul.jd_menu li.jd-chat.jdm_active {background:url("/usr/theme/image/navigation.png") -865px -23px no-repeat; } ul.jd_menu li.jd-map.jdm_hover, ul.jd_menu li.jd-map.jdm_active {background:url("/usr/theme/image/navigation.png") -902px -23px no-repeat; } ul.jd_menu li.jd-sitemap.jdm_hover, ul.jd_menu li.jd-sitemap.jdm_active {background:url("/usr/theme/image/navigation.png") -935px -23px 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-new.jdm_hover, * html ul.jd_menu li.jd-new.jdm_active { background-image:none; } * html ul.jd_menu li.jd-used.jdm_hover, * html ul.jd_menu li.jd-used.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-service.jdm_hover, * html ul.jd_menu li.jd-service.jdm_active { background-image:none; } * html ul.jd_menu li.jd-bodyshop.jdm_hover, * html ul.jd_menu li.jd-bodyshop.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.jd-chat.jdm_hover, * html ul.jd_menu li.jd-chat.jdm_active { background-image:none; } * html ul.jd_menu li.jd-sitemap.jdm_hover, * html ul.jd_menu li.jd-sitemap.jdm_active { background-image:none; } * html ul.jd_menu li ul li a:visited {color:#ffffff; } * html ul.jd_menu li li.jdm_hover a:hover { color:#ffffff; } /* ################################################################################################################ MISC STYLES ################################################################################################################ */ /* Taken from old site - need to clean up once everything is in place and working */ .sunnyvale_red { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #d83907; } .sunnyvale_white { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #fffefe; } a:link { text-decoration: none; } a:visited { text-decoration: none; } a:hover { text-decoration: none; } a:active { text-decoration: none; } .sunnyvale_grey { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #d9d8d8; } .sunnyvale_grey2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #aeaeae; } .bodyfont11 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; } .footerfont10 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; } .bodytext { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #525252; } .bodyheader { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #525252; font-weight: bold; } .bodyheader2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #ae0000; font-weight: bold; } .sunnyvale_red { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #ea0004; } .mark_grey { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #2e2e2e; } .sunnyvale_white { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #fffefe; } a:link { text-decoration: none; } a:visited { text-decoration: none; } a:hover { text-decoration: none; } a:active { text-decoration: none; } .sunnyvale_grey { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #d9d8d8; } .sunnyvale_grey2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #aeaeae; } /* Third Party Applications */ #kellyBlueBook {width: 730px; height: 750px; margin-bottom:20px;} /*This is a setup for Vertical Layout not vertical scroll*/ /*li.fSrch-vdata-name{font-size:1em !Important} li.fSrch-vdata-price{font-size:1.1em !Important}*/ .jcarousel-container {} /* This is the full viewable area containing the vehicles */ .jcarousel-container-horizontal, .fSrch-skin-1 .jcarousel-clip-horizontal {width:265px;height:170px; margin-left:70px; margin-top:10px;} *+html .jcarousel-container-horizontal, .fSrch-skin-1 .jcarousel-clip-horizontal {width:265px;height:170px; margin-left:70px; margin-top:10px;} *html .jcarousel-container-horizontal, .fSrch-skin-1 .jcarousel-clip-horizontal {width:265px;height:170px; margin-left:70px; margin-top:10px;} /* This is the single listing of a single vehicle in the viewable area */ /* * .fSrch-skin-1 .jcarousel-item {width is dyn detetermined} */ .fSrch-skin-1 .jcarousel-item {margin:2px 0px 0px 2px;height:130px;} .fSrch-skin-1 .jcarousel-item:hover {cursor:pointer} .fSrch-skin-1 .jcarousel-item img {width:100px;height:75px;position:relative;left:2px} .fSrch-skin-1 .jcarousel-item-horizontal {/*margin-right: 7px*/} /* This wrapper encloses all the information in the item listing (ie: image and data) */ /* wrapper should have same height as item * */ .fSrch-skin-1 .jcarousel-item div.fSrch-vdata-wrapper {margin:2px 0px 0px 13px;width:105px;height: 130px;} .fSrch-skin-1 .jcarousel-item div.fSrch-vdata-wrapper{position:relative} .fSrch-skin-1 .jcarousel-item div.fSrch-vdata-wrapper div.fSrch-vdata1 {padding:2px;color:#ffffff;height:60px} .fSrch-skin-1 .jcarousel-item div.fSrch-vdata-wrapper div.fSrch-vdata1 ul li {font-size:10px;font-weight:bold;padding-left:2px;padding-right:2px;padding-bottom:2px;} .jcarousel-control {margin-left:220px;} .jcarousel-control a:hover {padding: 0px 5px 5px 5px; border:1px solid #333333; color: #efefef; font-weight: bold; font-size:10px;} .jcarousel-control a {padding: 0px 5px 5px 5px; border:1px solid #333333; color: #efefef; font-weight: bold; font-size:10px;} .jcarousel-control a:focus, .jcarousel-control a:active {outline-color: -moz-use-text-color;outline-style: none;outline-width: medium;} /* hp se */ div#footer-hp p, div#footer-hp h1, div#footer-hp h2, div#footer-hp h3, div#footer-hp li {color:#aeaeae;} div#footer-hp li {list-style-type:disc;margin:0px 0px 0px 20px;} div#footer-hp h1 {font-size:14px;} div#footer-hp h2 {font-size:12px;} div#footer-hp h3 {font-size:12px;} div#cities-box {float:left;padding:0px 10px 10px 10px;background-color:#242424;margin:5px 15px 5px 15px;} div#cities-box a {color:#aeaeae; text-decoration:underline;} .model-selection a {color:#aeaeae; font-size:11px;} .model-selection .mdlYrHeader {color:#aeaeae; padding-bottom:10px; padding-top:10px;} .model-selection li p {padding-top:0px; padding-bottom:0px;} .model-selection img {padding:3px; border:1px solid #e3e3e3;} #preApprovedFrame{height:1500px;}