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

/* 
 * Custom stylse
 */

div {margin:0px;padding:0px;}
form  { margin:0; padding:0;}
table { margin:0; padding:0;border:none; border-spacing:0px; width:100%; }
td    { margin:0; padding:0;border:none; }
tbody { margin:0; padding:0;}
  
table.layoutTable { width:871px; margin-bottom:10px;margin:auto;}

.positionRef    {position:relative;width:100%;}
.posTopLeft     {position:absolute;left:0px;top:0px;}
.posTopRight    {position:absolute;right:0px;top:0px;}
/* bug in IE, -1px*/
.posBottomLeft  {position:absolute;left:0px;bottom:-1px;}
.posBottomRight {position:absolute;right:0px;bottom:-1px;}

/* total width:871px */
td.mainLeftCol   {
width:186px;padding:0px 8px;
text-align:right;vertical-align:top;
background-image:url('images/background-left.gif');background-repeat:repeat-y;
background-color:white;}

td.mainRightCol  {
  width:186px;padding:0px 8px;
  vertical-align:top;background-color:white;text-align:right;
  background-image:url('images/background-right.gif');background-repeat:repeat-y;background-position:right;
}


td.mainCenterCol {width:499px;vertical-align:top;background-color:white;color:#333333;}
td.mainCenterCol .myInfobox {width:490px; }
td.mainCenterCol .myInfobox .content {background:none; background-color:#f6f6f6; }
td.mainCenterCol .spacer {border-bottom:1px solid #cbcbcb;margin:8px 2px;height:1px;font-size:1px;}
td.mainCenterCol .category {margin:4px 0px 8px 16px;}

td.mainCenterCol .productBox {
	text-align:left;
	position:relative;
	margin-bottom:16px;
	width:216;height:151;
	background-image:url('images/bg_product_listing.gif');background-repeat:no-repeat;}
td.mainCenterCol .productBox .image {position:absolute;top:10px;right:8px;}
td.mainCenterCol .productBox .title {padding-top:12px;padding-left:8px;width:124px;font-size:11px;font-weight:bold;color:#0a3c93;}
td.mainCenterCol .productBox .teaser {padding-top:10px;padding-left:8px;width:124px;font-size:11px;}
td.mainCenterCol .productBox .price  {padding-left:8px;padding-top:2px;font-size:11px;}
td.mainCenterCol .productBox .button {position:absolute;bottom:7px;width:216;text-align:center;}

.productInfo {font-size:11px;}
.productInfo .title {font-weight:bold;font-size:13px;}
.productInfo .description {}
.productInfo .toolbar {margin-top:16px;height:20px;}
.productInfo .toolbar .price {color:black;position:absolute;top:3px;font-weight:bold;}
.productInfo .toolbar .button {position:absolute;left:165px;top:0px;}

table.shoppingCard {
  background-image:url('images/background_th.gif');background-repeat:repeat-x;
}

table.shoppingCardSummary { width:250px;margin-left:130px;}
table.shoppingCardSummary td{ font-weight:bold;padding-left:10px;}

.shoppingCard th {padding:0px 4px 0px 8px;height:18px; color:white;font-size:11px;font-weight:normal;margin:0px;border-right:1px dashed #e3dee2;}
.shoppingCard td {padding:2px 4px 2px 8px;font-size:11px;border-right:1px dashed #e3dee2;border-bottom:1px solid #e3dee2;}
.shoppingCard .lastColumn {border-right:none;}
.shoppingCard td.image {border-right:none;}
.shoppingCard td.title {padding-left:2px;}

.totalModule {padding:8px 16px;};
.totalModule .main {font-size:10px;};

.dataTable input.string {width:90%;} 

.price {color:#0b3f93;}
.h1 {font-weight:bold;font-size:120%;margin:8px 0px 4px 0px;}
.h2 {font-weight:bold;margin:4px 0px 2px 0px;}

.myInfobox {
  margin-bottom:32px;
  width:170px;
}
.myInfobox .header {
	 height:32px;
	 background-image: url(images/infobox/top_center.gif);background-repeat:repeat-x;}
.myInfobox .content {
	background-image: url(images/background-box.gif);background-repeat:repeat-x;background-color:#c0c0c0;}
.myInfobox .padding {padding:16px;}

.whiteboxCaption {font-weight:bold;margin:10px 0px 6px 10px;}
.whitebox {position:relative;width:100%;border:1px solid #b7b7b7;background-color:white;}
.whitebox .topLeft {position:absolute;top:-1px;left:-1px;height:10px;width:10px;background-image: url(images/whitebox/top-left.gif);background-repeat:no-repeat;font-size:1px;}
.whitebox .topRight {position:absolute;top:-1px;right:-1px;height:10px;width:10px;background-image: url(images/whitebox/top-right.gif);background-repeat:no-repeat;font-size:1px;}
.whitebox .bottomLeft {position:absolute;bottom:-1px;left:-1px;height:10px;width:10px;background-image: url(images/whitebox/bottom-left.gif);background-repeat:no-repeat;font-size:1px;}
.whitebox .bottomRight {position:absolute;bottom:-1px;right:-1px;height:10px;width:10px;background-image: url(images/whitebox/bottom-right.gif);background-repeat:no-repeat;font-size:1px;}
.whitebox .middle {padding:10px 0px;background-color:white;}

.errorbox {position:relative;width:100%;margin-bottom:10px;border:1px solid #b7b7b7;background-color:#eb0000;}
.errorbox .topLeft {position:absolute;top:-1px;left:-1px;height:10px;width:10px;background-image: url(images/redbox/top-left.gif);background-repeat:no-repeat;font-size:1px;}
.errorbox .topRight {position:absolute;top:-1px;right:-1px;height:10px;width:10px;background-image: url(images/redbox/top-right.gif);background-repeat:no-repeat;font-size:1px;}
.errorbox .bottomLeft {position:absolute;bottom:-1px;left:-1px;height:10px;width:10px;background-image: url(images/redbox/bottom-left.gif);background-repeat:no-repeat;font-size:1px;}
.errorbox .bottomRight {position:absolute;bottom:-1px;right:-1px;height:10px;width:10px;background-image: url(images/redbox/bottom-right.gif);background-repeat:no-repeat;font-size:1px;}
.errorbox .middle {padding:10px 10px;background-color:#eb0000;color:white;}
.errorbox .middle .errorTitle {font-size:12px;color:white;}
.errorbox .middle .errorMessage {margin-top:12px;font-size:11px;color:white;}


.payments td {padding:2px 0px 2px 10px;}
.payments tr.moduleTitle {height:24px;font-weight:bold;}
.payments tr.moduleProperty {height:20px;}
.payments tr.moduleProperty input{width:250px;}

.redeemBlock .main {margin:0px;padding:0px;}
.redeemButton {text-align:right;margin-top:10px;}


.boxText { color:#313131; font-size: 11px; padding:10px 4px; }
.boxText .category {font-weight:bold;color:#313131;margin:0px 6px;}
.boxText .item   {color:#313131;margin:1px 6px;}
.boxText .teaser {color:#313131;margin:2px 6px;}
.boxText .spacer {border-bottom:1px solid #cbcbcb;margin:4px 2px;height:1px;font-size:1px;}

.errorBox { font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit {font-size : 10px; color: #70d250; text-decoration: underline; }

BODY {
  background: white;
  background-image:url('images/background_gradient.gif');background-repeat:repeat-x;
  color: #000000;
  margin: 0px;
  padding: 0px;
  font-family: Helvetica, Arial, sans-serif; 
}

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

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

FORM {
	display: inline;
}



TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: #3a578d;
}

TD {
  font-family: Helvetica, Arial, sans-serif; 
  font-size:11px;	
}

TD.headerNavigation {
  font-size: 10px;
  background: #3a578d;
  color: #ffffff;
  font-weight : bold;
}

A.headerNavigation { 
  color: #FFFFFF; 
}

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

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
	height:16px;
}

TD.footer {
  height:16px;
	background-image:url('images/background-footer.gif');background-repeat:no-repeat;
	background-position:center;
  font-size: 10px;
  color: #ffffff;
  font-weight: bold;
  text-align:right;padding-right:16px;
}

.footer a {color:white;}


.infoBox {
}

.infoBoxContents {
  font-size: 11px;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-size: 10px;
}

/* TD or DIV */
.infoBoxHeading {
  font-size: 16px;
  font-weight:bold;
  color: #1c3f8f;
  vertical-align:top;
  padding-left:12px;
  padding-top:6px;
}


TD.infoBox, SPAN.infoBox {
  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: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
}

.productListing-heading {
  font-size: 10px;
  background: #b6b7cb;
  color: #FFFFFF;
  font-weight: bold;
}

TD.productListing-data {
  font-size: 10px;
}

A.pageResults {
  color: #0000FF;
}

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

TD.pageHeading, DIV.pageHeading {
  font-size: 20px;
  font-weight: bold;
  color: #9a9a9a;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-size: 10px;
  color: #000000;
}

TD.main2, P.main2 {
  font-size: 14px;
/*  line-height: 1.5; */
}

TD.main, P.main {
  font-size: 11px;
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-size: 10px;
}

TD.accountCategory {
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-size: 12px;
}

TD.tableHeading {
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-size: 10px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-size: 11px;
}

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

SPAN.greetUser {
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

TABLE.formArea {

}

TD.formAreaTitle {
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  color: #ff0000;
}

SPAN.errorText {
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

/* message box */

.messageBox { font-size: 10px; }
div.messageStack {margin-bottom:16px;}
.messageStackError, .messageStackWarning { font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-size: 10px; color: #ff0000; display:none; }