.prodmatrix {
	margin: .8em 1em;	
	font-size: 11px;
}

.prodmatrix th {
	/*	background-color: #516091;
	color: #FFF; */
	background-color: #FFF;

	font-weight: bold;
	border-bottom: thin solid Gray;
}

.prodmatrix td.col1 {
	/*		background-color: #FFF;*/
	font-weight: bold;
	border-right: thin solid Gray;
}
	
 .prodmatrix tr {
 		border-bottom: 1px solid #888;
/*		background-color: #EFEEDF;*/
}
/*
.prodmatrix tr.evenrow {
		background-color: #FFF;
} */

.specstable {
	margin: .8em 1em;
	font-weight: normal;
	font-size: 11px;
	background-color: #F7F6ED;
}

.specstable td {
	background-color: #F7F6ED;
}
.specstable th {
	font-weight: normal;
	text-align: left;
}

.specstable .col1 {
	font-weight: bold;
	background-color: #EFEEDF;
}
.orderinfo {
	margin: .8em 1em;	
	font-size: 11px;
	width: 500px;
}

.orderinfo th {
	/*	background-color: #516091;
	color: #FFF; */
	background-color: #FFF;
	font-size: 11px;
	font-weight: bold;
/*	border-bottom-width: 1px;*/
	border-bottom: thin solid Gray;
}
	
/* .orderinfo tr {
		background-color: #EFEEDF;
}

.orderinfo tr.evenrow {
		background-color: #FFF;
}  */

/* 3:29 2007.06.03. 
	
	TODO
	
	div.bigfig (that not floats )
	div.figarray (floated figs that do not clear)
*/
/* Academic programme global definitions */

/* Alink replacements */
a {
	color: #4169E1;
	text-decoration: none;
}
a:visited {
	color: #1E90FF;
}
a:active {
	color: #FF850B;
}
a:hover {text-decoration: underline;}

a.icon {
	display: inline;
	background-repeat:  no-repeat;
	background-position:	.5em .1em;
	padding: 1px 6px 1px 22px !important;
	color:#39F;
	/*border: 1px solid #666; */
}

