/**************************************************************/
/************** NORMAAL PAS JE ENKEL IN DEZE CSS **************/ 
/**************** DE STIJL VAN DE WEBSITE AAN *****************/
/**************************************************************/




/**************************************************************/
/************************** ALGEMEEN **************************/
/**************************************************************/



/*body,html{  }*/
h1
{
    font-size:180%;
    font-weight:bold;
    font-variant:small-caps;
}
h2
{
    font-size:150%;
    font-weight:bold;
    color:#89bd41;
}
h3
{
    font-size:120%;
}
h4
{
    text-transform:uppercase;
    color:#1a76f3;
}
/*h6{ }
a{ }*/
strong
{
    font-weight:bold;
}
em
{
    font-style:italic;
}

/* NOT ACTUALLY REQUIRED, JUST TO CONFUSE BOTS */
.FieldCell.required, .LabelCell.required
{
    display:none;
}

/**************************************************************/
/*************************** HEADER ***************************/
/**************************************************************/
div#header { background-color:#7c8ca2; }
div#header .hplnkhome 
{
	display:block;
}
#printheader
{
	display:none;
}

/**************************************************************/
/**************** BREADCRUMBS & H1 PAGETRACE ******************/
/**************************************************************/
div#breadcrumbs{ background-color:#5576a3; }
div#breadcrumbs a{ text-decoration:none; }
div#middle #centercol h1.pagetitle { background-color:#8EACD4; }


/**************************************************************/
/************ MIDDLE, LEFTCOL, RIGHTCOL, CENTERCOL ************/
/********************** 1000/1200 PIXELS **********************/
/**************************************************************/
/*div#container{ }*/
div#shop
{
	margin:auto;
	width:1200px;
}

div#middle
{
	background-color:#7c8ca2;
	height:auto;
	padding:10px;
}
div#middle #leftcol
{
	width:225px;
	height:100%;
	float:left;
}
div#middle #rightcol
{
	width:225px;
	height:100%;
	/*float:right;*/
    display:inline-block;
}
div#middle #centercol
{
	width:700px;
	height:100%;
	float:left;
	padding: 0 15px;
}


/**************************************************************/
/************ MIDDLE, LEFTCOL, RIGHTCOL, CENTERCOL ************/
/***************************** 100% ***************************/
/**************************************************************/
/*div#container{ }
div#shop{ }

div#middle
{
	background-color:#7c8ca2;
	height:auto;
	overflow:auto;
	color:#fff;
	padding:10px;
	position:relative;
}
div#middle #leftcol
{
	width:225px;
	height:10px;
	float:left;
}
div#middle #rightcol
{
	width:225px;
	height:100%;
	float:right;
}
div#middle #centercol
{
	height:100%;
	margin: 0 250px;
}


/***************************************************************/
/************************* NAVIGATIE ***************************/
/***************************************************************/
div#navigation
{ 
	background-color:#8EACD4;
	position:relative;
}
/*div#navigation ul{ }
div#navigation ul li{ }*/
div#navigation ul li a{ padding:0 20px 0 0; }
div#navigation ul ul
{
	border:1px solid #000;
	background-color:#fff;
	padding:10px 0;
}
/*div#navigation ul ul li{ }
div#navigation ul ul li a{ }*/
div#navigation ul ul ul 
{
	padding:5px 0;
	top:-6px;
}
/*div#navigation ul ul ul li{ }
div#navigation ul ul ul li a{ }*/
div#navigation ul ul li:hover{ background-color:#dadcdd; }
div#navigation ul ul li.current:hover{ background-color:Transparent; }


/***************************************************************/
/******************* CONTENT / INNERCONTENT ********************/
/***************************************************************/
/*div#content{ }*/
div#content #innercontent
{ 
	background-color:#a9c8f0;
	padding:10px; 
}

/*div#content #innercontent input{ }
div#content #innercontent input.button{ }
div#content #innercontent a{ }
div#content #innercontent table{ }
div#content #innercontent table tr{ }
div#content #innercontent table tr td{ }*/

/*************************************************************/
/********************** ACTIONBUTTONS ************************/
/*************************************************************/
div#actionButtons { display:block; }
div#actionButtons a
{
	display:inline-block;
	text-decoration:none;
}
/*div#actionButtons a.back { }
div#actionButtons a.print { }*/


