body
{color:#003;}

/*-----------------------------------------------------------------------------
    Toggle List
-----------------------------------------------------------------------------*/


#menuContainer{
	width: 160px;
	border: 1px solid #999999;
	background-color:#000033;
	margin:6px;
	
}

/*----- general UL & LI ---------------------------------*/


ol
    {
    list-style-type: none;
    padding:0;
    margin: 0;
    font: xx-small/18px verdana;
    }
                        /* Use open bullets.
                           Override if JS enabled (HTML class="menuClosed")*/

li
    {
    margin:0;
    }

.menuClosed li
    {
    margin:0;
    }
/*----- headers & sub ULs -------------------------------*/



.headlink
    {
    width:   160px;
    height:   25px;
    display: block;
    }


                    /* sub ULs only closed when contained in
                       an elm, class="menuclosed".
                       The script sets the HTML element to this
                       class.*/
.menuClosed li ol 
    {
    display: none;
    }

li.open ol 
    {
    display:block;
    }
a.littlelink {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #FFCC33;
	text-decoration:none;
}
a.littlelink:visited {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #FFCC33;
	text-decoration:none;
}
a.littlelink:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #FFCC33;
	text-decoration:underline;
}
a.littlelink:active {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #FFCC33;
	text-decoration:none;
}
/*----- sub-items ---------------------------------------*/

li li.,
.menuClosed li li          /*Need to specifically override this one*/
    {
    display: block;
    width:   160px;
    height:   15px;
    /* sub-item bullets */
    background-image:     url(/images/sub-section.gif);
    background-repeat:    no-repeat;
    background-position:  0px ;
    background-color:     #000033;
	padding-bottom:3px;
    }



                    /* left-margin on sub-link to show
                       bullet (which is BG image).
                       We use margin, rather than left-padding
                       on parent LI, so as to avoid possible
                       "Box Model" problems.*/
li li a
    {
    text-decoration:none;
    margin-left: 15px;
    }

/*----- header link BG images ---------------------------*/
#aquascape{background-image:url(../images/sidenav_aquascape_products.gif); background-repeat:no-repeat;}
#accessories{background-image:url(../images/sidenav_accessories.gif); background-repeat:no-repeat;}
#aeration{background-image:url(../images/sidenav_aeration.gif);background-repeat:no-repeat;}
#algae{background-image:url(../images/sidenav_algae.gif);background-repeat:no-repeat;}
#aquatic{background-image:url(../images/sidenav_aquatic.gif);background-repeat:no-repeat;}
#books{background-image:url(../images/sidenav_books.gif);background-repeat:no-repeat;}
#bridges{background-image:url(../images/sidenav_bridges.gif);background-repeat:no-repeat;}
#decoys{background-image:url(../images/sidenav_decoys.gif);background-repeat:no-repeat;}
#electrical{background-image:url(../images/sidenav_electrical.gif);background-repeat:no-repeat;}
#fliters{background-image:url(../images/sidenav_filters.gif);background-repeat:no-repeat;}
#flitersmedia{background-image:url(../images/sidenav_filtermedia.gif);background-repeat:no-repeat;}
#fishfood{background-image:url(../images/sidenav_fishfood.gif);background-repeat:no-repeat;}
#fishproducts{background-image:url(../images/sidenav_fishproducts.gif);background-repeat:no-repeat;}
#foggers{background-image:url(../images/sidenav_foggers.gif);background-repeat:no-repeat;}
#fountains{background-image:url(../images/sidenav_fountains.gif);background-repeat:no-repeat;}
#lighting{background-image:url(../images/sidenav_lighting.gif);background-repeat:no-repeat;}
#mosquito{background-image:url(../images/sidenav_mosquito.gif);background-repeat:no-repeat;}
#plumbing{background-image:url(../images/sidenav_plumbing.gif);background-repeat:no-repeat;}
#cleaning{background-image:url(../images/sidenav_cleaning.gif);background-repeat:no-repeat;}
#kits{background-image:url(../images/sidenav_kits.gif);background-repeat:no-repeat;}
#pondlesswaterfalls{background-image:url(../images/sidenav_pondlesswaterfalls.gif);background-repeat:no-repeat;}
#liner{background-image:url(../images/sidenav_liner.gif);background-repeat:no-repeat;}
#pumps{background-image:url(../images/sidenav_pumps.gif);background-repeat:no-repeat;}
#skimmers{background-image:url(../images/sidenav_skimmers.gif);background-repeat:no-repeat;}
#skimmerfilters{background-image:url(../images/sidenav_skimmerfilters.gif);background-repeat:no-repeat;}
#solar{background-image:url(../images/sidenav_solar.gif);background-repeat:no-repeat;}
#testing{background-image:url(../images/sidenav_testing.gif);background-repeat:no-repeat;}
#treatments{background-image:url(../images/sidenav_treatments.gif);background-repeat:no-repeat;}
#tubing{background-image:url(../images/sidenav_tubing.gif);background-repeat:no-repeat;}
#uv{background-image:url(../images/sidenav_uv.gif);background-repeat:no-repeat;}
#vacuums{background-image:url(../images/sidenav_vacuums.gif);background-repeat:no-repeat;}
#conditioners{background-image:url(../images/sidenav_conditions.gif);background-repeat:no-repeat;}
#waterfalls{background-image:url(../images/sidenav_waterfalls.gif);background-repeat:no-repeat;}
#waterfallskits{background-image:url(../images/sidenav_waterfallskits.gif);background-repeat:no-repeat;}
#winter{background-image:url(../images/sidenav_winter.gif);background-repeat:no-repeat;}
#sale{background-image:url(../images/sidenav_sale.gif);background-repeat:no-repeat;}