a.pdf {	background-image: url('/gui/icon_pdf.gif'); }
a.cat {	background-image: url('/gui/icon_catalogue.gif'); padding-left:24px !important; }
a.mailto { background-image: url('/gui/icon_envelope3d.gif');}
a.sample {	background-image: url('/gui/icon_gift.gif'); padding-left:24px !important; }
a.index {	background-image: url('/gui/icon_toc.gif'); }
a.external {	background-image: url('/gui/icon_external_page.gif'); }
a.em {color: #F60; font-weight:bold; text-decoration:none;padding:1px; border: 1px solid #F60;background-color: #FEE}
a.em:visited{color: #F60;}
a.strong {
	font-weight: bolder;
}

/* color styles */
.grey { color:#444; }

/* position styles */
.right {float:right;}
.left {float:left;}
.clear {clear:left;}
img { border:0px;}

em {
	font-weight: bold;
	font-style: normal;
	color: #555;
}
	
body {
	font: small sans-serif;
	background: url(/pub/zenonon.gif) 40px 40px no-repeat;
	color: black;
	width:760px;
	margin: 0;
	padding: 0;
}

div#content
{

/*	border: solid 1px grey; */
}

div#page
{
	width: 700px;
	font: 12px/14px "Verdana", "Arial", "Helvetica", sans-serif;
	margin: 70px 0 0 40px;
	/*border: solid 1px grey; */
}

p {
	/*font: 15px/17px "Georgia", "Times", serif;*/
	margin: .4em 0 .5em 1em;
	line-height: 1.36em;

}

p.intro {
	font-family: "Trebuchet ms",sans-serif;
	font-size: 110%;
	line-height: 1.4em;
	color: #666;
	margin: 1em 0 0.8em 0;
	padding: 4px 4px 16px 20px;	
	background: url('/pub/bg/intro-bottom.gif') no-repeat bottom left;
}

p.note {
	font-size: 80%;
	font-family: "Tahoma", "Verdana", "Arial", sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	color: #666;
	background: none;
	font-weight: normal;
	font-family: "Trebuchet Ms","Lucida Sans",sans-serif;
	line-height: 1.2em;
	margin: 0;
	padding-top: .5em;
	padding-bottom: .17em;
	clear: left;
}
h1 { font-size: 188%;
	margin-bottom: 1.2em;}
	
h2 { font-size: 150%; }
h3, h4, h5, h6 {
	border-bottom: none;
	font-weight: bold;
}
h3 { font-size: 132%; }
h4 { font-size: 116%; }
h5 { font-size: 100%; }
h6 { font-size: 80%;  }

#page h3 { }
#page .noclear{clear:none;}

h4.blockhead {
	color: #654;
	padding: 6px;
	background-color: #C8C4C2;
}

ul {
		margin: .5em 2em;
		padding:0;
	}

li {
		line-height: 1.3em;
}	
ul.enum {	
/*	margin: 1em 0.5em 2em .5em;*/
	margin: .4em 0 .5em 2em;
	list-style-type: none;
}

ul.enum li {
	padding-left: 1em;
	line-height: 1.3em;
	background: url(/pub/bullets/gbull.gif) no-repeat .1em 0.4em;
	margin: 0 0 0.1em 0;
}


ul.anchorlist {
	margin: 0.5em 0 1em 1.5em;
	list-style-type: none;
}

ul.anchorlist li {
	margin-bottom: 0.5em;
	background-image: none;
}

ul.anchorlist a {
	font-size: 110%;
	font-weight: bold;
}

ul.nested {
	line-height: 1.1em;
	margin: .3em 0 0.1em 1.5em;
	padding: 0;
	list-style-type: none;
	color: #36C;
	font-size: 120%; 
}

ul.nested ul {
	margin: .2em 0 0 1.5em;
	list-style-type: none;
	padding: 0;
	font-size: 10pt;
	font-weight: bold;
	color: #000;
}

ul.nested ul ul {
	margin: 0 0 0 1.5em;
	list-style-type: none;
	padding: 0;
	font-size: 10pt;
	font-weight: normal;
	color: #000;
}

img.left {
	float: left;
	margin: 0em 0.5em 0.2em 0em;
}

img.right {
	float: right;
	margin: 0em 0 0.2em 0.5em;
}

div.figleft {
	float: left;
	width: auto;
	margin: 0.5em 0.5em 0.2em 1em;
	text-align: center;
	background-color: #FFF; /* #F6F3F0; */
	border: 1px solid #EEE;
	border-bottom: 2px solid #E6E3E0;
	border-right: 2px solid #E6E3E0;
	padding: .2em 0 .2em 0;
	/*clear:left;*/
}

div.captionhead {
	padding: 0.3em 0.5em 0.3em 0.5em;
	font: bold 8pt/9pt "Arial", "Helevetica";
	margin: 0 0 0.3em 0;
	text-align: left;
}

div.caption {
	padding: 0 0.5em 0.3em 0.5em;
	font: 8pt/9pt "Arial", "Helevetica";
	text-align: left;
}

div.figright {
	float: right;
	width: auto;
	margin: 0.5em 0em 0.2em 0.5em;
	padding: 0;
	text-align: center;
}

div.figright div.caption {
	padding: 0.3em 0.6em;
	font: 8pt/9pt "Arial", "Helevetica";
	text-align: left;
}

span.email {
color: #399;
letter-spacing: -0.1em;
}

/* various blocks 2007-05 */
.blocknote {
	float:right;
	position: relative; 
	top: 2em;
	width: 200px;
/*	background-color:#E6E3E0; */
	background: #E6E3E0 url('/pub/bg/cbl_blocknote.gif') no-repeat bottom left;
}

/* Form related styles
 *
*/

#page form {
 /*position:relative;*/
 background-color: #F6F3F0;
 padding: 0.5em 2em;
 border: 1px solid #999999;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 text-align: left;
}

label.tabular {
	text-align: right; 
	font-size: 11px; 
	width: 9em;
	padding: 4px 4px 0 0;
	float:left;
	position:relative;
}

input, select {
		margin: .1em .2em 0em 1em;
}

select {
 background-color: #F4F4FF;
}

input.text {
/* 	left: 8em;
	display: block;
	width: 8em;
	padding:0; */

}

input.button {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 background-color: #699;
 color: #FFFFFF;
 margin-right: 6px;
 border-width: 1px
}

form p {
	font-size:1.1em;
	text-align: left;
}

form p.comment {
	margin: 1.5em 0;
	padding: 1em 0 0 0;
	border-top: 1px dotted #BBB;
}	


.errmsg { font-family: Tahoma,Verdana,sans-serif; font-size: 8pt; font-weight: bold; color: #C33; display: none;}

.alertmsg { font-family: Tahoma,Verdana,sans-serif; font-size: 8pt; font-weight: bold; color: #699; display: none;}
/* Start of styles of static elements */
/* ================================== */

/* 
/	global navigation buttons
*/

div#topbanner {
	background: url(/pub/bg_topbanner.gif) repeat-x #399;
	height:32px;
}

div#globnav {
	margin:0;
	position:relative;
	top:2px;
	left:180px;
	width:580px;
	color:#EEE;
}

div#globnav a {
	font-weight:bold;
	text-decoration:none;
	color:#EEE;
}

div#globnav a:hover {
	color:#FFF;
	background-color: #399;
	text-decoration: underline;
}

