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

.body1 {
position: absolute;
top: 180px;
left: 200px;
width:560px;
color: #000000;
}


#body1 {
position: absolute;
top: 180px;
left: 200px;
width:560px;
color: #000000;
}


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


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

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

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

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