#titleContainer h1{
  margin-top: 20px;
}

#titleContainer {
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  width: 260px;
  height: 55px;
}  

#titleShadow {
  position: relative;
  float: left;
  z-index: 1;
  width: 260px;
  height: 60px;
  margin-left: 10px;
  margin-top: 10px;
  background-image: url(images/shadow.png);
  background-repeat: no-repeat;
  background-position: bottom right;
  
}  
  
#title {
  text-align: center;
  position: relative;
  float: left;
  z-index: 2;
  margin-left: -4px;
  margin-top: -71px;
  width: 260px;
  height: 55px;
  background-color: #6D5122;
}

#leftColumn {
  float: left;
  width: 325px;
}

#rightColumn {
  float: right;
  width: 325px;
}

#fullLineInfoContainer {
  float: left;
  display: inline;
  margin-top: 10px;
  margin-left: 40px;
  width: 600px;
  height: 400px;
  margin-bottom: 40px;
}  

#fullLineInfoShadow {
  position: relative;
  float: left;
  z-index: 1;
  width: 620px;
  height: 420px;
  margin-left: 10px;
  margin-top: 10px;
  background-image: url(images/shadow.png);
  background-repeat: no-repeat;
  background-position: bottom right;
  
}  
  
#fullLineInfo {
  padding: 10px;
  position: relative;
  float: left;
  z-index: 2;
  margin-left: -4px;
  margin-top: -436px;
  width: 600px;
  height: 400px;
  background-color: #6D5122;
}

th {
  background-color:  #330;
  font-weight:  bold;
  border:  thin solid #330;
  margin-top: 3px;
  margin-bottom: 3px;
}

td {
  border:  thin solid #330;
}

.products {
  margin-top:  5px;
  margin-left:  auto;
  margin-right: auto;
  border:  thin solid #330;
  text-align:   center;
}

.color1 {
  background-color:  #960;
}

.color2 {
  background-color: #630;
}

#bestContainer {
  float: left;
  display: inline;
  margin-top: 10px;
  margin-left: 20px;
  width: 300px;
  height: 330px;
  margin-bottom: 40px;
}  

#bestShadow {
  position: relative;
  float: left;
  z-index: 1;
  width: 320px;
  height: 350px;
  margin-left: 10px;
  margin-top: 10px;
  background-image: url(images/shadow.png);
  background-repeat: no-repeat;
  background-position: bottom right;
  
}  
  
#best {
  padding: 10px;
  position: relative;
  float: left;
  z-index: 2;
  margin-left: -4px;
  margin-top: -367px;
  width: 300px;
  height: 330px;
  background-color: #6D5122;
}

#cheddarPicContainer {
  float: right;
  margin-top: -0px;
  margin-right: -7px;
  width: 300px;
  height: 260px;
  margin-bottom: 50px;
}  

#cheddarPicShadow {
  position: relative;
  float: left;
  z-index: 1;
  width: 300px;
  height: 260px;
  margin-left: 10px;
  margin-top: 26px;
  background-image: url(images/shadow.png);
  background-repeat: no-repeat;
  background-position: bottom right;
  
}  
  
#cheddarPic {
  position: relative;
  float: left;
  z-index: 2;
  margin-left: -4px;
  margin-top: -277px;
  width: 300px;
  height: 260px;
}

#cheddarPic2Container {
  float: right;
  margin-top: 10px;
  margin-right: -7px;
  width: 90px;
  height: 660px;
  margin-bottom: 60px;
}  

#cheddarPic2Shadow {
  position: relative;
  float: left;
  z-index: 1;
  width: 80px;
  height: 660px;
  margin-left: 150px;
  margin-top: 26px;
  background-image: url(images/shadow.png);
  background-repeat: no-repeat;
  background-position: bottom right;
  
}  
  
#cheddarPic2 {
  position: relative;
  float: left;
  z-index: 2;
  margin-left: -93px;
  margin-top: 10px;
  width: 80px;
  height: 660px;
  margin-bottom: 45px;
}
  

