/*****************************************************/
/**			P r e - s e t   T a g s					**/


body {						background: #fff url('../layout//00.jpg') repeat-x top left; margin: 0;
}

img {						border: 0;
}

form {						margin: 0; padding: 0; display: inline;
}


/**			P r e - s e t   T a g s					**/
/*****************************************************/
/**			C o n t a i n e r   T a g s				**/


.container {				width: 900px; height: auto; margin: 0;

}

.layout {					float: left; display: inline; width: 900px; height: auto;
							
}


/**			L a y o u t   T a g s					**/
/*****************************************************/
/**			T o p   T a g s							**/


.top-cell {					float: left; clear: left; display: inline; width: 900px; height: 82px;
							background: url('../layout//01.jpg') no-repeat;
}

	.top-cell-logo {			float: left; display: inline; width: 257px; height: 32px; margin: 32px 0 0 79px;
								background: url('../layout/08.jpg') no-repeat;
	}

	.top-cell-links {			float: right; display: inline; width: 200px; height: 16px; margin: 42px 80px 0 0;
								font-family: Arial, Tahoma; font-size: 14px; color: #054b70; text-align: left; 
								line-height: 16px; text-align: right;
	}

		.top-cell-links a{			color: #054b70; text-decoration: none;
		}

		.top-cell-links a:hover{	text-decoration: underline;
		}


/**			T o p   T a g s							**/
/*****************************************************/
/**			N a v i g a t i o n   T a g s			**/


.navigation-cell {			float: left; clear: left; display: inline; width: 900px; height: 27px;
}

	.navigation-cell-01 {		float: left; display: inline; width: 57px; height: 27px;
								background: url('../layout//02.jpg') no-repeat;
	}

	.navigation-cell-02 {		float: left; display: inline; width: 784px; height: 27px;
								background: url('../layout//03.jpg') repeat-x;
	}
		
		.link {						font-family: Arial, Tahoma; font-size: 10px; font-weight: bold;
									color: #fff; line-height: 24px; text-align: center;
		}

			.link a{					display: block; height: 27px; width: 100%; color: #fff; text-decoration: none;
			}

			.link a:hover{				text-decoration: none; background: url('../layout//09.jpg') repeat-x;
			}

			.link-variation-1 {			float: left; display: inline; width: 70px;
			}

			.link-variation-2 {			float: left; display: inline; width: 88px;
			}

			.link-variation-3 {			float: left; display: inline; width: 96px;
			}

			.link-variation-4 {			float: left; display: inline; width: 87px;
			}

			.link-variation-5 {			float: left; display: inline; width: 92px;
			}

		.search-box {					float: right; display: inline; width: 250px; height: 27px;
		}

			.search-box-text {				float: left; display: inline; width: 90px; height: 27px; line-height: 25px;
											font-family: Arial, Tahoma; font-size: 10px; font-weight: bold; color: #fff;
			}

			.search-box-box {				float: left; display: inline; width: 133px; height: 23px; margin: 4px 4px 0 0;
			}

				.search-box-input {				float: left; display: inline; width: 131px; height: 16px; margin: 0; padding: 0;
												border: 1px solid #fff; background: #3c86ad; color: #fff; font-size: 9px;
												font-family: Arial, Tahoma; text-align: left; font-weight: bold;
				}		

			.search-box-button {			float: left; display: inline; width: 22px; height: 27px; margin: 4px 0 0 0;
			}

				.search-box-submit {			float: left; display: inline; width: 20px; height: 18px; margin: 0; padding: 0;
												border: 1px solid #fff; background: #3c86ad; font-size: 1px;
												background: url('../layout//14.jpg') no-repeat center center;
				}

	.navigation-cell-03 {		float: left; display: inline; width: 59px; height: 27px;
								background: url('../layout//04.jpg') no-repeat;
	}


/**			N a v i g a t i o n   T a g s			**/
/*****************************************************/
/**			C o n t e n t   T a g s					**/


.content-cell {				float: left; clear: left; display: inline; width: 900px; height: auto;
}

	.content-cell-01 {			float: left; display: inline; width: 49px; height: auto;
								background: url('../layout//05.jpg') no-repeat top left;
	}

		.content-cell-01-hack {		float: left; clear: both; display: inline; width: 1px; font-size: 1px;
									height: 330px; background: transparent;
		}

	.content-cell-02 {			float: left; display: inline; width: 800px; height: auto;
								background: #fff url('../layout//06.jpg') repeat-x top left;
	}

		.content-cell-02-inner {	float: left; display: inline; width: 774px; height: auto; margin: 24px 13px 24px 13px;
		}

	.content-cell-03 {			float: left; display: inline; width: 51px; height: auto;
								background: url('../layout//07.jpg') no-repeat top left;
	}


