/* 3COL FIXED CENTER : CONTENT */

/* HEADER */
#header {
	height: 109px;
}

/* SHOWCASE */
#showcase {
	width: 950px;
	padding: 0;
	height: 317px;
	margin: 0 0 35px 0;
	background-color: transparent;
	clear: both;	
}
	#showcase .panes {
		float: left;
		width: 950px;
		height: 267px;
		padding: 0;
		margin: 0;
		background-color: transparent;
		overflow: hidden;
	}
		#showcase .panes .pane {
			float: left;
			width: 950px;
			height: 61px;
			padding: 206px 0 0 0;
			margin: 0;
			clear: both;
			background-position: top left;
			background-repeat: no-repeat;
		}
			
			#showcase .panes .pane div.slide {
				float: left;
				width: 930px;
				height: 41px;
				padding: 10px;
				margin: 61px 0 0 0;
				clear: both;
				background: url(../assets/black50.png) repeat;
			}
			/* IE 6 BUG */
			*html #showcase .panes .pane div.slide  {
				height: 61px;
				width: 950px;
				background: none;
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../assets/black50.png');
			}
			
				#showcase .panes .pane div p {
					float: left;
					display: inline;
					width: 50%;
					color: #fff;
					margin: 0;
				}
				#showcase .panes .pane div p.right {
					font-size: 10px;
					line-height: 14px;
				}

	#showcase div.arrowNext,
	#showcase div.arrowPrev,
	a.prev,
	a.prev:link,
	a.prev:visited,
	a.prev:active,
	a.next,
	a.next:link,
	a.next:visited,
	a.next:active {
		position: relative;
		float: left;
		display: inline;
		width: 71px;
		height: 49px;
		overflow: hidden;
		text-indent: -999px;
		background-color: #dedede;
	}
	a.prev {
		background: #dedede url(../assets/bgr_prev.jpg) top left no-repeat;	
		cursor: pointer;
	}
	a.next {
		background: #dedede url(../assets/bgr_next.jpg) top right no-repeat;
		cursor: pointer;
	}
		a.prev:hover {
			background: #dedede url(../assets/bgr_prev-h.jpg) top left no-repeat;	
		}
		a.next:hover {
			background: #dedede url(../assets/bgr_next-h.jpg) top right no-repeat;	
		}
	a.disabled {
		display: none !important;
	}
		
	#showcase .scrollable {
		position: relative;
		float: left;
		display: inline;
		margin: 0;
		width: 807px;
		height: 41px;
		padding: 4px 0;
		overflow: hidden;
		background-color: #dedede;
		border-right: 1px solid #dedede;
	}
	/* IE6 BUG */
	* html #showcase .scrollable {
		height: 49px;
	}
	
	#showcase .scrollable .items {
		width:20000em; 
		position:absolute; 
	}	
		#showcase .scrollable .item {
			position: relative;
			float: left;
			display: inline;
			width: 253px;
			height: 35px;
			margin: 0 10px 0 0;
			padding: 0;
			border: 3px solid #fff;
		}
			#showcase .scrollable .item p {
				position: relative;
				float: left;
				display: inline;
				width: 123px;
				height: 32px;
				padding: 3px 0 0 130px;
				margin: 0;
				background: #eee top left no-repeat;
				text-decoration: none;
				color: #666;
				font: 9px/14px Arial, Helvetica, sans-serif;
				cursor: pointer;
			}
			/* IE6 BUG */
			* html #showcase .scrollable .item p {
				width: 253px;
				height: 35px;
			}
				#showcase .scrollable .item p em {
					color: #777;
					font-style: italic;
				}
			
			#showcase .scrollable .active p,
			#showcase .scrollable .current p  {
				background-color: #fff;
			}
			#showcase .scrollable .hover p  {
				background-color: #fff;
			}
			
/* INSPIRATION GALLERY */	

#inspiration {
	clear: both;
}
	#inspiration .panes {
		float: left;
		width: 692px;
		height: 400px;
		padding: 0;
		margin: 0;
		background-color: transparent;
		overflow: hidden;
	}
		#inspiration .panes .pane {
			float: left;
			width: 692px;
			height: 61px;
			padding: 339px 0 0 0;
			margin: 0;
			clear: both;
			background-position: top left;
			background-repeat: no-repeat;
		}
			
			#inspiration .panes .pane div.slide {
				float: left;
				width: 672px;
				height: 41px;
				padding: 10px;
				margin: 61px 0 0 0;
				clear: both;
				background: url(../assets/black50.png) repeat;
			}
			/* IE 6 BUG */
			*html #inspiration .panes .pane div.slide  {
				height: 61px;
				width: 692px;
				background: none;
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../assets/black50.png');
			}
			
				#inspiration .panes .pane div p {
					float: left;
					display: inline;
					width: 100%;
					color: #fff;
					margin: 0;
				}
				#inspiration .panes .pane div p.right {
					font-size: 10px;
					line-height: 14px;
				}	
