/**
* Standard table layouts and styles.
*
*
* CONTENTS
* -------------------------
* =b basics
*
*/

/* =b basics
-------------------------------------------------------------------------------------------------- */
table {
	width: 100%;
	font-size: 1em;
}
	table caption {
		display: none;
		margin-bottom: 0; padding-bottom: 0.75em;
		caption-side: top;
		text-align: left;
	}
	table thead th,
	table tr.thead th {
		padding: 0 1em 0.5em 0.6666em;
		text-align: left;
		vertical-align: top;
		white-space: nowrap;
		border-bottom: 1px solid #777;
	}
	table tbody td,
	table tbody th,
	table tfoot td,
	table tfoot th,
	table .button a {
		padding: 0.3333em 1em 0.3333em 0.6666em; /* 4px 12px 4px 6px */
		vertical-align: top;
		border-bottom: 1px solid #777;
	}
	table th {
		font-weight: bold;
	}
	table tbody tr td.empty {
		border: 0;
	}
	table tbody tr th {
		border-top: 1px solid #777;
		border-bottom-width: 0;
	}
	table tbody table tr th {
		border-top: 0;
		border-bottom-width: 1px;
	}
	
	table .column {
		float: none; display: table-cell;
		margin: 0;
	}
	table tbody tr,
	table tbody tr td,
	table tbody tr th,
	table tbody tr td a {
		background-color: transparent;
	}
	/*
	table tbody tr.odd,
	table tbody tr.odd td,
	table tbody tr.odd th,
	table tbody tr.odd td a {
		background-color: #efefef;
	}
	*/
	table tbody tr td * {
		margin-bottom: 0;
	}
	
	table col {
		border-right: 1px solid #777;
	}
	table col.last {
		border: 0;
	}
	table col.icon {
		width: 20px;
	}
	table col.cart-total-price,
	table tbody tr.odd td.total {
		background-color: #efefef;
	}
	table thead th.icon,
	table tr.thead th.icon {
		text-align: center;
	}
	
	table .price,
	table .quantity,
	table .button,
	table .number {
		text-align: center;
	}
	table .button {
		margin: 0; padding: 5px 0 0;
	}
	table .button a {
		display: block;
		border: 0;
	}
	table .button a:focus,
	table .button a:hover,
	table .button a:active {
		text-decoration: none; color: #000;
	}
	
	table table tbody tr.last td {
		border-bottom-width: 0;
	}

        table td img.cart-image {
            float: left;
            width: 125px;
            height: 125px;
            margin: 4px;
        }

table th.total,
table tfoot th {
	text-align: right;
}
table tr.order-total td,
table tr.order-total th {
	border-bottom: 0;
}


table col.cart-unit-price,
table col.cart-total-price {
	width: 75px;
}
table col.cart-quantity,
table col.quantity {
	width: 50px;
}
table col.cart-size {
	width: 120px;
}

tr.disabled {
	background-color: #cfcfcf;
}
tr.disabled td {
	text-decoration: line-through;
}
tr.disabled td.button {
	text-decoration: none;
}

tfoot td.delivery strong {
	text-transform: uppercase;
}
tfoot tr.changed td,
tfoot tr.changed th {
	font-weight: bold; color: #E51680;
}

table.management col.number {
	width: 50px;
}

#cart td.cart-details strong,
td.orders-items tr td strong {
	display: block;
}
#cart td.cart-details img,
td.orders-items tr td img {
	display: inline; margin-right: 15px;
}


/* buttons */
#cart .decrease,
#cart .increase,
#cart .delete,
table.management .button {
	height: 16px; width: 16px;
	padding: 5px 5px 0;
	vertical-align: top; text-align: center;
}
#cart .decrease a,
#cart .increase a,
#cart .delete a,
table.management .button a {
	height: 16px; width: 16px;
	margin: 0 auto;
	background: no-repeat 0 0;
}
#cart .decrease a,
table.management .decrease a {
	background-image: url(img/icons/decrease.gif);
}
#cart .increase a,
table.management .increase a {
	background-image: url(img/icons/increase.gif);
}
#cart .delete a,
table.management .delete a
#cart .disable a,
table.management .disable a {
	background-image: url(img/icons/delete.gif);
}
#cart .edit a,
table.management .edit a {
	background-image: url(img/icons/edit.png);
}
#cart .enable a,
table.management .enable a {
	background-image: url(img/icons/enable.png);
}


