/* CSS for Email Forms - Updated: 8/12/2009 - Author: IT Mildura */
.email_error { padding-left:10px; color:Red; }
input.contact_input { text-align:left; font-size: 11px; color:#000000; padding:4px; border:solid 1px #0b55d7; background-color:#d7d6d7; width:350px; }
textarea.contact_input { text-align:left; font-size: 11px; color:#000000; padding:4px; border:solid 1px #0b55d7; background-color:#d7d6d7; width:350px; }

/* Style sheet for Cookes Pools & Spas Website_2008-09 Version #3  - Updated 28 Oct-2008 */
/* Style sheet for Cookes Pools & Spas Website_2006 Version #2  - Updated 06 Jan-2006 */
/*  Created by The Red Zebra Business Centre, January 2006.  Author:  Max Williams*/

body{
	color: #000000;
	background-color: rgb(255, 248, 255);
	background-image: url('graphics/elegant_pool_girl_nav.jpg');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position:  0px bottom;
	margin: 0;
	height: 622px;
   }

   a:link, a:visited{
	padding: 0px;
	color: #FF9900;
	background-color: transparent;
	text-decoration: none;
	border: 0px outset #ffffff;
   }
  a:hover {
	padding: 0px;
	color: #336499;
	background-color: transparent;
	text-decoration: underline;
		border: 0px inset #ffffff;
   }
  #banner{
		color: #336499;
			background-color: transparent;
			margin: 0px;
			height: 102px;
			width:100%;
			padding: 0px;
			font-family: Arial, sans-serif;
			font-size: 1.2em;
			font-weight: bold;
			text-align: center;
			vertical-align: bottom;
   }
  #navigation{
	background-color: rgb(11, 85, 215);
	height:20px;
	h/eight:16px;
	padding-top: 4px;
   font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
   }
  #navigation ul{
   list-style: none;
   padding-top: 2px;
   margin:  0px;
   text-align: left;
   }
  #navigation li {
	display: inline;
    padding-top: 0px;
    background-color: rgb(11, 85, 215);
   }
  #navigation a:link, #navigation a:visited{
	padding: 2px 2px 2px 2px;
	color: #FFFFFF;
	background-color: rgb(11, 85, 215);
	text-decoration: none;
	border: 1px outset #ffffff;
   }
  #navigation a:hover {
	padding: 2px 2px 2px 2px;
	color: #66FFff;
	background-color: #336499;
	text-decoration: underline;
		border: 1px inset #ffffff;
   }
  .slogan{
  color: rgb(51,51,255);
  padding: 30px;
  font-family:  "Comic Sans", "Comic Sans MS", "Comic Sans Serif", sans-serif;
  font-size: .9em;
  font-weight: bold;
  }
  #images{
  margin-top: 0px;
  float: right;
  width: 140px;
  /*height: 1940px;*/
  padding: 0px;
  border: 0px solid transparent;
  color: transparent;
  background-color: rgb(11, 85, 215);
 }

  #images .bodyimg_1{
  position:absolute;
  float: right;
  top:126px;
  z-index: 0
  }
  #images .bodyimg_2{
  position:absolute;
  float: right;
  top:231px;
  z-index: 0
 }
  #images .bodyimg_3{
  position:absolute;
 float: right;
  top: 336px;
  z-index: 0
 }
  #images .bodyimg_4{
  position:absolute;
 float: right;
  top: 441px;
  z-index: 0
 }
 #images .bodyimg_5{
  position:absolute;
 float: right;
  top: 546px;
  z-index: 0
 }
   #images .bodyimg_6{
  position:absolute;
  float: right;
  top:622px;
  z-index: 0
  }
  #images .bodyimg_7{
  position:absolute;
  float: right;
  top:727px;
  z-index: 0
 }
  #images .bodyimg_8{
  position:absolute;
 float: right;
  top: 832px;
  z-index: 0
 }
  #images .bodyimg_9{
  position:absolute;
 float: right;
  top: 937px;
  z-index: 0
 }
 #images .bodyimg_10{
  position:absolute;
 float: right;
  top: 1042px;
  z-index: 0
 }
   #images .bodyimg_11{
  position:absolute;
  float: right;
  top:1118px;
  z-index: 0
  }
  #images .bodyimg_12{
  position:absolute;
  float: right;
  top:1223px;
  z-index: 0
 }
  #images .bodyimg_13{
  position:absolute;
 float: right;
  top: 1328px;
  z-index: 0
 }
  #images .bodyimg_14{
  position:absolute;
 float: right;
  top: 1433px;
  z-index: 0
 }
 #images .bodyimg_15{
  position:absolute;
 float: right;
  top: 1538px;
  z-index: 0
 } #images .bodyimg_16{
  position:absolute;
  float: right;
  top:1614px;
  z-index: 0
  }
  #images .bodyimg_17{
  position:absolute;
  float: right;
  top:1719px;
  z-index: 0
 }
  #images .bodyimg_18{
  position:absolute;
 float: right;
  top: 1824px;
  z-index: 0
 }
  #images .bodyimg_19{
  position:absolute;
 float: right;
  top: 1929px;
  z-index: 0
 }
 #images .bodyimg_20{
  position:absolute;
 float: right;
  top: 2034px;
  z-index: 0
 }
 #images .bodyimg_21{
  position:absolute;
 float: right;
  top: 2078px;
  z-index: -1;
 }
 #images .bodyimg_index8{
  position:absolute;
 float: right;
  top: 832px;
  z-index: -1
 }
 #images .bodyimg_fspa11{
  position:absolute;
 float: right;
  top: 1118px;
  z-index: -1
 }
 #images .bodyimg_fspa13{
  position:absolute;
 float: right;
  top: 1328px;
  z-index: -1
 }
