/* CSS Document */

/*Default Page*/

#content-title{
	margin: 30px 0 30px;
}
.main-left{
	width:450px;
	padding:10px;
	float:left;
	padding-top: 0;
}
	.main-left > p {
		margin-top: 0;	
	}
.main-right{
	padding:10px 0 10px 10px;
	width:580px;
	float:right;
}


/*Vestigingen pagina*/

#store-info
{
	padding-left: 10px;
}

	#store-info p
	{
		padding: 0;
		margin: 0;
	}
		#store-info p a
		{
			color: #a3a3a3;
		}

#store_list {
	border: 1px solid #d9d8d8;
	width: auto;
	padding: 0 5px 20px 5px;
	min-height: 378px;
}
	#store_list h1{
		margin-bottom:5px;
	}
#openingtimes {
	width: auto;
	border: 1px solid #d9d8d8;
	border-bottom: none;
	padding: 5px 5px 20px 5px;
}
#info h2{
	font-size:14px;
}
.sidebar_retail_link a {
	font-size: 10px;
	color: #828181;
	display: block;
	padding: 4px 3px;
}
.sidebar_retail_link.odd a {
	background: #f2f0f0;
}

/*Google maps Dealer Pop up*/

.info-window {
/*	background: #FFF;*/
/*	width: 190px;
	padding: 10px;
	border: 1px solid #ccc; */
	margin-left: -123px;
	margin-top: -66px;
	position: absolute;
}

.info-window a.email
{
	color:#a3a3a3;
}
	

	.info-window.dealer .infobox
	{
		position: relative;
		border: 1px solid #ccc;
		background: #FFF;
		width: 190px;
		padding: 10px;
		bottom: 16px;
	}
	.info-window.dealer #route-form
	{
		display:none;
		position: relative;
		border: 1px solid #ccc;
		background: #FFF;
		width: 190px;
		padding: 10px;
		bottom: 16px;
	}
	
		.info-window.dealer #route-form input
		{
			width : 167px;
		}


	.infoBox img{
		top:-50px;
	}
.google-arrow{
	position: absolute;
	width: 25px;
	height: 32px;
	background: url(/images/layout/arrow-gmps.png);
/*	top: 148px; */
	top: 145px;
	margin-left: 90px;
}

/* Registratie pagina */


.wf-group-title{
	font-weight:bold;
	font-size:12px;
}
.required_text{
	padding:10px 0px 10px 0px;
}

#register ,
#company_register,
#login{
	padding: 10px;
	padding-right: 30px;
	border:1px solid #E6E6E6;
	width: 540px;
}

	#register .title,
	#company_register .title,
	#login .title,
	#modify_company_data .title{
		width:330px;
		font-size:12px;
	}
	
		#register .field-preferred_retailstore,
		#register .field-preferred_retailstore .title,
		#company_register .field-preferred_retailstore,
		#company_register .field-preferred_retailstore .title
		#login .field-preferred_retailstore,
		#company_register .field-preferred_retailstore .title,
		#modify_company_data .field-preferred_retailstore,
		#modify_company_data .field-preferred_retailstore .title
		{
			width: 100%;;
		}
		
		#register  .custom-select > a{
			background:#FFF;
		}
		
		#register .custom-select > a:hover {
			color: #fff;
			background: url("/images/layout/btn_black.png") repeat-x left center; 
			border-color: #000;
			border-radius: 2px;
		}
		
		#company_register .custom-select > a{
			background:#FFF;
		}
		
		#company_register .custom-select > a:hover {
			color: #fff;
			background: url("/images/layout/btn_black.png") repeat-x left center; 
			border-color: #000;
			border-radius: 2px;
		}
		
.group-account_data,
.group-bank_data,
.group-contact_info,
.group-contact_inf,
.group-etc,
.group-newsletter-group{
	padding-top:25px;
}

.error_text{
	font-weight:bold;
	color:#F00;
}

	.webform-table tr.error td.title
	{
		color: #f00;
		font-weight:bold;
	}

.my-account-data{
	clear:both;
}

	.my-account-data .title{
		display:block;
		float:left;
		width:250px;
/*		
		height: 20px; 
		font-weight:bold;
*/
	}
	
	.my-account-data  .value{
		display:block;
		float:left;
		height: 20px;
		width:250px;
	}
	
.buttons{
	margin-top:15px;
}

#my-assortiment-content{
	margin-top: 30px;
}
.my-assortiment{
	float:left;
	position:relative;
}
	
	.my-assortiment {
		cursor:pointer;
		width: 194px;
		padding:10px;
		height:89px;	
		color:#FFF;
		font-size: 14px;
		font-weight:bold;
		text-transform:uppercase;
		float: left;
		background: url('/images/layout/bg_assort.png') repeat-x left top;
		border-right: 1px solid #fff;
		position: relative;
		z-index:10;
		border-bottom: 1px solid #fff;
	}
		.my-assortiment:hover {
			background:#ed1b2e;
		}
		
		.my-assortiment .selected {
			background:#ed1b2e;
		}
	.my-assortiment .delete {
		color:#FFF;
/*		position: relative; */
		position:absolute;
		z-index: 20;
		top: 10px;
		right: 10px;
	}
	
	.my-assortiment  .add_block{
		text-align: center;
		top: -10px;
		left: -10px;
		width: 194px;
		padding:10px;
		height: 89px;
		float: left;
		background: url('/images/layout/bg_add_assort.png') repeat-x left top;
		border-right: 1px solid #fff;
		position: relative;
		z-index:10;
		border-bottom: 1px solid #fff;
		padding-top: 35px;
	}
	
