/*
  $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
*/
* {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size:13px;
  line-height:22px;
  color:#333;
  margin:0;
  padding:0;
  border:0;
  font-weight: normal;
}
b {
  font-weight: bold;
}

CHECKBOX, INPUT, RADIO, SELECT, TEXTAREA {
  font-size: 13px;
  line-height: 16px;
}

*html INPUT, {
  padding:2px;
  border: solid 1px #999;
  background-color: #fff;
  background-image: url(/images/productPageGrad.png);
  background-repeat: repeat-x;
  background-position: bottom;
}

INPUT[type="text"], INPUT[type="password"], SELECT, TEXTAREA {
  padding:2px;
  border: solid 1px #999;
  background-color: #fff;
  background-image: url(/images/productPageGrad.png);
  background-repeat: repeat-x;
}

INPUT[type="text"], INPUT[type="password"] {
  background-position: bottom;
}

INPUT, SELECT {
  margin-left: 10px;
}

TEXTAREA {
  width:96%;
  margin:10px;
}

ul, ol {
  margin-left:30px;
}

.hr, hr {
  height:1px;
  line-height:1px;
  font-size:1px;
  color:#999;
  background:#999;
}

.headerLogo h1 {
  position:absolute;
  top:-9999px;
}

p {
  margin-top:10px;
}

.bodyTable {
  width:800px;
}

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

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

A:visited {
  color: #CF6A26;
}

A:hover {
  color: #9F3F00;
}

.header {
}


.headerLogo {
  float:left;
  margin-left:10px
}

.searchDiv {
  float:right;
  margin:20px 130px 0 0;
  vertical-align:middle;
}

.searchDiv input {
  font-size:16px;
  line-height:16px;
}

.headerNavigation {
  font-size: 12px;
  line-height:18px;
  background: #eeeeee;
}

.headerError {
  background: #ff0000;
  color: #333333;
  font-weight : bold;
  text-align : center;
}

.headerInfo {
  font-size: 16px;
  line-height:20px
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #eeeeee;
}

TD.footer {
  font-size: 10px; line-height: 15px;
  background: #eeeeee;
  color: #eee;
}

.padInfoBox .infoBoxContents {
  padding: 0 10px 0 10px;
}

.infoBox {
  background: #eeeeee;
}

.infoBoxContents {
  background: #eeeeee;
}

.infoBox .infoBoxContents .boxText ul {
  padding: 0 0 7px 0;
  margin:0 10px 0 10px;
}

.infoBox .infoBoxContents .boxText ul li {
  list-style-type: none;
  margin:0;
  padding:0;
  font-size: 16px;
}

.infoBox .infoBoxContents ol li {
  list-style-type: decimal;
  margin:0;
  padding:0 0 10px 0;
  font-size: 16px;
  line-height: 22px;
}

*html .infoBox .infoBoxContents .boxText ul li, *html .infoBox .infoBoxContents ol li  {
  font-weight: bold;
}

.infoBox .infoBoxContents .boxText ul li ul {
  padding:0;
  margin:0 0 0 3px;
}

.infoBox .infoBoxContents .boxText ul li ul li a, .infoBox .infoBoxContents .boxText ul li ul li {
  margin:0;
  padding:0;
  font-size:14px;
  line-height:28px;
}

.infoBox .infoBoxContents .boxText ul li ul li .categoryDescription {
  font-size:12px;
  line-height:18px;
  color:#666;
  padding: 0 0 2px 3px;
  margin: -6px 0 -2px 0;
}

.infoBoxNotice {
  background: #FF8E90;
}

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


/* message box */