#inspiration div.scrollable { 
	position: relative; 
	float: left;
	display: inline;
	overflow: hidden; 
	width: 612px; 
	height: 69px;
	padding: 2px 0 0 0;
	margin-bottom: 15px;
	background-color: #ddd; 
} 
	#inspiration div.scrollable div.items { 
		width:20000em; 
		position:absolute; 
	}
	#inspiration div.scrollable div.items img { 
		float: left;
		display: inline;
		margin-right: 2px;
	} 

#inspiration div.arrowNext,
#inspiration div.arrowPrev {
	float: left;
	width: 40px;
	height: 71px;
	background-color: #dedede;
}
#inspiration a.prev,
#inspiration a.prev:link,
#inspiration a.prev:visited,
#inspiration a.prev:active,
#inspiration a.prev:hover {
	width: 40px;
	padding: 11px 0;
	background-position: -4px center;
	background-color: #dedede;
}
/* IE6 BUG */
* html #inspiration a.prev,
* html #inspiration a.next {
	height: 69px;
}
#inspiration a.next,
#inspiration a.next:link,
#inspiration a.next:visited,
#inspiration a.next:active,
#inspiration a.next:hover {
	width: 40px;
	padding: 11px 0;
	background-position: -6px center;
	background-color: #dedede;
}
					
/* GALLERY */
#gallery {
	clear: both;
}


#image_wrap { 
	width: 692px; 
	margin: 0; 
	padding: 0; 
	text-align: center; 
	background-color: #efefef; 
}

#gallery div.scrollable { 
	position: relative; 
	float: left;
	display: inline;
	overflow: hidden; 
	width: 612px; 
	height: 69px;
	padding: 2px 0 0 0;
	margin-bottom: 15px;
	background-color: #ddd; 
} 
	#gallery div.scrollable div.items { 
		width:20000em; 
		position:absolute; 
	} 

#gallery div.arrowNext,
#gallery div.arrowPrev {
	float: left;
	width: 40px;
	height: 71px;
	background-color: #dedede;
}
#gallery a.prev,
#gallery a.prev:link,
#gallery a.prev:visited,
#gallery a.prev:active,
#gallery a.prev:hover {
	width: 40px;
	padding: 11px 0;
	background-position: -4px center;
	background-color: #dedede;
}
/* IE6 BUG */
* html #gallery a.prev,
* html #gallery a.next {
	height: 69px;
}
#gallery a.next,
#gallery a.next:link,
#gallery a.next:visited,
#gallery a.next:active,
#gallery a.next:hover {
	width: 40px;
	padding: 11px 0;
	background-position: -6px center;
	background-color: #dedede;
}
	
/* BREADCRUMBS */
.breadcrumbs {
	width: 930px;
	padding: 10px 0 8px 20px;
	margin: 0 0 15px 0;
}
	.breadcrumbs p {
		margin: 0;
		font-size: 11px;
		line-height: 14px;
		color: #999;
		font-weight: bold;
	}
		.breadcrumbs p span {
			padding: 0 15px 0 0;
		}
		.breadcrumbs p a,
		.breadcrumbs p a:link,
		.breadcrumbs p a:visited,
		.breadcrumbs p a:active {
			text-decoration: none;
			font-weight: normal;
			padding: 0 35px 0 0;
			background: url(../assets/crumb.gif) center right no-repeat;
		}
			.breadcrumbs p a:hover {
				color: #000;
				text-decoration: none;
			}
		
/* CONTENT */

