@charset "utf-8";
/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

a {
	text-decoration: none !important;
	color: #696969;
}
.a {
	text-decoration: none !important;
}
/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
	display: none;
}
/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
	margin-top: 1em;
}
/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav {
	margin: 0;
	padding: 0px 0;
	border-bottom: 1px solid #D5D1D1;
	font: bold 11px sans-serif;
}
ul.tabbernav li {
	list-style: none;
	margin: 0;
	display: inline;
}
ul.tabbernav li a {
	color: #404040;
	padding: 3px 0.5em;
	margin-left: 3px;
	border: 1px solid #D5D1D1;
	border-bottom: none;
	background: #F2F2F2;
	text-decoration: none;
}
ul.tabbernav li a: {
 	color: #404040;
}
ul.tabbernav li a:hover {
	color: #404040;
	background: #E5E5E5;
	border-color: #D5D1D1;
}
ul.tabbernav li.tabberactive a {
	color: #000000;
	background-color: #E5E5E5;
	border-bottom: 1px solid #F6F4F7;
}
ul.tabbernav li.tabberactive a:hover {
	color: #303030;
	background: white;
	border-bottom: 1px solid white;
}
/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
	padding: 0px;
	border: 0px solid #000000;
	border-top: 0;/* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height *//* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}
/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
	display:none;
}
.tabberlive .tabbertab h3 {
	display:none;
}
/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
	height:200px;
	overflow:auto;
}
#interface1 {
	z-index:1;
}
#loader_container {
	text-align:center;
	position:absolute;
	top:10%;
	width:10%;
}
#loader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: #FFFFFF;
	padding: 10px 0 16px 0;
	margin: 0 auto;
	display: block;
	width: 135px;
	border: 1px solid #6A6A6A;
	text-align: left;
	z-index: 0;
}
#progress {
	height:5px;
	font-size:1px;
	width:1px;
	position:relative;
	top:1px;
	left:10px;
	background-color:#9D9D94
}
a.blueheader {
	text-decoration:none;
	font-size:11px;
}
#loader_bg {
	background-color:#EBEBE4;
	position:relative;
	top:8px;
	left:8px;
	height:7px;
	width:113px;
	font-size:1px;
}
.title_h2 {
	width:300px;
	padding:12px 0 0 18px;
}
.border_preview {
	z-index: 100;
	position: absolute;
	background: #fff;
	border: 1px solid #444;
}
.preview_temp_load {
	vertical-align: middle;
	text-align: center;
	padding: 10px;
}
.preview_temp_load img {
	vertical-align: middle;
	text-align: center;
}
.myimg  
{       
width : 100px;
border : none;
}
.cat_description {  font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #800000; font-weight: bold }
.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.centertable { border-left:1px solid #798CCC; border-right:1px solid #798CCC; background-color:#D2DBF5 }
.navBlue     { color: #FF0000; font-size: 8pt; font-family: Verdana }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

BODY {
  background-image:url('images/achtergrond.gif');
  background-repeat:repeat;
}

A {
  color: #000000;
  text-decoration: none;
}

A:hover {
  color: #000000;
  text-decoration: underline;
}

FORM {
        display: inline;
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: #bbc3d3;
}

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight : bold;
}

A.headerNavigation { 
 color: #424242;
}

A.headerNavigation:hover {
 color: #424242;
}

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

.WhatsNewBox{
	border-left:1px solid #E3E1E1;
	border-right:1px solid #E3E1E1;
	border-bottom:1px solid #E3E1E1;
}

TR.footer {
  background: #bbc3d3;
}

TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
 // background: #bbc3d3;
  color: #000000;
  font-weight: bold;
}

.templateinfobox     {
 background:#FFFFFF; FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 11px }


 .infoBox {
	 background: #D1CDCD;
 }

 .infoBoxContents {
	 background: #F3F1F1;
	 font-family: Verdana, Arial, sans-serif;
	 font-size: 10px;
 }

.InformationBox {
	background-image: url(shopimages/style1/info_bg.gif);
background-repeat: no-repeat;	
font-family: Comic Sans Ms;
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
}

.InformationBoxbut {
	background-image: url(shopimages/style1/info_bg.gif);
	     background-repeat: no-repeat;    
} 

.ManufacturersBox {
	 
background-repeat: no-repeat;


 }
.CategoriesBoxContents {

  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #EDEDED;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.infoBoxHeading {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;
  padding-left:10px;
}
.infoBoxHeading {
	  font-family: Tahoma, Verdana, Arial, sans-serif;
	    font-size: 12px;
	      font-weight: bold;
	        color: #FFFFFF;
		  padding-left:10px;
	  }

TD.infoBoxHeading_all {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
  padding-left:10px;
}

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.contentBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #534F4D; padding-top:5
}

TR.accountHistory-odd,
TR.addressBook-odd,
TR.alsoPurchased-odd,
TR.payment-odd,
TR.productListing-odd,
TR.productReviews-odd,
TR.upcomingProducts-odd,
TR.shippingOptions-odd {
  ;
}

TR.accountHistory-even,
TR.addressBook-even,
TR.alsoPurchased-even,
TR.payment-even,
TR.productListing-even,
TR.productReviews-even,
TR.upcomingProducts-even,
TR.shippingOptions-even
 {  ;
}

TABLE.productListing {
  border-spacing: 1px
}

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #000000;
  font-weight: bold;
}

TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

A.pageResults {
  color: #0000FF;
}

a:hover.pageResults {
  color: #0000FF;
  background: #FFFF33;
}

A.breadcrumb {
	  color: #ffffFF;
  }

  a:hover.breadcrumb {
	    color: #ffffFF;
      }

TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #9a9a9a;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}

TD.main, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

TD.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.category_desc {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }

/* VJ Links Manager v1.00 begin */
TABLE.linkListing {
  border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
}

.linkListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #BDCAF3;
  color: #FFFFFF;
  text-align: center;
}

TD.linkListing-data {
  border-right: 1px solid #b6b7cb;
  border-bottom: 1px solid #b6b7cb;
  padding: 4px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TR.linkListing-odd {
  background: #F5F7FC;
}

TR.linkListing-even {
  background: #F5F5F5;
}
/* VJ Links Manager v1.00 end */
.content        {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica}

/* Show Cart Details */
TR.ShowCartDetails, TD.ShowCartDetails, P.ShowCartDetails {
/* <FONT COLOR="bbc3d3" FACE="Arial" SIZE="1"> */
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
  color=: #BDCAF0;
}

 /* Show Header Page Links */
TR.HeaderPageLinksLeft, TD.HeaderPageLinksLeft, P.HeaderPageLinksLeft {
  background-image: url('images/button_blank_left.gif');
}
TR.HeaderPageLinksRight, TD.HeaderPageLinksRight, P.HeaderPageLinksRight {
  background-image: url('images/button_blank_right.gif');
}
TR.HeaderPageLinks, TD.HeaderPageLinks, P.HeaderPageLinks {
  background-image: url('images/button_blank_middle.gif');
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #000000
}
A.HeaderPageLinks {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #000000;
}
a:hover.HeaderPageLinks {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
/*  background: #00FF00; */
  color: #00FF00;
}

TD.cookieUsage {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #000000;
  color: #FFFFFF;
}

/* WebMakers.com Added: Editing Attributes */
.attributeBoxContent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; background-color: #808080; }
.TR.attributeBoxContent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; background-color: #808080; }
.TD.attributeBoxContent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; background-color: #C0C0C0; }

.storyboxtitle  {FONT-FAMILY: Verdana; COLOR: #000000; FONT-SIZE: 10px; FONT-WEIGHT: bold; BACKGROUND: none;}
.storyboxtitle A:link           {FONT-FAMILY: Verdana; COLOR: #000000; FONT-SIZE: 10px; FONT-WEIGHT: bold; BACKGROUND: none;}
.storyboxtitle A:active         {FONT-FAMILY: Verdana; COLOR: #000000; FONT-SIZE: 10px; FONT-WEIGHT: bold; BACKGROUND: none;}
.storyboxtitle A:visited        {FONT-FAMILY: Verdana; COLOR: #000000; FONT-SIZE: 10px; FONT-WEIGHT: bold; BACKGROUND: none;}
.storyboxtitle A:hover          {FONT-FAMILY: Verdana; COLOR: #FFFFFF; FONT-SIZE: 10px; FONT-WEIGHT: bold; TEXT-DECORATION: underline; BACKGROUND: none;}
.yearHeader { font-family: Helvetica, Arial, Verdana; font-size: 14px; font-weight: bold; color: #000000; background-color: #FFFFFF; text-decoration: none;} .calendarMonth { background-color: #BBC3D3; cursor: default; width: 100%;}
.calendarHeader { font-family: Helvetica, Arial, Verdana; font-size: 11px; font-weight: bold; color: #000000; background-color: #FFFFFF; text-decoration: none; height: 22px;}
.calendarToday { font-family: Arial, Verdana; font-size: 10px; color: #000000; background-color: #FFCF00; padding-left : 3px; text-decoration: none; border:1px solid #FFFFFF; height: 22px; width: 18px;}
.calendarWeekend { font-family: Arial, Verdana; font-size: 10px; color: #000000; background-color: #CAEEFF; padding-left : 3px; line-height: 14px; text-decoration: none; border:1px solid #FFFFFF; height: 22px; width: 18px;}
.calendar { font-family: Arial, Verdana; font-size: 10px; color: #000000; background-color: #FFFFFF; padding-left : 3px; line-height: 14px; text-decoration: none; border:1px solid #FFFFFF; height: 22px; width: 18px; }
.event { font-family: Arial, Verdana; font-size: 11px; color: #000000; background-color: #FFFFFF; text-decoration: none; border:1px solid #E6E6E6; }
.empty { background-color: #F0FAFF; line-height: 14px; height: 22px; width: 18px; }
.calendar A:hover, .calendar A:link, .calendar A:visited, .calendar A:visited:hover, .yearHeader A:hover {color: red; text-decoration: underline;}
.calendarWeekend A:hover, .calendarWeekend A:link, .calendarWeekend A:visited, .calendarWeekend A:visited:hover {color: red; text-decoration: underline;}
.calendarToday A:hover, .calendarToday A:link, .calendarToday A:visited, .calendarToday A:visited:hover {color: red; text-decoration: underline;}


/* MY*/
body{
background: #FFFFFF;
}

td{
 font-family: tahoma, verdana, arial;
 font-size: 11px;
 color: #333333;
}


 .ch1{
 font-size: 11px;
 color: #565656;
 font-weight: bold;
 }             

 .ch2{
 font-size: 15px;
 color: #FFFFFF;
 font-weight: bold;
 }             

 .ch3{
 font-size: 11px;
 color: #A2A2A2;
 }             

 .ch4{
 font-size: 13px;
 color: #8FAFBE;
 font-weight: bold;
 }             

 .ch5{
 padding-left: 12px; 
 }

 .ch6{
 font-size: 12px;
 color: #FFFFFF;
 font-weight: bold;
 }             

 .ch7{
 border-left: #E3E1E1 1px solid;
 border-right: #E3E1E1 1px solid;
 border-bottom: #E3E1E1 1px solid;
 }

 .ch8{
 border: #E3E1E1 1px solid;
 }

 .ch9{
 font-size: 12px;
 color: #6E8EA2;
 font-weight: bold;
 }             
 .ch101{
	  font-size: 11px;
	   color: #404040;
	    font-weight: normal;
	     }  
 .ch10{
 font-size: 14px;
 color: #DF8F29;
 font-weight: bold;
 }             

 .ch11{
 font-size: 11px;
 color: #FFFFFF;
 font-weight: bold;
 }             


 .ch19{
 padding-left: 10px
 }

 .ch20{
 font-size: 12px;
 color: #727777;
 font-weight: bold;
 }             

 .ch21{
 border: #E3E1E1 1px solid;
 }

 .ml1{
 font-size: 11px;
 color: #FFFFFF;
 font-weight: bold;
 text-decoration: none;
 }             

 .ml2{
 font-size: 11px;
 color: #777777;
 text-decoration: none;
 }             

 .ml3{
 font-size: 11px;
 color: #6283B3;
 font-weight: bold;
 }             
.nieuwsbriefBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffffff; line-height: 1.5; background-image: url(shopimages/style1/newsbg.gif);  background-repeat: no-repeat; }
 .ml4{
 font-size: 11px;
 color: #566268;
 font-weight: bold;
 text-decoration: none;
 }            

.form {
                   font-size:11px;
	               color:#404040;
	                  border:#DEDEDE solid 1px;
	                     font-family:Tahoma, verdana, arial, courier;
	                     width:180px;
	                    height:15px;
                               padding:1 0 0 8px
                             }			       

 .ml5{
 font-size: 11px;
 color: #636262;
 text-decoration: none;
 }             

 .ml6{
 font-size: 12px;
 color: #6C6C6C;
 font-weight: bold;
 text-decoration: none;
 }             

 .ml8{
 font-size: 11px;
 color: #424242;
 text-decoration: none;
 }             

 .ml7{
 font-size: 11px;
 color: #505050;
 text-decoration: none;
 }             

 .se{            
 width: 99px;
 font-size: 9px;
 color: #000000
 }       

 .se2{            
 width: 99px;
 font-size: 9px;
 color: #000000
 }       

 .se3{            
 width: 151px;
 font-size: 9px;
 color: #000000
 }
 
     #dhtmlgoodies_slideshow{
        width:370px;    /* Total width of slideshow */


    }
    
    #previewPane{
color:#ffffff;     
   border:1px solid #DEDEDE;
        margin-right:10px;    
        text-align:center;
        vertical-align:middle;
        padding-top:10px;
       padding-left:10px;
padding-right:10px;

 
        
        /* CSS HACK */
        height: 352px;    /* IE 5.x */
        height/* */:/**/350px;    /* Other browsers */
        height: /**/350px;
        
        width:224px;        
        float:left;
                
    }
    #waitMessage{
        display:none;
        position:absolute;
        left:140px;
        top:70px;
        background-color:#FFF;
        border:3px double #000;
        padding:4px;
        color:#555;
        font-size:0.9em;
        font-family:arial;    
    }    
    #galleryContainer{    /* Big Div surrounding up image, list of images and down image */
        float:left;    /* Floating */
        
        /* CSS HACK */
        height: 364px;    /* IE 5.x - 120 px + 2 px for borders and 2px for padding*/
        height/* */:/**/363px;    /* Other browsers */
        height: /**/363px;
        
        /* CSS HACK */
        width: 102px;    /* IE 5.x - 120 px + 2 px for borders and 2px for padding*/
        width/* */:/**/100px;    /* Other browsers */
        width: /**/100px;
                
        border:1px solid #DEDEDE;    /* Black border */        
        padding:1px;    /* A little space between the black border and the content inside */
        
    }
    #galleryContainer #arrow_down{    /* Arrow down image */
        height:35px;
    }
    #galleryContainer #arrow_up{
        height:35px;    /* Arrow up image */
    }
    
    #theImages{    /* DIV where the images are located */
        position:relative;
        overflow:hidden;
        height:288px;    /* Height of boxes for the images */
    }
    #theImages div{    
        position:relative;    /* Don't change this */
        height:1500px;    /* Higher than total height of thumbnails */
        
    }
    #theImages img{
        border:0px;    /* No border */
        filter:alpha(opacity=50);    /* Transparency - IE */
        opacity:0.5; /* Transparency - Firefox */
        padding-top:1px;    /* Space between images */
    }
    #previewPane #largeImageCaption{    /* CSS styling of image caption below large image */
        font-style:italic;
        text-align:center;
        font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;    /* Font to use */
        font-size:0.9em;
    }
    #theImages .imageCaption{
        display:none;
    }