﻿@charset "utf-8";
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	background-color: #FFFFFF;
	margin: 0; /* body 元素的边距和填充设置为 0 以覆盖不同的浏览器默认值 */
	padding: 0;
	text-align: center; /* 在 IE 5* 浏览器中，这会将容器居中。 */
	color: #000000;
}
#container {
	width: 895px;  
	margin: 0 auto; /* 自动边距（与宽度一起）会将页面居中 */
	text-align: left; /* 这将覆盖 body 元素上的“text-align: center”。 */
    font-size:1.2em;
}
#header {
    width: 892px;
	height: 65px;
	padding: 5px 0;
	margin: 0; /* 将 #header div 中最后一个元素的边距设置为零将避免边距重叠（即 div 之间出现的无法解释的空白）。如果 div 周围有边框，则不必将边距设置为零，因为边框也会避免边距重叠 */
}
/*各页面通用CSS规则*/
a img {border:0;}
div.clear{
	clear:both;
	height:1px;
	overflow:hidden;
}
/*横向主菜单*/
#logo                                {float:left; margin:0; padding:6px 0 0 0; width: 110px;}
#header .header-right                {float: right;}
#header .topnav                      {
	float: right;
	margin: 8px 0 0 0;
	padding: 0;
	width: 100px;
}
#header .topnav ul                   {list-style: none; margin: 0; padding: 0;}
#header .topnav ul li                {
	float: left;
	padding: 0 5px 0 5px;
	border-right: 1px solid #5B5B5B;
	font-size: 1em;
	line-height: 1.2em;
}
#header .topnav ul li a              {text-decoration: none; color:#666666;}
#header .topnav ul li a:link, 
#header .topnav ul li a:visited      {text-decoration: none; color:#5b5b5b;}
#header .topnav ul li a:hover        {text-decoration: underline; color: #003399;}
#header .topnav .lastlink            {border: none;}
#main_menu{
    float:right;
	padding:0;
	margin:10px 0 0 5px;
	width:770px; 
}
#nav {
	padding: 0; 	
	margin: 0;
}
#nav li {
    float:left;
    list-style-type:none;
    height:37px;
    display:inline;
}
#nav li a {
    display:block;
    height:0px;
    padding-top:37px;
    overflow:hidden;
    background:url(../image/menu-3.gif) no-repeat;
}

#nav li#home, #nav li#home a {width:104px;}
#nav li#products, #nav li#products a {width:118px;}
#nav li#servicessupport, #nav li#servicessupport a {width:185px;}
#nav li#aboutus, #nav li#aboutus a {width:120px;}
#nav li#news, #nav li#news a {width:97px;}
#nav li#contactus, #nav li#contactus a {width:140px;}

#nav li#home a {background-position:0 0px; color:#ff0000;}
#nav li#products a {background-position:-104px 0px;color:#ff0000;}
#nav li#servicessupport a {background-position:-222px 0px;}
#nav li#aboutus a {background-position:-407px 0px;}
#nav li#news a {background-position:-527px 0px;}
#nav li#contactus a {background-position:-624px 0px;}

#nav li#home a:hover {background-position:0 -37px;}
#nav li#products a:hover {background-position:-104px -37px;}
#nav li#servicessupport a:hover {background-position:-222px -37px;}
#nav li#aboutus a:hover {background-position:-407px -37px;}
#nav li#news a:hover {background-position:-527px -37px;}
#nav li#contactus a:hover {background-position:-624px -37px;}

#nav li#home a:active {background-position:0 -74px;}
#nav li#products a:active {background-position:-104px -74px;}
#nav li#servicessupport a:active {background-position:-222px -74px;}
#nav li#aboutus a:active {background-position:-407px -74px;}
#nav li#news a:active {background-position:-527px -74px;}
#nav li#contactus a:active {background-position:-624px -74px;}

#nav.home li#home a {background-position:0 -74px !important;}
#nav.products li#products a {background-position:-104px -74px !important;cursor:default;}
#nav.servicessupport li#servicessupport a {background-position:-222px -74px !important;}
#nav.aboutus li#aboutus a {background-position:-407px -74px !important;}
#nav.news li#news a {background-position:-527px -74px !important;}
#nav.contactus li#contactus a {background-position:-624px -74px !important;}

