﻿body {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; background-color: #FFFFFF; padding: 0px; margin: 0px;}

img{border: 0px;}
.wrap{width: 981px; min-height: 445px;}
hr{height: 1px;}
p{padding-bottom: 10px; margin: 0px;}
.main{padding: 0px 0px 0px 20px;}
form{padding-top: 15px; margin-top: 0px;}

/* header */
h1{font-size: 16px; font-weight: bold; padding: 10px 0px 10px 0px; margin: 0px; color: #41812F;}
h2{font-size: 14px; color: #0071BE; font-weight: bold; padding: 0px 0px 5px 0px;margin: 0px;}
h2.advtitle{padding: 0px; margin: 0px;width: 358px; font-size: 11px; text-align: center; padding-bottom: 5px;}
h3{font-size: 13px; font-weight: bold; padding: 0px 0px 5px 0px;margin: 0px;}
h3.title{font-size: 13px; font-weight: bold; padding: 0px 0px 5px 0px;margin: 0px; color: #0D73C0;}
/* header */

/* alignment */
.aligntop{vertical-align: top;}
.alignright{text-align :right;}
.aligncenter{text-align: center;}
.alignbottom{vertical-align :bottom;}
.alignleft{text-align: left;}
.floatleft{float: left;}
.floatright{float: right;}
.floatnone{float: none;}
.mar0{margin: 0px;}
.marl20{margin-left: 20px;}
.marl10{margin-left: 10px;}
.marl35{margin-left: 35px;}
.pad10{padding: 10px !important;}
.padb0{padding-bottom: 0px;}
.padb10{padding-bottom: 10px;}
.padb50{padding-bottom: 50px;}
.padt5{padding-top: 5px;}
.padt20{padding-top: 20px;}
.padt30{padding-top: 31px;}
.padr0{padding-right: 0px !important;}
.padr30{padding-right: 60px;}
.lh5{line-height: 5px;}
/* alignment */

.bold{font-weight: bold;}
.clearall{clear: both;}
.arrowup{color: #9F9F9F; text-decoration: none; font-size: 16px;}
.font11{font-size: 11px;}
.font12{font-size: 12px;}
.noborderl{border-left: 0px !important;}
.noborderr{border-right: 0px !important;}
.nobordert{border-top: 0px !important;}
.noborder{border: 0px !important;}
.borderb{border-bottom: 1px solid gray;}
.borderr{border-right: 1px solid gray;}
.borderl{border-left: 1px solid gray;}

/* homepage */
.indexl{float: left; padding: 2px 30px 0px 0px; width: 600px;}
.indexr{float: left; width: 320px;}
.indexabout{float: left; width: 232px; margin: 15px 65px 0px 0px; line-height: 18px;}
.news{width: 262px; padding: 5px; background-color :#EEB04E; float: left; margin-top: 19px;}
.news2{padding: 5px; background-color: white; padding: 10px; float: left; width: 241px;}
.newsimg{float: left; margin-right: 6px; float: left; width: 60px; padding-top: 3px;}
.newstxt{float: left; font-size: 11px; float: left; width: 175px;}
/* homepage */

/* technology - default */
table.technology td{ vertical-align: top; padding-bottom: 20px;}
table.technology td.left{width: 200px; text-align: right; padding-bottom:24px; padding-right: 20px;}
.technologybg{background: url(../images/technology_diagram.png) no-repeat right 15px;}
.techintro{float :left; width: 280px; padding: 33px 70px 0px 0px;}
/* technology - default */ 

/* advantages + specs */
.advwrap{float: left;width: 438px; padding-top: 0px;}
.compwrap{float: left; padding-top: 49px; width: 484px;}
ul.advantages{padding: 10px 30px 0px 0px; margin: 0px;}
ul.advantages li{background: url(../images/bullet.gif) no-repeat 0 1px; list-style-type: none; padding: 0px; padding: 0px 0px 15px 18px;}
/*ul.advantages li.adv1{background: url(../images/bullet.gif) no-repeat 0 1px; list-style-type: none; padding: 0px; padding: 0px 0px 15px 18px;}
ul.advantages li.adv2{background: url(../images/bullet.gif) no-repeat 0 1px; list-style-type: none; margin: 0px; padding: 0px 0px 15px 18px;}
ul.advantages li.adv3{background: url(../images/bullet.gif) no-repeat 0 1px; list-style-type: none; margin: 0px; padding: 0px 0px 15px 18px;}
ul.advantages li.adv4{background: url(../images/bullet.gif) no-repeat 0 1px; list-style-type: none; margin: 0px; padding: 0px 0px 15px 18px;}
ul.advantages li.adv5{background: url(../images/bullet.gif) no-repeat 0 1px; list-style-type: none; margin: 0px; padding: 0px 0px 15px 18px;}
ul.advantages li.adv6{background: url(../images/bullet.gif) no-repeat 0 1px; list-style-type: none; margin: 0px; padding: 0px 0px 15px 18px;}
ul.advantages li.adv7{background: url(../images/bullet.gif) no-repeat 0 1px; list-style-type: none; margin: 0px; padding: 0px 0px 15px 18px;}
*/

.graph{float: left; width: 360px;}
.graphkey{width: 20px; height: 20px; float: left;}
.graphkey1{background-color: #5FA024;}
.graphkey2{background-color: #CE0165;}
.graphkey3{background-color: #FE0000;}
.graphkey4{background-color: #FFFF00;}
.graphkey5{background-color: #F26522;}
.graphkey6{background-color: #01AEEF;}
.graphkeywrap2{margin-bottom: 31px; height: 20px; width: 116px; margin-left: 6px;}
.graphkeywrap{margin-bottom: 6px; min-height: 20px; width: 116px; margin-left: 6px;}
.graphkeytxt{margin-left: 5px; padding-top: 2px; float: left;}
.graphkeypad{padding-top: 0px; width: 124px;}
.graphtxt1{width: 98px; padding: 6px 20px 0px 10px;}
.graphtxt2{width: 95px; padding: 6px 20px 0px 10px;}
.graphtxt3{width: 95px; padding: 6px 0px 0px 10px;}
/* advantages + specs*/

/* specs */
/*ul.advantages li.note{list-style-type: none; margin: 0px; padding: 0px 0px 20px 0px;} */
table.specsTbl{border-top: 1px solid gray;border-left: 1px solid gray;border-right: 1px solid gray;}
table.specsTbl tr.head1{background: #EEB04E; text-align: center;}
table.specsTbl tr.head1 th{padding: 8px;}
table.specsTbl tr.head2{background: #FEEFD6; text-align: center;font-size: 11px;padding: 0px 8px 0px 8px;}

table.specsTbl tr.head2 td{border: 0px;border-bottom: 1px solid gray; padding: 2px;}
table.specsTbl tr{padding: 8px;}
table.specsTbl td{border-right: 1px solid gray;border-bottom: 1px solid gray; padding: 8px;}

table.specsTbl2{}
table.specsTbl2 tr.head1{background: #EEB04E; text-align: center;}
table.specsTbl2 tr.head1 th{padding: 8px;}
table.specsTbl2 tr.head2{background: #FEEFD6; text-align: center;font-size: 11px;padding: 0px 8px 0px 8px;}
table.specsTbl2 tr.head2 td{border-bottom: 1px solid gray; padding: 2px;}
table.specsTbl2 tr{padding: 8px;}
table.specsTbl2 td{border-right: 1px solid gray;border-bottom: 1px solid gray; padding: 8px;}
/* specs */

/* gallery */
#slideshow {list-style:none; color:#fff;}
#slideshow span {display:none;}
#wrapper {width:424px; margin:0px auto; display:none;}
#wrapper * {margin:0; padding:0;}
#fullsize {position:relative; width:420px; height:290px; padding:1px; border:1px solid #ccc; background:#000;}
#information {position:absolute; bottom:0; width:420px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70);}
#information h3 {padding:4px 8px 3px; font-size:14px;}
#information p {padding:0 8px 8px;}
#image {width:420px;}
#image img {position:absolute; z-index:25; width:420px; height: 290px;}
.imgnav {position:absolute; width:25%; height:290px; cursor:pointer; z-index:150;}
#imgprev {left:0; background:url(../images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(../images/right.gif) right center no-repeat}
#imglink {position:absolute; height:290px; width:420px; z-index:100; opacity:.4; filter:alpha(opacity=40);}
.linkhover {background:url(../images/link.gif) center center no-repeat}
#thumbnails {margin-top:2px;}
#slideleft {float:left; width:20px; height:83px; background:url(../images/scroll-left.gif) center center no-repeat; background-color:#222}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:83px; background:#222 url(../images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:380px; margin-left:2px; margin-right: 2px; height:85px; overflow:hidden;}
#slider {position:absolute; left:0; height:83px;}
#slider img {cursor:pointer; border:1px solid #999999; padding:1px; height:79px;} 
/* gallery */

/* press */
.pressl{float: left; padding: 2px 30px 0px 0px; width: 600px;}
.pressr{float: left; width: 320px;}
.pressimg{float: left; width: 145px;padding-bottom: 35px;}
.presstxt{float: left; width: 520px; padding-right: 60px;}
.pressdate{font-size: 11px; padding: 5px 0px 5px 0px; color: Gray;}
a.readmore{color: #0071BE !important;}
/* press */

/* clips and downloads */
.dlwrap{float: left; width: 495px; padding-top: 9px;}
.clip{float: left; text-align: center;padding-right: 45px; padding-top: 5px;}
/* clips and downloads */

/* about us */
.worldmap{float: left; padding-right: 20px;}
.aboutcont{width: 250px; height: 200px;}
.aboutinstruc{padding-bottom: 18px;font-size: 11px; color: #444444;}
p.about{padding-bottom: 20px;}
p.about strong{color: #01A101;}
p.about a{color: #1E417A;}
/* about us */

/* contact us */
.contl{width: 725px;}
.contr{float: left; width: 230px;}
.contactl{color:#666666; float: left; width: 108px; padding: 5px 0px 10px 0px;}
.contactr{float: left; padding-bottom: 10px;}
.contactfield{width: 210px;}
.countryfield{width: 216px;}
.submitbtn{font:bold;color:white;background-color:#33CC33;border:1 solid #339933;border-color:#33CC33}
.clearbtn{font:bold;color:white;background-color:#33CC33;border:1 solid #339933;border-color:#33CC33}
#inf_email, #inf_name{padding: 5px 0px 0px 5px; color: #bb0000; font-weight: bold; float: left;}
/* contact us */


/* colors */
.green{color: #33CC33;}
.red{color: #ff0000;}
.black{color: #000000;}
/* colors */

/* width */
.w320{width: 320px;}
.w150{width: 150px;}
.w850{width: 850px;}
.height0{height: 0px;}
.w260{width: 260px;}
/* width */

/* footer */
hr.footer{width: 981px; text-align: left; height: 1px; padding: 0px; margin: 6px 0px 6px 0px;}
.footer{font-size: 11px; color: Gray; padding: 0px 0px 10px 0px; width: 981px;}
.copy{padding-left: 20px;}
.arrowecology{padding-top: 15px;}
.arrowecologytxt{font-size: 13px; color: Black; float: left; padding: 43px 40px 0px 220px;}
/* footer */