*
{
	margin: 0px;
	padding: 0px;
}
body
{
	background: url(/userfiles/image/imgbodybkg.jpg) repeat-x top left;
	color: #333;
	font-family: Arial, Century Gothic, Helvetica;
	font-size: 10pt;
	height: 100%;
	line-height: 1.3em;
	width: 100%;
}
img
{
	border: 0px;
}
p
{
	margin: 0.8em 0;
	z-index: 0;
}
h1 { color:#0072BC; font-size:11pt; font-weight:bold; font-family:Arial, Helvetica, sans-serif; }
h2
{
	color: #cb0020;
	font-family: Century Gothic, Arial, Helvetica;
	font-size: 16pt;
	margin-bottom: -2px;
}
h3
{
	color: #f0a805;
	font-family: Century Gothic, Arial, Helvetica;
	font-size: 15pt;
	font-weight: bold;
	line-height: 0.8em;
	margin: 10px 0;
	padding-bottom: 4px;
	padding-top: 2px;
}
h4
{
	color: #999;
	font-family: Century Gothic, Arial, Helvetica;
	font-size: 9pt;
	margin-bottom: -4px;
	margin-top: 6px;
}
div.cleaner
{
	clear: both;
	font-size: 0px;
	height: 0px;
	width: 100%;
}
div#headerwrapper, div#adswrapper, div#adsportalwrapper, div#footerwrapper
{
	overflow: auto;
	width: 100%;
}
div#adswrapper
{
	background: url(/userfiles/image/imgadsbkg.jpg) repeat-x;
	margin: 0;
	overflow: hidden;
}
div#adsportalwrapper
{
	background: url(/userfiles/image/imgadsprotalbkg.jpg) repeat-x;
	margin: 0;
	overflow: hidden;
}
div#header
{
	margin: 0 auto;
	padding: 0;
	position: relative;
	width: 952px;
}
div#adscontent
{
	margin: 0 auto;
	padding: 0;
	width: 950px; text-align:center;
}
div.logo
{
	padding: 54px 0 0 0;
}
div#navigroup
{
	background: url(/userfiles/image/navigation/imgnavbkg.jpg) no-repeat top center;
	margin: 16px auto 0 auto;
	overflow: auto;
	position: relative;
	width: 950px; 
}
div#footer, div#mainfooter
{
	color: #363636;
	font-size: 9pt;
	margin:20px auto  0 auto;
	padding: 18px 0 50px 0;
	position: relative;
	width: 952px;
	border-top:solid 1px #ccc;
}
div#mainfooter
{
    	margin:0 auto;
    border-top:none 1px #ccc;
}
div.ft01
{
	display: inline;
	float: left;
	margin: 10px 0 0 0 ;
}
div.ft01 img:hover
{
	filter: alpha(opacity=60);
	opacity: 0.6;
}
div.ft02
{
	display: inline;
	float: right;
	margin: 10px 0 0 0 ;
}
div#footer span
{
	color: #c2c2c2;
}
a.span_link:active, a.span_link:visited, a.span_link:link
{
	color: #c2c2c2;
	text-decoration: none;
}
a.span_link:hover
{
	color: #fff;
	text-decoration: underline;
}
div#contentwrapper{
	width:100%;
	margin:0 auto;
	
}

div#content{
	margin:0 auto;
	width: 955px;
	overflow:hidden;
	padding:10px;
}

div.panel01{
	display:inline;
	float:left;
	width:358px;
	height:175px;
	border:1px #c5c4c4 solid;
	padding:10px 10px 10px 10px;
	background-image:url(/userfiles/image/imgmainde01.jpg);
	font-size:10pt;
	overflow:hidden;
}

div.panel01 p{
	padding:0 140px 0 0; font-weight:bold;
}

div.cap01{
	display:inline;
	float:left;
	width:100%	
}

div.panel02{
	display:inline;
	float:left;
	width:260px;
	height:175px;
	margin:0px 0px 0px 5px;
	border:1px #c5c4c4 solid;
	padding:10px;
	overflow:hidden;
}

div.cap02{
	display:inline;
	float:left;
	width:100%	
}

div.panel03{
	display:inline;
	float:right;
	width:260px;
	height:175px;
	margin:0px 0px 0px 5px;
	border:1px #c5c4c4 solid;
	padding:10px;
	overflow:hidden;
	background-image:url(/userfiles/image/imgmainde03.jpg);
}

div.cap03{
	display:inline;
	float:right;
	width:100%	
}
div.panel02 ul {
margin:15px 0px 0px 0px; list-style-position:outside; 
}
div.panel02 ul li {
list-style-type:none; list-style-position:outside;
padding:0px 0px 10px 10px; font-size:10pt;font-weight:bold; 

}
div.panel02 ul li a {
color:#333; display:block;
text-decoration:none;
padding:0px 0px 0px 14px; background:url(/userfiles/image/btnlearnmore.png) no-repeat left 3px;
background:url(/userfiles/image/btnlearnmore.png) no-repeat left 3px; 
}
div.panel02 ul li a:hover {
color:#CCC;
text-decoration:underline
}

