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

*{
	margin:0;
	padding:0;
}
html{
	overflow-y:scroll;
}

body{
	background:url(../images/layout_bk.jpg);
	background-repeat:repeat-x;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3d3d3d;
}

#allWrap{
	margin:auto;
	width:1005px;	
}

#topImg{
	width:1002px;
	height:223px;
	background:url(../images/layout_header.jpg) 0 0 no-repeat;
	margin-bottom:0;
}
#logo{
	float:left;
	margin-top:32px;
	margin-left:38px;
}


a:link, a:visited{
	font-size:12px;
	color: #0066fe;
	text-decoration:none;
}

a:hover, a:active, a:focus{
	color: #596600;
	text-decoration:underline;
}

.leoLogo{
	margin:auto;
	width:80px;
	margin-bottom:40px;
}
/*---------------------------------------------------------------------------------------------
	Sub Navigation
-----------------------------------------------------------------------------------------------*/

#subNavWrap{
	float:right;
	margin-top:194px;
	margin-bottom:0;
}

#subNavWrap a{
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	text-decoration:none;
}


#subNavWrap ul{
	list-style:none;
}
#subNavWrap li{
	float:left;
}

.subNav_bt1 a:link, .subNav_bt1 a:visited,
.subNav_bt2 a:link, .subNav_bt2 a:visited,
.subNav_bt3 a:link, .subNav_bt3 a:visited{
	display:block;
	width:96px;
	padding-top:10px;
	padding-bottom:4px;
	text-align:center;
	margin-right:1px;
}
.subNav_bt1 a:link, .subNav_bt1 a:visited{
	background:url(../images/layout_subNav_b1.jpg) 0 0 no-repeat;
}

.subNav_bt2 a:link, .subNav_bt2 a:visited{
	background:url(../images/layout_subNav_b2.jpg) 0 0 no-repeat;
}

.subNav_bt3 a:link, .subNav_bt3 a:visited{
	background:url(../images/layout_subNav_b3.jpg) 0 0 no-repeat;
}

.subNav_bt1 a:hover, .subNav_bt1 a:active, .subNav_bt1 a:focus,
.subNav_bt2 a:hover, .subNav_bt2 a:active, .subNav_bt2 a:focus,
.subNav_bt3 a:hover, .subNav_bt3 a:active, .subNav_bt3 a:focus{
	padding-top:5px;
	padding-bottom:9px;
	color:#272727 !important;
	border:none;


}
.subNav_bt1 a:hover, .subNav_bt1 a:active, .subNav_bt1 a:focus{
	background:url(../images/layout_subNav_b1.jpg) 0 -29px no-repeat;
}

.subNav_bt2 a:hover, .subNav_bt2 a:active, .subNav_bt2 a:focus{
	background:url(../images/layout_subNav_b2.jpg) 0 -29px no-repeat;
}

.subNav_bt3 a:hover, .subNav_bt3 a:active, .subNav_bt3 a:focus{
	background:url(../images/layout_subNav_b3.jpg) 0 -29px no-repeat;
}

/*---------------------------------------------------------------------------------------------
	main Navigation
-----------------------------------------------------------------------------------------------*/

#mainNavWrap{
	clear:both;
	height:40px;
	width:1002px;
	background:url(../images/layout_mainNavBK.jpg) 0 0;
	background-repeat:repeat-x;
}

/*-------------------------------------------------------------------------------------first level*/

#mainNav a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	color:#FFF;
}

#mainNav{
	list-style:none;
}

#mainNav li{
	float:left;
}

#mainNav a:link, #mainNav a:visited{
	width:167px;
	display:block;
	padding-top:14px;
	padding-bottom:10px;
	text-align:center;
	background:url(../images/layout_mainNavButton.jpg) 0 0 no-repeat;
	
}
#mainNav a:hover, #mainNav a:active, #mainNav a:focus{
	color:#456c0c;
	background:url(../images/layout_mainNavButton.jpg) 0 -40px no-repeat;
	border:none;
}

/*-------------------------------------------------------------------------------------print button*/

.printView a:link, .printView a:visited{
	background: url(../images/layout_mainNavPrintButton.jpg) 0 0 no-repeat        !important;
}

