/* CSS Document 

SSC INVOICE

-----------------------------------*/






/*------------ COLORS -----------------------

section name bg = #A0B4E0  	BLUE
caption bg = 			#CCD7EE 	MEDIUM BLUE
data bg = 				#E9EEF8 	LIGHT BLUE
border = 					#33569F 	DARK BLUE

----------------------------------*/






/*----------------------------- GENERAL STYLES ---------------------------------*/

P, DIV, SPAN, LI, UL, A
{
	font-family: arial, helvetica, san-serif;
}

A
{
	color: #33569F; 
}

A:HOVER
{
	color: #990000;
}

.tableOrderNumberAccountNumber_row /* The Table that contains the Account Number Table & the Order Number Table */
{
	width: 100%;
}

.tableBillToShipTo_row /* The Table that contains the Bill To Table and the Ship To Table */
{
	width: 100%;
}

.tableCreditCardPurchaseOrder_row /* The Table that contains the Credit Card Table & the Purchase Order Table */
{
	width: 100%;
}

.tableShippingInformationPromotions_row /* The Table that contains the shipping information table and promotions table */
{
	width: 100%;
}

.tableCreditCardTable_cell /* Cell that contains the Credit Card Table */
{
	text-align: left;
}

.tablePurchaseOrderTable_cell /* Contains the Purchase Order Table */
{
	text-align: right;
}

.tableShipToTable_cell /* Contains the Ship To Table */
{
	text-align: right;
}

.tableBillToTable_cell /* Contains the Bill To Table */
{
	text-align: left;
}

.tableOrderNumberTable_cell /* Contains the Order Number Table */
{
	text-align: left;
}

.tableAccountNumberTable_cell /* Contains the Account Number Table */
{
	text-align: right;
}

.tableShippingInformationTable_cell /* Contains the Shipping Information Table */
{
	text-align: left;
}

.tablePromotionsTable_cell /* Contains the Promotions Table */
{
	text-align: right;
}

.tableOutsideBorder
{
	border: 2px solid #33569F; 
	padding: 3px;
        width: 550px;
}




/*------------------------- END OF GENERAL STYLES ------------------------------*/









/*--------------- START OF CREDIT CARD TABLE STYLES -----------*/

.tableCreditCard_border /* Section Border */
{
	border: 2px solid #33569F; 
	width: 100%;
}

.textCreditCard_section /* Section Text */
{
	font-size: 105%;
	font-weight: bold;
	color: #33569F ;
	margin: 6px;
}

.tableCreditCard_section_cell /* Section Text Bg */
{
	background-color: #A0B4E0;
	border: 1px solid #FFFFFF;
}

.textCreditCard_caption /* Caption Text */
{
	font-size: 90%;
	color: #000000;
	font-weight: bold;
	margin: 3px;
}

.tableCreditCard_caption_cell /* Caption Bg */
{
	background-color: #CCD7EE;
	border: 1px solid #FFFFFF;
}

.textCreditCard_data /* Data Text */
{
	font-size: 90%;
	color: #000000;
	margin: 3px;
}

.tableCreditCard_data_cell /* Data Bg */
{
	background-color: #E9EEF8;
	border: 1px solid #FFFFFF;
}
/*------------- END OF CREDIT CARD STYLES ---------------------*/

















/*------------------ START OF BILL TO STYLES ------------------------------*/

.tableBillTo_border /* Section Border */
{
	border: 2px solid #33569F;
	width: 100%;
}

.textBillTo_section /* Section Text */
{
	font-size: 105%;
	font-weight: bold;
	color: #33569F ;
	margin: 6px;
}

.tableBillTo_section_cell /* Section Text Bg */
{
	background-color: #A0B4E0;
	border: 1px solid #FFFFFF;
}

.textBillTo_data /* Data Text */
{
	font-size: 90%;
	color: #000000; 
	margin: 3px;
}

.tableBillTo_data_cell /* Data Bg */
{
	background-color: #E9EEF8;
	border: 1px solid #FFFFFF;
}

/*----------------------- END OF BILL TO STYLES ------------------------*/
























/*------------------- START OF SHIP TO STYLES --------------------------*/

.tableShipTo_border /* Section Border */
{
	border: 2px solid #33569F;
	width: 96%;
}

.textShipTo_section /* Section Text */
{
	font-size: 105%;
	font-weight: bold;
	color: #33569F ;
	margin: 6px;
}

.tableShipTo_section_cell /* Section Text Bg */
{
	background-color: #A0B4E0;
	border: 1px solid #FFFFFF;
}

.textShipTo_data /* Data Text */
{
	font-size: 90%;
	color: #000000;
	margin: 3px;
}

.tableShipTo_data_cell /* Data Bg */
{
	background-color: #E9EEF8;
	border: 1px solid #FFFFFF;
}

