/* Site navigation.  */

#site-nav-wrapper {
    margin: auto;
    margin-bottom: 2em; /* Bump content underneath down. */
    width: 100%;
    min-width: 170px;
    text-align: center;
}
#site-nav {
    list-style: none;
    margin: auto;
    padding: 0;
    width: 100%;
}
#site-nav > li {
    padding: 0;
    margin: auto;
    height: 45px;
    width: 170px;
}
#site-nav-top, #site-nav-bottom {
    max-height: 50px; /* important! */
}

#catalogue { background: url("/images/nav/left/catalog.png") top center no-repeat; }
#aboutus { background: url("/images/nav/left/aboutus.png") top center no-repeat; }
#newsev { background: url("/images/nav/left/newsandevents.png") top center no-repeat; }
#orderinfo { background: url("/images/nav/left/orderinfo.png") top center no-repeat; }
#plantinfo { background: url("/images/nav/left/plantinginfo.png") top center no-repeat; }
#plantfinder { background: url("/images/nav/left/plantsearch.png") top center no-repeat; }
#contact { background: url("/images/nav/left/contactus.png") top center no-repeat; }
#links { background: url("/images/nav/left/links.png") top center no-repeat; }
#homepg { background: url("/images/nav/left/home.png") top center no-repeat; }
#viewcart { background: url("/images/nav/left/viewcart.png") top center no-repeat; }

#catalogue:hover, #catalogue:active,
#aboutus:hover, #aboutus:active,
#newsev:hover, #newsev:active,
#orderinfo:hover, #orderinfo:active,
#plantinfo:hover, #plantinfo:active,
#plantfinder:hover, #plantfinder:active,
#contact:hover, #contact:active,
#links:hover, #links:active,
#homepg:hover, #homepg:active,
#viewcart:hover, #viewcart:active {
    background-position: 0 -45px;
}

/* Catalog menu.  */

#catalog-nav-wrapper {
    margin: auto;
    margin-bottom: 2em; /* Bump content underneath down. */
    width: 100%;
    min-width: 170px;
    text-align: center;
}
#catalog-nav {
    list-style: none;
    padding: 0;
    margin: auto;
    width: 100%;
}
#catalog-nav > li {
    padding: 0;
    margin: auto;
    height: 45px;
    width: 170px;
}
#catalog-nav > li > a {
    /* super hack.  */
    float: left;
    max-height: 45px;
}
#catalog-nav-top, #catalog-nav-bottom {
    max-height: 50px; /* important! */
}
.catalog-nav-sublist {
    margin: 0;
    padding: 0;
}
.catalog-nav-sublist > li {
    padding: 0;
    margin: 0;
    max-height: 35px;
    max-width: 85px;
    float: left;
    display: block;
}

#perennials-head { background: url("/images/catnav/perennials.png") top center no-repeat; }
#perennials-aan { background: url("/images/catnav/35pxh-subnav/perennials-aan.png") top center no-repeat; }
#perennials-anaz { background: url("/images/catnav/35pxh-subnav/perennials-anaz.png") top center no-repeat; }
#perennials-bc { background: url("/images/catnav/35pxh-subnav/perennials-bc.png") top center no-repeat; }
#perennials-de { background: url("/images/catnav/35pxh-subnav/perennials-de.png") top center no-repeat; }
#perennials-fg { background: url("/images/catnav/35pxh-subnav/perennials-fg.png") top center no-repeat; }
#perennials-hi { background: url("/images/catnav/35pxh-subnav/perennials-hi.png") top center no-repeat; }
#perennials-jm { background: url("/images/catnav/35pxh-subnav/perennials-jm.png") top center no-repeat; }
#perennials-nq { background: url("/images/catnav/35pxh-subnav/perennials-nq.png") top center no-repeat; }
#perennials-rs { background: url("/images/catnav/35pxh-subnav/perennials-rs.png") top center no-repeat; }
#perennials-tz { background: url("/images/catnav/35pxh-subnav/perennials-tz.png") top center no-repeat; }
#grasses-head { background: url("/images/catnav/grasses.png") top center no-repeat; }
#grasses-ad { background: url("/images/catnav/35pxh-subnav/grasses-ad.png") top center no-repeat; }
#grasses-ez { background: url("/images/catnav/35pxh-subnav/grasses-ez.png") top center no-repeat; }
#shrubs-head { background: url("/images/catnav/shrubs.png") top center no-repeat; }
#shrubs-af { background: url("/images/catnav/35pxh-subnav/shrubs-af.png") top center no-repeat; }
#shrubs-gz { background: url("/images/catnav/35pxh-subnav/shrubs-gz.png") top center no-repeat; }
#treevine { background: url("/images/catnav/treesvines.png") top center no-repeat; }
#genuslist { background: url("/images/catnav/genuslist.png") top center no-repeat; }
#giftcert { background: url("/images/catnav/giftcerts.png") top center no-repeat; }
#tshirt { background: url("/images/catnav/tshirts.png") top center no-repeat; }
#cardetch { background: url("/images/catnav/giftcardsetchings.png") top center no-repeat; }
#slydes { background: url("/images/catnav/slideshows.png") top center no-repeat; }
#pgal { background: url("/images/catnav/photogallery.png") top center no-repeat; }

#perennials-head:hover, #perennials-head:active,
#grasses-head:hover, #grasses-head:active,
#shrubs-head:hover, #shrubs-head:active,
#treevine:hover, #treevine:active,
#genuslist:hover, #genuslist:active,
#giftcert:hover, #giftcert:active,
#tshirt:hover, #tshirt:active,
#cardetch:hover, #cardetch:active,
#slydes:hover, #books:active,
#pgal:hover, #pgal:active {
    background-position: 0 -45px;
}

#perennials-aan:hover, #perennials-aan:active,
#perennials-anaz:hover, #perennials-anaz:active,
#perennials-bc:hover, #perennials-bc:active,
#perennials-de:hover, #perennials-de:active,
#perennials-fg:hover, #perennials-fg:active,
#perennials-hi:hover, #perennials-hi:active,
#perennials-jm:hover, #perennials-jm:active,
#perennials-nq:hover, #perennials-nq:active,
#perennials-rs:hover, #perennials-rs:active,
#perennials-tz:hover, #perennials-tz:active,
#grasses-ad:hover, #grasses-ad:active,
#grasses-ez:hover, #grasses-ez:active,
#shrubs-af:hover, #shrubs-af:active,
#shrubs-gz:hover, #shrubs-gz:active {
    background-position: 0 -35px;
}