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

#EBEBEB - lichtgrijs
#666666 - donkergrijs
#FF0099 - felroze
#E4D8E7 - licht oudroze
#C3B1C7 - donker oudroze
#7E0168 - donker paars

*/


/*verander hieronder de kleur van de tekst in de boxen die geen link zijn en de cijfers achter de artikelen*/
.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px;  color: #C3B1C7; }

.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: #9D7A26; text-decoration: underline; }

/*verander hieronder de kleur van de pagina achtergrond*/
BODY {
  background-image: url(images/engel.jpg);
  background-repeat:no-repeat;
  background-position:right;
/*  background:#FFFFFF;
  color: #9D7A26; 
  margin: 0px;*/
}

A {
  color: #910091;
  text-decoration: none;
}
/*verander hieronder de mouse over van de productnaam*/
A:hover {
  font-family         : Verdana, Arial, sans-serif;
  font-size           : 10px; 
  color               : #FF0099;
  font-weight         : bold; 
  text-decoration: none;
}
/*verander hieronder de kleur van de linkjes/artikelen*/
A:link {
	text-decoration: none;
	color: #7E0168;}

/*verander hieronder de kleur van de linkjes/artikelen welke bezocht zijn*/
A:visited {
	text-decoration: none;
	color: #7E0168;
}
*/
FORM {
	display: inline;
}
/*verander hieronder de achtergrond van de header*/
TR.header {
  background-image: url(images/companylogo2.jpg)
}

TR.headerNavigation {
  background: #bbc3d3;
}

/*verander hieronder bij background de kleur van de header buttons*/
TR.headerbuttons {
  background: #f8f8f9;
  font-family: Verdana, Arial, sans-serif;
  font size: 12;
  border: 1px;
  border-style: solid;
  border-color: #BDE38C;
  border-spacing: 1px;
}

/* Verander hiermee de achtergrondkleur van de "zoek fabrikant" in de headerboxen */
.infoHeaderBox {
  background: #f8f8f9;
}

/*verander hieronder bij background de kleur van de boxen in de Menubar*/
.infoHeaderBoxContents {
  background: #f8f8f9;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

/*verander hieronder bij background de kleur van de bovenste navigatie balk*/
TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #fff;
/*verander hieronder bij color de kleur van de haakjes en streepjes in de tekst*/
  color: #FF0099;
  font-weight : bold;
}
/*verander hieronder de tekstkleur in de bovenste navigatie balk*/
A.headerNavigation { 
  color: #7E0168; 
}
/*verander hieronder de mouse over van de tekst in de bovenste navigatie balk*/
A.headerNavigation:hover {
  color: #FF0099;
}

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

TR.footer {
  background: #FDFCD7;
}
/*verander hieronder de achtergrond van de footerbalk*/
TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #fff;
  color: #7E0168;
  font-weight: bold;
  border: #fff;
}
/*verander hieronder de kleur van de rand van alle boxen links en rechts*/
.infoBox {
  background: #C3B1C7;
}
/*verander hieronder de achtergrond van alle boxen links en rechts*/
.infoBoxContents {
  background-image: url(images/engel.jpg);
  background-position:right;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}
/*verander hieronder de tekstkleur van de tekst in alle boxen links en rechts*/
#header .infoBoxContents {
  background: #C3B1C7; 
  font-family: Arial, sans-serif;
  font-size: 10px;
}

.infoBoxNotice {
  background: #C3B1C7;
}

.infoBoxNoticeContents {
  background: #C3B1C7;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}
/*verander hieronder de kleur van de headers van alle boxen links en rechts*/
TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  background: #C3B1C7;
  color: #ffffff; /*tekst kleur in de headers*/
}

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;
 color: #ffffff;
}

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 van het product overzicht*/
TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #C3B1C7;
  border-spacing: 1px;
}

/*verander hieronder de kleur van de tekst en de achtergrond van het kopje van het product overzicht*/
.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #FFFFFF; /*koop nu*/
  background: #C3B1C7;
  font-weight: bold;
}

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: #FF0099;
  font-weight: bold;
}

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

A.pageResults {
  color: #0000FF;
}

A.pageResults:hover {
  color: #FF0099;
  background: #FFFF33;
}
/*verander hieronder de kleur en het corps van de koptekst (Nieuwe Producten)*/
TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: #FF0099;
}

