/* CSS Document */

body{
background-color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
margin:0 auto;
padding:0px;
}
img{
border:none;
}


p{
padding:0px;
margin:0px;
}

h3{
font-size:24px;
color:#2a5e98;
margin:0px;
padding:0px;}
h1{
font-size:16px;
color:#2a5e98;
margin:0px;
padding:0px;
}

h4{
font-size:20px;
color:#2a5e98;
margin:0px;
padding:0px;
}
h2{
font-size:16px;
color:#ffffff;
margin:0px;
padding:0px;
}

h5{
font-size:14px;
color:#2a5e98;
margin:0px;
padding:0px;
}
h6{
font-size:12px;
color:#2a5e98;
margin:0px;
padding:0px;
}
.h7{
font-size:10px;
color:#999999;
font-weight:normal;
}
.h2{
font-size:16px;
color:#ffffff;
margin:0px;
padding:0px;
font-weight:bold;
}
a{
color:#2a5e98;
text-decoration:underline;
}
a:hover{
color:#0066FF;}

/*header*/


.header02{
width:988px;
margin:0 auto;
padding-top:7px;
padding-left:15px;
height:100px;
}

.logo{
float:left;
}

.search{
float:right;
width:400px;
padding-top:40px;
}


#wrapper{
background-image:url(images/blue.gif);
background-repeat:repeat-x;
background-position:top;
margin:0 auto;
}



#header {
height:160px;
width:1003px;
margin:0 auto;
padding:0px;
position:relative;
overflow:hidden;
}



#nav-sprites {
background:url("images/nav-back.gif") no-repeat;
width:985px;
height:53px;
position:absolute;
top:108px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:700;
margin:0 auto;
padding:0;
z-index:1;
color:#2a5e98;
padding-left:18px;
}

#nav-sprites li {
float:left;
list-style:none;
padding-top:10px;
margin-left:4px;
height:53px;
display:block;
display:inline;
display:block;
float:left;
}
#nav-sprites li a{
display:block;
font-size:16px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#2a5e98;
text-decoration:none;
color:#2a5e98;
line-height:43px;
padding-left:20px;
}

#nav-sprites li a span{
padding-right:22px;
display:block;
}

#nav-sprites li a:hover{
background-image:url(images/nav-hover.jpg);
background-repeat:no-repeat;
background-position:left bottom;
color:#FFFFFF;
}

#nav-sprites li a:hover span{
color:#FFFFFF;
background:url(images/nav-hover.jpg) no-repeat bottom right;
}
#nav-sprites li a.current{
background-image: url(images/nav-hover.jpg);
background-repeat:no-repeat;
background-position:left bottom;
color:#FFFFFF;
}
#nav-sprites li a.current span{
background-image: url(images/nav-hover.jpg);
background-repeat:no-repeat;
background-position:right bottom;
color:#FFFFFF;
}




#content .subnav {
list-style-type:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
margin:0 auto;
padding:15px 0 10px 24px;
width:1003px;
}

#content .subnav li {
display:inline;
border-right-width:1px;
border-right-style:solid;
border-right-color:#B0B0B0;
padding-left:8px;
padding-right:8px;
}

#content .subnav li.nav_right {
border:none;
}

#content .subnav li a {
color:#2a5e98;
font-weight:bold;
text-decoration:none;
padding-left:2px;
padding-right:2px;
}

#content .subnav li a:hover {
text-decoration:underline;
}



/*container*/
#container{
width:980px;
margin:0 auto;
padding:0px;
}

/*step*/
.step{
background-image:url(images/step-back.gif);
background-repeat:no-repeat;
height:50px;
width:980px;
}
.step ul{
list-style:none;
height:44px;
padding:0px;
margin:0px;
width:972px;
padding:3px 3px 0px 4px;
}
.step ul li{
float:left;
list-style-type:none;
padding-left:1px;
padding-right:1px;
}



.arrow{
height:23px;
margin-top:10px;
margin-left:1px;
margin-right:1px;}