.content {
	position: relative;
	float: left;
	width: 100%;
	margin: 0 0 15px 0;
	padding: 0;
	background: right top no-repeat;
}
	#main.colspan2 .colB .contentPadding {
		padding-left: 20px;
	}
	#main.colspan2 .colB .contentPaddingBoth {
		padding-left: 20px;
		padding-right: 20px;
	}
	/* IE6 bug */
		* html #main.colspan2 .colB .contentPaddingBoth {
			width: 732px;
		}
	
	#main.colspan4 .col h1 {
		margin: 0 0 5px 0;
	}
	#main.colspan4 .col p {
		font-size: 11px;
		line-height: 16px;
	}
		#main.colspan4 .col h1 {
			font-size: 17px;
		}
	
		#main.colspan4 .col h1 a,
		#main.colspan4 .col h1 a:link,
		#main.colspan4 .col h1 a:visited,
		#main.colspan4 .col h1 a:active {
			color: #000;
			text-decoration: none;
		}
			#main.colspan4 .col h1 a:hover {
				text-decoration: none;
				background-color: transparent;
			}
			#main.colspan4 .col a:hover {
				text-decoration: none;
				background-color: transparent;
			}
	
	#main.colspan4 .col img {
		border-left-width: 8px;
		border-left-style: solid;
		margin-bottom: 10px;
	}
		#main.colspan4 .colA img { border-color: #000000; }
		#main.colspan4 .colB img { border-color: #9fcf67; }
		#main.colspan4 .colC img { border-color: #00aeef; }
		#main.colspan4 .colD img { border-color: #ee3124; }

	#main.colspan2 .colB .upper {
		position: relative;
		float: left;
		display: block;
		width: 712px;
		padding-left: 20px;
	}
	/* IE6 BUG */
	* html #main.colspan2 .colB .upper {
		width: 732px;
	}	
		#main.colspan2 .colB div.productImage {
			float: right;
			display: inline;
			width: 320px;
			margin: 0 20px 12px 0;
		}
			#main.colspan2 .colB div.productImage .image {
				float: left;
				width: 320px;
			}
				#main.colspan2 .colB .productLogo {
					float: right;
					margin-bottom: 26px;
				}
				#main.colspan2 .colB .productScheme {
					float: right;
				}
		#main.colspan2 .colB div.intro {
			float: left;
			margin-bottom: 20px;
			width: 372px;
		}
			#main.colspan2 .colB h1 {
				margin-bottom: 18px;
				font-weight: bold;
			}
			#main.colspan2 .colB p.intro {
				width: 350px;
				font-size: 12px;
				line-height: 18px;
			}
			#main.colspan2 .colB .intro ul,
			#main.colspan2 .colB .intro ol{
				width: 350px;
				font-size: 12px;
				line-height: 18px;
			}
	
	#main.colspan2 .colB .lower {
		position: relative;
		float: left;
		display: block;
		width: 712px;
		padding: 2px 10px 0 10px;
		background: #fff url(../assets/bgr_detail-sub.jpg) left top no-repeat;
	}
	/* IE6 BUG */
	* html #main.colspan2 .colB .lower {
		width: 732px;
	}		
		#main.colspan2 .colB .lower ul.legende {
			float: right;
			width: 300px;
			color: #777;
			font: 9px/14px Arial, Helvetica, sans-serif;
			margin: 10px 0;
			list-style-type: none;
		}
			#main.colspan2 .colB .lower ul.legende li {
				margin: 0;
			}
		
		#main.colspan2 .colB .lower p.back {
			float: left;
			display: inline;
			width: 300px;
			margin-left: 10px;
		}
		
		#main.colspan2 .colB .lower .productinfo {
			float: left;
			display: inline;
			clear: both;
			width: 100%;
			border-top: 1px solid #f0f0f0;
			background: url(../assets/bgr_productinfo.gif) repeat-y;
		}
		
			ul.tabs {
				float: left;
				display: inline;
				clear: both;
				width: 710px;
				height: 29px;
				margin: 0 1px;
				border-top: 1px solid #c7c7c7;
				background: url(../assets/bgr_tabs.gif) repeat-x;
			}
				ul.tabs li {
					position: relative;
					float: left;
					display: inline;
					margin: 0 2px 0 0;
					border-right: 1px solid #c7c7c7;	
				}
					ul.tabs li a,
					ul.tabs li a:link,
					ul.tabs li a:visited,
					ul.tabs li a:active {
						position: relative;
						float: left;
						display: inline;
						padding: 7px 10px 8px 10px;
						margin: 0;
						background: transparent url(../assets/bgr_tab.gif) repeat-x;
						font: bold 11px/14px Arial, Helvetica, sans-serif;
						color: #666;
						text-decoration: none;
					}
					ul.tabs li a:hover {
						background: transparent url(../assets/bgr_tab-h.gif) repeat-x;
						color: #666;
					}
					ul.tabs li a.current,
					ul.tabs li a.current:link,
					ul.tabs li a.current:visited,
					ul.tabs li a.current:active {
						background: url(../assets/bgr_tab-a.gif) repeat-x;
					}
					
					ul.tabs li a.disabled,
					ul.tabs li a.disabled:link,
					ul.tabs li a.disabled:visited,
					ul.tabs li a.disabled:active {
						color: #ccc;
						cursor: text;
					}
					ul.tabs li a.disabled:hover {
						background: transparent url(../assets/bgr_tab.gif) repeat-x;
					}
					
			.panes {
				float: left;
				display: inline;
				clear: both;
				width: 710px;
				margin: 0 1px;
				background-color: #fff;
			}
				.panes div.pane {
					padding: 20px 10px 10px 10px;
				}
			
			#main.colspan2 .colB .lower .contactbox {
				float: left;
				width: 692px;
				height: 103px;
				padding: 0 0 0 20px;
				margin: 0;
				background: url(../assets/bgr_contactbox.gif) left top no-repeat;
			}
			/* IE6 BUG */
			* html #main.colspan2 .colB .lower .contactbox {
				width: 712px;
			}
				#main.colspan2 .colB .lower .contactbox p.title {
					padding-top: 3px;
					margin-bottom: 15px;
					font: bold 12px/18px Arial, Helvetica, sans-serif;
					color: #5a5a5a;
					text-shadow:1px 1px 1px #c6c6c6;
				}
				#main.colspan2 .colB .lower .contactbox p {
					float: left;
					width: 460px;
				}
				#main.colspan2 .colB .lower .contactbox ul {
					float: left;
					margin: 0;
					list-style-type: none;
				}
				#main.colspan2 .colB .lower .contactbox ul li {
					padding: 0 0 5px 20px;
					margin-bottom: 0;
					background: url(../assets/bgr_btn.gif) left top no-repeat;
				}
					#main.colspan2 .colB .lower .contactbox ul li a,
					#main.colspan2 .colB .lower .contactbox ul li a:link,
					#main.colspan2 .colB .lower .contactbox ul li a:visited,
					#main.colspan2 .colB .lower .contactbox ul li a:active {
						font-size: 12px;
						font-weight: bold;
						color: #80ab4d;
						text-decoration: none;
					}
						#main.colspan2 .colB .lower .contactbox ul li a:hover {
							text-decoration: underline;
							background-color: transparent;
						}
			
		#main.colspan2 .colB .products {
			float: left;
			display: inline;
			width: 366px;
		}
			#main.colspan2 .colB .products p {
				font-size: 11px;
				line-height: 16px;
				margin-bottom: 0;
			}
			#main.colspan2 .colB .products h3 {
				padding: 0;
			}
		#main.colspan2 .colB .systems {
			float: left;
			display: inline;
			width: 314px;
		}
			#main.colspan2 .colB .systems h3 {
				padding: 0;
			}
			#main.colspan2 .colB .systems p {
				font-size: 11px;
				line-height: 16px;
				margin-bottom: 0;
			}
			
		#main.colspan2 .colB .searchBox {
			float: left;
			display: inline;
			width: 330px;
			height: 75px;
			padding: 5px 0 0 10px;
			margin: 0 26px 10px 0;
			background: url(../assets/bgr_searchbox.gif) left 0 no-repeat;
		}
		#main.colspan2 .colB .searchBoxBig {
			float: left;
			display: inline;
			width: 330px;
			height: 110px;
			padding: 5px 0 0 10px;
			margin: 0 26px 10px 0;
			background: url(../assets/bgr_searchbox.gif) left -100px no-repeat;
		}
		#main.colspan2 .colB .searchBoxGreen {
			float: left;
			width: 330px;
			padding: 5px 0 0 0;
			margin: 10px 26px 26px 0;
		}
		/* IE6 BUG */
		* html #main.colspan2 .colB .searchBox {
			height: 80px;
			width: 340px;
		}
		* html #main.colspan2 .colB .searchBoxBig {		
			height: 115px;
			width: 340px;
		}
			#main.colspan2 .colB .searchBox p,
			#main.colspan2 .colB .searchBoxBig p {
				font-weight: bold;
				color: #333;
				margin-bottom: 15px;
			}
			#main.colspan2 .colB .searchBox select,
			#main.colspan2 .colB .searchBoxBig select {
				float: left;
				width: 240px;
				margin: 1px 2px 0 30px;
			}
			
		#main.colspan2 .colB .fiches {
			float: left;
			display: inline;
			width: 334px;
			padding: 28px 0 0 0;
			background: url(../assets/bgr_fiches.jpg) left top no-repeat;
		}	
			#main.colspan2 .colB .fiches p {
				width: 220px;
				font-size: 10px;
				line-height: 14px;
				padding: 0 0 0 10px;
				margin-bottom: 40px;
			}
			#main.colspan2 .colB .fiches p.btn {
				padding: 0 0 0 30px;
				margin-bottom: 5px;
			}
				#main.colspan2 .colB .fiches p.btn a,
				#main.colspan2 .colB .fiches p.btn a:link,
				#main.colspan2 .colB .fiches p.btn a:visited,
				#main.colspan2 .colB .fiches p.btn a:active {
					font-size: 14px;
					font-weight: bold;
					color: #80ab4d;
					text-decoration: none;
				}
					#main.colspan2 .colB .fiches p.btn a:hover {
						color: #80ab4d;
						background-color: transparent;
						text-decoration: underline;
					}
					
		#main.colspan2 .colB .systemsGreen {
			float: left;
			display: inline;
			width: 355px;
			clear: left;
			margin: 0 0 25px 0;
		}
			#main.colspan2 .colB .systemsGreen .systems {
				float: left;
				width: 314px;
				clear: left;
				margin: 0 0 16px 0;
			}
				#main.colspan2 .colB .systemsGreen .systems h3 {
					padding: 0;
				}
				#main.colspan2 .colB .systemsGreen .systems p {
					font-size: 11px;
					line-height: 16px;
				}
		
		#main.colspan2 .colB .fichesGreen {
			float: left;
			width: 355px;
			padding: 10px 0 0 0;
			background: url(../assets/bgr_fichesGreen.jpg) left top no-repeat;
			min-height: 106px;
			height: 106px;
			height: auto !important;
		}	
			#main.colspan2 .colB .fichesGreen p.btn {
				width: 250px;
				font-size: 11px;
				line-height: 16px;
				padding: 0 0 0 30px;
				margin-bottom: 50px;
			}
				#main.colspan2 .colB .fichesGreen p.btn a,
				#main.colspan2 .colB .fichesGreen p.btn a:link,
				#main.colspan2 .colB .fichesGreen p.btn a:visited,
				#main.colspan2 .colB .fichesGreen p.btn a:active {
					font-size: 11px;
					line-height: 16px;
					text-decoration: none;
					color: #666;
				}
					#main.colspan2 .colB .fichesGreen p.btn a:hover {
						text-decoration: underline;
						background-color: transparent;
						color: #666;
					}
		
		#main.colspan2 .colB .bodyGreen {
			float: left;
			clear: left;
			margin: 0;
		}
			#main.colspan2 .colB .bodyGreen .bodyLeft {
				float: left;
				width: 316px;
				margin: 0 40px 0 0;
			}
			#main.colspan2 .colB .bodyGreen .bodyRight {
				float: left;
				width: 336px;
			}
				#main.colspan2 .colB .bodyGreen .bodyRight p,
				#main.colspan2 .colB .bodyGreen .bodyLeft p {
					font-size: 11px;
					line-height: 16px;
					text-align: justify;
				}
				
	#main.colspan2 .colB img.right { 
		margin: 5px 5px 25px 25px;
		padding-bottom: 19px;
		background: url(../assets/img_shadow.png) bottom no-repeat;
		clear: right;
	}
	
	#main.colspan2 .colB h3.line {
		color: #333;
		margin-bottom: 10px;
	}
	#main.colspan2 .colB h3 {
		margin-bottom: 5px;
	}
		
	#main.colspan2 .colB .infobox {
		float: left;
		width: 732px;
		height: 103px;
		padding: 0 0 0 20px;
		margin: 0;
		background: url(../assets/bgr_infobox.gif) left top no-repeat;
	}
		#main.colspan2 .colB .infobox p {
			padding-top: 2px;
			margin-bottom: 14px;
			font: bold 12px/18px Arial, Helvetica, sans-serif;
			color: #5a5a5a;
			text-shadow:1px 1px 1px #c6c6c6;
		}
		#main.colspan2 .colB .infobox img {
			margin-right: 26px;
		}
			#main.colspan2 .colB .infobox a:hover  {
				background-color: transparent;
			}
	
	
	#main.colspan2 .colB .support {
		float: left;
		width: 513px;
		padding: 0;
		margin: 0 20px 0 0;
	}
		#main.colspan2 .colB .support .subsupport {
			float: left;
			width: 120px;
			padding: 0;
			margin: 0 11px 0 0;
		}
			#main.colspan2 .colB .support .last {
				margin: 0;
			}
			
		#main.colspan2 .colB .support .subsupport a:hover {
			background-color: transparent;
		}
			#main.colspan2 .colB .support .subsupport img {
				margin: 0 0 5px 0;
			}
		#main.colspan2 .colB .support .subsupport p {
			font-size: 11px;
			line-height: 16px;
			margin: 0 0 5px 0;
			color: #333;
		}
			#main.colspan2 .colB .support .subsupport p a,
			#main.colspan2 .colB .support .subsupport p a:link,
			#main.colspan2 .colB .support .subsupport p a:visited,
			#main.colspan2 .colB .support .subsupport p a:active {
				color: #80ab4d;
				text-decoration: none;
			}
			#main.colspan2 .colB .support .subsupport p a:hover {
				color: #fff;
				background-color: #80ab4d;
			}
	
	#main.colspan2 .colB .references {
		float: left;
		width: 199px;
		margin: 42px 0 0 0;
		background-color: #7d7d7d;
	}
	
		#main.colspan2 .colB .references p {
			color: #fff;
			font-size: 10px;
			line-height: 15px;
			margin: 0;
			border-bottom: 1px solid #fff;
			width: 100%;
		}
			#main.colspan2 .colB .references p a,
			#main.colspan2 .colB .references p a:link,
			#main.colspan2 .colB .references p a:visited,
			#main.colspan2 .colB .references p a:active {
				position: relative;
				float: left;
				width: 179px;
				padding: 5px 10px;
				color: #fff;
				font-size: 10px;
				line-height: 15px;
				text-decoration: none;
			}
			/* IE6 BUG */
			* html #main.colspan2 .colB .references p a,
			* html #main.colspan2 .colB .references p a:link,
			* html #main.colspan2 .colB .references p a:visited,
			* html #main.colspan2 .colB .references p a:active {
				width: 199px;
			}
			#main.colspan2 .colB .references p a:hover {
				background-color: transparent;
				color: #fff;
				background-color: #000;
			}
				#main.colspan2 .colB .references p a strong {
					font-size: 12px;
				}


		#main.colspan2 .colB .bodyMaintenance {
			position: relative;
			float: left;
			display: inline;
			clear: left;
			width: 692px;
			padding: 0;
			margin: 0;
			
		}
			#main.colspan2 .colB .bodyMaintenance .bodyLeft {
				position: relative;
				float: left;
				display: inline;
				width: 316px;
				padding: 0;
				margin: 0 40px 0 0;
			}
			#main.colspan2 .colB .bodyMaintenance .bodyRight {
				position: relative;
				float: left;
				display: inline;
				padding: 0;
				width: 336px;
			}
				#main.colspan2 .colB .bodyMaintenance .bodyRight p,
				#main.colspan2 .colB .bodyMaintenance .bodyLeft p {
					font-size: 11px;
					line-height: 16px;
					text-align: justify;
				}
				#main.colspan2 .colB .bodyMaintenance .bodyLeft ol li {
					font-size: 11px;
					line-height: 16px;
					padding-bottom: 10px;
				}
				#main.colspan2 .colB .bodyMaintenance .bodyLeft h3,
				#main.colspan2 .colB .bodyMaintenance .bodyRight h3 {
					margin-bottom: 15px;
				}
				
		#main.colspan2 .colB .methodesMaintenance {
			float: left;
			width: 355px;
			margin: 0 0 35px 0;
		}
		
		#main.colspan2 .colB .systemsMaintenance {
			float: left;
			width: 340px;
			margin: 0 0 35px 0;
		}
			#main.colspan2 .colB .methodesMaintenance ul.short li {
				padding-bottom: 2px;
			}
			
			#main.colspan2 .colB .systemsMaintenance h3 {
				padding: 0;
			}
			#main.colspan2 .colB .systemsMaintenance ol {
				margin: 0;
				font-size: 11px;
				line-height: 16px;
			}
			
