/* set default color for links */
a:link, a:visited, a:hover {
	color:#0687DB;
	}
a:hover {
	text-decoration:none;
	}

/* Corporate Top Nav */
Div.TopHeader{
	position:relative;
	width:960px;
	margin:0px auto;
	text-align:left;
	vertical-align: bottom;
	float:none;
	margin-top:5px;
	height:70px;
	clear:both;
}

.TopHeader_home_en {
	position:relative;
	width:960px;
	margin:0px auto;
	text-align:right;
	vertical-align: bottom;
	float:none;
	height:70px;
	
	border: 2px solid red;
}

.TopHeader_home_fr {
	position:relative;
	width:960px;
	margin:0px auto;
	text-align:right;
	vertical-align: bottom;
	float:none;
	height:70px;

	border: 2px solid red;

}


#supernav {
	position:relative;
	width:960px;
	height:20px;
	margin:20px auto 0px auto;
	text-align:right;
	float:none;
	}

/* PY */

.superNav_2 {
	padding:0 10px;
	display:inline;
	/* border:1px solid red; */
	text-align:center;
	background:url(/images/nav/navDivider.jpg) 0% 100% no-repeat;
 	font:80% Arial, Helvetica, sans-serif;
	text-decoration:underline;
	font-size:11px;

	}
.superNav_3 {
	padding:0 10px;
	display:inline;
	/* border:1px solid red; */
	text-align:center;
 	font:80% Arial, Helvetica, sans-serif;
	text-decoration:underline;
	font-size:11px;

	}

.superNav_4 {
	padding:0 10px;
	display:inline;
	text-align:center;
	background:url(/images/nav/navDivider.jpg) 0% 100% no-repeat;
 	font:80% Arial, Helvetica, sans-serif;
	font-size:11px;
	}

.superNav_5 {
	padding:0 10px;
	display:inline;
	/* border:1px solid red; */
	text-align:center;
 	font:80% Arial, Helvetica, sans-serif;
	font-size:11px;
	}






#superNav ul {
	margin:0;
	padding:0;
	list-style-type:none;
	}


#superNav ul li {
	padding:0 10px;
	display:inline;
	/* border:1px solid red; */
	text-align:center;
	background:url(/images/nav/navDivider.jpg) 0% 100% no-repeat;
 
	}
#superNav ul li.first {	
	background:none;
	}
#superNav ul li.last {	
	 
	}
	
#superNav ul li a:link, #superNav ul li a:visited {
	font:80% Arial, Helvetica, sans-serif;
	text-decoration:underline;
	font-size:11px;
	}
#superNav ul li a:visited { 
	color:#0483E4;
	}	
#superNav ul li a:hover { 
	color:#F25000;
	text-decoration:none;
	}
	
/* Main Top Nav */
ul#top {
	position:relative;
	z-index:2;
	margin:0;
	padding:0;
	list-style-type:none;
	background:url(/images/nav/bgTile.jpg) 0% 0% repeat-x;
	width:960px;
	height:33px;
	text-align:center;
	float:none;
	text-align:center;
	
	}
ul#top li {
	position:relative;
	z-index:2;
	background:url(/images/nav/navDivider.jpg) 100% 0% no-repeat;
	float:left;
	width:191px;
	height:33px;
	line-height:33px;
	}
	
#top #recipes,
#top #health_wellness{	
	float:left;
	width:190px;
	height:33px;
	line-height:33px;
overflow:hidden;}
	
/* Make the whole area clickable */
ul#top li a {
	display:block;
	width:100%;
	width:190px;
	height:32px;
	line-height:32px;
	}
ul#top li a:active img{
	border:none;
	}
ul#top li.last {
	background:none;
	}
	
/* Nav link colors - not currently needed on account of image-based nav, but these are the colors just in case*/
ul#top li#home a:link, ul#top li#home a:visited {
	background:url(/images/nav/home_but.jpg) 50% 50% no-repeat;
	}
ul#top li#home a:hover {
	background:url(/images/nav/home_but_on.jpg) 50% 50% no-repeat;
	}

ul#top li#home_FR a:link, ul#top li#home_FR a:visited {
	background:url(/images/nav/home_but_fr.jpg) 50% 50% no-repeat;
	}
ul#top li#home_FR a:hover {
	background:url(/images/nav/home_but_on_fr.jpg) 50% 50% no-repeat;
	}

	
ul#top li#products a:link, ul#top li#products a:visited {
	background:url(/images/nav/prod_but.jpg) 50% 50% no-repeat;
	}
