/* CSS Document */
/* Menu */
div.badgegroep {
    position: absolute;
    top: 90px;
    left: 70px;
    font-size: 10px;
    color: #004B92;
}

div.badgegroep a {
    color: #004B92;
}

div.menupanel ul li.tr_item {
	cursor: pointer;
}

div.menupanel ul li a {
	color: #da2f36;
}

div.menupanel ul li.tr_open a {
	color: #004B93;	
}

div.menupanel ul li:hover, div.menupanel ul li.tr_open:hover, div.menupanel ul li.tr_open:hover a, div.menupanel ul li.level2:hover, div.menupanel ul li.level2:hover a{
	color: #da2f36;
	background-color: #76b3ed;
}

div.menupanel ul li.level2 a {
	color: #004b93;
}

div.menupanel ul li.level0 {
	padding-left: 15px;
	padding-bottom: 5px;
	padding-top: 5px;
	
	font-size: 13px;
	font-weight: bold;
	border-top: 1px solid #c4c4c4;
	}

div.menupanel ul ul.level0 {
	border-top: 1px solid #c4c4c4;
}

div.menupanel ul li.level1 {
	padding-left: 30px;
	padding-bottom: 5px;
	padding-top: 5px;
	
	font-size: 11px;
	font-weight: bold;
	}
		
div.menupanel ul li.level2 {
	padding-left: 45px;
	padding-bottom: 5px;
	padding-top: 5px;
	
	font-size: 11px;
	font-weight: bold;
	}
	
div.menupanel ul li.level3 {padding-left: 60px; padding-bottom: 5px; padding-top: 5px;}
div.menupanel ul li.level4 {padding-left: 75px; padding-bottom: 5px; padding-top: 5px;}

div.menupanel ul.cat_closed {
	display: none;
}

/* ul.level0 ul.cat_open {
	background: #fff url(../img/menu_arrow_red.png) top left no-repeat;
}

ul.level1 ul.cat_open {
	background: #fff url(../img/menu_arrow_blue.png) top left no-repeat;
} */

/* Einde menu \*/

div.control_left a, div.control_right a {
	color: #000;
}

	IMG {
		border: 0px;	
	}
	
div.yui-u table.shipping_estimated {
	display: none;
}

div#cart_bottom div.code_box {
	margin-top: 0px;
}

a { color: #000000; text-decoration: none; }

a:hover { color: #CC3333;}

body#main {
	background-color: #fff;
}

/* layout */
div#probadge, .yui-winkel, .yui-winkel2 {
	background-color: #fff;
	margin:auto;text-align:left; /* leave unchanged */   
	width: 1000px;

	position: relative;
}
	
div#hd {
	background: #fff url(../img/header_probadge.png) no-repeat top left;
	height: 190px;
	position: relative;
}

div#hd div.header_menu {
	position: absolute;
	right: 180px;
	bottom: 153px;
	color: #004b93;
}

div#hd div.header_menu a {
	color: #004b93;
}

div#hd div.header_telefoon {
	position: absolute;
	right: 180px;
	bottom: 120px;
}

div#hd div.header_flash {
	position: absolute;
	right: 0px;
	bottom:33px;
}

div.ubent {
font-weight	: bold;
padding		: 3px;
padding-top	: 10px;
width		: 160px;
text-align	: center;
}

div.ubent2 {
float		: left;
padding		: 3px;
}

#logo { padding-top: 0px; }

/* to preserve source-order independence for Gecko */
.yui-winkel #yui-main,
.yui-winkel2 #yui-main {float:left;margin-right:-25em;/* IE: preserve layout at narrow widths */}

.yui-winkel .yui-b, .yui-winkel2 .yui-b {
	float:right;
	width:12.3207em;*width:12.0106em;
}
.yui-winkel #yui-main .yui-b, .yui-winkel2 #yui-main .yui-b {
	margin-right:13.0207em;*margin-right:12.7106em;
}
#yui-main .yui-b {float:none;width:auto;}

.maincol{position:relative;}
.maincol{_position:static;} /* for IE < 7 */

div#mainContentFP {width: 1000px;}

#mainpart .maincol{position:static;} 
.yui-winkel #mainpart_fp { width:640px;float:left; margin-left:10px; }
.yui-winkel #mainpart { width:820px;float:left; margin-left:10px; }
.yui-winkel .maincol { float:left; width: 170px; } 

#mainpart_fp .maincol, #mainpart .maincol {float:none;width:auto;}



