@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/bob/img/shop/arrow-right.gif);
	width:16px;height:16px;
	overflow:hidden;float:left;
}
.icon_arrowdown
{
	background: url(/site/bob/img/shop/arrow-down.gif);
	width:16px;height:16px;
	overflow:hidden;float:left;
}
.icon_spacer
{
	width:16px;height:16px;
	overflow:hidden;float:left;
}

h2.titel 
{
	font-size: 12px;		
	height: 25px;
	line-height: 25px;		
	color: #fff;
	background-color: #00A6EB;
	text-align: center;
}
h2.titel a 
{
	color: #fff;
	text-decoration: none;	
}

/****** sidebar ******/
.sidebar {
	background-color: #EFFAFF;
	border: 1px solid #ccc;
	width: 218px !important;
	font-size: 11px;
}

#sidebar_left {
	background-color: #EFFAFF;
	border: 1px solid #ccc;	
	padding: 1px;
}


#sidebar_left #catmenu .menu .item li.active a {
	font-weight: bold;	
}

.sidebar_box 
{
	width: 216px;
	position: relative;
	margin-bottom: 15px;
	padding: 1px;
	overflow: hidden;
}

.sidebar_box .inside_box 
{
	background-color: #fff;
	border: 2px solid #00A6EB;
	margin: 2px;
	padding: 2px;
}

.box_banner 
{
}	
.affiliatebox 
{
	text-align: center;	
}


.callcenteropeningtimes 
{
	text-align: center;	
}	

.callcenteropeningtimes .intro 
{
	margin-bottom: 10px;
}

.callcenteropeningtimes .times 
{
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
	font-size: 17px;
	font-weight: bold;
	color: #00a6e8;	
}

.callcenteropeningtimes .number 
{
	font-size: 12px;
	font-weight: bold;
	color: #4b5055;
	text-align: center;	
}
.callcenteropeningtimes .number .price 
{
	font-size: 10px;
	font-weight: normal;
	padding-left: 10px;
	color: #aaaaaa;
}

.usplist {
	list-style: none;
	padding-bottom: 11px;
}
.usplist li {
	margin-left: 2px;
	margin-top: 11px;	
	line-height: 30px;
	font-size: 11px;
	height: 30px;
	white-space: nowrap;
}
.usplist li a {
	color: #4b5055;
	text-decoration: none;	
	display: block;
	height: 30px;
	padding-left: 35px;	
	background-repeat: no-repeat;
	background-position: 0 0;
}
.usplist li a:hover {
	background-position: 0 -30px;
	color: #00A6EB;
}

.usplist li.voorraad a {
	background-image: url(/site/bob/img/shop/usp_voorraad.png);
}
.usplist li.betaalgemak a {
	background-image: url(/site/bob/img/shop/usp_betaalgemak.png);
}
.usplist li.tnt a {
	background-image: url(/site/bob/img/shop/usp_tnt.png);
}
.usplist li.bezorgdienst a {
	background-image: url(/site/bob/img/shop/usp_bezorgdienst.png);
}
.usplist li.aansluiten a {
	background-image: url(/site/bob/img/shop/usp_aansluiten.png);
}
.usplist li.afhaal a {
	background-image: url(/site/bob/img/shop/usp_afhaal.png);
}
.usplist li.geldterug a {
	background-image: url(/site/bob/img/shop/usp_geldterug.png);
}

.twitter #tweets .tweet {
	padding-bottom: 5px;
	margin-bottom: 5px;
	color: #4b5055;
}
.twitter #tweets .tweet .twitter_buttons {
	font-size: 8px;	
}
.twitter #tweets .tweet .twitter_buttons a {
	color: #ccc;
}
.twitter #tweets .tweet .twitter_buttons a:hover {
	color: #000;
}

.userbox table {
	width: 100%;
	padding-bottom: 5px;
}

