body, h1, h2, h3, div, form, ul, li, dl, dt, dd, blockquote, img, input
{	margin:	0;
	padding:	0;
	
	list-style:	none;
	font-family:	Verdana, Helvetica, Arial, sans-serif;
	color:	#303035;
}

body	{
	background-color:	#DDDDDD;
/*	background-image:	url(../i/bodybg.gif);
	background-repeat:	repeat-x;	*/
}

img	{
	display:	block;
	border:	0;
}

h1, h2, h3	{
	font-family:	Helvetica, Verdana, Arial, sans-serif;
	font-size:	25px;
}
h3	{
	font-size:	12px;
	letter-spacing:	1px;
	
	margin-left:	10px;
	margin-bottom:	20px;
	margin-top:	-2px;
}

p	{
	margin:	20px;
	margin-top:	0;
	
	font-size:	12px;
	line-height:	1.5;
}

a	{
	color:	#333355;
	text-decoration:	none;
	font-weight:	bold;
}
a:hover	{
	color:	#995533;
}

p:hover a	{
	text-decoration:	underline;
}
/*
#blurbContent dl	{
	margin:	20px;
	margin-top:	0;
	
	font-size:	12px;
}
#blurbContent dt	{
	width:	100px;
	float:	left;
	text-align:	right;
	font-weight:	bold;
}
#blurbContent dd	{
	margin-left:	120px;
	text-align:	left;
	vertical-align:	top;
	margin-bottom:	5px;
}
*/








#header	{
	height:	150px;
	width:	600px;
	margin-top:	30px;
	margin-left:	auto;
	margin-right:	auto;
	
	background-image:	url(../i/headerbg.jpg);
	background-repeat:	no-repeat;
	background-position:	bottom right;
	
	border:	1px solid #DDDDDD;
	border-bottom:	none;
	border-top:	none;
}
#header h1	{
	display:	none;
}
#header a#homeButton	{
	display:	block;
	width:	600px;
	height:	150px;
}








#mainContent	{
	position:	relative;
	padding:	0;
	margin:	0;
	padding-top:	20px;
	margin-left:	auto;
	margin-right:	auto;
	margin-bottom:	50px;
	
	background-image:	url(../i/contentbg.gif);
	background-position:	right;
	background-repeat:	repeat-y;
	background-color:	white;
	
	width:	600px;
}









#blurbContent,
#footer	{
	margin-left:	10px;
	margin-right:	195px;
	padding-bottom:	10px;
}









/*	right panel	*/

#navigation	{
	position:	absolute;
	top:	20px;
	left:	420px;
	padding-bottom:	20px;
	
	background-color:	#F2F2F2;
	
	width:	180px;
}
#navigation h2	{
	margin-left:	10px;
}
#navigation h3	{
	margin-left:	20px;
	margin-bottom:	20px;
}



/*	login stuff	*/
#navigation ul,
#navigation dl	{
	margin:	auto;
	
	font-size:	10px;
	font-weight:	bold;
	
	width:	160px;
}
#navigation dt	{
	margin-bottom:	4px;
}
#navigation dd	{
	margin-bottom:	10px;
}
#navigation dd input	{
	
	padding:	2px 0;
	
	font-size:	10px;
	font-weight:	normal;
	
	border:	1px solid white;
	border:	1px solid #DDDDDD;
	background-image:	url(../i/inputbg.jpg);
	background-repeat:	no-repeat;
	background-position:	top center;
	
	width:	100%;
}
#navigation dd input:focus	{
	border-bottom: 1px solid #999999;
}

/*	navigation stuff	*/
#navigation ul	{
	margin-top:	10px;
	
	border-top:	1px solid #DDDDDD;	
	border-left:	1px solid #DDDDDD;
}
#navigation li a	{
	display:	block;
	padding:	3px 0;
	
	text-decoration:	none;
	text-align:	center;
	color:	#333333;
	background-color:	#EEEEEE;
	
	border-bottom:	1px solid #DDDDDD;	
	border-right:	1px solid #DDDDDD;
}
#navigation li a#currentPageButton	{
	background-color:	#DDDDDD;
}
#navigation li a#currentPageButton:hover	{
	background-color:	#DDDDDD;
	color:	#333333;
}
#navigation li a#switchback	{
	background-color:	#EEE2D0;
}
#navigation li a#switchback:hover	{
	background-color:	#AAA290;
}
#navigation li a:hover	{
	background-color:	#999999;
	color:	white;
}

