body {
font-size:12px;
font-family:Arial;
color:#000;
text-align:center;
margin:0;
padding:0;
}
img{
border:0;
}
a:link,a:visited {
color:#336699;
text-decoration:none;
}

a:hover {
color:#1d60ff;
text-decoration:none;
}

a:active {
color:#034af3;
}

p {
line-height:1.6em;
margin:0;
}

h1 {
line-height:45px;
color:#369;
text-align:center;
}

.rightColumn > h1,.rightColumn > h2,.leftColumn > h1,.leftColumn > h2 {
margin-top:0;
}

.biaoqian
{
    width:90px;
    float:left;
}

.textbox{ width:400px;}

.page {
background-color:#fff;
border:1px solid #496077;
text-align:left;
width:960px;
margin:0 auto;
}

.header {
width:960px;
height:90px;
text-align:center;
margin:0 auto;
padding:0;
}

.main {
text-align:center;
}

.leftCol {
width:200px;
min-height:200px;
margin:12px 8px 8px;
padding:6px 0;
}

.footer {
height:237px;
color:#4e5766;
text-align:center;
background:#3a4f63 url(/images/sopto_bimg.jpg) repeat-x 0 -120px;
margin:0 auto;
}

.footermenu {
width:960px;
text-align:center;
margin:0 auto;
}

.footerimg {
width:979px;
text-align:center;
margin:0 auto;
}

.footerimg img {
float:left;
}

.footer ul {
list-style:none;
width:960px;
text-align:left;
margin:0 auto;
}

.footer ul li {
float:left;
width:20%;
}

.footer ul li div a
{
    color:White;
}

div.hideSkiplink {
background-color:#3a4f63;
width:100%;
height:40px;
background:#3a4f63 url("/images/sopto_bimg.jpg") repeat-x 0 0;
text-align:center;
}

div.menu {
width:960px;
height:40px;
line-height:40px;
vertical-align:middle;
margin-right:auto;
margin-left:auto;
}

div.menu ul {
list-style:none;
width:auto;
text-align:left;
margin-left:0;
}

div.menu li {
float:left;
margin-top:5px;
}

div.menu ul li a,div.menu ul li a:visited {
color:#dde4ec;
display:block;
line-height:1.35em;
text-decoration:none;
white-space:nowrap;
font-size:14px;
padding:4px 20px;
}

div.menu ul li a:hover {
color:#000;
font-size:14px;
text-decoration:none;
}

div.menu ul li a:active {
color:#cfdbe6;
text-decoration:none;
}

fieldset {
border:1px solid #ccc;
margin:1em 0;
padding:1em;
}

fieldset p {
margin:2px 12px 10px 10px;
}

fieldset.login label,fieldset.register label,fieldset.changePassword label {
display:block;
}

fieldset label.inline {
display:inline;
}

legend {
font-size:1.1em;
font-weight:600;
padding:2px 4px 8px;
}

div.accountInfo {
width:42%;
}

.clear {
clear:both;
}

.logo {
float:left;
display:block;
width:215px;
height:90px;
}

.title {
text-align:right;
width:auto;
height:90px;
}

.title a {
font-family:Arial;
color:#369;
}

.title .headfont {
float:left;
width:300px;
text-align:left;
margin:28px 10px auto 10px;
font-size:12px;
}

.title .headspace {
height:15px;
}

.title .topsearch {
height:26px;
}

.title .topsearch>div
{
     width:390px; float:right;
}

.title .searchbox {
/*background-image:url(/images/sopto_subimg.jpg);*/
background-repeat:no-repeat;
background-position:-74px -49px;
width:193px;
height:26px;
line-height:26px;
float:left;
margin:auto 0;
}

.title .searchbox input
{
height:14px;    
}

.title .catalogue {
height:49px;
background-image:url(/images/catalogue_03.png);
}

.title .catalogue .catalogleft {
float:left;
width:59px;
height:49px;
background-image:url(/images/sopto_subimg.jpg);
background-repeat:no-repeat;
background-position:-75px 0;
}

.title .catalogue .catalogonimg {
float:left;
width:29px;
height:49px;
background-image:url(/images/sopto_subimg.jpg);
background-repeat:no-repeat;
background-position:-134px 0;
}

.title .catalogue .catalogdoimg {
float:left;
width:31px;
height:49px;
background-image:url(/images/sopto_subimg.jpg);
background-repeat:no-repeat;
background-position:-163px 0;
}

.title .catalogue .catalogfont {
float:left;
width:130px;
height:49px;
text-align:center;
}

.title .catalogue .spliter {
float:left;
width:7px;
height:49px;
background-image:url(/images/sopto_subimg.jpg);
background-repeat:no-repeat;
background-position:-196px 0;
}

