/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.suckertreemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
z-index: 1;
}

/*Top level list items*/
.suckertreemenu ul li{
position: relative;
display: inline;
float: left;
background-color: #F3F3F3; /*overall menu background color*/
}

/*Top level menu link items style*/
.suckertreemenu ul li a{
display: block;
width: 140px; /*Width of top level menu link items*/
padding: 1px 8px;
border: 1px solid black;
border-left-width: 0;
text-decoration: none;
color: navy;
}
	
/*1st sub level menu*/
.suckertreemenu ul li ul{
left: 0;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
top: 0;
}

/* Sub level menu links style */
.suckertreemenu ul li ul li a{
display: block;
width: 160px; /*width of sub menu levels*/
color: navy;
text-decoration: none;
padding: 1px 5px;
border: 1px solid #ccc;
}

.suckertreemenu ul li a:hover{
background-color: black;
color: white;
}

/*Background image for top level menu list links */
.suckertreemenu .mainfoldericon{
background: #F3F3F3 url(media/arrow-down.gif) no-repeat center right;
}

/*Background image for subsequent level menu list links */
.suckertreemenu .subfoldericon{
background: #F3F3F3 url(media/arrow-right.gif) no-repeat center right;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }
/* End */


a  {
   text-decoration: underline;
   
}

a ins  {
   text-decoration: none;
}

html, body  {
   margin: 0px;
   background-color: #FFFFFF;
   font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
}
p, td, ul, ol{
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
   }
   div.aquasealproducts, td {
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
   }

#layer1  {
   background: url(aquasealindexmedia/layer1.gif) no-repeat;
   position: absolute;
   left: 10px;
   top: 1020px;
   z-index: 1;
   width: 126px;
   height: 150px;
}

#allbutton  {
   position: absolute;
   left: 31px;
   top: 495px;
   z-index: 7;
   width: 131px;
   height: 38px;
}

#allbutton a  {
   background: url(aquasealindexmedia/allbutton.gif) no-repeat;
   display: block;
   height: 38px;
   width: 131px;
   background-position: 0% 0px;
}

#allbutton a:hover  {
   background-position: -131px 0%;
}

#industrialbutton  {
   position: absolute;
   left: 31px;
   top: 454px;
   z-index: 9;
   width: 131px;
   height: 38px;
}

#industrialbutton a  {
   background: url(aquasealindexmedia/industrialbutton.gif) no-repeat;
   display: block;
   height: 38px;
   width: 131px;
   background-position: 0% 0px;
}

#industrialbutton a:hover  {
   background-position: -131px 0%;
}

#recreationalbutton  {
   position: absolute;
   left: 31px;
   top: 413px;
   z-index: 11;
   width: 131px;
   height: 38px;
}

#recreationalbutton a  {
   background: url(aquasealindexmedia/recreationalbutton.gif) no-repeat;
   display: block;
   height: 38px;
   width: 131px;
   background-position: 0% 0px;
}

#recreationalbutton a:hover  {
   background-position: -131px 0%;
}

#marinebutton  {
   position: absolute;
   left: 31px;
   top: 372px;
   z-index: 13;
   width: 131px;
   height: 38px;
}

#marinebutton a  {
   background: url(aquasealindexmedia/marinebutton.gif) no-repeat;
   display: block;
   height: 38px;
   width: 131px;
   background-position: 0% 0px;
}

#marinebutton a:hover  {
   background-position: -131px 0%;
}

#footwearbutton  {
   position: absolute;
   left: 31px;
   top: 331px;
   z-index: 15;
   width: 131px;
   height: 38px;
}

#footwearbutton a  {
   background: url(aquasealindexmedia/footwearbutton.gif) no-repeat;
   display: block;
   height: 38px;
   width: 131px;
   background-position: 0% 0px;
}

#footwearbutton a:hover  {
   background-position: -131px 0%;
}

#firebutton  {
   position: absolute;
   left: 31px;
   top: 290px;
   z-index: 17;
   width: 131px;
   height: 38px;
}