ul#top li#products a:hover {
	background:url(/images/nav/prod_but_on.jpg) 50% 50% no-repeat;
	}
	
ul#top li#products_FR a:link, ul#top li#products_FR a:visited {
	background:url(/images/nav/prod_but_fr.jpg) 50% 50% no-repeat;
	}
ul#top li#products_FR a:hover {
	background:url(/images/nav/prod_but_on_fr.jpg) 50% 50% no-repeat;
	}
	
	
ul#top li#offers a:link, ul#top li#offers a:visited {
	background:url(/images/nav/off_but.jpg) 50% 50% no-repeat;
	}
ul#top li#offers a:hover {
	background:url(/images/nav/off_but_on.jpg) 50% 50% no-repeat;
	}

ul#top li#offers_FR a:link, ul#top li#offers_FR a:visited {
	background:url(/images/nav/off_but_fr.jpg) 50% 50% no-repeat;
	}
ul#top li#offers_FR a:hover {
	background:url(/images/nav/off_but_on_fr.jpg) 50% 50% no-repeat;
	}

	
ul#top li#newsletter a:link, ul#top li#newsletter a:visited {
	background:url(/images/nav/news_but.jpg) 50% 50% no-repeat;
	}
ul#top li#newsletter a:hover {
	background:url(/images/nav/news_but_on.jpg) 50% 50% no-repeat;
	}

ul#top li#newsletter_FR a:link, ul#top li#newsletter_FR a:visited {
	background:url(/images/nav/news_but_fr.jpg) 50% 50% no-repeat;
	}
ul#top li#newsletter_FR a:hover {
	background:url(/images/nav/news_but_on_fr.jpg) 50% 50% no-repeat;
	}
	
	
ul#top li#health_wellness a:link, ul#top li#health_wellness a:visited {
	background:url(/images/nav/health_but.jpg) 50% 50% no-repeat;
	}
ul#top li#health_wellness a:hover {
	background:url(/images/nav/health_but_on.jpg) 50% 50% no-repeat;
	}

ul#top li#health_wellness_FR a:link, ul#top li#health_wellness_FR a:visited {
	background:url(/images/nav/health_but_fr.jpg) 50% 50% no-repeat;
	}
ul#top li#health_wellness_FR a:hover {
	background:url(/images/nav/health_but_on_fr.jpg) 50% 50% no-repeat;
	}
	
	
ul#top li#recipes a:link, ul#top li#recipes a:visited {
	background:url(/images/nav/recipes_but.jpg) 50% 50% no-repeat;
	}
ul#top li#recipes a:hover {
	background:url(/images/nav/recipes_but_on.jpg) 50% 50% no-repeat;
	}
	
ul#top li#recipes_FR a:link, ul#top li#recipes_FR a:visited {
	background:url(/images/nav/recipes_but_fr.jpg) 50% 50% no-repeat;
	}
ul#top li#recipes_FR a:hover {
	background:url(/images/nav/recipes_but_on_fr.jpg) 50% 50% no-repeat;
	}
	
	
ul#top li#health_wellness_FR a:link, ul#top li#newsletter_FR a:visited {
	background:url(/images/nav/health_but_fr.jpg) 50% 50% no-repeat;
	}
ul#top li#health_wellness_FR a:hover {
	background:url(/images/nav/health_but_on_fr.jpg) 50% 50% no-repeat;
	}

	
ul#top li a:link, ul#top li a:visited {
	color:#0000DD;
	font:arial, helvetica, sans-serif;
	text-decoration:none;
	font-weight:800;
	}
	
/* Dropdown for Products */
ul#top li#products ul#productDrop, ul#top li#products_FR ul#productDrop {
	display:none;
	/*background:url(/images/nav/rightNavbg.gif) 0% 0% no-repeat;*/
	position:absolute;
	top:33px;
	left:-2px;
	_left:0px;

	list-style-type:none;
	margin:0;
	padding:0;
	width:187px;
	_width:185px;
	background:url(/images/nav/rightNavbg.gif) top right no-repeat;
	}
ul#top li ul#productDrop li {
	display:block;
	position:relative;
	background:none;
	/*height:21px;*/
	height:auto;
	width:182px;
	}
ul#top li ul#productDrop li.extended {
	background:#B7E0FE url(/images/nav/arrow.gif) 100% 0% no-repeat;
	}
ul#top li ul#productDrop li.last {
	height:20px;
	}
	