.printView a:hover, .printView a:active, .printView a:focus{
	background: url(../images/layout_mainNavPrintButton.jpg) 0 -40px no-repeat        !important;
}

/*-------------------------------------------------------------------------------------flyout trigger*/

#mainNav li ul {
	position: absolute;
	width: 142px;
	left: -999em;
}


#mainNav li:hover ul, #mainNav li.sfhover ul{
	left: auto;
}

#mainNav li:hover, #mainNav li.sfhover{
	position:static;
}

/*-------------------------------------------------------------------------------------second level styling*/
#mainNav li ul{
	list-style:none;
}
#mainNav li ul a:link, #mainNav li ul a:visited{
	background:#b5d041;
	width:250px;
	font-weight:normal;	
	padding-top:5px;
	padding-bottom:5px;
	text-align:left;
	padding-left:7px;
	border-top:1px solid #c6e056;
	border-bottom:1px solid #9bb42e;
	color:#3d6600;
}

#mainNav li ul a:hover, #mainNav li ul a:active, #mainNav li ul a:focus{
	color:#FFF;
	background:#516404;
	border-bottom:1px solid #bfdf3d;
	border-top:1px solid #95b125;
	

}



/*---------------------------------------------------------------------------------------------
	body content area
-----------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------Main body holder and background tiling */

#bodyWrap{
	background:url(../images/layout_bodyBk.jpg);
	background-repeat:repeat-y;
	width:100%;
	overflow:hidden;
}
/*-------------------------------------------------------------------------------------generic style for body area */
.genericLinks_11px:link, .genericLinks_11px:visited{
	font-size:11px;
	color: #0066fe;
	text-decoration:none;
}

.genericLinks_11px:hover, .genericLinks_11px:active, .genericLinks_11px:focus{
	color: #596600;
	border-bottom:1px solid #596600;
}
.genericLinks_12px:link, .genericLinks_12px:visited{
	font-size:12px;
	color: #0066fe;
	text-decoration:none;
}

.genericLinks_12px:hover, .genericLinks_12px:active, .genericLinks_12px:focus{
	color: #596600;
	border-bottom:1px solid #596600;
}
/*Generic image float left and right class */
.imgFL{
	float:left;
	margin: 5px 9px 0 0 !important;
}

.imgFR{
	clear:both;
	float:right;
	margin: 5px 0 0 5px !important;
}

.supFont{
	font-size:9px !important;
	font-style:italic;
}

/*-------------------------------------------------------------------------------------left column area */

#leftCol{
	width:240px;
	float:left;
	padding-bottom:30px;
}
/*leftCol_Style01 is currently for Peplin News section*/
.leftCol_CStyle01 {
	margin:20px 5px 5px 5px;
	overflow:auto;
	
}

.leftCol_CStyle01 h1{
	font-size:15px;
	color:#578400;
	margin-bottom:10px;
	padding:5px;
	padding-bottom:2px;
	border-bottom:1px solid #578400;
	font-weight:normal;
}

.leftCol_CStyle01 img{
	padding-top:3px;
	padding-bottom:5px;
	padding-left:5px;
}

.leftCol_CStyle01 h2{
	font-size:10px;
	padding-top:4px;
	padding-left:4px;
}

.leftCol_CStyle01 p{
	font-size:11px;
	font-weight:normal;
	color:#3d3d3d;
	padding:5px 5px 10px 5px;

}

.leftCol_CStyle01 a{
        font-size:11px;
}

.moreNews{
	padding-bottom:5px;
	font-weight:normal;
}

.moreNews a:link, .moreNews a:visited{
	text-decoration:none;
	font-size:11px;
	color: #0066fe;
}

.moreNews a:hover, .moreNews a:active, .moreNews a:focus{
	color: #596600;
	border-bottom:1px solid #596600;
}

/*leftCol_Style02 - is currently applying for optional heading*/

.leftCol_CStyle02 {
	margin:10px 5px 5px 5px;
	overflow:auto;
	
}

.leftCol_CStyle02 h1{
	font-weight:normal;
	font-size:15px;
	color:#578400;
	margin-bottom:10px;
	padding:5px;
	padding-bottom:2px;
	border-bottom:1px solid #578400;
}

.leftCol_CStyle02 h2{
	font-size:10px;
	padding-top:4px;
	padding-left:5px;
}

