@import url("reset.css");
@import url("form.css");

body {
	color: black;
	font: 62.5% Tahoma, Arial, Helvetica, sans-serif;
	padding: 0px 0;
	background : #656565;
	color: white;
	background-image : url(../images/backgrounds/main.gif);
			background-repeat : repeat-x;
}

a { color: white; }
a:link, a:visited { text-decoration: underline; }
a:hover, a:active { text-decoration: none; }

/* strtucture ------------------------------------------------- */
div.main { 	background : #656565; width: 960px; font-size: 1.2em; }
/* ------------------------------------------------------ */

/* Main ------------------------------------------------- */
div.main {
	background : #656565;
		background-image : url(../images/backgrounds/main.gif);
		background-repeat : repeat-x;
}
div#header { height: 144px; }
div#logo { width: 280px; height: 140px; float: left; }
div#title { width: 500px; height: 64px; float: left; padding: 30px 0px 0px 180px; }
div#quicknav { width: 515px; height: 47px; float: left; padding: 0px 0px 0px 165px; }
div#menu { width: 250px; float: left; }
div#content { width: 710px; float: right; }

div.main em { font-style: italic; }
div.main strong { font-weight: bold; }
div.main p { margin: 6px 0px 6px 0px; padding: 6px 0px 6px 0px; line-height: 16px; }
/* ------------------------------------------------------ */

hr { height: 1px; border: 0; border-bottom: 1px dashed #6A6A6A; }
table, td { vertical-align: top; }

/* quick_login ------------------------------------------------- */
.message { width: 90%; font-size: 12px; font-weight: bold; color: green; border-bottom: 1px dashed gray; background-color : white; padding: 4px; margin: 0px; }
.error { width: 90%; font-size: 12px; font-weight: bold; color: red; border-bottom: 1px dashed gray; background-color : white; padding: 4px; margin: 0px; }


/* quick_search ------------------------------------------------- */
div#quick_search #search_form { width: 453px; height: 30px; vertical-align : bottom; display : block; float: right; padding: 15px 0px 0px 0px; }
div#quick_search #search_form input { margin: 0px; padding: 0px; }
div#quick_search #search_form #q { border: 1px solid #C1C1C1; width: 200px; padding: 1px; font-size: 10px; vertical-align : top; }

/* basket ------------------------------------------------- */
div#quick_search #basket { width: 260px; height: 27px; vertical-align : bottom; display : block; float: right; padding: 18px 0px 0px 0px; text-align : right; }
div#quick_search #basket a { background-image : url(../images/icon/cart.gif); background-repeat : no-repeat; background-position : left bottom; padding:5px 0px 0px 26px; white-space: nowrap; text-decoration : none; font-weight: bold; font-size: 11px; color: #565759; }
div#quick_search #basket a:hover { text-decoration : underline; }

/* quicknavigation ------------------------------------------- */

#quicknav ul { margin: 0px; padding: 0px; }
#quicknav ul li { float: left; position: relative; }
#quicknav ul li a { background-image: url(../images/backgrounds/quicknav.jpg); background-repeat: no-repeat; }

#qnav1 a { display: block; width: 92px; height: 25px; background-position: 0px 0px; text-indent: -9999px; outline: none; }
#qnav2 a { display: block; width: 89px; height: 25px; background-position: -92px 0px; text-indent: -9999px; outline: none; }
#qnav3 a { display: block; width: 89px; height: 25px; background-position: -181px 0px; text-indent: -9999px; outline: none; }
#qnav4 a { display: block; width: 182px; height: 18px; background-position: -329px 0px; margin-left: 48px; text-align : right; padding: 7px 0px 0px 0px; font-weight: bold; font-size: 11px; color: #D9D8D2; text-decoration : none; }

#qnav1 a:hover { background-position: 0px -25px; }
#qnav2 a:hover { background-position: -92px -25px; }
#qnav3 a:hover { background-position: -181px -25px; }
#qnav4 a:hover { background-position: -329px -25px; color: black; }

/* navigatie */
.menu {

}
.menu ul { position:relative; z-index:500; padding:0; margin:0; list-style-type:none; width: 210px; }
.menu li { /* for IE7 */ float:left; }
.menu li ul li { float:left; }
.menu table { position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em; }
.menu a, .menu a:visited { display:block; text-decoration:none; }
* html .menu a, * html .menu a:visited { width:150px; w\idth:149px; }
* html .menu a:hover { position:relative; }
.menu li:hover { position:relative; }
.menu a:active, .menu a:focus { }
.menu li:hover > a { }

.menu li:hover > ul {visibility:visible;}
.menu ul a:hover ul ul{ visibility:hidden; }
.menu ul a:hover ul a:hover ul ul{ visibility:hidden; }
.menu ul a:hover ul a:hover ul a:hover ul ul{ visibility:hidden; }
.menu ul a:hover ul { visibility:visible; }
.menu ul a:hover ul a:hover ul{ visibility:visible; }
.menu ul a:hover ul a:hover ul a:hover ul { visibility:visible; }
.menu ul a:hover ul a:hover ul a:hover ul a:hover ul { visibility:visible; }

.menu li a { background-image: url(../images/backgrounds/nav.jpg); background-repeat: no-repeat; text-indent: -9999px; outline: none; }
a#nav1 { display: block; width: 210px; height: 57px; background-position: 0px 0px; }
a#nav2 { display: block; width: 210px; height: 36px; background-position: 0px -57px; }
a#nav3 { display: block; width: 210px; height: 31px; background-position: 0px -92px; }
a#nav4 { display: block; width: 210px; height: 29px; background-position: 0px -123px; }
a#nav5 { display: block; width: 210px; height: 31px; background-position: 0px -152px; }
a#nav6 { display: block; width: 210px; height: 32px; background-position: 0px -183px; }
a#nav7 { display: block; width: 210px; height: 31px; background-position: 0px -215px; }
a#nav8 { display: block; width: 210px; height: 36px; background-position: 0px -246px; }
a#nav9 { display: block; width: 210px; height: 30px; background-position: 0px -282px; }
a#nav10 { display: block; width: 210px; height: 31px; background-position: 0px -312px; }
a#nav11 { display: block; width: 210px; height: 32px; background-position: 0px -343px; }
a#nav12 { display: block; width: 210px; height: 38px; background-position: 0px -375px; }

a#nav1:hover { background-position: -210px 0px; }
a#nav2:hover { background-position: -210px -57px; }
a#nav3:hover { background-position: -210px -92px; }
a#nav4:hover { background-position: -210px -123px; }
a#nav5:hover { background-position: -210px -152px; }
a#nav6:hover { background-position: -210px -183px; }
a#nav7:hover  { background-position: -210px -215px; }
a#nav8:hover { background-position: -210px -246px; }
a#nav9:hover { background-position: -210px -282px; }
a#nav10:hover  { background-position: -210px -312px; }
a#nav11:hover { background-position: -210px -343px; }
a#nav12:hover { background-position: -210px -375px; }

.menu li ul { visibility:hidden; position:absolute; top:-30px; left:180px; padding:30px; background:transparent url(transparent.gif); }
.menu li ul li a { background-image : none; background-color: #46423F; text-indent: 0px; display: block; text-decoration: none; color: white; width: 200px; padding: 10px; text-indent: 0px; outline: none; }
.menu li ul li a:hover { background-color: #69645F; }

/* home */


/* content */


/* footer */

/* quick search */

/* overzicht */
#paginating {  }
#results { width: 120px; height: 20px; float: left; }

#pages { width: 590px; height: 20px; float: left; text-align : right; }
#pages a { color:#5F5F5F; font-weight: bold; }
#pages a#actief { background : white; text-decoration : none; padding: 0px 3px 0px 3px; }
#pages a#vorige { background-image : url(../images/icon/jongens/vorige.gif); background-repeat : no-repeat; background-position : 0px 3px; padding: 0px 0px 0px 18px; }
#pages a#volgende { background-image : url(../images/icon/jongens/volgende.gif); background-repeat : no-repeat; background-position : 62px 3px; padding-right: 20px; }

.thumbs { padding: 20px 0px 20px 0px; }
#thumb_separator { 
/* border-bottom: 1px solid #AEAEAE; */
margin: 10px 0px 10px 0px; 
clear: both; 
}
.product_thumb { 
width: 169px; 
display : block; 
float: left; 
vertical-align : bottom; 
margin: 0px 7px 0px 0px; 
/* border-right: 1px solid #AEAEAE;  */
}

.product_thumb a.picture { width: 162px; display : block; vertical-align :middle; background : white; }
.product_thumb a.title { background-image : url(../images/icon/arrow_right.gif); background-repeat : no-repeat; background-position : 8px 5px; padding: 0px 0px 0px 18px; margin: 3px 5px 0px 0px; font-size: 11px; display : block; min-height: 22px; }
.product_thumb p { width: 115px; text-align : right; font-size: 12px; font-weight: bold; }
.product_thumb p s { color: gray; font-weight: normal; }
.product_thumb a.order { width: 83px; height: 21px; display : block; background-image : url(../images/buttons/green/bekijken.png); padding: 3px 0px 0px 26px; color: #333333; font-size: 12px; font-weight: bold; margin: 2px 0px 0px 8px; }

/* detail */
#product_overzicht { width: 710px; margin: 0px 0px 0px 5px; }
#product_overzicht h2 { margin: 0px 0px 10px 0px; }

div.main #product_overzicht p#prijs_small { width: 123px; height: 31px; background-image : url(../images/backgrounds/prize_small.png); background-repeat : no-repeat; text-align : center; vertical-align : middle; margin-bottom: 0px; color: white; font-weight: bold; }
div.main #product_overzicht p#prijs_large{ width: 195px; height: 31px; background-image : url(../images/backgrounds/prize_large.png); background-repeat : no-repeat; text-align : center; vertical-align : middle; margin-bottom: 0px; color: white; font-weight: bold; }

#product_overzicht #header { width: 100%; height: 20px; background-image : url(../images/header/jongens.jpg); background-repeat : no-repeat; background-position : left bottom; text-align : right; padding: 0px 0px 0px 0px; margin: 0px 0px 10px 0px; }
#product_overzicht #header a { padding: 0px 0px 0px 20px; background-image : url(../images/icon/jongens/vorige.gif); background-repeat : no-repeat; background-position : 2px 3px; font-weight: bold; color:white; }

#prod_detail_left { 
width: 365px; 
background : white; 
float: left; 
background-image : url(../images/backgrounds/jongens/prod_detail_image_header.jpg); 
background-repeat : no-repeat; 
}
#prod_detail_left a#prod_image { width: 355px; display : block; text-align : center; margin: 5px; text-decoration : none; }
#prod_detail_left a#prod_image_multiple { display: none; text-decoration : none; }

#prod_detail_right { width: 305px; float: left; line-height: 15px; padding : 0px 0px 0px 20px; }
#prod_detail_right p { margin: 0px 0px 15px 0px; }
#prod_detail_right strong { color: white; }

.prod_detail_left s { color: red; font-weight: normal; }

/* aanbieidng */
#boxholder { 
margin: 20px 0px 20px 0px; 
/* border-top: 1px dashed #AEAEAE; */
padding: 15px 0px; 
clear: both; 
display : block; 
}

.box_orange { width: 219px; height: 136px; background-image : url(../images/backgrounds/aanbieding.png); margin: 10px 0px 10px 5px; padding: 13px 0px 0px 12px; float: left; }
.box_orange .aanbieding {
	width: 98px;
	height: 115px;
	background-repeat : no-repeat;
	background-position : center;
	padding: 11px 0px 0px 81px;
}
.box_orange .aanbieding .teaser { width: 98px; height: 47px; background :  color: white; font-weight: bold; padding: 5px; text-align : center; vertical-align : middle; margin-bottom: 10px; }
.box_orange .aanbieding a { background : white; background-image : url(../images/icon/jongens/volgende.gif); background-repeat : no-repeat; background-position : 2px 3px; padding: 2px 2px 2px 18px; text-decoration : none; font-weight: bold; color: #3D4041; }
.box_orange .aanbieding a:hover { text-decoration : underline; }

/* winkelwagen */
#winkelwagen_holder{ width: 498px; background-image : url(../images/backgrounds/winkelwagen/bg.gif); padding: 20px 0px 0px 19px; margin: 20px 0px 0px 0px; color: black; }
#winkelwagen_holder a{ color: black; }
#winkelwagen_footer{ width: 517px; height: 22px; background-image : url(../images/backgrounds/winkelwagen/footer.jpg); }
table#winkelwagen { background : white; color: black; }

table#winkelwagen td, th { padding: 5px; vertical-align : top; }

table#winkelwagen th { font-weight: bold; background : #DCDCDC; }
table#winkelwagen td.prod_info { border-bottom: 1px solid gray; padding-top: 8px; }

table#winkelwagen td.prize_info { border-bottom: 1px solid gray; padding-top: 8px; }
table#winkelwagen td.trash { padding-left: 30px; border-bottom: 1px solid gray; }
table#winkelwagen td.porto_info { padding-top: 8px; background-color : #EDEDED; border-top: 1px solid white; border-bottom: 1px solid white; }
table#winkelwagen td.porto_info#porto_prize { }
table#winkelwagen td.korting_info { padding-top: 8px; background-color : #EDEDED; border-top: 1px solid white; border-bottom: 1px solid white; }
table#winkelwagen td.korting_info#cadeau { }
table#winkelwagen td.korting_info#klant { }
table#winkelwagen td.korting_info#cadeau_trash { padding-left: 30px; }
table#winkelwagen td.totaal  { font-weight: bold; border-top: 2px solid black; }
table#winkelwagen td#cadeau_bon_info  { color: Gray; font-size: 10px; border-top: 1px solid #DDE9C9; }

/* overige */
ul#checklist { min-height: 400px; }
ul#checklist li { background-image : url(../images/icon/v.gif); background-repeat : no-repeat; background-position : 0px 3px; padding: 3px 0px 3px 26px; margin: 5px 0px 5px 0px; }

#ideal_info { width: 220px; padding: 0px 0px 0px 0px; text-align : right; }
#ander_aflever_adres { display: none; }
#betaling_ideal { display: none; }