/* -------------------------------------------------------------- */
/* ----- Genral Style Sheet ------------------------------------- */
/* -------------------------------------------------------------- */

#calculator {
	
	
}
#calculator table 
{
	border: 0px;
	border-collapse: separate;
	border-spacing: 0px;
}

#calculator * html table 
{
	border: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
} /* Use CELLSPACING & CELLPADDING for IE7 */

#calculator td 
{
	padding: 0px;
} /* NOWRAP fails on FireFox, instead use DIV */		

#calculator form
{
	margin: 0px;
} /* NOTE: IFRAME causes AutoComplete alignment problem.  Use Position = Relative */

#calculator input 
{
	padding-left: 2px;
	padding-right: 2px;
} /* Use WIDTH - 8px */

#calculator img
{
	border: 0px;
}

/* -------------------------------------------------------------- */
/* ----- Page Style Sheet --------------------------------------- */
/* -------------------------------------------------------------- */

#MarginTable { width: 100%; height: 100%; }
	#MarginCell { padding: 10px; text-align: center; }
		#MainTable { margin: auto; width: 500px; xheight: 485px; }
			#MainTitle { height: 40px; font: bold 14pt arial; text-align: center; vertical-align: top; }
			#MainHead { background: transparent url(images/headbox.gif) no-repeat; width: 500px; height: 75px; font: 12pt arial; line-height: 20px; color: #660000; }
				#HeadCell { padding-left: 15px; padding-right: 15px; text-align: justify; }

			#MainForm { padding-left: 10px; text-align: left; }		
				#FormTable { width: 490px; height: 250px; font: 10pt arial; }
					#FormPad { height: 10px; }
					.FormHeight { height: 30px; }
						.FormLabel { width: 100%; }
							.FormComment { padding-left: 10px; font: 8pt arial; color: #ff0000; }
						.FormSymbol { white-space: nowrap; font: 10pt 'Times New Roman'; }
						.FormField { width: 122px; font: 10pt arial; }
					#FormButton { height: 30px; vertical-align: bottom; }
						#ButtonTable { margin-top: auto; width: 130px; height: 25px; }
							#CalculateButton { width: 75px; height: 25px; font: 8pt arial; }
							#ResetButton { width: 50px; height: 25px; font: 8pt arial; }

			#MainFoot { text-align: center; }
				#FootTable { margin-left: auto; margin-right: auto; background: transparent url(images/totalbox.gif) no-repeat; width: 420px; height: 120px; font: 10pt arial; }
					#FootPad { height: 35px; }
					#FootCell { height: 85px; text-align: center; }
						#TotalTable { margin-left: auto; margin-right: auto; width: 375px; height: 75px; font: 10pt arial; }
							.TotalHeight { height: 20px; }
								.TotalLabel { text-align: left; }
								#StoreTotal { font-weight: bold; text-align: right; }
								#InternetTotal { font-weight: bold; text-align: right; }
							#TotalHeight { height: 35px; }
								#GoGiftTotalGif { width: 256px; height: 17px; }
								#GoGiftTotal { font: bold 12pt arial; color: #7086bf; text-align: right }