/*

FJ Primary Nav 

*/



/* TopNav layout and styles */
div#navigation {
  /*background: #fff url(../images/FJ_home_nav_middle_r.gif) right repeat-y;
	width: 38em;*/
	background-color:white;
	height: 3.1em;
	position:relative;
	top:3px;
	}

ol#primaryNav img
{
	float:none;
}
ol#primaryNav {
	position:relative;
  background: url(../images/FJ_home_nav_middle_l.gif) left repeat-y;
	height: 3.1em;
	}		

ol#primaryNav li span a,
ol#primaryNav li span a:hover,
ol#primaryNav li span a:visited,
ol#primaryNav li span a:active{
  font-family: "Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"MS Pゴシック",verdana, sans-serif;
  font-size:9px;
  line-height:24px;
  font-weight:bold;
  color:white;
  text-decoration:none;


}

ol#primaryNav li {	
	display: block;
	float: left;
	background: url(../images/FJ_home_nav_bottom.gif) 0 bottom no-repeat;
	text-align: center;
	height: 3.1em;
	}
ol#primaryNav li:hover,
ol#primaryNav li.hover {
	background: url(../images/FJ_home_nav_bottom_over.gif) 0 bottom no-repeat;
}

ol#primaryNav li img.topLevelImage{
	border:none;
	}	
ol#primaryNav li img{		
	}	

ol#primaryNav li span
{
	display:block;
 background: url(../images/FJ_home_nav_top.gif) no-repeat;
}

ol#primaryNav li:hover span,
ol#primaryNav li.hover span
{
	display:block;
	background:url(../images/FJ_home_nav_top_over.gif) no-repeat;	
}

ol#primaryNav li.myjoys a
{
	background:none !important;
}

ol#primaryNav li a {
	display: block;
 background: url(../images/FJ_home_nav_sep.gif) top right no-repeat;
	
	line-height: 2.3em;
	height: 2.3em;
	font-weight: bold;
	font-size: 1.1em;
	}	

ol#primaryNav li:hover a,
ol#primaryNav li.hover a
{
	background: url(../images/FJ_home_nav_sep_over.gif) top right no-repeat;	
}

/* top level menu styles */
ol#primaryNav li.mens, ol#primaryNav li.mens:hover{ background-position: 0 bottom;  z-index:2000;}
ol#primaryNav li.mens a { /*border-right: 1px solid black;*/ }

ol#primaryNav li.womens, ol#primaryNav li.womens:hover{ background-position: -20px bottom;	 z-index:1990;}
ol#primaryNav li.womens span {/*border-right: 1px solid black; border-left: 1px solid #747474;*/ background-position: -20px top; }
ol#primaryNav li.womens:hover span {background-position: -20px top; }

ol#primaryNav li.juniors, ol#primaryNav li.juniors:hover { background-position: -20px bottom;	 z-index:1980;}
ol#primaryNav li.juniors span {/*border-right: 1px solid black; border-left: 1px solid #747474;*/ background-position: -20px top; }
ol#primaryNav li.juniors:hover span {background-position: -20px top; }

ol#primaryNav li.myjoys, ol#primaryNav li.myjoys:hover { background-position: right bottom;	 z-index:1970;}
ol#primaryNav li.myjoys span{/*border-left: 1px solid #747474;*/	background-position: right top; }
ol#primaryNav li.myjoys:hover span{background-position: right top; }

ol#primaryNav li.last a {background:none;}
ol#primaryNav li.last, ol#primaryNav li.last:hover {background-position: right bottom;}
ol#primaryNav li.last span{background-position: right top !important; }


/* top level menu widths and dropdown positions by country */

/* default fits english translations and some others*/
ol#primaryNav li.mens, ol#primaryNav li.mens:hover{ width: 8.1em;}
ol#primaryNav li.womens, ol#primaryNav li.womens:hover{ width: 8.6em;}
ol#primaryNav li.juniors, ol#primaryNav li.juniors:hover { width: 8.6em;}
ol#primaryNav li.myjoys, ol#primaryNav li.myjoys:hover { width: 12.5em; }
ol#primaryNav li.mens ol.topMenu { left:0; }
ol#primaryNav li.womens ol.topMenu { left:8.2em; }
ol#primaryNav li.juniors ol.topMenu { left:16.9em; }
ol#primaryNav li.myjoys a div.productFeature { left:25.4em;}

/* override defaults to fit other translations */
.fr ol#primaryNav li.mens, .fr ol#primaryNav li.mens:hover{ width: 9.6em;}
.fr ol#primaryNav li.womens, .fr ol#primaryNav li.womens:hover{ width: 7.6em;}
.fr ol#primaryNav li.juniors, .fr ol#primaryNav li.juniors:hover { width: 7.6em;}
.fr ol#primaryNav li.womens ol.topMenu { left:9.7em; }





/* SubMenu layout and styles */	

ol#primaryNav li ol{    
    position:absolute;    
    top:2.5em;
    left:0px;
    width:14em;  
    background: #777; /*#E9E8DE;   */
    border:0px;
}