/* INSPIRATION PAGE */
.inspiration .colB {
	background-color: #000;
}
	.inspiration .colB h1, .inspiration .colB p {
		color: #fff;
	}

/* DRILLDOWN */

.drilldownLeft {
	position: relative;
	float: left;
	display: inline;
	width: 336px;
	margin: 0;
	padding: 0 10px 0 0;
}
/* IE6 BUG */
* html .drilldownLeft {
	width: 346px;
}

.drilldownRight {
	position: relative;
	float: left;
	display: inline;
	width: 331px;
	margin: 0;
	padding: 0 0 0 10px;
}
/* IE6 BUG */
* html .drilldownRight {
	width: 341px;
}

.panel {
	 float: left;
	 display: inline;
	 width: 305px;
	 margin: 0;
	 padding: 15px 15px 0 15px;
	 background: url(../assets/bgr_search-green.jpg) top left no-repeat;
}
/* IE6 BUG */
* html .panel {
	width: 335px;
}

.drilldownHalfTitle {
		position: relative;
		float: left;
		display: inline;
		width: 100%;
		padding: 30px 2px 2px 2px;
		margin: 0;
		font: bold 12px/18px Arial, Helvetica, sans-serif;
		color: #5a5a5a;
		text-shadow:1px 1px 1px #c6c6c6;
		background: url(../assets/bgr_drilldown-half-top.gif) bottom left no-repeat;
	}
		.drilldownHalfTitle span {
			padding-left: 10px;
			margin: 0;
		}
		
