/* 
 * Copyright(c) Photon International Limited
 *
 * common CSS specification
 * CSS styles that used on the site in any language
 */

body{
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #000000;
	margin: 0px;
}

img{
	align:middle;
	border: 0px solid #FFFFFF;
}

/* Anchor Style */
a:link,
a:visited,
a:active,
a:hover { 
	font-family: verdana, Arial, Helvetica, sans-serif;
	color: #2260C7; 
	text-decoration: none; 
} 

a:hover { 
	color: #2260C7;
	text-decoration: underline; 
}

input,
textarea,
.form_input{
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	border: 1px solid #ADC5E7;
	width:100%;
	height:24px;
}

textarea{
	height:80px;
}

.form_button{
	background-color: #D8E3EF;
	width: auto;
}

/* Main Screen layout table style */
.header{
	background:#FFF url("../img/header_bg.gif") repeat-x top;
	height:129px;
	margin:0px;
	padding:0px;
}

.middle{
	background:#FFF url("../img/middle_bg.gif") repeat-x top;
	vertical-align:top;
	margin:0px;
	padding:0px;
}

.language{
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	padding:0px 0px 5px 20px;
	color:#FFF;
	text-align:right;
	vertical-align:bottom;
	letter-spacing: 1px;
}

.language a:link,
.language a:visited,
.language a:active,
.language a:hover { 
	font-family: verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF; 
	text-decoration: none; 
} 

.language a:hover { 
	color: #FFFFFF;
	text-decoration: underline; 
}

.footer,
.credits{
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight:normal;
	color:#5A5E60;
	text-align:center;
	vertical-align:bottom;
	height: 20px;
}
.credits{
	vertical-align:top;
	font-size: 8pt;
	color:#A0AAB0;
}
.credits a:link,
.credits a:visited,
.credits a:active,
.credits a:hover { 
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #A0AAB0; 
	text-decoration: none; 
} 

.credits a:hover { 
	color: #FB8102;
	text-decoration: underline; 
}

.object_body{
	background-color:#FFFFFF;
	border:1px solid #204C89;
	vertical-align:top;
}

.main_content{
	background-color:#FFFFFF;
	border:1px solid #204C89;
	vertical-align:top;
	padding: 17px 15px 17px 15px;
}

.shadow{
	background-color:#D3D2C4;
}

.right_shadow{
	margin-top: 4px;
	background-color:#D3D2C4;
	height:100%;
}

.bottom_shadow{
	margin-left: 4px;
	background-color:#D3D2C4;
	width:100%;
	height:4px;
}


/*
 * Style of the Menu
 */
.menu_body{
	background-color:#C3FB63;
	border:1px solid #4F8A10;
	vertical-align:top;
}

.menu_left{
	background-color: #4FA605;
}

#menu a {
	display:block;
	width:100%;
	height:56px;
	
	text-decoration:none;
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight:bold;
	color:#2C6902; 
	letter-spacing:2px;
	vertical-align:bottom;
	
	border-bottom: 1px dotted #EDED8A;
	padding:20px 8px 0px 8px;
}

#menu a:hover {
	text-decoration:none;
	background:#72BF44 url("../img/menu_hover.gif") no-repeat right middle;
	color:#FFFFFF;
}

#menu_current a {
	display:block;
	width:100%;
	height:56px;
	
	text-decoration:none;
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color:#2C6902; 
	letter-spacing:2px;
	
	background:#9EEE12 url("../img/menu_current.gif") no-repeat right middle;
	border-bottom: 1px dotted #EDED8A;
	padding:20px 8px 0px 8px;
}


/*
 * Style of the Search Dialog
 */
.search_body{
	border:1px solid #909090;
	vertical-align:top;
	background-color:#E0E0E0;
}

.search_left{
	background-color: #8B8B8B;
}

.left_dialog{
	width:100%;
	text-decoration:none;
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color:#000000; 
	letter-spacing:2px;
}

.left_dialog th{
	text-align:left;
	font-weight:bold;
	height:30px;
	padding:8px 8px 0px 8px;
	font-size: 11pt;
	color:#4B4B4B;
}

.left_dialog td{
	height:28px;
	padding:5px 8px 0px 26px;
}

/*
 * style of the things in the body
 */
.content_table{
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color:#2B2B2B; 
}

.content_table th{
	font-size: 11pt;
	background-color:#4689C7;
	color:#FFFFFF;
	height:32px;
	text-align:left;
	padding: 4px 0px 0px 0px;
}

.indexAdv{
	padding:0px;
}

.company_info,
.company_info td,
.company_info th,
.content_table td{
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color:#2B2B2B; 
	padding:0px 0px 0px 0px;
	vertical-align: top;
}

.company_info th{
	text-align:left;
}

.zipper_intro th{
	font-size: 10pt;
	text-decoration:underline;
	background-color:#FFFFFF;
	color:#3D3D3D;
	height:28px;
	text-align:left;
	padding: 4px 0px 0px 0px;
	font-weight:normal;
}

.zipper_table,
.zipper_table th,
.zipper_table td{
	text-decoration:none;
	border:1px solid #ADC5E7;
	border-collapse:collapse;
}

.zipper_table th,
.zipper_table td{
	height: 26px;
	padding: 8px 0px 3px 6px;
}

.requiredField{
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color:#C82133;
	vertical-align:middle;
}


.product_cat{
	background:#FFF url("../img/blue_pixel.gif") no-repeat left middle;
	padding: 0px 0px 0px 12px;
}

.indexMainTable td{
	border-right: 1px solid #9EC4E5;
	padding-left:12px;
}

.indexMainTable{
	border-right: 1px solid #FFFFFF;
	border-collapse:collapse;
}

.indexMainTable th{
	height: 32px;
	background:#4689C7 url("../img/title_head.gif") no-repeat left middle;
	color:#FFFFFF;
	border-collapse:collapse;
	padding-left:23px;
}

.indexSmallList td{
	border-right: 0px solid #9EC4E5;
	height:20px;
	vertical-align:text-top;
	padding: 5px 0px 0px 0px;
}


.productTable td{
	padding-bottom: 12px;
}

.productItem{
	border:1px solid #D8E3EF;
	height:100%;
}

.productItem td{
	font-size:9pt;
	padding-bottom:3px;
	letter-spacing:0px;
	text-align:center;
	color:#26528D;
}
.productCode{
	background-color:#D8E3EF;
	height:18px;
	padding: 6px 0px 6px 0px;
	vertical-align:text-bottom;
}
.productName{
	font-size:8pt;
	background-color:#D8E3EF;
}

.openNews{
	display:block;
}

.news{
	display:none;
}

.newsContent{
	width:100%;
	border: 1px solid #D8E3EF;
	margin: 3px 3px 3px 8px;
	padding: 12px 12px 12px 12px;
}
.newsDate{
	font-size:9pt;
	color:#666666;
	letter-spacing:0px;
}
