/*
  $Id: stylesheet.css,v 1.58 2003/12/04 14:12:16 hpdl Exp $

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

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/


.main { 
  background: transparent; }

.main_table { background: black; border: 1px solid #efefef; margin: 5 10 10 5 px; }

.boxText { font-family: Avenir, "Lucida Grande", "Bitstream Vera Sans", Lucida, Arial, Verdana, sans-serif; font-size: 11px; }

.errorBox { font-family: Avenir, "Lucida Grande", "Bitstream Vera Sans", Lucida, Arial, Verdana, sans-serif; font-size: 11px; background: #ffb3b5; font-weight: bold; }

.stockWarning { font-family: Avenir, "Lucida Grande", "Bitstream Vera Sans", Lucida, Arial, Verdana, sans-serif; font-size: 11px; color: #cc0033; }

.productsNotifications { background: #f2fff7; }

.orderEdit { font-family: Avenir, "Lucida Grande", "Bitstream Vera Sans", Lucida, Arial, Verdana, sans-serif; font-size: 11px; color: green; text-decoration: underline; }

body {
  color: black;
  margin: 0px;
  font-family: Avenir, "Lucida Grande", "Bitstream Vera Sans", Lucida, Arial, Verdana, sans-serif;
  font-size: 11px;
  background-image: url("images/default/Bamboo.jpg");
  background-attachment: fixed;
}

/* background-image: url("images/default/Bamboo.jpg"); */
/* background-image: url("images/default/Tropical Beach.jpg"); */
/* background-image: url("images/default/Ice Cave.jpg"); */
/* background-image: url("images/default/Brand New Year.jpg"); */

.snikt_issue {
  font-family: Avenir, "Lucida Grande", "Bitstream Vera Sans", Lucida, Arial, Verdana, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: navy;
  background-color: yellow;
  text-indent: 20px;
}

.flimg_left {
  float: left;
  margin-right: 8px; }

.flimg_right {
  float: right;
  margin-left: 8px; }

A {
  color: black;
  text-decoration: none;
}

A:hover {
  color: red;
  text-decoration: underline;
}

FORM {
 display: inline;
}

#content {
  width: 1280; margin: auto;
  border: 0px solid #0066cc;
  text-align: center;
}

#frame_red {
  border: 0px;
  margin-left: 2px;
  margin-right: 2x;
  padding-top: 11px;
  padding-bottom: 11px;
  width: 200; height: 278;
  background-image: url("images/infobox/frame_red.gif");
  text-align: center;
}

SPAN.upcoming {
  font-family: Avenir, "Lucida Grande", "Bitstream Vera Sans", Lucida, Arial, Verdana, sans-serif;
  font-size: 11px;
  color: white;
}

SPAN.upcoming:hover {
  color: red;
}

TD.strip_left {
  background-image: url("images/infobox/border_left_strip.gif");
  background-position: 0% 0%;
  background-repeat: no-repeat;
  width: 8px; height: 42px;
}

TD.strip_right {
  background-image: url("images/infobox/border_right_strip.gif");
  background-position: 100% 0%;
  background-repeat: no-repeat;
  width: 8px; height: 42px;
}

TR.header {
  background: transparent;
}

TR.headerNavigation {
  background: black;
}

TD.headerNavigation {
  font-family: Avenir, "Lucida Grande", "Bitstream Vera Sans", Lucida, Arial, Verdana, sans-serif;
  font-size: 12px;
  background: black;
  color: lightseagreen;
  font-weight: bold;
}

A.headerNavigation {
  color: lightseagreen;
}

A.headerNavigation:hover {
  color: red;
}

TD.headerNavigation_comics {
  font-family: Avenir, "Lucida Grande", "Bitstream Vera Sans", Lucida, Arial, Verdana, sans-serif;
  font-size: 12px;
  background: black;
  color: snow;
  font-weight: bold;
}

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Avenir, "Lucida Grande", "Bitstream Vera Sans", Lucida, Arial, Verdana, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: white;
  font-weight: bold;
  text-align: center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Avenir, "Lucida Grande", "Bitstream Vera Sans", Lucida, Arial, Verdana, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: white;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: transparent;
}

