body {
	margin: 0; padding: 0 0 1em 0;
	background: #FFF; color: #000; font-size: 9pt;
	background-color: #366;
	font: small Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}

/* Repeat body tag to fix FireFox bug. */
body	 {
	text-align: -moz-center;
	}

#pagebody {
	margin: 2em 0 0 0; 
	width: 700px;
	padding: 0;
	}

#pagecontent {
	margin: 0; 
	width: 700px;
	padding: 0;
	text-align: left;
	background-color: #699;
 	}
	
#pagecheckout {
 	margin: 0; 
	padding: 1em 0;
	width: 700px;
	background-color: #699;
 	}

#welcomepage {
	padding: 1em;
	}

#contentHeader {clear: left; width: 700px; height:1.8em; margin: 0; padding: 0; background-color: #699;}
#contentTitle {display:inline; float: left; text-align: left; width: 350px; padding: .4em 0 0 .4em; color: #FFF; font-weight: bold;}
#contentCartNav {display:inline; float: right; text-align: right; width: 340px; margin: 0; padding: .4em .4em 0 0; font-size: 8pt;}
#contentCartNav a {color: #FFF;}
#contentChkCart {text-align: right; width: 340px; margin: 0; padding: .4em .4em 0 0; font-size: 8pt;}
#contentChkCart a {color: #000;}

#contentBody {
	width: 680px;
	clear: left;
	padding:  0 10px;
	margin: 0; 
	text-align: left;
	background-color: #699;
	font-size: 8pt; 
	}
	
#contentSidebar {clear: left; width: 700px; height:.1em; border: none; background-color: #699;}/* need border: none here for Firefox */

table#checkoutCart  {width: 630px; margin: 1.5em 2em; border: 1px  #699 solid; font-size: 8pt; border-left: 4px #699 solid;}
table#checkoutCart  th {background-color: #DDD; padding: .3em 0; border-bottom: 2px #699 solid; text-align: center; color: #699;}
table#checkoutCart  td {background-color: #DCC; font-size: 8pt; padding: .3em .5em; border-left: 1px #EEE solid; border-bottom: 1px #EEE solid; text-align: center;}
table#checkoutCart th.cartHeaderLeft {text-align: left; padding-left: .5em;}
table#checkoutCart td.cartLeft {text-align: left; border-left: 0;}

table#checkout  {background-color: #EEE; border: 1px #75275A solid;}

p.bodycopy  {clear: left; margin: 0; border: none; padding: 1em 2em; font-size: 8pt;}
table.bodycopy {clear: left; font-size: 8pt;}
h4 {padding: 0 1.5em; }
h5, h6 {padding: 0 2em;}

h7.headerLink A {
	color: #75275A;
	font-weight: bold;
	text-decoration: underline;
	font-size: 10pt;
	background: none;
	}
h7.headerLink A:hover {color: red;}

/* SPECIAL CONTENT AREAS - SALES, CHECKOUT, etc. */

#categoryHeader {clear: left; padding: .5em 1.5em .5em 0;}
#categoryHeader h6 {text-transform: uppercase; font-size: 10pt; font-weight: bold; margin: 0; line-height: 1em;}
#categoryHeader h7 {margin: 0; line-height: 1em; font-weight: bold;}
#categoryHeader img {float: left; padding: 0 1.5em 1.5em 0;}

.itemRowHeader {width: 680px; clear: left; margin 5px 5px;  padding: 0 0 5px 5px; background-color: #699; vertical-align: middle;}
.itemPurchaseHeader {display: inline; width: 230px; clear: both; height: 1.4em; margin: 0; padding: 0 15px 0 0; font-size: 1em; font-weight: bold; vertical-align: middle; text-transform: uppercase; text-align: center; background-color: #699;}
.itemNameHeader  {display: inline; width: 435px; height: 1.4em; margin: 0; padding: 0 0 0 12px; font-size: 1em; font-weight: bold; vertical-align: middle; text-transform: uppercase; text-align: left; background-color: #699;}

.itemRow {width: 680px; clear: left; margin 5px 5px;  padding: 0 0 5px 5px; background-color: #699; vertical-align: middle;}
.itemPurchase {display: inline; width: 230px; clear: both; height: 1.4em; margin: 0; padding: 0 15px 0 0; font-size: 1em; font-weight: bold; vertical-align: middle; text-transform: uppercase; vertical-align: middle; text-align: center; background-color: #699;}
.itemName {display: inline; width: 435px; height: 1.4em; margin: 0; padding: 0 0 0 12px; font-size: 1em; vertical-align: middle; text-transform: uppercase; vertical-align: middle; text-align: left; background-color: #699;}

.itemName a {text-decoration: none; background-color: #699;}
.errorMessage {text-transform: uppercase; font-size: 10pt; color: red; margin: 0; line-height: 4em; text-align: center;}

.pageheader {
	color: #003333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: .5em;
	text-decoration: none;
	font-weight: bold;
	font-size: 12pt
	}
	
.sectionbullets {
	color: maroon;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;
	font-size: 9pt
	}
	
.sectionheader {
	color: Black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;
	font-size: 9pt
	}

.sectionbullets A:visited, A:link, A:active {
	color: maroon;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;
	font-size: 9pt
	}
	
.sectionbullets A:hover {
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;
	font-size: 9pt
	}

.member A:visited, A:link {
	color: #003333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: normal;
	font-size: 7pt;
	line-height: 1.2
	}

.bodycopy A:link, A:visited {
	color: #990000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 8pt
	}
	
.bodycopy {
	color: #003333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: normal;
	font-size: 8pt
	}

.copyright {
	clear: left;
	color: #000000;
	padding: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: normal;
	font-size: 7pt
	}
	
.copyright A:link, A:visited, A:active {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt
	}

.spotlight_event {
	color: maroon;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;
	font-size: 9pt
	}