@charset "utf-8";



.clear{clear:both}



/* CSS Document */



*{ margin: 0px; padding: 0px;}

body{ text-align: center; font-family:Arial, Helvetica, sans-serif;}

.clear{ clear: both; font-size: 1px;}



/* Header Styles */



.header{ width: 859px; margin: auto; text-align:left;}

.header-top{ background:url(../images/header-bg.jpg) top right repeat-y; height:221px; text-align: left;}

.header-top #logo a{ text-indent: -9999px; background: #FFFFFF url(../images/logo.gif) no-repeat; display: block; width: 160px; height: 121px;}

.header-top img{ position: absolute;}

/* .header-bottom{ background:url(../images/img-background.jpg) no-repeat; height: 157px;} */

#latestnews{ background:url(../images/latestnews-background.jpg) top left repeat-x ; height: 27px;}

#latestnews p{ padding: 5px 0px 0px 10px; margin:0px;}
.headertext .int a{ color:#003366; }

.headertext .int a{ color:#003366; }



/* Content Styles */



.content{ width:859px; margin: auto; text-align: left; background:url(../images/content-bg.jpg) repeat-y top left;}



/* Main Content Styles */



.text{ float: right; width: 620px;}

h1{ font-size: 70%; font-weight: normal; margin: 10px 0px 10px 0px; color:#003366;}

h2{ font-size: 125%; font-weight: normal; margin: 10px 0px 10px 0px; color:#003366;}

h3{ font-size: 120%; font-weight: normal; color:#003366; margin: 10px 0px 10px 0px;}

h4{ font-size: 90%; font-weight: bold; color:#003366; margin: 10px 0px 10px 0px;}

p{ font-size: 75%; color:#003366; line-height: 140%; margin-bottom: 10px;}

ul{ margin: 15px 0px 15px 0px; color:#003366;}

.leftimg{ float: left; margin: 0px 10px 0px 0px;}

.rightimg{ float: right; margin: 0px 0px 0px 10px;}

.text ul{ margin-left: 20px; font-size: 75%;}

.text ul ul{ font-size: 100%; margin-top: 3px;}

.text li{ margin-bottom: 3px;}

.text a:link{ color:#0066CC;}

.text a:visited{ color:#0066cc;}

.text a:hover{ color:#003366; text-decoration:none;}

.text a:active{ color:#0066CC;}

.divider{ background:url(../images/crumb-corner.jpg) top left no-repeat; width: 23px; height:35px; float: right;}



/* Breadcrumb Content Styles */



.breadcrumb{ height: 35px; background: #f7fcff url(../images/crumb-shadow.jpg) top left repeat-x; font-size: 75%; font-weight: bold;}

.breadcrumb ul{ padding-top: 12px; list-style: none; margin: 0px;}

.breadcrumb li{ background:url(../images/breadcrumb-arrow.jpg) no-repeat left center; padding-left: 15px; display: inline; margin-left: 10px;}

.breadcrumb a:link{ color:#003366; text-decoration: none;}

.breadcrumb a:visited{ color:#003366; text-decoration: none;}

.breadcrumb a:hover{ color:#003366; text-decoration: underline;}

.breadcrumb a:active{ color:#003366; text-decoration: none;}



/* Home Page Boxes Content Styles */



.spacer{ width: 45px; height: 15px; float: left;}

.height{ width: 45px; height: 15px; clear: both;}

.home-page-box{ float: left; width: 285px; background: #d9f0ff; font-size: 95%; height: 175px; overflow:inherit}

.home-page-box img{ border: 0px;}

.home-page-box h3{ position: absolute; left: -9999999px;}

.home-page-box p img{ vertical-align:middle; text-align:right;}

.home-page-box p{height:110px;}

.ventilation { border: 1px solid #024ea2;}

.ventilation p{ background: #c4e0ff; margin: 0 3px 3px 3px; padding: 5px;}

.waste { border: 1px solid #0caca1;}

.waste p{ background: #bffffb; margin: 0 3px 3px 3px; padding: 5px;}

.filtration { border: 1px solid #ffcb05;}

.filtration p{ background: #ffeeb3; margin: 0 3px 3px 3px; padding: 5px;}

.dust { border: 1px solid #f58345;}

.dust p{ background: #fde6d9; margin: 0 3px 3px 3px; padding: 5px;}



/* Product page boxes */

.product-page-box{ float: left; width: 285px; background: #d9f0ff; font-size: 95%; height: 80px; overflow:inherit}

.product-page-box img{ border: 0px;}

.product-page-box h3{ position: absolute; left: -9999999px;}

.product-page-box p img{ vertical-align:middle; text-align:right;}





/* Navigation Styles */



.nav { float: right; width: 216px; background:url(../images/nav-shadow.jpg) top left repeat-x; padding-top: 6px;}

.nav ul{ list-style: none; font-size: 95%;}

.nav a{ display: block; color:#003366; text-decoration: none; background: url(../images/dn-bullet.jpg) no-repeat left center; padding: 7px 0px 7px 27px; border-bottom: 1px solid #ffffff;}

.nav .nav-ventilation{ background: #c4e0ff url(../images/ventilation-bullet.jpg) no-repeat left center;}

.nav .nav-waste{ background: #bffffb url(../images/waste-extraction-bullet.jpg) no-repeat left center;}

.nav .nav-filtration{ background: #ffeeb3 url(../images/filtration-bullet.jpg) no-repeat left center;}

.nav .nav-dust{ background: #fde6d9 url(../images/dust-control-bullet.jpg) no-repeat left center;}

.nav a:hover{ text-decoration: underline;}



/* Footer Styles */

.footer{ background:url(../images/footer-background.jpg) top left no-repeat; clear: both; height: 30px; padding: 75px 0 20px;}

.footer p{ margin:0px; padding: 0px 0px 0px 5px; color:#FFFFFF; font-weight: bold; font-size: 65%;}

.footer a{ color:#FFFFFF;}


.footer-links{ clear: both; padding-top: 20px; background-color: #FFFFFF;}

.footer-links .links { margin: 0px 10px 0px 0; padding: 0px 10px; float: left; width: 144px; border-left: solid 1px #ccc; min-height: 146px; background-color: #FFFFFF;}

.footer-links .last { margin-right: 0px; padding: 0px 0px 0px 10px; float: left; width: 146px; border-right: solid 1px #ccc; border-left: solid 1px #ccc; min-height: 146px; background-color: #FFFFFF;}

.footer-links ul{ margin: 0px; padding: 0px;}

.footer-links ul li{ margin: 0px; padding: 0px 0px 5px; font-size: 70%; list-style: none;}

.footer-links a{ color: #003366; text-decoration: underline;}

.footer-links a:hover{ color: #003366; text-decoration: none;}



/* Header text Styles */

.headertext{ text-align: right; position: absolute; width: 859px; top: 37px; color:#FFFFFF}

.headertext img{ vertical-align:middle;}

.headertext p{ margin-right: 10px; color:#FFFFFF;}

.headertext a{ color:#FFFFFF;}

.headertext .large{ font-size: 135%; padding-top: 3px;}

.headertext .blue{ color:#003366; text-decoration: none;}



/* News styling */

#news .article IMG { float:left; padding:0 5px 0 5px; }

#news{
width:320px;
margin:0 10px 0 10px;
float:left;
}

#newsLink{


}

#newsLink a{
width:238px;
margin-top:42px;
padding:20px;
float:left;
background-color: #d9f0fe;

font-size:120%;
background-image:url(../images/arrow.gif);
background-position:240px center;
background-repeat:no-repeat;
text-decoration:none;
border:1px solid #5FACFF;
}

#newsLink a:hover{

}

.article{

background-color: #d9f0fe;

padding-bottom:5px;



margin-bottom:10px;

}

.article h1{

background-color:#C4E0FF;

margin:0 0 10px 0;

padding:5px;

}



.article p{

margin-left:10px;

}



/*Generic Form*/

form.generic{
width:400px;
}

form.generic label{
width: 100px;
float: left;


display: block
}

form.generic input{
margin-right:10px;
width:190px;
}

form.generic textarea{
margin-right:10px;
width:190px;
height:190px;
}

form.generic select{
width:190px;
}

form.generic input.submit{
width:auto;
}




/* Admin Forms */



form.admin fieldset {

margin-top:20px;

  margin-bottom: 10px;

  background-color:#D9F0FE;

  border:1px solid #006699;

  font-size:12px;

  color:#006699;

}

form.admin legend {

  padding: 0 2px;

  font-weight: bold;

    font-size:14px;

}

form.admin label {

  display: inline-block;

  line-height: 1.8;

  vertical-align: top;

}

form.admin fieldset ol {

  margin: 0;

  padding: 0;

}

form.admin fieldset li {

  list-style: none;

  padding: 5px;

  margin: 0;

}

form.admin fieldset fieldset {

  border: none;

  margin: 3px 0 0;

}

form.admin fieldset fieldset legend {

  padding: 0 0 5px;

  font-weight: normal;

}

form.admin fieldset fieldset label {

  display: block;

  width: auto;

}

form.admin em {

  font-weight: bold;

  font-style: normal;

  color: #f00;

}

form.admin label {

  width: 120px; /* Width of labels */

}

form.admin fieldset fieldset label {

  margin-left: 123px; /* Width plus 3 (html space) */

}





/* Admin Table*/



table.admin {

	border-width: 1px 1px 1px 1px;

	border-spacing: 5px;

	border-style: none none none none;

	border-color: gray gray gray gray;

	border-collapse: separate;

	background-color: white;

}

table.admin th {

	border-width: 1px 1px 1px 1px;

	padding: 4px;

	border-style: none none solid none;

	border-color: #387FCF;

	background-color: #d9f0fe;

	-moz-border-radius: 0px 0px 0px 0px;

	font-size:12px;

	color:#387FCF;

}

table.admin td {

	border-width: 1px 1px 1px 1px;

	padding: 4px;

	border-style: none none none none;

	border-color: gray gray gray gray;

	background-color: #efefef;

	-moz-border-radius: 0px 0px 0px 0px;

	font-size:12px;

	color:#666;

}



table.admin td.white {

	border-width: 1px 1px 1px 1px;

	padding: 4px;

	border-style: none none none none;

	border-color: gray gray gray gray;

	background-color: #fff;

	-moz-border-radius: 0px 0px 0px 0px;

	font-size:12px;

	color:#666;

}