.leftCol_CStyle02 p{
	font-size:11px;
	font-weight:normal;
	color:#3d3d3d;
	padding:5px 5px 10px 5px;
}

.leftCol_CStyle02 img{
	padding: 5px 5px 0 5px;
}

/*-------------------------------------------------------------------------------------middle column area*/

#midCol{
	width:522px;
	float:left;
	padding-bottom:30px;
}

/*First paragraph style*/

.paragraph01{
	padding:20px 10px 5px 10px;
}

.paragraph01 h1{
	color:#8f9b50;
	font-size:20px;
	font-weight:normal;
}
.paragraph01 h2{
	color:#8f9b50;
	font-size:15px;
	font-weight:normal;
	padding-top:10px;
	clear:both;
}
.paragraph01 h3{
	font-size:12px;
	font-weight:normal;
	font-style:italic;
	padding-top:5px;
	padding-bottom:5px;
}

.paragraph01 p{
	padding-top:10px;
	font-size:12px;
	font-weight:normal;
	line-height:17px;
}

.paragraph01 h4{
	color:#8f9b50;
	font-size:12px;
	font-weight:normal;
	padding-top:10px;
}
.paragraph01 h5{
	font-size:11px;
	font-weight:normal;
	font-style:italic;
}

.withH2{
	padding-top:0px !important;
	padding-bottom:10px;
}
.paragraph01 img{
	margin-top:5px;
	margin-bottom:15px;
}

.paragraph01 ul{
		padding:10px 0px 10px 15px;
		list-style: outside;
		list-style-type: square;
		font-size:12px;
}
.paragraph01 ol{
		padding:10px 10px 10px 20px;
		list-style: outside;
		list-style-type: decimal;
		font-size:12px;
}
.paragraph01 li{
	padding-left:3px;
	line-height:17px;
}

/*Second paragraph style*/

.paragraph02{
	padding:10px 10px 10px 10px;
	clear:both;
}

.paragraph02 h1{
	color:#8f9b50;
	font-size:20px;
	font-weight:normal;
	padding-top:10px;
	padding-bottom:10px;
}


.paragraph02 p{
	font-size:12px;
	font-weight:normal;
	line-height:17px;
	padding-bottom:10px;
}

.paragraph02 ul{
		padding:0px 0px 10px 15px;
		list-style: outside;
		list-style-type: square;
		font-size:12px;
		
}
.paragraph02 li{
	padding-left:3px;
	line-height:17px;
}


/*.imgList01_Wrap currently = Company Highlight area*/

.imgList01_Wrap{
	width:502px;
	height:91px;
	margin-bottom:40px;
	clear:left;
	
}

.imgList01_img{
	float:left;
	width:131px;
	height:109px;
}

.imgList01_content{
	float:left;
	width:369px;
	height:89px;
}

.imgList01_content h1{
	font-size:12px;
	color:#FFF;
	background:#96a151;
	width:349px;
	padding:5px 10px;
	
}

.imgList01_content p{
	color: #2E2E2E;
	background:#f4f4f4;
	width:348px;
	height:85px;
	padding:5px 10px;
	border:1px solid #96a151;
	border-left:none;
	line-height:14px;
	font-size:11px;
	overflow-y:scroll;
}

/*third paragraph style - currently for people profile*/

.imgList02_Wrap{
	width:502px;
	margin-top:20px;
	margin-bottom:20px;
	clear:left;
	
}

.imgList02_img{
	float:left;
	width:150px;
}

.imgList02_content{
	float:left;
	width:350px;
}

.imgList02_content h1{
	font-size:15px;
	padding:0px 10px;
}
.imgList02_content h2{
	font-size:12px;
	font-weight:normal;
	font-style:italic;
	padding:0px 10px 5px 10px;
}

.imgList02_content p{
	padding:5px 10px;
	font-size:12px;
}

/*table style 1*/
p.tableStyle1{
	padding:15px 0 0px 0;
	font-size:14px;
	color: #444;
}

table.tableStyle1 , table.tableStyle1 tr , table.tableStyle1 td{
	border:1px solid #999;
	border-collapse:collapse;
	text-align: left;
}

