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

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

BODY {
  background: #e3ecf4 url(images/layout/body-back.gif) top center no-repeat;
  margin: 0px;
}
SELECT {
background-color: #A5CBD6;
}
INPUT {
color: #000000;
background-color:#ffffff;
}
A {
  color: #00447a;
  font-weight: bold;
  text-decoration: none;
}
A:hover {
  color: #276fa8;
  font-weight: bold;
}
FORM {
    display: inline;
}
TR.header {
  background: #ffffff;
}
TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #006633;
  color: #000000;
  font-weight : bold;
}
TD.headerNavigationAdminLoggedIn {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #FF0000;
  color: #000000;
  font-weight : bold;
}
A.headerNavigation { 
 
}
A.headerNavigation:hover {
  
}
TR.headerError {
  background: #ff0000;
}
TD.headerError, TD.headerInfo {
  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 {
  background: #00ff00;
  }
TR.footer {
  background: #bbc3d3;
}
TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #006633;
  color: #ffffff;
  font-weight: bold;
}
.infoBox_org {
  background: #F26722;
}
.infoBoxContents_org {
  background: #f8f8f9;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}
.infoBox {
  background: transparant;
}

.infoBoxContents {
  background: #f8f8f9;  
  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: 14px;
  	font-weight: bold;
  	color: green;
  	background: #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: #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: #ffffff;
}
TR.recentlyviewed-odd {
  background: #ffffff;
}
TR.recentlyviewed-even {
  background: #eeeeee;
}
TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: green;
  border-spacing: 1px;
}
.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #00447a;
  color: #FFFFFF;
  font-weight: bold;
}
TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}
TD.tableData {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}
A.pageResults {
  color: #000000;
}
A.pageResults:hover {
  color: #000000;
  background: #FFFF33;
}
TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #00447a;
}
TD.pageHeadingMedium, DIV.pageHeadingMedium {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #00447a;
}
TR.subBar {
  background: #f4f7fd;
}
TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}
TD.main, P.main, DIV.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 {
  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: #ff0000;
}
SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}
.UPSheader {
  font-size: 13pt;
  color: #663300;
  font-weight: 900;
}
.UPSheader2    {
  font-size: 8pt;
  font-weight: bold;
  color: #ffffff;
}
.appheadercolor {
  background-color: #996633;
}
.modulepad {
  padding-left:10px;
  padding-right:10px;
}
.spacing {
  padding-left: 10px;
  padding-right: 10px;
}
.modpadbullet {
  padding-left:6px;
  text-indent: -9px;
  padding-right:5px;
}
TD.pollBoxRow {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}
TD.pollBoxText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}
TR.pollOptRow {
  background: #f1f9fe;
}

TR.pollFooter {
  background: #f1f9fe;
}

TD.ups {
  font-family: verdana, arial,sans-serif;
  font-size: 7pt;
}

TD.upsSmall {
  font-family: verdana, arial,sans-serif;
  font-size: 6pt;
}

.brownbold {
  color: #663300;
  font-weight: bold;
}

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

/* data table */
.dataTableHeadingRow { background-color: #C9C9C9; }
.dataTableHeadingContent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ffffff; font-weight: bold; }
.dataTableRow { background-color: #F0F1F1; }
.dataTableRowSelected { background-color: #DEE4E8; }
.dataTableRowOver { background-color: #FFFFFF; cursor: pointer; cursor: hand; }
.dataTableContent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

/* ---------------DIV opmaak---------------*/
#container{
	width: 940px;
	margin: 20px auto 0px auto;
	border: 1px solid green;
	}
#header{ 
	height: 60px;
	}
	#header img{
		border: none;
	}
#logo{
	float:left;
	border: 0px solid gray;
	margin: 0 20px 0 0;	
	}
#nav_head{
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 14px;
	padding: 0px 0px 10px 0px;
	border: 0px solid red;
	}
#breadcrumb{
	float: left;
	width: 650px;
	border-bottom: 1px dotted #CCCCCC;
	border-top: 1px dotted #CCCCCC;
	margin: 10px 0px 0px 0px;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 10px;
	}
#admin_breadcrumb{
	float: left;
	width: 650px;
	border-bottom: 1px solid #red;
	border-top: 1px solid #red;
	margin: 10px 0px 0px 0px;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 10px;
	}
#language{
	float: right;	
	width: 100px;
	margin: 0px 10px 0px 0px;
	border: 0px solid yellow;
	}
	#language img{
		border: none;
	}
	#language a{
	padding: 0px 0px 0px px;
	}
