/*
  $Id: stylesheet.css 1739 2007-12-20 00:52:16Z hpdl $

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

  

Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

.boxText { }
.errorBox { background: #ffb3b5; font-weight: bold; }
.stockWarning { color: #cc0033; }
.productsNotifications 

{ background: #f2fff7; }
.orderEdit { color: #996189; text-decoration: underline; }

BODY {
  background: #ffffff;
  color: #000000;
  font-family: helvetica, Verdana, Arial, Sans-Serif;
  font-size: 62.5%;
  margin: 0px;
}

p
{
    color: #292929;
    font-size: 1em;
    margin-top: 12px;
}

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

A:hover {
  

color: #AABBDD;
  text-decoration: underline;
}

FORM {
	display: inline;
}

ul
{
list-style-type: none;
margin: 0;
padding: 0;
}

li
{
    xborder-bottom: dotted 1px #ccc;
    background-image: url(images/arrows-purple.gif);
    background-repeat: no-repeat;
    background-position: .3em 1.1em;    
    font-size: 11.5px;
    padding: 8px 0 5px 1.5em;
}

li.selected
{
    color: #9a618a;
}


TR.header {
   background: #ffffff url(images/charm-header.jpg) no-repeat;
   height: 207px;
}

TR.header .charms-logo
{
  padding-left: 30px;
  padding-top: 69px;
}

TR.header .charms-logo img
{
  border: solid 1px #b883a9;
}

TR.inner-header p
{
    font-size: 11px;
    margin-bottom: 0;
    margin-top: 3px;
}

TR.inner-header p.login
{
    color: #99628A;
    font-weight: bold;
    margin-bottom: 0;
}

TR.inner-header a
{
    color: #99628A;
    font-weight: bold;
    text-decoration: none;
}

TR.inner-header a:hover
{
    text-decoration: underline;
}

TR.inner-header .phone
{
    color: #99628A;
    font-size: 17px;
    font-weight: bold;
    margin: 10px 0 8px 0;
}

TR.inner-header .phone span
{
    font-size: 17px;
}

TR.inner-header .search
{
    color: #99628A;
    font-size: 12px;
    font-weight: bold;
    margin: 4px 0;
}

#top-links
{
padding-right: 5px;
}


TD.headerNavigation {
  font-family: Helvetica, Verdana, Arial, sans-serif;
  font-size: 0.9em;
  xbackground: #bbc3d3;
} 
 
.charms-content-outer
{
   background: #ffffff url(images/charms-bg.jpg) repeat-y;
}

color: #ffffff;
  font-weight : bold;
}

.breadcrumbs
{
font-size: 12px;
}

.breadcrumbs p a
{
  font-size: 13px;
}

.breadcrumbs p
{
  font-size: 13px;
}

A.headerNavigation { 
  color: #996189;
  font-family: Arial, Sans-Serif; 
  font-size: 0.8em;
}

A.headerNavigation:hover {
  color: #996189;
  text-decoration: underline;
}

TR.headerError {
  background: #f11a1a;
  height: 25px;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #f11a1a;
  border-bottom: solid 1px #a70000;
  border-top: solid 1px #a70000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

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

TR.footer {
  background: url(images/charm-footer.jpg) no-repeat;
height: 99px;
}

TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  xbackground: #bbc3d3;
  color: #666;
  font-weight: bold;
}

.infoBox {
  xbackground: #b6b7cb;
  xborder: solid 1px #ccc;
}

.login-infobox, .account-infobox
{
  border: solid 1px #ccc;
}

.info-sidebox
{
  margin-top: 15px;
}

.info-sidebox-header
{
  background: #996189 url(images/charms-info-header.jpg) no-repeat;
  height: 14px;
  margin-top: -2px;
  padding: 5px 5px;
}

.info-sidebox-header p
{
  color: #fff;
  font-family: Arial, Sans-Serif;
  font-size: 12px;
  margin: 0;
  padding: 0;
}

#home-cat-images
{
  margin-top: 20px;
}

.home-cat-image
{
  border: solid 1px #996189;
}








.infoBoxContents {
}  

xbackground: #f8f8f9;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

.infoBoxNotice {
  background: #FF8E90;
}

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

TD.infoBoxHeading {
  font-family: Arial, Verdana, sans-serif;
  font-size: 0.7em;
  background: #996189 url(images/charms-info-header.jpg) no-repeat;
  color: #ffffff;
height: 25px;
padding-left: 10px;
text-transform: uppercase;
}


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

.boxText a
{
    xborder-bottom: dotted 1px #ccc;
    xbackground-image: url(images/arrows-purple.gif);
    xbackground-repeat: no-repeat;
    xbackground-position: .3em 1.2em;    
    font-size: 0.7em;
height: 20px;
    padding: 0px 0 0px 1.5em;
}


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: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
}

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #996189;
  color: #FFFFFF;
  font-weight: bold;
  height: 20px;
}

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

A.pageResults {
  color: #996189;
}

A.pageResults:hover {
  color: #fff;
  background: #996189;
}

TD.pageHeading, DIV.pageHeading {
  border-bottom: solid 1px #ccc;
  font-family: Arial, sans-serif;
  font-size: 1.1em;
  font-weight: bold;
  color: #996189;
  padding-bottom: 8px;
}

TD.productPageHeading
{
  border-bottom: solid 1px #ccc;
  font-family: Arial, sans-serif;
  font-size: 1.1em;
  font-weight: bold;
  color: #996189;
  padding-bottom: 8px;
}

TR.subBar {
  background: #f4f7fd;
}

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

TD.main, P.main {
  color: #292929;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

TD.main b
{
  color: #996189;
}

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

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;
}

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

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;
}

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 {
  font-family: Verdana, 

Arial, sans-serif;
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  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: #ff0000;
}

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

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

.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: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #f8ebf4; height: 30px; border-top: solid 1px #9a618a; border-bottom: solid 1px #9a618a; }
.messageStackError img, .messageStackWarning img { margin: 2 5px 0 5px }
.messageStackSuccess { color: #fff; font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: bold; background-color: #73e178; height: 30px; border-top: solid 1px #2bc132; border-bottom: solid 1px #2bc132; }
.messageStackSuccess img {margin-right: 10px}


/* input requirement 

*/

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





.product-options
{
  border: solid 1px #ccc;
  padding: 2px 5px 5px 5px;
}

.product-options-header
{
  font-weight: bold;
}

.product-buttons
{
  border-top: solid 1px #ccc;
  padding-top: 5px;
}




/* ------------------------------ Terms ------------------------------- */

#terms-ol
{
  list-style-type: none;
  margin-left: 0;
  padding-left: .5em;
}

#terms-ol li
{
  background-image: none;
  list-style-type: none;
  margin-left: 0;
  padding-left: 0;
}


#terms-ol li ol
{
  margin-left: 0;
  padding-left: 1.5em;
}

#terms-ol li b
{
  color: #000;
}


/* ------------------------- About (Steps) ---------------------------- */


.step-header
{
  background-color: #aeaeae;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  height: 20px;
  margin-top: 10px;
  padding: 3px 6px;
}

.step-img
{
  border: solid 1px #ccc;
  display: block;
  margin: 10px auto;
  text-align: center;
}