/* CREDITS
Title:  APEX - CSS Document
Author: dieter@inventis.be
Date:   21/05/2007
*/

/* GLOBAL STYLES
---------------------------------------------------------- */

body {
	background: #000000; /*none repeat scroll 0%;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-align: center;
	margin:0;
	/*padding: 0 0 27px 0;*/
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}

/* Links */
a:link, a:active, a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}


/* SITE CONTAINER
---------------------------------------------------------- */

#bodyContainer {
	text-align: left;
	width: 962px;
	margin: 0 auto;
}

#extraBodyContainer{
	background-color:#FFFFFF;
	width:100%;
	overflow:hidden;
}

/* HEADER
---------------------------------------------------------- */
#siteHeader {
	width: 962px;
	overflow: hidden;
	position:relative;
}

#siteTitle{display: block;
	width: 254px;
	height: 192px;	
	text-indent: -9000px;
	background: url(../images/manufacturing/topleft_logo.png) no-repeat 0 0;
	position:absolute;
	z-index:999;
	top:0;
	left:0;}

#siteTitle a {
	display: block;
	width: 254px;
	height: 192px;	
	text-indent: -9000px;
	background:none;
}
#headerOverlay {
	width: 962px;
	height: 192px;
	background-color: #e2e1db;
	background-repeat: no-repeat;
	background-position: 100% 0%;
	float: left;
}
#headerOverlay .overlay {
	width: 807px;
	height: 200px;
	position:absolute;
	z-index:1999;
	margin-left:254px;
	background:transparent url(/design/images/manufacturing/middle_overlay_man.png) no-repeat 0 0 !important;
}

#serviceLinks {
	display:none;
}
#serviceLinks ul {
	margin-top: 25px;
	display:none;
}

/* MAIN MENU
---------------------------------------------------------- */
#mainMenu {
	height: 28px;
	width: 862px;
	padding-left: 100px;
	background: #000000 url(../images/manufacturing/menu_background.jpg) no-repeat 0 0;
}

/*.mnuBenelux{background: #000000 url(../images/layout/menu_background_benelux.jpg) no-repeat 0 0;}
.mnuNetherlands{background: #000000 url(../images/layout/menu_background_nl.jpg) no-repeat 0 0;}
.mnuFrance{background: #000000 url(../images/layout/menu_background_fr.jpg) no-repeat 0 0;}
.mnuManufacturing{background: #000000 url(../images/layout/menu_background_manu.jpg) no-repeat 0 0;}*/

#mainMenu li {
	height: 28px;
	line-height: 28px;
	float: left;
	background: transparent url(../images/layout/menu_divider.gif) no-repeat 100% 50%;
}
#mainMenu li a {
	color: #000000;
	display: block;
	padding: 0 10px 0 15px;
	text-transform:normal;
	font-weight:bold;
	background: transparent url(../images/icons/arrow_small.gif) no-repeat 8px 50%;
}
#mainMenu li a:hover {
	color: #fff;
	background: transparent url(../images/manufacturing/arrow_small_active.gif) no-repeat 8px 50%;
}
#mainMenu li.active a {
	background: transparent url(../images/manufacturing/arrow_small_active.gif) no-repeat 8px 50%;
	color:#fff;
}

#mainMenu li.active ul a {color:#000;}
#mainMenu li.active ul a:hover {color:#fff;}

/* SuckerFish Menus */
	/* Second Level */
	#mainMenu ul { 
		position: absolute;
		width: 161px;
		left: -999em;
		z-index: 999;
	}
	#mainMenu li:hover,
	#mainMenu li.sfhover { 
		position: static;
	}
	#mainMenu li:hover ul,
	#mainMenu li.sfhover ul { 
		left: auto;
	}
	#mainMenu li.active ul li,
	#mainMenu ul li {
		float: none;
		display: inline;
		background: none;
		width: 161px;
		height: 23px;
		line-height: 23px;
	}
	#mainMenu li.active ul li a,
	#mainMenu ul li a  {
		display: block;
		width: 153px;
		height: 23px;
		background: #dbd8d1 url('../images/manufacturing/submenu_background.jpg') repeat-x 0 0;
		padding: 0 0 0 8px;
		float: none;
		text-transform:normal;
	}
	#mainMenu ul li a:hover {
		background: #dbd8d1 url('../images/manufacturing/submenu_background.jpg') repeat-x 0 0;
	}

