/* 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 p{
	font                 : normal 11px "Verdana", "Arial", sans-serif;
}

#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;
   }

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

sitemap li {
   list-style-type: disc;
}

#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 {
      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;
}