@charset "utf-8";
/* CSS Document */

html 
{ 
	height: 100%; 
	margin-bottom: 1px; 
}

body
{
	background:#fff;  
	background: url(../../graphics/frame/bg.gif) repeat-x;
	color:#000;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	width:100%;
	height:100%;
}

img
{
	border:none;
}

a 
{
	color:#0085ca;
	text-decoration:none;
}

a:hover 
{
	color:#F60;
	text-decoration:none;
}

h1
{
	text-align:center;
}

yel
{
	color:#ff7f00;
}

gr
{
	color:#093;
}

blu
{
	color:#0000ff;
}

red
{
	color:#ff0000;
}

/*==========================================================================
Main Area
============================================================================*/

#container 
{
	width: 920px;
	margin: 10px auto;
	text-align: left;
}

#header, #mainContent, #footer 
{ 
	float: left; 
	width: 880px; 
	margin: 0;
	padding: 0 20px;
}

#header 
{ 
	height: 25px; 
	background: url(../../graphics/frame/header-bg.gif) no-repeat; 
}

#mainContent 
{ 
	background: url(../../graphics/frame/body-bg.gif) repeat-y; 
}

#footer 
{ 
	height: 64px;	
	padding-top: 40px; 
	background: url(../../graphics/frame/footer-bg.gif) no-repeat; 
	color: #000; 
	text-align: center; 
	font-size:70%;
}

/*==========================================================================
Top Area
============================================================================*/

#icon
{
	position:relative;
	float:left;
	left:20px;
}

#facebook
{
	position:relative;
	top:-20px;
	left:700px;
}

#babysafety
{
	position:relative;
	top:70px;
	left:330px;
}

a.home_button
{
	position:relative;
	top:60px;
	left:-120px;
	float:left;
	font-size:14px;
	background:url(../../graphics/buttons/home_button.jpg) no-repeat;
	display:block;
	width:65px;
	height:30px;
	color:black;
	text-align:center;
	padding-top:6px;
}

a.home_button:hover, a.consumer_button:hover, a.industry_button:hover, a.contact_button:hover
{
	color:red;
}

#home_button_selected
{
	position:relative;
	top:60px;
	left:-110px;
	float:left;
	font-size:18px;
	background:url(../../graphics/buttons/home_button_selected.jpg) no-repeat;
	display:block;
	width:65px;
	height:50px;
	color:#FF0000;
	cursor:default;
	text-align:center;
	padding-top:10px;
}

a.consumer_button
{
	position:relative;
	top:60px;
	left:-100px;
	float:left;
	font-size:14px;
	background:url(../../graphics/buttons/consumer_button.jpg) no-repeat;
	display:block;
	width:133px;
	height:30px;
	color:#F60;
	text-align:center;
	padding-top:6px;
}

#consumer_button_selected
{
	position:relative;
	top:60px;
	left:-100px;
	float:left;
	font-size:18px;
	background:url(../../graphics/buttons/consumer_button_selected.jpg) no-repeat;
	display:block;
	width:133px;
	height:50px;
	color:#FF0000;
	cursor:default;
	text-align:center;
	padding-top:10px;
}

a.industry_button
{
	position:relative;
	top:60px;
	left:-90px;
	float:left;
	font-size:14px;
	background:url(../../graphics/buttons/industry_button.jpg) no-repeat;
	display:block;
	width:133px;
	height:30px;
	color:#006633;
	text-align:center;
	padding-top:6px;
}

#industry_button_selected
{
	position:relative;
	top:60px;
	left:-90px;
	float:left;
	font-size:18px;
	background:url(../../graphics/buttons/industry_button_selected.jpg) no-repeat;
	display:block;
	width:133px;
	height:50px;
	color:#FF0000;
	cursor:default;
	text-align:center;
	padding-top:10px;
}

a.contact_button
{
	position:relative;
	top:60px;
	left:-80px;
	float:left;
	font-size:14px;
	background:url(../../graphics/buttons/contact_button.jpg) no-repeat;
	display:block;
	width:133px;
	height:30px;
	color:#009;
	text-align:center;
	padding-top:6px;
}

