/*
	== purchasing.css ==
	CSS related to pricing and buying functions on the Epson E-store including
	(but not limited to) pricing text, stock messages, product page layouts, calculations
	table styles, promo bug and promo icon styles.
	
	Created: January 27, 2006 (S. Rashid)
	Last Modified: April 05, 2006 (S. Rashid)
*/


/* Global class for product prices */

.price {
	font-weight: bold;
	color: #000;
}

.ourPrice {
	font-weight: bold;
	color: #f00;
}

.regPrice {
	text-decoration: line-through;
}

/* Product Stock Styles */

.InStock {
   font-weight: bold;
   color: #2a57a5;
   font-size: 10px;
}

.OutOfStock {
   font-weight: bold;
   color: #f00;
   font-size: 10px;
}

/* Purchasing buttons container */

.purchaseButtons {
	width: 100%;
	margin: auto;
}



/* Product Page Layout Styles */

table.prodHeader {
	width: 432px;
	padding: 0;
	margin: 0;
	border-collapse: collapse;
	border: 0;
	float: left;
}

.prodImage, .prodSpecials {
	width: 216px;
	padding: 0;
	margin: 0;
	vertical-align: top;
}

tr.prodPurchasing td {
	padding: 0;
	margin: 0;
	vertical-align: bottom;
}


/* Promo Bug Div */

.promoBugs {
	width: 110px;
	padding: 0;
	margin: 0;
	text-align: center;
}


/* offers Div - used to show special promotions and offers */

.offers {
	border: 1px solid #ccc;
	margin: 2px 2px 10px 2px;
}

.offers h2 {
	font-size: 12px;
	color: #039;
	padding: 4px;
	margin: 0 0 4px 0;
	background-color: #f3f3f3;
	border-bottom: 1px solid #ccc;
}

.offers p {
	font-weight: bold;
	color: #000;
	margin: 0 0 0 4px;
	padding: 7px 2px 8px 28px;
	text-align: left;
	background-repeat: no-repeat;
}

/* Offers Div - Links */

.offers a:link {
	color: #000;
	text-decoration: none;
}

.offers a:hover {
	color: #999;
	text-decoration: none;
}

.offers a:visited {
	color: #000;
	text-decoration: none;
}




/* Calculations Table Layout - used to show price calculations */

.calculations {
	width: 214px;
	border-collapse: collapse;
	margin: 1px;
}

table.calculations td {
	color: #000;
	padding: 4px 3px;
	margin: 0;
	background-color: #DDEFFF;
	text-align: left;
	vertical-align: top;
	font-size: 10px;

}

.calculations td.price {
	text-align: right;
	font-weight: normal;
}

.calculations tr.finalprice td { font-weight: bold; }
	
.calculations tr.finalprice td.price { color: #f00; }


.calculations tr.noCalc td {
	font-weight: bold;
	padding: 4px;
}

.calculations tr.noCalc td.price { color: #f00; }


/* Calculation Layout Table - Links */

.calculations a:link {
	color: #000;
	text-decoration: underline;
}

.calculations a:visited {
	color: #000;
	text-decoration: underline;
}

.calculations a:hover {
	color: #999;
	text-decoration: underline;
}



/* Price Disclaimer */

.priceDisclaimer {
	font-size: 10px;
}

.priceDisclaimer h3 {
	font-size: 10px;
	text-decoration: underline;
}



/* Warranty Table - used to show Warranty content on consdetail.jsp */

.warranty {
	width: 100%;
	border: 0;
	padding: 0;
	margin: 15px 0 0 0;
}

.warrantyImg {
	width: 100px;
	padding: 0 0 3px 0;
	margin: 0;
	float: left;
}

.warrantyTxt {
	width: 400px;
	float: right;
	padding: 0;
	margin: 0;
}

.warrantyTxt h3 {
	margin: 8px 0 0 0;
	padding: 0;

}

.product-extras { border-collapse: collapse; margin: 0; padding: 0; width: 542px; }
.product-extras th, .product-extras td { font-weight: normal;  text-align: left; padding: 10px 6px; }
.product-extras th { background: #edf3f9; border-top: 2px solid #607fbf; }
	.product-extras th h3 { color: #039; margin: 0; padding: 0; }
	.product-extras th p { margin: 2px 0; }
.product-extras td { border-top: 1px solid #c8d7ee; }
.product-extras tr.nocat td { border-top: 2px solid #607fbf; }
.product-extras tr.space td { margin: 7px; 0 0 0; border-top: 0px; }
	.product-extras td.item { width: 356px; }
	.product-extras td.aprice { text-align: right; width: 50px; }
	.product-extras td.abuyNow { text-align: right; width: 110px; }
.product-extras a:link, .product-extras a:visited { color: #039; }
.product-extras a:hover, .product-extras a:active { color: #666; }
.product-extras a.blackhref_bold:link, .product-extras a.blackhref_bold:visited { color: #000; }