/*
  $Id: stylesheet.css,v 2.0 2004/12/31
*/

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 11px; background: #ff0000; color: #ffffff; font-weight: bold; }
.errorWarning { font-family : Verdana, Arial, sans-serif; font-size : 12px; background: #ffb3b5; 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: #ff6500; text-decoration: underline; 
}
.orderSuccess { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #009900; font-weight: bold; color: #ffffff; }
.highlight { font-family : Verdana, Arial, sans-serif; font-size : 13px; color: #ff6500; font-weight: bold; text-decoration: underline; } 
.orangelink { font-family : Verdana, Arial, sans-serif; color: #ff6500; font-weight: bold; text-decoration: underline; }

BODY {
  background: #ffffff;
  color: #000000;
  margin: 0px;
}

UL, OL {
  text-decoration: none;
  font-family: verdana, arial, sans-serif;
}

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

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

A.clickHere {
  color: #CC6600;
  text-decoration: underline;
}

A.clickHere:hover {
  color: #CC6600;
  background: #FDF5E6;
  text-decoration: underline;
}

FORM {
	display: inline;
}

P {
text-decoration: none;
font-size: 12px;
font-family: verdana, arial, sans-serif;
}

.itemText { 
text-decoration: none; 
color: #000000; 
font-size: 12px;
font-family: verdana, arial, helvetica, sans-serif; 
font-weight: bold;
padding: 0 12px 0 12px;
background-color: transparent;
}

.menuText {
text-decoration: none; 
color: #000000; 
font-size: 10px;
font-family: verdana, arial, helvetica, sans-serif; 
font-weight: bold;
background-color: transparent;
}

/* RULES FOR THE "menuDiv" OBJECT */
/* This is more complicated CSS, as it will downgrade to NS4 support. */
/* An absolutely positioned and hidden DIV (treated as a layer in NS4). */
.menuDiv {
 position: absolute;
 visibility: hidden;
 z-index: 1000;
 border: 0px outset #C8C0A6;
 /* Borders:     Top    Right  Bottom    Left   */
 border-color: #C8C0A6 #C8C0A6 #C8C0A6 #C8C0A6;
 background-color: #C8C0A6; 
 layer-background-color: #C8C0A6;
 padding: 2px;
 font-family: verdana, arial, helvetica, sans-serif; 
 font-size: 10px;
 font-weight: bold;
 filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8;
}


/* Formatting to apply to the elements inside the "menuDiv" class elements. */
/* Of course, you can put whatever you want within the menu divs, these are just examples. */

.menuDiv a {
 display: block;
 /* I've specified borders for each side individually so NS4 ignores this setting */
 border-top: 0px solid #C8C0A6;
 border-right: 0px solid #C8C0A6;
 border-bottom: 0px solid #C8C0A6;
 border-left: 0px solid #C8C0A6;
 color: #000000;
 padding: 2px;
 text-indent: 2px;
 text-decoration: none;
}

/* I'm using :hover and :active pseudo-classes for link mouse effects. */
.menuDiv a:hover {
 border: 0px;
 background-color: #BDAF80;
 color: #000000;
 padding: 2px;
}

.menuDiv a:active {
 border: 0px;
 background-color: #BDAF80;
 color: #000000;
 padding: 2px;
}

/*
The script will automatically assign a class of "highlighted" to elements that currently
have an active submenu, so here's a little CSS to format links within a .menuDiv element.
*/
.menuDiv .highlighted {
 background-color: #BDAF80;
 border-color: #BDAF80;
 color: #000000;
}

/* RULES FOR THE "submenuDiv" OBJECT */
/* This is more complicated CSS, as it will downgrade to NS4 support. */
/* An absolutely positioned and hidden DIV (treated as a layer in NS4). */
.submenuDiv {
 position: absolute;
 visibility: hidden;
 z-index: 1000;
 border: 0px outset #BDAF80;
 /* Borders:     Top    Right  Bottom    Left   */
 border-color: #BDAF80 #BDAF80 #BDAF80 #BDAF80;
 background-color: #BDAF80; 
 layer-background-color: #BDAF80;
 padding: 2px;
 font-family: verdana, arial, helvetica, sans-serif; 
 font-size: 10px;
 font-weight: bold;
 filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8;
}


/* Formatting to apply to the elements inside the "menuDiv" class elements. */
/* Of course, you can put whatever you want within the menu divs, these are just examples. */

.submenuDiv a {
 display: block;
 /* I've specified borders for each side individually so NS4 ignores this setting */
 border-top: 0px solid #BDAF80;
 border-right: 0px solid #BDAF80;
 border-bottom: 0px solid #BDAF80;
 border-left: 0px solid #BDAF80;
 color: #000000;
 padding: 2px;
 text-indent: 2px;
 text-decoration: none;
}

/* I'm using :hover and :active pseudo-classes for link mouse effects. */
.submenuDiv a:hover {
 border: 0px;
 background-color: #C8C0A6;
 color: #000000;
 padding: 2px;
}

.submenuDiv a:active {
 border: 0px;
 background-color: #C8C0A6;
 color: #000000;
 padding: 2px;
}

/*
The script will automatically assign a class of "highlighted" to elements that currently
have an active submenu, so here's a little CSS to format links within a .menuDiv element.
*/
.submenuDiv .highlighted {
 background-color: #C8C0A6;
 border-color: #C8C0A6;
 color: #000000;
}

/* RULES FOR THE "thirdmenuDiv" OBJECT */
/* This is more complicated CSS, as it will downgrade to NS4 support. */
/* An absolutely positioned and hidden DIV (treated as a layer in NS4). */
.thirdmenuDiv {
 position: absolute;
 visibility: hidden;
 z-index: 1000;
 border: 0px outset #C8C0A6;
 /* Borders:     Top    Right  Bottom    Left   */
 border-color: #C8C0A6 #C8C0A6 #C8C0A6 #C8C0A6;
 background-color: #C8C0A6; 
 layer-background-color: #C8C0A6;
 padding: 2px;
 font-family: verdana, arial, helvetica, sans-serif; 
 font-size: 10px;
 font-weight: bold;
/* filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8 */
}


/* Formatting to apply to the elements inside the "menuDiv" class elements. */
/* Of course, you can put whatever you want within the menu divs, these are just examples. */

.thirdmenuDiv a {
 display: block;
 /* I've specified borders for each side individually so NS4 ignores this setting */
 border-top: 0px solid #C8C0A6;
 border-right: 0px solid #C8C0A6;
 border-bottom: 0px solid #C8C0A6;
 border-left: 0px solid #C8C0A6;
 color: #000000;
 padding: 2px;
 text-indent: 2px;
 text-decoration: none;
}

/* I'm using :hover and :active pseudo-classes for link mouse effects. */
.thirdmenuDiv a:hover {
 border: 0px;
 background-color: #BDAF80;
 color: #000000;
 padding: 2px;
}

.thirdmenuDiv a:active {
 border: 0px;
 background-color: #BDAF80;
 color: #000000;
 padding: 2px;
}

/*
The script will automatically assign a class of "highlighted" to elements that currently
have an active submenu, so here's a little CSS to format links within a .menuDiv element.
*/
.thirdmenuDiv .highlighted {
 background-color: #BDAF80;
 border-color: #BDAF80;
 color: #000000;
}

TR.header {
  background: #ffffff;
}

TABLE.headerNavigation, TR.headerNavigation {
  background-image: url(images/bg.png);
}

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

A.headerNavigation:hover, A.headerNavigation:visited { 
  color: #cc6600; 
}

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

TR.headerInfo {
  background: #00ff00;
}

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

TABLE.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background-image: url(images/bg.png);
  color: #000000;
  font-weight: bold;
}

TR.footer {
  background-image: url(images/bg.png);
}

TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background-image: url(images/bg.png);
  color: #000000;
  font-weight: bold;
}

.infoBox {
  background: #BDAF80;
}

.infoBoxContents {
  background: #CFC8B0;
  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: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #BDAF80;
  color: #ffffff;
}

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

.specialBox {
 background: #33CC33;
 color: #ffffff;
}

.formButton {
 background-color: #000000;
 border-color: #CC9933;
 color: #FFFFFF;
}

.viewButton {
 background-color: #CCCC99;
 border-color: #FFCC00;
 color: #000000;
}

.accountBox {
  background: #ffa500;
}

TD.accountBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #ffa500;
  color: #ffffff;
}

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

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

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

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

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

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