#contact_button_selected
{
	position:relative;
	top:60px;
	left:-80px;
	float:left;
	font-size:18px;
	background:url(../../graphics/buttons/contact_button_selected.jpg) no-repeat;
	display:block;
	width:133px;
	height:50px;
	color:#FF0000;
	cursor:default;
	text-align:center;
	padding-top:10px;
}

/*==========================================================================
Page Area
============================================================================*/

#container .page_container
{
	position:relative;
	width: 880px;
	height:510px;
	top:115px;
	z-index:12;
}

/*==========================================================================*/

.page_container .babies
{
	position:absolute;
	top:250px;
	left:20px;
	z-index:0;
}

/*==========================================================================*/

.page_container .blue_box
{
	position:absolute;
	top:10px;
	left:15px;
	z-index:3;
}

.page_container .blue_box_text
{
	position:absolute;
	top:30px;
	left:35px;
	width:280px;
	color:#0033FF;
	z-index:3;
}

/*==========================================================================*/

.page_container .pink_box
{
	position:absolute;
	top:220px;
	left:350px;
	width:270px;
	height:240px;
	background-image:url(../../graphics/boxes/pink_box_03.gif );
	z-index:133;
}

.page_container .pink_box_footer
{
	position:absolute;
	top:460px;
	left:350px;
	width:270px;
	height:40px;
	background-image:url(../../graphics/boxes/pink_box_07.gif);
	z-index:133;
}

.page_container .pink_box_heading
{
	position:absolute;
	top:230px;
	left:370px;
	color:#663300;
	z-index:133;
}

.page_container .pink_box_text
{
	position:absolute;
	width:230px;
	top:260px;
	left:370px;
	color: #663300;
	font-size:80%;
	z-index:133;
}

.pink_box_text .r_date
{
	position:relative;
	width:60px;
	text-align:right;
	left:-5px;
}

.pink_box_text .r_more
{
	position:absolute;
	width:60px;
	left:190px;
	top:-10px;
	z-index:133;
}

.pink_box_text .r_more a
{
color:#0066FF;
}

.pink_box_text .r_text
{
	position:relative;
	width:220px;
	text-align:left;
	font-weight:bold;
	left:0px;
	z-index:133;
}

.pink_box_text a 
{
	color:#663300;
	text-decoration:underline;
}

.pink_box_text a:hover 
{
	color:#F60;
	text-decoration:none;
}

/*==========================================================================*/

.page_container .grey_box
{
	position:absolute;
	top:220px;
	left:620px;
	width:248px;
	height:250px;
	background-image:url(../../graphics/boxes/grey_box_03.gif );
	z-index:13;
}

.page_container .grey_box_footer
{
	position:absolute;
	top:470px;
	left:620px;
	width:250px;
	height:32px;
	background-image:url(../../graphics/boxes/grey_box_06.gif );
	z-index:13;
}

.page_container .grey_box_heading
{
	position:absolute;
	top:230px;
	left:640px;
	color: #636;
	z-index:13;
}

.page_container .grey_box_img
{
	position:absolute;
	top:270px;
	left:640px;
	z-index:13;
}

.page_container .grey_box_text
{
	position:absolute;
	top:420px;
	left:700px;
	z-index:13;
}

.page_container .grey_box_text a
{
	color:#0085ca;
	text-decoration:underline;
}

.page_container .grey_box_text a:hover
{
	color:#F60;
	text-decoration:none;
}

/*==========================================================================*/

.page_container .green_box
{
	position:absolute;
	top:20px;
	left:350px;
	width:520px;
	height:160px;
	border:0px:
	margin:0px;
	padding:0px;
	background-image:url(../../graphics/boxes/green_box_03.gif );
	z-index:13;
}

.page_container .green_box_footer
{
	position:absolute;
	top:180px;
	left:350px;
	width:520px;
	height:30px;
	background-image:url(../../graphics/boxes/green_box_07.gif );
	z-index:13;
}

.page_container .green_box_heading
{
	position:absolute;
	top:30px;
	left:370px;
	color: #060;
	z-index:13;
}