.drilldownHalf {
	position: relative;
	float: left;
	display: inline;
	width: 331px;
	margin: 0;
	padding: 0;
	background: url(../assets/bgr_drilldown-half.gif) bottom left no-repeat;
}
	.drilldownHalf p {
		margin: 0 0 10px 0;
	}
	
.drilldownTitle {
		position: relative;
		float: left;
		display: inline;
		width: 100%;
		padding: 30px 2px 2px 2px;
		margin: 0;
		font: bold 12px/18px Arial, Helvetica, sans-serif;
		color: #5a5a5a;
		text-shadow:1px 1px 1px #c6c6c6;
		background: url(../assets/bgr_drilldown-top.gif) bottom left no-repeat;
	}
		.drilldownTitle span {
			padding-left: 10px;
			margin: 0;
		}

		
.drilldown {
	position: relative;
	float: left;
	display: inline;
	width: 692px;
	margin: 0;
	padding: 0;
	background: url(../assets/bgr_drilldown.gif) bottom left no-repeat;
}
	.drilldown p {
		margin: 0 0 10px 0;
	}
	
.drillGreen .drilldownTitle { color: #fff; background-image: url(../assets/bgr_drilldown-top-green.gif) }
.drillGreen .drilldown { background-image: url(../assets/bgr_drilldown-green.gif) }

#main.colspan2 .colB .infobox p {
	padding-top: 2px;
	margin-bottom: 14px;
	font: bold 12px/18px Arial, Helvetica, sans-serif;
	color: #5a5a5a;
	text-shadow:1px 1px 1px #c6c6c6;
}
#main.colspan2 .colB .infobox img {
	margin-right: 26px;
}
	#main.colspan2 .colB .infobox a:hover  {
		background-color: transparent;
	}

