/* This is The Main Div Page which sets the width, etc. for the entire page */
div.mainpage {
   width: 745px;
   margin: 0 auto ;

   font-family: Arial, Helvetica;
   color: #000000 ;
   font-size: 10pt ;
}

body {
   font-family: Verdana, Veranda,Arial, Helvetica, sans-serif;
   font-size: 11px;
/*   line-height: 18px; */
   color: #000000;
   text-align:left ;
}

p  {
   font-family: Verdana, Veranda,Arial, Helvetica, sans-serif;
   font-size: 11px;
   line-height: 18px;
/*   text-align:left; */
   color: #000000;}

h1  {
   font-family: Verdana, Veranda,Arial, Helvetica, sans-serif;
   font-size: 30px;
/*   line-height: 120%; */
   color: #000080;}

td {
   font-family: Verdana, Veranda,Arial, Helvetica, sans-serif;
   font-size: 11px;
/*   text-align:left; */
   color: #000000;}

th {
   font-family: Veranda,Arial, Helvetica, sans-serif;
   font-size: 12px;}

form {
   word-spacing: 0;
   margin-top: 0;
   margin-bottom: 0 ;
   font-family: Verdana, Veranda,Arial, Helvetica, sans-serif;
   font-size: 11px;
   color: #000000;}

input {
   font-family: Verdana, Veranda,Arial, Helvetica, sans-serif;
   font-size: 11px;
   color: #000000;}

textarea {
   font-family: Verdana, Veranda,Arial, Helvetica, sans-serif;
   font-size: 11px;
   color: #000000;}

select {
   font-family: Verdana, Veranda,Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #000000;}

ul {
   list-style-type: disc;
   list-style-position: outside;
   font-family: Verdana, Veranda,Arial, Helvetica, sans-serif;
   text-align:left ;
   line-height: 150%;
   font-size: 11px;
   color: #000000;
}

li {
   font-family: Verdana, Veranda,Arial, Helvetica, sans-serif;
   font-size: 11px;
   color: #000000;}

ol {
   list-style-type: decimal;
   list-style-position: outside;
   font-family: Verdana, Veranda,Arial, Helvetica, sans-serif;
   text-align:left ;
   font-size: 11px;
   color: #000000;}
   
.spadaddy {
   font-family: "Broadway BT", Verdana, Veranda,Arial, Helvetica, sans-serif;
   color: #FFFF00;
   font-size: 36pt;
   line-height: 120%;
}

.sparkling {
   font-family: Verdana, Veranda,Arial, Helvetica, sans-serif;
   color: #FFFF00;
   font-size: 18pt;
}

.easy {
   font-family: Verdana, Veranda,Arial, Helvetica, sans-serif;
/*   color: #00FFFF; */
   color: #83C3F3;
   font-size: 16pt;
}

.product-pages  {position: relative; width:600px;  text-align:center;}

.product-pages-header  {position: relative; width:600px;  padding:10px 25px 10px 5px;  text-align:center;}
.product-pages-header  h1{font: bold 30px Arial, Helvetica, sans-serif; color:#000080; padding: 0; margin: 0; text-align:center; line-height:1.1em;}
.product-pages-header  img{ padding: 0; margin: 0; text-align:center; }

.index-pages-header  {position: relative; width:550px;  height:160px; padding:0px 10px 10px 10px; margin:0 0 40px 0; text-align:center; border: 0px solid #000000; background: url(/images/roundedcornr_228671.gif);background-repeat: no-repeat;}
.index-pages-header  a{font: bold 28px Arial, Helvetica, sans-serif; color:#000080; padding: 0; margin: 0; text-align:center; line-height:1.7em; text-decoration: none;}
.index-pages-header  img{ padding: 0; margin: 10px 0 0 0; text-align:center; }

.product-category  {position: relative; width:230px; height:200px; float:left; margin:25px 35px 25px 20px ; background: #FFFFFF  url(/images/water1.jpg); padding:0 ; border: 0px solid #000080; text-align:center;}
.product-category-picture  {width:160px; margin:10px 10px 5px 20px;}
.product-category-picture a{text-decoration:none}
.product-category-picture a:hover{text-decoration:none; background:none;}

.product-category-header {width:210px;  margin:3px 10px 5px 10px; font: bold 12px Arial, Helvetica, sans-serif; color:#000; text-align:center;}
.product-category-header a{font: bold 20px Arial, Helvetica, sans-serif; color:#FCFAA4; text-align:center; line-height:1.1em; text-decoration:none}
.product-category-header a:hover{text-decoration:none; background:none;}

.product-category-products {width:210px;  margin:10px 0 0 0 ; font: bold 20px Arial, Helvetica, sans-serif; color:#000; text-align:center;}
.product-category-products a{font: bold 14px Arial, Helvetica, sans-serif; color:#000000; text-align:center; line-height:1.4em; text-decoration:none}
.product-category-products a:hover{text-decoration:none; background:none;}

.product-category-footer {width:210px;  margin:5px 10px 0px 10px; ; font: normal 12px Arial, Helvetica, sans-serif; color:#000; text-align:center; border-top: 1px  solid #000000; text-align:center;}

.main-body {width:630px; margin:0 auto; padding:0; border: 0px solid #000000;}

.right-main  { width:630px; float:right; text-align:left; margin:20px 0 0 0; }

.product-listing  {position: relative; width:200px; height:400px; float:left; margin:0 5px 30px 0; background: #FFFFFF  url(/images/product_background.gif); padding:0; border: 0px solid #000000; text-align:center;}

.product-listing-picture  {width:200px; height:120px; margin:10px 0px 10px 0px;}
.product-listing-picture a{text-decoration:none}
.product-listing-picture a:hover{text-decoration:none; background:none;}

.product-listing-header {width:190px;  height:60px; margin:3px 5px 5px 5px; font: bold 12px Arial, Helvetica, sans-serif; color:#000; text-align:center;}
.product-listing-header a{font: bold 20px Arial, Helvetica, sans-serif; color:#000080; text-align:center; line-height:1.4em; text-decoration:none}
.product-listing-header a:hover{text-decoration:none; background:none;}

.product-listing-header1 {width:190px;  height:60px; margin:3px 5px 5px 5px; font: bold 12px Arial, Helvetica, sans-serif; color:#000; text-align:center;}
.product-listing-header1 a{font: bold 16px Arial, Helvetica, sans-serif; color:#000080; text-align:center; line-height:1.4em; text-decoration:none}
.product-listing-header1 a:hover{text-decoration:none; background:none;}

.product-listing-header2 {width:190px;  height:60px; margin:3px 5px 5px 5px; font: bold 12px Arial, Helvetica, sans-serif; color:#000; text-align:center;}
.product-listing-header2 a{font: bold 14px Arial, Helvetica, sans-serif; color:#000080; text-align:center; line-height:1.4em; text-decoration:none}
.product-listing-header2 a:hover{text-decoration:none; background:none;}

.product-listing-header3 {width:190px;  height:60px; margin:3px 5px 5px 5px; font: bold 12px Arial, Helvetica, sans-serif; color:#000; text-align:center;}
.product-listing-header3 a{font: bold 12px Arial, Helvetica, sans-serif; color:#000080; text-align:center; line-height:1.4em; text-decoration:none}
.product-listing-header3 a:hover{text-decoration:none; background:none;}

.product-listing-filters-price {width:180px; height:158px; margin:3px 10px 10px 10px; font: 14px Arial, Helvetica, sans-serif; color:#000; text-align:center;}
.product-listing-filters-price a{font: normal 12px Arial, Helvetica, sans-serif; color:#000; text-align:center; line-height:1.2em; text-decoration:none}
.product-listing-filters-price a:hover{text-decoration:none; background:none;}

.product-listing-footer {width:180px;  position: absolute; bottom: 0; left: 0; margin:3px 10px 10px 10px; font: 14px Arial, Helvetica, sans-serif; color:#000; text-align:center;}
.product-listing-footer a{font: normal 12px Arial, Helvetica, sans-serif; color:#000; text-align:center; line-height:1.2em; text-decoration:none}
.product-listing-footer a:hover{text-decoration:none; background:none;}

.brand-listing  {position: relative; width:200px; height:400px; float:left; margin:0 5px 30px 0; background: #FFFFFF  url(/images/product_background.gif); padding:0; border: 0px solid #000000; text-align:center;}

.brand-listing-header {width:190px;  height:40px; margin:3px 5px 5px 5px; font: bold 12px Arial, Helvetica, sans-serif; color:#000; text-align:center;}
.brand-listing-header a{font: bold 20px Arial, Helvetica, sans-serif; color:#000080; text-align:center; line-height:1.4em; text-decoration:none}
.brand-listing-header a:hover{text-decoration:none; background:none;}

.brand-listing-picture  {width:200px; height:250px; margin:10px 0px 10px 0px;}
.brand-listing-picture a{text-decoration:none}
.brand-listing-picture a:hover{text-decoration:none; background:none;}

.brand-listing-footer {width:180px;  margin:3px 10px 2px 10px; font: 14px Arial, Helvetica, sans-serif; color:#000; text-align:center;}
.brand-listing-footer a{font: normal 12px Arial, Helvetica, sans-serif; color:#000; text-align:center; line-height:1.2em; text-decoration:none}
.brand-listing-footer a:hover{text-decoration:none; background:none;}

.pool-and-spa-chemicals-listing  {position: relative; width:200px; height:400px; float:left; font: 12px Arial, Helvetica, sans-serif; color:#000080; margin:0 5px 30px 0; background: #FFFFFF  url(/images/product_background.gif); padding:0; border: 0px solid #000000; text-align:center;}

.pool-and-spa-chemicals-listing-header {width:190px;  height:25px; margin:3px 5px 5px 5px; font: bold 12px Arial, Helvetica, sans-serif; color:#000; text-align:center;}
.pool-and-spa-chemicals-listing-header a{font: bold 20px Arial, Helvetica, sans-serif; color:#000080; text-align:center; line-height:1.4em; text-decoration:none}
.pool-and-spa-chemicals-listing-header a:hover{text-decoration:none; background:none;}

.pool-and-spa-chemicals-listing-picture  {width:200px; height:150px; margin:10px 0px 10px 0px; border: 0px solid #000000;}
.pool-and-spa-chemicals-listing-picture a{text-decoration:none}
.pool-and-spa-chemicals-listing-picture a:hover{text-decoration:none; background:none;}

.pool-and-spa-chemicals-listing-products {width:190px;  height:100px; margin:10px 0 0 0 ; font: 12px Arial, Helvetica, sans-serif; color:#000; text-align:center; border: 0px solid #000000;}
.pool-and-spa-chemicals-listing-products a{font: bold 12px Arial, Helvetica, sans-serif; color:#000000; text-align:center; line-height:1.4em; text-decoration:none}
.pool-and-spa-chemicals-listing-products a:hover{text-decoration:none; background:none;}

.pool-and-spa-chemicals-listing-footer {width:180px;  margin:3px 10px 2px 10px; font: 11px Arial, Helvetica, sans-serif; color:#000; text-align:center;}
.pool-and-spa-chemicals-listing-footer a{font: normal 12px Arial, Helvetica, sans-serif; color:#000; text-align:center; line-height:1.2em; text-decoration:none}
.pool-and-spa-chemicals-listing-footer a:hover{text-decoration:none; background:none;}

/*.index-listing  {position: relative; width:200px; height:400px; float:left; font: 12px Arial, Helvetica, sans-serif; color:#000080; margin:0 5px 30px 0; background: #FFFFFF  url(/images/product_background.gif); padding:0; border: 0px solid #000000; text-align:center;} */
.index-listing  {position: relative; width:195px; height:300px; float:left; font: 12px Arial, Helvetica, sans-serif; color:#000080; margin:0 10px 30px 0; background: #FFFFFF  url(/images/index-background.gif); padding:0; border: 0px solid #000000; text-align:center;}

.index-listing-header {width:180px;  height:20px; margin:5px 5px 10px 5px; font: bold 12px Arial, Helvetica, sans-serif; color:#000; text-align:center;}
.index-listing-header a{font: bold 20px Arial, Helvetica, sans-serif; color:#000080; text-align:center; line-height:1.4em; text-decoration:none}
.index-listing-header a:hover{text-decoration:none; background:none;}

.index-listing-picture  {width:180px; height:250px; margin:5px 0px 10px 7px; border: 0px solid #000000;}
.index-listing-picture a{text-decoration:none}
.index-listing-picture a:hover{text-decoration:none; background:none;}

.clr { clear:both; padding:0; margin:0; background:none;}

.search_resize { width:138px; float:left ;margin:10px 0 10px 3px; padding:0; border: 1px solid #000000;}

.search { padding:0; margin:0; width:140px; float:left; background:none;}
.search form { display:block; float:left; margin:0 ;padding:0; background:none;}
.search span { display:block; float:left; background: url(/images/search_bg.gif) left top no-repeat; width:103px; margin:0; padding:0; height:30px;}
.search form .keywords { width:100px; line-height:17px; height:17px; float:left; background:none; border:0; padding:8px 2px; margin:0; font:normal 12px Arial, Helvetica, sans-serif; color:#000;}
.search form .button { float:left; margin:0; padding:0;}



.a0      { font-size: 8px }
.a1      { font-size: 10px; line-height:10px;}
.a15      { font-size: 11px }
.a2      { font-size: 12px }
.a3      { font-size: 14px }
.a4      { font-size: 16px }
.a5      { font-size: 18px }
.a6      { font-size: 22px ; line-height:22px;}

a.blacklink { color:#FFFFFF; text-decoration:none }
a.blacklink:hover { color:#FFFF00;text-decoration:none}

a.redblueclick { color:#EA0000; text-decoration:none }
a.redblueclick:hover { color:#000080; text-decoration:none; }

a.blueredunderline { color:#7979FF; text-decoration:underline }
a.blueredunderline:hover { color:#EA0000; text-decoration:none; background: #FFFF82; }

a.noaction {text-decoration:none }

a.black_noaction {color:#000000; text-decoration:none;}

a.maroonblueclick { color:#800000; text-decoration:none }
a.maroonblueclick:hover { color:#000080; text-decoration:none; background: #F7F77D; }

a.maroonblueunderline { color:#800000; text-decoration:underline }
a.maroonblueunderline:hover { color:#000080; text-decoration:none; background: #F7F77D; }

a.bluemaroonunderline {color:#0066FF; text-decoration:underline}
a.bluemaroonunderline:hover { color:#800000; text-decoration:none; background: #FFFF82;}

a.bluemaroonclick {color:#000080; text-decoration:none}
a.bluemaroonclick:hover { color:#800000; text-decoration:none; background: #FFFF82;}

a.bluemaroonunderline {color:#000080; text-decoration:underline}
a.bluemaroonunderline:hover { color:#800000; text-decoration:none; background: #FFFF82;}

a.blackmaroonclick {color:#000000; text-decoration:none}
a.blackmaroonclick:hover { color:#800000; text-decoration:none; background: #FFFF82;}