/* +++++++++++++ Begin HUNT 3 (Header Upper Nav Tier 3) +++++++++++++ */
/**jm
* TODO ok to keep all these for outlet and adv??
* */
#MenuLevel1, #MenuLevel1 *, #MenuLevel1gr, #MenuLevel1gr *, #MenuLevel1ea, #MenuLevel1ea * {
    margin: 0;
    padding: 0;
    font-size: 11px;
}
/**jm TODO
* what to do with (for outlet and adv):#MenuLevel1gr, #MenuLevel1gr *, #MenuLevel1ea, #MenuLevel1ea *{* */
#MenuLevel1 {
    float: left;
    margin-bottom: 0em;
    width: 904px;
    line-height: 1.3em;
    padding-left: 4px;
    background: #333333;
    border-bottom: 1px solid #cccccc; /*opacity:.999;added to prevent flicker from drop down in Firefox on a Mac */
}
/**jm
* overrides
* */
body.outlet #MenuLevel1 {
    width: 858px;
    padding-left: 50px;
    background: #EA133A;
}

body.adv #MenuLevel1 {
    width: 759px;
    padding-left: 149px;
    background: #02ACBF;
}
/**jm
* TODO do we need overrides for #MenuLevel1* for outlet an adv??
* */
#MenuLevel1gr { /* gift registry specific */
    float: left;
    margin-bottom: 0em;
    width: 736px;
    line-height: 1.3em;
    background: #5D5145;
    padding-left: 172px;
    border-bottom: 1px solid #cccccc;
}

#MenuLevel1.ea { /* expert advice specific */
    padding-left: 82px;
    width: 826px;
}

#MenuLevel1.memMenuLevel1 { /* member header */
    padding-left: 204px;
    width: 704px;
}

#MenuLevel1.stewMenuLevel1 {
    width: 808px;
    padding-left: 100px;
}

#MenuLevel1.communityMenuLevel1 {
    width: 610px;
    padding-left: 298px;
}

.catList.noWrap {
    white-space: nowrap;
}

#MenuLevel1 li a.catNoList,
#MenuLevel1ea li a.catNoList { /* for links with no drop down */
    padding-left: 13px;
    padding-right: 13px;
    height: 23px;
    text-decoration: none; /*width:100%;*/
    white-space: nowrap;
}

#MenuLevel1 ul {
    background: #ffffff; /*IE6 needs this*/
}

#MenuLevel1 li, #MenuLevel1gr li, #MenuLevel1ea li { /*categories/menu default list style*/
    background: #333333;
    border-left: 0px solid #333333;
    border-top: 0px solid #333333;
    float: left;
    list-style: none;
    position: relative;
    z-index: 10;
}
/**jm*/
body.outlet #MenuLevel1 li {
    background: #EA133A;
    border-left: 0px solid #EA133A;
    border-top: 0px solid #EA133A;
}

body.adv #MenuLevel1 li {
    background: #02ACBF;
    border-left: 0px solid #02ACBF;
    border-top: 0px solid #02ACBF;
}

#MenuLevel1 a,
#MenuLevel1gr a,
#MenuLevel1ea a { /*categories/menu default a style*/
    color: #ffffff;
    display: block;
    float: left;
    padding: 4px 0 0 0;
    text-decoration: none;
    border-top: 1px solid #333333;
    border-left: 1px solid #333333;
    border-right: 0px solid #333333;
}

body.outlet #MenuLevel1 a {
    border-top-color: #EA133A;
    border-left-color: #EA133A;
    border-right-color: #EA133A;
}

body.adv #MenuLevel1 a {
    border-top-color: #02ACBF;
    border-left-color: #02ACBF;
    border-right-color: #02ACBF;
}
/**jm
* TODO ok to keep all these for outlet and adv??
* */
#MenuLevel1 a:active, #MenuLevel1 a:focus, #MenuLevel1 a:visited,
#MenuLevel1gr a:active, #MenuLevel1gr a:focus, #MenuLevel1gr a:visited,
#MenuLevel1ea a:active, #MenuLevel1ea a:focus, #MenuLevel1ea a:visited {
    text-decoration: none;
}

#MenuLevel1 li.secondarylast a.catList {
    font-weight: bold;
    background: #A71404 url(/pix/common/sale_tab_grad.gif) repeat-x left -1px;
}

