/** nav **/
#nav {clear:both;position:relative;z-index:10;height:1%;width:100%;}
#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;margin-right:-1px;border:1px solid #666;border-bottom:1px solid #666;border-top:0px;}

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

/* Position main navigation categories */
#nav #nav-men-ddheader{border-left:0px;}
#nav #nav-men-ddheader a.pnav,#nav #nav-men-ddheader a.pnav span{width:81px;background-position:0 0;}
#nav #nav-men-ddheader.active a.pnav,#nav #nav-men-ddheader.active a.pnav span{width:81px;background-position:0 -27px;}
#nav #nav-men-ddheader a.hover,#nav #nav-men-ddheader a.hover span{background-position:0 -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:-3px -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:-76px 0;}
#nav #nav-women-ddheader.active a.pnav,#nav #nav-women-ddheader.active a.pnav span{width:95px;background-position:-76px -27px;}
#nav #nav-women-ddheader a.hover,#nav #nav-women-ddheader a.hover span{background-position:-76px -54px !important;}
.s-women #nav #nav-women-ddheader a.pnav span{background-position:-79px -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:-175px 0;}
#nav #nav-kids-ddheader.active a.pnav,#nav #nav-kids-ddheader.active a.pnav span{width:70px;background-position:-175px -27px;}
#nav #nav-kids-ddheader a.hover,#nav #nav-kids-ddheader a.hover span{background-position:-175px -54px !important;}
.s-kids #nav #nav-kids-ddheader a.pnav span{background-position:-178px -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:-244px 0;}
#nav #nav-footwear-ddheader.active a.pnav,#nav #nav-footwear-ddheader.active a.pnav span{width:125px;background-position:-244px -27px;}
#nav #nav-footwear-ddheader a.hover,#nav #nav-footwear-ddheader a.hover span{background-position:-244px -54px !important;}
.s-footwear #nav #nav-footwear-ddheader a.pnav span{background-position:-247px -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:-372px 0;}
#nav #nav-accessories-ddheader.active a.pnav,#nav #nav-accessories-ddheader.active a.pnav span{width:138px;background-position:-372px -27px;}
#nav #nav-accessories-ddheader a.hover,#nav #nav-accessories-ddheader a.hover span{background-position:-372px -54px !important;}
.s-accessories #nav #nav-accessories-ddheader a.pnav span{background-position:-375px -30px;width:138px;height:21px;border:3px solid #000;}

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

#nav #nav-outlet-ddheader a.pnav,#nav #nav-outlet-ddheader a.pnav span{width:104px;background-position:-680px 0;}
#nav #nav-outlet-ddheader.active a.pnav,#nav #nav-outlet-ddheader.active a.pnav span{width:104px;background-position:-680px -27px;}
#nav #nav-outlet-ddheader a.hover,#nav #nav-outlet-ddheader a.hover span{background-position:-680px -54px !important;}
.s-outlet #nav #nav-outlet-ddheader a.pnav span{background-position:-683px -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:-796px 0;}
#nav #nav-explore-ddheader.active a.pnav,#nav #nav-explore-ddheader.active a.pnav span{width:173px;background-position:-796px -27px;}
#nav #nav-explore-ddheader a.hover,#nav #nav-explore-ddheader a.hover span{background-position:-796px -54px !important;}
.s-explore #nav #nav-explore-ddheader a.pnav span{background-position:-793px -27px;width:173px;height:27px;/*border:3px solid #000;*/}