/* Import Base Styling */ @import url("base.css"); body { margin: 0; background:url(images/main-bg.jpg) top left repeat-x #fff; font-size: 13px; 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:83px; width:480px; background:transparent url(images/logo.jpg) 0 0 no-repeat; } #header-left a span { display:none; } #header-left #mission { color:#fff; font-weight:bold; padding:7px 0 0 10px; } #header-right { width:498px; height:110px; position:relative; text-align:right; float:right; padding-right:10px; } #header-right .dealer-login a { color:#3D7CC4; font-weight:bold; padding:3px 0; } #header-right p.phone { font-size:18px; font-weight:bold; margin:0 0 10px 0; padding:0 4px 0 0; color:#000; } #header-toplinks { position:absolute; bottom:8px; right:8px; line-height:.8em; margin: 0; padding: 0; } html>body #header-toplinks { width:auto; } #header-toplinks li { border-right:1px solid #ccc; float:left; padding:0 10px; } #header-toplinks li.last { border:none; } #header-toplinks li a { color:#EA8B42; font-size:11px; font-weight:bold; } #top-search { } #top-search p { float:right; color:#333; padding:0 5px; line-height:1.5em; } #top-search #ajaxSearch_form { float:right; } #top-search #ajaxSearch_form input { vertical-align: middle; } .ajaxSearch_result { border-bottom:1px solid #ccc; margin-bottom:8px; padding:0 7px; clear:both; } .ajaxSearch_result a { font-size:16px; } .ajaxSearch_result p { } .ajaxSearch_resultsInfo { float:left; } .ajaxSearch_paging { float:right; display:block; padding:5px; background:#e0e0e0; } #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: 435px; } * html #left-column { height: 435px; } #left-column li { background:url(images/left-col-button.gif) top left no-repeat; margin:7px 0 0 7px; padding:5px 7px; min-height: 1em; } * html #left-column li { height: 1em; } #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 0; } #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 #fast-search { padding:25px 0 0 8px; margin:2px 0 0 0; } #left-column #fast-search h3 { background:url(images/left-col-arrow.gif) left 5px no-repeat; padding:0 0 3px 10px; font-size:13px; } #left-column #we-advantage { padding: 20px 8px 8px 8px; } #left-column #we-advantage h3 { color: #2e6db6; font-size: 12px; } #left-column #we-advantage p { color: #333; font-size: 11px; } /* Latest News Styling */ #left-column #news-teaser { width:158px; padding:5px 10px 0; } #left-column #news-teaser h3 { background:url(images/left-col-news-teaser-header.jpg) center top no-repeat; display:block; width:158px; height:34px; } #left-column #news-teaser h3 span { display:none; } #left-column #news-teaser p { border-bottom:1px solid #e0e0e0; font-size:11px; } #left-column #news-teaser p em { display:block; color:#447CB7; text-align:right; padding:3px 0; } #left-column #emailLink { background: url(images/left-col-email-btn.gif) 0 0 no-repeat; margin: 20px 0 0 5px; padding: 0; width: 164px; } #left-column #emailLink a { font-weight: bold; display: block; margin: 0; padding: 7px 5px 7px 30px; } #left-column #emailLink a:link, #left-column #emailLink a:visited { color: #333; } #left-column #emailLink a:hover, #left-column #emailLink a:active { color: #2e6db6; } #left-column #view-videos img { width:175px; position:relative; top:10px; } #main-column { width:796px; float:left; padding:0 10px; } #home #main-column { width:808px; float:left; padding:0 0 0 8px; } /* Home Page Content-Area Styling */ #main-column #homesplash { width:808px; height:244px; background:url(images/home-windshield.gif) top left no-repeat; position: relative; } #main-column #homesplash ul { overflow: hidden; position: absolute; top: 0; left: 0; margin: 0; padding: 0; height: 244px; width: 793px; } #main-column #homesplash ul li { margin: 0; padding: 0; display: inline; width: 793px; height: 244px; } #main-column #homesplash ul .textHolder { position: absolute; width: 793px; height: 244px; } #main-column #homesplash ul img.image { position: absolute; top: 0; left: 0; } #main-column #homesplash .itemID { position: absolute; left: 12px; bottom: 12px; background: url(images/icon-splash-control.png) 0 0 no-repeat; font-size: 2px; height: 14px; width: 14px; z-index: 500; text-indent: -9999px; outline: none; } #main-column #homesplash .active .itemID { background: url(images/icon-splash-control-active.png) 0 0 no-repeat; } * html #main-column #homesplash .itemID { background: url(images/icon-splash-control.gif) 0 0 no-repeat; } * html #main-column #homesplash .active .itemID { background: url(images/icon-splash-control-active.gif) 0 0 no-repeat; } #main-column #homesplash #image1 .itemID { left: 12px; z-index: 501; } #main-column #homesplash #image2 .itemID { left: 32px; z-index: 502; } #main-column #homesplash #image3 .itemID { left: 51px; z-index: 503; } #main-column #homesplash #image4 .itemID { left: 70px; z-index: 504; } #main-column #homesplash #image5 .itemID { left: 89px; z-index: 505; } #main-column #homesplash #image6 .itemID { left: 108px; z-index: 506; } #main-column #homesplash #image7 .itemID { left: 127px; z-index: 507; } #main-column #homesplash #image8 .itemID { left: 146px; z-index: 508; } #main-column #homesplash #image9 .itemID { left: 165px; z-index: 509; } #main-column #homesplash #image10 .itemID { left: 184px; z-index: 510; } #main-column #home-buckets { background:url(images/home-buckets-bg.jpg) top left no-repeat; height:149px; } #main-column #home-buckets a { display: block; height:99px; width: 376px; color: #666; text-transform: uppercase; font-size: 10px; padding: 50px 0 0 15px; text-decoration: none; } #main-column #home-buckets a strong { display: block; color: #333; text-transform: none; font-size: 20px; letter-spacing: normal; } #main-column #home-buckets #home-municipal { float: left; } #main-column #home-buckets #home-airport { float: right; } #main-column #home-buckets #home-airport a { width: 391px; } #main-column #home-buckets #bucket-right h3, #main-column #home-buckets #bucket-right p { color:#32406B; } #main-column #home-buckets #bucket-right h3 { font-size:12px; padding-bottom:5px; } /* Home Page News & Deliveries */ #main-column #home-news { background: url(images/home-news-bg.gif) 0 0 no-repeat; padding: 0; min-height: 1em; } #main-column #home-news:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html #main-column #home-news, * html #main-column #home-news li { height: 1%; } #main-column #home-news h3 { margin-bottom: 10px; font-size: 11px; text-transform: uppercase; font-weight: bold; line-height: 28px; padding-left: 12px; text-shadow: 0 1px 0 #fff; letter-spacing: 1px; } #main-column #latest-news { float: left; width: 469px; padding: 0 10px 0 12px; display: inline; } #main-column #latest-news ul { } #main-column #latest-news ul li { margin: 0 0 8px 0; padding: 0 0 0 70px; position: relative; } #main-column #latest-news ul li a:link, #main-column #latest-news ul li a:visited { color: #3165b1; font-size: 14px; font-weight: bold; } #main-column #latest-news ul li a:hover, #main-column #latest-news ul li a:active { } #main-column #latest-news ul li .date { position: absolute; left: 0; text-align: right; top: 3px; width: 65px; color: #666; font-weight: normal; font-size: 10px; } #main-column #deliveries { float: right; width: 271px; margin-right: 15px; padding: 0 10px; display: inline; } #main-column #deliveries h2 { color: #3165b1; font-size: 14px; font-weight: bold; } #main-column #deliveries img { float: right; border: 2px solid #fff; margin-left: 10px; } #main-column #deliveries p.more { font-size: 10px; text-transform: uppercase; margin: 0; padding: 0; } /* 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 h2 { padding:8px 0 4px; font-size:16px; color:#295DB4; } #main-column #mainContent h3 { padding:8px 0 0; font-size:15px; color:#295DB4; } #main-column #mainContent ul { margin-left:10px; } #main-column #mainContent li { list-style:disc; margin-left:15px; padding-bottom:4px; } li.pageImage { list-style:none !important; margin-left:0 !important; } #main-column #mainContent .locations { list-style-type: none; margin: 0; padding: 0; } #main-column #mainContent .locations li { display:-moz-inline-box; display:inline-block; *zoom:1; *display:inline; margin: 0; padding: 0; vertical-align: top; width: 33%; } #main-column #mainContent .locations h4, #main-column #mainContent .locations p { margin: 0; padding: 0; } #main-column #mainContent .partsLocations { list-style-type: none; margin: 0; padding: 0; } #main-column #mainContent .partsLocations li { display:-moz-inline-box; display:inline-block; *zoom:1; *display:inline; margin: 0; padding: 0; vertical-align: top; width: 48%; } #main-column #mainContent p.dealerLink { padding: 10px 0; } #main-column #mainContent .dealerLink a { border: 1px solid #e0e0e0; padding: 3px 5px 3px 15px; background: #f3f3f3 url(images/left-col-arrow-right.gif) 5px 50% no-repeat; margin-right: 5px;} #main-column #mainContent .button { background: url(images/bg-button-left.gif) 0 0 no-repeat; margin-right: 5px; height: 27px; line-height: 27px; display: inline-block; *display: inline; } #main-column #mainContent .button a { background: url(images/bg-button-right.gif) 100% 0 no-repeat; color: #fff; font-weight: bold; padding: 0 18px 0 12px; display: inline-block; *display: inline; } #main-column #mainContent .buttons { text-align: center; } #main-column #mainContent .buttons .button { margin: 0 20px 0 0; } #main-column #mainContent #careerListing { } #main-column #mainContent #careerListing .careerCategory { display:-moz-inline-box; display:inline-block; *zoom:1; *display:inline; margin: 0 0 10px 0; padding: 0; vertical-align: top; width: 48%; } #main-column #mainContent #careerListing h3 { } #main-column #mainContent #careerListing ul { } #main-column #mainContent #careerListing ul li { } /* Table Displays for Listing Pages */ #main-column #mainContent .table-listing { border:1px solid #ccc; border-collapse:collapse; margin-bottom: 1em; } #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 thead th { background: #3165b0; color: #fff;} #main-column #mainContent .table-listing td h3 { margin: 0; padding: 0; } #main-column #mainContent .table-listing td h3 span { color: #666; font-size: 12px; font-weight: normal; } #main-column #mainContent .table-listing td p { margin: 0; padding: 0; } #main-column #mainContent .table-listing td.brand { background: #fff; width: 80px; text-align: center; vertical-align: middle; } #main-column #mainContent .table-listing td.image { background: #fff; width: 100px; text-align: center; vertical-align: middle; } #main-column #mainContent .table-listing td.description { } #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 h3 a:link, #main-column #mainContent .table-listing h3 a:visited { color:#0A2D71; } #main-column #mainContent .table-listing h3 a:hover, #main-column #mainContent .table-listing h3 a:active { color:#68b0ff; border-bottom: 1px solid #666; } /* Equipment Listing Pages */ #main-column #mainContent #marketContent { width: 300px; float: left; } #main-column #mainContent #marketListing { width: 450px; float: right; } #main-column #mainContent #marketListing p { clear: both; } #main-column #mainContent #marketContent h2, #main-column #mainContent #marketListing h1 { border-bottom: 1px solid #ccc; color: #3464ac; font-size: 16px; padding: 0 0 2px 0; margin: 15px 0 0 0; } #main-column #mainContent h1.marketHeader { } #main-column #mainContent .marketList { margin: 0; list-style-type: none; padding-top: 5px; } #main-column #mainContent .marketList li.sub { float: left; font-weight: bold; width: 210px; margin: 0 10px 0 0; list-style-type: none; padding: 0; } #main-column #mainContent .marketList ul { margin: 0 0 10px 20px; padding: 0; } #main-column #mainContent .marketList ul li { font-weight: bold; color: #ccc; float: none; list-style-type: disc; margin: 0; padding: 0; width: auto !important; } #main-column #mainContent .marketDisplay ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* 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; } /* Dealer Locator Styles */ #main-column #mainContent #dealers { } #main-column #mainContent .error { border: 1px solid #f00; padding: 5px; margin-bottom: 5px; } #main-column #mainContent #dealers .dealerInfo { float: left; width: 31%; padding-right: 2%; padding-bottom: 10px; min-height: 170px; } #main-column #mainContent #dealers .first { clear: left; } * html #main-column #mainContent #dealers .dealerInfo { height: 170px; } #main-column #mainContent #dealers .dealerInfo h3 { border-bottom: 1px solid #a5c0dd; padding: 0; margin-bottom: 3px; } #main-column #mainContent #dealers .dealerInfo p { padding: 0 0 6px 0; } #main-column #mainContent #dealers .dealerBrands img { vertical-align: middle; padding-right: 5px; } #main-column #mainContent #dealermaps { border-top: 1px solid #E0E0E0; clear: both; padding-top: 10px; } #main-column #mainContent #dealermaps p { padding: 0; } #main-column #mainContent #usdealers { display: inline; float: left; width: 480px; padding-right: 10px; border-right: 1px solid #E0E0E0; } #main-column #mainContent #cadealers { padding-left: 10px; float: left; } #main-column #mainContent #cadealers ul { list-style-type: none; margin: 0; padding: 0; } #main-column #mainContent #cadealers ul li { list-style-type: none; margin: 0; padding: 0; } #main-column #mainContent .article { position: relative; min-height: 20px; margin-bottom: 15px; } #main-column #mainContent .article:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html #main-column #mainContent .article { height: 20px; } #main-column #mainContent .article img { float: left; } #main-column #mainContent .article h2 { margin: 0; padding: 0; } #main-column #mainContent .article.image h2 { padding-left: 135px; } #main-column #mainContent .article.image p { padding-left: 135px; } /* Dealer Float Clears */ * html #main-column #mainContent #dealers, * html #main-column #mainContent #dealermaps { height: 1%; } #main-column #mainContent #dealers:after, #main-column #mainContent #dealermaps:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* 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; } /* 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:259px; margin: 0 0 5px 15px; background:#f3f3f3; float:right; clear: 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; } #main-column #mainContent.product-info-container #product-youtube-video { float: right; clear: both; width: 259px; } #main-column #mainContent.product-info-container #product-youtube-video object { display: block; float: right; width: 259px; } #main-column #mainContent.product-info-container #product-youtube-video object embed { } #main-column #mainContent.product-info-container #product-youtube-video h2 { float:right; clear:both; text-align:left; width:259px; border-bottom: 1px solid #BFE4F7; font-size:15px; margin-bottom: 8px; padding-bottom: 0px; } #main-column #mainContent.product-info-container .modelBrand { width:258px; margin: 0 0 0 15px; background:#f3f3f3; float:right; clear: right; text-align: center; border-width:0 1px 1px 1px; border-style:solid; border-color:#fff #e0e0e0 #e0e0e0 #e0e0e0; padding: 5px 0; } /* Right-column Image Containers */ #main-column #mainContent.product-info-container .galleryPhotos, #main-column #mainContent.product-info-container .productPhotos { clear:right; float:right; width:248px; margin:-5px 0 0 15px; padding:10px 5px 5px 5px; border-width:0 1px 1px 1px; border-style:solid; border-color:#fff #e0e0e0 #e0e0e0 #e0e0e0; text-align: center; } #main-column #mainContent.product-info-container .productPhotos img { width:249px; } #main-column #mainContent.product-info-container .galleryPhotos .thumbscontainer { margin-bottom:0; text-align: center; width: 100%; } #main-column #mainContent.product-info-container .galleryPhotos .thumbscontainer ul.thumbs { list-style-type: none; text-align: center; margin: 0; padding: 0; float: none; width: 100%; } #main-column #mainContent.product-info-container .galleryPhotos .thumbscontainer ul.thumbs li { list-style-type: none; margin: 0; padding: 0; float: none; } /* 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; margin-top: 10px; clear: both; padding:10px 0; } #footer { } #footer-left { float:left; width:350px; white-space:nowrap; } #footer-left img { float:left; padding-right:15px; } #footer-left p { margin-left: 90px; padding: 0px; font-size:11px; color:#333; } #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 20px 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; } #footer-right .brand-listing ul { text-align: right; margin: 0; } #footer-right .brand-listing li { float: none; display: inline; text-align: right; padding: 0 0 0 15px; line-height: 40px; vertical-align: middle; } #main-column #brandsummaries { border-collapse: collapse; } #main-column #brandsummaries .brandsummary { } #main-column #brandsummaries .brandsummary td { border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; padding: 10px 0; } #main-column #brandsummaries .brandsummary .brandimage { padding-right: 10px; } #main-column #brandsummaries .brandsummary .brandlogo { text-align: center; width: 100px; padding-right: 10px; } #main-column #brandsummaries .brandsummary .brandinfo { } #main-column #mainContent .historicNav { border: 1px solid #e0e0e0; text-align: center; margin: 10px 0; padding: 5px; } #main-column #mainContent .historicNav a { padding: 0 20px; text-transform: uppercase; font-size: 11px; font-weight: bold; }