/*PumpStar Styles */ * { /* removes defaults from all elements */ margin: 0; padding: 0; border:0; } body { text-align: center; background-color: #fff; background-image: url(../images/ps_body_bg.jpg); background-repeat: repeat; font-family: 'lucida grande', 'tahoma', arial, helvetica, sans-serif; font-size: 62.5%; /* sets the stage for using ems */ } p { text-align:left; font-family: 'lucida grande', 'tahoma', arial, helvetica, sans-serif; font-size: 1em; } p.message { font-style:italic; color:#999; } a:link, a:visited, a:active { color: #1c3f7b; text-decoration:none; } a:hover { text-decoration:underline; } .special { font-weight:bold; color: #1c3f7b; } #special { padding:0 18px 0; } #special a { text-decoration:none; border:1px solid #cc0000; } #special a:hover { background:#1c3f7b; color:#fff; } h1 { font-family: 'lucida grande', 'tahoma', arial, helvetica, sans-serif; color: #1c3f7b; font-weight: bold; font-size: 1.2em; margin-bottom:3px; } .breadcrumbs a, a:visited { color: #1c3f7b; text-decoration:none; } .breadcrumbs a:hover { color: #cc0000; text-decoration:underline; } hr { color: #1c3f7b; display:block; margin:6px 0; border:thin solid; width:90%; } #horizon { background-color: transparent; position: absolute; top: 0; left: 0; width: 100%; margin: 10px 0; text-align: center; min-width: 750px; } #wrapper { position: relative; text-align: left; width: 750px; height:100%; margin: 0 auto; margin-bottom:8px; padding: 0px; background-color: #fff; } #clearone { clear: both; height: 1px; } .productlabel { border-bottom: 1px solid #cc0000; margin-bottom: 6px; margin-right:30px; padding-bottom:2px; } #header { height: 78px; padding-left:5px; } /* top-level navigation ==============================================================================*/ #Mainnav { height: 28px; list-style: none; } #Mainnav li { float: left; height: 28px; overflow: hidden; /* if text-resize, this'll keep the nav the same size */ } #Mainnav li a { display: block; line-height: 28px; text-indent: -5000px; overflow: hidden; background-position: center top; /* horizontally centers the background image */ } #navAbout { width: 73px; background: url(../images/nav_about.jpg) no-repeat; } #navProduct { width: 91px; background: url(../images/nav_product.jpg) no-repeat; } #navUsed { width: 101px; background: url(../images/nav_used.jpg) no-repeat; } #navService { width: 57px; background: url(../images/nav_service.jpg) no-repeat; } #navNewsletter { width: 91px; background: url(../images/nav_newsletter.jpg) no-repeat; } #navEmployment { width: 91px; background: url(../images/nav_employment.jpg) no-repeat; } #navLinks { width: 57px; background: url(../images/nav_links.jpg) no-repeat; } #navContact { width: 77px; background: url(../images/nav_contact.jpg) no-repeat; } #navGallery{ width: 101px; background: url(../images/nav_gallery.jpg) no-repeat; } #navEndout { width: 11px; background: url(../images/nav_endout.jpg) no-repeat; } #Mainnav li a:hover { background-position: 50% -28px; } #Mainnav li a.currentSection, #Mainnav li a.currentSection:hover { background-position: 50% -56px; } /* banner area ==============================================================================*/ #bannerwrapper { position: relative; margin: 0; background-color: #cc0000; width: 750px; height: 180px; } #nonbannerwrapper { position: relative; margin: 0; background-color: #cc0000; width: 750px; height: 10px; } /* content area ==============================================================================*/ #contentwrapper { position: relative; width: 750px; background-color: #fff; margin: 10px 0; } #sidebar { position: relative; float: left; width: 260px; padding-top: 8px; padding-left: 10px; } .shade { background-color:#c0c0c0; } .sidebarlabel { font-size: 1.4em; font-weight:bold; color: #1c3f7b; } .sidebarthmb { margin-bottom: 20px; border:0; text-align:center; } #content { position: relative; width: 454px; height:100%; margin-left: 260px; padding: 8px 20px; border-left: 1px solid #eaeaea; } img.r { position:relative; float:right; margin-right:20px; margin-bottom: 20px; padding-left: 4px; } img.l { position:relative; float:left; margin-left:20px; margin-bottom: 20px; padding-right: 4px; } img.c { postion:relative; padding:1.2em auto; border:0; } img.product { border:0; margin-bottom:20px; padding-left:160px; } #productmainlabel { font-size:1.6em; color: #1c3f7b; font-weight:bold; margin-bottom:8px; padding-right:40px; } #productmain { margin-bottom:20px; padding-right:40px; } .product a { text-decoration:none; color: #1c3f7b; float:right; margin-right:30px; margin-top:60px; } .product a:hover { color: #cc0000; text-decoration:none; } #features li { margin:8px 16px; line-height:1.6em; list-style-type:none; padding-right:20px; color:#1c3f7b; width:208px; } #trucklabel { font-size:2.8em; color: #1c3f7b; font-weight:bold; margin-bottom:8px; } img.links { text-align:left; margin-right:12px; border:0; } /* footer navigation ==============================================================================*/ #footer { clear: both; width: 750px; height:60px; background-image: url(../images/ps_foot.jpg); background-repeat: repeat-x; } #footerwrapper { position: relative; margin: 0 auto; padding: 10px 0 2px 0; width: 750px; text-align: center; } #bluetee { position:relative; text-align:center; color:#1c3f7b; } #siteMap ul { display: inline; } #siteMap ul li { display: inline; list-style: none; font-size: .91em; font-weight: normal; /*padding: .36em .36em;*/ } #siteMap ul li.first { display: inline; list-style: none; font-size: .91em; font-weight: normal; padding: .36em .36em; } #siteMap li a { padding: .36em .18em; font-weight: bold; color: #fff; text-decoration:none; } #siteMap li a:hover { text-decoration: underline; color: #cc0000; } #copyright { font-size: .91em; font-weight: normal; margin-top: 6px; color: #fff; text-align: center; } #creator { clear: both; font-weight: normal; color: #1c3f7b; margin: 10px auto; text-align:center; background-color: transparent; } #creator a { font-weight:bold; text-decoration: none; color: #1c3f7b; } #creator a:hover { text-decoration:underline; } /* TRUCK SPECS ==============================================================================*/ table.specs { clear: none; width: 420px; line-height: 1.4em; border-collapse: collapse; border: 3px solid #1c3f7b; font-size: 1.0em; color: #333; background: #eaeaea; margin-left: auto; margin-right: auto; } table.specs caption { margin: 0; padding: 0; line-height: 2em; color: #cc0000; text-align: left; font-weight: bold; font-size: 1.4em; } table.specs thead tr { color: #fff; background: #1c3f7b; } table.specs thead tr th { padding: .4em .6em .4em .6em; } table.specs tbody tr { border: 3px solid #1c3f7b; } table.specs tbody th { padding: .6em; border: 1px solid #1c3f7b; text-align:left; } table.specs tbody td { width:80px; background: #fff; padding-left: .8em; border-bottom: 1px solid #1c3f7b; text-align:center; } table.specs tbody tr.odd { background: #eaeaea; } table.specs tbody tr.odd td { width:80px; background: #fff; color: #1c3f7b; text-align:center; } /* EQUIPMENT SPECS ==============================================================================*/ table.equip { clear: none; width: 437px; line-height: 1.4em; border-collapse: collapse; border: 3px solid #1c3f7b; font-size: 1.0em; color: #333; background: #eaeaea; margin-left: auto; margin-right: auto; } table.equip caption { margin: 0 auto; padding: 0; line-height: 2em; color: #cc0000; text-align: left; font-weight: bold; font-size: 1.4em; border: 3px solid #1c3f7b; } table.equip thead tr { color: #fff; background: #1c3f7b; } table.equip thead tr th { padding: .4em .6em .4em .6em; } table.equip tbody tr { border: 3px solid #1c3f7b; } table.equip tbody th { padding: .6em; border: 1px solid #1c3f7b; text-align:left; } table.equip tbody td { /*width:80px;*/ background: #fff; padding-left: .8em; border-bottom: 1px solid #1c3f7b; text-align:center; } table.equip tbody tr.odd { background: #eaeaea; } table.equip tbody tr.odd td { /*width:80px;*/ background: #fff; color: #1c3f7b; text-align:center; } /* Links ==============================================================================*/ table.links { clear: none; width: 420px; font-size: 1.0em; border-collapse: collapse; border: 1px solid #1c3f7b; padding:4px; } table.links tbody td { /*width:80px;*/ background: #fff; padding: .8em; border-bottom: 1px solid #1c3f7b; text-align:left; } /* Photo Gallery ==============================================================================*/ table.gallery { clear: none; width: 420px; font-size: 1.0em; border-collapse: collapse; /*border: 1px solid #1c3f7b;*/ /*padding:4px;*/ } table.gallery tbody td { /*width:80px;*/ background: #fff; padding: 10px; /*border-bottom: 1px solid #1c3f7b;*/ text-align:center; vertical-align:middle; } img.gallery { text-align:center; border:1px solid #1c3f7b; } /* CONTACTS ==============================================================================*/ table.contacts { clear: none; width: 420px; line-height: 1.4em; border-collapse: collapse; font-size: 1.0em; margin-left: auto; margin-right: auto; padding:4px; } table.contacts tbody td { width:50%; background: #eaeaea; padding:.8em 0; border-bottom: 1px solid #1c3f7b; text-align:left; } /* EMPLOYMENT ==============================================================================*/ table.employment { clear: none; width: 420px; line-height: 1.4em; border-collapse: collapse; font-size: 1.0em; color: #333; background: #eaeaea; margin-left: auto; margin-right: auto; } table.employment caption { margin: 0; padding: 0; line-height: 2em; color: #cc0000; text-align: left; font-weight: bold; font-size: 1.4em; } table.employment thead tr { color: #fff; background: #1c3f7b; } table.employment thead tr th { padding: .4em .6em .4em .6em; } table.employment tbody tr { border:1px solid #1c3f7b; } table.employment tbody th { padding: 1.2em .8em 1.2em 1.4em; width:30%; border: 1px solid #1c3f7b; text-align:left; } table.employment tbody td { width:70%; background: #fff; padding: 1.2em .8em 1.2em 1.4em; text-align:left; border:1px solid #1c3f7b; } table.employment tbody tr.odd { background: #eaeaea; } table.employment tbody tr.odd td { width:70%; background: #fff; color: #1c3f7b; text-align:center; } input, textarea { color:#1c3f7b; border:1px solid ##1c3f7b; backgorund:#eaeaea; } #employment ul { margin: 10px 0; } #employment li { list-style-type:none; list-style-position:inside; text-align:center; color:#1c3f7b; font-weight:bold; line-height:1.8em; } /* newsletter ==============================================================================*/ table.newsletter { clear: none; width: 420px; line-height: 1.4em; border-collapse: collapse; font-size: 1.0em; color: #333; background: #eaeaea; margin-left: auto; margin-right: auto; } table.newsletter caption { margin: 0; padding: 0; line-height: 2em; color: #cc0000; text-align: left; font-weight: bold; font-size: 1.8em; } table.newsletter thead tr { color: #fff; background: #1c3f7b; } table.newsletter thead tr th { padding: .4em .6em .4em .6em; } table.newsletter tbody tr { border:1px solid #1c3f7b; } table.newsletter tbody th { padding: 1.2em .8em 1.2em 1.4em; width:15%; border: 1px solid #1c3f7b; text-align:center; } table.newsletter tbody td { width:70%; background: #fff; padding: 1.2em .8em 1.2em 1.4em; text-align:left; border:1px solid #1c3f7b; } table.newsletter tbody tr.odd { background: #eaeaea; } table.newsletter tbody tr.odd td { width:70%; background: #fff; color: #1c3f7b; text-align:center; }