/* GLOBAL STYLES */
@import url(global.css);

/* GLOBAL STYLES UNIQUE TO ORDER FORMS */
.content h1				{ font: bold 2em Georgia,"Times New Roman",Times,serif; color: #A8843F; margin: 10px 0 10px 40px; text-align: center; }
/* idiot P2H doesn't know how to make CASCADING style sheets! >:( */
.contentwrapper 		{ margin: 0 30px; }
.contentwrapper h2   	{ font: bold 1.2em Georgia,"Times New Roman",Times,serif; }
.middlebox				{ margin: 30px 20px 0 0; float: left; }
/* if questions spread across two columns the following pushing the right question box down to align with left question box */
.twoacross				{ margin: 50px 0 0 0; }
	/* various box widths with and without padding */
	.boxwidth						{ width: 340px; }
	.boxwidthnopadding				{ width: 410px; }
	.boxfullwidth_stepgraphic		{ width: 930px; background: #DBC9A3; margin-top: 10px; padding: 10px 20px 10px 30px; }
	.library th 					{ text-align: left; padding-top: 15px; }
	.library tr:hover th 			{ background: #DBC9A3; }
	.library tr:hover				{ background: #FFF; }
	.boxwidth_stepgraphic			{ width: 360px; background: #DBC9A3; margin-top: 10px; padding: 10px 20px 10px 70px; }
	.boxwidth_stepgraphic_offset	{ width: 410px; background: #DBC9A3; margin-top: 10px; padding: 10px 10px 10px 30px; }
	.boxwidth_white					{ width: 430px; background: #FFF; padding: 10px; }
	.ordersummary					{ width: 930px; background: #FFF; padding: 10px; }
	.ordersummarytable td			{ width: 75%; padding: 10px; border-bottom: 1px solid #DBC9A3; }
	.totalcost						{ background: #DBC9A3; font-size: 1.2em; font-weight: bold; padding: 5px 90px 5px 5px; text-align: right; }
	/* various padding treatments */
	.boxpadding			{ background: #DBC9A3; margin-top: 10px; padding: 20px 20px 20px 90px; }
	.boxnopadding		{ background: #DBC9A3; margin-top: 10px; padding: 10px 20px; }
	.padoffset			{ padding-left: 30px; }
	/* change strong to block element */
	.ordersummary strong,
	.boxfullwidth_stepgraphic strong, 
	.boxwidth_stepgraphic strong,
	.boxnopadding strong,
	.boxpadding strong				{ display: block; }
	/* mainly for step 1 */
	.step1				{ background: #DBC9A3 url(../_images/order-page-1-step-1.gif) no-repeat left center; }
	.step2				{ background: #DBC9A3 url(../_images/order-page-1-step-2.gif) no-repeat left center; }
	.step3				{ background: #DBC9A3 url(../_images/order-page-1-step-3.gif) no-repeat left center; }
	/* various offset position assignments */
	.left									{ margin: 10px 20px 0 0; float: left; }
	.stepgraphic							{ position: absolute; }
	.stepquestion							{ margin: 0 0 0 60px; }
	.boxwidth_stepgraphic_offset td			{ padding: 2px; }
	.boxwidth_stepgraphic_offset .bgcolor	{ background: #FFF; }
	.paymentmethod_spacing					{ margin: 20px 0 0 0; }
/* form styles */
.halfwidth				{ width: 190px; }
.width					{ width: 355px; }
select					{ background: #F5F1E7; font: normal 1em Verdana,Geneva,Arial,Helvetica,sans-serif; margin: 5px 0 10px 2px; border: 1px solid #F5F1E7; }
input					{ background: #F5F1E7; font: normal 1em Verdana,Geneva,Arial,Helvetica,sans-serif; margin: 5px 0 10px 2px; padding: 3px; border: 1px solid #F5F1E7; }
.radios input			{ background-color: none; margin: 0; padding: 0; border: 0; }
/* scrollable content */
.scroll					{ width: 390px; height: 135px; background: #FFF; font: normal 0.8em/1.3em Arial,Helvetica,sans-serif; padding: 5px 10px; overflow: scroll; overflow-x: hidden; overflow-y: scroll; }
/* submit button area */
.block    				{ width: 960px; height: 83px; background: url(../_images/label-large.gif) no-repeat; overflow: hidden; margin: 0 0 0 20px; padding: 25px 18px 0 30px; clear: both; }
	.block p   			{ width: 650px; background: url(../_images/label-arrow.gif) no-repeat right; font: bold 1.6em Georgia,"Times New Roman",Times,serif; color: #a8843f; margin: 0; text-align: center; float: left; }
	.block a.step  		{ margin: 0 0 0 30px; }
	.block input		{ background-color: none; margin: 0 0 0 20px; padding: 0; border: 0; }