p.branchtext{
color: rgb(0,85,165);
background-color: transparent;
text-align: center;
margin-right: 140px;
margin-left: 185px;
padding-left: 10px;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
font-family:  "Arial", "Helvetica", sans-serif;
font-size: 1em;
font-weight: normal;
}
#branchtext{
	margin-right: auto;
	margin-left: auto;
  color: white;
  background-color: transparent;
  text-align: center;
  width: 60%;
  border: 0;
  font-family:  "Arial", "Helvetica", sans-serif;
  font-size: 1.2em;
  font-weight: bold;
 }

div.banner{
margin-top: 0px;margin-left: 0px;
margin-right: 0px;
padding: 20;
border: 0px solid rgb(238, 0, 53);
color: rgb(255, 255, 255);
background-color: rgb(238, 0,53);
text-align: center;
font-family: "Century Gothic",Helvetica,sans-serif;
font-size: 1.3em;
font-weight: bold;
}
p.banner{
margin-top: 0;
margin-bottom: 10px;
padding: 5;
text-align: center;
}

 #promotext{
  color: rgb(0,85,165);
  background-color: rgb(251,170,1);
  margin-top: 30px;
  /*margin-right: 140px;
  margin-left: 185px;
  width: auto;*/
  padding-top: 1px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 1px;
  font-family:  "Arial", "Helvetica", sans-serif;
  font-size: 0.8em;
  font-weight: normal;
	}


  #promotext .dropcap { float:left;
  color:rgb(0,85,165);
  font-size:4em;
  padding-top: 8px;
  font-family:  "Arial", "Helvetica", sans-serif;
  font-weight: bold;
  }

  #promotext .promoimg_1{
  position:relative;
  float: right;
  z-index: 0
  }
  #promotext .promoimg_2{
  position:relative;
  float: right;
  z-index: 0
 }
   a.professional:link{
	padding: 0px;
	color: #000000;
	background-color: transparent;
	text-decoration: underline;
	border: 0px outset #ffffff;
   }
     a.professional:visited{
	padding: 0px;
	color: #000000;
	background-color: transparent;
	text-decoration: none;
	border: 0px outset #ffffff;
   }
  a.professional:hover {
	padding: 0px;
	color: #336499;
	background-color: transparent;
	text-decoration: underline;
		border: 0px inset #ffffff;
   }

   #solartext{
  color: rgb(0,85,165);
background-color: transparent;
text-align: left;
margin-right: 7%;
margin-left: 185px;
padding-left: 10px;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
font-family:  "Arial", "Helvetica", sans-serif;
font-size: .9em;
font-weight: normal;
	}

   #zodiactext{
  color: rgb(0,85,165);
background-color: transparent;
text-align: left;
margin-right: 140px;
margin-left: 185px;
padding-left: 10px;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
font-family:  "Arial", "Helvetica", sans-serif;
font-size: .9em;
font-weight: normal;
	}
#aligning {
  /*margin: 0px auto;*/
  margin-left: 25%;
  width: /*760px*/60%;
  background-color: transparent;
  position:relative;
}
.ie6 img.png  {
	    background-image: expression(
        this.runtimeStyle.backgroundImage = "none",
        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
        this.src = "graphics/trans.gif"
    );
}
.producttitle {
	font: bold 8pt Arial, Helvetica, sans-serif;
	color: rgb(0,85,165);
}
.clear {
    clear:both;
    height:1px;
    overflow:hidden;
 }
 .groupproducts {
	padding: 0px;
	margin: 0px;
	font-size: 1em;
	font: normal 8pt Arial, Helvetica, sans-serif;
}
#response_table{
	color: black
	background-color: transparent;
	margin-left: 185px;
	margin-right: 140px;
	margin-top: 30px;
	width: auto;
	text-align: center;
}
#fspamain{
  color: rgb(0,85,165);
  background-color: transparent;
  text-align: justify;
  margin-left: 185px;
  margin-right: 140px;
  margin-top: 30px;
  width: auto;
  padding: 0px 2%;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}
h1 {
color: rgb(0,85,165);
background-color: transparent;
padding-bottom: 0px;
padding-left: 18%;
font: bold 1.5em "Century Gothic", sans-serif;
text-align: center;
}
h2{
color: rgb(0,0,153);
padding-bottom: 2px;
font: bold 1.3em "Century Gothic", sans-serif;
text-align: left;
}
h4{
color: rgb(0,85,165);
background-color: transparent;
text-align: left;
padding-left: 10px;
font-family:  "Arial", "Helvetica", sans-serif;
font-size: 1em;
font-weight: bold;
}
  #bottom{
  color: white;
  background-color: rgb(11, 85, 215);
  margin-top: 0px;
  /*margin-right: 140px;
  margin-left: 185px;
  width: auto;*/
  height: 148px;
  border: 0px solid rgb(238, 0, 53);
  text-align: center;
  padding-top: 0px;
  padding-left: 10px;
  padding-right:10px;
  font-family:  "Arial", "Helvetica", sans-serif;
  font-size: 0.6em;
  font-weight: normal;
  }

/* Code Ends */