
body, table, tr, td, p, h1, h2, h3, div, form, img, dd, dt, li, ul {

	margin: 0;
	border: 0;
	padding: 0;
}

body {
	color: black;
	background: #40638e;

	padding: 2% 5%;

	font-size: 80%;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
}

#page {
	color: black;
	background: white;
}

/* generic classes */

.pad {
        padding: 1%;
}

.pad05 {
        padding: 0.5%;
}

.searchbox {
        padding: 2%;
}

.zero {
        padding: 0;
	margin: 0;
	border: 0;
}

.alert,
.mandatory {
	color: #cf1b23;
	font-weight: bold;
}

.price {
	font-weight: bold;
}

.right {        
	float: right;
}

.left {        
	float: left;
}

.center {
	text-align: center;	
}

.u {
	text-decoration: underline;
}

.b {
	font-weight: bold;
}

.italic, .i {
	font-style: italic;
}

.tm {
	font-size: 90%;
	vertical-align: super;
}

.reg {
	font-size: 90%;
	vertical-align: super;
}

a.more {
	color: #cf1b23;
}

a.more:hover {
	color: #0031B5;
}

.clear {
	clear: both;
}
   
.error {
	color: #cf1b23;
	font-weight: bold;
	font-size: 150%;
}

.hide {
	display: none;
}

img.push-right {
	float: right;
	margin-right: 2em;
}

.dropshadow {
	 -moz-box-shadow: 3px 3px 4px #999; /* ff */
	 -webkit-box-shadow: 3px 3px 4px #999; /* webkit */
	 box-shadow: 3px 3px 4px #999; /* css 3 */
	 -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";/* IE 8 */
}

/* links */

a {
	color: #0031B5;
	background: transparent;
}

a.low {
	text-decoration: none;
	color: black;
}

/* headings */

h1, h2, h3, h4 {
/*
	margin: 1em 0 1em 0;
*/
}

h1 {
	font-size:150%;
/*	margin-top:0;  
*/
}

h2 {
	font-size:120%;
}
    	
h3 {
	font-size:110%;
}

h4 {
	font-size:105%;
}

div#menu-links span:first-child a {
	font-size:120%;
}


/* tables */

table {
	font-size: 100%;
}

th, td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


/* sections */

#top {
	background: white url(/images/lighthouse-bar.jpg) no-repeat left;

	width: 100%;
	height: 103px;

	border-color: white;
	border-style: solid;
	border-width: 1px 0 1px 0; /* 1px left in the image. */
}

#main {
	width: 100%;
}

#debug {
	background: #e7e7e7;
	border-top: 3px solid #cf1b23;
}

.debug {
        border: 1px solid red;
}

.full {
	width: 99%;
}

/* footer */

#footer {
	background: #e7e7f7;

	width: 100%;

	border-bottom: 1px solid white;
	border-top: 3px solid #0031B5;
}

#footer a {
        color: black;
        background: transparent;

	font-size: 90%;
}


/* main navigation bar */

div#navbar {
	clear: both;

	width: 100%;
	height: 1.8em;

	border-top: 3px solid #0031B5;
	border-bottom: 3px solid #0031B5;
}

div#navbar span {
	display: none;	/* hide "|" */
}

div.navbar-item {
	float: left;

	width: 17%;
	height: 1.8em;

	border-left: 1px solid #0031B5;
	
	font-size: 110%;
}

div.navbar-item a {
	display: block;

	color: black;
	background: transparent;

	width: 100%;
	height: 100%;

	padding-top: 2px;

	text-align: center;
        text-decoration: none;  
}

div.navbar-item a:hover {
	color: #0031B5;
	background: transparent;
	font-weight: bold;
}

div.navbar-item.selected {
	font-weight: bold;
}

div#home {
        border-left: 0px solid white;
	width: 14%;
}



/* main content */

#content {
	width: 72%;
	float: right;
}

#content.nomenu {
	width: 96%;
	float: right;
}

span#path {
	width: 72%;
	float: right;
	margin-bottom: 0.7em;
}

#content h1 {
	margin-bottom:	1em;
	font-size:	180%; 
}

#content h2 {

	margin-top:	2em;
	margin-bottom:	10px; 
	font-size:	140%; 
}

#content h2 a {
	text-decoration: none;
}


#content h3 {
	margin-bottom:	10px; 
	font-size:	110%; 
}

#content h4 {
	margin-bottom:	10px; 
	font-size:	105%; 
}

#content li {
	margin-bottom: 1.5em;
}

#index p {
	margin-top: 1em;
}

#index li {
	list-style-type:	none;
}



#content p {
	width: 71%;
	padding-bottom: 0.5em; /* IE bugfix */
	margin-top: 1em;
}

#content span.half {
	width: 44%;
	height: 0px;
	border-bottom: 2px #0031B5 solid;
}

.product h2 {
	width: 40%;
	border-bottom: 1px #0031B5 solid;
}

.product p.short {
	width:		40%;
	font-weight:	bold;
	font-style:	italic;
}

.product table {
	width: 60%;
	padding: 1em;
}

