/** Style voor ZitZak **/
@import url("frontpage.css");

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
form{
	padding:0px;
	margin:0px;
}
div{
	margin:0px;
	padding:0px;
	float:left;
	text-align:left;
}
img{
	border:none;
}

div#verticalLine{
	width:1px;
	left:50%;
	position: absolute;
	text-align:center;
	overflow:visible;
	visibility: visible;
}
div#mainContainer{
	width:990px;
	border:solid 1px #8e8e8e;
	position:absolute;
	left:-493px;
	margin-bottom:10px;
	visibility: visible;
}
	div#header{
		width:990px;
		height:187px;
	}
		div#headerLeft{
			width:288px;
		}
			div#headerLeftTop{
				height:65px;
				width:288px;
			}
			div#headerLeftBottom{
				height:122px;
			}
		div#headerMiddle{
			width:397px;
		}
			div#headerMiddleTop{
				height:24px;
				width:397px;
				padding-top:41px;
			}
			div#headerMiddleBottom{
				display:block;
				width:397px;
				height:122px;
				background-image: url("/images/zitzak/header-tile-2.png");
				background-repeat:repeat-x;
			}
		div#headerRight{	
			width:305px;
		}
		
		
	div#menu{
		width:642px;
		height:31px;
		background-image: url("/images/zitzak/header-menu.png");
		background-repeat:repeat-x;
		padding-left:348px;
		text-align:center;
	}
		div#menu a{
			text-decoration:none;
			color:#FFFFFF;
		}
		div.button{
			padding:7px;
			padding-bottom:3px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:13px;
			color:#FFFFFF;
		}
		div.buttonactive{
			padding:7px;
			padding-bottom:3px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:13px;
			color:#FFFFFF;
			border-bottom:solid 5px #00FF00;
		}
		div.button:hover{
			border-bottom:solid 5px #00FF00;
		}
		
		div.buttonSeparator{
			margin-top:3px;
		}
		div#grip{
			width:350px;
			text-align:right;
		}
	
	div#contentContainer{
		width:990px;
	}
	table#contentTable{
		width:990px;
	}
	table#contentTable td{
		vertical-align:top;
	}
		td#menuLeft{
			width:182px;
			border-right:solid 1px #B0B0B0;
		}
			div.boxLeft{
				margin-top:20px;
			}
				img.title{
					margin-bottom:16px;
				}
				ul#category{
					margin-left:0px;
					margin-top:0px;
					padding-left: 0px;	
					width:155px;
				}
				ul#category li{
					
					padding-bottom:3px;
					border-bottom:solid 1px #B0B0B0;
					color:#6D6D6D;
					font-weight:bold;
					font-family:Arial, Helvetica, sans-serif;
					font-size:12px;
					margin-top:3px;
					margin-bottom:3px;
					list-style-type:none;
				}
				ul#category a{
					text-decoration:none;
					color:#000000;
				}
				ul#category li.active a{
					color:#E71216
				}
				
				div.activeImage{
					border:solid 1px #66FF33;
				}
				li.subCat{
					padding-left:13px;
					font-weight: normal !important;
				}
				
				div.winkelMandjeItem{
					width:135px;
					height:38px;
					border-bottom:solid 1px #B0B0B0;
					background-image: url("/images/zitzak/winkelmandje-tabel-bg.png");
					background-repeat:repeat-x;
					font-family:Arial, Helvetica, sans-serif;
					font-size:11px;
					padding-left:10px;
				}
					div.title{
						margin-top:5px;
						width:120px;
						font-weight:bold;
					}
					div.cross{
						width:15px;
					}
					div.info{
						margin-top:5px;
						clear:left;
						color:#8D8E90;
						width:80px;
					}
					div.total{
						margin-top:5px;
						color:#8D8E90;
						text-align:right;
						padding-right:5px;
						width:50px;
					}
				div#subTotal{
					font-weight:bold;
					font-family:Arial, Helvetica, sans-serif;
					font-size:12px;
					margin-top:5px;
				}
				div#subTotal div.left{
					width:70px;
					padding-left:10px;
				}
				div#subTotal div.right{
					width:60px;
					text-align:right;
				}
				div#winkelMandjeButtons{
					padding:10px;
					padding-left:3px;
				}
				
				td#newsletterContainer{
					height:156px;
					border-right:solid 1px #B0B0B0;
				}
				div#nieuwsBriefHeader{
					height:21px;
					padding-top:16px;
					background-image: url("/images/zitzak/mailinglist-top-bg.png");
					background-repeat: no-repeat;
				}
				div#nieuwsbrief{
					width:169px;
					height:119px;
					background-color: #EDF2F3;
				}
				div#loginForm{
					
					padding-left:10px;
					padding-bottom:30px;
					font-family:Arial, Helvetica, sans-serif;
					font-size:10px;
					color:#8C8E8D;
					width:159px;
					
				}
				div#loginForm input{
					margin-top:5px;
					margin-bottom:5px;
				}
				
				div#nieuwsBriefForm{
					margin-left:10px;
					padding-bottom:30px;
					font-family:Arial, Helvetica, sans-serif;
					font-size:10px;
					color:#8C8E8D;
					width:159px;
					
				}
				div#nieuwsBriefForm input.text{
					margin-top:5px;
					margin-bottom:5px;
					font-size:10px;
					height:10px;
				}
				
				
				
		td#content{
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			width:602px;
		}
			div.textContainer{
				padding:20px;
				padding-top:12px;
			}
				div.textContainer h1{
					padding-top:0px;
					margin-top:0px;
				}
				div.textContainer h2{
					padding-top:0px;
					margin-top:0px;
				}
				div.textContainer h3{
					padding-top:0px;
					margin-top:0px;
				}
				div.textContainer h4{
					padding-top:0px;
					margin-top:0px;
				}
				
			div.product{
				padding:20px;
				width:503px;
			}
				div.productImage{
					width:543px;
					height:325px;
					/*border:solid 1px #B0B0B0;*/
					text-align:center;
				}
				div.productImageBar{
					float: none;
				}
					div.productImageBar img {
						border: 1px solid #B0B0B0;
					}
				div.productTitle{
					margin-top:30px;
					color:#E71216;
					font-size:12px;
					font-weight:bold;
				}
				div.productText{
					width:543px;
				}
				div.productPrice{
					margin-top:30px;
					width:543px;
					font-size:14px;
					font-weight:bold;
					color: #B0B0B0;
				}
				div.productControls{
					margin-top:30px;
					width:543px;
				}
				div.productExtraInfo{
					border: dashed 1px #BBBBBB;
					background-color: #F3F3F3;
					padding:15px;
					margin:20px;
					margin-right:0px;
					width:503px;
					color:#333333;
				}
		
			div.item{
				border-collapse:separate;
				border-bottom:solid 1px #B0B0B0;
				padding:20px;
				margin-left:0px;
				width:259px;
			}
			td#content div.left{
				border-right:solid 1px #B0B0B0;
			}
			td#content div.right{
				width:262px;
			}
				div.item a{
					color:#E71216;
					font-weight:bold;
				}
				div.itemImage{
					width:260px;
					height:155px;
					/*border:solid 1px #B0B0B0;*/
					text-align:center; 
				}
				div.itemText{
					margin-bottom:5px;
					width:250px;
					height: 45px;
				}
				div.itemPrice{
					width:192px;
					font-size:14px;
					font-weight:bold;
					color: #B0B0B0;
					padding-right:10px;
					
				}
				div.itemButton{
					width:250px;
					text-align:right;
				}
				div.itemHeader {
					margin-bottom:5px;
					width:250px;
					height: 45px;
					text-align: center;
				}
			div.last{
				border-bottom:none;
			}
		
		
		
		td#menuRight{
			padding-top:16px;
			margin-left:-1px;
			width:204px;
			border-left:solid 1px #B0B0B0;
		}
			div.aanbiedingItem{
				margin-top:10px;
			}
				div.aanbiedingLeft{
					height:161px;
					width:45px;
					margin-left:14px;
				}
				div.aanbiedingRight{
					margin-top:4px;
					/*
					border-top:solid 1px #99D707;
					border-bottom:solid 1px #99D707;
					*/
					height:150px;
					width:145px;
					font-family:Arial, Helvetica, sans-serif;
					font-size:10px;
				}
					div.aanbiedingImage{
						margin:3px;
						margin-left:0px;
						margin-top:8px;
						width:145px;
						height:100px;
						/*border:solid 1px #B0B0B0;*/
					}
					div.aanbiedingPrice{
						clear:left;
						width:135px;
						color:#8C8E8D;
						text-align:right;
						padding-right:10px;
					}
					span.newPrice{
						font-size:14px;
						font-family:Arial;
						color:#E71216;
						font-weight:bold;
					}
					div.aanbiedingButton{
						clear:left;
						width:135px;
						text-align:right;
						padding-right:10px;
					}
					div.aanbiedingTitle{
						text-align:right;
						width:145px;
					}
				
		
	div#footer{
		width:990px;
		height:140px;
		margin-top:-1px;
	}
		div#footerNavContainer{
			width:990px;
			height:70px;
			background-color:#839EA9;
		}
			div#footerImage{
				padding-left:239px;
				width: 31px;
				
			}
			div#footerNav{
				font-family:Arial, Helvetica, sans-serif;
				font-size:11px;
				color:#FEFEFE;
				background-image:url("/images/zitzak/footer-menu-right.png");
				background-repeat:repeat-x;
				height:25px;
				width:700px;
				padding-top:10px;
				padding-left:20px;
				letter-spacing:1px;
			}
			div#footerNav a{
				font-family:Arial, Helvetica, sans-serif;
				font-size:11px;
				color:#FEFEFE;
				letter-spacing:1px;
				text-decoration:none;
				/*
				text-shadow: 2px 2px 2px #000;
				text-shadow:#FFFFFF;
				filter:shadow(color:gray, strength:10, direction:135);
				*/
			}
		div#payLogos{
		}
		div#otherLogos{
			padding-top:10px;
			width:350px;
			text-align:right;
		}
		div#copyright{
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			padding-top:20px;
			padding-left:100px;
			color:#B0B0B0;
		}
			div#copyright a{
				color:#B0B0B0;
				text-decoration:none;
			}
			div#copyright img{
				margin-bottom:-3px;
			}

