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

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

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

/* effects box links inc categories */
.boxText {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px; color: #0000bb;
}

.errorBox { font-family : Verdana, Arial, sans-serif;
 font-size : 10px;
 background: #FFBFFF;
 font-weight: bold;
}
.stockWarning {
 font-family : Verdana, Arial, sans-serif;
 font-size : 10px; color: #cc0033;
}
.productsNotifications {
 background: #f2fff7;
}
.orderEdit {
 font-family : Verdana, Arial, sans-serif;
 font-size : 10px;
 color: #000000;
 text-decoration: normal;
}


/*
1. Key images:
- The background Whimsicalities header (catalog/images/theme/ui.jpg) is called from (catalog/includes/header.php)
- The banner in the centre column (catalog/images/banner1.jpg) is formatting is controlled from (define('TEXT_MAIN')
  in (catalog/includes/languages/english/index.php)
- The background image used for the box headings is bg_infobox.gif and is set below in class="infoBoxHeadingCategories"
- The images framing the centre column heading are (catalog/images/purple_line_l.gif) and (catalog/images/purple_line_r.gif)
  are called from catalog/index.php ~ line 260. If the heading background is altered, these images will need to be edited
  to match the new background colour.

2. The link overlaying the "home" banner1 image is set in (catalog/includes/languages/english/index.php)

3. Background colours:
- To change the overall background colour do a Find and Replace on all classes with the same background colour as the
  background colour in the class="Body". 
  - soft lilac #C4B5D0;
  - lilac #69506D;
  - purple #613E6F;
  - dark purple #2C0D3C;

4. Font colours:
- Box headings, do a Find and Replace on all classes with the same font colour as the class="infoBoxHeadingCategories".
- Box content text colour, do a Find and Replace on all classes with the same font colour as the class="infoBoxContents".
- Centre column headings, do a Find and Replace on all classes with the same font colour as the class="pageHeading".
- Centre column headings, do a Find and Replace on all classes with the same font colour as the class="TD.main"
  Class="TD.itemprice" also has to be changed.
- Input Requirement links, [Edit] links and checkout progress bar are controlled by class="inputRequirement", class="orderEdit" and class="checkoutBarFrom".
*/

BODY {
  background: #ffffff;
  background-repeat: repeat;
  color: #ccccff;
  margin: 0px;
  font-family: Tahoma;
  font-size: 11px;
}

.mainBorder {
  border-left: 2px solid #7c509f;
  border-right: 2px solid #561980;
  border-top: 2px solid #7c509f;
  border-bottom: 2px solid #561980;
}

/* Used for category menu items */

#categoryText a {
 font-family: Verdana, Arial, sans-serif;
 font-size: 11px;
 color: #000000;
 font-weight: normal;
 margin: 8px;
 
}

#categoryText a:hover {
 font-family: Verdana, Arial, sans-serif;
 font-size: 11px;
 color: #ffaa00; 
 font-weight: normal;
 	
} 

A {
  color: #000000;
  text-decoration: none;
  
}

A:hover {
  color: #ffaa00;
  font-weight: normal;
}

A.darkBgLink {
  color: #ffff00;
  text-decoration: none;
  
}

A.darkBgLink:hover {
  color: #ffffff;
  font-weight: normal;
}

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

A.darkBgLink2 {
  color: #ffff00;
  text-decoration: none;
  
}

A.darkBgLink2:hover {
  color: #ffffff;
  font-weight: normal;
}

.darkBgLink2   {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  
}
  
    

#searchHelp a {
 font-family: Verdana, Arial, sans-serif;
 font-size: 11px;
 color: #000000;
 font-weight: normal;
 background: #ffffff;
}

#searchHelp a:hover {
 font-family: Verdana, Arial, sans-serif;
 font-size: 11px;
 color: #FF2AAA; 
 font-weight: normal;	
 background: #ffffff;
} 

FORM {
	display: inline;
	font-size:11px;
}

.header {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #ffff00;
  background-image: url(images/theme/ui.jpg);
}

TR.headerNavigation {
  font-size: 11px;
  color: #000000;
}

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight : bold;
}

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #000000;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ffffff;
  background-repeat: repeat;
  color: #000000;
  font-weight: bold;
  text-align: center;
}

.footer {
  background-image: url(images/theme/background_footer.jpg);
}

