body {
 background-color: #ede7c6;
 color: #000000;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 100%;
 margin: 0;
 padding: 0;
 text-align: left;
}

a, a:link, a:visited {
 color: #000000;
 text-decoration: none;
}

a:hover, a:active{
 color: #990099;
 text-decoration: underline;
}

h1 {
 font-family: Geneva, Arial, Helvetica, sans-serif;
 font-size: 100%;
 color: #006633;
 font-weight: bold;
 border-bottom: 2px solid #E7F8CD;
 padding: 0px;
 margin: 10px 5px;
 display: block;
}

h2 {
 FONT: 120% Geneva, Arial, Helvetica, sans-serif;
 font-weight: bold;
 margin: 5px 0;
 padding: 0;
 color: #330066;
}

h4 {
 font-family: Geneva, Arial, Helvetica, sans-serif;
 font-size: 90%;
 color: #330066;
 font-weight: bold;
 border-bottom: 1px solid #006633;
 padding: 0;
 margin: 20px 0 0 0;
 display: block;
}


/* HELP PAGE STYLES */
#help p {
 FONT: 70% Arial, Helvetica, sans-serif;
 COLOR: #000000;
 margin: 3px;
}

#help dl {
 FONT: 70% Arial, Helvetica, sans-serif;
 COLOR: #000000;
 margin: 3px;
}

#help ul {
 FONT: 70% Arial, Helvetica, sans-serif;
 margin: 3px;
 list-style-position: outside;
 padding: 0;
}

#help ul li{
margin: 0 0 3px 15px;
list-style: circle;
}


/* HEADER STYLES */
#header {
 margin: 0 auto;
 padding: 0;
}

#header td {
 background-image: url(i/HeaderBkg.gif);
 background-repeat: repeat-x;
 margin: 0;
 padding: 0;
}

#header td.leftCell {
 border-left: 1px solid #330066;
}

#header td.rightCell {
 border-right: 1px solid #330066;
}

#header p {
 margin: 0 0 10px 0;
 padding: 0;
 font-size: 65%;
 font-family: Verdana, Arial, Helvetica, sans-serif;
}

#header p.links {
 color: #D6CCE0;
 margin: 0 0 5px 0;
}

#header a, #header a:link, #header a:visited {
 color: #D6CCE0;
 text-decoration: none;
}

#header a:hover, #header a:active{
 color: #00FF00;
 text-decoration: underline;
}

#header p.checkout {
 font-size: 65%;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 text-align: center;
 margin: 0;
}

#header p.checkout a, #header p.checkout a:link, #header p.checkout a:visited {
 background-color: #006633;
 border: 1px solid #A28AB9;
 color: #FFFFFF;
 text-decoration: none;
 height: 1%;
 padding: 2px;
}

#header p.checkout a:hover, #header p.checkout a:active {
 background-color: #006633;
 border: 1px solid #00FF00;
 color: #00FF00;
 text-decoration: none;
 height: 1%;
 padding: 2px;
}

/* form no longer used -- next two styles irrelevant */
#header form {
 margin: 0;
 padding: 0;
}

#header .srchField {
 width: 115px;
 height: 16px;
 border: 1px solid #330066;
 font-color: #000000;
 margin: 0;
 padding-left: 2px;
 font-size: 95%;
}


/* FOR FRONTPAGE */
#FP th {
 background-color: #FFFFCC;
 color: #000000;
 font: bold 80% Arial, Helvetica, sans-serif;
 text-align: left;
}


/* NAVIGATION CATEGORIES */
#nav, #nav ul {
 padding: 0;
 margin: 0;
 list-style: none;
 width: 150px;
 text-align: left;
}
	
#nav li a {
 width: 144px;
 display : block;
 height: 1%;
 color: #000000;
 font: 65% Verdana, Arial, Helvetica, sans-serif;
 text-decoration : none;
 background-color: #F0F0F0;
 border : 1px solid #FFFFFF;
 margin: -1px 0 0 0;
 padding : 1px 3px;
}
	
#nav li a:hover {
 color : #FFFFFF;
 background-color: #999999;
}


/* Product DYNAMIC CONTENT STYLES */
#Product {
 font: 75% Arial, Helvetica, sans-serif;
 margin: 0;
 padding: 0;
 width: 99%;
 color: #000000;
 background-color: #FFFFFF;
}

#Product table {
 margin: 10px;
 padding: 3px;
 border: none;
}

#Product th {
 color: #000000;
 text-align: left;
 font-size: 110%; 
 border-bottom: 2px solid #E7F8CD;
}

#Product td {
 font-size: 100%; 
 border: none;
}

#Product td table {
 font-size: 100%;
 margin: 0;
 padding: 0;
 border: none;
 background-color: #FFFFFF;
}

#Product td table td {
 border-bottom: 1px solid #CCCCCC;
 padding: 3px;
 text-align: left;
}

#Product td table td table td {
 border-bottom: none;
 padding: 3px;
}

#Product td table td table td table {
 font-size: 100%;
 background-color: #FFFFFF;
}

#Product td table td table td table td {
 font-size: 100%;
 font-weight: normal;
 margin: 0;
 padding: 5px;
 background-color: #F0F0F0;
 text-align: center;
}

#Product .googleProductSearch {
 border: 1px solid #cccccc;
 float: right;
 margin: 0 0 5px 10px;
 padding: 2px;
}

/* CatList DYNAMIC CONTENT STYLES */
#CatList table {
 width: 100%;
 font-size: 75%;
 margin: 0;
 padding: 0;
 border: none;
}

#CatList table td {
 margin: 0;
 padding: 2px;
 border: 1px solid #E7F8CD;
}

