html { width: 100%; }

* { behavior: url(iepngfix.htc); }

body { background-color: transparent;
       color: #636675;
       font-family: Verdana, Arial, sans-serif;
       font-size: 13px;
       text-align: center; }



#mainleftcol { z-index: 4;
	       float: left;
	       width: 60%;
	       padding: 7px;
	       padding-bottom: 15px;
	       text-align: left; }

#mainrightcol { z-index: 4;
		 float: right;
		 width: 33%;
		 padding: 15px;
		 padding-bottom: 15px;
		 font-size: 10px; }

.rightp { line-height: 15px;
	  text-align: left; }

.leftp { line-height: 15px;
	  text-align: left; }

.ctrimg { display: block;
	  margin-left: auto;
	  margin-right: auto; }



#searchdiv { z-index: 4;
	     position: absolute;
	     width: 60%;
	     left: 50px;
	     padding: 10px;
	     padding-bottom: 15px;
	     text-align: left; }

label { width: 10em;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block; }

input, select { color: #558ef1;
		font-weight: bold;
		background-color: #FFFFFF;
		border: 1px solid #2f0eaf; } 

#diver { z-index: 5;
	 position: absolute;
	 left: 400px;
	 top: 100px; }



#poolinternational { z-index: 3;
		     float: left;
		     width: 45%;
		     padding: 10px;
		     border-right: 3px solid white; }

#spainternational {  z-index: 3;
		     float: left;
		     width: 45%;
		     padding: 10px; }

#horizon { z-index: 4;
	   position: absolute;
	   top: 50%;
	   left: 0px;
	   width: 100%;
	   height: 1px;
	   background-color: transparent;
	   overflow: visible;
	   visibility: visible;
	   display: block; }

#content { z-index: 5; 
	   margin-left: -250px;
	   position: absolute;
	   top: -75px;
	   left: 50%;
	   width: 500px;
	   height: 100px;
	   visibility: visible; }



#poolcatalog { z-index: 4;
	       float: left;
	       padding: 10px;
	       font-size: 8pt; }

#spacatalog { z-index: 4;
	      float: left;
	      padding: 10px;
	      font-size: 8pt;
	      border-left: 3px solid white; }

#catframediv { z-index: 2;
	    position: absolute;
	    background-color: transparent;
	    border: 0px;
	    left: 20px;
	    width: 95%; }



#poolreps { display: none;
	   z-index: 3; 
	   margin-left: auto;
	   margin-right: auto;
	   top: 80px;
	   width: 520px;
	   height: 300px;
	   visibility: visible;
	   text-align: center; }

#spareps { display: none;
	   z-index: 3; 
	   margin-left: auto;
	   margin-right: auto;
	   top: 80px;
	   width: 520px;
	   height: 300px;
	   visibility: visible;
	   text-align: center; }

#nonediv { display: none;
	   z-index: 6;
	   position: absolute;
	   top: 150px;
	   right: 150px;
	   width: 150px;
	   line-height: 15px;
	   color: #558ef1;
	   font-weight: bold;
	   font-size: 9pt;
	   background-color: #FFFFFF;
	   border: 1px solid #2f0eaf;  }

#poolnonediv { display: none;
	   z-index: 6;
	   position: absolute;
	   top: 150px;
	   right: 150px;
	   width: 150px;
	   line-height: 15px;
	   color: #558ef1;
	   font-weight: bold;
	   font-size: 9pt;
	   background-color: #FFFFFF;
	   border: 1px solid #2f0eaf;  }

