/* CSS bladmuziekwinkel Tritac Systems | JT */

* {
	margin: 0;
	paddding: 0;
}

html, body {
	width: 100%;
	height: 100%;
	background: url(../design/img/body-bg-y.png) center repeat-y;
}

div.container {
	position:relative;
	height:100%;
	width:1000px;
	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%;
	background: url(../images/image/header/container-bg.jpg) no-repeat center top;
}

	div.logo {
		position: absolute;
		margin-left: 19px;
		margin-top: 19px;
		border: solid 0px #0099CC;
		height: 42px;
		width: 141px;
		background: url(../design/img/BMW_logo.gif) no-repeat;
	}
	
	div.usermenu {
		position: absolute;
		right: 10px;
		top: 10px;
		height: 25px;
		width: auto;
	}
	
		div.usermenu a {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 10px;
			color: #FFFFFF;
			text-decoration: none;
		}

		div.usermenu {
			position: absolute;
			right: 10px;
			top: 10px;
			height: 25px;
			width: auto;
		}
		
	div.search-box {
		position: absolute;
		right: 6px;
		top: 36px;
		background: url(../design/img/BMD_search-bg.jpg) no-repeat;
		width: 172px;
		height: 28px;
	}
	
	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: 100px;
		width: 100%;
		border: solid 0px #00FF33;
	}


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

		a.a-prodview {
			color: #999999;
		}
		
		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: -500px; /* This margin is divided by minus two with the width set to this div */
		width:1000px;
		height:38px;
		background: url(../design/img/BMD_footer-bg-x.jpg) repeat-x;
		text-align: center;
		padding-top: 18px;
	}
	
		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: 998px;
	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-top: 60px;
		padding-left: 26px;
		padding-right: 26px;
		width: 100%;
		vertical-align: top;
		border: solid 0px #FF0000;
	}

/* =====< 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: Verdana, Arial, Helvetica, sans-serif;
			font-size: 12px;
			font-weight: bold;
			color: #FFFFFF;
		}
		
		.side-box-text {
			font-family: Arial, Verdana, Helvetica, sans-serif;
			font-size: 11px;
			color: #687488;
		}
	
	div.side-box-content {
		width: auto;
		height: auto;
		padding-left: 4px;
		padding-right: 4px;
		padding-top: 10px;
	}


/* =====< Search Box Settings >===== */

input.input-text {
	height: 14px;
	padding-top: 8px;
	padding-left: 46px; 
	border-width: 1px;
	border-style: solid;
	border: none;
	font-size: 11px;
	background: transparent;
}

input.zoek-knop {
	height: 20px;
	padding: 0 10px;
	vertical-align: baseline;
	background: url(/img/mm-header-bg.jpg) no-repeat top left;
	border-width: 1px;
	border-style: solid;
	border-color: #e3e3e3 #cccccc #cccccc #e3e3e3;
	color: #ffffff;
	font-family: Verdana, Arial;
	font-size: 11px;
}

/* =====< Document Settings >===== */

.doctitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FF5500;
}

div.doc-content {
	position: relative;
	top: 5px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
}


/* >= 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#nieuw h2 span,
div#vertrouwdbestellen h2 span,
div#contact h2 span
{display: none;}

div#winkelwagen h2 {width: 108px; height: 18px; margin-bottom: 3px; background: transparent url(../design/img/BMD_head-winkelwagen.jpg) no-repeat top left;}
div#navigatie h2 {width: 131px; height: 14px; 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#nieuw h2 {width: 112px; height: 17px; margin-bottom: 3px; background: transparent url(../design/img/BMD_head-nieuw.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;}


/* <= End: Heading text replacements with images =< */