body, div, ul, li, table, td, img, a,input {
    border: 0 none;
    margin: 0;
    outline: medium none;
    padding: 0;
}
form{
	z-index: 2;
}
.wrapper{
 background-color:white;
 margin-left:-5px;
 float: left;
 width: 930px;
}
.exactaheader{
	
	/* no-repeat scroll 0 0 / 100% 100% transparent; */
	/* background: no-repeat scroll 0 0 / 100% 100% transparent; */
    height: 253px;
	width: 100%;
	min-height:0;
    margin: 0 auto;
    zoom: 1;
	background: url("/content/dam/graco/design/aftd/exactablend/images/mainheader2_rev.jpg") no-repeat scroll 0 0 transparent;
}

.content{
margin: 0 auto;
    width: 930px;
}
#content h1{
  color: #0033AB;
    font-family: arial;
    font-size: 45px;
    font-weight: bold;
    margin-left: 12px;
}
.partleft{
	float: left;
    /* width: 800px; */
	width:100%;
}
.content ul{
    list-style-type: none;
}
.content ul li {
  border-right: 2px solid #949599;
    color: black;
    display: inline;
    float: left;
    font-family: arial;
    font-size: 20px;
    height: 321px;
    margin-left: 25px;
    padding-right: 26px;
    width: 200px;
	
}
.content ul li.last{
border-right:none;
}
.content ul li.first{
margin-left: 0px;
}
.content ul li img{
float:center;
}

.content ul li img.kg{
margin-left: -16px;
}
.content ul li p{
 float: left;
   margin-left: 28px;
    text-align: center;
    width: 160px;
}
.content ul li input{
   border: 2px solid #949599;
    color: black;
    float: left;
    font-family: arial;
    font-size: 12px;
    height: 25px;
    margin-left: 63px;
    width: 80px;
	text-align: center;
	 font-weight: bold;
	 
}
.electric{
    float: right;
    margin-top: -375px;
    z-index: -1;
}
.electric img{
 float:right;
 width: 236px;
 height:360px;
 z-index: -1;
 margin-top:-40px;
}
.inputrest{
  float: left;
    margin-left: 50px;
    margin-top: 50px;
}
.inputrest input{
    border: 2px solid #949599;
    color: black;
    float: left;
    font-family: arial;
    font-size: 12px;
    font-weight: bold;
    height: 25px;
   
    text-align: center;
    width: 80px;
}
.clear{
clear:both;
}
.inputrest p{
   float: left;
    font-family: arial;
    font-size: 20px;
    margin-left: 20px;
    margin-right: 80px; 
    margin-top: -2px;
    width: 250px;

}
.result {
  float: left; 
  margin-top: 20px;
  width: 100%;
}
.result p{
    /* float: center; */
	text-align: center;
    font-family: arial;
    font-size: 20px;
    /* margin-top: 149px; */
}
.result img{
/* float: left; */
/* margin-right: 15px;*/

}
.yellowbarleft {
	margin-left: 15px;
	float: left;
	width : 45%;
}
.yellowbarimg {
	width: 100%;
	height: 126px;
}
.yellowbarright{
	margin-right: 20px;
	float: right;
	width: 45%;
}
.yellowbarright p, .yellowbarleft p{
	margin-top: 0;
}
.result span{
		position: absolute;
		text-align: center;
		float: left;
		vertical-align: middle;
		font-family: arial;
		font-size: 40px;
		font-weight: bold;
		margin-left: -250px;
		margin-top: 40px;
		z-index: 100;
}
.result span.sdo{
	margin-left: -250px;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
	.result span{
		position: absolute;
		text-align: center;
		float: left;
		vertical-align: middle;
		font-family: arial;
		font-size: 40px;
		font-weight: bold;
		margin-left: 150px;
		margin-top: -90px;
		z-index: 100;
	}
	.result span.sdo {
		margin-left: 150px;
		margin-top: -90px;
		text-align: center;
		vertical-align: middle;
	}
}

.costsaving{
   background: url("/content/dam/graco/design/aftd/exactablend/images/costsavings_rev.jpg") no-repeat scroll 0 0 transparent; 
   /*background: no-repeat scroll 0 0 / 100% 100% transparent; */
    height: 188px;
	min-height:0;
    margin: 0 auto;
    width: 100%;
}
.costsaving span{
   float: right;
    font-family: arial;
    font-size: 72px;
    font-weight: bold;
    margin-right: 160px;
    margin-top: 50px;
}
.graybar{
    
	/* background: no-repeat scroll 0 0 / 100% 100% transparent; */
    height: 30px;
	width: 100%;
	min-height:0;
    margin: 20px auto;
    background: url("/content/dam/graco/design/aftd/exactablend/images/graybar.jpg") no-repeat scroll 0 0 transparent;
}
	
.hashd{
  margin-left: 131px;
    margin-top: -722px;
}
.kgd{
 margin-left: 371px;
    margin-top: -37px;
}
.dolar{
 margin-left: 607px;
    margin-top: -37px;
}

.numberofopertating{
  margin-left: 174px;
    margin-top: 186px;
}
.weightingrams{
  margin-left: 608px;
    margin-top: -37px;
}
.materialsavingr{
margin-left: 222px;
    margin-top: 68px;
}
.investementr{
    margin-left: 694px;
    margin-top: -35px;
}
.costsavingd{
 margin-left: 697px;
    margin-top: 200px;
}
.omar{
width:800px;
margin:0 auto;
}
.downloadpdf{

}
.downloadpdf input{
width: 200px;
height: 50px;
font-size: 20px;
font-weight: bold;
margin-left: 43px;
background-color: green;
}
.downloadpdf{
margin-left: 43px;
}