TR.footer {
  background: #bbc3d3;
}

TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #bbc3d3;
  color: #000000;
  font-weight: bold;
}
TD.quickfind {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #5c3e90;
  color: #000000;
  
 }

.myinfoBox {
  background: #ffffff;
  border-left:1px solid #C9C9C9;
  border-right:1px solid #C9C9C9;
  border-bottom:1px solid #C9C9C9;
}

.infoBox {
  background-image: url(images/theme/box_bg.gif);
  background-repeat: repeat;
  color: #000000;  
}

.general_infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #000000;
  background: #ffffff;  
}

.boxes {
  background-image: url(images/theme/box_bg.gif);
  background-repeat: repeat;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #000000;  
}

.contentBox {
  background: #ffffff;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #000000;
}

.infoBoxContents {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
  
    
}

TD.infoBoxContents {
  background-image: url(images/theme/box_bg.gif);
  background-repeat: repeat;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #000000;
  padding-left:14px;
    
}

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

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #F6F5ed;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

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

TD.infoBoxHeading2 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #000000; 
  font-weight: bold;
  background: #ffffff;
  border-left:0px solid #C9C9C9;
  border-right:0px solid #C9C9C9;
  border-top:0px solid #C9C9C9;
}  

TD.infoBoxHeadingCategories {
  font-family: Verdana, Arial, sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: #90127a;
  background-image: url(images/theme/box_header.gif);
  background-repeat: no-repeat;
  border: 0px;
}

TD.infoBoxFooterCategories {
  background: #ffffff;
  background-repeat: no-repeat;
  border: 0px;
}

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

.columnBg {
  background-color: #ffffff;
}

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: #ffffff;
}

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: #ffffff;
}

TABLE.productListing {
  border: 0px;
  border-style: solid;
  border-color: #999999;
  border-spacing: 1px;
}

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #ffffff;
  color: #000000;
  font-weight: bold;
  border-left:1px solid #808080;
  border-right:1px solid #808080;
  border-top:1px solid #808080;
  border-bottom:1px solid #808080;
  
}

TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
  background: #ffffff;
}

A.pageResults {
  color: #000000;
}

A.pageResults:hover {
  color: #ffaa00;
  font-weight: "bold";
  background: #ffffff;
}

TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: #90127a;
  background: #ffffff;
  
}

SPAN.pageHeadingSmall {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: normal;
  color: #90127a;
  background: #ffffff;
}

TD.itemPrice {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #000000;
  background: #ffffff;
}

TR.subBar {
  background: #f4f7fd;
}

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

TD.main, P.main {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #000000;
  background: #ffffff;
}

TD.formElement, P.formElement {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #000000;
  background: #ffffff;
  
}

TD.mainhighlight, P.mainhighlight {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #000000;
  background: #ffffff;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #ffffff;	
  color: #90127a;
  
  
}

TD.smallText2, SPAN.smallText2, P.smallText2 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background:#ffffff;	
  color: #0000bb;
}

TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #5c3e90;
  background: #ffffff; 
}

TD.fieldValue {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  background: #ffffff;
}

TD.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ff0000;
  background: #ffffff;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

SPAN.greetUser {
  background: #ffffff;
  font-family: Verdana, Arial, sans-serif;
  font-size: 18px;
  color: #90127a;
  font-weight: bold;
}

SPAN.greetUser_small {
  background: #ffffff;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #000000;
  font-weight: normal;
}

.greetUser {
  background: #ffffff;
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #000000;
  font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #896796;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #FF0066;
}

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: #FF2AAA;
}  

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

/* message box */

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

.messageStackError, .messageStackWarning {
  font-family: Verdana, Arial, sans-serif;
  color: #000000;
  font-size: 10px;
  font-weight: bold;
  background-color: #FFFF66;
}

.messageStackSuccess {
 font-family: Verdana, Arial, sans-serif;
 color: #000000;
 font-size: 10px;
 background-color: #FFFF66;
}

/* input requirement */

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

.style1 {
  color: #000000;  
  font-family: Verdana;
  font-size: 10px;
}
.style7 {
color: #ccccff;  
  font-family: Verdana;
  font-size: 10px;
}
.style8 {color: #797979}
.style9 {font-size: 12px}

.productTitle {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
font-weight: bold;
}
.txt90{
font-family:tahoma;
font-size:10px;
color:#909090;
}