/* CSS Document */

body { font-family:Arial, Helvetica, sans-serif;}

.clear { clear:both; height:1px;}

#left_frame ul,
.prod_list,
#sum_table ul {margin:0px; list-style:none; padding:0px; }

/*  frame_div */
#frame_div{ width:980px; height:auto; margin:0 auto; position:relative;
	top: 0px;
	left: 0px;
}

/* left_Frame_div */
#left_frame {width:184px; height:auto; float:left; border:1px solid #c4c5c5;}

#left_frame h4 {margin:0px 0px 5px 0px; background-color:#FDF2D6; padding:5px 0px 5px 15px; color:#019640;}

#left_frame ul li {  margin:0px 0px 15px 0px; display:block; width:184px; height:118px;}

#left_frame ul li a {color:#373737; font-size:14px; text-decoration:none;  }

#order span,
#login span,
#infor span,
#submit span {display:block; width:68px; height:68px; border:none; margin:0 auto 10px auto; text-align:center;} 

#left_frame ul li b {display:block; text-align:center;}

#left_frame ul li p {margin:5px 0px 0px 0px; text-align:center; display:block;}

#left_frame ul li a:hover {color:#f98d01;}

#order span{ background:url(../images/f_17.jpg);}

#login span{ background:url(../images/f_06.jpg);}

#infor span{ background:url(../images/f_13.jpg);}

#submit span{ background:url(../images/f_09.jpg);}

#order a:hover span { background:url(../images/f_11.jpg); display:block; width:68px; height:68px;}

#login a:hover span { background:url(../images/f_05.jpg); display:block; width:68px; height:68px;}

#infor a:hover span { background:url(../images/f_19.jpg); display:block; width:68px; height:68px;}

#submit a:hover span { background:url(../images/f_10.jpg); display:block; width:68px; height:68px;}

#left_frame span img,
#right_frame a img {border:none;} 

/* right_Frame_div */
#right_frame { width:783px; min-height:575px; height:575px; height:auto!important;_height:575px; overflow:visible; 
                float:right; margin-left:7px;border:1px solid #c4c5c5;}