.title .catalogue .catalogright {
float:right;
width:14px;
height:49px;
background-image:url(/images/sopto_subimg.jpg);
background-repeat:no-repeat;
background-position:-202px 0;
}

.title .catalogue .catalogfont .space {
height:29px;
}

.title .search {
float:right;
height:90px;
width:250px;
}

.title .searchbox input {
width:135px;
margin-right:0;
border:0;
}

.failureNotification {
font-size:1.2em;
color:Red;
}
.searchbtn
{
border:0;
float:left;
}

.bold {
font-weight:700;
}

.submitButton {
text-align:right;
padding-right:10px;
}

.frametop {
float:left;
width:100%;
height:32px;
background-image:url(/images/sopto_bimg.jpg);
background-repeat:repeat-x;
background-position:0 -72px;
}

.frametop .topleft {
width:15px;
height:32px;
float:left;
background-image:url(/images/sopto_subimg.jpg);
background-repeat:no-repeat;
background-position:0 0;
}

.frametop .topmid {
height:32px;
float:left;
background-image:url(/images/sopto_bimg.jpg);
background-repeat:repeat-x;
background-position:0 -40px;
line-height:32px;
color:Green;
}

.frametop .topmidright {
width:38px;
height:32px;
float:left;
background-image:url(/images/sopto_subimg.jpg);
background-repeat:no-repeat;
background-position:-17px 0;
}

.frametop .topright {
width:13px;
height:32px;
float:right;
background-image:url(/images/sopto_subimg.jpg);
background-repeat:no-repeat;
background-position:-60px 0;
}

.unframetop {
float:left;
width:100%;
height:15px;
background-image:url(/images/sopto_bimg.jpg);
background-repeat:repeat-x;
background-position:0 -72px;
}

.unframetop .untopleft {
width:15px;
height:15px;
float:left;
background-image:url(/images/sopto_subimg.jpg);
background-repeat:no-repeat;
background-position:0 -48px;
}

.unframetop .untopright {
width:15px;
height:15px;
float:right;
background-image:url(/images/sopto_subimg.jpg);
background-repeat:no-repeat;
background-position:-60px 0;
}

.framemid {
width:100%;
height:100%;
float:left;
}

.framemid .leftmid {
line-height:20px;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
height:100%;
margin-left:0;
margin-right:auto;
text-align:left;
overflow:hidden;
}
.related,.relatedsmall
{
    width:230px;
    margin:0 auto;
    text-align:center;
    float:left;
}
.relatedsmall img
{
    border:0;
    width:138px;
    margin:0 auto;
}
.related img
{
    border:0;
    width:100px;
    height:100px;
    margin:0 auto;
}
.framemid .leftmid .download
{
    float:right;
    margin-right:30px;
    text-align:right;
}
.title1
{
    font-size:26px;
    }
.framemid .leftmid>hr
{
     height:60px;
     border: 0;
     background:url(/images/banner.jpg) repeat-x;
}
a>hr
{
    height:60px;
    border: 0;
    background:url(/images/banner.jpg) repeat-x;
}

.framemid .leftmid ul li {
margin-left:0;
text-align:left;
}

.framebottom {
width:100%;
height:16px;
float:left;
background-image:url(/images/sopto_bimg.jpg);
background-repeat:repeat-x;
background-position:0 -104px;
}

.framebottom .bottomleft {
width:15px;
height:16px;
float:left;
background-image:url(/images/sopto_subimg.jpg);
background-repeat:no-repeat;
background-position:0 -32px;
}

.framebottom .bottomright {
width:13px;
height:16px;
float:right;
background-image:url(/images/sopto_subimg.jpg);
background-repeat:no-repeat;
background-position:-60px -32px;
}

.mainzoom {
width:960px;
margin-left:auto;
margin-right:auto;
}

.mainleft {
width:220px;
float:left;
}

.splitter {
height:8px;
clear:both;
width:100%;
}

.vsplitter
{
    float:left;
    width:10px;
}

.mainright {
width:730px;
float:right;
}

.mainright a {
color:Green;
}

.sitemappath {
clear:both;
width:960px;
height:30px;
line-height:30px;
margin-left:auto;
margin-right:auto;
}

.sitemappath ul {
float:none;
list-style:none;
margin:0;
overflow: hidden;
word-break: break-all;
white-space: nowrap;
text-align: left;
}

.sitemappath ul li {
display:inline-block;
margin-right:15px;
}

.sitemappath a {
text-decoration:none;
color:#034af3;
}

