/*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $
  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com
  Copyright (c) 2003 osCommerce
  Released under the GNU General Public License

Blauw #459CE0
*/

.h1 {
  font-family		  	: Verdana, Arial, sans-serif;
  font-size			  	: 18px;
  font-style			: italic;
  color					: #666666; }

.h2 {
  font-family		  	: Verdana, Arial, sans-serif;
  font-size			  	: 12px;
  font-style			: italic;
  color					: #666666; }

/*  Verander hieronder de teksten in de boxen links en rechts */
.boxText {
  font-family         	: Verdana, Arial, sans-serif; 
  font-size           	: 10px; }

.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          	: #FFFFFF; }

.orderEdit {
  font-family           : Verdana, Arial, sans-serif;
  font-size         	: 10px; 
  color             	: #CCCCCC; 
  text-decoration		: underline; }

/*verander hieronder de tekstkleur van de artikelomschrijvingen*/
BODY {
  background        	: #FFFFFF;
  color             	: #000000;
  margin				: 0px;
  font-family			: Arial, sans-serif;
  font-size				: 8px;
  overflow-x			: auto;
  overflow-y			: auto;
}

/*verander hieronder de tekstkleur van de artikelen onder Producten*/
A {
  font-family         	: Verdana, Arial, sans-serif;
  font-size           	: 11px;
  color					: #000000;
  text-decoration		: none;
}

/*verander hieronder de mouse-over van de tekst onder de afbeeldingen*/
A:hover {
  font-family        	: Verdana, Arial, sans-serif;
  font-size          	: 11px; 
  color					: #AABBDD;
/*  font-weight         : bold;  */
  text-decoration		: none;
}

/*verander hieronder de kleur van de linkjes onder de afbeeldingen (Grotere afbeelding...)
A:link {
	text-decoration		: undeline;
	color				: #0000FF;}

/*verander hieronder de kleur van de linkjes welke bezocht zijn
A:visited {
	text-decoration		: underline;
	color				: #0000FF;
}
*/

A.newsitem { 
  color					: #0000FF;
  text-decoration		: undeline;
}

A.newsitem:hover {
  color					: #0000FF; 
  text-decoration		: undeline;
/*  background        	: #eeeeee; */
}

A.breadcrumb { 
  color					: #000000; 
}

A.breadcrumb:hover {
  color					: #C0C0C0; 
/*  background        	: #eeeeee; */
}

FORM {
	display				: inline;
}

TR.breadcrumb {
  background			: #ffffff;
}

TR.headerNavigation {
  background			: #459CE0;
}

/*verander hieronder bij background de kleur van de bovenste navigatie balk*/
TD.headerNavigation {
  font-family			: Verdana, Arial, sans-serif;
  font-size				: 10px;
  background			: #459CE0;
  color					: #ffffff;
  font-weight 			: bold;
}

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

TD.leftColomn {
/*  font-family			: Verdana, Arial, sans-serif;
  font-size				: 10px;
  font-weight			: bold; */
  background			: url('../../images/colomn_background.jpg');
  background-repeat		: repeat-y;
/*  color					: #ffffff; /*tekst kleur in de headers*/ 
}

TD.rightColomn {
/*  font-family			: Verdana, Arial, sans-serif;
  font-size				: 10px;
  font-weight			: bold; */
  background			: url('../../images/colomn_right_background.jpg');
  background-repeat		: repeat-y;
/*  color					: #ffffff; /*tekst kleur in de headers*/ 
}

TR.footer {
  background			: url('../../images/footer_background.jpg');
}

/*verander hieronder de achtergrond van de footerbalk*/
TD.footer {
  font-family			: Verdana, Arial, sans-serif;
  font-size				: 10px;
/*  background			: url('../../images/footer_background.jpg'); */
  color					: #ffffff;
  font-weight			: bold;
  border				: #BDE38C;
}

.pakje_gemak {
	display:none;
}

/*verander hieronder de kleur van de rand van alle boxen links en rechts en New products op de index pagina*/
.infoBox {
/*  background			: #b6b7cb; */
}

/*verander hieronder de achtergrond van alle boxen links en rechts*/
.infoBoxContents {
/*  background			: #f8f8f9; */
  font-family			: Verdana, Arial, sans-serif;
  font-size				: 10px;
}

.infoBoxPriceTable {
  background			: #b6b7cb;
}

/*verander hieronder de achtergrond van alle boxen links en rechts*/
.infoBoxPriceTableContents {
  background			: #ffffff;
  font-family			: Verdana, Arial, sans-serif;
  font-size				: 10px;
}

.infoBoxPriceTableHeading {
/*  background-image		: url(images/infobox/infobox_head_left_m.gif);
  background-repeat		: repeat-x; */
  height				: 10px;
  font-family			: Verdana, Arial, sans-serif;
  font-size				: 10px;
  font-weight			: bold;
/*  background			: #bbc3d3; /* Kleur van de boxheader */
  color					: #ffffff; /*tekst kleur in de headers*/
}

#header .infoBoxContents {
/*  background			: #ffffff; */
  font-family			: Arial, sans-serif;
  font-size				: 10px;
}

.infoBoxNotice {
  background			: #FF8E90;
}

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

/*verander hieronder de kleur van de rand van de box van de xsell*/
.xSellinfoBox {
  background			: #459CE0;
}

/*verander hieronder de achtergrond van de box van de xsell*/
.xSellinfoBoxContents {
  background			: #FFFFFF;
  font-family			: Verdana, Arial, sans-serif;
  font-size				: 10px;
}

/* Verander hiermee de achtergrondkleur van de header van de box van de xsell*/
.xSellinfoBoxHeading {
  font-family			: Verdana, Arial, sans-serif;
  font-size				: 10px;
  background			: #459CE0;
  font-weight			: bold;
  color					: #FFFFFF;	
}

/*verander hieronder de kleur van de headers van alle boxen links en rechts*/
TD.infoBoxHeading {
/*  background-image		: url(images/infobox/infobox_head_left_m.gif);
  background-repeat		: repeat-x; */
  height				: 12px;
  font-family			: Verdana, Arial, sans-serif;
  font-size				: 10px;
  font-weight			: bold;
/*  background			: #bbc3d3; /* Kleur van de boxheader */
  color					: #ffffff; /*tekst kleur in de headers*/
}

TD.infoBoxHeadingKlantenService{
/* background-image		: url(images/infobox/infobox_head_left_m.gif);
 background-repeat		: repeat-x; */
 height					: 12px;
 font-family			: Verdana, Arial, sans-serif;
 font-size				: 10px;
 font-weight			: bold;
 color					: #000000;
}

TD.infoBoxHeadingQtyProTable {
/*  background-image		: url(images/infobox/infobox_head_left_m.gif);
  background-repeat		: repeat-x; */
  height				: 12px;
  font-family			: Verdana, Arial, sans-serif;
  font-size				: 10px;
  font-weight			: bold;
/*  background			: #bbc3d3; /* Kleur van de boxheader */
  color					: #000000; /*tekst kleur in de headers*/
}

TD.infoBoxContentsQtyProTable {
/*  background-image		: url(images/infobox/infobox_head_left_m.gif);
  background-repeat		: repeat-x; */
  height				: 12px;
  font-family			: Verdana, Arial, sans-serif;
  font-size				: 10px;
  font-weight			: bold;
/*  background			: #bbc3d3; /* Kleur van de boxheader */
  color					: #000000; /*tekst kleur in de headers*/
}

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

TR.accountHistory-odd {
	BACKGROUND			: #f8f8f9
}
TR.addressBook-odd {
	BACKGROUND			: #f8f8f9
}
TR.alsoPurchased-odd {
	BACKGROUND			: #f8f8f9
}
TR.payment-odd {
	BACKGROUND			: #f8f8f9
}
TR.productListing-odd {
	BACKGROUND			: #f8f8f9
}
TR.productReviews-odd {
	BACKGROUND			: #f8f8f9
}
TR.upcomingProducts-odd {
	BACKGROUND			: #f8f8f9
}
TR.shippingOptions-odd {
	BACKGROUND			: #f8f8f9
}
TR.accountHistory-even {
	BACKGROUND			: #f8f8f9
}
TR.addressBook-even {
	BACKGROUND			: #f8f8f9
}
TR.alsoPurchased-even {
	BACKGROUND			: #f8f8f9
}
TR.payment-even {
	BACKGROUND			: #f8f8f9
}
TR.productListing-even {
	BACKGROUND			: #f8f8f9
}
TR.productReviews-even {
	BACKGROUND			: #f8f8f9
}
TR.upcomingProducts-even {
	BACKGROUND			: #f8f8f9
}
TR.shippingOptions-even {
	BACKGROUND			: #f8f8f9
}

/*verander hieronder de kleur van de rand rond de box van het product overzicht*/
TABLE.productListing {
  border				: 1px;
  border-style			: solid;
  border-color			: #459CE0;
  border-spacing		: 1px;
}

/*verander hieronder de kleur van de achtergrond van de bovenste rand van het product overzicht*/
.productListing-heading {
  font-family			: Verdana, Arial, sans-serif;
  font-size				: 10px;
  background			: #459CE0;
  font-weight			: bold;
  color					: #FFFFFF;	
}

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

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

A.productListing-heading:hover {
  font-family			: Verdana, Arial, sans-serif;
  font-size				: 10px;
  color					: #FFFFFF;
  font-weight			: bold;
}

TD.productListing-data {
  font-family			: Verdana, Arial, sans-serif;
  font-size				: 10px;
/*   color				: #FFFF80;    verander hiermee de kleur van prijzen in de product listing*/
}

A.pageResults {
  color					: #0000FF;
}

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

/*verander hieronder de kleur en het corps van de koptekst (Welkom)*/
TD.pageHeading, DIV.pageHeading {
  font-family			: Verdana, Arial, sans-serif;
  font-size				: 16px;
  font-weight			: bold;
  color					: #9a9a9a;
  font-style			: italic;
}

TD.pageHeadingTop {
  font-family			: Verdana, Arial, sans-serif;
  font-weight			: bold;
  color					: #666666;
}

/*verander hieronder de kleur en het corps van de koptekst Product info SEO*/
TD.pageHeadingSEO, DIV.pageHeadingSEO {
  font-family			: Verdana, Arial, sans-serif;
  font-size				: 12px;
  font-weight			: bold;
/*  font-style			: italic; 
  color					: #AC8B1E;*/
}

TR.subBar {
  background			: #459CE0;
}

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.mainheader {
  font-family			: Verdana, Arial, sans-serif;
  font-size				: 10px;
  line-height			: 1.5;
  color					: #666666;
}

/*verander hieronder de kleur en het corps van de tekst onder de productbeschrijving (datum toegevoegd)*/
TD.smallText, 
SPAN.smallText, 
P.smallText,
TR.smallText,
TABLE.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;
}

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

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

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

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

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

