@charset "utf-8";
/* CSS Document */
/*****products-grid*****/
.gui{border-bottom:2px solid #5b9114; padding-bottom:5px;}
.gui a{color:#000;}
.grid{border:1px solid #d2d3cd; padding:10px; margin-top:10px; background:#f1efe0;}
.grid a{margin:0 5px; color:#000;}
.show{border:1px solid #d2d3cd; margin-top:10px; padding:10px; background:#f1efe0; margin-bottom:10px;}
.show a{text-decoration:underline; color:#000;}
.show a:hover{color:#666;}
.show a.side{text-decoration:none;}
.right-box-left{border:1px solid #d2d3cd; width:573px;border-right:none; border-bottom:none;}
.right-box-left li{width:175px; height:310px; padding-left:15px; padding-bottom:5px; overflow:hidden; border-bottom:1px solid #d2d3cd; border-right:1px solid #d2d3cd;margin:0;}
a.underline{text-decoration:underline;}
img.list-price{margin-left:35px;}
img.add{margin-top:6px;}
img.pro-grid{width:159px; height:114px;}
.right-box-right{width:200px; margin-left:10px;}
.right-side-top{border:1px solid #d2d3cd; background:#f1efe0;margin-bottom:10px;}
.right-side-top h2{text-align:center; color:#fff; font-size:16px; background:#333a23; padding:3px 0; margin:0;}
.right-side-top h3{text-align:center; color:#FFF; font-size:14px; background:#596147; padding:0; margin:0;}
.right-side-top p{margin:0; padding:0.3em 1em; line-height:1.4em;}
.right-side-top span.red{font-weight:normal;}
span.green{color:#629212;}
.right-side-middle{border:1px solid #d2d3cd;border-right:none; border-bottom:none; margin-top:10px; margin-bottom:10px;}
.right-side-middle h3{text-align:center; color:#596147; font-size:14px; background:#f1fbc0; padding:0; margin:0;border-right:1px solid #d2d3cd;}
.right-side-middle li{ float:none;width:183px;height:310px; margin:0; padding-left:15px; padding-bottom:5px; overflow:hidden; border-bottom:1px solid #d2d3cd; border-right:1px solid #d2d3cd;}
a.l-chat{margin:10px 0;}
/********products-list************/
ul.list-dis li{float:none; width:562px; height:115px; padding-right:10px; padding-left:0;}
span.item{padding-right:80px;}
p.menber-price{float:right; text-align:right; margin-top:30px;}
img.product{width:130px; height:114px; margin-right:10px;}
#tooltip{
    position:absolute;
    border:1px solid #ddd;
    background:#333;
    padding:2px;
    display:none;
    color:#fff;
}
a{color:#5a5959;}
#popBox{ display:block; clear:both;  position:absolute; background-color:#fff ; border:2px solid #ccc;}
#popBox .pop_wraper {display:block; clear:both; padding:10px; margin:10px; margin-top:30px;overflow:hidden;background:#fcfbf1; border:1px solid #ccc;}
#popBox .pop_wraper h3{font-size:14px; margin:0; padding:0; margin-bottom:10px;}
#popBox .pop_wraper a.green{color:#fff;}
.winHtmlClose {right:10px;top:5px;position:absolute; font-size:14px;}
/********prodcucts-show**************/
.pro-show{padding:0 5px;}
.show-right{width:755px; color:#5a5959;}
.show-right a{color:#5a5959;}
.show-right p{margin:0; padding:0.2em 0;}
.show-right-top{border:1px solid #d2d3cd; padding-bottom:10px; margin-bottom:50px; zoom:1;}
.show-r-t-left{width:310px;}
.show-r-t-left h3{color:#737171; background:#f1fbc2; margin:0; padding:0; text-align:center; font-size:14px;}
img.pro-show{border:2px solid #d2d3cd; padding:0; margin:5px 1px;}
.center{text-align:center;}
.left{text-align:left;}
.satis{width:200px; margin:0 auto; text-align:left;}
.show-r-t-right{width:410px; margin-left:20px;}
.show-right h2{font-size:16px; padding:10px 0; margin:0;}
.show-right h3{font-size:14px; padding:0; margin:10px 0;}
img.middle{vertical-align:middle;}
span.orange{color:#ec751e;}
table.top{font-size:14px; border-collapse:collapse;}
table.top td{padding-right:0; padding-left:0;}
table.product{text-align:center;border:1px solid #d2d3cd; font-size:12px; font-weight:bold; border-collapse:collapse;}
table.product th{ background:#f1fbc2;border:1px solid #d2d3cd;}
table.product td{border:1px solid #d2d3cd;}
table.no{border-collapse:collapse; text-align:center;}
table.no th{background:#808080; color:#fff;}
table.no td{background:#d9d9d9;}
a.green{background:#7eb12a; color:#fff; text-align:center; display:inline-block; font-size:14px; padding:2px 5px; margin-right:40px;}
a.green:hover{text-decoration:none;}
a.right{margin-right:25px;}
#fragment-b form select{width:120px; margin-right:30px;}
form.inside{border:1px solid #b1b0b0;background:#f7f7f7; width:115px;padding:3px 0; margin:0 0 0 10px;}
#tab_container-b h3{padding-left:15px; margin:10px 0 5px 0;}
#tab_container-b h3 span{background:#fff; padding:0 5px;}
#fragment-a,#fragment-b,#fragment-c,#fragment-d{padding-left:0; padding-right:0;}
.fragment-top{background:url(../images/pro-title-bg.png) no-repeat 0 10px; }
.fragment-bg{background:url(../images/pro-middle-bg.png) repeat-y; padding-left:10px; padding-top:5px; padding-right:10px;}
.pro-bottom{width:755px; height:15px; background:url(../images/pro-bottom-bg.png) no-repeat;}
div.line{border-top:4px solid #7f7f7f;}
.question{border-top:2px solid #d2d3cd; margin:10px 0;}
.question h4{padding:0; margin:5px 0; font-size:13px;}
.answer-top{background:url(../images/pro-question-top.png) no-repeat; width:751px; height:36px;}
.answer-bottom{background:url(../images/pro-question-bottom.png) no-repeat; width:751px; height:11px;}
.answer{background:url(../images/pro-question-middle.png) repeat-y; padding:0 10px;}
.write{margin-top:30px;}
table.write{margin-left:20px;}
table.write th{text-align:left;}
.write form textarea{width:500px; height:100px; font-size:12px; overflow:hidden;}
.write form input.color{width:200px;}
.write form .button{cursor:pointer;}
a.write{margin-left:70px;}
#fragment-a p.bottom{margin-left:10px; margin-right:10px;}
#fragment-c table.pay{margin-left:20px; width:500px;}

/******login*******/
.login{margin:10px 10px;color:#5a5959; padding:10px; width:435px;}
.login a{color:#5a5959;}
.login h2{padding:0; margin:5px 0 15px 0; font-size:18px;}
ul.login{margin:0; padding:0; margin-left:10px; padding-bottom:5px;}
ul.login li{margin-top:5px; padding-left:10px; background:url(../images/list-style.png) left center no-repeat;}
ul.login li.first{padding-left:0; background:none; font-weight:bold;}
/*******create-account**********/
.create{color:#5a5959; padding:10px; margin-top:10px;}
.create a{color:#5a5959;}
.create div.fr{width:310px;}
.create span.right{padding-right:15px;}
.create h2{font-size:18px; margin:20px 0; padding:0; padding-left:20px; background:url(../images/icon_padlock.gif) left center no-repeat;}
.create h3{font-size:14px; margin:5px 0; padding:5px 0; border-bottom:1px solid #d2d3cd;}
.create p{margin:0; padding:0.3em 0; line-height:1.4em;}
.create table{border-collapse:collapse;}
img.box{margin-left:5px;}
span.bold{font-weight:bold;}
p.border{border:1px dashed #d2d3cd; padding:5px;}
.create span.red{font-weight:normal;}
form input.one{width:220px;}
form input.two{width:162px;}
form input.three{width:50px;}
form input.four{width:105px;}
form input.five{width:300px;}
.create form select.country{width:225px;}
.create form select.one{width:165px;}
.create form select.two{width:305px;}
.create form textarea.one{width:750px; height:60px; overflow:hidden; font-family:"Segoe UI";}
/*******account*********/
.ac-left{width:200px;margin-bottom:10px;}
.ac-right{width:760px;margin-bottom:10px;color:#5a5959;}
.ac-left-a{margin-bottom:10px; padding-bottom:40px;}
.ac-left h3, .ac-right h3{background:#586048; color:#fff; padding:0; margin:0; padding-left:15px; font-size:14px}
h2.account{color:#5c9314; font-size:18px; padding:15px 0; margin:0;}
.border{border:1px solid #d2d3cd;}
.ac-left li{height:15px;padding:5px 0; border-bottom:1px solid #000; padding-left:15px;}
.ac-left li a{color:#5a5959;}
.ac-right table.create{margin-left:40px; }
.ac-right table.create td.left{height:30px; text-align:right;}
.ac-right table.create textarea{width:400px; height:80px;}
.ac-right p{padding:0.5em;}
/*******container*************/
.container-left{width:200px; padding-bottom:5px; padding-top:10px;color:#5a5959;}
.container-right{width:763px; padding-top:10px; padding-left:5px;color:#5a5959; margin-bottom:10px;}
.container-left .border{margin-bottom:10px; margin-top:10px;}
.container-left h3{text-align:center; color:#596147; font-size:14px; background:#f1fbc0; padding:0; margin:0;}
.container-left p{padding:0.5em; margin:0;}
.container-left a{color:#5a5959;}
.container-right h3{font-size:18px; padding:5px 0; margin:0;}
.container-right span.red{font-weight:normal;}
a.blue{color:blue; text-decoration:underline;}
.container-right input.c{width:30px; text-align:center;}
.container-right .top{vertical-align:top;}
.container-right .center{text-align:center;}
.container-right .right{text-align:right;}
.head{border:2px solid #5a5959; padding:5px;}
table.container{border-collapse:collapse; margin-bottom:5px;border:1px solid #d2d3cd;}
table.container td{padding:5px;zoom:1;}
table.container td.bottom{border-bottom:1px dashed #d2d3cd;}
table.container td.bottoma{border-bottom:1px solid #d2d3cd;}
table.container td.r-border{border-right:1px dashed #d2d3cd;}
td.title{background:#f1fbc0; font-weight:bold;border-bottom:1px solid #d2d3cd;}
a.gray{background:#bfbfbf; color:#333333; display:inline-block; font-size:14px; width:65px; text-align:center; padding:2px 0; margin-right:5px;}
a.gray:hover{text-decoration:none;}
span.blue{color:blue;}
/*******container-confirmation**********/
/***Shipping & Documents Requirement***/
.container-right h4{color:#596147; font-size:14px; background:#f1fbc0; padding:0; padding-left:10px; margin:10px 0;}
.container-right p{padding:0.5em 0; line-height:1.6em;}
.pa-left{padding-left:15px;}
.pa-left form textarea.one{width:500px; height:60px; overflow:hidden; font-family:"Segoe UI";}
a.red{background:#e30304; color:#fff; display:inline-block; font-size:14px; width:65px; text-align:center; padding:2px 0; margin-right:5px;}
a.red:hover{text-decoration:none;}
.line-thr{border-bottom:2px dotted #ccc;}
/***Order Review & Confirm***/
table.or-view{border-collapse:collapse; border:1px solid #d2d3cd; margin:10px 0 10px 0;}
table.or-view td{padding:2px 5px;}
table.or-view td.right{border-right:1px solid #d2d3cd; text-align:left;}
td.bottomb{border-bottom:2px solid #d2d3cd;}
/***Payment Methods***/
div.pay{margin-left:30px; padding:5px; display:none; margin-bottom:10px;}
.pa-left h4{background:none; padding:0;}
.b-infor{background:#fcfbf1; margin-top:10px;border:1px solid #d2d3cd;}
.b-infor td{padding:5px 10px;}
.container-right h1{color:#7eb12a; font-size:24px; padding:0; margin:10px 0;}

