#headerLeft {
  position: relative;
  margin: 0 auto;
  left: 0;
  float: left;
  width: 275px;
  height: 50px;
  background-image: url(images/sales/header-section-sales.gif);
  overflow: hidden;
}

#browseSearchArea {
  position: relative;
  margin: 0 auto;
  right: 0;
  float: right;
  width: 485px;
  height: 50px;
  overflow: hidden;
  background-image: url(images/sales/header-searchBrowse.gif);
}

#browseArea {
  position: absolute;
  margin: 0 auto;
  left: 0;
  width: 322px;
  height: 50px;
  padding-top: 22px;
  padding-left: 13px;
  overflow: hidden;
}

#searchArea {
  position: relative;
  float: right;
  right: 0;
  width: 155px;
  height: 50px;
  padding-top: 22px;
  overflow: hidden;
}

#searchButton {
  position: absolute;
  right: 0;
  top: 0;
  float: right;
  width: 37px;
  height: 50px;
  padding-top: 23px;
  padding-left: 6px;
  overflow: hidden;
} 

#salesBody {
  position: relative;
  float:left;
  margin: 0 auto;
  width: 760px;
  background-image: url('images/sales/bg-body.gif');
  background-repeat:repeat-y;
}

#topDivider {
  height:6px;
  float: left;
  width: 760px;
}

#columnLeft {
  position:relative;
  float: left;
  top:0;
  left: 0;
  width: 275px;
  padding: 0px 0px 0px 0px;
  }

#productPicture {
  position: relative;
  margin: 0 auto;
  left: 0;
  top: -3px;
  padding: 0px 0px 0px 0px;
  overflow: hidden;
  }
  
#salesHomeText {
  position: relative;
  margin: 0 auto;
  left: 0;
  width: 235px;
  height: 266px;
  padding: 0px 20px 2px 20px;
  overflow: hidden;
  }
  
#salesDetailsText {
  position: relative;
  margin: 0 auto;
  left: 0;
  float: left;
  width: 275px;
  padding: 20px 0px 2px 0px;
  overflow: hidden;
  }
  
#salesDetailsTitle {
   padding: 10px 0px 3px 0px;
  overflow: hidden;
  }
  
#salesNavArea {
  position: absolute;
  margin: 0 auto;
  left: 0;
  top: 266px;
  width: 275px; 
  padding: 0px 0px 0px 0px;
}
 
#salesFeatures {
  position: relative;
  float: right;
  width: 485px;
  height: 286px;
  padding: 0 0;
  background-image: url('images/sales/bg-features.gif');
  overflow: hidden;
}

#salesListing {
  position: relative;
  float: right;
  right: 0;
  width: 435px;
  padding: 15px 25px 20px 25px;
  overflow: hidden;
}

.productListingBlock {
  position: relative;
  float: right;
  width: 435px;
  background-color: #F4F4F4;
  overflow: hidden;
  margin-bottom: 15px;
}

.productListingTitle {
  float: right;
  left: 195px;
  width: 230px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 14px;
  text-decoration: none;
  color: #d97600;
}


.productListingPhoto {
  position: relative;
  float: left;
  top: -3px;
  left: 0;
  width: 190px;
  height: 65px;
  overflow: hidden;
}

.productListingPrice {
  position: relative;
  float: right;
  right: 0;
  width: 215px;
  height: 25px;
  padding: 5px 15px;
}

.productListingMore {
  position: relative;
  float: right;
  right: 0;
  width: 435px;
  height: 15px;
  background-color: #ffffff;
}

#logoDisplay {
  position: relative;
  float: right;
  width: 435px;
  margin: 0 auto;
  padding: 10px 0px 10px 0px;
}

#salesDetails {
  position: relative;
  float: right;
  min-height:200px;
  height:auto !important;
  height:200px;
  width: 435px;
  padding: 15px 25px 20px 25px;
}

#salesDetailsDesc {
  padding: 0px 0px 10px 0px;
}

.salesFeatureText {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  line-height: 11px;
  color: #222222;
  text-decoration:none;
  }
  

.salesFeatureText:hover{
  color: #000088;
  }

#salesFeaturesSquareTL {
  position: absolute;
  width: 190px;
  height: 110px;
  left: 25px;
  top: 10px;
}

#salesFeaturesSquareTR {
  position: absolute;
  width: 190px;
  height: 110px;
  left: 267px;
  top: 10px;
}

#salesFeaturesSquareBR {
  position: absolute;
  width: 190px;
  height: 110px;
  left: 267px;
  top: 160px;
}

#salesFeaturesSquareBL {
  position: absolute;
  width: 190px;
  height: 110px;
  left: 25px;
  top: 160px;
}