#firebutton a  {
   background: url(aquasealindexmedia/firebutton.gif) no-repeat;
   display: block;
   height: 38px;
   width: 131px;
   background-position: 0% 0px;
}

#firebutton a:hover  {
   background-position: -131px 0%;
}

#leatherbutton  {
   position: absolute;
   left: 31px;
   top: 249px;
   z-index: 19;
   width: 131px;
   height: 38px;
}

#leatherbutton a  {
   background: url(aquasealindexmedia/leatherbutton.gif) no-repeat;
   display: block;
   height: 38px;
   width: 131px;
   background-position: 0% 0px;
}

#leatherbutton a:hover  {
   background-position: -131px 0%;
}

#huntersbutton  {
   position: absolute;
   left: 31px;
   top: 208px;
   z-index: 21;
   width: 131px;
   height: 38px;
}
#huntersbutton a  {
   background: url(aquasealindexmedia/huntersbutton.gif) no-repeat;
   display: block;
   height: 38px;
   width: 131px;
   background-position: 0% 0px;
}

#huntersbutton a:hover  {
   background-position: -131px 0%;
}

#motorcyclebutton  {
   position: absolute;
   left: 31px;
   top: 192px;
   z-index: 22;
   width: 131px;
   height: 38px;
}

#motorcyclebutton a  {
   background: url(aquasealindexmedia/motorcyclebutton.gif) no-repeat;
   display: block;
   height: 38px;
   width: 131px;
   background-position: 0% 0px;
}

#motorcyclebutton a:hover  {
   background-position: -131px 0%;
}

#workbutton  {
   position: absolute;
   left: 31px;
   top: 151px;
   z-index: 24;
   width: 131px;
   height: 38px;
}

#workbutton a  {
   background: url(aquasealindexmedia/workbutton.gif) no-repeat;
   display: block;
   height: 38px;
   width: 131px;
   background-position: 0% 0px;
}

#workbutton a:hover  {
   background-position: -131px 0%;
}

#campingbutton  {
   position: absolute;
   left: 31px;
   top: 111px;
   z-index: 26;
   width: 131px;
   height: 38px;
}

#campingbutton a  {
   background: url(aquasealindexmedia/campingbutton.gif) no-repeat;
   display: block;
   height: 38px;
   width: 131px;
   background-position: 0% 0px;
}

#campingbutton a:hover  {
   background-position: -131px 0%;
}

#layer2  {
   background: url(aquasealindexmedia/layer2.gif) no-repeat;
   position: absolute;
   left: 286px;
   top: 1020px;
   z-index: 28;
   width: 130px;
   height: 150px;
}

#layer3  {
   background: url(aquasealindexmedia/layer3.gif) no-repeat;
   position: absolute;
   left: 145px;
   top: 1020px;
   z-index: 29;
   width: 133px;
   height: 151px;
}

#infocenterbackground  {
   background: url(aquasealindexmedia/infocenterbackground.gif) no-repeat;
   position: absolute;
   left: 469px;
   top: 725px;
   z-index: 30;
   width: 303px;
   height: 54px;
}

#infocenter  {
   background: url(aquasealindexmedia/infocenter.gif) no-repeat;
   position: absolute;
   left: 523px;
   top: 738px;
   z-index: 31;
   width: 197px;
   height: 25px;
}

#footer  {
   position: absolute;
   top: 1180px;
   z-index: 32;
   width: 791px;
   height: 20px;
   background-color: #27337A;
}

#infocentermenu  {
   position: absolute;
   left: 507px;
   top: 798px;
   z-index: 33;
   width: 236px;
   height: 129px;
}

#infocentermenu ul  {
   font: 14px/19px Verdana;
   list-style: none;
   padding: 0px;
   margin: 0px;
   width: 236px;
   color: #000070;
   text-align: left;
}

#infocentermenu ul li  {
   width: 100%;
   display: block;
   float: none;
   margin: 0px;
}