/**			C o n t e n t   T a g s					**/
/*****************************************************/
/**			F r a m e   T a g s						**/


.frame {					float: left; clear: left; display: inline; width: 774px; height: auto; margin: 0 0 25px 0;
}

	h1,h2,h3 {				float: left; clear: left; display: inline; width: 774px; height: 16px; border-bottom: 1px solid #026295;
								background: transparent url('../layout//10.jpg') no-repeat center left; text-indent: 28px; font-size: 12px;
								font-family: Arial, Tahoma; font-weight: bold; color: #026295; text-align: left;
	}

	.frame-text {				float: left; clear: left; display: inline; width: 738px; height: auto; font-size: 10px; text-align: justify;
								font-family: Arial, Tahoma; font-weight: normal; color: #000; margin: 12px 13px 12px 13px;
	}

		.frame-text a{				color: #026295; text-decoration: none;
		}

		.frame-text a:hover{		text-decoration: underline;
		}

		.frame-image {				float: right; margin:  0 0 10px 10px; border: 0;
		}

		.frame-product {			float: left; display: inline; width: 135px; height: auto; border-right: 1px solid #026295; margin: 0 0 0 10px;
		}
	
			.frame-product-image {		float: left; clear: left; display: inline; width: 125px; height: 90px; text-align: center;
			}

			.frame-product-text {		float: left; clear: left; display: inline; width: 125px; height: auto; text-align: center; background: #c8dae4;
										font-family: Arial, Tahoma; color: #000; font-size: 10px; line-height: 18px; margin: 4px 0 4px 0;
			}

	.frame-footer {				float: left; clear: left; display: inline; width: 774px; height: 25px; border-top: 1px solid #026295;
	}

		.frame-footer-01 {				float: left; display: inline; width: 350px; height: 25px; line-height: 25px; margin: 0 0 0 15px; text-align: left;
										font-family: Arial, Tahoma; font-size: 9px; color: #026295;
		}

		.frame-footer-02 {				float: right; display: inline; width: 350px; height: 25px; line-height: 25px; margin: 0 15px 0 0; text-align: right;
										font-family: Arial, Tahoma; font-size: 9px; color: #026295;
		}

			.frame-footer-02 a{				color: #026295; text-decoration: none;
			}

			.frame-footer-02 a:hover{		text-decoration: underline;
			}


/**			F r a m e   T a g s						**/
/*****************************************************/
/**			P r o d u c t   F r a m e   T a g s		**/


