/***************************************************

GLOBAL STYLES

***************************************************/


body {
	margin: 0px 0px 0px 0px;
	font-family: Tahoma;
	font-size: 11px;
	background: url(../images/backgrounds/bg-sky.jpg) top left fixed;
}

div#container {
	position: relative;
	margin: 0px auto;
	width: 780px;
	background: #f0f0f0;
	border-left: 0px;
	border-right: 0px;
	height: 100%;
	background: url(../images/backgrounds/bg-content-column.gif) top left repeat-y;
}

hr.clear {
	display: block;
	clear: both;
	visibility: hidden;	
	margin-bottom: 0px;
}


/***************************************************

HEADER STYLES

***************************************************/

div#header-logo {
	background: url(../images/backgrounds/bg-header-logo.gif) top left;
	background-repeat: repeat-x;
	position: relative;
	height: 65px;
	margin: 0px;
	border-right: 1px solid #CCCCCC;
}

div#header-nav-wrapper img {
	display: block;
	margin: 0px;
	padding: 0px;
}

/***************************************************

TOP NAVIGATION STYLES

***************************************************/

ul#header-nav {
	margin: 0px;
	padding: 0px;
}

ul#header-nav a {
	color: #000000;
	text-decoration: none;
}

div#nav-text-products {
	margin-top: 25px;
	margin-left: 23px;
}

li#nav-products {
	float: right;
	width: 87px;
	height: 65px;
	background: url(../images/backgrounds/bg-products-off.gif) top left;
}

li#nav-products:hover {
	background: url(../images/backgrounds/bg-products-on.gif) top left;
}

div#nav-text-accessories {
	margin-top: 25px;
	margin-left: 15px;
}

li#nav-accessories {
	float: right;
	width: 86px;
	height: 65px;
	background: url(../images/backgrounds/bg-accessories-off.gif) top left;
}

li#nav-accessories:hover {
	background: url(../images/backgrounds/bg-accessories-on.gif) top left;
}

div#nav-text-company {
	margin-top: 25px;
	margin-left: 23px;
}


div#nav-text-sod {
	margin-top: 25px;
	margin-left: 15px;
}


li#nav-sod {
	float: right;
	width: 75px;
	height: 65px;
	background: url(../images/backgrounds/bg-company-off.gif) top left;
}

li#nav-sod:hover {
	background: url(../images/backgrounds/bg-company-on.gif) top left;
}

li#nav-company {
	float: right;
	width: 87px;
	height: 65px;
	background: url(../images/backgrounds/bg-company-off.gif) top left;
}

li#nav-company:hover {
	background: url(../images/backgrounds/bg-company-on.gif) top left;
}

div#nav-text-support {
	margin-top: 25px;
	margin-left: 25px;
}

li#nav-support {
	float: right;
	width: 88px;
	height: 65px;
	background: url(../images/backgrounds/bg-company-off.gif) top left;
}

li#nav-support:hover {
	background: url(../images/backgrounds/bg-company-on.gif) top left;
}

/***************************************************

WHATS YOUR APPLICATION BANNER

***************************************************/

div#header-applications {
	height: 216px;
	background: url(../images/backgrounds/bg-banner.jpg) top left;
	background-repeat: no-repeat;
}

div#header-question {
	position: absolute;
	margin-top: 8px;
	margin-left: 490px;
	font-family: Tahoma;
	font-size: 16px;
	color: #FFFFFF;
	font-weight: normal;
}

div#header-question h3 {
	display: inline;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 21px;
	color: #82bf19;
	font-weight: normal;
}

.on {
	cursor: pointer;
}



div#dry-dust-box {
	position: absolute;
	margin-top: 37px;
	margin-left: 9px;	
	background: red;
	width: 186px;
	height: 165px;	
	background: url(../images/backgrounds/application-box-off.jpg) top left;
}

div#dry-dust-box.on {
	background: url(../images/backgrounds/application-box-on.jpg) top left;
}

