* {
	margin: 0px;
	padding: 0px;
	font-family: "Arial", sans-serif;	
}

html, body, table {
	font-size: 12px;
	color: #000;
}

html, body {
	background-color: #fff;
}

h1, h2, h3, h4, h5, h6 {
	color: #373790;
	margin: 0px 0px 23px 0px;
}

h2 {
	font-size: 15px;
	font-weight: bold;
}

h3 {
	font-size: 14px;
	font-weight: normal;
}

p {
	line-height: 20px;
	margin-bottom: 23px;
}

ul {
	margin-left: 30px;
}

a {
	border: 0px;
	color: #000;
	cursor: pointer;
	text-decoration: none;
}

a:active {
	outline: none;
}

a:focus {
	outline-style: none;
}

a:hover {
	color: #373790;
}

a:visited {
	border: 0px;
}

img {
	border: 0px none;
}

/** Shopping cart global classes **/
a.shopping-cart {
	background-image: url(../images/layout-images/icon_shopping_cart.png);
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 18px;
}

span.shopping-cart-info {
	color: #5e5e5e;
	margin-left: 5px;
}

/** input and textareas **/
input, textarea {
	border: 1px solid #949494;
	height: 25px;
	line-height: 25px;
	margin-bottom: 15px;
	padding: 3px 0px 0px 8px;
}