#colbyContainer {
  float: left;
  display: inline;
  margin-top: 0px;
  margin-left: 20px;
  width: 300px;
  height: 260px;
  margin-bottom: 40px;
}  

#colbyShadow {
  position: relative;
  float: left;
  z-index: 1;
  width: 320px;
  height: 280px;
  margin-left: 10px;
  margin-top: 10px;
  background-image: url(images/shadow.png);
  background-repeat: no-repeat;
  background-position: bottom right;
  
}  
  
#colby {
  padding: 10px;
  position: relative;
  float: left;
  z-index: 2;
  margin-left: -4px;
  margin-top: -296px;
  width: 300px;
  height: 260px;
  background-color: #6D5122;
}

#brickPicContainer {
  float: right;
  margin-top: -0px;
  margin-right: -7px;
  width: 300px;
  height: 260px;
}  

#brickPicShadow {
  position: relative;
  float: left;
  z-index: 1;
  width: 300px;
  height: 240px;
  margin-left: 10px;
  margin-top: 26px;
  background-image: url(images/shadow.png);
  background-repeat: no-repeat;
  background-position: bottom right;
  
}  
  
#brickPic {
  position: relative;
  float: left;
  z-index: 2;
  margin-left: -4px;
  margin-top: -257px;
  width: 300px;
  height: 260px;
}

#hardContainer {
  float: left;
  display: inline;
  margin-top: 50px;
  margin-left: 20px;
  width: 300px;
  height: 260px;
  margin-bottom: 40px;
}  

#hardShadow {
  position: relative;
  float: left;
  z-index: 1;
  width: 320px;
  height: 280px;
  margin-left: 10px;
  margin-top: 10px;
  background-image: url(images/shadow.png);
  background-repeat: no-repeat;
  background-position: bottom right;
  
}  
  
#hard {
  padding: 10px;
  position: relative;
  float: left;
  z-index: 2;
  margin-left: -4px;
  margin-top: -296px;
  width: 300px;
  height: 260px;
  background-color: #6D5122;
}

#otherPicContainer {
  float: right;
  margin-top: -0px;
  margin-right: -7px;
  width: 300px;
  height: 260px;
}  

#otherPicShadow {
  position: relative;
  float: left;
  z-index: 1;
  width: 300px;
  height: 240px;
  margin-left: 10px;
  margin-top: 26px;
  background-image: url(images/shadow.png);
  background-repeat: no-repeat;
  background-position: bottom right;
}  
  
#otherPic {
  position: relative;
  float: left;
  z-index: 2;
  margin-left: -4px;
  margin-top: -255px;
  width: 300px;
  height: 260px;
}

#bestPicContainer {
  float: right;
  margin-top: -10px;
  margin-right: 7px;
  width: 300px;
  height: 260px;
}  

#bestPicShadow {
  position: relative;
  float: left;
  z-index: 1;
  width: 300px;
  height: 240px;
  margin-left: 10px;
  margin-top: 26px;
  background-image: url(images/shadow.png);
  background-repeat: no-repeat;
  background-position: bottom right; 
}  
  
#bestPic {
  position: relative;
  float: left;
  z-index: 2;
  margin-left: -4px;
  margin-top: -252px;
  width: 300px;
  height: 260px;
}

#cheddarContainer {
  float: left;
  display: inline;
  margin-top: 120px;
  margin-left: 20px;
  width: 300px;
  height: 960px;
  margin-bottom: 40px;
}  

#cheddarShadow {
  position: relative;
  float: left;
  z-index: 1;
  width: 320px;
  height: 1100px;
  margin-left: 10px;
  margin-top: 60px;
  background-image: url(images/shadow2.png);
  background-repeat: no-repeat;
  background-position: bottom right;
  
}  
  
#cheddar {
  padding: 10px;
  position: relative;
  float: left;
  z-index: 2;
  margin-left: -4px;
  margin-top: -1146px;
  width: 300px;
  height: 960px;
  background-color: #6D5122;
}