/*driver*/
.driver{
width:980px;
margin-top:15px;
}
.driver div{
background-image:url(images/driver-back.gif);
background-repeat:no-repeat;
width:162px;
height:150px;
float:left;
margin-right:17px;
margin-bottom:15px;
padding:10px;
text-align:center;
overflow:hidden;
text-overflow:ellipsis; 
}
.driver img{
height:106px;
margin-bottom:10px;
}
.driver a:hover{
text-decoration:underline;

}

.tont{
font-size:12px;
color:#000000;
font-weight:normal;
}
.pic{
float:left;
margin-top:10px;
width:101px;
height:137px;
}
.list{
float:right;
width:180px;
}


.driver02{
width:960px;
padding-top:15px;
padding-left:10px;
}
.driver02 div{
background-image:url(images/driver-back.gif);
width:292px;
height:150px;
float:left;
margin-right:12px;
margin-bottom:15px;
padding:10px;
}
.driver02 a{
text-decoration:none;
}
.driver02 a:hover{
text-decoration:underline;
}






/*footer*/
#footer01{
border-bottom:5px #80a5d1 solid;
}
#footer02{
background-image:url(images/footer-back.gif);
background-repeat:repeat-x;
height:154px;
}
.footer03{
margin:0 auto;
text-align:center;
padding-top:10px;
padding-bottom:15px;
}
.footer03 form{
padding:0px;
margin:0px;
}
.footer04{
margin:0 auto;
text-align:center;
font-size:11px;
color:#2a5e98;
}
.footer04 p{
padding:0px;
margin:0px;
margin-bottom:5px;
}
.footer04 a{
font-size:11px;
color:#2a5e98;
text-decoration:none;

}
.footer04 a:hover{
text-decoration:underline;
}



/*manufacturer*/
.manufacturer{
background-color:#6c93c3;
height:34px;
width:980px;
}

.manufacturer02{
widows:948px;
border-left:1px #6c93c3 solid;
border-right:1px #6c93c3 solid;
padding:15px;
padding-bottom:10px;
line-height:20px;
color:#2a5e98;
}
.left{
float:left;
width:9px;
height:34px;
}
.right{
float:right;
width:9px;
height:34px;
}
.mid{
float:left;
width:962px;
height:34px;
}


.mid02{
float:left;
width:462px;
height:34px;
}

