/* @override
	http://kookp.micro-design.nl/kookwinkel/templates/kookpunt/css/template_css.css
*/
/*
	Author: 	Kay in t Veen - Microdesign.nl
	Project: 	Kookpunt.nl (Viadea.nl)
	Date: 		01-10-2007

	Index:
			1. General stuff
			2. Text & fonts
			3. Basic layout
*/

/*===============================*/
/* ====   1.General stuff   ==== */
/*===============================*/


	body{
	background:url('/kookwinkel/images/pattern-KP-website.png');
	margin:0;
	padding:0;
	text-align: center;
	font-family: arial, verdana, sans-serif;
	font-size:12px;
	color:#4D4D4D;
	text-align:left;
	}

/*===============================*/
/* ====   2.Text & fonts    ==== */
/*===============================*/

	a {
	text-decoration:  none;
	font-weight: bold;
	border: none;
	color:#f47e20;
	}
	h1, h1 a{
	font-size:20px;
	font-weight:bold;
	color:#4D4D4D;
	}
	h2, h2 a{
	font-size:18px;
	font-weight:bold;
	margin:0;
	padding:0;
	text-transform:uppercase;
	color:#4D4D4D;
	}
	h3, h3 a{
	font-size:14px;
	font-weight:bold;
	color:#4D4D4D;
	}
	h4, h4 a{
	font-size:12px;
	font-weight:bold;
	color:#4D4D4D;
	}
	hr{
	size:2px;
	height:2px;
	color:#aeadad;
	background:#aeadad;
	border:0;
	}

#botbg img{
margin-left:1px;
}

/*===============================*/
/* ====   3.Basic Layout    ==== */
/*===============================*/

div#container{
	margin:0 auto;
	width:950px;
	background:url(/kookwinkel/images/cbg.png);

	padding-left:13px;
	padding-right:13px;
}

