@import url("reset.css");
@import url("boot.css");
@import url("typo.css");
@import url("layout.css");


#tabs a 					{
							padding-left: 10px;
							padding-right: 10px;
							padding-top: 4px;
							margin-right: 5px;
							background-image: url(../images/tab.jpg);
							background-repeat: repeat-x;
							display: block;
							float: left;
							height: 20px;
							_height: 14px;
							font-weight: bold;
							font-size:12px;
							text-decoration: none;
							color: #006600;
							margin-bottom: 0px;
							}

#tabs a:hover				{
							background-image: url(../images/tab_over.jpg);
							}

						
							
							
							

#login_info_top				{
							margin-top: 10px;
							font-size: 12px;
							text-align: right;
							margin-bottom: 2px;
							padding-right: 17px;
							padding-left: 5px;
							}

#login_info_top a			{
							font-size: 11px;
							}

.overview_mandje 			{
							background-image: url(../images/overview_mandje_bg.jpg);
							background-position: 15px 0px;
							
							background-repeat: no-repeat;
							position: relative;
							width:300px;
							height: 70px;
							cursor: pointer;

							}
							
.overview_mandje.hover 		{
							background-image: url(../images/overview_mandje_bg_over.jpg);
							}							
							
.overview_mandje .content	{
							padding-left:25px;
							padding-top: 12px;
							}
							
.overview_mandje .content h1{
							font-size: 14px;
							font-weight: bold;
							margin-bottom: 3px;
							}
.overview_mandje .content p	{
							font-weight: bold;
							margin-left: 15px;
							line-height: 20px;
							}	
								
.overview_mandje_links a, .overview_mandje_links div			{
							position: absolute;
							left:0px;
							top: 60px;
							width: 110px;
							height: 27px;
							background-image: url(../images/mandje_overview_btn.png);
							background-repeat: no-repeat;
							text-decoration: none;
							font-weight: bold;
							line-height: 27px;
							text-align:center;
							font-size:12px;
							cursor: pointer;
							color: #006600;
							}

.overview_mandje_links .btn2		
{

							left:95px;
							}
							
.overview_mandje_links a.btn3		{
							left:190px;
							}
							
.overview_mandje_links a.btn1:hover, .overview_mandje_links a.btn3:hover, .overview_mandje_links a.btn2:hover  {
							background-image: url(../images/mandje_overview_btn_over.png);
}



.footer a					{
							float:left;
							margin-left:10px;
							color:#FFFFFF;
						
							}
							
.footer span				{
							float:right;
							margin-right: 10px;
					
}



.searchShop input {
							background: transparent url(../images/zoekBg.gif) repeat-x;
							border: 0 none;
							color: #006600; 
							font-size: 11px;
							font-size-adjust: none;
							font-stretch: normal;
							font-style: normal;
							font-variant: normal;
							font-weight: normal;
							line-height: normal;
							margin: 0;
							padding: 3px 0 0;
							height: 36px; /*right: 10px; 	top: 0;*/
							width: 145px;
							float: left;
							padding-top: 13px;
							padding-left: 0px;
						
					
						
					

}

.searchShop .pre 
{
	background: transparent url(../images/zoekBgLeft.gif) repeat-x;
	width: 12px;
	height: 36px;
	float:left;
}

.searchShop a {
							background: url(../images/btnZoek.gif) repeat-x;
							height: 39px; /*right: 10px; 	top: 0;*/
							width: 35px;
							float: left;
}





/*****************************************************************
forms
******************************************************************/
#contactinfo.form label			{
							width:70px;
							text-align:right;
							
							}	
							
#contactinfo.form input			{
							width: 300px;
							}
#contactinfo.form .radio input			{
							border:1px solid #5699C5;
							color:#08456C;
							display:block;
							float:left;
							margin-right:10px;
							width:20px;
							}	
#contactinfo.form .radio label			{
							width:20px;
							text-align:left;
							
							}								
							
#contactinfo.form ul				{
							width:auto;
							float:left;	
							display:block;
							margin:0;
							padding:0;
							list-style-type:none;
							}	
#contactinfo.form li				{
							width:inherit;
							height: 25px;
							}	
							
							
#flashtesten { }
#flashtesten .form {}
#flashtesten .label { font-size: 16px; white-space: nowrap; margin-right: 10px; width: auto; }
#flashtesten input[type=text] { font-size: 20px; font-weight: bold; width: 170px; height: 25px;}
#flashtesten .results { border: solid 1px #E5F5C7; width: 100%;}
#flashtesten .results th { background: #D6EFA7; }
#flashtesten .results td, #flashtesten .results th {padding: 4px 10px; text-align: center;}
#flashtesten .results .alternate td { background: #E5F5C7;}

/*****************************************************************
algemene css
******************************************************************/
.float_left					{
							float:left;
							display:block;
							}
.float_right					{
							float:right;
							display:block;
							}
							
.clear_margin				{
							margin: 0 0 0 0;
							}					
							
.margin_Left				{
							margin-left:10px;
							}
.margin_right				{
							margin-right:10px;
							}
.margin_top					{
							margin-top:17px;
							}
.margin_top_neg				{
							margin-top:-10px;
							}
.margin_Bottom				{
							margin-bottom:10px;
							}
.margin_zero				{
							margin:0px;
							}

.bigInput					{
							width: 300px;
							height:52px;
							display:block;
							float:left;
							}
.checkbox					{
							width:20px;
							height:15px;
							float:left;
							margin-left:0px;
							}

.align_center				{
							text-align:center;
							}
							
/*****************************************************************
SiteMap
******************************************************************/


#breadcrumb					{
							margin-top: 5px;
							display: block;
							float: left;
							margin-left: 10px;
}

#breadcrumb a				{
							color: #006600; 
							font-weight: bold;
							font-size: 11px;
							display: block;
							float: left;

}

#breadcrumb span			{
							display: block;
							float: left;
							margin-top: 1px;
							_margin-top: -3px;
							background-image: url(../images/breadcrumb_arrow.jpg);
							background-repeat: no-repeat;
							background-position: center;
							width: 17px;
							height: 10px;
							}
#breadcrumb a.last			{
							color: #669900; 
							}	
.SiteMap 
{
	margin:0px;
	padding:0px;
	float: left;
	margin-left: 15px;
	margin-top: 4px;
}		

.SiteMapExtent
{
	margin:0px;
	padding:0px;
	float: left;
	margin-left: 15px;
	margin-top: 4px;
}	

.nav .navInner 
{
	overflow: hidden;
	width: 650px;
	float:left;
}
	
			
.SiteMapNode 
{
	color: #006600; 
	font-weight: bold;
	font-size: 11px;
	float:left;
}