.messageBox {  font-size: 12px; line-height: 18px; padding:5px;  background:#FFE6E6; border: 1px solid #FF8E90;}
.messageStackError, .messageStackWarning {  font-size: 12px; padding:5px;  line-height: 18px; background:#FFE6E6; border: 1px solid #FF8E90; }
.messageStackSuccess {  font-size: 12px; line-height: 18px;padding:5px;  background: #CFC; border: 1px solid #0C0; }
.messageStackNotice {  font-size: 12px; line-height: 18px; padding:5px;  background: #ccddee; border: 1px solid #3399FF; }



.infoBoxHeading {
  font-size: 12px;
  font-weight: bold;
  background: #eeeeee;
  color: #333333;
}

.newProduct {
  color:#36c;
  size:9px;
  line-height:9px;
  padding:2px;
  border: 1px solid;
  font-family: "Comic Sans MS" "Brush Script MT" cursive; 
}

TD.infoBox, SPAN.infoBox {
  font-size: 12px;
  font-weight: bold;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd, .colorOne {
  background: #FDFDFD;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even, .colorTwo {
  background: #F8F8F8;
}

.productListingHeading {
  font-size:16px;
  line-height:22px;
  height:22px !important;
  vertical-align:middle;
  background: #eeeeee;
  float:left;
  text-align:center;
  width:25%;
  margin-bottom:5px;
}

.productListingInfo {
  font-size: 10px;
  line-height: 11px;
}

.manufacturerAndBuyNow {
  float:right;
}

.manufacturerAndBuyNow img {
  padding-left:10px;
  vertical-align:middle;
}

.status {
  font-weight:bold !important;
  font-size:13px !important;
  color:#CC6600;
}

.productListingImage {
  float:left;
  padding:10px;
}

.productListingName a {
  font-size:16px;
}

.productListingDescription {

}

.productListing {
  clear:both;
  /*border-bottom: solid 2px #333;*/
  padding:10px;
  margin-bottom:5px;
}

.productListing-data {
  padding:5px 0 5px 0;
}


.currentPageResults {
  color:#000000;
  font-weight:bold;
  margin: 0 3px 0 3px;
}

.pageResults {
  color: #ff6600;
  text-decoration:underline;
  padding:0 2px 0 2px;
  margin:0 1px 0 1px;
}

A:hover.pageResults, A:active.pageResults {
  background: #cccccc;
}

.pageHeading h1, .pageHeading {
  font-size: 20px;
  color: #ff6600;
}

.pageHeading h1 {
  float:left;
}

.pageHeading h1 span {
  font-size:15px;
  color:#555555;
}

TR.subBar {
  background: #f4f7fd;
}

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

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

TD.smallTextRed, SPAN.smallTextRed, P.smallTextRed, .smallTextRed {
  color: #FF0000;
  font-size: 10px; line-height: 15px;
}

TD.smallTextg, SPAN.smallTextg, P.smallTextg, .smallTextg {
  font-size: 10px; line-height: 15px;
  background: #eeeeee;
  border: 5px;
  border-style: solid;
  border-color: #eeeeee;
  border-spacing: 0px;
  margin: 2px;
}

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; line-height: 15px;
  color: #ff0000;
}

SPAN.greetUser {
  font-size: 10px; line-height: 15px;
  color: #000000;
}

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

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; line-height: 15px; color: #8c8c8c; }
.checkoutBarCurrent {  font-size: 10px; line-height: 15px; color: #000000; }

/* input requirement */

.inputRequirement {  font-size: 10px; line-height: 15px; color: #ff0000; }

TR.footerText, TD.footerText, .footerText {
  font-size: 10px; line-height: 15px;
  color: #333;
}

.boldText {
  font-weight: bold;
}

.subheadingText {
  font-size: 15px;
  font-weight: bold;
/*  color:  #888888; */
  color:  #3266CC;
}

.frontpagelink {
  font-size: 14px;
  font-weight: normal;
  color:  #3266CC;
}

/* BEGIN: CSS Buttons Everywhere */
a {
  margin:0;
  padding:0;
}

.cssButton, .cssButton a, .cssButton input, .cssButton:visited, .cssButton input:visited, a .cssButton, a .cssButton input, a:visited .cssButton, a:visited .cssButton input {
  background-image: url(/images/background.jpg);
  background-repeat: x-repeat;
  background-position: center; 
  color: #111;
  letter-spacing: 1px; 
  width: 100px;
  line-height:20px;
  vertical-align: middle;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  border: solid 1px #6699FF;
  border-style: outset;
  margin: 5px 0 5px 0;
}

.cssButton:hover, .cssButton:focus, .cssButton-hover, a:hover .cssButton, a:focus .cssButton, a .cssButton-hover {
  background-position: top; 
  color: #FFF;
}

.cssButton:active, .cssButton:focus, a:active .cssButton, a:focus .cssButton {
  border-style: inset;
}

.cssButton span, .arrows {
  letter-spacing: -6px;
}

.continueShopping, .changeAddress, .confirmOrder, .redeemVoucher {
  width:140px !important;
}

.cssButton.addToCart.checkout, .cssButton.addToCart.continue, .cssButton.addToCart.checkout, .cssButton.addToCart.confirmOrder {
  background-image: url(/images/blackButtonGrad.png) !important;
  border-color: #333;
}

.createMyAccount {
  width:170px !important;
  font-size:16px;
  line-height:28px;
  margin-top:10px;
}

.cssButton.signIn {
  font-size:18px;
  width:180px;
  margin-bottom:10px;
}

.view, .buyNow {
  width:75px !important;
  font-size:11px; 
}

.searchDiv .search {
  background-position: 0 -55px;
  width:75px !important;
  height:22px;
  color: #333;
  position:relative;
  top:-3px;
}

.searchDiv .search.cssButton-hover {
  background-position: 0 -35px;
  width:75px !important;
  height:22px;
  color: #111;
  position:relative;
  top:-3px;
}

.addToCartButton .addToCart, .addToCart, .addToCart:visited, a .addToCartButton .addToCart, a .addToCart, a:visited .addToCart {
  background-position: top !important; 
  letter-spacing: 0px; 
  color:#FFF;
  font-size:16px;
  height:28px;
  width: 120px;
}

.addToCartButton .addToCart:hover, .addToCart:hover, .addToCart:focus, .cssButton-hover.addToCart, .addToCartButton .cssButton-hover, .addToCartButton a:hover .addToCart, a:hover .addToCart, .addToCart a:focus,a .cssButton-hover.addToCart, .addToCartButton a .cssButton-hover {
  background-position: center !important; 
  color:#111;
}

/* END: CSS Buttons Everywhere */