/** nav **/
#nav {clear:both;position:relative;z-index:10;height:1%;width:100%;}
#nav #nav-collections-ddheader, #nav #nav-men-ddheader, #nav #nav-women-ddheader, #nav #nav-kids-ddheader,
#nav #nav-footwear-ddheader, #nav #nav-accessories-ddheader, #nav #nav-activity-ddheader,
#nav #nav-explore-ddheader, #nav #nav-outlet-ddheader{z-index:5;float:left;border:1px solid #666;border-bottom:1px solid #666;border-top:0px;}

#nav a.pnav, #nav span.pnav{display:block;height:27px;overflow:hidden;}
#nav a.pnav span, #nav span.pnav {cursor:pointer;display:block;height:27px;text-indent:-999px;overflow:hidden;background:url(../images/nav/main-composite.png);}


/* Position main navigation categories */
#nav #nav-collections-ddheader{border-left:0px; border-right: 1px solid #666;}
#nav #nav-collections-ddheader span.pnav,#nav #nav-collections-ddheader span.pnav{width: 180px; background-position:0 0;}
#nav #nav-collections-ddheader.active span.pnav,#nav #nav-collections-ddheader.active span.pnav{width: 180px; background-position:0 -27px;}
#nav #nav-collections-ddheader span.hover,#nav #nav-collections-ddheader span.hover {background-position:0 -54px !important;} /* the '.hover' class is applied by javascript, so this is an example of 'progressive enhancement' */
.s-collections #nav #nav-collections-ddheader span.pnav{background-position:-3px -30px;width: 180px; height:21px;border:3px solid #000;}

#nav #nav-men-ddheader{border-left:0px;}
#nav #nav-men-ddheader a.pnav,#nav #nav-men-ddheader a.pnav span{width:81px;background-position:-185px 0;}
#nav #nav-men-ddheader.active a.pnav,#nav #nav-men-ddheader.active a.pnav span{width:81px;background-position:-185px -27px;}
#nav #nav-men-ddheader a.hover,#nav #nav-men-ddheader a.hover span{background-position:-185px -54px !important;} /* the '.hover' class is applied by javascript, so this is an example of 'progressive enhancement' */
.s-men #nav #nav-men-ddheader a.pnav span{background-position:-188px -30px;width:75px;height:21px;border:3px solid #000;}

#nav #nav-women-ddheader a.pnav,#nav #nav-women-ddheader a.pnav span{width:95px;background-position:-268px 0;}
#nav #nav-women-ddheader.active a.pnav,#nav #nav-women-ddheader.active a.pnav span{width:95px;background-position:-268px -27px;}
#nav #nav-women-ddheader a.hover,#nav #nav-women-ddheader a.hover span{background-position:-268px -54px !important;}
.s-women #nav #nav-women-ddheader a.pnav span{background-position:-271px -30px;width:95px;height:21px;border:3px solid #000;}

#nav #nav-kids-ddheader a.pnav,#nav #nav-kids-ddheader a.pnav span{width:70px;background-position:-364px 0;}
#nav #nav-kids-ddheader.active a.pnav,#nav #nav-kids-ddheader.active a.pnav span{width:70px;background-position:-364px -27px;}
#nav #nav-kids-ddheader a.hover,#nav #nav-kids-ddheader a.hover span{background-position:-364px -54px !important;}
.s-kids #nav #nav-kids-ddheader a.pnav span{background-position:-367px -30px;width:70px;height:21px;border:3px solid #000;}

#nav #nav-footwear-ddheader a.pnav,#nav #nav-footwear-ddheader a.pnav span{width:125px;background-position:-435px 0;}
#nav #nav-footwear-ddheader.active a.pnav,#nav #nav-footwear-ddheader.active a.pnav span{width:125px;background-position:-435px -27px;}
#nav #nav-footwear-ddheader a.hover,#nav #nav-footwear-ddheader a.hover span{background-position:-435px -54px !important;}
.s-footwear #nav #nav-footwear-ddheader a.pnav span{background-position:-438px -30px;width:125px;height:21px;border:3px solid #000;}

