@CHARSET "UTF-8";

body {
	background-color: 		#FFFFFF;
	height: 				100%;
	
	background-image: 		url("../images/bg_spacer.jpg");
	
	background-position: 	top left;
	background-repeat: 		repeat;
}

html,body {
	height:					100%;
}

body,td,th {
	font-family: 			Helvetica, sans-serif;
	font-size: 				10px;
	color: 					#333333;
}

* {
	margin: 				0;
}

a:link {
	color:					#02A4A1;
	border: 				0px;
}

a:visited {
	color: 					#02A4A1;
}

a:hover {
	color: 					#FF007D;
}

a:active {
	color: 					#02A4A1;
}

#header {
	background-image: 		url("../images/content_spacer.jpg");
	background-position: 	left top;
	background-repeat: 		repeat-y;
	
	padding-left: 			0px;
	padding-top: 			0px;
	height: 				144px;
	width: 					980px;
	
}

#lefttop {
	position:absolute;
	left:0px;
	top:0px;
	width:20px;
	height:18px;
}

#header_top {
	position:absolute;
	left:20px;
	top:0px;
	width:941px;
	height:18px;
}

#righttop {
	position:absolute;
	left:961px;
	top:0px;
	width:19px;
	height:18px;
}

#logo {
	position:absolute;
	left:   20px;
	top:    18px;
	width: 140px;
	height: 84px;
}

#header_img {
	position: absolute;
	left: 170px;
	top: 	18px;
	width: 791px;
	height: 84px;
}

#navigation {
	position: absolute;
	left: 20px;
	top: 112px;
	width: 860px;
	height: 22px;
	border: 1px solid;
	border-color: #aeaeae;
	
	background-image:url("../images/nav_spacer.jpg");
	background-repeat:repeat-x;
}


#left {
	position: 				relative;
	width: 					160px;
	float:					left;
	margin-bottom:			20px;
	
	background-image:		url("../images/lefttop_bg.gif");
	background-position: 	left top;
	background-repeat:		no-repeat;
	
}

#menuleft {
	padding-left: 			30px;
	padding-right: 			4px;
	padding-top: 			10px;
	font-family: 			Helvetica, sans-serif;
	font-size: 				11px;
	color: 					#222222;
	
	line-height: 14pt
	
}

#menuleft a {
	color: #333333;
}

#menuleft a:hover {
	color: #FC037E;
}

.wrapper {
	min-height: 			100%;
	height: 				auto !important;
	he\ight: 				100%;
	width:					980px;
	
	margin: 				0 0 -20px;
	background-position:	left top;
	background-image: 		url("../images/front_spacer.jpg"); 
	background-repeat: 		repeat-y;
}

#navigatie {
	font-family: 			Helvetica, sans-serif;
	font-size: 				11px;
	width: 					152px;
	padding: 				1px;
	margin-bottom: 			1em;
}

#navigatie ul {
	list-style: 			none;
	margin: 				0;
	padding: 				0;
}

#navigatie ul li {
	margin-top: 			4;
}

#navigatie ul li a {
	display: 				block;
	background-image: 		url("../images/admin/button_bg.jpg");
	text-align: 			center;
	padding: 				7px;
	color: 					#007CCB;
	width: 					100%;
	height: 				12px;
}

body #navigatie ul li a {
	width: 					auto;
}

#navigatie ul li a:hover {
	color: 					#CC0000;
}

#content {
	position:				relative;
	margin-left:			170px;
	_margin-left:			167px;
	width: 					790px;
	font-family: 			Helvetica, sans-serif;
	font-size: 				12px;
	color: 					#222222;
	background-image:		url(../images/contenttop_bg.gif);
	background-position:    left top;
	background-repeat:      no-repeat;
	overflow:				visible;
	
}

#textmargins {
	padding: 				10px;
	overflow:				visible;
}

.push {
	height: 				26px;
	width:					980px;
	clear:					both;
}

.footer {
	background-image:		url("../images/footer_bg.gif");
	background-position:	left top;
	background-repeat:		repeat-y;
	height: 				20px;
	width: 					941px;
	padding-left: 			20px;
	padding-right: 			19px;
	padding-top: 			10px;
	padding-bottom: 		10px;
}

#leftFooter {
	position: 				relative;
	background-image: 		url("../images/bottom_bg.gif");
	height: 				10px;
	top:					-10px;
	width: 					980px;
	left: 					0px;
	margin-bottom:			-10px;
	margin-top:				10px;
	overflow:				hidden;
	clear:					both;
}

#footertext {
	position:				relative;
	background-image: 		url("../images/footer_spacer.jpg");
	background-position: 	left top;
	background-repeat: 		repeat-x;
	
	font-family: 			Helvetica, sans-serif;
	font-size: 				10px;
	color: 					#363636;
	left: 					0px;
	
	
	
	padding: 				2px;
	height: 				14px;
	width:					935px;
	
	border: 				1px solid;
	border-color: 			#aeaeae;
}

#footernav {
	position:				relative;
	width:					585px;
}

#footercopy {
	position:				absolute;
	top:					3px;
	width:					350px;
	padding-left:			585px;
	text-align:				right;
	font-family: 			Helvetica, sans-serif;
	font-size: 				10px;
	color: 					#363636;
}

#footercopy a {
	
	color: 					#363636;
}

#footercopy a:hover {
	
	color: 					#363636;
}

#treePaneContainer {
	position:				relative;
	float:					left;
	min-width:				175px;
	_width:					175px;	
}

.catalogPane {
	position:				relative;
	margin-left:			175px;
}

table { 
	empty-cells:			show; 
}

table.list {
	border-collapse:		collapse;
}

table.list th {
	text-align:				center;
}

.nextPage {
	position:				absolute;
	right:					0;
}

.prevPage {
	position:				absolute;
	left:					0;
}

.pageCount {
	text-align:				center;
}

.button {
	width:					122px;
	height:					24px;
	background: 			url('../images/admin/button.jpg') no-repeat top left;
	font-size: 				12px;
	text-decoration: 		none;
	color:					#FFFFFF;
}

#product {
	background-image:		url("../images/product_flyer.jpg");
	background-position:	left top;
	background-repeat:		no-repeat;
	width: 					144px;
	height: 				167px;
	float:					left;
	margin:					25px;
}

#product-details {
	width: 					118px;
	height:					105px;
	padding: 				10px;
}
#product-price {
	width:					124px;
	heigh:					25px;
	padding-right:			10px;
	color:					#F70078;
	font-size:				22px;
	font-weight:			bold;
	text-align:				right;
}
#product-size {
	padding:				3px;
	font-size:				9px;
	text-align:				center;
}

h1 {
	color:					#F70078;
	font-size:				14px;
}

form#orderForm label {
	display: 				block;
	float:					left;
	width:					100px;
	text-align:				right;
	padding-right:			10px;
}

form#orderForm input, form#orderForm select {
	display: 				block;
	width:					550px;
}

form#orderForm select {
	font-family:			monospace;
}

form#orderForm br {
	
}

.formtitle {
	color:					#FFFFFF;
	font-size:				14px;
}