* html img,
.bulfeat, .useIcon, .download, .news, .important, #drip, #hovermap, .banner ul li{
position:relative;
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" &&

this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
}

a.link { color: #2c6592; text-decoration: none;}
a:focus , a:active, a:visited{ color: #61921c; outline: none;}
a.link:hover { color: #fff; background: #2c6592;}

#zoom {z-index: 1000;}

/* defaults required for IE6
a {color:#000;}
a:visited {color:#111;}
a:active {color:#222;}
a:hover {text-decoration:none;}  */
img{
  border:solid 1px #c9e09c;
}
body, html {
  padding: 0;
  margin: 0;
  font-family: Verdana, sans-serif;
  font-size: 11px;
}
html{ background: url(../images/bg_stripes-ie.gif) repeat;}
body {
   background-image: url(../images/bg01_stripes.jpg);
   background-position: top;
   background-repeat: repeat-x;
   height: 776px;
}
.wrapper {
  width: 920px;
  margin: 0 auto;
  background: #B0C791;
}
.header {
  width: 920px;
  height: 170px;
  position:relative;
  z-index:1;
  background: #fff;
}
#address{
  padding: 0;
  margin: 0;
  margin-left:-6px;
  margin-top: 70px;
  color: #1f4461;
  font-size:0.9em;
  position:absolute;
  z-index:101;
 }
html>body #address{
  font-size:0.95em;
}
.field{
  color: #fff;
  font-weight: bold;
}
.header p {
  margin: 0px;
  padding: 4px 15px 0 15px;
}
.lang, .greenline, .nav, .center {
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
}
.lang{
  background: url(../images/lang.jpg) repeat-x;
  height: 17px;
  width:918px;
  border-top: solid 1px #fff;
  text-align:right;
}
.greenline {
  width: 918px;
  height: 20px;
  text-align: right;
  background: url(../images/green_spacer.jpg) repeat-x;
}
.logo-bg {
  float: left;
  width: 230px;
  height: 130px;
  background: url(../images/header/logo-bg.jpg) no-repeat left;
}
.logo-en {
  float: left;
  width: 230px;
  height: 130px;
  background: url(../images/header/logo-en.jpg) no-repeat left;
}
#banner-local {
  width: 690px;
  height: 130px;
  float: left;
}
.nav {
  width: 918px;
  height: 20px;
  background: url(../images/nav_spacer.jpg) repeat-x;
  float: left;
}
.center{
  width: 918px;
  font-size: 1em;
  color: #4e4e4e;
  background: #b0c791 url(../images/background.jpg) top no-repeat;

}
.banner {
  width: 200px;
  float: left;
  padding: 0 0 0 15px;
  margin: 10px 10px 0 0;
  display:inline;
}
h1,h2{
  margin:0;
  padding:0;
  font-weight: normal;
}
h1, .caption, .useIcon {
  font-size: 1em;
}
h1{
  padding:10px 15px 5px 15px;
  line-height: 200%;
}
.strong{
  font-weight: bold;
  color: #39648f;
}
.caption {
  color: #2c6592;
  line-height: 150%;
}
.banner ul{
  margin:0px;
  padding:0 0 10px 0;
}
.banner ul li{
  width:175px;
  margin:0;
  padding-left:20px;
  list-style: none;
  background:url(../images/bulbanner-trans.png) no-repeat;
  display: block;
  padding-top:3px;
  line-height: 200%;
}
.important{
  margin:0 0 5px 0;
  padding: 5px 5px 5px 10px;
  background: #ecf4dd;
  border: 1px solid #c9e09c;
  display: block;
  line-height: 2em;
}
p.nop{
   margin: 0;
   padding: 0;
}
.content {
  width: 695px;
  w\idth: 680px;
  height: expression( this.scrollHeight < 334 ? "333px" : "auto" ); /* sets min-height for IE */
  min-height: 333px; /* sets min-height value for all standards-compliant browsers */
  float: left;
  display:inline;
  position: relative;
  border-left:solid 1px #c9e09c;
  margin-top: 10px;
  margin-bottom: 10px;
}
ul.gallery {
  width:640px;
  padding: 0;
  padding-top: 10px;
  margin: 0;
  display: block;
}

