/* CSS Document */


body {
margin: 0 auto;
padding: 0;
font: 76%; font-family:Arial, Helvetica, sans-serif;
background-repeat: repeat-x repeat-y;
background-image:url(images/raindrops.gif);
}

h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:36px; font-weight:100;
color:#cc3333; text-decoration:none;
font-weight:bold; letter-spacing:-1px;
}

h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:18px; font-weight:100;
color:#122a72; text-decoration:none;
font-weight:bold;
}

h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:16px; font-weight:bold;
color:#214446;
padding:0;
}

div#topband {
background: url(images/bandtop.gif) 0 0 repeat-x; z-index:auto;
}



a:link {color:#cc3333;text-decoration:underline;}
*:link {color:#cc3333;text-decoration:underline;}

a:hover {text-decoration:none;}
*:hover {text-decoration:none;}

a:visited {color:#cc3333;}
*:visited {color:#cc3333;}

a {color:#cc3333;
	text-decoration:underline;
	}
	
a:hover {text-decoration:none;
	}

#homelink {
position:absolute; top:60px; left:760px;
font-weight:bold; color:#cc3333;
}

#superior {
position:absolute; top:20px; left:40px;
}


#gaugeillus {
position:absolute; top:90px; left:40px;
}

#statement {
position:absolute; top:590px; left:40px;
width:350px;
}

.registered {
font-size:9px;
}


#logo {
position:absolute; top:60px; left:330px;
}

#worldbest {
position:absolute; top:180px; left:340px;
width:310px;
}

#raingauge {
position:absolute; top:250px; left:450px;
}

#made {
position:absolute; top:220px; left:640px;
}


#rainman {
position:absolute; top:300px; left:280px;
}

#list1 {
position:absolute; top:430px; left:430px;
font-family:Arial, Helvetica, sans-serif; font-size:14px;
color:#122a72; width:330px;
}

#list2 {
position:absolute; top:180px; left:770px;
font-size:16px; width:200px;
color:#122a72;
}


#logo2 {
position:absolute; top:520px; left:770px;
}

#price {
position: absolute; top:190px; left:340px;
font-family:Arial, Helvetica, sans-serif; font-size:300%;
color:#cc3333; font-weight:bold;
}

#shipping {
position:absolute; top:240px; left:340px;
font-family:Arial, Helvetica, sans-serif;
color:#cc3333;
}

.smallbold {
font-weight:bold; font-size:60%;
}

.unitcost {
font-size:16px; color:#122a72; text-align:center;
width:100%;
}

.caption {
	font-size:12px; color:#122a72; text-align:center;
	}

#instructions {
position:absolute; top:200px; left:570px;
font-family:Arial, Helvetica, sans-serif; font-size:12px;
color:#122a72; width:380px;
line-height:1.3em;
}

#thankyou {
position:absolute; top:490px; left:740px;
font-family:Arial, Helvetica, sans-serif; font-size:30px;
color:#cc3333; font-weight:bold; width:200px; letter-spacing:-1px;
}

#order {
position:absolute; top:580px; left:200px;
width:280px;
font-family:Arial, Helvetica, sans-serif; font-weight:bold;
color:#cc3333; font-size:18px;
}




/********form*********/
#form1 {
	position:absolute; top:300px; left:440px;
	}


label,input {
	display: block;
	width: 160px;
	float: left;
	margin-bottom: 10px;
	font-size:12px;
}

label {
	text-align: right;
	width: 70px;
	padding-right: 20px;
	color:#122a72;
}

br {
	clear: left;
}

#form2 {
	position:absolute; top:300px; left:730px;
	}


label2,input2 {
	display: block;
	width: 60px;
	float: left;
	margin-bottom: 10px;
}

label2 {
	text-align: right;
	width: 75px;
	padding-right: 20px;
	color:#122a72;
}

br {
	clear: left;
}
/********form*********/






#address1 {
position:absolute; top:660px; left:790px;
color:#122a72;
}

#address2 {
position:absolute; top:100px; left:760px;
color:#122a72;
}