html,body{
	height:100%;
	margin:0px;
	padding:0px
}
/* Common */
body{background-color: #E8E8E8;}
.innerPage{ background: url(../images/bg-page.gif) repeat-y; }
body, td, p{
	font: 12px Tahoma, Helvetica, sans-serif;
	color: #000;
}
p{
	margin: 0px;
	padding: 5px 0px;
}
h1{
	font: bold 24px Verdana, Helvetica, sans-serif;
	color: #FFF;
	margin:0px;
	padding:0px
}
h3{
	font: bold 12px Tahoma, Helvetica, sans-serif;
	color: #373737;
	margin:0px;
	padding:0px;
}
h4{
	font: 12px Tahoma, Helvetica, sans-serif;
	color: #666;
	margin:0px;
	padding:0px;
}
a{
	color: #445577;
	text-decoration: underline;
}
a:hover, a:active{
	text-decoration: none;
}
#main {
	width: 100%; height: 100%;
}
#main .top{
	width: 100%;
	vertical-align: top;
}
#main .bottom{
	width: 100%; height: 70px;
	vertical-align: bottom;
}
.head{
	background: #252180 url(../images/bg-top.gif) repeat-x;
	width: 100%;
}
#submenu{
	padding-right: 45px;
	font: 10px Tahoma, Helvetica, sans-serif;
	color: #B3C6DF;
}
#submenu a:link, #submenu a:visited{
	font: 9px Tahoma, Helvetica, sans-serif;
	color: #B3C6DF;
	text-decoration: underline;
}
#submenu a:hover, #submenu a:active{
	font: 9px Tahoma, Helvetica, sans-serif;
	color: #B3C6DF;
	text-decoration: none;
}
#submenu img{ margin-right: 5px; }
#language{
	padding-right: 30px;
	font: 10px Tahoma, Helvetica, sans-serif;
	color: #A0AFC6;
}
#language a:link, #language a:visited{
	font: 11px Tahoma, Helvetica, sans-serif;
	color: #B3C6DF;
	text-decoration: underline;
}
#language a:hover, #language a:active{
	font: 11px Tahoma, Helvetica, sans-serif;
	color: #B3C6DF;
	text-decoration: none;
}
#visual{
	background: url(../images/bg-visual.jpg) no-repeat;
	width: 100%;
}
#visualEn{
	background: url(../images/bg-visual-en.jpg) no-repeat;
	width: 100%;
}
#heading{
	width: 100%;
	background: #1B529F url(../images/bg-head.jpg) repeat-x;
}
#heading .right{
	width: 100%;
	height: 121px;
	text-align: right;
	vertical-align: bottom;
	padding: 20px 20px;
}
#menu{
	background-color: #445577;
	width: 100%;
}
#menu table{
	background-color: #6A768F;
	width: 100%;
}
#menu .td{
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #FFF;
	border-right: 1px solid #445577;
	text-align: center;
	vertical-align: top;
}
#menu .empty{
	width: 240px;
	background-color: #445577;
	height: 30px;
}
#menu .emptyLeft{
	background-color: #E8E8E8;
	/*height: 20px;*/
}
#menu .td a{
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #E8E8E8;
	height: 30px;
	background-color: #445577;
	display: block;
	text-decoration: none;
}
#menu .td a:hover, #menu .td a:active{
	color: #FFF;
	background-color: #6A768F;
}

#secondMenu table{
	background-color: #6A768F;
	width: 60%;
}
#secondMenu td{
	font: 11px Tahoma, Helvetica, sans-serif;
	color: #E8E8E8;
	border-right: 1px solid #6A768F;
	text-align: center;
	background-color: #838DA1;
}
#secondMenu a{
	font: 11px Tahoma, Helvetica, sans-serif;
	color: #E8E8E8;
	display: block;
	text-decoration: none;
}
#secondMenu a:hover, #menu a:active{
	color: #E8E8E8;
}

.emptyTD{
	background-color: #E8E8E8;
	background: url(../images/empty.gif);
}

a.more{
	color: #445577;
	text-decoration: underline;
	background: url(../images/bullet.gif) no-repeat;
	padding-left: 9px;
}
a.more:hover, a.more:active{
	text-decoration: none;
}
.date{
	padding: 15px 0px 3px 0px;
	color: #373737;
}
#pages{
	text-align: center;
	font-weight: bold;
	border-top: 1px solid #838DA1;
	padding: 5px 0px;
}
.hr{
	padding: 5px 0px;
	border-top: 1px solid #838DA1;
}

