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

* {margin:0px; padding:0px;} /* clear all default margins and padding */
a {outline:none;} /* Firefox fix */
div {position:relative;}

body {
	background-image:url(../images/bg_plant.jpg);
	background-repeat:repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-top:20px;
}
html { overflow-y:scroll;}

p {
	margin-bottom: 15px;
	line-height:21px;
}
pHome {
	margin-right: 300px;
	
}

a:link { color: #09917f; }
a:visited { color: #09917f; } 
a:hover { color: #000000; } 

h3, h4, h5, h6 {
	font-size:12px;
	margin-bottom:3px;
	font-weight:bold;
}

h2 {
	font-size:13px;
	margin-bottom:3px;
	font-weight:bold;
}

#wrapper {
	margin:0px auto;
	width:950px;
	border:2px solid #000000;
	background-color:#f5f4e1;
}

#header {
	height:40px;
	line-height:40px;
	width:100%;
	text-align:left;
}

#header div {
	padding-left:579px;
	text-align:left;
	top:4px;
}

#masthead {
	width:100%;
	margin:0px;
	padding:0px;
	position:relative;
}

#masthead div {
	padding:0px 0px 0px 40px;
	position:relative;
	height:147px;
}

/* LOGO */

#masthead h1 {
	background-image:url(../images/yulex_logo.jpg);
	background-image:url(../images/txt_yulex_logo.png);
	background-repeat:no-repeat;
	width:242px;
	height:86px;
	text-indent:-4000px;
	position:relative;
	top:15px;
}

#masthead h1 a {
	width:242px;
	height:86px;
}


/* IMAGE LINKS UNDER HEADER */
#masthead ul { 
	position:absolute;
	bottom:-1px;
	right:10px;
	height:146px;
	width:507px;
}

#masthead ul li { 
	display:block;
	float:left;
	width:108px;
	height:146px;
	margin-left:15px;
}

#masthead ul li a {
	display:block;
	width:108px;
	height:146px;
	text-indent:-4000px;
	background-position:top left;
}

/* up states */

#masthead ul #link_materials a {background-image:url(../images/btn_materials.jpg);}
#masthead ul #link_markets a {background-image:url(../images/btn_markets.jpg);}
#masthead ul #link_technology a {background-image:url(../images/btn_technology.jpg);}
#masthead ul #link_cropscience a {background-image:url(../images/btn_cropscience.jpg);}

/* over states */
#masthead ul #link_materials a:hover, 
#masthead ul #link_markets a:hover, 
#masthead ul #link_technology a:hover, 
#masthead ul #link_cropscience a:hover {background-position:top right;}


/* on page states */
#materials #masthead ul #link_materials a, 
#markets #masthead ul #link_markets a, 
#technology #masthead ul #link_technology a, 
#cropscience #masthead ul #link_cropscience a {background-position:top right;}


#flash_area2 {
	height:232px;
	border-top:7px solid #fbb03f;
}

#color_bar {
	height:7px;
	width:100%;
	background-color:#fbb03f;
	padding:0px;
}

#materials #color_bar {background-color:#14af9b;}
#markets #color_bar {background-color:#d84519;}
#technology #color_bar {background-color:#289728;}
#cropscience #color_bar {background-color:#fbb03f;}


#content_links_wrapper {
	width:100%;
	background-color:#FFFFFF;
	
	
}

/* LEFT COLUMN */

#links {
	width:220px;

	float:left;
	background-color:#FFFFFF;
	padding:41px 0px 0px 20px;
}

/* MAIN COLUMN */

#content {
	width:705px;
	min-height: 525px;
	margin-left:220px;
	background-color:#FFFFFF;
}

#content div {
	padding:40px 30px 40px 40px;
}

#content clear div {
	padding:-200px 0px 0px 0px;
}

/* CALLOUTS */


#content .callout {
	background-color:#f5f4e1;
	width:206px;
	float:right;
	padding:0px;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: normal;
	color:#009785;
	background-image: url("../images/bg_table.jpg");
	margin:0px 0px 5px 15px;
}

 
#content .calloutSig p { /* Andy */
                
                width:165px;
                float:right;
                text-align: right;
                padding:0px 0px 0px 0px;
                font-size:12px;
            line-height: 16px;
                font-weight: normal;
                margin:0px 10px 0px 0px;
 
}