ol#primaryNav li:hover ol, ol#primaryNav li.hover ol {
	border:1px solid #CCCCCC;      
}	

ol#primaryNav li ol.topMenu{	
}

ol#primaryNav li ol.subMenu{
    top:-1px;
    left:13.9em;      
}	
	



ol#primaryNav li ol.topMenu li,
ol#primaryNav li ol.topMenu li a,
ol#primaryNav li ol.topMenu li ol.subMenu li,
ol#primaryNav li ol.topMenu li ol.subMenu a{
    float:none;
    background:none; 
    border:0; 
    
    height:auto;
    _height:1.1em;
    max-height:2.8em; /* keeps ie7 in check */
        
    text-align:left;
    color:#FFF;
    font-weight:normal;
    line-height: 1.1em;
    text-decoration:none;
}

ol#primaryNav li ol.topMenu li ol.subMenu a
{
	width:10em; /*force labels to wrap before arrow */
}

ol#primaryNav li ol.topMenu li,
ol#primaryNav li ol.topMenu li ol.subMenu li{
    background:url(../images_new/mainNav_arrowUp.gif) 90% center no-repeat;
}	

ol#primaryNav li ol.topMenu li a{
    font-size:1.1em;
	font-weight:normal;
	color:#FFF; /*#222222;*/
    padding-left:.5em;
    padding-top:.4em;
    padding-bottom:.4em;
    
}	

ol#primaryNav li.myjoys div.productFeature
{
	position:absolute; 
	top: 2.8em;
	left:23em;
	width:190px; 
    margin:0;    
    padding:0;
    
	text-align:left;
    }


ol#primaryNav li.myjoys a
{
	text-decoration:none;
}

ol#primaryNav li ol.topMenu ol.subMenu li div.productFeature{
    position:absolute;
    top:-1px;
    left:12.6em;   
    width:190px; 
    margin:0;    
    padding:0;
     
}

ol#primaryNav li ol.topMenu ol.subMenu li div.productFeature
{
	background: url("../images_new/fj_transparent.gif") repeat; /* ie needs to see a bkg or it'll fire mouseout and rollup the dropdown */
}


ol#primaryNav li.myjoys div.productFeature div.productFeatureContent,
ol#primaryNav li ol.topMenu ol.subMenu li div.productFeature div.productFeatureContent{
    background:white;
	padding:.6em 1.5em 1em 1.5em;
	cursor:hand;
	border:1px solid #cccccc;

}

ol#primaryNav li.myjoys div.productFeature div.productFeatureContent *,
ol#primaryNav li ol.topMenu ol.subMenu li div.productFeature div.productFeatureContent *{
	cursor:hand;
}
	
ol#primaryNav li.myjoys div.productFeature img,
ol#primaryNav li ol.topMenu ol.subMenu li div.productFeature img{
	border:none;
}


ol#primaryNav li.myjoys div.productFeature h3,
ol#primaryNav li.myjoys div.productFeature p,
ol#primaryNav li ol.topMenu ol.subMenu li div.productFeature h3,
ol#primaryNav li ol.topMenu ol.subMenu li div.productFeature p{
    color:black;
    margin:0;
    padding:0; 
    margin-bottom:1em; 
}

ol#primaryNav li.myjoys div.productFeature h3,
ol#primaryNav li ol.topMenu ol.subMenu li div.productFeature h3{
    font-size:1.3em;
    line-height:1.0em;
	font-weight:bold;
	color:#333; /*#000000;*/
}

ol#primaryNav li.myjoys div.productFeature span,
ol#primaryNav li ol.topMenu ol.subMenu li div.productFeature span
{
	background:none;
}

ol#primaryNav li.myjoys div.productFeature p,
ol#primaryNav li ol.topMenu ol.subMenu li div.productFeature p{
    font-size:1.0em;
	font-weight:normal;
	color:#333; /*#9A8F4C;*/
	line-height:1.2em;
}





/* Submenu Mouseovers */
ol#primaryNav li ol.topMenu { height:0; overflow:hidden;}
ol#primaryNav li ol.topMenu li ol.subMenu { height:0; width:0; overflow:hidden;}
ol#primaryNav li ol.topMenu li ol.subMenu div.productFeature { width:0; overflow:hidden; padding:0; border:0;}
ol#primaryNav li.myjoys div.productFeature{height:0; width:0; overflow:hidden;}
 
 
ol#primaryNav li.open ol.topMenu { height:auto; overflow:visible; }
ol#primaryNav li.open ol.topMenu li.open ol.subMenu {height:auto; width:14em; overflow:visible; }
ol#primaryNav li.open ol.topMenu li.open ol.subMenu li.open div.productFeature { height:auto; width:190px; overflow:visible;}
ol#primaryNav li.open div.productFeature{height:auto; width:190px; overflow:visible;}

/*
ol#primaryNav li ol.topMenu { top: 2.4em; }
ol#primaryNav li ol.topMenu li ol.subMenu  { top: 0px;}
ol#primaryNav li ol.topMenu li ol.subMenu div.productFeature { top: -1px;}
*/