table.tableStyle1 th{
	padding:5px 5px 5px 5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	text-transform:uppercase;
	background-color:#dfdfdf;
	text-align: center;
	color:#454545;
	border:1px solid #999;
}
table.tableStyle1 td{
	padding: 2px 2px;
	font-size:11px;
	color:#434343;
}

table.tableStyle1 tbody tr{
	background: #f7f7f7;
}
table.tableStyle1 tbody tr a{
	color:#003300;
}
table.tableStyle1 tbody tr a:hover{
	text-decoration:none;
}
table.tableStyle1 tbody tr:hover, table.tableStyle1 td:hover{
	background:#fff;
	color:#000;
}

table.tableStyle1{

}

/*table style 2*/
p.tableStyle2{
	padding:15px 0 0px 0;
	font-size:14px;
	color: #444;
	padding-bottom:5px;
}

table.tableStyle2 , table.tableStyle2 tr , table.tableStyle2 td{
	border-collapse:collapse;
}

table.tableStyle2 th{
	padding:2px 5px 2px 5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-transform:uppercase;
	text-align: center;
	color:#454545;
}
table.tableStyle2 td{
	padding: 0px 1px;
	font-size:11px;
	color:#434343;
}

table.tableStyle2 tbody tr{
}
table.tableStyle2 tbody tr a{
	color:##0066fe;
    font-size:11px;
}
table.tableStyle2 tbody tr a:hover{
	text-decoration:none;
}
table.tableStyle2 img{
	margin:0;
	padding:2px 10px;
}
table.tableStyle2 tbody tr:hover{
	background-color: #FBFFCC;

}

table.tableStyle2{
	width:500px;
}

.tableStyle2_c1{
	width:30px;
}
.tableStyle2_c2{
	width:440px;
}
.tableStyle2_c3{
	width:50px;
}
/*----------------------
form
-----------------------*/
form{
	margin-top:10px;
	padding-top:10px;
	border-top:1px solid #8f9b50;
}
input.txt{
	color: #595700;
	background-color: #f5ffda;
	width:200px;
	border: 1px solid #999999;
}
input.btn{
	cursor:pointer;
	margin-top:20px;
	margin-left:150px;
}
form p{
	clear:left;
	margin:0;
	padding:0;
	padding-top:5px;
	padding-bottom:5px;

	
}
form p label{
	float:left;
	width:30%;
	font:Arial, Helvetica, sans-serif;
}
select{
	color: #595700;
	background-color: #f5ffda;
	width:290px;
	border: 1px solid #999999;
}

textarea{
	margin-top:5px;
	width:250px;
	height:50px;
	background-color:#f5ffda;
	color: #595700;
	border: 1px solid #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size:15px;
}

/*-------------------------------------------------------------------------------------right column area*/

#rightCol{
	width:240px;
	float:left;
	margin-bottom:30px;
}

/*.rightCol_CStyle01 - currently use for email list*/

.rightCol_CStyle01 {
	margin:20px 5px 5px 5px;
}

.rightCol_CStyle01 h1{
	font-weight:normal;
	font-size:15px;
	color:#578400;
	margin-bottom:10px;
	padding:5px;
	padding-bottom:2px;
	border-bottom:1px solid #578400;
}

.rightCol_CStyle01 h2{
	font-size:11px;
	padding-left:5px;
}

.rightCol_CStyle01 p{
	font-size:11px;
	font-weight:normal;
	color:#3d3d3d;
	padding:5px 5px 10px 5px;
}

.rightCol_CStyle01 img{
	padding: 5px 5px 0 5px;
}

.rightCol_CStyle01 ol{
	padding:10px 5px 10px 20px;
}

.rightCol_CStyle01 ol li{
	font-size:11px;
	line-height:14px;
	padding-top:10px;
}

.rightCol_CStyle01 ul{
	padding:0px 5px 10px 18px;
}

.rightCol_CStyle01 ul li{
	font-size:11px;
	line-height:14px;
	padding-top:0px;
}

/*.rightCol_CStyle02 - currently use for contact info*/

.rightCol_CStyle02 {
	margin:10px 5px 5px 5px;
}

.rightCol_CStyle02 h1{
	font-weight:normal;
	font-size:15px;
	color:#578400;
	margin-bottom:10px;
	padding:5px;
	padding-bottom:2px;
	border-bottom:1px solid #578400;
}