div#dry-dust-title,
div#dry-dust-content {
	position: absolute;
	font-family: Tahoma;
	font-size: 11px;
	color: #FFFFFF;
	margin-top: 20px;
	margin-left: 32px;
	font-weight: bold;
}

div#mist-box {
	position: absolute;
	margin-top: 37px;
	margin-left: 201px;	
	width: 186px;
	height: 165px;	
	background: url(../images/backgrounds/application-box-off.jpg) top left;
}

div#mist-box.on {
	background: url(../images/backgrounds/application-box-on.jpg) top left;
}

div#mist-title,
div#mist-content {
	position: absolute;
	font-family: Tahoma;
	font-size: 11px;
	color: #FFFFFF;
	margin-top: 20px;
	margin-left: 38px;
	font-weight: bold;
}

div#fume-box {
	position: absolute;
	margin-top: 37px;
	margin-left: 394px;	
	width: 186px;
	height: 165px;	
	background: url(../images/backgrounds/application-box-off.jpg) top left;
}

div#fume-box.on {
	background: url(../images/backgrounds/application-box-on.jpg) top left;
}

div#fume-title,
div#fume-content {
	position: absolute;
	font-family: Tahoma;
	font-size: 11px;
	color: #FFFFFF;
	margin-top: 20px;
	margin-left: 45px;
	font-weight: bold;
}

div#explosive-box {
	position: absolute;
	margin-top: 37px;
	margin-left: 586px;	
	width: 186px;
	height: 165px;	
	background: url(../images/backgrounds/application-box-off.jpg) top left;
}

div#explosive-box.on {
	background: url(../images/backgrounds/application-box-on.jpg) top left;
}

div#explosive-title,
div#explosive-content {
	position: absolute;
	font-family: Tahoma;
	font-size: 11px;
	color: #FFFFFF;
	margin-top: 20px;
	margin-left: 15px;
	font-weight: bold;
}

div#dry-dust-content,
div#mist-content,
div#fume-content,
div#explosive-content {
	margin-top: 60px;
	color: #000000;
	font-weight: normal;
	text-align: center;
	line-height: 16px;
	width: 150px;
	margin-left: 15px;
}


div#dry-dust-title a,
div#mist-title a,
div#fume-title a,
div#explosive-title a {
	color: #FFFFFF;
	text-decoration: none;
}

div#dry-dust-title a:hover,
div#mist-title a:hover,
div#fume-title a:hover,
div#explosive-title a:hover {
	color: #84c319;
	text-decoration: none;
}


/***************************************************

CONTENT STYLES

***************************************************/

div#content-wrapper {	
	

}

div#content-wrapper a {	
	color: #2f7c18
}

.remove-tabs {
	margin: 0px;
	padding: 0px;
	margin-left:5px;
}
/***************************************************

LEFT COLUMN STYLES

***************************************************/

div#column-left {
	float:left;
	width: 195px;
}

div#column-left-wrapper {
	color: #064512;
	margin-top: 10px;
	margin-left: 8px;
	margin-right: 8px;
	margin-bottom: 10px;	
}

div#column-left-wrapper strong {
	display: block;
	padding: 8px;
	background: #efefef;
	border: 1px solid #d3d3d3;
}

div#column-left-wrapper-icons {
	margin-top: 10px;
	margin-left: 8px;
	margin-right: 8px;
	margin-bottom: 10px;	
}

a#nav-title {
	text-decoration: none;
	color: #064512;
}

a#nav-title:hover {
	color: #84c319;

}


div#column-left-wrapper ul li {
/*
	background: pink;
*/
	margin-left: -40px;
	list-style-type: none;
	color: #064512;

	border-top: 1px dashed #CCCCCC;
	padding-top: 5px;
	padding-bottom:5px;
}

div#column-left-wrapper ul li:hover {
	background: #EEEEEE;
}

div#column-left-wrapper ul {
	margin-top: 5px;
}

div#column-left-wrapper ul li a {
	text-decoration: none;
	color: #064512;
}

