@charset "utf-8";
/* CSS Document */

@import url(/site/std/css/reset.css);


/****** FORMS ******/

input.button,
button.button
{
	cursor: pointer;
}

.invalid
{
	color: red !important;
}

div.form_row
{
	height: 25px; width:660px; clear: both;
	line-height: 25px;
}

div.form_label
{
	float:left;
	clear:left;
	width:140px;
}

div.form_edit
{
	float:right;
	clear:right;
	width:500px;
}

div.form_invalid
{
	margin-bottom: 10px;
	padding-left: 160px;
	color: red;
	clear: both;
}

select.datumedit_dag
{
	width: 50px;
	margin-right: 2px;
}

select.datumedit_maand
{
	width: 90px;
	margin-right: 2px;
}

select.datumedit_jaar
{
	width: 60px;
}

/******** DIVERS ********/

.extraSmallText
{
	font-size: 9px;
}

/******** APPLICATION.JS ********/

.icon_arrowright
{
	background: url(/site/dig/img/menu/arrowright.gif);
	width:16px;height:16px;
	overflow:hidden;float:left;
}
.icon_arrowdown
{
	background: url(/site/dig/img/menu/arrowdown.gif);
	width:16px;height:16px;
	overflow:hidden;float:left;
}
.icon_minnetje
{
	background: url(/site/dig/img/menu/minnetje.gif);
	width:16px;height:16px;
	overflow:hidden;float:left;
}
.icon_spacer
{
	width:16px;height:16px;
	overflow:hidden;float:left;
}


/****** NIEUWSBRIEF AANMELDEN (nieuwsbrief_aanmelden.php) ******/

#box_nieuwsbrief_aanmelden
{
	width: 395px;
	color: black;
	padding-top: 10px;
}

#box_nieuwsbrief_aanmelden div.label
{
	width: 60px;
	float: left;
	clear: left;
}

#box_nieuwsbrief_aanmelden div.row
{
	clear: both; 
	float: none;
	line-height: 23px;
}

#box_nieuwsbrief_aanmelden input.edit
{
	width: 330px;
	float: right;
	clear: right;
}

#box_nieuwsbrief_aanmelden input.button
{
	clear: both;
	float: right;
	margin: 2px 0 0 0;
}

/* ACCOUNT HISTORY (account_history.php,account_history_info.php) */

.account_history_orderrow
{
	width: 660px;
	height: 40px;
	overflow: hidden;
	position: relative;
	border-bottom: 1px solid #888;
}

.account_history_orderrow .datum
{
	position: absolute; 
	font-weight: bold;
	left: 0px;
	top: 0px;
	width: 300px;
	overflow: hidden;
	white-space: nowrap;
	height: 25px;
	line-height: 25px;
}

.account_history_orderrow .order
{
	position: absolute; 
	left: 0px;
	top: 20px;
	width: 80px;
	height: 15px;
	line-height: 15px;
}

.account_history_orderrow .naam
{
	position: absolute; 
	left: 80px;
	top: 20px;
	width: 200px;
	height: 15px;
	line-height: 15px;	
}

.account_history_orderrow .status
{
	position: absolute; 
	left: 350px;
	top: 20px;
	white-space: nowrap;
	width: 120px;
	height: 15px;
	line-height: 15px;
}

.account_history_orderrow .bedrag
{
	position: absolute;
	left: 350px;
	top: 0px;
	width: 50px;
	height: 25px;
	line-height: 25px;
}

.account_history_orderrow .link
{
	position: absolute;
	width: 200px;
	height: 25px;	
	left: 460px;
	top: 9px;
	text-align: right;
}


/******* PRODUCTDETAIL; VIEW product_altprodcodes.php *******/

.alternativeProdCodes
{
	display: none;
}


/******* PRODUCTRIJ (products_new.php, advanced_search_result.php) ******/

.product_row
{
	width:660px;
	height:50px;
	overflow:hidden;
	margin-bottom:2px;
	position: relative;
}

.product_row_image
{
	position: absolute;
	left: 0;
	top: 0;
	width: 50px;
	height: 50px;
	background: white;
}

.product_row_name,
.product_row_name_center
{
	color: #FF6A00;
	font-weight: bold;
	position: absolute;
	left: 54px;
	top: 10px;
	line-height: 15px;
	height: 15px;
	width: 440px;
	overflow: hidden;
	white-space: nowrap;
}

.product_row_name a,
.product_row_name_center a
{
	color: #FF6A00;
}