INPUT {
  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			: #009900;
  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;
  font-weight			: bold;
}

SPAN.productStrikePrice {
  font-family			: Verdana, Arial, sans-serif;
  color					: #000000;
  font-weight			: bold;
  font-size				: 16px;
}

SPAN.productStrikeLine {
  font-family			: Verdana, Arial, sans-serif;
  color					: #ff0000;
  text-decoration		: line-through;
}

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

.moduleRow { }
.moduleRowOver {
/*	cursor				: hand; */
	BACKGROUND-COLOR	: #d7e9f7
}

.moduleRowSelected {
	BACKGROUND-COLOR	: #e9f4fc
}

.checkoutBarFrom {
	FONT-SIZE			: 10px;
	COLOR				: #8c8c8c;
	FONT-FAMILY			: Verdana, Arial, sans-serif
}

.checkoutBarTo {
	FONT-SIZE			: 10px;
	COLOR				: #8c8c8c;
	FONT-FAMILY			: Verdana, Arial, sans-serif
}

.checkoutBarCurrent {
	FONT-SIZE			: 10px;
	COLOR				: #000000;
	FONT-FAMILY			: Verdana, Arial, sans-serif
}

/* message box */
.messageBox {
	FONT-SIZE			: 10px;
	FONT-FAMILY			: Verdana, Arial, sans-serif
}