TD.footer {
  font-family: Avenir, "Lucida Grande", "Bitstream Vera Sans", Lucida, Arial, Verdana, sans-serif;
  font-size: 11px;
  background: black;
  color: lightseagreen;
  font-weight: bold;
}

.infoBox {
  background: sandybrown;
}

.infoBoxContents {
  font-family: Avenir, "Lucida Grande", "Bitstream Vera Sans", Lucida, Arial, Verdana, sans-serif;
  font-size: 11px;
  background-color: wheat;
}

.infoBoxNotice {
  background: #ff8e90;
}

.infoBoxNoticeContents {
  background: #ffe6e6;
  font-family: Avenir, "Lucida Grande", "Bitstream Vera Sans", Lucida, Arial, Verdana, sans-serif;
  font-size: 11px;
}

TD.infoBoxHeading {
  font-family: Avenir, "Lucida Grande", "Bitstream Vera Sans", Lucida, Arial, Verdana, sans-serif;
  font-size: 12px;
  font-weight: bold;
  background-image: url("images/infobox/gradient_blue_header.gif");
  background-repeat: repeat-x;
  color: coral;
  height: 26px;
}

div.scroll {
  height: 200px;
  overflow: auto;
  border-bottom: 1px solid #cccccc;
}

.selectedCategory { background-color: #ffe6e6; font-weight: bold; }

TD.infoBox, SPAN.infoBox {
  font-family: Avenir, "Lucida Grande", "Bitstream Vera Sans", Lucida, Arial, Verdana, sans-serif;
  font-size: 11px;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productReviews-odd, TR.shippingOptions-odd {
  background: #f8f8f9;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productReviews-even, TR.shippingOptions-even {
  background: #f8f8f9;
}

TR.upcomingProducts-odd, TR.upcomingProducts-even {
  background: coral;
}

/* transparence */

TR.productListing-odd {
  background-color: transparent;
  vertical-align: middle;
}

TR.productListing-even {
  background-color: transparent;
  vertical-align: middle;
}

TABLE.productListing {
  border: 0px;
  border-style: solid;
}

.productListing-heading {
  border-top: 1px solid orangered;
  border-bottom: 1px solid orangered;
  padding: 5px;
  font-family: Avenir, "Lucida Grande", "Bitstream Vera Sans", Lucida, Arial, Verdana, sans-serif;
  font-size: 11px;
  height: 34px;
  background: coral;
  color: white;
  font-weight: bold;
}

.product-heading {
  font-family: Avenir, "Lucida Grande", "Bitstream Vera Sans", Lucida, Arial, Verdana, sans-serif;
  font-size: 11px;
  background: coral;
  color: white;
  font-weight: bold;
}

TD.productListing-data {
  padding-top: 5px;
  padding-bottom: 5px;
  font-family: Avenir, "Lucida Grande", "Bitstream Vera Sans", Lucida, Arial, Verdana, sans-serif;
  font-size: 11px;
  vertical-align: middle;
}

A.pageResults {
  color: #0000ff;
}

A.pageResults:hover {
  color: #0000ff;
  background: #ffff33;
}

TD.pageHeading, DIV.pageHeading {
  font-family: Avenir, "Lucida Grande", "Bitstream Vera Sans", Lucida, Arial, Verdana, sans serif;
  font-size: 20px;
  font-weight: bold;
  color: maroon;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Avenir, "Lucida Grande", "Bitstream Vera Sans", Lucida, Arial, Verdana, sans-serif;
  font-size: 11px;
  color: black;
}

TD.main, P.main {
  font-family: Avenir, "Lucida Grande", "Bitstream Vera Sans", Lucida, Arial, Verdana, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Avenir, "Lucida Grande", "Bitstream Vera Sans", Lucida, Arial, Verdana, sans-serif;
  font-size: 11px;
}

TD.accountCategory {
  font-family: Avenir, "Lucida Grande", "Bitstream Vera Sans", Lucida, Arial, Verdana, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family: Avenir, "Lucida Grande", "Bitstream Vera Sans", Lucida, Arial, Verdana, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: Avenir, "Lucida Grande", "Bitstream Vera Sans", Lucida, Arial, Verdana, sans-serif;
  font-size: 12px;
}

TD.tableHeading {
  font-family: Avenir, "Lucida Grande", "Bitstream Vera Sans", Lucida, Arial, Verdana, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: Avenir, "Lucida Grande", "Bitstream Vera Sans", Lucida, Arial, Verdana, sans-serif;
  font-size: 11px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Avenir, "Lucida Grande", "Bitstream Vera Sans", Lucida, Arial, Verdana, sans-serif;
  font-size: 11px;
}

TEXTAREA {
  width: 100%;
  font-family: Avenir, "Lucida Grande", "Bitstream Vera Sans", Lucida, Arial, Verdana, sans-serif;
  font-size: 11px;
}

SPAN.greetUser {
  font-family: Avenir, "Lucida Grande", "Bitstream Vera Sans", Lucida, Arial, Verdana, sans-serif;
  font-size: 11px;
  color: maroon;
  font-weight: bold;
}

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

TD.formAreaTitle {
  font-family: Avenir, "Lucida Grande", "Bitstream Vera Sans", Lucida, Arial, Verdana, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Avenir, "Lucida Grande", "Bitstream Vera Sans", Lucida, Arial, Verdana, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Avenir, "Lucida Grande", "Bitstream Vera Sans", Lucida, Arial, Verdana, sans-serif;
  color: #ff0000;
}

SPAN.errorText {
  font-family: Avenir, "Lucida Grande", "Bitstream Vera Sans", Lucida, Arial, Verdana, sans-serif;
  color: #ff0000;
}

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

.checkoutBarFrom, .checkoutBarTo { font-family: Avenir, "Lucida Grande", "Bitstream Vera Sans", Lucida, Arial, Verdana, sans-serif; font-size: 11px; color: #333333; }
.checkoutBarCurrent { font-family: Avenir, "Lucida Grande", "Bitstream Vera Sans", Lucida, Arial, Verdana, sans-serif; font-size: 11px; color: black; }

/* message box */

.messageBox { font-family: Avenir, "Lucida Grande", "Bitstream Vera Sans", Lucida, Arial, Verdana, sans-serif; font-size: 11px; }


.messageStackError, .messageStackWarning { font-family: Avenir, "Lucida Grande", "Bitstream Vera Sans", Lucida, Arial, Verdana, sans-serif; font-size: 11px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Avenir, "Lucida Grande", "Bitstream Vera Sans", Lucida, Arial, Verdana, sans-serif; font-size: 11px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: Avenir, "Lucida Grande", "Bitstream Vera Sans", Lucida, Arial, Verdana, sans-serif; font-size: 11px; color: #ff0000; }

.messageStack {
  margin: 5px;
  font-size: 11px;
  color: #465584;
  background-color: #fffcf5;
  border-width: 1px;
  border-style: dotted;
}

/* my_own_styles */

aut {
  font-family: Avenir, "Lucida Grande", "Bitstream Vera Sans", Lucida, Arial, Verdana, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: green;
}

dsc {
  font-family: Avenir, "Lucida Grande", "Bitstream Vera Sans", Lucida, Arial, Verdana, sans-serif;
  font-size: 11px;
}

inf {
  font-family: Avenir, "Lucida Grande", "Bitstream Vera Sans", Lucida, Arial, Verdana, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: purple;
}

lien {
  font-family: Avenir, "Lucida Grande", "Bitstream Vera Sans", Lucida, Arial, Verdana, sans-serif;
  font-size: 11px;
  color: #0033ff;
}

lien:hover {
  text-decoration: underline;
}

cgr { 
  color: maroon;
}

cgr:hover { color: red; text-decoration: underline; }

TD.BoxHeadingSearch {
  font-family: Avenir, "Lucida Grande", "Bitstream Vera Sans", Lucida, Arial, Verdana, sans-serif;
  font-size: 11px;
  color: black;
}

A.BoxHeadingSearch {
  color: navy;
}

A.BoxHeadingSearch:hover {
  color: red;
}

.infoBox_items {
  border-left: 3px solid orangered;
  border-right: 3px solid orangered;
  border-top: 2px solid orangered;
  border-bottom: 3px solid orangered;
/*  border-left: 1px solid sandybrown; */
/*  border-right: 1px solid sandybrown; */
/*  border-bottom: 1px solid sandybrown; */
  background-color: transparent;
}

.infoBoxContents_items {
  font-family: Avenir, "Lucida Grande", "Bitstream Vera Sans", Lucida, Arial, Verdana, sans-serif;
  font-size: 11px;
  background-image: url("images/default/gradient_orange.gif");
  background-repeat: repeat-x, repeat-y;
}

TD.infoBoxHeading_items {
  font-family: Avenir, "Lucida Grande", "Bitstream Vera Sans", Lucida, Arial, Verdana, sans-serif;
  font-size: 12px;
  font-weight: bold;
  letter-spacing : 1px;
  text-align: left;
  background: transparent;
  background-color: orangered;
  color: snow;
}

.infoBox_more {
  border-left: 3px solid green;
  border-right: 3px solid  green;
  border-top: 2px solid  green;
  border-bottom: 3px solid  green;
  background-color: transparent;
}

.infoBoxContents_more {
  font-family: Avenir, "Lucida Grande", "Bitstream Vera Sans", Lucida, Arial, Verdana, sans-serif;
  font-size: 11px;
  background-image: url("images/default/gradient_blue.gif");
  background-repeat: repeat-x;
}

TD.infoBoxHeading_more {
  font-family: Avenir, "Lucida Grande", "Bitstream Vera Sans", Lucida, Arial, Verdana, sans-serif;
  font-size: 12px;
  font-weight: bold;
  letter-spacing : 1px;
  background: transparent;
  background-color: green;
  color: snow;
}

.infoBox_also {
  border-left: 1px solid navy;
  border-right: 1px solid navy;
}

TD.infoBoxHeading_also {
  font-family: Avenir, "Lucida Grande", "Bitstream Vera Sans", Lucida, Arial, Verdana, sans-serif;
  font-size: 12px;
  font-weight: bold;
  background: transparent;
  background-color: orangered;
  color: #00ccff;
}

.infoBox_strip {
  border-top: 1px solid orangered;
  border-bottom: 1px solid orangered;
  padding: 6px;
  height: 42px;
  background: coral;
}

.infoBoxContents_strip {
  font-family: Avenir, "Lucida Grande", "Bitstream Vera Sans", Lucida, Arial, Verdana, sans-serif;
  font-size: 11px;
  background: coral;
}

.infoBox_color {
  border-left: 1px solid navy;
  border-right: 1px solid navy;
  background-color: transparent;
}

.infoBoxContents_color {
  font-family: Avenir, "Lucida Grande", "Bitstream Vera Sans", Lucida, Arial, Verdana, sans-serif;
  font-size: 11px;
}

.cover {}

.zoom {
  float: left; position: relative;
  top: 0px; left: 0px;
}

.zoom img { border: none; width: 120px; height: 180px; }

.zoom:hover img { background-color: transparent; width: 0px; height: 0px; }

ab {
  color: red;
  text-decoration: none;
}

ab:hover {
  color: red;
  text-decoration: underline;
}

.zoom ab { background-color: transparent; margin: 0px; text-decoration: none; }

.zoom ab .large { display: block; position: absolute; width: 0px; height: 0px; }      
  
.zoom ab:hover .large { position: absolute;
  left: -90px; top: -135px;
  width: 300; height: 450;
  z-index: 3;
}

/* li { list-style-type: circle; } */