#infocentermenu ul li a  {
   color: #000070;
   display: block;
   width: 100%;
}

#infocentermenu ul li a:hover  {
   font-style: italic;
}

#bottomlogo  {
   background: url(aquasealindexmedia/bottomlogo.gif) no-repeat;
   position: absolute;
   left: 428px;
   top: 946px;
   z-index: 34;
   width: 363px;
   height: 232px;
}

#recommended  {
   background: url(aquasealindexmedia/recommended.gif) no-repeat;
   position: absolute;
   left: 6px;
   top: 933px;
   z-index: 35;
   width: 391px;
   height: 78px;
}

#staydry1  {
   background: url(aquasealindexmedia/staydry1.gif) no-repeat;
   position: absolute;
   left: 7px;
   top: 725px;
   z-index: 36;
   width: 132px;
   height: 196px;
}

#staydry3  {
   background: url(aquasealindexmedia/staydry3.gif) no-repeat;
   position: absolute;
   left: 146px;
   top: 725px;
   z-index: 37;
   width: 132px;
   height: 196px;
}

#staydry2  {
   background: url(aquasealindexmedia/staydry2.gif) no-repeat;
   position: absolute;
   left: 286px;
   top: 724px;
   z-index: 38;
   width: 132px;
   height: 196px;
}

#headergraphic  {
   background: url(aquasealindexmedia/headergraphic.gif) no-repeat;
   position: absolute;
   left: 263px;
   z-index: 39;
   width: 528px;
   height: 79px;
}

#logo  {
   background: url(aquasealindexmedia/logo.gif) no-repeat;
   position: absolute;
   z-index: 40;
   width: 791px;
   height: 79px;
}

#getwet  {
   background: url(aquasealindexmedia/getwet.gif) no-repeat;
   position: absolute;
   left: 265px;
   top: 111px;
   _z-index: -1;
   width: 400px;
   height: 50px;
}

#aquasealproducts  {
   background: url(aquasealindexmedia/aquasealproducts.gif) no-repeat;
   position: absolute;
   left: 230px;
   top: 207px;
   z-index: 42;
   width: 500px;
   height: 350px;
}

#descriptiontext  {
   position: absolute;
   left: 260px;
   top: 566px;
   z-index: 43;
   width: 535px;
   height: 133px;
}

#descriptiontext p  {
   font: 12px/14px Verdana;
   margin: 0px;
   text-align: left;
}

#headlinetext  {
   position: absolute;
   left: 267px;
   top: 169px;
   z-index: 44;
   width: 497px;
   height: 23px;
}

#headlinetext p  {
   font: 18px/22px Verdana;
   margin: 0px;
   text-align: left;
}

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

a ins  {
   text-decoration: none;
}

html, body  {
   margin: 0px;
   background-color: #FFFFFF;
}

#layer1  {
   background: url(aquasealindexmedia/layer1.gif) no-repeat;
   position: absolute;
   left: 10px;
   top: 1020px;
   z-index: 1;
   width: 126px;
   height: 150px;
}

#allbutton  {
   position: absolute;
   left: 31px;
   top: 520px;
   z-index: 6;
   width: 131px;
   height: 38px;
}

#allbutton a  {
   background: url(aquasealindexmedia/allbutton.gif) no-repeat;
   display: block;
   height: 38px;
   width: 131px;
   background-position: 0% 0px;
}

#allbutton a:hover  {
   background-position: -131px 0%;
}

#industrialbutton  {
   position: absolute;
   left: 31px;
   top: 479px;
   z-index: 8;
   width: 131px;
   height: 38px;
}

#industrialbutton a  {
   background: url(aquasealindexmedia/industrialbutton.gif) no-repeat;
   display: block;
   height: 38px;
   width: 131px;
   background-position: 0% 0px;
}

#industrialbutton a:hover  {
   background-position: -131px 0%;
}

#recreationalbutton  {
   position: absolute;
   left: 31px;
   top: 438px;
   z-index: 10;
   width: 131px;
   height: 38px;
}