a#glob_home 	{background: url(/pub/icons/g_home.gif) no-repeat 3px 50%; 	padding: 1px 6px 1px 24px;}
a#glob_companies {background: url(/pub/icons/g_globe.gif) no-repeat 3px 50%; 	padding: 1px 6px 1px 28px;}
a#glob_news {background: url(/pub/icons/g_envelope.gif) no-repeat 3px 50%; padding: 1px 6px 1px 28px;}
a#glob_contact {background: url(/pub/icons/g_phone.gif) no-repeat 3px 50%; padding: 1px 6px 1px 22px;}

div#slogan {
	position:relative;
	top: 10px;
	margin:0;
	text-align:right;
	color:#667;
	font-weight: bold;
	font-size: 10px;
}

/* 
/	toplink stuff
*/

div#toplinks {
	position:relative;
	float:left;
	/*clear:left; */
	/*left: 480px;
	top: 80px; */
	width: 200px;
	float: right;	
	margin: 0 0 0 .5em;
	padding: 0; /* 4px 100px;*/
	/*background-color: #F8F8F6; */
	background: #F8F8F6 url(/gui/bg_toc_title_round_corners.gif) no-repeat 0 0;
	font-family: "Arial","Helvetica",sans-serif;
}

#toctitle {
	/*margin: 0.1em .4em .2em 1em; */
	margin:.2em;
	padding-bottom: .5em;
	padding: 0.1em .4em .2em 1em; 
	font-weight:bold;
	color:#FFF;
	text-align:left;
}

#toctitletext {
  background-image: url(/gui/icon_minus.gif);
  background-repeat: no-repeat;
  background-position: 2px 2px;
  padding-left: 1.6em;
  cursor: pointer;
}

#tocitems  {
	display:block;
	width: 186px;
	position:absolute;
	background-color: #F8F8F6; 
	border: 1px solid #E8E8E6;
	margin:0;
	padding:0.5em;
	filter:alpha(opacity=90);
	opacity:.9;
}

div#toplinks ul {
	margin: 0 0 0 24px;
	padding: 0;
	list-style-type: none;
}

div#toplinks li {
	display: inline;
	padding-left: 12px;
	margin: 0;
	background: url(/pub/fw_.gif) no-repeat 0 0.2em;
	white-space: nowrap;
}

div#toplinks a {
	display: block;
	line-height: 1.4em;
	padding-left: 4px;
	padding-top: 0px;
	margin-bottom: 2px;
	font: 12px "Arial", "Helvetica",	 sans-serif;
}

div#toplinks span.tochead {
	margin-left: 4px;
	color: #366060;
	font-weight:bold;
	font-size:11px;	
}
/* 
/	Footer stuff
*/

#footer {
position: relative;
width: 500px;
margin-top: 3em;
margin-left: 160px;
clear: both;
}

#bottomlinks {
	position: relative;
	margin-top: 62px;
	margin-left: 10px;
	/* text-align:center;*/
	font: bold 10pt "Tahoma", "Verdana", "Arial", sans-serif;
	
}
	