div#ft {
	position: relative;
	background: #fff url(../img/footer_probadge.png) top left no-repeat;
	width: 1000px;
	height: 80px;

}

div#ft div.ft_cmsitems {
	position:absolute; 
	top: 13px;
	left: 190px;
	width: 350px;
}

div#ft div.ft_cmsitems ul li {
	float: left;
	width: 170px;
	height: 20px;
}

div#ft div.ft_cmsitems ul li a {
	color: #004b92;
	font-size: 11px;
}

div#ft div.ft_info {
	position:absolute; 
	top: 15px;
	left: 555px;
	font-size: 11px;
	color: #da2f36;
}

div#logo_footer {
	float: left;
	width: 175px;
}
div#text_footer {
	font-family: Tahoma;
	text-align: center;
	font-size: 69%;
	color: #ffffff;
}
div#leftmenu { 
	float: left;
	width:12.2207em; *width:12.0106em;

	background-color: #f1f6f8;
}
div#ad_right {
	float:right;
    width:12.3207em;*width:12.0106em;

/*	height: 600px; */
}
.no_ad .yui-winkel #yui-main .yui-b, .no_ad .yui-winkel2 #yui-main .yui-b { margin-right: 0;}
/* basket status (rechtsboven) */

div#basketstatus {
	font-size: 85%;
	top: 50px; 
	right: 3px;
	width: 165px;
	height: 30px;
}

div#cartstatus {
	cursor:pointer;
	position:absolute;
	width:150px;
	margin-left: 11px;
}

div#cartstatus span#current_prods_in_basket_left, div#cartstatus span#current_prods_in_basket_right {
	display: none;
}

div#basketstatus div#prods_in_basket { 
	margin-left: 12px; 
	text-align: left; 
	display: block; 
	}
	
div#basketstatus div#basket_links {  
	margin-top: 15px; 
	margin-left: 15px; 
	}

div#basketstatus div#cartpanel_cart { display: none; background-color: #f5f5f5; }
div#basketstatus div#cartpanel_inner { margin-top: 45px; background-color: #f5f5f5; width: 160px; text-align: left; }
a.showstatus, a#cartpanel { font-weight: bold; text-decoration: none; color: #003e88; }
a.showstatus { margin-top: 3px; }
/* topmenu */
table#topmenu {
	position: absolute;
	right: 180px;
	font-size: 85%;
}
table#topmenu td { padding-left: 2px; padding-right: 2px; }

/* leftmenu tree */
div.maincol div#pbc {
	margin-bottom: 10px;
}

div.maincol div#cashcarry {
	margin-bottom: 10px;
}


div.menutop {
	width: 160px;
	background-color: #cc3333;
	
	padding-top: 2px;
	padding-bottom: 2px;
	margin-bottom:  5px;
	z-index: 4;
}

div.menutop-item {
	width: 140px;
	height: 23px;
	background-image: url(../img/menu-knop-achtergrond.png);
	*background-image: url(../img/menu-knop-achtergrond.gif);
	text-align: center;
	margin: 2px 10px 2px 10px;
	z-index: 5;
}

div.menutop-item-link {
	width: 140px;
	height: 18px;
	padding-top: 3px;
	text-align: center;
	z-index: 10;
}

div.menutop-item a {
	font-size: 85%;
	color: #fff;
}

div.cmsitems {
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-left: 14px;
	background-color: #004a91;
	color: #fff;
	font-weight: bold;
	font-size: 77%;
	width:14.62em;*width:14.20em;
}
div.cmsitem {
	padding-top: 2px;
	padding-bottom: 10px;
}
div.cmsitem a {
	color: #fff;
}
div#search {
	position: absolute;
	right: 180px;
	bottom: 80px;	
	background-color: #004b93;
	display: none;
}
.row_search_submit { padding: 3px; }

/* ads */
div#ad_top { 
	position: absolute;
	top: 33px;
	right: 170px;
}
div#ad_top_probadge { 
	position: absolute;
	top: 18px;
	right: 170px;
}


/* breadcrumb */
div#breadcrumb {
	margin: 7px;
	margin-top: 5px;
	font-size: 77%;
	color: #003e88;
}

/* main tabs */
div.mainmenu{
	position: absolute; 
	bottom: 8px;
	left: 8px; 
	color: #fff;
	font-weight: bold;
	font-size: 13px;
}

div.mainmenu a {
	color: #fff;
}

