body {
    padding: 0px;
    margin: 0px;
    background-color: white;
    color: black;
    font-family: sans-serif;
}

li {
    font-weight: normal;
    font-family: sans-serif;
}

#logo {
    position: absolute;
    left: 0px;
    top: 0px;
    margin: 0;
    padding: 0;
    z-index: 2;
}

#logo2 {
    position: absolute;
    left: 104px;
    top: 0px;
    margin: 0;
    padding: 0;
    z-index: 2;
}

#logo2 h1 {
    margin: 0px;
    border: 0px;
    padding: 0px;
}

#logo a,
#logo2 a,
#logo img,
#logo2 img {
    border: 0;
    padding: 0;
    margin: 0;
}

img {
    border: 0;
}

div#redbar {
    position: absolute;
    left: 0px;
    top: 74px;
    width: 100%;
    height: 24px;
    background-color: #D30000; 
    z-index: 1;
}

/* Content/menu container. */
div#main {
    position: absolute;
    left: 0px;
    top: 98px;
    width: 100%;
    padding: 0px;
    margin: 0px;
}

/* Menu. */
#menucontainer,
#submenucontainer {
  	width: 100%;
	position: relative;
	background-color: black;
}

#submenucontainer {
    background-color: #777;
}

#menu,
#submenu {
	position: relative;
	margin: 0;
}

#submenu {
	padding: 0 2em 0 0;
}
	
	
#menu ul, 
#submenu ul {
	list-style: none;
	margin: 0 0 0 105px;
	padding: 0;
}

#menu li,
#submenu li {
	position: relative;
	display: block;
	float: left;
	width: auto;
	margin: 0;
	padding: 0;
	font-size: 80%;
}
	
#menu br,
#submenu br { 
	clear: both; 
}

#menu a,
#submenu a
{
	position: relative;
	display: block;
	margin: 0;
	padding: 4pt 10pt;
	background: black;
	border-right: 1pt solid black;
	border-left: 1pt solid black;
	border-top: 2pt solid black;
	color: white;
	font-weight: bold;
}

#submenu a {
	background-color: #777;
	border-right: 1pt solid #777;
	border-left: 1pt solid #777;
	border-top: 2pt solid #777;
}

#menu a.sel,
#menu a:hover {
	background: #777;
	color: white;
	border-radius: 10px 10px 0 0;
}

#submenu a.sel,
#submenu a:hover {
	background: white;
	color: black;
	border-radius: 10px 10px 0 0;
}

/* New style for tables. */
table {
    border-collapse: collapse;
}

th {
    border: 1px solid black;
    background-color: #eeeeee;
    padding: 5px;
}

td {
    border: 1px solid black;
    padding: 5px;
}

td.noborder {
    border: none;
    padding: 5px;
}

td.gridmenu {
    border: none;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    padding-bottom: 15px;
    vertical-align: top;
    text-align: left;
}

/* Search. Stick this in the top right, as putting it in the menu without
 * breaking the flow is a pain. For text-only browsers we want this to appear
 * after the two menus, so use negative coordinates to push it out of the
 * main div. */
#searchbox {
    position: absolute;
    z-index: 0;
    top: -79px;
    right: 0%;
    padding-right: 6pt;
    padding-top: 10px;
}

#searchbox ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#searchbox li {
	position: relative;
	display: block;
	float: left;
	width: auto;
	margin: 0;
	padding: 0 0 0 1em;
	font-size: 80%;
}

#searchbox form {
    float: right;
}

#searchbox label {
    display: none;  /* accessibility only */
}

#searchbox input {
    font-size: 75%;
}

/* "Small print". */
#smallprint {
    width: 100%;
    background: white;
    color: black;
    font-size: 75%;
    border-top: 1px solid #aaa;
    text-align: right;
    margin-top: 2cm;
}

#smallprint p {
    margin: 0;
    padding: 4pt;
}

#smallprint a {
    color: black;
}

/* Content container */
#contentcontainer {
	padding: 4pt 1em 1em 2em;
	font-family: sans-serif;
}

a:link { text-decoration: underline; color: #b00; }
a:visited { text-decoration: underline; color: #a00; }
a:hover { text-decoration: underline; color: #f00; }

#contentcontainer h1 { font-size: 120%; border-bottom: 2pt solid #d30000; margin-left: -10pt; }
#contentcontainer h2 { font-size: 115%; border-bottom: 1pt solid #d30000; margin: 0 0 0 -7pt; padding-top: 10pt; /*margin-left: -7pt;*/ }
#contentcontainer h3 { font-size: 110%; margin: 1em 0 0 -4pt; /*margin-left: -4pt;*/ }
#contentcontainer h4 { font-size: 105%; margin-left: -1pt; }

#contentcontainer p, #contentcontainer table { margin: 4pt 0 1em 0; }


/* Hilighting of search terms */
em.searchterm { background: #eeee00; color: #000000; font-weight: bold; }

/* Buttons at bottom of price tables. */
tr#orderbuttons { border: 0; padding: 0; margin: 0; }
tr#orderbuttons td { text-align: center; border-left: 1px solid white; border-right: 1px solid white; border-top: 0; border-bottom: 0;  background: silver; padding: 4pt; margin: 0; }
tr#orderbuttons form { padding: 0; margin: 0; }
tr#orderbuttons input { padding: 0; margin: 0; }

a.graph-ok { text-decoration: underline; color: #0c0; }
a.graph-warn { text-decoration: underline; color: #f90; }
a.graph-critical { text-decoration: underline; color: #f00; }
div.warntext { background-color: #f90; }
div.crittext { background-color: #f00; }