/*
 * Extension stylesheet for fivetrees shopping mall
 * (c) Steve Fairhead 2006
 */

/* Guide text throughout shop: */
p.shop-guide-title {
	text-align: center;
	color: red;
	background-color: yellow;
	font-weight: bold;
	font-size: 120%;
}
p.shop-guide-body {
	text-align: center;
	font-weight: bold;
	font-size: 80%;
}

/* Navigation: */
table.navigation {
	width: 100%;
}
th.navigation-current {
	width: 20%;
	color: navy;
	background-color: yellow;
	border: thin navy solid;
}
th.navigation-active {
	width: 20%;
	color: navy;
	background-color: #88ffff;
	border: thin navy solid;
}
th.navigation-inactive {
	width: 20%;
	color: navy;
	background-color: white;
	border: thin navy solid;
}
div.continue-link {
	width: 20%;
	font-weight: bold;
	color: navy;
	background-color: #88ffff;
	border: thin navy solid;
	text-align: center;
	vertical-align: middle;
	margin-left: auto;
	margin-right: auto;
	padding: 0.5em;
}
p.continue-link {
	text-align: center;
	vertical-align: middle;
}

/* Shop selector: */
table.shop-selector {
	color: black;
	background-color: #ccffff;
	width: 100%;
}
tr.shop-selector {
	color: black;
	background-color: white;
}
td.shop-selector-icon {
	width: 5%;
	text-align: center;
	vertical-align: middle;
	padding: 0.5em;
}
td.shop-selector-title {
	width: 95%;
	color: navy;
	background-color: #ffffcc;
	font-size: 120%;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	padding: 0.5em;
}
td.shop-selector-desc {
	font-size: 80%;
	text-align: center;
	vertical-align: middle;
	padding: 0.5em;
}
tr.shop-selector-spacer {
	color: black;
	background-color: white;
	height: 0.5em;
}
td.shop-selector-spacer {
}

/* Shop page: stock table: */
div.shop-intro {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;
	text-align: center;
	vertical-align: middle;
	color: black;
	background-color: white;
	padding: 0.5em;
	border: thin navy solid;
}
div.shop-table {
	text-align: center;
}
table.shop-table {
	color: black;
	background-color: #ccffff;
	width: 100%;
}
td.shop-item-image {
	text-align: center;
	vertical-align: middle;
	padding: 0.5em;
}
td.shop-item-buy-button {
	text-align: center;
	vertical-align: middle;
	padding: 0.5em;
}
table.shop-subtable {
	color: black;
	background-color: #ccffff;
	margin-left: auto;
	margin-right: auto;
	width: 80%;
}
tr.shop-table-entry {
	color: black;
	background-color: white;
}
td.shop-item-artiste {
	color: navy;
	background-color: #ffffcc;
	font-size: 120%;
/*	font-weight: bold;	*/
	text-align: center;
	vertical-align: middle;
	padding: 0.5em;
}
td.shop-item-title {
	color: navy;
	background-color: #ffffcc;
	font-size: 120%;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	padding: 0.5em;
}
td.shop-item-format {
	color: navy;
	background-color: #eeffff;
	font-size: 80%;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}
td.shop-item-sku {
	color: navy;
	background-color: #eeffff;
	font-size: 80%;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	width: 50%;
}
td.shop-item-price {
	color: navy;
	background-color: #eeffff;
	font-size: 80%;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}
td.shop-item-desc {
	font-size: 80%;
	text-align: center;
	vertical-align: middle;
	padding: 0.5em;
}
td.shop-item-buy {
	color: navy;
	background-color: #eeffff;
	font-size: 80%;
	text-align: center;
	vertical-align: middle;
	padding: 0.5em;
	width: 50%;
}
tr.shop-table-spacer {
	color: black;
	background-color: white;
	height: 0.5em;
}
td.shop-table-spacer {
}

/* Shopping cart contents: */
div.cart {
}
table.cart {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
th.cart-heading {
	font-size: 80%;
	text-align: center;
	font-weight: bold;
	vertical-align: middle;
	color: white;
	background-color: red;
	padding: 0.5em;
	border: thin navy solid;
}
td.cart-item {
	font-size: 80%;
	text-align: center;
	vertical-align: middle;
	color: navy;
	background-color: transparent;
	padding-left: 0.5em;
	padding-right: 0.5em;
	border: thin green solid;
}
th.cart-total {
	font-size: 80%;
	text-align: right;
	font-weight: bold;
	vertical-align: middle;
	color: white;
	background-color: red;
	padding: 0.5em;
	border: thin navy solid;
}
td.save_data {
	font-size: 80%;
	text-align: center;
	vertical-align: middle;
	color: black;
	background-color: #ccffcc;
	padding: 0.5em;
	border: thin green solid;
}

/* Checkout form: delivery address: */
div.checkout-form {
}
table.checkout-form {
	width: 100%;
	vertical-align: middle;
}
th.checkout-form-item-title {
	width: 40%;
	text-align: right;
	font-weight: bold;
	font-size: 80%;
}
td.checkout-form-item-field {
	width: 60%;
	text-align: left;
	font-size: 80%;
}

/* Checkout: confirmation: */
h2.confirmation {
}
div.confirmation {
}
table.confirmation {
	width: 75%;
	vertical-align: middle;
	margin-left: auto;
	margin-right: auto;
}
th.confirm-heading {
	width: 50%;
	text-align: center;
	font-weight: bold;
	vertical-align: middle;
	color: white;
	background-color: red;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	border: thin navy solid;
}
td.confirm-item {
	width: 50%;
	text-align: center;
	vertical-align: middle;
	color: navy;
	background-color: transparent;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	border: thin green solid;
}
div.place-order {
}

/* Checkout: receipt: */
div.receipt {
	margin-bottom: 1em;
}
table.receipt {
	width: 75%;
	vertical-align: middle;
	margin-left: auto;
	margin-right: auto;
}
th.receipt-heading {
	width: 50%;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	color: white;
	background-color: red;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	border: thin navy solid;
}
td.receipt-item {
	width: 50%;
	text-align: center;
	vertical-align: middle;
	color: navy;
	background-color: transparent;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	border: thin green solid;
}

div.order-id {
	margin-bottom: 1em;
}
table.order-id {
	margin-left: auto;
	margin-right: auto;
	width: 60%;
	vertical-align: middle;
}
th.order-id {
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	color: white;
	background-color: red;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	border: thin navy solid;
}
td.order-id {
	text-align: center;
	vertical-align: middle;
	color: navy;
	background-color: transparent;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	border: thin green solid;
}

/* Misc: */
.email {
	font-size: 75%;
}