/* --------------------------------------------------------- */
/* BODY AND LAY OUT STYLES
/* --------------------------------------------------------- */
body { background:#e3e7e6 url(../img/bg.jpg) no-repeat top center; }

#wrapper { margin:0px auto; width:900px; }
#header { float:left; position:relative; width:900px; height:140px; margin-bottom:25px; }
#header #header-contact-info { position:absolute; width:220px; top:33px; right:0px; font:10px/11px "proxima-nova-1", "proxima-nova-2", "Myriad Pro", sans-serif; text-transform:uppercase; text-align:right; color:#7f9194; }
#header #header-contact-info a { color:#7f9194; text-decoration:none; }
#header #header-contact-info a:hover { color:#83a853; text-decoration:none; }
#content-wrapper { float:left; width:848px; padding:26px 26px 0px 26px; background:url(../img/bg-portal-content.png) no-repeat 0px 0px; overflow:hidden; }
#content-wrapper-footer { float:left; display:block; width:900px; height:26px; background:url(../img/bg-portal-content-footer.png) no-repeat 0px 0px; }
div.column { float:left; width:265px; margin-right:26px; margin-bottom:15px; }
div.span-2 { width:556px; margin-right:26px; }
div.last { margin-right:0px; }

#language-select { position:absolute; top:-20px; right:0; background:#c4cccc; padding:0 10px; height:20px; font:10px/20px "proxima-nova-1", "proxima-nova-2", "Myriad Pro", sans-serif; text-transform:uppercase; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -webkit-border-top-left-radius:0; -webkit-border-top-right-radius:0; }
#language-select a { color:#7f9194; text-decoration:none; font-weight:bold; }

/* --------------------------------------------------------- */
/* MENU STYLES
/* --------------------------------------------------------- */
#header #menu { padding:0; margin:0; list-style:none; width:900px; height:55px; background:url(../img/menu.png) no-repeat top left; margin:25px 0px 0px 0px; }

#header #menu li { display:inline; float:left; height:55px; }
#header #menu li a { float:left; display:block; width:100px; height:55px; background:url(../img/menu.png) no-repeat 0px -55px; }

#header #menu.nl a { background:url(../img/menu-nl.png) no-repeat 0px -55px; }
#header #menu.fr a { background:url(../img/menu-fr.png) no-repeat 0px -55px; }

#header #menu li a span { display:none; }

#header #menu #btn01 a { width:118px; background-position:0px -55px; }
#header #menu #btn01 a:hover { width:118px; background-position:0px -110px; }
#header #menu #btn01 a.active, #header #menu #btn01 a:active { width:118px; background-position:0px -165px; }

#header #menu #btn02 a { width:121px; background-position:-118px -55px; }
#header #menu #btn02 a:hover { width:121px; background-position:-118px -110px; }
#header #menu #btn02 a.active, #header #menu #btn02 a:active { width:121px; background-position:-118px -165px; }

#header #menu #btn03 a { width:163px; background-position:-239px -55px; }
#header #menu #btn03 a:hover { width:163px; background-position:-239px -110px; }
#header #menu #btn03 a.active, #header #menu #btn03 a:active { width:163px; background-position:-239px -165px; }

#header #menu #btn04 a { width:92px; background-position:-402px -55px; }
#header #menu #btn04 a:hover { width:92px; background-position:-402px -110px; }
#header #menu #btn04 a.active, #header #menu #btn04 a:active { width:92px; background-position:-402px -165px; }

#header #menu #btn05 a { width:90px; background-position:-494px -55px; }
#header #menu #btn05 a:hover { width:90px; background-position:-494px -110px; }
#header #menu #btn05 a.active, #header #menu #btn05 a:active { width:90px; background-position:-494px -165px; }

#header #menu #btn06 a { width:115px; background-position:-584px -55px; }
#header #menu #btn06 a:hover { width:115px; background-position:-584px -110px; }
#header #menu #btn06 a.active, #header #menu #btn06 a:active { width:115px; background-position:-584px -165px; }

#header #menu.fr #btn01 a { width:157px; background-position:0px -55px; }
#header #menu.fr #btn01 a:hover { width:157px; background-position:0px -110px; }
#header #menu.fr #btn01 a.active, #header #menu.fr #btn01 a:active { width:157px; background-position:0px -165px; }
#header #menu.fr #btn02 a { width:95px; background-position:-157px -55px; }
#header #menu.fr #btn02 a:hover { width:95px; background-position:-157px -110px; }
#header #menu.fr #btn02 a.active, #header #menu.fr #btn02 a:active { width:95px; background-position:-157px -165px; }
#header #menu.fr #btn03 a { width:162px; background-position:-252px -55px; }
#header #menu.fr #btn03 a:hover { width:162px; background-position:-252px -110px; }
#header #menu.fr #btn03 a.active, #header #menu.fr #btn03 a:active { width:162px; background-position:-252px -165px; }

#header #menu.fr #btn04 a { width:72px; background-position:-414px -55px; }
#header #menu.fr #btn04 a:hover { width:72px; background-position:-414px -110px; }
#header #menu.fr #btn04 a.active, #header #menu.fr #btn04 a:active { width:72px; background-position:-414px -165px; }

#header #menu.fr #btn05 a { width:107px; background-position:-486px -55px; }
#header #menu.fr #btn05 a:hover { width:107px; background-position:-486px -110px; }
#header #menu.fr #btn05 a.active, #header #menu.fr #btn05 a:active { width:107px; background-position:-486px -165px; }

#header #menu.fr #btn06 a { width:106px; background-position:-593px -55px; }
#header #menu.fr #btn06 a:hover { width:106px; background-position:-593px -110px; }
#header #menu.fr #btn06 a.active, #header #menu.fr #btn06 a:active { width:106px; background-position:-593px -165px; }

#header #menu #searchbox { float:left; position:relative; width:201px; height:55px; }
#header #menu #searchbox input { position:absolute; top:18px; left:19px; width:131px; height:12px; padding:5px 10px 5px 27px; line-height:12px; background-color:transparent; color:#FFF; font-weight:bold; }

/* --------------------------------------------------------- */
/* PORTAL STYLES
/* --------------------------------------------------------- */
#content-wrapper h2 { font-size:14px; line-height:15px; color:#adb9ba; margin-bottom:6px; }
#content-wrapper h2 span { font-size:14px; line-height:15px; color:#83a853; }

a.btn { float:left; margin:15px 0px 10px 2px; display:block; color:#4c662f; font-family:Helvetica, Arial, sans-serif; line-height:10px; font-size:9px; padding-right:16px; padding-top:1px; background:url(../img/bg-link.png) no-repeat top right; text-decoration:none; }
a.btn:hover { color:#4e6867; background:url(../img/bg-link.png) no-repeat bottom right; text-decoration:none; }
#about-us-section { border-bottom:2px solid #dde5e5; min-height:150px; }
#about-us-section h1 { font:20px/22px "proxima-nova-1", "proxima-nova-2", "Myriad Pro", sans-serif; font-weight:500; }

#challenge-us-section { border-bottom:2px solid #dde5e5; min-height:150px; }
#challenge-us-section h1 { font:25px/28px "proxima-nova-1", "proxima-nova-2", "Myriad Pro", sans-serif; color:#83a853; margin-bottom:9px; }
#challenge-us-section p { font-size:11px; line-height:15px; font-style:italic; margin-bottom:0px; }

div.bucket { position:relative; height:170px; }
div.bucket a.bucket { position:absolute; display:block; left:0px; bottom:0px; width:265px; height:49px; z-index:10; }
div.bucket a.en { background:url(../img/sub-menu-portal.png) no-repeat 0px 0px; }
div.bucket a.nl { background:url(../img/sub-menu-portal-nl.png) no-repeat 0px 0px; }
div.bucket a.fr { background:url(../img/sub-menu-portal-fr.png) no-repeat 0px 0px; }
div.bucket a.bucket span { display:none; }

#bucket-laboratory a { background-position:0px 0px; }
#bucket-laboratory a:hover { background-position:0px -49px; }
#bucket-laboratory img { position:absolute; top:0px; left:0px; }

#bucket-industrial a { background-position:-265px 0px; }
#bucket-industrial a:hover { background-position:-265px -49px; }
#bucket-industrial img { position:absolute; top:0px; left:0px; }

#bucket-featured-product { background:url(../img/bg-featured-product.png) no-repeat 0px 0px; padding:16px 18px; width:229px !important; height:138px !important; }
#bucket-featured-product h2 { margin-top:0px; }
#bucket-featured-product img { float:left; display:block; }
#bucket-featured-product p { padding:10px 0px 0px 120px; }
#bucket-featured-product a.btn { position:absolute; bottom:0px; right:11px; width:auto; }

#featured-news { position:relative; border-top:2px solid #dde5e5; height:110px; margin-bottom:0px !important; }
#featured-news h2 { margin:10px 0px 5px 0px; border-bottom:none; }
#featured-news p { font-style:italic; }
#featured-news a.btn { position:absolute; bottom:0px; right:2px; width:auto; margin:0px; }

#featured-case { position:relative; border-top:2px solid #dde5e5; height:110px; margin-bottom:0px !important; }
#featured-case img { float:left; margin:0px 10px 0px 0px; }
#featured-case h2 { margin:10px 0px 5px 0px; border-bottom:none; }
#featured-case p { font-style:italic; }
#featured-case a.btn { position:absolute; bottom:0px; right:2px; width:auto; margin:0px; }

#featured-news-right { float:right; position:relative; min-height:110px; margin-top:0 !important; }
#featured-news-right h2 { margin:0px 0px 5px 0px; border-bottom:none; border-bottom:2px solid #dde5e5; line-height:15px !important; }
#featured-news-right p { font-style:italic; }
#featured-news-right a.btn { position:absolute; bottom:0px; right:2px; width:auto; margin:0px; }

#featured-case-right { float:right; position:relative; min-height:140px; margin-top:16px; margin-bottom:0px !important; }
#featured-case-right img { float:left; margin:10px 10px 0px 0px; }
#featured-case-right h2 { margin:10px 0px 5px 0px; border-bottom:none; border-bottom:2px solid #dde5e5; line-height:15px !important; }
#featured-case-right p { font-style:italic; }
#featured-case-right a.btn { position:absolute; bottom:0px; right:2px; width:auto; margin:0px; }

#featured-product-right { float:right; position:relative; min-height:140px; margin-top:0px; margin-bottom:32px !important; }
#featured-product-right div.img { float:left; margin:0px 10px 0px 0px; width:105px; height:105px; background-color:#FFF; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
#featured-product-right h2 { margin:0px 0px 10px 0px; border-bottom:none; border-bottom:2px solid #dde5e5; line-height:15px !important; padding-bottom:5px; }
#featured-product-right p { font-style:italic; }
#featured-product-right a.btn { position:absolute; bottom:0px; right:2px; width:auto; margin:0px; }

#sales-list { background:#FFF; padding:10px 15px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
#sales-list table { padding:0; margin:0; border-collapse:collapse; width:100%; }
#sales-list table th { font-weight:bold; padding:5px 2px; text-transform:uppercase; }
#sales-list table td { padding:5px 2px; border-top:1px solid #dde5e5; }
#sales-list table tr.even { background:#EBEDED; }
#sales-list table td a { text-decoration:none; color:#7f9194; }

#suppliers-list { background:#E4EAEA; padding:6px 15px 6px 15px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin-top:20px; overflow:hidden; }
#suppliers-list ul { margin:0; padding:0; list-style:none; }
#suppliers-list ul li { margin:9px 18px 9px 0; padding:0; list-style:none; float:left; }
#suppliers-list ul li.last { margin-right:0; }
#suppliers-list ul li img { display:block; }

#news-wrapper { min-height:465px; }
div.news-item { float:left; position:relative; width:556px; margin:15px 0; }
div.news-item p { margin-bottom:0; }
div.news-item a.btn { float:right; margin-bottom:20px; }
div.news-item div.img { float:left; margin:0px 10px 0px 0px; width:105px; height:105px; background-color:#FFF; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
div.img-large { float:left; margin:0px 10px 0px 0px; width:225px; height:150px; background-color:#FFF; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }


/* --------------------------------------------------------- */
/* FOOTER
/* --------------------------------------------------------- */
#footer { float:left; position:relative; width:848px; height:97px; padding:16px 26px; background:url(../img/bg-footer.png) no-repeat 0px 0px; margin:20px 0px; }
#footer div.column { margin-bottom:0px !important; }
#footer h3 { font:12px/12px "fenwick-1","fenwick-2", "Myriad Pro", sans-serif; color:#7f9194; padding-bottom:7px; margin-bottom:7px; border-bottom:2px solid #d1d9d9; }
#footer ul { float:left; margin:0; padding:0; margin-right:15px; list-style:none; }
#footer ul li a, #footer p { font:9px/12px Arial, Helvetica, sans-serif !important; color:#7f9194; text-decoration:none; text-transform:uppercase; }
#footer p { line-height:14px !important; margin-bottom:0; }
#footer div.legal { float:left; clear:both; font:9px/9px Arial, Helvetica, sans-serif !important; margin-top:14px; color:#adb9ba; clear:both; width:848px; padding:0; }
#footer div.legal a { text-decoration:none; color:#adb9ba; text-transform:uppercase; }

/* --------------------------------------------------------- */
/* CLEAR FIXES
/* --------------------------------------------------------- */
/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .container:after {
  content: "\0020"; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
  overflow:hidden; 
}
.clearfix, .container {display: block;}

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear { clear:both; }