/*

Stijlblad B2B - Upward

Font: Verdana, Helvetica
Groen : 009255
*/

body {
	margin:0px 0px 0px 5x;
	padding:0px;
	font-family:Verdana, Helvetica;
	font-size:11px;
	line-height:16px;
	text-align:center;
	color:#000;
	height:100%;
	background:transparent;
}

a {color:#000;text-decoration:none;}
input, select, textarea {
	font-family:Verdana, Helvetica;
	font-size:11px;
}

#container {
	position:relative;
	margin:0 auto;
	padding:0;
	width:750px;
	text-align:left;
	color:#333;
	display:block;
}

#header {
	position:relative;
	height:175px;
	width:100%;
	margin:0;
	padding:0;
	float:left;
	background-image:url(../images/header.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}

#kruimelpad {
	clear:both;
	margin:10px 0px 10px 0px;
}

#kruimelpad h1 {
	font-size:14px;
	font-weight:bold;
	color:#000;
}

#kruimelpad h1 a {color:#000;}


#content {
	width:560px;
	height:100%;
	margin:0px 10px 0px 0px;
	padding:0;
	float:left;
}

#content div a{color:#009255;text-decoration:underline;}


#column {
	width:180px;
	float:left;
	text-align:left;
}

#footer {
	clear:both;
	width:750px;
	margin:0px;
	padding:20px 0px 20px 0px;
	font-size:11px;
	text-align:center;
	vertical-align:text-top;
	line-height:10px;
	color:#fff;
	background:url(../images/footer_bg.gif);
}

#footer a {color:#fff; font-size:12px;}
#footer a:hover {color:#fff; font-size:12px; text-decoration:underline;}

#footer img {vertical-align:text-bottom;}

.column {
	width:100%;
	margin-bottom:20px;
	background-image:url(../images/bg-column.gif);
	background-repeat:repeat-x;
}

