body 			{ font-family: arial, helvetica, sans-serif; margin: 0; font-size: 76%; color: #000; background:url("/images/interface/bg_layer2.jpg") repeat-x scroll 0 0 #2C2C2C; }
address 		{ font-style: normal }

/* TEMPLATES */

.sitebox 			{ margin: 0 auto; width: 990px;  }
.sitebox-zoom 		{ background: #fff; margin: 10px; }

/* h1 h1 h3 */

h1 							{ margin: 0 0 10px 0; font-size: 1.7em; color: #222; }
h1 .securityclass 			{ background: #f7971d; padding: 0px 3px 0px 3px; color: #fff; margin: 0 0 0 10px; font-size: 0.7em; }
h1 .statusaanduiding 		{ color: #ccc; }

h2 							{ margin: 0 0 10px 0; }
h2.nomargin 				{ margin: 0; }
h2.uppercase 				{ margin: 10px 0 10px 0; text-transform: uppercase; color: #f7971d; } 
h2 .sub 					{ color: #04551e; }
h3.uppercase 				{ margin: 10px 0 10px 0; text-transform: uppercase; color: #000; font-size: 1.2em; } 
h3 .sub 					{ font-weight: normal; }
h3.orderinbehandeling 		{ margin: 0 0 15px 0; color: #555; }
h3 .line 					{ color: #ccc; padding: 0 10px 0 10px; }
.sitebox-zoom h1 			{ margin: 0 0 10px 0; }
p.nomargin 					{ margin: 0; }
#main-mid #content p.nomargin	{ margin: 0; }

/* TOEPASSINGEN */
#toepassingen 				{ background:url("/images/interface/bg_top_menu.png") repeat-x 0 0; height: 52px; width: 990px; overflow: hidden; }
#toepassingen ul 			{ list-style: none; margin: 0 0 0 10px; padding: 0; }
#toepassingen ul li 		{ float: left;  background: url("/images/interface/top_menu_divider.png") top right no-repeat; }
#toepassingen ul li a		{ display: block; float: left; color: #fff; text-transform: uppercase; text-decoration: none; font-size:11px; font-weight:bold; line-height:31px; padding: 0 15px 0 15px;}
#toepassingen ul li.last	{ background: none; }

/* HEADER */
#header 									{ height: 55px; }
#header #home 								{ float: left; width: 40px; margin: 10px 0 0 0; }
#header #zoeken 							{ float: left; width: 300px; height: 39px; background: url("/images/interface/bg_search.png") 0 10px no-repeat; }
#header #zoeken #zoeken-input				{ float: left; margin: 18px 0 0 10px; }
#header #zoeken #zoeken-input input 		{ width: 160px; font-size: 0.9em; color: #ccc; background: none transparent; border: none; }
#header #zoeken #zoeken-submit				{ float: left; margin: 13px 0 0 17px; }
#header #logo 								{ float: left; width: 300px; text-align: center; }
#header #languages-and-topmenu 				{ float: left; width: 350px; text-align: right; }
#header #languages-and-topmenu #languages	{ padding: 0 0 5px 0;  }
#header #languages-and-topmenu #languages a { text-decoration: none; }
#header #languages-and-topmenu #topmenu a	{ color: #ccc; font-size: 0.9em; }
#header #zoeken-blok label 					{ display: none; }
#header #zoeken-blok input 					{ width: 100px; height: 15px; float: left; margin: 0 5px 0 0; padding: 2px 0 2px 0; }
#header #zoeken-blok button.submit 			{ width: 55px; float: left; }

/* IE ONLY */
*html #header #zoeken-blok form {
	margin: 30px 0 0 7px;
}

/* MAIN */
#main 						{ padding: 15px 0 0 15px; background: #000 url("/images/interface/bg_grisport.jpg") no-repeat top; }
#main-left 					{ float: left; width: 175px; }
#main-mid 					{ float: left; width: 610px; margin: 0 0 15px 0;  }
#main-right 				{ float: left; width: 175px; }
#content					{ background: #fff; margin: 0 auto; width: 560px; padding: 10px; background: #fff url("/images/interface/bg_window_header.png") no-repeat top left; }
#content-heading			{ margin: 0 15px 0 15px; }

#main-mid .content-home		{ background: #fff; } 


body#winkelwagen #main-mid #content, body#kassa #main-mid #content { margin: 0; }


/* FOOTER */
.footer 		{ margin: 0 auto; width: 990px; text-align: center; font-size: 0.9em; color: #fff; line-height: 1.3em; background: url("/images/interface/bg_footer.png") no-repeat top; }
.footer p 		{ margin: 0px 0 5px 0; padding: 15px 0 0 0; }
.footer p.last	{ margin: 5px 0 15px 0; padding: 0; }
.footer .line 	{ color: orange; padding: 0 3px 0 3px; }
.footer a 		{ color: #ccc; text-decoration: none; }
.footer a:hover { text-decoration: underline; }


/* BASIX */
ul 							{ margin: 0 0 0 15px; }


/* CONTENT */

#main-mid #content p 		{ margin: 0 0 10px 0; }
#left-column 				{ float: left; width: 265px; margin: 0 0 10px 0; }
#right-column 				{ float: left; width: 265px; margin: 0 0 10px 30px; }
.contentimage-right 		{ float: right; margin: 0 0 10px 10px; border: 1px solid #ddd; }
.contentimage-right img 	{ margin: 5px; }	

/* LOADER */

#loader						{ display: none; width: 300px; height: 100px; margin: 100px 0 0 130px; background: url('/images/bg_loader.png') no-repeat; position: absolute; text-align: center; }
#loader div					{ float: left; }
#loader div.image			{ margin: 25px 10px 0 80px; }
#loader div.text			{ margin: 40px 0 0 0; color: #fff; font-weight: bold; }

/* LEFT BOXES */

.left-box 							{ width: 175px; background: #fff; }
.left-box .heading					{ background: url("/images/interface/bg_window_header_small.png") repeat-x; height: 45px; }
.left-box .heading h3				{ text-transform: uppercase; color: orange; font-size: 1em; padding: 11px 0 0 10px; margin: 0; }
.left-box .text ul					{ list-style: none; margin: 0;}

.left-box ul 						{ margin: 0 0 10px 0; padding: 0; list-style: none; }
.left-box ul li 					{ border-bottom: 1px solid #eee; font-size: 0.9em; }
.left-box ul li a 					{ display: block; text-decoration: none; color: #555; padding: 6px 0 6px 10px; height: 15px; }
.left-box ul li a:hover 			{ text-decoration: none; background: #ddd; color: #222; }
.left-box ul li.selected 			{ font-weight: bold; }
.left-box ul li.selected a 			{ background: #eee; color: #000; font-weight: bold; }
.left-box ul li.selected a:hover	{  }
.left-box ul li.notselected			{ display: none; }

#toonallemerken 					{ margin: 5px 0; }
#toonallemerken a.plus 				{ color: #f7971c; font-weight: bold; background: url("/images/interface/icon_plus_orange.gif") 0 25% no-repeat; padding: 0 0 0 15px; text-decoration: underline; }

#merken-shortlist					{ margin-bottom: 15px; }

/* MAIN MID */
#main-mid .heading					{ background: #fff url("/images/interface/bg_window_header.png") repeat-x; height: 45px;  }
#main-mid .heading h3				{ padding: 10px 0 0 10px; color: #ccc; text-transform: uppercase; } 
#main-mid .heading img 				{ margin: 12px 0 0 15px; }
#main-mid #content h1				{ text-transform: uppercase; color: orange; font-size: 1em; margin: 2px 0 30px 0; }
#main-mid #content h1 .sub			{ color: #fff; }
#main-mid #content h1 .line			{ color: #aaa; padding: 0 10px 0 10px; }
#main-mid #content h1 a				{ color: #a3cede; }

/* RIGHT BOXES */
.right-box 							{ background: #fff; margin: 0 0 15px 0; }
.right-box .heading					{ background: url("/images/interface/bg_window_header_small.png") repeat-x; height: 45px;   }
.right-box .heading h3				{ text-transform: uppercase; color: orange; font-size: 1em; padding: 11px 0 0 10px; margin: 0; }
.right-box .heading h3 a			{ text-decoration: none; color: orange; }
.right-box .text					{ font-size: 0.9em; padding: 5px 5px 5px 10px; }
.right-box .text ul					{ list-style: none; margin: 0; padding: 0; }

#uwbestellingen ul					{ margin: 0 0 10px 0; }
#extras ul							{ margin: 0 0 10px 0; }

/* VERFIJNEN */

#verfijnen ul li 							{ border: none; font-weight: bold; color: #e87e01; }
#verfijnen ul li ul 						{ margin: 4px 0 15px 0; border-top: 1px solid #ddd; }
#verfijnen ul li ul li 						{ border-bottom: 1px solid #ddd; font-weight: normal; color: #aaa; font-size: 1em; }
#verfijnen ul li ul li a .aantal			{ color: #aaa; padding: 0 0 0 5px; }	
#verfijnen ul li ul li a:hover .aantal 		{ color: #333; }
#verfijnen ul li ul li.selected a .aantal	{ color: #333; }

#toonalleproducten 				{ margin: 0 0 20px 0; }
#toonalleproducten a 			{ color: #f7971c; font-weight: bold; background: url("/images/interface/icon_plus_orange.gif") 0 25% no-repeat; padding: 0 0 0 15px; text-decoration: underline; }

/* WINKELWAGEN MENU */

div#winkelwagen-menu 				{ margin: 20px 0 25px 0; }
div#winkelwagen-menu ul 			{ list-style: disc; margin: 0 0 0 15px; }
div#winkelwagen-menu ul li a		{ padding: 0; color: #e87e01; text-decoration: underline; }
div#winkelwagen-menu ul li a:hover 	{ background: none; color: #222; }
div#winkelwagen-menu ul li 			{ border: none; }

/* MERK INFO */

.merk-info 					{ margin: 0 0 20px 0; }
.merk-info p 				{ margin: 0; color: #333; }
.merk-info img.merk-logo	{ float: right; margin: 0 0 10px 20px; }

/* TOEPASSINGEN */

.row 					{ width: 250px; height: 100px; background: #f5f5f5 url("/images/interface/bg_toepassing.gif") repeat-x; margin: 0 0 15px 0; border: 1px solid #ddd; }
.row .image 			{ float: left; width: 125px; }
.row .text 				{ float: left; width: 125px; margin: 37px 0 0 0; }
.row .text a			{ font-size: 1.1em; color: #f7991f; font-weight: bold; }
.row .text a:hover 		{ color: #666; }

/* PRODUCT LIJST */

.merk-introductie 					{  }
.merk-introductie #banner 			{ margin: 0 0 10px 0; border-top: 1px solid #777; }
.merk-introductie h1 				{ margin: 0 0 20px 0; }
.merk-introductie p 				{ color: #555;  }
.merk-introductie img.logo 			{ float: right; margin: 0 5px 10px 5px; }
#merk-introductie-special 			{ background: #000; color: #fff; }
#merk-introductie-special h1 		{ padding: 0px 10px 5px 10px;  color: #fff; }
#merk-introductie-special p 		{ padding: 0px 10px 10px 10px; color: #fff; }
#merk-introductie-special img.logo	{ margin: 5px 15px 5px 15px; }

.divider							{ border-top: 1px solid #eee; }

/* DETAIL */

.detail-images 						{ margin: 0 0 10px 0; width: 559px; }
.detail-images .medium 				{  float: left; width: 310px; }
.detail-images .medium img 			{ border: 1px solid #ddd; }
.detail-images .zool 				{ float: left; width: 110px; }
.detail-images .zool img 			{ border: 1px solid #ddd; }
.detail-images .logo 				{ float: left; width: 139px; text-align: right; }


/* ZOOM */

#zoom .photoframe 					{ width: 550px; margin: 0 0 15px 0; border: 1px solid #ccc; }
#zoom #photoframe-zool 				{ width: 530px; }

.back-button 						{ margin: 0 0 10px 0; }
.back-button a 						{ width: 180px; text-align: center; background: #eee; color: #000; padding: 3px 4px 3px 4px; font-size: 1.1em; font-weight: bold; display: block; text-decoration: none; border: 1px solid #ccc; }
.back-button a:hover 				{ background: orange; }




/* DEFAULT TABLE */

table.default 							{ width: 100%; border-top: 1px solid #ddd; background: #f5f5f5 url("/images/interface/bg_specs.gif") repeat-y top right; margin: 0 0 2em 0; padding: 0; border-collapse: collapse;}
table.default caption 					{ font-size: 1.3em; font-weight: bold; text-align: left; padding: 0 0 10px 0;}
table.default tr th 					{ text-align: left; vertical-align: top; padding: 5px 5px 5px 10px; background: #000 url("/images/interface/bg_th_black.gif") repeat-x; color: #fff;}
table.default tr th.omschrijving 		{ width: 300px;}	
table.default tr td 					{ text-align: left; padding: 5px 5px 5px 10px; vertical-align: top; border-bottom: 1px solid #ddd;}
table.default tr td.omschrijving 		{ font-weight: bold;}	
table.default tr td.toonorder 			{ width: 200px;}
table.default tr td.toonwinkelwagen 	{ }
table.default tr td a					{ font-weight: bold;}

table.zebra-list							{ background: #fff; }
table.zebra-list tr.even td					{ background: #f5f5f5; }
table.zebra-list tr td.toonwinkelwagen a	{  }

/* SPECS AND PHOTOS */

#h1-and-merklogo 						{ width: 560px; margin: 40px 0 0 0; }
#main-mid #content #h1-and-merklogo h1 	{ float: left; width: 370px; margin: 0 10px 20px 0; color: #000; text-transform: none; font-size: 2.0em; }
#h1-and-merklogo #merklogo 				{ float: left; width: 180px; text-align: right; }

#photos-and-specs 						{ width: 560px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; background: #fff url("/images/interface/bg_photos_and_specs.gif") repeat-y top right; margin: 0 0 5px 0; }
#photos-and-specs #photos 				{ float: left; width: 385px; margin: 15px 0 0 0;  }
#photos-and-specs #specs 				{ float: left; width: 175px; margin: 15px 0 15px 0;  font-size: 0.9em; }

#photos-and-specs #photos #main-picture	{ margin: 0 0 15px 0; }
#photos-and-specs #photos #thumbs		{ margin: 0 0 15px 0; }
#photos-and-specs #photos #thumbs .item	{ border: 1px solid #ccc; margin: 0 10px 0 0; float: left; }
		
#photos-and-specs #specs h4 			{ font-size: 1em; margin: 0; color: #ed7e03; }
#photos-and-specs #specs ul				{ margin: 0 0 3px 15px; padding: 0 10px 0 0; color: #666; }
#photos-and-specs #specs ul li .text	{ color: #000; }
#photos-and-specs #specs p				{ margin: 0 0 3px 0; }

#toggle-photo-and-specs				{ margin: 0 0 10px 0; text-align: right; }
#toggle-photo-and-specs a			{ color: #999; padding: 0 20px 0 0; font-size: 0.8em; text-transform: uppercase; background: url('/images/interface/icon_hide.png') no-repeat 99% 50%; }
#toggle-photo-and-specs a.show		{ background: url('/images/interface/icon_show.png') no-repeat 99% 50%; }
#toggle-photo-and-specs a:hover		{ color: #0099cc; }

/* MATEN */

.maten-kolommen 				{ width: 560px; border-top: 1px solid #ddd; background: #f5f5f5 url("/images/interface/bg_specs.gif") top right repeat-y; }	
.maten-kolommen #kolom-links	{ float: left; width: 250px; margin: 10px 0 0 10px; }
.maten-kolommen #kolom-rechts	{ float: left; width: 250px; margin: 10px 0 0 40px; }



#toevoegbutton 					{ width: 560px; margin: 0 0 15px 0; padding: 0 0 15px 0; background: #f5f5f5 url("/images/interface/bg_specs.gif") top right repeat-y; border-bottom: 1px solid #ddd; }
#toevoegbutton button 			{ margin: 0 0 0 20px; }

#alternatieven .item				{ float:left; margin: 0 20px 15px 0; width: 133px; border: 1px solid #ccc;  }
#alternatieven .item .image			{ height: 133px; height: 153px; }
#alternatieven .item .text			{ background: #eee; padding: 5px; height: 35px; }
#alternatieven .item .text a		{ text-decoration:none; color: #333; font-size: 0.9em; font-weight: bold; }
#alternatieven .item .text a:hover	{ color: #F7971D; }

/* EXTRA */

#extra 							{ margin: 5px 0 10px 0; }
#extra .item 					{ float: left; width: 161px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 10px 4px 10px 10px; margin: 0 15px 0 0; background: #f5f5f5; }
#extra #item-last 				{ margin: 0; }

/* TABLE FULL */

table.full 										{ width: 250px; margin: 5px 0 10px 0; padding: 0; border-collapse: collapse; }
table.full tr th 								{ text-align: left; text-transform: uppercase; font-size: 0.9em; color: #999;}
table.full tr th.maat 							{ width: 45px; }
table.full tr th.aantal 						{ width: 60px;  }
table.full tr td.maat 							{ padding-left: 3px; }
table.full tr th.prijs, table.full tr td.prijs  { text-align: center; }
table tr td.aantal 								{ width: 60px; }
table tr td.voorraad 							{ width: 16px; }
table.full tr td.prijs 							{ color: #222; }
table.full tr td.prijs .exbtw 					{ color: #aaa; }
.maatbox 										{ background: #f7971d; padding: 0 3px 0 3px; font-size: 1.2em; color: #fff; font-weight: bold; }
table.full tr td 								{ padding: 5px 0 5px 0; }
table.full tr.even td 							{ background: #eee; }
table tr td.aantal input.quantity 				{ width: 35px; height: 18px; float: left; margin: 0 5px 0 5px; padding: 0; /*text-align: right; DISABLED BECAUSE IE7 DOESN'T SHOW A CURSOR WHEN THE FIELD IS EMPTY */   }
table td.aantal .plusminus 						{ float: left; }
table.full tr td.aantal .plusminus .plus 		{ margin: 0 0 2px 0; }
table tr td.aantal input.quantity-disabled		{ background: #eee; border: 1px solid #ddd; }

#maten-kolommen-met-voorraad table.full					{ width: auto; margin: 10px;  }
#maten-kolommen-met-voorraad table.full tr th.maat 		{ width: 50px; }
#maten-kolommen-met-voorraad table.full tr td.aantal	{ width: 70px; }
#maten-kolommen-met-voorraad table tr th.prijs	 		{ text-align: left; padding-left: 15px; }
#maten-kolommen-met-voorraad table tr td.prijs	 		{ width: 130px; }
#maten-kolommen-met-voorraad table tr td.voorraad 		{ width: 270px; font-size: 1em;  }
#maten-kolommen-met-voorraad table tr td.voorraad a		{ font-size: 0.9em; color: #024a9c; }


.direct-leverbaar										{ color: #008000; font-weight: bold;  }
.leverbaar-vanaf										{ color: #ed7e03; font-weight: bold;  }
.niet-leverbaar											{ color: #000; font-weight: bold;  }

.popup-leverbare-alternatieven						{ display: none; position: absolute; background: #fff; border: 1px solid #cccccc; width: 390px; margin: 5px 0 0 35px; }
.popup-leverbare-alternatieven-one-item				{ width: 300px; }
.popup-leverbare-alternatieven .header 				{ background: #eee; padding: 10px; margin: 1px; }
.popup-leverbare-alternatieven .header h3			{ margin: 0; }
.popup-leverbare-alternatieven .header h4			{ margin: 0; color: #ff9900; font-size: 1.2em; }
.popup-leverbare-alternatieven .header h4 .maat		{ color: #000; font-weight: normal; }	
.popup-leverbare-alternatieven .item				{ width: 170px; float: left; border-left: 1px solid #ddd; padding: 0 0 0 15px; }
.popup-leverbare-alternatieven #item-first			{ border: none; }
.popup-leverbare-alternatieven .item .image			{ margin: 0 0 5px 0; }
.popup-leverbare-alternatieven .item .text .details	{ color: #555; }

.popup-leverbare-alternatieven .item .text h3				{ color: #ff9900; font-size: 1.3em; margin: 0 0 5px 0; }

#maten-kolommen-met-voorraad table tr td.voorraad .popup-leverbare-alternatieven .item .text h3 a	{ color: #ff9900; text-decoration: none; }

.popup-leverbare-alternatieven .item .text .maat-en-prijs 	{ font-size: 1.1em; }
.popup-leverbare-alternatieven .item .text input.quantity	{ width: 40px; float: left; margin: 0 3px 0 0; }
.popup-leverbare-alternatieven .item .text .plusminus 		{ float: left; margin: 0 5px 0 5px; }
.popup-leverbare-alternatieven .item .text .plusminus .plus	{ margin: 0 0 5px 0;  }
.popup-leverbare-alternatieven .toevoeg-formulier 			{ margin: 0 0 15px 0; }


/* ie7 hacks */
*+html div.plusminus 	{ margin-top:-4px }
div.plusminus div 		{ height:9px;width:9px }

/* PRODUCTS */

div.product 			{ background: none; border: none; }

/* FORMS */

form 						{ margin: 0; padding: 0; }
div.question 				{ overflow: hidden;}
fieldset 					{ padding: 1em;  margin: 1em 0;  }

/* FORMS CUSTOM */

#formbox-inloggen 								{ width: 175px; background: #fff; margin: 0 0 15px 0; }
#formbox-inloggen .content 						{ padding: 10px 10px 10px 10px; } 
#formbox-inloggen .question 					{ width: 150px; margin: 0 0 10px 0; }
#formbox-inloggen .question input				{ padding: 2px; }
#formbox-inloggen .question label				{ width: 150px; font-size: 0.9em; }
#formbox-inloggen #question-CustomerCode input	{ width: 100px; }
#formbox-inloggen #question-Email input			{ width: 130px; }

#formbox-inloggen .number 						{ width: 80px;}
#formbox-inloggen .unicodevarchar 				{ width: 125px;}
#formbox-inloggen p 							{ margin: 10px 0 0 0;}
#formbox-inloggen p.debiteurennummer-vergeten	{ margin: 5px 0 0 0;}
#formbox-inloggen p a 							{ font-size: 90%;}


/* SHOPPING CART RIGHT SIDE */

#shoppingcart 							{  margin: 10px 0 0 0; }  
#shoppingcart h3 						{  padding: 0 0 10px 0;  border-bottom: 1px solid #eee;  text-transform: uppercase;  margin: 15px 0 0 0; }  
#gebruikersgegevens 					{  margin: 5px 0 20px 0;  color: #333; }  
#gebruikersgegevens .intro 				{  color: #999; }  
#gebruikersgegevens a 					{  font-size: 0.9em;  margin: 0 0 10px 0; }  
#shoppingcart #bentuniet a 				{  color: #999; }  
table#winkelwagen-rightside 			{  border-collapse: collapse; width: 170px; }  
table#winkelwagen-rightside tr th 		{  color: #aaa; font-weight: bold; padding: 3px 2px 3px 3px; text-transform: uppercase; font-size: 0.8em; }  
table#winkelwagen-rightside tr td 		{  border-bottom: 1px solid #eee; vertical-align: top; padding: 2px 2px 2px 2px; }  

table#winkelwagen-rightside tr td#naarwinkelwagen 			{ border-bottom: 0; }  
table#winkelwagen-rightside tr th.artikel 					{ text-align: left; }  
table#winkelwagen-rightside a 								{ text-decoration: none;  color: #000; }  
table#winkelwagen-rightside tr th.total						{ text-align: right; }  
table#winkelwagen-rightside tr td.total 					{ text-align: right; }  
table#winkelwagen-rightside tr td.quantity 					{ text-align: right;  padding-right: 10px; }  
table#winkelwagen-rightside tr.total td 					{ font-weight: bold; }   
table#winkelwagen-rightside tr td#naarwinkelwagen 			{ text-align: center; border: none; }  
table#winkelwagen-rightside tr td#naarwinkelwagen a			{ font-size: 1.1em; line-height: 35px; font-weight: bold; color: #3c6699; text-decoration: underline; }  
table#winkelwagen-rightside tr td#naarwinkelwagen a .arrows { font-weight: normal;  padding: 0 0 0 5px; }

table#winkelwagen-rightside tr td .success 					{ background-color: #009900; color: #fff; font-weight: bold; }

/* WINKELWAGEN GROOT */

h1 .aantalartikelen				{ color: #aaa; padding: 0 0 0 10px; }
#welkom 						{ font-style: italic; margin: 0 0 10px 0; }
table.noVerticals 				{ width: 555px; border-collapse: collapse; font-size: 1.1em; margin: 0px 0 15px 0; }
table.noVerticals tr th 		{ background: #222; color: #fff; text-align: left; padding: 3px 0 3px 5px; font-size: 0.9em; }
table.noVerticals tr td 		{ vertical-align: top; text-align: left; padding: 5px 5px 5px 0; }
table.noVerticals tr.even td 	{ background: #f5f5f5; }


table.noVerticals tr th.artikel									  	{ padding-left: 10px; }
table.noVerticals tr th.aantal 										{ width: 60px; padding: 0px 10px 0px 10px; text-align: right; }
table.noVerticals tr th.maat 										{ width: 40px; text-align: right; padding-right: 10px; }
table.noVerticals tr th.prijs										{ width: 60px; text-align: right; padding-right: 10px;  }
table.noVerticals tr th.totaal 										{ text-align: right; padding: 0 10px 0 0; width: 80px; }

table.noVerticals tr td.artikel  									{ padding-left: 10px; border-bottom: 1px solid #ddd; }
table.noVerticals tr td.thumbnail  									{ border-bottom: 1px solid #ddd; }
table.noVerticals tr td.aantal										{ width: 60px; padding: 5px 10px 0px 10px; text-align: right; }
table.noVerticals tr td.maat 										{ width: 40px; text-align: right; padding: 8px 15px 0 15px; }
table.noVerticals tr td.maat span.block								{ /* background: orange; color: #fff; font-weight: bold; padding: 2px; */ }
table.noVerticals tr td.prijs 										{ width: 60px; text-align: right; padding-right: 10px;  }
.exbtw 																{ color: #999; font-size: 0.8em; font-weight: normal; }
table.noVerticals tr td.totaal										{ text-align: right; padding: 5px 10px 0 0;width: 80px; }
table.noVerticals tr td.action 										{ width: 20px; text-align: right; }
table.noVerticals tr td.stockdata									{ text-align: right; border-bottom: 1px solid #ddd;  }

table.noVerticals tfoot tr td 										{ background: #fff; padding: 5px; text-align: right; border: none; }
table.noVerticals tfoot tr td.totaalaantal-extramargin 				{ padding: 5px 30px 0 0; font-weight: bold; }
table.noVerticals tfoot tr td.totaalbedrag							{ text-align: left; font-weight: bold; }
table.noVerticals tfoot tr td.totaalaantal 							{ padding: 5px 10px 0 0;font-weight: bold; }
table.noVerticals tfoot tr td.totaal 								{ font-weight: bold; padding: 5px 10px 0 0; }

.winkelwagen-navigation 											{ margin: 10px 0 10px 0; width: 555px; } 
.winkelwagen-navigation #leegmaken 									{ float: left; width: 255px; text-align: left; }
.winkelwagen-navigation #leegmaken button 							{ background: none; border: 1px solid #aaa; color: #999; padding: 1px 5px 1px 5px; text-decoration: underline;}
.winkelwagen-navigation #herberekenen 								{ float: left; width: 140px; text-align: right; }
.winkelwagen-navigation #naardekassa 								{ float: left; width: 160px; text-align: right; }

table.noVerticals tr td.action button.removearticle 				{ width: 30px; }
table.noVerticals tr td.action button.removearticle img 			{ margin: 0; }

.warning-backorder				{ border: 1px dotted #ff6600; background: #f5f5f5; padding: 15px; margin: 0 0 15px 0; }
.warning-backorder h3			{ margin-top: 0; }
.warning-backorder h3 .sub		{ color: #ff6600; font-weight: bold; }
.warning-backorder .left 		{ float: left; width: 30px; }
.warning-backorder .right		{ float: left; width: 450px; text-align: left; }
.warning-backorder .right label { width: 450px; }


/* KASSA */

#content div.formulier-text 				{ margin: 15px 0 15px 0; width: 560px; }
#uwinternetordernummer 						{ width: 260px; border: 1px solid #ccc; padding: 2px 10px 2px 10px; margin: 5px 0 5px 0; text-align: center; font-weight: bold; font-size: 1.1em; }

/* STATUS */

ol.status 				{ width: 570px; margin: 0 0 25px 0; }
ol.status li 			{ float: left; margin: 0 0 0 17px; width: 150px; color: #aaa; text-transform: uppercase; font-size: 0.9em; }
ol.status li a 			{ color: #000; }

/* AFLEVERGEGEVENS */

#aflevergegevens  h4 					{ margin: 0 0 3px 0; color: #f7971d;text-transform: uppercase;}
#aflevergegevens table 					{ background: #f5f5f5; width: 550px; margin: 0 0 15px 0; border: 1px solid #ccc; border-collapse: collapse;}
#aflevergegevens table tr th 			{ text-align: left; padding: 8px 5px 8px 10px;width: 150px; vertical-align: top; background: #eee;}
#aflevergegevens table tr td 			{ padding: 8px 5px 8px 10px; vertical-align: top;}

#aflevergegevens .question, #accountgegevens .question 				{ margin-top: 10px;}
#aflevergegevens .question label, #accountgegevens .question label	{ font-weight: bold;}
.bestelling-controleren-formulier									{ margin: 0 0 15px 0; width: 570px; text-align: right;}

div#back_submit				{ width: 550px; margin: 15px 0;}
div#back_submit .submit		{ float:right;}
div#back_submit a.back		{ background:transparent url("/images/interface/icon_back.gif") no-repeat scroll 0 50%; display:block; height:22px; padding:4px 0 0 26px; float:left;}

div#aflevergegevens div.validationerror { margin:0 0 0 200px;}

/* HOMEBANNER */

#home-banner 				{ background: #000; }
#home-banner img 			{ margin: 0; padding: 0; display: inline }
#home-introduction 			{ background: #000; color: #ddd; padding: 0px 30px 10px 35px; margin: 0; }
#home-introduction strong	{ color: #fff; }

/* HOMEBLOCKS */

#homeblocks 									{ margin: 15px 0 0 0; height: 270px; }
#homeblocks .homeblock 							{ float: left; width: 174px; height: 250px; margin: 0 17px 0 0; background: #fff url("/images/interface/bg_homeblock.gif") 0px 120px no-repeat; }
#homeblocks .homeblock-third 					{ margin: 0 0 0 0px; }
#homeblocks .homeblock .foto 					{ height: 120px; } 
#homeblocks .homeblock .text 					{ padding: 10px; }
#homeblocks .homeblock .text .title h3 			{ margin: 5px 0 2px 0; }
#homeblocks .blhomeblockock .text .link 		{ margin: 8px 0 0 0; }
#homeblocks .homeblock .text .link a 			{ color: #e87e01; font-weight: bold; }
#homeblocks .blhomeblockock .text .link a:hover	{ color: #333; }

/* ACCOUNT AANMAKEN */

#accountgegevens h4 					{ margin: 0 0 3px 0; color: #e87e01; text-transform: uppercase; }
div.fields 								{ background: #fff url(/images/bg_form.gif) repeat-x; width: 540px; margin: 0 0 15px 0; padding: 8px 5px 8px 10px; border: 1px solid #ddd;   }

/* LINKS */

a 					{ color: #e87e01; }
a.button 			{ display: block; padding-left: 20px; color: #333; }
a.button.print 		{ background: url("/images/interface/icon_print_16.gif") no-repeat 0 50%; }
a.button.hires 		{ padding-left: 25px; background: url("/images/interface/icon_hires_schoen.gif") no-repeat 0 50%;  height: 20px; }
a.button.hires.zool	{ background: url(/images/icon_hires_zool.gif) no-repeat 0 50%;  height: 20px; }
a.plus 				{ text-decoration: none; color: #5C75A3; }
a.pdf 				{ background: transparent url("/images/interface/icon_pdf_small.gif") no-repeat scroll 0 0;  padding:0 0 0 20px;  height: 20px; display: block; color: #000; }

button#alleingevoerdeaantallen 	{ background: url("/images/interface/bg_button250.gif") no-repeat; color: #fff; font-weight: bold; height: 30px; width: 250px; display: block; border: none; font-family: trebuchet ms, verdana, arial; }
#main-right div.validationerror { margin: 0;  }

/* VIND UW DEALER */

#dealer-zoeken fieldset { padding: 15px; background: #fff url("/images/interface/bg_form.gif") repeat-x; border: 1px solid #ddd; }

/* IMAGES */

img 					{ border: none; }
img.home-image 			{ margin: 25px 0 15px 15px; float: right; border: 1px solid #555; }

/* DIVERSEN */

.onlyforprint, .hidden { display: none;  visibility: visible /* when this is set to hidden you won't be able to show/hide it with jQuery */ }

.error { color: red; }
.success { background-color: #e8f2d0; padding: 5px 10px }

p.info  { border: 1px solid #908300; background-color: #fffacd; padding: 5px 10px }
p.disclaimer {	color: #999; font-size: 0.9em; font-style: italic; }

table .segment label { font-size: 1.25em; width: auto; white-space: nowrap }
table .item label { width: auto; } 

a.link { padding-left: 5px }

form#SAV_Dealersites .radio-input-label-groups { display:block; margin-left: 180px }
form#SAV_Dealersites .radio-input-label-group { display: block; }


/* TABLE THEMED */

table.themed, table.themed td {	font: 100% Arial, Helvetica, sans-serif; }
table.themed { width:100%; border-collapse:collapse; margin:1em 0; }
table.themed th, table.themed td {text-align:left; padding:.5em; border:1px solid #fff; }
table.themed th { background: #222; color:#fff; }
table.themed td { background:#eee; }
table.themed tr td { background:#eee; }
table.themed tr.even td { background:#f5f5f5; }

table.themed tr td.attribute { font-weight: bold; background: #9e9e9e; color: #000; }
table.themed tr td.attribute.optional { color: #fff; }
table.themed tr td.attribute-value { background: #e4e4e4; color: #999999; }


/* DEALER SITES */
body.dealersite								{ background: #222  }

.sitebox-dealersite 						{ width: 990px; } /* used to be: 795px */

.dealerheader								{ padding: 10px 15px 8px 20px; background: #fff; }
.dealerheader img							{  }
.dealerheader address 						{ width: 200px; float: right; padding-top: 10px; }

.sitebox-dealersite #main					{ background: #666; }

#footer-dealersite 							{ background: none; width: 990px; color: #999;}
#footer-dealersite a						{ color: #999; }

/* Downloads */
/*
.download 					{ margin: 0px 0 0 0; width: 175px;}
.download h3 				{ padding: 0 0 10px 0; text-transform: uppercase; margin: 0; font-size: 1.2em;}
.download ul 				{ margin: 0 0 10px 0; padding: 0; list-style: none;}
.download ul li 			{ font-size: 0.9em;}
.download ul li a 			{ display: block; text-decoration: none; color: #555; padding: 3px 0px 3px 20px; height: 15px; letter-spacing: 0.1em;}
.download ul li a:hover 	{ text-decoration: underline; color: #222;}
.download ul li.selected	{ font-weight: bold;}*/

#content #downloads h2		{ margin: 0 0 5px 0; }
#content #downloads ul 		{ margin: 0 0 18px 0; list-style: none; padding: 0; }
#content #downloads ul li	{ } 
#content #downloads ul li a	{ color: #0066cc; padding: 0 0 0 20px; line-height: 24px; display: block; }

#downloads a.pdf						{ background: url(/images/interface/icon_pdf_small.gif) no-repeat 0 50%; line-height: 24px; height: auto; }
#downloads a.doc						{ background: url(/images/interface/icon_doc.gif) no-repeat 0 50%; }
#downloads a.tif						{ background: url(/images/interface/icon_jpg.png) no-repeat 0 50%; }
#downloads a.jpg						{ background: url(/images/interface/icon_jpg.png) no-repeat 0 50%; }
#downloads a.eps						{ background: url(/images/interface/icon_eps.gif) no-repeat 0 50%; }
#downloads a.ppt						{ background: url(/images/interface/icon_ppt.png) no-repeat 0 50%; }
#downloads a.zip						{ background: url(/images/interface/icon_zip.gif) no-repeat 0 20%; }
#downloads a.avi						{ background: url(/images/interface/icon_avi.gif) no-repeat 0 50%; }
#downloads a.wmv						{ background: url(/images/interface/icon_avi.gif) no-repeat 0 50%; }
#downloads a.ai							{ background: url(/images/interface/icon_illustrator.jpg) no-repeat 0 50%; }
#downloads a.xls						{ background: url(/images/interface/icon_xls.gif) no-repeat 0 50%; }

/* JQUERY TOOLTIP TITLE */
#tooltip 					{ position: absolute; z-index: 3000; border: 1px solid #ff9900; background-color: #fff; padding: 5px; text-align: left; color: #333; }
#tooltip h3 				{ margin: 0 0 2px 0; font-size: 1.1em; color: #111; font-weight: bold; }
#tooltip h4 				{ margin: 0 0 5px 0; font-size: 1em; }
#tooltip table tr th		{ background: #333; color: #fff; padding: 3px 10px 3px 5px; text-align: left; }
#tooltip table tr td		{ background: #eee; padding: 3px 10px 3px 5px; }

/* PRODUCT */

.product { width: 133px; float: left; margin: 0 5px 15px 0; border: 1px solid #ddd; background: #fff url("/images/interface/bg_product_down.gif") bottom left repeat-x;}
.product.fourth { margin-right: 0; }

 .product .foto-en-tekst				{ height: 300px; }   /* this height is needed by /merken/grisport-onbeveiligd/150/ */
 .product .foto 						{ height: 133px; margin: 0; background: #fff; overflow: hidden; }

/* uitzonderingen foto en tekst */

.product .foto-en-tekst-laars 			{ height: 370px; }
.product .foto-en-tekst-diversen		{ height: 300px; }
.product .foto-en-tekst-grisport		{ height: 350px; }
.product .foto-en-tekst-lavoro			{ height: 330px; }
.product .foto-en-tekst-trucker			{ height: 300px; }
.product .foto-en-tekst-bekina			{ height: 370px; }

/* uitzonderingen foto */
.foto-en-tekst-laars .foto 				{ height: 200px; }
.foto-en-tekst-diversen .foto 			{ height: 160px; }
.foto-en-tekst-grisport .foto 			{ height: 160px; }
.foto-en-tekst-lavoro .foto				{ height: 165px; }
.foto-en-tekst-trucker .foto 			{ height: 170px; }
.foto-en-tekst-bekina .foto 			{ height: 200px; }

.fotobijschrift							{ position: absolute; margin-top: 10px; padding: 3px 10px 3px 10px; background: url('/images/interface/bg_fotobijschrift.gif'); color: #222; text-transform: uppercase; font-weight: bold; font-size: 0.9em; letter-spacing: 0.1em; }

.product .naam 							{ padding: 10px 10px 5px 10px; margin: 0; font-size: 1.2em;}
.product .naam a 						{  text-decoration: none;  color: #f7971d; font-weight: bold;}
.product .naam-kleiner 					{ font-size: 1.2em; font-weight: bold; color: #333;}
.product .naam a:hover 					{ text-decoration: underline;}

.product .maat, .product .groep_en_materiaal, .product .voering, .product .zool, .product .veiligheidsclasse { padding: 1px 0 0 10px; color: #555; font-size: 0.9em;}

.product .prijs							{ height: 32px; font-size: 1.4em; padding: 0 10px 5px 0; text-align: right;}
.product .prijs .exbtw					{ font-size: 0.6em;}
.product .prijs .prijs-vantot			{ font-size: 0.9em;}
.product .prijs .prijs-op-aanvraag		{ font-size: 0.7em;}
.product .prijsuitleg 					{ font-size: 0.9em; color: #888; padding: 0 10px 5px 0; text-align: right;}

.firstword { color: #f7971d; font-weight: bold; }
.highlight { background-color: #FDEA02 }

/*
.ChristmasOverlay {
    background: url("/images/ChristmasOverlay.png") no-repeat scroll left top transparent;
    bottom: 0;
    width: 570px;
    height: 384px;
    position: fixed;
    right: 0;
    z-index: 100;
}
*/

/* CLEARFIX */

.clear:after, .clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix {display:inline-block;}
/* mac hide \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide */