@charset "utf-8";

/*------------------------------------------------------------------
[0. Common]
*/

body { 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #636363;
	background-color: #fff;
	background-image: url(../frImg/bg.gif); 
	background-position: top center;
	background-repeat: no-repeat;
}

/*------------------------------------------------------------------
[1. Header]
*/

.topMenu { background: #636363; width: 100%; height: 20px; }
	.menu { width: 824px; margin: 0px auto; }
		.menu ul { padding-top: 1px; }
			.menu ul li { float: right; line-height: 11px; padding: 0px 20px 0px 0px; }
		.menu a { color: #fff; font-size: 13px; text-decoration: none; }
		.menu a:hover { color: #fcfcfc; }

.container { width: 824px; margin: 0px auto; } 

.header { background: url(../frImg/header-bg.jpg) no-repeat bottom right; width: 824px; height: 204px; }
	.logo { width: 287px; height: 63px; padding-top: 21px; }
	.slogan { width: 530px; height: 85px; }
		.slogan h1 { font-size: 32px; color: #7ac478; line-height: 34px; font-weight: normal; }
	.subMenu { color: #79c478; font-size: 17px; padding-top: 18px;  }
		.subMenu ul {  }
			.subMenu ul li { float: left;padding: 0px 15px 0px 0px; }
		.subMenu a.selected { float: left;padding: 0px 15px 0px 0px; color:#7ac478; }
		.subMenu a { color: #636363; text-decoration: none; padding: 0px 15px 0px 0px; }
		.subMenu a:hover { color: #636363; text-decoration: underline; }
		
/*------------------------------------------------------------------
[2. Index]
*/		
	
.flash { width: 824px; height: 150px; background: url(../frImg/flash-banner.jpg) no-repeat top left; margin-top: 13px; }

.content { width: 824px; margin-top: 20px; background: url(../frImg/content-bg---.gif) repeat-y right; float: left; }
	.left { width: 501px; float: left; padding-right: 30px; }
		.left h1 { color: #636363; font-size: 24px; line-height: 30px; padding-bottom: 20px; }
		.left h2 { color: #1b7b19; font-size: 16px; line-height: 24px; font-weight: bold; }
		.left p { color: #636363; font-size: 12px; line-height: 18px; padding-bottom: 10px; }
		.left a { color: #1b7b19; font-size: 11px; }
		.left hr { border: none; color: #f4f4f4; background: #f4f4f4; height: 1px; margin: 0px; padding: 0px; overflow: hidden; line-height: 1px; clear: both; }
		.showcase { width: 501px; height: 138px; background: url(../frImg/showcase-bg.gif) no-repeat top left; padding: 0px; margin: 10px 0px 0px 0px; overflow: hidden; }
			.showcaseTop {}
				.showcaseTopLeft { float: left; width: 303px; }
					.showcaseTopLeft h3 { padding: 3px 0px 0px 6px; }
					.showcaseTopLeft a { color: #fff; font-size: 13px; text-decoration: none; }
					.showcaseTopLeft a:hover { text-decoration: underline; }
				.showcaseTopRight { float: left; width: 198px; text-align: right; }
					.showcaseTopRight a { color: #636363; font-size: 12px; line-height: 8px; text-decoration: none; }
					.showcaseTopRight a:hover { text-decoration: underline; }
			.showcaseImages { float: left; padding: 7px 0px 0px 10px; }
				.showcaseImage { float: left; margin: 0px 8px 0px 0px; height: 102px; width: 153px; border:#ffffff solid 1px; background: #636363; background-position:center; text-align: center; overflow: hidden; }
					.showcaseImage img { border: none; }
	.right { width: 271px; float: right; background: url(../frImg/right-bg.gif) no-repeat top left; }
	.rightNoBG { width: 271px; float: left; }
		.rightText { width: 219px; float: right; }
			.rightText p { font-size: 12px; color: #636363; line-height: 18px; padding: 0px 10px 10px 0px; }
			.rightText hr {  border: none; color: #7ac478; background: #7ac478; height: 1px; margin: 10px 0px 10px 0px; padding: 0px; overflow: hidden; line-height: 1px;  }
			.rightText h2 {  color: #1b7b19; font-size: 16px; line-height: 24px; font-weight: bold;  }
			
			
			
.content ul { list-style:circle; font-size:12px;}

/*------------------------------------------------------------------
[3. Footer]
*/

.footer { clear: both; width: 824px; font-family: Arial, Helvetica, sans-serif; padding: 24px 0px 24px 0px; overflow: hidden; }
	.footerLeft { width: 530px; float: left; padding-top: 5px; }
	.footerRight { width: 272px; text-align: right; float: right; padding-top: 5px; }
	.footer p { font-size: 11px; color: #636363; line-height: 11px; }
	.footer a { font-size: 11px; color: #7ac478; text-decoration: none; }
	.footer a:hover { text-decoration: underline; }
	.footer hr { border: none; color: #f4f4f4; background: #f4f4f4; height: 1px; margin: 0px; padding: 0px; overflow: hidden; line-height: 1px; }

.footerBottom { background: #636363; width: 100%; height: 20px; }

/*------------------------------------------------------------------
[3. Contact Page]
*/

.enquiryFrm { padding-top: 10px; }
	.enquiryRow { float: left; padding-bottom: 10px; width: 501px; }
		.enquiryCol1 { float: left; width: 100px; }
		.enquiryCol2 { float: left; }
			.txtInput { border: 1px solid #7ac478; width: 250px; height: 20px; }
			.txtInputLrg { border: 1px solid #7ac478; width: 395px; height: 150px; }
			.enquiryButton { border: none; width: 111px; height: 27px; background: url(../frImg/enquiry-button.gif) no-repeat; cursor: pointer; }
			
	.map { border: 1px solid #f4f4f4; width: 501px; height: 350px; text-align: center; margin-top: 10px; }
		.map p { padding-top: 150px; }
		
/*------------------------------------------------------------------
[4. System Messages]
*/	
			
.systemErrDiv { width: 499px; margin: 0px auto; background: #bab9b5; border: 1px solid #666; }	
#errPnt { line-height: 24px; font-size: 14px; color: #000; font-weight: normal; }

#sucMsg { font-size:14px; border:1px solid #249224; background-color: #fcfefc; margin: 0px 0px 25px 0px; padding:10px; color: #000; font-weight:bold; text-align:center; width: 499px; }
#errorTable, #errorTableFront { border:solid #cc9e34 1px; padding: 5px; text-align: center;  background-color:#fefcf1; width: 499px; margin-bottom: 24px; }
#errorTableFront #head { font-size:16px; text-align:center; font-weight: bold; color: #000; padding: 15px 0px 15px 0px; }

/*------------------------------------------------------------------
[5. Pagging]
*/		
			
.pagging { 
	float: left;
	height: 51px;	
	text-align: center;
	width: 100%;
}
	.paggingTbl { float: right; font-size: 11px; }
	.noOfRec { font-size:12px; font-weight:bold; color:#666666; float:left; padding: 10px 13px 0px 0px; }
	.paggingLink, .paggingRec { float:left; padding: 5px; }
	.paggingLink a, .paggingRec a { 
		color: #0f4b89;
		border: 1px solid #ececec;
		background: #fff;
		display: block;
		padding: 5px;	
		text-decoration: none;
	}
	.paggingLink a:hover, .paggingRec a:hover { border: 1px solid #7ac478; }

	.paggingNo { float: left; padding: 5px; }
	.paggingNo a { cursor: pointer; text-decoration: none; text-align: center; }
	
	.act a {
		color: #7ac478;
		font-weight: bold;
		border: 1px solid #7ac478;
		background: #fff;
		display: block;
		padding: 5px;	
	}
	.inact a { 
		color: #0f4b89;
		border: 1px solid #ececec;
		background: #fff;
		display: block;
		padding: 5px;		
	}
	.inact a:hover { border: 1px solid #7ac478; }		

/*------------------------------------------------------------------
[6. Products]
*/	
	
.prdHold { float: left; width: 824px; padding: 15px 0px 10px 0px; }
	.prdHold h2 { padding-bottom: 5px; }
	.prdHold h2 a { color: #1b7b19; font-size: 20px; line-height: 24px; font-weight: bold; text-decoration: none; }
	.prdHold h2 a:hover { text-decoration: underline; }
	.prdImage { float: left; padding: 5px 15px 0px 0px; width: 160px; }
	.prdInfo { float: left; width: 644px; }
	
.prdHold_short { float: left; width: 501px; padding: 15px 0px 10px 0px; }
	.prdHold_short h2 { padding-bottom: 5px; }
	.prdHold_short h2 a { color: #1b7b19; font-size: 20px; line-height: 24px; font-weight: bold; text-decoration: none; }
	.prdHold_short h2 a:hover { text-decoration: underline; }
	.prdImage { float: left; padding: 5px 15px 0px 0px; width: 160px; }
	.prdInfo_short { float: left; width: 501px; }
	
/*------------------------------------------------------------------
[7. Product Detail]
*/	

.product { width: 824px; float: left; padding: 20px 0px 0px 0px; }
	.product h1 { color: #636363; font-size: 24px; line-height: 30px; padding-bottom: 20px; }
		.product h1 span { color: #7ac478;  }
	.product h2 { color: #7ac478; font-size: 16px; line-height: 24px; font-weight: bold; padding-bottom: 10px; }
		.product h2 a { color: #7ac478; }
	.product p { color: #636363; font-size: 12px; line-height: 18px; padding-bottom: 10px; }
	.product a { color: #1b7b19; font-size: 11px; }
	.product hr { border: none; color: #f4f4f4; background: #f4f4f4; height: 1px; margin: 0px; padding: 0px; overflow: hidden; line-height: 1px; clear: both; }
	.product ul { list-style: square; font-size: 12px; padding: 0px 0px 10px 0px; }
	.product ul li { list-style-position: inside; padding: 5px 0px 5px 0px; }

.productImageHold { width: 314px; float: left; padding: 5px 20px 0px 0px; }
	.productImageHold p { font-size: 11px; text-align: center;}	

.productImage { border: 1px solid #f4f4f4; float: left; margin: 0px 0px 10px 0px; width: 314px; background: #fff; text-align: center; overflow: hidden; }
	.productImage img { border: none; }
	
.productImages, .productImages2 { float: left; margin: 12px 10px 0px 0px; width: 150px; height: 100px; background: #fff; text-align: center; overflow: hidden; border: 1px solid #f4f4f4; }
.productImages2 { margin-right: 0px; }
	.productImages img, .productImages2 img { border: none; }
	
.productDetails { float: left; width: 480px; }
	.productDetails hr { margin: 0px 0px 10px 0px; }

/*------------------------------------------------------------------
[7. PDF Logo section]
*/	
.pdfSection{ float:left; width:100%; height:32px; padding:10px 0px 15px 0px; }
	.pdfLogo { float:left; width:30px; height:32px; }
	.pdfWriting{ float: left; font-size:12px; padding:10px 0px 0px 5px;}