/*
	== specials.css ==
	CSS to control the layout and appearance of specials.jsp.
	
	Created: January 27, 2006 (S. Rashid)
	Last Modified: January 27, 2006 (S. Rashid)
*/


.spContainer {
	width: 562px;
	margin: 4px 0;
	padding: 0;
	background-image: url("/images/col3_vdot.gif");
	background-repeat: repeat-y;
}

/* Columns Layout */
.spProduct, .spProductCenter {
	width: 183px;
	padding: 0px;
	margin: 0;
	float: left;
	text-align: center;
}


.spProductCenter {
	margin: 0 7px 0 6px;
}


/* Product Heading without Icon */
.prodTitle {
	background-color: #36c;
	text-align: center;
	height: 24px;
	padding: 6px 0 0 0;
	margin: 0 0 12px 0;
}

/* Product heading with icon */
.dealTitle {
	background-repeat: no-repeat;
	background-color: #36c;
	height: 24px;
	padding: 6px 0 0 31px;
	text-align: left;
	margin: 0 0 12px 0;
}

/* Product heading text */
.prodTitle h1, .dealTitle h1 {
	font-family: arial;
	font-weight: bold;
	font-size: 16px;
	color: #fff;
	margin: auto;
	margin: 0 0 10px 0;
	padding: 0;
}

/* Footer for each row of products */
.spRowFooter {
	width: 562px;
	height: 2px;
	padding: 0;
	margin: 0;
	background-image: url("/images/col3_vdot_btm.gif");
	background-repeat: repeat-x;
	font-size: 2px;
}

/* Margins for sections of product area */
.info, .pricing, .description {
	margin: 2px;
}

.pricing img {
	margin: 4px 0;
}


/* Redefine width of calculations table */
.calculations {
	width: 180px;
}

.calculations td.price {
	width: 70px;
}

/* Modify Offers section for specials.jsp */
.offers {
	border: 0;
}

.offers p {
	margin: 0;
}
