/* CSS Document */

/* removes borders from images with links */
body{
  background: #002A4E url(/images/mainbg.jpg) no-repeat top center; 
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 auto;
	}
img{
	border: none;
	}
a{
	color: #1ea3dc;
	text-decoration: none;
	}
a:hover{
	color: #1ea3dc;
	text-decoration: underline;
	}
/* page id's */

#header{
	background-image: url(/images/aquasphere-logo.png);
	background-repeat: no-repeat;
	margin: 0 auto;
	width: 819px;
	min-height: 302px;
}
#nav{
	padding-top: 266px;
	padding-left: 32px;
	}

#contentbot{
	background-image: url(/images/content-bot.jpg);
	background-repeat: no-repeat;
	min-height: 40px;
	width: 805px;
	margin: 0 auto;	
	}
#homecontentholder{
	margin: 0 auto;
	display: block;
	width: 805px;
	min-height: 520px;
	background-color: #ffffff;
	}
	
#errorcontentholder{
  margin: 0 auto;
  display: block;
  width: 805px;
  min-height: 620px;
  background-color: #ffffff;
  }	
	
#settingupcontentholder{
	margin: 0 auto;
	display: block;
	width: 805px;
	min-height: 2125px;
	height: auto;
	background-color: #ffffff;
	}
#pdfdownload a{
	background-image: url(/images/pdf-btn.gif);
	background-repeat: no-repeat;
	float: left;
	width: 184px;
	height: 45px;
	font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #ffffff;
  font-weight: bold;
  padding: 15px 0 0 19px;
	}

#pdf{
  background-image: url(/images/pdf-btn.gif);
  background-repeat: no-repeat;
  float: left;
  width: 184px;
  height: 45px;
  }
  
#pdf p{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #ffffff;
  font-weight: bold;
  float: left;
  width: 130px;
  margin: 10px 0 0 10px;
  }
#pdf p a{
  color: #ffffff;
  }
#contact{
	background-image: url(/images/contactbg.jpg);
	background-repeat: no-repeat;
	margin: 20px auto;
	float: right;
	width: 214px;
	height: 400px;
	}

#remember{
	background-image: url(/images/rememberbg.gif);
	background-repeat: no-repeat;
	margin: 20px auto;
	float: left;
	width: 183px;
	height: 462px;
	}
#remember p{
	margin: 15px 20px 0 10px;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	color: #203063;
	line-height: 20px;
	}	

#remember img{
	margin: 0 0 0 10px;
	}	

#rightcol{
	float: right;
	width: 214px;
	}

#leftcol{
	float:left;
	width: 560px;
	}	
#contactheading{
	margin: 13px 0 14px 10px;
	}

#features{
	background-image: url(/images/cta.png);
	background-repeat: no-repeat;
	height: 87px;
	width: 527px;
	margin: 0 0 0 30px;
	padding: 10px 0 0 20px;
	}
#footer{
	background-image: url(/images/footerbg.jpg);
	background-repeat: no-repeat;
	height: 50px;
	width: 805px;
	margin: 27px auto;
	}
/* formats p tags within relevant id tags */	

#leftcol p.content{
	font-size: 13px;
	font-weight: normal;
	color: #203063;
	margin: 15px 0 0 30px;
	line-height: 24px;
	}

#leftcol p.par2{
  font-size: 13px;
  font-weight: normal;
  color: #203063;
  margin: 15px 0 0 30px;
  line-height: 24px;
  clear: both;
  }

#leftcol img{
	margin: 0 0 0 10px;
	}
.sitenav{
	font-size: 10px;
	font-weight: normal;
	color: #ffffff;
	margin: 18px 10px 0 0;
	text-align:left;
	float: right;
	}

.sitenav a{
	font-size: 10px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
	}

.sitenavimg{
	float: left;
	margin: 19px 0 0 205px;
	}