#CatList td table {
 font-size: 100%;
 font-weight: bold;
 width: 100%;
 margin: 0;
 padding: 0;
 border: none;
 background-color: #FFFFFF;
}

#CatList td table td {
 border: none;
}

#CatList td table td table td table {
 background-color: #FFFFFF;
}

#CatList td table td table td table td {
 font-size: 100%;
 font-weight: normal;
 margin: 5px;
 padding: 2px;
 background-color: #F0F0F0;
}


/* NUMBER BAR -- NEW STYLE ID -- NOT USED YET*/
#numberBar {
 background-color: #006633;
 color: #E9DBA5;
 font-weight: bold;
}

#numberBar a {
 color: #E9DBA5;
 text-decoration:  none;
}

#numberBar .numOn {
 text-decoration:  underline;
}

.numOn {
 text-decoration:  underline;
}

/* OLD STYLES -- DON'T THINK THEY'RE BEING USED */
.numberbarnotclicked {
 FONT-WEIGHT: bold;
 FONT-SIZE: 65%;
 COLOR: #E9DBA5;
}

.numberbarclicked {
 FONT-WEIGHT: bold;
 FONT-SIZE: 65%;
 COLOR: #FFFFFF;
}
/* END OLD STYLES */


/* CHECKOUT BREADCRUMB */
.tblcheckout {
 margin: 0;
 padding: 2px 1px 1px 20px;
 BACKGROUND-COLOR: #CCCC99;
 TEXT-ALIGN: left;
 VERTICAL-ALIGN: center;
}

.checkouton {
 FONT: 70% Verdana, Arial, Helvetica, sans-serif;
 COLOR: #000000;
}

.checkoutoff {
 FONT:  70% Verdana, Arial, Helvetica, sans-serif;
 COLOR: #FFFFFF;
}

.tblnumberbar {
 FONT-SIZE: 75%;
 BACKGROUND-COLOR: #336600;
 COLOR: #E9DBA5;
}

.titlefont {
 FONT-WEIGHT: bold;
 FONT-SIZE: 65%;
 COLOR: #000000;
}

.lightgreen {
 BACKGROUND-COLOR: #E7F8CD;
}

.titlebar {
 FONT-WEIGHT: bold;
 FONT-SIZE: 65%;
 BACKGROUND: #336600;
 COLOR: #E9DBA5;
}

/* CHECKOUT BUTTONS FOR MY CART */
#cartButton {
 font: 65% Verdana, Arial, Helvetica, sans-serif;
 text-align: center;
}

#cartButton .green a, #cartButton .green a:link, #cartButton .green a:visited {
 background-color: #006633;
 color: #FFFFFF;
 text-decoration: none;
 height: 1%;
 padding: 2px 5px 3px 5px;
}

#cartButton .green a:hover, #cartButton .green a:active {
 background-color: #006633;
 color: #00FF00;
 text-decoration: none;
 height: 1%;
 padding: 2px 5px 3px 5px;
}

#cartButton .red a, #cartButton .red a:link, #cartButton .red a:visited {
 background-color: #CC0000;
 color: #FFFFFF;
 text-decoration: none;
 height: 1%;
 padding: 2px 5px 3px 5px;
}

#cartButton .red a:hover, #cartButton .red a:active {
 background-color: #CC0000;
 color: #FFFF00;
 text-decoration: none;
 height: 1%;
 padding: 2px 5px 3px 5px;
}

/* CHECKOUT PRODUCT TABLE */
#cart table { 
 margin: 0 auto;
}

#cart td {
 border: 1px solid #CCCCCC;
 margin: 0;
 padding: 3px;
 text-align: center;
}

/* FOOTER STYLES */
#footer {
 margin: 0 auto;
 padding: 0;
 border-left: 1px solid #330066;
 border-right: 1px solid #330066;
 border-bottom: 1px solid #330066;
 background-color: #FFFFFF;
}

#footer td {
 padding: 3px;
 font: 65% Verdana, Arial, Helvetica, sans-serif;
}

/* CLASS STYLES */
.red {
 color: #FF0000;
}

.errorred {
 FONT-WEIGHT: bold;
 FONT-SIZE: 75%;
 COLOR: red;
}
	
.navGuide {
 margin: 0 0 1px 0;
 padding: 3px;
 width: 100%;
 border: none;
 background-color: #E7F8CD;
 font: bold 80% Verdana, Arial, Helvetica, sans-serif;
 color: #000000; 
}

.subCategory {
 margin: 0;
 padding: 0 0 10px 10px;
 font: 70% Verdana, Arial, Helvetica, sans-serif;
 color: #330066;
 text-align: left;
}

.smallblack {
 FONT-WEIGHT: bold;
 FONT-SIZE: 70%;
 COLOR: #000000;
}
	
.smallblacknobold {
 FONT-SIZE: 70%;
 COLOR: #000000;
}

.smallwhite {
 FONT-WEIGHT: bold;
 FONT-SIZE: 65%;
 COLOR: #FFFFFF;
 text-decoration: none;
}
	
.mediumPlus {
 FONT: 80% Arial, Helvetica, sans-serif;
 COLOR: #000000;
}

.mediumBlackNoBold {
 FONT: 70% Arial, Helvetica, sans-serif;
 COLOR: #000000;
}

.mediumblack {
 FONT: bold 70% Arial, Helvetica, sans-serif;
 COLOR: #000000;
}

.tblgreen {
 FONT-WEIGHT: bold;
 FONT-SIZE: 75%;
 BACKGROUND: #006633;
 TEXT-ALIGN: center; 
 COLOR: #E9DBA5;
}