#nav #nav-accessories-ddheader a.pnav,#nav #nav-accessories-ddheader a.pnav span{width:138px;background-position:-563px 0;}
#nav #nav-accessories-ddheader.active a.pnav,#nav #nav-accessories-ddheader.active a.pnav span{width:138px;background-position:-563px -27px;}
#nav #nav-accessories-ddheader a.hover,#nav #nav-accessories-ddheader a.hover span{background-position:-563px -54px !important;}
.s-accessories #nav #nav-accessories-ddheader a.pnav span{background-position:-566px -30px;width:138px;height:21px;border:3px solid #000;}

#nav #nav-outlet-ddheader a.pnav,#nav #nav-outlet-ddheader a.pnav span{width:104px;background-position:-700px 0;}
#nav #nav-outlet-ddheader.active a.pnav,#nav #nav-outlet-ddheader.active a.pnav span{width:104px;background-position:-700px -27px;}
#nav #nav-outlet-ddheader a.hover,#nav #nav-outlet-ddheader a.hover span{background-position:-700px -54px !important;}
.s-outlet #nav #nav-outlet-ddheader a.pnav span{background-position:-703px -30px;width:104px;height:21px;border:3px solid #000;}

#nav #nav-explore-ddheader a.pnav,#nav #nav-explore-ddheader a.pnav span{width:173px;background-position:-805px 0;}
#nav #nav-explore-ddheader.active a.pnav,#nav #nav-explore-ddheader.active a.pnav span{width:173px;background-position:-805px -27px;}
#nav #nav-explore-ddheader a.hover,#nav #nav-explore-ddheader a.hover span{background-position:-805px -54px !important;}
.s-explore #nav #nav-explore-ddheader a.pnav span{background-position:-808px -27px;width:173px;height:27px;/*border:3px solid #000;*/}


#nav #nav-collections-ddcontent {display:none; position:absolute; opacity:0; overflow:hidden; z-index:999;  width: 980px; }
#nav #nav-men-ddcontent {display:none; position:absolute; opacity:0; overflow:hidden; z-index:999; width: 980px; left: -180px; }
#nav #nav-women-ddcontent {display:none; position:absolute; opacity:0; overflow:hidden; z-index:999; width: 980px; left: -264px; }
#nav #nav-kids-ddcontent {display:none; position:absolute; opacity:0; overflow:hidden; z-index:999; width: 980px;  left: -360px;  }
#nav #nav-footwear-ddcontent {display:none; position:absolute; opacity:0; overflow:hidden; z-index:999; width: 600px; left: -432px; }
#nav #nav-accessories-ddcontent {display:none; position:absolute; opacity:0; overflow:hidden; z-index:999; width: 600px; left: -179px; }
#nav #nav-outlet-ddcontent {display:none; position:absolute; opacity:0; overflow:hidden; z-index:999; width: 980px; left: -699px; }
#nav #nav-explore-ddcontent {display:none; position:absolute; opacity:0; overflow:hidden; z-index:999; width: 660px; left: -486px;}


#nav .bg1,
#nav .bg2 {position:absolute;bottom:0;left:0;width:50%;height:100%;z-index:-2000;background:none;}
#nav .bg2 {left:auto;right:0;z-index:-2000;}

#nav li.subnav-subcats{background-image:url(../images/nav/subnav-subcats-background.png); background-position: left bottom; background-repeat: repeat-x;}
#nav .subnav-assets{background-image:url(../images/nav/subnav-assets-background.png); background-position: left bottom; background-repeat: repeat-x;}

.list-subnav{list-style:none;padding-bottom: 15px; margin:0; width: 196px; float: left; }
#nav .list-subnav h6 a {border-bottom: 2px solid #015079 !important; }
#nav .list-item div a, .browse-sub a{display:block; z-index:8;width:100%;line-height:20px;height:100%;border-bottom:1px solid #eaeaea;background:url(../images/icons/subnav-arrow.gif) 100% no-repeat;padding-right:0px;}

.list-item .list-link{width:100%;float:left;padding:0 10px 0 10px;list-style:none;height:auto;}/* The bottom of each link */
.list-item li{width:100%;float:left;padding:0 10px 15px;list-style:none;cursor:pointer;}

