@charset "utf-8";
/* CSS Document */

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input {margin:0px; padding:0px;}
body {background-color:#EEE;font-family:Verdana, Helvetica, arial, sans-serif;font-size:76%;behavior:url(style/csshover.htc);}
h1 {font-size:2em;}
h2 {font-size:12px; color:#090; font-weight:800;}
h2 a {text-decoration:underline;}
h3,h4,h5,h6,p,address,caption,cite,th,li,input {font-size:1em;font-weight: normal;font-style:normal;}
ul,ol {list-style:none; }
a {text-decoration:none;color:#090;}
a:hover, a:active, a:visited:hover, a:visited:active { text-decoration:underline;}
fieldset,img {border:none; }
caption,th {text-align:left; }
table {border-collapse:collapse;border-spacing:0px; }
p { padding-bottom:1.8em;}
select {font-family:Verdana, Helvetica, arial, sans-serif;}
.clear {clear:both;}
.clearer{clear:both;display:block;margin:0px;padding:0px;height:0px;}
/* .space {clear: both; display: block; margin: 0px; padding: 0px; height: 88px; width:88px;} */

/* LAYOUT */
#blue {height:0px;overflow:hidden;}
.logo, #nav, .con_main_banner, .con_main_hpbanner a, .con_main_banner_soc, .con_main_nav, .con_main_head, .con_main_h3, .con_main_head_space, .con_main_p, .con_main_p_soc, .con_main_ul, .con_main_ul_recognitions,  .con_main_ul_proview, .con_main_ul_soc, .con_main_div_soc_other, .con_main_div_socdl, .con_main_ul_news, .con_main_ul_career,.con_main_ul_map, .con_sub, .site_info, .copyright, table.cam{width:812px;margin-left:auto; margin-right:auto;}
.logo { background:url(../image/all/logo.gif) no-repeat 28px 27px;background-color:#FFF;height:72px;}
.logo a{ width:138px;display:block; margin-left:28px; padding-top:50px;height:0px;overflow:hidden;}


/*NAV NEW */
ul#nav a:link, ul#nav a:visited {text-decoration:none;}
ul#nav {width:755px;background-color:#FFF;height:30px;font-size:12px;border-top:solid 1px #8EC335;border-bottom:solid 1px #8EC335; padding:0 28px;}
ul#nav li.mainmenu {float:left;margin:0px;padding:8px 15px;position: relative;border:0; color:#090;}
ul#nav li.submenu {margin:0px;padding:8px 18px;position: relative; cursor:default; color:#090; margin-left:8px;}
ul#nav li.submenu#soon { color:#999;}
ul#nav li.submenu a {margin-left:-8px;}
ul#nav ul {margin:0px;background:#FFF;border:#8EC335 1px solid;}
ul#nav li, ul#nav li a {margin:0px;padding:8px 18px;text-decoration:none;}
ul#nav ul.level1 li, ul#nav ul.level1 li a {padding:8px 5px 8px 8px;}
ul#nav ul.level1 {display:none;position:absolute;left:0px;top:30px;}
ul#nav ul.level1 li.soon { padding:8px 16px;color:#CCC; cursor: default;}
ul#nav ul.level2, ul#nav ul.level3{display:none;position:absolute;left:131px;top:-1px;}

* html ul#nav ul.level2, * html ul#nav ul.level3   {left:125px;top:7px;}/* IE6 Hack */
*:first-child+html ul#nav ul.level2, *:first-child+html ul#nav ul.level3{left:133px;top:7px;} /* IE7 Hack */

ul#nav li.mainmenu:hover ul.level1, ul#nav ul.level1 li.submenu:hover ul.level2, ul#nav ul.level2 li.submenu:hover ul.level3, ul#nav ul.level3 li.submenu:hover ul.level4{display:block;}
ul#nav li:hover, ul#nav li.mainmenu:hover, ul#nav li.mainmenu a:hover {background-color:#B5D87F; color:#FFF;}
ul#nav li.mainmenu ul.level1 li:hover, ul#nav li.mainmenu ul.level1 li a:hover{ background:none; color:#030;}
ul#nav li.mainmenu ul.level1 li.soon:hover, ul#nav li.mainmenu ul.level1 li.soon a:hover{ background:none; color:#CCC;}

.con_main_hpbanner a, .con_main_banner, .con_main_banner_soc{height:0px;background-color:#FFF;display:block;padding-top:268px;overflow:hidden;}
.con_main_hpbanner a {padding-top:376px;}
.con_main_banner_soc{padding-top:408px;}
* html .con_main_hpbanner{ margin-top:-14px;}/* IE6 Hack */
* html .con_main_banner, * html .con_main_banner_soc  { margin-top:-28px;}/* IE6 Hack */
.con_main_head, .con_main_h3 {width:756px;padding:0 28px 1.8em 28px;color:#090;font-size:16px;font-weight:800;background-color:#FFF;}
#con_main_head_proview { width:168px;font-weight:300; font-size:12px; position:relative; top:-632px; left:-58px;}

.con_main_nav {width:214px; height:16px;color:#8EC335;padding:0px 0px 0px 598px;font-size:10px;font-weight:300;background:url(../image/all/icon.gif) 572px -770px no-repeat;background-color:#FFF; cursor:default;}
.con_main_nav a {color:#8EC335;}

.con_main_h3 {width:742px;padding:0 28px 8px 42px;color:#090;font-size:14px;font-weight:800; background:url(../image/all/icon.gif) 30px -744px no-repeat;background-color:#FFF;}
.con_main_h3_socdl {width:108px; margin:28px 0px 0px 608px;padding:0px 0px 0px 25px;color:#090;font-size:14px;font-weight:800; background:url(../image/all/icon.gif) 8px -744px no-repeat;background-color:#FFF;}

.con_main_div_soc_other { width:738; height:88px; position:relative;margin-left:auto; margin-right:auto; border:solid 1px #FFF; border-left:solid 1px #EEE;border-right:solid 1px #EEE;background-color:#FFF;}


.con_main_p, .con_main_p_soc {width:756px;color:#666;background-color:#FFF;font-size:12px;line-height:1.6em; text-align:justify;padding:0 28px 1.8em 28px;}
.con_main_p_soc { width:568px;padding-right:216px;}

.con_main_p#vatics_js1 {font-style: italic;}
.con_main_p span.vivotek {color:#09F;}
.con_main_p span.vatics_js2 {text-decoration:underline;}

.con_main_ul, .con_main_ul_proview, .con_main_ul_recognitions, .con_main_ul_news, .con_main_ul_soc, .con_main_ul_career,.con_main_ul_map, #cam_table{width:756px;color:#666;background-color:#FFF;font-size:12px;line-height:1.6em;padding:0 28px 38px 28px;}
.con_main_ul li, .con_main_ul_soc li, .con_main_ul_career li {padding:8px 0 0 12px;}
.con_main_ul_soc {width:568px;padding-right:216px; background-color:#FFF; }

.con_main_div_socdl {margin-top:-168px;}
*html .con_main_div_socdl{ position:absolute; top:-308px;margin-top:0px}/* IE6 Hack */
.con_main_ul_socdl { margin-left:608px; width:172px;height:108px;border: solid 1px #CCC;}
*html .con_main_ul_socdl{ border:none;}/* IE6 Hack */
.con_main_ul_socdl li { height:20px;}
.con_main_ul_socdl li#con_main_ul_socdl_img { height:138px;margin-left:22px; margin-top:-138px;}
* html .con_main_ul_socdl li#con_main_ul_socdl_img {margin-top:0px;}/* IE6 Hack */
.con_main_ul_socdl li#con_main_ul_socdl_title { width:138px; background-color:#090; color:#FFF; margin-top:-8px; margin-left:8px; padding-left:18px; height:18px;}
* html .con_main_ul_socdl li#con_main_ul_socdl_title { width:138px; background-color:#EEE; color:#090; font-weight:800;margin-top:12px;height:22px; padding-top:8px; padding-bottom:28px;}/* IE6 Hack */

.con_main_ul_socdl li ul li{ background-color:#FFF; padding-left:20px; margin-top:5px;}
.con_main_ul_socdl li ul li#con_main_ul_socdl_dm { background:url(../image/all/icon.gif) 0px -145px no-repeat; margin-top:18px;}
.con_main_ul_socdl li ul li#con_main_ul_socdl_dm:hover { background:url(../image/all/icon.gif) 0px -165px no-repeat;}
.con_main_ul_socdl li ul li#con_main_ul_socdl_sheet { background:url(../image/all/icon.gif) 0px -205px no-repeat;}
.con_main_ul_socdl li ul li#con_main_ul_socdl_sheet:hover { background:url(../image/all/icon.gif) 0px -225px no-repeat;}


.con_main_ul li {background:url(../image/all/icon.gif) no-repeat -41px -108px;}
.con_main_ul_soc li {background:url(../image/all/icon.gif) no-repeat -40px -37px;}
.con_main_ul li.addto {background:url(../image/all/icon.gif) no-repeat 0px -272px;padding:8px 0 0 28px;}
.con_main_ul_news { margin:-32px auto 0 auto;}
.con_main_ul_proview { margin-left: auto; margin-right:auto; padding-left:245px; width:538px;}
html>/**/body .con_main_ul_proview {margin-top:-18px;}/* MODERN BROWSERS ONLY(NOT IE7)  Hack */
* html .con_main_ul_proview { margin-left:71px;}/* IE6 Hack */
.con_main_ul_proview li { color:#090; font-weight:800; margin:18px 0px 0px 0px; position:relative; height:118px; border-bottom:1px solid #CCC;}
html>/**/body .con_main_ul_proview li {height:150px;}/* MODERN BROWSERS ONLY(NOT IE7)  Hack */
.con_main_ul_proview li ul li{ color:#666; font-weight:300; margin:0px 0px 0px 0px; position:relative; height:25px; border-bottom: none; background:url(../image/all/icon.gif) -40px -117px no-repeat; padding-left:12px;}

.con_main_ul_proview_img { width:178px; height:0px; padding-top:108px; overflow:hidden; background:url(../image/products/overviews/bannersec.jpg) 0px 0px no-repeat; position:absolute; left:-215px;}
.con_main_ul_proview_img a { widows:178px; height:0px; padding-top:168px; overflow:hidden; background-color:#000000;}
.con_main_ul_proview li p { color:#666; margin-top:8px;}
.con_main_ul_recognitions li {border-bottom:solid 1px #CCC; padding:8px 0 0 18px;}
.con_main_ul_recognitions li ul{margin: -18px 0 0 88px; }
.con_main_ul_recognitions li ul li{border:0; padding:0px 0 8px 0;}
.con_main_ul_news li {margin:18px 0 0 0;padding:258px 0 0 0;color:#090;font-weight:800;}
.con_main_ul_news li ul li {margin:0 0 0 0;padding:28px 0 38px 0;color:#666;font-weight:100;border-bottom:solid 1px #CCC;}
.con_main_ul_career li {background:url(../image/all/icon.gif) no-repeat -41px -108px;}
.con_main_ul_career li ul li {background:url(../image/all/icon.gif) no-repeat 0px -325px; padding-left:16px;}
.con_main_ul_soc li:hover, .con_main_ul_career li ul li:hover { background-color:#EEE; cursor:default;}
.con_main_ul_map{ height:28em;}
.con_main_ul_map li{border:dotted #090 1px;font-size:14px;color:#090;font-weight:800;padding:18px;width:98px; display:block; float:left; margin:0 8px 8px 0;}
.con_main_ul_map li ul{padding-top:8px;}
.con_main_ul_map li ul li{border:none;font-size:12px;font-weight:100; padding:3px;}

.con_main_form_socdl { margin: 18px 0px 0px 630px;}

.con_sub {background-color:#FFF;height:170px;}
.con_sub_1, .con_sub_2, .con_sub_3 {width:231px;height:143px;border: 1px solid #CCC;margin-left:28px; float:left;}
.con_sub_1 a, .con_sub_2 a, .con_sub_3 a{ display:block;padding-top:143px;height:0px; overflow:hidden;}
.con_sub_1 a{background:url(../image/homepage/con_sub_1.jpg) no-repeat;}
.con_sub_2 a{background:url(../image/homepage/con_sub_2.jpg) no-repeat;}
.con_sub_3 {background:url(../image/homepage/con_sub_3.jpg) no-repeat;}

#cam_table { margin-left:auto; margin-right:auto;}
table {color:#666;}
table.cam { width:736px;background-color:#FFF;}
tr:hover { background-color:#E8E8E8}
tr.even { background-color: #EEE;}
th, th a, td {line-height:1.5em; text-align:center}
th a { text-decoration:underline;}
th.col_left, th.col_left a  { background: url(../image/all/icon.gif) 0px -600px no-repeat; height:28px; color:#FFF;text-align:center;}
th.col_1, th.col_1 a, th.col_2, th.col_2 a, th.col_3, th.col_3 a, th.col_4, th.col_4 a { background: url(../image/all/icon.gif) 0px -700px repeat-x; color:#FFF; text-align:center;}
th.col_right_cam, th.col_right_cam a  {background: url(../image/all/icon.gif) -25px -650px no-repeat; color:#FFF;}
th.item, td { text-align:center; padding:3px 0px 3px 0px;border: 1px solid #17872A;}
th.item { color:#17872A;}


.bs { font-size:12px;}
.s { font-size:10px;}
.more { width:60px; height:0px; padding-top:18px; overflow:hidden; display: inline-block; background: url(../image/all/icon.gif) -80px -1px no-repeat;}


/*SITE INFO */
.site_info {width:756px; margin-top:18px;}
.site_info li { float:left;}
.site_info li a {color:#6EB92B; padding:0 8px 0 0;border-right:solid 1px #6EB92B;}
.site_info li.site_info_contact { padding-left:8px;} 
.site_info li.site_info_html a, .site_info li.site_info_css a,  .site_info li.site_info_ie a,  .site_info li.site_info_firefox a,  .site_info li.site_info_safari a ,  .site_info li.site_info_opera a { display:block; height:0px; overflow:hidden;padding:15px 0px 0 0;border-right:none; margin-left:-1px; width:22px;}


.site_info li.site_info_html a, .site_info li.site_info_css a {width:48px;}
.site_info li.site_info_html a {background:url(../image/all/icon.gif) no-repeat 0px 0px;}
.site_info li.site_info_css a {background:url(../image/all/icon.gif) no-repeat 0px -17px;}
.site_info li.site_info_ie, .site_info li.site_info_firefox, .site_info li.site_info_safari, .site_info li.site_info_opera {width:22px;}
.site_info li.site_info_ie a {background:url(../image/all/icon.gif) no-repeat 0px -34px;}
.site_info li.site_info_firefox a {background:url(../image/all/icon.gif) no-repeat 0px -51px;}
.site_info li.site_info_safari a {background:url(../image/all/icon.gif) no-repeat 0px -70px;} 
.site_info li.site_info_opera a {background:url(../image/all/icon.gif) no-repeat 0px -85px;}
.site_info li.site_info_copyright{ font-size:10px;color:#6EB92B; padding-left:145px;}