.page_container .green_box_text
{
	position:absolute;
	width:480px;
	top:50px;
	left:370px;
	height:150px;
	color: #060;
	font-size:90%;
	z-index:13;
/*	background-color:blue;
*/}

.page_container .green_box_text p
{
	font-size:90%;
	text-align:justify;
	z-index:13;
}

.page_container .green_box_more 
{
	position:absolute;
	left:420px;
	top:120px;
	font-size:90%;
	text-decoration:underline;
	text-align:justify;
	z-index:13;
}

.page_container .green_box_more a
{
	font-size:100%;
	text-decoration:underline;
}

.page_container .green_box_more a:hover
{
	text-decoration:none;
}

/*==========================================================================*/

.page_container .yellow_box
{
	position:absolute;
	top:10px;
	left:10px;
	width:850px;
	height:400px;
	background-image:url(../../graphics/boxes/yellow_box_03.gif );
}

.page_container .yellow_box_footer
{
	position:absolute;
	top:410px;
	left:10px;
	width:850px;
	height:65px;
	background-image:url(../../graphics/boxes/yellow_box_06.gif );
}

/*==========================================================================*/

.page_container .lg_green_box
{
	position:absolute;
	top:10px;
	left:10px;
	width:848px;
	height:400px;
	background-image:url(../../graphics/boxes/lg_green_box_03.gif );
}

.page_container .lg_green_box_footer
{
	position:absolute;
	top:410px;
	left:10px;
	width:850px;
	height:65px;
	background-image:url(../../graphics/boxes/lg_green_box_06.gif );
}

/*==========================================================================*/

.page_container .white_box
{
	position:absolute;
	top:30px;
	left:200px;
	width:610px;
	height:420px;
	background-image:url(../../graphics/boxes/white_box_03.gif);
	z-index:2;
}

.page_container .white_box_footer
{
	position:absolute;
	top:450px;
	left:200px;
	width:610px;
	height:76px;
	background-image:url(../../graphics/boxes/white_box_07.jpg);
	z-index:2;
}

/*==========================================================================*/

.page_container p
{
	text-align:center;
	font-size:14px;
}

/*==========================================================================
Page Content
============================================================================*/

.page_container .page_content
{
	position:absolute;
	top:40px;
	left:220px;
	width:570px;
	height:450px;
	text-align:left;
/*	background-color:red;
*/	z-index:5;
}

.page_container .page_content .inpaa_icon
{
	position:absolute;
	top:70px;
	left:10px;
	width:126px;
	height:97px;
/*	background-color:blue;
*/	z-index:6;
}

.page_container .page_content .text_container_wpic
{
	position:absolute;
	top:70px;
	left:140px;
	width:420px;
	height:370px;
	font-size:14px;
	padding-right:10px;
/*	background-color:green;
*/	z-index:6;
}

.page_container .page_content .text_container_wpic p
{
	text-align:left;
}

.page_container .page_content .text_container_wopic
{
	position:absolute;
	top:70px;
	left:10px;
	width:550px;
	height:370px;
	font-size:14px;
	text-align:left;
	overflow:auto;
	padding-right:10px;
/*	background-color:green;
*/	z-index:6;
}

.page_container .page_content .text_container_wopic p
{
	text-align:justify;
}

.page_container .page_content .text_container_wopic .box
{
	position:absolute;
	padding-right:10px;
}

.page_container .page_content .ps_image 
{
	position:absolute;
	top:20px;
	left:20px;
	width:126px;
	height:97px;
/*	background-color:blue;
*/	z-index:6;
}

.page_container .page_content .ps_heading 
{
	position:absolute;
	top:20px;
	left:150px;
	width:400px;
	height:97px;
/*	background-color:blue;
*/	z-index:6;
}

.page_container .page_content .ps_text 
{
	position:relative;
	top:130px;
	left:10px;
	width:550px;
	height:290px;
	overflow:auto;
	padding-right:10px;
/*	background-color:blue;
*/	z-index:6;
}

.page_container .page_content .ps_sub_heading 
{
	position:relative;
	left:20px;
	width:200px;
	font-size:16px;
	font-weight:bold;
	color:#093;
/*	background-color:blue;
*/	z-index:6;

}