.list-group li{float:none;width:100%;background:none;height:auto;}/* Not used atm */

/* Collections Nav Sections */
#nav .subnav-collections {width: 220px;float: left; }
#nav .subnav-collections h6,
	#nav .subnav-shoptech h6,
	#nav .subnav-shopact h6 {border-bottom: 2px solid #015079 !important;}
#nav .subnav-collections .list-item {margin-top: 5px;}
#nav .subnav-collections .list-item .collections-list-link { width: 165px; float: left;  margin-left: 10px; }
#nav .subnav-collections .list-item .collections-thumb { float: left; width: 30px; height: 40px; padding: 2px 7px; }
#nav .subnav-collections .list-item .collections-list-link .collections-description {text-transform: none; margin-bottom: 5px;}
#nav .subnav-collections .list-item .collections-list-link  a.collections-link {width: 165px;}

#nav .subnav-shoptech {width: 480px; float: left; margin-left: 30px;}
#nav .subnav-shoptech h6 {margin-left: 0px; width: 450px !important;}
#nav .subnav-shoptech .tech-list-item { width: 450px; margin-top: 5px; }
#nav .subnav-shoptech .tech-list-item .tech-col1,
#nav .subnav-shoptech .tech-list-item .tech-col2 {float: left; width: 215px;}
#nav .subnav-shoptech .tech-list-item .tech-col2 {margin-left: 20px;}
#nav .subnav-shoptech .tech-list-item .row {clear: both;}
#nav .subnav-shoptech .tech-list-item .row img {float: left; margin: 2px 7px 22px 7px;}
#nav .subnav-shoptech .tech-list-item .row a.tech-link {display: block; float: left; width: 172px; text-transform: none; }
#nav .subnav-shoptech .tech-list-item .row .tech-description {text-transform: none; margin-bottom: 5px;}

#nav .subnav-shopact {width: 220px; float: left; margin-left: 15px;}
#nav .subnav-shopact h6 a {margin-left: 0px; width: 95% !important;}
#nav .subnav-shopact .act-list-item {margin-top: 5px; margin-left: 12px; }
#nav .subnav-shopact .act-list-item .act-list-link {width: 197px;}
#nav .subnav-shopact .act-list-item .act-list-link .act-description {text-transform: none; margin-bottom: 5px;}
#nav .subnav-shopact .act-list-item .act-list-link .act-link {width: 197px;}

#nav .explore-list-item .list-subnav {width: 200px; float: left; margin: 0px 10px;}
#nav .explore-list-item h6 a {margin-left: 0px;}
#nav .explore-list-item p { text-transform: none; }


#nav {
    margin:0;
    padding:0;
    list-style:none;
    clear:both;position:relative;z-index:10;height:1%;width:100%;

}  
     
    /* make the LI display inline */
    /* it's position relative so that position absolute */
    /* can be used in submenu */
    #nav li {
        float:left;
        display:block;
        position:relative;
        z-index:999;
    }
         
    /* this is the parent menu */
    #nav li a {
        display:block;
        text-decoration:none;
    }

        /* submenu, it's hidden by default */
        #nav ul.sub {
            position:absolute;
            left:1px;
            opacity: 0;
            display:none;
            margin:0 0 0 -1px;
            padding:0;
            padding-bottom: 20px;
            list-style:none;
    		z-index: 999;
    		font-size:11px;line-height:20px;text-transform:uppercase;top:28px; background-color:#fff;
    		
    		-moz-box-shadow: 2px 2px 10px #000;
			-webkit-box-shadow: 2px 2px 10px #000;
			box-shadow: 2px 2px 10px #000;
    
			-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=180, Color='#000000')";
			filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=180, Color='#000000');
       		
        }
        
        .ie #nav ul.sub { border-bottom: 3px solid #0583ba; }
         
        
        #nav ul.sub li {

            float:left;
            width: 100%;
            
        }
         
        /* display block will make the link fill the whole area of LI */
        #nav ul.sub a {
            display:block; 
            width: 90%;
            background: url("../images/icons/subnav-arrow.gif") no-repeat;
            background-position: right center;
            border-bottom: 1px solid #EAEAEA;
        }
         
        #nav ul.sub a:hover {
            text-decoration:underline; 
        }

