/* CSS Document */ @charset "UTF-8"; /* CSS Document */ /* ################################################################################################################ LAYOUT STYLES ################################################################################################################ */ /* main */ body {background-image:url('/usr/theme/image/background.gif')!important;background-repeat:repeat-x!important;} /* header */ #header {width:995px;background-image:url("/usr/theme/image/k-banner-top.gif"); background-repeat:no-repeat;height:58px;width:995px;} #header .left {float:left;margin:9px 0px 0px 512px;} #header .right-2 {float:right;margin:15px 2px 0px 0px;} #header .right {float:right;margin:10px 40px 0px 0px;} #header .right p:first-child {margin:0px 0px -4px 0px;} #header .left p {margin-top:-8px;} #nav {cursor:pointer;} /* homepage */ #ctabody { height:525px; border-bottom:3px solid #cccccc; background-color:#ffffff;} #ctabody .ctacol { float:left; border-right:1px solid #c9c9c9; min-height:525px; } #ctabody .column_b { width:239px; background:url(/usr/theme/image/hp_colb_bg.jpg) no-repeat top left; } #ctabody .column_b2 { width:239px; background:url(/usr/theme/image/hp_colb_bg.jpg) no-repeat top left; padding-left:5px;} #ctabody .column_c { width:215px; } #ctabody .column_c img { margin-bottom:5px; } #ctabody .column_d { border:0px; } #ctabody .column_d #presVideo { padding:4px 0px 0px 4px; } #ctabody .column_d #bbbwrap { padding:5px 0px 0px 7px; } .onetoone{padding-left:20px;} #ctabody .column_d #dealerrater { padding:22px 0px 0px 20px; } #ctabody .column_d #follow-facebook { padding:22px 0px 0px 20px; } #ctabody #srchInvTitle { margin:0px 0px 15px 0px; } #ctabody #cola-content { margin:21px 0px 0px 21px; } #ctabody .quickQuote_hp { margin-top:80px; font-size:100%; } #ctabody .quickQuote_hp h4 { font-size:12px!important; font-weight:bold; font-family:Arial, Helvetica, sans-serif!important; color:#757575; } #ctabody .quickQuote_hp .msgReq { display:none; } #ctabody .quickQuote_hp input, #ctabody .quickQuote_hp textarea { background-color:#fff; border:inset 1px #cccccc; padding:2px; } #ctabody .quickQuote_hp input { width:185px; } #ctabody .quickQuote_hp .frmValues li { height:auto; margin:0px 0px 4px 0px!important; } #ctabody .quickQuote_hp .frmValues li #cust_Comments { width:185px; height:75px; } #ctabody .quickQuote_hp input#submit { font-family:Arial, Helvetica, sans-serif; font-size:11px!important; font-weight:normal; background:#f0f0f0; width:65px; border:outset 1px #cccccc; } #ctabody .quickQuote_hp .btnSubmit { padding-left:5px; } #ctabody .quickQuote_hp .frmValues li label.error { display:none!important; } #ctabody .quickQuote_hp .frmValues li input.error { background-color:#ff0000; } #presVideo {width:290px; height:210px;} /*seo area */ div.hp_se-content {padding:0px 15px 0px 15px;} div.hp_se-content h1 {font-size:26px;font-weight:normal;padding:15px 0px 6px 0px;} div.hp_se-content h2 {font-size:18px;font-weight:normal;padding:0px 0px 6px 0px;} div.hp_se-content h3 {font-size:16px;font-weight:normal;} div.hp_se-content p {font-size:11px;margin:0px 0px 15px 0px;} div#hp_se-box {background-color:#fff;width:995px;} /* interior model year end sale */ #left-col {float:left;} #right-col {float:left; width:390px; padding-left:15px; height:90px; } #pmm-bd-c .contact_yearend .frmSection {margin-left:20px; } #pmm-bd-c .contact_yearend .msgReq {padding-left:500px;} #pmm-bd-c .contact_yearend .btnSubmit {clear:none; width:390px; margin-left:500px;height:744px; } *+html #pmm-bd-c .contact_yearend .btnSubmit {clear:none; width:390px; margin-left:13px;height:400px; } *html #pmm-bd-c .contact_yearend .btnSubmit {clear:none; width:390px; margin-left:13px;height:400px; } /* interior */ /* main template */ #pmm-doc-995 {width:995px;} #home-bg {width:995px;!important;text-align:left;} #bd {background-image:url('/usr/theme/image/bg-cont.jpg');background-repeat:repeat-x;width:955px;padding:20px;} body#pg-vsrch #bd {background-image:url('/usr/theme/image/bg-cont.jpg');background-repeat:repeat-x;width:985px;padding:5px;} #pg-vspecs #bd { padding:0px; width:995px;} #yui-main {background-color:#ffffff;} #sidenav {float:left;padding:10px;margin-right:10px;} #pmm-bd-c {padding:0px 20px 20px 20px;height:100%;} .pmm-bd-h {padding:20px;} div#yui-main div.yui-b {border-left:2px solid #ececec;} #pg-vspecials div#yui-main div.yui-b {border:none;} #pmm-bd-c {min-height:400px;} #int-tbl {width:955px;} #pageheader {padding:0px 0px 20px 0px;} .showMoreInfo {width:auto;height:auto;margin-top:8px; margin-left:8px; padding-bottom:8px;} .getPreApproved {width:500px!important;} div.sp_tpl.pmm {margin:0px 0px 10px 0px;width:750px;} .disclaimer {width:995px;margin:0 auto;padding:15px 0px 15px 0px;} .tab_scrolling {margin:0px 0px 15px 0px;} #pg-success .disclaimer {display:none;} #dtl-comments {width:580px;} table#service-tbl tbody tr td {padding:4px 4px 4px 4px;} #creditapp {width:560px;height:1200px;border:none;overflow:hidden;} #facebook {width:700px;height:800px;border:none;} #ebay {width:900px;height:4300px;border:none;} #emp-tbl tbody tr td {padding:10px 10px 10px 10px;border:1px solid #cccccc;} /* price fix */ .temptxt {font-weight:bold;font-size:12px;color:#bf3655;} .temptxt img {margin:9px 3px 0px 0px;} /* vehicle specials*/ div#tax-box {background-color:#C90202;padding:20px;margin-bottom:20px;} div#tax-box h1 {font-size:18px;color:#fff;} div#specials-box {width:100%;clear:none;} #specials-pg-txt h1 {font-size:24px;color:#c90202;} #specials-pg-txt h2 {font-size:18px;color:#333333;} #specials-pg-txt h3 {font-size:14px;color:#c90202;margin:0px 0px 0px 75px;} ul#specials-lineup {width:100%;} #specials-pg-txt p {line-height:normal;} #specials-lineup li {float:left;width:30%;padding:0px;} #specials-lineup li {min-height:300px;} #specials-lineup li div img {float:left;} #specials-lineup li div:first-child {float:left;} #specials-lineup li div h2 {float:left;clear:left;} #specials-lineup li div h4 {float:left;clear:left;} #specials-lineup li div h5 {float:left;clear:left;} #specials-lineup li div h6 {float:left;clear:left;} #specials-lineup li div p {float:left;clear:left;} #pg-vspecials .pmm-flow1 {clear:both;} div#specials-disclaimer {clear:both;} .pg-vspecials-header {padding:5px 0px 0px 10px;} /* sidenav */ #sidenav h6 {margin:6px 0px 10px 0px;padding:0px 0px 8px 0px;border-bottom:1px solid #d0d0d0;width:176px;} #sidenav div span {float:left;} #sidenav div {text-align:right;width:160px;} .inv table tbody tr td table tbody tr td {border:2px solid #fff;} .inv table tbody tr td table tbody tr td img {margin-top:2px;} .inv table tbody tr td table tbody tr td div div {border-bottom:0px solid #fff;padding:0px 0px 0px 4px;} /* vehicle lineup */ #pg-stnd .model-selection ul {margin-top:80px;} .model-selection li {width: 100px; height: 130px;} ul.vlineup li {display:inline;} ul.vlineup li img {margin-right:3px;} /* vehicle specials */ div.sp_tpl.pmm div.details div.imagery img {height:auto;} /* sidenav on inv */ .yui-b div #sidenav {padding:10px;width:180px!important;} /* footer */ #sitemap {background-color:#e3e3e3; min-height:200px; padding: 32px 30px 0px 26px;} *+html #sitemap {width:939px;} *+html #footer2 {width:953px; } .cola, .colb, .colc, .cold, .cole, .colf, .cole { float:left; width:155px; } #ft {width:995px; margin:0 auto;} #footer {padding: 10px 16px 11px 28px; background-color:#bdbdbd; width:951px; margin:0 auto; } #footer2 {padding: 18px 16px 21px 28px; background-color:#c8c8c8; } #footer-col {border-bottom:1px solid #9b9b9b; height:140px; background-color:#e3e3e3;} #pg-vspecs#footer {height:22px;padding-top:10px;clear:both; width:951px;} #footer span.links {padding-left:195px;} #footer span.links span {padding-right:5px;padding-left:5px;} #footer span.links span.siteby { padding-left:110px; } .cola, .colb, .colc, .cold, .cole, .colf, .cole { float:left; width:155px; } #sitemap_vehicle {border-bottom:1px solid #9b9b9b; height:109px;padding:10px 0px 10px 0px;width:auto;} .colg { float:left; width:auto;padding:0px 40px 0px 0px; } .colh { float:left; width:auto;padding:0px 40px 0px 0px; } .coli { float:left; width:auto;padding:0px 40px 0px 0px; } .colj { float:left; width:135px; } .colk { float:left; width:140px; } .coll { float:left; width:165px; } .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;} /* inventory */ .pg-vsrch-header h2 {padding:20px 20px 15px 20px;weidth:92%;} #pmm-main-content {width:92%;float:right; background-color: #fff; padding-left:17px;} #pg-vsrch #pmm-main-content {width:98%;float:right; background-color: #fff;} #pg-vspecials #pmm-main-content {width:938px;float:right; background-color: #fff;} #pg-vsrch.new .vsrch_pricing_savings {display:none;} #pg-vspecs.new .vsrch_pricing_savings {display:none;} .pmm-flow1 { height:auto;overflow:hidden; padding-bottom:25px;} .resultsListFullDetail {width:auto;height:auto;padding:3px 6px 3px 6px;} .resultsListFull {border-bottom:2px solid #fff;background-color:#CCCCCC!important;} .resultsListFull, .resultsListFullImg {background-color:#fff;background-image:url('/usr/theme/image/bg-inv.jpg');background-repeat:repeat-x;} .resultsListFull:hover, .resultsListFullImg:hover {background-color:#fff;background-image:url('/usr/theme/image/bg-inv-on.jpg');background-repeat:repeat-x;} .resultsListFullTbl table th, .resultsListFullTbl table td {background-color:transparent!important;} .resultsListFullPrice {padding-right:5px;} .pagNavLink {padding:2px 4px 2px 4px;margin:3px;cursor:pointer;} #statusMsgs {text-align:center!important;} .resultsListFullPrice {padding:0px 10px 0px 0px;} .resultsListFullImg img {width:100px!important;height:75px!important;} .pageNav {margin-bottom:5px;} body#pg-vsrch .vName a {font-size:14px; color:#000;} body#pg-vsrch ul.vsrch_pricing li.price2 span {color:#000;} body#pg-vspecs ul.vsrch_pricing li.price2 span {color:#000;} body#pg-vspecs ul.vsrch_pricing li.price2 {margin-bottom:15px;} .vListStnd {background-color:#fff;} *+html .vListStnd ul.vData li.col2 {width:200px;} *+html .vListStnd ul.vData li {width:200px;} #pg-vspecs #pmm-main-content {width:98.5%;} #pg-vspecs .topCol2 {width:500px;} /*.topCol1 {padding:20px;} .topCol2 {padding:20px;}*/ /* vehicle specials */ #pg-vspecials div.vsrch_pricing_savings {margin-top:-60px;} #bd-col-l{margin-right:5px;} /* vSpecs.php */ #vspecsShell {padding:11px 11px 0px 11px;} #vspec-top {border:1px solid #d1d1d1;padding:7px 7px 4px 7px;margin:0px 0px 5px 0px;} #vspec-hdr {margin:0px 0px 15px 0px;} #vspec-price {margin:7px 0px 0px 0px;} #vspec-top-cta {padding:0px 0px 0px 25px;width:260px;} #vspec-main {border:1px solid #d1d1d1;padding:12px;} #vspec-left {padding: 10px 20px 0px 27px;} #vspec-top-right {padding:0px 0px 0px 35px;} #vspec-btm-right {padding:0px 0px 0px 35px;} #vspec-dtl-sec {border:1px solid #d1d1d1;margin:5px 0px 0px 0px;} #vspec-dtl-top {padding:20px;} #vspec-dtl-btm {padding:20px;} #vspec-dtl-btm-1 {padding:0px 25px 0px 0px;} #vspec-dtl-btm-2 {border-left:1px solid #d1d1d1;padding:10px 0px 0px 25px;} /* vSpecs.php tabs panel */ .ui-tabs-panel h2 {padding:6px 0px 0px 0px;} .ui-tabs-panel {border:1px solid #d1d1d1!important;padding:10px!important;width:560px;} /*vSpecs.php trim select */ #specDetail {padding:0px 0px 10px 0px;} .vSpecs li h1 {border-bottom:1px solid #d1d1d1;padding:10px 0px 0px 0px;margin:0px 0px 10px 0px;} /* invDetail.php */ #invdt-container {width:995px;margin:0 auto;} #invdt-container #header-left {text-align:left;} #invdt-box-1 {padding:11px;} #invdt-box-2 {padding: 0px 11px 11px 11px;width:973px;} #invdt-header {border:1px solid #d1d1d1;padding:6px 6px 5px 6px;float:left;width:961px;} #invdt-header h2 {float:left;padding:3px 0px 0px 5px;} #invdt-content-tbl {padding:0px;} #invdt-tbl-vinfo {padding:10px 20px 30px 20px;} #instopt-td {border-left:1px solid #d1d1d1;padding:10px 20px 20px 20px; } #invdt-info-tbl {border-top:1px solid #d1d1d1;padding:20px;} #invdt-direct-tbl h3 {padding:0px;} #invdt-content-2 {border:1px solid #d1d1d1;margin:0px 11px 11px 11px;} /* invDetail photos */ #invdt-img-gal {padding:2px 0px 20px 0px;border:1px solid #d1d1d1;text-align:left;height:500px;} #slide {width:640px;border:none!important;padding:0px 2px 20px 2px;} .gallerySlideThumb {padding:0px 1px 2px 1px;width:80px;} #invdt-img-gal-ovr {position:absolute;top:400px;margin:0px 0px 0px 646px;} #invdt-img-gal-ovr td {padding:0px;} #invdt-img-gal-left {border-right:1px solid #d1d1d1;height:auto;padding-left:10px;} /* form */ .frmSection {width:240px;float:left!important;margin:0px 5px 0px 5px;height:auto;} form#frmLead.lblTop ul.frmValues li {width:200px;} .btnSubmit {clear:both;} #pg-stnd #yui-main #submit {width:149px;height:29px;background-image:url('/usr/theme/image/submit-bg.jpg');color:#fff;border:1px solid #BA293A;} #pg-stnd #yui-main #submit:hover {background-image:url('/usr/theme/image/submit-bg-on.jpg');} form#frmLead .frmSection h4 {border-top:none;border-bottom:none;padding-right:20px; color:#757575;} label.error {clear:both;} form#frmLead.lblTop ul.frmValues li label {width:210px;} /*frames*/ #blackBook {width:715px;height:1000px;border:none;} #xTime {width:715px;height:700px;border:none;} #nissanIncentives {width:715px;height:4500px;border:none;} /*payment calc*/ #frmPayment {padding:5px;} #ContractLength tbody tr td, #ContractLength tbody tr th {padding:5px!important;} #ContractLength {border-color: #d1d1d1!important;} .CalcPayment tbody tr th, .CalcPayment tbody tr td {padding:5px!important;} /*google map*/ #map_google {width:700px;height:500px; border:1px solid #d1d1d1;float:left;clear:both;margin:20px 0px 20px 0px;} *+html #map_google {} *+html #sidenav {width:175px;} .adTbl td, .adTbl th { padding:10px; } /* homepage */ #container {width:995px;margin:0 auto;} #hp-box {background-image:url('/usr/theme/image/hp-bg.jpg');background-repeat:repeat-x;width:995px;min-height:380px;text-align:left;} *+html #hp-box {min-height:394px;} #hp-box-left {width:120px;padding:25px 30px 25px 30px;float:left;border-right:1px solid #e5e5e5;} #hp-box-right-1 {float:left;width:230px;margin:20px 20px 0px 15px;padding:10px 0px 0px 0px;} *+html #hp-box-right-1 {margin:20px 20px 0px 40px;} #hp-box-right-2 {float:left;width:230px;margin:20px 20px 0px 15px;padding:10px 0px 0px 0px;} #hp-box-right-1 h2, #hp-box-right-2 h2 {padding:10px 0px 10px 0px;} #hp-box-right-1 p, #hp-box-right-2 p {padding:0px 0px 10px 0px;} div#btm-promo {float:left;} div#btm-promo img {margin:0px 0px 0px 20px;} div#hp-grey-box {float:left; width:736px; height:13px; padding:10px 0px 14px 18px; margin:15px 0px 0px 30px;} div#hp-grey-box a {margin:0px 16px 0px 0px;} div#hp-grey-box2 {background-color:#ffffff; height:50px; } div#hp-grey-link {padding:5px; } div#hp-grey-box2 a {margin:0px 16px 0px 0px;} /* ie7 fixes */ *+html #pmm-main-content div .pageNav {margin: 10px 0px 10px 0px;} *+html #frmInvSearch table tbody tr td table tbody tr td {padding:4px 0px 0px 0px;} *+html body#pg-vsrch ul.vsrch_pricing {margin-left: -105px; } *html body#pg-vsrch ul.vsrch_pricing {overflow:visible; } #vData { width:220px;} *+html #vData { width:250px;} /* ################################################################################################################ COLOR STYLES ################################################################################################################ */ /* overwrites */ .pmm-yui-t1 .yui-b {background-color:transparent!important;} /* main template */ html {background-color:#D6D4D4;} body {background-color:#D6D4D4;} a, .red {color:#bf3655;} a:hover, .red a:hover {color:#d00333;} #pg-stnd {color:#666666;} #pageheader {color:#555555;} #sidenav {background-color:#fff;} #bd {background-color:#ececec;} body#pg-vsrch div#bd {background-color:#ececec;} .tab_scrolling a {color:#666666;} #pmm-doc-995 {background-color:#fff;} .disclaimer {color:#333; font-size:10px;} #main_banner {background-color:#000000;} /*sidenav*/ .inv table tbody tr td table tbody tr td div div a {color:#333;} #sidenav div span {color:#bf3655; background-color:} #sidenav2 div span {color:#bf3655; font-weight:bold;} /* header */ #header .right p span {color:#bf3655;} #header .right-2 p span {color:#bf3655;} .pg-vsrch-header h2 {border:none; padding-left:10px;} .left p {color:#555555;} .left h1 {color:#555555;} /* homepage */ #hp-box {background-color:#fff;} #hp-box-right-1 p, #hp-box-right-2 {color:#666666;} #hp-box h2 {color:#383838;} #hp-box form#frmLead.lblTop ul.frmValues li label {color:#666666;} div#hp-grey-box {background-color:#eaeaea;} #pmm-doc-995 {background-color:#d6d4d4;} /* vehicle specials */ #specials-lineup li div h2 {color:#bf3655;} #specials-lineup li div h4 {color:#000;} /* fsrch */ #fSrch-box {color:#454545;} .jcarousel-control a:hover {color:#fff;background-color:#bf3655;} /*footer*/ #footer, #footer a {background-color:#bdbdbd;color:#333;font-family:Verdana, Arial, Helvetica, sans-serif;} #footer a:hover {color:#505050;} #footer2 h1, .sitemap_bold {color:#5c5c5c;} #sitemap {color:#555;} /* vSpecs.php */ #vspecsShell {color:#666666;} #vspec-top, #vspec-main {background-color:#fff;} #vspec-hdr {color:#bf3655;} #vInfoShell {color:#666666;} .onSale {color:#bf3655;} .offSale {color:#666666;} #pg-vspecs h2, #pg-vspecs p {color:#666666;} #pg-vspecs h3 {color:#bf3655;} #vspec-dtl-top h3 {color:#676767;} #vspec-dtl-top {background-color:#e9e9e9;} #vspec-dtl-btm {background-color:#fff;} #vspec-dtl-btm-2 a, #vspec-dtl-btm-2 h3 {color:#666666;} /*vSpecs.php trim select */ #specDetail{color:#666666;} .vSpecs li h1 {color:#bf3655;} .vSpecs li ul li a {color:#666666;} /* inventory */ .pg-vsrch-header h2 {color:#555555; border:none;} .yui-b {color:#666666;} .resultsListFullDetail {background-color:transparent;color:#bf3655;} .resultsListFullTbl table td {color:#666666;} .resultsListFullDetail:hover {background-color:transparent;color:#bf3655;} .resultsListFullTbl table th {color:#555;} .resultsListFull:hover {background-color:#fbfbfb;} .resultsListFullPrice .price span {color:#bf3655;} .resultsListFullName {color:#000;} .resultsListFullPrice ul li label {color:#242424!important;} .resultsListFullPrice ul li span {color:#BF3655;} .ttlVsFound {color:#333333;} #statusMsgs {color:#999999;} .vListStnd ul.vData li.col2 ul li label, .vListStnd ul.vData li.col3 ul li label { text-align:left; padding-right:10px; } .vListStnd ul.vData li { padding-right:20px; } .vListStnd ul.vData li.col5 { padding-right:0px; } .vListStnd ul.vData li.col1 { padding-right:10px; } .vListStnd ul.vData li.col5 ul.vsrch_pricing li { padding:0px!important; padding-right:5px!important; } .vListStnd ul.vData li.col5 ul.vsrch_pricing li.price1 { *margin-left:90px; } .vListStnd ul.vData { *padding: 0px 5px 0px 0px; } .wdgt { background-color:transparent; border-bottom:1px solid #CCCCCC; padding-bottom:5px; } body#pg-vsrch .vListStnd { padding-bottom:10px; background-image:url('/usr/theme/image/vListStnd_bg.png') repeat-x bottom; width:750px; height: 180px; } body#pg-vsrch .vListStnd:hover { background:#ececec; } body#pg-vsrch .vListStnd .vName { padding-bottom:10px; } body#pg-vsrch .vName a { font-size:20px;} body#pg-vsrch div#yui-main div.yui-b {padding-left:35px; border-left:none;} #pg-vsrch.adv #searchForm {background-color:#fff; } #pg-vsrch.adv #searchForm .searchBar span {color:#666;} #pg-vsrch.advHTML.img160 #results {border-bottom:none;} /* vehicle specials */ ul.vsrch_pricing li span,#pg-vspecials div.vsrch_pricing_savings label {} /* inventory nav */ #doSearch, #doNewSearch, .pagNavLink {background-color:#fff;color:#666;border:1px solid #dcdcdc;} .pagNavLink:hover, #doSearch:hover, #doNewSearch:hover {color:#666;background-color:#fff;border:1px solid #c7c7c7;} /* invDetail.php */ #invdt-bg {background-color:#ECECEC;} #invdt-header, #invdt-content {background-color:#fff;} #invdt-container {color:#666;} #invdt-container h5 {color:#bf3655;} #invdt-direct-tbl a {color:#666;} #invdt-header h2 {color:#414141;} #invdt-content-2 {background-color:#fff;} #invdt-content {background-color:#fff;} #invdt-img-gal {background-color:#fff;} /* form */ form#frmLead.lblTop ul.frmValues li label {color:#757575;} form#frmLead .msgReq, form#frmLead .noteAsReq {color:#b20000;} form#frmLead ul.frmValues li label.error {color:#b20000!important;} .frmSection input {background-color:#f2f0f0;border:1px solid #c8c8c8;} form#frmLead ul li textarea {background-color:#f2f0f0;border:1px solid #c8c8c8;} .frmSection select {background-color:#f2f0f0;border:1px solid #c8c8c8;} /* payment calc*/ #monthly .readonly, #amount .readonly {background-color:#000000!important;} body#pg-vsrch .vsrch_pricing_savings {display:none;} body#pg-vsrch .vsrch_pricing_savings {color: #00CC00;} #purchasePrice .vsrch_pricing_savings {color: #00CC00;} #purchasePrice .vsrch_pricing_savings {display:none;} /* ################################################################################################################ TYPOGRAPHY STYLES ################################################################################################################ */ /* main template */ body { font-family:Verdana, Arial, Helvetica, sans-serif!important; font-size:11px; } li, label, span, div { font-family:Verdana, Arial, Helvetica, sans-serif!important; } #footer2 h1 { font-size:11px; font-weight:bold; } a {text-decoration:none;} #hp-box-left p, #hp-box-left b { font-size:10px!important; } h3,p,a {line-height:18px; font-family:Verdana, Arial, Helvetica, sans-serif; padding-bottom:10px;} h3 {font-size:14px;font-weight:bolder;} h2 {font-size:18px;font-weight:bolder;} p,a {font-size:11px;} b,bold {font-weight:bold;} #home-bg p b {font-size:12px;} #pmm-bd-h {font-size:18px;font-weight:bold;} #pmm-bd-c {font-size:11px;} strong {font-weight:bold;} h1,h2,h3,h4,h5,h6 {font-weight:bold;} #pg-success h1 {font-size:24px;} #specials-pg-txt h4 {font-size:14px;margin:0px 0px 8px 0px;color:#000;} /* specials feature */ #pg-vspecials div.vsrch_pricing_savings span {font-weight:bolder;} /* sidenav */ #sidenav h6 {font-size:14px;font-weight:normal;} #sidenav div span {font-weight:bold;} /* header */ #header h1 {font-size:24px;font-weight:normal;} #header h3 {font-size:16px;font-weight:normal;} #header .left p {font-size:10px;font-weight:normal;} #header .right p {font-size:12px;font-weight:normal;} #header .right-2 {font-size:19px;font-weight:normal;} #header .right p span, #header .right-2 p span {font-weight:bold;} /* homepage */ div#hp-box div#hp-box-left p {line-height:normal!important;} #hp-box h2 {font-size:14px;} #hp-box-right-1 p, #hp-box-right-2 p {line-height:normal!important;} div#hp-grey-box a {text-decoration:underline;} /* footer */ #footer {font-size:10px;}righ #footer a {text-decoration:none;} .footer_txt {font-size:10px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif;} .sitemap_bold {font-size:11px; font-weight:bold;} #footer-col p a {text-decoration:underline;} #footer-col h2 {font-size:12px;} /*inventory*/ .pg-vsrch-header h2 {font-size:18px; font-weight:bold;} .resultsListFullDetail {font-size:10px;font-weight:normal;} .resultsListFullTbl table td {font-size:10px;} .resultsListFullPrice .price span {font-weight:bold;font-size:14px;} #pmm-main-content {font-size:11px;} .resultsListFullTbl table th {font-size:14px;} #frmInvSearch a {text-decoration:underline;} .resultsListFullDetail {text-decoration:underline;} .pagNavLink span {text-decoration:none;} #doSearch, #doNewSearch {text-decoration:none!important;} .ttlVsFound {font-size: 14px;} body#pg-vspecs ul.vsrch_pricing li.price1 label, body#pg-vspecs ul.vsrch_pricing li.price1 span {font-size: 12px; font-weight:bold;} /* vehicle specials */ #specials-lineup li div h2 {font-size:18px;} #specials-lineup li div h4 {font-size:16px;} #specials-lineup a {text-decoration:underline;} #specials-lineup li div h5 {font-size:16px;color:#09721A;} #specials-lineup li div h6 {font-size:12px;color:#333333;text-decoration:line-through;} /* vSpecs.php */ #vspec-hdr {font-size:18px;font-weight:bold;} #vInfoShell {font-size:11px;line-height:18px;} #vInfoShell label {font-weight:bold;} .onSale {font-size:20px;font-weight:bold;} .offSale {font-size:12px;font-style:italic;} #vspec-top-right a {text-decoration:underline;} #pg-vspecs h2 {font-weight:bolder;} #vspec-dtl-btm-2 a {text-decoration:underline;} /*vSpecs.php trim select */ #specDetail {font-size:12px;font-weight:normal;line-height:18px;} .vSpecs li h1, .vSpecs li h1 strong {font-size:14px;font-weight:bold!important;line-height:22px;} .vSpecs li ul li a {line-height:18px;} .vSpecs li ul li a strong {font-weight:bold;} .ui-tabs-nav {font-size:14px!important;font-family:Verdana, Arial, Helvetica, sans-serif!important;} /* forms */ form#frmLead.lblTop ul.frmValues li label {font-size:11px!important;font-family:Verdana, Arial, Helvetica, sans-serif;} .frmSection input, .frmSection select, .frmSection textarea {font-size:11px!important;font-family:Verdana, Arial, Helvetica, sans-serif;} form#frmLead .msgReq {font-size:11px;} #submit {font-size:14px;font-weight:bold;cursor:pointer;} /* Coupons */ .ad_price p, .ad_title p { font-size:24px; line-height:normal; } .ad_disclosure p { font-style:italic; } #pg-vspecials .contact.dealer.shortform span.value {font-size:16px;} body#pg-vsrch .vsrch_pricing_savings {font-size:14px; font-weight:bold;} ul.vsrch_pricing li.price2 label {font-size:16px;} ul.vsrch_pricing li.price2 label span {font-size:16px;} .contact.dealer.shortform span.value {font-size:18px;} body#pg-vspecs #purchasePrice, body#pg-vspecs #leasePrice {width:220px;} body#pg-vsrch .vListStnd:hover {background-color:#ececec;} #purchasePrice ul.vsrch_pricing li.price2 label {font-size:16px;} #purchasePrice ul.vsrch_pricing li.price2 span {font-size:16px;} #purchasePrice .vsrch_pricing_savings {font-size:16px; font-weight:bold;} /* ################################################################################################################ 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:26px; 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:10px; } /* sub-menu attributes */ ul.jd_menu ul {position:absolute; display:none; list-style-type:none; margin:0px; padding: 0px; min-width:140px; height:auto; z-index: 1000000000; } ul.jd_menu ul li {float:none; margin:0px; } ul.jd_menu li.jdm_hover { cursor:pointer; } ul.jd_menu li li { border-bottom:1px solid #cccccc; border-top:1px solid #333333; } #nav ul li ul li { height:auto; } ul.jd_menu li ul li.jdm_hover { cursor:pointer; } ul.jd_menu li ul li a { text-decoration:none; font-weight:normal; } ul.jd_menu li ul { background-color:#fff; } /***************************************************************/ /* notice: you should only have to edit values below this area */ /***************************************************************/ #nav { /* navigation image attributes */ background-image:url("/usr/theme/image/navigation.gif"); background-repeat:no-repeat; /* width of the navigation */ width:995px; /* height of the navigation */ height:32px; /* 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:#222222; } /* 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:#333333; border-left-color:#333333; border-right-color:#333333;} /* controls the color of the background of the drop down menu buttons */ ul.jd_menu li li {background-color:#121212; } /* controls the color of the text of the drop down menu buttons */ ul.jd_menu li ul li a {color:#cccccc;} /* controls the color of the text (hover state) of the drop down menu buttons */ ul.jd_menu li li.jdm_hover a{ color:#fff; } /* important: the height needs to match the navigation height */ #nav li, #nav a.top-lvl { height:32px; display:block; } /* controls with hit area for the tab buttons */ .jd-home {width: 106px;} .jd-inventory {width: 140px;} .jd-preowned {width: 195px;} .jd-commercial {width: 176px;} .jd-service {width: 147px;} .jd-finance {width: 103px;} .jd-dealership {width: 128px;} /* OPTIONAL - move the buttons to the right */ /* 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/navigation.gif") 0px -32px no-repeat; } ul.jd_menu li.jd-inventory.jdm_hover, ul.jd_menu li.jd-inventory.jdm_active { background:url("/usr/theme/image/navigation.gif") -106px -32px no-repeat; } ul.jd_menu li.jd-preowned.jdm_hover, ul.jd_menu li.jd-preowned.jdm_active {background:url("/usr/theme/image/navigation.gif") -246px -32px no-repeat; } ul.jd_menu li.jd-commercial.jdm_hover, ul.jd_menu li.jd-commercial.jdm_active {background:url("/usr/theme/image/navigation.gif") -441px -32px no-repeat; } ul.jd_menu li.jd-service.jdm_hover, ul.jd_menu li.jd-service.jdm_active{background:url("/usr/theme/image/navigation.gif") -617px -32px no-repeat; } ul.jd_menu li.jd-finance.jdm_hover, ul.jd_menu li.jd-finance.jdm_active {background:url("/usr/theme/image/navigation.gif") -764px -32px no-repeat; } ul.jd_menu li.jd-dealership.jdm_hover, ul.jd_menu li.jd-dealership.jdm_active {background:url("/usr/theme/image/navigation.gif") -867px -32px no-repeat; } /* ################################################################################################################ MISC STYLES ################################################################################################################ */ /* Featured vehicle stuff */ /*************************************************************/ /* google map*/ div#divSpecials {width:468px;height:422px;background-image:url('/usr/theme/image/tentevent-promo-hp.png');} *+html divSpecials {float:left;} /*background color*/ .tab_scrolling { scrollbar-3dlight-color: #FBFBFB; scrollbar-highlight-color: #FBFBFB; scrollbar-face-color: #ccc; scrollbar-shadow-color: #ACACAC; scrollbar-darkshadow-color: #7C7C7C; scrollbar-base-color: #222; scrollbar-arrow-color: #ECECEC; overflow: auto; height: 70px;} .tab_scrolling a {text-decoration: none; color:666666} .tab_scrolling a:hover {text-decoration: none; color:666666;} .tab_scrolling { scrollbar-3dlight-color: #FBFBFB; scrollbar-highlight-color: #FBFBFB; scrollbar-face-color: #ccc; scrollbar-shadow-color: #ACACAC; scrollbar-darkshadow-color: #7C7C7C; scrollbar-base-color: #222; scrollbar-arrow-color: #ECECEC; overflow: auto; height: 70px;} a{text-decoration: none; color:666666} a:hover{text-decoration: none; color:666666;} .vListStnd ul.vData li.col2 ul li, .vListStnd ul.vData li.col3 ul li {font-size:11px;} div.pane h2 {border-color:#ccc;} ul.vSpecsLst li {font-size:11px;} .row.section.reviews h4 {font-size:12px;} .row.section.reviews p {font-size:11px;} .colf {width:130px;float:left;} .cold {width:140px;} #pg-vspecs-header h2 {padding:4px 0px 2px 0px;} #factOpts li.options div {margin-top:8px;} /* vspecs edits */ body#pg-vspecs ul.vsrch_pricing li label {font-size:100%;} body#pg-vspecs #purchasePrice {height:100%;} body#pg-vspecs ul.vsrch_pricing li {padding:0px 10px 3px 0px;} body#pg-vspecs ul.vsrch_pricing li li.vsrch_pricing_sale label {font-size:138.5%;} #leaf{margin-left:190px; ;position:absolute;top:313px;;width:320px;height:180px;} *+html #leaf{margin-left:0px;position:absolute;top:313px;;width:320px;height:180px;} #frmLead.leaf{position:absolute; margin-top:-1650px;} .comments.dealer {padding-top:25px;} #logo-container{float:left; margin-left:4px;margin-top:20px;} #logo-border{margin-top:-80px;height:80px; width:465px; border: 1px solid #CCCCCC;padding-left:10px;padding-top:5px;} #facebook-hp{padding-bottom:10px; float:left;} #dealer-rater{float:left;padding-left:8px;} /* hp qsrch */ div#qSrch form#qSrch-frm #New_Used label, div#qSrch form#qSrch-frm #Make label, div#qSrch form#qSrch-frm #Model label, div#qSrch form#qSrch-frm #Year label, div#qSrch form#qSrch-frm #Price label, div#qSrch form#qSrch-frm #BodyType label {color:#4f4f4f; font-weight:bold; font-size:10px;} #qSrch {margin:0px; padding:0px; margin-left: -10px;} #qSrch form#qSrch-frm #vMake {margin-bottom:5px;} #qSrch form#qSrch-frm #vModel {margin-bottom:5px;} #qSrch form#qSrch-frm #vYear {margin-bottom:5px;} #qSrch form#qSrch-frm #vBodyType {margin-bottom:5px;} #qSrch form#qSrch-frm #vMake.searchOption {width:170px;} #qSrch form#qSrch-frm #vModel.searchOption {width:170px;} #qSrch form#qSrch-frm #vYear.searchOption {width:170px;} #qSrch form#qSrch-frm #vBodyType.searchOption {width:170px;} #qSrch img {display:none!important;} /* hp redesign css */ #ctabody2 {min-height:620px;} #ctabody2 .column_a2{width:210px; } #ctabody2 .column_b2 { width:240px; background:url(/usr/theme/image/hp_colb_bg.jpg) no-repeat top left; float:left;} #ctabody2 .column_c2{width:528px; padding-top:20px;padding-left:9px; padding-right:6px; height:580px;} .cta{float:left; display:inline; padding-right:3px; padding-bottom:3px;} .cta2{float:left; display:inline; padding-top:6px; padding-right:9px;} .video-hp{float:left; width:523px; border: 1px solid #dbdfe6; min-height:287px; margin-top:15px;} #presVideo{border: 5px solid #aaaaaa; width:290px; } /* hp redesign css end */ /* IE 7 & 6 Fixes */ *+html #ctabody {min-height:540px;} *+html #ctabody .column_a {height:540px;} *+html #ctabody .column_b {height:540px;} *+html #ctabody .column_c {height:540px;} *html #ctabody .column_a {height:540px;} *html #ctabody .column_b {height:540px;} *html #ctabody .column_c {height:540px;} *html #ctabody .quickQuote_hp .frmValues li #cust_Comments { width:180px; height:75px; } *html #ctabody .quickQuote_hp input { width:180px;} *html #ctabody .quickQuote_hp {width:150px; margin-top:40px;} *html #ctabody .frmSection {width:100px;} *html #ctabody form#frmLead .frmSection h4 {width:120px;} *html #ctabody form#frmLead.lblTop ul.frmValues li {width:100px;} *html #ctabody form#frmLead.lblTop ul.frmValues li label {width:100px;} .vListStnd ul.vData li.col2 ul li label, .vListStnd ul.vData li.col3 ul li label {margin-right:10px;} /* homepage */ #ctabody2 { height:630px; border-bottom:3px solid #cccccc; background-color:#ffffff;} #ctabody2 .ctacol { float:left; border-right:1px solid #c9c9c9; min-height:630px; } #ctabody2 .ctacol2 { float:left; border-right:1px solid #c9c9c9; min-height:610px; } #ctabody2 .column_b { width:239px; background:url(/usr/theme/image/hp_colb_bg.jpg) no-repeat top left; } #ctabody2 .column_c { width:215px; } #ctabody2 .column_c img { margin-bottom:5px; } #ctabody2 .column_d { border:0px; } #ctabody2 .column_d #presVideo { padding:4px 0px 0px 4px; } #ctabody2 .column_d #bbbwrap { padding:5px 0px 0px 7px; } .onetoone{padding-left:20px;} #ctabody2 .column_d #dealerrater { padding:22px 0px 0px 20px; } #ctabody2 .column_d #follow-facebook { padding:22px 0px 0px 20px; } #ctabody2 #srchInvTitle { margin:0px 0px 15px 0px; } #ctabody2 #cola-content { margin:21px 0px 0px 21px; } #ctabody2 .quickQuote_hp { margin-top:80px; font-size:100%; } #ctabody2 .quickQuote_hp h4 { font-size:12px!important; font-weight:bold; font-family:Arial, Helvetica, sans-serif!important; color:#757575; } #ctabody2 .quickQuote_hp .msgReq { display:none; } #ctabody2 .quickQuote_hp input, #ctabody2 .quickQuote_hp textarea { background-color:#fff; border:inset 1px #cccccc; padding:2px; } #ctabody2 .quickQuote_hp input { width:185px; } #ctabody2 .quickQuote_hp .frmValues li { height:auto; margin:0px 0px 4px 0px!important; } #ctabody2 .quickQuote_hp .frmValues li #cust_Comments { width:185px; height:75px; } #ctabody2 .quickQuote_hp input#submit { font-family:Arial, Helvetica, sans-serif; font-size:11px!important; font-weight:normal; background:#f0f0f0; width:65px; border:outset 1px #cccccc; } #ctabody2 .quickQuote_hp .btnSubmit { padding-left:5px; } #ctabody2 .quickQuote_hp .frmValues li label.error { display:none!important; } #ctabody2 .quickQuote_hp .frmValues li input.error { background-color:#ff0000; } /* IE 7 & 6 Fixes */ *+html #ctabody2 {min-height:620px;} *+html #ctabody2 .column_a {height:540px;} *+html #ctabody2 .column_b {height:540px;} *+html #ctabody2 .column_c {height:540px;} *html #ctabody2 .column_a {height:540px;} *html #ctabody2 .column_b {height:540px;} *html #ctabody2 .column_c {height:540px;} *html #ctabody2 .quickQuote_hp .frmValues li #cust_Comments { width:180px; height:75px; } *html #ctabody2 .quickQuote_hp input { width:180px;} *html #ctabody2 .quickQuote_hp {width:150px; margin-top:40px;} *html #ctabody2 .frmSection {width:100px;} *html #ctabody2 form#frmLead .frmSection h4 {width:120px;} *html #ctabody2 form#frmLead.lblTop ul.frmValues li {width:100px;} *html #ctabody2 form#frmLead.lblTop ul.frmValues li label {width:100px;} #red-line{width:100%; height:25px; background-color:#bf3655;} #footpanel { position: fixed; bottom: 0; left: 0; z-index: 9999; /*--Keeps the panel on top of all other elements--*/ background: #010304; border: 1px solid #c3c3c3; border-bottom: none; width: 94%; margin: 0 3%; } #footpanel ul { padding: 0; margin: 0; float: left; width: 100%; list-style: none; border-top: 1px solid #fff; /*--Gives the bevel feel on the panel--*/ font-size: 1.1em; } #footpanel ul li{ padding: 0; margin: 0; float: left; position: relative; } #footpanel ul li a{ padding: 5px; float: left; text-indent: -9999px; /*--For text replacement - Shove text off of the page--*/ height: 16px; width: 16px; text-decoration: none; color: #333; position: relative; } html #footpanel ul li a:hover{ background-color: #fff; } html #footpanel ul li a.alerts:hover, html #footpanel ul li a.alerts:active{ background-color: #000!important; } html #footpanel ul li a.active { /*--Active state when sub-panel is open--*/ background-color: #000; height: 17px; margin-top: -2px; /*--Push it up 2px to attach the active button to sub-panel--*/ border: 1px solid #555; border-top: none; z-index: 200; /*--Keeps the active link on top of the sub-panel--*/ position: relative; } #footpanel a.home{ background: url(/usr/theme/image/home2.png) no-repeat 0px center; width: 125px; padding-left: 40px; border-right: 1px solid #bbb; text-indent: 0; /*--Reset text indent since there will be a combination of both text and image--*/ } a.profile{ background: url(/usr/theme/image/user.png) no-repeat center center; } a.editprofile{ background: url(/usr/theme/image/wrench-screwdriver.png) no-repeat center center; } a.contacts{ background: url(/usr/theme/image/address_book.png) no-repeat center center; } a.messages{ background: url(/usr/theme/image/mail.png) no-repeat center center; } a.playlist{ background: url(/usr/theme/image/document_music_playlist.png) no-repeat center center; } a.videos{ background: url(/usr/theme/image/film.png) no-repeat center center; } a.alerts{ background: url(/usr/theme/image/facebook.png) no-repeat center center; } #footpanel a.chat{ background: url(/usr/theme/image/balloon.png) no-repeat 15px center; width: 126px; border-left: 1px solid #bbb; border-right: 1px solid #bbb; padding-left: 40px; color:#fff; text-indent: 0; /*--Reset text indent since there will be a combination of both text and image--*/ } #footpanel a.chat:hover{color:#000;} #footpanel a.alerts{ width: 126px; border-left: 1px solid #bbb; border-right: 1px solid #bbb; padding-left: 40px; text-indent: 0; /*--Reset text indent since there will be a combination of both text and image--*/ } #footpanel li#chatpanel, #footpanel li#alertpanel { float: right; } /*--Right align the chat and alert panels--*/ #footpanel a small { text-align: center; width: 70px; background: url(/usr/theme/image/pop_arrow.gif) no-repeat center bottom; padding: 5px 5px 11px; display: none; /*--Hide by default--*/ color: #fff; font-size: 10px; text-indent: 0; } #footpanel a:hover small{ display: block; /*--Show on hover--*/ position: absolute; top: -35px; /*--Position tooltip 35px above the list item--*/ left: 50%; margin-left: -40px; /*--Center the tooltip--*/ z-index: 9999; } a.home{font-size:14px;} #footpanel ul li div a { /*--Reset link style for sub-panel links--*/ text-indent: 0; width: auto; height: auto; padding: 0; float: none; color: #00629a; position: static; } #footpanel ul li div a:hover { text-decoration: underline; } /*--Reset hover style for sub-panel links--*/ #footpanel .subpanel { position: absolute; left: 0; bottom: 27px; display: none; /*--Hide by default--*/ width: 450px; border: 1px solid #555; background: #fff; overflow: hidden; } #footpanel h3 { background: #526ea6; padding: 5px 5px; color: #fff; font-size: 12px; cursor: pointer; } #footpanel h3 span { /*--Right aligned "-" icon--*/ font-size: 1.5em; float: right; line-height: 0.6em; font-weight: normal; } #footpanel .subpanel ul{ padding: 0; margin: 0; background: #fff; width: 100%; overflow: auto; padding-bottom: 2px; } #footpanel .subpanel li{ float: none; /*--Reset float--*/ display: block; padding: 0; margin: 0; overflow: hidden; clear: both; background: #fff; position: static; /*--Reset relative positioning--*/ font-size: 0.9em; } #chatpanel .subpanel li span { padding: 5px; background: #fff; color: #777; float: left; } #chatpanel .subpanel li img { float: left; margin: 0 5px; background-position: center; } #chatpanel .subpanel li a{ padding: 0 5px; margin: 0; line-height: 22px; height: 22px; background: #fff; display: block; } #chatpanel .subpanel li a:hover { background: #3b5998; color: #fff; text-decoration: none; } #chatpanel .subpanel li{padding-bottom:10px;} .subpanel h3{margin-top:0px;} #alertpanel .subpanel ,#chatpanel .subpanel { right: 0; left: auto; /*--Reset left positioning and make it right positioned--*/ } #alertpanel .subpanel{width:500px;} #alertpanel .subpanel li { border-top: 1px solid #f0f0f0; display: block; height:500px; } #alertpanel .subpanel li p {padding: 5px 10px;} #alertpanel .subpanel li a.delete{ background: url(delete_x.gif) no-repeat; float: right; width: 13px; height: 14px; margin: 5px; text-indent: -9999px; visibility: hidden; /*--Hides by default but still takes up space (not completely gone like display:none;)--*/ } #alertpanel .subpanel li a.delete:hover { background-position: left bottom; } #footpanel #alertpanel li.view { text-align: right; padding: 5px 10px 5px 0; } /*--Remove Auto Check from Specials page)--*/ #pg-vspecials div.vInfoExt{display:none;} #pg-vsrch #pmm-main-content{width:97%!important;} #vData .purchasePrice div.title, #pg-vsrch.advHTML .priceList div.title {display:none;} #video{width:320px; height:240px;}