/**** MENU ****/
#catmenu {
	overflow: hidden;
	text-overflow: ellipsis;		
}
#catmenu .catmenu {
	padding-left: 2px;
	white-space: nowrap;
}
#catmenu .catmenu ul{
	list-style: none;
}
#catmenu .catmenu ul li {
	margin-left: 0;
}
#catmenu .catmenu ul li a {
	color: #000000;
	text-decoration: none;
}

#catmenu .catmenu ul li ul li {
	margin-left: 16px;	
}

#catmenu .catmenu li.isclosed ul {
	display: none;
}

#catmenu .catmenu .nochild,
#catmenu .catmenu .toggle_child {
	padding-left: 12px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: center left;
}
#catmenu .catmenu .nochild {
	background-image: url(/site/bob/img/shop/bullet.gif);
}
#catmenu .catmenu .doopen {
	background-image: url(/site/bob/img/shop/arrow-black-right.gif);
}
#catmenu .catmenu .doclose {
	background-image: url(/site/bob/img/shop/arrow-black-down.gif);
}

#catmenu .catmenu li.selected a {
	font-weight: bold;
	color: #00a6e8;
}

#catmenu .catmenu li.unselected a {
	font-weight: normal;
	color: #4b5055;	
}

#catmenu .catmenu li.unselected a:hover {
	color: #00a6e8;
}

/****** NIEUWSBRIEF AANMELDEN (nieuwsbrief_aanmelden.php) ******/
#box_nieuwsbrief_aanmelden
{
	height: 95px;
}

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

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

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

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

/* verkoop en service sidebar */
.contactbox .contact_inside 
{
	background-color: #fff;
	border: 2px solid #00A6EB;
	margin: 2px;
	text-align: center;
	padding-left: 2px;
	padding-right: 2px;
}

/* Winkelwagen sidebar */
.box_shoppingcart 
{
}

.box_shoppingcart ul 
{
	list-style: none;	
}

.box_shoppingcart ul li 
{
	margin: 0;
	margin-left: 5px;
	height: 25px;
	margin-bottom: 1px;
	position: relative;
	overflow: hidden;
	white-space: nowrap;
}
.box_shoppingcart ul li a
{
	color: #000;	
}
.box_shoppingcart ul li .cart_product_img 
{
	
}

.box_shoppingcart ul li .cart_product_title 
{
	display: block;
	position: absolute;
	height: 25px;
	top: 0;
	line-height: 25px;
	margin-left: 27px;
}
.box_shoppingcart ul li .cart_product_title .times
{
	margin-right: 3px;
	font-weight: bold;
}
.box_shoppingcart .cart_price 
{
	text-align: right;
	font-size: 24px;
	line-height: 24px;
	margin-top: 10px;
	color: #00A6E8;
	font-weight: bold;
	padding-right: 5px;
	margin-bottom: 5px;
}
/* top 5 sidebar */
.box_top5 
{
}

.box_top5 ul 
{
	list-style: none;
}

.box_top5 ul li 
{
	margin: 0;
	margin-left: 5px;
	height: 25px;
	margin-bottom: 1px;
	position: relative;
	overflow: hidden;
	white-space: nowrap;
}
.box_top5 ul li a
{
	color: #000;
}
.box_top5 ul li .top5_positie
{
	display: block;
	position: absolute;
	height: 25px;
	top: 0;
	left: 0;
	font-weight: bold;
	line-height: 25px;
	color: #4B5055;
}
.box_top5 ul li .top5_product_img
{
	display: block;
	position: absolute;
	height: 25px;
	top: 0;
	line-height: 25px;
	left: 13px;
}

.box_top5 ul li .top5_product_title 
{
	display: block;
	position: absolute;
	height: 25px;
	top: 0;
	line-height: 25px;
	left: 42px;
}

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

#accounthistory {
	width: 500px;
	border: 1px solid #cccccc;
	padding: 1px;
}

#accounthistory th
{
	height: 25px;
	line-height: 25px;
	font-weight: bold;
	background-color: #00a6e8;
	color: #fff;
	font-size: 12px;
}

#accounthistory th.order
{
	padding-left: 1px;
}
#accounthistory tr.even td 
{
	background-color: #effaff;		
}
	
	
	
	
/******* PRODUCTDETAIL; VIEW product_altprodcodes.php *******/

