@charset "utf-8";

/*	Project: Sengers Juwelen
	Author:	Stephan van Opstal, Netvlies
	Date: 2010-06-01
	--------------------------------------------------------- */

/*	=RESETS
	--------------------------------------------------------- */
	* { margin: 0; padding: 0; font-size: 1em; text-decoration: none; border: 0; list-style: none; outline: 0; }
	table { border-collapse: collapse; border-spacing: 0; }
	h1, h2, h3, h4, h5, h6 { font-weight: normal; }
	img { vertical-align: bottom; }
	
	body { font: 12px/16px "Verdana", Helvetica, sans-serif; color: #fff; background: url(../img/background.gif); }
	a { color: #fff; text-decoration: underline; }
	
/*	=WRAPPERS
	--------------------------------------------------------- */
	#pageWrapper { overflow: hidden; height: 100%; width: 980px; background: url(../img/backgroundLeft.gif) no-repeat top left; }
	#col-a { float: left; width: 280px; height: 840px; padding: 0 0 20px 0; }
	#col-b { float: left; width: 700px; }

	#logo { width: 280px; height: 280px; }
	#logo img { margin: 48px 0 0 40px; }
	
	.banner { margin-top: -20px; text-align: center; }	
	.user-content { margin: 20px 0 0 40px; width: 485px; }
	
/*	=HEADER
	--------------------------------------------------------- */
	#header { overflow: hidden; height: 100%; }
	#header .col-a { float: left; width: 525px; height: 175px; }
	#header .col-b { float: left; width: 175px; height: 175px; }
	#header .headerText { margin: 47px 0 0 40px; }
	
	#naw { margin: 43px 0 0 0; font-size: 10px; color: #231f20; }
	#naw .fn { color: #ffffff; }
	#naw .adr { margin-top: 16px; }
	#naw .org { text-transform: uppercase; }
	
	#search { margin: 18px 0 0 0; }
	#search input.text { vertical-align: middle; width: 140px; height: 20px; border: 1px solid #231f20; background: #fff; font: 12px/16px "Verdana", Helvetica, sans-serif; color: #939598; }
	#search input.submit { vertical-align: middle; width: 32px; height: 22px; border: 1px solid #231f20; background: #fff; font: bold 12px/16px "Verdana", Helvetica, sans-serif; color: #939598; }
	
/*	=TYPOGRAPHY
	--------------------------------------------------------- */
	h1 { margin: 20px 0 0 40px; font-size: 12px; color: #231f20; text-transform: uppercase; }
/* 	h1 { text-align: center; } */
	
/*	=NAVIGATION
	--------------------------------------------------------- */
	#navMain { overflow: hidden; height: 100%; margin: 0 0 0 40px;  }
	#navMain li { float: left; margin: 0 0 0 0;; }
	#navMain li a { text-decoration: none; }
	#navMain li a.active, #navMain li a:hover { color: #231f20; }

	#navSub { margin: 0px 70px 20px 0; text-align: right; }
	#navSub li { font-size: 10px; color: #202020; line-height: 18px; }
	#navSub li a { color: #202020; text-decoration: none; }
	#navSub li a:hover { text-decoration: underline; }
	#navSub li.selected a { text-decoration: underline; font-weight: bold; }
	#navSub li ul { margin: 5px 0 5px 0; }
	#navSub li li a { color: #fff; }
	
	#navCat ul { float: left; overflow: hidden; height: 100%; width: 50%; }
	#navCat ul ul { float: none; margin: 5px 0 0 0; }
	#navCat ul li { color: #202020; }
	#navCat ul li a { color: #202020; text-decoration: none; }
	#navCat ul li a:hover { text-decoration: underline; }
	#navCat ul li li { font-size: 10px; }
	#navCat ul li li a { color: #fff; }
	
/*	=SEARCH
	--------------------------------------------------------- */
	#searchResults { margin: 45px 0 0 40px; }
	#searchResults .result { margin: 0 0 20px 0; }
	#searchResults h2 a { color: #231f20; }
	#searchResults p span { background: #fff; color: #231f20; }
	#searchResults #paging { text-align: center; }
	#searchResults #paging li { margin: 0 2px; display: inline; }
	#searchResults #paging li a { text-decoration: none; }
	#searchResults #paging li.active span, #searchResults #paging li a:hover { color: #231f20; }
	#searchResults #paging li a:hover { text-decoration: underline; }

/*	=PRODUCTS
	--------------------------------------------------------- */
	#products { margin: 0 0 0 40px; }
	#products #crumbpath { margin: 20px 0 27px 0; }
	#products #crumbpath a { text-decoration: none; }
	#products #crumbpath a.first { color: #000; }
	#products #crumbpath span { font-size: 11px; }
	
	#products #crumbpath h1 { margin: 0; font-size: 12px; color: #202020; }
	
	#products .product { overflow: hidden; height: 100%; margin: 0px 0 0 0; padding: 10px 0; border-top: 1px solid #231f20; }
	#products .product .vsl { float: left; }
	#products .product .vsl img, #products .product img.vsl { margin: 0 10px 0 0; border: 1px solid #231f20; }
	#products .product .vsl ul li { float: left; margin: 10px 0 0 8px; }
	#products .product .vsl ul li.first { margin-left: 0; }
	#products .product .vsl ul li.active img { border: 1px solid #fff; }
	#products .product .desc { float: left; width: 428px;  }
	#products .product .desc .tekoop { margin: 0 0 10px 0; color: #000; }
	#products .product.detail .desc { width: 365px;  }
	#products .product.detail .desc .print { margin: 20px 0 0 0; }
	#products .product.detail .price { float: left; width: 365px; text-align: left; }
	#products .product .price { float: left; width: 138px; margin: 0 0 20px 0; color: #231f20; font-weight: bold; text-align: right; }
	#products .product .price .buy a { width: 115px; display: inline-block; margin: 5px 0 0 0; padding: 2px; background: #fff; color: #231f20; text-decoration: none; text-align: center; border: 1px solid #231f20; }
	#products .product .price .buy { margin: 20px 0 0 0; }
	#products .product .price span { font-weight: normal; }
	#products .product .price .print { margin: 10px 0 0 0; float: left; display: block; color: #231f20; font-weight: normal; text-align: left; }
	#products .product h2, #products .product h1 { margin: 0; color: #231f20; font-weight: bold;  }
	#products .product h2 a { color: #231f20; }
	#products .product p.code { margin: 0 0 10px 0; color: #231f20; }
	#products .product .paging { margin: 0 0 20px 0; }
	#products .product .paging a { text-decoration: none; }
	
	#products.maincat .product { border-top: 1px solid #fff; }
	#products .subcat { margin: 15px 0 0 0; padding: 5px 0; border-top: 1px solid #000; }
	#products .subcat a { text-decoration: none; }
	#products .subcat a:hover { text-decoration: underline; }
	
/*	=RESERVEREN
	--------------------------------------------------------- */
	#frm_reserveren { float: right; width: 327px; margin: 10px 0 0 0; padding: 20px; background: #fff; }
	#frm_reserveren .info { font-size: 10px; color: #000; }
	#frm_reserveren h3 { margin: 0 0 10px 0; font-size: 12px; color: #000; font-weight: bold; text-transform: uppercase; }
	#frm_reserveren li { margin: 0 0 10px 0; }
	#frm_reserveren label { display: block; line-height: 20px; color: #000; }
	#frm_reserveren label span.error { color: #ff0000; }
	#frm_reserveren input.text { width: 320px; border: 1px solid #231f20; font: 12px/16px "Verdana", Helvetica, sans-serif; }
	#frm_reserveren input.submit, #frm_reserveren input.close { border: 1px solid #231f20; font-weight: bold; }
	#frm_reserveren .close { color: #231f20; }
	#frm_reserveren textarea { width: 320px; border: 1px solid #231f20; font: 12px/16px "Verdana", Helvetica, sans-serif; }
	#frm_reserveren .thankyou { display: none; color: #231f20; }
	#frm_reserveren .thankyou.show { display: block; }