/*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

  osCommerce, Open Source E-Commerce Solution
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
/*I have made changes to this stylesheet*/

/* ---> */

body {
	font: 50%/1.5 arial, helvetica, serif;/*  78% */
	text-align: left;   /*  original is center */
	padding: 0;  /* this padded around first nav words */
	   /* margin: 1em;   margin space top of first nav words */
}

#container {
	width: 100%;
	background: clear;
	text-align: left;
	 /*  border: 0px solid #000000;*/
	
}

#nav, #nav ul {
	float: left;
	width: 100%;
	list-style: none;
	line-height: 1;
	background: #7f0ca8;   /* backgound to first level nav words */
	font-weight: bold;
	padding: 0;
	  /* border: solid #bb33eb;     bordering the second flyout word color is purple */
	border-width: 0px 0;
	margin: 0 0 0em 0;   /* 1em */
	background-color: #8816aa;   /* background to first nave didnt seem to make a difference*/
	 border-bottom: 0px solid #ccc;  /*i added*/
	border-top: 1px solid #ccc; } /* i added*/



/* --->*/
#nav li a {
	display: block;
	padding: 8px 15px;
	text-decoration: none;
	font-weight: bold;
	color: #000000;  /* non hovered color of the first nav*/
	border-right: 0px solid #ccc; }
#nav li a:hover {
	color: #000000;
	background-color: #f6f5bc; } 

#nav a {
	display: block;
	width: em;
	color: #7f0ca8;  /* this means the second flyout word color is white*/
	text-decoration: none;
	padding: 0.25em 2em; 
}

/* <---*/
#nav li {
	float: left;
	padding: 0;
	width: 12em; /* this is the first nav line with words */
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 14.4em;  /* dont know what this is */
	font-weight: normal;
	/* border-width: 0.25em; */
	margin: 0;
}

#nav li li {
	padding-right: 1em;
	width: 13em
}

#nav li ul a {
	width: 13em;

}

#nav li ul ul {
	margin: -1.75em 0 0 0em;  /* dont know what this is I changed it from 10  to 0 */ 
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
	background: #c2cf93;
}

#content {
	clear: left;
}

#content a {
	color: #7C6240; /* brown */ 
}

#content a:hover {
	text-decoration: none;
}

/* <--- */



/*** Begin Header Tags SEO ***/
h1 {
 font-family: Verdana, Arial, sans-serif;
 font-size: 20px;
 font-weight: bold;
 margin-bottom: 0;
 padding-bottom: 0;
 color: #000;
}
h2 {
 font-family: Verdana, Arial, sans-serif;
 font-size: 14px;
 font-weight: normal;
 margin-bottom: 0;
 padding-bottom: 0;
 color: #000;
}
/*** End Header Tags SEO ***/


/*beginning of client search and client search results*/
.cl_se_h1 { font-weight: bold; font-size: 18px; }

.cl_se_tab1 { width: 100%; }

.cl_se_td1 {width:30%;}
.cl_se_td2 {width:50%;}
.cl_se_td1 {width:20%;}

.cl_se_product {width:100%;}

.cl_se_day {text-align: left;}

.final_submit {text-align: center; width:100%;}

.cl_se_find_but { width:300px; font-weight: bold; font-size:16px;}


