@import "navigation_green.css";
@import "catalog_green.css";
@import "forms.css";

body {
	margin: auto;
	padding: 0;
	border: none;		
	font-family: "Lucida Grande", Verdana, Geneva, Lucida, Arial, Sans-Serif;
 	font-size: 9pt;
	font-weight: normal;
	line-height: 1.25em;
	color: #000000;
	background-color: #fff;
}

table  {
	border-style: collapse;
}

table.miscActions {
	margin: 0.25em auto 0.25em auto;
	text-align: center;
}

/* IE Hack */
* html body table.miscActions {
	
}

td {
	margin: 0.25em;	
	padding: 0.25em;
	background: none;
}

p {
	margin: 1em;
	line-height: 1.5em;	
}

h1, h2, h3, h4, h5 {
	margin: 0.75em 0.5em 0.75em 0.5em;
	line-height: 1.5em;	
 	color: #00694A;
}

h1 {
	font-size: 16pt;
}


h2 {
	font-size: 14pt;
}

h3 {
	font-size: 12pt;
}

h4 {
	font-size: 10pt;
}

h5 {
	font-size: 9pt;
}

/* for headers inside content boxes -- prolly unneeded now */
h1.boxed, h2.boxed, h3.boxed, h4.boxed, h5.boxed {
	margin: 1em;
}

hr {
	clear: both;
	width: 99%;
	height: 1px;
	max-height: 1px;
	margin: 0.5em auto 0.5em auto;
	padding: 0;
	border: none;
	border-top: dashed 1px #999;
}

a {
	margin: 0;
	padding: 0;
	text-decoration: none;
	background: none;	
}

a:link {
	color: #999999;
	background: none;
}

a:hover {
	color: #cc0000;		
	text-decoration: none;
	background: none;
}

a:visited {
	color: #999999;
	text-decoration: none;
	background: none;
}

a:visited:hover {
	color: #cc0000;
	text-decoration: none;
	background: none;
}

a:active {
	color: #242994;
	background: none;
}

img {
	margin: 0;
	border: none 0 #fff;
	vertical-align: middle;
}


#bodyShell {
	z-index: 1;
	width: 780px;
	margin: 0 auto 0 auto;	
}


/* header area */

#header {
	width: 780px;
	margin: 0 auto 0 auto;
	height: 20px;
	background-color: #00694A;
}


/* work area */

#workarea {
	z-index: 0;
	clear: both;
	position: absolute;
	top:70px;
	width: 780px;
	padding: 0;
}

*>#workarea {
/* 	height: auto; */ /* ie ignores child selector */
}

#workareaLeft {
 	float: left;
	z-index: 1;
	width: 390px;
	
	margin: 0;
	display: inline;		
}

#workareaRight {
	float: right;
	z-index: 1;
	width: 390px;
	
	background: #fff;
	vertical-align: middle;
	margin: 0;	
	display: inline;
}

*>#workareaRight {
	min-height: 380px;
}


#workareaRight h1, p {
	width: 340px;
	margin: 1em 0 0.5em 0;	<!--margin: 1em 0 0.5em 0;--> <!--margin: 1em auto 0.5em auto;-->	
	line-height: 1.45em;
	letter-spacing: 0.05em;
}

/* misc from fcom */

#messages {
	width: 400px;
	margin: 15px auto 15px auto;
	padding: 10px;
	border: 3px solid #999;
	text-align: center;
	font-weight: bold;	
}

#errors {
	width: 400px;
	margin: 15px auto 15px auto;
	padding: 10px;
	border: 3px solid #c00;
	text-align: center;
	font-weight: bold;
	color: #c00;
}

#copyright {
	width: 780px;
	
	text-align: center;
	font-size: 11px;	
	color: #fff;
	height: 22px;
	background-color: #00694A;
}

.inactive {
	background-color: red;
}

a.popView, a.popInfo, a.popEdit {
	margin: 0;
	padding: 0;
	vertical-align: middle;	
	background: none;	
	text-decoration: none;
}

a.popView:before, a.popInfo:before, a.popEdit:before {
	content: url(/images/icons/icon_pop_fff_16px.gif);
	margin-right: 0.4em;
}

a.popInfo:before {
	content: url(/images/icons/icon_help.gif);
}

a.popInfo {
	cursor: help;
}

