@charset "utf-8";
/* CSS Document */
p {margin:0; padding:0;}
body {text-align:left; background:url(../images/bg.gif) repeat-y 50% 0; width:950px; margin:0 auto;background-color:#FFFFFF;}
#header {margin:10px 0 0 0; padding:0;}
#header form {margin:10px 0 0 0; padding:0;}
#header #theKey {margin:0 0 0 20px; padding:0;}
#topmenu {
	position:absolute;
	margin:0;
	padding:0;
	top:10px;
	left:55%;
	width: 406px;
}
#topmenu ul {margin:0; padding:0; border:1px solid #ccc; height:18px; width:221px;}
#topmenu li {margin:0; padding:0; display:inline; list-style:none; float:right;}
#topmenu a:link, #topmenu a:visited { margin:0; padding:0 5px 0 5px; font:12px/1.6em Verdana, Arial, Helvetica, sans-serif; color:#ccc; text-decoration:none; border-left:6px solid #ccc; noFocusLine:expression(this.onFocus=this.blur()); -moz-outline-style:none; display:block;}
#topmenu a:hover {color:#fff; background-color:#009286; border-left:6px solid #ffcc01;}

	#minitabs {
        margin:0;
     	padding:0;
    }
	#minitabs li {
	    float:left;
        list-style:none;
        display:inline;
	    margin:0;
	    padding:0;
    }
	#minitabs a:link, #minitabs a:visited{
        font:12px/1.6em Verdana, Arial, Helvetica, sans-serif;
        color:#999;
		font-weight:bold;
        text-decoration:none;
		margin:10px 0 0 0;
        padding:2px 28px 2px 28px;
		background-color:#fff;
	    border-right:1px solid #999;
		border-bottom:4px solid #999;
	    noFocusLine:expression(this.onFocus=this.blur());
        -moz-outline-style:none;
		display:block;
    }
	#minitabs a:hover, #minitabs a.active {
        color:#fff;
		background-color:#009286;
		border-bottom:4px solid #ffcc01;
    }
	
#swfcontent {margin:0; padding:0; clear:both;}

#embedded {
top:0;
left:0;
width:950px;
height:430px;
visibility:visible;
position:absolute;
}

#main1 {
	margin:0;
	padding:0;
	width:950px;
	height:600px;
	POSITION: relative;
	clear:both;
	background-image: url(../images/bg1.gif);

	background-position: bottom;
}
.productindex {
	float:left;
	width:190px;
	margin:0 0 0 0;
	padding:430px 0 0 0;
	color:#666;
	height: 180px;

}
.productclass
{

	position:absolute;
	top:590px;
	width: 190px;
	height: 20px;
	background-image: url(../images/productclassbg.gif);
	background-repeat: repeat-x;
}


#mobile, #industrial, #business, #network {
top:0;
left:0;
width:950px;
height:250px;
visibility:hidden;
position:absolute;
}

/*#main1 {
	margin:0;
	padding:0;
	width:950px;
	background-color:#009286;
	overflow: hidden;
}

.productindex {
	float:left;
	width:190px;
	margin:0;
	padding:0;
	color:#fff;
	height: 230px;

}*/
.productindex p {margin-left:20px; font:10px Verdana, Arial, Helvetica, sans-serif;}
#main1 h1 {
	color:#666666;
	font-size: 12px;
	font-family: Georgia, "Times New Roman", Times, serif;
margin:0;
padding:3px 0 0 0;
text-align:center;

}

#main1 h1 a:link, #main1 h1 a:visited 
{ 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color:#999999;
}
#main1 h1 a:hover { color:#333333; text-decoration:none;}

#main1 ul {
margin:5px 0 0 5px;
padding:0;
list-style:disk;}
#main1 li {
	padding:0 0 0 5px;
	margin:0;
	font:12px/1.6em Verdana, Arial, Helvetica, sans-serif;
	list-style-position: inside;
}

#main1 a:link, #main1 a:visited { color:#333; text-decoration:none; font-weight:bold;}

#main1 a:hover { color:#1ea0fb; text-decoration:none;}

#main2 { 
width:950px;
height:180px;
overflow:hidden;
padding:10px 0 0 0;
margin:0;
border-top:5px solid #ffcc01;
}
#banner {float:right; width:200px; margin:4px 5px 0 0;}
#banner p {margin:0 0 10px 0; padding:0;}
#association {clear:both; margin:0; padding:0;background-color:#fff;width:950px; height:60px;}
#footer { clear:both; border-top:5px solid #ffcc01; margin:0; padding:2px 0 2px 5px; color:#999; width:945px; font:12px Verdana, Arial, Helvetica, sans-serif; font-weight:bold;}


#productdetail { 
  width: 500px;
  padding:0;
  margin:0 0 50px 0;
}

