/* Global styles */
	html,
	body
	{
		/* Make page height 100% */
		height: 100%;
		min-height: 100%; 
		overflow: inherit;
	}
	body,
	form
	{
		margin: 0px;
		padding: 0px;
	}

	/* Headings */
		table.page td.content h1
		{
			margin: 0px;
			color: #6d6e71;
			font-size: 18px;
			font-weight: bold;
			line-height: 20px;
		}
		table.page td.content h2
		{
			margin: 0px 0px 0px 0px;
			padding: 10px 0px 0px 0px;
			color: #868789;
			font-size: 16px;
			font-weight: bold;
			line-height: 18px;
		}
		table.page td.content h3
		{
			margin: 0px 0px 0px 0px;
			padding: 10px 0px 0px 0px;
			color: #98989A;
			font-size: 14px;
			font-weight: bold;
			line-height: 16px;
		}

table{border-collapse:collapse;border-spacing:0;} 
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
caption,th{text-align:left;} 
q:before,q:after{content:'';} 
abbr,acronym{border:0;} 
:focus{ outline:0;}
	
	/* Images */
	img
	{
		border: 0px;
	}
	/* Forms */
		fieldset
		{
			border:1px solid #ccc;
		}
	/* Links */
		a:link,
		a:active, 
		a:visited
		{
			color: #231f20;
			text-decoration: underline;
		}
		a:hover 
		{
			color: #eb008b;
			text-decoration: none;
		}
		/* Specialized links for the navigation in the header and sub navigation in the content */
			table.page td.header div.header_links a,
			table.page td.header div.header_links a:visited,
			table.page td.header div.header_links a:active,
			div.sub_nav div.sub_nav_center a,
			div.sub_nav div.sub_nav_center a:visited,
			div.sub_nav div.sub_nav_center a:active
			{
				color: #FFFFFF;
				text-decoration: none;
			}
			table.page td.header div.header_links a:hover,
			div.sub_nav div.sub_nav_center a:hover
			{
				color: #eb008b;
			}
			
/* Login box */
	#login_form label,
	#login_form input
	{
		margin-left: 3px;
		width: 170px;
	}
	/* Submit button */
		#login_form .button
		{
			text-align: center;
		}
	/* Input fields */
		#login_form .button input
		{
			margin-top: 2px;
			width: 73px;
			background-color: #F1F1F1;
			border: 1px solid #323232;
		}
	/* Warning message */
		div.loginMessage
		{
			margin: 10px 0px 0px 0px;
			padding: 3px;
			color: #FFF;
			font-size: 100%;
			text-align: justify;
			background-color: #FF6600;
			border: 1px solid #D92000;
		}
		div.loginMessage h1
		{
			margin: 0px;
			padding-bottom: 5px;
			color: #FFF;
			font-size: 14px;
		}
	