/*????css???*/
.py_divcss {
border-top-width: 0px; 
padding-right: 0px; 
border-left-width: 1px; 
border-bottom-width: 0px; 
padding-bottom: 0px; 
overflow: visible; 
color: #f50; 
line-height: 20px; 
padding-top: 0px;
padding-left:25px;
zoom: 1; 
position: relative; 
height: 34px; 
border-right-width: 1px;
}
.py_divcss:unknown {
clear: both; 
display: block; 
visibility: hidden; 
height: 0px; 
content: ''
}
.py_divcss span {
padding-right: 9px; 
padding-left: 0px; 
background: url(1211433264897.png) no-repeat right 12px; 
float: left; 
padding-bottom: 0px; 
color: #f50; 
margin-RIGHT: 6px; 
padding-top: 7px
}
.py_divcss dl{
padding-right: 0px; 

font-weight: 400; 
float: left; 
padding-bottom: 0px; 
margin: 0px; 
}
.py_divcss dt{
padding-right: 0px; 
padding-left: 0px; 
font-weight: 400; 
float: left; 
padding-bottom: 0px; 
margin: 0px 0px 0px -1px; 
padding-top: 0px
}
.py_divcss dt a{
height:27px;
width:25px;
font-weight: bold; 
float: left; 
padding-bottom: 0px;
margin-top:7px;
margin-left:3px; 
color: #fff; !important; 
line-height: 27px;  
text-align: center;
background-image:url(images/a-back.gif);
}
.py_divcss dd{
border-right: #85ccff 1px solid; 
padding-right: 0px; 
border-top: #85ccff 1px solid; 
display: none; 
padding-left: 20px; 
font-weight: 400; 
z-index: 1; 
background: #f0f3f6; 
left: -202px; 
padding-bottom: 12px; 
margin: 0px; 
border-left: #85ccff 1px solid; 
width: 900px; 
padding-top: 6px; 
border-bottom: #85ccff 1px solid; 
position: absolute; 
top: 34px
}
.py_divcss dd.currdd {
display: block
}
.py_divcss dt.curr {
border-right: #85ccff 1px solid; 
border-top: #85ccff 1px solid; 
z-index: 2; 
margin-bottom: -1px; 
border-left: #85ccff 1px solid; 
border-bottom: #85ccff 0px solid; 
position: relative
}
.py_divcss dt.curr a {
padding-right: 8px; 
padding-left: 8px; 
background: #f0f3f6; 
padding-bottom: 11px; 
color: #f50! important; 
padding-top: 0px; 
text-decoration: underline! important
}
.py_divcss ul{
padding-right: 0px; 
padding-left: 0px; 
font-weight: 400; 
padding-bottom: 0px; 
margin: 0px; 
overflow: hidden; 
padding-top: 0px; 
zoom: 1; 
list-style-type: none
}
.py_divcss li{
padding-right: 0px; 
padding-left: 0px; 
font-weight: 400; 
float: left; 
padding-bottom: 0px; 
margin: 0px; 
width: 150px; 
line-height: 25px; 
padding-top: 0px
}
.py_divcss li a{
font-size: 12px; 
color: #fff; !important
}
.py_divcss a:link {
color: #2a5e98; 
text-decoration: none
}
.py_divcss a:visited {
color: #2a5e98; 
text-decoration: none
}
.py_divcss a:hover {
color: #2a5e98; 
text-decoration: underline;
background-image:url(images/a-hover.gif);
}
.py_divcss a:active {
color: #f50; 
text-decoration: underline
}
/*css*/


.hardware{
background-image:url(images/other/nvback.jpg);
background-repeat:no-repeat;
width:970px;
height:35px;
line-height:35px;
padding-left:10px;
}







/*search*/
.searchcontain{
background-image:url(images/search/back-mid.gif);
background-repeat:repeat-x;
width:980px;
height:41px;
}
.searchleft{
height:41px;
width:9px;
float:left;
}
.searchright{
height:41px;
width:9px;
float:right;
}
.searchmid{
height:27px;
line-height:27px;
width:962px;
float:left;
margin-bottom:8px;
margin-top:6px;
}
.searchmid ul{
padding-left:5px;
list-style:none;
margin:0px;
}
.searchmid ul li{
float:left;
margin:0px 3px;
}
.searchmid ul li a{
padding-left:15px;
display:block;
text-decoration:none;
color:#2a5e98;
background:url(images/search/nav-back.gif) left no-repeat;
}
.searchmid ul li a b{
padding-right:15px;
display:block;
background:url(images/search/nav-back.gif) right no-repeat;
}
.searchmid ul li a:hover{
background:url(images/search/nav-hover.gif) no-repeat left;
}
.searchmid ul li a:hover b{
background:url(images/search/nav-hover.gif) no-repeat right;
}



.searchmid03{
height:30px;
line-height:30px;
width:962px;
}
.searchmid03 ul{
list-style:none;
margin:0px;
padding:0px;
}
.searchmid03 ul li{
float:left;
margin:0px 3px;
margin-top:5px;
height:30px;
}
.searchmid03 ul li a{
padding-left:15px;
display:block;
text-decoration:none;
color:#2a5e98;
background:url(images/other/titile.jpg) left no-repeat;
}
.searchmid03 ul li a b{
padding-right:15px;
display:block;
background:url(images/other/titile.jpg) right no-repeat;
}
.searchmid03 ul li a.current03{
background:url(images/other/titile02.jpg) no-repeat left;
}
.searchmid03 ul li a.current03 b{
background:url(images/other/titile02.jpg) no-repeat right;
}





