body, html {
  width: 700px;
  margin: 0 auto 10px auto;
  font-size: 12px;
  font-family: verdana,arial,helvetica,sans-serif
}

body {
  background: url(http://www.hfultontractors.com/images/background.png)
}

a {
  color: blue;
  text-decoration: none
}

a:hover {
  text-decoration: underline
}

h1, h2, p {
  margin-left: 10px
}

h1 {
  font-size: 18px
}

h2, p {
  font-size: 12px
}

img {
  border: 0
}

.header {
  height: 125px
}

.navBar {
  clear: both;
  height: 20px;
  background: green
}

.navButton a {
  float: left;
  height: 14px;
  padding: 3px 15px;
  color: white;
  border-right: 1px solid;
  border-right-color: #cdd7cd;
  font-size: 10px;
  font-weight: bold
}

.textCol {
  float: left;
  width: 380px;
  margin: 10px 0
}

.imgCol {
  width: 300px;
  height: 240px;
  margin: 20px 0 20px 400px
}

.imgCol img {
  float: right
}

.listShow {
  float: left;
  width: 320px;
  margin-top: 20px;
  text-align: right
}

.listSort {
  margin: 20px 0 0 380px;
  text-align: left
}

.stockList {
  clear: both;
  padding: 20px 0
}

.stockList h2 {
  margin: 0
}

.listSect {
  height: 118px;
  margin-top: -1px;
  padding: 10px;
  background: #cdd7cd;
  border-color: gray;
  border-width: 1px;
  border-style: solid
}

.listEven {
  background: silver
}

.listLCol {
  clear: both;
  float: left;
  width: 128px
}

.listRCol {
  margin-left: 148px
}

.listEnlarge {
  float: left;
  padding: 4px 2px 0 0;
  font-size: 10px
}

.listButton {
  float: right;
  padding: 4px 0 0 2px
}

.listSectText {
  margin-top: 10px
}

.listDetails {
  float: left;
  width: 100px;
  padding: 3px 0 0 0
}

.listPrice {
  float: right;
  padding: 3px 0 0 0
}

.footer {
  clear: both;
  height: 14px;
  padding: 3px 10px;
  background: green;
  color: white;
  font-size: 10px;
  font-weight: bold;
  text-align: right
}

.footer a {
  color: white;
  text-decoration: none
}