/*
  $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-family: Verdana, Arial, sans-serif; font-size: 10px; }
.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: #70d250; text-decoration: underline; }

body {
	background: #ffffff;
  	color: #000000;
  	margin: 0px;
	font-family: Verdana, Arial, sans-serif;
  	font-size: 10px;		 
}

a {
	color: #000000;
	text-decoration: none;
}

a:hover {
	color: #accfcc;;
	text-decoration: none;
}

form {
	display: inline;
}

#mainContainer {	
	position: absolute;
	background-color: #ffffff;
    width: 800px;    
    left: 50%;
    margin-left: -400px;
}

#headerContainer {
	float: left;
	height: auto;
	width: 800px;	
	margin: 0;
	background-color: #ffffff;	
	padding-top: 0px;
	margin-bottom: 10px;	
}

#headerContainer img {
	border-style: none;
}

ul#topmenu {
    margin: 0;
    padding: 0;
    list-style: none;
    height: 39px; /* Een hoogte instellen ivm de float: left; van de li's */
} 

ul#topmenu li {
    float: left;
    height: 39px;
} 

ul#topmenu li a {
    display: block; /* We maken er een block element van */
    text-indent: -9999px; /* Zorg ervoor dat de text verdwijnt. */
    overflow: hidden; /* IE 5 */
    height: 39px; /* Hoogte van de li's (en de plaatjes natuurlijk) */
} 

ul#topmenu li a.leeg {
    width: 100px; /* Bijvoorbeeld de width van het plaatje */
    background: url('images/menu_leeg.jpg') no-repeat top left; /* Plaatje in de achtergrond */
}

ul#topmenu li a.home {
    width: 100px; /* Bijvoorbeeld de width van het plaatje */
    background: url('images/menu_home.jpg') no-repeat top left; /* Plaatje in de achtergrond */
}
ul#topmenu li a.home:hover { /* Bij mouseover */
    background: url('images/menu_home_hover.jpg') no-repeat bottom left; /* Plaatje bij hover */
} 

ul#topmenu li a.account {
    width: 100px; /* Bijvoorbeeld de width van het plaatje */
    background: url('images/menu_mijn_account.jpg') no-repeat top left; /* Plaatje in de achtergrond */
}
ul#topmenu li a.account:hover { /* Bij mouseover */
    background: url('images/menu_mijn_account_hover.jpg') no-repeat bottom left; /* Plaatje bij hover */
} 

ul#topmenu li a.winkelwagen {
    width: 100px; /* Bijvoorbeeld de width van het plaatje */
    background: url('images/menu_winkelwagen.jpg') no-repeat top left; /* Plaatje in de achtergrond */
}
ul#topmenu li a.winkelwagen:hover { /* Bij mouseover */
    background: url('images/menu_winkelwagen_hover.jpg') no-repeat bottom left; /* Plaatje bij hover */
} 

ul#topmenu li a.afrekenen {
    width: 100px; /* Bijvoorbeeld de width van het plaatje */
    background: url('images/menu_afrekenen.jpg') no-repeat top left; /* Plaatje in de achtergrond */
}
ul#topmenu li a.afrekenen:hover { /* Bij mouseover */
    background: url('images/menu_afrekenen_hover.jpg') no-repeat bottom left; /* Plaatje bij hover */
} 

#column_leftContainer {
	float: left;
	background-color: #ffffff;
	width: 135px;
	height: inherit;
	margin-bottom: 15px;
}

#content {
	float: right;
	width: 510px;	
}

#contentContainer {
	background-color: #ffffff;
	float: left;
	width: 510px;
	padding-left: 10px;
	padding-right: 10px;	
	margin-bottom: 15px;
}

#column_rightContainer {
	float: left;
	background-color: #ffffff;
	width: 135px;
	height: inherit;
	margin-bottom: 15px;	
}

#footer {
	float: left;	
	width: 800px;		
	height: 20px;
	/* IE height hack */
	_height: 30px;
	margin-bottom: 15px;
	padding-top: 10px;
	background-image: url(images/footer.jpg);	
	font-family: Verdana, Arial, sans-serif;
  	font-size: 10px;
	font-weight : bold;
  	color: #ffffff;
	text-align: center;  	
}

tr.header {
	background: #ffffff;
}

tr.headernavigation {
	background: #bbc3d3;
}

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

a.headerNavigation { 
  	color: #000000; 
}

a.headerNavigation:hover {
  	color: #accfcc;
}

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 {
	/*border: 1px solid #424242;*/
	border: 1px solid #9a9a9a;
	height: auto;
}

td.infobox, span.infobox {	
	background-color: #ffffff;
}

.infobox a {
	color: #000000;
	/*font-weight: bold;*/
}

.infobox a:hover {
	color: #accfcc;
}

.infoBoxContents {
  	font-family: Verdana, Arial, sans-serif;
  	font-size: 10px;
  	margin-left: 5px;
  	line-height: 1.5;  
}

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

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

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

.productListing-heading {
  	font-family: Verdana, Arial, sans-serif;
  	font-size: 10px;
  	border-bottom: 1px solid #9a9a9a;
  	color: #000000;
  	font-weight: bold;
  	text-align: left;
  	padding-bottom: 3px;   
  
}

.productListing-data {
  	font-family: Verdana, Arial, sans-serif;
  	font-size: 10px;
  	color: #000000;
  	text-align: left;
  	vertical-align: top;
  	padding-top: 10px;
  	/*border-top: 1px dashed #9a9a9a;*/
}

table.productlisting {	
	border-bottom: 1px solid #9a9a9a;	
}

/*
.productListing-heading {
  	font-family: Verdana, Arial, sans-serif;
  	font-size: 10px;  
  	color: #000000;
  	font-weight: bold;
}
*/
td.productListing-data {
	font-family: Verdana, Arial, sans-serif;
  	font-size: 10px;
}

a.pageResults {
  	color: #0000ff;
}

a.pageResults:hover {
  	color: #0000ff;
  	background: #ffff33;
}

.pageheading {
	font-family: Verdana, Arial, sans-serif;
  	font-size: 11px;
	padding-top: 10px;
}

td.pageheading, div.pageheading {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
}

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

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

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

table.algvoor {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	width: 100%;
	border: 1px dashed #9a9a9a;
}

table.algvoor td {
	vertical-align: top;
}

table.algvoor img {
	border: 0;
}

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

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

.moduleRow {
}

.moduleRowOver {
	background-color: #d7e9f7; 
	cursor: pointer; 
	cursor: hand;
}

.moduleRowSelected {
	background-color: #e9f4fc;
}

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

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

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