.searchcontain02{
width:978px;
overflow:hidden;
border-left:1px #6c93c3 solid;
border-right:1px #6c93c3 solid;
}
.searchback{
background:url(images/search/white-mid.gif) repeat-x;
height:31px;
line-height:31px;
padding-left:10px;
}
.searchback table{
font-weight:bold;
font-size:12px;
color:#2a5e98;
}


.searchback form{
margin:0px;
padding:0px;
}

.searchcontain03{
padding:15px;
overflow:hidden;
padding-bottom:5px;
padding-top:10px;
width:948px;
}
.searchcontain03 ul{
list-style:none;
line-height:25px;
margin:0px;
padding:0px;
padding-left:10px;
}
.searchcontain03 ul li{
width:152px;
float:left;
height:25px;
}

/*searchmid02*/
.searchmid02{
height:23px;
margin-bottom:12px;
margin-top:6px;
float:left;
width:962px;
line-height:23px;
color:#FFFFFF;
}

.font{
float:left;
width:600px;
}
.font02{
float:left;
}
.font02 ul{
padding:0px;
margin:0px;
list-style:none;
}
.font02 ul li{
float:left;
margin-right:5px;
height:23px;
}
.font02 ul li a{
background:url(images/search/downloads.gif) left no-repeat;
padding-left:8px;
line-height:23px;
display:block;
text-decoration:none;
}
.font02 ul li a b{
background:url(images/search/downloads.gif) right no-repeat;
padding-right:8px;
display:block;
font-weight:normal;
}
.font02 ul li a:hover{
text-decoration:underline;
}
.speil{
color:#FFFFFF;
}
.speil a{
text-decoration:underline;
color:#FFFFFF;
}


/*forms*/
.forms{}
.forms table tr td{
border-bottom: #e6ecf4 solid 1px;
border-right: #e6ecf4 solid 1px;
padding-top:20px;
padding-bottom:20px;
padding-left:10px;
padding-right:10px;
}

.forms07 table tr td{
border-bottom: #e6ecf4 solid 1px;
border-right: #e6ecf4 solid 1px;
padding-top:10px;
padding-bottom:10px;
padding-left:10px;
padding-right:10px;
}
.forms07 table tr td a{
font-size:14px;
text-decoration:none;
}



/*forms02*/
.forms02{}
.forms02 table tr td{
border-bottom: #e6ecf4 solid 1px;
border-right: #e6ecf4 solid 1px;
}
.forms02 table tr td a{
font-size:14px;
color:#2a5e98;
}



/*forms03*/
.forms03{}
.forms03 table tr td{
border-bottom: #e6ecf4 solid 1px;
}
.forms03 table tr td a{
font-size:14px;
color:#000000;
}

.forms04{
margin:15px 15px 0px 15px;
overflow:hidden;
padding-bottom:15px;
background:url(images/information/dashed.gif) repeat-x bottom;
}
.forms05{
width:943px;
background-color:#e6edf5;
height:30px;
line-height:30px;
text-align:center;
border:1px solid #cdd9e9;
margin-top:20px;
}

.forms06{
width:958px;
margin-left:10px;
background-color:#cdd9e9;
height:30px;
line-height:30px;
text-align:center;
border:1px solid #80a5d1;
margin-top:20px;
margin-bottom:20px;
font-weight:bold;
}
 

/*information*/

.infleft{
float:left;
overflow:hidden;
width:669px;
margin-right:13px;
margin-bottom:25px;
}

.infleftheader{
margin-bottom:10px;
}
.infleftheader02{
float:left;
}
.infleftheader02 h3{
line-height:35px;
}
.infleftheader03{
float:right;
text-align:right;
}
.infleftheader03 a{
font-weight:bold;
}

.infleftnav{
background-image:url(images/information/nav-back.gif);
background-repeat:no-repeat;
height:31px;
}
.infleftnav ul{
margin:0px;
padding:0px;
height:31px;
list-style-type:none;
}
.infleftnav ul li{
float:left;
line-height:31px;
color:#FFFFFF;
font-weight:bold;
text-align:center;
}
.infleftcontain{
overflow:hidden;
}
.infleftcontain table tr{
background-image:url(images/information/dashed.gif);
background-repeat:no-repeat;
width:669px;
background-position:bottom;
}
.infleftcontain table tr td{
padding-bottom:15px;
padding-top:15px;
padding-left:3px;}

