@charset "utf-8";
body { font:11px Verdana; color:#333; background-color:#fff; margin:20px; }
hr { height:1px; border-top:1px solid #ccc; border-bottom:1px none #ccc; border-right:1px none #ccc; border-left:1px none #ccc; width:100%; }
img { border:none; }
p { line-height:13px; }

a:link { color:#0099ff; text-decoration:none; }
a:visited { color:#0099ff; text-decoration:none; }
a:hover { color:#c00; text-decoration:none; }
a:active { color:#0099ff; text-decoration:none; }

#footer_text a:link { color:#333; text-decoration:none; }
#footer_text a:visited { color:#333; text-decoration:none; }
#footer_text a:hover { color:#333; text-decoration:underline; }
#footer_text a:active { color:#333; text-decoration:none; }

.footer_link { padding:0px 2px 2px 2px; cursor:default; }
a.footer_link:link { color:#efefef; text-decoration:none; }
a.footer_link:visited { color:#efefef; text-decoration:none; }
a.footer_link:hover { color:#333; background:#ccc; text-decoration:none; }
a.footer_link:active { color:#efefef; text-decoration:none; }

a.white_links { color:#fff; }
a.white_links:hover { text-decoration:underline; }
a.white_links:link { text-decoration:none; }
a.white_links:visited { text-decoration:none; }
a.white_links:active { text-decoration:none; }

#canvas { clear:both; width:1005px; background-color:#fff; margin:auto; }
#header { clear:both; text-align:right; background:url(../images/bg_header.png) no-repeat; width:1005px; height:189px; }
#nav { clear:both; width:1005px; height:22px; padding-left:12px; background:url(../images/bg_nav.gif) no-repeat; }
#nav a { float:left; text-decoration:none; cursor:pointer; color:#efefef; padding:5px 10px 4px 10px; font:11px Tahoma; font-weight:bold; border-right:1px solid #efefef; }
#nav a:hover { background:url(../images/bg_nav_selected.gif) repeat-x; color:#000; border-top:1px solid #dddbdb; padding-top:4px; }
#nav a.selected { background:url(../images/bg_nav_selected.gif) repeat-x; color:#000; border-top:1px solid #dddbdb; padding-top:4px; }
#content { clear:both; width:981px; height:450px; text-align:center; background:url(../images/bg_canvas.gif) repeat-y; padding:0px 12px 0px 12px; overflow:hidden; }
#content_wide { clear:both; width:981px; height:450px; text-align:center; background:url(../images/bg_canvas_wide.gif) repeat-y; padding:0px 12px 0px 12px; overflow:hidden; }
#main_home { float:left; padding:25px; height:400px; width:648px; background:url(../images/bg_home.gif) no-repeat; text-align:left; }
#main_inner { float:left; padding:25px; height:400px; width:648px; text-align:left; overflow:hidden; }
#main_wide { float:left; padding:25px; height:400px; width:930px; text-align:left; overflow:hidden; }
#products { width:900px; height:400px; overflow:auto; }
#flash { float:left; width:283px; text-align:center; }
#footer { clear:both; font:11px Tahoma; width:100%; background:url(../images/bg_footer.gif) no-repeat; width:1005px; height:57px; text-align:left; padding-top:3px; }
#footer_links { float:left; padding-left:42px; padding-top:5px; color:#333; }
#footer_text { float:right; color:#eee; padding-right:45px; padding-top:5px; width:655px; text-align:right; }
#copyright { clear:both; z-index:0; position:relative; top:-12px; font:11px Tahoma; color:#666; text-align:center; }

#box_top { clear:both; padding-top:30px; }
#box_bg { clear:both; width:562px; background:url(../images/box_bg.gif) repeat-y; }
#box_bottom { clear:both; }

#link_home { float:left; position:relative; left:60px; top:50px; width:128px; height:98px; cursor:pointer; }
#link_about { float:left; position:relative; left:15px; top:-10px; width:128px; height:40px; cursor:pointer; }
#link_markets { float:left; position:relative; left:140px; top:-8px; width:115px; height:43px; cursor:pointer; }
#link_product_range { float:left; position:relative; left:245px; top:-8px; width:147px; height:43px; cursor:pointer; }
#link_services { float:left; position:relative; left:-381px; top:142px; width:100px; height:35px; cursor:pointer; }
#link_certifications { float:left; position:relative; left:-4px; top:212px; width:128px; height:30px; cursor:pointer; }
#link_capabilities { float:left; position:relative; left:-483px; top:262px; width:130px; height:38px; cursor:pointer; }

#link_home:hover { border-bottom:2px solid #c00; border-top:2px solid #c00; }

#text_about { float:left; position:relative; left:15px; top:-32px; width:200px; height:40px; }
#text_markets { float:left; position:relative; left:50px; top:-28px; width:195px; height:43px; }
#text_product_range { float:left; position:relative; left:75px; top:-33px; width:195px; height:43px; }
#text_services { float:left; position:relative; left:-10px; top:70px; width:420px; height:35px; }
#text_certifications { float:left; position:relative; left:54px; top:200px; width:200px; height:30px; }
#text_capabilities { float:left; position:relative; left:-10px; top:192px; width:430px; height:38px; }
#text_downloads { float:left; position:relative; left:96px; top:234px; width:130px; height:38px; }
#cert_thumb_01 { float:left; position:relative; width:40px; height:57px; top:90px; left:-36px; cursor:pointer; }
#cert_thumb_02 { float:left; position:relative; width:40px; height:57px; top:90px; left:-30px; cursor:pointer; }

#box_about { float:left; clear:left; font:11px Tahoma; padding:15px; width:40%; height:200px; text-align:justify; background:#ceedfc; border:1px solid #fff; overflow:hidden; }
#box_president_speaks { float:left; font:11px Tahoma; padding:15px; width:50%; height:200px; text-align:justify;  background:#f5e7d6; border:1px solid #fff; overflow:hidden; }
#box_problem_case { float:left; font:11px Tahoma; padding:15px; width:50%; height:200px; text-align:justify; background:#ffe6bd; border:1px solid #fff; overflow:hidden; }
#box_announcement { float:left; font:11px Tahoma; padding:15px; width:40%; height:200px; text-align:justify; background:#e7f5d6; border:1px solid #fff; overflow:hidden; }
#box_advertisement { float:left; padding:15px; font:10px Verdana; width:100%; height:75px; text-align:left; padding-bottom:30px; overflow:hidden; }

.product_sub_hdr { background:#efefef; vertical-align:top; text-align:left; padding:10px; }
.cell { background:#efefef; vertical-align:top; }
.table_border { border:1px solid #ccc; }
.thumb { float:left; border:1px #fff solid; }
.thumb:hover { border:1px red solid; }
.sub_product { float:left; width:100%; }
.small_text { font:10px Arial; font-weight:normal; }
.orange_text { color:darkred; font-weight:bold; }
.white_text { color:#fff; font-weight:bold; }
.maroon_text { color:#c00; }
.green_text { color:darkgreen; font-weight:normal; }
.textarea { width:450px; font:11px Tahoma; color:#333; }
.button { font:11px Tahoma; color:#333; }
.certificate { border:1px solid #aaa; cursor:pointer; }

/*curved box {outlined}*/
.t {background:url(../images/dot.gif) 0 0 repeat-x; }
.b {background:url(../images/dot.gif) 0 100% repeat-x; }
.l {background:url(../images/dot.gif) 0 0 repeat-y; }
.r {background:url(../images/dot.gif) 100% 0 repeat-y; }
.bl {background:url(../images/bl.gif) 0 100% no-repeat; }
.br {background:url(../images/br.gif) 100% 100% no-repeat; }
.tl {background:url(../images/tl.gif) 0 0 no-repeat; }
.tr {background:url(../images/tr.gif) 100% 0 no-repeat; padding:10px; }
.clear { font-size:1px; height:1px; }

/*table*/
#tabledata { background-color:#eee; width:80%; border-collapse:separate; border-spacing:1px; }
#tabledata caption { font-family:Verdana; font-size:11px; font-weight:bold; color:#12366b; text-align:left; vertical-align:bottom; }
#tabledata td { font-family:Verdana; font-size:11px; color:#333; background-color:#ddd; padding:2px 5px 2px 5px; white-space:nowrap; }
#tabledata td.highlight { background-color:#c6d6ed; }
#tabledata td.header { color:#fff; background-color:#8f0007; }

/*form*/
form { width:95%; text-align:center; background-color:#efefef; padding:10px; border:1px solid #ccc; }
#formdata { background-color:#fff; border-collapse:collapse; padding:10px; }
#formdata caption { font-family:Verdana; font-size:11px; font-weight:bold; color:#12366b; text-align:left; padding-left:10px; vertical-align:bottom; }
#formdata td { padding-left:5px; padding-right:5px; white-space:nowrap; background-color:#efefef; }
#formdata td.mandatory { color:#f00; width:5px; }
#formdata td.formhr { height:1px; background-color:#aaa; }
#formdata td.padder { height:10px; }
#formdata input, select { font-family:Verdana; font-size:11px; color:#0099ff; padding-left:2px; padding-right:2px; }
#formdata tr > td { text-align:right; }
#formdata td + td { text-align:left; }
#formdata td > select { width:207px; }
#formdata td > input[type="text"] { width:200px; }
#formdata td > input[type="button"] { }
#formdata td > input[type="submit"] { }