/* Design & Code (c) ABOVO Media */
html, body { 
   padding        : 0; 
   margin         : 0; 
}

body {
   font           : normal 11px "Verdana", "Arial", sans-serif;
   background  : #fff url('../_images/background.gif') repeat-x top left;
   color          : #686868; 
}

#container {
   margin         : 0 auto;
   width          : 950px;
   height         : auto;
}  

#nav {
   float          : left;
   width          : 924px;
   height         : 30px;
   padding        : 14px 0 0 26px;
   font-size      : 11px;
   color          : #fff;
}
   
   #nav #languages {
      float       : right;
      padding     : 0 42px 0 0;  
   }

      #nav #languages img {
         vertical-align : middle;
      }

#header {
   float          : left;
   width          : 100%;
   height         : 130px;
}

   #header #logo {
      float       : left;
      width       : 243px;
      padding     : 35px 0 0 38px;
   }

   #header #about {
      float          : left;
      width          : 588px;
      margin         : 22px 0 0 40px;
      height         : 81px;
      border-left : 1px solid #cabed6;
      padding        : 15px 20px 0 20px;
   }

#main {
   float          : left;
   width          : 870px;
   min-height  : 262px;
   padding        : 38px 40px 0 40px;
   background  : transparent url('../_images/main_background.jpg') no-repeat top left;
}

#left {
   float       : left;
   width       : 200px;
}

   #home #left {
      width       : 620px;
   }

   #left #categories {
      float       : left;
      width       : 100%;
      height         : 206px;
   }

      #left #categories .category {
         float       : left;
         position    : relative;
         margin         : 0 10px 0 0;
         width       : 170px;
         height         : 191px;
         cursor         : pointer;
         padding        : 15px 15px 0 15px;
         background     : transparent url('../_images/category_background.gif') no-repeat top left;
      }

      #left #categories .category img {
         position    : absolute;
         bottom         : 1px;
         left        : 1px;
         width       : 198px;
         height         : 115px;
         border-top     : 1px solid #cfcfcf;
      }

      #left #categories .category .corners {
         position    : absolute; 
         width       : 198px;
         height         : 4px;
         bottom         : 1px;
         left        : 1px;
         background     : transparent url('../_images/category_corners.png') no-repeat top left;
      }

      #left #categories .category .overlay {
         position    : absolute; 
         width       : 198px;
         height         : 115px;
         bottom         : 1px;
         left        : 1px;
         background     : transparent url('../_images/category_overlay.png') no-repeat top left;
         display        : none;
      }

   #left #offers {
      float       : left;
      width       : 620px;
      height         : 212px;
      margin         : 10px 0 0 0;
      background     : transparent url('../_images/offers_background.jpg') no-repeat top left;
   }

      #left #offers .offer {
         float       : left;
         width       : 125px;
         padding     : 10px 15px 0 15px;
         cursor      : pointer;
      }

         #left #offers .offer div {
            text-align     : center;
            margin         : 5px 0;
         }

#middle {
   float       : left;
   width       : 430px;
   margin         : 0 0 0 20px;
}

   #middle #product {
      float       : left;
      width       : 428px;
      border         : 1px solid #cfcfcf;
      position    : relative;
      min-height     : 34px;
      padding        : 29px 0 0 0;
   }

      #middle #product .top {
         position    : absolute;
         top            : -1px;
         left        : -1px;
         width       : 420px;
         height         : 22px;
         color       : #fff;
         font-weight    : bold;
         padding        : 8px 0 0 10px;
         background     : transparent url('../_images/product_top.gif') no-repeat top left;
         font-size      : 10px;
      }

      #middle #product .product {
         padding        : 15px 15px 10px 15px;
      }

         #middle #product .product img {
            float       : left;
            margin         : 0 10px 10px 0;
         }

         #middle #product .product .price {
            float       : left;
         }

            #middle #product .product .price strong {
               color       : #44176a;
            }

         #middle #product .product .order {
            float       : right;
            padding        : 3px 0 0 0;
         }

      #middle #product .bottom {
         position    : absolute;
         bottom         : -1px;
         left        : -1px;
         width       : 430px;
         height         : 4px;
         background     : transparent url('../_images/product_bottom.gif') no-repeat top left;
      }

      #middle #product .image {
         float       : left;
         width       : 100%;
         text-align     : center;
      }

         #middle #product .image img {
            border         : 2px solid #cfcfcf;
         }  

      #middle #product #images {
         float       : left;
         width       : 100%;
         margin         : 5px 0 20px 0;
      }

      #middle #product #adres table td {
         padding        : 5px 0 5px 0;
      }
      
      #middle #td1 {
         width       : 162px;
      }

      #middle #td2 {
         width       : 266px;
      }

      #middle #selectgeslacht {
         height         : 21px;
         width       : 63px;
      }

      #middle #types {
         padding        : 15px;
      }

         #middle #types table td {
            padding        : 5px 8px;
         }

         #middle #types table td.title {
            font-weight    : bold;
            color       : #44176a;
         }

