/* Main Nav */
#header{
	position:relative;
	z-index:5;
}
#header .mainnav 
{
    height:38px;
    margin:0 auto;
    width:880px;
    border-bottom:1px solid #dedede;
}
ul.main_nav 
{
    height:38px;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:0;
    padding:0;
}
#header .mainnav li 
{
    display:inline;
}
ul.main_nav li 
{
    float:left;
    list-style-type:none;
    margin:0;
    padding:0;
}
li.main_nav_home 
{
    background:transparent url(/images/mainnav/main_nav_home.gif) no-repeat scroll 0 -38px;
    height:38px;
    padding:0;
    width:40px;
}


ul.main_nav 
{
	list-style: none;
	margin: 0 0 0 0;
	padding: 0;
	height: 38px;
}

ul.main_nav li 
{
	list-style-type: none;
	margin: 0 0 0 0;
	padding: 0;
	float: left;
}

* html ul.main_nav li { /* this selector recognized by IE only */
		display: inline; /* total width (only for IE5.x/Win) */
		display: block; /* content width (for other IE) */
}

li.main_nav_home,
li.main_nav_home a,
li.main_nav_products,
li.main_nav_products a,
li.main_nav_nutrition,
li.main_nav_nutrition a,
li.main_nav_feeding,
li.main_nav_feeding a,
li.main_nav_development,
li.main_nav_development a,
li.main_nav_promotions,
li.main_nav_promotions a,
li.main_nav_francais,
li.main_nav_francais a,
li.main_nav_about,
li.main_nav_about a {
	display: block;
	margin: 0;
	padding: 0;
	overflow: hidden;
	}

/* ---------------- ENGLISH ---------------------------------------------------------- */


/* Tab - Home */
li.main_nav_home  { /*FIX IE6 FLICKER BUG*/
	padding: 0;
	width: 39px;
	height: 38px;
	background: transparent url(/images/mainnav/main_nav_home.gif) no-repeat top left;
	background-position: 0 -38px;
	}
li.main_nav_home a {
	padding: 38px 0 0 0;
	width:39px;
	height: 38px;
	clip: rect(0, 40px, 38px, 0);	
	background: transparent url(/images/mainnav/main_nav_home.gif) no-repeat top left;
	height: 0px !important; /* for most browsers */
	height /**/:38px; /* for IE5.5's bad box model */
	}
ul.main_nav li.main_nav_home a:hover,
ul.main_nav li.main_nav_home a.on {
	background-position: 0 -38px;
	}

/* Tab - Products */
li.main_nav_products  { /*FIX IE6 FLICKER BUG*/
	padding: 0;
	width: 114px;
	height: 38px;
	background: transparent url(/images/mainnav/main_nav_products.gif) no-repeat top left;
	background-position: 0 -38px;
	}
li.main_nav_products a {
	padding: 38px 0 0 0;
	width: 114px;
	height: 38px;
	clip: rect(0, 120px, 38px, 0);	
	background: transparent url(/images/mainnav/main_nav_products.gif) no-repeat top left;
	height: 0px !important; /* for most browsers */
	height /**/:38px; /* for IE5.5's bad box model */
	}
ul.main_nav li.main_nav_products a:hover,
ul.main_nav li.main_nav_products a.on {
	background-position: 0 -38px;
	}
	
/* Tab - Nutrition */
li.main_nav_nutrition  { /*FIX IE6 FLICKER BUG*/
	padding: 0;
	width: 119px;
	height: 38px;
	background: transparent url(/images/mainnav/main_nav_nutrition.gif) no-repeat top left;
	background-position: 0 -38px;
	}
li.main_nav_nutrition a {
	padding: 38px 0 0 0;
	width: 119px;
	height: 38px;
	clip: rect(0, 121px, 38px, 0);	
	background: transparent url(/images/mainnav/main_nav_nutrition.gif) no-repeat top left;
	height: 0px !important; /* for most browsers */
	height /**/:38px; /* for IE5.5's bad box model */
	}