div.tabbarprobadge { 
	position: absolute; 
	bottom: 0px; 
	width: 930px;
	height: 21px; 
	background-color: #94a8c1; 
	font-size: 85%; 
	}

div.mainmenu div.mainchild {
	float: left;
	width: 119px;
	color: #fff;
	margin: 0px;
	margin-right: 3px;

	background-image: url(/skin/probadge/img/bg-mainchild.gif);
	background-repeat: no-repeat;
	background-position: left top;
	
	font-size: 70%;
}

div.mainmenu div.selected {
	background-image: url(/skin/probadge/img/bg-mainchild-sel.gif);
}

div.mainmenu div.concepts {
	background-image: url(/skin/probadge/img/bg-mainchild-concepts.gif);
}

div.mainchild a { 
	display: block;
	margin: 5px; margin-top: 8px; text-align: center;
	text-transform: capitalize;
	font-weight: bold; color: #fff; }

/* form fields */
table.form { width: 100%; }
table.form th { width: 35%; }
table.form td { width: 65%; }

input.simplesearch { width: 175px; border: 0px; margin: 3px; height: 20px;}
input.text, input.text-focus { width: 160px; }
select.select { width: 180px; }
select.productoption { width: 150px; }

textarea#remark { width: 40.7em; margin-left: 0px; }
iframe.terms_iframe { width: 40.7em; }

/* boxes round corner */
div.box {
	background-color: #fefbf9;
	margin: 0px;
	margin-bottom: 2px;
	padding: 2px;
}

div#producttabs div.box { margin-top: 0px; }

/* category tree */
div.menupanel {
	margin-bottom: 10px;
	border-bottom: 1px solid #c4c4c4;
}
div.menupanel div.tr_item {
	margin-bottom: 10px;
	padding-left: 15px;
	background-image: url(../img/arrow-menu.png);
	background-repeat: no-repeat;
	background-position: left center;
}

div.menupanel div.open {
	background: #fff url(../img/arrow-menu-down.png) no-repeat top left;
	padding-left: 15px;
	height: 15px;
	}
	
div.menupanel div.open a{
	color: #00387f;
	}

div.menupanel div.tr_children { padding-left: 10px; margin-bottom: 15px; }
div.tr_item a { color: #fff; }


/* Right side column \*/
div#col_right {
	float: left;
	width: 170px;
	margin-left: 10px;
}

div#col_right div#terugbellen {
	margin-bottom: 10px;
}

div#col_right div#nieuwsbrief {
	background-color: #da2a36;
	margin-bottom: 10px;
	padding: 12px;
	color: #fff;
}

div#col_right div#nieuwsbrief input#email2 {
	width: 130px;
	border: 0px;
	height: 20px;
}

div#col_right div#waarom_pb {
	padding: 15px 12px 15px 12px;
	color: #fff;
	background-color: #024c93;
	margin-bottom: 10px;
	line-height: 27px;
	font-weight: bold;
	font-size: 11px;
}

div.maincol div#verzendkosten {
	position: relative;
	background: #ffdf0f url(../img/vrachtwagentje.png) top left no-repeat;
	color: #004b93;
	font-weight: bold;
	height: 72px;
}

div.maincol div#verzendkosten div#inhoud{
	position: relative;
	left: 45px;
	top: 8px;
	width: 110px;
}

/* breadcrumb */
/* div#breadcrumb, div#breadcrumb a { font-weight: bold; color: #da2a36; font-size: 12px;} */
div#breadcrumb, div#breadcrumb a { font-weight: bold; color: #000; font-size: 12px;}
a.selected { font-weight: bold; }
body.probadge div.open a, body.probadge a.selected, div#breadcrumb a.selected { color: #cd1c2c;}


/* category pagina */
div.category div.box {
	margin-top: 3px;
	background-color: #fff;
	border: 1px solid #dddddd;
}
div.category div.product_title, div.category div.product_code {
	font-weight: bold;
	font-size: 85%;
}
table.b2b_variant td.b2b_variant_img img { margin-top: 0px; }

