/*

NSure CSS by www.nedfinity.com  
*********************************************
* Nedfinity 2007 © All rights reserved	
* Web:		http://www.nedfinity.com 
*  			http://www.nedfinity.nl 
* E-mail: 	info(at)nedfinity.com 
* Tel:  	+31 (0)38 453 8347
* Author:	Robin Nijhof & Tom van der Hoek
*********************************************

	CSS Logica:

	Algemeen
	Standaard Elementen
	Container DIV
	Top
	Main

	Footer
	------------------------ */

@import url(css_nav.css);


/* Algemeen 
----------------------------------------------------------- */
* {
	margin:0;
	padding: 0;
} 								/* overschrijf alle default browser settings */
body {
	background-color:#FFFFFF;
	background:url(../_images/handbg.jpg);
	background-position:-20px 0px;
	background-repeat:no-repeat;
	font-size: 13px;
	font-family:Arial, Helvetica, sans-serif;				/* standaard lettertype instellingen */
	color:#76777A;											/* standaard tekst kleur */
	text-align:center;
}

/* Container DIV
----------------------------------------------------------- */	
#container {
	position:relative;
	width:984px;
	height:100%;
	text-align:left;
	margin:0 auto;
}				/* deel 2 van de centering hack */										

/* Standaard Elementen
----------------------------------------------------------- */
a:link, a:visited, a:active {
	text-decoration:none;
	color:#940055;
}
a:hover {
	color:#DFD62E;
}
h1 {
	font:bold 22px Arial, Helvetica, sans-serif;
	color:#940055;
	padding-bottom:10px;
}
h2 {
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#DFD62E;
	padding:10px 0 0 10px;
}
h3 {
	font:bold 14px Verdana, Arial, Helvetica, sans-serif;
	color:#940055;
	padding:5px 0 5px 0;
}
h4 {
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#940055;
	padding:3px 0 3px 0;
	text-align:left;
}

img {
	border: 0;
}

.hand
{
	cursor:pointer;
}

.floatright {
	float:right;
}
.floatleft {
	float:left;
}

hr { border:1px solid #D2CE30; border-width:1px 0 0 0; margin:10px 0 10px 0; }

.h3w {
	font:bold 14px Verdana, Arial, Helvetica, sans-serif;
	display:block;
	width:245px;
	color:#940055;
	padding:5px 0 5px 0;
}

/* Header Top
----------------------------------------------------------- */
#logo {
	position:absolute;
	height:38px;
	width:185px;
	top:41px;
	left:10px;
	background:url(../_images/logo.gif) no-repeat;
}
#header {
	position:absolute;
	height:110px;
	width:763px;
	top:20px;
	left:220px;
	border-top:9px solid #CDC90D;
	background:#CDC90D url(../_images/header_bg.jpg);
	border-bottom:33px solid #CDC90D;
	z-index:2;
}
#login {
	position:absolute;
	line-height:20px;
	width:600px;
	top:119px;
	left:40px;
	font-size:9px;
	color:#940055;
}
.loginfield {
	height:13px;
	width:95px;
	color:#940055;
	background:url(../_images/login_txtfld_bg.gif);
	border:none;
	font-size:9px;
	padding-left:4px;
}
#loginbutton {
	position:absolute;
	height:20px;
	width:59px;
	right:5px;
	top:0px;
	left:320px;
}
#loginbutton a {
	color:#940055;
	font-weight:bold;
	background:url(../_images/login_button_up_bg.gif);
	text-decoration:none;
	display:block;
}
#loginbutton a:hover {
	color:#FFFFFF;
	background:url(../_images/login_button_down_bg.gif);
}
#login label {
	padding:0 6px 0 6px;
	}
#logout { 
	position:absolute;
	height:20px;
	width:59px;
	top:0px;
	left:440px;
}

#graphics {
	position:absolute;
	height:65px;
	width:470px;
	top:11px;
	left:31px;
	z-index:6;
}
#cartImg {
	position:absolute;
	height:43px;
	width:46px;
	top:48px;
	right:65px;
	z-index:5;
}

/* - forgot password - */

.forgot
{
	position:absolute;
	top:0;
	left:400px;
}

.forgotform
{
	margin-left:-40px;
	display:none;
	padding:0 0 0 40px;
	background-color:#CDC90D;
}

.forgotform .text
{
	position:relative;
	margin-left:2px;
}

.button
{
	position:relative;
	background-color:#940055;
	color:#fff;
	height:15px;
	width:150px;
	font-size:10px;
	border:none;
	margin:0 0 0 15px;
	top:2px;
}