/** Positions the site in the middle of the screen **/
div#wrapper {
	margin: 0 auto;
	width: 950px;
}
	
	/** Header **/
	div#header {
		background-color: #89c6e7;
		background-image: url(../images/layout-images/bg_header.png);
		background-position: top right;
		height: 159px;
		width: 950px;
	}
		/** Show logo **/
		div#logo {
			background-image: url(../images/layout-images/bg_logo.png);
			background-repeat: no-repeat;
			background-position: top left;
			float: left;
			height: 159px;
			width: 257px;
		}
	
			/** Hide the logo text **/
			div#logo h1 {
				display: none;
			}
			
		div#quickmenu {
			clear: right;
			float: left;
			height: 88px;
			margin-right: 25px;
			padding-right: 25px;
			padding-top: 30px;
			text-align: right;
			width: 643px;
		}
		
			div#quickmenu, div#quickmenu a, div#quickmenu span.shopping-cart-info {
				font-weight: bold;
			}
		
			div#quickmenu, div#quickmenu a {
				color: #fff;
				font-size: 15px;
			}
			
			div#quickmenu a {
				margin: 0px 5px;
			}
			
			div#quickmenu span.shopping-cart-info {
				font-size: 12px;
			}
			
				div#quickmenu div.languagemenu{
					margin-top: 20px;
					text-align: right;
				}
				
					div#quickmenu div.languagemenu a {
						font-size: 12px;
					}
		
		div#search {
			background-image: url(../images/layout-images/bg_search.png);
			float: left;
			height: 41px;
			margin-right: 25px;
			padding-right: 25px;
			text-align: right;
			width: 643px;
		}
		
			div#search div.search-form {
				float: right;
				line-height: 25px;
				margin-top: 8px;
			}
		
			div#search div.search-form input {
				border: 0px none;
				float: left;
				height: 24px;
			}
		
			div#search div.search-form input.search {
				height: 20px;
				padding-left: 10px;
				padding-top: 4px;
				width: 152px;
			}
			
			div#search div.search-form span.search {
				background-image: url(../images/layout-images/button_search.png);
				background-position: center left;
				background-repeat: no-repeat;
				cursor: pointer;
				display: block;
				float: right;
				font-weight: bold;
				padding-right: 20px;
				line-height: 24px;
				width: 59px;
			}

			div#search div.search-form span.search, div#search div.search-form span.search a {
				color: #fff;
			}
			
				div#search div.search-form span.search a:hover {
					color: #efefef;
				}
			
	/** Middle content with background at the bottom **/
	div#middle {
		background-color: #89c6e7;
		background-image: url(../images/layout-images/bg_middle.png);
		background-position: bottom left;
		background-repeat: no-repeat;
		clear: both;
		min-height: 650px;
		overflow: auto;
		width: 950px;
	}
		/** Menu container **/
		div#menu {
			float: left;
			width: 257px;
		}
		
			div#menu ul {
				list-style-type: none;
				margin: 0px 0px 0px 41px;
				width: 216px;
			}
			
				div#menu ul li, div#menu a {
					color: #fff;
				}
			
				/** Menu item **/
				div#menu ul li {
					font-weight: bold;
					font-size: 14px;
					height: 36px;
					line-height: 36px;
					margin: 0px 0px 6px 0px;
				}
				
					div#menu ul li a {
						display: block;
						padding-left: 30px;
						width: 186px;
					}
				
					/** Menu active or hover **/
					div#menu a.active, div#menu a:hover {
						background-image: url(../images/layout-images/bg_menu.png);
						background-repeat: no-repeat;
						background-position: top left;
					}
					
		/** Container for the content **/
		div#content {
			background-color: #fff;
			float: left;
			margin-right: 25px;
			padding: 45px 0px 45px 45px;
			width: 623px;
		}
		
			div.big-column {
				float: left;
				width: 560px;
			}
		
			div.left-column {
				float: left;
				width: 350px;
			}
			
			div.right-column {
				float: right;
				width: 210px;
			}
			
			div.box {
				/** placeholder **/
			}
	
				div.box h2 {
					font-size: 18px;
					margin: 0px 0px 10px;
				}

				div.box h3 {
					color: #000;
					font-size: 16px;
					margin: 0px 0px 10px;
				}
				
				div.box input {
					width: 163px;
					color: #949494;
				}
				
			div.offer {
				/** placeholder **/
			}	

				div.offer img {
					margin: 0px 0px 20px -30px;
				}
				
				div.offer span.text {
					background-image: url(../images/layout-images/icon_offer_text.png);
					background-repeat: no-repeat;
					background-position: bottom right;
					color: #757575;
					clear: both;
					float: left;
					font-weight: bold;
					font-size: 16px;
					margin-top: 20px;
					width: 130px;
				}
				
			div.login, div.new-customer {
				/** placeholder **/
				float: left;
			}
				
				div.login input.blue-small-button, div.new-customer span {
					float: right;
					margin-top: 7px;
					margin-right: 36px;
				}

			div.login span.password-reset {
				font-style: italic;
				margin-top: -10px;
				margin-bottom: 10px;
			}
				
			div.new-customer {
				margin-top: 40px;
			}
				div.new-customer div.title {
					background-image: url(../images/layout-images/icon_new_customer.png);
					background-repeat: no-repeat;
					background-position: right;
					float: left;
					width: 175px;
				}

			div.products {
				/** placeholder **/
				float: left;
				height: 130px;
				margin-bottom: 40px;
				vertical-align: middle;
			}
			
				div.products img {
					margin-right: 12px;
				}
				
			div.product {
				/** placeholder **/
				float: left;
				margin-bottom: 40px;
				width: 600px;
			}

				div.product h2 a {
					color: #373790;
				}
			
				div.product div.image {
					float: left;
					width: 145px;
				}
				
				div.product div.info {
					float: left;
					width: 455px;
				}
				
					div.product div.info ul {
						list-style-type: none;
						margin: 0px;
						padding: 0px;
					}
					
						div.product div.info ul li {
							border-top: 1px solid #dcdcdc;
							height: 29px;
							line-height: 29px;
						}
						
						div.product div.info ul li.price {
							border: none;
							font-weight: bold;
						}
				
				div.product div.controls {
					float: right;
				}
				
				div.product div.description {
					float: left;
					margin-top: 40px;
				}

			div.basket {
				/** placeholder **/
				width: 580px;
			}

				div.basket p {
					font-weight: bold;
					text-align: center;
					width: 580px;
				}

				div.basket ul {
					overflow: hidden;
					list-style-type: none;
					margin: 0px 0px 30px 0px;
				}

					div.basket ul li {
						float: left;
					}

					ul li.image {
						display: block;
						width: 100px;
					}

					ul li.product {
						text-align: center;
						width: 150px;
					}
						
					ul li.unitprice {
						text-align: right;
						width: 90px;
					}

					ul li.unit {
						text-align: right;
						width: 90px;
					}

					ul li.unittotal {
						text-align: right;
						width: 90px;
					}

					ul li.remove {
						text-align: right;
						width: 60px;
					}
					

				div.basket ul.title {
					font-weight: bold;
					text-align: center;
				}
					ul.title li.product {
					}

				div.contents {
					float: left;
					margin-bottom: 30px;
				}

				div.contents ul.product {
					border-bottom: 1px solid #efefef;
					border-top: 1px solid #efefef;
				}
					ul.product li {
						padding-top: 10px;
					}

					ul.product li.unit {
						padding-top: 5px;
					}

					ul.product li input {
						height: 20px;
						padding-left: 0px;
						text-align: center;
						width: 45px;
					}

					ul.product li.image {
						padding-top: 0px;
					}

				span.subtotal {
					clear: both;
					float: right;
				}

	/** Shows the footer **/
	div#footer {
		background-image: url(../images/layout-images/bg_footer.png);
		background-position: top left;		
		background-repeat: no-repeat;
		clear: both;
		color: #fff;
		font-weight: bold;
		height: 40px;
		text-align: right;
		width: 950px;
	}
	
		div#footer p {
			margin: 0px 45px 0px 0px;
			line-height: 33px;
		}

		div#footer a {
			color: #fff;
		}

/** Buttons **/
span.grey-small-button, span.grey-big-button, span.blue-small-button, span.blue-big-button, input.grey-small-button, input.grey-big-button, input.blue-small-button, input.blue-big-button {
	background-repeat: no-repeat;
	display: block;
	font-size: 13px;
	font-weight: bold;
	float: left;
	height: 27px;
	line-height: 27px;
	text-align: center;
}

input.grey-small-button, input.grey-big-button, input.blue-small-button, input.blue-big-button {
	padding: 0px !important;
	margin-bottom: 0px !important;
	border: none !important;
}

span.grey-small-button, span.blue-small-button, input.grey-small-button, input.blue-small-button {
	width: 85px !important;
}