/*Bestel Details*/

#order-data{
	width: 50%;
	float: left;
	min-height:120px;
}
	
	#order-data .title{
		font-weight:bold;
		width: 30%;
		float: left;
	}
	
#retailstore-data{
	width: 100%;
	float: left;
	margin-bottom:25px;
	margin-top:30px;
}

	#retailstore-data.order-details
	{
		width: auto;
		margin-top: auto;
	}
	
	#retailstore-data #retailstore-phone{
		margin-top:10px;
	}
	
	#order-address #retailstore-phone{
		margin-top: 0;
	}

/*checkout*/
.head-checkout{
	padding: 2px 10px;
	height:35px;
	text-align:left;
	border:1px solid #999;
	font-weight:bold;
	text-transform:uppercase;
	font-size:12px;
}

	#shoppingcart-table .name,
	#shoppingcart-table .code{
		height:35px;
		border-right:1px dotted #999999;
		padding-left: 15px;
	}
	
	#shoppingcart-table .code
	{
		width: 12%;
	}
	
	#shoppingcart-table .vat-price,
	#shoppingcart-table .sub-price,
	#shoppingcart-table .amount,
	#shoppingcart-table .price,
	#shoppingcart-table .unit{
		height:35px;
		border-right:1px dotted #999999;
		width:14%;
		padding-left: 15px;
		padding-right: 15px;
	}
	
	#shoppingcart-table .amount{
		height:35px;
		border-right:1px dotted #999999;
		width:13%;
		padding-left: 15px;
	}
	
	#shoppingcart-table  .totalprice{
		height:35px;
		border-left:1px dotted #999999;
		width:13%;
		padding-left: 15px;
	} 
	
	#shoppingcart-table #total,
	#shoppingcart-table #excl-btw
	{
		font-size:13px;
		font-weight:bold;
		height:35px;
	}
	
	#shoppingcart-table #btw-21,
	#shoppingcart-table #btw-6,
	#shoppingcart-table #btw-0
	{
		font-size:13px;
		font-weight:bold;
		height:35px;
	}
	
	#shoppingcart-table .odd {
		background-color: #f2f0f0;
	}

/*Pop up snel bestellen*/
.popup{
	width: 800px;
	
}
	.popup #product_general .description
	{
		text-align: left;
		margin-bottom: 5px;
	}


	
	.popup #product_detail	
	{
		text-align: left;
	}
		.popup #product_detail .stock-text,
		.popup #product_detail .stock-value
		{
			float:left;
			font-size: 12px;
			color: #000000;
		}
		
		.popup #product_detail  .stock-text
		{
			width: 30%;

			font-weight: bold;
			width: 30%;
		}
	
	.popup #select_product,
	.popup #product_links
	{
		text-align: left;	
	}
	
		.popup #select_product a
		{
			padding: 0;
		}
	
	#product_img img{
		width:100%;
		height:auto;

	}
	
	#product_img{
		float: left;
		background: white;
		width: 44%;
		padding: 15px;
	}
	
	#product_info{
		float: left;
		background: white;
		width: 44%;
		height: auto;
		/* margin-left: 20px; */
		padding: 15px;
	}
	
	.popup #product_img table{
		margin-left:auto;
		margin-right:auto;
	}
	
	.popup .headtitle{
		text-align:left;
	}
	
	.popup .headtitle h2 {
		margin-top:15px;
		font-size: 18px;
	}
	
	.popup  #product_links{
		margin-top:15px;
	}
	
	.popup  #product_links a{
	/*	color:#000;*/
	}
	
.popup .listitem,
.popup #newprice{
	text-align: left;
	height: 20px;
	font-weight: bold;
	font-size: 13px;
}
	#newprice .price_txt{
		font-size:13px;
		font-weight:bold;
		float:left;
		width:30%;
	}
	#newprice .price_euro,
	#newprice .factuurprijs_euro{
		float:left;
		font-size:13px;
		font-weight: normal;
	}
	.popup #product_detail{
		margin-bottom:15px;
	}
	
	.next{
		float:left;
		width:50%;
	}
	.back{
		float:left;
		width:50%;
	}
	.next-checkout{
		float:right;
		margin-top:30px;
		margin-right: 10px;
	}
	
.balk-checkout{
	height: 50px;
	margin: 0 10px;
	box-sizing:border-box;
}

.checkout.buttons
{
	margin: 0 10px;
	box-sizing:border-box;
}

#login-form-holder{
	margin-top:30px;
	float: left;
	width: 50%;
}

#guest_accout-holder{
	margin-top:30px;
	float: left;
	width: 50%;
	}
	#guest_accout-holder .send_button{
		top: 27px;
		position: relative;
	}


/*winkelwagen pop-up*/

#winkelwagen-content .title{
	width:110px;
	font-weight:bold;
}

.terms-and-conditions
{
	color: #000000;
	text-decoration:underline;
}