ol#primaryNav li ol.topMenu li:hover a, ol#primaryNav li ol.topMenu li.hover a,
ol#primaryNav li ol.topMenu li ol.subMenu li:hover a, ol#primaryNav li ol.topMenu li ol.subMenu li.hover a{
    color:#FFF; /*#97924B;*/
    
}


ol#primaryNav li ol.topMenu li:hover, ol#primaryNav li ol.topMenu li.hover,
ol#primaryNav li ol.topMenu li ol.subMenu li:hover, ol#primaryNav li ol.topMenu li ol.subMenu li.hover
{
	background:#4F4F4F url(../images_new/mainNav_arrowOver.gif) 90% center no-repeat;
}

/*
ol#primaryNav li ol.topMenu,
ol#primaryNav li ol.topMenu li ol.subMenu,  
ol#primaryNav li ol.topMenu li ol.subMenu div.productFeature { top: -10000px;}


ol#primaryNav li:hover ol.topMenu{ top: 2.4em;; }
ol#primaryNav li:hover ol.topMenu li:hover ol.subMenu,
ol#primaryNav li:hover ol.topMenu li:hover ol.subMenu li:hover div.productFeature {  top:0; }

ol#primaryNav li ol.topMenu li:hover,
ol#primaryNav li ol.topMenu li ol.subMenu li:hover{
    background:white;
}
*/

/* TopNav layout and styles */

div#featuresAndCSNavigation {
  position: absolute;
	top:-1px;
	right: 0px;
	width: 21.2em;
	height: 2.5em;
	z-index:5000;
	}


ol#featuresAndCSNavList {
	position:relative;
	height: 2.5em;
	}		
		
ol#featuresAndCSNavList li {	
	display: block;
	float: left;
	text-align: center;
	height: 2.5em;
	}
	
ol#featuresAndCSNavList li:hover, ol#featuresAndCSNavList li.hover
{
 background: url("../images/FJ_home_nav_feat_cs_bkg_over.gif") top right repeat-x;
}
	
	
ol#featuresAndCSNavList li img.topLevelImage{
	border:none;
	}	
ol#featuresAndCSNavList li img{		
	}	
ol#featuresAndCSNavList li a {
	display: block;
	line-height: 2.3em;
	height: 2.3em;
	font-weight: bold;
	font-size: 1.1em;
	}	

ol#featuresAndCSNavList li a,
ol#featuresAndCSNavList li a:hover,
ol#featuresAndCSNavList li a:visited,
ol#featuresAndCSNavList li a:active{
  font-family: "Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"MS Pゴシック",verdana, sans-serif;
  font-size: 9px;
  line-height:24px;
  font-weight:bold;
  color:#555555;
  text-decoration:none;
}


ol#featuresAndCSNavList li.features { width: 7.7em; z-index:2000;}
ol#featuresAndCSNavList li.features a { background:url(../images/FJ_grad_divider.gif) right no-repeat;}	
ol#featuresAndCSNavList li.features ol.topMenu { left:0; }

ol#featuresAndCSNavList li.customerservice { width: 12.2em; z-index:1990;}
ol#featuresAndCSNavList li.customerservice ol.topMenu { left:7.7em; }


/* SubMenu layout and styles */	
ol#featuresAndCSNavList li ol.topMenu{    
    position:absolute;    
    top:2.5em;
    left:0px;
    width:14em;  
    background:#E9E8DE;
}	

ol#featuresAndCSNavList li:hover ol.topMenu, ol#featuresAndCSNavList li.hover ol.topMenu{	
    border:1px solid #CCC;
}

ol#featuresAndCSNavList li ol.topMenu li,
ol#featuresAndCSNavList li ol.topMenu li a{
    float:none;
    border:0; 
    
    height:auto;
    _height:1.1em;
    font-size:1.1em;
    text-align:left;
    color:black;
    font-weight:normal;
    line-height: 1.1em;
    text-decoration:none;
}
ol#featuresAndCSNavList li ol.topMenu li a:hover{
    font-weight:normal;

    height:auto;
    _height:1.1em;
        font-size:1.1em;
    text-align:left;
    font-weight:normal;
    line-height: 1.1em;
    text-decoration:none;
}

ol#featuresAndCSNavList li ol.topMenu li{
}

ol#featuresAndCSNavList li ol.topMenu li a{
    font-size:1.1em;
  	font-weight:normal;
  	color:#222222;
    padding-left:.5em;
    padding-top:.4em;
    padding-bottom:.4em;
}

/* Submenu Mouseovers */
ol#featuresAndCSNavList li ol.topMenu { height:0; overflow:hidden;}
ol#featuresAndCSNavList li.open ol.topMenu { height:auto; overflow:visible; }

ol#featuresAndCSNavList li ol.topMenu li:hover, ol#featuresAndCSNavList li ol.topMenu li.hover,
ol#featuresAndCSNavList li ol.topMenu li:hover a, ol#featuresAndCSNavList li ol.topMenu li.hover a{
    color:#97924B;
}

ol#featuresAndCSNavList li ol.topMenu li:hover, ol#featuresAndCSNavList li ol.topMenu li.hover
{
	background:white;
}