span.grey-big-button, span.blue-big-button, input.grey-big-button, input.blue-big-button {
	width: 120px !important;
}
			
span.grey-small-button, span.grey-big-button, span.grey-small-button, span.grey-big-button {
	margin: 0px 3px 0px 0px;	
}

span.grey-small-button, span.grey-big-button, span.grey-small-button a, span.grey-big-button a, input.grey-small-button, input.grey-big-button{
	color: #757575 !important;
}

span.blue-small-button, span.blue-big-button, span.blue-small-button a, span.blue-big-button a, input.blue-small-button, input.blue-big-button {
	color: #fff !important;
}
			
span.grey-small-button, input.grey-small-button {
	background-image: url(../images/layout-images/bg_button_grey.png);
}

span.grey-big-button, input.grey-big-button {
	background-image: url(../images/layout-images/bg_button_grey_big.png);
}

span.blue-small-button, input.blue-small-button {
	background-image: url(../images/layout-images/bg_button_blue.png);
}

span.blue-big-button, input.blue-big-button {
	background-image: url(../images/layout-images/bg_button_blue_big.png);
}

/** Sidebar **/
div.sidebar-image {
	float: left;
	margin: 40px 0px;
}

	div.sidebar-image img {
		/** placeholder **/
	}

/** Contact Form **/
#contact-form {
	/** placeholder **/
}

	form h3 {
		margin-bottom: 3px;
	}

	form input, form textarea {
		color: #000;	
	}

	form input {
		width: 300px;
	}

	form textarea {
		height: 200px;
		font-size: 12px;
		line-height: 15px;
		width: 500px;
	}

/** Error **/
.error {
	color: red;
	clear: both;
	font-weight: bold;
	margin-bottom: 5px;
}

	span.error {
		border: 1px solid red;
		float: left;
		min-height: 27px;
		line-height: 25px;
		margin-right: 20px;
		width: 150px;
	}

	span.error ul {
		list-style-type: none;
		margin: 0px;
	}
		
		span.error ul li {
			text-align: center;
		}

/** Review **/
.review {
	/** placeholder **/
}

	.review p.date {
		margin: -20px 0px 10px;
	}

	.review p.comment {
		border-top: 1px solid #efefef;
		border-bottom: 1px solid #efefef;
		margin: 0px 0px 10px;
		padding: 10px;
	}

	form#review-form textarea {
		width: 350px;
	}

/** account **/
div.account {
	width: 250px;
}

	div.account div.info-box {
		height: 100px;
	}
/** info-box **/
div.info-box {
	/** placeholder **/
}

	div.info-box ul {
		list-style-type: none;
		margin: 0px 0px 0px 10px;
	}

/** formulieren **/
form.form-data ul {
	list-style-type: none;
	margin: 30px 0px 30px 10px;
	overflow: hidden;
}

	form.form-data h3 {
		clear: both;
	}

	form.form-data label, form#form-data li.error {
		clear: both;
		float: left;
	}

	form.form-data li.error ul {
		margin: 0px;
	}

	form.form-data input, form.form-data select {
		float: right;
	}

	form.form-data span {
		margin-top: 40px;
	}

	form.form-data p label {
		clear: none;
	}

	form.form-data p input {
		float: left;
		margin-left: 20px;
		margin-right: 5px;
	}

	form.form-data p {
		clear: both;
		margin-top: 10px;
	}

div.total {
	/** placeholder **/
	clear: both;
	float: right;
	width: 165px;
}

	div.total p {
		font-weight: bold;
		margin: 3px 0px;
		text-align: right;
	}

		div.total p span {
			float: left;
			font-weight: normal;
			margin: 0px;
		}

/** ORDER STEP **/
div.order-step {
	margin: 0 auto 40px auto;
	text-align: center;
	width: 560px;
}

	div.order-step p {
		margin: 0px;
	}

	div.step_bg {
		background-color: #fff;
		border: 1px solid #ddd;
		height: 10px;
		width: 560px;
	}

	div.step_1, div.step_2, div.step_3 {
		background-color: #88c5e6;
		height: 10px;
		float: left;
	}

	div.step_1 {
		width: 33%;
	}

	div.step_2 {
		width: 66%;
	}

	div.step_3 {
		width: 100%;
	}


/** Checkboxes **/
input.radio, input.checkbox {
	height: 14px;
	width: 14px;
}

/** Ajax loader **/
div.loader {
	background-image: url(../images/layout-images/ajax-loader.gif);
	background-repeat: no-repeat;
	background-position: bottom center;
	height: 40px;
	margin: 0 auto;
	text-align: center;
	width: 300px;
}

/** Helper classes **/
.odd {
	/** placeholder **/
}

.even {
	/** placeholder **/
}

.left {
	float: left !important;
}

.right {
	float: right !important;
}

.clear {
	clear: both;
	display: block;
}

.spacing-bottom {
	padding-bottom: 40px;
}

.spacing-top {
	padding-top: 40px;
}

.spacing-left {
	padding-left: 40px;
}

.spacing-right {
	padding-right: 40px;
}
.pointer {
	cursor: pointer;
}
.center {
	text-align: center;
}

div#payment {
	display: none;
}