/* $Id: shopping-cart.css 888 2009-08-26 22:44:32Z sdalu $
 *
 * Copyright (c)  Stephane D'Alu  2009
 * http://www.sdalu.com/
 *
 */

/*
  sc-panel
  sc-quantity
  sc-price
  sc-action
  sc-title
  sc-operator
  sc-name
  sc-info
  sc-thumbnail
  sc-format
  sc-description
  sc-shipping
  sc-cost
  sc-object
  sc-cart-empty
 */

/*
 * Common
 */
.sc-action {
        cursor		: pointer;
}

/*
 * Buy menu
 */
.sc-buy-quick {
        margin		: 3px;
        position	: absolute;
        bottom		: 0;
        right		: 0;
	z-index		: 500;
        display		: none;
	background      : url(/order/images/16x16/gtk-add.png) center center no-repeat;
	width		: 16px;
	height		: 16px;
}

.sc-buy-quick span {
        visibility	: hidden;
}


.sc-buy-ref {
        margin		: 3px;
        position	: absolute;
        bottom		: 0;
        left		: 0;
        display		: none;
	background-image: url(/order/images/16x16/checked.png);
	background-position: center center;
	background-repeat: no-repeat;
	width		: 16px;
	height		: 16px;
}
.sc-buy-ref:hover {
	background-image: url(/order/images/16x16/cancel.png)
}
.sc-buy-ref span {
        visibility	: hidden;
}



.sc-buy-panel {
        background	: url(/order/images/transparency/w75.png);
        position	: absolute;
        bottom		: 0;
	left		: 0;
	z-index		: 400;
	display		: none;
}      
.sc-buy-panel .sc-title {
        border-bottom	: 1px solid black;
        padding		: 3px 3px 0 3px;
        font-weight	: bold;
}
.sc-buy-panel table.sc-panel {
        border-collapse : collapse;       
        margin		: 3px;
	-moz-user-select: none;
	cursor		: default;
}
.sc-buy-panel table.sc-panel td {
        vertical-align	: middle;
        padding		: 0;
}
.sc-buy-panel table.sc-panel th {
        padding-right	: 5px;
}
.sc-buy-panel .sc-inc, .sc-buy-panel .sc-dec {
        width		: 1em;
        text-align	: center;
}
.sc-buy-panel .sc-inc:hover, .sc-buy-panel .sc-dec:hover {
        color		: #bd7629;
}
.sc-buy-panel .sc-quantity {
        font-family	: monospace;
        text-align	: right;
        border-bottom	: 1px dotted grey;
}



/*
 * Cart & Item
 */
.sc-cart {
	border		    : 1px solid white;
	overflow-y	    : scroll;
}

.sc-cart-item {
	border-bottom	    : 1px solid grey;
	font-family	    : sans-serif;
	font-size	    : 12px;
	-moz-user-select    : none;
	cursor		    : default;
}
.sc-cart-item > table {
	width		    : 100%;
	border-collapse     : collapse;
}
.sc-cart-item td {
	padding		    : 0;
}
.sc-cart-item .sc-panel {
	padding-left	    : 5px;
	width		    : 16px;
	vertical-align	    : middle;
}
.sc-cart-item .sc-panel .sc-action {
	min-width	    : 16px;
	min-height	    : 16px;
	height		    : 20px;
	background-repeat   : no-repeat;
	background-position : center center;
}
.sc-cart-item .sc-panel .sc-action span {
	visibility	    : hidden;
}
.sc-cart-item .sc-panel .sc-action.sc-inc {
        background-image    : url(/order/images/16x16/go-up.png);
}
.sc-cart-item .sc-panel .sc-action.sc-dec {
        background-image    : url(/order/images/16x16/go-down.png);
}
.sc-cart-item .sc-panel .sc-action.sc-del {
        background-image    : url(/order/images/16x16/gtk-delete.png);
}
.sc-cart-item .sc-thumbnail {
        background-color: #332222;
	border		: 1px solid #554444;
	padding		: 5px;
	text-align	: center;
	min-width	: 54px;
	width		: 54px;
}
.sc-cart-item .sc-thumbnail img {
	margin		: 0;
	border		: 1px solid grey;
	max-height	: 48px;
	max-width	: 48px;
}
.sc-cart-item .sc-name {
	padding-left	: 1ex;
	padding-top	: 2px;
	font-weight	: bold;
}
.sc-cart-item .sc-info {
	padding-left	: 1em;
	font-style	: italic;
}
.sc-cart-item .sc-quantity {
	text-align	: right;
	font-family	: monospace;
	width		: 3em;
}
.sc-cart-item .sc-operator {
	padding-left	: 1ex;
	padding-right	: 1ex;
}
.sc-cart-item .sc-price {
	text-align	: right;
	font-family	: monospace;
}
.sc-cart-item tr:last-child .sc-price {
	border-top	: 1px dotted grey;
 	padding-bottom	: 2px;
}



/*
 * Checkout
 */
.sc-cart-checkout[disabled] {
	color		: grey;
	-moz-opacity	: 0.5;
	opacity		: 0.5;
	filter		: alpha(opacity=50);
}
.sc-cart-checkout-summary {
        border-collapse : collapse;
}
.sc-cart-checkout-summary .sc-description {
	padding-right	: 1em;
	width		: 100%;
}
.sc-cart-checkout-summary .sc-operator {
	padding-left	: 1ex;
	padding-right	: 1ex;
}
.sc-cart-checkout-summary .sc-price {
	text-align	: right;
        font-family	: monospace;
	min-width	: 7em;
}
.sc-cart-checkout-summary tr:last-child td.sc-operator,
.sc-cart-checkout-summary tr:last-child td.sc-price {
	border-top	: 1px dotted grey;
}

.cart-checkout-empty, .cart-checkout-validate {
	cursor		: pointer;
}