@charset "utf-8";
/* ----------  public css ---------- */
body {height:100%; font-size:12px; color:#666; font-family: Arial, Helvetica, sans-serif; background:#e5e5e5 url(../images/body_bg.gif);}
a {color:#4171b8; text-decoration:none;}
a:hover {color:#61666e;text-decoration:underline;}

span.nes{color:#f00; padding:0px 5px;}
span.money{ color:#c80000; font-size:13px; font-weight:bold;}
span.loadtext{ color:#4171b8; padding:0px 5px;}

#wrapper { clear:both; width:960px; margin:0px auto; padding:0px; overflow:hidden;}

/* button & input style */
.default_button {background:url(../images/navitem_bg.gif) 0px 0px no-repeat;height:32px;}
.default_button .centerbg{float:left;display:inline;margin-left:12px;padding:7px 0 9px 0;height:16px;color:#666;line-height:16px;overflow:hidden;background:url(../images/navitem_bg.gif) 0 -32px repeat-x;}
.default_button .centerbg a{line-height:16px;color:#fff;font-weight:bold;}
.default_button .centerbg a:hover{color:#b4bbc4;text-decoration:none; position:relative; left:1px; top:1px;}
.default_button .rightbg{width:12px;height:32px;background:url(../images/navitem_bg.gif) 0px -64px no-repeat;float:left;}

.default_button_disable {background:url(../images/navitem_bg_disable.gif) 0px 0px no-repeat;height:32px;}
.default_button_disable .centerbg{float:left;display:inline;margin-left:12px;padding:7px 0 9px 0;height:16px;color:#666;line-height:16px;overflow:hidden;background:url(../images/navitem_bg_disable.gif) 0 -32px repeat-x;ine-height:16px;color:#999;font-weight:bold;}
.default_button_disable .rightbg{width:12px;height:32px;background:url(../images/navitem_bg_disable.gif) 0px -64px no-repeat;float:left;}

/* ----------  pop windows ---------- */
.hide_box{width:360px; overflow:hidden; box-shadow:1px 2px 2px #555;display:none; background:#fff url(../images/popwin_bg.gif) left bottom repeat-x;position:relative;}
.hide_box h4{ line-height:25px;overflow:hidden;color:#555b63;padding:5px 15px;border_bottom:1px solid #ccd0d4;font-size:14px;}
.hide_box .closebr{ display:block; width:19px; height:19px; overflow:hidden;right:0px; top:0px; position:absolute; background:url(../images/icon_close.gif) 0 0 no-repeat; text-indent:-999px;}
.hide_box .closebr:hover{ background-position:0 -19px;}
.popcontent{padding:15px;border:1px solid #ccd0d4;}
.popcontent p{line-height:20px; padding-bottom:20px;}
.hide_box .from_post td.td1{width:50px;}
.hide_box .from_post .brtools{ margin:5px 0 0 62px;}
.hide_box .loginlinks{ height:20px; float:left; margin:6px 0; display:inline;}
.hide_box .loginlinks a{ line-height:20px; border-right:1px dotted #838383; padding:0 10px;}

/* ----------  header ---------- */
.header{ clear:both; width:920px; margin:0; overflow:hidden; height:100px; padding:10px 20px; background:url(../images/content_bg.gif) repeat-y;}
.header .col-1{width:500px; height:130px; margin-right:20px;}
.header .col-2{width:400px; height:130px;}
.header_bottom, .content_bottom, .content_top, .footer_top{ clear:both; width:960px; height:20px; overflow:hidden;  background-image:url(../images/group_bg.gif); background-repeat:no-repeat;}
.header_bottom, .content_bottom{ background-position:0 -20px;}
.content_top{ background-position:0 0; margin-top:20px;}
.footer_top{background-position:0 -40px; margin-top:20px;}

.toplogo{width:500px; height:130px; }
.toplink p{ clear:both; text-align:right; line-height:18px;}
.toplink .brtools{ clear:both; margin-top:10px;}

/* ----------  cart navigation style----------  */
#cartnav { margin-top:20px; width:960px; height:80px; overflow:hidden; background-image:url(../images/cart_bg.jpg); background-repeat:no-repeat;}
#cartnav.step1{ background-position:0 0;}
#cartnav.step2{ background-position:0 -80px;}
#cartnav.step3{ background-position:0 -160px;}
#cartnav ul{margin:22px 75px 27px 78px; clear:both; overflow:hidden;}
#cartnav li{ float:left; width:149px; display: inline; margin:0 20px 0 100px; line-height:18px; overflow:hidden; font-size:15px; font-weight:bold;}
#cartnav li.current{ color:#4171b8;}
.step3 li{color:#4171b8;}

/* ----------  footer ---------- */
.footer {clear:both; width:960px; overflow:hidden; background:url(../images/footer_bg.gif) repeat-y;}

.copyright {width:920px; overflow:hidden; padding:0 20px 30px 20px;}
.copyright .col-1{width:500px;margin-right:20px;overflow:hidden;}
.copyright .col-1 h2{font-size:16px;font-weight:bold;line-height:20px;padding:0 0 5px 0;}
.copyright .col-1 h2 span{font-size:12px;font-weight: normal;padding:0 10px;}
.copyright p{line-height:1.5em;}
.copyright .col-2{width:400px;overflow:hidden;text-align:right;}
.copyright .col-2 .infotext{line-height:20px;padding:0 0 5px 0;}

.content{clear:both; width:920px; margin:0; overflow:hidden; padding:0 20px; background:url(../images/content_bg.gif) repeat-y;}

.content .brtools{ margin-top:20px; text-align:center; padding-top:15px; background:url(../images/fg_img.gif) top repeat-x;}

.grouptitle{ clear:both; height:25px; padding:5px 15px; margin-bottom:15px; line-height:25px; background:url(../images/title_bg.gif) 0 0 no-repeat;}
.grouptitle .titletext{ float:left;display:inline; overflow:hidden; font-size:14px; font-weight:bold; color:#4171b8;}
.grouptitle .titletext input{ margin-left:20px; border:0; background:none;}
.grouptitle .titletext .loadtext{ font-size:12px; font-weight:normal;}
.grouptitle .textinfo{ float:right; font-size:12px;text-align:right;}
.grouptitle .textinfo a{ padding-left:15px;}
.grouptitle .textinfo a:hover{ text-decoration:none;}

.cartlist { clear:both; width:100%; overflow:hidden; margin-bottom:20px;height:auto!important;height:300px;min-height:300px;}
.cartlist table{ width:100%; overflow:hidden; table-layout:fixed;}
.cartlist table th{padding:0 5px 5px 5px;border-bottom:#e6e7e7 1px solid; color:#555b63;}
.cartlist table td{padding:6px 5px 5px 5px; border-bottom:#e6e7e7 1px solid; vertical-align:middle;text-align: center; line-height:18px;}
.cartlist table .T2 a:hover, .cartlist table .T6 a:hover{ position:relative; top:1px; left:1px;}
.cartlist table tbody tr.even{background-color:#f8f8f8;}
.cartlist table tbody tr.odd {background-color:none;}
.cartlist table tbody tr.over{background-color:#eee;}
.cartlist table tbody tr.out{background-color:none;}
.cartlist .T0{ width:80px;}
.cartlist .T1{ width:100px;}
.cartlist .T3{ width:50px;}
.cartlist .T2{ text-align: left;}
.cartlist .T4, .cartlist .T5{ width:70px;}
.cartlist .T6{ width:50px;}
.cartlist .T7{ text-align:right; font-weight:bold; color:#555b63; border:0; padding-right:20px;}
.cartlist .T7 .money{ padding-left:5px; font-size:13px;}
.cartlist .photoimg{margin:0 auto; padding:1px; border:1px solid #cfcdc5; width:80px; height:60px;}
.cartlist .photoimg:hover{ border-color:#4171b8;}
.cartlist .photoimg img {cursor:pointer;max-width:80px; max-height:60px; width: expression(this.width >80 && this.height < this.width ? 80: true); height: expression(this.height > 60 ? 60: true);}


/* page tools css */
.grayr {margin:20px 0 0 0; padding:10px; FONT-SIZE:12px;text-align:center;}
.grayr a {PADDING:5px 10px;MARGIN:3px;COLOR:#000;TEXT-DECORATION: none; border:#fff 1px solid;FONT-WEIGHT: bold;}
.grayr a:hover {COLOR:#61666e; border-color:#61666e;}
.grayr a:active {COLOR:#000; BACKGROUND-COLOR:#00c4f8;}
.grayr span.current {PADDING:5px 10px; FONT-WEIGHT: bold; MARGIN:3px;COLOR:#00c4f8; border:#00c4f8 1px solid;}
.grayr span.disabled {PADDING:5px 10px; MARGIN:3px; COLOR:#e8e8e8;border:#e8e8e8 1px solid;FONT-WEIGHT: bold;}

/* content list */
.content_list{ width:100%; overflow:hidden;}
.content_list table { width:100%;table-layout:fixed; overflow:hidden;}
.content_list table th{padding-bottom:8px;border-bottom:#e8e8e8 1px solid;text-align:left; font-size:13px; padding-right:5px; line-height:20px; font-size:13px; color:#000;}
.content_list table td{padding-top:10px; padding-bottom:9px; border-bottom:#e8e8e8 1px solid; vertical-align:top; padding-right:5px}
.content_list table td.T1{background-image:url(../images/marker-2.gif); background-position:5px 14px; background-repeat:no-repeat;padding-left:20px;}
.content_list table th.T1{padding-left:20px;}
.content_list table td a:hover{ text-decoration:underline;}
.content_list table tbody tr.even{background-color:#f8f8f8;}
.content_list table tbody tr.odd {background-color:none;}
.content_list table tbody tr.over{background-color:#f2f0f3;}
.content_list table tbody tr.over td.T1{ background-image:url(../images/marker-3.gif);}
.content_list table tbody tr.out{background-color:none;}

.list_news .T1{ width:100px;}
.list_news table td a{color:#000;}
.list_news table td a:hover{color:#61666e;text-decoration: underline;}

.list_subbranch table{width:100%;table-layout:fixed; overflow:hidden;}
.list_subbranch table th{padding-bottom:8px;border-bottom:#e8e8e8 1px solid;font-size:13px; padding-right:5px; line-height:20px; font-size:13px; color:#000;}
.list_subbranch table td{padding-top:10px; padding-bottom:9px; border-bottom:#e8e8e8 1px solid; vertical-align:middle; padding-right:5px; text-align:center;}
.list_subbranch table td.T1, .list_subbranch table th.T1{ padding-left:20px; width:100px;}
.list_subbranch table td.T1 img{ width:80px;}
.list_subbranch table td.T5{ width:80px;}

.detailstitle{ clear:both; line-height:20px; padding:0 5px 10px 5px; border-bottom:#e8e8e8 solid 1px; margin-bottom:10px; overflow:hidden;}
.detailstitle .nametext{font-size:16px; font-weight:bold; color:#000; float:left;}
.detailstitle .note{font-size:12px; float:right;}

/* ---------- product----------  */
#list_product .T1{ width:30px; text-align:center; font-weight:bold; background-image:none; padding-left:10px;}
#list_product .T2{ width:100px; text-align:center;}
#list_product .T3{ width:200px; }
#list_product table td{ vertical-align:middle;}
#list_product table td a{color:#000;}
#list_product table td a:hover{color:#61666e;text-decoration: underline;}
#list_product table td .photoimg{margin:0 auto; padding:1px; border:1px solid #e8e8e8; width:80px;}
#list_product table td .photoimg img {cursor:pointer;max-width:80px; max-height:60px; width: expression(this.width >80 && this.height < this.width ? 80: true); height: expression(this.height > 60 ? 60: true);}


/* ----------  contact us details ----------  */
input, textarea{color:#838383;font-size:13px;padding:5px; border:1px solid #838383;background:#fff url(../images/input.gif) 0 0 no-repeat;}
input{height: 16px;}
textarea{height:60px;width:200px; overflow-x: hidden; overflow-y:auto;}
select{border:1px solid #838383;background-color:#fff; height:21px;color:#838383; margin-top:4px; margin-bottom:3px;}
input:focus, textarea:focus{border-color:#4171b8; background-color:#fff; color:#000;background-image:none;}
input:hover, textarea:hover{border-color:#4171b8;}
input.type1{ width:200px;}
input.type2{ width:75px;}
input.type3{ width:30px;}
select.type1{ width:210px;}
select.type2{ width:103px;}
select.type3{ width:40px;}
.from_post input, .from_post select, .from_post textarea{ float:left;}
.from_post table {clear:both; width:100%; }
.from_post table .loadtext{ padding:0 3px;color:#555b63;}
.from_post td{padding-bottom:15px;vertical-align:top;}
.from_post td.td1{text-align:right; width:120px; font-weight:bold;line-height:28px; padding-right:10px; color:#555b63;}
.from_post td.td2{width:230px;}
.from_post td.td2 img{vertical-align:middle; padding-left:10px; cursor:pointer; padding-top:5px;}
.from_post td.td3 img{ padding:3px 0 0 0}
.from_post td.td2 span{ float:left; padding:0 5px; line-height:28px;}
.from_post td.td3 { padding-top:5px;}
.from_post td.td3 span{line-height:18px; color:#999;}
.from_post .radio{ background:none; border:0; padding:0px; width:13px; height:13px; margin:8px 3px 7px 5px; }
.from_post .brtools{ margin-left:110px;}

.termstext{padding:2px 3px;overflow:hidden;border:1px solid #838383; width:500px; height:80px;overflow-y:auto; overflow-x:hidden; color:#838383;}
.payinfo{ clear:both; font-weight:normal; padding-bottom:20px;}
.payinfo .sign{ padding:0 10px;}
.payinfo .money{ padding:0 5px;}
.payinfo strong{ font-size:15px;}
.payinfo strong .money{ font-size:15px;}

.ordertable{ clear:both; width:100%; overflow:hidden;border-collapse:collapse; margin-bottom:20px;}
.ordertable th{padding:5px 5px 4px 5px; border:#e8e8e8 1px solid; text-align:left; font-size:13px;}
.ordertable td{padding:5px 5px 4px 5px; border:#e8e8e8 1px solid; vertical-align:top; line-height:24px;}
.ordertable td.head{background:#f8f8f8; font-weight:bold; text-align:center;}