/*面包屑路径*/
#breadcrumb {
    height: 20px;
	margin: 3px 0 3px 3px;
	padding: 0;
}
#breadcrumb p {
	margin: 3px;
	padding: 0;
	text-align: left;
	color: #666666;
	font-size:1.1em;
}
#breadcrumb p a{
	color: #666666;
	text-decoration:none;
}
#breadcrumb p a:hover{
	text-decoration:underline;
}

/*左侧栏导航*/
#left_navigation {
    width: 190px;
	float:left;
	background:#fff;
	padding:0 10px 0 0;
	color:#003366;
}
div.toggle{
	background-color:#81Cee4;
	border:0;
}
div.navleft {
	float:left;
	width:161px;
	border-top:solid 1px #eaeae8;
	cursor: pointer;
}
div.expandimg{
	background: url(../image/plus_small1.gif) no-repeat left top;
	width: 29px;
	height: 24px;
	float:left;
	cursor: pointer;
}
h4.panelhead {
	background-color:#81CEE4;
	border-left:solid 1px #dedede;
	padding:4px 2px 1px 2px;
	margin:0px;
	min-height:18px;
	cursor:pointer;
	font-size:1em;
}
.panelcontent{
    background:url(../image/left-nav-background.jpg) repeat-y;
	padding: 0;
	margin: 0;
	border-bottom:solid 3px #fff;
}
.panelcontent ul {
    list-style-type: none;
	padding: 0;
	margin: 0;
	font-size:1em;
}
.panelcontent li {
    line-height: 120%;
	margin: 0;
	padding: 3px 5px;
	border-top:2px solid #fff;
}
.panelcontent li a {
    text-decoration: none;
	color: #003366;
}
.panelcontent li a:hover {
	text-decoration: underline;
	color: #003366;
}
.panelcontent li.selected {
	background-color:#ffebc8;
}

/*右侧主容器*/
#right_content {
	margin: 0;
	padding: 0;
	float: left;
	color: #666666;
	width: 690px;
}
h2.heading {
    margin:2px 0 10px 10px;
	padding:0;
	font-size: 1.5em;
}
#left_column { /*用于products.html*/
    float: left;
	width: 325px;
	overflow: hidden;
	margin: 0 5px;
	padding: 0;
	display: inline;
}
#right_column { /*用于products.html*/
    float: right;
	width: 325px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	display: inline;
}



div.showing { /*用于products.html*/
	border-bottom: dotted 1px #0066CC;
	display: inline;
	width: 325px;
	margin: 0 0 10px 0;
	padding: 5px;
	float: left;
	clear: both;
}
div.showing img{ /*用于products.html*/
    float:right;
    margin: 0 10px 4px 0;
	padding: 0px;
}
div.showing h4 { /*用于products.html*/
    font-weight: bold;
	font-size:1.1em;
    padding: 0 10px 0 0;
    margin: 5px 0 10px 0;
	color: #ff0099;
}
div.showing h4 a{ /*用于products.html*/
    font-weight: bold;
	color: #ff0099;
	text-decoration:none;
	font-size: 1em;
}
div.showing p{ /*用于products.html*/
	color: #333333;
	margin:0 0 7px 0;
	padding:0;
	font-size:1.1em;
	line-height:150%;
}
div.showing p.recommended { /*用于products.html*/
	color: #FF6600;
	margin: 5px 0;
	font-style:italic;
	font-weight: bold;
}
div.showing ul { /*用于products.html*/
	line-height: 170%;
	margin: 0;
	padding: 0;
	color:#FF6600;
}
div.showing ul li{ /*用于products.html*/
    list-style:none;
	background: url('../image/link_arrow1.gif') 1px 0.6em no-repeat; 
	padding: 0 0 0 14px;
	margin: 0;
}
div.showing ul li a { /*用于products.html*/
    text-decoration: none;
	color: #003399;
	font-size: 1em;
}
div.showing ul li a:hover { /*用于products.html*/
    text-decoration: underline;
	color: #003399;
}