/*-------------------- END OF SHIP TO STYLES ----------------------------*/























/*----------------------- START OF PURCHASE ORDER STYLES -------------------------*/

.tablePurchaseOrder_border /* Section Border */
{
	border: 2px solid #33569F;
	width: 96%;
}

.textPurchaseOrder_section /* Section Text */
{
	font-size: 105%;
	font-weight: bold;
	color: #33569F ;
	margin: 6px;
}

.tablePurchaseOrder_section_cell /* Section Text Bg */
{
	background-color: #A0B4E0;
	border: 1px solid #FFFFFF;
}

.textPurchaseOrder_caption /* Caption Text */
{
	font-size: 90%;
	color: #000000;
	font-weight: bold;
	margin: 3px;
}

.tablePurchaseOrder_caption_cell /* Caption Bg */
{
	background-color: #CCD7EE;
	border: 1px solid #FFFFFF;
}

.textPurchaseOrder_data /* Data Text */
{
	font-size: 90%;
	color: #000000;
	margin: 3px;
}

.tablePurchaseOrder_data_cell /* Data Bg */
{
	background-color: #E9EEF8;
	border: 1px solid #FFFFFF;
}

/*-------------------- END OF PURCHASE ORDER ORDER STYLES ----------------------------*/





















/*----------------------- START OF HEADER STYLES --------------------------------------*/

.tableHeader_border /* Section Border */
{
	border: 2px solid #33569F;
}

.textHeader_name /* Site Name */
{
	font-size: 150%;
	font-weight: bold;
	color: #33569F;
	text-align: center;
}

.textHeader_date /* Date of Purchase */
{
	text-align: center;
	font-size: 75%;
	font-weight: bold;
}

.tableHeader_cell /* Site Name Bg */
{
	background-color: #E9EEF8;
	border: 1px solid #FFFFFF;
	height: 40px;
}

/*--------------------------- END OF HEADER STYLES --------------------------------------*/























/*----------------------- START OF ORDER NUMBER STYLES ----------------------------------*/

.tableOrderNumber_border /* Section Border */
{
	border: 2px solid #33569F;
}

.textOrderNumber_caption /* Caption Text */
{
	font-size: 90%;
	color: #000000;
	font-weight: bold;
	margin: 3px;
}

.tableOrderNumber_caption_cell /* Caption Bg */
{
	background-color: #CCD7EE;
	border: 1px solid #FFFFFF;
}

.textOrderNumber_data /* Data Text */
{
	font-size: 90%;
	color: #000000;
	margin: 3px;
}

.tableOrderNumber_data_cell /* Data Bg */
{
	background-color: #E9EEF8;
	border: 1px solid #FFFFFF; 
}

/*------------------------- END OF ORDER NUMBER STYLES -------------------------*/













/*----------------------- START OF ACCOUNT NUMBER STYLES ----------------------------------*/

.tableAccountNumber_border /* Section Border */
{
	border: 2px solid #33569F;
}

.textAccountNumber_caption /* Caption Text */
{
	font-size: 90%;
	color: #000000;
	font-weight: bold;
	margin: 3px;
}

.tableAccountNumber_caption_cell /* Caption Bg */
{
	background-color: #CCD7EE;
	border: 1px solid #FFFFFF;
}

.textAccountNumber_data /* Data Text */
{
	font-size: 90%;
	color: #000000;
	margin: 3px;
}

.tableAccountNumber_data_cell /* Data Bg */
{
	background-color: #E9EEF8;
	border: 1px solid #FFFFFF;
}

/*------------------------- END OF ACCOUNT NUMBER STYLES -------------------------*/














/*---------------------- START OF SHOPPING CART STYLES ---------------------------------*/

.tableShoppingCart_border /* Section Border */
{
	border: 2px solid #33569F;
	width: 100%;
}

.textShoppingCartTopCaption /* Top Captions */
{
	font-size: 90%;
	font-weight: bold;
	color: #000000;
	text-align: center;
	margin: 3px;
}

.tableShoppingCartTopCaption_cell /* Top Caption Bg */
{
	background-color: #CCD7EE;
	border: 1px solid #FFFFFF;
}

.textShoppingCartData /* Data Text */
{
	font-size: 90%;
	color: #000000;
	margin: 3px;
}

.tableShoppingCartData_cell /* Data Bg */
{
	background-color: #E9EEF8;
	border: 1px solid #FFFFFF;
	vertical-align: top;
}

.textShoppingCartShippingMessage /* Shipping Message Text */
{
	font-size: 80%;
	color: #000000;
	margin: 3px;
}

.tableShoppingCartShippingMessage_cell /* Shipping Message Bg */
{
	background-color: #E9EEF8;
	border: 1px solid #FFFFFF;
}

