/*
  $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
*/

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; 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: #70d250; text-decoration: underline; }

FORM {
	display: inline;
}

.infoBox  { color: white; background: navy; border: solid 1px maroon }

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















TR.headerNavigation {
  background: #bbc3d3;
}

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

A.headerNavigation { 
  color: #FFFFFF; 
}

A.headerNavigation:hover {
  color: #ffffff;
}

TR.headerError {
  background: #ff0000;
}

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





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

TD.infoBox, SPAN.infoBox {
  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: #f8f8f9;
}

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

TABLE.productListing  { border: double navy; border-spacing: 1px }

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #b6b7cb;
  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: 20px;
  font-weight: bold;
  color: #9a9a9a;
}

TR.subBar {
  background: #f4f7fd;
}

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

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

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

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

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: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.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 */
#manu * {background:none;border:none;}
#manu select {background-color:#fff;border:1px solid #4a4a4a;}
.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }

body   { margin: 0; padding: 0 }
body, td {font-family:Tahoma,verdana,arial; font-size:11px; color: #262520;}

.bg   { background: #ffffff url(images/bg.gif) repeat-x 50% top }
.bg1  { background: url(images/bg1.gif) repeat-x 50% top }
.bg2  { background: url(images/m01.jpg) no-repeat right top }
.bg3  { background: url(images/m02.gif) no-repeat right top }
.bg4  { background: url(images/m04.gif) no-repeat right bottom }
.bg5  { background: url(images/bg2.gif) no-repeat left top }
.bg6  { background: url(images/bg3.gif) no-repeat left bottom }
.bg7  { background: url(images/m03.gif) no-repeat left top }
.bg8  { background: url(images/m21.gif) no-repeat left bottom }
.bg9  { background: url(images/m20.gif) no-repeat left bottom }
.bg10  { background: url(images/bg4.gif) }
.bg11  { background: url(images/bg5.gif) repeat-x }
.bg12  { background: url(images/bg6.gif) repeat-y }
.bg13     { background: #cacab6 url(images/m05.gif) no-repeat left bottom }
.bg14  { background: url(images/m36.gif) no-repeat 50% top }
.bg15    { background: #fff url(images/m37.gif) no-repeat 50% top }
.bg16  { background: url(images/m38.jpg) repeat-y left top }

ul { list-style: none; margin: 0; padding: 0 }
ul li  { font-style: italic; background: no-repeat left center; margin: 0; padding: 0 }
ul a     { color: #27275e; font-size: 13px; font-family: arial; font-weight: bold; line-height: 35px; text-decoration: none; text-align: left; margin-left: 12px; padding-left: 1px }
ul a:hover  { color: #b6b7cb; background-color: #4f001a }
.al { background: url(images/m20.gif) no-repeat left center; margin: 0 0 0 22px; padding: 0 0 0 17px }

ol{
   margin:0px;
   padding:0px;
   list-style:none;
   
}
ol li { background: url(images/m21.gif) no-repeat left center; margin: 0 0 0 22; padding: 0 0 0 17px }
ol a{
	color:#0E0E0E;
	text-decoration:none;
    font-size:11px;
	line-height:19px;
}
ol a:hover{
	color:#A80B1C;
}

.se  {width:83px; height:17px; font-family:tahoma,verdana,arial; color:#103553; font-size:10px; padding-left:2px;}
.go  {height:17px; width:103px; font-family:tahoma,verdana,arial; font-size:10px; color:#103553; padding-left:2px; border:1px solid #50001A;}
.go1  {height:19px; width:42px; font-family:tahoma,verdana,arial; font-size:11px; color:#373737; text-align:center; font-weight:bold; line-height:11px;}
.ab { vertical-align: middle;}

.tx   { color: #27275e; font-size: 11px }
.tx1   { color: #27275e; font-size: 14px; font-family: arial; font-weight: bold; text-transform: uppercase }
.tx2 {font-size:15px; color:#424242; font-weight:bold;}
.tx3 {font-size:15px; color:#FF0000; font-weight:bold;}
.tx4  { color: #27275e; font-size: 11px }
.tx5 {font-size:12px; color:#9F1E47; font-family:arial; font-weight:bold; text-transform:uppercase;}
.tx5 a {font-size:12px; color:#9F1E47; font-family:arial; font-weight:bold; text-transform:uppercase;text-decoration:none;}
.tx6 {font-size:13px; color:#BA4909; font-weight:bold;}
.tx7 {font-size:11px; color:#BA4909; font-weight:bold;}
.tx8 {font-size:11px; color:#3B3B3B;}


.ml   { color: #27275e; font-size: 11px; font-weight: bold; text-decoration: none }
.ml:hover {text-decoration:underline;}
.ml1 {color:#860030; font-size:11px; text-decoration:none; font-weight:bold; line-height:14px;}
.ml1:hover {text-decoration:underline;}
.ml2  { color: #27275e; font-size: 11px; text-decoration: none }
.ml2:hover {text-decoration:underline;}
.ml3 {color:#000000; font-size:11px; text-decoration:underline;}
.ml3:hover {text-decoration:none;}
.ml4_1 {color:#860030; font-size:11px; text-decoration:none; font-weight:bold; line-height:14px;}
.ml4 {color:#860030; font-size:11px; text-decoration:underline; font-weight:bold; line-height:14px;}
.ml4:hover {text-decoration:none;}
.ml5 {color:#860030; font-size:11px; text-decoration:none;}
.ml5:hover {text-decoration:underline;}
.ml6 {color:#FFFFFF; font-size:11px; text-decoration:none;}
.ml6:hover {text-decoration:underline;}

.smallText a, .orderEdit {color:#880032;text-decoration:underline;}
.smallText a:hover, .orderEdit:hover {color:#880032;text-decoration:none;}

.main a {color:#880032;text-decoration:none;}
.main a:hover {color:#880032;text-decoration:underline;}

#zxc2 ol li {background:none;}
/* OTF contrib begins */
/* DDB - 041031 - Form Field Progress Bar */
.progress{
  width: 1px;
  height: 14px;
  color: white;
  font-size: 12px;
  overflow: hidden;
  background-color: navy;
  padding-left: 5px;}
}
/* OTF contrib ends */