<style type="text/css">
<!--
.dummy {
	margin: 0px;
	background-color:#FFFFFF;
	}
	
body {
	background-color:#FFFFFF;
	margin: 0px auto 0px 0px;;
	}
	
/* containers */
#container {
	position:absolute;
	top:0px;
	left:7px;
	width:761px; 
}

#header {
	clear:both;
	position:relative;
	width:761px; 
	height:91px;
}

#sort-and-select {
	clear:both; 
	position:relative;
	width:761px;
}

#main {
	clear:both; 
	width:761px;
}

#footer {
	text-align:center;
	word-wrap:normal;
	background-color: #FFFFFF;
	padding-top:10px;
	line-height:17px;
}


/* header divs */
#oakleaf-logo {
	position:absolute;
	left:6px;
	top:6px;
}

#oikoscom-logotype {			
	position:absolute;
	top:9px;
	left:57px;
	font-family:arial,helvetica,sans-serif;
	color:#336600;
	font-weight:bold;
	font-size:12px;
}

#mybasket {
	position:absolute;
	left:192px;
	top:0px;
	background-color: #E1EDD5;
	font-family: arial,helvetica,sans-serif;
	text-align:center;
	color: #013300;
	font-size: 12px;
	width:128px;
	height:23px;
	padding-left:0px;
	padding-top:0px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width:128px;
	height:18px;
	padding-left:0px;
	padding-top:5px;
}

#blacktabs {
	font-family:arial,helvetica,sans-serif;
	color:#99CC66;
	font-size:12px;
	text-align:center;
}

#search {
	position:absolute;
	left:584px;
	top:0px;
	background-color: #669933;
	text-align:center;
	line-height: 10px;
	width:177px;
	height:23px;
	padding-top:2px;
	voice-family: "\"}\"";
	voice-family: inherit;	
	width:177px;
	height:21px;
	padding-top:2px;	
	}

#breadcrumbs {
	position:absolute;
	left:192px;
	top:23px;
	z-index:2;
	background-color: #FFFFFF;
	font-family:arial,helvetica,sans-serif;
	color:#006633;
	font-size:17px;
	font-weight:bold;
	text-align:left;
	width:569px;
	height:44px;
	padding-top:15px;
	voice-family: "\"}\"";
	voice-family: inherit;	
	width:569px;
	height:29px;
	padding-top:15px;
}

#greentabs-home {
	position:absolute;
	left:0px;
	top:68px;
	background-color:#669933;
	font-family:arial,helvetica,sans-serif;
	color:#FFFFFF;
	font-size:12px;
	font-weight:normal;
	text-align:left;
	line-height: 12px;
	width:102px;
	height:23px;
	padding-left:20px;
	padding-top:6px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width:82px;
	height:17px;
	padding-left:20px;
	padding-top:6px;
}


#greentabs-products {
	position:absolute;
	left:102px;
	top:68px;
	font-family:arial,helvetica,sans-serif;
	color:#FFFFFF;
	font-size:12px;
	font-weight:normal;
	text-align:center;
	line-height: 12px;
	background-color: #669933;
	overflow:visible;
	width:659px;
	height:23px;
	voice-family: "\"}\"";
	voice-family: inherit;
	height:17px;

}


/* sort-and-select divs */
#sortbyname {
	padding-left:0px;
	padding-top:14px;
	padding-bottom:13px;
}

#selectsubcat {
	background-color: #FFFFFF;
	width:569px;
	padding-left:0px;
	padding-top:15px;
	padding-bottom:12px;
}


/* main divs */
#names-list {
	width:172px;
}

#page-content {
	width:569px;
	border-top: 2px solid #E1EDD5;
	padding-top:10px;
}


h2 {  /* reserved for green headings */
	font-family:arial,helvetica,sans-serif;
	font-size:23px;
	font-weight:bold;
	color:#336600;
	margin:0px 0px 10px 0px;
	padding:0;
	}


h3 {  /* reserved for white headings */
	font-family:arial,helvetica,sans-serif;
	font-size:23px;
	font-weight:bold;
	color:#FFFFFF;
	margin:10px;
	padding:0;
	word-wrap:normal;
	}
	
p {	
	font-family:arial,helvetica,sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#333333;
	line-height:18px;
	}
	