ul.gallery li{
   width:280px;
   height: 50px;
   float:left;
   padding: 0 10px 5px 20px;
   margin: 10px 10px 0 0;
   border-bottom:solid 1px #c9e09c;
}
dl.gallery {
  width:640px;
  padding: 0;
  padding: 20px 0 0 20px;
  margin: 0;
  display: block;
}
dl.gallery  dt, dl.gallery  dd{
   margin: 0;
   padding: 0;
   float:left;
   border-bottom:solid 1px #c9e09c;
   padding-bottom:10px;
   margin-bottom: 10px;
   height: 55px;
}
dl.gallery dt {
 display: block;
 width: 50px;
}
* html  dl.gallery dt  {
border-bottom/**/: 1px solid transperant;
}
dl.gallery dd{
   width: 220px;
   padding-left: 20px;
}
dl.gallery dd.first {
   margin-right: 40px;
}
dl.gallery dt.start {
  clear:left;
}

ul.distributors li {
   height:70px !important;
}
#gallery_thumb{
   margin:0 5px 0 0;
}
.products{
  margin-top:20px;
}
.table {
  width:99%;
  height: 100%;
  padding-left:10px;
}
.table .td, .table .td50, .table .td40, .table .td100{
  float:left;
  border-top: solid 1px #c9e09c;
}
.table .td, .table .td40, .table .td50{
  padding: 5px 10px 5px 15px;
}
.table .td{
  width:195px;
}
.table .td40{
   width:380px;
}
.table .td50{
  width:310px;
}
.table .td100{
  width:640px;
  padding: 15px 10px 5px 10px;
}
.line_h li{
  padding:0;
  margin:0 20px 0 0;
  line-height: 150%;
  padding: 10px 0 5px 0;
  border-bottom: solid 1px #c9e09c;
  list-style: url(../images/bulcheck.gif);
  height: 48px;
}
.bulfeat{
  background: url(../images/bullet_check_16-trans.png) no-repeat;
 }
#zoom_content .bulfeat {
background: url(../images/bullet_check.jpg) no-repeat;
}
.bulfeat, #zoom_content .bulfeat  {
 width: 16x;
 height: 16px;
 padding:3px 0 0 20px;
 color:#39648f;
 font-weight: bold;
 display:block;
 }
em{
  padding-top:5px;
  font-size: 0.9em;
  display: block;
  /*color: #288420;
  font-style: normal;
  text-decoration: none;*/
}

.table .td ul, .table .td100 ul, .table .td50 ul, .table .td40 ul{
  list-style: url(../images/bulcheck.gif);
  padding: 0;
  margin-left:20px;
}
.download{
  background: url(../images/bullet_download.png) no-repeat;
  background-position: left center;
  padding: 15px 0 5px 34px;
  /*border-bottom: 1px solid #C9E09C;*/
  
}
.news{
  background: url(../images/bullet_news.png) no-repeat;
  padding: 3px 10px 0 5px;
}
.useIcon{
  background: url(../images/bullet_info_16-trans.png) no-repeat;
  width: 16px;
  height: 16px;
  padding: 3px 0 0 20px;
  color: #288420;
  font-weight: bold;
  word-spacing: 1px;
}
.footer {
  width: 918px;
  clear: both;
  height: 45px;
  background: url(../images/fspacer.jpg);
  color: #fff;
  vertical-align: text-bottom;
  border-left:1px solid #fff;
  border-right:1px solid #fff;
}
.footer p {
  margin: 0;
  padding:3px 0px 0px 15px;
  font-size: 0.9em;
}
.clear{
  clear: both;
  height: 1px;
  margin-bottom: -1px;
}


/* Gallery styling */

