/* Import Base Styling */ @import url("base.css"); body { margin: 0; background:url(images/main-bg.jpg) top left repeat-x #fff; font-size: 12px; text-align:center; } #outer-wrapper { width:994px; margin:0 auto; text-align:left; } #inner-wrapper { } /* Site-wide Header */ #header-wrapper { } #header-left { float:left; height:110px; margin:0; padding:0; width:475px; } #header-left a { display:block; height:109px; width:487px; background:transparent url(images/logo.gif) 50% 50% no-repeat; } #header-left a span { display:none; } #header-left #mission { color:#fff; font-weight:bold; padding:7px 0 0 10px; } #header-right { width:444px; height:110px; position:relative; text-align:right; float:right; padding-right:10px; } #header-right a.dealer-login { color:#3D7CC4; font-weight:bold; display:block; padding:3px 0; } #header-phone { font-size:18px; font-weight:bold; margin:0; padding:25px 8px 5px 0; color:#000; } #header-toplinks { position:absolute; bottom:8px; right:8px; line-height:.8em; width:450px; text-align: right; } #header-toplinks li { border-right:1px solid #ccc; padding:0 10px; display: inline; } #header-toplinks li.last { border:none; } #header-toplinks li a { color:#EA8B42; font-size:11px; font-weight:bold; } #header-search { padding-right: 8px; } #header-search p { float:right; color:#333; padding:0 5px; line-height:1.7em; } .searchResult { border-bottom:1px solid #ccc; margin-bottom:8px; padding:0 7px; clear:both; } #ajaxSearch_input { font-size: 11px; border: 1px solid #999; padding-bottom: 1px; vertical-align: middle; } #ajaxSearch_input_label { background: url(images/icon-search.gif) 0 50% no-repeat; padding-left: 17px; font-size: 10px; } .ajaxSearch_result a { font-size:16px; } .ajaxSearch_result p { } #content-wrapper { padding:10px 0 0; } /* Site-wide Left Column */ #left-column { width:178px; float:left; margin-bottom:-1px; background:url(images/left-col-bg.jpg) top left no-repeat; min-height: 400px; } * html #left-column { height: 400px; } #left-column li { background:url(images/left-col-button.gif) top left no-repeat; margin:7px 0 0 7px; padding:7px; } #left-column li a { color:#fff; font-weight:bold; } #left-column li.active ul { margin-bottom:-10px; } #left-column li ul { margin:10px 0 0 6px; } #left-column li li { background:none; margin:0; padding:3px 0; } #left-column li li.active a { font-weight:bold; } #left-column li li a { color:#333; font-weight:normal; } #left-column ul.bottom-buttons li.parent { background:url(images/left-col-button.gif) top left no-repeat; } #left-column ul.bottom-buttons li.parent li { background:none; } #left-column ul.bottom-buttons li { background:url(images/left-col-button-bottom.gif) top left no-repeat; } /* Search Dropdown Styling */ #left-column #intro { padding:8px 4px 0 8px; background:url(images/intro-bg.gif) top left no-repeat; margin:5px 0 10px 7px; width: 150px; font-size: 11px; } #left-column #intro h3 { font-size: 14px; text-align: center; font-weight: bold; color: #0a2d71; } #main-column { width:796px; float:left; padding:0 10px; } /* Home Page Content-Area Styling */ #main-column #home-windshield { width:789px; height:200px; background:url(images/home-windshield.jpg) top left no-repeat; } #main-column #home-buckets { background:url(images/home-buckets-bg.jpg) top left no-repeat; position: relative; left: -8px; height:240px; width: 806px; } * html #main-column #home-buckets { width: auto; } #main-column #home-buckets div { float:left; width:268px; height:200px; } #main-column #home-buckets .bucket-title { color:#0A2D71; display:block; font-size:15px; font-weight:bold; padding:20px 0 2px 40px; } #main-column #home-buckets .bucket-image { padding:19px 0 9px 30px; display:block; } #main-column #home-buckets .bucket-learn-more { color:#234D9f; font-weight:bold; padding-left:40px; } #main-column #home-buckets #bucket-left { } #main-column #home-buckets #bucket-left img { padding-left:1px; } #main-column #home-buckets #bucket-middle { } #main-column #home-buckets #bucket-middle img { padding-left:1px; } #main-column #home-buckets #bucket-right { width: 256px; } /* Interior Page Content-Area Styling */ #main-column #mainContent { background:url(images/main-content-bg.jpg) top left no-repeat #fff; width:769px; padding:10px; line-height:1.5em; min-height: 400px; } * html #main-column #mainContent { height: 400px; } #main-column #mainContent .B_crumbBox { font-size:10px; } #main-column #mainContent .pageTitle { font-size:21px; padding:4px; margin:5px 0; border-width:1px 0; border-color:#e0e0e0; border-style:solid; color:#033f8f; } #main-column #mainContent p { padding-bottom:10px; color:#333; } #main-column #mainContent h3, #main-column #mainContent h2 { padding:8px 0 4px; font-size:14px; color:#295DB4; } #main-column #mainContent ul { margin: 0 0 10px 10px; } #main-column #mainContent ul li { list-style:disc; margin-left:15px; padding-bottom:4px; } #main-column #mainContent ol { margin: 0 0 10px 10px; } #main-column #mainContent ol li { list-style: decimal; margin-left:15px; padding-bottom:4px; } #main-column #mainContent dt { font-weight: bold; } #main-column #mainContent dd { margin-left:25px; } #main-column #mainContent hr { display: block; margin: 10px 0; border: none; border-top: 1px solid #999; } li.pageImage { list-style:none !important; margin-left:0 !important; } /* Table Displays for Listing Pages */ #main-column #mainContent .table-listing { border:1px solid #ccc; border-collapse:collapse; } #main-column #mainContent .table-listing td, #main-column #mainContent .table-listing th { padding:8px; border:1px solid #e0e0e0; } #main-column #mainContent .table-listing th { background:#cfcfcf; border-bottom:1px solid #c0c0c0; } #main-column #mainContent .table-listing td.image { border-right:none; } #main-column #mainContent .table-listing td.series { border-left:none; } #main-column #mainContent .table-listing tr { } #main-column #mainContent .table-listing tr.alt-row { background:#efefef; } #main-column #mainContent .table-listing tr td { } #main-column #mainContent .table-listing tr.alt-row td.right-col { border-left:1px solid #ccc; } #main-column #mainContent .table-listing tr td.right-col { border-left:1px solid #ccc; } #main-column #mainContent .table-listing tr td a { color:#0A2D71; } /* Forms - Request for Information */ #main-column #mainContent form { } #main-column #mainContent form fieldset { border: 1px solid #c0c0c0; padding: 5px 10px; margin-bottom: 10px; min-height: 1em; } #main-column #mainContent fieldset:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html #main-column #mainContent fieldset { height: 1%; } #main-column #mainContent form fieldset legend { padding: 0 5px; text-transform: uppercase; font-size: 10px; color: #999; } #main-column #mainContent .form-field, #main-column #mainContent .form-submit { position: relative; padding-left: 80px; min-height: 1em; margin-bottom: 10px; } * html #main-column #mainContent .form-field, * html #main-column #mainContent .form-submit { height: 1%; } #main-column #mainContent .required { color: #c00; } #main-column #mainContent label.label { color: #295DB4; display: block; position: absolute; left: 0; width: 75px; } #main-column #mainContent label.caption { text-transform: uppercase; font-size: 9px; color: #666; display: block; } #main-column #mainContent input.text, #main-column #mainContent textarea { border: 1px solid #999; color: #333; font: 12px/14px Arial, Helvetica, sans-serif; padding: 2px; width: 220px; } #main-column #mainContent textarea { width: 90%; } #main-column #mainContent input.city { width: 100px; } #main-column #mainContent input.state, #main-column #mainContent input.zip { width: 50px; } #main-column #mainContent .form-column { float: left; width: 48%; } #main-column #mainContent table.address { border: none; border-collapse: collapse; } #main-column #mainContent table.address td { padding: 0 3px 3px 0; } #main-column #mainContent ul.checkboxes { list-style-type: none; } #main-column #mainContent ul.checkboxes li { list-style-type: none; margin-left: 5px; } #main-column #mainContent ul.inline li { display: inline; margin-right: 10px; } /* Market Listing Table Layout */ #markets { margin:-5px 15px 10px 0; float:left; border-top:none !important; } #markets td { padding:2px 5px !important; border-top:none !important; } /* Product Page Layout */ #main-column #mainContent.product-info-container { } #main-column #mainContent.product-info-container p { } /* Right-column Table */ #main-column #mainContent.product-info-container #product-info-table { width:260px; margin:-5px 0 0 15px; background:#f3f3f3; float:right; border-collapse:collapse; border:none; } #main-column #mainContent.product-info-container #product-info-table td { padding:5px 10px; border-width:0 1px 1px; border-style:solid; border-color:#e0e0e0; width:149px; } #main-column #mainContent.product-info-container #product-info-table td a { text-decoration:underline; } #main-column #mainContent.product-info-container #product-info-table td.product-info-title { vertical-align:top; width:auto; text-align:right; font-weight:bold; padding:5px 3px 5px 10px; } /* Right-column Image Containers */ #main-column #mainContent.product-info-container .productPhotos { clear:right; float:right; width:248px; margin:-5px 0 15px 15px; padding:10px 5px 5px 5px; border-width:0 1px 1px 1px; border-style:solid; border-color:#fff #e0e0e0 #e0e0e0 #e0e0e0; } #main-column #mainContent.product-info-container .productPhotos img { width:249px; } #main-column #mainContent.product-info-container .galleryPhotos { clear:right; float:right; width:154px; margin:0 0 15px 15px; padding:5px 0 0 15px; border-width:0 1px 1px 1px; border-style:solid; border-color:#fff #e0e0e0 #e0e0e0 #e0e0e0; } #main-column #mainContent.product-info-container .galleryPhotos .thumbscontainer { margin-bottom:0; } /* User-Content */ #main-column #mainContent #product-info-content { clear:left; } #main-column #mainContent #product-info-content table { border-collapse:collapse; border:1px solid #999; } #main-column #mainContent #product-info-content table td, #main-column #mainContent #product-info-content table th { padding:5px; border:1px inset #ccc; } #main-column #mainContent #product-info-content table th { background:#f0f0f0; } #main-column #mainContent #product-info-content table td { text-align:center; } #footer-wrapper { border-top:1px solid #ccc; clear: both; padding:10px 0; margin-right: 20px; } #footer { } #footer-left { float:left; width:350px; white-space:nowrap; } #footer-left img { float:left; padding-right:15px; } #footer-left p { padding-top:7px; font-size:11px; color:#333; width: 250px; } #footer-left a { color:#ccc; text-decoration:none; padding-top:3px; display:block; } #footer-right { float:right; width:615px; } #footer-right .sitemap { float:right; font-size:10px; padding:10px 0 0 0; text-decoration:underline; } /* Generic Styles - Mutiple Position Content */ .brand-listing { } .brand-listing ul { margin:0 auto; } .brand-listing li { list-style:none !important; float:left; padding:0 10px; }