@CHARSET "UTF-8";

*{
	margin: 0;
	padding: 0;
}

html{background: #ffffff;}
body{background: #ffffff; padding:0; margin: 0; font-size: 9pt; color:#464646; font-family:Arial, Helvetica, sans-serif;}

h1{font-size: 20pt; color:#b21920; font-family:Arial, Helvetica, sans-serif; font-weight:normal; padding: 2px 0 15px 0; margin: 0;}
h2{font-size: 16pt; color:#b21920; font-family:Arial, Helvetica, sans-serif; font-weight:normal; padding: 2px 0 0 0; margin: 0;}
h3{font-size: 14pt; color:#b21920; font-family:Arial, Helvetica, sans-serif; font-weight:normal; padding: 2px 0 0 0; margin: 0;}
h4{font-size: 12pt; color:#b21920; font-family:Arial, Helvetica, sans-serif; font-weight:normal; padding: 2px 0 0 0; margin: 0;}

a {color: #b21920; background: inherit; text-decoration: none}
a:hover {color: #b21920; background: inherit; text-decoration: underline}
a:active {color: #b21920; background: inherit; text-decoration: none}

img{
	margin: 0;
	padding: 0;
	border: 0;
}

#clearBoth{clear: both; width: 100%; height: 0; margin: 0; padding: 0;}


/* DEVELOPMENT */
/*
div{border: 1px solid red;}
*/


/* site */
#siteWrapper{
	width: 100%;	
	float: left;
}	
	/* header > bg */
	#mainHeaderBg{
		width: 100%;
		height: 587px;
		float: left;
	}
		#mainHeaderBg img.mainBg{top:0; left:0; width:100%; height:587px;}
		
	/* content middle > main border & fade */
	#mainInnerBorderFade{
		width: 100%; 
		height: 135px; 
		float: left;
		background: url('../images/mainInnerFade.png') top left repeat-x;
	}

	
	/* site inner (main holder) */
	#mainContentWrapper{
		width: 100%;
		position: absolute;		
		z-index: 1;
		top: 0;
		left: 0;
	}
		/* site inner > header */
		#topHeaderWrapper{
			width: 100%;
			height: 195px;
			background: url('../images/topFadeSide.png') top center no-repeat;
		}
			#topHeaderHolder{
				width: 1000px;
				height: 195px;
				margin: 0 auto;
				color: #ffffff;
			}
				#topHeaderLeft{
					width: 144px;
					height: 195px;
					float: left;
				}
					#topHeaderLeft img.logo{border: 0; margin: 0; padding: 0}
					
				#topHeaderRight{
					width: 856px;
					height: 195px;
					float: left;
					background: url('../images/topFade1px.png') top left repeat-x;
				}
					/* site inner > header > language & search bar */
					#topHeaderLangSearch{
						width: 856px;
						height: 25px;
						margin-top: 30px;
					}
						#topHeaderLangSearchLeft{
							width: 621px;
							height: 17px;
							padding: 4px 15px 4px 15px;
							float: left;
							text-align: right;
						}
							/* flags (language) */
							#topHeaderLangSearchLeft img.flag{vertical-align: bottom; margin-left: 20px;}
							#topHeaderLangSearchLeft a{color: #ffffff; text-decoration: none;}
							#topHeaderLangSearchLeft a:hover{color: #b21920; text-decoration: none;}
						
						#topHeaderLangSearchRight{
							width: 205px;
							height: 25px;
							float: left;
							text-align: left;
						}
							/* search holder */
							#searchFormHolder{
								width: 201px;
								height: 25px;						
								background: url('../images/searchInputBg.png') top left no-repeat;
							}
								#searchFormHolder input[type=text]{
									width: 165px;
									height: 18px;
									float: left;
									background: none;
									border: none;
									margin: 0;
									padding: 3px;
								}
								#searchFormHolder input[type=image]{
									width: 16px;
									height: 16px;
									float: left;
									margin-top: 5px;
									margin-left: 6px;
								}
			
						
					/* menu & slogan */
					#menuSloganHolder{
						width: 856px;
						height: 91px;
						margin-top: 13px;
					}
						/* main menu holder */
						#mainMenuHolder{
							width: 540px;
							height: 91px;
							float: left;
						}
							#topMenu{
								margin: 0;
								padding: 0;
							}
							#topMenu li{
								list-style: none;
								display: -moz-inline-stack;
								display: inline-block;
								vertical-align: top;
								zoom: 1;
								*display: inline;
							}
							#topMenu li a{
								color: #ffffff;
								font-size: 14pt;
								font-weight: normal;
								display: block;
								padding: 45px 20px 22px 20px;
								text-decoration: none;
								margin-bottom: 5px;
							}
							#topMenu li a:hover{
								font-size: 14pt;
								font-weight: normal;								
								text-decoration: none;
								border-bottom: 5px solid #FFCF4F;
								margin-bottom: 0;
							}
						
						/* Slogan */
						#sloganHolder{
							width: 316px;
							height: 91px;
							float: left;
							text-align: right;
						}
							#sloganHolder img.slogan{margin-top: 25px; margin-left: 30px;}
			
			
			
		/* site inner > home banner */
		#homeBanner{
			width: 1000px;
			height: 392px;
			margin: 0 auto;
		}
			#homeBanner div.round{
				width: 1000px;
				height: 10px;
				background: url('../images/contentTopRound.png') top left no-repeat;
			}
			
			#homeBanner div.content{				
				width: 980px;
				height: 382px;
				padding: 0 10px 0 10px;
				background: #ffffff;
			}
			
		/* site inner > content */
		#siteContentWrapper{
			width: 1000px;
			margin: 0 auto;
		}
			#siteContentWrapper div.round{
				width: 1000px;
				height: 10px;
				background: url('../images/contentTopRound.png') top left no-repeat;
			}
			
			#siteContentHolder{
				width: 1000px;
				float: left;
				padding-top: 10px;
				background: #ffffff;
			}
				#siteContentLeft{
					width: 250px;
					margin-top: 5px;
					float: left;
				}
					#sidebarHolder{
						width: 227px;						
						margin-left: 23px;
						padding-bottom: 40px;
					}
						/* heading */
						#sidebarHeading{
							width: 207px;
							height: 21px;
							padding: 7px 10px 7px 10px;
							background: url('../images/sideTopHeadingBg.png') top left no-repeat;
						}
							#sidebarHeading h3{color: #ffffff;}
							#sidebarHeading h3 a{color: #ffffff; text-decoration: none;}
							#sidebarHeading h3 a:hover{color: #ffffff; text-decoration: underline;}
							
							#sidebarSubHeading{
								width: 207px; 
								height: 25px; 
								padding: 4px 10px 4px 10px;
								background: url('../images/sideSubHeadingFade.png') top left repeat-x;
							} 
							#sidebarSubHeading h4{
								padding-left: 10px; 
								background: url('../images/sideSubHeadingArrow.png') center left no-repeat; 
								color: #464646; 
								font-weight: bold;
							}
							
						/* side menu */
						#sideMenu{
							width: 227px;
							padding-bottom: 20px;
							background: #f3f3f3;
							border-bottom: 5px solid #e1e1e1;
						}
							#sideMenu ul{
								width: 227px;
								padding: 0;
								margin: 0;
								marign-bottom: 20px;
							}
								#sideMenu ul li{
									width: 227px;
									list-style: none;
								}
								
									#sideMenu ul li a{
										width: 185px;
										display: block;
										background: none;
										background: url('../images/listBulSideMenu.png') center left no-repeat;
										padding: 10px 10px 10px 12px;	
										margin: 0 10px 0 10px;
										color: #464646;
										font-weight: bold;
										font-size: 12pt;
										text-decoration: none;
										border-bottom: 1px dashed #d3d3d3;
									}
									
									#sideMenu ul li a:hover{
										color: #b21920;
										background: #ebebeb url('../images/listBulSideMenuOver.png') center left no-repeat;
										text-decoration: none;
									}
									
									#sideMenu ul li ul{
										width: 179px;
										margin: 0;
										padding: 0;
									}									
										#sideMenu ul li ul li{
											width: 179px;
											margin-left: 23px;
											list-style: none;
										}
										
											#sideMenu ul li ul li a{
												width: 179px;
												padding: 7px;
												margin: 0;
												font-size: 10pt;
											}
											
											#sideMenu ul li ul li a:hover{
												width: 179px;
												padding: 7px;
												margin: 0;
												font-size: 10pt;
											}
						
						/* side news */
						#sideNewsHolder{
							width: 205px;
							padding: 10px;
							border-left: 1px solid #ececec;
							border-right: 1px solid #ececec;
							border-bottom: 1px solid #ececec;
						}
							#sideNews{
								width: 207px;
								padding: 10px 0 10px 0;
								border-bottom: 1px dashed #d5d5d5;
							}
								#sideNews span.title a{color: #b21920; font-size: 11pt; font-weight: bold; text-decoration: none;}
								#sideNews span.title a:hover{color: #b21920; font-size: 11pt; font-weight: bold; text-decoration: underline;}
								#sideNews span.date{font-size: 8pt; font-style: italic;}
								
							#sideNewsHolder img.more{margin: 10px 0 0 0;}	
							
						/* side contact */
						#sideContactInfo{
							width: 207px;
							padding: 10px;
						}		
							#sideContactInfo span.contactHeading{font-size: 12pt; font-weight: bold;}				
				
				
				#siteContentRight{
					width: 710px;
					float: left;
					padding: 2px 20px 20px 20px;
				}
					/* define main heading holder */
					#pageHeadingHolder{
						width: 100%;						
						border-bottom: 1px solid #e5e5e5;
					}
						#pageHeadingHolder h1{margin: 0; margin-top: 10px; padding: 0; text-transform: uppercase;}
						
					/* define page breadcrumb */
					#pageBreadcrumb{
						width: 100%;
						padding: 5px 0 5px 0;
						margin-bottom: 20px;
						font-size: 8pt;
					}
						#pageBreadcrumb ul.breadcrumbs{
							margin: 0; 
							padding: 0;
						}
							#pageBreadcrumb ul.breadcrumbs li{list-style: none; float: left;}
							#pageBreadcrumb ul.breadcrumbs li.sep{list-style: none; margin: 0 5px 0 5px; float: left;}
					
					/* define page text div */
					#pageText{
						width: 100%;
						line-height: 18px;
					}
						/* news list box */
						#newsSingle{
							width: 710px;
							height: 150px;
							float: left;							
						}
							#newsSingle div.newsImageHolder{
								width: 140px;
								height: 140px;
								float: left;
							}			
								#newsSingle div.newsImageHolder{width: 130px; height: 130px; padding: 5px;background: url('../images/newsImgHolder.png') top left no-repeat;}				
								#newsSingle div.newsImageHolder img.image{width: 120px; height: 120px; border: 0; margin: 0; padding: 0;}
								
							#newsSingle div.newsContent{
								width: 570px;
								height: 140px;
								float: left;
								padding: 10px 0 10px 0;								
							}
								#newsSingle div.newsContent h3 span.date{
									color: #464646; 
									font-style: italic;
									font-size: 9pt;
								}
								
							img.newsSingleImg{float: left; margin-right: 10px;}
							
						/* search list box */
						#searchSingle{
							width: 710px;
							height: 150px;
							float: left;							
						}
							
							#searchSingle div.searchContent{
								width: 710px;
								height: 140px;
								float: left;
								padding: 10px 0 10px 0;								
							}
								#searchSingle div.searchContent h3 span.searchType{
									color: #464646; 
									font-style: italic;
									font-size: 9pt;
									font-weight: bold;
								}	
								
								#pageHeadingHolder h1 span.resultsNum{color: #464646}
						
						#searchForm{
							width: 690px;
							border: 1px solid #E5E5E5;
							padding: 10px;
							margin-bottom: 15px;
						}
							#searchForm input[type=text]{
								width: 250px;
								height: 17px;
								padding: 5px;								
								color: #464646;
								background: #ffffff url('../images/1pxFadeForms.png') top left repeat-x;
								border: 1px solid #d3d3d3;								
							}
							#searchForm input[type=image]{
								vertical-align: top;
							}
							
							
						img.prodSingleImg{width: 300px; height: auto; float: left; margin-right: 10px;}
								
						div.albumHolder{
							float: left;
							word-wrap: break-word; 
							width: 160px; 
							height: 260px; 
							text-align: left;
							margin-right: 15px;
						}
						
						div.albumHolder div.albumName{width: 140px; font-size: 12pt; color: #464646; padding: 10px;}
						div.albumHolder div.albumImageHolder{width: 140px; height: 140px; padding: 10px; background: url('../images/albumImgHolder.png') top left no-repeat;}
						div.albumHolder div.albumImageHolder img{width: 140px; height: 140px}
						div.albumHolder div.albumDesc{width: 140px; padding: 5px 10px 5px 10px; font-style: italic;}
						
						div.imagesWrapper div.imageHolder{float: left; margin: 15px 15px 0 0; width: 140px; height: 140px; padding: 10px; background: url('../images/albumImgHolder.png') top left no-repeat;}
						div.imagesWrapper div.imageHolder img{width: 140px; height: 140px}
						
						div.albumName{
							font-weight: bold; 
							color: #173C8D; 
							font-size: 11pt;
						}		
					
					/* content > file download */
					#fileListHolder{
						width: 100%;
						float: left;
						margin-top: 30px;
						clear: both;
					}
					#fileListSingle{
						border-bottom: 1px solid #EBEBEC;
						padding: 5px 0 5px 0;
						margin: 5px 0 5px 0;
					}
					
					/* content > products listing */
					#productsListing{
						width: 100%;
						float: left;
						margin: 20px 0 20px 0;
					}
						#productHolder{
							width: 226px;
							height: 250px;
							float: left;
							margin-bottom: 20px;
						}
						#productHolderSep{width: 15px; height: 250px; float: left;}
						
							#productHolder div.imageHolder{
								width: 210px;
								height: 142px;
								padding: 8px;
								background: url('../images/productImgHolder.png') top left no-repeat;
							}
								#productHolder div.imageHolder img.prodMark{position: absolute; margin-left: -13px; margin-top: -13px;}
							
							#productHolder div.contentHolder{padding: 8px;}
							
							#productHolder div.contentHolder span.title{font-size: 10pt; font-weight: bold;}
							#productHolder div.contentHolder span.title a{color: #464646; text-decoration: none;}
							#productHolder div.contentHolder span.title a:hover{color: #b21920; text-decoration: none;}
					
					
					/* page paginatioin */
					#pagePaginationHolder{
						width: 710px;
						padding: 30px 0 20px 0;
						float: left;
						font-size: 11pt;
						background: url('../images/pagiBigShadow.png') top center no-repeat;
					}
						#pagePagination{
							text-align: center;
						}
						#pagePagination a{color: #464646; text-decoration: none;}
						
						
							#pagePagination span.prev{margin-right: 20px;}
							#pagePagination span.prev a:hover{color: #b21920; text-decoration: none; background: none;}
							
							#pagePagination a{padding: 5px; margin: 0 3px 0 3px;}
							#pagePagination a:hover{background: #ebebeb}
							
							#pagePagination a.active{color: #ffffff; background: #b21920;}
							#pagePagination a.active:hover{color: #ffffff; background: #b21920;}
							
							#pagePagination span.next{margin-left: 20px;}
							#pagePagination span.next a:hover{color: #b21920; text-decoration: none; background: none;}
					
					
		/* site inner > home news bar */
		#homeNewsBar{
			width: 100%;
			height: 40px;
			background: url('../images/newsBarFade.png') top left repeat-x;
		}
			#homeNewsHolder{
				width: 980px;
				height: 40px;
				margin: 0 auto;
				padding: 0 10px 0 10px;
			}
				#homeNewsHolder div.heading{
					width: 100px;
					height: 28px;
					float: left;
					font-size: 14pt;
					color: #ffffff;
					padding-top: 12px;
				}
					#homeNewsHolder div.heading a{color: #ffffff; text-decoration: none; background: none;}
					#homeNewsHolder div.heading a:hover{color: #b21920; text-decoration: none; background: none;}
				
				#homeNewsHolder div.newsList{
					width: 860px;
					height: 28px;
					float: left;
					padding-top: 12px;
					color: #ffffff;					
				}
					#homeNewsHolder div.newsList span.date{float: left; font-weight: bold; margin-right: 10px;}
					#homeNewsHolder div.newsList a{float: left; color: #c1c1c1; text-decoration: none; margin-right: 25px;}
					#homeNewsHolder div.newsList a:hover{color: #ffffff; text-decoration: none}
					
					#homeNewsHolder div.newsList a.prev{display: block; width: 15px; height: 15px; float: left; background: url('../images/newsArrPrev.png') top left no-repeat;}
					#homeNewsHolder div.newsList a.prev:hover{display: block; width: 15px; height: 15px; background: url('../images/newsArrPrevOver.png') top left no-repeat;}
					
					#homeNewsHolder div.newsList a.next{display: block; width: 15px; height: 15px; float: left; background: url('../images/newsArrNext.png') top left no-repeat;}
					#homeNewsHolder div.newsList a.next:hover{display: block; width: 15px; height: 15px; background: url('../images/newsArrNextOver.png') top left no-repeat;}
					
		#homeNewsBarShadow{
			width: 100%;
			height: 24px;
			background: url('../images/newsShadow.jpg') top center no-repeat;
		}
		
		/* site inner > home main content */
		#homeMainContentHolder{
			width: 1000px;
			margin: 0 auto;
		}
			#homeMainContentLeft{
				width: 665px;
				float: left;
				padding: 0 10px 0 10px;
				line-height: 18px;
			}
				/* certificates */
				#certHolder{
					width: 665px;
					float: left;
					margin-top: 20px;
					margin-bottom: 20px;
					line-height: normal;
				}
					#certHolder img{float: left; margin-right: 5px;}
					
					#certLeft{
						width: 332px;
						float: left;
					}
					#certRight{
						width: 332px;
						float: left;
					}
				
				
			#homeMainContentRight{
				width: 295px;
				float: left;
				padding: 30px 10px 40px 10px;
				line-height: 18px;
			}
			#homeMainContentRight img{float: right; margin-left: 5px;}
			#homeMainContentRight span.contactHeading{font-size: 14pt; font-weight: bold;}
			
		/* site inner > home sections */
		#homeSectionsHolder{
			width: 1000px;
			height: 156px;
			float: left;
		}
			#homeSection{
				width: 225px;
				height: 111px;
				float: left;
				padding: 25px 10px 20px 15px;
				background: url('../images/homeSectionBg.png') top left no-repeat;
			}
				#homeSection h4{
					color: #464646; 
					font-weight: bold; 
					font-size: 9pt; 
					text-transform: uppercase;
					margin-bottom: 5px;
				}
					#homeSection h4 img{vertical-align: middle; margin-right: 5px;}
					#homeSection h4 a{color: #464646; text-decoration: none}
					#homeSection h4 a:hover{color: #464646; text-decoration: underline}
		
		/* site > footer */
		#footerWrapper{
			width: 100%;
			height: 181px;
			float: left;
			background: url('../images/footerMainFade.png') top left repeat-x;
		}
			#footerHolder{
				width: 1000px;
				height: 181px;
				margin: 0 auto;
			}
				/* site > footer > content */
				#footerContent{
					width: 980px;
					height: 140px;
					float: left;
					margin: 10px;
				}
					#footerContentHeadingLine{
						width: 980px;
						height: 30px;
						float: left;
						border-bottom: 1px solid #373737;
					}
						#footerContentHeadingLine div h3 img{vertical-align: middle; margin-right: 5px;}
						
						#footerContentHeadingLine div.first{width: 270px; height: 30px; float: left; margin-right: 30px;}
						#footerContentHeadingLine div.other{width: 150px; height: 30px; float: left; margin-left: 20px;}
						
						#footerContentHeadingLine div.first h3{font-size: 11pt; font-weight: bold; color: #ffffff;}
						#footerContentHeadingLine div.other h3{font-size: 11pt; color: #ffffff; padding-top: 7px;}
						
					#footerContentLine{
						width: 980px;
						height: 110px;
						float: left;
					}						
						#footerContentLine div.first{width: 270px; height: 110px; float: left; margin-right: 30px; color: #737373}
						#footerContentLine div.other{width: 150px; height: 110px; float: left; margin-left: 20px;}
							
							#footerContentLine div.other ul{margin: 10px 0 10px 0; padding: 0;}
							#footerContentLine div.other ul li{margin-left: 15px; padding: 2px 0 2px 0; list-style-image: url('../images/listBul.png');}
							#footerContentLine div.other ul li a{color: #737373; text-decoration: none;}
							#footerContentLine div.other ul li a:hover{color: #b21920; text-decoration: none;}
						
						#footerContentLine div.first h3{font-size: 11pt; font-weight: bold; color: #ffffff;}
						#footerContentLine div.other h3{font-size: 11pt; color: #ffffff; padding-top: 7px;}

							/* newsletter */
							#newsLetterForm{float: left; margin: 10px 0 10px 0;}
							#newsLetterForm div.input{width: 181px; height: 24px; float: left; background: url('../images/formNewsletterInput.png') top left no-repeat;}
							#newsLetterForm div.input input[type=text]{width: 175px; height: 19px; padding: 3px; background: none; border: none;}
							#newsLetterForm div.submit{width: 70px; height: 24px; float: left; margin-left: 10px;}
							
				/* copyright */
				#footerCopyright{
					width: 980px;
					margin: 0 10px 0 10px;
					color: #737373;
					font-size: 8pt;
				}
					#footerCopyright a{color: #ffffff; text-decoration: none;}
					#footerCopyright a:hover{color: #b21920; text-decoration: none;}