@charset "utf-8";

body { width:100%; font-size:100%; margin:0px; }
/* body { width:900px; font-size:100%; margin:0px; } */
img { border:0; }
a:visited { color:royalblue }
a:hover { color:blue; background-color:lightblue; }

/* ===== Header ===== */
#header { width:900px; height:50px; margin:0 auto; }
#header a:hover { background-color:white; }
#header #left { float:left; }
#header #right { float:right; width:350px; margin:10px;}

/* ===== Footer ===== */
#footer { width:900px; margin:0 auto; font-size:12px; color:#808080; }
#footer a:hover { background-color:#F0F0F0; }
#footer #left { float:left; margin:10px;}
#footer #right { float:right; width:100px; margin:10px; }
#footer .top { float:right; display:block; width:50px; height:12px; background-image:url(/images/btn_top.gif); background-repeat:no-repeat; text-indent:-4096px; }
#footer .back { float:right; display:block; width:50px; height:12px; background-image:url(/images/btn_back.gif); background-repeat:no-repeat; text-indent:-4096px; }
#footer .home { float:right; display:block; width:50px; height:12px; background-image:url(/images/btn_home.gif); background-repeat:no-repeat; text-indent:-4096px; }

/* ===== Top Menu ===== */
#topmenu { width:100%; height:32px; background:url(../images/menu_bg.gif) repeat-x left bottom; }
#topmenu ul { width:900px; margin:0 auto; }
#topmenu ul li { float:left; display:inline; }
#topmenu ul li em{ display:none; }
#topmenu ul li a{ float:left; height:32px; }
#topmenu ul li.home a{ background:url(../images/menu_home_init.gif) no-repeat; width:165px; }
#topmenu ul li.home a:hover{ background:url(../images/menu_home_hover.gif) no-repeat; }
#topmenu_home #topmenu ul li.home a{ background:url(../images/menu_home_select.gif) no-repeat; }
#topmenu ul li.opc a{ background:url(../images/menu_opc_init.gif) no-repeat; width:165px; }
#topmenu ul li.opc a:hover{ background:url(../images/menu_opc_hover.gif) no-repeat; }
#topmenu_opc #topmenu ul li.opc a{ background:url(../images/menu_opc_select.gif) no-repeat; }
#topmenu ul li.product a{ background:url(../images/menu_prod_init.gif) no-repeat; width:165px; }
#topmenu ul li.product a:hover{ background:url(../images/menu_prod_hover.gif) no-repeat; }
#topmenu_prod #topmenu ul li.product a{ background:url(../images/menu_prod_select.gif) no-repeat; }
#topmenu ul li.download a{ background:url(../images/menu_download_init.gif) no-repeat; width:165px; }
#topmenu ul li.download a:hover{ background:url(../images/menu_download_hover.gif) no-repeat; }
#topmenu_download #topmenu ul li.download a{ background:url(../images/menu_download_select.gif) no-repeat; }
#topmenu ul li.support a{ background:url(../images/menu_support_init.gif) no-repeat; width:165px; }
#topmenu ul li.support a:hover{ background:url(../images/menu_support_hover.gif) no-repeat; }
#topmenu_support #topmenu ul li.support a{ background:url(../images/menu_support_select.gif) no-repeat; }

/* ===== Topics ===== */
#topics { width:900px; height:200px; margin:0 auto; }
#topics a:hover { background-color:white; }
#topics .column { width:220px; height:216px; float:left; padding-right:5px; text-align:center; background:url(../images/topics_bg.jpg) no-repeat; }
#topics .column a { color:#606060; text-decoration:none; display:block; }
#topics .column a:hover{ background:url(../images/topics_bg2.jpg) no-repeat; }
#topics .fo1 { font-size:16px; font-weight:bold; margin:0 auto; }
#topics .fo2 { font-size:12px; font-weight:normal; margin:0 auto; }
#topics .fo3 { font-size:10px; font-weight:normal; margin:0 auto; }

/* ===== Features ===== */
#feature { width:900px; margin:10px auto; color:#808080; font-size:10px; }
#feature .column { width:200px; height:100px; border:thin solid #808080; float:left; padding:10px; }
#feature ul li { display:inline; }
#feature img { padding:5px; float:left; }

/* ===== Bottom Menu ===== */
#bottommenu { width:900px; margin:10px auto; color:#808080; font-size:11px; background-color:#F0F0F0; }
#bottommenu .column { width:120px; float:left; padding:0px 0px 0px 20px; }
#bottommenu h3 { color:#606060; font-size:12px; font-weight:bold;}
#bottommenu ul { padding-left:1px; margin:0;}
#bottommenu ul li { display:inline; }
#bottommenu a { color:royalblue; text-decoration:none; display:block; zoom:1; }
#bottommenu a:hover { !important; background-color:silver; text-decoration:none !important; }
#bottommenu a:visited {  }

