/*
//
// +----------------------------------------------------------------------+
// |zen-cart Open Source E-commerce                                       |
// +----------------------------------------------------------------------+
// | Copyright (c) 2003 The zen-cart developers                           |
// |                                                                      |
// | http://www.zen-cart.com/index.php                                    |
// |                                                                      |
// | Portions Copyright (c) 2003 osCommerce                               |
// +----------------------------------------------------------------------+
// | This source file is subject to version 2.0 of the GPL license,       |
// | that is bundled with this package in the file LICENSE, and is        |
// | available through the world-wide-web at the following url:           |
// | http://www.zen-cart.com/license/2_0.txt.                             |
// | If you did not receive a copy of the zen-cart license and are unable |
// | to obtain it through the world-wide-web, please send a note to       |
// | license@zen-cart.com so we can mail you a copy immediately.          |
// +----------------------------------------------------------------------+
// $Id: stylesheet.css 290 2004-09-15 19:48:26Z wilt $
*/

/* 
changelog:
12/13/04
set even 20px margins, set width to 100%, set backgrounds to equal the logo color
2/22/05
original stylesheet.css has all its code commented out so that this css file is
automatically referenced, need to work on font and whitespace issues and
document it all!
see the spring 2004 stylesheet for more information

 */

BODY {
/*
2/22/05: changed font to font-family, set font-size to 76%
*/
	color: #000000;
	margin: 10px;
	/*margin-bottom: 10px;*/
	padding: 0px;
	font-family: Verdana, Arial, sans-serif;
   font-size: 76%;

}

.centershop {
	padding: 0px;
	margin: 0px auto;
	position: relative;
	text-align: left;
   width: 100% !important; /* 12/11/04: revised from 750px; */
}

/*
2/22/05: was TD.main, P.main, taken from spring 2004 css
3/1/05: separated P and TD into separate declarations to see what happens, etc.
3/1/05: want uniform space inside table cells but may have to break it down more
 */

P {
  font-size: 1.0em;
  line-height: 1.5em;
  text-align: left;
}
/* added Hx selectors 4/10/05 along with IE hack used further down */
h1 {
	font-size: 2.0em;
}
h2 {
	font-size: 1.7em;
}

TD {
  font-size: 1.0em;
  line-height: 1.5em;
  text-align: left;
}
TD.main { 
  padding: 10px; /* 3/1/04 some table cells use different selectors, review all TD etc. */
  line-height: 1.5em;
}

TD.maincentered { 
  padding: 10px; /* 3/1/04 some table cells use different selectors, review all TD etc. */
  text-align: center; /* 3/3/04 added this */
}
/* 3/6/05 used mostly for H2 where I need gray text */
H2.subheading {
  /*color:#9a9a9a;*/
  color: #b5c19f;
}

A {
  color: #618eac; /*was #428dff;*/
  text-decoration: none;
}

A:hover {
  color: #ffb062;
  text-decoration: none;
}

FORM {
	display: inline;
}
.banners {
  padding: 15px;
}

/*HEADER CSS*/

TABLE.header {
  background-color: #ffffff;
  padding-bottom: 10px;
  width: 100% !important; /* 12/11/04: revised from 750px; */
  
  /*
  border-right: 1px solid #9a9a9a;
  border-left: 1px solid #9a9a9a;
  border-bottom: 1px solid #9a9a9a;
  border-top: 1px solid #9a9a9a; /* added 12/15/04 after removing header navigation */
  /* 3/10/05 commented out the borders */
}

/* headerNavigation is no longer used, 12/15/04 */
TABLE.headerNavigation {
  background-color: #33ccff;
  /* 3/1/05 no more borders
  border-right: 1px solid #9a9a9a;
  border-left: 1px solid #9a9a9a;
  border-bottom: 1px solid #9a9a9a;
  */
  width: 100% !important;
}

TD.headerNavigation {
  position: relative;
  vertical-align: middle;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color:#000000;
  letter-spacing:1px;
  padding: 5px;
}

TD.breadCrumb {
  font-size: .8em;
  font-weight: bold;
  color: #9a9a9a;
  /* padding: 3px; 12/17/04 commented this out pending further evaluation of padding etc. */
  /* 3/3/04 specific padding for THIS td cell */
  padding-left: 10px;
  padding-bottom: 10px;
}

TD.headerNavigation A, TD.headerNavigation A:visited, td.footertop a  {
  font-weight: bold;
  color: #ffffff;
}