div.panel03 ul{
	font-size:9pt;
    color: #333;
	font-family: Arial, Century Gothic, Helvetica;
	font-size: 10pt;
	height: 100%;
	line-height: 1.3em;
	width: 100%;
	list-style-type:none;
	margin:15px 0px 0px 0px
	
}
div.panel03 ul li{
font-size:9pt;
font-weight:bold;
}	
/*global use*/	
div#panel044
{
float:left; display:inline; width:185px; 
}
div#panel04
{
float:left; display:inline; width:165px; padding:20px 0px 10px 20px;
background:url(/userfiles/image/imgpanel04bkg.jpg) no-repeat top left;
}
div#panel04 ul
{
 list-style:none; margin:20px 0;
}
div#panel04 ul li a:active, div#panel04 a:visited, div#panel04 a:link
{
 color:#0072bc;  display:block; text-decoration:none;  font-weight:bold;
 padding:4px 5px; font-size:9pt;  border:solid 1px transparent;
}
div#panel04 ul li a.sidecurrent, div#panel04 ul li a:hover
{
 color:#fff;  
 background:#00a4e7 url(/userfiles/image/imgsidemenuhover.jpg) repeat-x; 
 border:solid 1px #57cfff;
}
div#panel05
{
float:right; display:inline;  width:750px;
margin-left:20px;
}
div#panel06
{
    display:block; text-align:center;
}
div.titlebar
{
    width:100%; border-bottom:solid 1px #e0e0e0; overflow:hidden;
    margin:10px 0; padding:0 0 10px 0;
}
div.title
{
   float:left; display:inline; width:50%; font-size:18pt; color:#ca041d; font-weight:bold;
}
div.indicated
{
   float:right; display:inline; width:50%; overflow:hidden;
}
div.indicated ul
{ 
    list-style:none; margin:0; padding:0;
}
div.indicated ul li 
{ 
    float:right; display:inline;
}
div.indicated ul li  a:active, div.indicated ul li  a:link, div.indicated ul li  a:visited
{ 
   color:#909090; display:block; padding:0 0 0 20px; text-decoration:none; font-size:8pt;
   background:url(/userfiles/image/icon_arrow.gif) no-repeat 8px 3px;
}
div.indicated ul li  a:hover,  div.indicated ul li  a.indcurrent
{ 
   color:#666;
}
div.indicated ul li  a.indcurrent
{ 
   font-size:9pt;
}
div.indicated ul li a.firstind
{ 
   background:none;
}
div.divider01
{
    clear:both;
    width:100%; height:1px; background:#e0e0e0; margin:10px auto;
}
div.divider02
{
    clear:both;
    width:100%; height:2px; background:#0072BC; margin:0px auto;
}
img.tmp
{
    display:block; margin:20px auto;
}
/*End global use*/
/*start history*/
div.history_entry
{
    border-bottom:dashed 1px #ddd;
    margin:0;
    padding:20px 0; overflow:hidden;
}
div.history_year
{
    float:left; display:inline; 
    width:80px;
    color:#d10020; 
    font-size:15pt;
    font-weight:bold;
    font-family:Arial Black;
}
div.history_content
{
   float:right; display:inline; 
   width:620px; 
}
div.history_content ul
{
   list-style-type:none; list-style-position:outside;
}
div.history_content ul li
{
   font-size:9pt; color:#666; font-weight:bold;
}
/*end history

/*start investor*/
div.investor
{
    overflow:hidden; 
    width:750px;
}
div.investor ul
{
    width:770px; 
     list-style:none;    
     margin: 0; padding: 0;
}
div.investor ul li
{
    float: left;
	margin: 10px; padding: 0;
	text-align: center;
	border: 1px solid #ccc;
	-moz-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-khtml-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	display: inline; /*--Gimp Fix aka IE6 Fix - Fixes double margin bug--*/
}