.product td.ordercode {
	width: 100%;
}

.product td.price {
	text-align:	right;
	white-space:	nowrap;
}

.partners img {
	margin-top:	3em;
}

p.pdf-ds {
	font-size:	70%;
	white-space:	nowrap;
}

p.pdf-ds a {
	text-decoration: none;
}

/* menu.css */

#menu {
	width: 22%;
	float: left;

	line-height: 1.6em;
}

/* after-menu paragraphs */

#menu h3 {
	padding: 2px 0;
	border-top: 2px solid blue;
}

#menu-banner p {
	margin-bottom: 1.2em;
}

#quote {
	padding-top: 1.2em;
	border-top: 2px solid blue;
}


/* menu links */

#menu a:link,
#menu a:active,
#menu a:visited {
        text-decoration: none;
}

#banners a:link,
#banners a:active,
#banners a:visited {
	text-decoration: underline;
}

/* menu title (products, company, ...) */

#menu-links span:first-child {
	display:	block;
	background:	#40638e;
	padding:	2px 5px;
	font-size:	110%;
	font-weight:	bold;
}

#menu-links span:first-child a {
	color: white;
	font-size: 120%;
}

#menu h2.restricted {
	background: #cf1b23;
}

#menu h2 span#my-user {
	float: right;
	color: white;
	font-size: xx-small;
}

#menu li {
	display:		block;
	list-style-type:	none;
}



/* level 1 */

#menu ul li {
	background: #f0f4f9;
}

#menu ul li a {
	width: 100%;
}

#menu li.selected a {
 	font-weight: bold;
}


/* level 2 block + item */

#menu ul ul li {
	color: black;
	background: #e6eef8;
}

/* level 3 block + item */

/*#menu ul ul ul,*/ #menu ul ul ul li {
	color: black;
	background: #dae4f0;
}




/* level 1 link */

#menu li a {
	color: black;
	background: transparent;
	padding: 0 0 0 5px;
	display: block;

	margin: 1px;
}

#menu li a:hover {
	text-decoration: none;
	color: black;
	background: white;
}


/* level 2 link */

#menu ul li a {
	padding: 0 0 0 20px;
}

/* level 3 link */

#menu ul ul li a {
	padding: 0 0 0 35px;
}

/* level 4 link */

#menu ul ul ul li a {
	padding: 0 0 0 50px;
}

/* level 1 box */

#menu ul {
	margin: 1px 0 15px 0;
	padding: 0px;
}

/* level 2 and 3 box */

#menu ul ul, ul ul ul {
	margin-bottom: 0;
}


/* customized menu items */

#menu li a#menu-buy{
	color: red;
	font-weight: bold;
}


/* press releases */

/* XXX fix that 100% thing */

div.pr-head p {
	width: 100%;
}

p.pressrelease-towertech {
	text-align: right;
}

p.pressrelease-headline {
	width: 100%;

	padding-top: 1em;
	padding-bottom: 1em;

	border-top: 2px solid blue;	
	border-bottom: 2px solid blue;	

	margin-bottom: 1em;

	font-size: 140%;
}

#pr-body p {
	width: 100%;
	padding-bottom: 0.5em; /* IE bugfix*/

	margin-top: 1em; 
	margin-bottom: 0;
	margin-right: 3em;
}

div.pr-left {
	width: 32%;
	float: left;
}

div.pr-right {
	width: 68%;
	float: right;
}

/* press review */

.press-review {
	margin-bottom:	2em;
}

.press-review img {
        left:           auto; 
        right:          auto; 
        width:          99%;
}

.press-review div.col-a {
        float:          left;
        width:          9%;
}

.press-review div.col-b {
        float:          right;
        width:          89%;
}

.press-review span.date:after {
        content:        " - ";
}

.press-review .cite {
        font-style: italic;
}

#content h2.press {
        margin-top: 0;
        font-size: 115%;
}



/* search engine */

#htdig-table {
	width: 100%;
	padding-top: 2em;
}

#htdig-table tr {
	vertical-align: top;
}

#htdig-table td {
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	padding-bottom: 0.5em;
}

#htdig-table a {
	font-weight: bold;
}

.htdig-headline {
	background: #40638e;
	color: white;
}

.htdig-keywords {
	font-weight: bold;
}

.htdig-kb,
.htdig-url,
.htdig-date {
	font-style: italic;
}

.htdig-percent {
	text-align: right;
}

/* employment */

tr.job td {
	padding-right: 1em;
}

tr.job td.job {
	text-align: right;
	font-weight: bold;
}

dl.job {
	padding-left: 1em;
}

dl.job dd {
	padding-bottom: 0.8em;
}

@media print {

	#debug, #navbar, #footer, #menu {
		display: none;
	}

	body {
		padding: 0;
		color: white;
	}

	#top img {
		float: left;
	}

	#content {
		float: left;
		width: 100%;

		padding-top: 2%;
		border-top: 1px solid black;
	}

	#content p {
		width: 100%;
	}

	#product p.short {
		width: 70%;
	}
}