/* CONTENT LEFT - RIGHT */
.contentLeft {
	position: relative;
	float: left;
	display: inline;
	width: 442px;
	padding: 15px;
	margin: 0 10px 0 0;
	background: url(../assets/bgr_overview.jpg) center top no-repeat;
	height: auto !important;
	min-height: 400px;
	height: 400px;
}
/* IE6 bug */
* html .contentLeft { width: 472px; }

.contentRight {
	position: relative;
	float: left;
	display: inline;
	width: 250px;
	padding: 0;
	background: url(../assets/bgr_filter.jpg) center bottom no-repeat;
}
	.contentRight h3 {
		position: relative;
		float: left;
		display: inline;
		width: 250px;
		padding: 3px 0 7px 0;
		background: url(../assets/bgr_filter-title.jpg) center top no-repeat;
		color: #333;
		text-shadow:1px 1px 1px #c6c6c6;
		font-size: 13px;
	}
		.contentRight h3 span {
			padding-left: 10px;
		}
	.contentRight div.padding{
		position: relative;
		float: left;
		display: inline;
		width: 230px;
		padding: 10px;
	}
	/* IE6 BUG */
	* html .contentRight div.padding{ width: 250px; }
	
	.contentRight p.line {
		margin: 0 0 5px 0;
		padding: 0;
	}
	.contentRight table {
		margin: 0 0 6px 0;
	}
	.contentRight table tr td input  {
		margin-right: 10px;
		float: left;
		display: inline;
		width: 15px;
	}
	.contentRight table tr td label  {
		float: left;
		display: inline;
		width: 200px;
		line-height: 18px;
		margin-bottom: 2px;
	}
		.contentRight table tr td span[disabled=disabled]  {
			font-weight: bold;
			color: #bbb;
		}