TD.headerNavigation A:hover, td.footertop a:hover  {
  color: #a8cfff;
}

TR.headerError {
  background: #ff0000;
}

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

/*SIDEBOX CSS*/
.column_left, .column_right, .column_single {
  background: #ffffff;
  /* padding: 2px; 12/15/04 commented this out for now */
}
.boxText {
  font-size: 1em;
  line-height: 1.5em;
}
.leftbox, .rightbox, .singlebox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 1em;
  background: #ffffff;
  /*border: 1px solid #9a9a9a;*/
  border: 1px solid #b5c19f;
  margin-bottom: 15px;
}

.centerbox { /* derived from left/right/single box styles */
  font-family: Verdana, Arial, sans-serif;
  font-size: 1em;
  background: #ffffff;
  margin: 10px;
}

.leftboxheading, .rightboxheading, .singleboxheading {
  background-color: #618eac; /*was #33ccff;*/
  font-size: 1em;
  font-weight: bold;
  color: #ffffff;
  padding: 2px 4px;  /* padding: 3px; 12/17/04 commented out pending evaluation of padding etc. */
  /* height: 20px; 12/15/04 commented out, make this more proportional to font size */
  /* padding-left: 5px; 12/15/04 commented out, don't need two padding definitions */
}

.centerboxheading { /* derived from left/right/single box heading */
  font-size: 1em;
  font-weight: bold;
  padding: 4px 0px;
  /* padding: 3px; 12/17/04 commented out pending evaluation of padding etc. */
  /* height: 20px; 12/15/04 commented out, make this more proportional to font size */
  /* padding-left: 5px; 12/15/04 commented out, don't need two padding definitions */
}


td.leftboxheading a, td.rightboxheading a, td.centerboxheading a, td.singleboxheading a {
  color: #ffffff;
}
td.leftboxheading a:hover {
  color: white;
  text-decoration: underline;
}

TR.leftboxheading, TR.rightboxheading, TR.centerboxheading, TR.singleboxheading {
}

.leftboxcontent, .rightboxcontent, .singleboxcontent {
  line-height: 1.5em;
  padding: 4px 6px;
  /* padding: 4px;  12/17/04 commented out pending evaluation of padding etc. */
  /* 3/13/05 removed centerbox, made it its own style */
}

.centerboxcontent {
  line-height: 1.5em;
}

.leftboxfooter, .rightboxfooter, .centerboxfooter, .singleboxfooter {
  background-color: #33ccff;
  margin-bottom: 15px;
}
/* plainbox code changed to ems 3/3/05 */
.plainBox, .plainbox-description {
  line-height: 1.5em;
  /* border: 1px solid #9a9a9a; 3/4/05 commented out the border */
  padding: 10px;
  /* padding: 5px; 12/16/04 commented out for now, until figure out how to get all text lined up equally */
}

/* need this selector so the main page looks more or less right */
h1.plainBox {
  /* commented out font size 4/10/05 */
  /*font-size: 1.7em;*/ /* 3/4/05 has to be this big because it is inheriting something */
  /* color: #9a9a9a; */
  color: #b5c19f;
  margin: -10px;
}

.hidden { /* shows only on printed documents because it's not declared there */
	display: none;
}

.plainBoxHeading, TD.plainBoxHeading, TD.tableHeading {
  font-size: 1.1em;
  font-weight: bold;
  padding: 10px;
  /* padding: 11px 5px 5px; modified 12/15/04 by tom to make this look better, more even */
  /* padding: 5px 0px 5px 0px; commented this out 12/17/04 pending further observation of how things work in ZC */
}

.plainBoxHeading2, TD.plainBoxHeading2 {
  font-size: 1.1em;
  font-weight: bold;
  padding-left: 10px;
  /* left padding only */
}
.plainBoxHeading3, TD.plainBoxHeading3 {
  font-size: 1.1em;
  font-weight: bold;
  /* no padding on this one */
}
.productListing-heading {
  background-color: #618eac;
  font-size: 1em;
  font-weight: bold;
  color: #ffffff;
  /*padding: 3px;  12/17/04 commented out pending evaluation of padding etc. */
  /*height: 20px; 3/6/05 removed this */
}
TD.productlisting {
   /* border:1px solid #9a9a9a;  3/1/05 commented out */
}

