#header {
    position: relative;
}

    #header #top .nwf {
        background: url(/common/images/main/header/btn-nwf-transparent.png) top left no-repeat;
    }

        #header #top .nwf:hover {
            background: url(/common/images/main/header/btn-nwf-transparent-rollover.png) top left no-repeat;
        }

    #header #top .adopt {
        background: url(/common/images/main/header/btn-adopt-transparent.png) top left no-repeat;
    }

        #header #top .adopt:hover {
            background: url(/common/images/main/header/btn-adopt-transparent-rollover.png) top left no-repeat;
        }

    #header #top .shop {
        background: url(/common/images/main/header/btn-shop-transparent.png) top left no-repeat;
    }

        #header #top .shop:hover {
            background: url(/common/images/main/header/btn-shop-transparent-rollover.png) top left no-repeat;
        }
        
    #header #top .act {
        background: url(/common/images/main/header/btn-act-gfw.png) top left no-repeat;
    }

        #header #top .act:hover {
            background: url(/common/images/main/header/btn-act-gfw-rollover.png) top left no-repeat;
        }

    #header #top .kids {
        background: url(/common/images/main/header/btn-kids-transparent.png) top left no-repeat;
    }

        #header #top .kids:hover {
            background: url(/common/images/main/header/btn-kids-transparent-rollover.png) top left no-repeat;
        }

    #header #top .search {
        background: url(/common/images/main/header/bg-search-transparent.png) top left no-repeat;
    }

    #header #middle {
        background: url(/common/images/main/header/bg-banner-transparent.png) top left no-repeat;
    }

    #header #menu a {
        color: #555;
        padding: 6px 10px 3px 10px;
    }

        #header #menu a:hover {
            border-bottom: 2px solid #555;
        }

        #header #menu a.active {
            border-bottom: 3px solid #555;
        }