/************************ CSS FORMATTING a. 3VIEW LIST PAGE b. DETAIL PAGE ************************/ /*********************** a. 3VIEW LIST PAGE ***********************/ /**************************** a.1 Listing ****************************/ #vehicle-list-container { font:normal normal normal 12px arial; position:relative; width:970px; } #vehicle-list-container H1 { font:normal normal bold 24px arial; padding:0px; margin:0px; } #vehicle-list-container span { font:normal normal bold 12px arial; letter-spacing:.001em; } #vehicle-list-container .notice { font:normal normal normal 10px arial; } #vehicle-list-container .top-box { height:120px; position:relative; width:232px; } #vehicle-list-container #page-views { cursor:pointer; padding-left:10px; padding-bottom:5px; } #vehicle-list-container .page-control { font:normal normal normal 12px arial; height:24px; position:relative; text-align:center; } #vehicle-list-container .page-control span { margin-left:24px; } #vehicle-list-container .page-control a.active-page { text-decoration:underline; } #vehicle-list-container .page-control a { margin-left:1px; margin-right:1px; text-decoration:none; } #vehicle-list-container .page-control SELECT { font:normal normal normal 12px arial; } #vehicle-list-container .page-control .total-results { position:absolute; top:5px; left:0px; text-align:left; width:150px; } #vehicle-list-container .page-control .page-links { line-height:28px; } #vehicle-list-container .page-control .results-per-page-div { position:absolute; top:0px; right:0px; } #vehicle-list-container #tabs { position:relative; width:470px; z-index:999; } #vehicle-list-container #tabs .labels { height:19px; padding-left:38px; padding-top:10px; position:relative;z-index:10; } #vehicle-list-container #tabs .label { border-top:1px solid #7a7a7a; border-right:1px solid #7a7a7a; border-left:1px solid #7a7a7a; } #vehicle-list-container #tabs .label a.disabled { cursor:not-allowed; } #vehicle-list-container #tabs .label a { margin-left:5px; margin-right:5px; } #vehicle-list-container #tabs .label { background-repeat:repeat-x; cursor:pointer; float:left; height:19px; margin-left:0px; padding:0px; position:relative; z-index:5; } #vehicle-list-container #tabs .label-shadow { display:none; float:left; height:19px; position:relative; z-index:5; } #vehicle-list-container #tabs .label a { font:normal normal bold 12px arial; line-height:19px; text-decoration:none; } #vehicle-list-container #tabs .active-tab-label { position:relative; z-index:20 !important; } #vehicle-list-container #tab-body { font:normal normal bold 12px arial; background-repeat:repeat-x; _height:69px; min-height:69px; position:relative; width:435px; z-index:0; } #vehicle-list-container #tab-body { background-image:url(/images/100/vehicle_list/tabs-box-bg.jpg); border-left:1px solid #cccccc; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; } #vehicle-list-container #tab-body td { font:normal normal normal 12px arial; } #vehicle-list-container #vehicle-search-tab { *margin:7px 7px 5px; padding:7px 7px 5px; *padding:0px; } #vehicle-list-container .filter { color:#5c5c5c; background-color:#e6e6e6; display:none; font:normal normal normal 11px arial; position:absolute; padding:5px; text-align:left; width:110px; z-index:999; margin-left:-3px; border:1px solid #444444; } #vehicle-list-container .filter INPUT { font:normal normal normal 10px arial; padding-top:2px; } #vehicle-list-container .filter SELECT { font:normal normal normal 10px arial; width:104px; } #vehicle-list-container .filter table SELECT { font:normal normal normal 10px arial; width:75px; } #carInfoTable { position:relative; width:100%; } #carInfoTable a { text-decoration:none; } #carInfoTable .flusher { height:1px; clear:both; } #carInfoTable .vehicle-container { background-repeat:repeat-x; height:140px; overflow:hidden; padding-left:0px; padding-right:0px; position:relative; width:173px; } #carInfoTable .vehicle-container .link a { background-repeat:no-repeat; background-position:0px 5px; font:normal normal normal 10px arial; line-height:11px; padding-left:5px; } #carInfoTable .vehicle-container .name { font:normal normal normal 11px arial; position:relative; width:170px; line-height:12px; text-align:left; float:left; text-transform:capitalize; padding-left:4px; } #carInfoTable .vehicle-container .msrp { font:normal normal normal 11px arial; float:right; font-weight:bold; line-height:12px; position:relative; text-align:left; right:4px; top:5px; } #carInfoTable .vehicle-container .info-links { font:normal normal normal 10px arial; position:relative; z-index:100; } #carInfoTable .vehicle-container .check-box { font:normal normal normal 10px arial; position:relative; float:left; } #carInfoTable .vehicle-container .stock-no { font:normal normal normal 10px arial; position:relative; float:right; } #carInfoTable .vehicle-container .photo { *height:92px; height:90px; overflow:hidden; } #carInfoTable .detail-view { font:normal normal normal 11px arial; } #carInfoTable .detail-view H3 { font:normal normal bold 12px arial; margin:0px; padding:0px; text-transform:uppercase; } #carInfoTable .detail-view span { font:normal normal normal 10px arial; } #carInfoTable .detail-view-photo { width:112px; } #carInfoTable .data { font:normal normal normal 11px arial; } #carInfoTable .details { float:left; font:normal normal normal 11px arial; width:160px; } #carInfoTable .detailsPrice { float:left; font:normal normal normal 11px arial; width:105px; } #carInfoTable .dataTableRow { height:16px; vertical-align:middle; } #carInfoTable .dataTableRow .detail-view { vertical-align:middle; } #carInfoTable .dataTableRowAlt { vertical-align:middle; height:16px; } #carInfoTable .dataTableRowAlt .detail-view { vertical-align:middle; } #carInfoTable .dataTableRowAlt .detail-view H3 { font:normal normal bold 14px arial; } #carInfoTable .tableSet { background-repeat:repeat-x; font:normal normal bold 12px arial; } #carInfoTable .tableSet TD { height:22px; padding-left:3px; padding-right:3px; text-align:left; } #carInfoTable .tableSet A { text-decoration:none; text-transform:uppercase; } #carInfoTable .header { font-family:arial; font-size:14px; font-weight:bold; margin-top:0; margin-bottom:0; } #carInfoTable .small { font-size:10px; font-family:arial; } #carInfoTable .field { font-family:arial; } #carInfoTable .car-hover { cursor:pointer; } #carInfoTable .detail-hover { font:normal normal normal 11px arial; background-color:#707070; cursor:pointer; } #carInfoTable .detail-view td { font:normal normal normal 12px arial; } #carInfoTable .detail-hover td { font:normal normal normal 12px arial; } #carInfoTable .detail-hover span { font:normal normal normal 10px arial; } #carInfoTable .detail-hover H3 { font:normal normal bold 12px arial; margin:0px; padding:0px; text-transform:uppercase; } #carInfoTable .item { color:#ddd; } #carInfoTable .list-search { font:normal normal normal 11px arial; } #year-popup { position:relative; } #year-select { background-position:top right; display:none; font:normal normal normal 11px arial; left:26px; position:absolute; text-align:center; top:22px; width:64px; z-index:999; } /**************************** a.2 Selection ****************************/ #inv-listing { position:absolute; width:232px; } #inv-listing H1 { font:normal normal bold 18px arial; line-height:28px; padding-left:8px; } #inv-listing #car-current INPUT{ line-height:17px; width:15px; padding:0px; } #inv-listing #car-current .car-name-td { border-left:1px solid white; border-right:1px solid white; } #inv-listing #car-current .car-details-td { height:70px; padding-left:13px; } #inv-listing #car-current .car-details-td span { cursor:pointer; font:normal normal normal 10px arial; text-decoration:none; } #inv-listing #car-current .car-details-td IMG{ border:0px; } #inv-listing #car-current #inv-car-name { float:left; font:normal normal bold 11px arial; line-height:20px; margin-left:10px; text-transform:capitalize; } #inv-listing #car-current #inv-car-photo { margin-top:5px; margin-right:1px; width:112px; } #inv-listing #car-selection { text-align:center; } #inv-listing #car-selection .car-name { clear:both; position:relative; text-align:right; width:112px; } #inv-listing #car-selection .inv-car-name { font:normal normal bold 10px arial; float:left; margin-left:4px; margin-top:2px; text-transform:uppercase; } #inv-listing #car-selection .car-info { font:normal normal normal 9px arial; text-transform:capitalize; } #inv-listing #car-selection .car-image { height:84px; width:112px; } #inv-listing #car-selection .selected-car { float:left; width:111px; margin:1px; } #inv-listing #car-selection .selected-car img { width:112px; height:84px; } #inv-listing #selectionCompareButton { display:none; } /*********************** b. DETAIL PAGE ***********************/ #detailPageContent { padding-left:10px; } #details-page { font:normal normal normal 12px arial; } #details-page td { font:normal normal normal 12px arial; } #details-page .main-image { overflow:hidden; padding-left:0px; padding-right:0px; width:300px; } #details-page .disclaimer { padding:10px 0px 5px 0px; } #details-calculator .disclaimer { padding:10px 0px 5px 0px; } .main-image img{ width:300px; } #details-page #details-tab { padding-top:6px; padding-left:5px; } #details-page H1 { font:normal normal bold 24px arial; margin:0px; } #details-page H2 { color:#3f3f3f; font:normal normal bold 18px arial; margin:0px; } #details-page-tabs { width:465px; z-index:999;} #details-page-tabs .labels { height:20px; padding-right:0px; position:static; z-index:10; } #details-page-tabs .label { background-repeat:repeat-x; cursor:pointer; float:left; height:19px; margin-left:6px; padding:0px 4px; position:static; z-index:5; } #details-page-tabs .label a { text-decoration:none; font:normal normal bold 12px arial; line-height:19px; } #details-page-tabs #tab-body { background-repeat:repeat-x; _height:520px; min-height:520px; font-size:10px; width:470px; } #details-page-tabs #tab-body .group-name { display:block; font:normal normal normal 10px arial; height:12px; margin:1px 0px 1px 0px; padding-left:6px; text-transform:uppercase; text-decoration:none; } #details-page-tabs #tab-body .group-header { display:block; font-weight:bold; padding-left:14px; padding-top:18px; text-decoration:none; } #details-page-tabs #tab-body .group-item { padding-left:22px; color:#323232; } #details-page-tabs #tab-body .switch { text-decoration:none; } #details-page-tabs #tab-body .options-first-column { width:234px; } #details-page-tabs #tab-body .options-other-column { width:116px; } #details-page-tabs #tab-body .options-price { font:normal normal normal 11px arial; font-weight:bold; margin:1px 0px 1px 0px; padding-left:2px; text-decoration:none; } #details-page-tabs #tab-body .options-name { font:normal normal normal 11px arial; padding-left:22px; width:234px; } #details-page-tabs #tab-body .options-value { font:normal normal bold 11px arial; text-align:center; vertical-align:middle; width:116px; } #details-page-tabs #tab-body #gallery-tab a { font:normal normal normal 11px arial; } #detailPhotoDiv { float:right; margin-top:0px; width:320px; height:240px; } #detail360Div { float:right; margin-top:0px; width:320px; height:240px; } #thumbnailDiv { float:left; margin-top:40px; margin-left:0px; padding:0px; width:464px; } #details-calculator { background-repeat:repeat-x; border:1px solid #CCCCCC; font:normal normal normal 12px arial; padding-bottom:10px; padding-left:5px; padding-right:0px; text-align:left; width:220px; } #details-calculator td { font:normal normal normal 12px arial; } #details-calculator h2 { font:normal normal normal 18px arial; margin:4px; } #details-page-tabs .active-tab-label { position:static; z-index:20 !important; } #shopping-tools { position:relative; margin-top:20px; } #shopping-tools IMG { clear:both; margin-top:8px; } #overview { font:normal normal bold 13px arial; margin-left:10px; } #overview.overview-font { font:normal normal bold 13px arial; text-decoration:none; } #overview DIV { width:92px; } #overview span { display:block; font-weight:normal; height:18px; } #mpg { font:normal normal normal 11px arial; } #mpg .mpg { font:normal normal bold 36px arial; }