/*---- encloses whole panel --*/
              
div#piececontainer{
}  
/*---- major blocks ----------*/
div#checkoutshipping{
	text-align:left;
}
p.pFreight{
	margin:0 10px 6px 10px;
	font-size:0.9em;
	text-align:left;
	width:auto;
	line-height:1.4em;
}
h2.h2Green{/* xxxx also on styles.css */
	margin:10px 0;
	text-align:center;
	font-size:1.2em;
	color:#008000;
}
div#pieceimagesblock{
	padding:5px 0 0 0;
}
div#piecedescriptionsblock{
	margin:5px 40px;
}
/* table for common data */
table.markuptable{
	border:1px dashed #eee;
	}
.wtabrowcolor1{
	background-color:#fefefe;
	}
.wtabrowcolor2{
	background-color:#fdfdfd;
	}
	/* ! table for common data */
div#piecevariationsblock{
	margin:10px 40px;
	/*padding:10px 0;*/
	width:auto;
	height:auto;
	clear:both;
	border:1px dashed #eee;
}
div#pieceqtyblock{
	float:left;
	margin:0 0 0 84px;
	text-align:left;
}
div#pieceqtyblock select{
	width:40px;
}
div#piecepricesblock{
	margin:10px 40px;
	/*padding:10px 0;*/
	width:auto;
	height:auto;
	clear:both;
	border:1px dashed #eee;
}
div#piecebuttonblock{
	float:left;
	margin:10px 0 20px 214px;
	clear:both;
}
/*---- decoration ------------*/
div#piecepricescontainer{
	float:left;
	width:180px;
	margin:0 0 0 40px;
	padding:4px;
	clear:both;
}
div#piecepricescontainer p{
	clear:both;
	margin:2px 0;
	font-size:1.3em;
}
div#piecepricescontainer em{
	display:block;
	float:left;
	font-style:normal;
	font-weight:bold;
	color:#444
}
div#piecepricescontainer span{
	display:block;
	text-align:right;
}
/*div#piecevariationscontainer  { width:auto; margin:0 auto; text-align:center;border:1px solid red;}
*/
div.piecevariation{
	float:left;
	margin:0 0 0 40px;
	width:440px;
	height:auto;
	/*border:1px dashed blue;*/
	clear:both;
}
div.piecevariation label{
	float:left;
	clear:left;
	text-align:left;
	width:auto;
	font-weight:bold;
	color:#000;
	display:block;
	/*border:1px solid red;*/
	/*font-size:20px;*/
	}
div.piecevariation select{
	float:right;
	clear:right;
	width:340px;
	display:block;
	/*border:1px solid green;*/
	/*font-size:20px;*/
}
div#pieceoptionimagebox{
	float:right;
	margin:-34px 0 0 0;
	width:90px;
	height:90px;
	/*background-color:yellow;*/
}
#piececontainer label, #piececontainer select{/* modifies earlier - any need for twice? */
	font-size:13px;
	clear:both;
}
#piececontainer img{
	border:1px solid #000;
}
.pieceoptionimageoff{ display:none;}  /*js*/
.pieceoptionimageon{ float:right;margin:0 40px 0 0;} /*js*/
/* a.piecethumb        { margin:5px; border:3px solid #999;} (js) */
/* a.piecethumbsel     { margin:5px; border:3px solid #333;} (js) */
div.dTablePieces{
	margin:20px auto 0 auto;
	border-top:1px dashed #ccc;
	clear:both;
}
/*
div#popup      { position:absolute; top:0; text-align:center; padding:0;background:#BAD3DE; }
div.popupoff      { display:none; }
div.popupon       { display:block;}
*/

/* checkout */
/*#fullcartview {margin:0 auto;}
*/
table.tabFullCart {width:auto;margin:0 20px; border-collapse:collapse;}
td.tdFullCart, th {padding:4px;border:1px solid #ccc;}
.right{
	text-align:right;
}
.rightbold{
	text-align:right;
	font-weight:bold;
}
.left{
	text-align:left;
}

/* checkout page personal details */
table.tabInner{
	margin:0 auto;
	width: 500px;
	vertical-align:top;
	border-collapse:collapse;
}
td.Ralign, td.tdRalign {
	text-align: right;
	font-size: 1.2em;
	font-weight:bold;
	padding-right:1em;
	vertical-align:top;
}
td.Lalign, td.tdLalign {
	text-align: left;
	font-size:0.9em;
	font-weight:bold;
}
td.tdFormCentre{
	text-align:center;
	
	/*padding:4px 0;*/
	/*vertical-align:middle;*/
}
span.bold {
	font-weight:bold;
}
/*  */
.radio, input.inpOption{
	margin:2px 4px 10px 0;
	border:1px solid #008000;
}
p.pMessage{
	font-size:1.1em;
	margin:10px auto;
	font-weight:bold;
	color:#008000;
	width:60%;
}
div.dButtonsCheckout{
	margin:0 0 20px 0;
}
textarea {
	margin:4px 1px 0 0;
}
#checkout2 {
	width:50%;
	text-align:left;
	margin:0 auto 20px auto;
	/*padding:3px;
	border:1px solid black;*/
}