/* PRODUCTBOX */

.productBox {
	position: relative;
	float: left;
	display: inline;
	width: 670px;
	padding: 10px;
	margin: 0 0 15px 0;
	border: 1px solid #ccc;
	background-color: #f3f3f3;
}
/* IE6 bug */
* html .productBox { width: 690px; }

.productBox div {
	position: relative;
	float: left;
	display: inline;
	width: 200px;
	border-right: 1px solid #e6e6e6;
	margin-right: 17px;
	padding-right: 17px;
}
.productBox div.clean {
	border: 0;
	margin: 0;
	padding: 0;
}

.productBox ul.list { 
	list-style-type: none;
	margin: 0;
}
	.productBox ul.list li {
		margin-bottom: 7px;
		line-height: 14px;
		margin-left: 0;
		padding-left: 12px;
		background: url(../assets/list.gif) left 4px no-repeat;
	}
		
			
/* BOX */
.boxThree {
	float: left;
	width: 204px;
	padding: 10px;
	border: 1px solid #ccc;
	margin: 0 6px 45px 0;
}
* html .boxThree { width: 224px; }

.colHalf {
	position: relative;
	float: left;
	display: inline;
	width: 306px;
	padding: 10px;
	margin: 0 10px 20px 0;
	background: url(../assets/bgr_colhalf.jpg) left top no-repeat;
	min-height: 400px;
	height: auto !important;
	height: 400px;

}
* html .colHalf { width: 326px; }

	.colHalf p,
	.colHalf ul {
		font-size: 11px;
		line-height: 16px;
	}