.SiteMapCurrentNode 
{
	color: #669900;  
	font-weight: bold;
	font-size: 11px;
	float:left;
}

.SiteMapSeparator
{display: block;
 width: 17px;
	height: 10px;
	float:left;
	background-position: center;
	/*_margin-top: -3px;*/
	margin-top: 3px;
	background-image: url(../images/breadcrumb_arrow.jpg);
	background-repeat: no-repeat;
	
}
					
/*****************************************************************
Menu
******************************************************************/
.menuContainer
{
	background-color: #FFFFFF;
	padding-left: 1px;
	border: solid 1px #dbf1b1;
	padding-top:0px;

}

.menuContainerTitle 
{
	background-image: url(../images/CatalogusMenuTitleBg.png);
}
.menuContainerTitle.gray
{
	background-image: url(../images/CatalogusMenuTitleBgGray.png);
}
.menuContainerTitle.gray .title 
{
    color: #3b3b3b;
}
.menuContainerTitle .title 
{
	padding-left: 10px;
	padding-top: 5px;
	font-size: 13px;
	font-weight: bold;
	display:block;
	padding-bottom: 3px;
}
.menuContainerTitle .prijzen 
{
	padding-left: 10px;
	font-size: 11px;
	border-top: solid 1px #d9e2c7;
	padding-bottom: 3px;
	font-weight: bold;
}
.menuContainerTitle .prijzenRbl label 
{
	margin-right: 10px;
}

.menuContainerTitle .prijzenRbl input 
{
	vertical-align: middle;
margin-bottom:2px;
margin-right: 2px;
margin-left: 2px;
}

.menuContainerFooter 
{
	background-image: url(../images/navFooter.png);
	height: 19px;
	padding-top:1px;
}

.menuContainerFooter a
{
	color: #006600;
	font-weight: bold;
	font-size: 12px;
	display: block;
	float: left;
	margin-left: 3px;
	margin-right: 5px;
}

.menuContainerFooter a.info 
{
		
}

.menuContainerFooter .infoImage 
{
	background-image: url(../images/info.png);
	height: 14px;
	width: 14px;
	float: left;
	margin-top: 2px;
	margin-left: 20px;

}

.menuContainerFooter .helpImage 
{
	background-image: url(../images/helpSmall.png);
	height: 14px;
	width: 14px;
	float: left;
	margin-top: 2px;
	margin-left: 9px;
}

.menuItem 
{
	background-image: url(../images/menu_item.gif);
	background-repeat: no-repeat;
	display:block;
	width: 240px;
	height: 20px;
	color: #006600;
	font-weight: bold;
	font-size: 9pt;
	line-height: 20px;
}

.menuItemHover 
{
	background-image: url(../images/menu_item_hover.gif);
	background-repeat: no-repeat;
	display:block;
	width: 240px;
	height: 20px;
	color: #006600;
	font-weight: bold;
	font-size: 9pt;
	line-height: 20px;
}

.menuItemHover a 
{
	padding-left: 20px;
	color: #006600;
	text-decoration: none;
	background: none;
}

.menuItem a 
{
	padding-left: 20px;
	color: #006600;
	text-decoration: none;
	background: none;
}


#menuShopHome 
{

}

#menuShopHome .left
{
	background-image: url(../images/menu_home_shop_left.png);
	background-repeat: no-repeat;
	display:block;
	width: 106px;
	height: 25px;
	float:left;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	line-height: 25px;
	color: #006600;
}

#menuShopHome .middle 
{
	background-image: url(../images/menu_home_shop_middle.jpg);
	background-repeat: no-repeat;
	display:block;
	width: 1px;
	height: 25px;
	float:left;
}

#menuShopHome .right
{
	background-image: url(../images/menu_home_shop_right.png);
	background-repeat: no-repeat;
	display:block;
	width: 106px;
	height: 25px;
	float:left;
		text-align: center;
	font-size: 13px;
	font-weight: bold;
	line-height: 25px;
	color: #006600;
}

#menuShopHome .left:hover, #menuShopHome .leftselected
{
	text-decoration: none;
	background-image: url(../images/menu_home_shop_left_hover.png);
	background-repeat: no-repeat;
}

#menuShopHome .right:hover, #menuShopHome .rightselected
{
	text-decoration: none;
	background-image: url(../images/menu_home_shop_right_hover.png);
	background-repeat: no-repeat;
}


.contentfooter 
{
	margin-top: 20px;
	background-image: url(../images/contentfooter.png);
	background-position: right;
	background-repeat: no-repeat;
	width: 100%;
	display:block;
	height: 23px;
	
	
}




#LoginBox 
{
	background-image: url(../images/loginBox.png);
	background-repeat: no-repeat;
	width: 300px;
	height: 150px;
	display: block;
	margin-left: auto; 
	margin-right: auto;
	position:relative;
	padding: 20px;
	margin-top: 40px;
	padding-top: 30px;
}

#LoginBox a.loginButton 
{
	background-image: url('../images/loginBoxButton.png');
	background-repeat: no-repeat;
	width: 113px;
	height: 47px;
	display: block;
	position: absolute;
	left: 229px;
	top: 115px;
}

#LoginBox a.loginButton:hover
{
	background-image: url('../images/loginBoxButtonOver.png');
}

#LoginBox .formLabel 
{
	font-size: 11pt;
	font-weight: bold;
	width: 110px;
	display: block;
	float: left;
	line-height: 20px;
	
}

#LoginBox input[type=text] 
{
	width: 170px;
	height: 20px;
	
}
#LoginBox input[type=password] 
{
	width: 170px;
	height: 20px;
	
}

#LoginBox .formLine 
{
	margin-bottom: 15px;
}

.smallText 
{
	font-size: 10px;
	
}


.errorMsg 
{
	display: block;
	margin-left: auto; 
	margin-right: auto;
	width: 350px;
	border: solid 1px #bbcc9f;
	background-color: #f6feea;
	background-image: url(../images/error.png);
	background-repeat: no-repeat;
	background-position: 5px 8px;
	padding-left: 45px;
	padding-top: 15px;
	padding-bottom: 18px;
	padding-right: 10px;
	line-height: 17px;
	
}

.errorMsg.multi
{
	padding-top: 10px;
	padding-bottom: 10px;
	
}
.okMsg.multi
{
	padding-top: 10px;
	padding-bottom: 10px;
	
}
.okMsg 
{
	display: block;
	margin-left: auto; 
	margin-right: auto;
	width: 350px;
	border: solid 1px #bbcc9f;
	background-color: #f6feea;
	background-image: url(../images/ok.png);
	background-repeat: no-repeat;
	background-position: 5px 8px;
	padding-left: 45px;
	padding-top: 15px;
	padding-bottom: 18px;
	padding-right: 10px;
	line-height: 17px;
	
}