li {color:#666; font:12px/1.6em Verdana, Arial, Helvetica, sans-serif;}
.title {margin:0; padding:0 0 0 5px; font:12px/2em Verdana, Arial, Helvetica, sans-serif; color:#009286; font-weight:bold; background-color:#fff; border-bottom:1px solid #009286; border-top:1px solid #009286; display:block;}







#content { 
  width: 700px;
  float: right;
  padding:0;
  margin:10px 10px 0 10px;
}
#bar {width: 220px; float: left; margin:0; padding:0;}
#bar dl, #bar dd {margin: 0; }
#bar dt {font:12px/1.6em Verdana, Arial, Helvetica, sans-serif; border-bottom:1px solid #009286; font-weight:bold;}
#bar dt a {color:#69c; text-decoration:none; display:block; margin:0; padding:5px;}
#bar dt a:hover {background-color:#009286; color:#fff;}
#bar dd {font:12px/1.6em Verdana, Arial, Helvetica, sans-serif; margin:0 0 0 5px; padding:0;}
#bar dd a {color:#6caad9; text-decoration:none; border-left:5px solid #6caad9; padding-left:5px;}
#bar dd a:hover {color:#005c5d; text-decoration:none; border-left:5px solid #005c5d; font-weight:bold;}
#bar ul {list-style:none; padding:5px; margin:0;}
#bar li {margin:3px 0; padding:0;}





#content h1 { margin:5px 0 10px 0; padding:0; font:16px/1.6em Verdana, Arial, Helvetica, sans-serif; color:#005e5d; font-weight:bold; border-bottom:1px solid #009286;}
#content h2 { margin:5px 0 5px 0; padding:0; font:14px/1.6em Verdana, Arial, Helvetica, sans-serif; color:#36c; font-weight:bold;}
#content h3 { margin:5px 0 0 0; padding:0; font:12px/1.6em Verdana, Arial, Helvetica, sans-serif; color:#999966; font-weight:bold;}
#content h5 { margin:5px 0 0 0; padding:0 0 0 5px; font:14px/1.6em Verdana, Arial, Helvetica, sans-serif; color:#fff; font-weight:bold; background:#7db860;}
#content p { margin:5px 0 15px 0; padding:0; font:12px/1.6em Verdana, Arial, Helvetica, sans-serif; color:#666;}
#content fieldset { margin:0 10px 20px 0; border: 1px solid #ccc; padding: 0 20px;} 
#content legend{ font:12px/1.6em Verdana, Arial, Helvetica, sans-serif;	font-weight : bold; color: #666; background: #eee; border : 1px solid #ccc;	border-bottom-color:#999; border-right-color:#999; padding:4px 8px;}
#content .image1 { float:right; padding:0; margin:0 0 0 10px; border:1px solid #ccc;}
#content .image2 { padding:0; margin:0; border:1px solid #ccc; }
#content .important {color:#666600; font-weight:bold;}
#content .search {margin:0 0 5px 10px; padding:0;}
#content .description {margin:0 0 15px 20px; padding:0; border-bottom:1px solid #ddd;}
#content ul { margin-bottom:5px;}
a.common:link, a.common:visited {color:#36c; padding-bottom:2px; border-bottom:1px solid #cc9; text-decoration:none;}
a.common:hover {color:#999; border:none;}






#menu {float:right; margin-right:0; margin-top:20px; width:200px;}
#menu a:link, #menu a:visited {color:#360; font:12px/1.6em Verdana, Arial, Helvetica, sans-serif; text-decoration:none;} 
#menu a:hover {color:#006cd7;}
#menu p {margin:0; padding:0; font:14px/1.6em Verdana, Arial, Helvetica, sans-serif; background-color:#7db860; color:#FFFFFF; font-weight:bold; text-align:center;}
#menu ul {margin:0;padding:0;}
#menu li {list-style:none; margin:0; padding:0 0 2px 30px; border-bottom:1px solid #a0df82;  border-right:1px solid #a0df82; border-left:1px solid #a0df82; background:url(../images/icon.gif) no-repeat 10px 50%;}



#product { 
  width: 930px;
  padding:0;
  margin:20px 0 0 0;
  overflow:hidden;
}
#product h1 { margin:0; padding:0; font:16px/1.6em Verdana, Arial, Helvetica, sans-serif; color:#005e5d; font-weight:bold; border-bottom:1px solid #009286; }

#sitemap { 
  width: 930px;
  padding:0;
  margin:20px 0 0 0;
  overflow:hidden;
}
#sitemap h1 { margin:0; padding:0; font:16px/1.6em Verdana, Arial, Helvetica, sans-serif; color:#005e5d; font-weight:bold; border-bottom:1px solid #009286; }

#sitemap h2 { margin:10px 5px 0 5px; padding:0 0 0 10px; font:14px/1.6em Verdana, Arial, Helvetica, sans-serif; color:#fff; font-weight:bold; background-color:#009286;}
#sitemap p {margin-left:10px; font:12px/1.6em Verdana, Arial, Helvetica, sans-serif; color:#666; font-weight:bold;}
#sitemap ul {margin-top:0; margin-bottom:0; padding-top:0; padding-bottom:0;}
#sitemap li {margin-top:3px; margin-bottom:3px;}
#sitemap a:link, #sitemap a:visited {color:#336699; text-decoration:none; border-bottom:1px solid #CCCC99;}
#sitemap a:hover {color:#666; border:none;}


#product1 {width:460px; padding:0; margin:0; float:left;}


#product2 {width:460px; padding:0; margin:0; float:right;}

.productcontent { border:1px solid #ccc; padding:0; margin: 10px 0 10px 0;}



#product1 h1 { margin:0; padding:0;font:16px/1.6em Verdana, Arial, Helvetica, sans-serif; font-weight:bold; background-color:#7db860; border:none;}
#product2 h1 { margin:0; padding:0;font:16px/1.6em Verdana, Arial, Helvetica, sans-serif; font-weight:bold; background-color:#7db860; border:none;}
.productcontent h1 a:link, .productcontent h1 a:visited { margin:0 0 0 10px; padding:0; color:#fff; text-decoration:none;text-decoration:underline;}
.productcontent h1 a:hover {color:#ff9900; text-decoration:underline;}



.productcontent h2 { margin:5px 0 0 5px; padding:0; font:16px/1.6em Verdana, Arial, Helvetica, sans-serif; color:#009286; font-weight:bold;}

.productcontent ul {margin:5px 5px 5px 15px; padding:0;}
.productcontent li {margin:5px 0 5px 0; padding:0; list-style:none; font:12px/1.4em Verdana, Arial, Helvetica, sans-serif; color:#999;}
.productcontent a:link {color:#006cd7; font-weight:bold;}
.productcontent a:visited {color:#006cd7; font-weight:bold;}
.productcontent a:hover {color:#FF9900;}


#product4 { width:220px; padding:0 0 0 10px; margin:0; float:right; border-left:1px solid #ddd; background-color:#fff;}
#product4 h3 { font:14px/1.4em Verdana, Arial, Helvetica, sans-serif; color:#7db860; font-weight:bold; border-bottom:5px solid #7db860; margin:0; padding:0 0 0 5px; clear:left;}
.highlight {margin:0 2px 0 2px; clear:both;}
.highlight span {margin:0; padding:0; font:12px/1.4em Verdana, Arial, Helvetica, sans-serif;}
.highlight img{float:left; border:1px solid #ccc; margin-right:10px; margin-top:10px;}
.highlight a:link, .highlight a:visited {color:#006cd7; text-decoration:none; border-bottom:1px solid #cc9;}
.highlight a:hover {color:#999;}
#product4 ul {margin:0 0 0 5px; padding:0; list-style:none;}
#product4 li {margin:5px 0 5px 0; padding:0 0 0 20px; background:url(../images/icon.gif) no-repeat 0 10%;}
#product4 p {margin:0; padding:0;}





.office {margin:0 0 50px 0; padding:0;}
.office img {float:right; margin-right:20px; margin-top:10px;}
.officetitle {background-color:#a0df82; font:14px/1.6em Verdana, Arial, Helvetica, sans-serif; color:#fff; margin:0; padding:0 5px 0 5px; font-weight:bold;}
.office ul {margin:10px 0 0 0; padding:0;}
.office li {margin:5px 0 5px 10px; padding:0; list-style:none; font:12px/1.6em Verdana, Arial, Helvetica, sans-serif #999;}



#menu {float:right; margin-right:0; margin-top:20px; width:200px;}
.productorder th {margin:0; padding:0; font:14px/2em Verdana, Arial, Helvetica, sans-serif; background-color:#7db860; color:#FFFFFF; font-weight:bold; text-align:center; border-bottom:1px solid #fff;border-left:1px solid #fff;}

.productorder td {margin:0; padding:0; border-bottom:1px solid #a0df82;  border-left:1px solid #a0df82; font:12px/2em Verdana, Arial, Helvetica, sans-serif; color:#666666; text-align:center; font-weight:bold;}
.productorder  {border-right:1px solid #a0df82; margin-bottom:10px; margin-left:10px;}

.productorder th.thleft {border-left:1px solid #a0df82;}

#productlist {clear:both;}

#productlist h2 {background-color:#009286; color:#fff; font:14px/1.8em Verdana, Arial, Helvetica, sans-serif; font-weight:bold; padding-left:5px;}
#productlist table {font:12px/1.2em Verdana, Arial, Helvetica, sans-serif; color:#666;}