.centerdiv {
text-align:left;
width:96%;
margin:0 auto;
clear:both
}

ul,h1,.framemid .leftmid ul {
margin:0;
}

h3
{
    padding-left:6px;
}

.title .catalogue .catalogfont a{
color:#eFF;
}

input.textEntry,input.passwordEntry {
width:320px;
border:1px solid #ccc;
}
/*原homepage.css*/
.faq {
width:360px;
float:left;
}

.learningcenter {
width:360px;
float:right;
}

.promotion {
margin-left:auto;
margin-right:auto;
width:96%;
border:0;
}

.promotion td
{
border:0;
}

.promotionleft {
width:100px;
height:100px;
float:left;
border:1px solid #ccc;
}

.promotionleft img {
width:100px;
border:0;
}

.promotionright 
{
    height:100px;
    width:225px;
float:left;
text-align:left;
position:relative;
}

.pro_promotion_r
{
    float:left;
    width:570px;
text-align:left;
}
    .pro_promotion_r .divbottom {
        float:right;
    }

.brands {
clear:both;
width:960px;
height:204px;
margin-left:auto;
margin-right:auto;
border:0 solid #ddd;
}

.brands .brandsitem {
width:89px;
height:51px;
border:0 solid #ccc;
float:left;
margin-right:35px;
background-image:url(/images/brands.jpg);
background-repeat:no-repeat;
cursor:pointer;
}

.brands .brandsitemright {
margin-right:0;
float:right;
}

.threecom {
background-position:0 0;
}

.alcatellucent {
background-position:-89px 0;
}

.allied {
background-position:-178px 0;
}

.avaya {
background-position:-267px 0;
}

.brocade {
background-position:0 -51px;
}

.cisco {
background-position:-89px -51px;
}

.dlink {
background-position:-178px -51px;
}

.dell {
background-position:-267px -51px;
}

.emulex {
background-position:0 -102px;
}

.enterasys {
background-position:-89px -102px;
}

.extreme {
background-position:-178px -102px;
}

.force {
background-position:-267px -102px;
}

.foundry {
background-position:0 -153px;
}

.h3c {
background-position:-89px -153px;
}

.hp {
background-position:-178px -153px;
}

.huawei {
background-position:-267px -153px;
}

.intel {
background-position:0 -204px;
}

.juniper {
background-position:-89px -204px;
}

.linksys {
background-position:-178px -204px;
}

.marconi {
background-position:-267px -204px;
}

.mcafee {
background-position:0 -255px;
}

.netgear {
background-position:-89px -255px;
}

.nortel {
background-position:-178px -255px;
}

.planet {
background-position:-267px -255px;
}

.qlogic {
background-position:0 -306px;
}

.redback {
background-position:-89px -306px;
}

.smc {
background-position:-178px -306px;
}

.sun {
background-position:-267px -306px;
}

.trendnet {
background-position:0 -357px;
}

.vixel {
background-position:-89px -357px;
}

.zte {
background-position:-178px -357px;
}

.zyxel {
background-position:-267px -357px;
}
/*原category.css*/
.Producttable 
{
    clear:both;
border:1px;
border-collapse:collapse;
width:96%;
margin-left:auto;
margin-right:auto;
border-color:#999;
}

.Producttable td {
border:1px solid #ccc;
}

.tabletitle {
background-color:#ccc;
text-align:center;
}

.tabletitle td {
border:1px solid #999;
}

.categorysearch 
{
    font-family:Arial;
width:960px;
height:30px;
line-height:30px;
background-color:#eee;
margin-left:auto;
margin-right:auto;
}

.categorysearch ul {
float:none;
list-style:none;
color:#000;
margin:0;
}

.categorysearch ul li {
float:left;
margin-right:15px;
}

.categorysearch ul li .btnimg {
width:30px;
}

.smallcategory {
margin-left:auto;
margin-right:auto;
width:96%;
text-align:left;
border:0;
}

.smallcategory td{
border:0;
}

.smallcategory a {
text-decoration:none;
color:#336699;
}

.smallcategory .itemstyle {
width:25%;
border:0;
}
.smallcategory .itemstyle img
{
    float:left;
    }

.mainright img {
display: inline-block;
}

.centerdiv .greenarrow {
float:left;
margin-left:-25px;
}
/*原brand.css*/
table 
{
    margin:0 auto;
border:1px;
border-collapse:collapse;
width:96%;
border-color:#999;
}

td 
{
    padding:0 6px;
border:1px solid #ccc;
}

.tabletitle {
background-color:#ccc;
}

.tabletitle td {
border:1px solid #999;
}

p {
margin:0 10px;
}