/* NEWSBOX */
.newsBox {
	position: relative;
	float: left;
	display: inline;
	width: 462px;
	margin: 0 26px 0 0;
	padding: 5px 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
	.newsBox h3 {
		margin: 0;
		padding: 0 0 0 10px;
		color: #000;
	}
		.newsBox h3 a,
		.newsBox h3 a:link,
		.newsBox h3 a:visited,
		.newsBox h3 a:active {
			float: right;
			font-size: 11px;
			text-decoration: none;
			padding-right: 10px;
		}
		.newsBox h3 a:hover {
			color: #000;
		}
	.newsBox ul {
		margin: 0;
		padding: 0 0 0 10px;
		list-style-type: none;
	}
		.newsBox ul li {
			margin: 0 0 4px 0;
		}
			.newsBox ul li a,
			.newsBox ul li a:link,
			.newsBox ul li a:visited,
			.newsBox ul li a:active {
				text-decoration: none;
				color: #000;
			}
			.newsBox ul li a span { 
				background-color: #e5e5e5;
				padding: 0 1px;
			}
			.newsBox ul li a strong { 
				padding-left: 5px;
			}			
			.newsBox ul li a:hover {
				text-decoration: none;
				background-color: #e5e5e5;
			}
			
/* SHOWBOX */
.showBox {
	position: relative;
	float: left;
	display: inline;
	width: 462px;
	height: 120px;
	padding: 0;
	margin: 0;
	background-color: #000;
	cursor: pointer;
	overflow: hidden;
}
	.showBox .txt {
		position: relative;
		float: left;
		display: inline;
		width: 224px;
		margin: 0;
		padding: 10px 10px;
	}
	/* IE6 bug */
	* html .showBox .txt {
		width: 244px;
	}
		.showBox .txt h3 {
			margin: 0 0 5px 0;
			color: #fff;
		}
			.showBox .txt h3 a,
			.showBox .txt h3 a:link,
			.showBox .txt h3 a:visited,
			.showBox .txt h3 a:active {
				color: #fff;
				text-decoration: none;
			}
			.showBox .txt h3 a:hover {
				text-decoration: none;
			}
		.showBox .txt p {
			font-size: 11px;
			line-height: 16px;
			margin: 0;
			color: #fff;
		}
			.showBox .txt p a,
			.showBox .txt p a:link,
			.showBox .txt p a:visited,
			.showBox .txt p a:active {
				color: #fff;
				text-decoration: none;
			}
			.showBox .txt p a:hover {
				text-decoration: none;
			}
	.showBox .img {
		position: relative;
		float: left;
		display: inline;
		width: 217px;
		height: 120px;
		border-left: 1px solid #fff;
	}
	
	.hover {
		background-color: #ccc;
	}
		.hover .txt h3.hl a,
		.hover .txt p.hl a { color: #000; }
	
/* FOOTER */
#footer p {
	float: left;
	width: 100%;
	padding: 5px 0 5px 0;
	margin: 0;
	text-align: left;
	font: 9px/14px Arial, Helvetica, Verdana, sans-serif;
	color: #666;
	clear: both;
}
	#footer p a,
	#footer p a:link,
	#footer p a:visited,
	#footer p a:active {
		text-decoration: none;
		font: 9px/14px Arial, Helvetica, Verdana, sans-serif; 
		color: #666;
	}
	#footer p a:hover {
		color: #000;
	}
	
#footer p.contact {
	padding: 0 0 5px 0;
	margin: 0;
	text-align: left;
	font: 11px/14px Arial, Helvetica, Verdana, sans-serif;
	color: #666;
	clear: both;
}
	#footer p.contact strong { color: #333;	}

.footerNav {
	float: left;
	width: 950px;
	padding: 20px 0 0 20px;
	background-color: #e4e4e4;
}
	.footerNav ul {
		float: left;
		margin: 0 42px 10px 0;
		list-style-type: none;
	}
		.footerNav ul li {
			margin: 0;
		}	
			.footerNav ul li a,
			.footerNav ul li a:link,
			.footerNav ul li a:visited,
			.footerNav ul li a:active {
				font-size: 11px;
				line-height: 16px;
				color: #777;
				text-decoration: none;
			}
			.footerNav ul li a:hover {
				color: #000;
				text-decoration: none;
			}
	#footer div.footerNav p.contact {
		background-color: #fff;
	}
#footer p.contactPadding {
	padding: 5px 0 5px 20px;
	margin: 0;
	text-align: left;
	font: 11px/14px Arial, Helvetica, Verdana, sans-serif;
	color: #666;
	clear: both;
}
	#footer p.contactPadding strong { color: #333;	}