ul.main_nav li.main_nav_nutrition a:hover,
ul.main_nav li.main_nav_nutrition a.on {
	background-position: 0 -38px;
	}

/* Tab - Feeding */
li.main_nav_feeding  { /*FIX IE6 FLICKER BUG*/
	padding: 0;
	width: 113px;
	height: 38px;
	background: transparent url(/images/mainnav/main_nav_feeding.gif) no-repeat top left;
	background-position: 0 -38px;
	}
li.main_nav_feeding a {
	padding: 38px 0 0 0;
	width: 113px;
	height: 38px;
	clip: rect(0, 116px, 38px, 0);	
	background: transparent url(/images/mainnav/main_nav_feeding.gif) no-repeat top left;
	height: 0px !important; /* for most browsers */
	height /**/:38px; /* for IE5.5's bad box model */
	}
ul.main_nav li.main_nav_feeding a:hover,
ul.main_nav li.main_nav_feeding a.on {
	background-position: 0 -38px;
	}

/* Tab - Development */
li.main_nav_development  { /*FIX IE6 FLICKER BUG*/
	padding: 0;
	width: 148px;
	height: 38px;
	background: transparent url(/images/mainnav/main_nav_development.gif) no-repeat top left;
	background-position: 0 -38px;
	}
li.main_nav_development a {
	padding: 38px 0 0 0;
	width: 148px;
	height: 38px;
	clip: rect(0, 153px, 38px, 0);	
	background: transparent url(/images/mainnav/main_nav_development.gif) no-repeat top left;
	height: 0px !important; /* for most browsers */
	height /**/:38px; /* for IE5.5's bad box model */
	}
ul.main_nav li.main_nav_development a:hover,
ul.main_nav li.main_nav_development a.on {
	background-position: 0 -38px;
	}

/* Tab - promotions */
li.main_nav_promotions  { /*FIX IE6 FLICKER BUG*/
	padding: 0;
	width: 135px;
	height: 38px;
	background: transparent url(/images/mainnav/main_nav_promotions.gif) no-repeat top left;
	background-position: 0 -38px;
	}
li.main_nav_promotions a {
	padding: 38px 0 0 0;
	width: 135px;
	height: 38px;
	clip: rect(0, 99px, 38px, 0);	
	background: transparent url(/images/mainnav/main_nav_promotions.gif) no-repeat top left;
	height: 0px !important; /* for most browsers */
	height /**/:38px; /* for IE5.5's bad box model */
	}
ul.main_nav li.main_nav_promotions a:hover,
ul.main_nav li.main_nav_promotions a.on {
	background-position: 0 -38px;
	}


/* Tab - About */
li.main_nav_about  { /*FIX IE6 FLICKER BUG*/
	padding: 0;
	width: 119px;
	height: 38px;
	background: transparent url(/images/mainnav/main_nav_about_us.gif) no-repeat top left;
	background-position: 0 -38px;
	}
li.main_nav_about a {
	padding: 38px 0 0 0;
	width: 119px;
	height: 38px;
	clip: rect(0, 93px, 38px, 0);	
	background: transparent url(/images/mainnav/main_nav_about_us.gif) no-repeat top left;
	height: 0px !important; /* for most browsers */
	height /**/:38px; /* for IE5.5's bad box model */
	}
ul.main_nav li.main_nav_about a:hover,
ul.main_nav li.main_nav_about a.on {
	background-position: 0 -38px;
	}

/* Tab - francais */
li.main_nav_francais  { /*FIX IE6 FLICKER BUG*/
	padding: 0;
	width: 93px;
	height: 38px;
	background: transparent url(/images/mainnav/main_nav_francais.gif) no-repeat top left;
	background-position: 0 -38px;
	}