#right {
   float       : left;
   margin         : 0 0 0 20px;
   width       : 200px;
}

   #home #right {
      width       : 230px;
   }

   #right #basket { }

   #right #basket .row { 
      line-height    : 16px;
      margin         : 5px 0;
   }

   #right #basket .row .description {
      float       : left;
   }

   #right #basket .row .price {
      float       : right;
   }

   #right #related .row {
      background     : transparent url('../_images/related_background.gif') no-repeat right;
      padding        : 0 0 0 7px;
      line-height    : 16px;
      margin         : 0 5px 0 0;
   }



#footer {
   float       : left;
   margin         : 30px 25px 20px 25px;
   width       : 854px;
   padding        : 35px 16px 0 16px;
   font-size      : 10px;
   line-height    : 18px;
   background     : transparent url('../_images/footer_background.jpg') no-repeat top center;
}

   #footer #info {
      float       : left;
   }

   #footer #links {
      float       : right;
   }     

/* Misc */
.hr {
   width       : 100%;
   height         : 1px;
   background     : transparent url('../_images/hr_background.gif') repeat-x top left;
   margin         : 15px 0;
}

   #basket .hr {
      margin         : 10px 0;
   }

   #related .hr {
      margin         : 10px 0;
   }

#news .item {
   margin         : 0 0 10px 0;
}

#news div, #newsletter div, #reference div {
   padding        : 0 0 0 7px;
}

.menu {
   border         : 1px solid #cfcfcf;
   width       : 178px;
   min-height     : 70px;
   background     : transparent url('../_images/menu_background.gif') repeat-x top left;
   padding        : 10px;
   position    : relative;
   margin         : 0 0 20px 0;
}

   .menu .top {
      position    : absolute;
      top            : -1px;
      left        : -1px;
      width       : 200px;
      height         : 4px;
      background     : transparent url('../_images/menu_top.gif') no-repeat top left;
   }

   .menu .bottom {
      position    : absolute;
      bottom         : -1px;
      left        : -1px;
      width       : 200px;
      height         : 4px;
      background     : transparent url('../_images/menu_bottom.gif') no-repeat top left;
   }

.clear {
   clear : both;
}

/* Headings H1-H6 */
h1 { 
   color          : #44176a;
   font-size      : 14px;  
   margin-bottom  : 5px;
}

.checkout h1,
.checkout h2
{
   color             : #ffffff;
   font-size         : 10px;
   font-weight       : bold;
}

h2 { }

   h2 {
      color       : #44176a;
      font-size      : 14px;  
   }

   #categories h2 {
      margin         : 0 0 8px   
   }

   #offers h2 {
      color       : #fff;
      margin         : 5px 0 0 15px;
   }

h3 { }

   #about h3 {
      font-size      : 16px;
      font-weight    : normal;
      color       : #44176a;
      line-height    : 22px;
   }

   #offers h3 {
      font-size      : 11px;
      color       : #44176a;
      font-weight    : bold;
      display        : block;
      height         : 26px;
   }

   #product h3 {
      font-size      : 11px;
      color       : #44176a;
      font-weight    : bold;
      margin         : 0 0 10px 0;
   }

h4 { }

   h4 {
      font-size      : 14px;
      color       : #44176a;
      padding        : 2px 0 0 38px;
      height         : 23px;
      margin         : 0 0 5px 0;
      background     : transparent url('../_images/title_background.gif') no-repeat left;
   }

   #basket h4 {
      height         : 24px;
      padding-top    : 3px;
      background-image: url('../_images/title_basket.gif');
   }

h5 { }

h6 { }