#montanadiv
	 { display: none;
	   z-index: 6;
	   position: absolute;
	   top: 110px;
	   left: 320px;
	   width: 200px;
	   line-height: 15px;
	   color: #558ef1;
	   font-weight: bold;
	   font-size: 8pt;
	   background-color: #FFFFFF;
	   border: 1px solid #2f0eaf;  }


#westusdiv
	 { display: none;
	   z-index: 6;
	   position: absolute;
	   top: 260px;
	   left: 410px;
	   width: 200px;
	   line-height: 15px;
	   color: #558ef1;
	   font-weight: bold;
	   font-size: 8pt;
	   background-color: #FFFFFF;
	   border: 1px solid #2f0eaf;  }


#floridadiv { display: none;
	     z-index: 6;
	     position: absolute;
	     top: 150px;
	     left: 200px;
	     width: 230px;
	     line-height: 15px;
	     color: #558ef1;
	     font-weight: bold;
	     font-size: 8pt;
	     background-color: #FFFFFF;
	     border: 1px solid #2f0eaf;  }

#pooltxdiv, #poolhawaiidiv, #poolwestdiv
	 { display: none;
	   z-index: 6;
	   position: absolute;
	   top: 105px;
	   left: 320px;
	   width: 200px;
	   line-height: 15px;
	   color: #558ef1;
	   font-weight: bold;
	   font-size: 8pt;
	   background-color: #FFFFFF;
	   border: 1px solid #2f0eaf;  }

#poolmidwestdiv
	 { display: none;
	   z-index: 6;
	   position: absolute;
	   top: 275px;
	   left: 400px;
	   width: 200px;
	   line-height: 15px;
	   color: #558ef1;
	   font-weight: bold;
	   font-size: 8pt;
	   background-color: #FFFFFF;
	   border: 1px solid #2f0eaf;  }

#poolsediv, #poolfloridadiv, #poolnoreastdiv, #poolcanadadiv 
	   { display: none;
	     z-index: 6;
	     position: absolute;
	     top: 150px;
	     left: 120px;
	     width: 230px;
	     line-height: 15px;
	     color: #558ef1;
	     font-weight: bold;
	     font-size: 8pt;
	     background-color: #FFFFFF;
	     border: 1px solid #2f0eaf;  }

.salestable { 	z-index: 5; 
	 	position: absolute; 
		top: 400px; 
		left: 50px; }



.instructions { text-align: center;
	font-family: Verdana;
	font-weight: normal;
	color: #558ef1;
	background-color: #FFFFFF;
	border: 1px #2f0eaf solid;
	border-collapse: collapse;
	border-spacing: 0px; }

.instructionstd { background-color: #FFFFFF;
	text-align: left;
	font-family: Verdana;
	font-size: 13px;
	color: #558ef1;
	border: 1px #2f0eaf solid;
	border-collapse: collapse;
	padding: 10px 5px 5px 10px; }

.instructionsth { border-bottom: 2px solid #2f0eaf;
     background-color: #FFFFFF;
	text-align: center;
	font-family: Verdana;
	font-weight: bold;
	font-size: 15px;
	padding: 5px 5px 5px 5px;
	border: 1px #2f0eaf solid;
	border-collapse: collapse;
	color: #558ef1; }

td.instructionstd a:link { text-decoration: none;
	 font-weight: bold;
	 font-size: 13px;
	 color: #3100a7; }

td.instructionstd a:visited { text-decoration: none;
	    font-weight: bold;
	    font-size: 13px; 
	    color: #2c26bc;}

td.instructionstd a:active { text-decoration: none;
	   font-weight: bold;
	   font-size: 13px;
	   color: #3100a7; }

td.instructionstd a:hover { text-decoration: none;
          font-weight: bold;
	  font-size: 13px;
	  color: #2082ec; }





table { text-align: center;
	font-family: Verdana;
	font-weight: normal;
	font-size: 11px;
	color: #558ef1;
	background-color: #FFFFFF;
	border: 1px #2f0eaf solid;
	border-collapse: collapse;
	border-spacing: 0px; }

td { background-color: #FFFFFF;
	text-align: center;
	font-family: Verdana;
	font-size: 10px;
	color: #558ef1; }


th { border-bottom: 2px solid #2f0eaf;
     background-color: #FFFFFF;
	text-align: center;
	font-family: Verdana;
	font-weight: bold;
	font-size: 11px;
	color: #558ef1; }

td a:link { text-decoration: none;
	 font-weight: bold;
	 font-size: 10px;
	 color: #3100a7; }

td a:visited { text-decoration: none;
	    font-weight: bold;
	    font-size: 10px; 
	    color: #2c26bc;}

td a:active { text-decoration: none;
	   font-weight: bold;
	   font-size: 10px;
	   color: #3100a7; }

td a:hover { text-decoration: none;
          font-weight: bold;
	  font-size: 10px;
	  color: #2082ec; }

.tdbold { font-weight: bold;
          font-size: 10px; }


#poolproducts { z-index: 2;
	    position: absolute;
	    background-color: transparent;
	    border: 0px;
	    left: 20px;
	    width: 95%; }

#col1 { z-index: 3;
	    float: left;
	    width: 30%;
	    padding: 10px;
	    font-size: 8pt; }

#col2 {  z-index: 3;
	     float: left;
	     width: 30%;
	     padding: 10px; 
	     font-size: 8pt; }

#col3 {  z-index: 3;
	     float: left;
	     width: 30%;
	     padding: 10px;
	     font-size: 8pt;  }




#choosenews { 	z-index: 5;
		position: absolute;
		display: block;
	  	float: left;
		text-align: left; }

.newsframe { z-index: 3;
	     display: none;
	     position: absolute;
	     background-color: transparent;
	     border: 0px;
	     top: 40px;
	     left: 175px;
	     width: 68%;
	     height: 76%;
	     padding: 10px; }

#news { z-index: 2;
	    position: absolute;
	    background-color: transparent;
	    border: 0px;
	    left: 20px;
	    width: 95%; }

#interdiv { z-index: 2;
	    position: absolute;
	    background-color: transparent;
	    border: 0px;
	    left: 20px;
	    width: 95%; }




.framediv { z-index: 2;
	    position: absolute;
	    background-color: transparent;
	    border: 0px;
	    left: 25px;
	    width: 80%; }

		   
.largeheader { font-weight: bold;
	  	font-size: 12pt;
	  	color: #558ef1; }

.header { font-weight: bold;
	  font-size: 13px;
	  color: #558ef1; }


a:link { text-decoration: none;
	 font-weight: bold;
	 font-size: 9pt;
	 color: #3100a7; }

a:visited { text-decoration: none;
	    font-weight: bold;
	    font-size: 9pt; 
	    color: #2c26bc;}

a:active { text-decoration: none;
	   font-weight: bold;
	   font-size: 9pt;
	   color: #3100a7; }

a:hover { text-decoration: none;
          font-weight: bold;
	  font-size: 9pt;
	  color: #2082ec; }