@import url('form.css');

html {
	
}

body {
	background: #000;
	text-align: center; /* IE */
	
	font-family: arial;
	font-size: 12px;
	color: #000;
}

a {
	color: #E00324;
	text-decoration: underline;
}

	a:hover {
		color: #000;
	}

p {
	margin: 0px;
	padding: 0px 0px 18px 0px;
	
	line-height: 150%;
}

	div#main ul,
	div#main p {
		color: #434343;
	}
	
		div#main div#left ul,
		div#main div#left h2,
		div#main div#left p {
			color: #727272;
		}

h1 {
	font-size: 22px;
	font-weight: normal;
	color: #000;
	margin: 0px;
	padding: 0px 0px 18px 0px;
	line-height: 28px;
}

h2 {
	font-size: 14px;
	font-weight: bold;
	color: #000;
	margin: 0px;
	padding: 0px;
	line-height: 150%;
}

img {
	border: 0px;
}

div#container {
	width: 1250px;
	margin: 0px auto 0px auto;
	padding: 20px 0px 0px 0px;
	text-align: left;
	background: #fff url(../images/background-top.gif) no-repeat top left;
}

div#footer {
	width: 1250px;
	margin: 0px auto 0px auto;
	padding: 20px 0px 20px 0px;
	background: #000 url(../images/background-bottom.gif) no-repeat top left;
}

	div#footer p {
		margin: 0px;
		padding: 0px;
		color: #5a5a5a;
		font-size: 11px;
	}
	
		div#footer a {
			color: #5a5a5a;
			text-decoration: underline;
		}
	
div#top {
	width: 1250px;
}
	
	div#top div#logo {
		width: 207px;
		float: left;
	}
	
		div#top div#logo a {
			display: block;
			margin: 0px 0px 0px 20px;
			padding: 0px;
			background: url(../images/logo.gif) no-repeat;
			width: 130px;
			height: 41px;
		}
		
			div#top div#logo a span {
				display: none;
			}
	
	div#top div#menu {
		width: 841px;
		float: left;
	}
	
		div#menu ul {
			margin: 4px 0px 0px 0px;
			padding: 0px;
			list-style: none;
			width: 841px;
			height: 29px;
		
			background: url(../images/background-menu.gif) no-repeat;
		}
		
			div#menu ul li {
				float: left;
				margin: 0px;
				padding: 6px 10px 0px 15px;
				font-size: 13px;
				background: none;
				position: relative;
			}
			
				/* hover */
					div#menu ul li.hover {
						padding: 5px 0px 4px 7px;
					}
					
						div#menu ul li.hover a {
							background: url(../images/background-menu-hover.gif) repeat-x left top;
							padding: 0px;
							display: block;
						}
						
							div#menu ul li.hover a span {
								display: block;
								padding: 1px 10px 5px 16px;
								background: url(../images/background-menu-hover-right.gif) no-repeat right top;
							}					
				
				/* has childs */
				div#menu ul li.hasChilds {
					padding: 6px 10px 0px 15px;
				}
				
					div#menu ul li.hasChilds a {
						background: url(../images/arrow-menu.gif) no-repeat 0px 5px;
						padding: 0px 0px 0px 8px;
					}
			
				div#menu ul li a {
					color: #000;
					text-decoration: none;
					background: none;
				}
				
					div#menu ul li.hover a,
					div#menu ul li.active a,
					div#menu ul li a:hover {
						color: #e00324;
					}
					
						/* dropdown */
						div#menu ul ul {
							display: none;	
						}
						
						div#menu ul li.hover ul {
							position: absolute;
							left: 7px;
							top: 22px;
							width: 205px;
							z-index: 99;
							background: url(../images/background-menu-dropdown.gif) no-repeat bottom;
							height: auto;
							padding: 8px 0px 8px 0px;
							display: block;
						}
						
						div#menu ul ul li {
							float: none;
							margin: 0px;
							padding: 4px 0px 4px 16px;
							font-size: 11px;
						}
						
							div#menu ul li.hover ul li a,
							div#menu ul li.hasChilds ul li a,
							div#menu ul ul li a {
								color: #6f6f6f;
								text-decoration: none;
								background: none;
								padding: 0px;
							}
							
								div#menu ul li.hover ul li a:hover,
								div#menu ul li.hasChilds ul li a:hover,
								div#menu ul ul li a:hover {
									color: #000;
									text-decoration: underline;
								}
	
	div#top div#search {
		width: 194px;
		float: left;
		padding: 4px 0px 0px 0px;
	}
	
		div#top div#search fieldset {
			margin: 0px;
			padding: 0px;
			border: 0px;
			width: 194px;
			height: 29px;
			background: url(../images/background-search.gif) no-repeat;
		}
		
			div#top div#search fieldset input.inputSearch {
				background: none;
				margin: 2px 0px 0px 10px;
				padding: 4px;
				border: 0px;
				font-size: 12px;
				width: 152px;
			}
			
				div#top div#search fieldset input.inputSearch:focus {
					outline: none;
				}
			
			div#top div#search fieldset input.inputSearchButton {
				margin: 6px 0px 0px 0px;
			}
			
