/* CSS Document 
website: www.xcopy.cz
browser: Firefox, Chrome, IE7+
*/

/* GENERAL */
    * {
    margin: 0;
    padding: 0;
    border: 0;
    line-height: 100%;
    font: normal normal 11px normal Arial, Helvetica, sans-serif;
    color: #222;
    list-style: none inside url();
    }
    body {background-color: rgb(78,61,41);}
    strong {font-weight: bold}
    a:hover {text-decoration: none;}
    .cleaner {
    height: 1px;
    font-size: 1px;
    margin-top: -1px;
    clear: both;
    }
    #main {
    position: relative;
    width: 820px;
    background-color: #fff;
    margin: 0 auto;
    padding-top: 135px;
    }

    #content {
    position: relative;
    margin: 0 10px;
    }
    h1 {
    color: rgb(78,61,41);
    font-size: 200%;
    font-weight: bold;
    padding: 20px 0 15px 0;
    }
    h2 {
    color: rgb(78,61,41);
    font-size: 150%;
    font-weight: bold;
    padding: 16px 0 8px 0;    
    }
    h3 {
    color: rgb(78,61,41);
    font-size: 125%;
    font-weight: bold;
    padding: 8px 0;    
    }    
    h4 {
    color: rgb(78,61,41);
    font-size: 110%;
    font-weight: bold;
    padding: 8px 0;    
    }
    a.none {text-decoration: none !important;}
    .righted {text-align: right}
    


    /* CATEGORY/PRODUCT PAGE */
    
    #content-right {
    width: 600px;
    float: right;
    margin-top: 30px;
    }
    
    #leftmenu {
    width: 200px;
    }
    #leftmenu ul {
    list-style-position: inside;
    width: 190px;
    }
    #leftmenu ul li  {
    list-style-position: inside;
    }
    
    #leftmenu ul li a {
    display: block;
    line-height: 27px;
    padding-left: 8px;
    font-weight: bold;
    color: #fff;
    background-color: rgb(193,184,165);
    text-decoration: none;
    border-bottom: 1px solid rgb(240,240,240);
    }
        #leftmenu ul li a:hover {
        background-color: rgb(218,209,190);
        color: rgb(78,61,41); 
        }
        #leftmenu ul li a.active {
        color: rgb(237,223,209);
        background-color: rgb(78,61,41); 
        }            
    #navigation {
    position: absolute;
    left: 200px;
    top: 0px;
    height: 30px;
    line-height: 30px;
    }
    #navigation * {
    font-size: 9px;
    color: #888;
    }
    .paging {
    border-top: 1px solid rgb(247,247,247);
    border-bottom: 1px solid rgb(247,247,247);
    margin: 12px 0;
    padding: 3px 8px;
    text-align: right;
    }
      .paging a {
      display: inline-block;
      padding: 2px 5px;
      margin: 1px 4px;
      text-decoration: none;
      background-color: rgb(193,184,165);
      border: 1px solid #fff;
      }
      .paging a:hover,.paging a.pageactive {
      background-color: #fff !important; 
      border: 1px solid rgb(193,184,165) !important;
      }
    #productdetail {
    position: relative;
    margin-top: 8px;
    padding-top: 27px;
    }
      #productdetail #nav {
      position: absolute;
      left: 0;
      top: 0;
      width: 580px;
      height: 27px;
      }
      #productdetail #nav div {
      float: left;
      width: 290px;
      height: 27px;
      line-height: 27px;
      }
      #nav div a {color: rgb(143,143,143);}
      #nav div a:hover {color: #000}
    

    /* HOMEPAGE */
    
    #homepage-top {
    background: rgb(255,255,255) url(../img/homepage-content-top-back.png) repeat-y;
    padding-left: 13px;
    }
      #homepage-top p {
      width: 495px;
      float: left;
      clear: left;
      margin-bottom: 8px;
      line-height: 150%;
      }
      #wheretobuy {
      width: 290px;
      overflow: hidden;
      }
      #wheretobuy h2 {
      color: #fff;
      padding: 0;
      font-size: 130%;
      margin: 0 0 10px 20px;
      }
        #wheretobuy .box {
        background-color: #fff;
        margin: 0 10px 18px 20px;
        padding: 8px;
        }
      #stripped {
      margin-top: 10px;
      border-top: 1px solid rgb(193,184,165);
      background: url(../img/content-back-strips.png) repeat;
      padding: 10px;
      }
      #images {
      float: left;
      width: 495px;
      height: 265px;
      background-color: #fff;
      overflow: hidden;
      }
      #contact {
      float: right;
      width: 265px;
      height: 265px;
      background-color: #fff;
      }
      #contact div {padding: 0 10px 10px 8px;}


    /* category and productsmall box*/
    .catbox {
    width: 200px;
    float: left;
    padding-bottom: 4px;
    margin-bottom: 7px;
    }
     .catbox a {display: block;margin: 5px;text-align: center;}    
      .catbox h3 a {
      display: block;
      margin: 5px;
      padding: 5px;
      font-size: 120%;
      font-weight: bold;
      color: #fff;
      background-color: rgb(193,184,165);    
      text-decoration: none;
      text-align: left;
      }
      .catbox h3 a:hover {
      background-color: #fff;
      font-size: 120%;
      color: rgb(116,110,99);
      }
     .catbox p {
     margin: 5px;
     }
     .catbox p a {display: inline;margin:0;}


    /* FOOTER */
    
    #footer {
    margin: 10px 10px 0px 10px;
    padding: 35px 0 35px 0;
    background: url(../img/menu-background.png) no-repeat left top;
    }
      #mediapolis {
      position: relative;
      width: 820px;
      margin: 20px auto;
      text-align: right;
      }
      #mediapolis a {
      color: rgb(116,110,99);
      font-size: 90%;
      }

    
    /* HEADER */
    
    #header {
    position: absolute;
    width: 820px;
    height: 135px;
    margin: 0 auto;
    top: 0px;
    } 
      #logo {
      position: absolute;
      width: 210px;
      height: 108px;
      left: 0;
      top: 0;
      overflow: hidden;
      }
      #banner {
      position: absolute;
      width: 610px;
      height: 108px;
      left: 210px;
      top: 0;
      overflow: hidden;      
      }
      #banner div {
      position: relative;
      margin: 0px 20px 10px 0px !important;
      background-color: rgb(255,153,0);
      }
      #menu {
      position: absolute;
      left: 10px;
      top: 108px;
      height: 27px;
      width: 800px;
      background: rgb(78,61,41) url(../img/menu-background.png) no-repeat;
      }
        #menu ul li {
        float: left;
        }
        #menu ul li a {
        display: block;
        line-height: 27px;
        padding: 0 15px;
        color: #fff;
        text-decoration: none;
        }
        #menu ul li a:hover {
        background-color: rgb(193,184,165);
        color: rgb(78,61,41); 
        }
        #menu ul li ul {
        display: none;
        list-style: none inside url();
        }
        #menu ul li:hover ul {
        display: block;
        position: absolute;
        background-color: rgb(75,59,49);
        }
        #menu ul li:hover ul li {
        float: none;
        }