body {
	background-image:url(/images/common/bk_page.gif);
	margin: 0;
	padding: 0;	
}
p {
	margin: 2px;
	padding: 2px;
}

a{
	color: #004E9B;
	text-decoration:none;
}
a:hover {
	color:#FF0000;
	text-decoration:none;
}

input, textarea, select {
	margin:0;
	padding:0;
}

form {
	margin: 0;
	padding: 0;	
}

.button {
	font-weight:bold;
	font-family: "Arial", "Helvetica", "sans-serif";
	width:80px;
}

#content{
	width: 930px;
	background-color:#FFFFFF;
	text-align:left;
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	margin: 0;
	padding: 10px 5px;
}

#columLeft {	
	width: 165px;
	float: left;
	padding: 5px 0 0 0;
	margin: 0;
}
#columRight {
	width: 205px;
	float: left;
	padding: 5px 0 0 5px;
	margin: 0;
}
#columMiddle {
	color: #000;
	background-color: #FFF;
	float: left;
	width: 545px;
	float: left;
	padding: 5px 0 0 5px;
	margin: 0;	
	
}
/****************************************/
/* Header 								*/
/****************************************/
#header {
	width: 100%;
	margin: 0;
	padding: 0;
}
.logo {	
	float:left;
	margin:0;
	padding: 0;
	margin-bottom:5px;
}
.topNav {
	float: right;
	font-size:10px;
	text-align:right;
	margin:0;
	padding: 0;
}

.menu-bar {
	color: #FFFFFF;	
	font-weight: bold;
	text-align:center;	
	width: 100%;	
	margin-top:5px;
	padding: 0;
}
.menu-item {
	float: left;
	width: 120px;
	background-color: #004080;
	border-right: 1px solid #FFF;
	cursor:pointer;
	padding:5px 0 5px 0;
}

.topBar {
	float:left;
	width:100%;
	font-size:10px;
	margin: 5px 0 0 0;
	padding: 0;
}

.breadcrumb {
	float: left;
	margin: 3px 0;
}

.breadcrumb a, .breadcrumb a:hover, .topNav a, .topNav a:hover{	
	text-decoration: underline;
}

.searchForm {	
	float:right;
	width:40%;
}

.searchForm input {
	font-size:12px;
}

/****************************************/
/* Footer 								*/
/****************************************/
#footer {
	width: 100%;
	text-align:center;
	float: left;
	border-top: dashed 1px #999999;
	margin: 5px 0;
}

.footerNavBar {
	margin: 3px 0;
	padding: 0;
}

/****************************************/
/* Home page 			*/
/****************************************/
.introduction {
	margin:0;
	padding:0;
}

.introductionTitle{
	color:#333399;
	font-size:20px;	
	font-weight:bolder;
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	background-position:bottom; 
	background-repeat:repeat-x;
	background-image:url(/images/common/home_h1.gif);	
}

/****************************************/
/* Categories Hierarchy Navbar 			*/
/****************************************/
.categoryHierarchy-nav {
	width: 161px;
	text-align:left;
	border: 1px solid #CCCCCC;
	border-top: none;
	margin: 0 0 10px 0;
	padding: 0;
}

.categoriesTitle{
	color: #000;
	font-weight:bolder;
	padding: 4px 0 4px 5px;
	background-image:url(/images/common/bk_gray_and_white.gif);
}

.columnRightTitle{
	color: #000;
	font-weight:bolder;
	padding: 3px 0px 3px 5px;
	background-color:#FFFF99;
}

.columnRight {
	width: 100%;
	text-align:left;
	border: 1px solid #FFCC00;
	margin: 0px 0px 8px 0px;
	padding: 0;
}

.b2bLinks {
	width: 146px;
	text-align:left;
	border: 1px solid #FFCC00;
	margin: 8px 0px 8px 0px;
	padding: 0;
}

.b2bLinksTitle{
	color: #000;
	font-weight:bolder;
	padding: 3px 0px 3px 5px;
	background-color:#FFFF99;
}
.b2bLinksContent, .knowledgesContent {
	padding: 3px 0px 3px 5px;
	margin:0;
}

.level1 a, .level1 a:hover, .level2 a, .level2 a:hover, .knowledgesContent a, knowledgesContent a:hover{
	text-decoration:underline;	
}


.level1{
	font-weight:bold;
	margin: 2px;
	padding: 2px 2px 2px 5px;		
}
.level2{
	font-size: 11px;
	color: #555;
	margin: 2px;
	padding: 1px 0 1px 12px;		
}

#categories {
	
} 
/****************************************/
/* Category Details Page 				*/
/****************************************/

.categoryDescription, .aboutUs {
	font-size:12px;
	margin:5px 0;
	padding:5px;
	background-color:#F7F7F7;
	border:1px solid #BBB;
}

.subCategories, .categoryProducts {
	margin: 0 0 10px 0;
	padding: 0;
}

.productTitle, .productsList .product {
	align: center;
}

.productLogoPic {
	cursor:pointer;
	width:80px;
	height:80px;
	float: midle;
	margin:0px 0px 5px 0px;
	/*make image bk vertically-centered*/
	background-color:#FFF;
	background-position:center;
	background-repeat:no-repeat;
	border:solid #9FBCF7 1px;
}
/****************************************/
/* Product Home Page 				*/
/****************************************/

#allCategories {
	width:100%;
	margin:5px 0;
}
/****************************************/
/* Product Details Page 				*/
/****************************************/
.base, .packagings, .pictures, .relatedProducts, .inquiry, /* contact us */.contactInfo, .leaveMessage, .knowledge {
	width: 100%;
	margin:0 0 10px 0;
}

.productInfo {
	float: left;
	width: 80%;
	padding:0 3px;
}
.productLogo {
	width: 80px;
	float:left; 
	text-align:center;
}

.title1, .title2 {
	color: #003399;	
	font-weight:bolder;	
	padding:3px;
	border:1px solid #9999FF;
	margin:0 0 10px 0;
	background-image:url(/images/common/bk_blue_and_white.gif);
}

.title1 {	
	font-size:14px;	
}

.title3 {
	color: #C60;
	font-weight:bolder;	
	padding:3px 0;
	margin:0;
	font-size: 12px;
}

.linkTitle {
	font-size:14px;
	font-style:bold;
}

td{
	font-size: 12px;
}

.trEven{
	background-color:#FFF;
}
.trOdd{
	background-color:#D2FFD2;
}
.packagingtitle {
	background-color:#00CC66;
	color: #FFF;
	font-weight:bolder;
}


/****************************************/
/* Faq 									*/
/****************************************/
.faq {
	padding:5px;
}

.aboutUs a, .introduction a, .footerNavBar a{
	color: #000;
	text-decoration:underline;
}

.aboutUs a:hover, .introduction a:hover, .footerNavBar a:hover {
	color:#F00;
	text-decoration:underline;
}

.more {
	text-align:right;
	border-top: dashed 1px #999999;
	padding:3px 0;
}

.error {
	color:red;
}

.hr {
	border-bottom:1px solid #CCC;
	margin:3px;
}

.caption {
	font-size:18px;
	font-weight:bolder;
	font-family:Verdana;
	color:orange;
	margin:0 0 5px 0;
}
.productDesc {
	font-size:11px;
	font-family:Verdana;
	padding:5px 0;
}
.btnCtnr {
	float:right;
	padding:2px 1px;
	border:1px green solid;
}

a.btn{
	color:white;
	background:green;
	padding:1px 2px;
}
a.btn:hover {
	color:white;
	background:orange;
}