label{
	display:block;
	float:left;
	width:120px;
}
label.label2 {
	display: inline;
	float: none;
}

table.comments_address{
	width:100%;
}
td#content h2{
}
.form-control-error{
	color:#FF0000;
}
.form-error{
	color:#FF0000;
}

.basket {
	width: 100%;
	border: solid 1px #b9babc;
}

.basket_summary {
	float: right;
	width: 200px;
	border: solid 1px #b9babc;
	border-top: none;
}

td.price {
	text-align: right;
}

td.total {
	color: #f00000;
}

.register_login, .comments_address {
	clear: both;
	margin-top: 20px;
}

.register_login td {
	width: 200px;
	background-color: #ecf1f4;
	border: solid 1px #b9babc;
	padding: 10px;
}

#verzendOverzicht {
	background-color: #b9babc;
	padding: 2px;
	margin: 2px;
	padding: 0;
	border-spacing: 1px;
}

#verzendOverzicht td {
	background-color: #ecf1f4;
	padding: 4px;
}

#verzendOverzicht td img {
	margin-right:5px;
}

#verzendOverzicht th {
	background-color: #ecf1f4;
	padding: 5px;
}

#verzendOverzichtTop {
	padding: 2px;
	margin: 2px;
	margin-top: 10px;
	padding: 0;
	border-spacing: 0;
}

.paymentChoice {
	border:1px #b9babc solid;
	background-color: #ecf1f4;
	padding: 5px;
}

#keurmerken {
	text-align: center;
	margin-bottom: 10px;
	width: 100%;