/************************************************************************************************************************/
/* CSS Document */
body, h1, h2, h3, h4, h5, h6, div, p, ul, ol, li, img, form { padding: 0; border: 0; margin: 0; }
body { background: #DEF4F9; font-family: Arial, Helvetica, sans-serif; }
a { outline: none; color: #0093B0; }

/************************************************************************************************************************/
/* TEXT FORMATTING */
h1 { font-size: 22px; font-weight: normal; color: #287DC9; padding-bottom: 1px; margin-bottom: 5px; border-bottom: solid 1px #287DC9; }
h2 { font-size: 22px; font-weight: normal; color: #006838; padding-bottom: 1px; margin-bottom: 5px; border-bottom: solid 1px #006838; }
h3 { font-size: 22px; font-weight: normal; color: #AF172A; padding-bottom: 1px; margin-bottom: 5px; border-bottom: solid 1px #AF172A; }
h4 { font-size: 18px; font-weight: normal; color: #287DC9; padding-bottom: 4px; }
h5 { font-size: 18px; font-weight: normal; color: #006838; padding-bottom: 4px; }
h6 { font-size: 18px; font-weight: normal; color: #AF172A; padding-bottom: 4px; }
p { font-color: #000000; font-size: 12px; padding-bottom: 12px; }
.bold { font-weight: bold; }
#content-left #text ul {  margin: 7px 0px 9px 0px; list-style: square; color: #666666; font-size: 12px; }
#content-left #text ul li { margin: 0px 50px 4px 20px; }
.quotes { padding: 0px 0px 10px 0px; }

.truck-list h1 { width: 276px; font-size: 14px; color: #ffffff; border-bottom: solid 1px #ffffff; padding: 5px 0px 3px 8px; }
.col-one, .col-two { font-size: 12px; color: #ffffff; }
.detail-col-one, .detail-col-two { font-size: 12px; color: #000000; }

/************************************************************************************************************************/
/* CENTERING AND POSITIONING */
#wrapper { margin: 0 auto; width: 814px; }
#container { background: #DEF4F9; float: left; width: 814px; margin-left: 14px; }

#header { float: left; width: 800px; margin-top: 20px; }
#banner-top { float: left; width: 800px; height: 183px; }
#banner-bottom { background: url(../images/banner-bottom.jpg) no-repeat; float: left; width: 800px; height: 47px; }

ul#nav { float: left; width: 788px; list-style: none; margin-top: 12px; margin-left: 12px; }
ul#nav li { float: left; height: 35px; margin-right: 3px; }
ul#nav li a { float: left; height: 35px; }

ul#nav li#home { background: url(../images/nav-home.jpg) no-repeat; width: 55px; }
ul#nav li#grain-trailers { background: url(../images/nav-grain-trailers.jpg) no-repeat; width: 125px; }
ul#nav li#gravel-trailers { background: url(../images/nav-gravel-trailers.jpg) no-repeat; width: 141px; }
ul#nav li#truck-boxes { background: url(../images/nav-truck-boxes.jpg) no-repeat; width: 106px; }
ul#nav li#sales { background: url(../images/nav-sales.jpg) no-repeat; width: 57px; }
ul#nav li#about-us { background: url(../images/nav-about-us.jpg) no-repeat; width: 89px; }
ul#nav li#details { background: url(../images/nav-details.jpg) no-repeat; width: 75px; padding: 0px; }
ul#nav li#contact-us { background: url(../images/nav-contact-us.jpg) no-repeat; width: 98px; }

ul#nav li#home a { background: url(../images/nav-home.jpg) no-repeat; width: 55px; }
ul#nav li#grain-trailers a { background: url(../images/nav-grain-trailers.jpg) no-repeat; width: 125px; }
ul#nav li#gravel-trailers a { background: url(../images/nav-gravel-trailers.jpg) no-repeat; width: 141px; }
ul#nav li#truck-boxes a { background: url(../images/nav-truck-boxes.jpg) no-repeat; width: 106px; }
ul#nav li#sales a { background: url(../images/nav-sales.jpg) no-repeat; width: 57px; }
ul#nav li#about-us a { background: url(../images/nav-about-us.jpg) no-repeat; width: 89px; }
ul#nav li#details a { background: url(../images/nav-details.jpg) no-repeat; width: 75px; }
ul#nav li#contact-us a { background: url(../images/nav-contact-us.jpg) no-repeat; width: 98px; }

ul#nav li#home a:hover { background: url(../images/nav-home-over.jpg) no-repeat; width: 55px; }
ul#nav li#grain-trailers a:hover { background: url(../images/nav-grain-trailers-over.jpg) no-repeat; width: 125px; }
ul#nav li#gravel-trailers a:hover { background: url(../images/nav-gravel-trailers-over.jpg) no-repeat; width: 141px; }
ul#nav li#truck-boxes a:hover { background: url(../images/nav-truck-boxes-over.jpg) no-repeat; width: 106px; }
ul#nav li#sales a:hover { background: url(../images/nav-sales-over.jpg) no-repeat; width: 57px; }
ul#nav li#about-us a:hover { background: url(../images/nav-about-us-over.jpg) no-repeat; width: 89px; }
ul#nav li#details a:hover { background: url(../images/nav-details-over.jpg) no-repeat; width: 75px; }
ul#nav li#contact-us a:hover { background: url(../images/nav-contact-us-over.jpg) no-repeat; width: 98px; }

ul#nav li#home a.highlight { background: url(../images/nav-home-over.jpg) no-repeat; width: 55px; }
ul#nav li#grain-trailers a.highlight { background: url(../images/nav-grain-trailers-over.jpg) no-repeat; width: 125px; }
ul#nav li#gravel-trailers a.highlight { background: url(../images/nav-gravel-trailers-over.jpg) no-repeat; width: 141px; }
ul#nav li#truck-boxes a.highlight { background: url(../images/nav-truck-boxes-over.jpg) no-repeat; width: 106px; }
ul#nav li#sales a.highlight { background: url(../images/nav-sales-over.jpg) no-repeat; width: 57px; }
ul#nav li#about-us a.highlight { background: url(../images/nav-about-us-over.jpg) no-repeat; width: 89px; }
ul#nav li#details a.highlight { background: url(../images/nav-details-over.jpg) no-repeat; width: 75px; }
ul#nav li#contact-us a.highlight { background: url(../images/nav-contact-us-over.jpg) no-repeat; width: 98px; }

#nav-bottom { background: url(../images/nav-bar.jpg) repeat-x; float: left; width: 800px; height: 44px; }
#breadcrumb { float: left; width: 450px; font-size: 14px; color: #ffffff; padding: 12px; }
#search-trucks { float: right; width: 270px; padding: 4px 0px 0px 15px; border-left: #ffffff dotted 2px; margin: 3px 0px 3px 0px; height: 32px; }
#search-trucks-img { float: left; width: 50px; margin-right: 10px; }
#truck-search-form { float: left; width: 200px; padding-top: 3px; }
#truck-select { width: 140px }

ul#sub-nav { float: left; list-style: none; }
ul#sub-nav li { float: left; padding-right: 7px; font-size: 14px; color: #ffffff; }
ul#sub-nav li a { float: left; padding-right: 7px; font-size: 14px; color: #ffffff; text-decoration: none; }
ul#sub-nav li a:hover { text-decoration: underline; }

#content { background: url(../images/bg-content.jpg) repeat-y; float: left; width: 800px; }
#listings { background: #0D659B; float: left; width: 800px; }

#home-left { float: left; width: 516px; }
#home-right { float: left; width: 284px; }

#content-left { background: #ffffff; float: left; width: 516px; }
#text { padding: 10px 15px 10px 12px; }

#home-display { background: #DEF4F9; float: left; width: 516px; }
ul#color-columns { float: left; list-style: none; }
ul#color-columns li { float: left; margin-right: 3px; width: 169px; color: #ffffff; font-size: 12px; }
ul#color-columns li#blue { background: #0D659B; }
ul#color-columns li#green { background: #004924; }
ul#color-columns li#red { background: #890B20; }
ul#color-columns li#red { margin-right: 0px; }
.color-text p { padding: 0px 5px 0px 9px; }
ul#color-columns li#blue .color-text p { padding-bottom: 25px; }
ul#color-columns li#green .color-text p { padding-bottom: 11px; }
ul#color-columns li#red .color-text p { padding-bottom: 26px; }

#sales-trucks { float: left; width: 284px; background: url(../images/title-latest-trucks.jpg) no-repeat top; }
ul#truck-list-home { margin-top: 56px; list-style: none; }
ul#truck-list-home li { float: left; width: 284px; padding-top: 7px; }
ul#truck-list-home li#light-blue { background: #0D659B; padding-top: 0px; }
ul#truck-list-home li#mid-blue { background: #065982; }
ul#truck-list-home li#dark-blue { background: #024863; }
.home-list-cont { padding: 10px; }
.home-thumb { float: left; width: 120px; height: 80px; padding-right: 5px; }
.home-description { font-size: 11px; color: #ffffff; }
.home-details { float: left; width: 284px; height: 27px; }
.img-more-details { float: right; margin: 12px 11px 0px 0px; }
#home-details-light { background: url(../images/home-details-light.jpg) no-repeat; }
#home-details-mid { background: url(../images/home-details-mid.jpg) no-repeat; }
#home-details-dark { background: url(../images/home-details-dark.jpg) no-repeat; }

#home-other-search { background: #0D659B url(../images/title-search-options.jpg) no-repeat; float: left; width: 513px; border-bottom: dotted 2px #ffffff; }
ul#home-search-options { float: left; width: 513px; list-style: none; margin-top: 37px; }
ul#home-search-options li.home-options { float: left; width: 139px; padding: 15px; border-right: dotted 2px #ffffff; }
ul#home-search-options li.home-options#home-no-border { border-right: none; width: 141px; }
select#home-body-select, select#home-makes-select, select#home-axels-select { width: 140px; }
* html select#home-body-select, select#home-makes-select, select#home-axels-select { width: 130px; }
#home-search { float: right; margin: 0px 25px 10px 0px; }
* html #home-search { margin-right: 15px; }

#main-search { float: left; width: 800px; border-bottom: solid 2px #F6921E; background: #0D659B; }
ul#main-search-list { float: left; list-style: none; }
ul#main-search-list li.main-search-item { float: left; width: 222px; }
ul#main-search-list li#main-blue { background: #0D659B; border-right: dotted 2px #ffffff; }
ul#main-search-list li#main-green { background: #004924; border-right: dotted 2px #ffffff; }
ul#main-search-list li#main-red { background: #890B20; border-right: dotted 2px #ffffff; }
.main-select-padding { padding: 5px 0px 11px 30px; }
select#main-body-select, select#main-makes-select, select#main-axles-select { width: 165px; }
#main-search-submit { float: left; padding: 40px 0px 0px 30px; }

#listing-cont { float: left; width: 800px; border-bottom: solid 2px #ffffff; }
.listing-item { background: url(../images/search-main-bar.jpg) no-repeat top; float: left; width: 800px; padding-top: 34px; }
.listing-item-bottom { background: url(../images/search-details-bar.jpg) no-repeat bottom; float: left; width: 800px; padding-bottom: 25px; }
.listing-item-padding { padding: 7px 20px 7px 20px; }
.listing-thumb { float: left; width: 120px; height: 80px; padding-right: 5px; }
.col-one, .col-two { float: left; width: 200px; padding: 0px 0px 0px 20px; }
.col-price { float: left; width: 180px; padding: 0px 0px 0px 15px; color: #ffffff; font-size: 24px; }
.col-price a { color: #ffffff; text-decoration: none; }
.col-price a:hover { color: #C0DFF2; }

#details-cont { float: left; width: 780px; padding: 10px; background: #ffffff; }
#prod-img { float: left; width: 280px; height: 200px; padding: 5px 5px 5px 3px; }
#details { float: left; width: 486px; padding-top: 5px; }
.detail-col-one, .detail-col-two { float: left; width: 203px; padding: 0px 15px 0px 5px; }

#desc-cont { float: left; width: 800px; background: #ffffff; }
#desc-text { width: 776px; padding: 12px; }

#add-imgs-cont { background: #0D659B url(../images/details-bot-bar.jpg) no-repeat bottom; float: left; width: 800px; border-bottom: 2px solid #ffffff; padding-bottom: 32px; }
#add-imgs-photos { float: left; width: 780px; padding: 10px; }
* html #add-imgs-photos { padding: 10px 5px 10px 5px; }
ul#add-photos-list { float: left; width: 700px; list-style: none; padding: 5px 0px 0px 65px; }
* html ul#add-imgs-photos { padding-left: 32px; }
ul#add-photos-list li { float: left; width: 120px; height: 80px; padding: 5px; }


#footer-wrapper { margin: 0 auto; width: 814px; }
#footer { background: url(../images/footer-truck2.jpg) repeat-y; float: left; width: 814px; height: 136px; margin-bottom: 30px;  }
#footer-right { float: right; width: 284px; }
ul.footer-links { float: left; width: 118px; list-style: none; font-size: 11px; padding: 7px 12px 7px 12px; margin-top: 7px; }
ul.footer-links#fl-left { text-align: right; border-right: dotted 2px #ffffff; width: 116px; }
ul.footer-links#fl-right { text-align: left; }
ul.footer-links li { color: #666666; text-decoration: none; font-weight: bold; }
ul.footer-links li a { color: #666666; text-decoration: none; font-weight: bold; line-height: 15px; }
ul.footer-links li a:hover { text-decoration: underline; }

/********************************************************************************************************************************/
/* MODERN EARTH BRANDING */
#modernearth { float: left; width: 140px; padding: 0px 0px 10px 650px; }