/*
	browserswitch {
		ie6:	#main { height: 0.1em
			#context-panel { height: 0,1em
		others	#main { [noheight]
			#context-panel { [noheight]
	}
*/

body {
	padding: 0px;
	margin: 0px;
}

/* ----- class ----- */

.banner {
	margin: 1em auto;
	text-align: center;
}
.banner img {
	border: 0;
}

.clear {
	clear: both;
}

.contact-entity {
	padding: 10px;
	margin: 20px 0;
}
	.contact-entity .contact-company-name,
	.contact-entity .contact-address,
	.contact-entity .contact-phone,
	.contact-entity .contact-fax,
	.contact-entity .contact-email,
	.contact-entity .contact-www
	{
		display: block;
	}

dl.product-list {
	clear: right;
	margin: 40px 20px;
}

.news-item {
	float: left;
	padding: 0;
	margin: 20px 0;
}

#ie-lte7 .news-item {
	zoom: 1;
}

#ie-lte6 .news-item {
	display: inline-block;
}

.news-item:after {
	content: ".";

	display: block;
	height: 0;
	clear: both;
	overflow: hidden;

	color: #f9f9f9;
}
	.news-item-metainfo {
		position: relative;
		top: -1px;
		right: -1px;

		float: right;

		padding: 4px;
	}
		.news-item-metainfo div {
		}
	.news-item h2 {
		margin: 6px;
	}
	.news-item p {
		margin: 0;
		padding: 4px;
	}
	.news-item input,
	 .news-item select,
	  .news-item textarea {
		margin: 6px;

		font-size: 0.9em;
	}
	.news-item p.read-more {
		clear: both;
		float: right;
		margin: 0 10px 4px 0;
	}

.noCSS {
	position: absolute;
	left: 0px;
	top: -9999px;

	overflow: hidden;
}

.video-group {
	clear: both;

	text-align: center;
}
	.video-group h2 {
		clear: both;
	}

	.video-item {
		float: left;

		margin: 5px 0;
	}
	.video-item p {
		width: 160px;

		margin-top: 0px;
		padding-top: 8px;

		text-align: left;
	}
	.video-item h3 {
		margin: 0 0 6px 0;

		color: #444;
	}
	.video-item img {
		border: 1px solid #000;
	}
	.video-item a {
		display: block;
		width: 168px;

		padding: 4px;

		text-decoration: none;
	}
	.video-item a:hover {
		background-color: #f0d6d0;
	}


/* -----  id   ----- */

#company-info {
	clear: both;
/*	padding: 4px; */
}
	#company-info .company-name {
/*		margin-left: 30px; */
	}

#context-panel {
	float: right;
	width: 180px;
	height: 0.1em;

	margin: 20px 8px 10px 12px;
}

#ie-lte6 #context-panel {
	display: inline; /* fixes ie6 'double-margin on float' bug */
}

	#context-panel h3 {
		margin: 0px 0 0 0;
		padding: 4px;
	}

	#context-panel div {
		margin: 0px 0 0 0;
		padding: 4px;
	}

#footer {
	clear: both;

	padding-bottom: 10px;

	text-align: center;
}

	/* total thumbs-div width:	159px img+img-border+div-border x 3
	 *				 36px .image-margin x6
	 *				-----
	 *				195px
	 *				 4px margin (r:8 + l:12)
	 *				-----
	 *				199px
	 */
#gallery-images {
	display: inline; /* fixes ie6 'double-margin on float' bug */
	clear: right;
	float: right;
	height: 0.1em;

	margin: 20px 2px;
/*	background-color: #ddd; */
}

#ie-lte6 #gallery-images {
	display: inline; /* fixes ie6 'double-margin on float' bug */
}
	#gallery-images .image {
		display: inline; /* fixes ie6 'double-margin on float' bug */
		float: left;

		margin: 6px;
	}

#main {
	margin:0 200px 0 190px;
	padding: 10px 10px 20px 10px;
}
#ie-lte7 #main {
	zoom: 1;
}

#ie-lte6 #main {
	height: 0.1em;
}

	#main table {
		padding: 2px;
		border-collapse: collapse;
	}

	#main th, #main td {
		margin: 2px;
		padding: 4px;
		border: 1px solid #aaa;
	}
	#main th {
		text-align: left;
	}

#margin {
	clear: both;
	width: 100%;
	height: 1.5em;
	min-height: 23px;

	padding: 0px;
	padding-bottom: 10px;
	margin-top: -1px;
}

#nav-main {
	margin: 1px 0px 0px 0px;
	height: 1.5em;
	min-height: 23px;
}

	#nav-main ul {
		margin: 0 20px;
		padding: 0px;
		z-index: 1000;
	}

		#nav-main li ul {
			display: none;
			position: absolute;
			top: 2.1em;
			left: 0px;
		}

		#ie-lte7 #nav-main li ul {
			top: 2em;
		}

		#ie-lte6 #nav-main li ul {
			top: 2.1em;
		}

		#nav-main li:hover ul,
		#nav-main li.hover ul {
			display: block;
		}

	#nav-main li {
		position: relative;
		float: left;
		width: 8em;
		z-index: 1000;
	}

	#ie-lte6 #nav-main li {
		width: auto;
	}

	#nav-main li.last {
		width: 11.5em;
	}
		#nav-main li li {
			clear: left;
			display: block;
			width: 9.5em;
		}

		#nav-main li li.last {
			width: 9.5em;
		}

	#nav-main a,
	#nav-main span
	{
		display: block;
		float: left;
		width: 8em;
		padding: 3px 0;
		z-index: 1000;
	}

		#nav-main li.last a,
		#nav-main li.last span
		{
			width: 11.5em;
		}

		#nav-main li li.last a,
		#nav-main li li.last span
		{
			width: 9.5em;
		}

		#nav-main li li a,
		#nav-main li li span
		{
			width: 9.5em;
		}

		#nav-main a span,
		#nav-main span span
		{
			display: inline;
			float: none;
			width: auto;
			padding: 0 1em;
		}

#nav-search {
	margin: 0px 20px;
	padding-bottom: 1px;
}
	#nav-search input {
		margin: 0px 4px 0px 0px;
	}

#nav-supplement {
	float: left;
	clear: both;
	width: 150px;

	margin: 0;
	padding-left: 14px;
}
	#nav-supplement ul {
		width: 130px;
		padding-right: 20px;
	}

form#sitesearch {
	display: inline;
}

#views {
	clear: left;
	float: left;
	width: 180px;

	margin: 0;
	padding: 20px 0 20px 0;
}
	#views .image {
		width: 100%;

		margin: 0;
		padding: 0;

		text-align: center;
	}
		#views .image img {
/*			float: right; */

			margin: 0;
			padding: 0;
		}
	#views .image-caption {
		height: 1em;

		padding: 4px 10px 20px 10px;
	}