#content .callout div {
	padding:10px 10px 0px 10px;

}

#content .callout p {
	margin-bottom:10px;	
		line-height: 22px;
}

#content .callout h2,
#content .callout h3,
#content .callout h4,
#content .callout h5,
#content .callout h6 {
	margin-bottom:2px;
	font-size:11px;
	font-weight:bold;	
}

/* different border colors for callouts depending on page */

#cropscience .callout {
	border:1px solid #289728;
}

#medical .callout {
	border:1px solid #d84519;
}

#industrial .callout {
	border:1px solid #fbb03f;
}

/* FOOTER */

#footer {
font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size:10px;
	line-height:10px;
	color:#999999;
	clear:both;
	border-top:2px solid #000000;
	height:97px;
	text-align:center;
}


#content #footer p {
	padding:0px;
	margin:0px;
	line-height:20px;
}

#footer a,
#footer .links {
	color:#13ae9a;
	font-size:14px;
	padding:0px;
	margin:0px;
	line-height:38px;
}

#footer a {
	text-decoration:none;
}

#footer a:hover {
	text-decoration:underline;
}

/* different footer border color depending on page */

#cropscience #footer {
	border-top:2px solid #289728;
}

#medical #footer {
	border-top:2px solid #d84519;
}

#industrial #footer {
	border-top:2px solid #fbb03f;
}

/****************************************/
/* HOME PAGE STYLES  THIS AREA FORMATS THE HOME PAGE */
/****************************************/

#home #content {
	width:950px;
	margin-left:0px;
}

#home h2 {
	color:#13ae9a;
	font-size:18px;
}

#home #about_yulex {
	background-image:url(../images/txt_about_yulex.gif);
	width:650px;
	height:32px;
	text-indent:-4000px;
	margin:0px 0px 30px 0px;
}

#home #callout_home {
	width:350px;
	height:249px;
	float:right;
	padding:0px;
	margin:0px 0px 0px 0px;
	text-align:center;
	margin-left:15px;
	margin-bottom: -75px;
}


#home #flash_area {
	
	background-repeat:no-repeat;
	margin: -100px 0px 15px 15px;
	width:300px;
	height:240px;
	float:right;
	padding:0px;
	clear:right;
	margin-left:15px;
}

/****** FORMATS ANNOUNCEMENTS ON HOME PAGE *******/

#home #announcement_outer,
#home #announcement_inner {
	margin:0px;
	padding:0px;
	width:538px;
}

#home #announcement_outer {
	background-image:url(../images/bracket_bottomx.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
}

#home #announcement_inner {
	background-image:url(../images/bracket_topx.gif);
	background-repeat:no-repeat;
	background-position:top left;
}

#home #announcement_inner div {
	padding:15px 15px 5px 5px;
}

#home #announcement_outer #announcement_inner div p {
	color:#6F6F6D;
	padding:0px 0px 0px 0px;
	margin:0px 0px 10px 0px;	
	font-size:10px;
	line-height:13px;
}




/****************************************/
/*  THIS AREA FORMATS CONTACT, CORPORATE, NEWS, PARTNERS */
/****************************************/

#content_links_wrapper #column {
	margin-top: 0px;
	margin-right: 40px;
	float:right;
	width:200px;
	height:auto;
}

#content_links_wrapper #column div {
	padding:20px;
	
}

#news #content,
#corporate #content,
#contact #content,
#partners #content {
	width:710px;
margin:0px 200px 0px 0px;	
}

/******* FORMATS RSS NEWS FEED BUTTON ********/

#rss_feed_button {
	float:left;
	position:relative;
	top:-20px;
	left:20px;
}
#rss_feed_button_home {
	float:right;
	position:relative;
	top:60px;
	right: 60px;
}
#rss_feed_button_corporate {
	float:right;
	position:relative;
	top:-200px;
	right: 70px;
}
#email_button {
	float:right;
	position:relative;
	top:0px;
	right: 0px;
}
/*  ___________________right: 40px;__________________ANDY */
#email_button_home {
	float:right;
	position:relative;
	top:-80px;
	right: 20px;


}

#data_sheet_button_home {
	float:right;
	position:relative;
	top:80px;
	right: -86px

}


/*  _____________________________________ANDY */

#logoLeft  {
	
	width:160px;
	float:left;
	padding:0px;
	background-image: url("../images/yulex_logo_left.gif");
	margin:350px 0px 0px -200px;
}

#content .imageRight {
	float:right;
	padding: 0px;
	margin-left: 15px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#content .blog {
	float:right;
	padding: 0px;
	margin-left: 15px;
	margin-top: -200px;
	margin-bottom: 10px;
		margin-right: 110px;
			width:200px;

}
#content .blog1 {
	float:left;
	padding: 0px;
	margin-left: 0px;
	margin-top: -75px;
	margin-bottom: 10px;
		margin-right:15px;
	width:200px;

	
}
#content .imageLeft {
	float:left;
	padding: 0px;
	margin-right: 15px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#content .bgCorporate {
	float:right;
	padding: 0px;
	margin-left: 15px;
	margin-top: 90px;
	margin-bottom: 10px;
	margin-right: 40px;
	
}
#menuTop {
	margin:0px 0px 0px -29px;
	text-align:right;
}
#bullet { 

	margin-left: 0px;
	margin-right: 0px;
	margin-top: -50px;
	margin-bottom: -40px;
}

.table_head {
	border-top:  0px solid #666666;;
		border-bottom: 2px solid #666666;
			border-left: 0px solid #666666;
				border-right: 0px solid #666666;
	border-collapse: collapse;
		font-family: Arial, Helvetica, sans-serif;
		height: 50px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	color: #efefef;
	background-color:#00A793;
}
/*  Table for DATA */
.table_one {
	border-top:  2px solid #666666;
		border-bottom: 2px solid #666666;
			border-left: 2px solid #666666;
				border-right: 2px solid #666666;
	border-collapse: collapse; 
		font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
cell-spacing: 50px 50px;
}

.table_one td {
	
	/* padding: 2px 2px 2px 2px; */
	
	border-spacing: 50px 50px;
	

}
.table_one1 td {
	border-top:  1px solid #999999;
	/* padding: 2px 2px 2px 2px; */
	height: 35px;
	background-color: #efefef;
	
-moz-border-radius: 0px 0px 0px 0px;
}

.table_one2 td {
	border-top:  1px solid #999999;
	/* padding: 2px 2px 2px 2px; */
	height: 35px;
	background-color: #e1e1e1;
	
-moz-border-radius: 0px 0px 0px 0px;

}
/*  Table for FORM */
.tableForm {
	border-top:  0px solid #666666;
		border-bottom: 0px solid #666666;
			border-left: 0px solid #666666;
				border-right: 0px solid #666666;
	border-collapse: collapse; 
		font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

.tableForm td {
	
	/* padding: 2px 2px 2px 2px; */
	height: 30px;
	

}
.tableForm1 td {
	border-top:  0px solid #666666;
	/* padding: 2px 2px 2px 2px; */
	height: 25px;
	background-color: #efefef;
	border-spacing: 5px 5px;

	
	-moz-border-radius: 0px 0px 0px 0px;
}

.tableForm2 td {
	border-top:  0px solid #666666;
	/* padding: 2px 2px 2px 2px; */
	height: 25px;
	background-color: #e0faf7;
	border-spacing: 5px 5px;

	
	-moz-border-radius: 0px 0px 0px 0px;
}

.trStroke{

	border-top:  1px solid #e1dddd;
	text-decoration: none;
	
}

#indent {           
                margin-top: -90px;
                margin-right: -20px;
                margin-bottom: -80px;
                margin-left: -20px;
     
 
}

#indent1 {           
               
				line-height: -10px;
                margin-top: 10px;
                margin-right: 0px;
                margin-bottom: 0px;
                margin-left: -40px;
                text-indent: -12pt;
                list-style-position: inside;

}

.caption {
	width:180px;
	float:left;
	padding:0px;
	line-height: 14px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: normal;
	color:#666666;
	margin:0px 5px 15px 15px;
}