#select_address,
.infor_title {background-color:#F3F3F1; border-bottom:1px solid #ebebeb; margin:0px; padding:5px 15px;}

#select_address label,
.infor_title {font-size:14px; font-weight:600; color:#373737; vertical-align:middle;}

#select_address select { color:#646464; font-size:12px; height:20px;} 

  /*  information  */
 
#information { padding:10px 0px 10px 0px;}
  
#information b,
#information select,
#information input,
#message,
#sign{ font-size:12px; color:#646464; vertical-align:middle;}

.rad,
#message,
#information textarea {margin:0px 0px 0px 45px;}

#information span,
#sign span {color:#FF0000;padding:3px 4px 0px 0px; float:inherit; vertical-align:middle;}

#information b {float:left; width:180px;}

.showtxt { color:Red; font-size:12px; float:left; display:block;}

#mobile,
#tele {margin-right:64px;}

.rad {float:left; width:14px; height:14px; width:140px;color:#666;  padding-right:20px;}

.rad span { color:Red;}

#information textarea {width:400px; height:120px;}

#hidden_card {display:none;}

#hidden_card a,
#sign p a,
.forget_link a {font-size:12px; text-decoration:none; color:#f98d01;}

#sign p a:hover,
.forget_link a:hover { text-decoration:underline; color:Red;}

#button {margin:10px 160px 0px; padding:0px;}

.txt_input{ color:#646464; width:300px; height:16px; vertical-align:middle;  border:1px solid #c4c4c4;}

.login_input { width:180px; height:14px; border:1px solid #c4c4c4;}

.matop { margin:10px 0px 0px 104px;}

.show_infor { display:block; height:14px; margin-bottom:4px; margin-left:130px; }

 /* Account Login */
 
    /* sign_in ,new_guest */
	
#sign_in,
#new_guest{ width:358px; height:auto; float:left; padding:15px 15px; margin-top:30px;}

#sign_in h5{ margin:0px; color:#373737; border-bottom:2px solid #9B9B9B; padding:0px 0px 3px 10px;}

#new_guest h5{ margin:0px; color:#f98d01; border-bottom:2px solid #f98d01; padding:0px 0px 3px 10px;}

#sign_in p,
#new_guest p{margin:6px 3px; color:#646464; font-size:12px;}

#sign { margin:10px;}

#sign label {float:left; width:130px; vertical-align:middle;}

#sign p { margin-left:120px; }

.checkout { margin:10px 90px;}

#line { background:url(../images/login_03.jpg) no-repeat; width:6px; height:281px; float:left; margin-top:30px;}	


/*   order list  */
.prod_list { border-bottom:1px dashed #D7D7D5; margin:0px 10px 5px 10px;*margin:0px 6px 5px 6px; height:68px;}

.prod_list li,
#sum_table ul li{ float:left; padding:5px 5px 0px 5px;}

#infor_title { color:#373737; margin:0px; padding:5px 15px;background-color:#F3F3F1; border-bottom:1px solid #ebebeb;}

.edit a,
.edit{ font-size:12px; color:#Fe0000; text-decoration:none; font-weight:normal;}

.edit a:hover { text-decoration:underline; color:#FE787B;}

.title_1 { margin-right:70px;}

.title_2 { margin-right:18px;}

.title_3 { margin-right:40px;}

.title_4 { margin-right:60px;}

.title_5 { margin-right:60px;}

.list_pic { width:58px; height:58px; padding-right:5px;}

.list_desp {width:115px; height:58px; overflow:hidden; line-height:110%;}

.list_desp a,
#subtotal i {font-size:12px; color:#646464;}

.unit_cost,
.max_quan {font-size:12px;vertical-align:middle;  }

.unit_cost {color:#Fe0000;margin:20px 10px 20px 15px;}

.unit_cost b { margin:0px 20px 0px 25px;}

.max_quan {color:#373737; margin:20px 60px 20px 45px;}

.prod_list li form { margin:0px; width:84px; padding:0px;}

.quan_num { display:block; margin:0px 20px 5px 20px; width:30px; height:14px;}

.delete_menu{ width:51px; height:27px; margin:15px 5px;}

#subtotal {margin:10px 15px; padding:10px 0 0 0;border-top:1px dashed #c4c4c4;}

#subtotal b {font-size:12px; color:#373737; margin-left:240px;}

#ok_back { margin:0px; padding:10px 0px 20px 240px;}


/* submit order */

#del_addr,
#del_ship,
#infor_payment,
#infor_mes,
#loy_save,
#loy_point,
#coup_id,
#coup_save{ padding:10px 25px; margin:0px;font-size:12px; color:#646464;}

#sum_title {background-color:#FCD6A5; border-bottom:1px solid #E3CBAB; margin:0px; padding:10px 15px;font-size:16px; 
            font-weight:600; color:#019640; vertical-align:middle;}

#del_addr b,
#infor_coupon b,
#del_ship b{color:#373737;}

#del_addr p {margin:0px 0px 5px 0px;}

#sum_table { padding:10px 80px; margin:0px;}

#sum_table h5 { border-bottom:2px solid #A4A4A4; margin:0px; padding:2px 0px; height:18px; display:block;}

#sum_table h5 span{ margin-right:60px; float:left;}

#sum_table ul { display:block; clear:left; border-bottom:1px solid #E5E5E5; height:38px; padding:0px 10px;}

#sum_table ul li {font-size:12px; color:#646464;}

.shop_item{ width:200px; text-align:center;}

.sum_title {width:200px; overflow:hidden;margin-right:40px;height:30px;}

.sum_cost { width:20px; margin:9px 90px 9px 0px; }

.sum_quan {margin:9px 80px 9px 0px; }

.sum_total { margin:9px 0px;}

#total_all { background-color:#ECFDF3; height:30px; font-size:12px; padding:5px 86px 10px 15px; margin:5px 0px;}

#total_all p {padding:5px 5px 0px 5px; clear:left; margin:0px;}

#total_all p b { float:left; color:#373737; }

#total_all p span {float:right; color:#f98d01;}

#exclud_fr { background-color:#444444; padding:5px 10px; margin:0px;}

#exclud_fr b {font-size:14px; color:#FFFFFF; width:475px; float:left;}

#exclud_fr {color:#Fe0000; font-weight:600;}

#back_submit{ height:31px; padding:15px 200px; margin:0px;}

.save_menu { margin-left:460px;}

.frame_padding { padding:0px 96px;}  

#information p { clear:left;}

.input_width { width:180px; height:14px; border:1px solid #c4c4c4;}

#bar {position:absolute; top:20%; left:40%; margin:-10px 0 0 -100px; width:80px; height:24px; border:1px solid #373737;
       background-color:#d9d9d9; padding:48px 160px;}
       
.text_area { width:300px; height:100px; margin:20px 0px 10px 40px; border:1px solid #c4c4c4;} 
.txt_card{ width:120px; height:16px;border:1px solid #c4c4c4; float:left;}
    

.csPayType{ margin:0px 10px 0px 40px;  height:100px;}  

.centPanels { padding:0px; margin:15px 160px 5px; height:42px; line-height:42px; }

.lblShow {  margin-left:6px; font-size:12px; color:Red;}

.order_title {background-color:#F3F3F1; border-bottom:1px solid #ebebeb; margin:0px; padding:5px 15px;}

#shopcart_con { display:block; margin:20px 10px;}

.ibtBack_cilk { margin:12px 0;}