#forecast .okMsg 
{
	margin-bottom: 10px;
}

.infoMsg 
{
	display: block;
	margin-left: auto; 
	margin-right: auto;
	width: 350px;
	border: solid 1px #bbcc9f;
	background-color: #f6feea;
	background-image: url(../images/info2.png);
	background-repeat: no-repeat;
	background-position: 5px 8px;
	padding-left: 45px;
	padding-top: 15px;
	padding-bottom: 18px;
	padding-right: 10px;
	line-height: 17px;
	
}
.infoMsg.multi
{
	padding-top: 10px;
	padding-bottom: 10px;
	
}

/* --------------------- menu ---------------------- */

.mContainer 
{
		background-color: #FFFFFF;
	padding-left: 1px;
	border: solid 1px #dbf1b1;
	padding-top:0px;
}

.mM 
{
	width: 223px;
	padding: 0px;
	overflow:hidden;
	margin:0px;
	margin-bottom:10px;
	

}

.mP
{
	background-image: url(../images/menu_item.gif);
	background-repeat: no-repeat;
	display:block;
	width: 240px;
	height: 20px;
	color: #006600;
	font-weight: bold;
	font-size: 9pt;
	line-height: 20px;
	
	padding-left: 20px;
	color: #006600;
	text-decoration: none;
	cursor: pointer;

}



.mPpromo
{
	background-image: url(../images/menu_item_promo.gif);
	background-repeat: no-repeat;
	display:block;
	width: 240px;
	height: 20px;
	color: #006600;
	font-weight: bold;
	font-size: 9pt;
	line-height: 20px;
	
	padding-left: 20px;
	color: #006600;
	text-decoration: none;
	cursor: pointer;

}

.mPpromo:hover, .mPpromo.selected
{
	background-image: url(../images/menu_item_promo_hover.gif);
	text-decoration: none;
}

.mPO
{
	background-image: url(../images/menu_item_hover.gif);
	background-repeat: no-repeat;
	display:block;
	width: 240px;
	height: 20px;
	color: #006600;
	font-weight: bold;
	font-size: 9pt;
	line-height: 20px;
	
	padding-left: 20px;
	color: #006600;
	text-decoration: none;
cursor: pointer;

}

.mCBox {
	/*border-left: solid 1px #c0ced2;*/
	padding-left: 18px;
	/*padding-left: 5px;	*/
	background-color: #daf1af;
	background-image: url(../images/menuChildrenBox.png);
	background-repeat: no-repeat;
	background-position: -20px 0 0 0;
	padding-top: 3px;
	padding-bottom: 3px;

}

.mC a
{
	font-size: 9pt;
	line-height: 15px;
	cursor: pointer;
	color: #20441a;	
}

.mC a:hover
{
	text-decoration: underline;	
}

.mCS a
{
	font-size: 9pt;
	line-height: 15px;
	cursor: pointer;
	color: #000000;	
	font-weight: bold;		
}



.mSCBox 
{
	margin-left: 7px;
	border-left: solid 1px #9dcb6b;
	padding-left: 5px;
	margin-top: 2px;
	margin-bottom: 3px;

}

.mSC a
{
	font-size: 9pt;
	line-height: 15px;
	cursor: pointer;
	color: #000000;		
}

.aSC a:hover
{
	text-decoration: underline;	
}

.mSCS a
{
	font-size: 9pt;
	line-height: 15px;
	cursor: pointer;
	color: #000000;	
	font-weight: bold;
}



.mBBox 
{
	margin-left: 7px;
	border-left: solid 1px #ced4c4;
	padding-left: 5px;
	margin-top: 2px;
	margin-bottom: 3px;

}

.mB a
{
	font-size: 9pt;
	line-height: 15px;
	cursor: pointer;
	color: #527c03;		
}

.mB a:hover
{
	text-decoration: underline;	
}

.mBS a
{
	font-size: 9pt;
	line-height: 15px;
	cursor: pointer;
	color: #527c03;	
	font-weight: bold;
}














#catalogus .groupTitle 
{
	font-size: 11pt;	
	font-weight: bold;
	/*color: #527c03;*/
	color: #006600;
}


#catalogus .groupItems 
{
	margin-left:5px;
	float:left;
	width: 630px;
	/*background-color: Aqua*/
	/*border-collapse:collapse;*/
	margin-bottom: 30px;
	margin-top: 5px;
}





#catalogus .image 
{
	width: 110px;
	float: left;
	margin-left:5px;
	margin-top: 5px;
}





.groupItem.hover {
  background-color: #d1e7ac ;
 }
 
.groupItem {
  background-color: #effed4;
  margin-top:3px;
  width: 630px;
  	font-size: 8pt;	
 }
 
 .groupItem.hover {
  background-color: #d1e7ac ;
 }
 
 .groupItem td 
 {
 	padding-top: 1px;
 	padding-bottom: 2px;
vertical-align: top;
width: 0;
 }

 
#catalogus .groupItem .stock 
{
	width: 19px;
	/*height: 20px;*/
	background-image: url(../images/iconStock.png);
	background-repeat: no-repeat;
	background-position: 3px 5px;
	cursor: pointer;	
}

#catalogus .groupItem .stock.gevolgd
{
	background-image: url(../images/iconStockGevolgd.png);
}

#catalogus .groupItem .code 
{
	width: 80px;

	padding-bottom: 2px;
	padding-left: 3px;
	
	font-size: 9px;
	color: #82a73c;
	font-weight: bold;
	padding-top: 3px;

}

#catalogus .groupItem .description 
{
	width: auto;	
	padding-left:5px;
	padding-right:5px;
	padding-top: 4px;
	padding-bottom: 1px;

}

#catalogus .groupItem tr.longDescription 
{
	background-color: #f6ffe6;
}

#catalogus .groupItem .longDescription p 
{
	font-size: 11px;
	margin: 0 0 5px 0;
	padding: 0;
}

#catalogus .groupItem .longDescription ul li
{
	font-size: 11px;
	margin: 0 0 0 10px;
	padding: 0;
	list-style-type: disc;
	list-style-position: inside;	
}


#catalogus .groupItem .longDescription ol li
{
	font-size: 11px;
	margin: 0 0 0 10px;
	padding: 0;
	list-style-type: decimal;
	list-style-position: inside;	
}

#aDetail .longDescription p 
{
	font-size: 13px;
	margin: 0 0 5px 0;
	padding: 0;
}