/* BREADCRUMBS
---------------------------------------------------------- */
#breadcrumbs {
	height: 33px;
	width: 832px;
	padding-top:5px;
	padding-left: 291px;
	background: #fff url(../images/manufacturing/breadcrumbs_background.jpg) no-repeat 0 0;
}
#breadcrumbs li {
	line-height: 25px;
	height: 33px;
	display: inline;
	background: transparent url(../images/icons/arrow_small.gif) no-repeat 0 50%;
	padding: 0 3px 0 8px;
}
#breadcrumbs li.first {
	background: none;
	padding-left: 0;
}
#breadcrumbs li a {
	color: #000000;
	text-decoration: underline;
}
#breadcrumbs li a:hover {
	text-decoration: none;
}

/* SITE CONTENT
---------------------------------------------------------- */
#siteContent {
	text-align: left;
	background: none;
} 
#siteContent .extra {
	background: none;
	width: 962px;
	margin: 0 auto;
}
#siteContent .extra .extra {
	background: none;
	width: 962px;
	overflow: hidden;
	padding-bottom:20px;
}

#siteContent #primary   { width: 671px; float: left; padding: 0; font-size: 12px; line-height: 1.6em; overflow:hidden; min-height:400px; margin-left:20px;}
#siteContent #secondary { width: 269px; float: left; height:auto;  min-height:1px; }
#siteContent #tertiary  { width: 210px; float: right; display:none;} 

#siteContent #primary h1 {
	font-size: 16px;
	font-weight: bold;
	background-color: #F2F2F2;
	padding: 5px;
	line-height: normal;
	margin-top:5px;
}
#siteContent #primary h1 small{font-size:11px; color:#555;  }/*background:url(/design/images/header_bg.gif) no-repeat 0px 5px; padding-left:10px;}*/

#siteContent #primary p { margin: 1em 0 0 0; }
#siteContent #primary a { color: #9c8fc9; font-weight: bold; }
#siteContent #primary a:visited { color: #9c8fc9; font-weight: normal; font-style: italic; }

#siteContent #secondary .imageList { clear:both; width:208px; float:right; margin:10px 0; }

#siteContent #secondary .imageList li#merkLogo a{ display:table; width:150px;}
#siteContent #secondary .imageList li#merkLogo a span{ display:table-cell; vertical-align:middle; text-align:center; border: 3px solid #DFDFDF; padding:10px 0}
#siteContent #secondary .imageList li#merkLogo a span img {vertical-align:middle; border:0;}

#siteContent #secondary .imageList li#merkLogo a:hover span {border:3px solid #9c8fc9;}

#siteContent #primary a {
	text-decoration: underline;
}
#siteContent #primary a:hover {
	text-decoration: none;
}

#siteContent #primary ul li{list-style-type:square; list-style-position:outside; margin-left:25px;}

#siteContent #primary a.imgLink{
	float:left;
	margin:16px 10px 5px 0;
	border:3px solid #DFDFDF;
}

#siteContent #primary a.imgLink:hover{border:3px solid #9c8fc9;}

#siteContent #primary strong em,
#siteContent #primary em strong{font-weight:bold; font-style:italic;}

#siteContent #secondary #newsMerk{
	overflow:hidden;
	float:right;
	width:208px;
}

#siteContent #secondary #newsMerk #merkTop{
	display:block;
	width:208px;
	height:5px;
	background:url(/design/images/manufacturing/highlight_top.png) no-repeat top left;
}

#siteContent #secondary #newsMerk #merkContent{
	overflow:hidden;
	display:block;
	width:200px;
	padding:0 4px;
	text-align:center;
	background:url(/design/images/manufacturing/highlight_bg.png) repeat-y top left;
	font-weight:bold;
}

#siteContent #secondary #newsMerk #merkContent div {background:#9c8fc9; padding:10px;}
#siteContent #secondary #newsMerk #merkContent a{color:#FFFFFF;}
#siteContent #secondary #newsMerk #merkContent a img{border:3px solid #b6b8b9;}
#siteContent #secondary #newsMerk #merkContent a:hover img{border:3px solid #9c8fc9;}

#siteContent #secondary #newsMerk #merkFooter{
	display:block;
	width:208px;
	height:5px;
	background:url(/design/images/manufacturing/highlight_bottom.png) no-repeat top left;
}

#siteContent .highlight
{
	background:url(/design/images/manufacturing/highlight_top.png) no-repeat top left;
	overflow:hidden;
	width:208px;
	margin:10px 0;
	float:right;
	clear:both;
	padding-top:5px;
}

#siteContent .highlight a.moreLink{
	margin-top:10px;
}

#siteContent .highlight .highlightContent
{
	background:url(/design/images/manufacturing/highlight_bg.png) repeat-y top left;
	padding: 0 4px 0 4px;
	overflow:hidden;
}