#MenuLevel1 li:hover, #MenuLevel1 li.sfHover,
#MenuLevel1 li:hover a.catList, #MenuLevel1 li.sfHover a.catList,
#MenuLevel1 li a.catList:focus, #MenuLevel1 li a:hover,
#MenuLevel1 li a:active {
    color: #5d5145;
    background: #ffffff;
}
/**jm*/
body.outlet #MenuLevel1 li:hover, body.outlet #MenuLevel1 li.sfHover, body.outlet #MenuLevel1 li:hover a.catList, body.outlet #MenuLevel1 li.sfHover a.catList, body.outlet #MenuLevel1 li a.catList:focus, body.outlet #MenuLevel1 li a:hover, body.outlet #MenuLevel1 li a:active {
    color: #EA133A;
}

body.adv #MenuLevel1 li:hover, body.adv #MenuLevel1 li.sfHover, body.adv #MenuLevel1 li:hover a.catList, body.adv #MenuLevel1 li.sfHover a.catList, body.adv #MenuLevel1 li a.catList:focus, body.adv #MenuLevel1 li a:hover, body.adv #MenuLevel1 li a:active {
    color: #51749F;
}

#MenuLevel1 li a.catNoList:hover, #MenuLevel1 li a.catNoList:focus, #MenuLevel1 li a.catNoList:active {
    color: #fff;
    background: #333333;
}

#MenuLevel1 li a:hover {
    text-decoration: none;
}

#MenuLevel1gr li a:hover, #MenuLevel1ea li a:hover, #MenuLevel1 li a.catNoList:hover {
    text-decoration: underline;
}

#MenuLevel1 li.sfHover > a { /*style when hovering on categories */
    background: #ffffff;
    color: #668800;
    text-decoration: none;
}
/**jm*/
body.outlet #MenuLevel1 li:hover > a, body.outlet #MenuLevel1 li.sfHover > a, #MenuLevel1 * a.catList:hover {
    color: #EA133A;
}

body.adv #MenuLevel1 li:hover > a, body.adv #MenuLevel1 li.sfHover > a, #MenuLevel1 * a.catList:hover {
    color: #51749F;
}

#MenuLevel1 * a.catList:focus, #MenuLevel1 * a.catList:active {
    color: #ffffff;
    font-weight: normal;
    text-decoration: none;
}
/* Removing IE exceptions */
/* *html #MenuLevel1 li:hover > a, *html #MenuLevel1 li.sfHover > a, *:first-child+html #MenuLevel1 li:hover > a, *:first-child+html #MenuLevel1 li.sfHover > a {letter-spacing:-0.1em;text-decoration:none;} IE only spacing control */

/* BEGIN width of each category */

#MenuLevel1 li a {
    padding: 7px 8px 0 8px;
}

.catList {
    height: 21px;
    text-decoration: none;
    text-align: center;
}

body.outlet .catCatalog {
}

body.outlet .catVintage {
}

.secondarylast {
    float: right !important;
}

    .secondarylast a {
        width: 75px;
    }


/* more Expert Advice Specific hunt 3 styles */
.catCampArticles {
    width: 130px;
    text-align: center;
    height: 23px;
    text-decoration: none;
}

.catgInstalledArticles {
    width: 78px;
    text-align: center;
    height: 23px;
    text-decoration: none;
}

.catPortableArticles {
    width: 70px;
    text-align: center;
    height: 23px;
    text-decoration: none;
}

.catTourSoundArticles {
    width: 120px;
    text-align: center;
    height: 23px;
    text-decoration: none;
}

.catCatalogArticles {
    width: 66px;
    text-align: center;
    height: 23px;
    text-decoration: none;
}

.CatComponentsArticles {
    width: 78px;
    text-align: center;
    height: 23px;
    text-decoration: none;
}

.catVintageArticles {
    width: 96px;
    text-align: center;
    height: 23px;
    text-decoration: none;
}
/* end EA hunt 3 styles */
/* more Find Out Specific hunt 3 styles */
.catFindEA {
    width: 120px;
    text-align: center;
    height: 23px;
    text-decoration: none;
}

.catFindAdv {
    width: 136px;
    text-align: center;
    height: 23px;
    text-decoration: none;
}