/* ===== General Style ===== */
#floatclear { clear:both; }
#bodytext { width:900px; margin:0px auto; color:#404040; font-size:14px; line-height:20px; }
#bodytext h1 { font-size:32px; line-height:30px;}
#bodytext h2 { font-size:18px; border:solid; border-width:0px 0px 1px 10px; padding:5px; border-color:#000080; }
#bodytext h3 { font-size:18px; border-left:1em solid navy; margin:2em 0em 0em 0em; padding:0.2em 0.5em; background-color:#9090F0; }
#bodytext h4 { font-size:16px; font-weight:normal; margin:0 auto; padding:0px; color:#000000; background-color:#D0D0D0; }
#bodytext #leftbar { float:left; width:25%; font-size:13px;}
#bodytext #rightbar { float:right; width:70%; border-width:0 0 0 1px; border-style:solid; border-color:#808080; padding-left:1em; }
#bodytext #leftbar2 { float:left; width:50%; }
#bodytext #rightbar2 { float:right; width:45%; border-width:0 0 0 0px; border-style:solid; border-color:#808080; padding-left:1em; }
#bodytext #leftbar3 { float:left; width:45%; }
#bodytext #rightbar3 { float:right; width:50%; border-width:0 0 0 0px; border-style:solid; border-color:#808080; padding-left:1em; }
#bodytext #menubar { width:15%; line-height:30px; font-size:14px; float:left; }
#bodytext #menubar img { padding-right:10px; }
#bodytext #bodybar { width:80%; float:right; border-width:0 0 0 1px; border-style:solid; border-color:#808080; padding-left:1em; }
/* ===== Side Bar ===== */
#bodytext #sidebar { width:15%; font-size:12px; float:left; line-height:14px; }
#bodytext #sidebar .column { width:120px; float:left; padding:0px 0px 0px 20px; }
#bodytext #sidebar h3 { font-size:12px; font-weight:bold; border-left:0em; margin:0em 0em 0em 0em; padding:0em; background-color:white; line-height:20px;}
#bodytext #sidebar ul { padding-left:1px; margin:0;}
#bodytext #sidebar ul li { display:inline; }
#bodytext #sidebar a { color:royalblue; text-decoration:none; display:block; zoom:1; }
#bodytext #sidebar a:hover { !important; background-color:silver; text-decoration:none !important; }
#bodytext #sidebar a:visited {  }

#bodytext #box { margin:0 auto; font-size:12px; font-weight:normal; padding:0.2em 0.5em; background-color:#E0E0E0; }
#bodytext #box2 { float:left; width:215px; font-size:12px; font-weight:normal; padding:10px; background-color:#F0F0F0; border-width:0 0 0 1px; border-style:solid; border-color:#808080; }
#bodytext #box2 a { line-height:25px; color:black; text-decoration:none; display:block; }
#bodytext #box2 a:hover { background-color:silver; }
#bodytext #bodybarleft { width:30%; line-height:30px; float:left; }
#bodytext #bodybarright { width:65%; float:right; border-width:0 0 0 1px; border-style:solid; border-color:#808080; padding-left:1em; }
#bodytext #bodybarright1 { float:left; width:50%; }
#bodytext #bodybarright2 { float:right; width:45%; border-width:0 0 0 1px; border-style:solid; border-color:#808080; padding-left:1em; }
#bodytext2 { width:700px; margin:0px auto; color:#404040; font-size:16px; line-height:24px; }

#bodytext #SpeedTest #caption { width:630px; text-align:left; position:relative; top:22px; }
#bodytext #SpeedTest #unit    { width:630px; text-align:right; }
#bodytext #SpeedTest td { color: black;	border-style:solid;}
#bodytext #SpeedTest table{ width:630px; font-size:12px; }
#bodytext #SpeedTest th {  border-style:solid; background-color:#E0E0E0;}

#bodytext #TestDay  {text-align:right;}

