/* CSS lovables Tritac Systems | JT */

* {
	margin: 0;
	paddding: 0;
	font-family: "Century Gothic", Arial, sans-serif;
}

html, body {
	width: 100%;
	height: 100%;
	background: #EB69B2 url(../design/img/lb-body-bg.jpg);
}

b, td, p {
	font-size: 13px;
}

h2 {
	font-size: 17px;
	color: #ED1288;
}

p { margin: 1em 0; }

option { padding-left: 5px; }

a { text-decoration: none; color: #000000; }
a:link { font-size: 12px; color: #000000; }
a:visited { color: #000000; }
a:hover { color: #E82188; }
a:active { color: #E82188; }
a.color-link { color: #000000; text-decoration: underline; }
a.color-link:hover { color: #A2B729; }

div.container {
	position:relative;
	height:100%;
	width:920px;
	margin: 0 auto -56px auto; /* Negative value set in this rule must be similar to those set in "div#break" and "div.footer" */
	min-height: 100%; 
	height: auto !important; 
	height: 100%;
	border: solid 0px #003399;
	background: #FFFFFF;
}

	div.logo {
		position: absolute;
		margin-left: 19px;
		margin-top: 19px;
		border: solid 0px #0099CC;
		height: 42px;
		width: 141px;
	}
	
	div.usermenu {
		position: absolute;
		right: 60px;
		top: 95px;
		height: 25px;
		width: auto;
	}
	
		div.usermenu a {
			font-family: Century Gothic, Arial, sans-serif;
			font-size: 14px;
			font-weight: bold;
			color: #FFFFFF;
			text-decoration: none;
			line-height: 20px;
		}
		
		div.usermenu a:hover { color: #E82188; }
		
	div.search-box {
		background: url(../design/img/lb-search-bg.jpg) no-repeat;
		width: 162px;
		height: 24px;
	}
	
	div.hor-nav {
		position: absolute;
		margin-top: 128px;
		margin-left: 204px;
		border: solid 0px #0099CC;
		width: 555px;
		height: 25px;
		color: #999999;
		font-size: 10px;
		padding-left: 35px;
	}
	
	div.header {
		height: 131px;
		width: 100%;
		border: solid 0px #00FF33;
		background: url(../design/img/lb-container-headerZWART.jpg) no-repeat center;
	}


	div.content {
		border: solid 0px #0033CC;
		width: 100%;
		min-height: 300px;
	}
	
		div.homecontent {
			border: solid 0px #990000;
			margin: 1px 0px 0px 0px;
			color: #000000;
		}
		
		div.vert-nav {
			padding-left: 3px;
		}

		a.a-prodview { color: #999999; text-decoration: underline; }
		a.a-prodview:hover { color: #aaaaaa; }
		
		td.top5 {
			border-bottom: dotted 1px #CCCCCC;
		}
		
			td.top5 a {
				text-decoration: none;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size:11px;
				color:#999999;
			}

	div#break {
		width:100%;
		height:56px; /* Height is similar to those set in "div.footer" and the negative margin set in "div.container" */
	}


div.footer {
	position: relative;
	height: 26px; /* Initial height wich you must keep similar to the negative value of the height in "div.container" and "div#break" */
	width:100%;
	color: #FFFFFF;
}
	
	div.footer-contents {	
		position:absolute;
		left:50%;
		margin-left: -460px; /* This margin is divided by minus two with the width set to this div */
		width:920px;
		height:40px;
		background:url(../design/img/lb-footer-bg.jpg) center no-repeat;
		text-align: center;
		padding-top: 6px;
	}
	
		div.footer-contents a {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			color: #FFFFFF;
			font-size: 10px;
		}


/* =====< Table Settings >===== */
table.content-box {
	border: solid 0px #FF0000;
	width: 910px;
	min-height: 300px;
	height: auto;
}

	td.left-content {
		width: 150px;
		vertical-align: top;
		border: solid 0px #FF0000;
	}
	
	td.right-content {
		width: 150px;
		vertical-align: top;
		border: solid 0px #FF0000;
	}
	
	td.center-content {
		padding: 10px 5px;
		width: 550px;
		vertical-align: top;
		border: solid 0px #FF0000;
	}


/* =====< Prodview Settings >===== */
#prodview { width: 550px; }
#prodview td { vertical-align: top; }

	#prodview-left {
		width: 254px;
		padding: 0;
	}
	
		#prodview-img {
			clear: both;
			width: auto;
			min-height: 332px;
			padding: 10px 0;
			border: 1px solid #cccccc;
			margin-bottom: 4px;
			text-align: center;
		}
		
		.prodview-small-img {
			float: left;
			width: 72px;
			height: 72px;
			border: 1px solid #cccccc;
			margin: 0 4px 4px 0;
			padding: 1px 3px;
		}
		
		.last {
			margin-right: 0;
		}
	
	#prodview-right {
		width: 280px;
		padding-left: 14px;
		color: #333333;
	}
	
		#prodview-right hr {
			height: 1px;
			margin: 1em 0;
			border-width: 0;
			background-color: #cccccc;
		}


/* =====< Side Box Settings >===== */
div.side-box {
	border: solid 0px #000000;
	top: 0px;
	width: 161px;
	height: auto;
	margin-left: 4px;
	margin-right: 4px;
	margin-bottom: 20px;
}

	div.side-box-head {
		width: inherit;
		height: 19px;
		padding-top: 1px;
		padding-left: 3px;
	}
	
		.side-box-capital {
			font-family: Century Gothic, Arial, sans-serif;
			font-size: 12px;
			font-weight: bold;
			color: #FFFFFF;
		}
		
		.side-box-text {
			font-family: Century Gothic, Arial, sans-serif;
			font-size: 12px;
			color: #687488;
		}
	
		.side-box-text-sv {
			font-family: Century Gothic, Arial, sans-serif;
			font-size: 12px;
			color: #687488;
			line-height: 25px;
		}
	
	div.side-box-content {
		width: auto;
		height: auto;
		padding-left: 4px;
		padding-right: 4px;
		padding-top: 10px;
	}
	
	div.side-box-content-nb {
		width: auto;
		height: 155px;
		background: url('../design/img/lb-bg-nieuwsbrief.jpg') left no-repeat;
		padding-left: 4px;
		padding-right: 4px;
		padding-top: 10px;
		color: #FFFFFF !important;
		font-size: 12px;
		text-align: center;
	}
	
		div#winkelwagen { margin-top: 10px; }


/* =====< Search Box Settings >===== */
table#zoek-box {
	width: 162px;
	height: 24px;
	border: solid 0px #00CCCC;
	background: url(../design/img/lb-search-bg.jpg) no-repeat;
}

	.input-text {
		width: 95px;
		border: solid 0px #0033CC;
	}
	
	.zoek-knop {
		background: url(../design/img/lb-btn-search.jpg) no-repeat;
		width: 33px;
		height: 15px;
		border: solid 0px #996633;
	}


/* =====< Document Settings >===== */
.doctitle {
	font-family: Century Gothic, Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #EF1A99;
}

div.doc-content {
	position: relative;
	top: 5px;
	font-family: Century Gothic, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
}

input.nb-email {
	background: #FFFFFF; 
	width: 140px; 
	height: 17px; 
	border: solid 1px #E9E9E9; 
	padding: 3px 5px;
}

input.nb-btn {
	background: transparent url(../design/img/lb-btn-nb.jpg) top left no-repeat; 
	width: 71px; 
	height: 20px; 
	border: none; 
	color: #FFFFFF; 
	margin-top: 5px;
	cursor: pointer;
}

/* >= Start: Heading text replacement with image => */
div#winkelwagen h2 span,
div#navigatie h2 span,
div#bestsellers h2 span,
div#bezorging h2 span,
div#betalen h2 span,
div#klantenservice h2 span,
div#merken h2 span,
div#vertrouwdbestellen h2 span,
div#nieuwsbrief h2 span,
div#contact h2 span
{display: none;}

div#winkelwagen h2 {width: 151px; height: 54px; margin-bottom: 3px; background: transparent url(../design/img/lb-head-shop.jpg) no-repeat top left;}
div#navigatie h2 {width: 74px; height: 18px; margin-bottom: 3px; background: transparent url(../design/img/BMD_head-navigatie.jpg) no-repeat top left;}
div#bestsellers h2 {width: 82px; height: 14px; margin-bottom: 3px; background: transparent url(../design/img/BMD_head-bestsellers.jpg) no-repeat top left;}
div#betalen h2 {width: 130px; height: 15px; margin-bottom: 3px; background: transparent url(../design/img/BMD_head-betalen.jpg) no-repeat top left;}
div#bezorging h2 {width: 77px; height: 18px; margin-bottom: 3px; background: transparent url(../design/img/BMD_head-bezorging.jpg) no-repeat top left;}
div#klantenservice h2 {width: 112px; height: 17px; margin-bottom: 3px; background: transparent url(../design/img/BMD_head-klantenservice.jpg) no-repeat top left;}
div#merken h2 {width: 112px; height: 14px; margin-bottom: 3px; background: transparent url(../design/img/lb-head-merken.jpg) no-repeat top left;}
div#vertrouwdbestellen h2 {width: 157px; height: 16px; margin-bottom: 3px; background: transparent url(../design/img/BMD_head-vertrouwdbestellen.jpg) no-repeat top left;}
div#contact h2 {width: 63px; height: 14px; margin-bottom: 3px; background: transparent url(../design/img/BMD_head-contact.jpg) no-repeat top left;}
div#nieuwsbrief h2 {width: 112px; height: 14px; margin-bottom: 3px; background: transparent url(../design/img/lb-head-nieuwsbrief.jpg) no-repeat top left;}
/* <= End: Heading text replacements with images =< */