#siteContent .highlight .highlightContent h3{background:#9c8fc9; color:#fff; padding:5px; font-size:14px; font-weight:bold; margin-bottom:1px;}

#siteContent .highlight .highlightContent h3.catalogue{background:#9c8fc9 url(/design/images/manufacturing/catalogue.png) no-repeat 0 5px; text-indent:-9000px;}
#siteContent .highlight .highlightContent h3.apexinaction { background:#9c8fc9 url(/design/images/manufacturing/apexinaction.png) no-repeat 0 5px;  text-indent:-9000px;}


#siteContent .highlight .highlightFooter
{
	background:url(/design/images/manufacturing/highlight_bottom.png) no-repeat top left;
	height:5px;
	width:208px;
}

#siteContent .highlight .highlightItem{overflow:hidden; margin:0; background:#e6e7e8;}

#siteContent .highlight .highlightItem .highlightImage{padding-top:5px; text-align:center;} 

#siteContent .highlight .highlightItem .highlightImage a img{border:3px solid #b6b8b9;}
#siteContent .highlight .highlightItem .highlightImage a:hover img{border:3px solid #9c8fc9;}

#siteContent .highlight .highlightItem a.highlightTitle{
	background-color:#b6b8b9;
	display:block;
	font-size:11px;
	line-height:normal;
	padding:5px;
	text-decoration:none;
	color:#000000; 
	font-style:normal;
	font-weight:bold;
}

#siteContent .highlight .highlightItem a.highlightTitle:hover{
	background-color: #9c8fc9;
}

#siteContent .highlight .highlightItem .highlightText{
	color:#000;
	padding:5px;
	font-size:11px;
}

#siteContent .highlightContent a.moreLink{
	background: url('/design/images/layout/highlightlink.gif') no-repeat center left;
	padding-left:12px;
	float:right;
	margin-right:5px;
	color:#000000;
	font-style:normal;
	font-weight:bold;
	clear:both;
	display:block;
	text-decoration:underline;
	margin-bottom:5px;
}

#siteContent .highlightContent a.moreLink:hover{text-decoration:none;}

/* SITE FOOTER
---------------------------------------------------------- */
#siteFooter {
	background: #000000 url(../images/layout/footer_background.gif) repeat scroll 0%;
	height: 27px;
	text-align: left;
	/*bottom:0pt;
	left:0pt;
	overflow:auto;
	position:absolute;
	width:100%;*/
}
#siteFooter .extra {
	width: 962px;
	margin: 0 auto;
}

#siteFooter ul {
	padding-top: 7px;
	margin-left: 65px;
	float: left;
}
#siteFooter ul li {
	float: left;
	border-right: 1px solid #ffffff;
	padding: 0 10px;
}
#siteFooter ul li.last {
	border: 0;
}
#siteFooter ul li a {
	color: #FFFFFF;
}

#siteFooter .credits {
	float: right;
	text-indent: -9000px;
	width: 79px;
	height: 20px;
	margin-top: 4px;
	background: transparent url(../images/layout/credits.gif) no-repeat 0 0;
}
#siteFooter .credits:hover {
	float: right;
	color: #FFFFFF;
	background-position: bottom left;
}

/* VARIA
---------------------------------------------------------- */
a.newsLetter {
	display: block;
	width: 208px;
	height: 74px;
	background: transparent url(../images/manufacturing/newsletter.gif) no-repeat 0 0;
	text-indent: -9000px;
	float: right;
	margin-left:1px;
}
a.newsLetter:hover {
	background-position: bottom left;
}

.imageList li {
	padding-bottom: 5px;
	text-align:center;
}
.imageList li a img {
	border: 3px solid #DFDFDF;
}
.imageList li a:hover img {
	border: 3px solid #9c8fc9;
}

#siteContent #primary a.backLink{
	background: url('/design/images/manufacturing/backlink.gif') no-repeat center left;
	padding-left:12px;
	display:block;
	margin-top:2em;
	font-style:normal;
	font-weight:bold;
}

.imageList li.pdf,
.imageList li.file,
.imageList li.movie, 
.imageList li.url, 
.imageList li.software,
.imageList li.link {
	padding-left:20px;
	margin-left:-5px;
	display:block;
	font-size:12px;
	margin-bottom:5px;
	font-weight:bold;
	font-style:normal;
	text-align:left;
}

.imageList li.link {
	padding-left:12px; margin:0px;
	text-align:left;
}
.imageList li.title{
	font-weight:bold;
	background-color:#F2F2F2;
	font-size:12px;
	padding:5px;
	margin-bottom:5px;
	width:198px;
	text-align:left;
}