#aDetail .longDescription ul li
{
	font-size: 13px;
	margin: 0 0 0 10px;
	padding: 0;
	list-style-type: disc;
	list-style-position: inside;	
}


#aDetail .longDescription ol li
{
	font-size: 13px;
	margin: 0 0 0 10px;
	padding: 0;
	list-style-type: decimal;
	list-style-position: inside;	
}


#catalogus .groupItem .longDescription 
{
	padding-left:5px;
	padding-right:10px;
}

#catalogus .groupItem .pdf 
{
	width: 20px;
	padding-left:3px;	

}
#catalogus .groupItem .pdf img
{
	padding-top: 2px;
}

#catalogus .groupItem .price
{
	width: 70px;	
	text-align: right;
	padding-right: 4px;
	padding-top: 4px;
}

#catalogus .groupItem .priceUK
{
	width: 35px;
	text-align: right;
	padding-right: 4px;
	padding-top: 4px;
	color: #666666;
}

.priceUK 
{
	color: #666666;
}

#catalogus .groupItem .shop
{
	width: 35px;	
	margin-top: 0;
}

#catalogus .groupItem .mandje
{
	width: 50px;	
	margin-top: 0;
}

#catalogus .groupItem .click 
{
	cursor: pointer;	
}

/*
#catalogus .groupItem .shop input 
{
	width: 30px;
	text-align: center;	
	font-size: 11px;
	height: 15px;
}
*/

.catalogusInfo 
{
	margin-left: 20px;
	margin-top: 20px;
}
.catalogusInfo span
{
	font-size: 10px;
	margin-left: 5px;
	display:block;
	float:left;
}

.catalogusInfo img 
{
float:left;
margin-top:3px;
}

.verpakkingBox 
{
	padding: 5px;
	border: solid 1px #739a2e;
	background-color: #85ac3a;
	padding-top:1px;
	padding-bottom: 1px;
	font-size: 11px;
	color: #f8ffec;
	
}




/* stock popup */

.stockValue 
{
	color: #006600;
	text-align:center;
	font-size: 14pt;
	font-weight: bold;
	margin-top: 12px;
	margin-right: 50px;
}

.stockInfo 
{
	margin-top: 5px;
	color: #006600;
	text-align:center;
	font-size: 8pt;
	margin-right: 50px;
}




/* paging */

.pagingBox 
{
	float:right;
	margin-right: 10px;
	margin-bottom: 10px;
}

.pagingFirstBtn 
{
	background: no-repeat url(../images/paging_first.png);
	display: block;
	width: 18px;
	height: 14px;
	float: left;
	margin-top: 2px;
	margin-right: 1px;
}

.pagingFirstBtn:hover
{
	background: no-repeat url(../images/paging_first_over.png);
}

.pagingLastBtn 
{
	background: no-repeat url(../images/paging_last.png);
	display: block;
	width: 18px;
	height: 14px;
	float: left;
		margin-top: 2px;
		margin-left: 2px;
}

.pagingLastBtn:hover
{
	background: no-repeat url(../images/paging_last_over.png);
}

.pagingPage 
{
	color: #006600;
	font-size: 12px;
	padding-left: 3px;
	padding-right: 3px;
	float: left;
	line-height: 19px;
}

.pagingPage.selected
{
	color: #006600;
	font-size: 14px;
	font-weight: bold;
	margin-left: 0px;
	margin-right: 0px;
	float: left;
	padding: 0px;
	
	background: no-repeat url(../images/paging_current.png);
	display: block;
	width: 23px;
	height: 19px;
	line-height: 17px;

	text-align: center;
	
}

.pagingPage:hover
{
	color: #006600;
	font-weight: bold;
}



.SmallPopupBox {
	
	display: none; 
	padding: 5px;
	border: solid 1px #739a2e;
	background-color: #85ac3a;
	color: #f8ffec; 
	font-size:10pt;
	font-weight: bold;
	z-index: 20;
	white-space: nowrap;
}










#cartInfo 
{
	position: absolute; 
	z-index:20; 
	top:60px; 
	left:15px; 
	
	background-color: #f6ffe4;/*#dbfc9b; */
	/*background-image: url(../images/cartInfo_bg.jpg);*/
	background-repeat: no-repeat;
	border-left: solid 1px #dfffa2; 
	border-right: solid 1px #dfffa2; 
	border-bottom: solid 1px #dfffa2; 
	
	width: 255px; 
	display: none; 

	font-size: 10px;
	padding: 8px;
	padding-bottom: 3px;
}

#cartInfo .quantity 
{
	width: 30px;
	text-align: right;
	padding-bottom: 4px;
	color: #000000;
}

#cartInfo .code 
{
	font-size: 9px;
	color: #82a73c;
}



#cartInfo .name 
{
	padding-left: 6px;
	color: #000000;
}

#CartInfoTable tbody tr.item 
{
	background-color: #effed4;
	cursor: pointer;
	height: auto;
}

#CartInfoTable tbody tr.hover
{
	background-color: #d1e7ac;
}

#CartInfoTable tbody tr 
{
	height: 5px;

}
/*
#cartInfo td.empty
{
	background-color: Transparent;
	height: 5px;
	cursor: auto;
}*/







.shopMenuOuter 
{
	width: 238px;
	background-color: #e2f4c1;
	margin-bottom: 5px;
	padding-left: 1px;
	padding-top: 1px;
	padding-bottom: 1px;

}

.shopMenu 
{
	display:block;
	width: 237px;
	background-repeat: no-repeat;
		background-color: #dbf1b0;
	background-image: url(../images/shopMenu_bg.jpg);
	background-position: 5px 0 0 0;
	border-left: solid 1px #FFFFFF;
	border-bottom: solid 1px #FFFFFF;
	border-top: solid 0px #FFFFFF;
	padding-left: 0px;
	
}
.shopMenu .login 
{
	background-color: #f6ffe6;
	background-image: url(../images/LoginKey.png);
	background-repeat: no-repeat;
	background-position: 3px 3px;
}
.shopMenu .login a
{
	font-size: 12px;
	padding-left: 35px;
	padding-right:35px;
	line-height: 15px;
padding-top: 3px;
padding-bottom: 3px;
	
}
.shopMenu a
{
	display:block;
	color: #006600;
	font-weight: bold;
	font-size: 9pt;
	line-height: 24px;
}

.shopMenu a.sub
{
	line-height: 16px;
	padding-left:40px;
	font-weight: normal;
}
.shopMenu a:hover
{
	background-image: url(../images/shopMenu_bg_over.png);
	text-decoration: none;
}

.shopMenu a.sub:hover
{
	text-decoration: underline;
	background-image: none;

}

.shopMenu a.selected.sub
{
	text-decoration: underline;
	background-image: none;
	font-weight: bold;
}