#recreationalbutton a  {
   background: url(aquasealindexmedia/recreationalbutton.gif) no-repeat;
   display: block;
   height: 38px;
   width: 131px;
   background-position: 0% 0px;
}

#recreationalbutton a:hover  {
   background-position: -131px 0%;
}

#marinebutton  {
   position: absolute;
   left: 31px;
   top: 397px;
   z-index: 12;
   width: 131px;
   height: 38px;
}

#marinebutton a  {
   background: url(aquasealindexmedia/marinebutton.gif) no-repeat;
   display: block;
   height: 38px;
   width: 131px;
   background-position: 0% 0px;
}

#marinebutton a:hover  {
   background-position: -131px 0%;
}

#footwearbutton  {
   position: absolute;
   left: 31px;
   top: 356px;
   z-index: 14;
   width: 131px;
   height: 38px;
}

#footwearbutton a  {
   background: url(aquasealindexmedia/footwearbutton.gif) no-repeat;
   display: block;
   height: 38px;
   width: 131px;
   background-position: 0% 0px;
}

#footwearbutton a:hover  {
   background-position: -131px 0%;
}

#firebutton  {
   position: absolute;
   left: 31px;
   top: 315px;
   z-index: 16;
   width: 131px;
   height: 38px;
}

#firebutton a  {
   background: url(aquasealindexmedia/firebutton.gif) no-repeat;
   display: block;
   height: 38px;
   width: 131px;
   background-position: 0% 0px;
}

#firebutton a:hover  {
   background-position: -131px 0%;
}

#leatherbutton  {
   position: absolute;
   left: 31px;
   top: 274px;
   z-index: 18;
   width: 131px;
   height: 38px;
}

#leatherbutton a  {
   background: url(aquasealindexmedia/leatherbutton.gif) no-repeat;
   display: block;
   height: 38px;
   width: 131px;
   background-position: 0% 0px;
}

#leatherbutton a:hover  {
   background-position: -131px 0%;
}

#huntersbutton  {
   position: absolute;
   left: 31px;
   top: 233px;
   z-index: 20;
   width: 131px;
   height: 38px;
}

#huntersbutton a  {
   background: url(aquasealindexmedia/huntersbutton.gif) no-repeat;
   display: block;
   height: 38px;
   width: 131px;
   background-position: 0% 0px;
}

#huntersbutton a:hover  {
   background-position: -131px 0%;
}

#motorcyclebutton  {
   position: absolute;
   left: 31px;
   top: 192px;
   z-index: 22;
   width: 131px;
   height: 38px;
}

#motorcyclebutton a  {
   background: url(aquasealindexmedia/motorcyclebutton.gif) no-repeat;
   display: block;
   height: 38px;
   width: 131px;
   background-position: 0% 0px;
}

#motorcyclebutton a:hover  {
   background-position: -131px 0%;
}

#workbutton  {
   position: absolute;
   left: 31px;
   top: 151px;
   z-index: 24;
   width: 131px;
   height: 38px;
}

#workbutton a  {
   background: url(aquasealindexmedia/workbutton.gif) no-repeat;
   display: block;
   height: 38px;
   width: 131px;
   background-position: 0% 0px;
}

#workbutton a:hover  {
   background-position: -131px 0%;
}

#campingbutton  {
   position: absolute;
   left: 31px;
   top: 111px;
   z-index: 26;
   width: 131px;
   height: 38px;
}

#campingbutton a  {
   background: url(aquasealindexmedia/campingbutton.gif) no-repeat;
   display: block;
   height: 38px;
   width: 131px;
   background-position: 0% 0px;
}

#campingbutton a:hover  {
   background-position: -131px 0%;
}

#layer2  {
   background: url(aquasealindexmedia/layer2.gif) no-repeat;
   position: absolute;
   left: 286px;
   top: 1020px;
   z-index: 28;
   width: 130px;
   height: 150px;
}