div#main {
	width: 1250px;
}
	
	div#main div#left {
		width: 210px;
		float: left;
	}
	
		div#main div#left div.space {
			padding: 20px 20px 10px 20px;
		}
		
		body.product div#main div#left div.space {
			padding: 5px 20px 10px 20px;
		}		
		
		div#main div#left h2 {
			padding: 0px 0px 18px 0px;
		}		
	
		div#main div#left ul {
			margin: 0px;
			padding: 0px;
			list-style: none;
			line-height: 18px;
		}
		
			div#main div#left ul li {
				margin: 0px;
				padding: 3px 0px 3px 0px;
			}
			
				div#main div#left ul li.productMenu a {
					padding: 0px;
					display: block;
					color: #000;
					background: url(../images/button-background.gif) no-repeat 0px 0px;
					text-decoration: none;
				}
				
					div#main div#left ul li.productMenu a span {
						background: url(../images/button-background-right.gif) no-repeat 100% 0px;
						display: block;
						padding: 0px 5px 0px 5px;
						font-size: 12px;
						line-height: 24px;	
						height: 24px;
						cursor: pointer;					
					}
				
					div#main div#left ul li.active a,
					div#main div#left ul li.productMenu a:hover {
						color: #E00324;
					}
	
	div#main div#content {
		width: 525px;
		float: left;
	}
	
	div#main div#content-full {
		width: 1250px;
	}	
	
		div#main div#content-full div.space {
			padding: 10px 0px 0px 10px;
		}
		
		div#main div#content div.space {
			padding: 20px 20px 10px 10px;
		}	
		
	div#main div#content-home {
		width: 1250px;
	}
	
		div#main div#content-home p {
			margin: 0px;
			padding: 0px;
		}
	
		div#main div#content-home div.space {
			padding: 5px 10px 10px 10px;	
		}
	
	div#main div#image {
		width: 505px;
		float: left;
		padding: 66px 0px 20px 0px;
	}
	
div#bottom {
	margin: 0px 10px 0px 10px;
	padding: 0px;
	background: url(../images/background-footer.gif) no-repeat;
	text-align: center;
	height: 31px;
}

	div#bottom img {
		margin: 0px 0px 0px 0px;
	}
	
div#main div#content ul {
	margin: 0px;
	padding: 0px 0px 18px 0px;
	list-style: none;
}

		div#main div#content ul.overview {
			list-style: square;
			padding: 0px 0px 18px 25px;
		}
		
			div#main div#content ul.overview li a {
				color: #000;
			}

				div#main div#content ul.overview li a:hover {
					text-decoration: none;
				}

	div#main div#content ul li a.button {
		width: 212px;
		margin: 0px 10px 10px 0px;
	}
	
	div#main div#content ul li {
		float: left;
	}	
	
