@import "forms.css";

html * {
padding: 0;
margin: 0;
}

body {
background: #7eaf22;
font-family: Tahoma, Verdana, Helvetica, sans-serif;
font-size: 11px;
color: #36393a;
line-height: 14px;
}

#top-wrap {
position: relative;
float: left;
width: 100%;
background: #ecf5dd url('gfx/bk-wrap.png') repeat-x;
height: 224px;
}

#below-wrap {
position: relative;
float: left;
width: 100%;
padding: 50px 0 20px 0;
background: #ecf5dd;
}

#top {
float: left;
padding-bottom: 3px;
height: 224px;
}

#footer-wrap {
position: relative;
float: left;
width: 100%;
height: 43px;
background: #7eaf22 url('gfx/bk-footer.png') repeat-x;
color: white;
font-size: 10px;
}

#footer-wrap a {color: white;}
#footer-wrap a:hover {color: #deeac5;}

#footer-counter {
position: absolute;
right: 0;
top: 0;
background: #7eaf22 url('gfx/bk-counter.png') right top;
}

#footer-atom {
position: absolute;
top: 23px;
right: 10px;
line-height: 20px;
}

#footer-digits {
float: left;
padding: 7px 10px 0 0;
}

#footer-links {
position: absolute;
left: 5px;
top: 23px;
line-height: 20px;
}

#top, #footer, #below {
float: left;
width: 878px;
position: relative;
left: 50%;
margin-left: -439px;
}

#top {
position: absolute;
z-index: 1;
}

ul#menu {
position: absolute;
z-index: 2;
float: left;
list-style-type: none;
width: 875px;
left: 50%;
margin-left: -436px;
top: 196px;
height: 27px;
}

ul#menu li {
float: left;
width: 125px;
height: 27px;
}

ul#menu li a {
float: left;
width: 122px;
height: 27px;
background-repeat: no-repeat;
background-position: left top;
}

ul#menu li a:hover,
ul#menu li.sel a {
background-position: left -27px;
}

#flags {
position: absolute;
z-index: 2;
right: 50%;
margin-right: -429px;
top: 3px;
}

#flags img {
float: left;
width: 18px;
height: 13px;
margin-right: 3px;
}

#left {
float: left;
width: 265px;
padding-left: 10px;
}

#content {
float: left;
width: 290px;
padding-left: 35px;
}

#content-wide {
float: left;
width: 564px;
padding-left: 35px;
}

#right {
float: left;
width: 242px;
padding-left: 35px;
}

.box {
float: left;
width: 100%;
margin-bottom: 20px;
}

.fL {
float: left;
}

a {
color: #7e330e;
text-decoration: none;
}

p {
margin: 14px 0;
}

a:hover {
color: #6f7f4f;
text-decoration: none;
}