table.b2b_variant { background-color: #ffffff; }

table.b2b_variant td.b2b_variant_detail { font-size: 85%; background-color: #fff; }
.productb2b_details { border: 0px; }
img.variant_image { width: 140px; height:140px;}

h1 { font-weight: bold; font-size: 116%; }

h2.subcat { font-weight: bold; }
div.subcats { font-size: 86%; margin-bottom: 15px; }

div.category_bar { background-color: #cd1c2c; color: #ffffff; padding: 2px; padding-left: 15px; margin-bottom: 5px; }
div.category_bar a { color: #ffffff; font-weight: bold; }

div.category_product { height: 165px; position: relative; cursor: pointer; }
div.category_product div.image { float: right; width: 135px; height: 145px; margin-right: 3px; }
div.category_product div.product_name { font-weight: bold; margin-right: 138px; }
div.category_product div.product_price {
	position: absolute;
	bottom: 21px;
	z-index: 2;

	background-image: url(../img/nl/bg-price-cat.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 92px;
	height: 41px;
	font-family: arial;
	font-size: 121%;
	font-weight: bold;
	padding-top: 10px;
	text-align: center;
	color: #ffffff;
	font-style: italic;
}

div.category_product div.product_price .action{
	background-image: url(../img/nl/bg-price-cat-action.gif);
	padding-top: 16px;
}

div.category_product div.product_button {
	position: absolute;
	bottom: 0px;
	background-image: url(../img/bg-moreinfo-cat-right.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 15px;
	width: 95%;
}
div.category_product div.product_button div {
	background-image: url(../img/bg-moreinfo-cat.gif);
	background-repeat: no-repeat;
	background-position: left top;

	height: 21px;
	padding: 2px;
	text-align: center;
}
div.category_product div.product_button a {
	color: #ffffff;
}

div#topbar table { width: 99%; }

/* product pagina */
div.product_left { font-size: 77%; width: 270px;}
div.product_right { margin-left: 280px; }

div.product_detail { font-size: 77%; }
div.product_detail h2 { font-weight: bold; margin-bottom: 10px; }
div.product_detail div.product_description { margin-bottom: 10px; }

table.product_options th { font-weight: bold; }
table.product_options td { height: auto; padding: 1px; }

div.product_detail div.product_price div.from_price { text-align: left; padding-left: 40px; font-size: 30%; line-height: 4px; }

div.product_detail div.product_price {
	margin-top: 10px;
	margin-bottom: 10px;

	background-image: url(../img/nl/bg-pr-blank.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 163px;
	height: 70px;
	font-family: arial;
	font-size: 330%;
	font-weight: bold;
	padding-top: 10px;
	text-align: center;
	color: #ffffff;
	font-style: italic;
}
div.old_price { font-size: 40%; }
div.new_price { font-size: 70%; }
div.new_price small { font-size: 40%; padding-right: 7px; }

div.product_image, div.images_bottom div.extra_images { border: 0px solid #ffffff; }
.extra_images { border-top: 0px solid #ffffff; }

body.boekenzaak div.product_detail div.product_price {	background-image: url(../img/nl/bg-pr-boekenzaak-blank.gif);}
body.voetbalshop div.product_detail div.product_price {	background-image: url(../img/nl/bg-pr-voetbalshop-blank.gif);}
body.tshirtshop div.product_detail div.product_price {	background-image: url(../img/nl/bg-pr-tshirtshop-blank.gif);}
body.fantones div.product_detail div.product_price {	background-image: url(../img/nl/bg-pr-fantones-blank.gif);}
body.lekkerboeket div.product_detail div.product_price {	background-image: url(../img/nl/bg-pr-lekkerboeket-blank.gif);}
body.kadoshop div.product_detail div.product_price {	background-image: url(../img/nl/bg-pr-kadoshop-blank.gif);}
body.zolderverkoop div.product_detail div.product_price {	background-image: url(../img/nl/bg-pr-zolderverkoop-blank.gif);}

body.ramsport div.product_detail div.product_price {	background-image: url(../img/nl/bg-pr-ramsport-blank.gif); color: #000000; }
body.sportshop div.product_detail div.product_price {	background-image: url(../img/nl/bg-pr-ramsport-blank.gif); color: #000000; }

div#producttabs ul li { margin-right: 0px; margin-left: 4px; }
div#producttabs ul li em { background: url(../img/bg-tab.gif) no-repeat; width: 127px; text-align: center; padding-top: 5px; padding-bottom: 5px; }
div#producttabs ul li.selected em {background-image: url(../img/bg-tab-sel.gif); color: #ffffff; }

table#personal_book { font-size: 77%; width: 258px;}
table#personal_book td.subcat { font-weight: bold; }
table#personal_book input.text, table#personal_book input.text-focus { width: 160px; }

div#personal_book_preview {
	float: right;
	background-image: url(../img/bg-book-love.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 301px; height: 488px;
}

div#personal_book_perview_text { font-family: tahoma; font-size: 92%; }

.book_perview_text { margin-top: 25px; margin-left: 22px; margin-right: 10px; color: #f8f2eb; }
.lekkerboeket_preview_text {
	font-size: 85%;
	margin-top: 70px;
	margin-left: 70px;
	margin-right: 10px;
	color: #000000;
	font-style: italic;
}

div.personal_book_left { float: left; }

p.ship_date select { width: 80px; }

#personal_tshirt {
	background-image: url(/shop/skin/commerce/img/wait.gif);
	background-repeat: no-repeat;
	background-position: center center;
}


div.suggestbutton, div.suggestbutton-hover, div.suggestbutton-checked {
	background-image: url(/skin/thuiswinkelen/img/nl/btn-suggestion.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width: 169px; height: 20px;
	background-color: #ffffff;
}
div.suggestion div.suggestion_description { height: 40px; }
div.suggestbutton-hover { background-image: url(/skin/thuiswinkelen/img/nl/btn-suggestion-h.gif); }
div.suggestbutton-checked { background-image: url(/skin/thuiswinkelen/img/nl/btn-suggestion-c.gif); }
div.suggestion div.suggestion_options select { width: 169px; }

#searchleft {
	background-color:#E0E4EC;
	background-image:none;
	color:#00387F;
	font-size:77%;
	padding-top:7px;
	padding-bottom:4px;
	padding-left:4px;
	margin-bottom: 3px;
}

div.mailinglist {
background-image:url(../img/menu-nieuwsbrief-aanmelden.png);
background-position:left top;
background-repeat:no-repeat;
height:160px;
width:160px;
}

div.mailinglist_inner {
	width: 155px;
	text-align: right;
	padding-top: 40px;
	color: #fff;
	font-size: 10px;
}

input#newsbrief-submit {
background-image:url(../img/menu-nieuwsbrief-verzenden.png);
background-position:left top;
background-repeat:no-repeat;	

border: 0px;
width: 80px;
height: 14px;

font-size: 10px;
padding-top: -2px;
margin-top: 4px;
color: #fff;
}

input#email2 {
	margin-top: 4px;
}
 
#mailinglistform { background-color: #cd1c2c; color: #ffffff;  font-size: 83%; padding: 2px; }
#mailinglistform a { color: #ffffff;}
div.mailinglist_inner table {
margin-left:5px;
margin-top:63px;
}



/* content */
table.sizes { width: 100%; font-size: 85%; margin-bottom: 10px; }
table.sizes caption { font-weight: bold; }
table.sizes th, table.sizes td { text-align: center; padding: 2px; width: 33%; }
table.sizes th { border-bottom: 1px solid #999999; font-weight: bold;  }
table.sizes caption { border-bottom: 1px solid #000000; }

/*stock */
div.stock {
	background-image: url(../img/outofstock.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
div.instock {	background-image: url(../img/instock.gif); }
div.tempoutstock {	background-image: url(../img/outofstock.gif); }
div.outstock {	background-image: url(../img/tempoutofstock.gif); }

table.productb2b_details td { width: auto; }
table.productb2b_details td.b2b_attributes	{ width: 29%; }
table.productb2b_details td.b2b_input		{ width: 14%; }
table.productb2b_details td.b2b_aantal		{ width: 14%; }
table.productb2b_details td.b2b_stock		{ width: 14%; }
table.productb2b_details td.b2b_price		{ width: 29%; }

table.stock { width: 100%; }
table.stock  td {  width: 25%; font-size:77%; }

input.qty { width: 50px; text-align: center; }

input.simplemailinglist { width: 145px; border: 1px solid #fff;}

fieldset.contact div.inputcolumn {
	float: left;
	width: 100%;
}

fieldset.contact label.field_name {
	display:block;
	float:left;
	margin:0pt 0pt 0px;
	padding:0px;
	text-align:left;
	width:45%;
	}

fieldset.contact div.form_field {margin-left:0%;margin:4px; float: left;}

textarea#message { width: 40em; }

table.productb2b_details table.variant_detail th {width:16%;}

table.b2b_variant td.attribute_values div#maat {width:20%;}


/* voor test.probadge.nl */

input.large {
width:12.10em;
}

input.hbutton, img.hbutton {
border:0 none;
cursor:pointer;
/* margin-right:43px;
*margin-right:20px;
margin-top:5px;
margin-bottom:5px; \*/
}
