@charset "utf-8";
/* CSS Document */
/*
----------------------------     reset     ---------------------------
*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td, input, label, select, option, textarea, button, fieldset, legend{font:12px Arial,Helvetica,sans-serif; color:#686868; padding:0; margin:0;}
a{text-decoration:none; color:#686868; outline: none;}
button::-moz-focus-inner {border:none;}
a:hover{text-decoration:underline; color:#5478AB;}
img{border:none;}
ul, li{list-style:none;}
table {border-collapse:collapse; border-spacing:0;}
.clear{display:block; clear:both;}
.fw_bold{font-weight:bold;}
.c_red{color:#D00000;}
.c_yellow{color:#ECC34D;}
.c_black{color:#000;}
body{ background-color:#f3f4f4;}
/*
----------------------------     top_bar     ---------------------------
*/
#top_bar{width:100%; height:44px; background:url(../images/top_bar.png) repeat-x;}
#top_bar_cont{width:960px; height:44px; margin:0 auto;}
#topons_logo{width:92px; height:30px; padding-top:6px; float:left;}
#welcome_zone{width:300px; padding:6px 0 0 10px; float:left;}
#welcome_zone .user_name{color:#5478AB; font-weight:bold;}

#overall_search{width:170px; height:25px; padding-top:6px; float:right; position:relative;}
#oversearch_text{width:145px; height:23px; line-height:23px; border:1px #A9A9A9 solid; border-right:none; background:#FFF;}
#oversearch_btn{width:25px; height:25px; border:none; cursor:pointer; background:url(../images/top_bar.png) 0 -46px no-repeat; position:absolute; top:6px; _top:7px; *top:7px; right:0}
/*
----------------------------     top     ---------------------------
*/
#top{ width:960px; height:93px; background-color:#ffffff; margin:0 auto; position:relative;}
#top img{ position:absolute; left:10px; top:8px;}
#nav{ width:960px; margin:0 auto; background-color:#fff; height:30px;}
#nav ul{ width:790px; margin:0 auto;}
#nav li{font-family:serif; float:left; _display:inline; margin-right:4px; width:120px; text-align:center; height:30px; line-height:30px; background:url(../images/nav_li_bg.png) repeat-x; position:relative;}
#nav li a{ font-family:Arial, Helvetica, sans-serif;}
#nav li .nav_l{ width:3px; height:30px; position:absolute; left:-1px; top:0px; display:block; background:url(../images/nav_l_ico.png) no-repeat left top;}
#nav li .nav_r{ width:4px; height:30px; position:absolute; right:-1px; top:0px; display:block; background:url(../images/nav_r_ico.png) no-repeat right top;}
#banner{ width:960px; margin:0 auto; border-top:30px solid #565662;}

/*
----------------------------     main     ---------------------------
*/
#main{ width:960px; margin:5px auto;}
#main .left{ width:196px; float:left; _display:inline;}
	  .left img{ margin-bottom:8px;}
#main .right{ width:751px; float:right; _display:inline;}
	  .right ul{}
	  .right li{ width:372px; height:309px; float:left; _display:inline; background:url(../images/right_bg.png) no-repeat left top; position:relative; margin-left:1px; margin-right:1px; margin-bottom:5px;}
	  .right li .repairIndexPic a{display:block; width:162px; height:158px;overflow:hidden;background:#fff;}
	  .right li img{ width:162px; height:185px; border:1px solid #cccccc;}
	  .right li .left1{ position:absolute; left:10px; top:40px; width:162px;}
	  .right li .right1{ position:absolute; right:10px; top:40px; width:162px;}
	  .right li .p1{ color:081852;}
	  .right li .p2{ font-size:10px; color:000;}
	  .right li .p2 span{ font-size:10px; color:3333cc;}
	  .right .middle{ margin-top:10px; margin-bottom:5px;}
/*
----------------------------     inner main     ---------------------------
*/
#inner_main{ width:960px; margin:5px auto;}
#inner_main .inner_left{ width:205px; float:left; _display:inline; border:1px solid #3e526b; margin-top:28px;}
			.inner_left h1{ height:34px; width:205px; background-color:#3e526b; text-align:center; line-height:34px; color:#fff;}
			.inner_left dl{ width:203px;}
			.inner_left dt{ width:203px; height:30px; line-height:30px; text-indent:2em; background:url(../images/ico_right.png) no-repeat 8px center;}
			.inner_left dd{ width:203px; height:30px; line-height:30px; text-indent:3em; overflow:hidden;}
#inner_main .inner_right{ width:750px; float:right; _display:inline;}
			.inner_right h1{ width:750px; height:28px; line-height:28px; border-bottom:1px solid #ccc;}
			.inner_right ul{}
			.inner_right li{ float:left; _display:inline; margin-left:5px; margin-right:5px; text-align:center; width:175px; margin-bottom:8px;}
			.inner_right li .repairProductPic a{display:block; width:160px; height: 190px; overflow:hidden;background:#fff;}
			.inner_right li img{ width:150px; height:206px;}
			.inner_right li .p3{color:081852; height:30px;}
			.inner_right .page{ text-align:center; margin-top:8px; margin-bottom:8px;}
/*
----------------------------     footer     ---------------------------
*/
#footer{font-family:serif; width:960px; height:47px; margin:0 auto; margin-top:25px; text-align:center; color:#a5a3b7; padding-top:12px; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc;}
#footer p{color:#a5a3b7; margin:0 auto 3px auto; font-family:serif;}
#footer a{color:#a5a3b7; text-decoration:none; padding-left:5px; padding-right:5px;}
#footer a:hover{ text-decoration:underline;}

/*---------------  main--->> Product Page   ---------------*/
.pages_wrap{ float:right; padding-right:30px;margin:20px 10px;}
.pages{ text-align:center}
.pages ol{display:block; float:left;}
.pages .page{ width:30px; margin:0}
.pages ol .next_btn{ width:80px; height:24px;}
.pages ol .prev_btn{ width:80px; height:24px;}
.pages li{display:block; float:left; height:24px;}
.pages li a{display:block; width:24px; height:24px; line-height:24px; text-align:center; float:left;}
.pages li a.this{border:1px #458BF0 solid; background:#DFEBFD;}
.pages a.next_btn{display:block; width:71px; height:24px; line-height:24px; text-align:center; text-indent:-9999px; margin-left:6px; background:url(../images/sprite.png) -105px -60px no-repeat; float:left;}
.pages a.prev_btn{display:block; width:71px; height:24px; line-height:24px; text-align:center; text-indent:-9999px; margin-left:6px; background:url(../images/sprite.png) -105px -88px no-repeat; float:left;}
.pages_go{float:left; margin-left:10px; display:none}