/*
  $Id: stylesheet.css 1739 2007-12-20 00:52:16Z hpdl $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

BODY {
  background:#ffffff;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  color: #303030;
}


/* Stijlen voor de tab menus */
#tabs{
	padding-right:5px;	/* The right most tab will be padded 20px from its right */
	margin:0px;
	float:right;		/* For right aligned tabs */
}
#tabs a{
	background:#555555 url(../images/product_tabs/left_tab.gif) top left no-repeat;	/* Background image is positioned top, left */
	color:#FFF;
	padding-left:5px;	/* Change this padding according to the size of image slices used to create tab */
	text-decoration:none;
}
#tabs a:hover{
	/*background:#c0c0c0 url(../images/product_tabs/selected_left_tab.gif) top left no-repeat;*/
	background:#c0c0c0 url(../images/product_tabs/left_tab.gif) top left no-repeat;
	color:#000;
	text-decoration:none;
}
#tabs a span{
	background:#555555 url(../images/product_tabs/right_tab.gif) top right no-repeat;	/* Background image is positioned top, right */
	color:#FFF; /*tekstkleur niet geselecteerde tab*/
	padding-right:15px;
}
#tabs a:hover span{
	/*background:#c0c0c0 url(../images/product_tabs/selected_right_tab.gif) top right no-repeat;*/
	background:#c0c0c0 url(../images/product_tabs/right_tab.gif) top right no-repeat;
	color:#000000; /*tekstkleur bij hover over tab*/
}
#tabs li{
	list-style:none;
	float:left;
	padding-left:3px;
}
#tabs b{	/* This class will be applied on selected tab */
	/*background:#c0c0c0 url(../images/product_tabs/selected_left_tab.gif) top left no-repeat;*/
	background:#c0c0c0 url(../images/product_tabs/left_tab.gif) top left no-repeat;
	color:#FFFFFF;
	padding-left:5px;
	font-weight:normal;
}
#tabs b span{
	/*background:#c0c0c0 url(../images/product_tabs/selected_right_tab.gif) top right no-repeat;*/
	background:#c0c0c0 url(../images/product_tabs/right_tab.gif) top right no-repeat;
	color:#000000;  /*tekstkleur geselecteerde tab*/
	padding-right:15px;
}
#tabs span{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:6px;
	cursor:pointer;
}
#tabs a,#tabs a span,#tabs b,#tabs b span{
	display:block;		/* Set display to block, otherwise background images will not work*/
	float:left;
}

/* ************************************************************************************* */
.boxText li				{padding:0px 0px 0px 0px; width:100%; vertical-align:top;}
.boxText li, .boxText li a		{font-family:arial;}
.boxText ul				{list-style:none;margin:0px 0px 0px 0px;padding:0;}
.boxText .categories			{margin:5px 0px 10px 0px;}
.boxText .bestsellers			{margin:0px 0px 17px 0px;}
.boxText .information			{margin:0px 0px 0px 0px;}
.boxText .manufacturers			{margin:0px 0px 0px 0px;}
.boxText li a 				{display:block;}
.boxText ul li div 			{padding-left:19px;}