TD.pageHeadingPriceImage {
  background-image: url(images/prijssticker.jpg);
  background-repeat:no-repeat;
  background-position:center center;
  font-family: Verdana, Arial, sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: #6C5339;
}

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;
  color: #9D7A26;  
}

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: #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: #9D7A26;
  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 {
	CURSOR: pointer;
	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
}
/* VJ Links Manager v1.00 begin */
TABLE.linkListing {
  border: 1px;
  border-style: solid;
  border-color: #009900;
  border-spacing: 1px;
}

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

.linkListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #b6b7cb;
  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: #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;
}
/* VJ Links Manager v1.13 end */

/**
 * Events Calendar styles.
 */
TABLE.calendarBox
{
    width: 177px; 
    height: 225px;
    border: 0;
    padding: 0;
    cursor: default;
}
IFRAME.calendarBox
{
    width: 177px; 
    height: 245px;
}
.calendarBoxHeader
{ 
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    background: #bbc3d3;
    color: #FFFFFF;
    text-decoration: none; 
    height: 16px;
}

.yearHeader 
{ 
    font-family: Helvetica, Verdana, Arial, Helvetica, sans-serif; 
    font-size: 14px; 
    font-weight: bold; 
    color: #B4AD9A; 
    background-color: #EDECE9; 
    text-decoration: none;
} 
.yearHeader SELECT
{
    font-size: 11px;
    background: #D7D2C8; 
    color: #000000;
}
.yearHeaderButton
{
    font-size: 11px;
    font-weight: bold;
    border: 1px outset #b4ad9a; 
    background: #D7D2C8; 
    margin: 0px; 
    color: #000000; 
    width: 35px; 
    height: 19px;
}
.yearHeaderButton2
{
    font-size: 11px;
    font-weight: bold;
    border: 1px outset #b4ad9a; 
    background: #D7D2C8; 
    margin: 0px; 
    color: #000000; 
    width: 60px; 
    height: 19px;
}
.calendarMonth 
{ 
    background-color: #EDECE9; 
    cursor: default; 
    width: 100%;
}
.calendarHeader 
{ 
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #3F3F3F;
    background: #EDECE9;
    text-decoration: none; 
    height: 16px;
}
.calendarToday 
{ 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 10px; 
    color: #000000; 
    background-color: #FFCF00; 
    padding-left : 3px; 
    text-decoration: none; 
    border:1px outset #FFFFFF; 
    height: 22px; 
    width: 18px;
}
.calendarWeekend 
{ 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 10px; 
    color: #000000; 
    background-color: #D7D2C8; 
    padding-left : 3px; 
    line-height: 14px; 
    text-decoration: none; 
    border:1px outset #FFFFFF; 
    height: 22px; 
    width: 18px;
}
.calendar 
{ 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 10px; 
    color: #000000; 
    background-color: #FFFFFF; 
    padding-left : 3px; 
    line-height: 14px; 
    text-decoration: none; 
    border:1px outset #FFFFFF; 
    height: 22px; 
    width: 18px; 
}
.event 
{ 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    color: #000000; 
    background-color: #FFFFFF; 
    text-decoration: none; 
    border: 0px solid #656872; 
}
.event_header   
{ 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    font-weight: bold;
    line-height: 1.5; 
    text-decoration: none; 
    color: #FFFFFF; 
    background-color: #656872; 
} 

.event_header_dates
{
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px; 
color: #000000; 
background-color: #FFFFFF; 
text-decoration: none; 
border: 1px inset #F2F4F7;
}

/* used for list number */
.event_header_zahl    
{ 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	line-height: 1.5; 
	color: #FFFFFF; 
	background-color: #009900; 
	text-decoration: none; 
} 
.event_description
{ 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    line-height: 1.5; 
    color: #9D7A26; 
    background-color: #FFFFFF; 
    border: 0px solid #656872; 
    text-decoration: none; 
} 
.calenderHeader {
  font-family         : Verdana, Arial, sans-serif;
  font-size           : 11px;
  font-weight         : bold;
  color               : #FFFFFF;
  background-color    : #000099; }
.empty 
{ 
    background-color: #E4E3DF; 
    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;
}

TABLE.tabline {
  background: none;
  border-bottom: 1px #9D7A26 solid;
}

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