div#column-left-wrapper ul li a:hover {
	color: #84c319;
}


/***************************************************

RIGHT COLUMN STYLES

***************************************************/


div#column-right {
	float: right;
	width: 565px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	
	/* FONTS */
	font-family: Tahoma;
	font-size: 11px;
	color: #000000;

}


div#column-right H1 {
	margin-top: 0px;
	font-family: Tahoma;
	font-size: 16px;
	color: #2f7c18;
	font-weight: bold;
}

div#column-right H2 {
	margin-top: 0px;
	font-family: Tahoma;
	font-size: 13px;
	color: #2f7c18;
}

div#column-right li {

	margin-left: 10px;
	line-height: 16px;
	
}


div#column-right p {
	line-height: 16px;
}

div#products-mainpage {

	margin-top: 10px;
	border-top: 1px dashed #CCCCCC;
	border-bottom: 1px dashed #CCCCCC;
	margin-bottom: 10px;
	height: 125px;
	padding-left: 20px;
}

div#productbox {
	float: left;
	width: 75px;
	height: 75px;
	margin: 5px;
	border: 1px solid black;
	text-align: center;
	background: #ECECEC;
}

div#productboxtitle {
	float: left;
	width: 75px;
	height: 20px;
	margin: 5px;
	text-align: center;
	margin-top: 0px;
	border: 1px dashed white;
}

div#applications {
	margin-top: 10px;
	border-top: 1px dashed #CCCCCC;
	border-bottom: 1px dashed #CCCCCC;
	margin-bottom: 10px;
	height: 94px;
	padding-left: 25px;
}

div#appbox {
	float: left;
	width: 80px;
	height: 50px;
	margin: 10px;
	border: 1px solid black;
	text-align: center;
	background: #ECECEC;
}

div#appboxtitle {
	float: left;
	width: 80px;
	height: 20px;
	margin: 10px;
	text-align: center;
	margin-top: 0px;
	border: 1px dashed white;
}

/***************************************************

CONTENT BOTTOM BOX STYLES

***************************************************/

div#contact-bottom-box {
	float: left;
	margin-top: 10px;
	width: 275px;
	height: 117px;
	background: url(../images/backgrounds/bg-contact-qair.gif) top left;
	background-repeat: no-repeat;
}

div#support-bottom-box {
	float: right;
	margin-top: 10px;
	width: 275px;
	height: 117px;
	background: url(../images/backgrounds/bg-contact-qair.gif) top left;
	background-repeat: no-repeat;
}

div#bottom-box-content {
	margin-top: 15px;
	margin-left: 15px;
	margin-right: 50px;
}

div#bottom-box-content a {
	color: #76b21c;	
	text-decoration: none;
}

/***************************************************

FOOTER STYLES

***************************************************/

div#footer {
	clear: both;
	height: 92px;
	width: 780px;
	text-align: center;
	border-left: 0px;
	border-right: 0px;
	background: url(../images/backgrounds/bg-footer.gif) top left repeat-x;
	margin: 0px auto;
	padding-top: 20px;
	/* FONTS */
	color: #FFFFFF;

}

div#footer a {
	text-decoration: none;
	color: #FFFFFF;
}

div#footer a:hover {
	color: #76b21c;
}


/***************************************************

PRODUCT PAGE STYLES

***************************************************/

div#product-container {
	margin: 0px;
	padding: 0px;	
	margin-top: 20px;
	width: 560px;
}

div#product-container h2 {
	margin-top: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	font-family: Tahoma;
	font-size: 12px;
	color: #2f7c18;
}

div#product-left-column {
	float: left;
}

div#product-right-column {
	background-color: #f2f2f2;
	
	background: url(../images/backgrounds/bg-product-image-center.jpg) top left;
	background-position: bottom;
	background-repeat: no-repeat;
	
	border-color: #d1d2d1;
	
	border-width: 1px;
	border-style: solid;
	float: right;
}