#container_2{
width:950px;
}
	/*=== 3.1 Head ===*/
	div#head1{
	margin:0 auto;
	width:945px;
	height:15px;
	text-align:right;
	padding-top:10px;
	padding-right:5px;
	font-size:13px;
	}
	div#head1 a{
	font-size:11px;
	}
	#headbg{
	width:983px;
	margin:0 auto;
	height:13px;
	}
		#head1 a{
			color:#000;
			font-family:"Bank Gothic",arial,verdana;
			text-transform:uppercase;
			font-size:10px;
		}
	div#head2{
	width:950px;
	height:80px;
	background:url(/kookwinkel/images/topbg1.png) repeat-y;
	}
		#head2 img{
		margin-top:20px;
		margin-left:25px;
		}
		#top-logo{
		float:left;
		}
		#top-nav{
		float:right;
		margin-top:31px;
		color:#fff;
		margin-right:15px;
		}
		#top-nav a, #head-menu a{
		color:#FFF;
		font-family:"Bank Gothic",arial,verdana;
		text-transform:uppercase;
		font-size:11px;
		}
	#head-menu a{ margin-left:15px; font-size:12px;}
	#mainmenu{
	float: left;
	height: 23px;
	width: 700px;
}
	div#head-img{
	width:950px;
	height:145px;
	background:url(/kookwinkel/images/banner_1.jpg) no-repeat;
	}
	div#head-menu{
	width:940px;
	height:24px;
	background:#F47E20;
	border-bottom:1px solid #dbdada;
	padding-top:7px;
	padding-right:10px;
	}
	div#head-menu ul,div#head-menu li{ display:inline;}
	div#head-menu ul{ margin::0; padding:0;}
	/*=== 3.2 Right ===*/
	div#left{
	float:left;
	width:180px;
	background:#f6f6f6;
	border-top:6px solid #FFF;
	}
		#left ul, #left li{
		margin:0;
		padding:0;
		list-style:none;
		font-weight:bold;
		line-height:16px;
		}
		#left li{
		padding-left:15px;
		}
		.mainlevel {
		color:#fff;
		background:url(/kookwinkel/images/side-head.gif) repeat-x;
		margin-top:4px;
		padding-left:6px;
		text-transform: uppercase;
		}
		#active_menu {
			font-style: normal;
		}
		.sublevel{
		background:url(/kookwinkel/images/side-head-sub.gif) repeat-x;
		color:#4e4e4e;
		padding-left:10px;
		}
		.subsublevel{

		color:#4e4e4e;
		padding-left:20px;
		font-weight: normal;
		}
		div#left a
		{
			height: 20px;
			line-height: 20px;
			vertical-align: middle;
			display: block;
			border:none;
		}

		div#left .sublevel:hover, div#left .subsublevel:hover
		{
			color: #FF9933;
		}

		div#left a img {
			height: 14px;
			width: 14px;
			border: 0;
			margin-right: 6px;
			vertical-align: middle;
		}
		/*=== 3.2.1 ===*/
		.kop{
		width:170px;
		height:17px;
		background:url(/kookwinkel/images/side-head.gif) repeat-x;
		color:#FFF;
		font-weight:bold;
		padding-left:10px;
		padding-top:3px;
		}

	div#middle{
	float:left;
	width:578px;/*578*/
	margin-top:6px;
	margin-left:6px;
	text-align:left;
	}
		.title{
		height:30px;
		background:url(/kookwinkel/images/title-bg.gif) repeat-x;
		padding-top:12px;
		padding-left:10px;
		}
	div#right{
	float:left;
	margin-left:6px;
	width:160px;
	background:#f6f6f6;
	border-top:6px solid #FFF;
	}
		#right .inputbox, #loginscherm .inputbox, #registerform .inputbox{
		border:1px solid #999;
		width:160px;
		font-size:11px;
		font-weight:bold;
		padding:2px;
		margin-top:5px;
		color:#4D4D4D;
		}

		#searching .inputbox {
		width:125px;
		}

		#product_list {

		}

		.inputbox3, .regform .inputbox{
		border:1px solid #999;
		width:220px;
		font-size:11px;
		font-weight:bold;
		padding:2px;
		margin-top:5px;
		color:#4D4D4D;
		}
		.verzendingsgegevens .inputbox3{
		width:220px;
		padding:3px;
		margin-top:-4px;
		}
		.verzendingsgegevens{
		padding-left:10px;
		}
		.verzendingsgegevens .inputbox{
		border:1px solid #999;
		width:220px;
		font-size:11px;
		font-weight:bold;
		padding:3px;
		margin-top:-3px;
		color:#4D4D4D;
		}
		.country .inputbox{
		border:1px solid #999;
		width:160px;
		font-size:11px;
		font-weight:bold;
		padding:2px;
		margin-top:5px;
		color:#4D4D4D;
		}
		#registerform .inputbox2{
		border:1px solid #999;
		width:15px;
		font-size:11px;
		font-weight:bold;
		padding:2px;
		margin-top:5px;
		color:#4D4D4D;
		}
		#right input.button, #loginscherm input.button{
		border:1px solid #999;
		width:100px;
		font-size:11px;
		margin-top:8px;
		}
	div#foot1{
	margin:0 auto;
	width:945px;
	height:15px;
	text-align:right;
	padding-top:0px;
	padding-right:5px;
	margin-top:-18px;
	}
	div#foot1 a{
	color:#000;
	font-family:"Bank Gothic",arial,verdana;
	text-transform:uppercase;
	font-size:10px;
	}
/*===============================*/
/* ====   4.Product style   ==== */
/*===============================*/

	.product-picture{
	background:#f1f1f2;
	border:1px solid #e6e7e8;
	padding-left:14px;
	padding-top:12px;
	padding-bottom:12px;
	height:150px;
	width:165px;
	}
	.product-picture a:hover,.product-details a:hover,.product-add2cart a:hover,.product-meer a:hover{
	border:none;
	}
	.product-details{
	width:179px;
	background:#f1f1f2;
	border:1px solid #e6e7e8;
	margin-top:3px;
	}
		.product-name{
		float:left;
		font-size:10px;
		font-weight:bold;
		text-transform:uppercase;
		margin-top:5px;
		margin-left:5px;
		width:179px;
		}
		.product-price{
		float:left;
		clear:left;
		font-size:11px;
		font-weight:bold;
		text-transform:uppercase;
		margin-top:5px;
		margin-left:5px;
		color:#f47e20;
		width:179px;
		}
		.product-add2cart{
		float:left;
		clear:left;
		font-size:10px;
		font-weight:bold;
		text-transform:uppercase;
		margin-top:5px;
		margin-left:5px;
		margin-bottom:5px;
		color:#000;
		width:100px;
		}
		.product-meer{
		float:right;
		font-size:10px;
		font-weight:bold;
		text-transform:uppercase;
		margin-top:8px;
		margin-left:5px;
		padding-right:5px;
		width:40px;
		}
