/* Edited with EditCSS */
/**** LINK-tag style sheet stylesheet.css ****/

/* Edited with EditCSS */
/**** LINK-tag style sheet stylesheet.css ****/

/*
  $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
*/
/*
body {
		behavior:url("csshover.htc");
	}*/

/* for all browsers that understand min-width */
div.website
{
	display:block;
	color:#000;
	padding: 3px 3px 3px 3px;
	margin-top:15px;
	margin-bottom:15px;
	background:#FFFFFF;
}
div.holder
{
	width:100%;
	margin: 0px;
	width:947px;
	margin-left: auto;
	margin-right: auto
}

img {
border : 0px;
}

div.Your_recent_history {
top : 10px;
right : 0;
position : fixed;
z-index : 2;
display : block;
border : 1px solid #022359;
}

div.Your_recent_history_hibbbem {
display : none;
}
div.Your_recent_history a {
font-size : 9px;
}

div.LoginPagina_Keuze
{
	display:block;
	width:50%;
	float:left;
	padding-top:10px;
}
	
.boxText { padding-left: 8px; font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000;  }
.breadcrumbs { vertical-align:middle; font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #FFFFFF;}
.breadcrumbs a { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #FFFFFF;  }
.breadcrumbs a:hover{ font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #FFFFFF;  }
.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: #022359; }
.productsNotifications { background: #FFF3E7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #022359; text-decoration: underline; }
.HeaderText { font-family: Verdana, Arial, sans-serif; font-size: 24px; font-weight: bold; color:#022359}
.HeaderText_2 { font-family: Verdana, Arial, sans-serif; font-size: 12px; font-weight: bold; color:#022359}


.HeaderTextSmall { font-family: Verdana, Arial, sans-serif; font-size: 11px; }


button.submitBtn
{
    /* Sliding right image */
    background: url('images/r_up.gif') no-repeat top right; 
	
	height: 21px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
	margin-right: 0px;
	/* *margin-right: -25px; */
	padding-right: 3px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
	*padding-right: 4px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
	overflow: visible;
	
	/* FONT PROPERTIES */
	text-decoration: none;
	color: #FFF;
	font-family: Verdana;
	font-size:11px;
	font-weight:normal;
	cursor: pointer;
	border: 0px;
	color:#000000;
}

span.submitBtn {
	/* Background left image */ 
	white-space: nowrap;
	display:block;
	float:left;
	background: transparent url('images/l_up.gif') no-repeat; 

	line-height: 21px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
	padding: 0px 10px 8px 13px;
	margin-top: -1px;
	*margin: 0px;
} 
button.submitBtn:hover
{
	background-image: url('images/r_down.gif');
}
button.submitBtn:hover span
{
	background-image: url('images/l_down.gif');
}

a.Btn
{
  /*background:url(images/Buttons/right_up.bmp) right no-repeat;*/
  background: transparent url('images/l_up.gif') no-repeat top left;
  display: block;
  float: left;
  font: normal 11px Verdana; /* Change 13px as desired */
  line-height: 13px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
  height: 21px; /* Height of button background height */
  padding-left: 11px; /* Width of left menu image */
  text-decoration: none;
  color: #000000;
  white-space: nowrap;
}

a.Btn span
{
  background: transparent url('images/r_up.gif') no-repeat top right;
  display: block;
  padding: 4px 8px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/  
  color: #000000;
}

a.Btn:hover{ /* Hover state CSS */
background-image: url(images/l_down.gif);
text-decoration:none;
color: rgb(255,255,255);
}

a.Btn:hover span{ /* Hover state CSS */
background-image: url(images/r_down.gif);
}

TD.category_desc {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

TD.productDesc {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #808080;
  padding: 1px 7px 1px 7px;
  text-align: left;
}

.SmallGray {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #808080;
  padding: 1px 7px 1px 7px;
 font-weight: normal;
}


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

.BodyTextGrey 
{
  font-family: Verdana, Arial, sans-serif;
  font-size: 9px;
  color: #808080;
  font-weight : bold;
}

.BodyTextBlack
{
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: black;
  font-weight : normal;
}

BODY {
  color: #000000;
  margin: 0px;
  background:#505050;
}

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

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

FORM {
	display: inline;
}

TR.header {
  background: #022359;
}

TR.headerNavigation {
  background: #bbc3d3;

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

A.headerNavigation { 
  color: #FFFFFF; 
}


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

TR.headerError {
  background: #000000;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #022359;
  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: #DFDFDF;
}

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

.infoBox {
  background: #CCCCCC;
}

.infoBoxContents {
  background: #fafafa;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  text-align: left;
}


.infoBoxContentsColor {    /*Dit is de class die je kunt gebruiken om individuele boxes te voorzien van background kleur */
  /*background: #FFE3C6;*/
  background: #FFFFFF;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

.infoBoxNotice {
  background: #000000;
}

.shadow1 {border: #000000 1px solid;}
.shadow2 {border: #022359 1px solid;}

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

TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  background: url(images/boxes/table_bestsellers.gif) center no-repeat;
  color: #000000;
  text-align:center;
  height: 22px;
  width: 170px;
}

TD.infoBoxHeadingBody {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  background: url(images/boxes/titelbg.jpg) center repeat-x;
  color: #ffffff;
  height: 16px;
  text-align: center;
}

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

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

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

.productListingStock
{
        font-family: Verdana, Arial, sans-serif;
        font-size: 9px;
        background: white;
        font-weight: normal;
}

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

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #022359;
  color: #FFFFFF;
  font-weight: bold;
}

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


TD.productListing-data-orig {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  border-top: black 1px solid;
}

A.pageResults {
  color: #022359;
}

A.pageResults:hover {
  color: #022359;
}

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

TD.pageHeadingprice, DIV.pageHeadingprice {
  font-family: Verdana, Arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #022359;
}

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;
  text-align: left;
}

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


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: 18px;
}


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

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-size: 14px;
  font-family: Verdana, Arial, sans-serif;
  color: #022359;
}

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

.moduleRow
{
	cursor: pointer;
	cursor: hand;
	border: 1px solid #FFFFFF;
}

.moduleRowSelected,
.moduleRowOver,
.moduleRow:hover
{
	cursor: pointer;
	cursor: hand;
	border: 1px solid #022359;
}

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

tr.checkoutBar
{
	height:100px;
}
table.checkoutGfx
{
	height:62px;
	position:relative; margin-left:auto; margin-right:auto;
}

/* 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: #022359; }

.productioptionsbox {
	border: 1px #C4C4C4 solid;
	background-color: #ffffff;
}

#productioptionsbox {
	float:right;
	*width: 270px;
	*margin-right: 20px;
}

hr {
	color: #fff;
	background-color: #fff;
	border: 1px dotted #000000; 
	border-style: none none dotted;
	width: 200px;
}

/*- Menu Tabs --------------------------- */

#tabsJ ul
{
	font-family: Verdana;
	font-size:70%;
	margin:1px 0px 0 0px;
	padding:0;
list-style-type: none;
text-align:center;

}
#tabsJ ul li
{
	display:inline;
}
#tabsJ ul li a
{
	text-decoration:none;
	position:relative;
padding: 4px 2px;
margin:0px;
	color: #000000;
	border:1px solid #C0C0C0;
}
html>body #tabsJ ul li a{ /* IE ignores this block as it doesn't understand the selector */
	padding:4px 2px ; /* Reset the height for good browsers */	
margin:0 0 0 -2px;
}
#tabsJ ul li a:hover,
#tabsJ ul li a.active 
{
	background-color: #CCCCCC;
	color: white;
	border:1px solid #CCCCCC;
}
#tabsJ ul
{
cursor: default;
}
TABLE.Zoekbalk {
border-top-width : 1px;
border-top-color : #c0c0c0;
border-top-style : solid;
border-bottom-width : 1px;
border-bottom-color : #c0c0c0;
border-bottom-style : solid;
width : 96%;
text-align : center;
}
TD.productPriceInListing {
font-family : Verdana, Arial, sans-serif;
font-size : 10px;
background : #d2e9fb;
}
TD.productPriceInBox {
font-family : Verdana, Arial, sans-serif;
font-size : 10px;
background : #eeeeee;
}
TD.productPriceInProdInfo {
font-family : Verdana, Arial, sans-serif;
font-size : 12px;
background : #ccffcc;
}
.inputRestriction {
font-family : Verdana, Arial, sans-serif;
font-size : 10px;
color : #666666;
}


/* Begin nieuwe opmaak voor productoverzichten ! */
a.listing
{
	background:		#FFFFFF none repeat scroll 0 0;
	cursor:			pointer;
	display:		block;
	text-decoration:none;
	height:			145px;
	width:			275px;	/* De width van span.stockPlusPrice moet even breed zijn als deze! */
	padding-top:	2px;
	padding-right:	2px;
	font-family: 	Verdana;
	text-align:		left;
	border:			1px solid white;
}
a.listing span
{
	display:		block;
}
span.listingInfo
{
	float:			left;
	width:			170px;
}
span.listingInfo span.prodName
{
	padding-left:	1px;
	font-size: 		11px;
	font-weight:	bold;
}
span.listingInfo span.prodDesc
{
	padding-left:	10px;
	font-size:		10px;
	color:			rgb(98, 98, 98);
}
span.listingPlaatje
{
	float:			none;
	text-align:		right;
}

span.stockPlusPrice
{
	float: 			left;
	width:			275px;
	margin-top:		10px;
}
span.stockPlusPrice span.prodStock
{
	float:			left;
	width:			20px;
}
span.stockPlusPrice span.prodPrice
{
	float:			right;
	font-weight:	bold;
	font-size:		12px;
}
a.listing:hover
{
	border:1px solid #FF7300;
	/*background-color: #FF7300;
	color: #FFF;*/
}
span.listingInfo span.prodName:hover
{
	text-decoration:underline;
}
/* Einde nieuwe opmaak voor productoverzichten ! */

.instock{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color:#00FF00;
}

.instock a:hover, a:active, a:visited, a:link {
	text-decoration:none;
}

.outstock {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color:#FF0000;
}

.outstock a:hover, a:active{
	text-decoration:none;
}

#iFramePopup
{
	height: 100%;
	width: 100%;
	margin: 0px 0px 0px 0px;
}
#divPopup
{
	position: absolute;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	left: 80px;
	top: 500px; /*filter: alpha(opacity=90);*/
	-moz-opacity: 0.9;
	opacity: 0.9;
	border: outset;
	display: none;
	width: 800px;
	height: 610px;
	padding: 0px;
}

.itr {
	position: relative;
	text-decoration: none;
	color: #000;
}

.itr:hover .bpop {
	display: block;
	position: absolute;
	width: 20em;
	background-color: #ffffff;
	padding: 1px 3px 2px 3px;
	border: 1px #022359 solid;
	font-size: 0.8em;
	left: 2em;
	top: 0.5em;
}

.pr, .pl {
	width: 10em;
	margin: 0.5em;
	background-color: #ccc;
}
.pr {
	float: right;
	margin-right: 0;
}
.pl {
	float: left;
	margin-left: 0;
}
.apop, .bpop {
	display: none;
}
a.tpop {
	display: block;
	text-decoration: none;
	color: #000;
}
a.tpop:hover, a.itr:hover {
	border-width: 0; /* IE */
}

a.tpop {
	position: relative;
}

a.tpop:hover .apop {
	display: block;
	position: absolute;
	width: 10em;
	background-color: #fcc;
	z-index: 1;
}
.intp, .apop span {
	display: block;
	padding: 0.5em;
	border: 4px solid;
}
.intp {
	border-color: #333;
}
.apop span {
	border-color: #f00;
}
#wrap {
	margin: 0 5em;
	background-color: #dfd;
	padding: 0.4em;
}

#borderline {
	border: 1px solid #022359;
}