body{font-family:arial;}

table{font-size:80%;}

a{color:black;text-decoration:none;}
a:hover{color:blue}

separatedList{
border-style: solid;
border-color: blue;
border-width: 0px 0px 2px 0px;
}


td.menu{background:#d0d0ff}
td.menu:hover{background:lightblue}

td.menubar{background:#d0d0ff}
td.menubar:hover{background: lightblue}

.alignRight{
	text-align: right;
}	

.error{
	color: red;
}
		
.blue{
	color: blue;
}

.white{
	color: white;
}

.bluebox{
	background-color: lightblue;
	border-style: solid; 
	border-color: black; 
	border-width: 1px 1px 1px 1px;
}


table.menubar{
	font-size:120%;
	background: grey;
}

table.menu
{
	width: 200px;
	font-size:80%;
	position:absolute;
	visibility:hidden;
}

.header
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100px;
}

.main
{
	position: absolute;
	left: 0px;
	right: 0px;
	top: 101px;
	bottom: 31px;
	width: 100%;
}

.footer
{
	position: absolute;
	bottom: 0px;
	height: 31px;
	overflow: hidden;
}

.mainMenubar
{
	position: absolute;
	top: 100px;
	left: 0px;
	height: 25px;
	width: 100%;
}

.productCategoryMenu
{
	position: absolute;
	top: 165px;
	left: 10px;
	bottom: 0px;
	width: 220px;
	font-size: 80%;
	overflow: auto;
}

.mainView
{
	position: absolute;
	top: 175px;
	left: 230px;
	right: 0px;
	bottom: 0px;
	overflow: auto;
}


.shoppingcartBar
{
	text-align: center;
	position: absolute;
	top: 124px;
	right: 20px;
	height: 30px;
	background-color: lightblue;
	border-style: solid; 
	border-color: black; 
	border-width: 1px 1px 1px 1px;
	
}

.productinfoFrame
{
	position: relative;
	top: 10px;
	background-color:white;
	border-style:solid; 
	border-color:black; 
	border-width:1px 1px 1px 1px;
	
}

.flatmenubar {
	background-color:lightblue;
	border-style:solid; 
	border-color:black; 
	border-width:1px 1px 1px 1px;
}	

.shoppinglist {
	background-color:white;
	border-style:solid; 
	border-color:black; 
	border-width:1px 1px 1px 1px;
}