a.text {color: #36393a;}
a.text:hover {color: #6f7f4f;}

img {
border: 0;
}

ul.inline {
display: inline;
list-style-type: none;
}

ul.inline li {
display: inline;
}

ul.prod, ul.prod ul {
width: 265px;
list-style-type: none;
color: #36393a;
}

ul.prod a {
display: block;
line-height: 21px;
min-height: 21px;
background-image: url('gfx/bk-li-prod.png');
text-indent: 32px;
color: #36393a;
background-position: 0 1px;
background-repeat: no-repeat;
}

ul.prod a:hover {
color: #6f7f4f;
background-position: -265px 1px;
}

ul.prod li.sel a {
background-image: url('gfx/bk-li-prod-sel.png');
}

ul.prod li.sel ul li a {
background-image: url('gfx/bk-li-prod-sel-2.png');
text-indent: 48px;
}

h1 {
height: 18px;
line-height: 18px;
padding-left: 22px;
color: #7e330e;
font-weight: bold;
font-size: 11px;
background: url('gfx/i-hand.png') no-repeat;
margin-bottom: 12px;
clear: both;
}

h2 {
height: 16px;
line-height: 16px;
color: black;
font-weight: bold;
margin: 2px 0 8px 0;
font-size: 11px;
clear: both;
}

.prodtile h2,
.prodtile2 h2 {
clear: none;
}

.prodtile, .prodtile2 {
float: left;
width: 280px;
height: 70px;
padding: 5px;
background: url('gfx/bk-prodtile.png') no-repeat;
margin-bottom: 8px;
}

.prodtile2 {
background: url('gfx/bk-prodtile2.png') no-repeat;
width: 554px;
}

.prodtile p,
.prodtile2 p {
margin: 0;
}

.prodtile-image {
float: left;
width: 70px;
height: 70px;
position: relative;
margin-right: 8px;
overflow: hidden;
}

div.cr1, div.cr2, div.cr3, div.cr4 {
position: absolute;
width: 10px;
height: 10px;
z-index: 20;
background-repeat: no-repeat;
}

.prodtile-image div.cr1 {background-image: url('gfx/cr1.png'); left: 0; top: 0;}
.prodtile-image div.cr2 {background-image: url('gfx/cr2.png'); right: 0; top: 0;}
.prodtile-image div.cr3 {background-image: url('gfx/cr3.png'); right: 0; bottom: 0;}
.prodtile-image div.cr4 {background-image: url('gfx/cr4.png'); left: 0; bottom: 0;}

.prod-image div.cr1 {background-image: url('gfx/lcr1.png'); left: 0; top: 0;}
.prod-image div.cr2 {background-image: url('gfx/lcr2.png'); right: 0; top: 0;}
.prod-image div.cr3 {background-image: url('gfx/lcr3.png'); right: 0; bottom: 0;}
.prod-image div.cr4 {background-image: url('gfx/lcr4.png'); left: 0; bottom: 0;}

.prod-image {
position: relative;
float: left;
width: 148px;
}

.prod-desc {
float: left;
width: 396px;
padding-left: 20px;
}

.prod-info {
float: left;
width: 100%;
}

.prod-symbols {
float: left;
width: 100%;
}

.prod-symbol {
float: left;
margin: 0 10px 10px 0;
}

.btr, .btr-border {
float: left;
width: 100%;
text-align: right;
}

.btr-border {
margin-top: 30px;
border-top: 1px solid #cddab8;
}

.btl {
float: left;
width: 100%;
text-align: left;
}

.newsitem,
.workitem {
float: left;
width: 100%;
border-bottom: 1px solid #cddab8;
}

p.newsitem-date,
p.workitem-date {
margin: 2px 0 0 0;
color: #7e330e;
font-size: 10px;
}

p.newsitem-abstract {
margin: 0;
}

p.workitem-abstract {
font-size: 10px;
margin: 0;
}

p.workitem-title {
font-weight: bold;
margin: 0;
}

p.workitem-title-full {
font-weight: bold;
margin: 0 0 14px 0;
}

div.newsitem-content,
div.workitem-content {
margin-top: 14px;
}

.distr {
float: left;
width: 100%;
border-bottom: 1px solid #cddab8;
margin-top: 5px;
padding-bottom: 6px;
}

p.distr-title {
font-weight: bold;
margin: 0;
}

address {
font-size: 11px;
font-style: normal;
}

address.distr-address {
}

.tmce {
float: left;
width: 100%;
clear: both;
}

div.prod-chart-container {
float: left;
}

div.prod-charts {
float: left;
width: 100%;
margin: 1.5em 0;
}

table {
font-size: 11px;
font-family: Tahoma, Verdana, Helvetica, sans-serif;
}

table.prod-chart {
border: 1px solid #bdcba5;
border-collapse: collapse;
margin-bottom: 20px;
clear: both;
}

table.prod-chart-right td {
width: 50px;
}

table.prod-chart-left {
margin-right: 20px;
}

table.prod-chart td,
table.prod-chart th {
padding: 2px 5px;
border: 1px solid #bdcba5;
}

table.prod-chart td {
text-align: center;
}

table.prod-chart td.sel {
font-weight: bold;
background: #deeac5;
}

table.prod-chart th {
text-align: left;
font-weight: normal;
padding-right: 20px;
}

div.stars-1,
div.stars-2,
div.stars-3,
div.stars-4,
div.stars-5 {
float: left;
height: 10px;
background: url('gfx/bk-stars.png');
}

div.stars-1 {width: 10px;}
div.stars-2 {width: 20px;}
div.stars-3 {width: 30px;}
div.stars-4 {width: 40px;}
div.stars-5 {width: 50px;}

a#mainlink {
display: block;
position: absolute;
top: 52px;
left: 50%;
margin-left: -439px;
width: 352px;
height: 74px;
z-index: 2;
background: url('gfx/trans.gif');
}