/*

FJ Primary Nav 

*/

div.secondaryBGTop
{
	margin-bottom:11px;
}

div.logoholder
{
	background: transparent url(/images/header/topleftcorner.gif) no-repeat left top;
	width:55px;
	height:51px;
	float:left;
	vertical-align:middle;
	text-align:center;
	margin-left:-12px;
}


img.leftImg
{
	margin-top:7px;
	border:none 0px black;
}

/* TopNav layout and styles */
div#navigation 
{/*	background: #fff url(/images/FJ_home_nav_middle_r.jpg) right repeat-y;*/
	width: 282px;
	height: 55px;
	position:relative;
	background-color:Transparent;
	/*margin-left:-12px;*/
	}

ol#primaryNav li span a, ol#primaryNav li span a:hover, ol#primaryNav li span a:visited, ol#primaryNav li span a:active, ol#featuresAndCSNavList li span a, ol#featuresAndCSNavList li span a:hover, ol#featuresAndCSNavList li span a:visited, ol#featuresAndCSNavList li span a:active {
color:white;
/*font-family:verdana,sans-serif;
font-size:9px;
font-weight:bold;*/
font-family: Arial;
font-weight:normal;
font-size:11px;
line-height:24px;
text-decoration:none;
}

div#featuresAndCSNavigation {	
  width: 255px;
  height: 2.5em;
}

ol#primaryNav img
{
	float:none;
}

ol#primaryNav 
{
	position:relative;	
	height:51px;
	vertical-align:bottom;
	/*margin-left:-12px;*/
	}		
ol#featuresAndCSNavList {
	position:relative;
	height: 2.5em;
	z-index:20;
	}

ol#primaryNav li,
ol#featuresAndCSNavList li{	
	display: block;
	float: left;	
	text-align: center;
	margin-top:13px;
	height:51px;
	vertical-align:bottom;
	}

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

ol#primaryNav li span
{
	display:block;	
}

ol#primaryNav li span a img
{
	/*margin-top:15px;*/
}

ol#primaryNav li:hover span,
ol#primaryNav li.hover span
{
	display:block;	
}

ol#primaryNav li a,
ol#featuresAndCSNavList li a  {
	display: block;
	/*background: url(/images/FJ_home_nav_sep.gif) top right no-repeat;	*/
	
	line-height: 2.3em;
	height: 51px;
	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;	*/
	height: 51px
}

/*ol#primaryNav li a,
ol#featuresAndCSNavList li a{background:url(/images/header/NAV_divider.gif) right top no-repeat; z-index:0;}*/


ol#primaryNav li.logo{ width: 55px; background-position: -1px top;  z-index:1970; }

ol#primaryNav li.mens{ width: 59px; background:url(/images/header/mensNAV_divider.gif) right top no-repeat;  z-index:2000;}
ol#primaryNav li.mens ol.topMenu { left:0; }

ol#primaryNav li.womens{ width: 83px; background:url(/images/header/NAV_divider.gif) right top no-repeat; z-index:1990; margin-left:-2px;}
ol#primaryNav li.womens ol.topMenu { left:57px; }

ol#primaryNav li.juniors, ol#primaryNav li.juniors:hover { width: 70px; background:url(/images/header/NAV_divider.gif) right top no-repeat; z-index:1980; margin-left:-2px;}
ol#primaryNav li.juniors ol.topMenu { left:138px; }

ol#primaryNav li.myjoys, ol#primaryNav li.myjoys:hover { width: 70px; background:url(/images/header/NAV_divider.gif) right top no-repeat; z-index:1970; margin-left:-2px;}			
ol#primaryNav li.myjoys ol.topMenu { left:190px; }


ol#featuresAndCSNavList li.features { width: 7.7em; z-index:2000;}
ol#featuresAndCSNavList li.features ol.topMenu { left:0; }

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

ol#featuresAndCSNavList li.community { width: 92px;  z-index:1990; margin-left:-1px;}
ol#featuresAndCSNavList li.community a { background:none;}
ol#featuresAndCSNavList li.community ol.topMenu { left:7.7em; }