#column_left{
	float: left;
	width: 220px;
	border: 0px solid blue;
	}
#nav_products{
	position: relative;
	top: 0px;
	border: 0px solid;
	}
#column_right{
	float: left;
	width: 200px;
		}
#content{
	float: left;
	width: 480px;
	padding: 15px;
	background-color: ffffff;
	}
/* ----------------- end DIV------------------*/
.clear{
clear: both;
border: 1px solid red;	
}
a.icon-logoff{
	padding: 0px 0px 10px 25px;
	background: transparent url(images/layout/icon-logoff.gif) 0px 2px no-repeat;
}
a.icon-change{
	padding: 0px 0px 10px 25px;
	background: transparent url(images/layout/icon-change.gif) center left no-repeat;
}
a.icon-create{
	padding: 0px 0px 10px 25px;
	background: transparent url(images/layout/icon-create.gif) center left no-repeat;
}
a.icon-cart{
	padding: 0px 0px 10px 25px;
	background: transparent url(images/layout/icon-cart.gif) center left no-repeat;
}
a.icon-checkout{
	padding: 0px 0px 10px 25px;
	background: transparent url(images/layout/icon-checkout.gif) center left no-repeat;
}
ul.login{
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
}
li.login-secure{
	padding: 0px 0px 10px 25px;
	background: transparent url(images/layout/icon-log-secure.gif) center left no-repeat;
}
li.login-newclient{
	padding: 0px 0px 10px 25px;
	background: transparent url(images/layout/icon-log-client.gif) center left no-repeat;
}
li.login-forgetpassword{
	padding: 0px 0px 10px 25px;
	background: transparent url(images/layout/icon-log-password.gif) center left no-repeat;
}
#footer{

}
	#footer ul{
		list-style: none;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
	#footer a{
		font-family: Verdana, Arial, Sans-Serif;
		font-size: 10px;
	}
a.icon-footer-webshop{
	padding: 0px 0px 0px 35px;
	background: transparent url(images/layout/icon-webshop.gif) center left no-repeat;
}
a.icon-footer-mkb{
	padding: 0px 0px 0px 35px;
	background: transparent url(images/layout/icon-mkb.gif) center left no-repeat;
}
a.icon-footer-secured{
	padding: 0px 0px 0px 35px;
	background: transparent url(images/layout/icon-secured.gif) center left no-repeat;
}
ul.footer-payment{
	float: right;
}
li.footer-payment{
	padding: 0px 0px 0px 0px;
	display: inline;
}
ul.footer{
	float: left;
}
li.footer{
	padding: 0px 0px 0px 0px;
	display: inline;
}
p.footer-text{
	float: left;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 10px;
}
/* ----------------- coolMenu ----------------- */
.clCMEvent{
    position:absolute;
    width:99%; height:99%;
    clip:rect(0,100%,100%,0);
    left:0; 
    top:0;
    visibility:visible;
    border: 1px solid black;
}
.clCMAbs{
    position:absolute;
    visibility:hidden;
    left:0;
    top:0;
}
.clBar{
    position:absolute;
    width:0;
    height:10;
    background-color:#ffffff;
    layer-background-color:#ffffff;
    visibility:hidden;
}
.clLevel0,.clLevel0over{
    position:absolute;
    padding:1px;
    font-family:Verdana,arial,helvetica;
    font-size:10px;
    font-weight: bold;
}
.clLevel0{
    background-color:#ffffff;
    layer-background-color:#ffffff;
    color:#000000;
}
.clLevel0over{
    background-color:#276fa8;
    layer-background-color:#000000;
    color:#000000;
    cursor:pointer;
    cursor:hand;
}
.clLevel0border{
    position:absolute;
    visibility:hidden;
    background-color:green;
    layer-background-color:white;
}
.clLevel1, .clLevel1over{
    position:absolute;
    padding:2px;
    font-family:Verdana,arial,helvetica;
    font-size:10px;
}
.clLevel1{
    background-color:#ffffff;
    layer-background-color:#ffffff;
    color:#000000;
}
.clLevel1over{
    background-color:#276fa8;
    layer-background-color:#bbc3d3;
    color:#000000;
    cursor:pointer;
    cursor:hand;
}
.clLevel1border{
    position:absolute;
    visibility:hidden;
    background-color:green;
    layer-background-color:white;
}
/* ----------------- coolMenu_eof ----------------- */