/* Right Col
----------------------------------------------------------- */
#rightcol {
	position:absolute;
	height:522px;
	width:126px;
	top:115px;
	right:26px;
	background:url(../_images/rightcol_bg.gif);
	border-top:5px solid #940055;
	border-right:5px solid #940055;
	border-left:5px solid #940055;
	z-index:3;
}
#pagingRght {
	position:relative;
	height:20px;
	padding:10px 0 0 10px;
	margin-top:1px;
}
#back {
	position:absolute;
	height:20px;
	width:31px;
	left:14px;
	top:6px;
}
#middle {
	position:absolute;
	height:20px;
	width:31px;
	left:46px;
	top:6px;
}
#forward {
	position:absolute;
	height:20px;
	width:31px;
	left:78px;
	top:6px;
}
#back a {
	background:url(../_images/paging_left.gif) no-repeat;
	height:20px;
	text-decoration:none;
	display:block;
}
#middle {
	background:url(../_images/paging_middle.gif) no-repeat;
	height:20px;
	padding-top:1px;
	padding-left:12px;
	color:#940055;
	font-weight:bold;
	text-decoration:none;
	display:block;
}
#forward a {
	background:url(../_images/paging_right.gif) no-repeat;
	height:20px;
	text-decoration:none;
	display:block;
}
#sampleHead {
	position:relative;
	height:74px;
	color:#FFFFFF; 
	padding:5px; 
	font-size:12px; 
	text-align:center;
}
.sampleTxt {
	color:#FFFFFF; padding:5px; font-size:12px; text-align:center;
}
#sample1, #sample2, #sample3, #sample4{
	position:absolute;
	top: 108px;
	visibility:hidden;
}
#sample1 {
	visibility:visible;	
}

#hand {
	position:absolute;
	width:160px;
	height:158px;
	top:364px;
	left:-5px;
	background:url(../_images/hand.gif) no-repeat;	
}

/* Main
-------------------------------------------------------------------- */
#main {
	position:absolute;
	width:570px;
	left:215px;
	top:207px;
}
#content, #contentNrml, #contentReg {
	position:relative;
	display:block;
	width:540px;
	padding:5px 15px 15px 15px;
	background-color:#edecc3;
	margin:0;
}
#contentNrml {
	background-color:#FFF;
	line-height: 16px;
}
#contentReg {
	background-image:url(../_images/bg-aanmeld.gif);
	background-repeat:no-repeat;
}
#conTop {
	position:relative;
	background:url(../_images/contop.gif) top left no-repeat;
	width:570px;
	height:8px;
	display:block;	
}
#conBot {
	position:relative;
	background:url(../_images/conbot.gif) no-repeat;
	width:570px;
	height:8px;
}
#lang {
	position:absolute;
	z-index:2;
	height:30px;
	width:50px;
	top:160px;
	left:90px;
}
#langEn {
	float:left;
}
#langEn {
	float:right;
}

/* Customer Page
-------------------------------------------------------------------- */
#contentReg ul, #content ul {
	padding:0 0 0 0;
	margin:0 0 0 20px;
}
#contentReg ul li, #content ul li {
	padding:0 0 5px 0;
	margin:0 0 0 0;
}
#customerOverview { 
	padding:0 0 0 20px;
}
#customerOverview span { 
	color:#4d4d4d;
}

#resultComp {
	position:absolute;
	top:18px;
	left:328px;
	font-size:14px;
	width:180px;
	text-align:center;
	font-weight:bold;
	color:#FFFFFF;
}
#resultHead {
	display:block;
	width:520px;
	font-size:12px;
	line-height:24px;
	text-align:center;
	color:#4d4d4d;
}

/* Register form
-------------------------------------------------------------------- */
#regCustomer { 
	text-align:right;
	width: 450px;
}
#regCustomer input, .regForm, #sampleForm input {
	text-align:left;
	width: 300px;
	height:18px;
	border:0;
	margin: 4px 0 0 0;
	background-image:url(../_images/bgform.gif);
}
.regForm {
	height:50px;
	background-image:url(../_images/bgformbig.gif);
}
#regCustomer #products input {
	background:none;
	background-image:none;
	margin-right: 4px;
	width:14px;
	height:14px;
}
#regCustomer #products {
	text-align:right;
	margin-right:300px;
	width: 180px;
}
.regshipcountry, #regcountry {
	width: 300px;
	margin: 4px 0 0 0;
}

