﻿@charset "utf-8";
/* --------------------------
         module 
-------------------------- */
.module
{
	border:none;
}
.module .header
{
	background:url(../images/bg.png) no-repeat 0 -201px;
	height:30px;
	line-height:28px;
	padding:0 8px 0 10px;
}
.module .header h3
{
	color:#333;
}
.module .header span a
{
	color:#666;
	font-size:12px;
}
.module ul.list li
{
	padding:0 0 0 10px;
	background:url(../images/bg.png) no-repeat -996px -390px;
	line-height:22px;	
	overflow:hidden;
}
.module ul.list li a
{
	color:#16387C;	
}
.module ul.titleImageList li h4
{
	font-size:12px;
	font-weight:normal;
	text-align:center;
	width:98%;
	margin:0 auto;
}
.module .imageList li,
.module .titleImageList li
{
	border:1px solid #CCD7D9;
	padding:1px;
}

.module .summaryList .image
{
	border:1px solid #CCD7D9;

}
.module .summaryList h4
{
	font-size:14px;
	padding:4px 0 0;
}
.module .summaryList h4 a
{
	color:#16387C;
}
.module .summaryList li
{

}
.module .summary
{
	text-indent:2em;
	color:#333;
}
.leftCol,
.centerCol,
.rightCol
{
	vertical-align:top;
}
.leftCol
{
	width:28%;
	border:1px solid #dadada;
}
.leftCol .header
{
	background:url(../images/bg.png) no-repeat 0 -81px;
}
.leftCol .summaryList li
{
	border-bottom:1px dashed #d3d3d3;
	padding:5px 0;
}
.centerCol
{
	border:1px solid #dadada;
	border-top:none;
}
.centerCol .header
{
	background:url(../images/bg.png) repeat-x 0 -160px;
	padding:0 8px 0 25px;
}
.centerCol .header h3
{
	color:#003366!important;
}
.rightCol .header
{
	padding:0 0 0 8px;
}

.rightCol .header span a:hover
{
	color:#406100;
}
.rightCol
{
	width:242px;
	border:1px solid #dadada;	
}
.marginBlock
{
	width:8px;
}



/* --------------------------
         common 
-------------------------- */
body 
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0;
	padding:0;
	background:#fff;
	color:#000;
}
ul,li,p
{
	margin:0;
	padding:0;
}
li
{
	list-style-type: none;
}
img
{
	border:0;
}
a
{
	color:#000;
	text-decoration:none;
}
a:hover 
{
	text-decoration:underline;
}
h1,h2,h3,h4,h5,h6 
{
	margin:0;padding:0;
}
.clean
{
	clear:both;
}
.floatL
{
	float:left;
}
.floatR
{
	float:right;
}
.marginFix
{
	margin:0 0 8px;
}
#header
{
	height:34px;
	line-height:34px;
	background:url(../images/bg.png) repeat-x 0 -28px;
	border:1px solid #e3e3e3;
	padding:0 10px 0 12px;
	margin:0 0 6px;
	overflow:hidden;
}
#banner
{
	background:#fafafa;
	overflow:hidden;
}
#banner .content
{
	padding:0;
}
#mainBox
{
	width:950px;
	padding:4px 8px;
	margin:0 auto;
	overflow:hidden;
	font-size:12px;
	background:#fff;
}

#contentBox .header h3
{
	color:#fff;
}	

/* --------------------------
         header 
-------------------------- */
#logo
{
	float:left;
	width:45%;
	background:url(../images/bg.png) repeat-x 24px 8px;
}
.websiteNavigation
{
	text-align:right;
}
.websiteNavigation li
{
	display:inline;
	padding:0 0 0 2px;
}
.websiteNavigation a
{
	color:#444;
}
#specialNav
{
	height: 26px;
	line-height: 26px;
	padding: 0 0 0 5px;
}
#mainNav
{
	height:30px;
	line-height:30px;
}
.mainNavigation
{
	text-align:left;
}
.mainNavigation li
{
	padding:0 4px;
	float:left;
}
.mainNavigation li a
{
	color:#16387C;
	font-weight:bold;	
}
.summaryDetail a
{
	color:#cc0000;
	padding:0 2px;
}

/* --------------------------
         part1 
-------------------------- */
#part1
{
	margin:8px 0;
}
#part1 .centerCol .header
{
	background:none;
	padding:0 8px 0;
}
#part1 .centerCol .header h3
{
	background:url(../images/bg.png) repeat-x 0 -120px;
}
#part1 .centerCol .content h3
{
	margin:6px 0 0;
}
#part1 .leftCol .ImageDisplayBox
{
	margin:5px;
}
#part1 .centerCol
{
	border:none;
	background:url(../images/bg.png) no-repeat 0 -240px;	
}
#part1 .centerCol .content p
{
	font-size:14px;
	text-indent:2em;
	line-height:170%;
}
#part1 .centerCol ul.list li a
{
	font-size:14px!important;
}
#part1 .rightCol .header
{

}
#part1 .rightCol .imageList li,
#part1 .rightCol .titleImageList li
{
	padding:0 0 5px 0;
	margin:0 0 5px 0;
	border-bottom:1px dashed #efefef;
}
#part1 .rightCol .image img
{
	display:block;
	margin:0 auto;
}
/* --------------------------
         part2 
-------------------------- */	
#part2 .centerCol .header
{
	
}
/* --------------------------
         part3
-------------------------- */
#part3 .centerCol
{
	margin:0 0 10px;
	border:1px solid #dadada;
}
#part3 .centerCol .header
{
	background:url(../images/bg.png) repeat-x 0 -81px;
	padding:0 10px;
}
#part3 .centerCol .header h3
{
	color:#fff!important;
}	
/* --------------------------
         part4
-------------------------- */
#part4 .header
{
	height:30px;
	line-height:30px;
	font-size:14px;
	font-weight:bold;
	padding:0 10px 0 35px;
}
#part4 .header span a
{
	color:#666;
	font-size:12px;
}
#part4 .centerCol
{
	margin:0 0 10px;
	width:100%;
	border:1px solid #dadada;
}
#part4 .centerCol .header
{
	background:url(../images/bg.png) repeat-x 0 -81px;
	padding:0 10px;
}
#part4 .centerCol .header h3
{
	color:#fff!important;
}
/* --------------------------
         pager
-------------------------- */
.pager
{
	text-align:center;
}
.currentPage
{
	padding:3px;
}
.pager a
{
	color:#666;
}

/* --------------------------
         foot
-------------------------- */
#foot
{
	border-top:1px solid #ccc;
	padding:5px 0 0 0;
	text-align:center;
	margin:10px 0 0 0;
}
#foot .copyrightCnCompanyName
{
	color:#d50000;
}
/* --------------------------
       logo
-------------------------- */
.rosinLogo
{
	width:100px;
	background:url(../images/bg.png) repeat-x 0 0;
	position:relative;
	left:20px;
	top:-30px;
}
.furfuralLogo
{
	width:100px;
	background:url(../images/bg.png) repeat-x -120px 0;
	position:relative;
	left:20px;
	top:-30px;
}
.tungoilLogo
{
	width:100px;
	background:url(../images/bg.png) repeat-x -240px 0;
	position:relative;
	left:20px;
	top:-30px;
}
/* by sAm lEyy*/