p.foot {	
	font-family:arial,helvetica,sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#333333;
	line-height:20px;
	}
	
/* classes */
/* in case the breadcrumb string in the header is too long */
.breadcrumbs_small {
	position:absolute;
	left:0px;
	top:15px;
	width:569px;
	height:20px;
	margin-top: 0px;
	background-color: #FFFFFF;
	font-family:arial,helvetica,sans-serif;
	color:#006633;
	font-size:14px;
	font-weight:bold;
	text-align:left;
}

.whitelink {
	color:#FFFFFF;
	font-family:arial,helvetica,sans-serif;
	font-size:12px;
	}
	
A.whitelink:link		{
	text-decoration: none;
	color:#FFFFFF;
	}
	
A.whitelink:visited		{
	text-decoration: none;
	color:#FFFFFF;
	}
	
A.whitelink:hover		{
	text-decoration: underline;
	color:#FFFFFF;
	} 
	
.greenlink {
	font-family:arial,helvetica,sans-serif;
	color:#336600;
	font-size:12px;
	}
	
A.greenlink:link		{
	text-decoration: none;
	color:#336600;
	}
	
A.greenlink:visited		{
	text-decoration: none;
	color:#336600;
	}
	
A.greenlink:hover		{
	text-decoration: underline;
	color:#336600;
	}
	
.form {
	font-family:Arial,Helvetica,sans-serif;
	font-weight:normal; 
	font-size: 11px;
	}
	
.searchfield {
	font-family:Arial,Helvetica,sans-serif;
	font-weight:normal; 
	font-size: 11px;
	width:100px;
	position:relative;
	top:-1px;
	}
	
.searchbutton {
	font-family:Arial,Helvetica,sans-serif;
	font-weight:normal; 
	font-size: 11px;
	width:45px;
	position:relative;
	top:-2px;
	}
	
.submit-button {
	font-family:Arial,Helvetica,sans-serif;
	font-weight:normal; 
	font-size: 11px;
	color: #000;
	background: #DDDDDD;
	border: 1px #333 solid;
	}

.greenpipe {
	color:#99CC66;
	font-weight:bold;
	font-size:10px;
	}
	
.whitepipe {
	color:#FFFFFF;
	font-weight:bold;
	font-size:10px;
	position: relative;
	top: -2px;
	}
	
.graypipe {
	color:#CCCCCC;
	font-weight:bold;
	font-size:12px;
	}
	
.favorites_list {
	margin: 0px 13px 0px 13px;
	font-family:arial,helvetica,sans-serif;
	color:#336600;
	font-size:12px;
	font-weight:normal;
	text-align:left;
	line-height: 12px;
	}
	
.subcats_tab_green {
	margin-left:6px;
	font-family:arial,helvetica,sans-serif;
	color:#336600;
	font-size:12px;
	text-align:left;
	line-height: 12px;
	background-color: #E1EDD5;
	font-weight:bold;
	width:166px;
	height:24px;
	padding:9px 0px 3px 5px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width:161px;
	height:16px;
	padding:9px 0px 3px 5px;
	}
	
.names_tab_green {
	margin-left:6px;
	background-color: #E1EDD5;
	width:166px;
	height:24px;
	padding:5px 0px 3px 5px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width:161px;
	height:16px;
	padding:5px 0px 3px 5px;
	}
	
.names_tab_doublegreen {
	margin-left:6px;
	background-color: #E1EDD5;
	width:166px;
	height:35px;
	padding:5px 0px 3px 5px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width:161px;
	height:27px;
	padding:5px 0px 3px 5px;
	}
	
.names_tab_white {
	margin-left:6px;
	background-color: #FFFFFF;
	width:166px;
	height:24px;
	padding:5px 0px 3px 5px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width:161px;
	height:16px;
	padding:5px 0px 3px 5px;
	}
	
.names_tab_doublewhite {
	margin-left:6px;
	background-color: #FFFFFF;
	width:166px;
	height:35px;
	padding:5px 0px 3px 5px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width:161px;
	height:27px;
	padding:5px 0px 3px 5px;
	}

hr.cleaner {
	clear:both;
	height:2px;
	color: #CCCCCC;
	background-color: #CCCCCC;
	}
-->
</style>