li.main_nav_francais a {
	padding: 38px 0 0 0;
	width: 93px;
	height: 38px;
	clip: rect(0, 138px, 38px, 0);	
	background: transparent url(/images/mainnav/main_nav_francais.gif) no-repeat top left;
	height: 0px !important; /* for most browsers */
	height /**/:38px; /* for IE5.5's bad box model */
	}
ul.main_nav li.main_nav_francais a:hover,
ul.main_nav li.main_nav_francais a.on {
	background-position: 0 -38px;
	}


/* ---------------- FRENCH ---------------------------------------------------------- */


/* Tab - Home */
.francais li.main_nav_home  { /*FIX IE6 FLICKER BUG*/
	padding: 0;
	width: 39px;
	height: 38px;
	background: transparent url(/images/mainnav/main_nav_home.gif) no-repeat top left;
	background-position: 0 -38px;
	}
.francais li.main_nav_home a {
	padding: 38px 0 0 0;
	width:39px;
	height: 38px;
	clip: rect(0, 40px, 38px, 0);	
	background: transparent url(/images/mainnav/main_nav_home.gif) no-repeat top left;
	height: 0px !important; /* for most browsers */
	height /**/:38px; /* for IE5.5's bad box model */
	}
.francais ul.main_nav li.main_nav_home a:hover,
.francais ul.main_nav li.main_nav_home a.on {
	background-position: 0 -38px;
	}

/* Tab - Products */
.francais li.main_nav_products  { /*FIX IE6 FLICKER BUG*/
	width: 100px;
	background: transparent url(/images/mainnav/main_nav_products_fr.gif) no-repeat top left;
	background-position: 0 -38px;
	}
.francais li.main_nav_products a {
	width: 100px;
	clip: rect(0, 100px, 38px, 0);	
	background: transparent url(/images/mainnav/main_nav_products_fr.gif) no-repeat top left;
	}
.francais ul.main_nav li.main_nav_products a:hover,
.francais ul.main_nav li.main_nav_products a.on {
	background-position: 0 -38px;
	}
	
/* Tab - Nutrition */
.francais li.main_nav_nutrition  { /*FIX IE6 FLICKER BUG*/
	width: 99px;
	background: transparent url(/images/mainnav/main_nav_nutrition_fr.gif) no-repeat top left;
	background-position: 0 -38px;
	}
.francais li.main_nav_nutrition a {
	width: 99px;
	clip: rect(0, 99px, 38px, 0);	
	background: transparent url(/images/mainnav/main_nav_nutrition_fr.gif) no-repeat top left;
	}
.francais ul.main_nav li.main_nav_nutrition a:hover,
.francais ul.main_nav li.main_nav_nutrition a.on {
	background-position: 0 -38px;
	}

/* Tab - Feeding */
.francais li.main_nav_feeding  { /*FIX IE6 FLICKER BUG*/
	width: 124px;
	background: transparent url(/images/mainnav/main_nav_feeding_fr.gif) no-repeat top left;
	background-position: 0 -38px;
	}
.francais li.main_nav_feeding a {
	width: 124px;
	clip: rect(0, 124px, 38px, 0);	
	background: transparent url(/images/mainnav/main_nav_feeding_fr.gif) no-repeat top left;
	}
.francais ul.main_nav li.main_nav_feeding a:hover,
.francais ul.main_nav li.main_nav_feeding a.on {
	background-position: 0 -38px;
	}

/* Tab - Development */
.francais li.main_nav_development  { /*FIX IE6 FLICKER BUG*/
	width: 144px;
	background: transparent url(/images/mainnav/main_nav_development_fr.gif) no-repeat top left;
	background-position: 0 -38px;
	}
.francais li.main_nav_development a {
	width: 144px;
	clip: rect(0, 154px, 38px, 0);	
	background: transparent url(/images/mainnav/main_nav_development_fr.gif) no-repeat top left;
	}
.francais ul.main_nav li.main_nav_development a:hover,
.francais ul.main_nav li.main_nav_development a.on {
	background-position: 0 -38px;
	}

