/* Product Family */
#product_table {
	position:relative;
	width:44em; /*needs to be 704px according to specs*/
	_width:704px;
}

/* HEADING & footing */
#product_table .heading,
#product_table .footing {
	height:1.8em;
	margin:0em;
	padding:0em;
}
#product_table .heading li,
#product_table .footing li {
	color:#FFFFFF;
	cursor:default;
	display:block;
	float:left;
	font-size:12px;
	padding:.1em 0.6em;
	position:relative;
	text-decoration:none;
}
#product_table .footing li {_border-top:1px solid #FFFFFF;height:1.8em;}

#product_table .heading_left {
	background-color:#163D1E;
	background-image:url(../images/css_table_dark_green.gif);
	border-right:1px solid #FFFFFF;
	line-height:2.2em;
	width:14.25em!important!;
	width:14.3em;
	_width:187px;
}
#product_table .heading_middle1 {
	background-color:#163D1E;
	border-right:1px solid #FFFFFF;
	line-height:2.2em;
	width:7em;
	_width:99px;
}
#product_table .heading_middle2 {
	background-color:#163D1E;
	border-right:1px solid #FFFFFF;
	line-height:1.1em;
	width:10em;
	_width:136px;
}
#product_table .heading_middle3 {
	background-color:#163D1E;
	border-right:1px solid #FFFFFF;
	line-height:2.2em;
	width:10em!important!;
	width:9.95em;
	_width:135px;
}
#product_table .heading_right {
	background-color:#163D1E;
	background-image:url(../images/css_table_dark_green.gif);
	background-position:right top;
	line-height:2.2em;
	width:11.25em!important!;
	width:11.05em;
	_width:147px;
}

#product_table .footing_left {
	background-image:url(../images/css_table_dark_green.gif);
	background-position:left bottom;
	border-right:1px solid #FFFFFF;
	line-height:2.2em;
	width:14.25em!important!;
	width:14.3em;
	_width:187px;
}
#product_table .footing_right {
	background-image:url(../images/css_table_dark_green.gif);
	background-position:right bottom;
	line-height:2.2em;
	width:11.25em!important!;
	width:11.05em;
	_width:147px;
}

/* TABLE */
#product_table .odd,
#product_table .even {
	border:1px solid #D6ECBF;
	_border:none;
	height:11.5em;/*7.9*/
	margin:0em;
	padding:0em;
}

#product_table .even {
	border:1px solid #D6ECBF;
	_border:none;
}

#product_table .odd li,
#product_table .even li,
#product_table .odd a,
#product_table .even a {
	_border:1px solid #D6ECBF;
	color:#707070;
	display:block;
	float:left;
	font-size:12px;
	height:13.3em;
	_height:183px;
	outline:0;
	position:relative;
	text-decoration:none;
}

#product_table .even li {
	_border:1px solid #FFFFFF;
}

#product_table .column_one,
#product_table .column_two,
#product_table .column_three,
#product_table .column_four,
#product_table .column_five,
#product_table .column_six {
	padding:1em 0.6em;
}

#product_table li.column_one {color:#163D1E;text-align:right;width:7em;_width:104px;}
#product_table li.column_two {border-right:1px solid #FFFFFF;width:6em;_width:66px;}
#product_table li.column_three {border-right:1px solid #FFFFFF;width:7em;_width:99px;}
#product_table li.column_four {border-right:1px solid #FFFFFF;width:10em;_width:136px;}
#product_table li.column_five {border-right:1px solid #FFFFFF;width:10em;_width:135px;}
#product_table li.column_six {width:10.9em;_width:146px;}

#product_table .odd {
	background-color:#D6ECBF; /*light blue*/
	vertical-align:top;
}

#product_table .even {
	background-color:#FFFFFF; /*Almost white*/
	vertical-align:top;
}

#product_table a:hover {
	_border:1px solid #163D1E;
	cursor:pointer;
}
#product_table .odd:hover,
#product_table .even:hover {
	border:1px solid #163D1E;
	cursor:pointer;
}

/*NATURALS flyout*/
/*First, the beaker*/
#naturals_box {
	font-size:10px;
	position:relative;
	left:.7em;
}
#naturals_box li {
	list-style-type:none;
	margin:0px;
	padding:0px;
}
#naturals_box a,
#naturals_box a:visited{
	color:#707070;
	font-size:10px;
	text-decoration:none;
}
/*now the flyout*/
#naturals_flyout {position:absolute;top:0px;left:0px;width:40em;_width:400px;}