.messageStackError {
	FONT-SIZE			: 10px; 
	FONT-FAMILY			: Verdana, Arial, sans-serif;
	BACKGROUND-COLOR	: #ffb3b5
}

.messageStackWarning {
	FONT-SIZE			: 10px; 
	FONT-FAMILY			: Verdana, Arial, sans-serif;
	BACKGROUND-COLOR	: #ffb3b5
}

.messageStackSuccess {
	FONT-SIZE			: 10px; 
	FONT-FAMILY			: Verdana, Arial, sans-serif;
	BACKGROUND-COLOR	: #99ff00
}

/* input requirement */
.inputRequirement {
	FONT-SIZE			: 10px;
	COLOR				: #ff0000;
	FONT-FAMILY			: Verdana, Arial, sans-serif
}

TD.cat_list { /* Boxjes rond de categorie afbeelding */
  font-family			: Verdana, Arial, sans-serif;
  color					: #ffffff;
  font-size				: 10px;
  font-weight 			: bold;
  text-align			: center;
  border-color			: #459CE0;
  border-style			: solid;
  border-width			: 1px;
}

TD.cat_list2 { /* Boxjes rond de categorie naam */
  font-family			: Verdana, Arial, sans-serif;
  color					: #ffffff;
  font-size				: 10px;
  font-weight 			: bold;
  text-align			: center;
  background			: #459CE0;
  border-color			: #459CE0;
  border-style			: solid;
  border-width			: 1px;
}

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

