/*
 * INVOICE STYLE FOR SCREEN
 * 
 * Description:
 *     This stylesheet is optimized
 *   for screen viewing. I have indented
 *   the classes by the order in
 *   which they are nested.
 *
 */
.invoiceHeader {
	position: relative;
	float: left;
	width: 665px;
	margin: 0;
	padding: 0;
}
	.invoiceTitleFont {
		font-size: 14pt;
		font-weight: bold;
		margin: 0;
	}
	.invoiceTaglineFont {
		font-size: 10pt;
		font-style: italic;
		margin: 10px 0 10px 0;
	}

.invoiceBody {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
}
	.invoiceStoreAddress {
		position: relative;
		float: left;
		width: 330px;
		margin: 0;
		padding: 20px 0 20px 0;
	}
		.invoiceStoreAddressFont {
			font-size: 10pt;
			margin: 0 0 0 20px;
		}
	.invoiceInfo {
		position: relative;
		float: right;
		margin: 0 25px 14px 0;
		padding: 20px 0 20px 0;
		text-align: left;
	}
		.invoiceInfoHeaderFont {
			font-size: 10pt;
			font-weight: bold;
			margin: 0 20px 0 0;
			padding: 0;
		}
		.invoiceInfoFont {
			font-size: 10pt;
			margin: 0;
			padding: 0;
		}

	.invoiceBilling,
	.invoiceShipping {
		position: relative;
		float: left;
		width: 300px;
		margin: 10px 0 0 0;
		padding: 5px;
		background-color: #f0f4f5;
		border: solid 1px #618b9f;
	}
	.invoiceShipping {
		float: right;
		margin: 10px -50px 0 0;
	}
		.invoiceBillingShippingHeader {
			font-size: 10pt;
			font-weight: bold;
			border-bottom: solid 1px #618b9f;
			margin: 0 0 10px 0;
			padding: 0 0 5px 0;
		}
		.invoiceBillingShippingFont {
			font-size: 10pt;
			margin: 0 0 0 10px;
			padding: 0;
		}

.invoiceProductTable {
	position: relative;
	float: left;
	margin: 20px 0 0 0;
	padding: 0 5px 0 0;
	border: 0;
	width: 665px;
	background-color: #f0f4f5;
	border: solid 1px #618b9f;
}
	.horizontalBar {
		font-size: 0pt;
		padding: 0;
		margin: 0;
		border-bottom: solid 1px #618b9f;
	}
	.invoiceProductTable p {
		padding: 0;
		margin: 0;
	}
		.invoiceProductTable tr {
			padding: 0;
			margin: 0;
			border: 0;
		}
			.invoiceProductTable th,
			.invoiceProductTableHeader {
				font-size: 10pt;
				font-weight: bold;
				text-align: center;
				padding: 0;
				margin: 0;
			}
			.invoiceProductTable td {
				padding: 5px 0 5px 0;
				margin: 0;
			}
			.invoiceProductTableFont {
				font-size: 10pt;
				text-align: center;
			}
			.invoiceProductTableItem {
				font-size: 10pt;
				margin-left: 10px;
			}
.invoiceSubtotal {
	position: relative;
	float: left;
	padding: 0;
	margin: 0;
	width: 665px;
}
.invoiceSubtotal p {
	font-size: 10pt;
}
	.costColumn {
	}
	.amountColumn {
		width: 100px;
		border-bottom: 1px solid #618b9f;
	}
	.invoiceSubtotal tr {
		padding: 0;
		margin: 0;
	}
	.invoiceSubtotal td {
		padding: 0;
		margin: 0;
	}
	.invoiceSubtotalHeader {
		position: relative;
		float: right;
		text-align: right;
		font-weight: bold;
		margin: 0;
		padding: 0;
	}
	.invoiceSubtotalFont {
		text-align: right;
		margin: 0;
		padding: 5px;
		background-color: #f0f4f5;
		border-left: solid 1px #618b9f;
		border-right: solid 1px #618b9f;
		border-bottom: solid 1px #618b9f;
	}