/*:: Framework 1.5.4 ------------------------------------- */ /* - Modified E.Meyer Style Reset - */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; vertical-align:baseline;} input{margin:0; padding:0;} :focus {outline:0;} body {line-height:1;} table {border-collapse:separate; border-spacing:0;} caption, th, td {text-align:left; font-weight:normal;} blockquote:before, blockquote:after, q:before, q:after {content:"";} blockquote, q {quotes:"" "";} /* - Clear Fix Based On http://www.positioniseverything.net/easyclearing.html - */ .cf:after, .wrapper:after, .entry:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} .cf, .wrapper, .entry{display: inline-block;} html[xmlns] .cf, html[xmlns] .wrapper, html[xmlns] .entry{display: block;} /*:: Shared Styles ------------------------------------- */ .wrapper{width:940px; margin:0 auto; padding:0 14px;} /*:: Body ------------------------------------- */ body{background:url(images/bg.gif) repeat-x 0 99px; font-family:Verdana, Arial, Helvetica, Sans-Serif; font-size:11px; color: #565555;} /*:: Header ------------------------------------- */ #header{margin-bottom:20px;} #header h2 a{display:block; height:49px; width:401px; background:url(images/logo.gif) no-repeat top left; float:left; text-indent:-1000em; margin:10px 0 0 -10px;} #header #headerTop{height:69px; background:url(images/bg-headerTop.gif) repeat-x top left; border-bottom:1px solid #fff;} #header #headerTop #topNav{float:right; list-style:none; padding-top:10px;} #header #headerTop #topNav li{float:right; margin-left:10px;} #header #headerTop #topNav li a{display:block; border:1px solid #3f4d61; color:#c8defe; font-size:10px; text-decoration:none; text-transform:uppercase; padding:8px;} #header #headerTop #topNav li a:hover{background:#3f4d61;} /* - Navigation - */ #header #navigation{height:28px; background:url(images/bg-navigation.gif) repeat-x top left; border-bottom:1px solid #fff;} #header #navigation .wrapper{width:964px; padding:0 2px;} #header #navigation ul{float:left; list-style:none; padding-top:1px;} #header #navigation ul li{float:left; margin-right:10px; height:26px; position:relative;} #header #navigation ul li.hovering{z-index:1000;} /* this line is for stupid IE7 */ #header #navigation ul li.dropper a{background:url(images/bg-dropper.gif) no-repeat right 12px;} #header #navigation li a{color:#8f1313; display:block; text-decoration:none; line-height:26px; text-transform:uppercase; font-weight:bold;} #header #navigation li a span{display:block; height:26px; padding:0 12px;} #header #navigation li a:hover, #header #navigation li.hovering a, #header #navigation li.on a, #header #navigation li.dropper.on a, #header #navigation li.dropper.hovering a{background:url(images/bg-navRight.gif) no-repeat top right; color:#fff;} #header #navigation li.on a span, #header #navigation li.hovering a span, #header #navigation li a:hover span{background:url(images/bg-navLeft.gif) no-repeat top left;} /* - Dropdown - */ #header #navigation ul li.dropper.hovering ul{left:1px !important;} #header #navigation ul li.dropper ul{position:absolute; z-index:1000; list-style:none; background:url(images/bg-dropDown.png) no-repeat bottom left; width:220px; padding:3px 4px 9px 0; left:-1000em;} #header #navigation ul li.dropper ul li{float:none; margin-right:0; height:auto; border-bottom:1px dashed #1d3852; width:220px;} #header #navigation ul li.dropper ul li.last{border-bottom:0;} #header #navigation ul li.dropper ul li a{color:#fff; line-height:normal; padding:4px 10px; background-image:none !important; width:200px;} #header #navigation ul li.dropper.hovering ul li a:hover{background:none; background-color:#F2F3F3 !important; color:#8f1313;} #header #navigation ul li.dropper.hovering ul li.out a{background-image:url(images/icon-out.gif) !important; background-repeat:no-repeat; background-position:200px top !important;} #header #navigation ul li.dropper.hovering ul li.out a:hover{background-position:200px bottom !important;} /*:: Content ------------------------------------- */ #content{background:url(images/bg-content.png) no-repeat top left; padding:4px 4px 0 4px; width:960px; margin:0 auto 30px auto;} #contentTop{background:#fff; padding:10px 10px 0 10px; height:430px;} html>body #contentTop{height:auto; min-height:430px;} #contentNest{margin-bottom:20px; background:url(images/bg-contentNest.gif) no-repeat bottom left; clear:both;} #breadcrumbs{border-bottom:3px double #e2e2e2; float:left; width:100%; list-style:none; font-size:12px; color:#565353; margin-bottom:20px; padding-bottom:10px;} #breadcrumbs li{float:left; background:url(images/bg-breadcrumbs.gif) no-repeat left center; margin-left:4px; padding-left:7px;} #breadcrumbs li.first{background:none; margin-left:0px; padding-left:0px;} #breadcrumbs li a{text-decoration:none; color:#8f1313;} #breadcrumbs li a:hover{text-decoration:underline;} #lCol, #rCol{float:left;} /* - Features - */ .feature{background-color:#27374e; background-repeat:no-repeat; background-position:top left; height:267px; font-family:Helvetica, Arial, Sans-Serif; padding-left:29px;} .feature h1{float:left; font-size:50px; color:#fff; margin:22px 0 9px 0;} .feature p.featurecopy{clear:left; color:#9d9fa3; font-size:32px; font-weight:bold; text-indent: -1000em;} .feature h4{font-size:18px; font-weight:normal; color:#fff; margin-bottom:14px;} .feature ul{float:left; width:290px; font-size:14px; color:#9d9fa3; list-style-position:inside;} .feature ul li{float:left; width:50%; margin-bottom:16px;} #t660{background-image:url(images/feature_t660.jpg);} #t2000{background-image:url(images/feature_t2000.jpg);} #w900{background-image:url(images/feature_w900.jpg);} #t800{background-image:url(images/feature_t800.jpg);} #t470h{background-image:url(images/feature_t470h.jpg);} #t170{background-image:url(images/feature_t170.jpg);} #c500{background-image:url(images/feature_c500.jpg);} #t270t370{background-image:url(images/feature_t270t370.jpg);} #t270t370h{background-image:url(images/feature_t270t370h.jpg);} /* - Left Column - */ #lCol{width:254px; padding:0 1px 0 0;} .padTop{padding-top:30px !important;} #lCol ul#pageNav{border-bottom:1px solid #fff; list-style:none; margin:0 0 30px 0;} #lCol ul#pageNav li a{font-size:15px; color:#26364d; text-decoration:none; height:34px; line-height:34px; display:block; padding-left:10px; border-bottom:1px solid #e1e1e2; border-top:1px solid #fff;} #lCol ul#pageNav li.on a, #lCol ul#pageNav li a:hover{color:#fff; background:url(images/bg-lNavOn.gif) repeat-x top left; border-top:none; height:35px; line-height:35px;} #lCol ul#pageNav li a span{display:block; background:url(images/pdf.gif) no-repeat right center;} #lCol #tools h5{height:21px; background:url(images/bg-tools.png) no-repeat top left; line-height:21px; font-size:13px; color:#2b2a2a; font-weight:normal; padding-left:10px;} #lCol #tools ul{list-style:none; background:#e8e7e7;} #lCol #tools ul li a{height:23px; line-height:23px; padding-left:10px; color:#3268b7; text-decoration:none; border-bottom:1px solid #d0d0d0; border-top:1px solid #eeeded; display:block; background-repeat:no-repeat; background-position: right center;} #lCol #tools ul li#leasing a{border-top:0; background-image:url(images/bg-leasing.gif);} #lCol #tools ul li#financing a{border-top:0; background-image:url(images/bg-financing.gif);} #lCol #tools ul li#inventory a{background-image:url(images/bg-inventory.gif);} #lCol #tools ul li#contact a{border-bottom:0; background-image:url(images/bg-contact.gif);} #lCol #tools ul li a:hover{color:#000;} /* - Widgets - */ #lCol .sidebar_widget{background:url(images/bg-widget.gif) repeat-x top left;font-family:Arial, Helvetica, Sans-Serif;} #lCol h3.widgetTitle, #lCol h4.widgetTitle{font-weight:normal; border-bottom:1px solid #fff; padding-left:10px;} #lCol h3.widgetTitle{height:35px; background:url(images/bg-sidebar-h3.gif) repeat-x top left; font-size:15px; line-height:35px; color:#fff;} #lCol h4.widgetTitle{height:27px; background:url(images/bg-sidebar-h4.gif) repeat-x top left; font-size:13px; line-height:27px; color:#26364d;} #lCol .sidebar_widget ul{list-style:none;} /* - Search Refine - */ #lCol #refine{padding:15px 10px 20px 10px;} #lCol #refine ul li label{display:block; font-size:12px; margin-bottom:5px;} #lCol #refine ul li select{width:100%; margin-bottom:13px;} #lCol #refine ul li.two select{width:110px; margin-bottom:13px; margin-right:10px;} #lCol #refine ul li.two select.last{margin-right:0px;} #lCol #refine a{height:35px; width:96px; text-align:center; line-height:35px; color:#c8defe; text-transform:uppercase; font-size:13px; display:block; background:url(images/btn-search.gif) no-repeat left top; text-decoration:none; font-weight:bold;} #lCol #refine a:hover{background-position:left center;} #lCol #refine a:active{background-position:left bottom;} /* - Current Filters - */ #lCol #currentFilters{padding:3px 10px 15px 10px;} #lCol #currentFilters ul li{padding-top:12px; color:#696868;} #lCol #currentFilters ul li a{color:#3b6cb4; font-size:12px; background:url(images/btn-delete.gif) no-repeat 0 3px; line-height:9px; padding-left:14px;} #lCol #currentFilters ul li a:hover{color:#315993;} /* - Filter Tree Navigation - */ #lCol #filters ul li{padding:15px 10px; border-bottom:1px solid #dededf; border-top:1px solid #fff;} #lCol #filters ul li.first{border-top:none;} #lCol #filters ul li a{font-size:12px; font-weight:bold; color:#2b2a2a; background:url(images/bg-filter-off.gif) no-repeat left center; padding-left:19px; text-decoration:none;} #lCol #filters ul li.on a{background-image:url(images/bg-filter-on.gif);} #lCol #filters ul li ul{display:none;} #lCol #filters ul li.on ul{display:block;} #lCol #filters ul li ul li{padding:0; border:none; color:#696868; margin-top:12px;} #lCol #filters ul li ul li a{font-weight:normal; color:#3b6cb4; background:none !important; text-decoration:underline;} #lCol #filters ul li ul li a:hover{color:#315993;} #lCol #filters ul li ul li strong a{font-weight:bold;} #lCol #filters ul li ul li ul{padding-left:10px;} /* - Calculator - */ #lCol #calculator{margin-top:-30px; padding:13px 12px 13px 13px; font-size:12px; line-height:17px; width:229px;} #lCol #calculator p{margin-bottom:11px;} #lCol #calculator h3{height:36px; background:url(images/bg-calcTitle.gif) no-repeat top left; font-family:Verdana, Helvetica, Sans-Serif; font-size:15px; color:#26364d; border:none; margin:0; font-weight:normal; padding:8px 0 0 10px;} #lCol #calculator .calcBuffer a{color:#7f9db9;} #lCol #calculator .calcBuffer{background:url(images/bg-calc.gif) no-repeat bottom left; padding:0 23px 23px 23px;} #lCol #calculator .calcBuffer label{font-weight:bold; display:block; color:#454545;} #lCol #calculator .calcBuffer input{width:181px; border:1px solid #7f9db9; margin-bottom:8px;} #lCol #calculator .calcBuffer input#apr{width:165px; margin-right:5px;float:left;} #lCol #calculator .calcBuffer span{float:left; padding-top:1px;} #lCol #calculator .calcBuffer select{margin-bottom:20px;} #lCol #calculator a#btnCalculate{height:35px; width:121px; text-align:center; line-height:35px; color:#c8defe; text-transform:uppercase; font-size:13px; display:block; background:url(images/btn-calclate.gif) no-repeat left top; text-decoration:none; font-weight:bold;} #lCol #calculator a#btnCalculate:hover{background-position:left center;} #lCol #calculator a#btnCalculate:active{background-position:left bottom;} #lCol #calculator .calcBuffer #output{display:none; padding-top:16px;} #lCol #calculator .calcBuffer #output h4{font-size:12px;} /* - Right Column - */ #rCol{width:665px; padding:0 0 0 20px; font-family:Arial, Helvetica, Sans-Serif;} #content a{text-decoration:none; color:#3b6cb4;} #content a:hover{text-decoration:underline;} #rCol.padTop{padding-top:21px !important;} #rCol h1, #rCol h2, #info h1{font-size:30px; color:#4c4c4c; text-transform:uppercase; border-bottom:1px dashed #999999; font-weight:normal; margin-bottom:9px;} #rCol p.intro{color:#575757; font-size:16px; line-height:20px; margin-bottom:14px; font-weight: bold;} #rCol p.values{font-weight: bold; font-style: italic; color:#585858; font-size: 12px;} #rCol h3{color:#3b6cb4; font-size:16px; font-weight:normal; margin-bottom:4px;} #rCol p, #rCol ol, #rCol ul{font-size:12px; line-height:20px; margin-bottom:11px; list-style:none;} #rCol ul li{margin-left: 30px; margin-right: 40px; margin-bottom: 3px; background:url(images/bullet.gif) no-repeat left center; padding-left:10px;} #rCol ol, #rCol ul{margin-left:14px;} #rCol .subTitle{border-bottom:1px dashed #999; padding-bottom:5px; margin:30px 0 10px 0; clear: both;} #rCol .slide{display:none;} #rCol .slide.on{display:block;} /* - Parts Page - */ div.parts{background: url(images/parts-bg.jpg) no-repeat 340px 70px; width: 354px;} #rCol p.copy{width:435px;} #rCol p.copy-subheaders{width:298px;} #rCol h3.parts{color:#3b6cb4; font-size:16px; font-weight:normal; margin-bottom:4px; margin-top: 21px;} #rCol div.left-parts{float: left; width: 665px; margin-bottom: 10px;} #rCol div.left-parts div.left-side-content-parts{float:left; width: 350px;} #rCol div.left-parts div.right-side-content-parts{float:left; width: 315px;} #rCol h1.preferred-customers{font-size:22px; color:#565555; text-transform:uppercase; font-weight:normal; margin: 5px 0 5px 0; border: none;} #rCol div.preferred-hdr{border-top: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6;} #rCol ul.preferred-vendors{width: 665px; padding: 0; margin:15px 0 0 0; list-style: none;} #rCol ul.preferred-vendors li{background: none; margin: 0; padding:0; border-right: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; float:left;} #rCol ul.preferred-vendors li.last{border-right: none;} #rCol ul.preferred-vendors li.no-bottom-bdr{border-bottom: none;} /* - Service Page - */ div.service{background: url(images/service-bg.jpg) no-repeat 310px 45px; width: 665px;} #rCol div.left-service{float: left; width: 391px; position: relative; height: 725px;} #rCol div.left-service div.left-service-copy{width: 315px;} #rCol div.left-service div.left-service-copy img{position: absolute; left: -17px; bottom:0;} #rCol div.right-service{float: left; width: 282px; margin-top: 259px; margin-left: -34px; position: relative; z-index: 10;} #rCol h3.service{margin-top: 20px;} #rCol ul.vendors{width: 665px; padding: 0; margin:0; list-style: none; border-top: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; text-align:center;} #rCol ul.vendors li{background: none; margin: 0; padding:0 0 0 36px; display:inline;} #rCol ul.vendors li.end{padding:0 0 0 0;} /* - Finance Page - */ #rCol div.left-finance{float:left; width: 324px;} #rCol div.left-finance p{width: 314px;} #rCol div.left-finance p.subheaders{margin-bottom: 5px;} #rCol div.right-finance{float:left; width: 322px; padding-left: 18px;} #rCol div.right-finance div.paccar{float:left; width: 106px;} #rCol div.right-finance div.paccar-text{float:left; width: 202px; padding-left: 14px; font-size:12px; line-height:14px; margin-bottom:11px; list-style:none;} #rCol div.right-finance ul{list-style:none; margin-left:0; clear: both;} #rCol div.right-finance ul li{margin: 0 0 2px 0; padding:3px 13px; background:#e5e5e6; color: #000;} /* - Leasing Page - */ #rCol div.left-leasing{float:left; width: 324px;} #rCol div.right-leasing{float:left; width: 341px;} #rCol div.leasing-help{float:left; margin-top: -31px;} #rCol div.advantage-container{background:#98999d; float:left;} #rCol div.advantage-container div.left-advantages{width: 248px; float:left; background: #98999d;} #rCol div.advantage-container div.left-advantages p{font-size: 11px; color: #FFF; padding: 12px; line-height: 18px;} #rCol div.advantage-container div.left-advantages img{padding:12px 12px 0 12px;} #rCol div.advantage-container div.right-advantages{width: 415px; float:left; background: #FFF;} #rCol div.advantage-container div.right-advantages ul{list-style:none; margin: 0 0 0 1px; clear: both;} #rCol div.advantage-container div.right-advantages ul li{margin: 0 0 2px 0; padding:3px 12px; background:#e5e5e6; color: #000;} #rCol div.advantage-container div.right-advantages ul li.last{margin-bottom: 0;} #rCol p.contact{margin-top: 10px; margin-bottom: 0; float:left;} #rCol img.advantage-hdr{float:left; margin-bottom:1px;} #rCol img.advantage-ftr{float:left; margin-top: 1px;} /* - About Us Page - */ img.about{width: 665px; height:418px; z-index: 10; position: relative; margin-top: -20px;} #rCol p.about-hdr{width: 344px; position: relative; margin-top: -399px; z-index: 15;} #rCol p.about-topcopy{width: 302px; margin-bottom: 10px; *margin-bottom: 8px; margin-top: -6px;} #rCol div.about-imgs{z-index:15; border-top: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; position: relative; float:left; margin-bottom:10px;} #rCol div.about-imgs img{float:left; padding: 20px 20px 20px 0;} #rCol div.about-imgs img.last{padding-right: 0;} #rCol div.about-rside{width:230px; float:left;} #rCol div.about-rside img{padding-top:10px;} #rCol div.about-lside{border-left: 1px solid #d6d6d6; width: 424px; float:left; padding-left: 10px;} #rCol div.about-lside h3.about-tophdr{padding-top:10px;} #rCol h3.about-bottomhdr-first{background: #9aa3ac; color: #FFF; font-size: 12px; font-weight: bold; padding: 5px 0 5px 10px; width: 151px; margin-right: 14px; float:left;} #rCol h3.about-bottomhdr{background: #9aa3ac; color: #FFF; font-size: 12px; font-weight: bold; padding: 5px 0 5px 10px;} #rCol div.about-bottom-container{width: 151px; margin-right: 14px; float:left; margin-top: 20px; margin-left: 5px;} #rCol div.about-bottom-container-first{width: 151px; margin-right: 14px; float:left; margin-top: 20px;} #rCol div.about-bottom-container-last{width: 151px; margin-left: 5px; float:left; margin-top: 20px;} #rCol div.about-vert-line{border-right: 1px solid #e0dfdf; height: 200px; float: left; margin-top: 20px;} #rCol div.about-bottom-container ul, #rCol div.about-bottom-container-first ul, #rCol div.about-bottom-container-last ul{list-style-type: none; margin:0; font-size: 11px; line-height: 13px; padding: 0;} #rCol div.about-bottom-container ul li, #rCol div.about-bottom-container-first ul li, #rCol div.about-bottom-container-last ul li{ background: url(images/bullet-about.gif) left 4px no-repeat; margin:0 0 10px 0;} /* - Small Gallery Area - */ #rCol .smallGallery{float:right; list-style:none; background:#e9e9ea; padding:10px 10px 0 10px; margin:0 0 0 40px !important;} #rCol .smallGallery li{float:left; clear:left; padding:0 0 8px 0; margin-left: 0!important; background-image:none; margin-right: 0!important; } #rCol .smallGallery li img{float:left; border:3px solid #b3b0b0;} /* - Gallery One Area - */ .Gallery1{float:right; list-style:none; background:#e9e9ea; padding: 10px; margin:0 0 0 30px !important;} .Gallery1 img{float:left; border:3px solid #b3b0b0;} /* - Gallery Area - */ .Gallery{float:left; list-style:none; background:#e9e9ea; padding: 10px; margin:0 30px 0 0px !important;} .Gallery img{float:left; border:3px solid #b3b0b0;} /* - Gallery 2 Area - */ .Gallery2{float:right; list-style:none; background:#e9e9ea; padding: 10px; margin:4px 0 0 30px !important;} .Gallery2 img{float:left; border:3px solid #b3b0b0;} /* - About Text Flow - */ .about-padding{padding-top: 70px;} /* - Bottom Banners - */ #truckBanners{list-style:none; clear:both;} #truckBanners li{float:left; height:131px; border:1px solid #d6d7d8; margin-right:12px; width:303px;} #truckBanners #bottomTour{margin-right:0;} #truckBanners li a{display:block; height:131px; width:100%; text-indent:-1000em; background-repeat:no-repeat; background-position:top left;} #truckBanners #bottomFinancing a{background-image:url(images/bottom_financing.jpg);} #truckBanners #bottomLocation a{background-image:url(images/bottom_locations.jpg);} #truckBanners #bottomTour a{background-image:url(images/bottom_virtual.jpg);} #truckBanners #bottomFinancingApplication a{background-image:url(images/bottom_financing_application.jpg);} #truckBanners #bottomLeasingApplication a{background-image:url(images/bottom_leasing_application.jpg);} /* - Lazy table - */ #content table{width:100%;} #content table th{color:#3b6cb4; font-size:16px; border-bottom:1px dashed #999999; padding-bottom:5px;} #content table td{padding:10px 10px 10px 0; font-size:12px; line-height:16px;} #content table td.address{width:150px;} #content table td.last{padding-right:0;} #content table strong{display:block;} #content table span.phone{font-size:14px; display:block; margin-bottom:5px;} #rCol .featureList h3{color:#fff; font-size:16px; background:#98999d; height:24px; line-height:24px; padding-left:13px; margin-bottom:2px; margin-top:25px;} #rCol .featureList ul{list-style:none; margin-left:0;} #rCol .featureList ul li{margin: 0 0 2px 0; padding:4px 13px; background:#e5e5e6; color: #000;} #rCol .featureList ul li strong{float:left;width:162px;} #rCol .gallery h3{padding-top:30px; clear:both;} #rCol .gallery ul{list-style:none; margin-left:0;} #rCol .gallery ul li{float:left; margin-right:10px; margin-left:0; background:none; padding:0;} #rCol .gallery ul li.last{margin-right:0; margin-left: 0;} #rCol .gallery ul li a{float:left; border:3px solid #b3b0b0;} #rCol .gallery ul li a img{float:left;} /* - Used Truck Controls - */ #rCol .controls{background:#f3f7fc; height:50px; padding:0 10px; color:#4d4b4b; font-family:Arial, Helvetica, Sans-Serif; clear:both;} #rCol .collapseTop{margin-top:-9px;} #rCol .controls p{font-size:16px; color:#3b6cb4; line-height:50px; float:left;} #rCol .controls strong, #rCol .controls ul{float:right; color:#4d4b4b; font-weight:bold; line-height:25px;} #rCol .controls strong{line-height:50px;} #rCol .controls ul{list-style:none} #rCol .controls ul li{float:left; background:none; padding-left:0;} #rCol .controls ul li a{color:#4d4b4b; display:block; text-align:center;} /* - sorter - */ #rCol .controls ul#sort{margin-top:12px;} #rCol .controls ul#sort li{height:21px; line-height:21px; background:none; margin-left: 0; margin-right: 0; margin-top:2px; margin-bottom:2px; padding-left:0px;} #rCol .controls ul#sort li.first{width:61px;padding-left:0px;} #rCol .controls ul#sort li.middle{width:79px;} #rCol .controls ul#sort li.last{width:64px;} #rCol .controls ul#sort li a{background-image:url(images/bg-sortBy.gif); background-repeat:no-repeat; font-size:11px;} #rCol .controls ul#sort li a:hover{text-decoration:none;} #rCol .controls ul#sort li.first a{background-position:0 0;} #rCol .controls ul#sort li.middle a{background-position:-61px 0;} #rCol .controls ul#sort li.last a{background-position:-140px 0;} #rCol .controls ul#sort li.first a:hover{background-position:0 -21px;} #rCol .controls ul#sort li.middle a:hover{background-position:-61px -21px;} #rCol .controls ul#sort li.last a:hover{background-position:-140px -21px;} #rCol .controls ul#sort li.first a:active{background-position:0 -42px;} #rCol .controls ul#sort li.middle a:active{background-position:-61px -42px;} #rCol .controls ul#sort li.last a:active{background-position:-140px -42px;} /* - Pagination - */ #rCol .controls ul.pagination{margin-top:12px;} #rCol .controls ul.pagination .first a, #rCol .controls ul.pagination .last a{text-indent:-1000em; background-repeat:no-repeat; background-position:center left; width:10px;} #rCol .controls ul.pagination .first a{background-image:url(images/btn-last.gif);} #rCol .controls ul.pagination .last a{background-image:url(images/btn-next.gif);} #rCol .controls ul.pagination li{background:none; margin:0 4px; padding-left:0px; clear:none; width:10px;} #rCol .controls ul.pagination li strong {font-size:16px;line-height:26px;} /* - Search Results - */ #searchResults .entry{border-top:1px dashed #999999; padding:10px; cursor:pointer;} #searchResults .entry.hovering{background:#f3f7fc;} #searchResults .entry .photos{float:left; margin-right:16px; width:118px;} #searchResults .entry .info{float:left; width:509px;} #searchResults .entry .photos img{border:3px solid #b3b0b0; display:block; margin-bottom:6px;} #searchResults .entry h3{float:left; width:100%;} #searchResults .entry h3 a{color:#4775b9; font-size:20px; float:left;} #searchResults .entry h3 span, #searchResults .entry h3 strong{float:right; font-size:16px; padding-top:4px;} #searchResults .entry h3 span{color:#2b2a2a;} #searchResults .entry h3 strong{color:#d2252a; width:95px; text-align:right;} #searchResults .entry p{clear:both;} #searchResults .entry p.phone{background:url(images/bg-phone.gif) no-repeat left center; padding-left:20px;} /* - Used Trucks- */ /* - Gallery - */ #gallery{float:left; padding:0 11px 9px 0;} #gallery #largeImage{border:3px solid #b3b0b0; position:relative; margin-bottom:9px; float:left; width:429px; text-align:center;} #gallery #largeImage .on{display:block;} #gallery #largeImage .enlarger{display:none;} /*#gallery #largeImage img{float:left;}*/ #gallery #largeImage #instructions{height:22px; width:417px; position:absolute; left:0; bottom:0; background:url(images/bg-instructions.png) repeat-x bottom left; font-family:Arial; font-size:12px; padding:0 6px;} #gallery #largeImage #instructions p{line-height:22px; color:#fff; float:left;} #gallery #largeImage #instructions ul{list-style:none; float:right;} #gallery #largeImage #instructions ul li{float:left; margin-right:6px;} #gallery #largeImage #instructions ul li a{color:#fff; line-height:22px; text-decoration:none;} #gallery ul#thumbs{list-style:none; float:left; clear:left; width:444px;} #gallery ul#thumbs li{float:left; margin:0px 9px 9px 0px; background:#000000;} #gallery ul#thumbs li img{border:3px solid #b3b0b0; float:left;} /* - Information - */ #info{float:left; width:485px;} #info h1{margin-top:-9px;} #info p.price{font-size:20px; color:#d2252a; float:right; margin-top:-34px;} #info h3{font-size:16px; font-weight:normal; color:#3b6cb4; border-bottom:1px solid #dbdbdb; clear:both; padding:10px 0 2px 0;} #info #specList{float:left;list-style:none; margin-bottom:12px; margin-top:10px;} #info #specList li{float:left; width:465px; padding:7px 10px;} #info #specList li.zebra{background:#f2f2f2;} #info #specList li strong{float:left; width:117px;} #info .col3{float:left; width:33%;} /* - Bottom Banners - */ ul#bottomBanners{list-style:none; clear:both;} ul#bottomBanners li{border:1px solid #d6d7d8; float:left; margin-right:10px;} ul#bottomBanners li.last{margin-right:0;} ul#bottomBanners li a{display:block; width:216px; height:103px; padding:10px 0 0 9px; color:#000; font-size:11px; font-weight:bold; text-decoration:none; letter-spacing:-0.5px;} ul#bottomBanners li.first a, ul#bottomBanners li.last a{width:217px;} ul#bottomBanners li#location{background:url(images/bottomLocations.jpg) no-repeat top left;} ul#bottomBanners li#financing{background:url(images/bottomFinancing.jpg) no-repeat top left;} ul#bottomBanners li#smartway{background:url(images/bottomSmartWay.jpg) no-repeat top left; display:block; width:216px; height:103px; padding:10px 0 0 9px; color:#000; font-size:11px; font-weight:bold; text-decoration:none; letter-spacing:-0.5px;} ul#bottomBanners li#smartway a{padding:0px 0px 0px 0px; height:auto; display:inline;} ul#bottomBanners li#smartway span{line-height: 18px;} ul#bottomBanners li#special{background:url(images/bottomSpecial.jpg) no-repeat top left;} ul#bottomBanners li#used{background:url(images/bottomUsed.jpg) no-repeat top left;} /*:: Footer ------------------------------------- */ #footer{color:#878787; clear:both;} #footer #navBar{height:28px; background:url(images/bg-navBar.gif) repeat-x top left; border-width:1px 0; border-style:solid; border-color:#dee2e5; margin-bottom:7px;} #footer #navBar #locationsNav{float:left; list-style:none;} #footer #navBar #locationsNav li{float:left; margin-right:22px;} #footer #navBar #locationsNav li a{color:#565656; text-decoration:none; line-height:28px; text-transform:uppercase;} #footer #navBar #locationsNav li a:hover{text-decoration:underline;} #footer #navBar #footerNav{float:right; list-style:none;} #footer #navBar #footerNav li{float:right; margin-left:14px;} #footer #navBar #footerNav li a{color:#942020; text-decoration:none; line-height:28px; text-transform:uppercase;} #footer #navBar #footerNav li a:hover{text-decoration:underline;} #footer p#phone{float:left; font-size:18px;} #footer p#copy{float:right;}