.catFindODS {
    width: 156px;
    text-align: center;
    height: 23px;
    text-decoration: none;
}

.catFindEvents {
    width: 136px;
    text-align: center;
    height: 23px;
    text-decoration: none;
}

.catFindFamilies {
    width: 124px;
    text-align: center;
    height: 23px;
    text-decoration: none;
}

.catFindYouth {
    width: 104px;
    text-align: center;
    height: 23px;
    text-decoration: none;
}

.catFindVol {
    width: 114px;
    text-align: center;
    height: 23px;
    text-decoration: none;
}
/* end Find Out hunt 3 styles */
.catPhoto {
    text-align: center;
}

.catQuestion {
    text-align: center;
}
/**jm adv */
.catA {
    width: 160px;
    text-align: center;
}

.catB {
    width: 145px;
    text-align: center;
}

.catC {
    width: 125px;
    text-align: center;
}

.catD {
    width: 100px;
    text-align: center;
}
/* END width of each category */
/* +++++++++++++ END width of each category +++++++++++++ */
/* +++++++++++++ END HUNT 3 (Header Upper Nav Tier 3) +++++++++++++ */

/* +++++++++++++ Begin HUNT 4 (Header Upper Nav Tier 4) +++++++++++++ */
#MenuLevel1 li ul { /* menu default UL setting */
    float: none;
    top: -999em;
    position: absolute;
    border-bottom: 1px solid #333333;
    width: 177px;
    margin-top: 6px;
    z-index: 100;
    padding: 8px 5px 5px 5px;
}

#MenuLevel1 li table { /* menu default UL setting */
    clear: all;
    float: none;
    position: absolute;
    border-bottom: 1px solid #c4c4c4;
    width: 170px;
    margin-top: 6px;
    z-index: 100;
    padding: 8px 5px 5px 5px;
}

body.outlet #MenuLevel1 li ul {
    border-bottom-color: #EA133A;
}

body.adv #MenuLevel1 li ul {
    border-bottom-color: #02ACBF;
}

#MenuLevel1 li ul.col1 { /*menu column 1*/
    border-left: 1px solid #333333;
    z-index: 200;
}

body.outlet #MenuLevel1 li ul.col1 { /*menu column 1*/
    border-left: 1px solid #EA133A;
    border-right: 1px solid #EA133A;
}

body.adv #MenuLevel1 li ul.col1 {
    border-left: 1px solid #02ACBF;
    background: #fff;
}
/**jm from adv */
body.adv #MenuLevel1 li ul.bNav,
body.adv #MenuLevel1 li ul.cNav,
body.adv #MenuLevel1 li ul.dNav {
    border-left: 1px solid #02ACBF;
    border-right: 1px solid #02ACBF;
    padding-bottom: 38px;
    background: #fff;
}

#MenuLevel1 li ul li.catOrphans div {
    float: left;
    display: inline;
    padding: 2px 5px;
    border-left: 1px solid #b7a897;
}

    #MenuLevel1 li ul li.catOrphans div:first-child {
        border: none;
    }

#MenuLevel1 li ul.col2 { /*menu column 2*/
    margin-left: 180px; /*background:#fff url(/pix/common/dot_vert.gif) 0 repeat-y;*/
}

#MenuLevel1 li ul.col3 { /*menu column 3 */
    margin-left: 360px;
    border-right: 1px solid #333333; /*background:#fff url(/pix/common/dot_vert.gif) 0 repeat-y;*/
}

#MenuLevel1 li ul.col4 { /*menu column 4*/
    margin-left: 540px;
    border-right: 1px solid #333333;
    /*background:#fff url(/pix/common/dot_vert.gif) 0 repeat-y*/
}

#MenuLevel1 li ul.col5 { /*menu column 5*/
    margin-left: 720px;
    border-right: 1px solid #333333;
    /*background:#fff url(/pix/common/dot_vert.gif) 0 repeat-y*/
}

body.outlet #MenuLevel1 li ul.col3,
body.outlet #MenuLevel1 li ul.col4,
body.outlet #MenuLevel1 li ul.col5 {
    border-right-color: #EA133A;
}

body.adv #MenuLevel1 li ul.col3,
body.adv #MenuLevel1 li ul.col4,
body.adv #MenuLevel1 li ul.col5 {
    border-right-color: #02ACBF;
}