/* Page Structure / Navigation */
	div.container
	{
		margin: 0 auto;
		width: 1059px;
		min-height: 100%; 
		height: 100%;
	}
	/* Global table used for the build up of the website */
		table.page
		{
			margin: auto;
			width: 100%;
			height: 100%;
			empty-cells: show;
			border-collapse: collapse;
			border-spacing: 0px;
		}
	/* Global Table cells styles, because, unfortunally, we're using tables things have to be set for the table cells */
		table.page td
		{
			padding: 0px;
			vertical-align: top;
			color: #575757;
			font-family: Arial;
			font-size: 12px;
			line-height: 16px;
		}
		/* Global page sides; images mainly */
			table.page td.side_left
			{
				width: 18px;
				background-image: url(images/main_side_left.jpg);
				background-repeat: repeat-y;
				border-right: 1px solid #FFFFFF;
			}
			table.page td.side_right
			{
				width: 18px;
				background-image: url(images/main_side_right.jpg);
				background-repeat: repeat-y;
				border-left: 1px solid #FFFFFF;
			}
		/* Header */
			table.page td.header
			{
				height: 141px;
				background-color: #000;
				background-image: url(images/header.jpg);
				background-repeat: no-repeat;
			}
			/* Positioning of the navigation links in the header */
				table.page td.header div.header_links
				{
					position: relative;
					top: 106px;
					
					width: 800px;
					
					color: #FFFFFF;
					text-align: center;
					font-size: 20px;
					font-weight: bold;
				}
				table.page td.header div.header_links p
				{
					margin: 0px;
					padding: 0px;
				}
		/* Footer */
			table.page td.footer_main
			{
				vertical-align: middle;
				height: 50px;
				color: #6d6e71;
				font-weight: bold;
				text-align: center;
				border-top: 1px solid #e83a7b;
			}
			/* Links */
				table.page td.footer_main a:link,
				table.page td.footer_main a:active, 
				table.page td.footer_main a:visited
				{
					color: #6d6e71;
					text-decoration: underline;
				}
				table.page td.footer_main a:hover 
				{
					color: #eb008b;
					text-decoration: none;
				}
		/* Sidebar */
			table.page td.sidebar
			{
				width: 199px;
				height: 100%;
				background-image:  url(images/sidebar_side_right.jpg);
				background-repeat: repeat-y;
				background-position: top right;
			}
			/* Login (or profile information) box */
				table.page td.sidebar div.sidebar_login
				{
					padding: 5px 15px 5px 5px;
					color: #FFFFFF;
					background-image:  url(images/sidebar_login_bg.jpg);
					background-repeat: no-repeat;
					background-position: top right;
				}
				table.page td.sidebar div.sidebar_login a:link,
				table.page td.sidebar div.sidebar_login a:active,
				table.page td.sidebar div.sidebar_login a:visited
				{
					color: #FFFFFF;
					font-weight: bold;
				}
				table.page td.sidebar div.sidebar_login h1
				{
					margin: 0px;
					font-size: 16px;
				}
			/* Additional content that can be placed in the sidebar */
				table.page td.sidebar div.sidebar_extra
				{
					padding: 5px 10px 5px 5px;
				}
				table.page td.sidebar div.sidebar_extra_content
				{
					margin: 0px;
					padding: 5px 5px 5px 0px;
					overflow: hidden;
				}
		/* Content */
			/* Extra content area on the right sided, used in combination with "div.content_inner_small" */
				table.page td.content div.content_extra
				{
					float: right;
					width: 153px;
					padding: 0px 10px 0px 10px;
				}
				table.page td.content div.content_inner_small
				{
					/* Nothing */
					margin-right: 173px;
					padding: 0px 10px 10px 10px;
				}
			/* Full sized content area for shop and full pages */
				table.page td.content div.content_inner_normal
				{
					/* Nothing */
					
					padding: 10px 10px 10px 10px;
				}
	/* Content sub navigation */
		div.sub_nav
		{
			color: #FFFFFF;
			font-size: 12px;
			font-weight: bold;
			background-image: url(images/subnav-background.jpg);
			background-repeat: repeat-x;
		}
		/* Center for actual content */
			div.sub_nav div.sub_nav_center
			{
				padding: 12px 5px 23px 20px;
				text-align: center;
			}
			/* The inside of the (by Concrete5 generated) content */
				div.sub_nav div.sub_nav_center p
				{
					margin: 0px;
				}
				div.sub_nav div.ccm-add-block
				{
					width: 720px;
					color: red;
					margin: 0 auto;
				}
				
/* Widgets */
	div.widgetWelkom
	{
		margin: 0px 0px 10px 0px;
	}
	div.widgetDreamzone
	{
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		border-bottom: 1px solid #6d6e72;
		overflow: hidden;
	}
		div.widgetDreamzone h3
		{
			margin: 0px 0px 5px 0px;
			padding: 0px 10px 0px 0px;
		}
		div.widgetDreamzone h3 a
		{
			text-decoration: none;
		}
		div.widgetDreamzone div.pic
		{
			margin: 5px 0px 0px 0px;
		}
		div.widgetDreamzone div.pic div.curve_bottom
		{
			text-align: center;
		}
	div.widgetMaster div.master
	{
		margin-top: 5px;
	}
		div.widgetMaster div.image
		{
			float: left;
			margin: 2px;
			position: relative;
			bottom: 15px;
		}
		div.widgetMaster div.name
		{
			margin-left: 47px;
		}
	div.widgetTarget
	{
		clear: both;
		 color:black;
	}

