/* ------------------------------------- ©DriveSLO.com. All Content Protected. ------------------------------------- */ /* -------- SITEWIDE -------- */ html, body { margin:0; padding:0; width:100%; height:100%; background-color:#141414; font:12px/15px Helvetica, Arial, sans-serif; color:#333; } p, h1, h2, h3, h4, h5 { padding:0; margin:0 0 10px 0; } img, a img { margin:0; padding:0; border:0; } a img { text-decoration:none; } a img:hover { text-decoration:none; } a:link { color:#00528C; text-decoration:none; } a:visited { color:#00528C; text-decoration:none; } a:hover { color:#00528C; text-decoration:underline; } a:active { color:#00528C; text-decoration:none; } hr { height: 1px; margin: 16px 0; background-color: #DDD; padding: 0; border: none; clear: both; } blockquote { font-size:11px; line-height:13px; } /* -------- LAYOUT -------- */ #wrapper { width:100%; background:#E5E0CA url(/images/header_bg.gif) repeat-x top; } #container { width:882px; margin:0 auto; } #clearBottom { width:882px; clear:both; height:10px; background:url(/images/content_bottom_home.gif) no-repeat; } #content { background-color:#FFF; clear:both; background:url(/images/content_home_bg.gif) repeat-y; } #messageLeft { width:145px; float:left; border-right:1px solid #CCC; background-color:#EEE; padding:8px; } #messageLeft, #messageLeft p { font-size:11px; } #page_screen { background-color:#000000; filter:alpha(opacity=80); opacity: 0.8; position:absolute; top:0px; left:0px; width:100%; display:none; } #processing_panel { width:150px; height:50px; background-color:#EFEFEF; border:3px solid #262626; position:absolute; top:0px; left:0px; text-align:center; } /* -------- TOP -------- */ #topBanner { display:block; float:right; width:460px; height:80px; background-color:#3F7E9E; border:1px solid #0B4168; margin-top:12px; } #logo h1 { margin:0; padding:0; width:319px; height:109px; display:block; float:left; background:url(/images/logo.gif) no-repeat; } #logo h1 a { margin:0; padding:0; width:319px; height:109px; display:block; text-indent:-9999px; } #clearTop { width:882px; clear:both; height:11px; background:url(/images/content_top_home.gif) no-repeat;} /* -------- MENU -------- */ #menu ul { margin:0; padding:0; height:44px; margin-bottom:5px; clear:both; display:block; list-style-type:none; } #menu ul li { margin:0; padding:10px 0 0 0; display:block; float:left; height:34px; font-weight:bold; text-align:center; background:url(/images/menu_separator.gif) no-repeat left top; } #menu a:link { color:#4C4545; text-decoration:none; } #menu a:visited { color:#4C4545; text-decoration:none; } #menu a:hover { color:#0B3E65; text-decoration:underline; } #menu a:active { color:#4C4545; text-decoration:none; } #menu #menuFind { width:134px; } #menu #menuSell { width:132px; } #menu #menuBrowse { width:170px; } #menu #menuFeatured { width:156px; } #menu #menuFAQ { width:72px; } #menu #menuFinancing { width:108px; } #menu #menuInsurance { width:107px; } #menu li.separator { width:2px; padding:0; } /* -------- LEFT COLUMN -------- */ #left { padding:0px 6px 0px 12px; width:174px; float:left; } #left h4 { font-size:24px; color:#00528C; text-transform:uppercase; font-weight:lighter; letter-spacing:-1px; margin-top:6px; } #left div.separator { width:190px; height:2px; margin:16px 0px 14px -11px; background:url(/images/left_separator.gif) repeat-x; } #sellHomeImg { margin:0 0 -10px -12px; } #left h5 { font-size:15px; color:#00528C; text-transform:uppercase; letter-spacing:-1px; margin-top:6px; margin-left:5px; } #commProfileAd { margin:-4px 0 -8px 5px; } #left select { width:159px; margin:3px 0; background-color:#FFF; border: 1px solid #E5E0CA; color:#333; font-size:11px; padding:3px; } #left input.textInput1 { width:159px; margin:3px 0; background-color:#FFF; border:1px solid #E5E0CA; color:#333; font-size:11px; padding:3px; } #left input.imgField { margin:3px 0; padding:3px; background-color:#00528C; border:1px solid #0B4168; color:#FFF; font-size:11px; } #left span { font-size:11px; font-weight:bold; margin-left:6px; } /* -------- MAIN COLUMN -------- */ #main { float:left; width:460px; margin-left:16px; } body#adDetails #main { float:left; width:654px; margin-left:16px; font-size:11px; } body#featuredDealers #main { float:left; width:654px; margin-left:16px; font-size:11px; line-height: 14px; } body#widePage #main { float:left; width:654px; margin-left:16px; } body#adDetails #main h5 { font-size:12px; margin-bottom:0px; } #main h2 { color:#A30B05; font-size:20px; margin-top:4px; } #main div.featured { width:440px; height:86px; border: 5px solid #D6D5D5; margin-bottom:10px; background:#FFF url(/images/featuredAd_bg.gif) repeat-x; padding:5px; } #main h3 { color:#A30B05; font-size:14px; margin-bottom:9px; } #main div.featured a img { border: 1px solid #444; margin-right:10px; float:left; } #main div.featured p { margin:0; } #main div.featured h4 { margin:0; font-size:14px; } #main div.featured img.icon { float:right; } #main div.featuredText { background:url(/images/featuredAd_textbg.gif) no-repeat top right; width:128px; height:97px; margin:-5px; float:right; font-size:11px; color:#FFF; font-weight:bold; line-height:13px; overflow:hidden; } table#newestHome, table#leaseList { width:100%; text-align:left; margin-bottom:6px; } table#newestHome th, table#leaseList th { background-color:#A4B1BB; color:#FFF; border-top: 1px solid #6687A0; border-bottom:1px solid #A2B0B5; padding:5px; font-weight:lighter; } table#newestHome td { padding:8px 5px 8px 5px; } table#leaseList td { padding:5px 5px 5px 5px; } tr.rowDark { background-color:#CEDEE3; border-top:1px solid #E1EAED; border-bottom:1px solid #B5C5CA; } tr.rowDark td { border-top:1px solid #E6EEF1; border-bottom:1px solid #B5C5CA; } tr.rowLight { background-color:#E1EBF0; } tr.rowLight td { border-top:1px solid #EAF1F5; border-bottom:1px solid #CAD5DA; } table#newestHome td.newestMake { width:190px; font-weight:bold; } table#leaseList td.newestMake { width:150px; font-weight:bold; } p.browseLinkHome { display:block; text-align:right; font-weight:bold; margin-bottom:0; } #main div.formLeft { width:210px; float:left; clear: both; padding-bottom: 10px; } #main div.formRight { width:210px; float:right; padding-bottom: 10px; } #main div.myAccountLeft { width:210px; float:left; clear: both; padding-bottom: 10px; font-size: 11px; } #main div.myAccountRight { width:210px; float:right; padding-bottom: 10px; font-size: 11px; } #main div.myAccountRight p, #main div.myAccountLeft p { margin-bottom: 0; } #main span.myInfoTitle { font-weight: bold; } h3 span.myAccountAdd { font-size: 10px; color: #333; } #main select { width:200px; margin:0 0 10px 0; background-color:#FCFCFC; border:3px solid #DDD; color:#666; font-size:11px; padding:3px; vertical-align: middle; } #main input.textInput { width:200px; margin:0 0 10px 0; background-color:#FCFCFC; border:3px solid #DDD; color:#666; font-size:11px; padding:3px; display:block; } #main textarea.textInput { width:450px; height: 90px; margin:0 0 10px 0; background-color:#FCFCFC; border:3px solid #DDD; color:#666; font-size:11px; padding:3px; display:block; overflow: auto; } #message textarea.textInput { width:280px; height: 90px; margin:0 0 10px 0; background-color:#FCFCFC; border:3px solid #DDD; color:#666; font-size:11px; padding:3px; display:block; overflow: auto; } input.imgField { margin:16px 0 6px 0; padding:3px; background-color:#00528C; border:1px solid #0B4168; color:#FFF; font-size:11px; } input.imgField2 { margin:16px 0 6px 0; padding:3px; background-color:#990000; border:1px solid #660000; color:#FFF; font-size:11px; } #main div.formSubmit { display: block; clear: both; text-align: right; } #main form span { font-size:11px; font-weight:bold; margin-left:2px; } #main .formRed { color: #990000; } #main span.note { font-size:11px; font-style: italic; font-weight: normal; margin:0; color:#777; } #main p.optionsTitle { font-style: italic; font-weight: bold; margin-bottom: 0; } #main div.showHide { display: none; } #main strike { color: #777; } div.detailLeft { display:block; float:left; width:280px; } div.detailRight { display:block; float:right; width:358px; margin-left:10px; } div.detailRight span.price { font-size:15px; color:#A30B05; } #contactBox { width:150px; float:right; } #contactBox ul { margin:0; padding:0; } #contactBox li { padding:6px 0 6px 21px; border-bottom:1px solid #EDEDED; line-height:14px; display:block; } #contactBox li.contactPhone { background:url(/images/icon_phone.gif) no-repeat left top; } #contactBox li.contactEmail { background:url(/images/icon_email.gif) no-repeat left top; } #contactBox li.contactCarfax { background:url(/images/icon_check.gif) no-repeat left top; } div.detailLeft img#mainImage { border:5px solid #EDEDED; } div.detailLeft img.thumb { border:1px solid #333333; } div#dealerInfo { width:280px; display:block; clear:both; margin:-16px 0 10px 0; padding:10px 0 10px 0; border-top:1px solid #EDEDED; border-bottom:1px solid #EDEDED; } div#dealerInfo img.dealerLogo { float:right; } div#dealerPkgHighlights { width:280px; float:right; margin:0 0 0 16px; padding:6px; background-color:#DDD; } div#dealerPkgHighlights li { margin:0 0 6px 0; } div#dealerPkgHighlights ul { margin:20px 0 0 0; padding:0 20px 0 20px; } div#detailNavBar { width:644px; padding:5px; background-color:#EDEDED; margin-bottom:10px; font-size:11px; } div#detailNavBar.results { width:450px; } div#detailNavBar p { margin:0; padding:0; } div#detailNavBar ul { margin:-5px 0 -5px 0; padding:0; float:right; } div#detailNavBar li { display:block; float:left; padding:5px 15px 5px 20px; } div#detailNavBar li.barSeparator { display:block; float:left; width:2px; padding:5px 0px 5px 8px; background:url(/images/bar_left_separator.gif) repeat-y; } div#detailNavBar li.save { background:url(/images/icon_add.gif) no-repeat left center; } div#detailNavBar li.viewSaved { background:url(/images/icon_viewSaved.gif) no-repeat left center; } div#detailNavBar li.print { background:url(/images/icon_print.gif) no-repeat left center; } div#detailNavBar li.pages { padding-left:3px; padding-right:7px; } h2 span.resultCount { font-size: 10px; color: #333; } div#detailNavBarBottom { clear:both; width:644px; padding:5px; background-color:#EDEDED; margin-bottom:10px; font-size:11px; } div#detailNavBarBottom.results { width:450px; } div#detailNavBarBottom p { margin:0; padding:0; } div#detailNavBarBottom ul { margin:-5px 0 -5px 0; padding:0; float:right; } div#detailNavBarBottom li { display:block; float:left; padding:5px 15px 5px 20px; } div#detailNavBarBottom li.barSeparator { display:block; float:left; width:2px; padding:5px 0px 5px 8px; background:url(/images/bar_left_separator.gif) repeat-y; } div#detailNavBarBottom li.pages { padding-left:3px; padding-right:7px; } div#loginDetails { float:right; width:250px; text-align:right; padding-top:3px; } div#viewOption { float:right; width:250px; text-align:right; padding-top:3px; } div#viewOption ul { margin:0; padding:0; float:right; } div#viewOption li { display:block; float:left; padding:3px 0px 3px 25px; margin-left:15px; color:#A30B05; } div#viewOption li.galleryView { background:url(/images/icon_galleryView.gif) no-repeat center left; color:#A30B05; } div#viewOption li.classicView { background:url(/images/icon_listView.gif) no-repeat center left; color:#A30B05; } div#viewOption a:link { color:#A30B05; } div#viewOption a:visited { color:#A30B05; } div#viewOption a:hover { color:#333333; } div#viewOption a:active { color:#A30B05; } table#sortRow { margin-top:10px; margin-left:6px; border:none; font-size:11px; background:url(/images/listing_sortRow_bg.gif) repeat-y; } table#sortRow a:link { color:#A30B05; } table#sortRow td { text-align:center; } table#sortRow td.sortBy { font-size:11px; font-weight:bold; color:#333333; text-align:right; } div.sortGallery { width:453px; border-bottom:6px solid #E6E5E5; margin-bottom:8px; } body#adDetails div.sortGallery { width:650px; } div.sortGallery table#sortRow { margin-left:94px; } div.listingClassic { margin-bottom:8px; border:6px solid #EDEDED; clear:both; display:block; font-size:11px; } div.listingClassic table { background:#eeeded url(/images/listingClassic_bg.gif) no-repeat bottom; text-align:center; } div.listingClassic table td { text-align:center; } div.listingClassic img.listThumb { border:1px solid #333333; vertical-align:middle; } div.listingClassic a img.dealerLogoSmall { margin:2px; vertical-align:middle; } div.listingGallery { margin-bottom:8px; margin-right:8px; float:left; display:block; font-size:11px; background:url(/images/listingGallery_bg.gif) no-repeat; } div.listingGallery table td { padding-left:6px; padding-right:6px; } div.listingGallery img.listThumb { border:1px solid #333333; margin-top:7px; } div.listingGallery p { margin:0; } div.listingGallery a.listingTitle { font-size:12px; } div#profileInfo { width:200px; float:right; margin-left:15px; font-size:11px; margin-bottom:15px; } div#sellYourVehicle { width:420px; padding:0px 20px 10px 20px; height:244px; background:url(/images/sell_img.gif) no-repeat; font-size:11px; color:#FFF; } div#sellYourVehicle ul { margin:0; padding:0 0 0 15px; } div#sellYourVehicle li { margin:0; padding:0; display:list-item; list-style-position:outside; } div#sellLeft { width:200px; float:left; margin:100px 30px 0px 0px; } div#sellRight { width:190px; float:right; margin-top:100px; } div#listVehicle { clear:both; width:460px; margin-top:10px; text-align: center; } div#listLeft { font-size:11px; float:left; width:230px; text-align:center; padding:15px 0; } div#listVehicleImg { float:right; margin:0; display:block; } div#dealerLot { width: 180px; float: right; margin:32px 16px 0 0 ; font-size: 11px; } div#dealerLot a { word-wrap: break-word; } div#main td.ftrdDlrContainer { width: 213px; padding-right: 5px; } /* -------- TOOLS -------- */ div#toolsLeft { width:131px; float:left; font-size:11px; } div#toolsLeft ul { display:block; list-style-type:none; margin:20px 0 0 0; padding:0; } div#toolsLeft li { display:block; height:31px; } a.toolMenu_top:link, a.toolMenu_top:visited { background:url(/images/tools_btn_top.gif) no-repeat; display:block; height:15px; padding:8px; } a.toolMenu_top:hover { background:url(/images/tools_btn_top_roll.gif) no-repeat; display:block; height:15px; padding:8px; } a.toolMenu_topActive { background:url(/images/tools_btn_top_active.gif) no-repeat; display:block; height:15px; padding:8px; } a.toolMenu_middle:link, a.toolMenu_middle:visited { background:url(/images/tools_btn_middle.gif) no-repeat; display:block; height:15px; padding:8px; } a.toolMenu_middle:hover { background:url(/images/tools_btn_middle_roll.gif) no-repeat; display:block; height:15px; padding:8px; } a.toolMenu_middleActive { background:url(/images/tools_btn_middle_active.gif) no-repeat; display:block; height:15px; padding:8px; } a.toolMenu_bottom:link, a.toolMenu_bottom:visited { background:url(/images/tools_btn_bottom.gif) no-repeat; display:block; height:15px; padding:8px; } a.toolMenu_bottom:hover { background:url(/images/tools_btn_bottom_roll.gif) no-repeat; display:block; height:15px; padding:8px; } a.toolMenu_bottomActive { background:url(/images/tools_btn_bottom_active.gif) no-repeat; display:block; height:15px; padding:8px; } div#toolsRight { width:329px; float:left; } div#toolsRight h3 { display:block; height:26px; color:#00528C; background:url(/images/tools_top.gif) no-repeat; padding:16px 16px 0; margin:0; } div.toolsContent { width:297px; clear:both; background:url(/images/tools_middle.gif) repeat-y; padding:16px; margin:0; } div.toolsContentBottom { width:329px; height:16px; clear:both; background:url(/images/tools_bottom.gif) no-repeat; padding:0; margin:0; } /* -------- RIGHT COLUMN -------- */ div#dealerLot h3 , #right h3 { color:#A30B05; font-size:14px; margin-bottom:12px; } #right { width:178px; float:right; margin-right:16px; font-size: 11px; } #right p.signInLink { font-size:13px; margin-bottom:8px;} #right hr { margin:14px 0px; width:170px; } select.dealerSelect { width: 164px; margin:0; background-color:#FFF; border: 1px solid #E5E0CA; color:#333; font-size:11px; padding:3px; } #right div.rightBanner { width:170px; height:auto; background-color:#EEE; clear:both; margin:13px 0 5px 0; padding:0; } #right div.rightBannerSmall { width:170px; height:auto; background-color:#EEE; clear:both; margin:13px 0 5px 0; padding:0 } #right div.rightBanner img, #right div.rightBannerSmall img { display:block; border:none; } /* -------- FOOTER -------- */ #footer { width:100%; height:200px; clear:both; margin-top:15px; background:#141414 url(/images/footer_bg.gif) repeat-x; font-size:11px; color:#555; } #footer a:link { color:#CCCCCC; text-decoration:none; } #footer a:visited { color:#CCCCCC; text-decoration:none; } #footer a:hover { color:#CCCCCC; text-decoration:underline; } #footer a:active { color:#CCCCCC; text-decoration:none; } #footerContent { width:882px; margin:0 auto; } #footerMenu { width:155px; float:left; margin:16px; } #footerMenu ul { margin:0; padding:0; } #footerMenu li { display:block; padding:3px 0; border-top:1px solid #262626; } #disclaimer { width:460px; float:left; margin:16px 20px; padding:3px 0; border-top:1px solid #262626; } #copyright { width:163px; margin:16px 0 16px 5px; padding:3px 0; float:left; border-top:1px solid #262626; }