#shopping-cart { }
	#shopping-cart .veiw-cart-toggle { width: 100%; height: 100%; display: block; cursor: pointer; }
	#shopping-cart .avieworder { display: none; }

	#shopping-cart a { text-decoration: none; }
	#shopping-cart .productcount { background-color: #f7a600; border-radius: 50%; height: 15px; width: 15px; display: block; text-align: center; position: absolute; top: 0; right: 0; color: #fff; }

@keyframes shoppingcartExpand {
	from { visibility: hidden; opacity: 0; }
	to { visibility: visible; opacity: 1; }
}

#shopping-cart .cart-details-container { position: absolute; z-index: 10; top: 75px; right: -10px; width: 400px; padding: 10px 10px; background-color: #fff; color: #353535; box-shadow: -3px 3px 10px rgba(0,0,0,0.4); visibility: hidden; opacity: 0; }
	#shopping-cart .cart-details-container .close-cart-details { position: absolute; top: 15px; right: 10px; height: 30px; width: 30px; color: #777; font-size: 20px; text-align: center; vertical-align: middle; cursor: pointer; }
		#shopping-cart .cart-details-container .close-cart-details img { width: 100%; vertical-align: middle; }

#shopping-cart.expanded .cart-details-container { visibility: visible; opacity: 1; animation-duration: .3s; animation-name: shoppingcartExpand; }
#shopping-cart .cart-details-container .cart-title { text-align: left; font-weight: 700; font-size: 16px; display: block; border-bottom: 1px solid #ddd; padding: 10px; }
#shopping-cart .cart-details-container .products { max-height: 500px; overflow-y: auto; }

#shopping-cart .cart-item { padding: 10px 0; border-bottom: 1px solid #dedede; position: relative; clear: both; overflow: hidden; font-size: 12px; height: 52px; display: flex; align-items: center; }
	#shopping-cart .cart-item:last-child { border-bottom: none; }
	#shopping-cart .cart-item .remove-button { float: left; display: block; line-height: 52px; margin: 0 5px; width: 15px; }
		#shopping-cart .cart-item .remove-button img { width: 100%; vertical-align: middle; }
	#shopping-cart .cart-item .image { position: absolute; left: 30px; width: 50px; height: 50px; border: 1px solid #dedede; overflow: hidden; }
		#shopping-cart .cart-item .image img { position: absolute; left: 50%; top: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); max-width: 110%; max-height: 110%; display: block; }
	#shopping-cart .cart-item .name { position: absolute; left: 90px; right: 110px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 700; }
	#shopping-cart .cart-item .description { position: absolute; top: 30px; left: 90px; right: 120px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 12px; color: #777; top: 41px; left: 101px; }
	#shopping-cart .cart-item .quantity { position: absolute; right: 80px; width: 50px; text-align: right; }
	#shopping-cart .cart-item .price { position: absolute; right: 0; text-align: right; }
	#shopping-cart .cart-item .current-price { font-weight: 700; }
	#shopping-cart .cart-item .non-discount-price { text-decoration: line-through; font-size: 12px; display: none; }
	#shopping-cart .cart-item.campaign .non-discount-price { display: block; }
	#shopping-cart .cart-item.campaign .current-price { color: red; }
#shopping-cart .total-price { height: 28px; padding: 5px 5px 0; overflow: hidden; background-color: #ededed; border: 1px solid #ddd; margin: 10px 0; }
	#shopping-cart .total-price .label { float: left; font-size: 14px; font-weight: 600; }
#shopping-cart .total { float: right; font-size: 14px; font-weight: 600; }

#shopping-cart .button.go-to-checkout { font-size: 15px; padding: 4px; display: block; white-space: nowrap; background: #191919; color: #fff; }