﻿#cart-area {
	float: left;
	width: 640px;
	margin-bottom: 25px;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 16px;
	line-height: 24px;
	color: #585858;
}
#cart-promotion-area { float: right; width: 320px; }
#cart { margin-bottom: 25px; }
#cart-sum { float: right; width: 249px; }

#cart-area .cart-sum-left { float: left; width: 154px; }
#cart-area .cart-sum-right { float: right; }
#cart table { width: 573px; }
#cart img.update { cursor: pointer; }

#cart .back { margin-right: 6px; }
#cart-button-area { width: 573px; }
#cart-sum-buttons { float: right; }
#cart-sum-buttons { float: right; margin-top: 10px; }

#cart-listing { margin-top: 15px; margin-bottom: 10px; }
#cart-listing a { text-decoration: none; color: #585858;}
#cart-listing a:hover { text-decoration: underline; }
#cart-listing img.delete { cursor: pointer; }
#cart-listing .cart-amount-textbox { width: 15px; font-size: 10px; text-align: center; margin-right: 17px; }
/* Table headers */
#cart-listing .quantity-header { margin-right: 3px; }
#cart-listing .name-header { text-align: left; width: 337px; }
#cart-listing .price-header { text-align: right; }
#cart-listing .row-price-header { text-align: right; }
#cart-listing .delete-header { text-align: center; }
/* Table columns */
#cart-listing .quantity-column { text-align: left; padding-left: 3px; }
#cart-listing .name-column { text-align: left; padding-left: 3px; }
#cart-listing .price-column { text-align: right; }
#cart-listing .row-price-column { text-align: right; }
#cart-listing .delete-column { text-align: center; }
/* Indentation */
#cart-listing tr.package-product td.name-column,
#cart-listing tr.accessory td.name-column,
#cart-listing tr.bundled-accessory td.name-column { padding-left: 24px; }
#cart-listing tr.package-accessory td.name-column,
#cart-listing tr.package-bundled-accessory td.name-column { padding-left: 47px; }

.cart-column-header { color: #5a5a5a; font-weight: bold; line-height: 30px; }
.cart-price-column-header { text-align: right; }
.cart-total-column-header { text-align: right; }
.cart-column-delete-header { text-align: center; }

.cart-alternating { background-color: #ebebeb; }
.cart-column-count { width: 39px; padding-left: 4px; }
.cart-column-article { width: 280px; }
.cart-column-price { width: 100px; text-align: right; }
.cart-column-sum { text-align: right; width: 100px; }
.cart-column-delete { text-align: center; width: 75px; }

.cart-accessory-list {margin-top: 15px; }
.hidden { display: none; }

#recomended-accessories { margin-top: 60px; }
#recomended-accessories .product-accessories { margin-top: 15px; }

#recomended-accessories h2 { font-size: 11px; float: left; margin-right: 0.3em; }
#recomended-accessories table { width: 573px; }
#recomended-accessories table td.price { width: 53px; text-align: right; }

/*-----------------------------------
				 Added to cart panel
-----------------------------------*/
div#added-to-cart-panel { display: none; position: absolute; z-index: 5000; color: #fff; height: 72px; margin-top: 90px; width: 270px; }
div#added-to-cart-panel p, div#added-to-cart-panel strong { color: #fff; }
#added-to-cart-panel .topLeft { background:url("/resources/images/roundedbox-orange.png") no-repeat scroll -100px 0 transparent; height:45px; width:21px; float: left; }
#added-to-cart-panel .topCenter { background:url("/resources/images/roundedbox-top-orange.png") no-repeat scroll 0 0 transparent; height:45px; width: 228px; float: left; }
#added-to-cart-panel .topRight { background:url("/resources/images/roundedbox-orange.png") no-repeat scroll -129px 0 transparent; height:45px; width:21px; float: left; }

#added-to-cart-panel .middleLeft { background:url("/resources/images/roundedbox-orange.png") repeat-y scroll left top transparent; width:21px; height: 50px; float: left; }
#added-to-cart-panel .panelContent { background-color: #ed8613; position: relative; float: left; width: 208px; height: 30px; padding: 10px; }
#added-to-cart-panel .middleRight { background:url("/resources/images/roundedbox-orange.png") repeat-y scroll right top transparent; width:21px; height: 50px; float: left; }
#added-to-cart-panel .bottomLeft { background:url("/resources/images/roundedbox-orange.png") no-repeat scroll -100px -45px transparent; height:21px; width:21px; float: left; }
#added-to-cart-panel .bottomCenter { background:url("/resources/images/roundedbox-border-orange.png") repeat-x scroll 0 -45px transparent; float: left; height:21px;  width: 228px; }
#added-to-cart-panel .bottomRight { background:url("/resources/images/roundedbox-orange.png") no-repeat scroll -129px -45px transparent; float: left; height:21px; width:21px; }

/*-----------------------------------
				 Accessory tip panel
-----------------------------------*/
#accessory-tip-panel { display: none; position: absolute; z-index: 5000; color: #fff; height: 110px; width: 330px; }
#accessory-tip-panel .topLeft { background:url("/resources/images/roundedbox-blue.png") no-repeat scroll -100px 0 transparent; height:25px; width:25px; float: left; }
#accessory-tip-panel .topCenter { background:url("/resources/images/roundedbox-border-blue.png") repeat-x scroll 0 0 transparent; height:25px; width: 280px; float: left; }
#accessory-tip-panel .topRight { background:url("/resources/images/roundedbox-blue.png") no-repeat scroll -129px 0 transparent; height:25px; width:25px; float: left; }

#accessory-tip-panel .middleLeft { background:url("/resources/images/roundedbox-blue.png") repeat-y scroll left top transparent; width: 21px; height: 60px; float: left; }
#accessory-tip-panel .panelContent { background-color: #3177b4; position: relative; float: left; width: 254px; height: 30px; padding: 15px; }
#accessory-tip-panel .middleRight { background:url("/resources/images/roundedbox-blue.png") repeat-y scroll right top transparent; width: 21px; height: 60px; float: left; }

#accessory-tip-panel .bottomLeft { background:url("/resources/images/roundedbox-blue.png") no-repeat scroll -100px -25px transparent; height:45px; width:25px; float: left; }
#accessory-tip-panel .bottomCenter { background:url("/resources/images/roundedbox-bottom-blue.png") no-repeat scroll 0 0 transparent; float: left; height: 45px;  width: 280px; }
#accessory-tip-panel .bottomRight { background:url("/resources/images/roundedbox-blue.png") no-repeat scroll -129px -25px transparent; float: left; height:45px; width:21px; }

