/** ecommerce.css **/

/* @group generic resets */

.page-cart {
	/*background-color: fuchsia;*/
}

/* @end */

/* @group cart-block & cart page */

/* @group cart block */

.shopping-cart-block {
	float: left;
	width: 265px;
	/*background-color: orange;*/
	margin: 0 0 10px;
	padding: 15px 10px 15px 15px;
	background: #FCB652;
}

.shopping-cart-block h2.block-title {
	/*background-color: khaki;*/
	margin: 0;
	padding: 0 0 5px;
	color: #FFFFFF;
	color: #333333;
}

.shopping-cart-block-view {
	/*background-color: palegreen;*/
	margin: 0;
	padding: 0;
}

.shopping-cart-block-view table {
	/*background-color: violet;*/
	margin: 0;
	padding: 0;
}

.shopping-cart-block-view td {
	/*background-color: sandybrown;*/
	margin: 0;
	padding: 5px;
}

.shopping-cart-block-view td.views-field-line-item-title {
	/*background-color: lime;*/
	margin: 0;
	padding: 5px;
}

.shopping-cart-block-view td.views-field-commerce-total {
	/*background-color: pink;*/
	margin: 0;
	padding: 5px;
	vertical-align: bottom;
}

.shopping-cart-block-view .line-item-summary {
	/*background-color: khaki;*/
	margin: 0;
	padding: 5px;
	overflow: hidden;
	border-top: 2px solid #D6D6D6;
}

.shopping-cart-block-view .line-item-summary .line-item-quantity {
 	/*background-color: purple;*/
	float: left;
	width: 30%;
	margin: 0;
	padding: 5px;
}

.shopping-cart-block-view .line-item-summary .line-item-total-label {
	font: normal normal 16px/18px 'latoregular', sans-serif;
}

.shopping-cart-block-view .line-item-summary .line-item-total {
	/*background-color: yellow;*/
    float: left;
	width: 70%;
	margin: 0;
	padding: 5px;
}

.shopping-cart-block-view .line-item-summary .links {
	/*background-color: aqua;*/
	float: left;
    clear: none;
	display: block;
	width: 100%;
	margin: 0;
	padding: 5px;
}

.shopping-cart-block-view .line-item-summary .links .line-item-summary-view-cart a,
.shopping-cart-block-view .line-item-summary .links .line-item-summary-checkout a {
	display: inline-block;
	margin: 0 0 0 5px;
	padding: 5px 8px;
	background-color: lightblue;
	background: #CCCCCC;
	border: 1px dotted #333333;
}

.shopping-cart-block-view .line-item-summary .links .line-item-summary-view-cart a:hover,
.shopping-cart-block-view .line-item-summary .links .line-item-summary-checkout a:hover {
	background: #666666;
	color: #FFFFFF;
}



/* @end */

/* @group cart page */

.shopping-cart-page {
	/*background-color: forestgreen;*/
	margin: 5px 5px 10px;
	padding: 10px;
	border: 1px solid #D6D6D6;
}

.shopping-cart-page table {
	/*background-color: salmon;*/
	margin: 0;
	padding: 0;
}

.shopping-cart-page td {
	/*background-color: sandybrown;*/
	margin: 0;
	padding: 5px;
}

.shopping-cart-page .views-field-line-item-title {
	/*background-color: lime;*/
	width: 320px;
}

.shopping-cart-page .views-field-nothing {
	/*background-color: violet;*/
	width: 240px;
}

.shopping-cart-page .views-field-edit-delete {
	/*background-color: orange;*/
	width: 80px;
	text-align: center;
}

.shopping-cart-page .views-field-commerce-total {
	/*background-color: khaki;*/
	width: 100px;
	text-align: right;
}

.shopping-cart-page .line-item-summary .line-item-summary {
	/*background-color: olive;*/
	width: 100%;
	margin: 0;
	padding: 0;
}