/* Concrete5 */
	/* Page Elements */
	.pagingNav{ margin:16px 0px 8px 0px}
	.pagination{ text-align:center; color:#bbb; padding-top:4px}
	.pagination .pageRight{width:20%; float:right; text-align:right}
	.pagination .pageLeft{width:20%; float:left; text-align:left}

	/* MISC STYLES & SHORTCUTS */
	div.code {border: 1px solid #ddd; background: #eee; padding: 10px}
	div.spacer,div.ccm-spacer{ clear:both; font-size:1px; line-height:1px }
	.noTopSpace{margin-top:0px; padding-top:0px}
	
	/* error text class optionally provided by theme */
	div.ccm-error-response
	{
		color: #FF0000;
		margin-bottom: 12px;
	}
	
/* SPARCO/SOTAQ DEEL */
/***** ACCESSIBILITY ITEMS  *****/

#skip{position:absolute; left:0; top:-500px; width:1px; height:1px; overflow:hidden; }
#skip a:active, #skip a:focus{ position:static; width:auto; height:auto; } 
#skip ul{list-style-type: none;}

/***** GLOBAL CLASSES *****/
 
.clear       		{clear:both; height:0;	margin:0; font-size: 1px; line-height: 0;}
.clearleft       	{clear:left;}
.clearright    		{clear:right;}
.hidden				{display:none;}
 
.floatleft  	  	{float:left;}
.floatright 		{float:right;}
 
.textleft     		{text-align:left }
.textright    		{text-align:right;}
.textcenter   		{text-align:center;}
.textjustify  		{text-align:justify;}

.nopadding     		{padding:0;}
.nomargin    		{margin:0;}

.uppercase			{text-transform:uppercase;}
.lowercase			{text-transform:lowercase;}
.capitalize			{text-transform:capitalize;}

.noborder			{border:0;}
.displaynone		{display:none;}    

img.floatleft, a.floatleft	{float:left }
img.floatright, a.floatright{float:right;}


/* LAYOUT ========================================================================== */
/*
div#webcentives ol, div#webcentives ul{list-style:none;}
*/


/* WEBCENTIVES ========================================================================== */
div.webcentives_content{ display:block; padding:10px; clear:both;}

div#webcentives{ width: 803px; }

/* Errors */
ul.errors{ margin:0 0 20px 10px; }
ul.errors li{margin-bottom:4px; color:#c00; font-weight:bold; }

/* PAGING */
	ul.paging
	{
		display: block;
		width: 100%;
		margin: 0px 10px 10px 10px;
		padding: 0px;
		list-style:none;
	}
	div.paging_bottom ul
	{
		border-top: 1px solid #6d6e72;
	}
	ul.paging li
	{
		float: left;
		width: 32%;
	}
	ul.paging li p
	{
		margin: 0px;
		padding: 0px;
		text-align: center;
	}
	ul.paging li p span
	{
		display: block;
	}
	ul.paging li.next
	{
		width: 34%;
		text-align: right;
	}
/* Cadaeu shop list */
	#dreamzone ul.item,
	ul.items
	{
		margin: 0px;
		padding: 0px 0px 0px 0px;
		list-style-type: none;
	}
	/* Fix */
		#dreamzone ul.items,
		ul.items ul
		{
			margin: 0px;
			list-style-type: disc;
		}
	/* Category items */
		ul.items li,
		#productdetail ul li
		{
			display: block;
			float: left;
			width: 400px;
		}
		ul.items li h2 a:link,
		ul.items li h2 a:active,
		ul.items li h2 a:visited
		{
			display: block;
			padding: 2px 2px 2px 10px;
			color: #FFF;
			font-size: 12px;
			background-color: #6d6e72;
		}
		ul.items li div.category h2 a:link,
		ul.items li div.category h2 a:active,
		ul.items li div.category h2 a:visited
		{
			background-color: #5B6177;
		}
		ul.items li h2 a:hover
		{
			color: #eb008b;
		}
	/* Photo of item */
		ul.items li div.photo,
		#dreamzone ul.items div.photo
		{
			float: left;
			margin-top: 25px;
			width: 100px;
			height: 100px;
			padding: 10px;
			text-align: center;
		}
	/* Price (points) text styles */
		ul.items li .price
		{
			margin-top: 10px;
		}
		/* Previous value */
		ul.items li .price strike
		{
			color: #FF0000;
			font-weight: bold;
		}
		/* BETA BETA BETA: adds the "punten" string after the amount of points */
		#newproducts ul.items li .price:after,
		#products ul.items li .price:after,
		#productdetail #dreamzone ul.items li .price:after
		{
			content: "punten";
		}

ul.buttons{ float:left;  list-style-type: none; }
ul.buttons, ul.buttons li, ul.buttons li.even{ float:left; }
ul.buttons li.even{ margin-left:15px; }
ul.buttons input.submit{ background-color:#0066FF; outline:0; border:0; padding:0 7px; line-height:30px; font-weight:bold; color:#fff; cursor:pointer;}

/* HEADER - CATEGORIES / PRODUCTS */
ul.header, li.header{ font-weight:bold; color:#fff; }
ul.header h2{ font-size: 12px; margin:0;}
ul.header div.inner{margin-bottom:5px; padding:0 10px; }
ul.items li.header, ul.item li.header, ul.items li.header div.inner, ul.item li.header div.inner { background-color:#6D6E72;}
ul.items li.header div{ background-color:#6D6E72; }
ul.footer div.inner{margin-bottom:5px; padding:0 10px;  background-color:#6D6E72;}
ul.items li.footer, ul.item li.footer, ul.items li.footer div.inner, ul.item li.footer div.inner { background-color:#6D6E72;}

/* NEW PRODUCTS */
/*#newproducts ul.items li, 
#newproducts ul.items li{ margin-right:0;border-top:1px solid #6D6E72; margin-bottom:10px; }
#newproducts ul.items li div.category{ margin-top:0px;}
#newproducts ul.items li div.description{ width:380px; margin-right:10px;}
*/

/* PRODUCTS */
	#newproducts ul.items li,
	#products ul.items li
	{
		width: 100%;
	}
	#products ul.items div.category
	{

	}
	#newproducts ul.items li div.photo
	{
		margin-top: 60px;
	}
	#products ul.items li div.photo
	{
		margin-top: 60px;
	}

/* PRODUCTDETAIL */
	#productdetail ul.items li
	{
		float: left;
		clear: left;
	}
	#productdetail ul.items li div.inner
	{
		margin-bottom: 20px;
	}
	#productdetail ul.items li.even
	{
		clear: none;
	}
	#productdetail ul.items li.even div.inner
	{
		margin-left:25px;
	}
	#productdetail form ul.items li div.photo
	{
		width: 100%;
		height: 100%;
	}
	#productdetail ul.items li div.price
	{
		display: block;
		margin-bottom: 30px;
		font-weight: bold;
	}
	#productdetail ul.items li input
	{
		margin: 0px;
	}

/* OFFERS */
	#offers ul.items
	{
		width: 97%;
	}
	#offers ul.items li
	{
		float: none;
		width: 100%;
		border-bottom: 1px solid #EEE;
	}
	/* Category header */
		#offers ul.items li.header
		{
			margin: 25px 0px 10px 0px;
			padding: 3px 3px 3px 3px;
		}
		#offers ul.items li.header div.inner{ margin:5px; padding:0;} 
		#offers ul.items li div.inner
		{
			padding: 10px;
		}
		#offers ul.items li.header div.description{ padding:0;}
		#offers ul.items li.header div.description span{ float:left;}
	/* Bekijk alle aanbiedingen in category */
		#offers ul.items li.header div.description a
		{
			display: block;
			float: right;
			margin: 0px;
			color: #FFF;
		}
	/* Image of product */
		#offers ul.items li div.photo
		{
			float: left;
			margin: 0px 0px 20px 0px;
			padding: 0px;
			width: 280px;
		}
	/* Bekijk product */
		#offers ul.items div.description a
		{
			display: block;
			margin-top: 10px;
		}

/* DREAMZONE */
	/* (selected) */
		#dreamzone ul.item li
		{
			clear: left;
		}
		/* Big image */
			#dreamzone ul.item li div.photo
			{
				float: right;
				margin: 0px;
				padding: 10px;
				width: 300px;
			}
			/* Image */
				#dreamzone ul.item li div.photo img
				{
					max-width: 150px;
					max-height: 150px;
				}
		/* Content size */
			#dreamzone ul.item li,
			#dreamzone ul.items li
			{
				width: 100%;
			}
		/* Header fix */
			#dreamzone ul.item li div.description h2
			{
				margin: 0px 0px 10px 0px;
				padding: 0px;
			}
		/* Button fix */
			#dreamzone ul.item li div.description input
			{
				margin-top: 10px;
			}
		/* Buttons */
			#dreamzone ul.item ul.buttons li
			{
				float:left;
				margin:0;
				padding:7px;
				width:140px;
			}
			#dreamzone ul.item ul.buttons li.even
			{
				float: right;
				clear: none;
				margin: 0px;
				width: 140px;
				text-align: right;
			}
/* Also selected, bottom half */

#dreamzone ul.items li{ padding-top:5px; border-top:1px solid #6D6E72; clear:left;} 
#dreamzone ul.items li.even{ margin-right:0px; clear:none;}
#dreamzone ul.items li h2, #dreamzone ul.items li h2 a, #dreamzone ul.items li h2 a:hover{ font-size:14px;}
#dreamzone ul.items li div.photo{ margin-left: 0px; min-height:100px;}
#dreamzone ul.items li div.description{  margin-right:10px;}
#dreamzone ul.items div.price{ float:left; width:90px; background-color:#fff; margin:0px 0;}

/* (buttons) */
#dreamzone ul.items ul.buttons
{
	float: right;
	margin: 50px 20px 0px 0px;
	padding: 0px;
	width: 400px;
}
#dreamzone ul.items ul.buttons li
{
	float: left;
	width: 140px;
	border: 0px;
}
#dreamzone ul.items ul.buttons li.even
{
	float: right;
	margin: 0;
	width: 160px;
	text-align: right;
}


/* BASKET */
/* Header */
	#basket ul.items li.header
	{
		float: none;
		background-color:#6D6E72;
	}
/* Sections */
	#basket ul.items li div.description,
	#basket ul.items li div.points,
	#basket ul.items li div.amount,
	#basket ul.items li div.total
	{
		float: left;
		margin: 0px;
		padding: 3px;
	}
	#basket ul.items li div.description
	{
		width: 390px;
	}
	#basket ul.items li div.points,
	#basket ul.items li div.amount,
	#basket ul.items li div.total
	{
		width: 90px;
		text-align: center;
		border-right: 1px solid #EEE;
	}
	/* Footer */
		#basket ul.items li.footer
		{
			color:#fff;
			font-weight:bold;
			background-color:#6D6E72;
		}
		#basket ul.items li.footer div.points,
		#basket ul.items li.footer div.amount,
		#basket ul.items li.footer div.total
		{
			position: relative;
			top: 22px;
			color: #575757;
		}
#basket ul.items li{ width:804px;} 
#basket ul.items li select{ margin:2px 0 0 0;}

/* (buttons) */
#basket ul.buttons{ margin: 0px; padding: 0px; }
#basket ul.buttons li{ float:left; width:185px; margin:0; padding:0;}
#basket ul.buttons li.even{ float:left; width:185px; margin:0 0 0 10px; padding:0;}


/* ORDER */
#order ul.items{ margin-bottom:20px;}
#order ul.items li.header{ margin-bottom:10px;}
#order ul.items li.even{ background-color:#fff;} 
#order ul.items label{ margin:5px 0; width:450px; display:block; float:left;}
#order ul.items textarea{ width:275px; height:100px;}

/* SEARCH */
	#search ul.items
	{
		width: 100%;
	}
	#search ul.items li
	{
		float: none;
		font-weight: normal;
	}
	/* Filter list */
		#search ul.items li ul
		{
			margin: 0px;
			padding: 0px;
		}
	/* Title of search form */
		#search ul.items li.header
		{
			padding: 2px 2px 2px 5px;
		}
	/* Keyword input */
		#search ul.items li div.inner input
		{
			margin: 2px;
		}
	/* Submit button */
		#search ul.buttons
		{
			margin: 0px;
			padding: 0px 0px 0px 10px;
		}
	/* Form */
		#search form
		{
			margin-left: 10px;
		}
		
/* HELP */
	#help #webcentives_faq_container big{ }
	#help #webcentives_faq_container ol{ margin-left:35px; list-style-position:outside; list-style-type:decimal;}
	#help #webcentives_faq_container ol li{ padding:3px 0;}
	#help #webcentives_faq_container p{ margin-left:10px; }
		

/* No longer in SPARCO side, right? */
	/* ACCOUNT / ACCOUNTEDIT */
		#account ul.items{ margin-bottom:20px;}
		#account ul.items li.header{ margin-bottom:10px;}
		#account ul.items li{clear:none;}
		#account ul.items li{ width:804px; margin:0; padding:0;} 
		#account ul.items li div.inner{ margin:0; padding:0 0 0 10px;} 
		#account ul.items div.description{ margin:5px 0; padding:0; width:350px;} 
		#account ul.items li.header div.description{ width:450px;} 
		#account ul.items label{ margin:5px 0; width:450px; display:block; float:left;}
		#account ul.items input, #account ul.items select{width:350px;}
		#account ul.items p{ margin:5px 0; width:auto; float:left; font-weight:bold;}
		#account ul.items div.date{ margin:5px 0; width:220px;}
		#account ul.items div.points{ margin:5px 0; width:100px;}
		#account ul.buttons{ margin:0 0 10px 0; width:auto;}
		#account ul.buttons li{ padding-right:5px;}
		/* (account edit and account edit password only) */
		#accountedit ul.buttons, #accounteditpassword ul.buttons{ width:auto; float:right; margin:0 0 10px 0;}
		#accountedit ul.buttons li, #accounteditpassword ul.buttons li{ padding:0 0 0 5px;}
	
	/* VOUCHER */
		#voucher ul.items{ margin-bottom:20px;}
		#voucher ul.items li{ width:804px; margin:0;} 
		#voucher ul.items li div.inner{ margin:0; padding:0 0 0 10px;} 
		#voucher ul.items label{ margin:5px 0; width:auto; padding-right:10px; display:block; float:left;}
		#voucher ul.items input{width:350px;}


	/* SERVICE */
		#service p{ margin:5px 0; }
		#service ul.items{ margin-bottom:20px;}
		#service ul.items li{ margin:0;} 
		#service ul.items li.header{ font-weight:bold;}

		#service #help ul.items{ list-style-type:disc; margin:0 0 20px 28px; padding:0; width:912px;}
		#service #help ul.items li{ width:auto; float:none; }

		#service #faq ul.items{ list-style-type:decimal; margin:0 0 20px 28px; padding:0; width:912px;}
		#service #faq ul.items li{ width:auto; float:none; }

		#service #answer ul.items{ margin:0 0 20px 12px; padding:0; width:928px;}
		#service #answer ul.items li{ width:928px; margin-bottom:25px;}
		#service #answer ul.items p{ margin:0;}
		#service #answer ul.items span{ font-weight:bold; }

	/* CONTACT */
		#contact ul.items{ margin-bottom:20px;}
		#contact ul.items li{ width:804px; margin:0;} 
		#contact ul.items li div.inner{ margin:0; padding:0 0 5px 10px;} 
		#contact ul.items label{ margin:5px 0; width:804px; padding-right:10px; display:block; }
		#contact ul.items select{width:400px;}
		#contact ul.items textarea{width:400px; height:100px;}