
#rightTable {margin: 0; padding: 0; }
#rightTable table {border: 1px solid black;}

/*Purchase Details - contains price ect. */
	#purchasedetails .productprice { margin: .5em 0em; padding: 0em 1em 0em 1em; }
	#purchasedetails {width: 38%; padding: .5em; text-align: right;}
	
	#purchasedetails div { border: 0px solid #333; margin: 0; padding: 0em; width: auto;}
	
	#purchasedetails table { border: 0px solid black; width: auto; }
	#purchasedetails form { margin: .5em 0em; padding: 0em 1em 1em 1em; }
	
	#purchasedetails .presalenotice { border: 1px solid #333;  }
	
	#purchasedetails .orderform { border: 1px solid #333;width: 380px; text-align: left;}
	#purchasedetails .orderform {font-size: 1em; }
	#purchasedetails .orderform p, #purchasedetails .orderform a {margin: 0px 0px 0px 0px;}
	#purchasedetails .smaller {font-size: 1em; }
	
	#purchasedetails .thankyou, #purchasedetails .nostock {border: 1px solid #333; margin-top: 5px; text-align:left; height: 100%; width: 100%;  }
	#purchasedetails .thankyou p, #purchasedetails .nostock p {font-size: 1.5em; padding: 0px 10px; margin: 5px; }
	
	#purchasedetails .stockwarning {border: 1px solid #000; margin: 10px 0px; padding: 10px;  }
	#purchasedetails .stockwarning p {margin: 0px; }
	
/*iteminfo - table cell containing product navigation & product content */
	#iteminfo { height: 400px; padding: 0em; width: 80%;}
		
/*Product Navigation -- Links which control desc-spec-install*/

	#productnav {  
		float:left;
		background: #333;
		display: block;
		font-size:1.5em;
		line-height:normal;
		overflow: hidden;
		padding: 0em;
		margin: 0em;
		width: 100%;}

	#productnav ul { list-style-type: none; margin: 0; padding:10px 0 0 10px;}
	#productnav li { float: left; padding: 0em; margin-right: 1em;}
	#productnav a { float:left; background:#A98FBA; display:block; padding:4px 5px 3px 6px; text-decoration:none; color:#000; width: 7em;}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#productnav a span {float:none;}
/* End IE5-Mac hack */

/*	1. At this point many things are simplified. The hover and background colors are set, and no positions are used because we aren't swapping images
*	2. 'padding-bottom:4px;' on the active span pushes that tab 1px higher than the others, exposing 1px of the background color of #nav and giving the effect of an underline.
*/

#productnav #active span a { padding-bottom:4px; }
#productnav a:hover, #productnav span a:hover  { background-color:#D7D6A2; color:#000; }
#productnav #active span a, #productnav #active a { background-color:#fff; }

/*Product Content: desc-spec-install*/

#productcontent { border-left: 1px solid #333; border-right: 1px solid #333; border-bottom: 1px solid #333; clear: both; padding: 1em; }
#productcontent p { margin-top: 0; }

	/*.smimg	{ padding: .5em; width: 10%;  }		*/
	/*.smgimg {width: 100px; }*/
	/*.smimg img { border: 2px solid #333; width: 100px; }*/
	.lgimg	{ height: 540px; text-align: center; width: 20%; padding: .5em;} 			
	.lgimg img	{ width: 446px; }
	
	#descrip { background: #fff; }
	#spec { background: #fff;}
	

	#install { background: #fff; }
	
	#specMHM {margin-right: 2%;width: 100%; }
	#specMHM2 {margin-right: 2%; float: left; width: 48%; }
	#specMHM3 {margin-left: 2%; float: left; width: 48%; }
		#specMHM3 p {}
		
		.itemdesc	{ }			
		.itemdesc p	{ text-align: justify;}		
		.itemspec	{ }
		.itemspec p	{ font-size: 1em;}
		.itemspec p.italic	{ font-style: italic;}
		.itemspec p.lesslh	{ margin-top: 0em; margin-left: 3em; padding: 0em;}
		.installation	{ }
		.announce	{font-size: 2em; line-height: 1em; }
		
		#bord {border: 1px solid #333333; padding: 10px; margin: auto auto 10px auto;}
		#bord p {margin: 0; padding: 5px; 0px}
		
		#box602 {float: left; width: 45%; margin-left: 5%; }
		#box603 {width: 47%; margin-left: 53%;}
		#clear {clear: both; }