.imageList li.file a, 
.imageList li.pdf a, 
.imageList li.movie a, 
.imageList li.url a, 
.imageList li.software a,
.imageList li.link a{
	line-height:14px;
	display:block;
	color:#9c8fc9;
	text-decoration:underline;
	padding-top:1px;
	font-style:normal;
}

.imageList li.file {
	background: url('/design/images/layout/file.gif') no-repeat top left;
	text-align:left;
}

#siteContent #primary #pressOverzicht .pressItem a.moreLink { background: url('/design/images/manufacturing/link_bg.gif') no-repeat 0 9px!important;}
#siteContent #primary #productOverview .productCat a.more {background: url('/design/images/manufacturing/link_bg.gif') no-repeat 0 9px!important;}
#siteContent #primary #newsOverzicht .newsItem a.moreLink {background: url('/design/images/manufacturing/link_bg.gif') no-repeat 0 9px!important;}
#siteContent #primary #productOverview .productCat a.imgLink:hover { border:3px solid #8991C8!important; }

.imageList li.link {
	background: url('/design/images/manufacturing/link_bg.gif') no-repeat 0% 50%;
	margin-left:5px;
	font-size:11px;
	text-align:left;
}

.imageList li.link a{line-height:12px;}

.imageList li.pdf {
	background: url('/design/images/icons/pdf.gif') no-repeat top left;
}

.imageList li.movie {
	background: url('/design/images/icons/film.gif') no-repeat top left;
}


.imageList li.url {
	background: url('/design/images/icons/website.png') no-repeat 0% 50%;
}

.imageList li.software {
	background: url('/design/images/icons/app.png') no-repeat 0% 50%;
}

.imageList li.movie a:hover, 
.imageList li.pdf a:hover, 
.imageList li.url a:hover, 
.imageList li.software a:hover,
.imageList li.link a:hover{text-decoration:none;}

#map{height:300px; margin-top:1em;}

/*body > div#siteFooter {
	position:fixed;
}*/

.tellafriend {
	margin: 10px 27px 20px 0px;
	display: block;
	clear:both;
	float:right;
}

a.dealers{
	margin: 25px 9px 0 0px;
	display: block;
	clear:both;
	float:right;
	width:163px;
	height:66px;
	text-indent:-9000px;
	background: url('/design/images/layout/dealers.gif') no-repeat 0 0;
}

a.more {
	background:transparent url(/design/images/manufacturing/link_bg.gif) no-repeat scroll left center;
	clear:both;
	display:block;
	font-style:normal;
	font-weight:bold;
	padding-left:12px;
}

#siteContent #primary #contacts .item .name{
	color:#9c8fc9;
	font-size:14px;
}

#siteContent #primary #contacts h2,
#siteContent #primary h2.hoofdcat {
	font-size:12px;
	font-weight:bold;
	line-height:normal;
	padding:5px;
	color:#ffffff;
	background:#9c8fc9 !important; 
	margin: 5px 0;
}

#siteContent #primary #contacts h2 span,
#siteContent #primary h2.hoofdcat span{
	background:url('/design/images/layout/catTitlearrow.gif') no-repeat left center; 
	padding-left:16px;
}

#siteContent #primary .doc a.file {color:#bec4ed !important;}
#siteContent #primary .doc a.file:hover {color:#9c8fc9 !important;}
#siteContent #primary .most_recent strong {background-image:url(/design/images/manufacturing/new.gif) !important;}

#newsOverzicht .newsItem .ifPic { width:520px !important; }


#siteContent #primary #productOverview .productCat .ifPic { width:520px !important; }


.distributor a.pic:hover {border:2px solid #9c8fc9 !important;}


#siteContent #primary #productOverview .productCat a.cat_12:hover{border:3px solid #e28f2b!important;}
#siteContent #primary #productOverview .productCat a.cat_17:hover{border:3px solid #b59bba!important;}
#siteContent #primary #productOverview .productCat a.cat_18:hover{border:3px solid #91bd60!important;}
#siteContent #primary #productOverview .productCat a.cat_475:hover{border:3px solid #445279!important;}
#siteContent #primary #productOverview .productCat a.cat_476:hover{border:3px solid #445279!important;}

#siteContent #primary #productOverview .productCat a.catTitle_12:hover{background-color: #e28f2b!important;}
#siteContent #primary #productOverview .productCat a.catTitle_17:hover{background-color: #b59bba!important;}
#siteContent #primary #productOverview .productCat a.catTitle_18:hover{background-color: #91bd60!important;}
#siteContent #primary #productOverview .productCat a.catTitle_475:hover{background-color: #445279!important;}
#siteContent #primary #productOverview .productCat a.catTitle_476:hover{background-color: #445279!important;}