.font04 a{
text-decoration:none;
}
.font04 a:hover{
text-decoration:underline;
}
.font04 a:hover h5{
text-decoration:underline;
}

.infleftheader04 ul{
}
.infleftheader04 ul li{
margin-bottom:10px;
}
.infleftheader04 ul li a{
text-decoration:none;
}
.infleftheader04 ul li a:hover{
text-decoration:underline;
}



















.infright{
float:right;
width:298px;
}


#banner{
background-image:url(images/information/banner-back.gif);
background-repeat:no-repeat;
height:219px;
margin-bottom:15px;
}
#banner img{
margin-top:12px;
margin-left:10px;
}
.infrightcontain{
width:298px;
background-image:url(images/information/mid.gif);
background-repeat:repeat-x;
height:42px;
}
.font03{
width:280px;
padding-top:6px;
float:left;
height:32px;
}

.popular{
width:296px;
border-left:1px #6c93c3 solid;
border-right:1px #6c93c3 solid;
}
.tabcontain{
background-image: url(images/search/white-mid.gif);
background-repeat:repeat-x;
height:31px;
width:292px;
padding-left:4px;
line-height:31px;
}
.tabcontain table{
text-align:center;
margin-top:1px;
}

.tabcontain table tr td {
margin-right:1px;
line-height:31px;
width:95px;
margin:0;
padding:0;
text-align:center;
}

.tabcontain table tr td a{
background-image:url(images/information/nav-back02.gif);
background-repeat:no-repeat;
display:block;
font-weight:bold;
text-decoration:none;
}
.tabcontain table tr td a:hover{
background-image:url(images/information/nav-hover.gif);
}
.tabcontain table tr td a.hover{
background-image:url(images/information/nav-hover.gif);
}



.tabcontainlong{
background-image: url(images/search/white-mid.gif);
background-repeat:repeat-x;
height:31px;
width:292px;
padding-left:4px;
}
.tabcontainlong table{
text-align:center;
margin-top:1px;
}

.tabcontainlong table tr td {
margin-right:1px;
line-height:31px;
width:143px;
margin:0;
padding:0;
text-align:center;
}

.tabcontainlong table tr td a{
background-image:url(images/information/nav-back-long.gif);
background-repeat:no-repeat;
display:block;
font-weight:bold;
text-decoration:none;
}
.tabcontainlong table tr td a:hover{
background-image:url(images/information/nav-hover-long.gif);
}


.searchback table{
height:31px;
}
.searchback table tr td{
margin-right:5px;
line-height:31px;
height:31px;
}
.searchback table tr td a{
background:url(images/information/nav-back-long02.gif) left no-repeat;
padding-left:15px;
margin-right:5px;
display:block;
text-decoration:none;
}
.searchback table tr td a b{
background:url(images/information/nav-back-long02.gif) right no-repeat;
padding-right:15px;
display:block;
font-weight:bold;
text-decoration:none;
}

.searchback table tr td a:hover{
background:url(images/information/nav-hover-long02.gif) left no-repeat;
padding-left:15px;
}
.searchback table tr td a:hover b{
background:url(images/information/nav-hover-long02.gif) right no-repeat;
padding-right:15px;
display:block;
}








.tab_content{
padding:10px;
}
.tab_content p{
margin-bottom:10px;
color:#2a5e98;
}
.tab_content p a{
text-decoration:none;
}
.tab_content table{
width:252px;
margin-left:13px;
}
.tab_content table tr td{
text-align:center;
}
.pic02{
width:100px;
text-align:center;
padding:2px;
border:1px #cedae9 solid;
height:80px;
}
.pic03{
padding-bottom:10px;
padding-top:5px;}
.pic03 a{
color: #2a5e98;
text-decoration:none;
}
.pic03 a:hover{
text-decoration:underline;
}