a.pagenav{
color:#4D4D4D;
font-weight:bold;
}
.pagenav{
color:#f47e20;
font-weight:bold;
}
#browse-details{
float:left;
width:576px;
background:#e6e7e8;
border:1px solid #dbdcde;
}
#browse-details-links{
float:left;
margin-left:10px;
margin-top:3px;
}
#browse-details-links select{
	border:1px solid #999;
	background:#FFF;
	margin:3px;
	font-size:11px;
	font-weight:bold;
	color:#4D4D4D;
	width:150px;
}
#browse-details-rechts{
float:right;
margin-right:10px;
}
#browse-details-rechts h3 a{
font-size:22px;
color:#808080;
margin:0;
padding:0;
}
#browse-page-counter{
float:left;
width: 500px;
margin-left: 18px;
margin-top:7px;
clear:both;
font-weight:bold;
font-size:11px;
}
/*===============================*/
/* ====  5.Product details  ==== */
/*===============================*/
	#productd-fix {
		width: 250px;
		height: 250px;
	}
	#productd-picture{
	float:left;
	background:#f1f1f2;
	border:1px solid #e6e7e8;
	padding-left:12px;
	padding-top:12px;
	width:264px;
	height:264px;
	margin-top:10px;
	}
	#productd-details{
	float:left;
	margin-left:15px;
	margin-top:15px;
	}
	#productd-product-name{
	width:285px;
	height:20px;
	}
	#productd-short-d{
	width:275px;
	height:180px;
	margin-top:10px;
	padding-left:10px;
	overflow:auto;
	}
	#productd-price{
	width:275px;
	height:20px;
	margin-top:10px;
	padding-left:10px;
	font-size:14px;
	color:#808080;
	font-weight:bold;
	text-transform:uppercase;
	}
	#productd-add2cart{
	width:275px;
	height:20px;
	margin-top:10px;
	padding-left:8px;
	font-size:14px;
	color:#808080;
	font-weight:bold;
	text-transform:uppercase;
	}
	.price{
	color:#f47e20;
	text-transform:uppercase;
	font-size:14px;
	}
	#zoom{
	float:left;
	clear:both;
	background:#f1f1f2;
	border:1px solid #e6e7e8;
	width:65px;
	height:17px;
	border-top:none;
	margin-top:-1px;
	padding-left:15px;
	padding-top:3px;
	}
	.sub-img{
	float:left;
	background:#f1f1f2;
	border:1px solid #e6e7e8;
	padding-left:6px;
	padding-top:6px;
	height:45px;
	width:45px;
	margin-left:3px;
	margin-right:4px;
	}
	#subimages{
	width:100%;
	float:left;
	clear:both;
	margin-top:8px;
	padding-top:8px;
	margin-bottom:8px;
	}
	#productd-picture a:hover, #subimages a:hover{
	border:0;
	}
	#product-description{
	float:left;
	clear:both;
	width:90%;
	font-size:12px;
	line-height:18px;
	margin-left:4px;
	margin-bottom:10px;
	}
/*===============================*/
/* ====  6.Hot product	    ==== */
/*===============================*/
.hot-image{
	background:#ececec;
	width:150px;
	height:150px;
	padding:7px;
	margin-top:10px;
	margin-left:5px;
	float:left;
}



.hot-image img{
	/*border:1px solid black;*/
  max-width:150px;
  width: expression(this.width > 150 ? 150: true);
}

.hot-product-name{
	float:left;
	padding-left:13px;
	height:30px;

}
.hot-product-description{
	float:left;
	width:380px;/*370*/
	padding-left:13px;
	height:80px;
}
.hot-product-categorie{
	float:left;
	width:200px;
	padding-left:13px;
}
.hot-product-buttons{
	float:right;
	width:115px;
	margin-right:15px;
	margin-top:35px;
}
.best-of{
height:200px;
width:190px;
float:left;
}

#search{
height:20px; width:23px; border:1px solid #999; background:url(/kookwinkel/images/search-bg.jpg);padding:0;margin:0; cursor:pointer
}
#keyword{
height:13px; font-size:10px; font-weight:bold; line-height:19px; border:1px solid #999;padding:0;margin:0; padding:3px;
}
#searching{
padding-left:10px; padding-top:10px; padding-bottom:10px;
}
.product-row{
margin-left:10px; margin-top:10px; width:180px; float:left;
}

#results_area li a{
display:block;
clear:both;
height:auto;
}

.footerlinks{
	display: block;
	clear: both;
	float:right;
	width:570px;
	text-align: right;
	margin: 0 0 10px 0;
	padding: 10px 10px 0 0;
}