.shopping-cart-page .line-item-summary .line-item-total {
	/*background-color: aqua;*/
	width: 100%;
	border-top: 3px solid #D6D6D6;
	margin: 0;
	padding: 10px;
	font: normal normal 16px/18px 'latoregular', sans-serif;
}

.shopping-cart-page .line-item-summary .line-item-total .line-item-total-label {
	/*background-color: pink;*/
	font: normal normal 16px/18px 'latobold', sans-serif;
}

/* @end */

/* @group checkout */

#commerce-checkout-form-checkout {
	/*background-color: yellow;*/
}

.field-name-commerce-order-total {
	/*background-color: aqua;*/
	width: 100%;
	border-top: 3px solid #D6D6D6;
	margin: 0;
	padding: 5px 0 10px 10px;
	font: normal normal 16px/18px 'latoregular', sans-serif;
}

.field-name-commerce-order-total td.component-title {
	/*background-color: pink;*/
	width: 100px;
	margin: 0;
	padding: 0 0 5px;
	text-align: right;
	font: normal normal 16px/18px 'latoregular', sans-serif;
}

.field-name-commerce-order-total td.component-total {
	/*background-color: beige;*/
	width: 60px;
	margin: 0;
	padding: 0 0 5px;
	text-align: right;
	font: normal normal 16px/18px 'latoregular', sans-serif;
}

.customer_profile_billing {
	/*background-color: coral;*/
}

.customer_profile_billing .form-item {
	/*background-color: blanchedalmond;*/
	margin: 5px 0;
	padding: 0;
}

fieldset.checkout-buttons {
	border: 0px solid #D6D6D6;
	margin: 0 10px;
	padding: 10px;
	/*background-color: aqua;*/
}

.checkout-buttons .checkout-cancel,
.checkout-buttons .checkout-back,
.checkout-buttons .checkout-continue {
	margin: 0 10px 0 5px;
	padding: 5px 8px;
	background-color: lightblue;
	background: #CCCCCC;
	border: 1px dotted #333333;
	color: #333333;
}

.checkout-buttons .checkout-cancel:hover,
.checkout-buttons .checkout-back:hover,
.checkout-buttons .checkout-continue:hover {
	background: #666666;
	color: #FFFFFF;
}

.checkout-progess {
	/*background-color: fuchsia;*/
	float: left;
	width: 100%;
	margin: 5px 0;
	padding: 10px 15px;
}

.checkout-progess .commerce-checkout-progress {
	/*background-color: lime;*/
	margin: 0;
	padding: 0;
}

.checkout-progess ol.inline.commerce-checkout-progress li {
	/*background-color: silver;*/
	margin: 0 10px 0 0;
	padding: 5px;
	float: left;
	width: auto;
	font: normal normal 16px/18px 'latoregular', sans-serif;
	text-transform: uppercase;
}

.checkout-progess ol.inline.commerce-checkout-progress li.active {
	font: normal normal 16px/18px 'latobold', sans-serif;
	border-bottom: 1px solid #D6D6D6;
}



/* @end */

/*.commerce-price-formatted-components tr.component-type-commerce-price-formatted-amount {
	background-color: pink;
	font: normal normal 16px/18px 'latobold', sans-serif;
}*/

/* @group checkout review */

.checkout-help {
	/*background-color: teal;*/
	margin: 0 20px 10px 10px;
	padding: 10px;
	font-size: 16px;
	background: #EEEEEE;
	border: 1px solid #D6D6D6;
}

.checkout_review {
	/*background-color: yellow;*/
	float: left;
	width: 100%;
}

.review-pane {
	/*background-color: yellow;*/
	float: left;
	width: 100%;
	border: 1px solid #D6D6D6;
	margin: 0 0 10px;
	padding: 0;
}

.review-pane h2 {
	margin: 10px 0;
	padding: 10px;
	font: normal normal 20px/24px 'latoregular', sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	/*background-color: orange;*/
}

.review-pane .pane-data {
	margin: 10px 5px;
	padding: 10px;
	/*background-color: lime;*/
}

/* @end */

/* @end */