/*************************************************************/
/************************** FOOTER ***************************/
/*************************************************************/
div#footer{ position:relative; }
/*div#footer ul{ }*/
div#footer ul li{ display:inline; }
/*div#footer ul li a{ }
div#footer ul li.first{ }
div#footer ul li.first a{ }
div#footer ul li.last{ }
div#footer ul li.last a{ }*/







/***************************************************************/
/*************************** MODULES ***************************/
/***************************************************************/

/************************** LANGUAGES **************************/
div#languages
{
	background-color:#8eacd4;
	margin-bottom:10px;
	padding:10px;
	text-align:right;
}
div#languages a{ margin-right:5px }


/**************************** SEARCH ****************************/
div#searchsmall
{
	background-color:#8eacd4;
	margin-bottom:10px;
	padding:10px;
}
div#searchsmall input.button
{
	background-image:url(../../images/layout/search.png);
	background-position:center center;
	background-color:Transparent;
	border:none;
	cursor:pointer;
	width:22px;
	height:22px; 
}


/********************** SHOPPINGCARTSMALL ***********************/
div#shoppingcartsmall
{
	background-color:#8eacd4;
	margin-bottom:10px;
	padding:10px;
}
div#shoppingcartsmall #shoppingInner{ font-size:70%; }
/*div#shoppingcartsmall #shoppingInner table{ }
div#shoppingcartsmall #shoppingInner td{ }*/

div#shoppingcartsmall #shoppingInner .totals
{
	text-align:right;
	padding:5px 0;
	border-top:1px solid #fff;
}
div#shoppingcartsmall #shoppingInner .expeditioncosts
{
	text-align:right;
	padding:5px 0;
}
div#shoppingcartsmall #shoppingInner .shoppingBottom
{
	text-align:center;
	padding:5px 0;
	display:block;
	width:100%;
	
}
div#shoppingcartsmall #shoppingInner .shoppingCartdelbtn
{
	background-image:url(../../images/layout/delBtn.gif);
	height:14px;
	width:16px;
	display:block;
}


/************************ SHOPPINGCARTS *************************/
/*div#shoppingcart{ }
div#shoppingcart .cartOverview{ }*/
div#shoppingcart .cartOverview table{ width:100%; }
div#shoppingcart .cartOverview table thead
{ 
	border-bottom:1px solid; 
	height:28px;
}
/*div#shoppingcart .cartOverview table thead th{ }
div#shoppingcart .cartOverview table tbody{ }*/
div#shoppingcart .cartOverview table tbody .spacerrow{ height:8px; }
/*div#shoppingcart .cartOverview table tbody .item{ }*/
div#shoppingcart .cartOverview table tbody .item td{ vertical-align:top; text-align:center; }
/*div#shoppingcart .cartOverview table tbody .item td img{ }
div#shoppingcart .cartOverview table tbody .item td a{ }
div#shoppingcart .cartOverview table tbody .item td input{ }*/
div#shoppingcart .cartOverview table tbody .item td input.remove
{
	display:block;
	position:relative; 
    margin:auto;
}
div#shoppingcart .cartOverview #totals
{ 
	padding:5px;
	overflow:auto;
}
div#shoppingcart .cartOverview #totals table
{
	float:right;
	width:auto; 
}
div#shoppingcart .cartOverview #totals table .label
{ 
	padding-right:25px;
	font-weight:bold;
}
/*div#shoppingcart .cartOverview #totals table .total{ }
div#shoppingcart .cartBtn{ }*/


/***************************** LOGIN ****************************/
div#loginsmall
{
	background-color:#8eacd4;
	margin-bottom:10px;
	padding:10px;
}
div#loginsmall input{ width:200px; }
div#loginsmall input.button
{
	width:auto;
	margin-top:10px;
}
/*div#loginsmall .head{ }
div#loginsmall .foot{ }
div#loginsmall .loginLink{ }
div#loginsmall #loggedIn{ }
div#loginsmall #loggedIn ul{ }
div#loginsmall #loggedIn ul li{ }
div#loginsmall #loggedIn .head{ }
div#loginsmall #loggedIn .alternate{ }
div#loginsmall #loggedIn .foot{ }*/