.cl_se_result_table {width:100%; border:1px solid #000000;}

.head_result {font-size:14px;font-weight:bold;border:1px solid #000000; text-align:center;}

.head_result_td {border-bottom: 0px solid #000000;}

.result_cell {border:1px solid #000000;}

.col_order {width: 7%;}
.col_name {width:23%;}
.col_phone {width:23%;}
.col_date {width: 15%;text-align:center;}
.col_quantity {width:5%;text-align:center;}
.col_status {width:12%;}

#new_search_link {font-size:18px;font-weight:bold;color:#191E89;}

tr.result_row:hover { background-color: #f6f047;}

/*end of  of client search and client search results*/
.plainBox {
 background: #FFFFFF; /* this color appears to be white */
}

/*This is the INFOBOX Contents Style, one shade lighter than the Infobox Header color*/
/* It appears to be all of the backgrounds THIS IS THE TEXT FOR BEST SELLORS*/


/* for great category add on*/

TABLE.categ {
border: 0px;
border-spacing: 0px;
font-family: Verdana, Arial, sans-serif;
font-size: 13px;
color: #000000; /* this color appears to be clear */
}

TD.categ {
vertical-align: top;
}

/* BOF: Header Tag Controller v2.5.7*/

h1 { 
 font-family: Verdana, Arial, sans-serif;
 font-size: 20px;
 font-weight: bold;
}

h2 { 
 font-family: Verdana, Arial, sans-serif;
 font-size: 14px;
}
h3 { 
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
  font-weight: normal;
}
/* EOF: Header Tag Controller v2.5.7*/

/* BOF Fancy Product Info */

TABLE.productinfobox1 {

/*  background-image: url('images/osc_bg.gif');*/

 /* background: #fafaFf;*/
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.productdesc {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  color: #000000;
}

TD.price {
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #000000;
}

/* EOF Fancy Product Info */
/* 091507 up these to 12 - I think it is th sidebar fram where catagoriesare listed with shipping, about us, privacy, contact us and return listings are
/*This is the Infobox text style*/
.boxText { font-family: Verdana, Arial, sans-serif; font-size: 14px; }

/*This is the Error Messages style with pink background*/
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 12px; background: #ffb3b5; font-weight: bold; }

/*This is the Warning Messages red font style*/
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 12px; color: #cc0033; }

/*This is the Product Notifications light green background stylet*/
.productsNotifications { background: #f2fff7; }

/*This is the Order Edit style with green underline meduim green background*/
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 12px; color: #70d250; text-decoration: underline; }

/*This is the General Page Body Style with white background, black text, flush left margins*/
BODY {
  background: #ffffff;
  color: #000000;
  margin: 0px;
  text-align:center;
}

/*This is the Default Hyperlink Style with black text and no underlines I added underlines*/
A {
  color: #000000;
  /*text-decoration: none;*/
    text-decoration: underline;
}

/*This is the Default ACTIVE Hyperlink Style when a mouse is hovering over it, with dusty blue text and an underline I CHANGE THIS TO A LIGHT BROWN*/

A:hover {
  color: #957845;
  text-decoration: underline;
}

/*Forms display within the page rather than opening a new window*/
FORM {
	display: inline;
}

TR.header {
  background: #ffffff;
}
/*This is the TOP GRAY BAR BACKGROUND STYLE with Top > Catalog on the left*/

A.headerNavigation { 
  color: #FFFFFF;  /*THIS CHANGE MADE THE LEFT COLUMN WIDER I CHANGED IT BACK*/
}

/* I changed font from 10 to 14, color #FFFFFF to #660099
/*This is the TOP GRAY BAR FONT STYLE with Top > Catalog on the left*/
TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  background: #778355;  /*This is the TOP GRAY BAR FONT STYLE with Top > Catalog on the left this color is now GREEN*/
  color: #660099;
  font-weight : bold;
}

/*This is the TOP GRAY BAR HYPERLINK STYLE SETTING LINKS TO WHITE */
A.headerNavigation { 
  color: #FFFFFF; 
}

/*This is the TOP GRAY BAR HYPERLINK STYLE SETTING LINKS TO WHITE when the cursor is over them*/
A.headerNavigation:hover {
  color: #ffffff;
}

/*This is the ERROR Background style for a row with a red background*/
TR.headerError {
  background: #ff0000;
}

/*This is the ERROR Background style for a cell with a red background   ( font-family: Tahoma, Verdana, Arial, sans-serif;)*/
TD.headerError {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

/*This is a ROW Background style with a neon green background*/
TR.headerInfo {
  background: #00ff00;
}

/*This is a CELL Background style with a neon green background ( font-family: Tahoma, Verdana, Arial, sans-serif;)*/
TD.headerInfo {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

/*This is the GRAY BOTTOM BAR Row background i CHANGED THIS TO GREEN AND i SEE NO CHANGE*/
TR.footer {
  background: #778355; 
}

/*This is the GRAY BOTTOM BAR Cell background I SUCCESSFULLY CHANGED THIS TO GREEN, THE DATE IS HERE*/
TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  background: #778355;
  color: #ffffff;
  font-weight: bold;
}

/*This is the INFOBOX Background Style, one shade darker than the Infobox Header color*/
.infoBox {
 background: #b6b7cb;
	/*background-color: #FFCC99;*/
}

/*This is the INFOBOX Contents Style, one shade lighter than the Infobox Header color*/
/* It appears to be all of the backgrounds THIS IS THE TEXT FOR BEST SELLORS*/

.infoBoxContents {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
/*	background-color: #FFCCFF;*/
 background: #f8f8f9;
}

/*This is the INFOBOX Notice Style, a pale salmon color*/
.infoBoxNotice {
  background: #FF8E90;
}

/*This is the INFOBOX Notice Contents Style, a very pale salmon color*/
.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

/*This is the INFOBOX Heading Style, SAME AS HEADER AND FOOTER GRAY BARS I CHANGED THE BACK GROUND TO LIGHT GREEN*/
TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  background: #98aa60;
  color: #ffffff;
}


TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

/*This is a GENERAL ROW Style for every other line of noted pages, a palest gray color*/
TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #f8f8f9;
}

/*This is a GENERAL ROW Style for every other line of noted pages, the same palest gray color but allows you to alternate 2 colors if you wish*/
TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #f8f8f9;
}

/*This is a GENERAL TABLE Style for product listing pages, a deeper gray color*/
TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
}

/*This is the GRAY BAR Style for product listing pages, same deeper gray color as previous item YOU MUST OPEN PRODUCT LISTING TO SEE THE CHANGE I MADE TO GREEN*/
.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  background: #98aa60;
  color: #FFFFFF;
  font-weight: bold;
}

/*This is the FONT Style for product listing pages*/
TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
}

/*This is the HYPERLINK Style for Results pages*/
A.pageResults {
  color: #0000FF;
}

/*This is the HYPERLINK Style for Results pages when the mouse is hovering over it*/
A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

/*This is the MAIN TEXT Style, a deeper gray*/
TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #9a9a9a;
    text-align:center;
}

