/*
  $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:Arial,Helvetica,sans-serif; font-size:12px; }
.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; }

BODY {
  background: #ffffff;
  color: #000000;
  margin: 0px;
  scrollbar-face-color: #91B4DE; 
  scrollbar-shadow-color: #FFFFFF; 
  scrollbar-highlight-color: #FFFFFF; 
  scrollbar-3dlight-color: #000000; 
  scrollbar-darkshadow-color: #E6EFF9; 
  scrollbar-track-color: #E6EFF9; 
  scrollbar-arrow-color: #FFFFFF;
  background-repeat: no-repeat; 
}

body     { color:#000000; font-family:verdana, arial, helvetica; font-size:12px; }
p        { color:#000000; font-family:verdana, arial, helvetica; font-size:12px; }
/*td       { color:#000000; font-family:verdana, arial, helvetica; font-size:12px; }*/
div      { color:#000000; font-family:verdana, arial, helvetica; font-size:12px; }
input    { color:#000000; font-family:verdana, arial, helvetica; font-size:12px; }
textarea { color:#000000; font-family:verdana, arial, helvetica; font-size:12px; }
/*a        { color:#3566CD;  font-family:verdana, arial, helvetica; font-size:12px; }*/
label    {cursor: hand;}
/*
A:link      { color:#3566CD; text-decoration: none }
A:visited   { color:#3566CD; text-decoration: none }
A:active    { color:#3566CD; text-decoration: none }
A:hover     { color:#3566CD; text-decoration: underline; color: #00GG00 }

A.prod:link      { font-family:verdana, arial, helvetica; font-size:12px; color: #000000; text-decoration: none }
A.prod:visited   { font-family:verdana, arial, helvetica; font-size:12px; color: #000000; text-decoration: none }
A.prod:active    { font-family:verdana, arial, helvetica; font-size:12px; color: #000000; text-decoration: none }
A.prod:hover     { font-family:verdana, arial, helvetica; font-size:12px; color: #000000; text-decoration: underline; }
*/
/* ---( links )------------------------------------ */

	a:link, a:active, a:visited  {
	text-decoration: none;
	color: #ff7800;
	font-weight: bold;
	}
	a:hover {
	color: #961217;
	text-decoration: underline;
	}
	
	a.nav01:link, a.nav01:active, a.nav01:visited {
	color: #f8e4ba;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	}
	a.nav01:hover {
	color: #ffffff;
	text-decoration: none;
	}
	
	a.nav02:link, a.nav02:active, a.nav02:visited {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	}
	a.nav02:hover {
	color: #961217;
	text-decoration: none;
	}
	
	a.nav03:link, a.nav03:active, a.nav03:visited {
	color: #ff7800;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 14px;
	}
	a.nav03:hover {
	color: #800001;
	text-decoration: none;
	}
	
	a.nav04:link, a.nav04:active, a.nav04:visited {
	color: #ff7800;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	}
	a.nav04:hover {
	color: #800001;
	text-decoration: none;
	}
	
	a.link01:link, a.link01:active, a.link01:visited {
	color: #d50002;
	text-decoration: none;
	font-weight: bold;
	}
	a.link01:hover {
	color: #800001;
	text-decoration: underline;
	}

.blue { color:#3566CD }
.prod { color:#000000; font-family:verdana, arial, helvetica; font-size:12px; }
.ing  { color:#000000; font-family:verdana, arial, helvetica; font-size:10px; }
.sq { background-color:#FFFFFF; padding: 5px; border-width: 2px; border-color: #000000; border-style: solid;}

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

A:hover {
  color: #AABBDD;
  text-decoration: underline;
}
*/

FORM {
	display: inline;
}

TR.header {
  background: #ffffff;
}

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

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #dd0000;
  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: #bbc3d3;
}

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

TD.productHeading {
	font-size: 14px;
	text-align: center;
	color: #800001;
	font-weight: bold;
}

.infoBox {
  background: #fff;
}

.infoBoxContents {
  background: #fff;
  font-family:Arial,Helvetica,sans-serif;
  font-size: 12px;
  color:#D50002;
  font-weight:bold;
  text-decoration:none;
}
.infoBoxContentsBlack {
	color:#000;
}

.infoBoxNotice {
  background: #FF8E90;
}

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

TD.infoBoxHeading {
  font-weight: bold;
  background: #ffa900;
  color: #ffffff;
  font-family:Arial,Helvetica,sans-serif;
  font-size:12px;
  padding-top: 5px;
  padding-bottom: 5px;
}

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

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

TABLE.productListing {

}

.productListing-heading {
  font-family:Arial,Helvetica,sans-serif;
  font-size:12px;
  background: #ffa900;
  color: #ffffff;
  font-weight: bold;
  padding: 5px;
}

TD.productListing-data {
	color:#636060;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
}

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 {
  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: #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 */

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

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;       
 margin-top:5px;
 padding: 12px 0px 10px 0px;
 font: bold 12px Verdana, sans-serif;
 background-image:url(images/tabber_dots.gif);
 background-repeat:repeat-x;
 height:38px;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
 margin-right: 20px;
 margin-top: 15px;
}

ul.tabbernav li a
{
 padding: 10px 0px;
 margin-left: 3px;
 background: none;
 text-decoration: none;
 text-transform:uppercase;
}

ul.tabbernav li a:link { color: #FF7800; }
ul.tabbernav li a:visited { color: #FF7800; }

ul.tabbernav li a:hover
{
 color:#800001;
 text-transform:uppercase;
}

ul.tabbernav li.tabberactive a
{
 color:#800001;
 text-transform:uppercase;
}

ul.tabbernav li.tabberactive a:hover
{
 color:#800001;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:10px;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab 
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}*/

/* Example of using an ID to set different styles for the tabs on the page
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}*/

.cart_border {
	width: 85px;
	height: 100px;
	background-color: #fff;
	background-position: 0 4px;
	background-image:url(images/cart_border.gif.gif);
	background-repeat: none;
}

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