/* $Id: productSales.css 6702 2010-05-03 18:18:18Z chrisl $ */
#productHeader H1 { margin-bottom : 0; }
#productHeader H2 {
	margin-top : 5px;
	margin-left : 10px;
	font-weight : normal;
}

#productHeader H1 .parens {
	font-size : small;
	font-weight : normal;
}
#productHeader UL {
	list-style-image: url("/images/yellow-check.gif");
}

.salesForm {
	background : #DDF;
	border : 1px solid #999;
	border-top : 0;
}
.salesForm H2 {
	clear : both;
	margin : 0;
	border : 1px solid #999;
	border-width : 1px 0;
	padding : 5px;
	background : #FD4;
}
.salesForm H3 { margin: 0; }
.salesForm TABLE { margin : 10px 1px; }
.salesForm TABLE TH {
	width: 200px;
	padding: 5px;
	font-weight: bold;
	text-align: right;
	vertical-align: top;
}
.salesForm TABLE.leftHeaders TH { text-align: left; }
.salesForm TABLE TH DIV { margin-left: 15px; }
.salesForm TABLE.leftHeaders TH.opt { padding-left: 17px; }
.salesForm TABLE.leftHeaders TH.opt DIV { margin-left: 0; }
.salesForm DIV.options { margin : 7px 0 0 15px; }
.salesForm .buttons { text-align: center; margin: 10px; }

/* the confirmation screen styles */
DIV#saleWrapper { text-align: center; }

DIV#saleConfirmation {
	text-align: left;
	margin: 20px auto;
	/* width: 660px; */
	font-size : small;
	font-family : Verdana,Arial,Helvetica,sans-serif;
}
DIV#saleConfirmation H3 {
	font-size : x-small;
	padding : 0 0 3px 0;
	margin : 0 0 3px 0;
	border-bottom : 3px solid #336;
}
DIV#saleConfirmation H3 SPAN { color: #f00; }
DIV#saleConfirmation H3.first { border: 0; padding: 0; }

DIV#saleConfirmation DIV.section {
	width: 100%;
	margin: 20px 0;
	font-size: x-small;
}
DIV#saleConfirmation DIV.section DIV.content {
	margin: 0 10px;
	font-size: inherit;
}
DIV#saleConfirmation .info { font-size: inherit; }
DIV#saleConfirmation .info SPAN { font-weight: bold; }
DIV#saleConfirmation TABLE {
	margin-top: 10px;
	width: 90%;
}
DIV#saleConfirmation TH {
	font-size: x-small;
	font-weight: bold;
	text-align: left;
	color: #fff;
	background: #336;
	border-color: #336;
	border-style: solid;
	border-width: 1px 0;
}
DIV#saleConfirmation TD {
	font-size: x-small;
	padding: 3px 0;
}
DIV#saleConfirmation TH.qty, DIV#saleConfirmation TD.qty {
	text-align: center;
	width: 7%;
}
DIV#saleConfirmation TH.product, DIV#saleConfirmation TD.product {
	text-align: left;
	width: 58%;
	font-weight: bold;
}
DIV#saleConfirmation TH.unitprice, DIV#saleConfirmation TD.unitprice {
	text-align: right;
	width: 20%;
}
DIV#saleConfirmation TH.price, DIV#saleConfirmation TD.price {
	text-align: right;
	padding-right: 10px;
	width: 20%;
}
DIV#saleConfirmation TD.total {
	text-align: right;
	padding-right: 10px;
	width: 35%;
}
DIV#saleConfirmation TD.total SPAN {
	float: left;
	width: 50%;		
}
DIV#saleConfirmation TD.sub, DIV#saleConfirmation TD.final {
	border-top: 1px solid #336;
}
DIV#saleConfirmation TD.discount STRONG { color: #d00; }
DIV#saleConfirmation TD.final { background: #def; }

.price EM {
	font-weight: bold;
	font-style: normal;
	font-family: Verdana, Geneva, Arial, sans-serif;
}

/* ---Credit Card Form--------------------------------------------------- */
#CCForm { 
	font-family : Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 0 25px;
	padding: 10px 0 0 0;
}
#CCForm TABLE {
	float: left;
}
#CCForm .left { border-right: solid 1px gray; padding-right: 15px; width:46%; }
#CCForm .right { padding-left: 15px; }
#CCForm TR { 
	vertical-align:top;
}
#CCForm TD { 
	font-weight: bold; 
	text-align: left;	
}
#CCInfoTable { display: block; }
#CCForm TD.inv { padding-top: 17px; }
#CCForm TD.rad { padding-right: 5px; text-align:right;}
#CCForm TD.lab { padding-top: 2px; width: 225px;}
#CCForm TD.card { padding: 6px 0 0 0; }
#CCForm TD.numb { padding: 6px 0 6px 0; }
#CCForm #CID { padding:0; }
#CCForm A { text-decoration: none; }
#CCForm TD.other { padding: 17px 0 0 17px; }
#CCForm TD.IoPo { padding:0 0 0 17px; }
/* ---------------------------------------------------------------------- */

.moreInfoLinks { 
	width:210px; 
	border: 1px solid #999;
	padding:0 0 10px 0;
	background: url(/images/classroom-fade.gif) no-repeat bottom right;
}
.moreInfoLinks H3 { 
	margin:0 0 10px 0; 
	padding:5px 0 5px 10px; 
	background-color: #FFDD44; 
	text-align:center;
	border-bottom: 1px solid #999;
}
.moreInfoLinks #inner { margin-left:10px; }
.postingQuestions {
	width: 210px;
	border: 1px solid #999;
	text-align: center;
	font-size: x-small;
	background-color: #DDDDFF; 
	margin: 10px 0 0 0;
	padding: 10px 0 13px 0;
}
.postingQuestions H3 { margin:0; padding: 0;}
.postingQuestions P {
	margin : 5px 0 0 15px;
	padding : 0;
	text-align : left;
}

.benefits UL LI { margin-top: 10px; }

#leftContent {
	float : left;
	width : 680px;  /* size-specific = content width - 154px - 35px */
}													/*  - 1px more for IE5/Mac */
		
#rightGutter {
	float : right;
	margin : 0 0 10px 10px;
	width : 215px;
	padding:0;
}