/* Index Page */
#indexMenu{
	background-color: #768199;
	width: 100%;
	height: 30px;
}
#indexMenu table{
	background-color: #6A768F;
	width: 100%;
	height: 30px;
}
#indexMenu td{
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #FFF;
	border-right: 1px solid #445577;
	text-align: center;
	vertical-align: top;
}
#indexMenu a{
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #E8E8E8;
	height: 30px;
	background-color: #445577;
	display: block;
	text-decoration: none;
}
#indexMenu a:hover, #menu a:active{
	color: #FFF;
	background-color: #6A768F;
}
#indexContent{
	width: 100%;
	padding-bottom: 20px;
}
#indexContent .left{
	width: 100%;
	vertical-align: top;
}
#indexContent .right{
	font: 11px/14px Tahoma, Helvetica, sans-serif;
	color: #000;
	padding-right: 20px;
	padding-left: 5px;
	vertical-align: top;
}
#indexNews a{
	font: 11px/14px Tahoma, Helvetica, sans-serif;
	color: #445577;
	text-decoration: underline;
}
#indexNews a:hover, #indexNews a:active{
	font: 11px/14px Tahoma, Helvetica, sans-serif;
	color: #445577;
	text-decoration: none;
}
#indexNews .date{
	font: 11px/14px Tahoma, Helvetica, sans-serif;
	color: #373737;
}
#indexNews p{
	margin: 0px; padding: 1px 0px 5px 0px;
}
#newsTitle td{
	width: 309px;
	height: 43px;
	background: #252180 url(../images/bg-title-news.gif) no-repeat;
	vertical-align: top;
	padding-top: 13px;
	padding-left: 10px;
}
#exhibitionsTitle td{
	width: 309px;
	height: 48px;
	background: #252180 url(../images/bg-title-exhibitions.gif) no-repeat;
	vertical-align: top;
	padding-top: 19px;
	padding-left: 10px;
}
#newsTitle h2, #exhibitionsTitle h2{
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #FFF;
	text-transform: uppercase;
	padding: 0px;
	margin: 0px;
}

/* Intro Blocks */
.introduction{
	font: 12px/14px Tahoma, Helvetica, sans-serif;
	color: #000;
	padding: 10px 20px 15px 20px;
	text-align: justify;
}
#blocks{
	width: 100%;
}
#blocks .left{
	padding: 10px 20px 0px 0px;
}
#blocks .right{
	padding: 10px 0px 0px 15px;	
}
#blocks h2{
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #FFF;
	text-transform: uppercase;
	padding: 0px 20px 5px 0px;
	margin: 0px;
}

#photometry{
	width: 100%;
	background: #DB8AB2 url(../images/bg-photometry.gif) repeat-x bottom;
}
#photometry .left{
	width: 0%;
	background: url(../images/bg-block-left.gif) repeat-y;
	vertical-align: bottom;
}
#photometry .right{
	width: 100%;
	background: url(../images/bg-photometry-right.gif) no-repeat;
	background-position: 100% 100%;
	padding: 10px 20px 30px 0px;	
	font: 11px Tahoma, Helvetica, sans-serif;
	color: #FFF;
}

#hemostasis{
	width: 100%;
	background: #8487B2 url(../images/bg-hemostasis.gif) repeat-x bottom;
}
#hemostasis .right{
	width: 0%;
	background: url(../images/bg-block-right.gif) repeat-y right;
	vertical-align: bottom;
	text-align: right;
}
#hemostasis .left{
	width: 100%;
	background: url(../images/bg-hemostasis-left.gif) no-repeat;
	background-position: 0% 100%;
	padding: 10px 20px 30px 15px;	
	font: 11px Tahoma, Helvetica, sans-serif;
	color: #FFF;
}

#fluorimetry{
	width: 100%;
	background: #DCBA8B url(../images/bg-fluorimetry.gif) repeat-x bottom;
}
#fluorimetry .left{
	width: 0%;
	background: url(../images/bg-block-left.gif) repeat-y;
	vertical-align: bottom;
}
#fluorimetry .right{
	width: 100%;
	background: url(../images/bg-fluorimetry-right.gif) no-repeat;
	background-position: 100% 100%;
	padding: 10px 20px 30px 0px;	
	font: 11px Tahoma, Helvetica, sans-serif;
	color: #FFF;
}

#electrophoresis{
	width: 100%;
	background: #81AB97 url(../images/bg-electrophoresis.gif) repeat-x bottom;
}
#electrophoresis .right{
	width: 0%;
	background: url(../images/bg-block-right.gif) repeat-y right;
	vertical-align: bottom;
	text-align: right;
}
#electrophoresis .left{
	width: 100%;
	background: url(../images/bg-electrophoresis-left.gif) no-repeat;
	background-position: 0% 100%;
	padding: 10px 20px 30px 15px;	
	font: 11px Tahoma, Helvetica, sans-serif;
	color: #FFF;
}