.column_head {background-color:#009255;}

.column h1 {
	margin:0px;
	padding:0px;
	font-size:13px;
	color:#fff;
	font-family:Verdana, Helvetica;
	
}

.column h2 {
	padding:0px;
	margin:0px;
	font-size:11px;
	font-weight:normal;
	font-family:Verdana, Helvetica;
}

.column h3 {
	padding:0px;
	margin:0px;
	font-size:11px;
	font-weight:bold;
}


.column a {color:#000;text-decoration:none;}

.login_input {width:154px;}

.b2b_button {
	width:80px;
	height:18px;
	color:#000;
	font-size:10px;
	background:transparent url(../images/bg-button.gif);
	background-repeat:no-repeat;
	border:none;
	text-align:left;
	padding: 0px 0px 0px 14px;
	cursor: pointer;
}
.b2b_select {width:160px; font-family:Verdana, Helvetica;font-size:11px;}


.shop_product_table{ font-family:Verdana, Helvetica;font-size:11px;margin-bottom:15px;padding:5px;border-bottom:1px #ddd solid;width:100%;}
.shop_product_table img { }
.shop_product_table h1 { font-size:14px;font-weight:bold;margin:0;color:#009255; }
.shop_product_table h2 { font-size:13px;font-weight:bold;margin:0;color:#000; }
.shop_product_table h3 { font-size:12px;font-weight:bold;width:100%; }

A.leftsubmenu  			{ font-family:Verdana, Helvetica; font-size:11px; font-weight:normal; text-decoration:underline; color:#000; }
A.leftsubmenu:visited	{ font-family:Verdana, Helvetica; font-size:11px; font-weight:normal; text-decoration:underline; color:#000; }
A.leftsubmenu:hover		{ font-family:Verdana, Helvetica; font-size:11px; font-weight:normal; text-decoration:underline; color:#000; }
A.leftsubmenu:active	{ font-family:Verdana, Helvetica; font-size:11px; font-weight:normal; text-decoration:underline; color:#000; }

A.leftsubmenu_hi  			{ font-family:Verdana, Helvetica; font-size:11px; font-weight:normal; text-decoration:none; color:#000; }
A.leftsubmenu_hi:visited	{ font-family:Verdana, Helvetica; font-size:11px; font-weight:normal; text-decoration:underline; color:#000; }
A.leftsubmenu_hi:hover		{ font-family:Verdana, Helvetica; font-size:11px; font-weight:normal; text-decoration:underline; color:#000; }
A.leftsubmenu_hi:active		{ font-family:Verdana, Helvetica; font-size:11px; font-weight:normal; text-decoration:underline; color:#000; }

.arrow_forward_front{margin-right:5px; cursor:pointer;}

/*
Navigatie particulier / zakelijk
*/
.shop_navigatie_bezoeker { width:100%; font-family:Verdana, Helvetica; font-size:11px;border-bottom:1px #ccc solid;}
.shop_navigatie_bezoeker a {float:right;width:80px;text-decoration:none;color:#444;background-color:#F1F1F1;margin-left:1px;text-align:center;vertical-align:bottom;line-height:18px;
border:1px #ccc solid;border-bottom:none;}

.shop_navigatie_bezoeker a:hover {color:#444;text-decoration:none;}
.shop_navigatie_bezoeker a:visited {color:#444;text-decoration:none;}
.shop_navigatie_bezoeker .selected {}
a.selected {color:#fff;font-weight:bold;}
a.selected:hover {color:#fff;font-weight:bold;}
a.selected:visited {color:#fff;font-weight:bold;}

/*
Productgroep, navigatie top
*/
.shop_productgroep_navigatie_table{ width:100%; font-family:Verdana, Helvetica; font-size:11px;margin-bottom:20px; font-weight:bold;}
.shop_productgroep_navigatie_table a{color:#000;text-decoration:none;font-size:12px;}
.shop_productgroep_navigatie_table a:hover{color:#000;text-decoration:none;font-size:12px;}
.shop_productgroep_navigatie_table a:visited{color:#000;text-decoration:none;font-size:12px;}

/*
Productgroep, bij product overzicht
*/
.shop_productgroep_table{background-color:#f1f1f1;font-family:Verdana, Helvetica; font-size:11px;margin-bottom:20px;width:100%;}
.shop_productgroep_row{background-color:#f1f1f1;}
.shop_productgroep_col{border-bottom:1px #cccccc solid;}

/*
Navigatie, bij product overzicht
*/
.shop_navigatie_table{width:100%;font-family:Verdana, Helvetica;font-size:10px;margin-bottom:20px;}
.shop_navigatie_row{background-color:transparent;}
.shop_navigatie_row select {font-family:Verdana, Helvetica; font-size:11px;}
.shop_navigatie_pager{background-color:#f1f1f1;font-family:Verdana, Helvetica; font-size:11px;border-bottom:1px #ddd solid;border-top:1px #cccccc solid;}

/*
Paginator
*/
.paginator {font-family:Verdana, Helvetica; font-size:11px;padding:4px;margin:1px;float:right;}
.paginator a:link{padding: 2px 6px;margin:1px;border: 1px #ddd solid;background: #fff;text-decoration: none;color:#009255;}
.paginator a:visited {padding: 2px 6px;margin:1px;border: 1px #ddd solid;background: #fff;text-decoration: none;color:#009255;}
.paginator .this-page {padding: 2px 6px;border-color: #999;font-weight: bold;}
.paginator a:hover {color: #fff;background: #DDD;border-color: #BBB;text-decoration: none;}

/*
Winkelmandje
*/
.shop_basket_table{background-color:#cccccc;font-family:Verdana, Helvetica; font-size:11px;width:100%;}
.shop_basket_table form{margin:0 0;text-align:center;}
.shop_basket_header{background-color:#009255;font-weight:bold;color:#fff;}
.shop_basket_content{background-color:#f1f1f1;}
.shop_basket_content a{color:#000;text-decoration:none;font-size:12px;}
.shop_basket_content a:hover{color:#000;text-decoration:none;font-size:12px;}
.shop_basket_content a:visited{color:#000;text-decoration:none;font-size:12px;}
.shop_basket_content input {font-family:verdana;font-size:12px;text-align:right;}
.shop_basket_subtotaal{background-color:#fff;color:#009255;font-weight:bold;}
.shop_basket_korting{background-color:#f1f1f1;font-size:12px}
.shop_basket_totaal{background-color:#fff;color:#009255;font-weight:bold;}
.shop_basket_buttons{background-color:#fff;}

/*
Formulieren met fieldset & legend
*/
fieldset{border:1px solid #ddd;margin-top:20px;padding:5px;}
legend{color:#009255;font-size:12px;font-weight:bold;}

/*
Stap 1 shop
*/
.shop_stap1_table{font-family:Verdana, Helvetica; font-size:11px;margin-bottom:20px;width:100%;}
.shop_stap1_table h4{font-size:12px;color:#009255;}
.shop_stap1_table_cg1{width:100px;}
.shop_stap1_table_cg2{}

.shop_template_table{font-family:Verdana, Helvetica; font-size:11px;margin-bottom:20px;width:100%;}

/*
Aanmeldformulier nieuwe klant
*/
.shop_aanmeldformulier_table{font-family:Verdana, Helvetica; font-size:11px;margin-bottom:20px;width:100%;}
.shop_aanmeldformulier_table h1{font-family:Verdana, Helvetica; font-size:14px;color:#0294c5;}
.shop_aanmeldformulier_table h5{font-family:Verdana, Helvetica; font-size:11px;color:#0294c5;font-weight:bold;padding:0;margin:0;display:inline;}
.shop_aanmeldformulier_cg1{width:150px;}
.shop_aanmeldformulier_cg2{}

/*
Wachtwoord vergeten
*/
.shop_wachtwoordvergeten_table{font-family:Verdana, Helvetica; font-size:11px;margin-bottom:20px;width:100%;}
.shop_wachtwoordvergeten_table_cg1{width:150px;}
.shop_wachtwoordvergeten_table_cg2{}


/*

Lighbox

*/
#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;}
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	

	/*
Template styles
*/
.template_table						{ font-family:Verdana, Helvetica; font-size:11px; width:100%;margin-bottom:10px; }
.template_table_content				{ padding-top:20px;}
.template_table_content a			{ color:#e71635;text-decoration:underline;}
.template_table_content h1			{ font-size:14px; color:#000000; margin:0px; padding-bottom:5px;text-decoration:none; }
.template_table_content h2			{ font-size:12px; color:#000000; margin:0px; padding-bottom:5px; }
.template_div_img_container_right	{ width:200px; float:right; margin-top:5px; margin-left:5px; margin-bottom:10px; }
.template_div_img_container_right h4{ font-size:9px; font-style:italic; font-weight:normal; margin:0; margin-top:5px;}
.template_div_img_container_right2	{ width:160px; float:right; margin-top:5px; margin-left:5px; margin-bottom:10px; }
.template_div_img_container_left	{ width:160px; float:left; margin-top:5px; margin-right:10px; margin-bottom:10px; }
.template_div_img_container_left h4 { font-size:10px; font-style:italic; font-weight:normal; margin:0; margin-top:5px;}
.template_div_img_container_left2	{ width:100px; float:left; margin-top:5px; margin-right:10px; margin-bottom:10px; }
.div_center							{ text-align:center; }
.template_div_img_container_center		{ width:400px; margin-top:20px; text-align:left; }
.template_div_img_container_center h4	{ font-size:10px; font-style:italic; font-weight:normal; margin:0; margin-top:5px;}		


#cal_container { background-color:#fff;width:180px; font-size:10px;margin-bottom:10px;border:0px solid #990033;}
#cal_container a {text-decoration:underline;}

#cal_container .cal_head {font-size:10pt; font-weight:bold;color:#009255;}
#cal_container .cal_head a {font-size:12px;color:#009255;font-weight:bold;}
#cal_container .cal_head .monthyear {text-align:center;font-weight:bold;}

#cal_container .cal_weekdays {font-size:10px;background-color:#009255;color:#fff;}
#cal_container .cal_weekdays td {text-align:center;}

#cal_container .cal_days {font-size:10px;color:#000;}
#cal_container .cal_days td {text-align:center;}
#cal_container .cal_days .today {border:1px #009255 solid;}
#cal_container .cal_days .today a {color:blue;}
#cal_container .cal_days .selected {}
#cal_container .cal_days .selected a {color:#009255;}