.rightCol_CStyle02 h2{
	font-size:11px;
	padding-left:5px;
}

.rightCol_CStyle02 p{
	font-size:11px;
	font-weight:normal;
	color:#3d3d3d;
	padding:5px 5px 10px 5px;
}

.rightCol_CStyle02 img{
	padding: 5px 5px 0 5px;
}

/*right column highlight box*/

.HLB{
	background-color: #FEFFBF;
	border:dotted 1px #F60;
}
.HLB h1{
	border:none;
	color:#F60;
	margin-bottom:0;
}
/*right column table*/
p.rightColTB01{
	padding:10px 0 0 0;
	font-size:11px;
	color: #578400;
	font-weight:bold;
}
table.rightColTB01{
	margin-top:40px;
}
table.rightColTB01 , table.rightColTB01 tr , table.rightColTB01 td{
	border:1px solid  #FC0;
	border-collapse:collapse;
	background-color: #FFC;
}

table.rightColTB01 th{
	padding:3px 2px 3px 3px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: bold;
	text-align: left;
	color: #333;
}
table.rightColTB01 td{
	padding:3px 2px 3px 3px;
	font-size:11px;
	color:#434343;
}
table.rightColTB01 img{
	margin:0;
	padding:2px;
}

table.rightColTB01 tbody tr{
}
table.rightColTB01 tbody tr a{
}
table.rightColTB01 tbody tr a:hover{
}
table.rightColTB01 tbody tr:hover{
	background:#FFF;
}
table.rightColTB01 tfoot{
	font-weight:bold;
}




/*---------------------------------------------------------------------------------------------
	footer area
-----------------------------------------------------------------------------------------------*/


#footer{
	clear:both;
	padding:0;
	margin:0;
}

#footer_bar{
	background:url(../images/layout_footer.jpg);
	background-repeat:repeat-x;
	width:1002px;
	height:17px;
}

#footer_links{
	width:1002px;
	text-align:center;
	color:#566704;
	font-size:11px;
	padding-top:5px;
}

#footer_links a:link, 
#footer_links a:visited{
	font-weight:normal;
	color:#566704;
	font-size:11px;
	text-decoration:none;

}

#footer_links a:hover, 
#footer_links a:active, 
#footer_links a:focus{
	color: #000000;
	text-decoration: underline;
}

#footer_copyright{
	text-align:center;
	font-size:11px;
	text-align:center;
	padding-top:5px;
	font-weight:normal;
	color:#566704;
	margin-bottom:20px;
}



/*---------------------------------------------------------------------------------------------
	Safari section
-----------------------------------------------------------------------------------------------*/

@media screen and (-webkit-min-device-pixel-ratio:0){

body{
	font-size:13px;
}

#mainNav a{
	font-size:14px;
}

.imgList01_content p{
	height:72px;
}


}
/*---------------------------------------------------------------------------------------------
print version head hide
-----------------------------------------------------------------------------------------------*/


.printHead{
	display:none;
	float:left;
}

/*---------------------------------------------------------------------------------------------
peplin product page arrow links
-----------------------------------------------------------------------------------------------*/

#arrowLinkWrap{
	margin:10px 0;
	width:502px;
	height:402px;
	background:url(../images/pipelinePproducts_PEP005.jpg);
}
#arrowLink01{
	padding:100px 0 0 229px;
}
#arrowLink01 a{
	background:url(../images/arrow01.jpg) 0 0 no-repeat;
	width:237px;
	height:72px;
	display:block;
}

#arrowLink01 a:hover{
	background:url(../images/arrow01.jpg) 0 -72px no-repeat;
}

#arrowLink02{
	padding:26px 0 0 229px;
}
#arrowLink02 a{
	background:url(../images/arrow02.jpg) 0 0 no-repeat;
	width:179px;
	height:24px;
	display:block;
}

#arrowLink02 a:hover{
	background:url(../images/arrow02.jpg) 0 -24px no-repeat;
}

#arrowLink03{
	padding:26px 0 0 229px;
}
#arrowLink03 a{
	background:url(../images/arrow03.jpg) 0 0 no-repeat;
	width:146px;
	height:121px;
	display:block;
}

#arrowLink03 a:hover{
	background:url(../images/arrow03.jpg) 0 -121px no-repeat;
}