#naturals_flyout li {
	color:#707070;
	font-size:10px;
	height:1em;
	left:11em;
	_left:6em;
	position:relative;
	text-decoration:none;
	top:-2em;
	z-index:700;
}

#naturals_flyout a,
#naturals_flyout a:visited{
	color:#707070;
	font-size:10px;
	text-decoration:none;
}
/*This is for a link inside the flyout*/
#naturals_flyout a.flyout_link, #naturals_flyout a.flyout_link:hover {
	clear:left;
	color:#163D1E;
	cursor:pointer;
	display:inline;
}

#naturals_flyout .flyout_top_left {
	background-image:url(../images/css_menu_dg_left.png);
	_background-image:url(../images/css_top_400.gif);
	background-position:left top;
	background-repeat:no-repeat;
	color:#707070;
	height:auto;
	margin:0em 0em 0em -.95em;
	_margin:0em;
	padding:1em 0em 1em .9em;
	font-size:14px;
	width:25em;
	_width:400px;
}
#naturals_flyout .flyout_top_right {
	background-image:url(../images/css_menu_dg_right.png);
	_background-image:url(../images/common_image_pixel_clear.gif);
	background-position:right top;
	background-repeat:no-repeat;
	color:#707070;
	height:auto;
	width:40em;
}
#naturals_flyout .flyout_middle_left {
	background-image:url(../images/css_menu_dg_middle.png);
	_background-image:url(../images/css_middle_400.gif);
	background-repeat:no-repeat;
	background-position:left center;
	color:#707070;
	font-size:10px;
	font-weight:normal;
	height:auto;
	line-height:1.5em;
	margin:0em 0em 0em -1.3em;
	_margin-left:0em;
	padding:0em 0em 0em 1.3em;
	_padding:0em 1em 0em 1.1em;
	width:39em;
	_width:400px;
}

#naturals_flyout .flyout_middle_right {
	background-image:url(../images/css_menu_dg_middle.png);
	_background-image:url(../images/common_image_pixel_clear.gif);
	background-position:right center;
	background-repeat:no-repeat;
	/*display:block;*/
	height:auto;
	margin:-.2em 0em 0em 0em;
}
/*The pointer*/
#naturals_flyout em.outer {
	background:transparent;
	border-top:7px dashed transparent;/*borders are the arrow outline, notice no left*/
	border-bottom:7px dashed transparent;
	border-right:7px solid #163D1E;
	display:block;
	_font-size:0px;
	height:0px;
	left:-2em;
	_left:-7px;
	overflow:hidden;
	_overflow:visible;
	position:absolute;
	top:0em;
	width:0px;
	z-index:200;
}
#naturals_flyout em.inner {
	background:transparent;
	border-top:7px dashed transparent;/*borders are the arrow fill, notice no left*/
	border-bottom:7px dashed transparent;
	border-right:7px solid #FFFFFF;
	display:block;
	_font-size:0px;
	height:0px;
	left:-1.9em;
	_left:-6px;
	overflow:hidden;
	_overflow:visible;
	position:absolute;
	top:0em;
	width:0px;
	z-index:200;
}

/*flyout-bottom*/
#naturals_flyout .flyout_bottom_left {
	background-image:url(../images/css_menu_dg_left.png);
	_background-image:url(../images/css_bottom_400.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	color:#707070;
	display:block;
	text-decoration:none;
	font-size:10px;
	font-style:italic;
	height:auto;
	line-height:1.3em;
	margin:-.1em 0em 0em -1.3em;
	_margin:-1px 0px 0px 0px;
	_overflow:hidden;
	padding:1em 1em 1.4em 1em;
	text-align:right;
	width:38em;
	_width:400px;
}

#naturals_flyout .flyout_bottom_right {
	background-image:url(../images/css_menu_dg_right.png);
	_background-image:url(../images/common_image_pixel_clear.gif);
	background-repeat:no-repeat;
	background-position:right bottom;
	height:auto;
	margin:0em 0em 0em 0em;
	_margin:-1px 0px 0px 0px;
	padding-left:0em;
	width:40em;
}

/*make the flyout disappear */
#naturals_box ul ul{display:none;_display:block;_visibility:hidden;}

/*make flyout appear*/
#naturals_box ul li:hover ul,
#naturals_box ul a:hover ul,
#naturals_box a:hover{display:block;_visibility:visible;}