.shopMenu a.selected
{
	background-image: url(../images/shopMenu_bg_over.png);
	text-decoration: none;
}

.shopMenu span
{
	display: block;
	background-repeat: no-repeat;	
	width: 25px;
	height: 20px;
	float:left; 
	margin-left:3px;
	margin-top:3px;
}


.shopMenu .promo 
{
	background-image: url(../images/iconPromo.png);
}

.shopMenu .prijs 
{
	background-image: url(../images/iconPrijs.png);
}

.shopMenu .histo 
{
	background-image: url(../images/iconHisto.png);
}

.shopMenu .projecten 
{
	background-image: url(../images/iconProjecten.png);
}

.shopMenu .spaaractie 
{
	background-image: url(../images/iconSpaaractie.png);
}


.shopMenu .favo 
{
	background-image: url(../images/iconFavo.png);
}

.shopMenu .opleidingen 
{
	background-image: url(../images/iconOpleidingen.png);
}

.shopMenu .downloads 
{
	background-image: url(../images/iconDownloads.png);
}

.shopMenu .forecast 
{
	background-image: url(../images/iconForecast.png);


}

.shopMenu .messages 
{
	background-image: url(../images/iconMessages.png);
}

.shopMenu .flashtests 
{
	background-image: url(../images/iconFlashtests.png);
}

.shopMenu .com 
{
	background-image: url(../images/iconCom.png);
}

.shopMenu .divider 
{
	height: 5px;
}










#cartItems 
{
	width: 100%;
}
#cartItems thead tr td
{
	font-size: 11px;
	color: #466900;
}
#cartItems thead td.pricePiece 
{
	text-align: right;
		
}
#cartItems thead td.price 
{
	text-align: right;	
	
}

#cartItems thead td 
{
	text-align: center;
	padding: 4px;
}

#cartItems td.click 
{
	cursor: pointer;
}



#cartItems tbody tr.item
{
	background-color: #effed4;
	border-bottom: solid 10px #FFFFFF;
}

#cartItems tbody tr.divider
{
	background-color: Transparent;
	height: 5px;
}

#cartItems tbody tr.item:hover
{
	background-color: #d1e7ac;
}

#orderForm #cartItems tbody tr.item:hover 
{
	background-color: #effed4;
}
#orderFormThx #cartItems tbody tr.item:hover 
{
	background-color: #effed4;
}

#cartItems tbody tr.divider:hover
{
	background-color: Transparent;
}

#cartItems tbody td 
{
  	font-size: 12px;
  	padding: 4px;	
}

#cartItems td.image 
{
	width: 90px;
}
#cartItems td.stock 
{
	
}



#cartItems td.quantity 
{
	width: 30px;
	text-align:center;
}

#cartItems td.quantity input 
{	
	width: 30px;
	text-align: center;	
	font-size: 11px;
	height: 15px;
}

#cartItems td.descr 
{
	font-weight: bold;
	
}

#cartItems td.descr span { float: left;}

#cartItems td.descr .code 
{
	display: block;
	font-size: 9px;
	color: #82a73c;
clear: left;
	
}

#cartItems td.pricePiece 
{
	text-align: right;
	width: 80px;	
}
#cartItems td.price 
{
	text-align: right;
	width: 80px;	
}
#cartItems td.delete 
{
	background-color: #f6ffe6;
	width: 25px;
}

#cartItems td.priceTotal 
{
	font-size: 13px;
	background-color: #effed4;
	text-align: center;
}

#cartItems td.priceTotalLabel
{
	font-size: 13px;
	text-align: right;
}

#cartItems td.priceTotalVAT
{
	font-size: 15px;
	font-weight: bold;
	background-color: #effed4;
	text-align: center;
}

#cartItems td.priceTotalVATLabel
{
	font-size: 15px;
	font-weight: bold;
	text-align: right;
}

#cartItems .priceTotalVAT span.info
{
	font-size: 9px;
	color: #82a73c;
	display:block;
}

#cartItems .priceTotalVAT span.title 
{
	display:block;
	font-size: 12px;
}

/*
#cartItems .priceTotal span.title
{
	font-size: 11px;
}
*/

#cartItems .buttonsLeft input
{
	display: block;
	width: 146px;
	height: 24px;
	margin-bottom: 7px;
}

#cartItems .buttonsLeft .update
{
	background-image: url(../images/cartBtnUpdate.jpg);
	float: left;
	margin-right: 7px;
}


.btnBestel
{
	margin-top: -10px;
	margin-right: 25px;
	float:right;
}







#aDetail .infoblock
{
	margin-left: 15px;
	margin-right: 10px;
}

#aDetail .code
{
	color: #718452;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
}

#aDetail .name
{
	font-size: 20px;
							font-weight: bold;
							line-height: 22px;
	color: #006600;
	margin-bottom: 4px;
}

#aDetail .brand
{
	color: #718452;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	margin-bottom: 3px;
}

#aDetail .label 
{
	color: #718452;
	font-weight: bold;
	padding-right: 10px;
}

#aDetail .value 
{
	font-weight: bold;
	color: #006600;
}

#aDetail .voorraad 
{
	color: #718452;
	font-style: italic;
	margin-left: 10px;
}

#aDetail .shop 
{
	 width: 82px;
 height: 27px;
 background: url(../images/aDetailCartBg.png) no-repeat;
 padding: 4px;
 padding-left: 5px;

}

input.quantity
{
	width: 30px;
	text-align: center;	
	font-size: 11px;
	height: 15px;
}




table.form td 
{
	font-size: 12px;
	vertical-align: top;
	/*padding-right: 3px;*/
}
table.form td.value 
{
	/*padding-left: 3px;*/
	font-size: 12px;
}
table.form tr 
{
	/*height: 25px;*/
}
table.form td 
{
    padding-bottom: 8px;
}
table.form .label
{
	width: 120px;
	display:block;
	color: #455a1e;
	font-weight: bold;
	
	
}

table.form.project .label 
{
    width: 150px;
}

table.form.project td li {font-size: 12px}

#lev li span.title 
{
	background: url(../images/subbar.png) no-repeat;
	width: 697px;
	height: 24px;
	display:block;
	font-weight: bold;
	margin-bottom: 0px;
	vertical-align: middle;
}

#lev span.title label 
{
	width: 670px;
	display: block;
}
#lev span input 
{
	float: left;
}