#bottomlinks li {
	display: inline;
	margin: 0 0.2em;
	padding-left: 1.5em;
	background: url(/pub/fw.gif) no-repeat 0.4em 3px;
}

#bottomlinks a {text-decoration: underline; }

#contact {
	/*position: relative;
	left: 160px; */
	margin-top: 0.5em;
	list-style-type: none;
	font: 8pt "Arial", "Helvetica", "Arial";
	background: #FFF url(/pub/zenon_.gif) no-repeat;
	padding-left: 60px;
}

#contact li {
	background-image: none;
}


 /* End of styles of static elements */
/* ================================ */

/* Begin of ad block styles */

div.adbl {
	float: left;
	width: 246px;
	margin: 0.3em 1em 0.2em 0em;
	padding: 0;
	background-color: #FEC;
	border: 1px solid #F93;
}

img.adimg {
	border: 3px solid #F93;
	border-bottom: 7px solid #F93;
}

div.adbl div.title {
	position: relative;
	top: -200px;
	padding: 0 1em;
	font-size: 14pt;
	color: #F93;
	height: 32px;
}

div.adbl div.price {
	position: relative;
	top: -90px;
	left: 60px;
	width: 165px;
	height: 40px;
	padding-right: 8px;
	padding-top: 2px;
	background: url(img/pricebubble.gif) no-repeat right;
/*	vertical-align: center;*/
	font-size: 10pt;
	color: #FFF;
	text-align: right;
}

div.adbl a {
	color: #C00;
	padding: 0 0.1em;
}

div.adbl div.prodinfo {
	padding: 0.8em;
	position: relative;
	margin-top: -80px;
	margin-bottom: .5em;
	font-size: 8pt;
	line-height: 9pt;
	color: #444;
}

div.adbl p {
	padding: 0 0 0.5em 0;
	margin: 0;
	line-height: 9pt;
}

.oldprice {
	text-decoration: line-through;
	font-size: 8pt;
}

.newprice {
	font-weight: bold;
}

/* block stlyes from acadproglet, renamed here  */
.sideBar {
	width:180px;
	margin: 0.5em 0.8em 0.2em 0em;
}

/* Product highlights - dragged from acad  2007.06.11. */
.prodHighlight
{
	width:180px;
	margin: 0.5em 0.8em 0.2em 0em;
	background-color: #FFF;
	border: 1px solid #F0F0F0;
	position: relative;
	float: right;
	/*border-bottom: 2px solid #E8E8EF;
	border-right: 2px solid #E8E8F2; */
	/*padding: 3px;*/
}

.prodHighlight h4{
	margin: 0;
	padding: 0.1em 0.4em;
	font: bold 1.1em/1.2em "Tahoma", "Verdana", "Arial", "Helvetica", sans-serif;
	color: #FFF; 
	background-color: #F60;	
	position:relative;
	top: -0.25em; 
	letter-spacing:0.05em;
}

.prodHighlightSummary {
	margin: 0 1em .5em .9em;
	padding: 0;
	font: bold 11px "Tahoma","Verdana","Arial","Helvetica",sans-serif;
}

.prodHighlightPara {
	margin: 0 1em .5em .9em;
	padding: 0;
	font-family: "Tahoma", "Verdana", "Arial", "Helvetica", sans-serif;
	font-size: 11px;
}	

.prodHighlightFeatures {
margin: 0 0.5em 0.5em .4em;
padding-left: 16px;
/* color:  #66C; */
}

.prodHighlightFeatures li {
	list-style: square outside;
	padding: 0 0 0 0px;
	margin: 0 0 0.2em 0;
	font-family: "Tahoma", "Verdana", "Arial", "Helvetica", sans-serif;
	line-height: 1.2em;
	font-size: 11px;
}

/* End of ad block styles */


dt {
	font-weight: bold;
	margin-bottom: .1em;
}
dl {
	margin-top: .2em;
	margin-bottom: .5em;
}
dd {
	line-height: 1.5em;
	margin-left: 2em;
	margin-bottom: .1em;
}

/* Table stuff */
.evenrow  {
	background-color: #EFEEDF;
}