ul#top li ul#productDrop li a:link, ul#top li ul#productDrop li a:visited {
	background:#FFF url(/images/nav/arrow_off_james.gif) 95% 50% no-repeat;
	display:block;
	border:1px solid #B7E0FE;
	border-top:none;
	font:80% arial, helvetica, sans-serif;
	font-size:11px;
	color:#333;
	width:162px;
	_width:160px;
	/*height:20px;*/
	height:auto;
	line-height:20px;
	text-align:left;
	padding:0px 10px 0 10px;
	}
ul#top li ul#productDrop li a:hover {
	background:#DCEDFD url(/images/nav/arrow_on_james.gif) 95% 50% no-repeat;
	color:#2C3F69;
	/*height:20px;*/
	height:auto;
	line-height:20px;
	}
ul#top li ul#productDrop li.noArrow a {
	border-bottom:1px solid #B7E0FE;
	background:#FFF;
	}
ul#top li ul#productDrop li.noArrow a:hover {
	border-bottom:1px solid #B7E0FE;
	background:#FFF;
	}
ul#top li ul#productDrop li#close {
	background:url(/images/nav/bottomNavbg.gif) 0px 1px no-repeat;
	_background:url(/images/nav/bottomNavbg.gif) 0px 0px no-repeat;
	text-align:right;
	border:none;
	}
ul#top li ul#productDrop li#close a,ul#top li ul#productDrop li#close a:hover{
	border:none;
	position:absolute;
	right:-5px;
	_right:-3px;
	top:0px;
	height:26px;
	line-height:20px;
	width:84px;
	_width:88px;
	background:url(/images/nav/close3.gif) right top no-repeat;
	color:#2C3F69;
	}
	
	
	
ul#top li ul#productDrop li#close_FR a,ul#top li ul#productDrop li#close_FR a:hover{
	border:none;
	position:absolute;
	right:-5px;
	_right:-3px;
	top:0px;
	height:26px;
	line-height:20px;
	width:84px;
	_width:88px;
	background:url(/images/nav/close3_fr.gif) right top no-repeat;
	color:#2C3F69;
	}	
/* Flyouts for specific brands/products */

ul#top li ul#productDrop li ul.flyout {
    border:none;
	display:block;
	width:186px;
	_width:184px;
	list-style-type:none;
	margin:0;
	padding:0;
	position:absolute;
	z-index:999;
	left:-999px;
	background:url(/images/nav/rightNavbg.gif) top right no-repeat;
	}

ul#top li ul#productDrop li:hover ul, ul#top li ul#productDrop li.sfhover ul  {
    top:-1px;
	left:184px;
    _left:182px;
	}
	
ul#top li ul#productDrop li ul li {
	width:182px;
	}

ul#top li ul#productDrop li ul li a:link, ul#top li ul#productDrop li ul li a:visited {
	background:#DCEDFD;
	/*font-weight:700;*/
	border:1px solid #B7E0FE;
	border-left:none;
	font-size:11px;
	}
ul#top li ul#productDrop li ul li a:hover {
	background:#FFF;
	}

ul#top li ul#productDrop li ul.flyout li.double {
	height:42px;
	border:none;
	}

ul#top li ul#productDrop li ul.flyout li a.double {
	height:35px;
	line-height:15px;
	padding-top:3px;
	border-bottom:none;
	}
	
	
ul#top li ul#productDrop li ul li.last {
	background:url(/images/nav/bottomNavbg.gif) bottom left no-repeat;
	margin:0;
	padding:0;
	text-align:left;
	width:184px;
	height:25px;
	}
	
ul#top li ul#productDrop li ul li.last a:link, ul#top li ul#productDrop li ul li.last a:visited {
	background:#DCEDFD;
	}
ul#top li ul#productDrop li ul li.last a:hover {
	background:#FFF;
	}
	
/* breadcrumb (below the flash) - for Corporate page, these are overwritten in corporate.css */
#breadcrumb {
	background:#FFF;
	width:960px;
	height:36px;
	min-height:36px;
	border-bottom:1px solid #B7E0FE;
	text-align:left;
	font-size:90%;
	}
#breadcrumb ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
	}
#breadcrumb ul li {
	display:inline;
	line-height:36px;
	padding:0px 20px 0px 10px;
	background:url(/images/nav/triangle.gif) 100% 50% no-repeat;
	color:#626363;
	}
#breadcrumb ul li.last {
	background:none;
	}
#breadcrumb ul li a:link, #breadcrumb ul li a:visited {
	color:#626363;
	text-decoration:underline;
	} 
#breadcrumb ul li a:hover {
	text-decoration:none;
	}
	


/* BRAND HUB - INTERIM HUB - PRODUCT PAGE DROPDOWNS */
#BranNav_Double
{
	
	}