option
{
    font-family:Arial;
    font-size:12px;
}
select
{
    font-family:Arial;
    font-size:12px;
}
.floatleft
{
    float:left;
}
.floatright
{
    height:36px;
    margin-right:20px;
}
.contactbtn
{
    text-align:center;
    font-weight:bold;
    font-size:18px;
    color:White;
    float:right;
    height:36px;
    line-height:36px;
}
.divbottom
{
    text-align:right;
}
.more
{
    text-align:right;
}
.more a
{
    color:Green;
    margin-right:15px;
}
.bordernone
{
    border:0px;
}
.commentleft
{
    float:left;
    width:75px;
    height:75px;
}
.labelw{
    width:80px;
}
.CommentBox{
    width:475px;
}
.CommentSplitter{
    height:8px;
    border-top:1px dashed #cccccc;
    clear:both;
}
.font30px
{
    font-size:30px;
}

.topselleritem
{
    margin:0 5px;
    border-bottom:1px solid #eeeeee;
    overflow:hidden;
}
.topselleritem .sleft
{
    float:left;
    width:60px;
    height:60px;
    margin-right:5px;
}
.topselleritem .sleft img
{
    width:60px;
    height:60px;
    margin-right:10px;
}
.topselleritem .sright
{
    height:60px;
}
per50
{
    margin:10px 0;}
.lper50
{
    width:500px;
}
.rper50
{
    width:220px;
}

