/*
  $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
*/


TD { font-size: 12px; font-family: Arial, Verdana }
TD.boxtext        { font-size: 12px; line-height: 15px }
A.boxText:link, a.boxText:visited, a.boxText:active        { font-weight: bold; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; text-decoration: none; text-align: left; vertical-align: middle; border: none #f8f8f9; height: 20px; display: block }
a.boxtext:hover      { color: purple; font-weight: bold; text-decoration: none; background: url(images/menuon.png) repeat; border: none #6633cc }
.categorySubHeading    { color: #66f; font-weight: bold; font-size: 15px; font-family: Arial, Verdana, sans-serif; padding: 3px; border-width: 0 0 3px 0; border-style: solid; border-color: #a9a9a9; }
.subcatnames   { color: #66f; font-weight: bold; font-size: 15px; font-family: Arial, Verdana; text-decoration: none }
.categoryText   { color: gray; font-size: 14px; font-family: Arial, Verdana, sans-serif }
.errorBox   { font-weight: bold; font-size: 12px; font-family: Arial, Verdana, sans-serif; background-color: #ffb3b5 }
.stockWarning    { color: #cc0033; font-size: 13px; font-family: Arial, Verdana, sans-serif }
.productsNotifications { background: #f2fff7; }
.orderEdit   { color: #70d250; font-size: 12px; font-family: Arial, Verdana, sans-serif; text-decoration: underline }
BODY   { background: url(afbeeldingen/grijs2.gif) repeat; margin: 5px 20px 0 20px;  }
A {  color: #000000;  text-decoration: none;}
H1     { color: #66f; font-size: 15pt; font-family: Arial, Verdana }
H2 { font-weight: bold; font-size: 13px; font-family: Arial, Verdana }
H3          { font-weight: normal; font-size: 13px; font-family: Arial, Verdana; margin-bottom: 0px }
H4     { font-weight: normal; font-size: 12px; font-family: Arial, Verdana; margin-bottom: 0px }
H5  { color: black; font-weight: bold; font-size: 13px; font-family: Arial, Verdana }
A:link      { color: #66f; text-decoration: none }
A:hover       { color: purple; text-decoration: none }
A:visited     { color: #66f; text-decoration: none }
FORM {	display: inline;}
TR.header   { background-repeat: repeat }
TR.headerNavigation   { background-repeat: repeat }
TD.headerNavigation       { color: #ffffff; font-weight: bold; font-size: 13px; font-family: Arial, Verdana, sans-serif }
A.headerNavigation    { color: white; text-decoration: none }
A.headerNavigation:hover    { color: purple; text-decoration: none }
TR.headerError {  background: #ff0000;}
TD.headerError  { color: #ffffff; font-weight: bold; font-size: 13px; font-family: Arial, Verdana, Tahoma, sans-serif; background-color: #ff0000; text-align: center }
TR.headerInfo   { background-repeat: repeat }
TD.headerInfo    { color: #ffffff; font-weight: bold; font-size: 13px; font-family: Arial, Verdana, Tahoma, sans-serif; background-repeat: repeat; text-align: center }
TR.footer   { background-repeat: repeat }
TD.footer     { color: #ffffff; font-weight: bold; font-size: 12px; font-family: Arial, Verdana, sans-serif; background-repeat: repeat }
.infoBox    { }
.infoBoxContents        { font-size: 12px; font-family: Arial, Verdana, sans-serif }
.infoBoxNotice    { }
.infoBoxNoticeContents      { font-size: 12px; font-family: Arial, Verdana, sans-serif }
TD.infoBoxHeading                                 { color: #ffffff; font-weight: bold; font-size: 14px; font-family: Arial, Verdana, sans-serif }
TD.infoBox, SPAN.infoBox     { font-size: 12px; font-family: Arial, Verdana, sans-serif }
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 {  border: 0px;  border-style: solid;  border-color: #b6b7cb;  border-spacing: 1px;}
.productListing-heading        { color: #ffffff; font-weight: bold; font-size: 13px; font-family: Arial, Verdana, sans-serif }
TD.productListing-data   { font-size: 12px; font-family: Arial, Verdana, sans-serif }
A.pageResults   { color: #a170a3 }
A.pageResults:hover   { color: #66f; background-color: #ffebd8 }
TD.pageHeading, DIV.pageHeading      { color: #66f; font-weight: bold; font-size: 15px; font-family: Arial, Verdana, sans-serif; text-decoration: none; padding: 3px; ; border-width: 0 0 3px 0; border-style: solid; border-color: #a9a9a9; }
TR.subBar    { }
TD.subBar   { color: #000000; font-size: 12px; font-family: Arial, Verdana, sans-serif }
TD.main, P.main     { font-size: 12px; line-height: 1.5; font-family: Arial, Verdana, sans-serif }
TD.smallText, SPAN.smallText, P.smallText        { font-size: 12px; font-family: Arial, Verdana, sans-serif }
TD.accountCategory   { color: #aabbdd; font-size: 12px; font-family: Arial, Verdana, sans-serif }
TD.fieldKey    { font-weight: bold; font-size: 12px; font-family: Arial, Verdana, sans-serif }
TD.fieldValue    { font-size: 12px; font-family: Arial, Verdana, sans-serif }
TD.tableHeading    { font-weight: bold; font-size: 12px; font-family: Arial, Verdana, sans-serif }
SPAN.newItemInCart   { color: #ff0000; font-size: 12px; font-family: Arial, Verdana, sans-serif }
CHECKBOX, RADIO, SELECT   { font-size: 12px; font-family: Arial, Verdana, sans-serif }
TEXTAREA   { font-size: 12px; font-family: Arial, Verdana, sans-serif; width: 100% }
SPAN.greetUser     { color: #ac7dcf; font-weight: bold; font-size: 12px; font-family: Arial, Verdana, sans-serif }
TABLE.formArea    { border: solid 0px #7b9ebd }
TD.formAreaTitle    { font-weight: bold; font-size: 12px; font-family: Arial, Verdana, Tahoma, sans-serif }
SPAN.markProductOutOfStock   { color: #c76170; font-weight: bold; font-size: 13px; font-family: Arial, Verdana, Tahoma, sans-serif }
SPAN.productSpecialPrice  { color: #ff0000; font-family: Arial, Verdana, sans-serif }
SPAN.errorText  { color: #ff0000; font-family: Arial, Verdana, sans-serif }
.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }
.checkoutBarFrom, .checkoutBarTo   { color: #8c8c8c; font-size: 12px; font-family: Arial, Verdana, sans-serif }
.checkoutBarCurrent   { color: #000000; font-size: 12px; font-family: Arial, Verdana, sans-serif }
/* message box */
.messageBox   { font-size: 12px; font-family: Arial, Verdana, sans-serif }
.messageStackError, .messageStackWarning   { font-size: 12px; font-family: Arial, Verdana, sans-serif; background-color: #ffb3b5 }
.messageStackSuccess   { font-size: 12px; font-family: Arial, Verdana, sans-serif; background-color: #99ff00 }
/* input requirement */
.inputRequirement    { color: #ff0000; font-weight: bold; font-size: 13px; font-family: Arial, Verdana, sans-serif }
#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}
#lightbox a img  { border: black }
#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}
#imageContainer{
	padding: 10px;
	}
#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink { background: url(images/blank.gif) no-repeat; width: 49%; height: 100%; display: block }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover  { background: url(images/prevlabel.gif) no-repeat left 15% }
#nextLink:hover, #nextLink:visited:hover  { background: url(images/nextlabel.gif) no-repeat right 15% }
#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}
#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}
* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}
.star-product-title    { color: #66f; font-weight: bold; font-size: 14px; font-family: Arial, Verdana, sans-serif }
.star-product   { color: #000000; font-weight: normal; font-size: 12px; font-family: Arial, Verdana, sans-serif; text-align: left }
.star-product-price   { font-weight: bold; font-size: 14px; font-family: Arial, Verdana, sans-serif }
/* menu Image - Show Sub-categories  Star */
a.menucateg:link, a.menucateg:visited, a.menucateg:active              { font-weight: bold; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; text-decoration: none; text-align: left; vertical-align: middle; border: none #f8f8f9; height: 20px; display: block }
a.menucateg:hover        { color: black; font-weight: bold; text-decoration: none; background: url(images/menuon20-blw.gif) repeat; border: none #6633cc }
a.menusubcateg:link, a.menusubcateg:visited, a.menusubcateg:active                 { font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; text-decoration: none; text-align: left; vertical-align: middle; border: none #f8f8f9; height: 20px; display: block }
a.menusubcateg:hover         { color: black; font-weight: bold; text-decoration: none; background: url(images/menuon20-blw.gif) repeat; border: none #6633cc }
a.menusubcategsec:link, a.menusubcateg:visited, a.menusubcateg:active                 { font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; text-decoration: none; text-align: left; vertical-align: middle; border: none #f8f8f9; height: 20px; display: block }
a.menusubcategsec:hover         { color: black; font-weight: bold; text-decoration: none; background: url(images/menuon20-blw.gif) repeat; border: none #6633cc }
a.menusubcateg_info:link, a.menusubcateg_info:visited, a.menusubcateg_info:active                 { font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; text-decoration: none;  display: block;padding: 2px; }
a.menusubcateg_info:hover         { color: #a00; font-weight: normal; text-decoration: none; background: url(images/menuon20-blw.gif) repeat; padding: 2px; }
/* menu Image - Show Sub-categories  End */
.boord        { border: solid 1px black }
.cat_info_box      { color: #696969; font-size: 10pt; font-family: Arial, Verdana, Helvetica, Geneva, Swiss, SunSans-Regular; margin-bottom: 10px; padding: 8px }
A.subcatnames:hover       { color: purple; font-weight: bold; font-size: 15px; text-decoration: none; background-image: url(images/menuon.png) }
.bericht     { color: #a96bab; font-weight: bold; font-size: 15px; font-family: Arial, verdana }
.bericht_klein     { color: #a96bab; font-size: 13px; font-family: Arial, verdana }
INPUT            { color: #000000; font-size: 12px; font-family: Arial, Verdana; background-color: #d5d5d5 }
INPUT:focus  { color: #000000; background-color: #e3e3e3 }
TEXTAREA   { background-color: #d5d5d5 }
TEXTAREA:focus { background-color: #e3e3e3 }
OPTION  { background-color: #d5d5d5 }
OPTION:focus { background-color: #e3e3e3 }
.text_omlaag        { vertical-align: -3px;}
.tekst_grijs { color: gray; font-size: 11px; font-family: Arial, Verdana }