/* BEGIN menu LI LI styling */
#MenuLevel1 li li {
    background: #fff !important;
    padding-left: 6px;
    padding-top: 3px;
    line-height: 13px;
}

    #MenuLevel1 li ul li.catOrphans a, #MenuLevel1 li li a {
        float: none;
        width: 155px; /* width:150px;*/
        padding: 2px 0px 2px 6px;
        border: 0 solid #fff !important;
        margin: 0;
        color: #5d5145;
        text-decoration: none;
        font-weight: normal;
    }

#MenuLevel1 li ul li.catOrphans a {
    width: auto;
    margin-right: 10px;
    float: left;
}

body.outlet #MenuLevel1 li li a, body.adv #MenuLevel1 li li a {
    width: 150px; /* width:7.45em;*/
    color: #EA133A;
    border-width: 1px;
}

body.adv #MenuLevel1 li li a {
    color: #51749F;
}

#MenuLevel1 li ul li.catOrphans a:hover, #MenuLevel1 li li a:hover {
    border: 0px solid #fff;
    background: #fff;
    color: #5d5145 !important;
    /*position:relative;*/
    padding-bottom: 2px;
    top: 0px;
    text-decoration: underline;
    font-weight: normal;
}

body.outlet #MenuLevel1 li li a:hover,
body.adv #MenuLevel1 li li a:hover {
    border-width: 1px;
}

#MenuLevel1 li li.sfHover > a {
    color: #668800;
    padding-bottom: 2px;
    font-weight: normal;
    text-decoration: underline;
}

body.outlet #MenuLevel1 li li:hover > a, body.outlet #MenuLevel1 li li.sfHover > a {
    color: #EA133A;
}

body.adv #MenuLevel1 li li:hover > a, body.adv #MenuLevel1 li li.sfHover > a {
    color: #51749F;
}
/* Removing IE exceptions */
/* *html #MenuLevel1 li li:hover > a, *html #MenuLevel1 li li.sfHover > a, *:first-child+html #MenuLevel1 li li:hover > a, *:first-child+html #MenuLevel1 li li.sfHover > a {letter-spacing:0;text-decoration:underline;} IE only spacing control*/

/* this is to insure that the drop down menu stays on top of an embeded flash object (not needed because of how we embed the flash)
embed, object{position:relative;z-index:0;}
*/
/* +++++++++++++ END menu styling +++++++++++++ */

/* +++++++++++++ BEGIN these styles determines the position and height of the menu +++++++++++++ */
/**jm
* replaced all ul#MenuLevel1 with #MenuLevel1
* */
#MenuLevel1 li:hover ul, #MenuLevel1 li.sfHover ul {
    left: 0px;
    top: 23px;
}
    /**jm
* Fix left-position problems/bugs
*/
    #MenuLevel1 li:hover ul.CinemaNav, #MenuLevel1 li.sfHover ul.CinemaNav {
        left: 0;
        height: 300px;
    }

    #MenuLevel1 li:hover ul.InstalledNav, #MenuLevel1 li.sfHover ul.InstalledNav {
        left: -60px;
        height: 280px;
    }

    #MenuLevel1 li:hover ul.PortableNav, #MenuLevel1 li.sfHover ul.PortableNav {
        left: -166px;
        height: 308px;
    }

    #MenuLevel1 li:hover ul.TourSoundNav, #MenuLevel1 li.sfHover ul.TourSoundNav {
        left: -270px;
        height: 286px;
    }

    #MenuLevel1 li:hover ul.RecBrdNav, #MenuLevel1 li.sfHover ul.RecBrdNav {
        left: -353px;
        height: 333px;
    }