div#product-right-column img {


	border-color: #FFFFFF;		
	border-width: 1px;
	border-style: solid;
	
	margin-top: 1px;
	margin-left: 2px;
	}

div#product-tab {
	width: 565px;
	height: 33px;
	background: url(../images/backgrounds/bg-product-tab.jpg) top left;
}

div#product-tab-title {
	position: absolute;
	margin-top: 10px;
	margin-left: 16px;
}

div#product-information {
	margin-top: 4px;
	width: 340px;
}

div#product-information ul {
	color: #0d4f12;
	list-style: none;
	padding: 0px;
	margin: 0px;
}

div#product-information li {
	background: url(../images/icons/green-gradient-arrow.jpg) top left;
	background-repeat: no-repeat;
	background-position: 0 .3em;	
	padding-left: 12px;
	margin-left: 10px;
	margin-bottom: 20px;
}

div#product-application {
	display: block;
	width: 165px;
	margin-top: 10px;
	padding-left: 10px;
}

div#product-application ul {
	color: #4e4e4e;
	list-style: none;
	padding: 0px;
	margin: 0px;
}

div#product-application li {
	padding-left: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
	width: 188px;
}

div#product-animation {
	margin-left: 10px;
	background: #FFFFFF;
	width: 330px;
	height: 230px;
	
	border-color: #000000;
	
	border-width: 1px;
	border-style: solid;
}
 
 
 
 
 
 ul#sitemap {
 	margin: 0px;
	padding: 0px;
 	list-style: none;	
 }

 ul#sitemap li {
 margin: 0px;
 }
 ul#sitemap img {
 	border: 0px;
}
ul#sitemap a {
text-decoration: none;
}

 li#folder a,
li#sub-folder a {
 	color: #2f7c18;
	font-weight: bold;
 }
  
 li#document a {
 	font-weight: normal;
 	color: #000000;
 }
 
 ul#mainsubnav {
	list-style: none;
 }

 ul#subnav {
	list-style: url(../images/icons/site-map-sub-folder.jpg);
 }
 
 li#sub-folder a
 {

 }
 
 div.page-animation {
 	margin: 0px;
	padding: 0px;
	
	margin-left: 20px;
 }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
div#nav-text-products-new {
	margin-top: 25px;
	margin-left: 23px;
}

li#nav-products-new {
	float: right;
	width: 70px;
	height: 65px;
	background: url(../images/backgrounds/bg-products-off.gif) top left;
}

li#nav-products-new:hover {
	background: url(../images/backgrounds/bg-products-on.gif) top left;
}

div#nav-text-accessories-new {
	margin-top: 25px;
	margin-left: 15px;
}

li#nav-accessories-new {
	float: right;
	width: 71px;
	height: 65px;
	background: url(../images/backgrounds/bg-accessories-off.gif) top left;
}

li#nav-accessories-new:hover {
	background: url(../images/backgrounds/bg-accessories-on.gif) top left;
}

div#nav-text-company-new {
	margin-top: 25px;
	margin-left: 30px;
}


div#nav-text-sod-new {
	margin-top: 25px;
	margin-left: 15px;
}


li#nav-sod-new {
	float: right;
	width: 75px;
	height: 65px;
	background: url(../images/backgrounds/bg-company-off.gif) top left;
}

li#nav-sod-new:hover {
	background: url(../images/backgrounds/bg-company-on.gif) top left;
}

li#nav-company-new {
	float: right;
	width: 65px;
	height: 65px;
	background: url(../images/backgrounds/bg-company-off.gif) top left;
}

li#nav-company-new:hover {
	background: url(../images/backgrounds/bg-company-on.gif) top left;
}

div#nav-text-support-new {
	margin-top: 25px;
	margin-left: 20px;
}

li#nav-support-new {
	float: right;
	width: 70px;
	height: 65px;
	background: url(../images/backgrounds/bg-company-off.gif) top left;
}

li#nav-support-new:hover {
	background: url(../images/backgrounds/bg-company-on.gif) top left;
}