/*
 * PRODUCT
*/
div#main div#content div.products {
	
}
	
	div#main div#content div.products div.top {
		width: 1029px;
	}
	
	body.product div#main div#content {
		width: 1030px;
	}
	
		div#main div#content div.products div.top div.image {
			float: left;
			width: 220px;
			text-align: center;
		}
		
		div#main div#content div.products div.top div.bar {
			float: left;
			width: 809px;
		}
		
			div#main div#content div.products div.top div.bar div.icons {
				margin: 10px 0px 0px 0px;
				padding: 0px 0px 10px 0px;
			}
			
				div#main div#content div.products div.top div.bar div.icons div.video,
				div#main div#content div.products div.top div.bar div.icons div.pdf {
					float: left;
					padding: 2px 20px 2px 22px;
				}	
				
					div#main div#content div.products div.top div.bar div.icons div.pdf a,
					div#main div#content div.products div.top div.bar div.icons div.video a {
						line-height: 12px;
					}
				
					div#main div#content div.products div.top div.bar div.icons div.video {
						background: url(../images/icon-video.gif) no-repeat 1px 0px;
					}	
					
					div#main div#content div.products div.top div.bar div.icons div.pdf {
						background: url(../images/icon-pdf.gif) no-repeat 0px 0px;
					}
		
			div#main div#content div.products div.top div.bar ul {
				margin: 0px;
				padding: 20px 0px 0px 0px;
				list-style: none;
			}
			
				div#main div#content div.products div.top div.bar ul li {
					width: 190px;
					margin: 0px 10px 10px 0px;
					padding: 0px 0px 0px 0px;
					float: left;
				}

						* html div#main div#content div.products div.top div.bar ul li {
							
						}
				
						*:first-child+html div#main div#content div.products div.top div.bar ul li,
						* html div#main div#content div.products div.top div.bar ul li {
							margin: 0px 10px -10px 0px;
						}
				
					div#main div#content div.products div.top div.bar ul li a {
						display: block;
						padding: 0px 0px 0px 0px;
						margin: 0px;
						background: url(../images/button-background.gif) no-repeat 0px 0px;
						color: #000;
						text-decoration: none;
					}
					
						div#main div#content div.products div.top div.bar ul li a span {
							display: block;
							padding: 0px 5px 0px 5px;
							font-size: 12px;
							line-height: 24px;	
							height: 24px;
							margin: 0px;
							background: url(../images/button-background-right.gif) no-repeat 100% 0px;	
							cursor: pointer;				
						}
						
					div#main div#content a.button {
						display: block;
						padding: 0px 0px 0px 0px;
						margin: 0px;
						background: url(../images/button-background.gif) no-repeat 0px 0px;
						color: #000;
						text-decoration: none;
						width: 190px;
					}
					
							div#main div#content a.button-full {
								width: 440px;
								overflow: hidden;
								margin: 0px 0px 4px 0px;
							}
					
						div#main div#content a.button span {
							display: block;
							padding: 0px 5px 0px 5px;
							font-size: 12px;
							line-height: 24px;	
							height: 24px;
							margin: 0px;
							background: url(../images/button-background-right.gif) no-repeat 100% 0px;	
							cursor: pointer;				
						}	
						
							div#main div#content a.button:hover {
								color: #E00324;
							}					
						
						div#main div#content div.products div.top div.bar ul li a:hover {
							color: #E00324;
						}
		
		/* 505px */
	
	div#main div#content div.overflowBackground {
		height: 368px;
		padding: 10px 0px 0px 0px;
		background: url(../images/overflow.gif) no-repeat;
	}
	
		div#main div#content div.overflow {
			height: 358px;
			margin: 0px 10px 10px 10px;
			overflow: auto;
		}
		
	body.product div#main div#content div.space {
		padding: 20px 0px 10px 10px;
	}	
		
	div#main div#content div.products div.info {
		margin: 0px 10px 10px 10px;
		height: 358px;
		overflow: auto;
	}
	
		div#main div#content div.products div.infoBackground {
			height: 368px;
			padding: 10px 0px 0px 0px;
			width: 495px;
			margin: 30px 0px 0px 0px;
			background: url(../images/overflow.gif) no-repeat;
			float: left;			
		}
	
	div#main div#content div.products div.productRightImage {
		width: 505px;
		float: right;
		padding: 30px 0px 10px 0px;
	}
	
	div#main div#content div.products div.specs {
		background: url(../images/specs.gif) repeat-y top left;
		font-size: 11px;
	}
	
		div#main div#content div.products div.specs div.space {
			padding: 10px;
			background: url(../images/specs-bottom.gif) no-repeat bottom left;
		}
	
	div#main div#content div.products div.product-pics {
		float: right;
		width: 505px;
		text-align: left;
	}	
	
		div#main div#content div.products div.product-pics div.picture {
			width: 139px;
			height: 129px;
			border: 1px solid #ddd;
			float: left;
			margin: 0px 10px 0px 0px;
			text-align: center;
			position: relative;
		}
		
			div#main div#content div.products div.product-pics div.picture img {
				margin: 10px 0 0px 0;
			}
		
	div#main div#content div.products div.large {
		
	}
	