.textShoppingCartCaption /* Caption Text for SubTotal, Tax, & Shipping */
{
	font-size: 90%;
	color: #000000;
	margin: 3px;
	font-weight: bold;
}

.tableShoppingCartCaption_cell /* Bg for Captions SubTotal, Tax, & Shipping */
{
	background-color: #CCD7EE;
	border: 1px solid #FFFFFF;
}

.textShoppingCartSubTotalData /* Sub Total Text */
{
	font-size: 90%;
	font-weight: bold;
	margin: 3px;
	text-align: right;
}

.tableShoppingCartSubTotalData_cell /* Bg for Sub Total Text */
{
	background-color: #E9EEF8;
	border: 1px solid #FFFFFF;
}

.textShoppingCartTaxData /* Tax Text */
{
	font-size: 90%;
	margin: 3px;
	text-align: right;
}

.tableShoppingCartTaxData_cell /* BG for Tax Text */
{
	background-color: #E9EEF8;
	border: 1px solid #FFFFFF;
}

.textShoppingCartShippingData /* Shipping Text */
{
	font-size: 90%;
	margin: 3px;
	text-align: right;
}

.tableShoppingCartShippingData_cell /* Bg for Shipping Text */
{
	background-color: #E9EEF8;
	border: 1px solid #FFFFFF;
}

.textShoppingCartProductPrice /* Total Price for Each Product */
{
	font-size: 90%;
	margin: 3px;
	text-align: right;
}

.textShoppingCartCaptionTotal /* Total Caption */
{
	font-size: 105%;
	font-weight: bold;
	margin: 3px;
}

.tableShoppingCartCaptionTotal_cell /* Total Caption Bg */
{
	background-color: #A0B4E0;
	border: 1px solid #FFFFFF;
}

.textShoppingCartGrandTotal /* Grand Total Text */
{
	font-size: 105%;
	font-weight: bold;
	text-align: right;
	margin: 3px;
}

.tableShoppingCartGrandTotal_cell /* Bg Grand Total Text */
{
	background-color: #A0B4E0;
	border: 1px solid #FFFFFF;
}

.textShoppingCartPromoCaption /* Promo Caption */
{
	font-weight: bold;
	font-size: 90%;
	color: #000000;
	margin: 3px;
}

.textShoppingCartPromoCaption_cell /* Bg Promo Caption */
{
	background-color: #CCD7EE;
	border: 1px solid #FFFFFF;
}

.textShoppingCartPromoData /* Promo Text */
{
	font-size: 90%;
	text-align: right;
	margin: 3px;
}

.tableShoppingCartPromoData_cell
{
	background-color: #E9EEF8;
	border: 1px solid #FFFFFF;
}

/*--------------------------- END OF SHOPPING CART STYLES -----------------------*/














/*-------------------------- START OF SHIPPING INFORMATION STYLES ---------------------------*/

.tableShippingInformation_border /* Section Border */
{
	border: 2px solid #33569F;
        width: 100%;
}

.textShippingInformationSection /* Section Text */
{
	font-size: 105%;
	font-weight: bold;
	color: #33569F;
	margin: 6px;
}

.tableShippingInformationSection_cell /* Section Bg */
{
	background-color: #A0B4E0;
	border: 1px solid #FFFFFF;
}

.textShippingInformationCaption /* Caption Text */
{
	font-weight: bold;
	font-size: 90%;
	margin: 3px;
}

.tableShippingInformationCaption_cell /* Bg for Caption */
{
	background-color: #CCD7EE;
	border: 1px solid #FFFFFF;
}

.textShippingInformationData /* Data Text */
{
	font-size: 90%;
	margin: 3px;
}

.tableShippingInformationData_cell /* Bg Data Text */
{
	background-color: #E9EEF8;
	border: 1px solid #FFFFFF;
}

/*---------------------------- END OF SHIPPING INFORMATION STYLES ----------------------------*/


















/*------------------------------- START OF PROMOTIONS TABLE STYLES ----------------------------*/

.tablePromotions_border /* Section Border */
{
	border: 2px solid #33569F;
}

.textPromotionsData /* Data Text */
{
	font-size: 90%;
	color: #000000;
}

.tablePromotionsData_cell /* Bg Data Text */
{
	background-color: #E9EEF8;
	border: 1px solid #FFFFFF;
}

.textPromotionsCaption /* Caption Text */
{
	font-weight: bold;
	font-size: 90%;
	margin: 3px;
}

.tablePromotionsCaption_cell /* Bg Caption Text */
{
	background-color: #CCD7EE;
	border: 1px solid #FFFFFF;
}

/*-------------------------------- END OF PROMOTIONS STYLES -------------------------------*/