﻿@charset "utf-8";

html {

   -webkit-text-size-adjust: none;

}

.account_left {

	border-top: none;

	border-bottom: none; font-size:1.15em;

}
.page_links a{ padding:5px}
.account_left h3 {

	background: #f98a1a;

	line-height: 28px;

	padding: 3px 0px 3px 15px;

	font-weight: bold; margin-bottom:1em;

}
.account_left a {font-family: Arial, Helvetica, sans-serif;}
.askcont {padding-top:10px;}

.askcont ul li {line-height:32px; padding:5px 0; padding-left:20px; overflow:hidden;}

.askcont ul li span { display:block; width:100px; text-align:right; float:left;}

.askcont ul li b {color:#ed3600;}

.askcont ul li input {float:left; margin-top:5px; margin-left:5px;border:1px solid #ccc;}

.askcont ul li textarea {float:left; margin-top:5px; margin-left:5px;}

#btnli {padding-left:120px; padding-top:10px; clear:both;}

#viewlist {padding-top:10px;}

#recont {margin:0px 8px; padding:3px 0px;}

#recont dl {padding-top:5px; }

#recont dl dd {padding:5px 3px; line-height:18px; color:#391731;}


.askcont ul li .asbtn{ border: medium none;}


.input_reg_text {border:solid 1px #ccc; height:20px; line-height:20px;}

.input2 {border:solid 1px #ccc; height:20px; line-height:20px;}
.refText {border:solid 1px #ccc; height:20px; line-height:20px;}


#right title {height:28px; line-height:28px; padding-left:6px; font-size:13px; background:#f5f5f5; margin-bottom:5px}

.about {padding:8px 10px; line-height:24px;}
.row li {
    line-height: 26px;
    margin: 8px 0;
    padding-left: 5px;
}
.row li em { font-family:Arial, Helvetica, sans-serif; color:#f00; padding:0px 3px;}
.order_status { display:block; clear:both; padding-top:6px;}
.input_text {border-radius: 3px;
	border: 1px solid #ddd;
	padding: 5px 0px;
	text-indent: 3px;
	outline: none; width:30%}
	#ctry{border-radius: 3px;
	border: 1px solid #ddd;
	padding: 5px 0px;
	text-indent: 3px;
	outline: none; width:30%}
.account_left h3 a {

	color:#fff;

	font-weight:bold;

}

#accont {padding:8px 5px; border: solid 1px #ddd;}

.account_left li {

	line-height:28px;

	padding: 5px 0px 5px 6px;

	border-bottom:dotted 1px #ccc;font-family: Arial, Helvetica, sans-serif;

}

#password_form ul li label.required ,#password_form ul li label {
    padding-right: 10px;
    text-align: right;
     float:left; width:22%;
}
#password_form ul li { overflow:hidden; padding:5px 0px;}
.row li label.required {
    padding-right: 10px;
    text-align: right;
    width: 15%; float:left
}
.row li label.required1 {
    padding-right: 10px;
    text-align: left;
     float:left
}
.form_list .row .order_status li {
    clear: none;
}
#content {padding:15px 0px;}
table.orders td {padding:6px 0px;}
.order_status input {

	margin-right:10px;

}

#askbtn {padding-top:10px; overflow:hidden; height:25px;}

#askques h3 {color:#333; height:25px; line-height:25px;font-size:12px; font-weight:bold;}

#askques {padding-top:10px;}

#askques ul li {line-height:28px; padding-left:20px; overflow:hidden;}

#askques ul li span { display:block; width:100px; text-align:right; float:left;}

#askques ul li b {color:#ed3600;}

#askques ul li input {float:left; margin-top:5px; margin-left:5px;border:1px solid #ccc;}

#askques ul li textarea {float:left; margin-top:5px; margin-left:5px;}

.asinput { border:solid 1px #d8d7d7; height:16px;line-height:16px;}

.astext { border:solid 1px #d8d7d7; height:80px;line-height:18px;}

.asbtn, .submit_btn {background:url(https://www.angelplayground.com/images/submit.png) no-repeat; width:74px; height:28px; border:none;}

.orsear_btn {background:url(https://www.angelplayground.com/images/subm_14.jpg) no-repeat; width:73px; height:28px; border:none;}

#shoppingcartRight h1 { text-align:right; padding:5px 0;}
.orderTotal { text-align:right; padding:5px 0;}
.orderTotal b { color:#f00; font-family:Arial, Helvetica, sans-serif;}
.btnCheckout { text-align:right; padding:5px 0;}
.btnCheckout a { margin-left:1em;}
.checkoutRight { width:19%; padding:1%; background:#f5f5f5;}
.checkoutRight h2 { padding:6px 0; line-height:2em;}
.cartImg { width:30%; float:left;}
.cartDetails { padding-bottom:1em; float:right; width:67%;}
.clr { clear:both; height:10px}
.cartSummary { font-size:1.15em; line-height:2em;}

.rbox h5 { font-size:1.35em; line-height:2em; border-bottom:solid 1px #eee;}
#askques ul li#btnli {padding-left:120px; padding-top:10px; clear:both;}


.add-table {

	border: #CCCCCC 1px solid;

}

.add-table td {

	height:30px;

	padding-left:5px;

}

.add-address h5 {

	background:url(https://www.angelplayground.com/images/add-bg.jpg) no-repeat;

	height:32px;

	line-height:32px;

	font-size:12px;

	padding-left:10px;

}

.usercenter_address .add_del {

	background: url(https://www.angelplayground.com/css/images/bg.gif) no-repeat -999em 0px

}

.usercenter_address .add_edit {

	background: url(https://www.angelplayground.com/css/images/bg.gif) no-repeat -999em 0px

}

input {

	font-family:Arial, Helvetica, sans-serif

}
.textarea textarea {border:1px solid #ddd}
.registerForm tr td{ padding:3px 0}
.input2, .refText {
    border: 1px solid #CCCCCC;
    height: 20px;
    line-height: 20px;
}
.add-address {

	float:left;

	margin-left:2%;

	width:48%;

	height:100%;

}

	
.input_reg_text {
    border: 1px solid #CCCCCC;
    height: 20px;
    line-height: 20px;
}
.cartt li {
 border-top: 1px solid #ddd;
}.cartTable {
    background: none repeat scroll 0 0 #EEEEEE;
    height:18px; padding:5px 0px;
    text-align: center; overflow:hidden
}.cart-table {
 border: 1px solid #ddd;
    width: 100%;
}
.remove {
    float: left;
    width: 13%;
    word-break: break-all;
}.cartt li{ padding-top:10px; }
.remove{ width:8%; float:left;word-break:break-all; text-align:center;}
.productpic{ width:13%; float:left;word-break:break-all; }		
.productname{ width:25%; float:left;word-break:break-all; padding-right:2%; }
.Model{ width:9%; float:left;word-break:break-all; padding-right:1%}

.productPrice{ width:14%; float:left;word-break:break-all; padding-right:1%; text-align:center}
.productQty{width:15%; float:left;word-break:break-all; padding-right:1%; text-align:center}
.productTotal{width:10%; float:left;word-break:break-all; padding-right:1%; text-align:center}
.re{width:13%}
.repro{ width:12%;}
.rett{ width:29%; padding-right:1%}
 .repri{ width:11%; padding-right:1%}
 .reqty{ width:12%; padding-right:1%}
 .reline{ width:14%}
 .gen{ overflow:hidden}
 .gen li{ width:49%; float:left; text-align:left}
 .Shipping1{ padding-bottom:10px; float:left; width:50%}
.products_title{ border-bottom: 1px solid #E6E6E6;
    border-top: 1px solid #E6E6E6;
    color: #555555;
    font-size: 12px;
    margin-bottom: 5px;
    overflow: hidden;
    padding: 5px 10px;}
	
.productQty .registqty {border:solid 1px #e6e6e6; margin:0px 5px; line-height:14px; height:14px; padding:2px; outline: none;}
.regist { width:35%; border:solid 1px #e6e6e6; float:left; margin:0px 5px; line-height:14px; height:14px; padding:2px; outline: none;}
.productQty span.shul { font-family:Arial, Helvetica, sans-serif;font-size:1.35em; display:block; float:left;line-height:14px; height:14px; padding:2px;cursor:pointer;border:solid 1px #e6e6e6; background:#f5f5f5; cursor:pointer; width:15px; text-align:center;}

.productQty span.shuladd { font-family:Arial, Helvetica, sans-serif;}
.productQty span.shulredu { font-family:Arial, Helvetica, sans-serif; cursor:pointer;}

.btn_procheckout {padding-top:10px;}

h3.title {padding:15px 0px 10px 0px;font-family: Arial, Helvetica, sans-serif;}
.Delivery table td {padding:5px 0px;}
.Delivery div {padding-top:10px;}

table.orders caption {font-size:1.35em; padding:6px 0px; font-weight:bold;}
table.orders  td {padding:3px 0px; border-bottom:dotted 1px #ddd; font-size:1.15em;}
.category_page { background:#f6f6f6; margin-top:10px; padding:6px 0px;}
.about { font-size:1.15em;}
.about ul, .about ol, .about li, .about p, .about h1, .about h2, .about h3, .about h4, .about h5, .about h6, .about form, .about fieldset, .about table, .about td, img, .about div, .about dl, .about dt, .about dd, .about tr ,.about span,.about a ,.about input,.about select{font-family: Arial, Helvetica, sans-serif;}

#checkout_payment td { padding:8px 5px;}
#checkout_confirmation td { padding:8px 5px;}
#checkout_address td { padding:5px;}

@media only screen and (max-width: 1024px) {

.add-address {

	float:left;

	margin-left:2%;

	width:48%;

	height:100%;

}


}


@media only screen and (max-width: 767px) {

.login-left{ width:96%; float:none; padding:0 1.5%}

}



@media only screen and (max-width: 620px){


.add-address {

	float:none;

	width:100%;

	height:100%;


}

	.input2{ width:90%}

}	



@media only screen and (max-width: 480px) {
#left, #pvtleft{ width:98%; float:none; margin:0 auto}

.input2, .refText{ width:100%}
.asinput {
    border: 1px solid #D8D7D7;
    height: 16px;
    line-height: 16px;
    width: 50%;
}.form_list .row .order_status li {

	float:none}
	.astext{ width:280px}
.asinput {width:280px;}
.input2, .refText{ width:100%}
.cartLineItem{ font-size:1.2em; line-height:1.6em}
.about .textar textarea{ width:94%}
.form_list .row li input{  padding-top:5px;}
.checkoutRight { width:98%; padding:1%; background:#f5f5f5;}

.add-address {

	float:none;
	width:100%;

	height:100%;

}

.remove{ width:10px}
.cartt{ font-size:11px; padding-top:5px; }


.re{width:0.1%}
.repro{ width:12%;}
.rett{  padding-left:1%}
 .repri{ width:11%; padding-left:1%}
 .reqty{ width:12%; padding-left:1%}
 .reline{ width:14%}
 
.repro{ width:10%; color:#fff; padding-left:1%}
.rett{ width:10%; color:#fff; padding-left:1%}
 .repri{ width:10%; color:#fff; padding-left:1%}
 .reqty{ width:6%; color:#fff; padding-left:1%}
 .reline{ width:10%; color:#fff; padding-left:1%}
  .reline{ width:14%}
 .gen li{ width:98%; float:left}
  .Shipping1{ float:none; width:100%}
	.cartTable{ color:#FFF; height:0px; overflow:hidden}
	.regist {
    width: 20px;
}
.row li label.required{ text-align:left}
.textarea textarea { width:80%; }
}