ol#featuresAndCSNavList li.blog { width: 52px; background:url(/images/header/NAV_divider.gif) right top no-repeat; z-index:2000; margin-left:-7px;}
ol#featuresAndCSNavList li.blog ol.topMenu { left:20.1em; }


ol#primaryNav li a:hover,
ol#featuresAndCSNavList li a:hover,
ol#primaryNav li:hover,
ol#featuresAndCSNavList li:hover a,
ol#featuresAndCSNavList li:hover,
ol#primaryNav li.mens:hover span,
ol#primaryNav li.womens:hover span,
ol#primaryNav li.juniors:hover span,
ol#primaryNav li.myjoys:hover span,
ol#primaryNav li.blog:hover span,
ol#primaryNav li.community:hover span,
ol#primaryNav li.mens:hover,
ol#primaryNav li.womens:hover,
ol#primaryNav li.juniors:hover,
ol#primaryNav li.myjoys:hover,
ol#primaryNav li.blog:hover,
ol#primaryNav li.community:hover,
ol#featuresAndCSNavList li.hover,
ol#primaryNav li.over,
ol#primaryNav li.over span,
ol#primaryNav li.over a{background:url(/images/header/bg_hover.gif) left top repeat-x; z-index:2010;}

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

/* blog should have no submenu */
ol#primaryNav li.blog ol,
ol#featuresAndCSNavList li.blog ol{    
    display:none;
}

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

ol#primaryNav li ol.topMenu,
ol#featuresAndCSNavList li ol.topMenu,
ol#primaryNav li.myjoys div.productFeatureContent{	
    margin-top:26px;
	margin-left:0px;
}


ol#primaryNav li div.productFeatureContent
{
	margin-top:0px;
	margin-left:2px;
}

ol#primaryNav li ol.subMenu{
    top:-1px;
    left:13.9em;      
}	
	
input.searchText
{
	border:none 0px black;
	vertical-align:middle;
	line-height:18px;
	height:18px;
	width:117px;
	background: transparent url(/images/header/i_searchbg.gif) repeat-x left top;
	margin: 0px 0px 0px 9px;
	padding: 0px 0px 0px 0px;
	float:left;
	font-size:10px;
	font-weight:bold;
}

input.searchButton
{
	position:relative;
	width:13px;
	height:18px;
	border:none 0px black;
	background: Transparent url(/images/header/i_searchR.png) repeat-x left top;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float:right;
}

div#searchContainer
{
	position:relative;
	margin-top:17px;
	margin-left:27px;
	height:18px;
	vertical-align:middle;
	background: Transparent url(/images/header/i_searchL.png) no-repeat left center;
	width:139px;
}

img.null
{
	height:0px; 
	width:0px; 
	background-color:Transparent;
	border:none;
}

div.searchDiv
{
	background-color:Transparent;
	width:179px;
	height:51px;
	float:right;
	margin-left:-18px;
	vertical-align:middle;
}

div.endcap
{
	width:15px;
	height:51px;
	background: white url(/images/header/toprightcorner.gif) no-repeat left top;
	float:right;
	z-index:100;
	margin-top:-35px;
}

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,
ol#featuresAndCSNavList li ol.topMenu li,
ol#featuresAndCSNavList li ol.topMenu li a{
    float:none;
    background:none; 
    border:0; 
    
    height:auto;
    _height:1.1em;
    max-height:2.8em; /* keeps ie7 in check */
        margin-top:0px;
    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,
ol#featuresAndCSNavList 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, ol#primaryNav li.blog div.productFeature
{
	position:absolute; 
	top: 2.3em;
	left:212px;
	width:190px; 
    margin:0;    
    padding:0;
    
	text-align:left;
}


ol#primaryNav li.myjoys a, ol#primaryNav li.blog 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#featuresAndCSNavList li ol.topMenu,
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; margin-left:-6px;}
ol#primaryNav li.blog div.productFeature{height:0; width:0; overflow:hidden;}
 