.page_container .page_content .ps_text p
{
	text-align:left;
}

/*==========================================================================*/

.page_container .page_content .n_heading 
{
	position:absolute;
	top:20px;
	left:80px;
	width:400px;
	height:30px;
	background-color:blue;
*/	z-index:6;
}

#n_title
{
	position:absolute;
	width:360px;
	height:20px;
	text-align:left;
	font-weight:bold;
	left:20px;
}
   
#n_more
{
	position:absolute;
	width:60px;
	height:20px;
	text-align:left;
	font-size:12px;
	left:450px;
}


/*==========================================================================*/

#r_date
{
	position:absolute;
	width:95px;
	text-align:right;
	font-weight:bold;
	left:-20px;
}

#r_text
{
	position:relative;
	width:360px;
/*	height:20px;*/
	text-align:left;
	font-weight:bold;
	left:100px;
/*	background-color:#990099;  */
}

#r_haz
{
	position:relative;
	width:90px;
/*	height:20px;
*/	text-align:left;
	left:0px;
}

#r_haz_text
{
	position:relative;
	width:360px;
/*	height:20px;
*/	text-align:left;
	left:100px;
/*	background-color:#990000; */ 
}

#r_act
{
	position:relative;
	width:90px;
/*	height:20px;
*/	text-align:left;
	left:0px;
}

#r_act_text
{
	position:relative;
	width:360px;
/*	height:20px;
*/	text-align:left;
	left:100px;
/*	background-color:#0FF;  */
}

#r_link
{
	position:absolute;
	width:60px;
	height:20px;
	text-align:left;
	left:450px;
/*	overflow:hidden;
/*	background-color:#903000;  */
}

/*==========================================================================*/

#p_title
{
	position:absolute;
	width:360px;
	height:20px;
	text-align:left;
	font-weight:bold;
	left:20px;
}
   
#p_more
{
	position:absolute;
	width:60px;
	height:20px;
	text-align:left;
	font-size:12px;
	left:450px;
}

/*==========================================================================*/

#f_text
{
	position:absolute;
	width:500px;
	text-align:left;
	font-weight:bold;
	left:0px;
}

#f_text .f_ans
{
	position:absolute;
	width:50px;
	text-align:left;
	font-weight:bold;
	top:20px;
	left:470px;
}

#f_window
{
	position:absolute;
	width:400px;
	height:230px;
	text-align:left;
	top:-220px;
	left:50px;
	border:2px double #FF9900;
	background-color:#feecb0;
	visibility:hidden;
	z-index:100;
}

#f_window_button
{
	position:absolute;
	top:200px;
	left:320px;
	z-index:100;
}

#f_window_text
{
	margin:10px;
	text-align:justify;
}

/*==========================================================================*/

#l_head
{
	position:absolute;
	width:500px;
	color:#ff7f00;
	text-align:left;
	font-weight:bold;
	left:0px;
/*	background-color:#990099;  */
}

#l_text
{
	position:absolute;
	width:400px;
	text-align:left;
	left:30px;
/*	background-color:#990099;  */
}

#l_head_rule
{
	position:relative;
	width:455px;
	left:-50px;
	color:#ff7f00;
}

#l_text_rule
{
	position:relative;
	width:420px;
	left:-30px;
}

#l_link
{
	position:relative;
	width:60px;
	height:20px;
	text-align:left;
	left:350px;
/*	background-color:#903000;  */
}


#li_head
{
	position:absolute;
	width:500px;
	color:#093;
	text-align:left;
	font-weight:bold;
	left:0px;
/*	background-color:#990099;  */
}

#li_text
{
	position:absolute;
	width:400px;
	text-align:left;
	left:30px;
/*	background-color:#990099;  */
}

#li_head_rule
{
	position:relative;
	width:455px;
	left:-50px;
	color:#093;
}

#li_text_rule
{
	position:relative;
	width:420px;
	left:-30px;
}

#li_link
{
	position:relative;
	width:60px;
	height:20px;
	text-align:left;
	left:350px;
/*	background-color:#903000;  */
}