body.product div#main div#image {
	padding: 0px;	
	width: 0px;
}

/* home */

div.homeMessage {
	width: 305px;
	float: left;
	height: 288px;
	background: #ddd;
	margin: 10px 10px 0px 0px;
	padding: 0px;
}

	div.homeMessage div.homeMessageSpace {
		padding: 10px;
	}

	div.homeMessage h1 {
		font-size: 18px;
		line-height: 18px;
		margin: 0px;
		padding: 0px 0px 5px 0px;
	}
	
		div.homeMessage h1 a {
			text-decoration: none;	
		}	
	
		div.homeMessage1 {
			background: url(../uploads/home/1.jpg) no-repeat;
			width: 295px;
		}
		
		div.homeMessage2 {
			background: url(../uploads/home/2.jpg) no-repeat;
		}
		
		div.homeMessage3 {
			background: url(../uploads/home/3.jpg) no-repeat;
		}	
		
		div.homeMessage4 {
			background: url(../uploads/home/4.jpg) no-repeat;
			width: 295px;
			margin: 10px 0px 0px 0px;
		}			

div.homeBanner {
	width: 305px;
	float: left;
	margin: 10px 10px 0px 0px;
	padding: 0px;
}
	div.homeBanner5,
	div.homeBanner1 {
		width: 295px;
	}

	div.homeBanner8,
	div.homeBanner4 {
		width: 295px;
		margin: 10px 0px 0px 0px;
	}
		
div#main p.date {
	color: #888;
	font-style: italic;
}	

/* search */
div.searchResultsResult {
	padding: 18px 0px 0px 0px;
}

	div.searchResultsResult div.searchResultsUrl {
		color: #999;
	}
	
		div.searchResultsResult div.searchResultsUrl a {
			color: #999;
			text-decoration: none;
		}
	
	div.searchResultsResult span.highlight {
		font-weight: bold;
	}	
	
/* downloads */
div#main span#downloads ul {
	padding: 0px 0px 20px 0px;
	margin: 0px;
	list-style: none;
}

	div#main span#downloads ul ul {
		padding: 0px 0px 10px 0px;
		display: none;
		list-style: none;
		text-decoration: none;
	}

	div#main span#downloads ul li {
		color: #E00324;
		text-decoration: underline;	
		padding: 0px;
		margin: 0px;
		cursor: pointer;	
		float: none;
	}

	div#main span#downloads ul li ul li {
		color: #434343;
		text-decoration: none !important;
		cursor: default;
		
		padding: 2px 0px 2px 25px;
		
		background: url(../images/pdf.gif) no-repeat 6px 2px;
	}
	