/* Tab - promotions */
.francais li.main_nav_promotions  { /*FIX IE6 FLICKER BUG*/
	width: 114px;
	background: transparent url(/images/mainnav/main_nav_promotions_fr.gif) no-repeat top left;
	background-position: 0 -38px;
	}
.francais li.main_nav_promotions a {
	width: 114px;
	clip: rect(0, 114px, 38px, 0);	
	background: transparent url(/images/mainnav/main_nav_promotions_fr.gif) no-repeat top left;
	}
.francais ul.main_nav li.main_nav_promotions a:hover,
.francais ul.main_nav li.main_nav_promotions a.on {
	background-position: 0 -38px;
	}


/* Tab - About */
.francais li.main_nav_about  { /*FIX IE6 FLICKER BUG*/
	width: 167px;
	background: transparent url(/images/mainnav/main_nav_about_us_fr.gif) no-repeat top left;
	background-position: 0 -38px;
	}
.francais li.main_nav_about a {
	width: 167px;
	clip: rect(0, 167px, 38px, 0);	
	background: transparent url(/images/mainnav/main_nav_about_us_fr.gif) no-repeat top left;
	}
.francais ul.main_nav li.main_nav_about a:hover,
.francais ul.main_nav li.main_nav_about a.on {
	background-position: 0 -38px;
	}

/* Tab - francais */
.francais li.main_nav_francais  { /*FIX IE6 FLICKER BUG*/
	width: 93px;
	background: transparent url(/images/mainnav/main_nav_english.gif) no-repeat top left;
	background-position: 0 -38px;
	}
.francais li.main_nav_francais a {
	width: 93px;
	clip: rect(0, 138px, 38px, 0);	
	background: transparent url(/images/mainnav/main_nav_english.gif) no-repeat top left;
	}
.francais ul.main_nav li.main_nav_francais a:hover,
.francais ul.main_nav li.main_nav_francais a.on {
	background-position: 0 -38px;
	}
	
	
.subnav{
	border-color:#D8D8D8;
	border-style:none solid solid;
	border-width:0 1px 1px;
	margin:0 auto;
	width:878px;
	position:absolute;
	text-align:left;
	background-color:white;
	left:23px;
	z-index:20;
	top:150px;
}
.subnav ul{
	float:left;
	padding-left:7px;
	padding-bottom:15px;
	margin-bottom:15px;
}
.subnav ul .li-header, .subnav ul .li-header a{
	color:#333333;
	font-weight:bold;
}
.subnav ul li{
	display:block;
	margin:0;
	padding:0 10px 7px 9px;
	width:155px;
	font-size:11px;
	line-height:16px;
}
.subnav ul li.li-header{
	padding:0 0 7px 0px;
}
.subnav ul li .list_item {
	color:#025B98;
	padding:0 3px;
	margin-left:-12px;
}
.subnav .links{
	background-image:url(/images/backgrounds/rpt-menu.png);
	background-repeat:repeat-x;
	float:left;
	width:553px;
	margin:1px;
	padding-top:20px;
	padding-left:36px;
	border-right:1px solid #d8d8d8;
}
.subnav .links-wider{
	width:840px;
	border-right-width:0px;
}
.subnav .links-wider{
	width:840px;
	border-right-width:0px;
}
.subnav .topics li,
.subnav .faq li{
	width:240px;
}

.subnav .topics
{
	width:257px;
	float:left;
	padding-top:20px;
	margin-left:10px; 
	border-bottom:1px solid #d8d8d8;
	padding-bottom:20px;
}
.subnav .faq
{
	width:257px;
	float:left;
	padding-top:20px;
	margin-left:10px; 
	padding-bottom:20px;
}

#subnav-products, 
#subnav-sample, 
#subnav-nutrition, 
#subnav-feeding, 
#subnav-development,
#subnav-about{
	display:none;
}