.product_row_name_center
{
	line-height: 30px;
	height: 30px;
}

.product_row_remarks
{
	color: gray;
	position: absolute;
	left: 54px;
	top: 25px;
	line-height: 15px;	
	height: 15px;
	width: 440px;
	overflow: hidden;
	white-space: nowrap;
}

.product_row_price
{
	color: #FF6A00;
	position: absolute;
	left: 570px;
	top: 0;
	width: 80px;
	height: 50px;
	line-height: 50px;
	overflow: hidden;
	white-space: nowrap;	
	font-size: 14px;
	text-align: center;
}
.product_row_price a
{
	text-decoration: none;
	color: #FF6A00;
}
.product_row_price_shadow
{
	display: none;
}

.product_row_fromprice
{
	position: absolute;
	color: gray;
	text-decoration: line-through;
	width: 60px;
	left: 500px;
	text-align: center;
	top: 0;
	height: 50px;
	line-height: 50px;
}


/****** PRODUCTFILTER (diverse lijstweergaven) *********/

.product_filter_top
{
	width: 658px;
	height: 7px;
	background: #E6E6E6;
}

.product_filter_bottom
{
	width: 658px;
	height: 7px;
	background: #E6E6E6;
	margin-bottom: 10px;
}

.product_filter
{
	background: #E6E6E6;
	line-height: 25px;
	width: 658px;
}

.filter_label
{
	float: left;
	clear: none;
	width: 200px;
	height: 20px;	
	font-size: 13px;
	color: #FF6A00;
	padding-left: 8px;
	line-height: 22px;
	font-weight: bold;
}

select.filter_merk,
select.filter_cat,
select.filter_kleur,
select.filter_sort
{
	width: 440px;
	margin-bottom: 1px;
	margin-top: 1px;
}

/* PRODUCTVERGELIJK */

table.productvergelijk
{
	width: 100%;
}

table.productvergelijk td
{
	font-size: 10px;
	line-height: 16px;
	vertical-align: top;
	text-align: left;	
}

table.productvergelijk td.label
{
	color: black;
	font-size: 10px;
}

table.productvergelijk tr.odd
{
	background: #f8f8ff;
}

table.productvergelijk tbody.product td, 
table.productvergelijk tbody.product td a
{
	color: black;
	line-height: 14px;
	font-weight: bold;
	font-size: 11px;
}

table.productvergelijk td.productprijs
{
	color: #FF6A00;
	font-weight: normal;
	font-size: 12px;
	font-weight: bold;
}

.productvergelijk_bestelbutton
{
	background: url(/site/dig/img/toplijst_bestellen.gif);
	width: 68px;
	height: 22px;
	cursor: pointer;
	float: left;
	clear: right;
	margin-bottom: 10px;
}

/****** account_history.php ******/

.bestelling_details {
	background: white;
	padding: 2px;
}

/******* comfortcard.php ******/

#comfortcard_form
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#comfortcard_form .invalid
{
	color: red;
	float: left;
	clear: both;
	padding-bottom: 10px;
}

#comfortcard_form .label .prepad
{	
	position: absolute;
	width: 11px;
	height: 16px;	
	top: 1px;
	left: 189px;
	text-align: left;
}

#comfortcard_form .header
{
	float: left;
	clear: both;
	width: 660px;	
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	margin-top: 16px;
	margin-bottom: 3px;
	border: 0;
	background: none;
	height: auto;
	border-bottom: 1px solid navy;	
}
#comfortcard_form .label
{
	position: relative;
	float: left;
	clear: left;
	width: 200px;	
	height: 23px;		
}
#comfortcard_form .edit
{
	float: left;
	clear: none;
	width: 420px;			
	margin: 0;
	height: auto;
}
#comfortcard_form .help
{
	float: left;
	clear: right;
	width: 16px;	
	height: 16px;	
	background: white url(/site/dig/img/helpicon.gif);
	margin-top: 2px;
	cursor: help;
}
#comfortcard_form input
{
	width: 406px;
}
#comfortcard_form select
{
	width: 410px;
}
#comfortcard_form option.nochoice
{
	color: silver;
}
#comfortcard_form select.datum_dag,
#comfortcard_form select.datum_maand
{
	width: 134px;
}
#comfortcard_form select.datum_jaar
{
	width: 134px;
}



/****** AFREKENTRAJECT ******/

.moduleRowSelected
{
	background: #F3F3F3;
}
.moduleRow
{
	background: white;
}