#layer3  {
   background: url(aquasealindexmedia/layer3.gif) no-repeat;
   position: absolute;
   left: 145px;
   top: 1020px;
   z-index: 29;
   width: 133px;
   height: 151px;
}

#infocenterbackground  {
   background: url(aquasealindexmedia/infocenterbackground.gif) no-repeat;
   position: absolute;
   left: 469px;
   top: 725px;
   z-index: 30;
   width: 303px;
   height: 54px;
}

#infocenter  {
   background: url(aquasealindexmedia/infocenter.gif) no-repeat;
   position: absolute;
   left: 523px;
   top: 738px;
   z-index: 31;
   width: 197px;
   height: 25px;
}

#footer  {
   position: absolute;
   top: 1180px;
   z-index: 32;
   width: 791px;
   height: 20px;
   background-color: #27337A;
}

#infocentermenu  {
   position: absolute;
   left: 507px;
   top: 798px;
   z-index: 33;
   width: 236px;
   height: 129px;
}

#infocentermenu ul  {
   font: 14px/19px Verdana;
   list-style: none;
   padding: 0px;
   margin: 0px;
   width: 236px;
   color: #000070;
   text-align: left;
}

#infocentermenu ul li  {
   width: 100%;
   display: block;
   float: none;
   margin: 0px;
}

#infocentermenu ul li a  {
   color: #000070;
   display: block;
   width: 100%;
}

#infocentermenu ul li a:hover  {
   font-style: italic;
}

#bottomlogo  {
   background: url(aquasealindexmedia/bottomlogo.gif) no-repeat;
   position: absolute;
   left: 428px;
   top: 946px;
   z-index: 34;
   width: 363px;
   height: 232px;
}

#recommended  {
   background: url(aquasealindexmedia/recommended.gif) no-repeat;
   position: absolute;
   left: 6px;
   top: 933px;
   z-index: 35;
   width: 391px;
   height: 78px;
}

#staydry1  {
   background: url(aquasealindexmedia/staydry1.gif) no-repeat;
   position: absolute;
   left: 7px;
   top: 725px;
   z-index: 36;
   width: 132px;
   height: 196px;
}

#staydry3  {
   background: url(aquasealindexmedia/staydry3.gif) no-repeat;
   position: absolute;
   left: 146px;
   top: 725px;
   z-index: 37;
   width: 132px;
   height: 196px;
}

#staydry2  {
   background: url(aquasealindexmedia/staydry2.gif) no-repeat;
   position: absolute;
   left: 286px;
   top: 724px;
   z-index: 38;
   width: 132px;
   height: 196px;
}

#headergraphic  {
   background: url(aquasealindexmedia/headergraphic.gif) no-repeat;
   position: absolute;
   left: 263px;
   z-index: 39;
   width: 528px;
   height: 79px;
}

#logo  {
   background: url(aquasealindexmedia/logo.gif) no-repeat;
   position: absolute;
   z-index: 40;
   width: 791px;
   height: 79px;
}

#getwet  {
   background: url(aquasealindexmedia/getwet.gif) no-repeat;
   position: absolute;
   left: 265px;
   top: 111px;
   z-index: 0;
   width: 400px;
   height: 50px;
}

#aquasealproducts  {
   background: url(aquasealindexmedia/aquasealproducts.gif) no-repeat;
   position: absolute;
   left: 230px;
   top: 207px;
   z-index: 42;
   width: 500px;
   height: 350px;
}

#descriptiontext  {
   position: absolute;
   left: 260px;
   top: 566px;
   z-index: 43;
   width: 535px;
   height: 133px;
}

#descriptiontext p  {
   font: 12px/14px Verdana;
   margin: 0px;
   text-align: left;
}

#headlinetext  {
   position: absolute;
   left: 267px;
   top: 169px;
   z-index: 44;
   width: 497px;
   height: 23px;
}

#headlinetext p  {
   font: 18px/22px Verdana;
   margin: 0px;
   text-align: left;
}