/* CSS Document */

  * {
  font: normal normal normal 12px "Trebuchet MS", "Myriad Pro", "Verdana", Arial, Helvetica, sans-serif;
  border:0;
  margin:0;
  padding:0;
  outline:0;
  list-style-type: none;
  }
  body {
  background: rgb(255,255,255);
  color: rgb(0,0,0);
  }
  h1 {
  position: relative;
  font: normal normal normal 180% "Times New Roman", Times, serif;
  margin: 20px 0 8px 0;
  }
  h2 {
  position: relative;
  font: normal normal normal 150% "Times New Roman", Times, serif;
  }
  h3 {
  position: relative;
  font: normal normal normal 125% "Times New Roman", Times, serif;
  }    
  strong {font-weight: bold}
  a:hover {text-decoration: none}
  
  div.cleaner {
  clear: both;
  height: 0;
  width: 0;
  font-size: 1px;
  margin: 0;
  line-height: 0;
  }
  
  #main {
  width: 902px;
  margin: 0 auto 0 auto;
  padding-top: 150px;
  position: relative;
  min-height: 600px;
  background: url(../im/background-page.png) repeat-y;
  }
    #main_insider {
    width: 900px; 
    margin: 0 auto;
    position: relative;
    min-height: 600px;
    overflow: hidden;
    border-bottom: 1px solid rgb(150,150,150);
    }
    #homepage_categories {
    padding: 15px 0px 25px 15px;        
    }
    .cat_box {
    margin-top: 15px;
    width: 177px;
    float: left;
    }
      .cat_box h2 {
      padding: 5px 15px 5px 0px;
      font-size: 130% !important;
      }
      .cat_box h2 a {
      font-family: "Times New Roman", Times, serif;
      font-size: 100%;
      color: rgb(90,71,137);
      text-decoration: none;
      }
      .cat_box h2 a:hover {
      text-decoration: underline;
      }
      .cat_box p {
      padding: 5px 15px 5px 0px;
      }
      .cat_box a img {
      position: relative;
      border: 2px solid rgb(245,242,227);
      margin: 5px 15px 5px 0px;
      }
      .cat_box a:hover img {
      border-color: rgb(90,71,137);
      }
    #homepage_img {
    background: url(../im/homepage-1.jpg) no-repeat;
    width: 900px;
    height: 360px;
    }    
      
/* header - header menu */    
  #header {
  position: absolute;
  top: 0px;
  left: 1px;
  width: 900px;
  height: 150px;  
  background-color: rgb(245,242,227);
  }
    #header ul {
    display: block;
    position: absolute;
    left: 0px;
    top: 114px;
    width: 900px;
    height: 36px;
    background-color: rgb(214,220,182);
    }
    #header ul li {
    line-height: 36px;
    float: left;
    }
    #header ul li a {
    line-height: 36px;
    display: block;
    float: left;
    padding: 0 25px;
    text-decoration: none;
    color: rgb(0,0,0);
    }    
    #header ul li a:hover {
    background-color: rgb(90,71,137);
    color: rgb(255,255,255);
    }
    #header #logo {
    float: left;
    margin: 7px 0 0 25px;
    }
    

  .text {
  width: 500px;
  }
  .text a {
  color: rgb(90,71,137) !important;
  }
    
  
/* footers - menu, contact, link to author */  
  #footer {
  background-color: rgb(255,255,255);
  padding: 15px 15px 25px 15px;
  }
    #footer table td {
    padding-right: 55px; 
    }
    #footer_menu {
    text-align: center;
    margin: 0 25px; 
    }
    #footer_menu li {
    float: left;
    display: block;
    }
    #footer_menu li a {
    display: block;
    padding-right: 4px;
    font-size: 9px;
    color: rgb(0,0,0);
    }
    #footer_menu {
    margin: 10px 0 55px 0;
    }
    #mediapolis {
    display: block;
    position: relative;
    margin-top: 40px;
    text-align: right;  
    }
    #mediapolis a {
    color: rgb(150,150,150);
    font-size: 80%;
    }
    #footer table a {
    color: rgb(90,71,137);
    }
    
  #category {
  float: right;
  width: 700px;
  }
    #category_insider {
    float: left;
    padding: 5px 0 40px 20px;    
    }
    .box_product {
    width: 170px;
    float: left;
    margin-top: 20px;
    }
    .box_product a img {
    position: relative;
    border: 2px solid rgb(245,242,227);
    }
    .box_product a:hover img {
    border: 2px solid rgb(90,71,137);
    }
    .box_product h2 a {
    font-family: "Times New Roman", Times, serif;
    font-size: small;
    color: rgb(90,71,137);
    text-decoration: none;
    }
    .box_product h2 a:hover, #active {
    text-decoration: underline;
    }
    
/* left column - navigator, menu*/
  #navigator {
  width: 200px;
  float: left;
  }
    #menu ul {
    margin-bottom: 40px;
    }
    #menu ul li {
    display: block;
    width: 200px;
    height: 32px;
    border-bottom: 1px solid rgb(214,220,182);
    }
    #menu ul li a {
    display: block;
    line-height: 32px;
    width: 200px;
    text-indent: 8px;
    text-decoration: none;
    background-color: rgb(245,242,227);
    color: rgb(0,0,0);
    font-size: 100%; 
    }
    #menu ul li a:hover, #menu ul li a#active_menu {
    background-color: rgb(90,71,137);
    color: rgb(255,255,255);
    }
/* product page - links etc*/    
 #product_links {
 margin-top: 25px;
 margin-bottom: 25px;
 }    
  #product_links a {
  display: block;
  color: rgb(90,71,137);
  text-align: center;
  text-decoration: none;
  padding: 12px;
  background-color: rgb(245,242,227);
  }
  #product_links a:hover {
  background-color: rgb(90,71,137);
  color: rgb(255,255,255)
  }  
  .product_img {
  border-left: 12px solid rgb(255,255,255);
  border-right: 12px solid rgb(255,255,255);
  border-top: 12px solid rgb(255,255,255);
  }
  #product_links td {
  vertical-align: bottom;
  padding: 0 14px 0 14px;  
}