body, html {
margin: 0px; padding: 0px;
font-family: Arial, Helvetica, sans-serif; font-size: 11px;
color: #434947;
background: url(../img/mainbg.gif) left top repeat-x #ffffff;
}
menu { margin: 0px; padding: 0px; list-style-type: none; }
li { vertical-align: bottom; min-height: 1px; }
* html li { height: 1px; }
li.fantom { clear: both; font-size: 0px; line-height: 1px; }
.fantom { clear: both; }
a { color: #00754a; text-decoration: underline; }
a:hover { text-decoration: none; }
p { margin: 0px; padding: 0px 0px 10px 0px; }
/* Labels */
h1.lbl {
margin: 0px 0px 10px 0px; padding: 4px 5px 6px 26px;
color: #00754a; font-size: 15px;
border-bottom: solid 1px #00754a; background:url(../img/leaf-01.gif) left top no-repeat;
}
/* Paging */
.paging { color: #bbbbbb; text-align: center; }
.paging a { font-weight: bold; font-size: 12px; }
/* Image Buttons */
.imgbtns li {
display: block; float:left; margin: 0px 15px 15px 0px;
width: 79px; height: 86px;
}
.imgbtns a {
display: block; height: 86px; background-position: left top;
}
.imgbtns a:hover { background-position: right top; }
.imgbtns .b01 a { background-image: url(../img/ibtn-01.jpg); }
.imgbtns .b02 a { background-image: url(../img/ibtn-02.jpg); }
.imgbtns .b03 a { background-image: url(../img/ibtn-03.jpg); }
.imgbtns .b04 a { background-image: url(../img/ibtn-04.jpg); }
.imgbtns .b05 a { background-image: url(../img/ibtn-05.jpg); }
.imgbtns .b06 a { background-image: url(../img/ibtn-06.jpg); }
.imgbtns .b07 a { background-image: url(../img/ibtn-07.jpg); }
.imgbtns .b08 a { background-image: url(../img/ibtn-08.jpg); }
.imgbtns .b09 a { background-image: url(../img/ibtn-09.jpg); }
.imgbtns .b10 a { background-image: url(../img/ibtn-10.jpg); }
/* Header */
.hdr { position: relative; height: 130px; }
.logo {
position: absolute; left: 15px; top: 36px;
width: 226px; height: 117px;
}
.logo img { border: none; }
/* Header links */
.hdr .links { padding: 105px 0px 0px 250px; width: 750px; }
.hdr .links li { float: left; padding: 0px 7px; font-size: 13px; }
.hdr .links a { color: #616263; text-decoration: none; }
.hdr .links a:hover { color: #ee3439; }
/* Index */
.index {
min-height: 534px; width: 1000px;
background: url(../img/index-bg.jpg) left top no-repeat;
}
* html .index { height: 534px; }
.indexleft { float: left; width: 475px; padding: 65px 0px 0px 15px; }
.indexright { float: left; position: relative; width: 490px; min-height: 534px; }
* html .indexright { height: 534px; }
.indextxt { padding: 65px 0px 20px 0px; height: 170px; }
.indextxt p { padding: 0px; margin: 0px 0px 15px 0px; }
.indextxt h2.ttl {
margin: 0px 0px 15px 0px; padding: 0px; font-size: 11px; color: #00754a;
}
.index .indexbnr { position: absolute; left: 35px; bottom: -62px; }
/* Index list */
.indexlist { padding: 0px 0px 20px 0px; min-height: 160px; }
.indexlist ul { padding: 0px; margin: 0px; list-style-type: none; }
.indexlist li {
padding: 0px 0px 5px 30px;
font-weight: bold; color: #00754a;
background: url(../img/dot-01.gif) left top no-repeat;
}
.indexlist li a { font-weight: bold; color: #00754a; }
/* Footer */
.ftr {
height: 88px; padding: 0px 0px 15px 0px;
background: url(../img/ftr-bg01.gif) left top repeat-x;
}
.ftrlogo { float: left; padding: 0px 22px; width: 235px; }
.ftrlogo img { border: none; }
.ftr .contacts { padding-top: 68px; }
.ftr .contacts .inr { height: 20px; line-height: 20px; color: #ffffff; }
.ftr .contacts .inr a { color: #ffffff; text-decoration: none; }
/* Prods */
.prods {
min-height: 490px; width: 1000px;
background: url(../img/prods-bg.jpg) left top no-repeat;
}
* html .prods { height: 490px; }
/* Products - Menu */
.prodsmenu { height: 44px; }
.prodsmenu .inr {
padding: 5px 5px 2px 5px;
background: url(../img/topmenu-bg01.gif) left top repeat-x #ffffff;
margin-left: 256px; min-height: 1px;
}
.prodsmenu li { float: left; line-height: 15px; height: 15px; padding: 0px 5px; }
.prodsmenu li a { color: #1c699f; font-weight: bold; }
/* Products - Files */
.prods_files {
float: left; padding: 10px; margin: 0px 8px 0px 15px; width: 206px;
}
* html .prods_files { margin: 0px 8px 0px 7px; padding-left: 11px; }
.prods_files h2.lbl {
margin: 0px; padding: 7px;
color: #ffffff; font-size: 13px;
background-color: #409877; border-bottom: solid 1px #ffffff;
}
.prods_files .listfiles {
margin-bottom: 10px; padding: 5px; min-height: 220px;
background:url(../img/files-bg.gif) left top repeat-x;
}
* html .prods_files .listfiles { height: 220px; }
.prods_files .listfiles ul { margin: 0px; padding: 0px; list-style-type: none; }
.prods_files .listfiles li {
padding: 0px 0px 2px 10px;
background: url(../img/dot-02.gif) left top no-repeat;
}
/* Product - Page content */
.prods_content {
float: left; margin: 0px 8px 0px 7px; padding: 10px 10px 125px 10px;
width: 554px; min-height: 355px;
background: url(../img/landscape-01.jpg) left bottom no-repeat;
}
* html .prods_content { height: 335px; }
/* Products - Images */
.prods_imgs {
float: left; margin: 0px 10px 0px 2px; padding: 10px 15px; width: 120px;
}
.prods_imgs .img {
display: block; margin-bottom: 5px; padding: 5px; width: 110px;
text-decoration: none; font-weight: bold; text-align: center;
overflow: hidden;
}
.prods_imgs .img:hover { background-color: #e1f0eb; }
.prods_imgs .img:hover span { text-decoration: underline; }
.prods_imgs .img img { border: none; }
.prods_imgs .img span { display: block; padding-top: 5px; }
/* Info Page */
.innerpage {
min-height: 534px; width: 1000px;
background: url(../img/infopage-bg.jpg) left top no-repeat;
}
* html .innerpage { height: 534px; }
.inforight {
float: left; padding: 54px 10px 10px 10px; width: 586px; min-height: 470px;
}
* html .inforight { height: 470px; }
.infoleft { float: left; width: 364px; padding: 65px 0px 0px 15px; }
.innerpage .imgbtns li { margin: 0px 11px 11px 0px; }
/* News */
.newsimg { float: left; width: 240px; }
.newsimg a { display: block; margin: 0px 10px 5px 0px; }
.newsimg img { border: none;}
.newslist { padding-bottom: 15px; }
.newslist .img { float: left; padding: 0px 5px 5px 0px; width: 120px; }
.newslist .img a img { padding: 5px; border: none; background: #e1f0eb; }
.newslist .img a:hover img { background: #bee0d5; }
.newslist .ttl { padding-bottom: 5px; }
.newslist .ttl strong { font-size: 12px; }
.newslist .news_goto { text-align: right; padding: 2px 5px 2px 0px; }
/* Gallery */
.gallery { padding-bottom: 10px; }
.gallery a {
float: left; display: block; margin: 3px; width: 110px;
text-decoration: none;
text-align: center;
}
.gallery a img { padding: 2px; border: none; background: #e1f0eb; }
.gallery a:hover img { background: #bee0d5; }
.gallery a span { display: block; padding-top: 2px; text-align: center; }
.gallery a:hover span { text-decoration: underline; }
/* Mail Form */
.mailform {
margin: 15px auto;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px; font-weight: bold; color: #5f6061;
border: solid 1px #a9a9a9; background: #f1f6f6;
}
.mailform .label {
width: 280px;
vertical-align: top;
}
.mailform .ifld {
border: solid 1px #999999; font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
width: 180px;
}
.mailform textarea.ifld { height: 100px; width: 250px; }
.mailform .submit input {
padding: 2px 3px; cursor: pointer;
font-weight: bold; color: #ffffff;
border: none; background: #859fbe;
}
.mailform .error {
border: solid 1px red;
padding: 4px;
color: red;
margin-bottom: 10px;
}