.sharethis{
	font-size: 10px;
	font-weight: normal;
	color: #ffffff;
	background-image: url(/images/sharebg.gif);
	background-repeat: no-repeat;
	float: right;
	width: 81px;
	height: 25px;
	margin: 12px 20px 0 0;
	padding: 3px 12px 0 5px;
}
.sharethis a{
	font-size: 11px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
	}
.copyrightimg{
	float: left;
	margin: 18px 0 0 30px;
	}
.copyright{
	font-size: 10px;
	font-weight: normal;
	color: #ffffff;
	margin: 18px 0 0 5px;
	text-align:left;
	float: left;
	}
/* page classes */

.stepholder{
	background-image: url(/images/step-box.gif);
	background-repeat: no-repeat;
	margin: 47px 0 0 30px;
	width: 532px;
	height: 346px;
	}
.stepholder p.descr{
	font-size: 13px;
	font-weight: normal;
	color: #203063;
	background-color: #f2f2f2;
	height: 45px;
	margin: 0 3px 0 3px;
	}

.stepholder p.descr span{
	margin: 7px 0 0 10px;
	float: left;
	width: 450px;
	height: 30px;
	}

.stepholder p.descr span.stepone{
  margin: 15px 0 0 10px;
  float: left;
  width: 450px;
  height: 30px;
  }

.stepholder p.descr img{
	float:left;
	padding: 5px 0 0 0;
	}
	
.stepholder p img.step1{
	padding: 20px 65px 0 0;
	margin: 0 auto;
	float: right;
	}

.stepholder p img.step2{
	padding: 20px 65px 0 0;
	margin: 0 auto;
	float: right;
	}

.stepholder p img.step3{
	padding: 20px 134px 0 0;
	margin: 0 auto;
	float: right;
	}

.stepholder p img.step4{
	padding: 20px 118px 0 0;
	margin: 0 auto;
	float: right;
	}

.stepholder p img.step5{
	padding: 20px 98px 0 0;
	margin: 0 auto;
	float: right;
	}
	
.ulleft{
	float: left;
	height: 55px;
  margin: 0;
  padding: 0;	
	}
.ulleft li{
	font-size: 12px;
	color: #203063;	
	list-style-image: url(/images/features-arrow.gif);
	margin: 0 0 5px 15px;
	line-height: 20px;

	}

.ulright{
	float: right;
	height: 55px;
	margin: 0 50px 0 0;
	}
.ulright li{
	font-size: 12px;
	color: #203063;
	list-style-image: url(/images/features-arrow.gif);
	margin-bottom: 5px;
  line-height: 20px;	
	}

.backtotop{
	padding: 20px 0 0 0;
	float:right;
	}
.contentheader{
	margin: 0 0 0 20px;
	}
.contactemail{
  margin-top: 4px;
  }
.contactphone{
  margin-bottom: 4px;
  } 
.productimg{
  margin: 10px 0 0 10px;
  float: left;
  }

.errordescr{
  font-size: 13px;
  font-weight: normal;
  color: #203063;
  margin: 0 0 0 30px;
  line-height: 24px;
  }
  
.errorform td{
  font-size: 13px;
  font-weight: normal;
  color: #203063;
  margin: 0 0 0 30px;
  line-height: 24px;
  }
/* header tags styling */
h1{
	margin: 0;
	font-size: 21px;
	text-indent: -9999px;
	}

h2{
	margin: 0;
	font-size: 21px;
	text-indent: -9999px;
	}

.spacer{
  padding: 10px 0;
  margin: 10px 0;
}

h3{
  font-size: 18px;
  color: #203063;
  font-weight: bold;
  margin: 10px 0 0 30px;
  line-height: 24px;
  }
h4{
  font-size: 14px;
  color: #000000;
  font-weight: bold;
  margin: 0 0 0 30px;
  line-height: 24px;
  } 
.blackHeadingOne{
  color: #000000;
  }