/* ### GENERAL ### */
* { margin: 0px; padding: 0px; }
html, body { font-family: Arial; font-size: 12px; color: #86847d; }
input, select { margin-bottom: 5px; margin-left: 5px; float: left; padding: 7px 5px 0px 5px; height: 23px; }
textarea { margin-bottom: 5px; margin-left: 5px; padding: 7px 5px 0px 5px; }
body { background: url('../images/bodyBg.gif') #eeebe2 repeat-x; }
body.sub { background: url('../images/bodySub.gif') #eeebe2 repeat-x; }
img { border: 0px; display: block; }
fieldset { border: 0px; }
label { margin-bottom: 5px; display: block; float: left; width: 185px; height: 30px; line-height: 30px; }
select { height: 29px; }


/* ### GLOBAL CLASSES ### */
.clear { clear: both; height: 1px; }
.submit { padding: 0 12px; height: 35px; cursor: pointer; margin: 0px; margin-left: 5px; font-size: 12px; color: #000; }


/* ### WRAPPER ### */
#wrapper { display: block; position: relative; width: 100%; min-height: 100%; }

/* ### MAIN CONTAINER ### */
#mainCntr { margin: 0 auto; width: 957px; }

	/* ### HEADER CONTAINER ### */
	#headerCntr { position: relative; width: 957px; height: 159px; background: url('../images/headerBg.png') no-repeat; }
	#headerCntr h1 { display: none; }
	
		/* ### MENU CONTAINER ### */
		#menuCntr { position: absolute; top: 114px; left: 0px; width: 510px; }
		#menuCntr ul { padding-left: 5px; overflow: hidden; width: 510px; list-style: none; }
		#menuCntr li { padding-right: 5px; float: left; display: inline; height: 42px; line-height: 42px; background: url('../images/menuBg.gif') no-repeat right; }
		#menuCntr li.last { padding-right: 0px; background: none; }
		#menuCntr li a { padding: 0px 10px 0px 10px; font-size: 14px; text-decoration: none; color: #3a3a3a; }
		#menuCntr li a:hover, #menuCntr li.selected a { text-decoration: underline; }
		
		/* ### WINDOW CONTAINER ### */
		#windowCntr { position: absolute; top: 115px; right: 3px; z-index: 15; width: 264px; background-image: url('../images/windowBg.png'); background-repeat: no-repeat; }
		#windowCntr ul { padding-left: 25px; overflow: hidden; width: 230px; list-style: none; }
		#windowCntr li { padding: 11px 0px 0px 12px; float: left; display: inline; height: 22px; }
		#windowCntr li a { display: block; float: left; width: 99px; height: 22px; line-height: 22px; text-align: center; font-size: 0.84em; text-decoration: none; text-transform: uppercase; color: #fff; background: url('../images/buttonBg.png') no-repeat; }
		#windowCntr li a:hover { text-decoration: underline; }
		#windowCntr a.brug { margin: 7px 0px 0px 127px; padding-left: 24px; display: block; width: 95px; height: 14px; line-height: 14px; font-size: 11px; font-weight: bold; text-decoration: none; color: #fff; background: url('../images/brug.png') no-repeat; }
		#windowCntr a.brug:hover { text-decoration: underline; }
		#mainCntr .none ul { display: none; }
		.none { height: 40px; background-position: 0px -500px; }
		.bg { height: 135px; background-position: 0px 0px; }

	/* ### BANNER CONTAINER ### */
	#bannerCntr { position: relative; z-index: 5; width: 957px; }
	#bannerCntr fieldset { padding: 110px 0px 0px 625px; overflow: hidden; width: 246px; border: 0px; }
	#bannerCntr input.field { margin-bottom: 10px; padding: 8px 5px 0px 5px; width: 236px; height: 21px; font-size: 12px; color: #1f7711; border: 0px; background: url('../images/field2Bg.gif') no-repeat; }
	#bannerCntr span.checkbox { margin-bottom: 7px; clear: left; float: left; display: block; width: 32px; height: 32px; background: url('../images/checkboxes.gif') no-repeat; }
	#bannerCntr input.submit { width: 246px; height: 29px; cursor: pointer; text-transform: uppercase; font-size: 13px; font-weight: bold; color: #fff; border: 0px; background: url('../images/submit2Bg.gif') no-repeat; }
	#bannerCntr label { padding-left: 10px; line-height: 29px; color: #1e7011; }
	#bannerCntr a { color: #1e7011; }
	#bannerCntr a:hover { text-decoration: none; }
	#bannerCntr ul { list-style: none; }
	.large li { position: absolute; color: #303030; }
	.large li.step1 { top: 64px; left: 125px; font-size: 22px; }
	.large li.step2 { top: 117px; left: 155px; font-size: 26px; }
	.large li.step3 { top: 174px; left: 183px; font-size: 31px; }
	.small li a { position: absolute; display: block; width: 45px; height: 50px; text-indent: -9999px; }
	.small li.step1 a { top: 22px; right: 154px; }
	.small li.step2 a { top: 22px; right: 90px; }
	.small li.step3 a { top: 22px; right: 26px; }
	.large { height: 301px; background: url('../images/largeBg.png') no-repeat; }
	.small { height: 98px; background: url('../images/smallBg.png') no-repeat 3px 0px; }
	
	/* ### CONTENT CONTAINER ### */
	#contentCntr { padding: 10px 0px 10px 0px; overflow: hidden; width: 957px; }
	
		/* ### LEFT CONTAINER ### */
		#leftCntr { padding-bottom: 14px; float: left; width: 205px; background: url('../images/leftBottom.png') no-repeat bottom; }
		#leftCntr div.top { padding-top: 14px; background: url('../images/leftTop.png') no-repeat top; }
		#leftCntr div.bottom { padding: 0px 3px 0px 3px; background: url('../images/leftBg.png') repeat-y; }
		#leftCntr div.bg { padding: 3px 14px 3px 14px; width: 171px; height: auto; background: url('../images/gradientBg.gif') repeat-x bottom; }
		#leftCntr h3 { padding-bottom: 10px; font-size: 18px; text-align: left; font-weight: normal; color: #6bac3a; }
		
			/* ### LOGIN BOX ### */
			.loginBox { padding-bottom: 30px; width: 171px; font-size: 11px; text-align: center; }
			.loginBox fieldset { padding-bottom: 10px; text-align: left; border: 0px; }
			.loginBox input.field { margin-bottom: 5px; margin-left: 0px; font-size: 12px; padding: 6px 5px 0px 5px; width: 161px; height: 18px; border: 0px; background: url('../images/fieldBg.gif') no-repeat; }
			.loginBox a { text-decoration: none; color: #2d4b28; }
			.loginBox a:hover { text-decoration: underline; }
			.loginBox fieldset input.submit { float: right; width: 82px; height: 26px; cursor: pointer; text-transform: uppercase; font-weight: bold; color: #fff; border: 0px; background: url('../images/submitBg.gif') no-repeat; }
			.loginBox fieldset a { display: block; float: left; width: 82px; height: 26px; line-height: 26px; text-align: center; text-decoration: none; text-transform: uppercase; font-weight: bold; color: #fff; background: url('../images/greenBg.gif') no-repeat; }
			.loginBox fieldset a:hover { text-decoration: none; }			
			
			.loginBox h5 { margin-bottom: 10px; font-size: 12px; font-weight: bold; color: #7f7a6d; }
			.loginBox ul { list-style: none; margin: 5px; }
			.loginBox li { line-height: 18px; font-size: 12px; color: #757575; }
			.loginBox li a { text-decoration: none; color: #757575; }
			.loginBox li a:hover { text-decoration: underline; }

			
			/* ### NYT BOX ### */
			.nytBox { width: 171px; }
			.nytBox p { line-height: 18px; font-size: 11px; color: #8f9e8c; }
			.nytBox p a { color: #8f9e8c; text-decoration: none; }
		
		/* ### RIGHT CONTAINER ### */
		#rightCntr { float: right; width: 737px; }
		
			/* ### TEXT BOX ### */
			.textBox { margin-bottom: 10px; padding-bottom: 14px; width: 737px; background: url('../images/textBottom.png') no-repeat bottom; }
			.textBox div.top { padding-top: 14px; background: url('../images/textTop.png') no-repeat top; }
			.textBox div.bottom { padding: 0px 3px 0px 3px; background: url('../images/textBg.png') repeat-y; }
			.textBox div.bg { padding: 13px 40px 3px 40px; width: 651px; height: auto; background: url('../images/textGr.gif') repeat-x bottom; }
			.textBox h1 { padding-bottom: 10px; font-size: 30px; font-weight: normal; }
			.textBox p { padding-bottom: 10px; line-height: 18px; }			
			
			.textBox div.pic { padding-left: 20px; float: left; display: inline; width: 125px; }
			.textBox div.pic img { margin-bottom: 10px; width: 125px; height: 125px; }
			.textBox div.pic p { color: #9bc44a; font-weight: normal; text-align: center; }
			.textBox div.pic p span { font-weight: bold; }
			.textBox div.pic select { width: 135px; }
			.textBox a.button { margin-left: 13px; display: block; height: 22px; width: 99px; line-height: 22px; text-align: center; text-decoration: none; font-weight: bold; color: #fff; background: url('/templates/images/buttonBg.png') no-repeat; }
			.textBox a.button:hover { text-decoration: underline; }
			.textBox a.button1 { float: left; width: 100px; margin: 10px; display: block; height: 25px; line-height: 25px; text-align: center; text-decoration: none; font-weight: bold; color: #128ed7; background: url('/templates/images/button2Bg.png') no-repeat; }
			.textBox a.button1:hover { text-decoration: underline; }
			.textBox div.text { padding-right: 20px; float: right; display: inline; width: 450px; }

			
			/* ### RIGHTSHOPCNTR ### */
			.rightShopCntr { float: right; width: 500px; }
			
			/* ### TEXT/RIGHTSHOPCNTR BOX ### */
			.rightShopCntr div.textBox { margin-bottom: 10px; padding-bottom: 14px; background: none; }
			.rightShopCntr div.textBox div.top { padding: 0px; background: none; }
			.rightShopCntr div.textBox div.bottom { padding: 0px; background: none; }
			.rightShopCntr div.textBox div.bg { padding: 0px; height: auto; background: none; }
			
			/* ### PRODUCT BOX ### */	
			.productBox .product { position: relative; clear: both; border-bottom: 1px dashed grey; height: 160px; }
			.productBox h1 { margin-bottom: 30px; }
			.productBox h2 { padding: 10px 0px 0px 0px; font-weight: normal; font-size: 18px; color: #626262; }	
			.productBox p.price { font-size: 14px; font-weight: normal; color: #84b744; text-align: center; padding: 10px; }
			.productBox p.price span { font-weight: bold; }
			.productBox p.price a { text-decoration: none; color: #84b744; }		
			.productBox p {  }
			.productBox a.button { position: absolute; color: #4b4b4b; cursor: pointer; background-image: url('/templates/images/button2Bg.png'); width: 100px; height: 25px; line-height: 25px; text-align: center; font-size: 14px; font-weight: bold; text-decoration: none; }
			.productBox a.button:hover { text-decoration: none; }
			.productBox .leftblock { float: left; padding: 10px; }
			.productBox .rightblock { float: right; padding: 10px; }
			
			/* ### SHOW_PRODUCT BOX ### */	
			.showproductBox { margin-bottom: 20px; overflow: hidden; width: 472px; }
			.showproductBox div.text { float: left; width: 277px; }
			.showproductBox div.pic { float: right; width: 275px; }
			.showproductBox h1 { padding-bottom: 5px; font-weight: bold; font-size: 24px; color: #000; }
			.showproductBox h2 { padding-bottom: 20px; line-height: 28px; font-weight: bold; font-size: 18px; color: #757575; }
			.showproductBox p.price { font-size: 14px; font-weight: normal; color: #84b744; text-align: center; padding: 10px; }
			.showproductBox p.price span { font-weight: bold; }
			.showproductBox p.price a { text-decoration: none; color: #84b744; }		
			.showproductBox p { padding-bottom: 5px; line-height: 22px; }
			.showproductBox .rightblock { float: right; }
			
			.showproductBox a.button { position: absolute; color: #4b4b4b; cursor: pointer; background-image: url('/templates/images/button2Bg.png'); width: 100px; height: 25px; line-height: 25px; text-align: center; font-size: 14px; font-weight: bold; text-decoration: none; }
			.showproductBox a.button:hover { text-decoration: none; }
			
			/* ### CATS 2 BOX ### */
			.cats2Box { width: 686px; }
			.cats2Box h1 { margin-bottom: 30px; }
			.cats2Box p { padding-bottom: 30px; line-height: 20px; }
			.cats2Box ul { overflow: hidden; width: 686px; list-style: none; }
			.cats2Box li { margin: 0px 20px 40px 20px; float: left; display: inline; width: 188px; height: 104px; }
			.cats2Box li a { padding-top: 20px; display: block; height: 84px; line-height: 28px; font-size: 20px; text-align: center; text-decoration: none; font-weight: bold; color: #6cad3b; background: no-repeat; }
			.cats2Box li a span { display: block; cursor: pointer; font-weight: normal; }
			.cats2Box li a:hover { text-decoration: underline; }
			
			/* ### CATS BOX ### */
			.catsBox { float: left; width: 150px; }
			.catsBox h1 { margin-bottom: 30px; }
			.catsBox ul { overflow: hidden; width: 150px; list-style: none; }
			.catsBox li { float: left; display: inline; width: 150px; }
			.catsBox li.cat { margin-bottom: 10px; }
			.catsBox ul ul li { margin-left: 10px; }
			.catsBox li a { display: block;  text-decoration: none; color: #626262; }
			.catsBox li a:hover { text-decoration: underline; }
			
			/* ### SHOP RIGHT ### */
			.righShopCntr { float: right; }
			
			/* ### TOP BOX ### */
			.topBox { overflow: hidden; width: 686px; }
			.topBox h1 { margin-bottom: 30px; }
			.topBox h2 { margin-bottom: 15px; }
			.topBox div.left { padding-left: 20px; float: left; display: inline; width: 300px; }
			.topBox div.right { padding-right: 20px; float: right; display: inline; width: 300px; }
			.topBox ul { overflow: hidden; width: 300px; list-style: none; }
			.topBox li { margin-bottom: 15px; float: left; display: inline; width: 245px; height: 45px; font-size: 11px; color: #919191; }
			.topBox li a { font-size: 11px; color: #919191; text-decoration: none; }
			.topBox li.first { padding-top: 2px; width: 55px; height: 43px; }
			.topBox h3 { font: bold 14px Arial; color: #84b744; }	
			.topBox h3 a { font: bold 14px Arial; color: #84b744; text-decoration: none; }				
			.topBox ul.tabs { padding-top: 40px; overflow: hidden; width: 686px; list-style: none; }
			.topBox ul.tabs li { margin: 0px 7px 0px 7px; float: left; display: inline; width: 213px; height: 118px; }
			.topBox ul.tabs li a { padding-top: 20px; display: block; height: 98px; line-height: 28px; font-size: 20px; text-align: center; text-decoration: none; font-weight: bold; color: #128ed7; background: no-repeat; }
			.topBox ul.tabs li a span { display: block; cursor: pointer; font-weight: normal; color: #79bff0; }
			.topBox ul.tabs li a:hover { text-decoration: underline; }
			
			/* ### OVER BOX ### */
			.overBox { overflow: hidden; width: 686px; }
			.overBox div.last { margin-right: 0px; }
			.overBox h2 { padding-bottom: 10px; font-size: 16px; font-weight: normal; color: #0782ca; }
			.overBox h2 a { text-decoration: none; color: #0782ca; }
			.overBox h3 { font-size: 14px; font-weight: normal; color: #84b744; }
			.overBox h3 span { font-weight: bold; }
			.overBox h3 a { text-decoration: none; color: #84b744; }
			.overBox a.button { float: left; display: block; width: 92px; height: 38px; line-height: 38px; text-indent: 34px; font-size: 14px; font-weight: bold; text-decoration: none; color: #f5bb3e;  }
			.overBox a.button:hover { text-decoration: underline; }
			.overBox div.text { padding-bottom: 30px; overflow: hidden; width: 686px; }
			.overBox div.text p { float: right; width: 580px; line-height: 20px; }
			.overBox div.over { margin: 0px 5px 5px 0px; padding: 7px; float: left; display: inline; width: 324px; height: 134px; }
			.overBox div.pic { float: left; width: 125px; }
			.overBox div.over div.text { padding: 10px 10px 0px 0px; float: right; display: inline; width: 160px; }
			.overBox div.over div.text p { float: none; width: auto; line-height: 16px; color: #aaa; }
			.overBox div.over div.text p a { text-decoration: none; color: #aaa; }
			
			/* ### REG BOX ### */
			.regBox { margin-bottom: 20px; padding-bottom: 20px; position: relative; overflow: hidden; width: 672px; border-bottom: 1px dotted #aaa7a0; }
			.regBox h2 { margin-bottom: 10px; padding-left: 10px; height: 46px; line-height: 46px; font-size: 24px; font-weight: normal; color: #fff; background: url('../images/regH2.gif') no-repeat; }
			.regBox span { position: absolute; top: 9px; right: 13px; font-family: 'Arial Narrow', Arial; font-size: 24px; color: #aeaeae; }
			.regBox fieldset { padding-left: 10px; float: left; display: inline; overflow: hidden; width: 358px; border: 0px; }
			.regBox div.text { padding-right: 10px; float: right; display: inline; width: 260px; }
			.regBox label { margin-bottom: 5px; display: block; float: left; width: 95px; height: 30px; line-height: 30px; color: #282828; }
			.regBox input.field { margin-bottom: 5px; margin-left: 0px; padding: 7px 5px 0px 5px; float: left; width: 253px; height: 23px; border: 0px; background: url('../images/fieldBg.gif') no-repeat; }
			.regBox input.submit { width: 358px; height: 30px; font-weight: bold; font-size: 14px; color: #637009; border: 0px; padding: 0px; margin: 0px; background: url('../images/submitBg.gif') no-repeat; }
			.regBox p { padding: 5px 0px 5px 0px; line-height: 22px; color: #aba9a3; }
			.regBox em { padding-top: 5px; display: block; text-align: center; font-weight: bold; color: #8c8b87; }
			
			/* ### PIC BOX ### */
			.picBox { margin-bottom: 20px; padding-bottom: 20px; width: 672px; border-bottom: 1px dotted #aaa7a0; }
			.picBox ul { overflow: hidden; width: 672px; list-style: none; }
			.picBox li { margin-right: 32px; float: left; display: inline; }
			.picBox li.last { margin-right: 0px; }
			
			/* ### KLANT BOX ### */
			.klantBox { position: relative; width: 670px; background: url('../images/klantBg.gif') repeat-y; }
			.klantBox div.top { background: url('../images/klantTop.gif') no-repeat top; }
			.klantBox div.bottom { padding: 15px; background: url('../images/klantBottom.gif') no-repeat bottom; }
			.klantBox p { padding-bottom: 5px; line-height: 26px; font-size: 18px; color: #6f713c; }
			.klantBox em { position: absolute; bottom: 15px; right: 15px; font-size: 11px; font-style: normal; color: #000; }

			
			/* ### LIST BOX ### */
			.listBox { overflow: hidden; width: 737px; }
			.listBox ul { overflow: hidden; width: 737px; list-style: none; }
			.listBox li { padding-right: 15px; float: left; display: inline; }
			.listBox li.last { padding-right: 0px; }
			.listBox li a { padding-top: 18px; display: block; float: left; width: 173px; height: 156px; text-align: center; font-weight: bold; text-decoration: none; color: #303030; background: url('../images/listBg.png') no-repeat; }
			.listBox li a:hover { text-decoration: underline; }
			.listBox li a img { padding: 12px 0px 0px 0px; display: block; margin: 0 auto; max-width: 135px; max-height: 100px; }
	
	/* ### FOOTER CONTAINER ### */
	#footerCntr { margin: 0px 3px 0px 3px; padding: 15px 0px 15px 0px; overflow: hidden; width: 951px; color: #9e9d97; border-top: 1px solid #cbc6b8; }
	#footerCntr p { padding-left: 1px; float: left; display: inline; width: 600px; }
	#footerCntr ul { float: right; overflow: hidden; width: 350px; list-style: none; }
	#footerCntr li { float: right; display: inline; }
	#footerCntr li a { padding: 0px 8px 0px 8px; text-decoration: none; color: #9e9d97; }
	#footerCntr li a:hover { text-decoration: underline; }
	#footerCntr li.last a { padding-right: 0px; }