/* ======= basics ============= */
	#price * { margin: 0; padding: 0; }
	#price {
		width: 350px;
		margin: 40px auto;
		background: #fff url(../images/price-calc/price-base.gif) no-repeat center bottom;
		font: 11px Arial, Helvetica, Verdana, 'Lucida Grande', Geneva, san-serif; }
	#price h1 {
		display: block;
		height: 52px;
		background: url(../images/price-calc/price-top.gif) no-repeat center top; }
	#price h2 {
		display: block;
		height: 18px;
		margin: 0;
		padding: 0; }
	#price h2.standard { 
		width: 184px; 
		background: url(../images/price-calc/standard.gif) no-repeat left top; }
	#price h2.options { 
		width: 192px; 
		background: url(../images/price-calc/add-options.gif) no-repeat left top; }
	#price a { color: #6b2213; outline: none; text-decoration: none; }
		
	/* ======= enclosing divs ========= */
	#price #stand { width: 340px; padding: 0 15px 10px 15px; }
	#price #additional { width: 340px; padding: 10px 15px; }
	#price #total { display: block; height: 50px; padding: 0 20px; }
	#price .split { 
		width: 338px; 
		margin: 0 auto; 
		background: #a1a1a1; 
		height: 18px; }
	#price .split #fold { 
		display: block; 
		height: 11px; 
		background: url(../images/price-calc/minus.gif) no-repeat 5px 1px;
		
		/* uncomment below for collapsed image div#additional should collapse*/
		/*height: 17px; 
		 background: url(../images/price-calc/plus.gif) no-repeat 5px 3px; */ }
	
	
	/* ======== form menus ========= */
	#price ul.left { list-style: none; display: block; width: 50%;}
	#price ul.right { list-style: none; display: block; width: 50%; float: right; }
	#price ul li { display: block; margin: 5px 0;}
	#price legend { display: block; width: 150px; margin: 2px 0; }
	#price select { 
		display: block; 
		width: 150px; 
		margin: 2px 0;
		border: 1px #aaa solid; 
		background: #fff; }
	#price input { 
		display: block; 
		width: 150px; 
		margin: 2px 0;
		border: 1px #aaa solid; 
		background: #fff; }
	
	/* ========= Total fields ========= */
	#price #total #tot {  position: relative; left: 125px; top: 15px; display: block; width: 61px; height: 16px; background: url(../images/price-calc/total.gif) no-repeat right bottom; }
	#price #total input { float: right; font-size: 16px; font-weight: bold; width: 100px; padding: 3px; position: relative; top: -8px;}
	
	/* ===== hide this stuff (it's visible without stylesheet) ===== */
	#price h1 span, #price h2 span, #price .split span, #price #total #tot span { display: none; }
	
	/* ==== IE6 stuff == */
	* html #price ul.left,
	* html #price ul.right { width: 49%; }
	* html #price #stand { position: relative; left: 12px; padding: 0 0 10px 0; }
	* html #price #additional { position: relative; left: 12px; padding: 10px 0; }
	* html #price #total { position: relative; left: 12px; padding: 0; height: 50px; }
	* html #price #total #tot {  position: relative; left: 125px; top: 15px; }
	* html #price #total input { position: relative; right: 40px; top: -8px; }