A.pageResults {
  color: #0000FF;
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

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

head, td.head, span.head, A.head { 
  color: #cc6600;
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  font-weight: bold;
}

descHeading, p.descHeading, span.descHeading {
  color: #cc6600;
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  font-weight: bold;
  line-height: 3;
}

TD.descHeading, TABLE.descHeading {
  color: #cc6600;
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  font-weight: bold;
  line-height: 3;
}

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

TR.subBar {
  background: #BDAF80;
}

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

TD.main, P.main, TABLE.main, span.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.5;
}

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

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

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

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

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

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

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

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

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

SPAN.errorText, TD.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}
 
SPAN.successText, TD.successText {
  font-family: Verdana, Arial, sans-serif;
  color: #000000;
}
 
.moduleRow { }
.moduleRowOver { background-color: #C8C086; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #C8C086; }

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

.qa, span.qa, td.qa {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
line-height: 1.5;
}

/* Tool Tips */
.tooltip,.tooltip *{display:block} /*added by javascript*/

.tooltip { 
width: 200px; color:#000;
font:lighter 11px/1.3 Arial,sans-serif;
text-decoration:none;
text-align:center
}

.tooltip span.top {
padding: 30px 8px 0;
background: url(images/tooltip.gif) no-repeat top
}

.tooltip b.bottom {
padding:3px 8px 15px;
color: #548912;
background: url(images/tooltip.gif) no-repeat bottom
}