#left_column1{ /*用于各产品主页面及子页面*/
    float: left;
	width: 520px;
	overflow: hidden;
	margin: 0 5px;
	padding: 0 0 7px 0;
	display: inline;
}
div.introduction p{ /*用于各产品主页面及子页面*/
	color: #333333;
	margin:0 0 2px 0;
	padding:5px;
	line-height: 150%;
	text-align:left;
	font-size: 1.1em;
}
div.introduction p a{ /*用于各产品主页面及子页面*/
    color: #003399;
    text-decoration: none;
}
div.introduction a:hover { /*用于各产品主页面及子页面*/
    text-decoration: underline;
	color: #003399;
}
div.introduction h4.model{ /*用于各产品子页面*/
	margin:0 0 2px 0;
	padding:5px;
	font-size: 1.2em;
	color:#3399ff;
	font-family:"Times New Roman", Times, serif;
}
div.introduction h4.model span.small-text{
    font-size:x-small;
	color:#666;
}
div.introduction h3{ /*用于各产品主页面-当多个类似产品放于一个主页面时,用于强调产品名称的子标题*/
	font-size: 1.3em;
	margin:15px 5px 10px 5px;
	padding:0;
	color:#0066FF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
div.introduction img{ /*用于各产品主页面及子页面*/
    float:left;
    margin: 7px 5px 10px 0;
	padding: 0px;
}
div.introduction img.nofloat{
   float:none;
   margin:0;
   padding:0;
}
h4.model img.nofloat, div.showing img.nofloat{
   float:none;
   margin:0;
   padding:0;
}
div.introduction img.product-show{ /*用于各产品子页面-当多个产品图片需垂直排列显示时用*/
    padding: 0 5px;
}
div.image-container{ /*用于各产品子页面-与img.product-show配套使用*/
    width: 160px;
	float: left;
	margin-bottom: 20px;
}
div.caption{ /*用于各产品子页面-与img.product-show配套使用-在产品图片下显示说明文字*/
    float:left;
	width: 160px;
	text-align:center;
	color: #333333;
	font-weight: bold;
	margin-bottom: 4px;
}
span.emphasis { /*用于各产品子页面-现用于在子产品介绍中强调回到主介绍的链接*/
	color:#ff6633;
	font-weight:bold;
}
div.introduction ul{
    line-height: 160%;
	color: #333333;
}
div.introduction ul li{
    font-size:1.1em;
	margin: 0 0 2px 0;
	padding:0;
}
div.introduction ul li a{
    color: #003399;
    text-decoration: none;
	font-size: 1em;
}
div.introduction ul li a:hover {
    text-decoration: underline;
	color: #003399;
}
div.introduction ul.squaredot{
    line-height: 170%;
	color: #333333;
}
div.introduction ul.squaredot li{
    margin:0 0 4px 160px;
	padding:0;
	list-style-type:square;
	font-size: 1.1em;
}
div.introduction ul.squaredot-left li{
    margin:0 0 4px 7px;
	padding:0;
	list-style-type:square;
	font-size: 1.1em;
}
div.introduction p.center{
    text-align:center;
	font-weight:bold;
}
div.blueline{
	border:hidden;
    border-bottom:dotted 1px #0066CC;
}

table.payphone-pic td{
    vertical-align:bottom;
	padding:0;
	width:158px;
}
table.payphone-pic td img{
	padding:0 7px 0 0;
}
table.payphone-pic tr.text td{
    vertical-align:top;
	padding:0;
}

/*TAB页,可切换显示内容*/
#wrapper{
	width: 670px;
	margin: 0 auto;
}
.tab{
	float: left;
	height: 19px;
	width: 110px;
	margin: 0 1px 0 0;
	text-align: center;
	background: #69b3f3 url(../image/bluetab2.gif) no-repeat 100% -25px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffff;
	padding: 6px 0 0 0;
	cursor:pointer;
}
.boxholder{
	clear: both;
	padding: 3px;
	background-color: #ffa453;
	color: #333;
	font-size: 11px;
}
.box{
	background: #fff;
	border: 1px solid #ffa453;
}
.box h3{
    font-size:1.2em;
	margin-top:5px;
	padding:9px 0 0 7px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.box p{
	padding: 0 7px 0 7px;
	margin:0 10px;
	line-height: 1.7em;
	text-align: left;
	font-size:1.1em;
}
.box p.note{
    font-size:1em;
}
ul.features{
    font-size:1.2em;
	line-height:150%;
}
ul.features li{
    margin: 4px 7px 0 0;
	padding:0;
	clear:both;
}
ul.features li p{
    font-size:1em;
	margin:0;
	padding:0;
}
ul.features li img{
    margin:0 0 2px 1px;
	padding:0;
	clear:both;
}
table.application{
	width:95%;
	border-top:1px solid #b3c6d7;
	border-right:1px solid #b3c6d7;
	margin:1em auto;
	border-collapse:collapse;
	font-size:1.1em;
	line-height:150%;
}
table.application td{
	border-bottom:1px solid #b3c6d7;
	border-left:1px solid #b3c6d7;
	padding: 0 7px;
	text-align:left;
	vertical-align:top;
	background:#f7fbff;
	color:#41587E;
}
table.application td ul{
	margin:0;
	padding: 7px 7px 7px 20px;
}
table.application td li{
    padding:0;
	margin:4px 7px 0 0;
}
table.application thead th{
	background-color:#eff7fe;
	text-align:center;
	font:bold 1.1em/1.8em "Century Gothic", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#66a3d3;
	border-bottom:1px solid #b3c6d7;
	border-left:1px solid #b3c6d7;
}

div.application-col1{
	margin: 10px 0 20px 13px;
    float:left;
	width: 260px;
	padding:0;
}
div.application-col2{
	margin: 10px 25px 20px 0;
    float:right;
	width: 360px;
	padding:0;
}
div.application-col2 h4{
	font-size:1.2em;
	margin:0 0 7px 0;
	padding:0;
}
div.application-col2 ul{
    margin:0 0 5px 25px;
	padding:0;
	font-size:1.2em;
	line-height:150%;
}

div.accessories-col1{
	margin: 10px 0 10px 13px;
    float:left;
	width: 165px;
	padding:0;
}
div.accessories-col2{
	margin: 10px 25px 10px 0;
    float:right;
	width: 454px;
	padding:0;
}
div.accessories-col2 h4{
	font-size:1.2em;
	margin:5px 0;
	padding:0;
}	
div.accessories-col2 p{
	margin:0;
	padding:0;
	line-height: 140%;
}
div.clear-with-bottom-line{
	clear:both;
	height:1px;
	overflow:hidden;
	margin: 0 15px;
	border-bottom:1px solid #7a7a79;
}
.box ul.spec-select{
    margin:15px 0 20px 7px;
	padding:0;
}
.box ul.spec-select li{
    float:left;
	display:inline;
	margin-right:17px;
    list-style:none;
	background: url('../image/link_arrow1.gif') 1px 0.4em no-repeat; 
	padding:0 0 0 4px;
}
.box ul.spec-select li a{
    font-size:1.1em;
	margin:5px 0 0 0;
	padding:2px 0 0 7px;
	text-decoration:none;
}
.box ul.spec-select li a:hover{
    text-decoration:underline;
}
.box p.right{
    font-size:1.1em;
    text-align:right;
    margin:5px 10px 0 0;
}
.box p.right a{
	text-decoration:none;
}
.box p.right a:hover{
    text-decoration:underline;
}
table.specifications{
	width:98%;
	border-top:1px solid #e5eff8;
	border-right:1px solid #e5eff8;
	margin:1em auto;
	border-collapse:collapse;
	font-size:1.1em;
}
table.specifications td{
	color:#678197;
	border-bottom:1px solid #e5eff8;
	border-left:1px solid #e5eff8;
	padding: .3em 1em;
	text-align:center;
}
table.specifications tr.odd td{
	background:#f7fbff;
}
table.specifications tr.odd td.column1{
	background:#f4f9fe;
	text-align: left;
}
table.specifications td.column1{
    background:#f9fcfe;
	font-weight:bold;
	padding: .3em .5em;
	text-align: left;
}
table.specifications thead th{
	background:#f4f9fe;
	text-align:center;
	font:bold 1.1em/1.8em "Century Gothic", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#66a3d3;
	border-bottom:1px solid #e5eff8;
	border-left:1px solid #e5eff8;
}

table.specifications1{
	width:98%;
	border-top:1px solid #e5eff8;
	border-right:1px solid #e5eff8;
	margin:1em auto;
	border-collapse:collapse;
	font-size:1.1em;
}
table.specifications1 td{
	color:#678197;
	border-bottom:1px solid #e5eff8;
	border-left:1px solid #e5eff8;
	padding: .3em 1em;
	text-align:left;
}
table.specifications1 tr.odd td{
	background:#f7fbff;
}
table.specifications1 tr.odd td.column1{
	background:#f4f9fe;
	text-align: left;
}
table.specifications1 td.column1{
    background:#f9fcfe;
	font-weight:bold;
	padding: .3em .5em;
	text-align: left;
}
table.specifications1 thead th{
	background:#f4f9fe;
	text-align:center;
	font:bold 1.1em/1.8em "Century Gothic", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#66a3d3;
	border-bottom:1px solid #e5eff8;
	border-left:1px solid #e5eff8;
}
table.specifications1 td ul{
    padding:0;
	margin:0 0 0 10px;
}
div.video{
    margin: 0 0 10px 10px;
	padding:0;
}

/*主容器之右边栏显示相关链接*/
#right_column1 {
    float: right;
	width: 150px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	display: inline;
}
#right_column1 img.how-to-buy{
    margin: 0 0 10px 0;
}
.b1h, .b2h, .b3h, .b4h, .b2bh, .b3bh, .b4bh{font-size:1px; overflow:hidden; display:block;}
.b1h {height:1px; background:#8dbdfe; margin:0 5px;}
.b2h, .b2bh {
	height:1px;
	background-color:#8dbdfe;
	border-right:2px solid #8dbdfe;
	border-left:2px solid #8dbdfe;
	margin:0 3px;
}
.b3h, .b3bh {height:1px; background:#8dbdfe; border-right:1px solid #8dbdfe; border-left:1px solid #8dbdfe; margin:0 2px;}
.b4h, .b4bh {height:2px; background:#8dbdfe; border-right:1px solid #8dbdfe; border-left:1px solid #8dbdfe; margin:0 1px;}
.b2bh, .b3bh, .b4bh {background: #fff}
.headh {background: #8dbdfe; border-right:1px solid #8dbdfe; border-left:1px solid #8dbdfe;}
.headh h3 {margin: 0px 10px 0px 10px; padding-bottom: 3px; font-size: 1em; color:#333;}
.contenth {background: #fff; border-right:1px solid #8dbdfe; border-left:1px solid #8dbdfe;}
.contenth div {margin-left: 8px; padding: 2px 0;}
.contenth div ul {margin: 10px 5px; padding: 0; list-style: disc;}
.contenth div ul li{margin:0 0 5px 5px; padding: 0;}
.contenth div ul li a{text-decoration: none;color: #006699;}
.contenth div ul li a:hover{text-decoration: underline;}
.contenth div ul li.emphasis a{color:#ff6600;}
.contenth li span.small-text{font-size:x-small;color:#666;}

/*页脚*/
#footer {
	clear:both;
	padding: 5px 25px;
	line-height: 18px;
	border-top: 1px solid #D1E0E2;
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
    font-size: small;
    color: #666666;
	text-align:center;
	margin-top: 5px;
} 
#footer p {
	margin: 0; /* 将脚注中第一个元素的边距设置为零将避免出现可能的边距重叠（即 div 之间出现的空白）*/
	padding: 0; /* 就像边距会产生空白一样，此元素上的填充也将产生空白，但不会出现边距重叠问题 */
    line-height:25px;
}
#footer p.copyright {
    font-size:smaller;
}