.salesFeatureTitle {
  position: absolute;
  width: 190px;
  height: 30px;
  top: 0px;
  left: 0px;
  overflow: hidden;
}

.salesFeaturePhoto {
  position: absolute;
  text-align: center;
  width: 190px;
  height: 65px;
  top: 30px;
  overflow: hidden;
}

.salesFeatureMore {
  position: absolute;
  width: 190px;
  height: 15px;
  top: 95px;
  left: 0px;
  background: url(images/sales/featureMore.gif);
  background-position: 0px;
  text-indent: -999999px;
  overflow: hidden;
}

.salesFeatureMore:hover{
  position: absolute;
  width: 190px;
  height: 15px;
  top: 95px;
  left: 0px;
  background: url(images/sales/featureMore.gif);
  background-position: -190px 0px;
  text-indent: -999999px;
  overflow: hidden;
  
}

.salesListingMore {
  position: absolute;
  width: 190px;
  height: 15px;
  top: 0px;
  right: 0px;
  background: url(images/sales/featureMore.gif);
  background-position: 0;
  text-indent: -999999px;
  overflow: hidden;
}

.salesListingMore:hover{
   position: absolute;
  width: 190px;
  height: 15px;
  top: 0px;
  right: 0px;
  background: url(images/sales/featureMore.gif);
  background-position: -190px 0;
  text-indent: -999999px;
  overflow: hidden;
}

#price {
  position: relative;
  float: left;
  width: 202px;
  height: 40px;
  top: 6px;
  left: 10px;
}

#enlarge {
  position: relative;
  width: 73px;
  height: 34px;
  top: 0px;
  float: right;
  background: url(images/sales/button_enlarge.gif);
  background-position: 0;
  text-indent: -999999px;
  overflow: hidden;
}

#enlarge:hover {
  background: url(images/sales/button_enlarge.gif);
  background-position: -73px;
}

.backtoresults {
  position: relative;
  width: 114px;
  height: 15px;
  top: 0px;
  right: 0px;
  background: url(images/sales/button_backtoresults.gif);
  background-position: 0;
  text-indent: -999999px;
  overflow: hidden;
}

#backtoresults:hover {
  background: url(images/sales/button_backtoresults.gif);
  background-position: -114px;
}


  
  
  /* Navigation */
  
#salesNavArea ul {
display: table-cell;
list-style-type: none;
width: 275;
float: left;
margin: 0px;
padding: 0px;
}

#salesNavArea li {
display: table-cell;
float: left;
list-style-type: none;
position: relative;
margin: 0px;
padding: 0px;
}
  
li.navAbout a{
background: url(images/sales/about.gif); 
float: left;
background-position: 0 0;
display: block;
width: 68px;
height: 20px;
text-indent: -999999px;
overflow: hidden;
}

li.navAboutOn a{
background: url(images/sales/about.gif); 
float: left;
background-position: -68px 0;
display: block;
width: 68px;
height: 20px;
text-indent: -999999px;
overflow: hidden;
}

li.navPolicies a{
background: url(images/sales/policies.gif); 
float: left;
background-position: 0 0;
display: block;
width: 60px;
height: 20px;
text-indent: -999999px;
overflow: hidden;
}

li.navPoliciesOn a{
background: url(images/sales/policies.gif); 
float: left;
background-position: -60px 0;
display: block;
width: 60px;
height: 20px;
text-indent: -999999px;
overflow: hidden;
}

li.navOrdering a{
background: url(images/sales/ordering.gif); 
float: left;
background-position: 0 0;
display: block;
width: 69px;
height: 20px;
text-indent: -999999px;
overflow: hidden;
}

li.navOrderingOn a{
background: url(images/sales/ordering.gif); 
float: left;
background-position: -69px 0;
display: block;
width: 69px;
height: 20px;
text-indent: -999999px;
overflow: hidden;
}


li.navContact a{
background: url(images/sales/contact.gif); 
float: left;
background-position: 0 0;
display: block;
width: 78px;
height: 20px;
text-indent: -999999px;
overflow: hidden;
}

li.navContactOn a{
background: url(images/sales/contact.gif); 
float: left;
background-position: -78px 0;
display: block;
width: 78px;
height: 20px;
text-indent: -999999px;
overflow: hidden;
}

li.navAbout a:hover{
background: url(images/sales/about.gif); 
background-position: -68px 0;
}

li.navPolicies a:hover{
background: url(images/sales/policies.gif); 
background-position: -60px 0;
}

li.navOrdering a:hover{
background: url(images/sales/ordering.gif); 
background-position: -69px 0;
}

li.navContact a:hover{
background: url(images/sales/contact.gif); 
background-position: -78px 0;
}