body { background-image: url('/template/body.gif'); background-repeat: repeat-x; background-color: #161a21; margin: 0px; padding: 0px; margin-bottom: 20px; } body { font-family: "Trebuchet MS", Arial, sans-serif; font-size: 13px; line-height: 24px; } #container { width: 960px; margin: 0px auto; } /* Header */ #header { height: 80px; margin-bottom: 4px; line-height: normal; } #brandlogo { width: 146px; float: left; } #logo { padding-top: 11px; width: 450px; float: left; } #logo h1 { color: #ededed; text-transform: uppercase; font-size: 30px; line-height: normal; margin: 0px; padding: 0px; } #logo p { color: #ededed; font-size: 13px; margin: 0px; padding: 0px; line-height: normal; } #contactinfo { padding-top: 49px; color: #ffffff; font-size: 12px; line-height: normal; width: 300px; float: right; text-align: right; font-weight: bold; } #searchbar { position: absolute; top: 0px; height: 28px; margin-left: 390px; width: 545px; background-image: url('/template/searchbarbg.gif'); background-repeat: no-repeat; font-size: 11px; } #searchbar select { width: auto; background-color: #fff; color: #070d16; font-size: 10px; padding: 0px; } #searchbar a { color: #fff; font-weight: bold; background-image: url('/template/arrow-next-hover.gif'); background-repeat: no-repeat; background-position: right 3px; padding-left: 5px; padding-right: 10px; margin-right: 10px; } #searchbar a:hover { color: #b5d6ff; text-decoration: none; background-position: right -17px; } /* Main Navigation */ #mainnav { clear: both; height: 41px; background-image: url('/template/nav.gif'); font-size: 11px; margin: 0px; line-height: normal; } /* Content */ #content_container { color: #d9d9d9; background-image: url('/template/top-content.gif'); background-repeat: no-repeat; background-position: 0px -4px; padding-top: 27px; padding-left: 25px; padding-right: 25px; padding-bottom: 20px; background-color: #24272e; } #content_container.home { background-image: url('/template/top-content-landing.gif'); background-position: 0px 0px; margin-top: 19px; } #content_footer { color: #d9d9d9; background-image: url('/template/bottom-content.gif'); background-repeat: no-repeat; background-position: left bottom; height: 37px; padding-left: 25px; padding-right: 35px; background-color: #24272e; } #content_container h1.pagetitle { margin: 0px; padding: 0px; color: #d9d9d9; font-weight: normal; font-size: 24px; padding-bottom: 27px; } h1, h2, h3, h4, h5, h6, input { line-height: normal; } a { color: #b5d6ff; text-decoration: none; outline: none; } a:hover { text-decoration: underline; } p { margin: 0px; padding: 0px; margin-bottom: 10px; } h1 { color: #868fa4; font-weight: normal; font-size: 21px; margin: 0px; padding: 0px; margin-bottom: 10px; } h2 { font-weight: normal; font-size: 19px; margin: 0px; padding: 0px; margin-bottom: 10px; } h3 { font-weight: bold; font-size: 15px; margin: 0px; padding: 0px; margin-bottom: 10px; } h4 { color: #fff; font-weight: bold; font-size: 14px; margin: 0px; padding: 0px; margin-bottom: 10px; } img { border: 0; } hr { background-color: #676767; border: 0px; color: #676767; display: block; height: 1px; margin: 0; !margin: -7px; /* IE */ margin-bottom: 10px; !margin-bottom: 3px; } form, table { margin: 0px; padding: 0px; } #content_container h2 { color: #d9d9d9; } .smalltext { font-size: 11px; } #content_container .link_back { color: #fff; background-image: url('/template/arrow-back.gif'); background-repeat: no-repeat; background-position: left center; padding-left: 11px; line-height: normal; } #content_container .link_next { color: #fff; background-image: url('/template/arrow-next.gif'); background-repeat: no-repeat; background-position: right center; padding-right: 11px; line-height: normal; } /* Layout columns, 1/2/3 or 12/3 */ #content_container .col1 { width: 287px; margin-right: 15px; float: left; } #content_container .col2 { width: 306px; margin-right: 15px; float: left; } #content_container .col3 { width: 287px; float: left; } #content_container .col12 { width: 608px; margin-right: 15px; float: left; } /* Footer */ #footer { clear: both; } #footernav { width: 600px; float: left; } #footernav a { color: #868fa4; text-decoration: none; margin-right: 25px; } #footernav a:hover { color: #b5d6ff; } #footer_address { width: 300px; float: right; text-align: right; } /* Buttons */ a#globalPrint {float:right; display:inline; margin:0px 15px 10px 5px; padding:3px 0 6px 5px; font-size:85%; font-weight:bold; text-decoration:none; text-transform:uppercase; line-height: normal; } a#globalPrint span {position:relative; left:4px; padding:3px 28px 6px 1px;} a#globalPrint{color:#fff; background:transparent url(/template/print-btn.gif) no-repeat 0 -62px;} a#globalPrint span{background:transparent url(/template/print-btn.gif) no-repeat 100% -62px;} a#globalPrint:hover {color:#b5d6ff; background-position:0 -20px;} a#globalPrint:hover span {background-position:100% -20px;} #content_container .button { background: transparent url(/template/button.gif) no-repeat 100% -72px; float: right; display: inline; } #content_container .button button { background: transparent url(/template/button.gif) no-repeat 0 -72px; border: none; color: #d9d9d9; text-transform: uppercase; font-size: 9px; line-height: 20px; padding-bottom: 4px; font-weight: bold; padding-left: 11px; padding-right: 7px; height: 24px; position: relative; left: -4px; width: auto; overflow: visible; } #content_container .button button:hover { cursor: pointer; color: #b5d6ff; } #limitselect .button { background-image: url('/template/buttonsearch.gif'); } #limitselect .button button { background-image: url('/template/buttonsearch.gif'); } #content_container .pagingbutton { background: transparent url(/template/paging-btn.gif) no-repeat 100% -24px; float: left; display: inline; font-size: 12px; line-height: 20px; } #content_container .pagingbutton button.prev { background: transparent url(/template/paging-btn.gif) no-repeat 0 -24px; border: none; color: #d9d9d9; text-transform: uppercase; font-size: 9px; line-height: 20px; padding-bottom: 4px; font-weight: bold; padding-left: 11px; padding-right: 7px; height: 24px; position: relative; left: -4px; width: auto; overflow: visible; padding-right: 4px; } #content_container .pagingbutton button.prev:hover { background-position: 0 -72px; } #content_container .pagingbutton button.prev.inactive { background-position: 0 -120px; } #content_container .pagingbutton button.prev.inactive:hover { cursor: default; } #content_container .pagingbutton button.next { background: transparent url(/template/paging-btn.gif) no-repeat 100% -24px; border: none; color: #d9d9d9; text-transform: uppercase; font-size: 9px; line-height: 20px; padding-bottom: 4px; font-weight: bold; padding-left: 11px; padding-right: 7px; height: 24px; position: relative; left: 0px; width: auto; overflow: visible; padding-left: 8px; } #content_container .pagingbutton button.next:hover { background-position: 100% -72px; } #content_container .pagingbutton button.next.inactive { background-position: 100% -120px; } #content_container .pagingbutton button.next.inactive:hover { cursor: default; } #content_container .pagingbutton button:hover { cursor: pointer; } #popupFormContainer .button { background: transparent url(/template/button.gif) no-repeat 100% -72px; float: left; display: inline; margin-top: 10px; } #popupFormContainer .button button { background: transparent url(/template/button.gif) no-repeat 0 -72px; border: none; color: #d9d9d9; text-transform: uppercase; font-size: 9px;line-height: 20px; padding-bottom: 4px; font-weight: bold; padding-left: 11px; padding-right: 7px; height: 24px; position: relative; left: -4px; width: auto; overflow: visible; } #popupFormContainer .button button:hover { cursor: pointer; color: #b5d6ff; } #content_container .buttonBlock { background: transparent url(/template/button-block.gif) no-repeat 0 -51px; font-size: 18px; font-weight: bold; height: 51px; line-height: 51px; margin: 0 auto 10px; text-align: center; text-transform: uppercase; width: 250px; } #content_container .buttonBlock:hover { background-position: 0 -153px; } #content_container .buttonBlock a { color: #fff; } #content_container .buttonBlock a:hover, #content_container .buttonBlock:hover a { color: #b5d6ff; text-decoration: none; } #content_container .buttonLink { background: transparent url(/template/button.gif) no-repeat 100% -72px; float: left; font-size: 11px; font-weight: bold; height: 24px; line-height: 24px; margin: 0 auto 5px; overflow: hidden; text-align: center; text-transform: uppercase; width: 100%; } #content_container .buttonLink a { background: #24272e url(/template/button.gif) no-repeat 0 -72px; color: #d9d9d9; display: block; float: left; width: 98%; } #content_container .buttonLink a:hover, #content_container .buttonLink:hover a { color: #b5d6ff; text-decoration: none; } /* Widget */ #content_container .widget { background-image: url('/template/rounded-bottom-lrg.gif'); background-repeat: no-repeat; background-position: left bottom; padding-bottom: 10px; margin-bottom: 15px; } #content_container .col1 .widget { background-image: url('/template/rounded-bottom-interior.gif'); } #content_container .col12 .widget { background-image: url('/template/rounded-bottom-med.gif'); } #content_container .col3 .widget { background-image: url('/template/rounded-bottom-interior.gif'); } #content_container .widget h1 { margin: 0px; padding: 0px; line-height: 48px; background:#000 url(/template/showroom-header.gif) no-repeat 100% 0; padding-bottom: 10px; } #content_container .widget h1 span { padding-top: 10px; padding-bottom: 10px; background:#000 url(/template/showroom-header.gif) no-repeat 0 0; padding-left: 12px; text-transform: uppercase; font-size: 24px; font-weight: bold; color: #fff; } #content_container .widget h2 { margin: 0px; padding: 0px; line-height: 48px; background:#000 url(/template/showroom-header.gif) no-repeat 100% 0; padding-bottom: 10px; } #content_container .widget h2 span { padding-top: 13px; padding-bottom: 12px; background:#000 url(/template/showroom-header.gif) no-repeat 0 0; padding-left: 12px; text-transform: uppercase; font-size: 18px; font-weight: normal; color: #fff; } #content_container .widget h3 { margin: 0px; padding: 0px; line-height: 33px; background:#000 url(/template/widget-header.gif) no-repeat 100% 0; padding-bottom: 10px; } #content_container .widget h3 span { padding-top: 9px; padding-bottom: 10px; background:#000 url(/template/widget-header.gif) no-repeat 0 0; padding-left: 38px; text-transform: uppercase; font-size: 11px; } #content_container .widgetWrap { background-color:#060c15; padding-left: 3px; padding-right: 3px; } #content_container .widgetWrap .padded { padding-left: 6px; padding-right: 6px; padding-bottom: 5px; } #content_container .quicklinks { list-style: none; font-size: 12px; margin: 0px; padding: 0px; margin-left: 11px; margin-top: 4px; margin-bottom: 7px; } #content_container .quicklinks a { display: block; background-image: url('/template/links-divider.gif'); background-repeat: no-repeat; background-position: left bottom; padding-top: 2px; padding-bottom: 1px; } #content_container .quicklinks a:hover { text-decoration: none; color: #fff; } /* Forms */ form { margin: 0 auto; } fieldset { border: 0; } legend { color: #f2f2f2; font-weight: bold; padding: 0; } legend span { font-weight: normal; } label { display: block; } label.hidden { height: 1px; overflow: hidden; position: absolute; top: 0; width: 1px; } input, textarea, select { background-color: #24272e; border: 1px solid #757a86; color: #fff; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; padding: 3px 0 3px 4px; } select { padding: 2px 0 2px 4px; } input:focus, textarea:focus, select:focus { border-color: #b5d6ff; } label.required, input.required, textarea.required, select.required { color: #b5d6ff; } div p.helpText { color: #666; font-size: 11px; font-style: italic; line-height: 18px; margin: 5px 0 0; } #submit-indicator { float: right; margin: 4px 15px 0 0; } #popupFormContainer #submit-indicator { float: left; margin: 14px 0 0 4px; } div.formRow { float: left; margin-bottom: 5px; width: 100%; } div.formRow.last { margin-bottom: 10px; } div.formRow div { float: left; margin-right: 5px; } div.formRow div.last { margin: 0; } input, textarea, select { width: 245px; } input.radio, input.checkbox { border: 0; background: none; width: auto; } div.col1 input#contactEmail, div.col1 input#contactPhone, div.col3 input#contactEmail, div.col3 input#contactPhone { float: left; margin-left: 10px; width: 205px; } div.contactInfo label.error { background-position: 100% 80%; margin-left: 10px; } label.error { background: transparent url(/template/validity-failed.gif) no-repeat 100% 50%; color: #c21814; font-size: 11px; font-weight: bold; } input.error, select.error, textarea.error { background-color: #2e0403; border-color: #c21814; } #finance #province, #pricequote #province { width: 150px; } #finance #postalCode, #pricequote #postalCode { width: 90px; } #service #appointmentDate { width: 200px; } #service #appointmentTime { width: 205px; } div.appointmentTimeRow { background: url(/template/clock-icon.gif) no-repeat top right; } div.addField a:hover { text-decoration: underline; } #carfinder-form input#contactEmail, #carfinder-form input#contactPhone { float: none; margin: 0; width: 245px; } /* finance appplication*/ #financeApplication legend { background: url(/template/large-form-legend.jpg) no-repeat; float: left; height: 28px; margin: 10px 0; padding-left: 10px; width: 100%; } #financeApplication { margin: 0 auto; overflow: hidden; width: 835px; } #financeApplication input, #financeApplication textarea { width: 238px; } #financeApplication input, #financeApplication textarea, #financeApplication select { margin-bottom: 5px; } #financeApplication input.error, #financeApplication textarea.error, #financeApplication select.error { margin-bottom: 0; } #financeApplication span, #financeApplication p { font-size: 12px; } #financeApplication input.radio { width: auto; } #financeApplication .province { float: left; width: 140px; } #financeApplication .postal, #financeApplication .postalCode { display: inline; float: left; margin-left: 5px; width: 89px; } div.province label.error { background-position: 100% 80%; } div.postal label.error { background-position: 100% 80%; margin-left: 10px; width: 89px; } #financeApplication .formCol { float: left; margin: 0 30px 0 0; width: 245px; } #financeApplication .last { margin: 0; } #financeApplication .calendar_trigger { display: none; } #financeApplication select.sm { width: 60px; } input#signature { float: left; margin: 0 5px 0 0; width: 100px; } input#signature label.error { float: left; } div#privacyStatement { border: 1px solid #757a86; height: 150px; margin-bottom: 20px; overflow: auto; padding: 0 10px; width: 800px; } /* trade-in form */ #tradeInForm legend { background: url(/template/large-form-legend.jpg) no-repeat top left; float: left; height: 28px; margin: 10px 0; padding-left: 10px; width: 100%; } #tradeInForm { margin: 0 auto; overflow: hidden; width: 835px; } #tradeInForm label { font-size: 12px; } #tradeInForm input, #tradeInForm textarea { width: 230px; } #tradeInForm input, #tradeInForm textarea, #tradeInForm select { margin-bottom: 5px; } #tradeInForm select.sm { width: auto; } #tradeInForm .twoCol input, #tradeInForm .twoCol textarea { width: 368px; } #tradeInForm input.checkbox { clear: both;float: left; width: auto; } #tradeInForm input.error, #tradeInForm textarea.error, #tradeInForm select.error { margin-bottom: 0; } #tradeInForm .formCol { float: left; margin: 0 30px 0 0; width: 240px; } #tradeInForm .formCol.twoCol { width: 375px; } #tradeInForm .formCol.fourCol { margin-right: 10px; width: 190px; } #tradeInForm .last { margin: 0; } /* popup forms */ #popupFormContainer { padding: 10px; width: 400px; } #popupFormContainer h2 { color: #fff; } #popupFormContainer p { color: #fff; font-size: 12px; margin-bottom: 5px; } #popupFormContainer span { color: #fff; font-size: 12px; } #popupFormContainer label { color: #fff; font-size: 12px; } #popupFormContainer label.error { color: #c21814; } #popupFormContainer input { width: 100%; } #popupFormContainer input.radio { width: auto; } #popupFormContainer .formRow { width: 254px; } #popupFormContainer .formRow .formCol { display: inline; float: left; margin-right: 10px; width: 115px; } #popupFormContainer .formRow .formCol.last { margin: 0; } /* Directions Map */ #mapContainer { background-color: #000; float: left; min-height: 650px; width: 100%; } #map { float: left; height: 650px; width: 445px; } #panel { float: left; height: 650px; margin-left: 15px; width: 425px; } #panel td { background-color: #1c1c1c; color: #eee; } /* Slideshow */ #slideshow-loader { background: url(/template/ajax-loader.gif) no-repeat; height: 16px; left: 465px; position: absolute; top: 120px; width: 16px; } #slider { height: 100%; position: relative; } #slider img { display: none; left: 0; position: absolute; top: 0; } #slider a { display: block; } .nivo-directionNav a { background: url(/template/arrows.png) no-repeat; display: block; height: 30px; margin-top: 110px; text-indent: -9999px; width: 60px; } a.nivo-prevNav { background-position: -60px 0; left: 25px; } a:hover.nivo-prevNav { background-position: 0 0; } a.nivo-nextNav { background-position: -120px 0; right: 25px; } a:hover.nivo-nextNav { background-position: -180px 0; } /* Homepage Lineups */ div.modelLineupContainer { height: 130px; overflow: hidden; position: relative; width: 100%; } div.modelLineup { height: 130px; margin: 0 auto; position: relative; } div.modelLineup a { color: #fff; } div.modelLineup ul { width: 100%; } div.modelLineup li { font-size: 11px; height: 130px; margin: 0 10px; text-align: center; width: 134px; } div.featuredLineupContainer { height: 250px; overflow: hidden; position: relative; width: 100%; } div.featuredLineup { height: 250px; margin: 0 auto; position: relative; } div.featuredLineup a { color: #fff; } div.featuredLineup ul { width: 100%; } div.featuredLineup li { font-size: 14px; height: 250px; line-height: 20px; margin: 0 10px; text-align: center; width: 450px; } div.featuredLineupContainer .lineUpPrev, div.featuredLineupContainer .lineUpNext { padding-top: 90px; } div.lineUpNext { float: right; padding: 40px 15px 0 0; } div.lineUpPrev { float: left; padding: 40px 0 0 15px; } div.lineUpPrev button { background-image: url(/template/models-arrow-left.gif); } div.lineUpNext button { background-image: url(/template/models-arrow-right.gif); } div.lineUpPrev button, div.lineUpNext button { background-color: transparent; background-position: 0 -51px; background-repeat: no-repeat; border: 0; cursor: pointer; height: 51px; width: 30px; } div.lineUpPrev button:hover, div.lineUpNext button:hover { background-position: 0 -153px; } #tooltip { background-color: #fff; border: 2px #d6d6d6 solid; height: 160px; padding: 5px; position: absolute; width: 200px; z-index: 9999; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #tooltip p { color: #333; font-size: 14px; font-weight: bold; margin: 0; } #tooltip p span { font-weight: normal; } #tooltip img { margin: 10px 0; } /* Clear fix! */ #container .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #container .clearfix { display: inline-block; } * html .clearfix { height: 1%; } #container .clearfix { display: block; }