/*
  $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
*/
#layer1    { position: absolute; top: 0px; left: 0px;  visibility: visible; display: block }
#layer2    { position: absolute; top: 40px; right: 90px;  visibility: visible; display: block }
TD { font-size: 12px;  }
.info     {  display:none;   }
.errorBox   { font-weight: bold; font-size: 12px;  background-color: #ffb3b5 }
.boxText   { }
.stockWarning    { color: #cc0033; font-size: 13px; }
.productsNotifications { background: #f2fff7; }
.orderEdit   { font-weight: normal;  font-size: 11px; padding: 2px;  text-decoration: none }
.orderEdit:hover   { color: #f6921e; padding: 2px; }
BODY   { background-color: #333333; color: #cccccc ; margin-left: 25px; margin-top: 7px; font-family: Arial, Verdana, sans-serif;list-style-type: square; color: #cccccc; }
p {margin:0 0 7px 0; padding: 0;} 
A {  font-weight: bold; color: #cccccc; text-decoration: none; }
A:hover       { color: #f6921e; font-weight: bold; text-decoration: none }
H1     { background-color: #333333; color: #f6921e; font-weight: bold; font-size: 15px; text-decoration: none; padding: 6px ; border-width: 1px 0 1px 0; border-style: solid; border-color: #575757; }
H2 { color: #808080; font-weight: bold; font-size: 13px; text-decoration: none; padding: 2px 0px 10px 5px }
H3          { color: #f6921e; font-weight: bold; font-size: 13px;   margin-bottom: 4px }
H4     { font-weight: normal; font-size: 12px;   margin-bottom: 0px }
H5  {  font-size: 14px; font-weight: bold;  }
H6  {  font-size: 13px; color: #f6921e; font-weight: bold;  }
.hoofd        { font-weight: bold; font-size: 13px; text-decoration: underline;  }
.indexkop     {  color: silver; font-weight: bold; font-size: 15px; text-decoration: none; padding: 5px ; width: 177px; display:block; }
FORM { display: inline; }
TD.headerNavigation       { color: #ffffff;  font-size: 12px;  }
A.headerNavigation  { font-weight: normal; color: #d4d4d4; text-decoration: none; padding: 2px 5px 2px 5px}
A.headerNavigation:hover , A.headerNavigation-fabrikant:hover      { color: #f6921e;  }
A.headerNavigation-fabrikant  { font-weight: normal; color: #555555; text-decoration: none; padding: 2px 3px 2px 3px}
TR.headerError { background: #ff0000; }
TD.headerError  { color: #ffffff; font-weight: bold; font-size: 13px;   background-color: #ff0000; text-align: center }
TR.headerInfo   { background-repeat: repeat }
TD.headerInfo    { color: #ffffff; font-weight: bold; font-size: 13px;   background-repeat: repeat; text-align: center }
TR.footer   { background-repeat: repeat }
TD.footer     { font-weight: normal; color: #ffffff; font-size: 12px; background-repeat: repeat }
.infoBox    { }
.infoBoxContents        { font-size: 12px;  }
.infoBoxNotice    { }
.infoBoxNoticeContents      { font-size: 12px;  }
.infoBoxHeading           { color: gray; padding: 2px 0 2px 8px; font-weight: bold; font-size: 14px;  border-width: 0px 0 1px 0; border-style: solid; border-color: #575757;  }
.infoBoxHeading_column          { color: gray; padding: 5px 0 2px 18px; font-weight: bold; font-size: 14px;  }
TD.infoBox, SPAN.infoBox     { font-size: 12px;  }
TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd   { background-repeat: repeat }
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 { }
.productListing-heading        { color: gray; font-weight: bold; font-size: 13px;  border-width: 0 0 1px 0; border-style: solid; border-color: #575757; padding: 4px; margin-bottom: 5px  }
.productListing-heading-left        { color: gray; font-weight: bold; font-size: 13px;  border-width: 0 0 1px 1px; border-style: solid; border-color: #575757; padding: 4px; margin-bottom: 5px }
.productListing-heading-right        { color: gray; font-weight: bold; font-size: 13px;  border-width: 0 1px 1px 0; border-style: solid; border-color: #575757; padding: 4px ; margin-bottom: 5px}
TR.productListing:hover       { color: #f6921e; background-color: #363636;}
.kopje        { color: #f6921e; font-size: 12px; font-weight: bold;  }
TD.productListing-data   { font-size: 12px;  }
A.pageResults   { color: #a170a3; padding: 4px 8px 4px 8px }
A.pageResults:hover   { color: #f6921e; font-weight: bold; }
TD.pageHeading, DIV.pageHeading      { color: #f6921e; font-weight: bold; font-size: 15px;  text-decoration: none }
.main,  TD.main, P.main    { font-size: 12px; }
.foto2 { border : solid 1px black; }
TD.smallText, SPAN.smallText, P.smallText        { color: gray; font-weight: normal; font-size: 12px;  }
TD.smallText2, TR.smallText2, .smallText2        { color: white; font-weight: normal; font-size: 12px; background-color: #333333; padding: 4px; border: 1px solid #575757; }
TD.tableHeading    { font-weight: bold; font-size: 12px;  }
SPAN.newItemInCart   { color: #f6921e; font-size: 12px;   }
CHECKBOX, RADIO, SELECT   { font-size: 12px;   }
TEXTAREA   { font-size: 12px; width: 100%; background-color: #d5d5d5 }
TEXTAREA:focus { background-color: #e3e3e3 }
SPAN.greetUser     { color: #ac7dcf; font-weight: bold; font-size: 12px;   }
TABLE.formArea    { border: solid 0px #7b9ebd }
TD.formAreaTitle    { font-weight: bold; font-size: 12px;  }
SPAN.markProductOutOfStock   { color: #c76170; font-weight: bold; font-size: 13px;  }
.productSpecialPrice  {  font-weight: bold; color: #f6921e;   }
SPAN.errorText  { color: #ff0000;   }
.moduleRow { }
.moduleRowOver { background-color: #474747; cursor: pointer;  }
.moduleRowSelected { background-color: #474747; }
.checkoutBarFrom, .checkoutBarTo   { color: #8c8c8c; font-size: 12px;   }
.checkoutBarCurrent   { color: #f6921e; font-size: 12px;   }
/* message box */
.messageBox   { font-size: 12px;   }
.messageStackError, .messageStackWarning   { color: white; font-size: 12px; background-color: #ffb3b5 }
.messageStackSuccess   { font-size: 12px; background-color: #99ff00 }
/* input requirement */
.inputRequirement    { color: white; font-weight: normal; font-size: 13px;  }
.star-product-title a   { color: #f6921e; font-weight: bold; font-size: 13px;  }
.star-product-price   { color: #f6921e; font-weight: bold; font-size: 13px;  }
a.menucateg    { color: gray; font-weight: bold; font-size: 12px; text-decoration: none; display: block; padding: 1px 0px 0px 0px }
a.menusubcateg    { color: gray; font-size: 11px; font-weight: normal;  text-decoration: none; display: block; padding: 1px 0px 1px 7px; line-height: 10pt }
.menusubcateg_info_cat   { color:#6b6b6b;  text-decoration: none; line-height: 20px; font-size: 12px; padding: 8px}
.menusubcateg_info_cat:hover         { color: #f6921e; font-weight: bold; text-decoration: none; }
a.menusubcateg_info   { color:silver;  text-decoration: none; line-height: 33px; padding: 4px ; }
a.menusubcateg_info:hover         { color: #f6921e; font-weight: bold; text-decoration: none; }
a.menusubcateg_info_active            { color: #f6921e; font-weight: bold; font-size: 12px;  text-decoration: none; line-height: 33px; padding: 4px ;  }
/* menu Image - Show Sub-categories  End */
a.menusubcateg_info2   {  font-size: 11px; font-weight: normal; text-decoration: none; line-height: 15px; padding: 2px 0 4px 2px; }
a.menusubcateg_info_active2            { color: #f6921e; font-weight: bold; font-size: 12px; text-decoration: none; line-height: 14px; padding: 2px 0 2px 2px; }
.boord        { border: solid 1px black ; margin-right:22px}
.boord:hover       { border: solid 1px #f6921e }
.boord-cat        { border: solid 1px black  }
.boord-cat:hover        { border: solid 1px #f6921e  }
.boord-kopfoto        { border: solid 1px black; margin: 0 8px 0 0  }
.boord-kopfoto:hover        { border: solid 1px #f6921e  }
.boord-wit        { border: solid 1px white}
.boord-grijs        { border: solid 1px #575757}
.boord-grijs TD       {  font-size: 11px; }
.boord-grijs2        { padding: 3px 12px 3px 12px}
.boord-grijs2 TD       {  font-size: 11px; }
.tegroottext        { color: #f6921e;}
.boord-wit2        { border: solid 1px white; padding: 10px;}
.boord-wit  TD      { font-size: 11px; padding: 2px 7px 2px 7px;}
.boord-grijs-rechts        { border-width: 0 3px 0 0; border-style: solid; border-color: #575757; padding: 0 16px 0 0  }
.boord-niets        { padding: 0 4px 4px 0  }
.optietitel        {  border-width: 0 0 3px 0; border-style: solid; border-color: #575757; }
.cat_info_box      { color: silver; font-size: 12px; margin: 2px 0px 10px 0px; padding: 8px 10px 5px 10px; border-width: 1px; border-style: solid; border-color: #575757;}
.bericht     { color: #f6921e; font-size: 13px; font-weight: bold}
.bericht_klein     { color: #f6921e; font-size: 13px; }
.titel    { font-size: 13px; font-weight: bold; margin: 4px 0 -10px 15px ; display: block;}
.beschrijving  { font-size: 11px; font-weight: normal; margin: 10px; display: block;}
.beschrijving  a { font-weight: normal; }
.beschrijving2  {   font-size: 11px; margin: 10px; display: block;}
.foto        {  margin: -7px; border: solid 1px black }
INPUT            { color: #333333; font-size: 12px;   }
INPUT:focus  { color: #333333; background-color: silver }
OPTION  { background-color: #d5d5d5 }
OPTION:focus { background-color: #e3e3e3 }
.verkocht { color: gray; font-size: 16px; font-weight: bold; letter-spacing: 2px;  }
.tekst_grijs { color: silver; font-size: 11px; font-weight: normal; letter-spacing: 0;  }
.tekst_grijs2 { color: gray; font-size: 11px; font-weight: normal; letter-spacing: 0;  }
.tekst_grijs:hover { color: #f6921e;  font-weight: normal; }
.text_omhoog        { vertical-align: +5px; padding-right: 10px}
.text_omlaag        { vertical-align: -3px;}
.nieuw        { color: #f6921e; font-size: 12px; font-weight: bold; letter-spacing: 2px;  line-height: 25px}
.bestellen        { color: #808080; font-size: 11px; font-weight: bold;  line-height: 25px}
.bestellen_vanaf        { color: #808080; font-size: 11px; font-weight: bold; }
.optie        { color: #ff6b24; font-size: 12px; font-weight: bold; letter-spacing: 1px;  line-height: 25px}
.optietekst TD       { font-size: 8px;}
.pageHeading2     { color: #f6921e; font-weight: bold; font-size: 15px; ; text-decoration: none; padding: 6px; border-width: 1px 0 1px 0; border-style: solid; border-color: #575757; }
.pageHeading3     { color: #575757; font-weight: bold; font-size: 15px; text-decoration: none; padding: 0px 25px 1px 50px; letter-spacing: 5px; }
.pageHeading4     { color: gray; font-weight: bold; font-size: 14px; text-decoration: none; padding: 0px 20px 3px 30px; letter-spacing: 3px;  display: block; border-width: 0px 0 1px 0; border-style: solid; border-color: #575757;  }
.leveringstabel     { padding: 1px 0px 4px 0px; border-width: 0px 0 1px 0; border-style: solid; border-color: #575757;  }
.leveringstabel2     { padding: 1px 0px 4px 0px; border-width: 0px 1px 1px 0; border-style: solid; border-color: #575757;  }
.menudiv ul {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
padding:  2px 0px 0px 0px;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #cccccc;
text-decoration: none;
display: block;
list-style-type: square;
margin-left: 9px;
line-height: 12px;
}


.menudiv {
margin-left:6px; 
padding: 0px;
}
.menudiv ul a{
margin-left:-3px; 
text-decoration: none;
padding: 0px;
}
.menudiv ul a:hover{
color: #f6921e;
}
.menudiv ul li ul{
list-style-type: square;
font-weight: normal;
width: auto; /*sub menu width*/
}

.menudiv ul li a{

}

.menudiv ul li ul a{
color: #cccccc; 
font-weight: normal;
line-height: 13px;
margin-left:-4px;
text-decoration: none;
}
.menudiv ul li ul li ul li a{
color: #cccccc; 
font-weight: normal;
line-height: 13px;
margin-left:-4px;
text-decoration: none;
}
.box , .box2, .box3 {
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
-moz-box-shadow:0px 0px 1px #000000;
-webkit-box-shadow:0px 0px 1px #000000;
box-shadow:0px 0px 1px #000000;
/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
background-image: -moz-linear-gradient(top, #404040, #363636);
background-image: -webkit-gradient(linear, center top, center bottom, from(#404040), to(#363636));
background-image: -o-linear-gradient(top, #404040, #363636);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#404040', endColorstr='#363636');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#404040', endColorstr='#363636')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
background-image: linear-gradient(top, #404040, #363636);
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
/*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
/*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/
padding: 6px;
}
.box2 {padding: 10px;}
.box3 {padding: 10px 20px 10px 20px;}
.box:hover{
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
-moz-box-shadow:0px 0px 1px #000000;
-webkit-box-shadow:0px 0px 1px #000000;
box-shadow:0px 0px 1px #000000;
/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
background-image: -moz-linear-gradient(top, #525252, #404040);
background-image: -webkit-gradient(linear, center top, center bottom, from(#525252), to(#404040));
background-image: -o-linear-gradient(top, #525252, #363636);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#525252', endColorstr='#404040');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#525252', endColorstr='#404040')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
background-image: linear-gradient(top, #525252, #404040);
-moz-background-clip: padding-box;
-webkit-background-clip: padding-box;
background-clip: padding-box;
/*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
/*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/
}
.button {
	-moz-box-shadow:inset 0px 1px 0px 0px #adadad;
	-webkit-box-shadow:inset 0px 1px 0px 0px #adadad;
	box-shadow:inset 0px 1px 0px 0px #adadad;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #787878), color-stop(1, #404040) );
	background:-moz-linear-gradient( center top, #787878 5%, #404040 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#787878', endColorstr='#404040');
	background-color:#787878;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #474747;
	display:inline-block;
	color:#d6d6d6;
	font-weight:bold;
	padding:5px 15px;
	text-decoration:none;
	overflow: visible; 
}.button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #474447), color-stop(1, #787878) );
	background:-moz-linear-gradient( center top, #474447 5%, #787878 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#474447', endColorstr='#787878');
	background-color:#474447;
	color: #f6921e;
}.button:active {
	position:relative;
	top:1px;
}