.photo {position:relative; width:900px; height:500px;padding:15px 0 0 15px;}
.photo ul, .photo ul ul {padding:0; margin:0; border:0; list-style:none; width:215px;}
.photo ul ul {margin-left:-9999px; height:0; overflow:hidden;}
.photo ul li {width:215px; background:#ddd; float:left; background:#fff url(../images/gallery_2.gif) no-repeat;}
.photo ul li a.set {display:block; text-align:center; height:30px; line-height:30px; background:#fff url(../images/gallery_0.gif) no-repeat; font-family:

verdana, arial, sans-serif; font-size:11px; text-decoration:none;}

.photo ul li table {border-collapse:collapse: margin:0; padding:0; display:none;}

.photo ul li a.set:hover {background:transparent;}
.photo ul li:hover a.set {background:transparent;}

/*.photo ul :hover b {display:block; width:640px; height:480px; background:#000; border:1px solid #c9e09c; position:absolute; left:250px; top:15px;}   */

.photo ul :hover table
{border-collapse:collapse: padding:0; margin-top:-2px; display:block; border:1px solid #888;  border-width:0 1px 1px 1px;}

.photo ul :hover ul
{margin:0; width:207px; overflow:visible; height:70px; background:transparent;}

.photo ul :hover ul li
{float:left; display:inline; width:56px; margin:2px 6px; background:transparent;}

.photo ul :hover ul li a
{background:transparent;}

.photo ul :hover ul li a img.thumb
{margin:3px; display:block; border:0;}

.photo ul :hover ul li a img.full
{position:absolute; left:-9999px; top:15px; border:0;}

.photo ul :hover ul li a:hover img.thumb
{margin:0; border:3px solid #fc0;}

.photo ul :hover ul li a:hover
{background:#fff;}

.photo ul :hover ul li a:hover img.full
{left:250px; z-index:0; border:1px solid #000;}

.photo .default {width:640px; height:480px; position:absolute; left:250px; top:15px; border:1px solid #c9e09c;}

/* menu styling */
#nav,
#nav ul {float:left; padding:0px; margin:0; list-style:none; width:auto; font: 10px  verdana, sans-serif; background:#fff; position:relative; z-index:200;}
#nav {float:right; height:20px; width:auto; background:url(../images/nav_spacer.jpg) repeat-x;}

#nav table {border-collapse:collapse;}
#nav table.tab1 li {width:185px;}
#nav table.tab2 li {width:280px;}
#nav li li.subfirst li {width:210px;}
#nav table#tab6 li {width:220px;}
#nav table#tab3 li {width:155px;}
#nav table#tab4 li {width:165px;}
#nav table#tab5 li {width:190px;}

#nav li {float:left;}
#nav li li {float:none;}
/* a hack for IE5.x and IE6 */
#nav li a li {float:left;}

#nav li a {display:block;float:left; color:#fff; height:20px; padding:0 15px 0 15px; line-height:20px; text-decoration:none; white-space:nowrap;

font-weight:bold; border-left:1px solid #6091c1;}
#nav li li a {height:20px; line-height:20px; float:none; color:#5782ad;}

#nav li:hover {position:relative; z-index:200;}
#nav a:hover {position:relative; z-index:200; background:url(../images/nav_hover.jpg) repeat-x; color:#fff; border-left:1px solid #3579af;}
#nav li:hover > a {border-left:1px solid #3579af; background:url(../images/nav_hover.jpg) repeat-x; color:#fff;}

#nav :hover  ul {left:0; top:20px; border-left:1px solid #3579af; z-index:300;}
#nav a:hover ul {left:-1px;}

#nav ul {position:absolute; left:-9999px; top:-9999px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {left:0; margin-left:100%; top:0;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav li:hover li:hover > a {background:url(../images/nav_hover.jpg) repeat-x; color:#fff; border-left:1px solid #2c6592;}

#nav li a:hover ul li a:hover {background:url(../images/nav_hover.jpg) repeat-x;}

/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul
{left:100%; top:0;}

/* keep further levels hidden */
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

.address {float: left; width: 302px;}
.address p {padding: 0; margin: 0; padding-left: 10px;}
.form {float: right; width: 310px;}
/*form {
  padding: 0 10px 0 10px;
}*/

fieldset {
  /*margin-left:25px;*/
  padding: 10px;
  border: solid 1px #c9e09c;
}
legend {
  margin: 0 0.7em 10px 0.4em;
  color: #2c6592;
}
label.float {
  display: block;
  width: 100px;
  /*margin-right:15px;*/
  float:left;
  clear: left;
}
input.text{
  display: block;
  width: 170px;
  background: transparent;
  border: solid 1px #c9e09c;
}
label.float, input.text{
  margin-bottom:5px;
}
textarea{
  display: block;
  height: 100px;
  width: 170px;
  overflow:auto;
  background: transparent;
  border: solid 1px #c9e09c;
}
.submit {
  margin:4px 10px 0 0;
  float:right;
  border: 0;
  width: 85px;
  height: 20px;
  background: url(../images/nav_spacer.jpg) repeat-x ;
  color: #fff;
  cursor: pointer;
  overflow: hidden;
  font-size: 0.8em;
  letter-spacing: 0.1em;
}
#hovermap {width:553px; height:356px; position:relative; border:none;}
#hovermap a {margin:0; padding:0; font-size:8px;position:absolute; display:block; width:16px; height:16px;background:

url(../images/bullet_check_16-trans.png) no-repeat; cursor:pointer;z-index:0;}
#hovermap a:hover {margin:0; padding:0; font-size:8px;position:absolute; display:block; width:16px; height:16px; background:

url(../images/bullet_check_16-trans.png) no-repeat; cursor:pointer;}
#hovermap a.p1 {left:88px; top:170px;}
#hovermap a.p2 {left:205px; top:235px;}
#hovermap a.p3 {left:284px; top:210px;}
#hovermap a.p4 {left:419px; top:194px;}
#hovermap a.p5 {left:306px; top:52px;}
#hovermap a.p6 {left:453px; top:117px;}

/*tooltip*/

div.tooltip {
  width: 200px;
  color: #fff;
  text-align: center;
}
div.tooltip h4 {
  color: #fff;
  font-weight: bold;
  text-shadow: 2px 2px 1px #222;
  margin: 0;
  padding: 13px 10px 5px;
  background: url(../images/balloon.png) top left no-repeat !important;
  background: url(../images/balloon.gif) top left no-repeat;
  font-size: 11px;
}
div.tooltip p {
  margin: 0;
  padding: 0 10px 15px;
  text-shadow: 2px 2px 1px #222;
  background: url(../images/balloon.png) bottom left no-repeat !important;
  background: url(../images/balloon.gif) bottom left no-repeat;
  font-size: 10px;
}
a.list{
   color:#fff;
   text-decoration: none;
   width:10px;
   height:10px;
}
a.list:visited{
   color:#528711;
 }
a.list:hover,
a.list:active,
a.list:focus {
   color:#fff;
   border: none;
   outline: none;
   text-decoration: none;
}
#partners {margin-top:25px;}

#map {position: relative; width:553px; height: 356px; margin-left: 60px;}
#map a.link {font-size:0.9em;}
ul.distributors {padding:0; margin:0;}
ul.distributors li, ul.distributors-nolist li  { border-bottom: 1px solid #C9E09C; padding-top:15px;}
ul.distributors-nolist {margin: 0px;padding-left: 22px;}
ul.distributors-nolist li {list-style: none; }
#zoom_content {padding:10px 0 0 10px;}
#map {background: url(../images/map_bgg.gif) center no-repeat; padding:30px 0;}
#medium_box_link {position:absolute; top: 205px; left: 105px;}
#medium_box_link1 {position:absolute; top: 271px; left: 224px;}
#medium_box_link2 {position:absolute; top: 243px; left: 302px;}
#medium_box_link3 {position:absolute; top: 228px; left: 370px;}
#medium_box_link4 {position:absolute; top: 153px; left: 410px;}
#medium_box_link5 {position:absolute; top: 75px; left: 321px;}
#medium_box_link6 {position:absolute; top: 67px; left: 66px;}
#medium_box_link7 {position:absolute; top: 163px; left: 291px;}
#medium_box_link8 {position:absolute; top: 173px; left: 217px;}
#medium_box_link9 {position:absolute; top: 117px; left: 404px;}
#medium_box_link10 {position:absolute; top: 218px; left: 268px;}
#medium_box_link11 {position:absolute; top: 127px; left: 205px;}
#medium_box_link12 {position:absolute; top: 184px; left: 133px;}
#medium_box_link13 {position:absolute; top: 287px; left: 95px;}
#medium_box_link18 {position:absolute; top: 310px; left: 125px;}
#medium_box_link17 {position: absolute; top: 125px; left: 95px;}
#medium_box_link14 {position: relative; top: 12px; left: 418px;}
#medium_box_link15 {position: relative; top: 155px; left: 208px;}
#medium_box_link15.en {position: relative; top: 155px; left: 220px;}
#medium_box_link16 {position: relative; top: 175px; left: 112px;}
#medium_box_link16.en {position: relative; top: 175px; left: 127px;}
#medium_box_link19 {position: relative; top: 107px; left: 235px;}
#medium_box_link19.en {position: relative; top: 107px; left: 255px;}

dl.video {padding:0 0 10px 0; background: #fafdf6; border:1px solid #D9ECBF; width: 113px; w\idth: 110px; margin-left:20px; margin-top: 10px; float: left;}
dl.video dt, dl.video dd {margin: 0; padding: 0;}
dl.video dd {padding: 15px 0 0 10px;}
dl.video dt {text-align: center; font-weight: bold; background: #e6f1d1; color: #61921c; padding: 10px 0 4px; height: 22px; border-bottom: 1px solid #D9ECBF;}
img.resize {width: 90%;}
.success {background: url(../images/ok.png) no-repeat; color: #488226; padding: 1px 0 3px 22px; float: right;}
.error {background: url(../images/stop.png) no-repeat; color: #f20001; padding: 1px 0 3px 22px; float: right;}

img.video-trend {border: none; padding-left: 15px;}