form #submitButton	{
	margin-left:	10px;
	margin-bottom:	20px;
	
	font-size:	10px;
	color:	#666666;
	cursor:	pointer;
	
	border:	1px solid #DDDDDD;
	background-color:	#DDDDDD;
	
	width:	80px;
}
form #submitButton:hover	{
	color:	#999999;
	
	background-color:	white;
}






/*	general form stuff	*/
.mainForm	{
	margin:	10px;
	
	font-size:	10px;
}
div.mainForm	{
	margin:	0;
}
.mainForm dt	{
	float:	left;
	
	font-weight:	bold;
	text-align:	right;
	line-height:	2;
	
	width:	120px;
}
.mainForm dd	{
	margin-bottom:	10px;
	margin-left:	130px;
	line-height:	2;
}
.mainForm dd input,
.mainForm dd textarea	{

	padding:	2px 0;
	
	font-size:	10px;
	font-weight:	normal;
	
	border:	1px solid #DDDDDD;
	
	width:	80%;
}
.mainForm dd input:focus	{
	border-bottom: 1px solid #999999;
}
.mainForm #submitButton	{
	margin-left:	130px;
	margin-bottom:	20px;
}
.mainForm select	{

	padding:	2px 0;
	
	font-size:	10px;
	font-weight:	normal;
	
	border:	1px solid #DDDDDD;
}





/*	general table stuff	*/
table	{
	margin-top:	10px;
	margin-bottom:	20px;
	width:	100%;
}
td, th	{
	padding:	3px 8px;

	font-size:	10px;
}
th	{
	text-align:	left;
	font-weight:	bold;
	
	background-color:	#EEEEEE;
	border-bottom:	6px solid #999999;
	border-right:	1px solid #EEEEEE;
	border-left:	1px solid #EEEEEE;
}
td	{
	border-top:	1px solid #999999;
}
td+td,
th+th	{
	text-align:	center;
}
td p	{
	margin:	0 0 20px 0;
}






/*	order processing buttons	*/
#orderStatus	{
	margin-left:	130px;
}
#orderStatus li a	{
	display:	block;
	margin-bottom:	10px;
	margin-right:	10px;
	padding:	3px 0;
	
	text-decoration:	none;
	text-align:	center;
	color:	#333333;
	background-color:	#EEEEEE;
	
	border:	1px solid #DDDDDD;	
	
	width:	120px;
}
#orderStatus a#acceptOrder	{
	background-color:	#DDEED0;
}
#orderStatus a#acceptOrder:hover	{
	background-color:	#889980;
	color:	white;
}
#orderStatus #rejectOrder	{
	background-color:	#EEDDD0;
}
#orderStatus a#rejectOrder:hover	{
	background-color:	#998880;
	color:	white;
}



/*	useful basic classes	*/
.error	{
	color:	#990000;
}

input.password	{
	width:	8em;
}

.oneLine	{
	white-space:	nowrap;
}
.browserTable td.oneLine	{
	text-align:	right;
}
.browserTable td.total	{
	text-align:	right;
	font-weight:	bold;
}
.browserTable td	{
	vertical-align:	top;
}
.browserTable td h2	{
	font-size:	12px;
	text-align:	left;
}
.browserTable td p	{
	font-size:	10px;
	margin:	0 10px 10px 10px;
	text-align:	left;
}
.browserTable td .date	{
	float:	right;
}
.browserTable td.grandTotal	{
	font-size:	18px;
	font-weight:	bold;
	font-family:	Helvetica, Verdana, Arial, sans-serif;
	text-align:	right;
	
	background-color:	#EEEEEE;
	border-top:	6px solid #999999;
	border-right:	1px solid #EEEEEE;
	border-left:	1px solid #EEEEEE;
}