#continue, #continueShop {
	background-image:url(../_images/button-bg2.gif);
	background-repeat:no-repeat;
	background-color:#EDECC3;
	height:18px;
	width:123px;
	margin-left:10px;
	border:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
}
#continueShop {
	background-image:url(../_images/button-bg1.gif);
}
#submit {
	background-image:url(../_images/button-bg2.gif);
	background-repeat:no-repeat;
	background-color:#EDECC3;
	height:18px;
	width:123px;
	border:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
}
#submit, #copybutton, #print, #edit {
	background-image:url(../_images/button-bg2.gif);
	background-repeat:no-repeat;
	background-color:#EDECC3;
	height:18px;
	width:123px;
	border:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
}
#print {
	background-image:url(../_images/button-bg1.gif);
}
#edit {
	background-image:url(../_images/button-bg3.gif);
		width:223px;
}

#sampleForm { 
	text-align:right;
	width: 450px;
}
#sampleForm input, #sampleForm select { 
	width: 200px;
}
#sampleForm input, #sampleForm select { 
	width: 200px;
}
#sampleForm div input {
	background-image:none;
	margin-left: 4px;
	width:14px;
	height:14px;
}
#sampleForm div {
	text-align:left;
	margin-left:100px;
}
#sampleForm textarea.regForm {
	height:80px;
	width:450px;
	background-image:url(../_images/bgformbig.gif);
}
div.txtMssg {
	padding:10px 30px 0 0; 
	display:block;
	color:#940055;
}


span.resultHead {
	display:block;
	width:108px;
	height:24px;
	padding: 0;
	line-height:24px;
	text-align:center;
	background-image:url(../_images/resultstbtop.gif);
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-size:11px;
}
td.bgline {
}

/* Products
-------------------------------------------------------------------- */

a.proCat, a.proCat:active, a.proCat:link, a.proCat:visited { font-size:14px; font-weight:bold; text-decoration:none; }

.headPro, .headProBig { 
	width:240px;
	height:30px;
	background-image:url(../_images/conpro-ts.gif);
	display:block;
	padding: 0 0 0 25px;
	color:#dace00;
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:24px;
}
.proBg  {
	background-color:#f6f6e3;
	width:255px;
	height:120px;
	font-size:12px;	
	color:#9a0053;
	padding:0 5px 0 5px;
}
.proTxt {
	float:right;
	width:190px;
}
.proImg{
	float:left;
}
.proImgOver { position:relative; width:50px; height:50px; overflow:hidden; clear:both; float:left; margin:0 10px 0 0;} 

a.proLnk, a.proLnk:link, a.proLnk:visited, a.proLnk:active {
	width:500px;
	height:24px;
	font-size:14px;
	font-weight:bold;
	line-height:24px;
	text-decoration:none;
	color:#DFD62E;
	display:block;
	margin:10px;
	padding:0 0 0 10px;
	background-image:url(../_images/bgpro.gif);
	background-repeat:no-repeat;
	 
}
a.proLnk:hover {
	color:#DFD62E;
}

.expand {
	display:block;
}
.headProBig { 
	background-image:url(../_images/conpro-tl.gif);
	width:520px;
}
.proBgBig {
	background-color:#f6f6e3;
	display:table;
	font-size:12px;	
	color:#9a0053;
	padding:0 5px 0 10px;
	width:530px;
	margin:0;
}
#proTypeHead{
	background-image:url(../_images/protypetop.gif);
	height:20px;
	width:435px;
	padding-left:5px;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#9a0053;
	line-height:20px;
	margin:20px 0 0 65px;
}
.proTypeBg{
	background-image:url(../_images/protypebg.gif);
	height:30px;
	width:435px;
	padding-left:5px;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#9a0053;
	line-height:13px;
	margin:5px 0 0 65px;
}
.proTableType {
	border-collapse: collapse; 
	border-spacing: 0px;
	color:#333;
}
a.proBack:active, a.proBack:visited, a.proBack:link  {
	float:right;
	text-decoration:none;
	color:#9a0053;
	margin-right:40px;
}
a.proBack:hover  {
 	color:#dace00;
}

a.proBackOver:active, a.proBackOver:visited, a.proBackOver:link  {

	text-decoration:none;
	color:#9a0053;
	margin:10px 10px 10px 380px;
}
a.proBackOver:hover  {
 	color:#dace00;
}

/* News
-------------------------------------------------------------------- */
.newsimageview, .newsimage {
	float:right;
}

a.newslink:link, a.newslink:active, a.newslink:visited {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#9a0053;
	padding:5px 0 5px 0;
	text-decoration:none;
}

a.newslink:hover {
	color:#DFD62E;
}



/* Footer
-------------------------------------------------------------------- */
#footer {
	position:relative;
	width:570px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:20px;
	color:#940055;
	text-align:center;
}
.copyright:link, .copyright:active, .copyright:visited, .copyright:hover, .copyright:active {
	color:#940055;
	text-decoration:none;
}