/*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $
  adapted for Separate Pricing Per Customer v4 and Price Break 1.11.3 2005/03/12

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

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/
/* event calendar sytle sheet */
@import url("events_calendar.css");

/*This is the Infobox text style*/
.boxText { font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 10px; }

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

/*This is the Warning Messages red font style*/
.stockWarning { font-family: Verdana, Arial, Helvetica, sans-serif; font-size : 10px; color: #cc0033; }
.note {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF6600;
	background-color: #F5F5F5;
	border: 1px solid #CCCCCC;
	padding: 3px;
}


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

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

/*This is the General Page Body Style with white background, black text, flush left margins*/
BODY {
	color: #000000;
	margin: 0px;
	background-color: #656872;
	background-image: url(images/bg.gif);
	BACKGROUND-POSITION: center 0px; 
	BACKGROUND-REPEAT: repeat-y; 
	POSITION: absolute; 
	min-width: 1000px
}

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

/*This is the Default ACTIVE Hyperlink Style when a mouse is hovering over it, with dusty blue text and an underline*/
A:hover {
	color: #FF6600;
	text-decoration: underline;
	font-weight: normal;
}

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

TR.header {
  background: #ffffff;
}
/*Infobox Template for STS-This is the TOP GRAY BAR BACKGROUND STYLE with Top > Catalog on the left*/
TR.headerNavigation {
	background-color: #94a6ab;
}

/*This is the TOP GRAY BAR FONT STYLE with Top > Catalog on the left*/
TD.headerNavigation {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px;
	color: #FFFFFF;
	font-weight : bold;
	background-color: #94a6ab;
}

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

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

/*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*/
TD.headerError {
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 10px;
  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*/
TD.headerInfo {
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 10px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

/*This is the GRAY BOTTOM BAR Row background*/
TR.footer {
  background: #bbc3d3;
}

/*This is the GRAY BOTTOM BAR Cell background*/
TD.footer {
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 10px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight: bold;
}

/*This is the INFOBOX Background Style, one shade darker than the Infobox Header color*/
.infoBox {
}

/*Infobox Template for STS-This is the INFOBOX Contents Style, one shade lighter than the Infobox Header color*/
.infoBoxContents {
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 10px;
}

/*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, Helvetica, sans-serif; 
  font-size: 10px;
}

/*Infobox Templates for STS-This is the INFOBOX Heading Style, SAME AS HEADER AND FOOTER GRAY BARS*/
TD.infoBoxHeading {
	font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #5c7177;
	text-transform: uppercase;
}

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, Helvetica, 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 {
}

/*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 {
}

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

/*This is the GRAY BAR Style for product listing pages, same deeper gray color as previous item*/
.productListing-heading {
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 10px;
  background: #94a6ab;
  color: #FFFFFF;
  font-weight: bold;
}

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


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

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

/*This is the MAIN TEXT Style, a deeper gray*/
TD.pageHeading, DIV.pageHeading {
  font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif; 
  font-size: 20px;
  font-weight: normal;
  color: #FF6600;
}

/*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, Helvetica, sans-serif; 
  font-size: 10px;
  color: #000000;
}

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

/*This is a Cell, Span, and Paragraph Font Style*/
TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 9px;
}

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

/*This is a Cell Font Style in a bold larger size*/
TD.fieldKey {
  font-family: Verdana, Arial, Helvetica, 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, Helvetica, sans-serif; 
  font-size: 12px;
}

/*This is a Table Heading Style in a bold larger size*/
TD.tableHeading {
  font-family: Century Gothic, Verdana, Arial, Helvetica, 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, Helvetica, 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, Helvetica, sans-serif; 
  font-size: 10px;
}

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

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

/*This is a FORM BACKGROUND AND BORDER STYLE with a very pale dusty blue background and deep dusty blue border*/
TABLE.formArea {
	background-color: #FFFFFF;
}

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

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

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

/*This is a SPAN ERROR TEXT STYLE in a bright red color*/
SPAN.errorText {
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  color: #ff0000;
}
/* BOF price-break-1.11.3 */
TD.productPriceInListing {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #d2e9fb;
}

TD.productPriceInBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #eeeeee;
}
/* EOF price-break-1.11.3 */

.moduleRow { }
.moduleRowOver {
	background-color: #F5F5F5;
	cursor: hand;
	cursor: hand;
	border: 1px solid #656872;
}
.moduleRowSelected { background-color: #94a6ab; }

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

/* message box */

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

/* input requirement */

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

.searchBoxBg {
	background-color: #7C9298;
	color: #FFFFFF;
	border: 1px solid #FFFFFF;
	font-size: 10px;
}
	 
/* CSS Document */


/*-------------------------------------*/
/*   Horizontal Drop-Down Menu Style   */
/*-------------------------------------*/

.horbar	{   /* Color of main horizontal menubar and border */
	color: black;
}

.horizitem	{          /* Behaviour of main horizontal menu items, leave as is for proper operation */
	float: left;
	white-space: nowrap;
}

.horizitem a {              /* Font style, size of submenu items */
	font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	position: relative;
	display: block;
	padding-right: 4px;
	padding-left: 4px;
	background-color: #FFFFFF;
	border: 1px solid #7C9298;
	margin-right: 2px;
}
.boxLight {
	border: 1px solid #656872;
	background-color: #f5f5f5;
}


.horizitem a:link, .horizitem a:visited 	{      /* Font style & color of main menu items */
	color: #FF3300;
	text-decoration: none;
}

.horizitem a:hover	{       /* Font style & color, background menu color of main menu item when hovered over */
	color: #7C9298;
	text-decoration: none;
}

.horizitem a:active	{       /* Font style & color, background menu color of main menu item when clicked */
	color: #7C9298;	
	text-decoration: none;
}

.horizsubmenu	{       /* Behaviour of sub-menu items - leave as is for proper operation of submenus */
	position: absolute;
	left: 0;
	top: 0;
	visibility: hidden;
}

.horizsubframe	{      /* Color of submenu item and border */
	background-color: #FFFFFF;
	position: relative;
	display: block;

}

.horizsubitem	{       /* Behaviour of sub-menu items - leave as is for proper operation of submenus */
	text-align: left;
	white-space: nowrap;
}

.horizsubitem a {            /* Font style, size of submenu items */
  font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;	
	text-decoration: none;
	border: 1px solid #7C9298;
	margin-top: 2px;
	position: relative;
	display: block;	
	padding-right: 4px;
	padding-left: 4px;
}

.horizsubitem a:link, .horizsubitem a:visited	{       /* Font color, style of submenu items */
	color: #7C9298;	
	text-decoration: none;
}

.horizsubitem a:hover	{      /* Font color, style, background submenu color of submenu item when hovered over */
	color: #FF6600;
	text-decoration: none;
}

.horizsubitem a:active	{      /* Font color, style, background submenu color of submenu item when clicked */
	color: #FF6600;		
	text-decoration: none;
}

.horizsubitem .horizfwdarr, .horizitem .horizfwdarr	{      /* Positioning of right arrow for submenus */
	position: absolute;
	top: 5px;
	right: 8px;
}

.dmselected {   /* Style override for selected category tree */
	background-color: #FFFFFF;
	color: #7C9298;
}

.horbar .dmselected {   /* Style override for selected root category */
    background-color: #FFFFFF;
	color: #7C9298;
}
.catHeader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fa730e;
}

.catHeader a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fa730e;
	text-decoration: none;
}
.catHeader a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5c7177;
	text-decoration: none;
}

.catHeader a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5c7177;
	text-decoration: none;
}

.catHeader a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fa730e;
	text-decoration: none;
}
.womensCatBg {
	background-image: url(images/womansCat.gif);
	background-repeat: no-repeat;
	background-position: right 50px;
}

.cosmeticsCatBg {
	background-image: url(images/cosmeticsCat.gif);
	background-repeat: no-repeat;
	background-position: right 50px;
}
.mensCatBg {
	background-image: url(images/mensCat.gif);
	background-repeat: no-repeat;
	background-position: right 50px;
}
/* BOF: Additional Images */
.imagesBoxContents {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}
/* EOF: Additional Images */.notifyTable {
	background-color: #F5f5f5;
	border: 1px solid #FF6600;
}