#brandNav 
{
	width:960px;
	height:64px;
	min-height:64px;
	background:#FFF7D2;
	border-bottom:1px solid #B7E0FE;
	}

#brandNav #copy {
	float:right;
	background:url(/images/brandHub/triangle.jpg) right center no-repeat;
	margin:8px;
	height:50px;
	line-height:50px;
	padding:0 35px 0 0;
	color:#CD173D;
	font-weight:700;
	font-size:120%;
	}


#brandNav #lists {
	margin:0px 12px;
	width:186px;
	float:right;
	text-align:right;
	position:relative;
	top:21px;
	}
#brandNav #lists.noborder {
	border: none;
	}
#brandNav #lists #brandDropdown #shell #trigger #triggerLabel {

	}
#brandNav #listsDouble {
	margin:0px 12px 0px 0px;
	width:186px;
	float:right;
	text-align:right;
	}
#brandNav #listsDouble #brandDropdown {
	padding:2px 0;
	}
#brandNav #listsDouble #brandDropdown.first {
	border-bottom:1px solid #F48885;
	}






#brandDropdown {
	}
#brandDropdown #shell {
	width:189px;
	font:arial, helvetica, sans-serif;
	}
#brandDropdown #shell #trigger {
	cursor:pointer;
	width:100%;
	height:28px;
	line-height:22px;
	background:url(/images/dropdown/drop_nav_icon.jpg) 0px 0px no-repeat;
	text-align:left;
	font-weight:400;
	}

/* THIS IS THE ATTEMPT TO GET THE ROLLOVER STATE ON THE BRAND DROPDOWNS
#brandDropdown #shell #trigger #triggerLabel a {
	display:block;
	cursor:hand;
	width:100%;
	height:22px;
	line-height:22px;
	background:#FFF url(/images/dropdown/drop_nav_icon.jpg) 0px 0px no-repeat;
	text-align:left;
	}
#brandDropdown #shell #trigger #triggerLabel a:hover {
	background:#333;
	}
*/
	
#brandDropdown #shell #trigger #triggerLabel {
	position:relative;
	top:2px;
	left:10px;
	}
	
#brandDropdown #shell .innermenu {
	position:absolute;
	z-index:2;
	margin:-3px 0 0 4px;	
	_margin:-3px 0 0 -185px;
	width:182px;
	height:200px;
	overflow-y:auto;
	overflow-x:hidden;
	display:none;
	text-align:left;
	}
#brandDropdown #shell .innermenuShort {
	position:absolute;
	z-index:2;
	margin:-3px 0 0 4px;		
	_margin:-3px 0 0 -185px;
	width:182px;
	overflow-y:auto;
	overflow-x:hidden;
	display:none;
	border-right:1px solid #B7E0FE;
	text-align:left;
	}
#brandDropdown #shell .innermenu ul, #brandDropdown #shell .innermenuShort ul {
	margin:0;
	padding:0;
	list-style-type:none;
	background:#FFF;
	}
#brandDropdown #shell .innermenu ul li, #brandDropdown #shell .innermenuShort ul li {
	border-bottom:1px solid #B7E0FE;
	}

#brandDropdown #shell .innermenu ul li.navHeader, #brandDropdown #shell .innermenuShort ul li.navHeader {
	display:block;
	/*width:160px;*/
	padding:2px 3px;
	border:1px solid #B7E0FE;
	border-top:none;
	background:#FFF;
	color:#666;
	font-weight:700;
	border-right:none;
	}
#brandDropdown #shell .innermenuShort ul li.navHeader {
	width:100%;
	}
	

#brandDropdown #shell .innermenu ul li.last, #brandDropdown #shell .innermenuShort ul li.last {
	background:#FFF url(/images/dropdown/drop_nav_footer.gif) left bottom no-repeat;
	}

#brandDropdown #shell .innermenu ul li a:link, #brandDropdown #shell .innermenu ul li a:visited, #brandDropdown #shell .innermenuShort ul li a:link, #brandDropdown #shell .innermenuShort ul li a:visited {
	display:block;
	width:154px;
	padding:2px 5px;
	border-left:1px solid #B7E0FE;
	background:#FFF;
	color:#666;
	font-weight:400;
	text-decoration:none;
	}
/*#brandDropdown #shell .innermenuShort ul li a:link, #brandDropdown #shell .innermenuShort ul li a:visited {
	width:184px;
}*/

#brandDropdown #shell .innermenu ul li a:hover, #brandDropdown #shell .innermenuShort ul li a:hover {
	background:#DCEDFD;
	}
	