/* Header for each sub section of sub nav */
.browse h6 a {display:block;width:175px;margin:12px 10px 0px 10px;color:#03638c;font-weight:bold;border-bottom:2px solid #015079;background:url(../images/icons/subnav-arrow.gif) 100% 50% no-repeat;}
#nav h6 a, #nav h6.collections_header {display:block;margin:12px 10px 0px 10px;color:#03638c;font-weight:bold;}
#nav .subnav-container h6 a, .browse h6 a{display:block;width:175px;margin:12px 10px 0px 10px;color:#03638c;font-weight:bold;border-bottom:2px solid #015079;background:url(../images/icons/subnav-arrow.gif) 100% 50% no-repeat;}

/* featured products */
#nav div.featured-collections{display:block;position:inherit;bottom:0px;z-index:200;height:60px;width:100%;padding:0px;text-indent:10px;clear:both;}
#nav div.featured-collections h6{float:left;font:bold italic 12px/30px Georgia,serif;text-transform:none;margin:25px 0px 0px 10px;}
#nav div.featured-collections a{float:left;line-height:28px;padding:2px 8px 0 0;margin:25px 0px 0px 10px;border:0;width:auto;background:url(../images/icons/subnav-arrow.gif) 100% 13px no-repeat;}

/* activity and explore sub nav */
#nav .type2{right:0;}
#nav .type2{overflow:hidden;width:100%;margin:0px;padding:0px;}
#nav .type2{float:left;}
#nav .type2 p, .browse p{padding:3px 10px 0;text-transform:none;line-height:1.3em;}
#nav #nav-activity-ddcontent{height:6.3em;}

#nav #nav-accessories-ddcontent ul ul, #nav #nav-footwear-ddcontent ul ul{border:0;}

#subnav-container{overflow:hidden;}
#nav .subnav-container .list-subnav{padding:0px 0px 15px 0px;}
#nav .subNavShell {height:100%;}



/* ++++++++++++++::START:: This is CCS specifically for fixing the width of the global navigation for IE6 ++++++++++++++*/
/*
Widths for each category need to be set 
so that the sub-navigation spans properly.

Adjustments to the widths may need to be made if 
sub-categories are added or removed.
*/
.ie6 #nav #nav-men-ddheader .subnav-container{width: 980px; margin-left:0px;}
.ie6 #nav #nav-women-ddheader .subnav-container{width: 980px; margin-left:0px;}
.ie6 #nav #nav-kids-ddheader .subnav-container{width: 784px; margin-left:0px;}
.ie6 #nav #nav-footwear-ddheader .subnav-container{width: 588px; margin-left:0px;}
.ie6 #nav #nav-accessories-ddheader .subnav-container{width: 980px; margin-left:0px;}
.ie6 #nav #nav-activity-ddheader .subnav-container{width: 980px;  margin-left:0px;}
.ie6 #nav #nav-explore-ddheader .subnav-container{width: 980px;  margin-left:0px;}
.ie6 #nav #nav-outlet-ddheader .subnav-container{width: 980px;  margin-left:0px;}
/*.ie6 #nav .subnav-container h6 a, .browse h6 a {margin:12px 8px 0px 8px;}
.ie6 #nav .subnav-container .list-item li{padding:0 0px 15px;}*/

/* ++++++++++++++::END:: This is CCS specifically for fixing the width of the global navigation for IE6 ++++++++++++++*/


#nav ul {background:none;}


/* position sub nav area */
.has5cols {width:980px;}

/* End of Nav */

/** breadcrumbs **/
#nav-trail{clear:both;font:11px/1em arial,sans-serif;padding:10px;float:left;width:750px;position:absolute;color:#3c3c3c;letter-spacing:0.03em;text-transform:capitalize;}
#nav-trail li{display:inline;color:#3c3c3c;}
#nav-trail li.first{background:none;padding-left:0;}
#nav-trail li a {text-decoration:none;color:#3c3c3c;}
#nav-trail a:hover
{color:#3c3c3c;text-decoration:underline;}