#lev li 
{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
 
#orderForm label 
{
	font-size: 12px;
}







div.pBg
{
 width: 700px;
 /*height: 245px;*/
 background: url(../images/pBg.png) no-repeat;
 background-position: 0px 0px;
 padding: 15px;
 padding-top: 8px;
	
}

div.pBg .title 
{
	font-size: 14px;
	font-weight: bold; 
	margin-bottom: 10px;

}


img.border 
{
	border: solid 1px #dadada;
}



.updateProgressPanel 
{
	background-color: #f6ffe6; 
	display:none; 
	z-index: 10; 
	position:absolute
}

.updateProgressLoader 
{
	display:none; 
	z-index: 11; 
	position:absolute
}


.infoText
{
	color: #466900;
	font-size: 10px;
	line-height: 10px;
}


.infoTextWithIcon
{
	color: #466900;
	font-size: 12px;
	background: url(../images/info.png) no-repeat;
	padding-left: 17px;
}

.smallPopup 
{
	padding: 5px;
	color: #003300;
}
.smallPopup p, .smallPopup li
{
	font-size: 12px;
}


#orderFormThx 
{
	padding: 10px;
}
#orderFormThx .title 
{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;	
	display: block;
}

#orderFormThx p 
{
	font-size: 12px;	
}



/* Stock */

table.stockDocLine 
{
	width: 725px;
	background: url(../images/histo_balk.png) no-repeat;
}

table.stockItem
{
	width: 700px;
	margin-left: 25px;
}

table.stockItem td 
{
	font-size: 11px;
}

table.stockItem td.pricePiece 
{
	text-align: right;
	width: 80px;
}

table.stockItem td.priceTotal 
{
	text-align: right;
	width: 80px;
}

table.stockItem td.code 
{
	width: 80px;
}

table.stockItem td.name a
{
	color: #003300;
}

table.stockItem td.quantity 
{
	width: 20px;
	text-align: center;
}

table.stockItem td 
{
	line-height: 15px;
	border-top: 2px solid #FFFFFF;
	padding: 2px;
}

table.stockItem tr 
{
	background: #effed4;
	
}

table.stockItem tr:hover 
{
	background: #d1e7ac;
}



#forecast table th 
{
	padding: 3px;
	font-size:11px;
}
#forecast table td
{
	padding: 1px;

}
#forecast td input 
{
	text-align: center;
}

#forecast td 
{
	border-top: 1px solid #CCCCCC;
}	

#forecast td.descr 
{
	font-size: 11px;
	vertical-align: middle;
}

#forecast td.code
{
	font-size: 9px;
	color: #82a73c;
	font-weight: bold;
	vertical-align: middle;
	padding-right: 2px;
}


.loginbar 
{

		
}










table.simpleArtList
{
	width: 700px;
	margin-left: 25px;
}

table.simpleArtList td 
{
	font-size: 11px;
}

table.simpleArtList td.price 
{
	text-align: right;
	width: 80px;
}

table.simpleArtList td.mandje
{
	width: 30px;	
	margin-top: 0;
}

table.simpleArtList td.shop
{
	width: 35px;	
	margin-top: 0;
}

table.simpleArtList td.code 
{
	width: 80px;

	padding-bottom: 2px;
	padding-left: 3px;
	
	font-size: 9px;
	color: #82a73c;
	font-weight: bold;
	padding-top: 3px;
}

table.simpleArtList td.click 
{
	cursor: pointer;
}

table.simpleArtList td.description a
{
	color: #003300;
}


table.simpleArtList td 
{
	line-height: 15px;
	border-top: 2px solid #FFFFFF;
	padding: 2px;
}

table.simpleArtList tr 
{
	background: #effed4;
	
}

table.simpleArtList tr:hover 
{
	background: #d1e7ac;
}


.favoPopup 
{
	background: url(../images/favoBg.png) no-repeat; 
	display: block; 
	width: 240px; 
	height: 155px;
	position: absolute; 
	display:none;
	overflow: hidden;
	padding-top: 8px;
	padding-left: 13px;
	padding-right: 13px;
	padding-bottom: 8px;
	font-size: 12px;
}

.close 
{
	background: url(../images/close.png) no-repeat;
	width: 9px;
	height: 9px;
	display:block;
	float:right;
	margin-top:3px;
	cursor:pointer;	
	
}

.favoPopup .listBox 
{
	display:block;
	width: 235px;
	height: 80px;
	overflow: auto;
	overflow-x: hidden;
	border: 1px solid #d1e7ac;
	background-color: #f7fbec;	
	margin-top: 3px;
	clear: both;

}

.favoPopup .listBox.comment
{
	display:block;
	width: 235px;
	height: 110px;
	overflow: auto;
	overflow-x: hidden;
	border: 1px solid #d1e7ac;
	background-color: #f7fbec;	
	margin-top: 3px;
	clear: both;

}

.favoPopup .listBox tr 
{
	cursor: pointer;
	height: 20px;
	line-height: 20px;
}

.favoPopup .listBox tr:hover 
{
	cursor: pointer;
	background-color: #d1e7ac;

}

.favoPopup .listBox tr td 
{
	padding-left: 3px;
}


a.sub.add, a.sub.add.selected 
{
	background-image: url(../images/iconAdd.png);
	background-repeat: no-repeat;
	padding-left:55px;
	background-position: 40px 3px;	
}

a.sub.add:hover, a.sub.add.selected:hover
{
background-image: url(../images/iconAdd.png);

}

.favoEditBox 
{
	background-image: url(../images/favoEditBg.png);
	background-repeat: no-repeat;
display:block;
width: 218px;
height: 29px;
float: right;
padding: 4px;
padding-left: 7px;

}

.favoEditBox .divider 
{
	display:block;
	border-left: 1px solid #93a078;
	width: 1px;
	height: 15px;
	float:left;
	margin: 0 5px 0 5px;
		
}

.watermark 
{
	color: #82a73c;
	font-style: italic;	
}

#offerteAanvraag 
{
	display:block;
	width: 437px;
	height: 42px;
	background-image: url(../images/bgOfferteAanvraag.png);
	background-repeat: no-repeat;
	padding-left: 10px;
	padding-top: 12px;
	text-decoration: none;
	cursor: pointer;
	float:right;
	text-align:right;
	padding-right: 10px;
}

#offerteAanvraag .groot 
{
	color: #006600;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

#offerteAanvraag .klein 
{
	color: #4b4b4b;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}





#catalogus.promo .groupTitle 
{
	background-image: url(../images/iconPromo.png);
	background-repeat: no-repeat;
	padding-left: 25px;
}

#catalogus.promo .groupItem .price
{
	/*width: 70px;	
	text-align: right;
	padding-right: 4px;
	padding-top: 4px;*/
	color: Red;
	font-weight: bold;
	font-size: 13px;
}

#catalogus.promo .groupItem
{
  width: 615px;
}

div.promogroup
{
 width: 740px;
 /*height: 245px;*/
 background: url(../images/promogroup.png) no-repeat;
 background-position: 0px 0px;
 padding-top: 8px;
 padding-left: 10px;
	
}

#catalogus.promo .groupItems 
{
	width: 615px;
}


#aDetail .name.promo
{
		background-image: url(../images/iconPromo.png);
	background-repeat: no-repeat;
	padding-left: 27px;

}


#aDetail .description
{
display:block;
clear:both;
margin-top: 10px;

}

.searchBrandFilter 
{
	font-size:11px; 
	color:#006600; 
	white-space:nowrap; 
	display:block; 
	float:left; 
	margin-right:13px
}

.searchBrandFilter.selected
{
	font-weight: bold;
	text-decoration: underline;
}



#projectstatus table th 
{
	padding: 5px;
	font-size:11px;
	border-bottom: 1px solid #CCCCCC;
}
#projectstatus table td
{
	padding: 5px;

}


#projectstatus td 
{
	border-bottom: 1px solid #CCCCCC;
	text-align: center;
}	


.conditions li { font-size:12px; text-align: justify; list-style-type: decimal; margin-bottom: 10px; margin-right: 20px; }


.indekijker {display:block;}
    .indekijker .border {position: absolute; z-index:29}
    .indekijker a.clickable { cursor: pointer;}
    
    .indekijker.home {width: 471px; height: 282px;}
        .indekijker.home .border {background: url(../images/indekijker/template_home.png); width: 471px; height: 282px;}
    .indekijker.home img {margin-left: 8px; margin-top: 10px;}
    
    .indekijker.top {width: 283px; height: 109px; float:left; margin-left:70px; margin-top:17px;}
        .indekijker.top .border {background: url(../images/indekijker/template_top.png); width: 283px; height: 109px;}
    .indekijker.top img {margin-left: 7px; margin-top: 5px;}
    
    
    
    
    
    
.productGroups { margin-left: 10px; clear:both;}
.productGroups .groups {margin-left: 15px;}
.productGroups .groups a.productGroup { display:block; float: left; width: 222px; height: 45px; background: url(../images/groepen/group_small.jpg); margin: 0 0 20px 15px; cursor: pointer; padding:0}
.productGroups .groups a.productGroup:hover { background: url(../images/groepen/group_small_o.jpg); text-decoration: none; }
.productGroups .groups a.productGroup table { float:left; height: 45px;}
.productGroups .groups a.productGroup table div.descr { width: 153px; overflow: hidden;}

.productGroups .groups a.productGroup table td {padding: 7px 5px 5px 10px; color: #006600; font-weight: bold; vertical-align:middle; text-align:left; }
.productGroups .groups a.productGroup img { float:left; margin-top:3px; }

.productGroups .groups a.productGroup.noimage table { width: 210px;}
.productGroups .groups a.productGroup.noimage img { display:none; }
.productGroups .groups a.productGroup.noimage table div.descr { width: 200px;}

.productGroups.BAKS .groups {}
.productGroups.BAKS .title { background: url(../images/groepenbaks/groeplogo.png) no-repeat; background-position: 0 0; height: 64px; }



.productGroups.CARBOMAT_GROUP { }
.productGroups.CARBOMAT_GROUP .groups {}
.productGroups.CARBOMAT_GROUP .title { background: url(../images/groepencarbomat/groeplogo.png) no-repeat; background-position: 0 0; height: 50px; }

.productGroups.CARBOMAT_GROUP .groups a.productGroup {  width: 95px; height: 95px; margin: 0 0 10px 5px; background: none;}
.productGroups.CARBOMAT_GROUP .groups a.productGroup:hover { background: none; }
.productGroups.CARBOMAT_GROUP .groups a.productGroup img { }





.productGroups.big { margin-left: 10px; clear:both;}

.productGroups.big .groups {margin-left: 15px;}
.productGroups.big .groups a.productGroup { display:block; float: left; width: 130px; height: 130px; background: url(../images/groepen/group_big.png); margin: 0 0 20px 15px; cursor: pointer; padding:0}
.productGroups.big .groups a.productGroup:hover { background: url(../images/groepen/group_big_o.png); text-decoration: none; }

.productGroups.big .groups a.productGroup table {height: 130px; width: 130px;}
.productGroups.big .groups a.productGroup table div.descr {width: 120px; padding: 0 3px; overflow: hidden; font-size: 12px;}
.productGroups.big .groups a.productGroup table td.image { height: 80px; padding: 3px 0 0 0; }
.productGroups.big .groups a.productGroup table td.descr {  }
.productGroups.big .groups a.productGroup img { float: none; width: 110px;  }
.productGroups.big .groups a.productGroup table td {padding: 0px 2px 0px 2px; color: #006600; font-weight: bold; vertical-align:middle; text-align:center; font-size: 13px }

.productGroups table.item { float: left;  margin: 0 0 20px 15px; }
.productGroups.big .groups table.item a.productGroup { float: left; margin: 0 }

.productGroups.big .groups a.productGroup.noimage table { width: 130px;}
.productGroups.big .groups a.productGroup.noimage img { display:none; }
.productGroups.big .groups a.productGroup.noimage table div.descr { width: 120px; font-size: 13px;}

.videoIcon { display: block; width: 10px; height: 10px; background-color: #FF0000;}

.movieBox { margin-top: 5px;}
.movieBox a { background-image: url(../images/video.jpg); background-repeat: no-repeat;  padding-left: 17px; display: block; margin-top: 3px; width: 120px}
.movieBox.horizontal a { float:left; margin-right: 15px; }
.productGroups.BAKS .movieBox .title {background: none;}

#main_table .productGroups .groups a.productGroup table td { vertical-align: middle;}

div.shopHome { clear: both; display:block; width: 100%; height: 9px; background: url(../images/groepenbaks/line.jpg) repeat-x; margin: 20px 0 20px 0;}


.movies a.movie { clear:left; display: block; }
.movies a.movie:hover { text-decoration: none; }
.movies .movie img { float:left; padding-bottom: 10px;  margin-right: 10px;}
.movies .movie span {  cursor: pointer; }
.movies .movie .title { font-weight: bold; padding-top: 3px; }
.movies .movie .date { color: #646464; font-size: 10px; }
.movies .movie .duration { color: #646464; font-size: 10px; }

.movies.horizontal a.movie { float: left; clear: none; margin-right: 40px;}

#videos .movies { float: right; width:290px; }
#videos { margin-top: 10px;}
#videos .youtube { float: left; margin-left: 10px; display: block; }

.movies.home { margin: 5px 0 0 10px;}
.movies.home .movie img { float:none;}
.movies.home a.movie { float: left; clear:none}
.movies.home img.overlay.play { position:absolute; }










/*
#news { margin-top: 20px; padding: 0 20px;}
    #news .item { display: block; float: left; margin: 0 0 20px 0; padding: 0 0 10px 0; border-bottom: solid 1px #C0E186; width: 100% }
        #news .item h1 { background: none; font-size: 13px; margin: 0; padding: 0; line-height: normal; display: block; clear: both; width: auto; height: auto;}
        #news .item h2 { background: none; font-size: 10px; color: #666666;  margin: 0 0 5px 0; padding: 0; line-height: 12px; display: block; clear:both; width: auto; height: auto;}
        #news .item p { font-size: 12px; line-height: 16px; text-align: justify; margin-bottom: 10px;}
        #news .item img.left { float: left; padding: 5px 8px 5px 0}
        #news .item img.right { float: right; padding: 5px 0 5px 8px}
        #news .item a.readMore { font-size: 11px; font-weight: bold;}
        #news .item .descr {  }
#news .rss { float: left; clear: both;}

*/

#newsDetail  { margin: 0 20px; }
        #newsDetail.item  h1 { background: none; font-size: 15px; margin: 0; padding: 0; line-height: normal; display: block; width: auto; height: auto;}
        #newsDetail.item  h2 { background: none; font-size: 10px; color: #666666;  margin: 0 0 20px 0; padding: 0; line-height: 12px; display: block; width: auto; height: auto;}
        #newsDetail.item  p { font-size: 12px; line-height: 16px; text-align: justify; margin-bottom: 10px;}
        #newsDetail.item  li { font-size: 12px; line-height: 16px; text-align: justify;}
         #newsDetail.item  .descr {}
        #newsDetail.item  img.left { float: left; padding: 5px 8px 5px 0}
        #newsDetail.item  img.right { float: right; padding: 5px 0 5px 8px}
        #newsDetail.item a.back { font-size: 11px;}
.rss { float: right; clear:left;}


#content .introHtml { color: #003300; font-size: 13px; padding: 10px; line-height: 1.7em }
#content .introHtml h1,.introHtml h2,.introHtml h3 { display:block; clear: both; margin: 5px 0; font-weight: bold; background: none; padding: 0; margin: 0; background-image: none; width: auto; height: auto; }
#content .introHtml h1 { font-size: 18px; }
#content .introHtml h2 { font-size: 15px; }
#content .introHtml h3 { font-size: 13px; text-decoration: underline }
#content .introHtml p { font-size: 13px; }

#spaaractiePrijzen .prijs table { width: 100%; height: 120px; }
#spaaractiePunten th { font-size: 11px; background: none; }
#spaaractiePunten .price { text-align: right; padding-right: 15px;}
#spaaractiePunten td { font-size: 11px; }
#spaaractiePunten td.niks { background: none; }
#spaaractiePunten td.total { font-weight: bold; font-size: 13px; }


#spaaractiePrijzen .prijs { position: relative; background: url(../images/spaaractie/bgprijs.png) no-repeat; width: 205px; height: 202px; float: left; padding: 15px 17px; margin-right: 10px; }

#spaaractiePrijzen h1, 
#spaaractiePrijzen h2,
#spaaractiePrijzen h3 { background: none; margin: 0; padding: 0; height: auto; width: auto; }


#spaaractiePrijzen h1 { font-size: 13px; line-height: 16px; height: 30px; margin-bottom: 12px; }
    #spaaractiePrijzen h1 a { color: #006622; text-decoration: none; }
    #spaaractiePrijzen h1 a:hover { color: #006622; text-decoration: none; }
#spaaractiePrijzen h2 { font-size: 18px; position: absolute; left: 172px; top: 196px; width: 60px; height: 35px; text-align: center;}
#spaaractiePrijzen h3 { font-size: 10px; position: absolute;  left: 172px; top: 210px; width: 60px; height: 35px; text-align: center;}
                       
#spaaractiePrijzen .loader { position: absolute; left: 125px; top: 200px; z-index: 1;  }

#spaaractiePrijzen .AddToCartButton {  position: absolute;  left: 20px; top: 192px; }

#spaaractiePrijzen table { clear: both; }
#spaaractiePrijzen table td { text-align: center; vertical-align: middle;}


.prijsBestelBalk {float: right; width: 210px; position: relative;}
.prijsBestelBalk .AddToCartButton { float: right;}
.prijsBestelBalk .loader { position: absolute; left: 150px; top: 5px; z-index: 1;  }


.prijsBestelBalk .puntenBox { float: right;  }


.puntenBox { background: url(../images/spaaractie/bgpuntenbox.png) no-repeat; display: block; width: 71px; height: 45px; position: relative; }
.puntenBox h2 { position: absolute; left: 4px; top: 5px; font-size: 18px; width: 60px;  text-align: center; margin:0; padding: 0}
.puntenBox h3 { position: absolute; left:4px; top: 20px; font-size: 10px; width: 60px; text-align: center;margin:0; padding: 0}

div.puntenactie.marker { display: inline-block; width: 22px; height: 14px; background-position: 5px 0px; background-image: url(../images/iconSpaaractieSmall.png); background-repeat: no-repeat; }
div.puntenactie.marker.big { width: 25px; height: 17px;  background-image: url(../images/iconSpaaractie.png); }







.socMediaBar { }
.socMedia { background: url(../socmedia.png) no-repeat scroll 0 0 transparent; display: block; height: 16px; line-height: 16px !important; overflow: hidden; width: 16px; text-indent:-1000px; float: left; margin-right: 3px; }
    .socMedia.facebook { background-position: 0 -1552px; }
    .socMedia.twitter { background-position: 0 -5168px; }
    .socMedia.linkedin { background-position: 0 -2928px; }
    

#news { margin-top: 20px; padding: 0 20px;}
    #news .item { display: block; float: left; margin: 0 0 20px 0; padding: 0 0 10px 0; border-bottom: solid 1px #C0E186; width: 100% }
        #news .item h1 { background: none; font-size: 17px; margin: 0; padding: 0; line-height: normal; display: block; clear: both; width: auto; height: auto;}
        #news .item h2 { background: none; font-size: 11px; color: #666666;  margin: 3px 0 8px 0; padding: 0; line-height: 12px; display: block; clear:both; width: auto; height: auto;}
        #news .item .descr { font-size: 13px; line-height: 18px; text-align: justify; margin-bottom: 10px;}

        #news .socMediaBar { clear: both; margin-top: 10px;}
        #news .socMediaBar a.readMore { font-size: 11px; font-weight: bold; float: right;}
#news .rss { float: left; clear: both;}