/**jm
* TODO fix outlet bug near here
*/
#MenuLevel1 li:hover ul {
    height: 273px;
}

    #MenuLevel1 li:hover ul.ComponentsNav, #MenuLevel1 li.sfHover ul.ComponentsNav {
        left: -500px;
        height: 266px;
    }

    #MenuLevel1 li:hover ul.VintageNav, #MenuLevel1 li.sfHover ul.VintageNav {
        left: -588px;
        height: 348px;
    }

    #MenuLevel1 li:hover ul.travelNav, #MenuLevel1 li.sfHover ul.travelNav {
        left: -424px;
        height: 294px;
    }

    #MenuLevel1 li:hover ul.menNav, #MenuLevel1 li.sfHover ul.menNav {
        left: -477px;
        height: 313px;
    }

    #MenuLevel1 li:hover ul.womenNav, #MenuLevel1 li.sfHover ul.womenNav {
        left: -517px;
        height: 342px;
    }

    #MenuLevel1 li:hover ul.kidsNav, #MenuLevel1 li.sfHover ul.kidsNav {
        left: -577px;
        height: 274px;
    }

    #MenuLevel1 li:hover ul.shoesNav, #MenuLevel1 li.sfHover ul.shoesNav {
        left: -618px;
        height: 224px;
    }

    #MenuLevel1 li:hover ul.brandNav, #MenuLevel1 li.sfHover ul.brandNav {
        left: -687px;
        height: 231px;
    }

    #MenuLevel1 li:hover ul.allCatNav, #MenuLevel1 li.sfHover ul.allCatNav {
        left: -744px;
        height: 285px;
    }

    #MenuLevel1 li:hover ul.giftNav, #MenuLevel1 li.sfHover ul.giftNav {
        left: -824px;
        height: 273px;
    }

#MenuLevel1 li.sfHover ul.saleNav {
    left: -816px;
    height: 233px;
}

#MenuLevel1 li.sfHover ul.giftNav {
    left: -824px;
    height: 240px;
}
/**jm
* TODO DO WE NEED THESE outlet rules?
* */
body.outlet #MenuLevel1 li:hover ul.CinemaNav, body.outlet #MenuLevel1 li.sfHover ul.CinemaNav {
    left: 0; /*height:330px;*/
    padding-bottom: 20px;
    height: auto;
}

body.outlet #MenuLevel1 li:hover ul.InstalledNav, body.outlet #MenuLevel1 li.sfHover ul.InstalledNav {
    left: 0; /*height:227px;*/
    padding-bottom: 20px;
    height: auto;
}

body.outlet #MenuLevel1 li:hover ul.PortableNav, body.outlet #MenuLevel1 li.sfHover ul.PortableNav {
    left: 0; /*height:258px;*/
    padding-bottom: 20px;
    height: auto;
}

body.outlet #MenuLevel1 li:hover ul.TourSoundNav, body.outlet #MenuLevel1 li.sfHover ul.TourSoundNav {
    left: 0; /*height:270px;*/
    padding-bottom: 20px;
    height: auto;
}

body.outlet #MenuLevel1 li:hover ul.travelNav, body.outlet #MenuLevel1 li.sfHover ul.travelNav {
    left: 0; /*height:302px;*/
    padding-bottom: 20px;
    height: auto;
}

body.outlet #MenuLevel1 li:hover ul.ComponentsNav, body.outlet #MenuLevel1 li.sfHover ul.ComponentsNav {
    left: 0; /*height:179px;*/
    padding-bottom: 20px;
    height: auto;
}

body.outlet #MenuLevel1 li:hover ul.VintageNav, body.outlet #MenuLevel1 li.sfHover ul.VintageNav {
    left: 0; /*height:305px;*/
    padding-bottom: 20px;
    height: auto;
}

body.outlet #MenuLevel1 li:hover ul.menNav, body.outlet #MenuLevel1 li.sfHover ul.menNav {
    left: 0; /*height:320px;*/
    padding-bottom: 20px;
    height: auto;
}

body.outlet #MenuLevel1 li:hover ul.womenNav, body.outlet #MenuLevel1 li.sfHover ul.womenNav {
    left: 0; /*height:347px;*/
    padding-bottom: 20px;
    height: auto;
}

body.outlet #MenuLevel1 li:hover ul.kidsNav, body.outlet #MenuLevel1 li.sfHover ul.kidsNav {
    left: 0; /*height:320px;*/
    padding-bottom: 20px;
    height: auto;
}

body.outlet #MenuLevel1 li:hover ul.shoesNav, body.outlet #MenuLevel1 li.sfHover ul.shoesNav {
    left: 0; /*height:233px;*/
    padding-bottom: 20px;
    height: auto;
}