.shopping_basket_top
{
}

.shopping_basket_bottom
{
}

.shopping_basket
{
}

.shopping_basket table
{
}

.shopping_basket .main
{
	border: 0;
}

.shopping_basket .productListing-heading
{
	padding-bottom: 5px;
}

.shopping_basket .product_oms
{
	line-height: 14px;
	padding-top: 3px;
}
.shopping_basket table tr td 
{
	line-height: 20px;
	vertical-align: top;
	padding-right: 2px;
}

.kies_levermethode {
	background-color: #ffffff;
	border: 1px solid #c5c6c6;
	padding: 10px;
}

.kies_levermethode table
{
	width:100%;
}

.kies_levermethode .main
{
	border: 0;
}

.kies_levermethode table tr td
{
	padding-right: 2px;
}

.kies_betaalmethode table
{
	width:100%;
	background: white;
}

.kies_betaalmethode table tr td
{
	height: 25px;
	line-height: 25px;
}

.kies_betaalmethode input
{
	margin: 0 0 0 16px;
}

.kiesbank
{
	padding-bottom: 4px;
}

.kiesbank select
{
	font-size: 10px;
}
.product_unavailable {
	border: 2px solid #ff0000;
	padding: 5px;
	margin-bottom: 5px;
}




/*********************************************************
  USERFORMS - Via CMS inklikbare forms bij klantenservice
 *********************************************************/

.userform_editkolom input
{
	margin: 0 0 1px 0;
}

div.userform_labelkolom
{
	float: left;
	width: 180px;	
}

div.userform_editkolom
{
	float: left;
	width: auto;
}

div.userform_nextrow
{
	clear: both;
}

div.userform_error
{
	color: red;
}

input.userform_field,
select.userform_field,
textarea.userform_field
{
	width: 450px;
}

textarea.userform_textareafield
{
	height: 180px;
}

input.userform_textfield
{
}

input.userform_radio
{	
}

input.userform_submit
{
	margin-top: 1px;
	width: auto;
	margin-bottom: 16px;
}

input.userform_checkbox
{
	width: 20px;	
}

select.userform_datumfield_dag,
select.userform_datumfield_maand,
select.userform_datumfield_jaar
{
	width: 117px;
	margin-right: 1px;
	margin-bottom: 2px;
}

select.userform_datumfield_jaar
{
	margin-right: 0;
}

.userform_radioextrafield
{
	margin-left: 20px !important;
	width: 330px !important;
}

div.googleLikeSearchResult {
	background:white;
	width:100%;
	height:auto;
	margin-bottom:8px;
	font-size: 11px;
	line-height: 16px;
}
	div.googleLikeSearchResult p a.title {
		color: #0000CC;
		text-decoration: underline
	}
	div.googleLikeSearchResult p.text_fragment {
		color: #000000;
	}	
	div.googleLikeSearchResult p.url,
	div.googleLikeSearchResult p.url a {
		color: #008000;
	}	
	
/*********************************************************
  PakjeGemak
 *********************************************************/
#divPopup iFrame {
	width: 800px;
	height: 650px;
	border: solid 3px gray;
	position: absolute;
	left: 100px;
	top: 60px;
}

.pakjeGemak .kies {
	text-decoration: underline;
}

.pakjeGemak .error {
	color: red;
}

.pakjeGemakAddress {
	margin-left: 10px;
}
	.pakjeGemakAddress .name {
		font-weight: bold;
	}
	
	}	
	
	
#shoppingcart_ajaxtarget, #shoppingcart_ajaxcontainer {
	margin: 0;
	padding: 0;
	display: inline;
}

#actiecode_form {
		
}
#actiecode_form #actiecode_link {
	cursor: pointer;
	height: 16px;
}

#actiecode_form #actiecode_link .actiecodeCode,
#actiecode_form #actiecode_link .noActieCode {
	color: #FF6A00;
}
#actiecode_form #actiecode_link .actiecodeCode {
	font-weight: bold;
	
}
#actiecode_form #actiecode_link .actiecode_explanation {
	background-image: url(/site/std/img/helpicon.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 20px;
}

#actiecode_form #actiecode_edit input {
}
	
#actiecode_form .actiecode_error {
	font-weight: bold;
	color: #ff0000;
}		

p.call_before_delivery 
{
	margin-bottom: 10px;
	line-height: 1;
}

.helptekst {
	border: solid 1px #C5C6C6;
	padding: 8px;
}