ol#featuresAndCSNavList li.open ol.topMenu,
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,
ol#featuresAndCSNavList li ol.topMenu li:hover a, ol#featuresAndCSNavList li ol.topMenu li.hover a,
ol#featuresAndCSNavList li ol.topMenu li ol.subMenu li:hover a, ol#featuresAndCSNavList 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#featuresAndCSNavList li ol.topMenu li:hover, ol#featuresAndCSNavList li ol.topMenu li.hover,
ol#featuresAndCSNavList li ol.topMenu li ol.subMenu li:hover, ol#featuresAndCSNavList li ol.topMenu li ol.subMenu li.hover
{
  background:#4F4F4F;
}

/*
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 {	
	width: 21.2em;
	height: 2.5em;
	}


ol#featuresAndCSNavList {
	position:relative;
	height: 2.5em;
	}		
		
ol#featuresAndCSNavList li {	
	display: block;
	float: left;
	text-align: center;
	height: 2.5em;
	position: relative;
	left: -1px;
	}
	
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.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:12em;  
    
    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;
    
    text-align:left;
    color:black;
    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;
}
*/




ul.countrySelectHidden_
{
	list-style-image:none;
	list-style-type:none;
	margin: 0;
	padding: 0;
	display:inline;
}

div#footerlinks a:link,div.footerlinks a:visited
{
	color:#666666;
	text-decoration:none;
}

div#footerlinks
{
	 min-height: 127px; 
}

div#footerlinks a:hover,div.footerlinks a:active
{
	text-decoration:underline;
}

div#footerlinks ul
{
	list-style-type:none;
	line-height:15px;
}

div#footerlinks div#footerlinksBottomRight div.footerCell
{
	 width: 187px; 
	 min-height: 127px; 
	 padding: inherit; 
	 margin: inherit; 
	 padding-top:5px;
	 display:inline-table;
	 text-decoration:none;
	 color:#666666;
	 vertical-align:top;
}

div#footerlinks div#footerlinksBottomRight div.footerCell a:link,
div#footerlinks div#footerlinksBottomRight div.footerCell a:visited
{
	 text-decoration:none;
	 color:#666666;
}

div#footerlinks div#footerlinksBottomRight div.footerCell a:hover,
div#footerlinks div#footerlinksBottomRight div.footerCell a:active
{
	 text-decoration:underline;
}

div#footerlinks div#footerlinksBottomRight
{
	min-height: 149px;
	background: transparent url(/images/header/footer_border.gif) no-repeat scroll 1px bottom;
	z-index:100;
}

img.flag
{
	width: 20px; 
	height: 13px;
    border: none; 
    padding:0; 
    margin: 0px 3px 3px 0px;
}

div.footerHeaderCell
{
	width: 187px;
	padding: inherit;
	margin: inherit;
	display: inline-table;
	margin-top: 5px;
}


div.pageContent div.internalContent ul.breadcrumb
{
  position:relative;
	margin:-20px 0 0 0;
	padding:6px 0 0 0;
	
	float:right;
	height:18px;
	width:760px;
}

div#mainFooter
{
	width: 760px; 
	margin: -16px auto 0 auto; 
	position: relative; 
	background-image: url(/images/header/footer_repeatbg.gif);
    background-position: left top; 
    background-repeat: repeat-x; 
    clear:left;
}

div#mainFooter div.hd
{
	background: transparent url(/images/header/footer_topleftcorner.gif) no-repeat scroll 0 0;
}

div#mainFooter div.hd div.c
{
	background: transparent url(/images/header/footer_toprightcorner.gif) no-repeat scroll right top;
	height: 23px; 
	font-size: 11px; 
	font-weight: bold; 
	color: #666666; 
	font-size: 11px; 
	padding: 0px 0px 0px 0px; 
	margin: 0px -1px 0px -1px;
}

div#footerlinks
{
	background: transparent url(/images/header/leftright.gif) repeat-y scroll left top; 
	z-index:0;
}

div#footerlinksBottomRight
{
	margin: 0px -1px 0px -1px;
	z-index:101; 
	background: transparent url(/images/header/footer_border.gif) no-repeat scroll 1px bottom;
}


div#footerlinksBottomRight div.s
{
	min-height: 149px;
	padding: 0px 0px 10px 0px; 
	margin: 0px -1px 0px -1px; 
	background: transparent url(/images/header/footer_bottomLeftcorner.gif) no-repeat scroll 2px bottom; 
	min-height:149px; 
	z-index:102
}