/* .boxText .bg_list 			{background:url(images/bg_list_hline.gif) 0px 0px repeat-x;}  ================ lijn tussen de menu opties*/
.boxText .bg_list a			{color:#303030; font-size:15px; line-height:13px; font-weight:normal; padding:5px 0px 6px 10px;background:url(images/bg_list.gif) 0px 10px no-repeat;text-decoration:none;}
.boxText .bg_list a:hover		{color:#F39437;text-decoration:none;}
.boxText .bg_list a b			{color:#303030; font-weight:bold; text-decoration:none;}

.boxText .bg_list_un 			{padding:0px 0px 0px 0px;}
.boxText .bg_list_un a			{color:#303030; font-size:15px; line-height:13px; font-weight:normal; padding:5px 0px 6px 10px;background:url(images/bg_list.gif) 0px 10px no-repeat;text-decoration:none;}
.boxText .bg_list_un a:hover		{color:#F39437;text-decoration:none;}
.boxText .bg_list_un a b		{color:#303030; font-weight:bold; text-decoration:none;}
/* ************************************************************************************* */


pre 		{font-family: Arial, Verdana, sans-serif; font-size: 14px; color: #555555; } 
.boxText 	{ font-family: Arial, Verdana, sans-serif; font-size: 14px; line-height:25px; }
.boxText_corner	{ font-family: Arial, Verdana, sans-serif; 
		  font-size: 12px;   
		  padding-top:0px;	/* marge boven box titel */
  		  padding-bottom:0px;	/* marge onder box titel */ }
.errorBox 	{ font-family : Arial, Verdana, sans-serif; font-size : 12px; background: #ffb3b5; font-weight: bold; }
.stockWarning 	{ font-family : Arial, Verdana, sans-serif; font-size : 12px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit 	{ font-family : Arial, Verdana, sans-serif; font-size : 12px; color: #F39437; text-decoration: underline; }

/*.chrome {background:url("images/bkg-chrome.gif"); background-repeat:repeat-y; background-position: center;}*/
.left_bar	{background-color: #ffffff; }
.heading_title {font-family: Arial, Verdana; font-size: 17px; color: #ffffff; font-weight: bold; text-decoration: none;}

span.platte_tekst	{font-family: Arial, Verdana, sans-serif; font-size: 14px; color: #555555; } 
.platte_tekst	{font-family: Arial, Verdana, sans-serif; font-size: 14px; color: #555555; } 
span.platte_tekst_rood	{font-family: Arial, Verdana, sans-serif; font-size: 14px; color: #F39437; } 

span.kopje_rood	{font-family: Arial, Verdana; font-size: 15px; color: #F39437; line-height:17px; font-weight: bold; text-align: right;	text-decoration: none;}
.kopje_rood	{font-family: Arial, Verdana; font-size: 15px; color: #F39437; line-height:17px; font-weight: bold; text-align: right;	text-decoration: none;}
span.kopje_zwart	{font-family: Arial, Verdana; font-size: 15px; color: #000000; line-height:17px; font-weight: bold; text-align: right;	text-decoration: none;}
.kopje_zwart	{font-family: Arial, Verdana; font-size: 15px; color: #000000; line-height:17px; font-weight: bold; text-align: right;	text-decoration: none;}
.menu_left	{font-family: Arial, Verdana; font-size: 15px; color: #303030; line-height:17px; font-weight: normal; text-align: right; text-decoration: none;}
.menu_left_red	{font-family: Arial, Verdana; font-size: 15px; color: #F39437; line-height:17px; font-weight: normal; text-align: right; text-decoration: none;}
.tab		{font-family: Arial, Verdana; font-size: 15px; color: #F39437; line-height:17px; font-weight: bold; text-decoration: none;}

.topnavbar 	{font-family: Arial, Verdana; font-size: 16px; color: #ffffff; line-height:17px; font-weight: normal; text-align: right; text-decoration: none;}
A.topnavbar:hover {text-decoration: none; color: #bbbbbb;}

.toplogo  {background-image:url('images/toplogo.jpg'); background-repeat: no-repeat; background-position: top right;}


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

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

FORM {
	display: inline;
}

TD {
  color: #303030;
  text-decoration: none;
  font-size: 15px;
  line-height:17px;
}

TR.header {
  background: #303030;
}

TR.headerNavigation {
  background: #bbc3d3;
}

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

A.headerNavigation { 
  font-size: 14px;
  color: #303030; 
}

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

TR.headerError {
  background: #ff0000;
}

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

TR.headerInfo {
  background: #00ff00;
}

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

TR.footer {
  background: #bbc3d3;
}

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

.infoBox {
  background: #b6b7cb;
}

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

.infoBoxNotice {
  background: #FF8E90;
}

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

TD.infoBoxHeading {
  font-family: Arial, Verdana, sans-serif;
  font-size: 15px;
  font-weight: bold;
  background: #ffffff;
  color: #F39437;
  padding-top:5px;	/* marge boven box titel */
  padding-bottom:4px;	/* marge onder box titel */  
}

TD.infoBoxHeading_corner {
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  font-weight: bold;
  background: #ffffff;
  color: #F39437;
  padding-top:0px;	/* marge boven box titel */
  padding-bottom:0px;	/* marge onder box titel */
}

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

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

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

TABLE.productListing {
//  border: 1px;
//  border-style: solid;
//  border-color: #b6b7cb;
//  border-spacing: 1px;
}

.productListing-heading {
  font-family: Arial, Verdana, sans-serif;
  font-size: 14px;
  background: #b6b7cb;
  color: #303030;
  font-weight: bold;
}

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


TD.product_listprice {
  font-family: Arial, Verdana, sans-serif;
  font-size: 14px;
  color: #303030;
}

A.pageResults {
  color: #0000FF;
}

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

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

TR.subBar {
  background: #f4f7fd;
}

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

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

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

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

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

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

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

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

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

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

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

TABLE.formArea {
  background: #dddddd;
  border-color: #b6b7cb;
  border-style: solid;
  border-width: 1px;
}


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

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

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

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

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

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

/* message box */

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

/* input requirement */

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

.productTitle {font-family: Verdana,Arial; font-size: 17px; color: #3f3f3f; font-weight: bold;}

table.specials_border {
	border-width: 1px;
	border-spacing: 2px;
	border-style: solid;
	border-color: #cccccc;
	border-collapse: separate;
	background-color: ;
	-moz-border-radius: 5px;
}


/* ============ BOF opties voor het uitklap menu =================*/



/* Afmetingen van de menubalk */
#nav {
	float: left;
	width: 70px;
	list-style: none;
	line-height: 1;
	background: #F39437;
	font-weight: normal;
	font-size: 16px;
	color: white;
	padding: 0;
	/*border: solid #eda;*/
	border: solid #000000;
	border-width: 0px 0;
	margin: 1px 0 0 0;
}

/*Alleen aanvullende optie hieronder*/
#nav ul {
	float: left;
	list-style: none;
	line-height: 1;
	background: white;
	font-size: 14px;
	padding: 0;
	/*border: solid #F39437;*/
	border: solid #ffffff;
	border-width: 0px 0;
}

/* opmaak voor hoofdmenu link */
#nav a {
	display: block;
	width: 4em;
	color: white;
	text-decoration: none;
	padding: 0.25em 1.75em;  /* afstand links tussen tekst en border */
}

/* opmaak voor submenu link*/
#nav ul a {
	display: block;
	width: 13em;
	color: #303030;
	text-decoration: none;
	padding: 0.25em 1.75em;  /* afstand links tussen tekst en border */
}

/* opmaak voor sub-submenu link*/
#nav ul ul a {
	display: block;
	width: 13em;  /* breedte waar de text in past*/
}

#nav a.daddy {
/*	background: url(images/rightarrow2.gif) center right no-repeat;*/
	background:url('images/rightarrow2.gif');
	background-repeat:no-repeat;
	background-position:140px 50%;  

}

#nav li {
	float: left;
	padding: 0;
/*	width: 7em;*/
}

/*breedte van de box om de menu's*/
#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 14em;
	font-weight: normal;
	/*border-width: 0.25em;*/
	border-width: 1px;
	margin: 0;
}


#nav li li {
/*	padding-right: 1em;*/
	width: 13em
}

#nav li ul a {
/*	width: 9em;*/

}

/* positie van het tweede submenu top x x right */
#nav li ul ul {
	margin: -1.75em 0 0 12em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
	background: #F39437;
}

#nav li li:hover, #nav li li.sfhover {
	background: #d0d0d0;
}

#content {
	clear: left;
}

#content a {
	color: #7C6240;
}

#content a:hover {
	text-decoration: none;
}

/* ============ EOF opties voor het uitklap menu =================*/

#menu_parent{
width: 100px;
border: 0px solid black;
background-color: #F39437;
padding: 1px 2px;
font-weight: normal;
color: #ffffff;
}

#menu_child{
position: absolute;
visibility: hidden;
background-color: #FFFFFF;
width: 200px;
border: 0px solid black;
border-bottom-width: 0;
}

#menu_child a{
display: block;
width: 98%;
border-bottom: 0px solid black;
padding: 2px;
text-decoration: none;
font-weight: normal;
/*color: navy;*/
}

#menu_child a:hover{
background-color: lightgrey;
}

#src_parent{
width: 120px;
padding: 1px 2px;
border: 0px solid blue;
background-color: #EADDFF;
}


/* ************************************************************************************* */
.menu 						{background:url(images/menu_bg.gif) 0px 0px repeat-x;} 
.menu td					{padding:0px 6px 0px 6px; width:auto; height:38px; vertical-align:middle;}
.menu td a					{display:block; white-space:nowrap;}
.menu2 						{background:url(images/menu2.gif) 0px 0px repeat-x;}
.menu2 td					{padding-top:13px;}
/* ************************************************************************************* */
/* ************************************************************************************* */
#m1,
#m2,
#m3,
#m4,
#m5,
#m6,
#m7,
#over_m1,
#over_m2,
#over_m3,
#over_m4,
#over_m5,
#over_m6,
#over_m7,
#over2_m1,
#over2_m2,
#over2_m3,
#over2_m4,
#over2_m5,
#over2_m6,
#over2_m7		{width:auto; cursor:pointer; white-space:nowrap;text-align:center; vertical-align:middle; text-transform:uppercase; padding-top:2px;
					font-size:11px;line-height:18px;font-weight:bold;font-family:arial;}					

#m1,
#m2,
#m3,
#m4,
#m5,
#m6,
#m7			{color:#2e3033;}
/* #m7			{color:#2e3033;background:url(images/menu_marker.gif) 0px 9px no-repeat;} */

#over_m1,
#over_m2,
#over_m3,
#over_m4,
#over_m5,
#over_m6,
#over_m7			{color:#274f62; text-decoration:underline;}
/* #over_m7			{color:#274f62;background:url(images/menu_marker.gif) 0px 9px no-repeat; text-decoration:underline;}*/

#over2_m1,
#over2_m2,
#over2_m3,
#over2_m4,
#over2_m5,
#over2_m6,
#over2_m7			{color:#274f62; text-decoration:underline;}
/*#over2_m7			{color:#274f62;background:url(images/menu_marker.gif) 0px 9px no-repeat; text-decoration:underline;}*/
/* ************************************************************************************* */




/*Alleen aanvullende optie hieronder*/
.cat_level0	{font-size:16px; color:#F39437; padding:0px 0px 0px 0px; list-style:square; margin:0px 10px 0px 25px;}

/*Alleen aanvullende optie hieronder*/
.cat_level1	{font-size:12px; padding:0px 0px 0px 0px; list-style:square; margin:0px 10px 0px 25px;}
/*.cat_level1	{font-size:12px; padding:0px 0px 0px 0px; list-style:circle; margin:0px 10px 0px 25px;}*/


/*Alleen aanvullende optie hieronder*/
.cat_level2	{padding:0px 0px 0px 0px; list-style:square; margin:0px 10px 0px 25px;padding:0;}

/*Alleen aanvullende optie hieronder*/
.cat_level3	{padding:0px 0px 0px 0px; list-style:square; margin:0px 10px 0px 25px;padding:0;}



.cat_header	{color="#F39437"; font-size:15px; font-weight:bold;}

/*#project-list {
    background:transparent url(http://css-tricks.com/examples/ULStyle/images/graypixel.png) repeat-y 2px 0px;
    list-style:square;
}

#project-list li {
    font-size:16px;
    margin:15px 0 20px;
    padding:0 0 0 10px;
}

#project-list li a {
    background:white;
    color:#F39437;
    display:block;
    padding:3px;
}

#project-list li a:hover {
    color:#84B8FF;
}

#project-list li ul li {
    background:transparent url(http://css-tricks.com/examples/ULStyle/images/graypixel.png) repeat-x 0 8px;
    list-style:none;
    font-size:13px;
    margin:4px 0 4px 5px;
    padding:0 0 0 20px;
}

#project-list li ul li a {
    padding:0 0 0 3px;
}

#project-list li ul li ul {
    background:transparent url(http://css-tricks.com/examples/ULStyle/images/graypixel.png) repeat-y 15px 0;
    margin-bottom:10px;
}

#project-list li ul li ul li {
    margin-left:16px;
    padding-left:10px;
}*/