A.cat_list:hover {
  color: #AABBDD;
  text-decoration		: none;
}

/* DDB - 041031 - Form Field Progress Bar */
.progress{
	width: 1px;
	height: 14px;
	color: white;
	font-size: 12px;
    overflow: hidden;
	background-color: navy;
	padding-left: 5px;
}

/* Links Manager v1.19 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: #b6b7cb;
  color: #FFFFFF;
  text-align: center;
}
A.linkListing-heading {
  color: #FFFFFF;
}
A.linkListing-heading:hover {
  color: #FF0000;
}
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: #f8f8f9;
}

TR.linkListing-even {
  background: #F5F5F5;
}

.linkFeatured {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #dbd6d6;
  color: #FFFFFF;
  text-align: center;
  border: 1px solid black; 
}
.linkFeaturedHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  background: #dbd6d6;
  color: #FFFFFF;
  text-align: center;
}
A.linkListingHeading {
  color: #000000;
}
A.linkListingHeading:hover {
  color: #FF0000;
}
.linkFeaturedMain {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #dbd6d6;
  color: #FFFFFF;
  text-align: center;
}
A.linkFeaturedMain {
  color: #FFFFFF;
}
A.linkFeaturedMain:hover {
  color: #FF0000;
}
.linkListingMain {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #ffffff;
  color: #000000;
  text-align: left;
}
A.linkListingMain {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}
A.linkListingMain:hover {
  color: #FF0000;
}
.linkListingCats {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
}
A.linkListingCats {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #000000;
}
A.linkListingCats:hover {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #FF0000;
}
.linkListingSubCats {
  font-family: Verdana, Arial, sans-serif;
  font-size: 9px;
  font-weight: normal;
  color: #FFFFFF;
  text-align: center;
  line-height: 1.5;
}
A.linkListingSubCats {
  color: #000;
}
A.linkListingSubCats:hover {
  color: #FF0000;
}
/* VJ Links Manager v1.19 end */