/**************************** PROMOS ***************************/
div#promos
{
	background-color:#8eacd4;
	margin-bottom:10px;
	padding:10px;
}
/*div#promos .header{ }
div#promos .box{ }
div#promos .box .photo{ }
div#promos .box .promotext{ }
div#promos .box .productname{ }
div#promos .box .price{ }
div#promos table{ }*/
div#promos #next2
{
	background-image:url(../../images/layout/rightBtno.png);
	float:right;
	height:22px;
	width:22px;
}
div#promos #prev2
{
	background-image:url(../../images/layout/leftBtno.png);
	height:22px;
	width:22px;
	display:block;
}


/************************ NEWSCROLLER **************************/
div#newsscroller
{
	background-color:#8eacd4;
	margin-bottom:10px;
	padding:10px;
}
div#newsscroller img
{
	display:block;
	margin:auto;
}


/*div#newsscroller table{ }*/
div#newsscroller #next2,
.nextprev #next3
{
	background-image:url(../../images/layout/next.png);
	float:right;
	height:10px;
	width:5px;
    cursor:pointer;
}
div#newsscroller #prev2,
.nextprev #prev3
{
	background-image:url(../../images/layout/previous.png);
	height:10px;
	width:5px;
	display:block;
    cursor:pointer;
}

.nextprev {
    display:inline-block;
    width:30px;
    margin-left:10px;
}
.nextprev td
{
    width:10px;
}

/************************** NEWSLETTER **************************/
div#newslettersmall
{
	background-color:#8eacd4;
	margin-bottom:10px;
	padding:10px;
}
/*div#newslettersmall input.button{ }*/


/****************************************************************/
/************************** PRODUCTCAT **************************/
/****************************************************************/
div#productcats  
{
	display:block;
	overflow:auto;	
}
div#productcats .box
{
	float:left;
	text-align:center;
	padding:20px;
	background-color:#8EACD4;
	margin:10px 10px 0 0;
	width:175px;
	height:150px;
	 
}
div#productcats .box .name{ text-align:center; }


/***************************************************************/
/************************* PRODUCTLIST *************************/
/***************************************************************/
/*div#productlist{ }*/
div#productlist .box
{
	background-color:#8EACD4;
	float:left;
	margin:10px;
	padding:5px;
	width:45%;
}
div#productlist .box img
{
	float:left;
	margin-right:5px;
}
/*div#productlist .box .ProductName{ }
div#productlist .box .price{ }
div#productlist .box .shortdescription{ }*/


/**************************************************************/
/*********************** PRODUCTDETAIL ************************/
/**************************************************************/
div#productdetail
{
	background-color:#e0e0e0;
	padding:10px;
}
div#productdetail img { margin-right:10px; }
/*div#productdetail .middle{ }
div#productdetail .middle .orderconfirm{ }
div#productdetail .middle table{ }
div#productdetail .middle table .name{ }
div#productdetail .middle table .price{ }
div#productdetail .middle table .variants{ }
div#productdetail .middle table .content{ }
div#productdetail .header{ }
div#productdetail .footer{ }*/


/*************************************************************/
/*********************** CUSTOMFORMTABLE *********************/
/*************************************************************/
/*table.regPass{ }
table.regPass tbody{ }
table.regPass tbody tr{ }
table.regPass tbody tr td{ }*/
table.regPass tbody tr td .passTd
{
	width:200px;
	display:block;
}
/*table.CustomFormTable{ }
table.CustomFormTable tbody{ }
table.CustomFormTable tbody tr{ }
table.CustomFormTable tbody tr td{ }*/
table.CustomFormTable tbody tr td.LabelCell{ width:200px; }
/*table.CustomFormTable tbody tr td.FieldCell{ }*/


/************************************************************/
/************************** KASSA ***************************/
/************************************************************/
/*div#Checkout{ }
div#Checkout input{ }
div#Checkout input.button{ }*/
div#Checkout h2
{ 
	padding:10px 0;
	border-bottom: solid 1px;
	margin-bottom:10px; 
}
div#Checkout .section{ overflow:auto; }
div#Checkout .section table.contacttypes
{ 
	width:100%; 
	background-color:#ccc;
}
div#Checkout .section table.contacttypes thead
{
	background-color:#8EACD4;
	height:28px;
}
/*div#Checkout .section table.contacttypes thead th{ }
div#Checkout .section table.contacttypes tbody{ }
div#Checkout .section table.contacttypes tbody tr{ }*/
div#Checkout .section table.contacttypes tbody tr td{ padding:5px; }
div#Checkout .section .OrderItems{ width:100% }
div#Checkout .section .OrderItems thead
{ 
	background-color:#8EACD4;
	height:28px;
}
div#Checkout .section .OrderItems thead th{ text-align:center; }
div#Checkout .section .OrderItems thead th span{ font-weight:bold; }
/*div#Checkout .section .OrderItems tbody{ }*/
div#Checkout .section .OrderItems tbody .item{ background-color:#cadffb; }
div#Checkout .section .OrderItems tbody .item td{ padding: 5px; }
/*div#Checkout .section .OrderItems tbody .item td a{ }
div#Checkout .section .OrderItems tbody .item td.checkTd{ }*/