.prod-frame {				float: left; clear: left; display: inline; width: 774px; height: auto; margin: 0 0 25px 0;
}

	.prod-frame-left {			float: left; display: inline; width: 182px; height: auto;
	}

		.prod-frame-m-header {		float: left; clear: left; display: inline; width: 182px; height: 31px; color: #fff; text-align: left;
									background: transparent url('../layout/15.jpg') no-repeat center left; text-indent: 14px; font-size: 10px;
									font-family: Arial Narrow, Arial, Tahoma; font-weight: bold; line-height: 31px;
		}

		.prod-frame-m-bar {			float: left; clear: left; display: inline; width: 182px; height: 21px; color: #026295; text-align: left;
									background: transparent url('../layout/16.jpg') no-repeat center left; text-indent: 32px; font-size: 10px;
									font-family: Arial, Tahoma; font-weight: normal; line-height: 21px;
		}

			.prod-frame-m-bar a{		display: block; width: 182px; height: 21px; color: #026295; text-decoration: none;
			}

			.prod-frame-m-bar a:hover{	background: transparent url('../layout/17.jpg') no-repeat center left;
			}

		.prod-frame-m-bar-h {		float: left; clear: left; display: inline; width: 182px; height: 21px; color: #026295; text-align: left;
									background: transparent url('../layout/17.jpg') no-repeat center left; text-indent: 32px; font-size: 10px;
									font-family: Arial, Tahoma; font-weight: normal; line-height: 21px;
		}

			.prod-frame-m-bar-h a {		display: block; width: 182px; height: 21px; color: #026295; text-decoration: none;
			}

	.prod-frame-right {			float: right; display: inline; width: 582px; height: auto; 
	}

		.prod-frame-title {			float: left; clear: left; display: inline; width: 582px; height: 16px; border-bottom: 1px solid #026295;
									background: transparent url('../layout//10.jpg') no-repeat center left; text-indent: 28px; font-size: 12px;
									font-family: Arial, Tahoma; font-weight: bold; color: #026295; text-align: left;
		}

		.prod-frame-text {			float: left; clear: left; display: inline; width: 546px; height: auto; font-size: 10px; text-align: justify;
									font-family: Arial, Tahoma; font-weight: normal; color: #000; margin: 12px 13px 12px 13px;
		}

			.prod-frame-row {			float: left; clear: left; display: inline; width: 546px; height: auto; padding: 0 0 5px 0; 
										border-bottom: 1px solid #d9d9d9; margin: 0 0 5px 0;
			}

				.prod-frame-row-img {		float: left; display: inline; width: 145px; height: 100px; text-align: center; overflow: hidden;
											margin: 14px 0 14px 0;
				}

				.prod-frame-row-cont {		float: left; display: inline; width: 270px; height: 100px; margin: 14px 0 14px 0;
				}

					.prod-frame-row-cont-top {	float: left; clear: both; display: inline; width: 270px; height: 20px; border-bottom: 1px solid #000; 
												font-family: Arial, Tahoma; text-align: left; text-indent: 10px; line-height: 20px; color: #000; 
												font-size: 12px; font-weight: bold;
					}

					.prod-frame-row-cont-bot {	float: left; clear: both; display: inline; width: 250px; height: 95px; font-family: Arial, Tahoma; 
												text-align: left;  line-height: 16px; color: #000; margin: 3px 10px 0 10px; font-size: 10px;
					}

				.prod-frame-row-info {		float: right; display: inline; width: 115px; height: 118px; text-align: left; background: #e9e9e9;
											border-left: 10px solid #e9e9e9; border-top: 10px solid #e9e9e9; overflow: hidden;
				}
			
	.prod-frame-pagination-b {	float: left; clear: left; display: inline; width: 546px; height: 25px; padding: 0 0 5px 0; 
								border-bottom: 1px solid #d9d9d9; margin: 5px 0 5px 0; text-align: right;
	}

	.prod-frame-pagination-t {	float: left; clear: left; display: inline; width: 546px; height: 25px; padding: 5px 0 5px 0; 
								border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; margin: 5px 0 5px 0; text-align: right;
	}

		.prod-frame-pagination-sub {	width: 20px; height: 20px; text-align: center; background: #fff; color: #026295; border: 1px solid #026295;
										padding: 0; margin: 2px 0 2px 2px; font-family: Arial, Tahoma; font-size: 10px; font-weight: bold;
		}

		.prod-frame-pagination-but {	width: 20px; height: 20px; text-align: center; background: #026295; color: #fff; border: 1px solid #026295;
										padding: 0; margin: 2px 0 2px 2px; font-family: Arial, Tahoma; font-size: 10px; font-weight: bold;
		}

		.prod-frame-pagination-spc {	display: inline; width: 5px; height: 20px; text-align: center; background: #fff; color: #026295; font-family: Arial, Tahoma; 
										font-size: 10px; font-weight: bold; line-height: 20px; margin: 0 5px 0 5px;
		}


/**			P r o d u c t   F r a m e   T a g s		**/
/*****************************************************/
/**			C o n t a c t   T a g s					**/