/* DDB - 041031 - Form Field Progress Bar */
.progress{
	width				: 1px;
	height				: 14px;
	color				: white;
	font-size			: 12px;
    overflow			: hidden;
	background-color	: navy;
	padding-left		: 5px;
}

/* Advanced Searches infobox */
#quick_find select {
	width				:12em;
	font-size			:11px;
}

#quick_find select option {
	width				:auto;
}
/* De titel van de pagina */
.mws_boxTop    { font-family: Tahoma;
                 font-size: 11px;
                 text-align : center;
                 font-weight: bold;
                 background-repeat:repeat-x;
                 vertical-align: middle;
                 white-space: nowrap; }
.mws_boxLeft   { background: url('images/infobox/left.gif'); }
.mws_boxRight  { background: url('images/infobox/right.gif'); }
.mws_boxBottom { font-family: Verdana, Arial, sans-serif;
                 font-size: 11px;
                 text-align : center;
                 vertical-align: middle;
                 white-space: nowrap; }
.mws_boxCenter { /* achtergrondjes voor alle kolom boxen */
  background			: #FFFFFF;
/*  background			: url('images/Array.jpg');
  background-repeat		: no-repeat;
  background-position	: center;
  vertical-align		: middle;
  white-space			: nowrap; */
 }
.mws_header_text    { color: #009900; }

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

div.hr {
  height: 1px;
  width: 100%;
  background: #CCCCCC;
}
div.hr hr {
  display: none;
}
div.hrdashed {
font-size: 12px;
font-weight: bold; 
border-bottom: 1px dashed #CCCCCC;
}
div.hrdashed hr {
  display: none;
}
TR.ccc {
/*     			cursor: pointer; */
/*				cursor: hand; */
}

ul.sitemap {	color: #ff0000; }	

/*BOF Options as Images*/
SPAN.optionsAvailable {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}
/*EOF Options as Images*/

#popCart {
	position: absolute; /*do not change this*/
	top: 35%;
	left: 35%;
	width: 500px;
	background-color: #f8f8f8;
	border: 3px solid #BAC4D0;
	color: #000;
	z-index: 100000; /*do not change this*/
	display: none; /*do not change this*/
	padding: 20px;
}

ul.popcartList {list-style-type:none; margin:0; padding:0;}
li.popcartButton {float:right;padding-right:10px;}

#popCart_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
    background-color: #000;
    display:none;
    opacity:0.75;
   	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
}

* html #popCart_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#servicecontainer input, select {
	border: 1px outset #000000;
	font-size: 12px;
}

#servicecontainer form {
	margin: 0px;
}

#servicecontainer select {
	width: 140px;
}

#servicecontainer .inputbox  {
	width: 200px;
}

#servicecontainer {
	margin-top: 20px;
	width: 98%;
}

#servicecontainer .tdsidebar {
	background-color: #F1F1F1;
}

#servicecontainer .tdcontent {
	background-color: #FCFCFC;
}

#servicecontainer .tdheader {
	background-color: #FCFCFC;	
	/*font-variant: small-caps; */
	font-weight: bold;
	font-size: 12px;
	padding-top: 5px;
}
 	
#servicecontainer .tableitem {
	border: 1px solid #C0C0C0;
}	
	
.servicerow .text {
	font-size: 12px;
}
	
#servicecontainer .tdcontent a:link { 
    font-size: 12px;
}

#servicecontainer .tdcontent a:visited { 
    font-size: 12px;
}
	
#servicecontainer .tdcontent a:hover { 
    font-size: 12px;
}