TD.productListing-data {
  font-size: .9em;
  /* padding-bottom: 10px; /* 3/6/05 added this to make things look better */
  padding: 5px 10px 5px 0px; /* 3/6/05 top and bottom, and right only, no left for screen resizes */
  /* padding: 5px;  12/17/04 commented out pending evaluation of padding etc.
    3/3/05 changed to .9em from 10px */
}

/*center main section
-----------------------------------*/

TD.pageHeading, DIV.pageHeading { /*style for IE, see http://www.virtuelvis.com/archives/158.html */
  /* font-size: 1.3em;  commnented out 4/10/05 */
  font-family: Verdana, Arial, sans-serif;
  /*font-weight: bold; commented out 3/3/05, also set up the margins for these cells */
  /*color: #9a9a9a;*/
  color: #b5c19f;
  /*margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 10px;*/
  padding-left: 10px;
  /* IE originally squished lines together at the top too much, 12/15/04 */
  /* the * html in front makes the style work correctly in both IE and Firefox */
  /* ALL table cells have to be set up with the * html code and use margins to make the text in them display nicely */
  /* don't NEED the * html, only need to set margins */
  /* 3/3/05 changed to 1.7 em from 16px */
}
/* IE squishes lines together at the top too much, 4/10/05, this fixes it */
/* the * html in front makes the style work correctly in both IE and Firefox */
* html .pageHeading {
	padding-top: 1.5em;
}

/* Customer form field alignment */
/* Added 12/15/04 for proper alignment of login form fields */
TD.inputCopy, P.inputCopy {
	font-family: Verdana, Arial, sans-serif;
	font-size: 1.1em;
	line-height: 1.5;
	padding-top: 0px;
	padding-bottom: 5px;
	font-weight: bold;
}
TD.inputCopy2 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 1.1em;
	line-height: 1.5;
	padding-top: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-weight: bold;
}
TD.inputCopy3 { /* same as above but not bold and 1em only */
	font-family: Verdana, Arial, sans-serif;
	font-size: 1em;
	line-height: 1.5;
	padding-top: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
}

/* 3/4/05 mainly used on index page */
.center_column {
  /* padding: 8px; 12/15/04 commented this out for now */
}
.main_page {
  width: 100% !important; /* 12/11/04: revised from 750px; */
  background-color: #ffffff;
  /* 3/1/05 commented out borders
  border-right: 1px solid #9a9a9a;
  border-left: 1px solid #9a9a9a;
  border-bottom: 1px solid #9a9a9a;
  */ 
  /* padding: 5px; 12/15/04 commented this out for now */
}

/* footer
--------------*/

TABLE.footer {
  background: #ffffff;
  text-align: center;
  font-size: .8em;
  /* 3/1/05 commented out borders
  border-right: 1px solid #9a9a9a;
  border-left: 1px solid #9a9a9a;
  border-bottom: 1px solid #9a9a9a;
  changed text to .8em
  */ 
}

TR.footertop {
  background: #33ccff;
  font-size: 11px;
}

TD.footertop, TD.footerbottom {
  padding: 5px;
  text-align: center;
}

/*miscellaneous areas
-------------------------------------*/
TD.cartBox {
   background: #eff4f8;
   font-size: 10px;
   padding: 3px;
   border: 1px dotted #ffb062;
}

TR.productListing-odd, TR.upcomingProducts-odd {
  background: #ffffff;
}

TR.productListing-even, TR.upcomingProducts-even, .productsNotifications {
  background: #eff4f8;
}

/* 3/3/05 make top row 'Displaying... and Next...' look nice */
td.pageresults-top {
  padding-bottom: 10px;
}

td.pageresults-top a {
  color: #618eac; /*was #428dff;*/
  font-size: 1em;
}

td.pageresults-bottom a {
  color: #618eac; /*was #428dff;*/
  font-size: 1em;
}

td.pageresults-top a:hover {
  color: #ffb062;
  text-decoration: none;
}

td.pageresults-bottom a:hover {
  color: #ffb062;
  text-decoration: none;
}

SPAN.newItemInCart {
  color: #ff0000;
  font-weight: bold;
}

TD.smallText, SPAN.smallText, P.smallText, td.pageresults{
   font-size: .9em;
}

TD.fieldKey {
  font-size: 1.1em;
  font-weight: bold;
  padding: 10px;
}

TD.fieldValue {
  font-size: 1.1em;
}

CHECKBOX, INPUT, RADIO, SELECT {
  /* font-size: 11px; 3/6/05 comment out */
}

TEXTAREA {
  width: 100%;
  /* font-size: 11px; */
}