div#Checkout .section .OrderItems tbody .itemAlt{ background-color:#ccc; }
div#Checkout .section .OrderItems tbody .itemAlt td{ padding:5px; }
/*div#Checkout .section .OrderItems tbody .itemAlt td a{ }
div#Checkout .section .OrderItems tbody .itemAlt td.checkTd{ }*/

div#Checkout .section .Total{ float:right; }
/*div#Checkout .section .Total tbody{ }
div#Checkout .section .Total tbody tr{ }
div#Checkout .section .Total tbody tr td{ }*/
div#Checkout .section .Total tbody tr td.checkoTd
{
	text-align:right;
	font-weight:bold; 
}
div#Checkout .section .Total tbody tr td.Price
{
	padding:5px;
	text-align:right;
	width:90px;
}

/*div#Checkout .pay{ }
div#Checkout .pay .noborder{ }
div#Checkout input.button{ }*/


/************************************************************/
/********************** ORDEROVERVIEW ***********************/
/************************************************************/
/*div#ordersoverview{ }
div#ordersoverview a{ }*/
div#ordersoverview table.orderlist{ width:100%; }
/*div#ordersoverview table tr{ }*/
div#ordersoverview table tr.header
{ 
	background-color:#ccc; 
	height:28px;
}
/*div#ordersoverview table tr.header td{ }
div#ordersoverview table tr.item{ }*/
div#ordersoverview table tr.item td{ padding:5px; }
/*div#ordersoverview table tr.alternate{ }*/
div#ordersoverview table tr.alternate td{ padding:5px; }


/************************************************************/
/************************ WISHLIST **************************/
/************************************************************/
/*table.wishlistitems{ }
table.wishlistitems tr.item{ }*/
table.wishlistitems tr.item td{ padding:5px; }
/*table.wishlistitems tr.item td input{ }
table.wishlistitems tr.item td a{ }
table.wishlistitems tr.alternate{ }*/
table.wishlistitems tr.alternate td{ padding:5px; }
/*table.wishlistitems tr.alternate td input{ }
table.wishlistitems tr.alternate td a{ }

div#lijstBtn{ }
div#lijstBtn input.button{ }*/


/* -------------------------------------------------------- */
















/*************************************************************/
/******************** VALIDATIONFIELDS ***********************/
/*************************************************************/
tbody .FieldCell .validation-status 
{
	background-image:url("../../images/layout/required.png");
	background-position:center center;
	background-repeat:no-repeat;
	display:inline;
	/*height:20px;*/
	/*width:11px;*/
	padding:0 4px;
}
tbody .FieldCell .validation-status.invalid{ background-image:url("../../images/layout/invalid.png"); }
tbody .FieldCell .validation-status.valid{ background-image:url("../../images/layout/valid.png"); }
.regPass .validation-status
{
	background-image:url("../../images/layout/required.png");
	background-position:center center;
	background-repeat:no-repeat;
	display:inline;
	/*height:11px;*/
	/*width:11px;*/
}
.regPass .validation-status.invalid{ background-image:url("../../images/layout/invalid.png"); }
.regPass .validation-status.valid{ background-image:url("../../images/layout/valid.png"); }


.hideAddButton{ display:none; }

.psGood{ color:green; font-weight:bold; cursor:pointer; font-size:22px; margin-left:10px; }
.psGood .sep{ color:#585757; font-weight:normal; font-size:14px; }
.psMedium{ color:orange; font-weight:bold; cursor:pointer; font-size:22px; margin-left:10px;}
.psMedium .sep{ color:#585757; font-weight:normal; font-size:14px; }
.psBad{ color:red; font-weight:bold; cursor:pointer; font-size:22px; margin-left:10px;}
.psBad .sep{ color:#585757; font-weight:normal; font-size:14px; }