/* Corporate Bottom Nav */
#superFoot {
	width:960px;
	margin:10px auto;
	height:30px;
	}

#brand {
	width:300;
	float:left;
	height:20px;
	text-align:left;
	}
#brand ul {
	margin:0;
	padding:0;
	list-style-type:none;
	}
#brand ul li {
	padding:0 10px;		
	display:inline;
	text-align:center;
	background:url(/images/nav/navDivider.jpg) 0% 100% no-repeat;
	/*border-left:1px solid #2A4E6E;*/
	font-size:80%;
	color:#0B4A99;
	}
#brand ul li.first {	
	background:none;
	/*border-left:none;*/
	padding:0 10px 0 0;	
	
	}
#bottomnav, .ButtomNAV {
	position:relative;
	width:600px;
	height:20px;
	float:right;
	text-align:right;
	}
#bottomNav ul {
	margin:0;
	padding:0;
	list-style-type:none;
	}
#bottomNav ul li {
	padding:0 10px;
	display:inline;
	text-align:center;
	background:url(/images/nav/navDivider.jpg) 0% 100% no-repeat;
	}
#bottomNav ul li a:link {
	/*color:#0B4A99;*/
	}
#bottomNav ul li a:visited {
	/*color:#0483E4;*/
	}
#bottomNav ul li a:hover {
	color:#F25000;
	text-decoration:none;
	}
#bottomNav ul li.first {	
	background:none;
	}
#bottomNav ul li.last {
	padding:0 0 0 10px;
	}
#bottomNav ul li a:link, #bottomNav ul li a:visited{
	font:80% Arial, Helvetica, sans-serif;
	font-size:11px;
	}
	

	
/* 
****	Google search  ****
*/

.watermark
{
	color:#999;
	border: solid 1px #7f9db9;
}
#superNav ul li.search_box_en
{
	background:none;
	/*
	visibility:hidden;
	padding-left:340px;
	*padding-left:342px;
	*/
	padding-right:2px;
	font-size:11px;
}
/*html>body #superNav ul li.search_box_en {padding-left:364px;}*/
#superNav ul li.search_box_fr
{
	background:none;
/*
	visibility:hidden;
	padding-left:258px;
	*padding-left:261px;
*/
	padding-right:2px;
		font-size:11px;
}

#superNav ul li.search_btn
{
/*	visibility:hidden; */
	background:none;
	padding-left:0px;
	padding-right:0px;
 
}

/* fix size for French version */

#search_box, #search_box_en, #TopNav1_search_box{width:160px;}

#search_button, #TopNav1_search_button{width:80px;}

/*PY*/
.search_box_fr
{
	background:none;
/*
	visibility:hidden;
	padding-left:258px;
	*padding-left:261px;
*/
	padding-right:2px;
		font-size:11px;
}



/* fix size for French version 
.TopHeader_home_en li
{position:relative; 
left:16px;
*left:26px;
}
.TopHeader_home_fr li
{position:relative; 
left:16px;
*left:26px;
}

.TopHeader_home_en #search_box, 
.TopHeader_home_en #search_box_en,
.TopHeader_home_en #TopNav1_search_box{
width:160px;
margin-left:-190px;
position:relative; 
top:-25px;
left:-85px;
*left:-90px;
}

.TopHeader_home_en #search_button, .TopHeader_home_en #TopNav1_search_button{width:80px;
position:relative; 
top:-25px;
*left:-6px;
margin-left:-100px;
}

.TopHeader_en #search_box, div.TopHeader_en #search_box_en, .TopHeader_en #TopNav1_search_box
{
width:160px;
margin-left:-190px;
position:relative; 
top:-25px;
left:-70px;

}

.TopHeader #search_button, .TopHeader #TopNav1_search_button{
position:relative; top:-25px;
margin-left:-100px;
left:20px;
*left:10px;

}
*/
#superNav .search_box_en,
#superNav .search_box_fr,
#superNav .search_btn
{position:relative;
top:-30px;
*top:-24px;
left:0px;}

.TopHeader ul{
position:relative; top:40px;
text-align:right;
}


.TopHeader ul li,
.TopHeader_home_en ul li,
.results ul li{position:relative; left:272px;}
.results_fr ul li{position:relative; left:265px; *left:275px;}
.TopHeader_home_fr ul li{position:relative; left:272px;}



#superFoot .first img{ left:0px;_left:0px }
#popFoot .first img{ left:0px;_left:0px }


.first img { position:relative; left:-280px}
.first>img { position:relative;left:0px;}

@media screen and (-webkit-min-device-pixel-ratio:0){
.first img { position:relative; left:-280px}
}