.greetUser {
   color: #f0a480;
   font-weight: bold;
   font-size: 12px;
   padding-top: 5px;
   padding-bottom: 5px;
}

SPAN.greetUser {}

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

span.normalprice {
	text-decoration: line-through;
}

SPAN.productSpecialPrice, SPAN.productSalePrice, .stockWarning, span.coming {
  color: #ff0000;
}

span.productSpecialPriceSale {
  color: #ff0000;
	text-decoration: line-through;
}

SPAN.productPriceDiscount, .inputRequirement {
  font-size: 10px;
  color: #FF0000;
}
.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; }
.moduleRowSelected { background-color: #E9F4FC; }

/* message box */

.messageBox {}
.messageStackError, .messageStackWarning, errorBox {
  background-color: #ff0000;
  color: #ffffff;
  font-size: 10px;
  padding: 4px;
  /*border: 1px solid #9a9a9a;*/
  border: 1px solid #b5c19f;
}
.messageStackSuccess { background-color: #b3ffa8; padding: 2px; border: 1px solid #b5c19f; }
.messageStackCaution { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffff00; }

/* checkout totals */
TD.ot-subtotal-Text, TD.ot-cod-fee-Text, TD.ot-total-Text, TD.ot-group-pricing-Text, TD.ot-gv-Text, TD.ot-loworderfee-Text, TD.ot-shipping-Text, TD.ot-subtotal-Text, TD.ot-tax-Text, TD.ot-coupon-Text {
  font-weight: bold;
}
TD.ot-subtotal-Amount, TD.ot-cod-fee-Amount, TD.ot-total-Amount, TD.ot-group-pricing-Amount, TD.ot-gv-Amount, TD.ot-loworderfee-Amount, TD.ot-shipping-Amount, TD.ot-subtotal-Amount, TD.ot-tax-Amount, TD.ot-coupon-Amount {
  text-align: right;
}

/* product_info attribute comments */

.ProductInfoComments, TD.ProductInfoComments, SPAN.ProductInfoComments {
  color: #ff0000;
  font-size: 10px;
  text-align : left;
  font-weight: bold;
  /* padding-top: 6px;  12/17/04 commented out pending evaluation of padding etc. */
  /* padding-bottom: 6px;  12/17/04 commented out pending evaluation of padding etc. */
  /*border-top: 1px solid #9a9a9a;*/
  border-top: 1px solid #b5c19f;
}

/* General alert span class */
TD.alert, SPAN.alert {
  color: #FF0000;
  font-weight: bold;
}

/* General alert span class */
TD.alertBlack, SPAN.alertBlack {
  color: #000000;
  font-weight: bold;
}

/* popup tables */
TABLE.popupattributeqty, TABLE.popupcouponhelp, TABLE.popupcvvhelp, TABLE.popupimage, TABLE.popupimageadditional, TABLE.popupsearchhelp, TABLE.popupshippingestimator, TABLE.popupinfoshoppingcart {
  background-color: #ffffff;
  /* margin: 10px;
  padding: 10px; */
  /* font: 1.0em Verdana, Arial, sans-serif; */
  text-align: center;
}

/* categories_description */
TABLE.categoriesdescription {
  font-family: Verdana, Arial, sans-serif;
  font-size: 1em;
  background: #D0D0D0;
  /* border: 1px solid #9a9a9a;*/
}

TD.categoriesdescription {
  font-size: 1em;
  line-height: 1.25em;
  padding-left: 10px;
}
/* categories box parent and child categories and extra links */
A.category-top, A.category-links {
  color: #618eac; /*was #428dff;*/
  text-decoration: none;
}
/* /3/6/05 added this hover code */
A.category-top:hover {
  color: #ffb062;
  text-decoration: none;
}
A.category-subs, A.category-products {
  color: #618eac; /*was #428dff;*/
  text-decoration: none;
}
SPAN.category-subs-parent {
  font-weight: bold;
}
SPAN.category-subs-selected {
  font-weight: bold;
}

/* attribute images table */
TABLE.products-attributes-images {
/*  width: 100%; */
/*  border: 1px solid #9a9a9a; */
  float: left;
  padding: 2px;
}

/* additional selectors added by TOM */
.centered {
	text-align: center;
}
.firstparagraph {
/* 3/3/05 remove the top margin from pages' first paragraphs */
	margin-top: 0px;
}
.rightaligned {
	text-align: right;
}
.leftpadding {
	padding: 0px 10px;
}