div.investor ul  li a.thumb {
	width: 162px; /*--Width of image--*/
	height: 150px; /*--Height of image--*/
	padding: 3px;
	border-bottom: 1px solid #ccc;
	cursor: pointer;
}
div.investor ul li span { /*--Used to crop image--*/
	width: 162px;
	height: 150px;
	overflow: hidden;
	display: block;
}
div.investor ul li a.thumb:hover {
	background: #333; /*--Hover effect for browser with js turned off--*/
}
div.investor ul li h2 {
	font-size: 1em;
	font-weight: normal;	
	margin: 0; padding: 10px;
	background: #f0f0f0;
	border-top: 1px solid #fff; /*--Subtle bevel effect--*/
}
div.investor ul li a {text-decoration: none; color: #777; display: block;}
/*end investor*/

/*start board*/
div.board
{
    background:url(/userfiles/image/imgboardbkg.jpg) no-repeat top center;
    padding:20px 35px;
}
div.board span
{
   color:#0072BC; font-weight:bold; font-size:11pt;
}
/*end board*/

/*start Certificated*/
div.cert_entry
{
    overflow:hidden; margin:0 0 20px 0;
}
div.cert_img
{
    float:left; display:inline; margin:10px 0; width:190px;
}
div.cert_img img
{
    padding:4px; border:solid 1px #ddd; background:#f0f0f0;
}
div.cert_desc
{
    margin:10px 0 0 20px; width:465px; 
    float:right; display:inline; 
}
div.cert_desc p
{
    margin:0; color:#666; font-weight:bold;
}
div.cert_desc ul
{
 list-style:none;
}
div.cert_desc ul li
{
 background:url(/userfiles/image/icon_arrow.gif) no-repeat; padding:0 0 0 15px;
}
/*End Certificated*/

/*start product*/
div.prod_entry
{ 
overflow:hidden; width:100%; margin:20px 0;
}

div.prod_left
{
 float:left; display:inline; width:365px; overflow:hidden;
 margin:0 0 10px 0;
}
div.prod_right
{
 float:right; display:inline; width:365px; overflow:hidden;
  margin:0 0 10px 0;
}
div.prod_img
{
 float:left; display:inline; width:150px; border:none 1px #ddd;  height:150px;
}
div.prod_img img
{
padding:4px; border:solid 1px #ddd; background:#f0f0f0;  
}
div.prod_desc
{
 float:right; display:inline; width:203px; border:none 1px #cc0000;  height:150px;
 margin-left:10px;
}
div.prod_name 
{
font-size:11pt; color:#666; font-weight:bold;
}
div.prod_name span
{
font-size:9pt; color:#989898; font-weight:bold;
}
div.prod_desc table
{
    border-collapse:collapse;
}
div.prod_desc table th, div.prod_desc table td
{
    font-size:9pt; font-weight:normal; text-align:left; vertical-align:top;
}
div.prod_desc table th
{
   padding-right:5px;
}
div.prod_desc table td
{
   padding-right:0px;
}
div.gotop
{
    display:block; text-align:right;
}
div.gotop a
{
 color:#666; text-decoration:none; font-size:8pt; font-weight:bold;
}
div.gotop a:hover
{
 color:#999; 
}
/*end product*/

/*quality*/
ul.splist
{
 list-style:none; margin:0.8em 0;
}
ul.splist li
{
 background:url(/userfiles/image/icon_arrow.gif) no-repeat 0 2px; padding:0 0 0 15px;
}
img.imgleft
{float:left; margin:10px 10px 20px 0; }


/*start gallery*/
div.gallery
{
    overflow:hidden; 
    width:680px;
}
div.gallery ul
{
    width:700px; 
     list-style:none;    
     margin: 0; padding: 0;
}
div.gallery ul li
{
    float: left;
	margin: 10px 10px 10px 0; padding: 0;
	text-align: center;	
	-moz-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-khtml-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	display: inline; /*--Gimp Fix aka IE6 Fix - Fixes double margin bug--*/
      background:#f0f0f0;
}

div.gallery ul  li img {
	width: 154px; /*--Width of image--*/
	height: 128px; /*--Height of image--*/
	padding: 3px; border: 1px solid #ccc;
}

/*End gallery*/
/*Contact Element*/
div.colcoinfo
{
     width:100%;
}
table.tbaddress
{
     width:100%; border-collapse:collapse;
} 
table.tbaddress td
{
     width:50%;      
}
table.tbadd
{
  border-collapse:collapse;   font-size:9pt; 
}
table.tbadd td, table.tbadd th
{     
      vertical-align:top; text-align:left;
}
table.tbadd td.breakline
{
  height:20px;
}
table.tbadd td
{
    padding:1px 0px;
}
div.colenquiry
{
    border-bottom:solid 1px #efefef; margin:0 0 20px 0 ;
}
table.tbenquiry th{
text-align:left;
padding:4px 40px 4px 0px;
vertical-align:top;
color:#000; font-size:9pt; font-weight:normal; font-family:Verdana, Arial, Helvetica, sans-serif; display:block; 
}
table.tbenquiry td {
padding:4px 10px 4px 0px;
}
table.tbenquiry .textinput, table.tbenquiry textarea {
width:400px;
font-size:10pt;
border: 1px solid #ccc;
background: #efefef;
font-family:Arial, Helvetica, sans-serif;
padding:4px;
}
table.tbenquiry .button {
font-size:9pt; width:80px;
}
/*End Contact Element*/


div.bursadate
{
	padding: 10px 0px 10px 0px;
}

div.bursalink
{
	padding-bottom: 20px;
	border-bottom: solid 1px #ddd;
}

div.bursalink a
{
	text-decoration: none;
	color: #666;
}

div.bursalink a:hover
{
	text-decoration: underline;
	color: #333;
}