body.outlet #MenuLevel1 li:hover ul.moreNav, body.outlet #MenuLevel1 li.sfHover ul.moreNav {
    left: 0; /* height:257px;*/
    padding-bottom: 20px;
    height: auto;
}
/* height only needed if more than one column... */
body.adv #MenuLevel1 li:hover ul.aNav, body.adv #MenuLevel1 li.sfHover ul.aNav {
    height: 340px;
}
/*
body.adv #MenuLevel1 li:hover ul.bNav, body.adv #MenuLevel1 li.sfHover ul.bNav{height:257px;}
body.adv #MenuLevel1 li:hover ul.cNav, body.adv #MenuLevel1 li.sfHover ul.cNav{height:278px;}
body.adv #MenuLevel1 li:hover ul.dNav, body.adv #MenuLevel1 li.sfHover ul.dNav{height:320px;}
*/

/* For Find Out hdr */
#MenuLevel1 li:hover ul.eaNav, #MenuLevel1 li.sfHover ul.eaNav { /*height:330px;*/
    padding-bottom: 20px;
    border-right: 1px solid #c4c4c4;
}

#MenuLevel1 li:hover ul.advNav, #MenuLevel1 li.sfHover ul.advNav { /*height:227px;*/
    padding-bottom: 20px;
    border-right: 1px solid #c4c4c4;
}

#MenuLevel1 li:hover ul.odsNav, #MenuLevel1 li.sfHover ul.odsNav { /*height:258px;*/
    padding-bottom: 20px;
    border-right: 1px solid #c4c4c4;
}

#MenuLevel1 li:hover ul.eventsNav, #MenuLevel1 li.sfHover ul.eventsNav {
    height: 60px;
    padding-bottom: 20px;
    border-right: 1px solid #c4c4c4;
}

#MenuLevel1 li:hover ul.familiesNav, #MenuLevel1 li.sfHover ul.familiesNav {
    height: 60px;
    padding-bottom: 20px;
    border-right: 1px solid #c4c4c4;
}

#MenuLevel1 li:hover ul.youthNav, #MenuLevel1 li.sfHover ul.youthNav {
    height: 60px;
    padding-bottom: 20px;
    border-right: 1px solid #c4c4c4;
}

#MenuLevel1 li:hover ul.volNav, #MenuLevel1 li.sfHover ul.volNav {
    height: 60px;
    padding-bottom: 20px;
    border-right: 1px solid #c4c4c4;
    left: -66px;
}

#MenuLevel1 li:hover li ul,
#MenuLevel1 li.sfHover li ul {
    top: -999em;
}

#MenuLevel1 li li:hover ul, /* pure CSS hover is removed below */
#MenuLevel1 li li.sfHover ul {
    left: 9.45em;
    top: -1px;
    width: 9.45em;
}
/*following rule negates pure CSS hovers
so submenu remains hidden and JS controls
when and how it appears*/
.superfish li:hover ul,
.superfish li li:hover ul {
    top: -999em;
}
/* +++++++++++++ END these styles determines the position and height of the menu +++++++++++++ */
#MenuLevel1 li li.subTitle {
    font-weight: bold;
    color: #333333;
    padding-left: 12px;
    padding-top: 5px;
    padding-bottom: 2px;
    font-family: arial, helvetica, sans-serif;
}

#MenuLevel1 img.dotHori {
    padding: 9px 0px 3px 8px;
}

#MenuLevel1 li li.catOrphans {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 20px 0 20px 6px;
    white-space: nowrap;
    width: 690px;
    z-index: 9999;
}

#MenuLevel1 li li.catCatchAll {
    padding-top: 10px;
    margin-top: 13px;
    background: #fff url(/pix/common/dot_horiz_several.gif) 14px 0px no-repeat;
}

#MenuLevel1 li li.all {
    font-style: italic;
}

#MenuLevel1 li .hiddenAlt {
    display: none;
}

#MenuLevel1 li li.catSeparateColumnParagraph {
    padding-top: 30px;
}

body.adv #MenuLevel1 img.dotHori {
    padding: 7px 0px 6px 8px;
}

body.adv #MenuLevel1 li li.subTitle {
    font-weight: bold;
    color: #333333;
    padding: 6px 0px 3px 12px;
}
/* +++++++++++++ END drop down nav style, i.e. END HUNT 4 (Header Upper Nav Tier 4) +++++++++++++ */