/* Paragraph and Link Styles */
p { }

   p {
      line-height    : 16px;
      margin         : 0 0 15px 0;
   }

   #about p {
      font-size      : 12px;
      color       : #8a74a5;
      margin         : 10px 0 0 0;
   }

   .category p {
      line-height    : 16px;
      margin         : 0;
   }

   .offer p {
      margin         : 0;
   }

   .offer p strong {
      color       : #44176a;
   }

   p.title {
      color       : #44176a;
      margin         : 0;
   }

a { } 

   a {
      color       : #44176a; 
   }

   #nav ul.main li a {
      color       : #fff;
      font-weight    : bold;
      border-right   : 1px solid #8568a0;
      padding        : 0 15px 0 14px;
      text-decoration   : none;
   }

   #nav ul.main li a:hover, #nav ul.main li a.active {
      text-decoration   : underline;
   }

   #nav ul.main li.last a {
      border         : 0;
      padding        : 0 15px 0 15px;
   }

   #about p a {
      color       : #8a74a5;
      text-decoration   : none;
   }

   #about p a:hover {
      text-decoration   : underline;
   }

   .category h2 a {
      text-decoration   : none;
   }

   #left #offers .offer a {
      color       : #666666;
   }

   .item a {
      text-decoration   : none;
   }

   .item a:hover {
      text-decoration   : underline;
   }

   .menu ul.main li a {
      text-decoration   : none;
   }

   .menu ul.main li a:hover, .menu ul.main li a.active {
      text-decoration   : underline;
   }

   .menu ul.submain li a {
      color       : #666666;
      padding        : 0 0 0 10px;
      background     : transparent url('../_images/list_background.gif') no-repeat left;
   }

   #middle #product .top a {
      color       : #fff;
      text-decoration   : none;
   }

   #product h3 a {
      text-decoration   : none;
   }

   #product h3 a:hover {
      text-decoration   : underline;
   }

   #product  .price a {
      color       : #666;
   }

   #middle #product .top a:hover {
      color       : #fff;
      text-decoration   : underline;
   }

   #right #basket .row a {
      text-decoration   : none;
   }

   #right #basket .row a:hover {
      text-decoration   : underline;
   }

   #right #related a {
      text-decoration   : none;  
   }

   #right #related a:hover {
      text-decoration   : underline;   
   }

   #links ul.main li a {
      color       : #686868;
      border-right   : 1px solid #686868;
      padding        : 0 8px 0 7px;
      text-decoration   : none;
   }

   #links ul.main li a:hover {
      text-decoration   : underline;
   }

   #links ul.main li.last a {
      border         : 0;
      padding        : 0 8;
   }
   
/* Lists and Navigation */
ul { }

   #nav ul.main {
      float       : left;
   }

   #nav ul.main li {
      display        : inline;
      list-style-type   : none;
   }

   .menu ul.main { }

   .menu ul.main li { 
      background     : transparent url('../_images/hr_background.gif') repeat-x bottom left;
      margin         : 0 0 7px 0;
      font-size      : 14px;
   }

   .menu ul.main li.last {
      background     : none;
   }

   .menu ul.submain { 
      padding        : 4px 0 8px 7px;
   }

   .menu ul.submain li { 
      padding        : 4px 0;
      background     : none;
      margin         : 0;
      font-size      : 11px;
   }

   #images ul li {
      display        : block;
      float       : left;
      width       : 22px;
      height         : 18px;
      text-align     : center;
      font-weight    : bold;
      padding        : 4px 0 0 0;
      margin         : 0 4px 0 0;
      cursor         : pointer;
      color       : #44176a;
      background     : transparent url('../_images/img_nav.gif') no-repeat top left;
   }

   #links ul.main { 
      margin         : 18px 0 0 0;
   }

   #links ul.main li {
      display        : inline;
      list-style-type   : none;
   }

/* Forms */
form  { }

input { 
   background     : #fff url('../_images/input_background.gif') repeat-x top left;
   border         : 1px solid #bcbcbc;
   padding        : 5px; 
   color       : #686868;
   vertical-align : middle;
}

#adres input {
   background     : #fff url('../_images/input_background.gif') repeat-x top left;
   border         : 1px solid #bcbcbc;
   padding        : 4px; 
   color       : #686868;
   vertical-align : middle;
   height         : 13px;
}

textarea { 
   background     : #fff url('../_images/input_background.gif') repeat-x top left;
   border         : 1px solid #bcbcbc; 
   color       : #686868;
   vertical-align : middle;
}

#adres select {
   height         : 13px;
}