@import url('reset.css');


body {
  background: #313131;
  font-family: Arial, Verdana;
}

#mainContainer {
  width: 760px;
  margin: 0 auto;
  background: #fff;
}

h1 {
  font-size: 24px;
  font-family: Tahoma;
  line-height: 120%;
}

input {
  color: #666;
}

.clear {
  clear: both;
}

.top-section {
   background: #313131 url('../images/header/top-background.gif') no-repeat;   
   color: #fff;
   font-size: 12px;
   font-weight: bold;
   padding-bottom: 10px;
}
  .top-section a {
    font-size: 16px;
    padding-left: 20px;
    line-height: 33px;
    color: #fff; 
    text-decoration: none;
    margin-left: 9px;
    line-height: 14px;
  } 
   a.home {background: url('../images/header/top-home.gif') 0px 8px no-repeat;line-height: 33px; float: left;}
   a.contact {background: url('../images/header/top-email.gif') 0px 8px no-repeat;line-height: 33px; float: left;}
   a.sitemap {background: url('../images/header/top-something.gif') 0px 8px no-repeat;line-height: 33px; float: left;}
   .address {width: 400px; margin: 0; padding: 0;padding-left: 30px; font-size: 9px; line-height: 14px; display: block; float: left;}
  

#bottomContainer {
  background: #fff;
  width: 760px;
}

.header {
  border-bottom: 3px solid #900000;
}

.header img {
  float: left;
}

.header ul {
  margin: 0; padding:0 ;
  
}

ul#headerImage {
  float: left;
  width: 586px;
}

#leftContainer {
  width: 174px;
  float: left;
  background: #fff;
  display: inline;
}

#rightContainer {
  width: 578px;
  *width: 574px;
  float: left;
  padding-top: 8px;
  padding-left: 8px;
  background: #fff;
  font-size: 13px;
  display: inline;
}

.extraPge  {
  width: 560px;
}

.searchBox {
  margin: 8px;
  margin-bottom: 0px;
  background: #900000 url('../images/left/search-top.gif') no-repeat;
  font-size: 14px;
  color: #fff;
  padding: 0;
  width: 159px;
} 
  .searchBoxBottom {
    height: 6px; 
    background: url('../images/left/search-bottom.gif') no-repeat; 
    margin-left: 8px;
    margin-bottom: 8px;
  }  
  .searchForm {padding: 8px;}  
  .searchForm input[type="text"] {
    border: 1px solid #7f9db9;
    width: 140px;
    margin: 5px 0 0 0;
  }
  
  .searchForm input[type="submit"] {
    background: url('../images/left/search-submit.gif') top left no-repeat;
    border: 0;
    height: 22px;
    width: 71px;
    float: right;
    margin-top: 8px;
    margin-right: 2px;
    *margin-right: 0;
  }

.vertical-bg {background: url('../images/left/menu-bg-repeat.gif') repeat-y; margin-left: 8px;}

.vertical {
  width: 166px;
  background: url('../images/left/menu-bg.gif') top left no-repeat;
}

.vertical ul {margin: 0; padding: 0;padding-top: 10px;}

.vertical li {
  color: #1c1d1d;
  font-size: 14px;
  line-height: 22px;
  font-weight: bold;
  background: url('../images/left/menu-spacer.gif') no-repeat;
  background-position: 11px bottom;
  padding-left: 11px;
  padding-bottom: 4px;
}
  .vertical li:last-child {background: none;}
  .vertical li a {
    text-decoration: none;
    color: #1c1d1d;
  }
  
.verticalBottom {height: 19px; background: url('../images/left/menu-bottom.gif') no-repeat;}

  .newsletter {
    width: 143px;
    margin-top: 8px;
    margin-left: 14px;
    background: #d6d6d6 url('../images/left/newsletter-bg.gif') no-repeat;
    padding: 25px 0 0 0;
    font-size: 11px;
    font-weight: bold;
  }
  .newsletterBottom {margin-left: 14px; height: 4px; background: url('../images/left/newsletter-bottom.gif') no-repeat;}
    
  .newsletter input.newsletterInput {
    width: 120px; 
    float: left;
    margin-left: 5px;
    color: #666;
  }

.prodList {
  margin-top: 20px;
  margin-left: 2px;
}

.productsBox {
  float: left;
  width: 547px;
  height: 176px;
  background: url('../images/right/results-line.gif') bottom no-repeat;
  padding: 14px 0 5px 2px;
}

  .prodImage {
    float: left;
    height: 127px;
    width: 168px;
    border: 3px solid #dddddd;   
  }
  
  .prodText {
    float: left; 
    width: 364px;
    height: 127px;
  }
  
  .prodText p {
    margin: 0;
    padding: 0;
  }
  
  .productsBox h3 {
    font-size: 20px;
    font-weight: bold;
    color: #313131;
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
    padding-left: 7px; 
  }
  
  .productsBox h3 a {
    text-decoration: none;
    color: #313131;
  }
    
  .prodDesc {
    padding-left: 7px;
  }
  
  .prodButton {
    float: right; 
    margin-right: 4px;
  }
  
.advertsNews {
  float: left;
  width: 161px;
  margin-top: 10px;
  display: inline;
}

  .latestNews {
    background: #dbdcdc url('../images/right/latestnews.gif') top left no-repeat;
    width: 153px;
    font-size: 11px;
    color: #000;
    padding-top: 30px;
    padding-left: 8px;
  }
  
  .latestNews a {
    color: #1C1D1D;
    text-decoration: none;
  }
  
  .latestNewsBottom {
    background: url('../images/right/latestnewsbottom.gif') top left no-repeat;
    height: 11px;
  }
  
.bottomBottom {
  background: #313131 url('../images/mainbottom.gif') top left no-repeat;
  height: 11px;
  padding-bottom: 5px;
}

.footer {
  background: #313131 url('../images/footer.gif') no-repeat;
  height: 48px;
  font-size: 9px;
  margin: 0;
  padding: 0;
  color: #fff;
}

.footer p {
  width: 750px;
  margin: 0;
  padding:0;
  text-align: center;
  padding-top: 0px;
}

.categoryBox {
  width: 400px;
  float: left;
  margin-top: 10px;
}

.categoryProduct {
  width: 132px;
  float: left;
  margin-bottom: 10px;
}

.details {
  width: 540px;
}

.details h1 {
  font-size: 41px;
  color: #313131;
  margin-bottom: 20px;
}

.details h2 {
  font-size: 20px;
  color: #313131;
  margin-bottom: 10px;
}

.details .image img {
  border: 3px solid #dddddd;
}

.details .description {
  margin-top: 10px;
  color: #313131;
}

.pagination {
  width: 400px;
  margin: auto;
  text-align: center;  
}

.enquireButton {
  background: url('../images/right/enquirebutton.gif') top left no-repeat;
  height: 31px;
  width: 173px;
  border: 0;
  float: left;
}

.sitemap ul {
  margin: 0;
  padding-left: 10px;
  width: 240px;
  float: left;
  margin-top: 15px;
}

.sitemap li {
  line-height: 20px;
}

.sitemap li a {
  text-decoration: none;
  color: #222;
  font-weight: bold;
}

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