/* CSS Document 
Definitions 
# red (text) : #CC0000
# blue (links) : #003399
# white (menu1) : #fff
# dark gray (list) : #66666

*/

/*********************************
 Global Elements 
**********************************/
body{ background-image: url(../assets/images/bgnd.jpg);	background-repeat: repeat-x;	background-color:#0099CC;	font-family: Arial;}

strong{
	font-weight:bold;
	}
	
h1{ } 
	h1 {
		color:#CC0000;
		font-family:"Times New Roman", Times, serif;
		font-weight:normal;
		font-size:28px;
		padding-top:20px;
		padding-bottom:15px;
		}
	  #col2 h1{
		color:#666666;
		font:22px bold "Times New Roman", Times, serif;
		margin-top:-45px;
	  }
	.contentIndex h1{
		padding-top:15px;
		font-size:30px;
		font-weight:normal;
		}
	h1.questions{/*280px*/
		color:#C60000;
		float:left;
		font:24px "Times New Roman", Times, serif;
/*background-color:#663399;*/
		padding-right:20px ;
		padding-left:17px; 
		text-align:right;
		width:240px;
		}

h2{ }
	h2{ 
		font:20px bold "Arial";
		margin:10px 0px 5px 0px;
		}
	 #col2 h2.sectionHdr{
	 	font:"Times New Roman", Times, serif;
		margin:0px 0px 5px 0px;
		color:#666666;
	 }
	.contentIndex h2{
		font:24px "Times New Roman", Times, serif;
		margin:0px 0px 5px 0px;
		}
	.contentSolutions h2{
		font: 18px "Times New Roman", Times, serif;
		margin: 10px 0px 0px 0px;
	}
	
	 h2.marketingBlurb{ 
		font: 18px "Times New Roman", Times, serif;
		}
	
	.productBlock h2{
		background:none;
		font-family:Geneva, Arial, Helvetica, sans-serif;
		margin-left: 85px;
		padding: 0px;
		position:absolute; /*fix floating issue of productRecentApps*/
		left:0px;		
		}
	 .productBlockSml h2{
 		color:#CC0000;
		border-bottom: dashed 1px #333;
		font-family:Arial, Helvetica, sans-serif;
		font-size:16px;
		font-weight:normal;
		margin: 0px;
		padding: 0px;
		width:193px;
		}
		
h3{ }
	h3,
	.productOverviewDustEater h3, .productOverviewSuperSucker h3,
	.productOverviewScrapEater h3, .productOverviewWorkshop h3,
	.productBlock h3, .contentSolutions h3{
		font-size:14px;
		font-weight:bold;
		text-transform:uppercase;
		margin:15px 0px 15px 0px;

	}
	.downloads h3{
		font-size:12px;
		font-weight:bold;
		margin: 0px 0px 0px 0px;
	}		
			