.alternativeProdCodes
{
	display: none;
}


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

.product_row
{
	height:75px;
	overflow:hidden;
	margin-bottom:10px;
	position: relative;
}
.opruim_row 
{
	height:50px;
	margin-bottom: 0;
}

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

.product_row_data {
	position: absolute;
	top: 0;	
	left: 75px;
	height: 75px;
	width: 425px;
}
.opruim_row .product_row_data {
	height: 50px;
}

.product_row_data .product_row_title {
	font-weight: bold;
	width: 	320px;
	line-height: 12px;
}
.product_row_data .product_row_title a {
	font-size: 12px;	
	color: #4b5055;
	text-decoration: none;
} 
.product_row_data .price {
	position: absolute;
	right: 0;
	top: 0;
}
	.product_row_data .price .new a {
		color: #4b5055;
		font-weight: bold;
		font-size: 20px;
		line-height: 20px;
		white-space:nowrap;
		text-decoration: none;
	}
.product_row_data .beschikbaarheid {
	position: absolute;	
	right: 0;
	top: 20px;
}
.product_row_data .review {
}

.content_producttext {
    position: relative;
    padding-bottom: 40px;
    margin-bottom: 20px;
}
.content_producttext h3 {
	font-weight: bold;
	line-height: 12px;
}
.content_producttext h3 a {
	font-size: 12px;	
	color: #4b5055;
	text-decoration: none;
} 
.content_producttext .price {
	position: absolute;
	right: 0;
	bottom: 0;
}
    .content_producttext .price .new a {
		color: #4b5055;
		font-weight: bold;
		font-size: 20px;
		line-height: 20px;
		white-space:nowrap;
		text-decoration: none;
	}
.content_producttext .beschikbaarheid {
	position: absolute;	
	right: 0;
	bottom: 20px;
}
.content_producttext .meerinfo {
	position: absolute;	
	left: 0;
	bottom: 0px;
}
.content_producttext .product_textarea {
    line-height: 16px !important;
}

h2.opruiming {
	margin-top: 15px;
	margin-bottom: 5px;		
}
h2.opruiming span {
	font-size: 10px;	
	font-weight: normal;
}

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

.product_filter_top
{
	width: 498px;
	height: 7px;
	border-left: 1px solid #0698d4;
	border-right: 1px solid #0698d4;
	border-top: 1px solid #0698d4;
	background: #f2fbff;
}

.product_filter_bottom
{
	width: 498px;
	height: 7px;
	border-left: 1px solid #0698d4;
	border-right: 1px solid #0698d4;
	border-bottom: 1px solid #0698d4;
	background: #f2fbff;
	margin-bottom: 10px;
}

.product_filter
{
	background: #f2fbff;
	line-height: 25px;
	border-left: 1px solid #0698d4;
	border-right: 1px solid #0698d4;
	width: 498px;
}

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

select.filter_merk,
select.filter_cat,
select.filter_kleur,
select.filter_sort
{
	width: 330px;
	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: #00A6EB;
	font-weight: normal;
	font-size: 12px;
	font-weight: bold;
}

.productvergelijk_bestelbutton
{
	background: url(/site/bob/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/bob/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: #f2fbff;
}
.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 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: 3px;
	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 {
	width:100%;
	height:auto;
	margin-top: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 {
	margin: 5px;
}

.pakjeGemak .kies {
	text-decoration: underline;
	font-size: 12px;
	font-weight: bold;
}

.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_positioner {
	margin-top: 10px;
	margin-bottom: 10px;	
}

#actiecode_form {
		
}
#actiecode_form #actiecode_link {
	cursor: pointer;
	height: 16px;
	color: #00A6EB;
	text-decoration: underline;
	font-weight: bold;
}

#actiecode_form #actiecode_link .actiecodeCode,
#actiecode_form #actiecode_link .noActieCode {
	color: #00A6EB;
}
#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;
}

.tipcontent {
	display: none;
	width: 515px;
	padding: 10px 0;
}