.salefree{ clear:both; width:960px; height:415px;}
.cantactus{ height:100px; background-color:#68bacf;}
.cantactus .left{ float:left; width:252px; height:95px; margin-top:5px; margin-left:50px;}
.cantactus .right{ float:right; width:206px; height:76px; margin-top:10px; margin-right:50px;}
.cantactus { font-size:18px; color:Black; line-height:30px;}
.cantactus a{color:Black;}
.cantactus .impot{ font-size:x-large; color:White;}
.promotionarea { clear:both; background-color:#eef0da; margin-top:0; float:left; width:960px; height:1235px; overflow:hidden;}
.promotionarea div.title{ height:66px; background:url("/images/3ad-title-bg.jpg") no-repeat 0 -66px;}
.promotionarea ul{ margin-left:40px; margin-top:10px; padding:0; width:879px; height:280px; background-image:url("/images/promotionarea-bg.png"); background-repeat:no-repeat; overflow:hidden;}
.promotionarea ul li{ padding:0; width:263px; margin:5px 15px; padding:0; float:left; list-style-type:none;}
.promotionarea ul li a{ color:White; font-size:12px;}
.promotionarea ul li img{ width:240px; height:230px;}
.promotionarea ul li div{width:240px; margin:auto; height:25px; line-height:25px; background-color:#489db9; color:White;}
.promotionarea ul.promotionarea-price { height:87px; background-image:none;}
.promotionarea-price li{ margin-top:0; background-image:url("/images/pro-price-bg.png"); height:87px;}
.promotionarea ul.promotionarea-price li div{ background-color:transparent; height:43px; line-height:43px;}
.promotionarea ul.promotionarea-price li .nowp{ color:Red; font-size:x-large;}
.promotionarea ul.promotionarea-price li .oldp{ color:Black; font-size:x-large; text-decoration:line-through;}
.promotionarea ul.promotionarea-off { height:90px; background-image:none;}
.promotionarea ul.promotionarea-off li{ margin-top:0; background-image:url("/images/pro-price-off-bg.png"); background-repeat:no-repeat; height:90px; line-height:90px; text-align:left;}
.promotionarea ul.promotionarea-off li a{ color:White; font-size:xx-large; margin-left:20px;}
.characterarea .packagesarea .warranty { float:left; margin:0; overflow:hidden;}
.characterarea div.characterareatitle{ height:66px; width:960px; float:right; background:url("/images/3ad-title-bg.jpg") no-repeat 0px 0px;}
.packagesarea .title{ height:66px; background:url("/images/3ad-title-bg.jpg") no-repeat 0 -132px;}
.warranty{ background-color:Black;}
BODY {
	 COLOR: #333333; FONT-SIZE: 12px
}
A {
	COLOR: #333; TEXT-DECORATION: none
}
A:hover {
	TEXT-DECORATION: underline
}


.js {
	POSITION: relative; WIDTH: 960px; HEIGHT: 327px;
	margin:0 auto;
}
.jsNav {
	BACKGROUND: url(../images/jsNav.png) no-repeat
}
.prevBtn {
	BACKGROUND: url(../images/jsNav.png) no-repeat
}
.nextBtn {
	BACKGROUND: url(../images/jsNav.png) no-repeat
}
.imgSelected {
	BACKGROUND: url(../images/jsNav.png) no-repeat
}
.jsNav {
	POSITION: absolute; WIDTH: 155px; BOTTOM: 10px; FONT-FAMILY: Arial, Helvetica, sans-serif; HEIGHT: 30px; RIGHT: 10px; FONT-WEIGHT: bold
}
.jsNav A {
	TEXT-ALIGN: center; LINE-HEIGHT: 30px; WIDTH: 25px; FLOAT: left; VERTICAL-ALIGN: middle
}
.prevBtn {
	DISPLAY: block; BACKGROUND-POSITION: 0px -30px; HEIGHT: 30px
}
.nextBtn {
	DISPLAY: block; BACKGROUND-POSITION: -100px -30px; HEIGHT: 30px
}
.imgSelected {
	BACKGROUND-POSITION: 1px -60px; COLOR: #000
}

.brands .brands_txt {
    background-image: url("images/brand.gif");
    background-repeat: no-repeat;
    background-position: left center;
    height: 40px;
    width: 960px;
    border-bottom: 2px solid #666;
    margin: 0px 0px 10px;
}
.brands {
    height: 230px;
    width: 960px;
    clear: both;
}
.brands_k {
    width: 110px;
    height: 73px;
    border: 1px solid #CCC;
    float: left;
    margin-right: 9px;
    margin-bottom: 8px;
}
.brands_txt1 {
    height: 23px;
    text-align: center;
    line-height: 23px;
    width: 108px;
    background-color: #EAEAEA;
}
.centerdiv .image:first-child{
   
    border-left:0px
}
.centerdiv .image{
    margin:10px 0 5px 5px;
    padding:0 0 1px 1px;
    width:32%;
    float:left;
    text-align: center;
    align:center;
    border-left:1px dashed  #DBDBDB;
}
.paragraph {
margin-left: 15px;
}
.param li {
margin-right: 10px;
width: 278px;
font-size: 10px;
float: left;
font: inherit;
color: #222;
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.st-pro  div{ width:216px; float:left;margin-left:  25px}
.st-pro a{ clear:both; width:216px;}
.st-pro img{ width:116px;}
.st-artic-list{ width:580px; float:left;}
.st-title{ background-image:url("/images/st-title-bg.png"); padding-left:20px; color:White; text-align:left; height:46px; line-height:36px;}
.st-title a{ float:right; width:100px; color:White;}

.clearfix {
content: ".";
display: block;
clear: both;


font-size:16px;
}

.left_email{
    width:200px;
    height: 30px;
    text-align:center;
    margin-left: 7px;
    margin-top: 10px;
    padding: 0px;
    
  
}
img{
    margin:0px;
    padding: 0px;
}
.pink { 
color: #feeef5; 
border: solid 1px #33CCFF; 
background: #33CCFF; 
background: -webkit-gradient(linear, left top, left bottom, from(#33CCFF), to(#33CCFF)); 
background: -moz-linear-gradient(top, #33CCFF, #33CCFF); 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#feb1d3', endColorstr='#f171ab'); 
} 
.button { 
display: inline-block; 
zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */ 
*display: inline; 
vertical-align: baseline; 

outline: none; 
cursor: pointer; 
text-align: center; 
text-decoration: none; 
font: 14px/100% Arial, Helvetica, sans-serif; 

text-shadow: 0 1px 1px rgba(0,0,0,.3); 
-webkit-border-radius: .5em; 
-moz-border-radius: .5em; 
border-radius: .5em; 
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); 
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); 
box-shadow: 0 1px 2px rgba(0,0,0,.2); 
} 

.feedback{
position:fixed; 
z-index:999999;
right:1%; 
bottom: 1%;

width:15%;
border-radius: 10px; 
background-color: #1769A5;
border:#6F7070 2px solid;
}
.feedback .feedback_head{
    margin-top: 5px;
    margin-left:5px;
    margin-right:5px;
    width:90%;
    color:white;
    font-weight:bold;
}
.feedback label{
    color:white;
}
.feedback li{
    text-align:left;
    margin-left: -10%;
    list-style-type:none;
}



.password-bg{
        background-color: #000;
        position: fixed;
        top:0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 99999;
        opacity: 0.6;
    }
    .pdfpass .pass-input{
        width: 300px;
        padding: 20px;
        background-color: #fff;
        position: fixed;
        top:200px;
        left: 50%;
        margin-left: -150px;
        z-index: 100000;
    }
    .pdfpass .pass-input input{
        width: 225px;
        height: 25px;
        line-height: 25px;;
    }
    .pdfpass .pdf-contact{
        text-align: right;
        margin-top:10px;
    }