div#main p.error {
	color: red;
}

div.addresses {
	
}

	div.addresses div.address {
		padding: 0px 0px 10px 0px;
	}
	
		div.addresses div.address img {
			float: left;
			width: 155px;
			margin: 0px 10px 0px 0px;
		}
		
		div.addresses div.address div.description {
			width: 210px;
			float: left;
			padding: 10px 0px 0px 0px;
		}
		
			div.addresses div.address div.description h3 {
				margin: 0px;
				padding: 0px 0px 4px 0px;
				font-size: 12px;
				font-weight: bold;
			}
			
			div.addresses div.address div.description p {
				margin: 0px;
				padding: 0px;
			}
		
		div.addresses div.address div.website {
			float: right;
			padding: 30px 20px 0px 0px;
		}
		
/* homepage header */
div.carousel {
	height: 388px;
	width: 1229px;
	background: url(../images/home2/header-background.gif) no-repeat;
	position: relative;
}

	div.carousel ul {
		list-style: none;
		margin: 0px;
		padding: 7px 0px 0px 0px;
		z-index: 5;
		position: absolute;
	}
	
		div.carousel ul li {
			margin: 0px 0px 7px 0px;
			padding: 0px;
			width: 1229px;
			height: 374px;
			position: relative;
			float: left;
		}
		
			div.carousel ul li img {
				width: 1229px;
				height: 374px;
				display: block;
				z-index: 5;
			}
			
			div.carousel ul li div.text {
				position: absolute;
				width: 595px;
				height: 265px;
				left: 555px;
				top: 90px;
			}
			
				div.carousel ul li div.text h2 {
					font-size: 42px;
					color: #E00324;
					font-weight: normal;
					margin: 0px;
					padding: 0px;
					font-family: 'Molengo', 'Myriad Pro', 'Myriad', arial, sans-serif;
					cursor: pointer;
				}
				
					div.carousel ul li div.text h2 span {
						color: #fff;
					}
				
				div#main div.carousel ul li a {
					text-decoration: none;
				}
				
				div#main div.carousel ul li div.text p {
					margin: 0px;
					padding: 0px;
					font-size: 28px;
					font-weight: normal;
					color: #b8b8b8;
					font-family: 'Molengo', 'Myriad Pro', 'Myriad', arial, sans-serif;
					line-height: 36px;
					cursor: pointer;
				}
				
				div#main div.carousel span.carousel-previous {
					position: absolute;
					left: 0px;
					top: 0px;
					color: #fff;
					z-index: 11;
					font-size: 0px;
					width: 120px;
					height: 388px;
					background: url(../images/nav-prev.png) no-repeat;
					cursor: pointer;
				}

				div#main div.carousel span.carousel-next {
					position: absolute;
					right: 0px;
					top: 0px;
					color: #fff;
					z-index: 11;
					font-size: 0px;
					width: 120px;
					height: 388px;
					background: url(../images/nav-next.png) no-repeat;	
					cursor: pointer;		
				}	

					div#main div.carousel span.carousel-control.disabled {
						opacity: .25;
						-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
						filter: alpha(opacity=25);
					}

				div.carousel div.carousel-pagination {
					position: absolute;
					left: 0px;
					bottom: 20px;
					z-index: 99;
					height: 20px;
					display: block;
					width: 1229px;
				}

					div#main div#content-home div.carousel div.carousel-pagination p {
						margin: 0px auto 0px auto;
						padding: 0px;
						width: 200px;
					}

						div#main div.carousel div.carousel-pagination p a {
							background: url(../images/pager.png) 3px 3px no-repeat;
							width: 19px;
							height: 14px;
							cursor: pointer;
							display: block;
							float: left;
						}

							div#main div.carousel div.carousel-pagination p a.active {
								background: url(../images/pager-active.png) 3px 3px no-repeat;
							}

							div#main div.carousel div.carousel-pagination p a span {
								display: none;
							}