/*This is the MAIN TEXT Style, a deeper gray*/
TD.pageHeadingART{
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #9a9a9a;
    text-align:left;
}

/*This is the SHOP MAIN TEXT Style, a deeper gray*/
TD.shopHeading, DIV.shopHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #9a9a9a;
}


/*This is a Row Sub-bar Style, a very pale gray*/
TR.subBar {
  background: #f4f7fd;
}

/*This is a Cell Sub-bar Style, black default text*/
TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}

/*This is a Cell and Paragraph Main Style*/
TD.main, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.5;
}

TD.mainART, P.mainART {
  font-family: Verdana, Arial, sans-serif;
  font-size: 18px;
  line-height: 1.5;
   text-align:left;
}

/*This is a Cell and Paragraph for the Spirit Guides section*/
TD.main2, P.main2 {
  font-family: Times New Roman, New Roman, serif;
  font-size: 16px;
  line-height: 1.5;
}

/*This is the text direcly below the logo*/
TD.text_main, P.text_main {
  font-family: Times New Roman, New Roman, serif;
  font-size: 22px;
  line-height: 1.5;
  font-weight: bold;
  text-align: center;
}

/*This is a Cell and Paragraph Main Style for Shipping*/
TD.mainShip, P.mainShip {
  font-family: Verdana, Arial, sans-serif;
  font-size: 15px;
  line-height: 1.5;
}

/*This is a Cell, Span, and Paragraph Font Style*/ used in new products module
TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  text-align:justify;

}

/*This is a  Paragraph Font Style*/ used in csg blog comments
TD.smallTextBLOG {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  text-align:justify;

}

/*This is a Cell Font Style in larger size with medium dusty blue font*/
TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

/*This is a Cell Font Style in a bold larger size*/
TD.fieldKey {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

/*This is a Cell Font Style in a bold larger size*/
TD.fieldValue {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

/*This is a Table Heading Style in a bold larger size*/
TD.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

/*This is a Span Font Style used for New Items in Cart in a BRIGHT RED FONT*/
SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ff0000;
}

/*This is a FORM STYLE used for checkboxes, input text, radio buttons, and drop-down boxes*/
CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

/*This is a FORM STYLE used for text boxes where visitor enters free-form text*/
TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

/*This is a TEXT STYLE used for the "Greetings, Username! in a funny orange-salmon color*/
SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

/*This is a FORM BACKGROUND AND BORDER STYLE with a very pale dusty blue background and deep dusty blue border*/
TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

/*This is a FORM TEXT STYLE with slightly larger bold text (  font-family: Tahoma, Verdana, Arial, sans-serif;)*/
TD.formAreaTitle {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

/*This is a SPAN PRODUCTS PAGE STYLE with a pale burgundy color font (  font-family: Tahoma, Verdana, Arial, sans-serif;)*/
SPAN.markProductOutOfStock {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

/*This is a SPAN PRODUCT SPECIAL FONT STYLE in a bright red color*/
SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

/*This is a SPAN ERROR TEXT STYLE in a bright red color*/
SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
  
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

/* message box */
.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 1px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */
.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }