@charset "utf-8";
/* CSS Document */

#proMateLogo {
margin-left: 20px;
}

#clearDiv {
position: relative;
width: 895px;
z-index: 3;
margin-left: auto;
margin-right: auto;
clear: both;
}

#mainContent {
position: relative;
width: 895px;
z-index: 3;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
clear: both;
margin-top: 20px;
}

#bottomLeft {
position: relative;
width: 825px;
z-index: 1;
float: left;
}

#controllerDiv {
border: 2px #DDDDDD solid;
position: absolute;
width: 230px;
z-index: 100;
left: 300px;
top: 16px;
visibility: hidden;
padding-left: 6px;
padding-right: 6px;
padding-top: 10px;
background-color: #CFE0F1;
}

#controller {
position: relative; z-index: 1; margin-left: auto; margin-right: auto; width: 230px; padding-top: 10px; padding-bottom: 10px;
}

#tankDiv {
border: 2px #DDDDDD solid; position: absolute; width: 223px; z-index: 100; left: 300px; top: 16px; padding-left: 6px; padding-right: 6px; padding-top: 10px; background-color: #CFE0F1; visibility: hidden;
}

#resinDiv {
border: 2px #DDDDDD solid; position: absolute; width: 223px; z-index: 100; left: 300px; top: 16px; padding-left: 6px; padding-right: 6px; padding-top: 6px; visibility: hidden; background-color: #CFE0F1;
}

#roHighlight {
	position: relative;
	width: 385px;
	height: 430px;
	z-index: 1;
	float: right;
	background-image: url(../images/Products/proMate/proMate6Cutaway.png);
	background-repeat: no-repeat;
}

#controlHighlight {
position: relative; width: 23px; height: 23px; z-index: 1; margin-left: 220px; margin-top: 10px;
}

#tankHighlight {
position: relative; width: 23px; height: 23px; z-index: 1; margin-left: 220px; margin-top: 110px;
}

#resinHighlight {
position: relative; width: 23px; height: 23px; z-index: 1; margin-left: 200px; margin-top: 180px;
}

#prodDesc {
	position: relative;
	width: 295px;
	height: 418px;
	z-index: 3;
	float: left;
	background-image: url(../images/Products/proMate/greyBox.png);
}

#highlightHeader {
position: relative; width: 235px; z-index: 1; margin-left: auto; margin-right: auto; margin-top: 20px;
}

#standardFaults{
position: relative; width: 265px; z-index: 2; margin-left: auto; margin-right: auto; margin-top: 20px;
}

#contentBox {
width: 800px; margin-left: 30px;
}

#clear0 {
clear: both;
}

#proMateBenefits {
width: 850px; text-align: center;
}

#efficiency {
margin-bottom: 40px; width: 150px; float:left; margin-right: 170px;
}

#efficiencyP {
width: 94px; height: 94px; margin-left: auto; margin-right: auto;
}

#efficiencyDesc {
text-align:center;
}

#effi {
margin-bottom: 40px; width:150px; float:left; margin-right: 170px;
}

#warrantyPic {
width: 109px; margin-left: auto; margin-right: auto;
}

#warrantyDesc {
width: 150px; margin-top: 10px; text-align: center;
}

#video {
width: 150px; float:right; float: left; margin-right: 60px;
}

#warrantyPic2 {
width: 109px; margin-left: auto; margin-right: auto;
}

#videoDesc {
width: 150px; text-align: center;
}

#layer2 {
position: relative; width: 895px; clear: both;
}

#PromateLink {
width:250px; text-align: center;
}

.tooltipTable {
margin:0;
}

/* tooltip styling. by default the element to be styled is .tooltip  
.tooltip {
	display:none;
	font-size:12px;
	height:130px;
	width:310px;
	padding:30px;
	color:#000;
	background-color: transparent;
	background-image: url(../tools/img/tooltip/blue_big.png);
	z-index: 100;
}*/