li.il {
	display: inline;
	list-style: none;
	text-align: center;
	padding: 3px;
}

div.spacer {
	clear: both;
}

a.cmenu:after {
	content: " (!)";
}

.dbEntity {
	margin: auto;
	border: 1px solid #000;
	border-collapse: collapse;
}

.dbEntity td {
	border: 1px solid #000;
	padding: 0.25em;
}

.dbEntity th {
	padding: 0.5em;
}

.dbEntity th:hover {
	background-color: #eee; 
}

.dbEntity th a:hover:before {
/*
	content: 'Sort by:';
	color: blue;
	display: block;
*/
}

.dbEntity th a {
	display: block;
}

thead {
	background-color: #f2f2ec;
}

.errorLevel1 {
	color: red;
	font-weight: bold;
}

/* more login and checkout items */

#contentBlockSmall {
	width: 50%;
	margin: 10px auto 20px auto;
	text-align: center;
}

#contentBlockSmall p {
	width: 90%;
	margin: auto;	
	padding: 10px 0 10px 0;
}

#contentBlockMedium {
	width: 75%;
	margin: 10px auto 20px auto;
	text-align: center;
}

#contentBlockSmall h3, #contentBlockMedium h3 {
	width: 90%;
	margin: 10px 0 10px 0;	
	text-align: left;
}

dl {
	margin: 10px auto 10px 0;
	text-align: left;
}

dt {
	margin: 10px;
	font-weight: bold;
}

dd {
	margin: 10px 10px 10px 25px;
}



/* invoice page */
#invoiceShipTo {

}

#invoiceBillTo {

}


#invoiceItems table {
	margin: 10px auto 10px auto;
	padding: 0;
	border: solid 1px #999;
}

#invoiceItems th {
	border-bottom: solid 1px #999;
}


#invoiceTax {

}

#invoiceShipping  {

}

#invoiceDiscount  {

}

#invoiceTotal  {

}




/*  based on #owLeft and Right DUMP? */
#checkoutLeft {
	float: left;
	width: 370px;
	max-width: 370px;
	margin: 15px 0 0 0;
	display: inline; /* float alignment bug fix for IE */
	
background: yellow;	
}

#checkoutRight {
	float: right;
	width: 360px;
	max-width: 360px;
	margin: 15px 0 0 0;
	text-align: left;
	display: inline; /* float alignment bug fix for IE */
	
background: red;	
}

/* more login and checkout items */


/* generic classes */

.C {
	text-align: center;
}

.L {
	float: left;
	margin: 0.25em;
}

.R {
	float: right;
	margin: 0.25em;
}

.B {
	font-weight: bold;
}

/* IE Hack */
* html body .L, * html body .R {
	display: inline;
}

.left2 {
	margin: 0 0 0 2em;
}

.left5 {
	margin: 0 0 0 5em;
}

.left10 {
	margin: 0 0 0 10em;
}

.reversi {
	color: #fff;
}

.w50 {
	width: 50%;
}

.w75 {
	width: 75%;
}

.w85 {
	width: 85%;
}

/* generic classes */


/* miscellaneous static page formatting */

#largePrint, #mediumPrint {
	margin: 1em auto 10em auto; 
	text-align: left;
}

#largePrint h1, #mediumPrint h1 {
	margin-bottom: 0.1em;
}

#largePrint h3, #mediumPrint h3 {
	margin: 0.75em 1em 0.25em 0.75em;
}

#largePrint p, #mediumPrint p {
	width: 90%; 
	margin: 0.5em 1em 0.75em 1em; 
	font-size: 9pt;
}

#mediumPrint p {
	font-size: 9pt;
}

/* end miscellaneous static page formatting */

#specials {
	display: table; 
	float: right;
}

/* IE Hack */
* html body #specials {
	width: 40%;
}

#printOrders {
	position: absolute;
	top: 200px;
	left: 300px;
	height: 200px;
	width: 300px;
	background-color: #f2f2ec;
	border: 2px dotted #000;
	color: #000;
}

#printOrders div {
	border: 1px solid #000;
	width: 180px;
	height: 30px;
	background-color: #fff;
	padding-top: 20px;
	padding-bottom: 20px;
	margin: auto;
}

#printOrders div div {
	background-color: blue;
	height: 100%;
	width: 0px;
	margin: 0;
	padding: 0;
	border: 1px;
}