.contact-01 {				float: right; display: inline; width: 350px; height: auto; margin: 3px 0 3px 0;
}

	.contact-01-row {			float: left; clear: both; display: inline; width: 350px; height: auto;
	}

	.contact-01-row-01 {		float: left; display: inline; width: 110px; height: 25px; line-height: 25px; color: #026295; font-size: 10px; 
								font-family: Arial, Tahoma; font-weight: bold;
	}

	.contact-01-row-02 {		float: left; display: inline; width: 201px; height: auto; padding: 1px 0 2px 0;
	}

		.contact-01-row-03 {		float: left; display: inline; width: 15px; height: 25px; text-align: center; line-height: 25px; color: red;
									font-size: 10px; font-family: Arial, Tahoma;
		}

	.contact-01-row-02-01 {		float: left; display: inline; width: 85px; height: auto; text-align: left;
	}

	.contact-01-row-02-02 {		float: right; display: inline; width: 100px; height: auto; text-align: right;
	}

		.contact-input {			width: 200px; height: 16px; border: 1px solid #026295; background: #f2f2f2; font-family: Arial, Tahoma; font-size: 10px;
									text-align: left; color: #026295;
		}

		.contact-captcha {			width: 80px; height: 16px; border: 1px solid #026295; background: #f2f2f2; font-family: Arial, Tahoma; font-size: 10px;
									text-align: left; color: #026295;
		}

		.contact-select {			width: 200px; height: 18px; border: 1px solid #026295; background: #f2f2f2; font-family: Arial, Tahoma; font-size: 10px;
									text-align: left; color: #026295; padding: 0 5px 0 0;
		}

		.contact-textarea {			width: 200px; height: 100px; border: 1px solid #026295; background: #f2f2f2; font-family: Arial, Tahoma; font-size: 10px;
									text-align: left; color: #026295;
		}

		.contact-submit {			width: 80px; height: 20px; border: 1px solid #f2f2f2; background: #026295; font-family: Arial, Tahoma; font-size: 10px;
									text-align: center; color: #fff;
		}

.contact-02 {				float: left; display: inline; width: 350px; height: auto; 
}

	.contact-02-row {			float: left; clear: both; display: inline; width: 350px; height: auto;
	}

	.contact-02-row-01 {		float: left; display: inline; width: 170px; height: auto;
	}

	.contact-02-row-02 {		float: right; display: inline; width: 170px; height: auto; 
	}


/**			C o n t a c t   T a g s					**/
/*****************************************************/
/**			S i t e   M a p   T a g s				**/


.map-col {				float: left; display: inline; width: 225px; height: auto; margin: 3px 0 3px 0; font-family: Arial, Tahoma; 
						font-size: 10px; text-align: left; color: #000;
}

	.map-col a {			color: #000; text-decoration: none;
	}

	.map-col a:hover {		text-decoration: underline;
	}

/**			S i t e   M a p   T a g s				**/
/*****************************************************/
/**			A d m i n   T a g s						**/


.full-01 {				float: left; display: inline; width: 50px; height: 25px; text-align: left; font-size: 10px; font-family: Arial, Tahoma;
						color: #000; line-height: 25px;
}

.full-02 {				float: right; display: inline; width: 490px; height: 20px; margin: 2px 0 0 0;
}

	.full-02-drop {		width: 480px; height: 20px; border: 1px solid #026295; background: #f9f9f9; color: #000; font-size: 10px; font-family: Arial, Tahoma;
						text-align: left; padding: 0; margin: 0;
	}

.full-03 {				float: left; display: inline; width: 90px; height: 25px; text-align: left; font-size: 10px; font-family: Arial, Tahoma;
						color: #000; line-height: 25px;
}

.full-04 {				float: right; display: inline; width: 450px; height: auto; margin: 2px 0 0 0;
}

	.full-04-drop {		width: 220px; height: 20px; border: 1px solid #026295; background: #f9f9f9; color: #000; font-size: 10px; font-family: Arial, Tahoma;
						text-align: left; padding: 0; margin: 0;
	}

	.full-04-txta {		width: 220px; height: 60px; border: 1px solid #026295; background: #f9f9f9; color: #000; font-size: 10px; font-family: Arial, Tahoma;
						text-align: left; padding: 0; margin: 0;
	}

.full-05 {				float: left; display: inline; width: 370px; height: 25px; text-align: left; font-size: 10px; font-family: Arial, Tahoma;
						color: #000; line-height: 25px; margin: 0 0 0 10px; font-weight: bold;
}

.full-06 {				float: right; display: inline; width: 100px; height: 25px; text-align: left; font-size: 11px; font-family: Arial, Tahoma;
						color: #000; line-height: 25px;
}

	.full-06-but1 {			width: 35px; height: 18px; text-align: center; font-size: 10px; font-family: Arial, Tahoma;
							color: #fff; border: 1px solid #026295; background: #026295; 
	}

	.full-06-but2 {			width: 45px; height: 18px; text-align: center; font-size: 10px; font-family: Arial, Tahoma;
							color: #fff; border: 1px solid #026295; background: #026295; 
	}


/**			A d m i n   T a g s						**/
/*****************************************************/
