@import url('stdTags.css');
@import url('menu.css');
@import url('modules.css');

html, body, div, table, tbody, tr, th, td{

	margin: 0px;
	padding: 0px;

	font-family: sans-serif;
}

html, body{
	text-align: center;
	font-size: 0.9em;
}

td, th{
	vertical-align: top;
	font-size: 1em;
}

#container{
	position: absolute;
	left: 10%;
	width: 80%;
	max-width: 1300px;
	width: expression( document.body.clientWidth > 1500 ? '1300px' : '80%' );
}

#content{

	z-index: 100;

	position: absolute;
	left: 30%;
	top: 200px;
	width: 58%;

	padding: 0px;

	text-align: left;
}

	#content div.main{
		background-color: #b8e1fa;
		color: black;

		padding: 1%;
	}

#infoblock{

	z-index: 100;

	position: absolute;
	left: 0px;
	top: 200px;
	width: 120px;
	
	background-color: #b8e1fa;
	color: black;

	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;

	padding: 8px;
	
	border: 1px solid #888888;

	text-align: left;
	font-size: 0.9em;
}

	#infoblock div{
		filter: alpha(opacity=100);
		-moz-opacity: 1;
		opacity: 1;
	}

	#infoblock h1, #infoblock h2, #infoblock h3{
		margin-top: 0px;
		padding-top: 0px;
	}

#infoblockRight{

	z-index: 100;

	position: absolute;
	right: 0px;
	top: 200px;
	width: 10%;
	
	text-align: left;
	font-size: 0.9em;
}

#mainMenu{

	z-index: 99;

	position: absolute;
	left: 0px;
	top: 120px;
	width: 100%;

	padding-top: 5px;
	padding-bottom: 5px;
	
	color: black;
	background-color: #EBE8E3;

	border-left: none;
	border-right: none;
	border-top: 1px dotted #757471;
	border-bottom: 1px dotted #757471;

	text-align: left;
}

#extraMenu{

	z-index: 99;

	position: absolute;
	left: 0px;
	top: 10px;
	width: 100%;
}

#shoppingCart{

	z-index: 99;

	position: absolute;
	right: 0px;
	top: 70px;
	width: 300px;

	background-color: #b8e1fa;
	color: black;

	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;

	margin: 0px;
	padding: 0px;

	text-align: center;
}

#navMenu{

	z-index: 98;

	position: absolute;
	left: 0px;
	top: 200px;
	width: 15%;

	padding-top: 5px;
	padding-bottom: 5px;
	
	text-align: left;
}

#logo{
	z-index: 98;

	position: absolute;
	left: 2%;
	top: 10px;
}

#backgroundTop{

	z-index: 1;

	position: absolute;
	left: 0px;
	top: 0px;

	width: 100%;
	height: 500px;

	border: none;

	background-image: url('../images/background.main.top.jpg');
	background-repeat: no-repeat;
	
}

#backgroundBottom{

	z-index: 1;

	position: absolute;
	left: 0px;
	top: 134px;
	width: 100%;
	height: 500px;

	border: none;

	background-image: url('../images/background.main.bottom.jpg');
	background-repeat: no-repeat;
}