#colbyPicContainer {
  float: right;
  margin-top: 25px;
  margin-right: -5px;
  width: 300px;
  height: 260px;
}  

#colbyPicShadow {
  position: relative;
  float: left;
  z-index: 1;
  width: 300px;
  height: 240px;
  margin-left: 10px;
  margin-top: 26px;
  background-image: url(images/shadow.png);
  background-repeat: no-repeat;
  background-position: bottom right; 
}  
  
#colbyPic {
  position: relative;
  float: left;
  z-index: 2;
  margin-left: -4px;
  margin-top: -263px;
  width: 300px;
  height: 260px;
}

#brickContainer {
  float: left;
  display: inline;
  margin-top: 62px;
  margin-left: 20px;
  width: 300px;
  height: 240px;
  margin-bottom: 40px;
}  

#brickShadow {
  position: relative;
  float: left;
  z-index: 1;
  width: 320px;
  height: 260px;
  margin-left: 10px;
  margin-top: 10px;
  background-image: url(images/shadow.png);
  background-repeat: no-repeat;
  background-position: bottom right;
  
}  
  
#brick {
  padding: 10px;
  position: relative;
  float: left;
  z-index: 2;
  margin-left: -4px;
  margin-top: -276px;
  width: 300px;
  height: 240px;
  background-color: #6D5122;
}

#hardPicContainer {
  float: right;
  margin-top: 5px;
  margin-right: -5px;
  width: 300px;
  height: 272px;
}  

#hardPicShadow {
  position: relative;
  float: left;
  z-index: 1;
  width: 300px;
  height: 272px;
  margin-left: 10px;
  margin-top: 26px;
  background-image: url(images/shadow.png);
  background-repeat: no-repeat;
  background-position: bottom right; 
}  
  
#hardPic {
  position: relative;
  float: left;
  z-index: 2;
  margin-left: -4px;
  margin-top: -288px;
  width: 300px;
  height: 272px;
}

#otherContainer {
  float: left;
  display: inline;
  margin-top: 60px;
  margin-left: 20px;
  width: 300px;
  height: 300px;
  margin-bottom: 40px;
}  

#otherShadow {
  position: relative;
  float: left;
  z-index: 1;
  width: 320px;
  height: 320px;
  margin-left: 10px;
  margin-top: 10px;
  background-image: url(images/shadow.png);
  background-repeat: no-repeat;
  background-position: bottom right;
  
}  
  
#other {
  padding: 10px;
  position: relative;
  float: left;
  z-index: 2;
  margin-left: -4px;
  margin-top: -336px;
  width: 300px;
  height: 300px;
  background-color: #6D5122;
}

#alsoContainer {
  float: left;
  display: inline;
  margin-top: 20px;
  margin-left: 20px;
  width: 700px;
  height: 150px;
  margin-bottom: 40px;
}  

#alsoShadow {
  position: relative;
  float: left;
  z-index: 1;
  width: 720px;
  height: 170px;
  margin-left: 10px;
  margin-top: 10px;
  background-image: url(images/shadow.png);
  background-repeat: no-repeat;
  background-position: bottom right;
  
}  
  
#also {
  padding: 10px;
  position: relative;
  float: left;
  z-index: 2;
  margin-left: -4px;
  margin-top: -186px;
  width: 700px;
  height: 150px;
  background-color: #6D5122;
}

#footerContainer {
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  width: 320px;
  height: 45px;
}  

#footerShadow {
  position: relative;
  float: left;
  z-index: 1;
  width: 320px;
  height: 45px;
  margin-left: 10px;
  margin-top: 30px;
  background-image: url(images/shadow.png);
  background-repeat: no-repeat;
  background-position: bottom right;
  
}  
  
#footer {
  font-weight: normal;
  position: relative;
  float: left;
  z-index: 2;
  margin-left: -4px;
  margin-top: -61px;
  width: 320px;
  height: 45px;
  background-color: #6D5122;
}