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

.boxText { font-size: 80%; }

input.search_in_description	{ margin: 5px 0px 0px 0px; padding: 0px; }

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

A {
  color: #0099FF;
  text-decoration: none;
}

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

FORM {
	display: inline;
}

TR.header {
  background: #ffffff;
}

/******************************************************************
SHOP HEADER
******************************************************************/

.header_shop	{
 		  background: #E6F6FF url(images/header_shop.gif) repeat-x bottom;
 		  border-bottom: 1px solid #0099FF;
		}

h1.shop_header	{ margin: 12px 8px 10px 8px; padding: 0px; color: #006699; line-height: 100%; }

p.breadcrumbs		{ margin: 2px 5px 5px 8px; padding: 0px; }
p.breadcrumbs A		{ color: #666; }
p.breadcrumbs A:hover	{ color: #FF7C2C; }

p.header_functions		{ font-size: 80%; margin: 8px 5px 5px 0px; padding: 0px; color: #003366; }
p.header_functions_table	{ font-size: 80%; margin: 8px 5px 5px 0px; padding: 0px; color: #003366; text-align: center; }
p.header_functions_table img	{ vertical-align: middle; }	
p.header_functions A img	{ vertical-align: middle; }

p.header_functions A#klantgegevens		{ display: block; width: 150px; height: 20px; text-align: right; padding: 0px 5px 0px 5px; color: #003366; font-weight: bold; background: #66CCFF; }
p.header_functions A#klantgegevens:hover	{ display: block; width: 150px; height: 20px; color: #fff; text-decoration: none; background: #0083D3; }

p.header_functions A#afrekenen			{ display: block; width: 150px; height: 20px; text-align: right; padding: 0px 5px 0px 5px; color: #003366; font-weight: bold; background: #66CCFF; }
p.header_functions A#afrekenen:hover		{ display: block; width: 150px; height: 20px; color: #fff; text-decoration: none; background: #0083D3; }

p.header_functions A#uitloggen			{ display: block; width: 150px; height: 20px; text-align: right; padding: 0px 5px 0px 5px; color: #003366; font-weight: bold; background: #66CCFF; }
p.header_functions A#uitloggen:hover		{ display: block; width: 150px; height: 20px; color: #fff; text-decoration: none; background: #0083D3; }

p.header_functions_table A#bestellen		{ display: block; height: 20px; vertical-align: middle; text-align: center; padding: 0px 5px 0px 10px; color: #003366; font-weight: bold; background: #66CCFF; }
p.header_functions_table A#bestellen:hover	{ display: block; height: 20px; color: #fff; text-decoration: none; background: #0083D3; }

p.header_functions A#generic			{ display: block; height: 20px; vertical-align: middle; text-align: center; padding: 0px 5px 0px 5px; color: #003366; font-weight: bold; background: #66CCFF; }
p.header_functions A#generic:hover		{ display: block; height: 20px; color: #fff; text-decoration: none; background: #0083D3; }

p.header_functions A#generic_imgless		{ display: block; height: 20px; line-height: 170%; text-align: center; padding: 0px 5px 0px 5px; color: #003366; font-weight: bold; background: #66CCFF; }
p.header_functions A#generic_imgless:hover	{ display: block; height: 20px; color: #fff; text-decoration: none; background: #0083D3; }

p.header_functions A#generic_imgless2		{ display: block; height: 20px; line-height: 190%; text-align: center; padding: 0px 5px 0px 5px; margin: 0px 0px 0px 5px; color: #666; font-weight: bold; background: #dedede; }
p.header_functions A#generic_imgless2:hover	{ display: block; height: 20px; color: #000; text-decoration: none; background: #ccc; }

input.submit_butt	{ 
			  width: 97%;
			  height: 20px;
			  font-weight: bold;
			  font-size: 80%;
			  color: #666;
			  margin: 8px 0px 5px 0px;
			  padding: 0px;
			  border: 0px;
			  background: #dedede;
			}

input.submit_butt:hover	{ background: #ccc; }

p.header_functions A#generic_imgless3		{ display: block; height: 20px; line-height: 170%; text-align: center; padding: 0px 5px 0px 5px; color: #003366; font-weight: bold; background: #D3ACFA; }
p.header_functions A#generic_imgless3:hover	{ display: block; height: 20px; color: #fff; text-decoration: none; background: #CC99FF; }


/****************************************************************/


/******************************************************************
SHOP LOGIN
******************************************************************/

table.login_box		{ border: 1px solid #CCCC00; }

table.login_box td	{ background: #FFFFCC; color: #333; }

table.login_box	A	{ color: #999; }
table.login_box	A:hover	{ color: #000; }

/****************************************************************/


/******************************************************************
PAGE NUMBERING
******************************************************************/

table.page_numbering	{ margin: 20px 0px 10px 0px; font-size: 90%; }

table.page_numbering td	{ padding: 0px 5px 0px 10px; }

table.page_numbering td span.current_page	{ padding: 2px 3px; color: #fff; background: #0083D3; font-weight: bold; }

A.pageResults 		{ color: #000; background: #66CCFF; padding: 2px 3px; text-decoration: none; }
A.pageResults:link	{ color: #000; background: #66CCFF; padding: 2px 3px; text-decoration: none; }
A.pageResults:active	{ color: #000; background: #66CCFF; padding: 2px 3px; text-decoration: none; }
A.pageResults:visited	{ color: #000; background: #66CCFF; padding: 2px 3px; text-decoration: none; }
A.pageResults:hover 	{ color: #fff; background: #0083D3; text-decoration: none; }

/****************************************************************/


/******************************************************************
BESTELLING VOORTGANG WEERGAVE
******************************************************************/

 div.order_process_box	{ margin: 10px 5px 10px 5px; font-size: 80%; }

.nr		{ width: 20px; height: 20px; background: #7CC2F0; text-align: center; font-weight: bold; color: #fff; }
.txt		{ background: #B1E7FF; padding: 0px 0px 0px 10px; font-weight: bold; }

.txt A		{ color: #003366; }
.txt A:link	{ color: #003366; }
.txt A:active	{ color: #003366; }
.txt A:visited	{ color: #003366; }
.txt A:hover	{ color: #FF7C2C; text-decoration: underline; }

.nr_active		{ width: 20px; height: 20px; background: #FF7C2C; text-align: center; font-weight: bold; color: #fff; }
.txt_active		{ background: #63CFFF; padding: 0px 0px 0px 10px; font-weight: bold; }

/****************************************************************/


TR.headerNavigation {
  background: #eee;
}

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000;
  font-weight : bold;
}

A.headerNavigation { 
  color: #FFFFFF; 
}

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

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

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

.infoBox {
  background: #00FF66;
}

.infoBoxContents {
  background: transparent;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

.infoBoxNotice {
  background: #FF8E90;
}

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

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

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, 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;
  //background: #efefef;
  font-size: 90%;
}

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;
  background: #fff;
  font-size: 90%;
}

TR.productListing-odd td.odd_row_img_cell	{ background: #fff; border-top: 2px solid #f8f8f9; border-bottom: 2px solid #f8f8f9; }
TR.productListing-even td			{ background: #fff; border-top: 2px solid #fff; border-bottom: 2px solid #fff; }

TR.productListing-even A, TR.productListing-odd A		{ color: #0099FF; }
TR.productListing-even A:hover, TR.productListing-odd A:hover	{ color: #FF7C2C; }

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

td.productListing-heading {
  height: 20px;
  font-size: 90%;
  line-height: 100%;
  background: #0099FF;
  color: #000;
  font-weight: bold;
  margin: 0px;
  padding: 0px 10px 0px 10px;
}

td.productListing-heading A 		{ text-decoration: none; color: #fff; }
td.productListing-heading A:link	{ text-decoration: none; color: #fff; }
td.productListing-heading A:visited	{ text-decoration: none; color: #fff; }
td.productListing-heading A:active	{ text-decoration: none; color: #FFFF00; }
td.productListing-heading A:hover	{ text-decoration: none; color: #FFFF00; }
td.productListing-heading A#active	{ text-decoration: none; color: #FFFF00; }

tr.productListing-odd td	{ padding: 10px 10px 5px 10px; vertical-align: top; }
tr.productListing-even td	{ padding: 10px 10px 5px 10px; vertical-align: top; }

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

TR.subBar {
  background: #f4f7fd;
}

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

TD.main, P.main {
  font-size: 90%;
  padding: 10px 5px 5px 5px; vertical-align: bottom;
}

TD.main A	{ text-decoration: none; }

.orderEdit A		{ color: #0099FF; }
.orderEdit A:link		{ color: #0099FF; }
.orderEdit A:visited	{ color: #0099FF; }
.orderEdit A:active	{ color: #0099FF; }
.orderEdit A:hover		{ color: #FF7C2C; }

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

TD.smallText	{ margin: 0px; padding: 0px; }

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

TD.fieldKey {
  width: 180px;
  font-weight: bold;
  padding: 3px 5px 3px 10px;
}

TD.fieldValue {
}

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

CHECKBOX, INPUT, RADIO, SELECT {
  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: #c76170;
  font-weight: bold;
}

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

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

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

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

/* message box */
table.messageBox { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
td.messageStackSuccess	{ padding: 3px 5px 3px 5px; margin: 0px 0px 0px 5px; background: #99ff00; font-size: 80%; }

.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
//.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */
.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }


/***************************************************************** 
MENU LIST DECLARATIONS FOR THE SHOP (called site_menu there)
*****************************************************************/

#menu ul#site_menu	{
			  font-size: 80%;
			  line-height: 160%;
			  color: #000;
			  margin: 0px 0px 0px 0px;
			  padding: 15px 0px 0px 0px;
			  list-style-type: none;
			}
		
#menu ul#site_menus li	{ font-weight: bold; margin: 0px; padding: 1px 5px 1px 5px; }

#menu ul#site_menu li A 	{ display: block; text-decoration: none; color: #333; padding: 2px 10px 2px 10px; margin: 0px; }
#menu ul#site_menu li A:link	{ text-decoration: none; color: #333; }
#menu ul#site_menu li A:visited	{ text-decoration: none; color: #333; }
#menu ul#site_menu li A:active	{ text-decoration: none; color: #000; }
#menu ul#site_menu li A:hover	{ text-decoration: none; color: #000; background: #FFED64; }

#menu ul#site_menu li A#active	{ text-decoration: none; color: #333; background: #84CCE4; }

#menu ul#site_menu ul		{ display: none; font-size: 100%; padding: 4px 0px 3px 0px; background: #BDE3F0; }

#menu ul#site_menu ul		{ display: block; }

#menu ul#site_menu ul li A 		{ display: block; text-decoration: none; color: #333; padding: 0px 10px 0px 15px; margin: 0px; }
#menu ul#site_menu ul li A:link		{ text-decoration: none; color: #666; }
#menu ul#site_menu ul li A:visited	{ text-decoration: none; color: #666; }
#menu ul#site_menu ul li A:active	{ text-decoration: none; color: #333; }
#menu ul#site_menu ul li A:hover	{ text-decoration: none; color: #333; background: #6AC1DE; }


/***************************************************************** 
SHOP KADERTJES
*****************************************************************/

div#menu			{ margin: 5px 0px 0px 3px; padding: 0px; background: #BBE4FF url(images/boxes/menu_body_bg.gif) repeat-y; text-align: center; }
div#menu_header			{ width: 100%; height: 19px; background: transparent url(images/boxes/menu_header_bg.gif) no-repeat top left; text-align: left; }
div#menu_header p		{ margin: 0px; padding: 1px 5px 0px 25px; font-weight: bold; font-size: 90%; color: #F4F2F0; } 
div#menu_content		{ width: 96%; background: transparent; margin: 5px auto 0px auto; padding: 0px 0px 8px 0px; text-align: left; }
div#menu_footer			{ width: 100%; height: 15px; background: #E5F5FF url(images/boxes/menu_footer_bg.gif) no-repeat top left; text-align: left; }

div#search_brand		{ margin: 0px 5px 0px 5px; padding: 0px; background: #D9D9FF; text-align: center; }
div#search_brand_header		{ width: 100%; height: 18px; background: #B4B3FF; text-align: left; }
div#search_brand_header p	{ margin: 0px; padding: 1px 5px 0px 5px; font-weight: bold; font-size: 80%; color: #330066; } 
div#search_brand_dd_box		{ width: 96%; background: #D9D9FF; margin: 0px auto 0px auto; padding: 8px 0px 8px 0px; text-align: left; }

/* Dedicated styles voor de merken DropDown */
select.dd_manufacturers		{ width: 100%; height: 18px; background: #D9D9FF; margin: 0px; font-size: 90%; }
select.dd_manufacturers	option	{ font-weight: normal; }

div#search_article		{ margin: 0px 0px 0px 3px; padding: 0px; background: #EECEFF url(images/boxes/zoek_body_bg.gif) repeat-y; text-align: center; }
div#search_article_header	{ width: 100%; height: 18px; background: transparent url(images/boxes/zoek_header_bg.gif) no-repeat top left; text-align: left; }
div#search_article_header p	{ margin: 0px; padding: 1px 5px 0px 25px; font-weight: bold; font-size: 90%; color: #F4F2F0; } 
div#search_brand_content	{ width: 96%; background: transparent url(images/boxes/zoek_ronding_links.gif) no-repeat 0px 6px; margin: 0px auto 5px auto; padding: 5px 0px 8px 0px; color: #000033; }
div#search_brand_content A		{ color: #666; text-decoration: none; }
div#search_brand_content A:hover	{ color: #000; text-decoration: underline; }
div#search_brand_content input.search	{ width: 60%; vertical-align: top; background: #fff; margin: 0px 0px 4px 12px; padding: 5px 3px 5px 3px; border: 0; color: #666; border-top: 1px solid #B39CCC; border-bottom: 1px solid #B39CCC; }
div#search_article_footer		{ width: 100%; height: 15px; background: #E5F5FF url(images/boxes/zoek_footer_bg.gif) no-repeat top left; text-align: left; }

div#shopping_cart		{ margin: 0px 0px 0px 3px; padding: 0px; background: #FFCCCC url(images/boxes/cart_body_bg.gif) repeat-y; text-align: center; }
div#shopping_cart_header	{ width: 100%; height: 19px; background: transparent url(images/boxes/cart_header_bg.gif) no-repeat top left; text-align: left; }
div#shopping_cart_header p	{ margin: 0px; padding: 1px 5px 0px 25px; font-weight: bold; font-size: 90%; color: #F4F2F0; } 
div#shopping_cart_header A		{ color: #330000; text-decoration: none; color: #F4F2F0; }
div#shopping_cart_header A:hover	{ color: #990000; text-decoration: none; color: #fff; }
div#shopping_cart_content		{ background: transparent; margin: 5px auto 5px auto; padding: 0px 10px 8px 5px; color: #330000; }
div#shopping_cart_content A		{ color: #993333; text-decoration: none; }
div#shopping_cart_content A:hover	{ color: #330000; text-decoration: underline; }
div#shopping_cart_footer		{ width: 100%; height: 15px; background: #E5F5FF url(images/boxes/cart_footer_bg.gif) no-repeat top left; text-align: left; }

div#information			{ margin: 0px 0px 0px 3px; padding: 0px; background: #CCFF99 url(images/boxes/info_body_bg.gif) repeat-y; text-align: center; }
div#information_header		{ width: 100%; height: 19px; background: transparent url(images/boxes/info_header_bg.gif) no-repeat top left; text-align: left; }
div#information_header p	{ margin: 0px; padding: 1px 5px 0px 25px; font-weight: bold; font-size: 90%; color: #F4F2F0; } 
div#information_content		{ width: 96%; background: transparent; margin: 5px auto 0px auto; padding: 0px 0px 8px 0px; text-align: left; }
div#information_content A	{ color: #666; text-decoration: none; }
div#information_content A:hover	{ color: #000; text-decoration: underline; }
div#information_footer		{ width: 100%; height: 15px; background: #E5F5FF url(images/boxes/info_footer_bg.gif) no-repeat top left; text-align: left; }

div#language			{ margin: 0px 0px 0px 3px; padding: 0px; background: #EFDBBA url(images/boxes/language_body_bg.gif) repeat-y; text-align: center; }
div#language_header		{ width: 100%; height: 19px; background: transparent url(images/boxes/language_header_bg.gif) no-repeat top left; text-align: left; }
div#language_header p		{ margin: 0px; padding: 1px 5px 0px 25px; font-weight: bold; font-size: 90%; color: #F4F2F0; } 
div#language_content		{ width: 96%; background:  transparent; margin: 5px auto 0px auto; padding: 0px 0px 8px 0px; text-align: left; }
div#language_content A		{ color: #666; text-decoration: none; }
div#language_content A:hover	{ color: #000; text-decoration: underline; }
div#language_footer		{ width: 100%; height: 15px; background: #E5F5FF url(images/boxes/language_footer_bg.gif) no-repeat top left; text-align: left; }

div#advanced_search			{ margin: 10px 5px 0px 5px; padding: 0px; background: #EECEFF; text-align: center; }
div#advanced_search_content		{ width: 96%; background: #EECEFF; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; text-align: left; }
div#advanced_search_content A		{ color: #666; text-decoration: none; }
div#advanced_search_content A:hover	{ color: #000; text-decoration: underline; }

div#login			{ margin: 10px 5px 0px 5px; padding: 0px; background: #eee; text-align: center; }
div#login_header		{ width: 100%; height: 24px; background: #dedede; text-align: left; font-size: 110%; }
div#login_header p		{ margin: 0px; padding: 4px 5px 0px 10px; font-weight: bold; color: #000; } 
div#login_content		{ width: 96%; background: #eee; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; text-align: left; }
div#login_content textarea	{ width: 400px; }
div#login_content A		{ color: #666; text-decoration: none; }
div#login_content A:hover	{ color: #000; text-decoration: underline; }
div#login_footer		{ height: 26px; }

div#bestelling			{ margin: 10px 5px 0px 5px; padding: 0px; background: #eee; text-align: center; }
div#bestelling_header		{ width: 100%; height: 24px; background: #dedede; text-align: left; font-size: 110%; }
div#bestelling_header p		{ margin: 0px; padding: 4px 5px 0px 10px; font-weight: bold; color: #000; } 
div#bestelling_header span.small	{ font-size: 80%; font-weight: normal; }
div#bestelling_header A		{ color: #330000; text-decoration: none; }
div#bestelling_header A:hover	{ color: #990000; text-decoration: none; }
div#bestelling_content		{ width: 96%; background: #eee; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; text-align: left; }
div#bestelling_content A	{ color: #993333; text-decoration: none; }
div#bestelling_content A:hover	{ color: #330000; text-decoration: underline; }