html { height: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; overflow-x: hidden; }
h1 { font-size: 2em; padding:0 0 .2em 0; margin:0}
p { font-size: 1em; padding:.2em 0 .2em 0; margin:0}
body a { color:#6ebc4c; }
body a:hover { color:#446934; }
/* get rid of those system borders being generated for A tags */
a:active { outline:none; }
:focus { -moz-outline-style:none; }
a img { border: none }
a.button-moreinfo-en { width:93px; height:28px; display:block; background-image:url(../images/button-moreinfo-en.png); text-decoration:none}
a.button-moreinfo-en:hover { background-image:url(../images/button-moreinfo-en-hover.png)}
a.button-moreinfo-mm-en { width:93px; height:28px; display:block; background-image:url(../images/button-moreinfo-mm-en.png); text-decoration:none}
a.button-moreinfo-mm-en:hover { background-image:url(../images/button-moreinfo-mm-en-hover.png)}
a.button-moreinfo-me-en { width:93px; height:28px; display:block; background-image:url(../images/button-moreinfo-me-en.png); text-decoration:none}
a.button-moreinfo-me-en:hover { background-image:url(../images/button-moreinfo-me-en-hover.png)}
a.button-moreinfo-fr { width:108px; height:28px; display:block; background-image:url(../images/button-moreinfo-fr.png); text-decoration:none}
a.button-moreinfo-fr:hover { background-image:url(../images/button-moreinfo-fr-hover.png)}
a.button-moreinfo-mm-fr { width:108px; height:28px; display:block; background-image:url(../images/button-moreinfo-mm-fr.png); text-decoration:none}
a.button-moreinfo-mm-fr:hover { background-image:url(../images/button-moreinfo-mm-fr-hover.png)}
a.button-moreinfo-me-fr { width:108px; height:28px; display:block; background-image:url(../images/button-moreinfo-me-fr.png); text-decoration:none}
a.button-moreinfo-me-fr:hover { background-image:url(../images/button-moreinfo-me-fr-hover.png)}
a.button-moreinfo-nl { width:94px; height:28px; display:block; background-image:url(../images/button-moreinfo-nl.png); text-decoration:none}
a.button-moreinfo-nl:hover { background-image:url(../images/button-moreinfo-nl-hover.png)}
a.button-moreinfo-mm-nl { width:94px; height:28px; display:block; background-image:url(../images/button-moreinfo-mm-nl.png); text-decoration:none}
a.button-moreinfo-mm-nl:hover { background-image:url(../images/button-moreinfo-mm-nl-hover.png)}
a.button-moreinfo-me-nl { width:94px; height:28px; display:block; background-image:url(../images/button-moreinfo-me-nl.png); text-decoration:none}
a.button-moreinfo-me-nl:hover { background-image:url(../images/button-moreinfo-me-nl-hover.png)}
a.button-moreinfo-en span, a.button-moreinfo-fr span, a.button-moreinfo-nl span, a.button-moreinfo-mm-en span, a.button-moreinfo-mm-fr span, a.button-moreinfo-mm-nl span, a.button-moreinfo-me-en span, a.button-moreinfo-me-fr span, a.button-moreinfo-me-nl span {visibility:hidden}
body { margin: 0px; padding: 0px; height: 100%; text-align: center; background-color: #ffffff; color: #000000; font-family: Georgia, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-image:url(../images/body-bkg-001.jpg); background-repeat: no-repeat; background-position: top; }
#splashpage { }
#splashpage #mm-button{ position:absolute; top:155px; left:204px; width:430px; height:193px;}
#splashpage #mm-button a{ width:430px; height:193px; background-image:url(../images/splashpage-mm-button.jpg); display:block; text-decoration:none}
#splashpage #mm-button a:hover{ width:430px; height:193px; background-image:url(../images/splashpage-mm-button-hov.jpg);}
#splashpage #me-button{ position:absolute; top:155px; left:634px; width:430px; height:193px;}
#splashpage #me-button a{ width:430px; height:193px; background-image:url(../images/splashpage-me-button.jpg); display:block; text-decoration:none}
#splashpage #me-button a:hover { width:430px; height:193px; background-image:url(../images/splashpage-me-button-hov.jpg);}
#splashpage #me-button a span, #splashpage #mm-button a span { visibility:hidden}
#container { margin: 0 auto -62px; width:824px; min-height: 100%; height: auto !important; height: 100%; text-align: left; z-index:1000 }
#banner { width:824px; height:47px; background:url(../images/banner-bkg.png) repeat; }
#logo-firm { width:152px; float:left }
#globalnav { width:672px; float:right}
#globalnav ul { padding:0; margin:0; }
#globalnav li {list-style: none; padding:0; margin:0; float:left; }
#globalnav li.active { background:url(../images/globalnav-active.png) no-repeat; }
#globalnav a { width:104px; height:47px; display:block; text-decoration:none; }
#globalnav a span { visibility: hidden; }
#globalnav a#home { background:url(../images/globalnav-home.png) no-repeat; }
#globalnav a#abou { background:url(../images/globalnav-abou.png) no-repeat; }
#globalnav a#valu { background:url(../images/globalnav-valu.png) no-repeat; }
#globalnav a#prod { background:url(../images/globalnav-prod.png) no-repeat; }
#globalnav a#expe { background:url(../images/globalnav-expe.png) no-repeat; }
#globalnav a#news { background:url(../images/globalnav-news.png) no-repeat; }
#globalnav a#cont { background:url(../images/globalnav-cont.png) no-repeat; }
#globalnav a#home:hover { background-image:url(../images/globalnav-home-hov.png); }
#globalnav a#abou:hover { background-image:url(../images/globalnav-abou-hov.png); }
#globalnav a#valu:hover { background-image:url(../images/globalnav-valu-hov.png); }
#globalnav a#prod:hover { background-image:url(../images/globalnav-prod-hov.png); }
#globalnav a#expe:hover { background-image:url(../images/globalnav-expe-hov.png); }
#globalnav a#news:hover { background-image:url(../images/globalnav-news-hov.png); }
#globalnav a#cont:hover { background-image:url(../images/globalnav-cont-hov.png); }
#languages-toggle { width:150px; height:22px; margin-top:8px; }
#languages-toggle ul { padding:0; margin:0; }
#languages-toggle li {list-style: none; padding:0; margin:0; float:left; margin-right:3px; text-align:center; background:url(../images/languages-button.png) no-repeat; }
#languages-toggle li.active { background:url(../images/languages-button-active.png) no-repeat; }
#languages-toggle a { width:22px; height:18px; display:block; text-decoration:none; font-size:.9em; color:#343131; padding-top:4px; }
#languages-toggle a:hover { background:url(../images/languages-button-hover.png) no-repeat; color:#ffffff }
#languages-toggle span { }
#content { clear:both; position:relative; top:21px; left:-389px; width:1213px; height:529px; background:url(../images/filigrane.png) repeat; }
#content-black { clear:both; position:absolute; top:98px; left:0px; width:1213px; height:529px; background-color:#000000 }
#localnav { position:relative; left:389px; top:38px; width:229px; float:left }
#localnav ul { padding:.5em 0 0 0; margin:0; }
#localnav li { list-style: none; padding:0 0 .5em 0; margin:0; }
#localnav a { text-decoration:none; }
#localnav ul.cat li a { font-size:1.6em; }
#localnav ul.cat li.catactive { padding-bottom:.2em; }
#localnav ul.cat li.catactive a { color:#446934; font-size:1.8em;}
#localnav ul.cat li.aboactive {}
#localnav ul.cat li.aboactive a { color:#446934; font-size:1.8em;}
#localnav ul.product { padding:0 0 .5em 0; }
#localnav ul.product li { padding:0 }
#localnav ul.product li a { text-decoration:none; font-size:14px;}
#localnav ul.product li.prodactive a { text-decoration:underline; }
#localnav.home h1 { width:244px; height:39px; background:url(../images/localnav-rubh1-home.png) no-repeat }
#localnav.prod h1 { width:244px; height:39px; background:url(../images/localnav-rubh1-prod.png) no-repeat; padding-bottom: 1em }
#localnav.abou h1 { width:244px; height:39px; background:url(../images/localnav-rubh1-abou.png) no-repeat }
#localnav.valu h1 { width:244px; height:39px; background:url(../images/localnav-rubh1-valu.png) no-repeat }
#localnav.news h1 { width:244px; height:39px; background:url(../images/localnav-rubh1-news.png) no-repeat }
#localnav.cont h1 { width:244px; height:39px; background:url(../images/localnav-rubh1-cont.png) no-repeat }
#localnav.lega h1 { width:244px; height:39px; background:url(../images/localnav-rubh1-lega.png) no-repeat }
#localnav.expe h1 { width:244px; height:39px; background:url(../images/localnav-rubh1-expe.png) no-repeat }
#localnav h1 span { visibility:hidden }
#localnav #homepromo { position:absolute; top:336px;}
#localnav #homepromo.news { top:263px;}
#localnav #homepromo #latest-news{ width: 230px; }
#localnav #homepromo #latest-news .latest-news-body { height: 70px; }
#abstract { position:relative; top:38px; right:37px; width:523px; float:right; }
.category-selector { width:523px; height:433px; background-image:url(../images/category-selector-bkg.jpg) }
.category-selector #banner { height:155px; width:523px; background-image:none; }
.category-selector #banner h2 { margin:0; padding:0; color:#6dbb4b; font-size:42px }
.category-selector #banner em { color:#333; font-size:14px; font-style:normal; font-weight:bold }
.category-selector #banner #banner-title { position:absolute; top:61px; left:30px; }
.category-selector #selector { width:523px; }
.category-selector #selector .product-teaser-block { height:226px; width:150px; background-image:url(../images/product-teaser-block.png); margin:28px 13px 0 0 ; float:left}
.category-selector #selector .product-teaser-block .visu { height:103px; width:150px; }
.category-selector #selector .product-teaser-block .visu img { border: none; }
.category-selector #selector .product-teaser-block .ar { background-image:url(../images/product-teaser-block-ar.png) }
.category-selector #selector .product-teaser-block .hs { background-image:url(../images/product-teaser-block-hs.png) }
.category-selector #selector .product-teaser-block .hb { background-image:url(../images/product-teaser-block-hb.png) }
.category-selector #selector .product-teaser-block .title { height:29px; width:150px; text-align:left; background:none }
.category-selector #selector .product-teaser-block h3 { color:#6dbb4b; font-family:arial; font-size:13px; margin:7px 0 3px 10px; }
.category-selector #selector .product-teaser-block h3 a { color:#6dbb4b; text-decoration:none; }
.category-selector #selector .product-teaser-block h3.mm { color:#0066a5;}
.category-selector #selector .product-teaser-block h3.mm a { color:#0066a5; text-decoration:none}
.category-selector #selector .product-teaser-block h3.me { color:#ed1b23;}
.category-selector #selector .product-teaser-block h3.me a { color:#ed1b23; text-decoration:none} .category-selector #selector .product-teaser-block h3 span { visibility:hidden }
.category-selector #selector .product-teaser-block .h3-ar { width:129px; height:19px; background-image:url(../images/product-teaser-block-h3ar.png) }
.category-selector #selector .product-teaser-block .h3-hs { width:129px; height:19px; background-image:url(../images/product-teaser-block-h3hs.png) }
.category-selector #selector .product-teaser-block .h3-hb { width:129px; height:19px; background-image:url(../images/product-teaser-block-h3hb.png) }
.category-selector #selector .product-teaser-block .tag { height:52px; width:150px; background:none; text-align:left }
.category-selector #selector .product-teaser-block p { color:#333; font-size:11px; margin:0 10px 0 10px; line-height:10px; }
.category-selector #selector .product-teaser-block .button { position:relative; height:28px; width:auto; right:12px; float:right; text-align:right }
#mediaviewer { width:523px; height:314px; }
#bodycopy { width:523px; margin-top:27px; }
#bodycopy h3{ padding:0; margin:0 0 0 0; }
#product-description { margin-top:90px; }
#news-item { }
#news-item-data { overflow:auto; width:521px; height:390px; }
#news-item-data img { margin: 10px 10px 20px 0; }
#documents-list { margin-top:20px;}
#documents-list ul li {list-style: none; padding:0 0 0 24px; margin:0; background:url(../images/filetype_pdf.gif) no-repeat; height:24px; }
#documents-list a {text-decoration:none}
div#googlemap { position:absolute; top:135px;}
form.contact { position:absolute; top:135px;}
form.contact div.form-row { width: 380px; clear: left; margin: 0; padding: 2px 0 2px 0; padding-left: 140px; height: 1%; }
form.contact div.no-label {width: 380x;clear: left; margin-left:140px;}
form.contact div.form-row label { float: left; margin-left: -140px; width: 135px; font-weight:normal }
form.contact input[type="text"]{ width: 240px; }
form.contact textarea { width: 240px; height: 100px; }
form.unsubscribe { position:absolute; top:40px;}
form.unsubscribe div.form-row { width: 380px; clear: left; margin: 0; padding: 2px 0 2px 0; padding-left: 71px; height: 1%; }
form.unsubscribe div.no-label {width: 380xp; clear: left; margin-left:140px;}
form.unsubscribe div.no-input {width: 380px;clear: left; margin-left:0px; }
form.unsubscribe div.no-input p {margin-bottom:12px; }
form.unsubscribe div.form-row label { float: left; margin-left: -140px; width: 135px; font-weight:normal }
form.unsubscribe input[type="text"]{ width: 240px; }
#footer { clear:both; text-align:left; position: relative; margin: 0 auto 0; width:824px;color:#CCCCCC; /* background:url(../images/tool-banner.png) top no-repeat; */ }
#home2 {background-color:#ddd; position:relative; height:300px; width:550px; margin-bottom:10px; }
.feature { height:300px; position:absolute; width:550px; overflow:hidden; }
.feature img { border:none; }
.opaque { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); opacity: .5; }
.tagline { color:#413f40; font-size:1.6em; font-style: italic; font-weight:bold }
.footer, .push { height: 62px; /* .push must be the same height as .footer */ }