p { }
 	#relatedInfo p{font-size:12px; margin:10px 20px; }
	.col1 p{ font:Arial, Helvetica, sans-serif; margin-top:-20px; color:#FFFFFF; width:320px; text-align:center;}
	.col2 p{margin-bottom:20px;}
	
	p.quote, p.quote-company, p.more {color:#666; font:16px "Times New Roman", Times, serif; width:590px; margin:auto; margin-top:5px; margin-bottom:5px; text-align: center;}
	p.quote-company{color:#333;}
	p.more {color:#000;}
	p.breadcrumb{color:#666; font-size:12px; margin:0px 0px 10px 0px; width:475px;}
	
	#footer div.copyright{font-size: 10px;	margin:auto; margin-top:5px; margin-bottom:5px; float:right; padding-right:5px;}
    #col2 p.em{
		font:20px bold "Times New Roman", Times, serif;
		margin-bottom:0px;
		padding:10px 0px 10px 0px;
		border-top: solid 1px black;
		border-bottom: solid 1px black;
	}	
	p.intro,p.contact{font-family:Arial, Helvetica, sans-serif; margin:0px 0px 15px 0px; text-align:left; width:480px; }	
	p.firstPara{ font-family:"Times New Roman", Times, serif; font-size:20px;}	
	p.notice,.notice{background:#BACBEE; border:4px solid #99B2E5; color:#000; margin:5px 0px 20px 0px; padding: 5px; width:225px;}
	.notice{ margin:30px; padding:20px; width:350px}

strong {}		
	.firstPara strong{
		background:#FFFF99;
	}
	
	
img { }
	.productBlock img{
		float:left;
		}	
	.productBlockSml img{
		float:right;
		}
	.block img{
		float:left;
		}
	.quoteDetails img{
		margin-top:10px;
		}

a, a:visited { color:#039;}
a:hover, a:active {text-decoration:none;}

table
	table{
		border-collapse:collapse;
	}
	table.simple{
		border: 1px solid black;
		margin-bottom:20px;
		}

caption{
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	}

th{}
	th{
		padding:5px;
		text-align:center;
		font-weight:bold;
		border-bottom:solid 1px black;
	}

td{}
	td{
		padding:5px;
		text-align:center;
		}
	.tdCol1{
		text-align:left;
		}
	col#c1{
		}
	col#c2, col#c3, col#c4 {
		text-align:left;
	}
	td.h2{
		text-align:left;
		background:#CACACA;
	}
	
	.techSpecs{}
	
		table.techSpecs {
			border:4px solid #99B2E5;
		}

		.techSpecs caption{
			margin:0px 0px 0px 0px;
			font-size:14px;
			font-weight:bold;
			}
		.techSpecs th{
			background: #BACBEE;
			border:1px solid #99B2E5;
			border-bottom:4px solid #99B2E5;
			padding:4px;
			text-transform:uppercase;
			text-align:center;
		}
		.techSpecs td{
			background: #BACBEE;
			border:1px solid #99B2E5;
			}
		
		.techSpecs tr.altRow td{
			background:#D7E1F5;
			}
		
	.comparison{}
		
		table.comparison{
			border:1px solid #666666;
		}
		
		.comparison td{
			border:1px solid #666666;
		}
		
/*-------------------------------------
 Menus
-------------------------------------*/
/*Menu1*/ 
#menu{background: url(../assets/images/bgnd_menu.jpg); border-top:5px solid #FFF; height:35px;}

#menu ul li{float:left; padding:0px; line-height:35px;}

#menu ul a{background: url(../assets/images/menu_divider.jpg) right top no-repeat; color:#fff; display:block; padding:0px 20px; text-decoration:none}
#menu ul li.last a{background:none; color:#fff; display:block; padding:0px 20px; text-decoration:none}

#home .home a, #products .products a, #about .about a, 
#testimonials .testimonials a, #features .features a, #solutions .solutions a, #contact .contact a
{background:#fff; color:#036; display:block; padding:0px 20px; text-decoration:none}

#menu ul li a:hover
{background:#ccc; color:#036; display:block; padding:0px 20px; text-decoration:none}
/*		Secondary naviation		*/
/*menu2*/
#menu2 {font:12px Arial, Helvetica, sans-serif normal; line-height:20px; list-style:none; text-align:right;}
#menu2 a{text-decoration:none;}
#menu2 a:hover, #menu2 a:active {font-weight:bold}
#menu2 dl{display:none;}
.aboutUs .aboutUs, aboutWhy .aboutWhy, .aboutHow .aboutHow,
.automotive .automotive, .concrete .concrete, .fiber .fiber, .foodAndBeverage .foodAndBeverage, .metal .metal, .plastics .plastics, .powdercoating .powdercoating, .printing .printing,
#industrial .industrial, #commercial .commercial, #separators .separators, #accessories .accessories, #industryType .industryType {font-weight:bold; }
#industrial .industrial dl, #commercial .commercial dl, #separators .separators dl, #accessories .accessories dl, #industryType .industryType dl{display:block}
.dust .dust, .specialized .specialized, .liquids .liquids, .engineer .engineer,
.workshop .workshop,
.mining .mining, .foodAndBeverage .foodAndBeverage, .manufacturing .manufacturing, .construction .construction, .agricultural .agricultural, .marine .marine
{background:url(../assets/images/bullet_DblArrows.gif) no-repeat right; padding-right:10px; font-weight:bold;}


#menu2 dl a{color:#333; font-weight:normal;}
#menu2 dl a:hover{font-weight:bold}
/*		tertiary naviation 		*/
/*menu3*/
#menu3{clear:both; background:url(../assets/images/pic_vacuum-logo.jpg) bottom left no-repeat; border-top: 1px dashed #999; border-bottom: 1px dashed #999; float: left; }

#menu3 , #menu3 li{ font:12px Arial, Helvetica, sans-serif normal; line-height:20px; list-style:none; text-align:right;}

#menu3 a, #menu3 a:visited {color:#666; text-decoration:none; }
#menu3 a:hover, #menu3 a:active {colour:red; font-weight:bold; text-decoration:none; }

/*-------------------------------------
 Buttons
-------------------------------------*/
/* ie6 compatable buttons */
ul.btn_big{/* position of buttons - have to use li margin to position ie 6*/
	float:left;
	display:block;

/*background-color:blue;*/
	}

.btn_big li{
	margin:0px 0px 10px 35px;
	}


ul.btn_big li a, ul.btn_big li a:visited {/*total hight is 85px | padding + height = total height*/
/*	border:1px green solid;*/
	background:url(../assets/images/btn_big.jpg) no-repeat top left;
	display:block;
	margin-left:0px; 
	padding:10px 0px 15px 15px;
	color:#FFF;
	width:210px; /*220*/

/*background-color: green;*/
	
	font-family:"Times New Roman", Times, serif;
	line-height:normal;
	font-weight:normal;
	font-size:22px;
	text-decoration:none;
	}

ul.btn_big li a:hover, ul.btn_big li a:active{
	background:url(../assets/images/btn_big-over.jpg) no-repeat top left;
	color:#fff;
	}
		
/*********************************
 Main
**********************************/
/*		product		*/

.contentIndex ul{
	margin:15px 40px 15px 10px;
}

.contentIndex li{
	background:url(../assets/images/bullet.gif) 0px 7px no-repeat;
	padding: 4px 0px 0px 15px;
	}

.contentIndex strong{
	background:#FFFF99;
}

.productSpec{
	padding:10px 0px;
	margin-top:-15px;
	}
		
.productSpec li{
	background:url(../assets/images/bullet.gif) 0px 7px no-repeat;
	padding: 4px 0px 0px 15px;
	}
	
.productSpec .productSpecHdr{
	background:none;
}

li.productSpecLink{
	background:none;
	margin:0px;
	padding:5px 0px 0px 0px ;
}

li.productSpecHdr a, li.productSpecHdr a:visited{
	border-bottom:dashed 1px black;
	font:bold 16px Arial, Helvetica, sans-serif ;
	color:#990000;
	display:block;
	text-decoration:none;
	width:370px;
	margin-left:-15px;
}

.productSpecHdr a:hover, .productSpecHdr a:active{
	background:#FFFF99;
	border-bottom:dashed 1px black;
}

.productBlock ul.productRecentApps li{
	background:none;
	padding: 3px 5px 2px 10px;
}

.productBlock ul li.productRecentAppsHdr{
	margin-top: 0px;
	font-weight:bold;
}


.productBlock ul a:link, .productBlock ul a:visited{}
.productBlock ul a:hover, .productBlock ul a:active{text-decoration:none;}

#col1 .box ul, #col1 .box ul li a, #col2 .box ul, #col2 .box ul li a{
	padding:0px;
	margin:10px 0px 0px 5px;
	font-size:14px;
	text-decoration:none;
	clear:right;
}



/*==--- product overview ---==*/

.productOverviewDustEater ul, .productOverviewDustEater li, 
.productOverviewScrapEater ul, .productOverviewScrapEater li,
.productOverviewWorkshop ul, .productOverviewWorkshop li,
/*.productOverviewSuperSucker ul, .productOverviewSuperSucker li*/{
	background-image:none;
	margin: 35px 0px 0px 25px;
	padding:0px;

}
;.productOverviewDustEater ul, .productOverviewDustEater li, 
.productOverviewScrapEater ul, .productOverviewScrapEater li,
.productOverviewWorkshop ul, .productOverviewWorkshop li,
.productOverviewSuperSucker ul, .productOverviewSuperSucker li{
	background-image:none;
	margin: 20px 0px 0px 25px;
	padding:0px;

}
/*tooltips - begins*/
a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#ccc;
    color:#000;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#ff0}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
	padding: 10px;
    top:20px; left:15px; width:300px;
    border:1px solid #990000;
    background-color: #FFFFCC; color:#000;
    }
/*tooltips - end*/
	

.productOverviewDustEater li, 
.productOverviewScrapEater li,
.productOverviewWorkshop li,
.productOverviewSuperSucker li
{
	background:url(../assets/images/bullet_check.gif) 0px 2px no-repeat;
	margin: 7px 0px 10px 0px;
	padding: 0px 0px 0px 17px;

}

.downloads ul, .downloads li{
	background-image:none;
	margin: 0px 0px 0px 25px;
	padding:10px 0px 10px 0px;
}

.downloads li, .downloads a{
	margin: 7px 0px 10px 0px;
	padding:0px;
	text-decoration:none;
}

.box ul li, RecentApplications ul li{
	background: none;
	padding:0px 0px 5px 10px;
}

.techSpecs{
	font-size:12px;
	clear:both;
	margin-top:20px;
	width:100%;
	
}

th.centre, td.centre{
	border-left:solid 1px black;	
	border-right:solid 1px black;
	}
	
.rtSml{
	font-size:10px;
	margin-top:5px;
	text-align:right;
	
	}

.box460{


}	
	
.box p{
	}
	
{
	background:#BACBEE; border:4px solid #99B2E5; color:#000; margin:5px 0px 20px 0px; padding: 5px; width:240; 
	}
	
/*		Vacuum Comparison		*/

	
	


/*		Solutions Index		*/

.customerList{}
	.customerList h2 { font-family:Arial, Helvetica, sans-serif; font-size:18px; padding:5px; margin:0px;}
	.customerList p { padding:5px 10px;}

	.customerList h2.plastics{background:#FFCCFF;}
	.customerList p.plastics{background:#FFE5FF;}

	.customerList h2.paper{background:#FFCC99;}
	.customerList p.paper{background:#FFE599;}

	.customerList h2.wood{background:#FF9933;}
	.customerList p.wood{background:#FFCC99;}

	.customerList h2.metal{background:#999999;}
	.customerList p.metal{background:#CCCCCC;}

	.customerList h2.food{background:#FFCC66;}
	.customerList p.food{background:#FFE5B2;}

	.customerList h2.fibre{background:#6699CC;}
	.customerList p.fibre{background:#D8E9F2;}

	.customerList h2.marine{background:#0099FF;}
	.customerList p.marine{background:#7FCCFF;}

	.customerList h2.custom{background:#FF0000;}
	.customerList p.custom{background:#FF7F7F;}

	.customerList h2.sundries{background:#009933;}
	.customerList p.sundries{background:#7FCC99;}

	.customerList h2.grinding{background:#336699;}
	.customerList p.grinding{background:#99B2CC;}


.contentSolutions {}

	.contentSolutions hr {
		width:100%;
		clear:both;
	}
	
	.contentSolutions ul{
		padding: 10px 0px 10px 0px;
	}

	.contentSolutions li{
		padding: 2px 0px 2px 0px;
	}

.seeVideo{
	float:left;
	margin-left:25px;
}

.problemAreas{
	background:#CCCCCC;
	display:block;
	float:left;
	padding:10px;
	width:440px;
}

.problemAreaSummary{
	display:block;
	float:left;
	margin:0px 0px 0px 25px;
	width:193px;
}
	.problemAreaSummary li{
		padding:5px 0px 5px 0px;
	}

.solutionDescription{
	display:block;
	float:left;
	width:460px;
}	

.quoteBlock{
	float:left;
	}
	
	.quoteBlock p{
		background:#DDEEFF;
		border-left:#006699 1px solid;
		border-right:#006699 1px solid;
		font-family:"Times New Roman", Times, serif;
		padding:2px 15px 0px 15px;
		width:428px;/*460px - boarder - padding = 428px*/
	}
	
	.quoteBlockTop{
		background:url(../assets/images/quoteWrapper-top.gif);
		height:25px;
		margin:10px 0px 0px 0px;
		width:460px;

	}
	.quoteBlockbottom{
		background:url(../assets/images/quoteWrapper-bottom.gif);
		height:50px;
		width:460px;
		margin-bottom:10px;
	}

	.quoteDetails{
		display:block;
		float:left;
		margin:10px 0px 0px 20px;
		width:193px;
	}
		
		.companyName{
			font-weight: bold;
		}
		
		.contactName{
			font-style:italic;
		}
		
		.quoteDetails a:link, .quoteDetails a:visited {
		}
		.quoteDetails a:hover, .quoteDetails a:active{
		}

#relatedInfo ul.col1, #relatedInfo ul.col2{
	float:left;
	margin:5px 0px 15px 40px;
	padding: 0px;
	background:none;
}

#relatedInfo ul.col2{
	float:none;
	margin: 15px 0px 15px 260px;
}

#relatedInfo ul.col1 li, #relatedInfo ul.col2 li{
	background:none;
	font-size: 16px;
	margin-top: 10px;
	padding: 0px;
}

/*********************************
 FORM Elements 
**********************************/

label{
	width: 7em;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block
}

label.table{
	text-align:left
	}

dfn{
	color: #666;
	width:20em;
	font-style:normal;
	font-size:1em;
}
/*.submit input{
	margin-left: 10em;
}*/

input, textarea{
	border: 1px solid #990000;
	font-size:1em;
	width:15em;
	margin-top: 2px;
}

textarea{
	width:22em;
	height:10em;
	}

input.submit {
	color: #000;
	background: #FFCC00;
	font-size:1em;
	width:5em;
}

.box{
	width:20em;
	margin: 30px 5px 15px 0px;
	border: #3c5a86 1px solid;
	padding:5px;
	/*font-size: 12px;
	font-weight: normal;
	color: #000000;
	background-color: #d1e0ef;*/
}

.box h1{
	margin : 0px 0px 0px 5px;
	position: relative;
	margin-top:-14px; float:left; /* used to position text on line */
	/*top : -12px;
	border: #3c5a86 1px solid;*/
	padding: 3px 5px 12px 5px;
	font-size : .8em;
	color : #000000;
	display: inline;
	background-color: #fff;
} 

.box p{
	clear:both;
	margin: 10px 0px
}

.box input{
	float:left;
	width:2em;
	display: inline;
	height: 14px;
	background-color: transparent;
	border-width: 0;
	padding: 0;
	margin: 0 0 0 10px;*/
  }
  

.box label{
  float: none;
  display: block;
  width: 20em;
  height: expression('1%');
  padding: 0;
  margin: 0 0 5px 35px;
  text-align: left;
}


.notes {
  width: 22.8em;
  height: auto;
  margin: 20px 0 10px 0px;
  padding: 5px;
  border: 1px solid #666666;
  background-color: #ffffe1;
  color: #666666;
  font-size: 88%;
}

div.notes h4 {
  background-image: url(../assets/images/icon_info.gif);
  background-repeat: no-repeat;
  background-position: left top;
  padding: 3px 0 3px 27px;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #666666;
  color: #666666;
  font-size: 0.8em;
  display:block
}

div.notes p, div.notes a {
  margin: 0.5em 0em .5em .5em;
  color: #666666;
  font-size:.8em;
}

div.notes a {
  color: #666699;
}

div.notes p.last {
  margin: 0em;
}

/*********************************
 Footer 
**********************************/
#footer ul, #footer li{
	margin-left:5px;
	float:left;
	list-style-type:none;
}

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

#footer a:hover {
  text-align: left;
  color: white;
  text-decoration: underline;
}