#leftbar { float:left; width:70%; }
#rightbar { float:right; width:25%; border-width:0 0 0 1px; border-style:solid; border-color:#808080; padding-left:1em; }
div.shadowbox { border-style:solid; border-width:1px 2px 2px 1px; border-color:#C0C0C0 #808080 #808080 #C0C0C0; padding: 0.5em; }

/* ===== Table Class ===== */
.pack { padding-top:5px; padding-bottom:5px; padding-left:10px; padding-right:10px; }


/* ===== Text Menu ===== */
#textmenu { width:900px; margin:10px auto; color:#606060; font-size:16px; background-color:#DCDCDC; border:solid #808080; border-width:1px 0px 1px 0px; line-height:35px; }
#textmenu .column { width:150px; height:50px; padding:10px; border:thin solid #808080; float:left;  }
#textmenu ul li { display:inline; }
#textmenu img { padding:7px; float:left; }
#textmenu a { color:black; text-decoration:none; }
#textmenu a:hover { color:black; background-color:silver; }
#textmenu a:visited { color:gray; text-decoration:none; }

/* ===== advertise ===== */
#advertise { width:900px; margin:0 auto; font-size:12px; }
#advertise ul li { display:inline; }
#advertise a { color:black; text-decoration:none; }
#advertise a:hover { color:black; background-color:silver; }
#advertise #left { width:197px; float:left; }
#advertise #center { width:500px; height:306px; float:left; }
#advertise #right { width:197px; float:left; }
#advertise #left .column { width:197px; height:100px; border:1px solid #808080; float:left; }
#advertise #center .column { width:500px; height:304px; border:1px solid #808080; float:left; }
#advertise #right .column { width:197px; height:100px; border:1px solid #808080; float:left; }
#advertise #bottom { width:900px; float:left; }
#advertise #bottom .column { width:222px; height:150px; border:1px solid #808080; float:left; background:url(../images/opc_topics_bg.jpg) no-repeat;}
#advertise #bottom .column a { color:#606060; text-decoration:none; display:block; zoom:1; }
#advertise #bottom .column a:hover{ background:url(../images/opc_topics_bg2.jpg) no-repeat; }
#advertise h1 { margin:0 auto; font-size:12px; font-weight:normal; border-left:5px solid #808080; padding:0.2em 0.5em; background-color:#C0C0C0; }
#advertise img { padding:7px; }

/* ===== advertise2 ===== */
#advertise2 { width:900px; margin:0 auto; font-size:12px; }
#advertise2 ul li { display:inline; }
#advertise2 a { color:black; text-decoration:none; }
#advertise2 a:hover { color:black; background-color:silver; }
#advertise2 #left { width:700px; height:308px; float:left; }
#advertise2 #right { width:200px; height:101px; float:left; }
#advertise2 #left .column { width:700px; height:308px; border:1px solid #808080; float:left; }
#advertise2 #right .column { width:200px; height:101px; border:1px solid #808080; float:left; }
#advertise2 h1 { margin:0 auto; font-size:12px; font-weight:normal; border-left:5px solid #808080; padding:0.2em 0.5em; background-color:#C0C0C0; }
#advertise2 img { padding:7px; float:left;}

/* ===== advertise3 ===== */
#advertise3 { width:900px; margin:0 auto; font-size:14px; line-height:20px; }
#advertise3 .column { width:200px; height:150px; border-right:1px solid #808080; float:left; padding:10px 10px;}
#advertise3 .column a { color:#606060; text-decoration:none; display:block; zoom:1; }
#advertise3 .column a:hover{ background:url(../images/opc_topics_bg2.jpg) no-repeat; }
#advertise3 h1 { margin:0 auto; font-size:16px; line-height:35px; }
#advertise3 a { color:black; text-decoration:none; }
#advertise3 a:hover { color:black; background-color:silver; }
#advertise3 a:visited { color:gray; text-decoration:none; }
#advertise3 img { padding:7px; }

/* ===== OPC Features ===== */
#feature_opc { width:900px; margin:10px auto; color:#808080; font-size:12px; }
#feature_opc .column { width:150px; height:50px; padding:10px; border:thin solid #808080; float:left; }
#feature_opc ul li { display:inline; }
#feature_opc img { padding:7px; float:left; }
#feature_opc a { color:black; text-decoration:none; }
#feature_opc a:hover { color:black; background-color:silver; }
#feature_opc a:visited { color:gray; text-decoration:none; }

/* ===== PlcTypes ===== */
#plctypes { width:900px; margin:10px auto; color:#808080; font-size:12px; }
#plctypes .column { width:151px; height:50px; padding:10px; border:thin solid #808080; float:left;  }
#plctypes ul li { display:inline; }
#plctypes img { padding:7px; float:left; }
#plctypes a { color:black; text-decoration:none; }
#plctypes a:hover { color:black; background-color:silver; }
#plctypes a:visited { color:gray; text-decoration:none; }

/* ===== PlcMenu ===== */
#plcmenu { width:900px; margin:0 auto; color:#808080; }
#plcmenu .column { width:200px; height:35px; padding:10px; border:thin solid #808080; float:left; text-align:center; }
#plcmenu .column a { color:#606060; text-decoration:none; display:block; zoom:1; }
#plcmenu .column a:hover { color:black; background-color:silver; }
#plcmenu .column a:visited { color:gray; }
#plcmenu .fo1 { font-size:16px; font-weight:bold; margin:0 auto; }
#plcmenu .fo2 { font-size:12px; font-weight:normal; margin:0 auto; }
#plcmenu .fo3 { font-size:10px; font-weight:normal; margin:1 auto; }


/* ===== Feature Menu ===== */
#featuremenu { float:left; margin-top: 2px; width: 150px; }
#featuremenu :hover a { color:black; text-decoration:none; }
#featuremenu :hover a img { opacity:1; }
#featuremenu img { margin-top:8px; margin-left:4px; opacity:0.8; }
#featuremenu a { line-height:25px; color:gray; text-decoration:none; display:block; }
#featuremenu a:hover { background-color:silver; }
#featuremenu ul { margin-left:4px; padding-left:0px;}
#featuremenu ul li { display:inline; }