//
// compare
//@Author: wanglong 2015-08-18
// --------------------------------------------------
.cart{
	margin: 10px 0;
	.cart-title{
		background:#f1f1f1;
		height:65px;
		line-height: 65px;
		margin-bottom: 35px;
		h2{
			font-size:22px;
			font-weight: bold;
			line-height: 65px;
		}
		.btn-paypal{
			background:url("../images/paypal-btn.png") 0 0 no-repeat;
			width: 171px;
			height: 33px;
		}
	}
	.shopping-bag{
		margin-bottom: 20px;
  		font-size: 12px;
  		.shopping-table{ 
			margin-bottom:10px;
			.shopping-box{
				li{
					overflow: hidden;
					display: block;
					@include clearfix;
					
				}
				.shopping-list{
					position: relative;
					.under-line{
						border-bottom:1px solid #dedede;
						height: 1px;
						width: 100%;
						float: left;
					}
					.free-pro{
						width: 80%;
						float: right;
						margin-bottom: 20px;
						border:1px solid #dfebed;
						border-radius:3px;
						.left{
							width: 31%;
						}
						.right{
							width: 69%;
						}
						@media(max-width:767px){
							width:100%;
							.left{
							width: 35%;
							}
							.right{
								width: 60%;
							}
						}
					}
				}
			}
			.stock{
				background-color:$gray-light;
			}
			.shopping-title span{ 
				height:35px; 
				line-height:35px; 
				background-color:$gray-lighter;
				border-bottom:2px solid $gray; 
				font-weight:bold;
				background:none;
				font-size: 16px;
				padding:0 10px;
				display: block;
				float: left;
				&.first{ 
					text-align:left; 
					padding-left:15px;
				}
			}
			.shopping-cn{ 
				padding:20px 10px; 
				@media(max-width:767px){
					padding:20px 0;
				}
				vertical-align:top;
				float: left;
				del{
					font-weight: bold;
					font-size: 14px;
				}
				.n-price{
					font-size: 18px;
					text-transform: capitalize;
				}
				.options{
					@include clearfix;
					li{
						margin-bottom: 10px;
						display: block;

					}
				}
				.subtotal{
					font-size: 28px;
					@media(max-width:767px){
						font-size: 14px;
						font-weight: bold;
						span{
							font-size:22px;
						}
					}
				}
				.qty{
					margin: 0 auto;
					width: 125px;
					@media (max-width: 767px){
						margin: 0;
						width: 170px;	
						overflow: hidden;
						b{
							width:30px;
							display: inline-block !important;
							line-height: 30px;
							float:left;
						}
					}
					b{
						display: block;
					}
					span{
						position: relative;
						float: left;
						padding: 6px 12px;
						margin-left: -1px;
						line-height: 1.42857143;
						color: $gray;
						text-decoration: none;
						background-color: #fff;
						border: 1px solid #ddd;
						&.l-minus{
							border-top-left-radius: 6px;
							border-bottom-left-radius: 6px;
							cursor: pointer;
							&:hover{
								color: $black;
							}
						}
						&.r-plsh{
							border-top-right-radius: 6px;
							border-bottom-right-radius: 6px;
							cursor: pointer;
							&:hover{
								color: $black;
							}
						}
						&.m-input{
							font-weight: bold;
							input{
								width: 30px;
								text-align: center;
							}
						}
					}
				}

				.clearfix {
					.left{ 
						@include float; 
						width:35%;
						.delete {
							.a-underline{ 
								font-style: italic;
								padding-left:20%;
							}
							.green{
								color:$green;
							}
						}
					}
					.right{ 
						@include float(right); 
						width:60%;
						.a-underline{
							font-style: italic;
						}
						.name{ 
							display:block; 
							margin-bottom:10px;
							color:$black;
							font-weight:bold;
						}
						.item{
							color:$gray;
						}
						
						.v-line{
							@include float;
							margin:3px 10px;
							color:$gray;
						}
					}	
				}
				p.bottom{ 
					margin-top:15px;
				}
				.cart-option li{ 
					margin-bottom:10px;
					.btn{ 
						margin:0 10px 10px 0;
						cursor:pointer;
					}
					label{ 
						@include inline-block; 
						width:40%; 
						margin-right:3px; 
						text-align:left;
						margin-bottom: 0px;
					}
					select{ 
						width:40%; 
						height: 20px; 
						line-height: 20px;
					}
					.text{ 
						width:40%; 
						height:20px; 
						line-height:20px;
					}
				}
				&.offers{ 
					padding-left:15px; 
					text-align:left; 
					font-size:$font-size-base;
				}
				.cart-size{ 
					@include inline-block;
				}
			}
			.share {
		        a.a1 {
		            background: url("../images/themes.png") no-repeat scroll 0 -331px rgba(0, 0, 0, 0);
		            @include inline-block;
		            height: 20px;
		            margin: 0 0 0 5px;
		            width: 20px;
		        }
		        a.a2{
		            @extend a.a1;
		            background-position: -23px -331px;
		        }
		    }
		}	
	}
	.coupon-code{
		.card-pic{
		 	@include clearfix;
		 	li{
		 		display: block;
		 		float: left;
		 		margin:0 10px 10px 0; 
		 	}
		}
		.form-inline{
			padding-bottom: 30px;
			border-bottom:1px solid #d3d3d3;
			float: right;
			@media(max-width:767px){
				float:none;
				label{display:block;}
				input.form-control{
					width:74%;
					display: inline-block;
					float:left;
				}
				.btn{
					float:left;
				}
			}
		}
	}
}

.shopping-total{
	.sc-subtotal{
		.price-info{
			  margin-bottom:15px;
			  font-size: 14px;
			  span{
			  	text-align: left;
			  }
			  strong{
			  	text-align: right;
			  	float: right;
			  }

		}
		.price-total{
			border-top: 1px solid #dedede;
			line-height: 30px;
			padding-top:15px; 
			span{
				color:$red;
				font-size:16px;
				text-align: left;
				font-weight: bold;
			}
			strong{
				text-align: right;
				font-size: 28px;
				color:$red;
				float: right;
			}
		}
		@media (max-width: 767px) {
			.btn{
				width: 100%;
			}
		}
	}
	.price-notice{
		margin-top: 15px;
		padding:0px;
		p{
			text-align: right;
			font-size: 10px;
			margin:0 0 2px 0;
			@media(max-width:767px){
				text-align: left;
			}
		}
		.cart-title{
			@media(max-width:767px){
				background:none;
				height:auto;
				line-height: 32px;
				text-align: center;
				p{
					text-align: center;
				}
			}
		}	
	}
}
.shipping-information{
	.sho-inf-box{
		border: 1px solid #dedede;
		@include clearfix;
	}
	
	.sho-inf-mes{
		background-color: #f6f6f6;
		padding:20px;
		h3{
			margin-bottom: 30px;
			font-weight: bold;
		}
		p{
			margin-bottom: 30px;
			b{
				font-size: 14px;
			}
		}
	}
}
/* phone screen adaptation */
@media (min-width: 768px) and  (max-width: 992px){
	.pad-show{
		display: block;
	}
	.pc-show,.phone-show{
		display: none;
	}
}
@media (max-width: 767px) {
	.phone-show{
		display: block;
	}
	.pc-show,.pad-show,.pc-pad-show{
		display: none;
	}
	
}
@media (min-width: 993px) {
	.pc-show{
		display: block;
	}
	.phone-show,.pad-show{
		display: none;
	}
}
.cart-none{
	min-height:350px;
	text-align:center;
	padding-top:150px;
	font-size: 14px;
	a{
		text-decoration: underline;

	}
}