.bottom{
background-image:url(images/information/bottom.gif);
background-repeat:no-repeat;
width:298px;
margin-bottom:15px;
height:37px;
line-height:37px;
}
.bottom a{
color: #2a5e98;
font-weight:bold;
text-decoration:none;
}
.bottom a:hover{
text-decoration:underline;
}
.bottom span{
color: #2a5e98;
padding-left:15px;
padding-right:5px;
}



.asus{
float:left;
}
.asus a{
text-decoration:none;
}
.asus a:hover{
text-decoration:underline;
}
.search04{
width:657px;
height:45px;
margin-left:5px;
background-image:url(images/other/big-search-back.gif);
background-repeat: no-repeat;
text-align:center;
padding-top:20px;
color: #2a5e98;
font-size:14px;
font-weight:bold;
}

.manufacturer03{
width:980px;
}

.new{
float:left;
width:483px;
margin-right:14px;

}
.new02{
background-color:#6c93c3;
height:34px;
width:483px;
}
.evaluation{
float:right;
width:483px;
background-color:#6c93c3;
height:34px;
}
.searchcontain04{
width:481px;
border-left:1px #6c93c3 solid;
border-right:1px #6c93c3 solid;
border-bottom:1px #6c93c3 solid;
margin-bottom:25px;
}
.searchcontain04 a{
color: #000000;
font-size:14px;
}
.searchcontain05{
width:647px;
overflow:hidden;
overflow:hidden;
border-left:1px #6c93c3 solid;
border-right:1px #6c93c3 solid;
border-bottom:1px #6c93c3 solid;
margin-bottom:15px;
padding:10px;
}
.searchcontain05 ul{
margin:0px;
padding:0px;
list-style-type: none;
}
.searchcontain05 ul li{
float:left;
width:90px;
line-height:25px;
}



/*new*/
.newleft{
float:left;
width:315px;
margin-right:17px;
}
.newleft02{
background-image:url(images/other/newnav-back.gif);
height:35px;
line-height:35px;
padding-left:35px;
width:280px;
}
.newleft03{
overflow:hidden;
border-bottom:1px #759dd3 solid;
border-left:1px #759dd3 solid;
border-right:1px #759dd3 solid;
padding:10px;
width:293px;
}
.newmid{
float:left;
width:315px;
margin-right:18px;
}
.newright{
float:right;
width:315px;
}
.learn{
font:12px;
}
.learn a{
color:#FFFFFF;
font:12px;
text-decoration:none;
}
.learn a:hover{
text-decoration:underline;
color:#FFFFFF;
font:12px;
}



/*contactleft*/

.contact{
background-image:url(images/other/navmid.gif);
background-repeat:repeat-y;}


.contactleft{
float:left;
width:244px;
margin-right:15px;
}

.contactleft02{
padding-bottom:50px;
}
.contactleft02 ul{
margin:0px;
padding:0px;
list-style-type:none;
}
.contactleft02_li01{
text-align:center;
height:42px;
line-height:40px;
}
.contactleft02_li01 a{
text-decoration:none;
font-weight: bold;
background-image:url(images/other/nav-back.gif);
background-repeat:no-repeat;
color:#FFFFFF;
display:block;
font-size:16px;
}
.contactleft02_li01 a:hover{
text-decoration:underline;
color:#FFFFFF;
}
.contactleft02_li a{
text-decoration:none;
font-weight: bold;
background-image:url(images/other/nav-back.gif);
background-repeat:no-repeat;
color:#FFFFFF;
display:block;
font-size:16px;
}

.contactleft03_li{
height:30px;
line-height:30px;
text-align:left;
margin:0px;
margin-left:15px;
padding-left:20px;
border-bottom:1px #d5e1f1 solid;
font-size:14px;
}
.contactleft03_li a{
text-decoration:none;
color:#000000;}





.contactright{
float:right;
width:721px;
}