/* Content Page */
#pageContent{
	width: 100%;
}
#pageContent .left{
	width: 250px;
	vertical-align: top;
}
#pageContent .right{
	width: 100%;
	vertical-align: top;
}
#pageContent .text{
	padding: 10px 0px;
	text-align: justify;
}
#main .top2{
	width: 100%;
	vertical-align: top;
	background: url(../images/bg-inner-top.gif) no-repeat;
	background-position: 0% 100%;
}
.h2TD{
	background: #232381 url(../images/bg-h2.gif) repeat-x;
	height: 21px;
}
h2{
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #FFF;
	padding: 0px 0px 0px 10px;
	margin: 0px;
	text-transform: uppercase;
}
#catalogue .photometry{
	background: url(../images/bg-photometry-link.gif) no-repeat;
	font: bold 11px Tahoma, Helvetica, sans-serif;
	padding: 7px 3px 4px 15px;
}
#catalogue .hemostasis{
	background: url(../images/bg-hemostasis-link.gif) no-repeat;
	font: bold 11px Tahoma, Helvetica, sans-serif;
	padding: 7px 3px 4px 15px;
}
#catalogue .fluorimetry{
	background: url(../images/bg-fluorimetry-link.gif) no-repeat;
	font: bold 11px Tahoma, Helvetica, sans-serif;
	padding: 7px 3px 4px 15px;
}
#catalogue .electrophoresis{
	background: url(../images/bg-electrophoresis-link.gif) no-repeat;
	font: bold 11px Tahoma, Helvetica, sans-serif;
	padding: 7px 3px 4px 15px;
}
#catalogue .sublink{
	background: url(../images/bullet-subcatalogue.gif) no-repeat;
	font: 11px Tahoma, Helvetica, sans-serif;
	background-position: 15px 50%;
	padding: 6px 12px 6px 30px;
}

/* Methods Tables */
#methodsTables td{
	font: 11px Tahoma, Helvetica, sans-serif;
	background: #FFF;
	vertical-align: top;
}
#methodsTables td.head{
	font: 11px Tahoma, Helvetica, sans-serif;
	background: #E8E8E8;
	vertical-align: top;
}
#methodsTables th{
	font: bold 11px Tahoma, Helvetica, sans-serif;
	background: #D6D6D6;
	text-align: center;
	vertical-align: top;
}

/* Products Tables */
#products h3{
	font: bold 13px Tahoma, Helvetica, sans-serif;
	color: #000080;
	padding: 5px 0px; margin: 0px;
}
#products h4{
	font: bold 11px Tahoma, Helvetica, sans-serif;
	color: #666;
	padding: 5px 0px 0px 0px; margin: 0px;
}
#products td{
	font: 11px Tahoma, Helvetica, sans-serif;
	background: #FFF;
	vertical-align: top;
}
#products th{
	font: bold 11px Tahoma, Helvetica, sans-serif;
	background: #D6D6D6;
	vertical-align: top;
	text-align: left;
}
ul{
	padding-top: 0px;
	margin-top: 3px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
li{ list-style-type: square; }
.note{
	font: 11px Tahoma, Helvetica, sans-serif;
}
#quillworts{
	width: 80%;
}
#quillworts td{
	font: 11px Tahoma, Helvetica, sans-serif;
	background: #FFF;
}
#quillworts th{
	font: bold 11px Tahoma, Helvetica, sans-serif;
	background: #D6D6D6;
	text-align: center;
}

/* Map */
#map h4{
	background: url(../images/bullet-subcatalogue.gif) no-repeat;
	background-position: 15px 50%;
	padding: 0px 0px 0px 30px;
	font: 12px Tahoma, Helvetica, sans-serif;
	color: #666;
	margin:0px;
}


/* Footer */
#footer{
	background: #445577 url(../images/bg-footer.gif) no-repeat;
	width: 100%;
	height: 70px;
}
#footer a{
	font: 11px/14px Tahoma, Helvetica, sans-serif;
	color: #A2AABB;
	text-decoration: underline;
}
#footer a:hover, #footer a:active{
	font: 11px/14px Tahoma, Helvetica, sans-serif;
	color: #A2AABB;
	text-decoration: none;
}
#footer .left{
	width: 100%;
	padding: 0px 15px;
	background-color: #445577;
	font: 11px/14px Tahoma, Helvetica, sans-serif;
	color: #A2AABB;
}
#footer .right{
	padding: 0px 20px;
	text-align: right;
	background-color: #445577;
	font: 11px/14px Tahoma, Helvetica, sans-serif;
	color: #A2AABB;
}

/* Form */
form {
	padding: 0px; margin: 0px;
}
input {
	font: 12px Tahoma, Helvetica, sans-serif;
	color: #666;
}
.input {
	font: 12px Tahoma, Helvetica, sans-serif;
	color: #666;
	border: 1px solid #838DA1;
	width: 250px;
}
input.submit {
	font: 12px Tahoma, Helvetica, sans-serif;
	background: #D6D6D6;
	height: 20px;
	border: 1px solid #838DA1;
}
textarea {
	font: 12px Tahoma, Helvetica, sans-serif;
	color: #666;
	border: 1px solid #838DA1;
	width: 350px;
}