table.management .view a {
	background-image: url(img/icons/view.png);
}
table.management .print a {
	background-image: url(img/icons/print.png);
}
table.management .file a {
	background-image: url(img/icons/file.png);
}
table.management .note a {
	background-image: url(img/icons/note.png);
}


#content table .icons {
	padding-right: 0; padding-top: 5px;
}
#content table .icons ul {
	overflow: hidden;
	margin: 0 0 -5px; padding: 0;
}
#content table .icons ul li {
	float: left;
	margin: 0 5px 4px 0; padding: 0;
	background-position: 0 0;
}
#content table .icons ul li.reprint {
	background-image: url(img/icons/printer.plus.png);
}
#content table .icons ul li.priority {
	background-image: url(img/icons/warning.png);
}
#content table .icons ul li.next-day-delivery {
	background-image: url(img/icons/clock.red.png);
}
#content table .icons ul li.overdue-payment {
	background-image: url(img/icons/money.png);
}

#content table .icons ul li.direct-print {
	background-image: url(img/icons/direct-print.png);
}

#content table .icons ul li.flock-print {
	background-image: url(img/icons/flock-print.png);
}

#content table .icons ul li.rhinestone-print {
	background-image: url(img/icons/rhinestone-print.png);
}

#content table .icons ul li.collection {
	background-image: url(img/icons/collect.png);
}

body.cms #content table.management {
	margin-top: 1.5em;
}

/* order management */
table.management col.orders-amount,
table.management col.orders-incomplete-amount,
table.management col.orders-icons {
	width: 55px;
}
table.management col.datetime,
table.management col.ref-code,
table.management col.order-detail-item-size {
	width: 85px;
	word-wrap: break-word;
}

body.cms #content table.management tr.status_order-received,
body.cms #content table.management tr.status_order-received td,
#content table.management tr.status_order-received td.ref-code,
#content table tr.status_order-received div.order_status,
#order-information div.status_order-received {
	background-color: #cfc;
}
body.cms #content table.management tr.status_printing,
body.cms #content table.management tr.status_printing td,
#content table.management tr.status_printing td.ref-code,
#content table tr.status_printing div.order_status,
#order-information div.status_printing {
	background-color: #FF9;
}
body.cms #content table.management tr.status_dispatched,
body.cms #content table.management tr.status_dispatched td,
#content table.management tr.status_dispatched td.ref-code,
#content table tr.status_dispatched div.order_status,
#order-information div.status_dispatched {
	background-color: #ddd;
}
body.cms #content table.management tr.overdue-payment,
body.cms #content table.management tr.overdue-payment td {
	background-color: #fcc;
}
body.cms #container #content table.management tr.status_printed,
body.cms #container #content table.management tr.status_printed td {
	background-color: #fff;
}
body.orders-all #container #content table.management tr.status_payment-cancelled,
body.orders-all #container #content table.management tr.status_payment-cancelled td,
body.orders-all #container #content table.management tr.status_payment-cancelled td a,
#order-information div.status_payment-cancelled {
	background-color: #e77;
	color: #fff;
}
body.cms #content table.management tr td a {
	background-color: transparent;
}
#content table tr div.order_status {
	padding: 0.3333em 1em 0.333em 0.6666em; margin: -0.3333em -1em 0 -0.6666em
}



#content table td p.note a {
	background-image: url(img/icons/note.png);
}
#content table td p.note {
	float: left;
}
#content table td p.vcard {
	margin-left: 32px;
}
#cms-homepage-image-table tbody .button {
	vertical-align: middle;
}

#cms-orders-table thead td.price {
	background-color: #fff;
}