/* 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 ;
}

div.topofpage {
   position: absolute;
   top: 200px;
   width: 540px;
   margin-left: 20px;
   font-family: Arial, Helvetica;
   font-size: 10pt ;
   color: #800000;
   text-align: center
}

body {
   font-family: Verdana, Veranda,Arial, Helvetica, sans-serif;
   font-size: 11px;
   line-height: 18px;
   color: #595959;
}

p  {
   font-family: Verdana, Veranda,Arial, Helvetica, sans-serif;
   font-size: 11px;
   line-height: 18px;
   color: #595959;}

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

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: #595959;}

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

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

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;
   line-height: 150%;
   font-size: 11px;
   color: #595959;
}

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

ol {
   list-style-type: decimal;
   list-style-position: outside;
   font-family: Verdana, Veranda,Arial, Helvetica, sans-serif;
   font-size: 11px;
   color: #595959;}

.spadaddy {
   font-family: "Broadway BT", Verdana, Veranda,Arial, Helvetica, sans-serif;
   color: #FFFF00;
   font-size: 36pt;
}

.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;
   font-size: 16pt;
}

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

.product-pages-header  {position: relative; width:600px;  padding:10px 25px 10px 25px;  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 35px ; 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;}

.a0      { font-size: 8px }
.a1      { font-size: 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 }

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.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;}

 /* gray navagation boxes */

.container-ccc {background:#CCC; color:#FFFFFF; margin:0 15px;}
.rtop-ccc, .rbottom-ccc{
display:block;
background:#FFFFFF;
}
.rtop-ccc *, .rbottom-ccc *{
display: block;
height: 1px;
overflow: hidden;
background:#CCC;
}
.r1-ccc{margin: 0 5px}
.r2-ccc{margin: 0 3px}
.r3-ccc{margin: 0 2px}
.r4-ccc{
margin: 0 1px;
height: 2px
}

 /* yellow navagation boxes */

.container {background:#FFFF82; color:#000000; margin:0 0px;}
.rtop, .rbottom {display:block;  background:#000000; }
.rtop *, .rbottom *{display: block; height: 1px; overflow: hidden; background:#FFFF82; }
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px; height: 2px }

 /* light blue navagation boxes */

.container-82FFFF {background:#82FFFF; color:#FFFFFF; margin:0 15px;}
.rtop-82FFFF, .rbottom-82FFFF{
display:block;
background:#FFFFFF;
}
.rtop-82FFFF *, .rbottom-82FFFF *{
display: block;
height: 1px;
overflow: hidden;
background:#82FFFF;
}
.r1-82FFFF{margin: 0 5px}
.r2-82FFFF{margin: 0 3px}
.r3-82FFFF{margin: 0 2px}
.r4-82FFFF{
margin: 0 1px;
height: 2px
}