/*global styles*/
* {  }
TABLE, TBODY, DIV, SPAN, UL, LI { margin:0; padding:0; }
BODY { font-family:"Century Gothic";font-size:16px;color:#666666;text-align:left;background:#FFF /*url(../template/images/bkg_body.gif)*/; }

A { text-decoration: none;}
A:link { color:#2A5F00;}
A:visited { color:#2A5F00;}
A:active { color:#2A5F00;}
A:hover { text-decoration: none; }
IMG, A IMG, A:hover IMG { border: 0; background:transparent; }
/*INPUT[type="text"],SELECT,TEXTAREA { padding: 2px; border: 1px solid #CCCCCC;font-size:12px; }*/
INPUT[type="text"]:focus,
SELECT:focus,
TEXTAREA:focus { background-color: #FFFFCC; }

INPUT,SELECT { font-size: 1em; }
SELECT { padding: 1px 1px; width:230px; }
TD { vertical-align:top; }
P { line-height:17px; font-weight:normal; }

/** Mock up Classes **/
.clear {clear:both; }
.clear-left { clear:left;}
.clear-right { clear:right;}
.left { float:left; }
.right { float:right; }
.center { text-align:center; }
.absolute { position:absolute; }
.relative { position:relative; }

.padding_4 { padding:4px !important; }
.padding_8 { padding:8px !important; }
.margin_10 { margin:10px !important; }
.margin_20 { margin:20px !important; }

.black { color:black; }
.red { color:#FF3300; }

.col-box-bottom-dotted { border-bottom:1px dotted #999999; }

/*body layout wrapper*/
.wrapper {  margin:0 auto;width:1004px; }
/*content area*/
.content-wrap { width:766px;margin:0 auto; background:#FFF; border:1px solid #DDD;border-top:none;border-bottom:none; }
.wrapper .content-wrap-catalog { width:770px; border:none; }
.wrapper .content-wrap { }
.content-wrap UL { margin:0; padding:0; }


.head-wrap {   }
.head-wrap .logo-wrap { border:0;height:120px;  }
.head-wrap  A:hover { background:transparent; }
.head-wrap .logo-wrap .logo {  }

.searchbox-wrap { padding: 2px;width: 300px;height:20px; }
.searchbox-form {}
.searchbox-wrap LABEL { color: white; font-size:12px; font-weight: bold; padding: 0pt 4px;}
.searchbox-wrap .searchbox { font-size:11px;padding:2px; width:188px;color:#666; }
.searchbox-wrap .searchbtn { position:relative;top:4px; }

.footer_wrap { background:#49a942; font-size:10px; color:#FFF; }
.footer_wrap P { text-align:center;}


.top-links-wrap { height:21px;width:100%; }
.top-links { list-style:none;float:right; margin:0; }
.top-links LI { float:left;margin:0 4px;padding:0px; line-height:18px;  }
.top-links LI A,
.top-links LI A:visited,
.top-links LI A:hover { font-size:15px; color:#FFFFFF; }

.col-left-wrap { width:140px;padding: 5px; }

.left-nav { width:140px; }
.left-nav UL { list-style:none;padding-left:0 !important;margin-left:0px }
.left-nav UL LI { margin:1px 0 1px 10px;text-indent:-5px;text-align:left;font-size:13px; }
.left-nav UL LI A { color:#000; }
.left-nav UL LI.active { font-weight:bold; }
.left-nav UL LI A:hover { color:#FFF; background-color:#336633}
.left-nav .catalog-links-wrap { padding:62px 5px 4px; }
.catalog-links-extra { }
.catalog-links-wrap .coming-soon A,
.catalog-links-wrap .coming-soon A:hover { font-size:1.1em;color:#009900;text-transform:uppercase;font-weight:bold; }
.catalog-links-wrap .on-sale { margin-top:10px; }
.catalog-links-wrap .on-sale A,
.catalog-links-wrap .on-sale A:hover { font-size:1.3em;color:#FF3300;text-transform:uppercase;font-weight:bold; }
.info-links-wrap { padding:57px 5px 4px;margin-top:20px;padding:62px 5px 4px; }
.left-nav .twitter-link { margin:20px 0px 6px; }

.content-main { width:630px;padding: 4px ; }
/*.content-main { margin-left:230px;padding: 10px;font-size:13px; }*/
.content-main A { text-decoration:underline; }
.content-main .page-head { margin-bottom:16px;width:100%; }
.content-main .page-head H4 { font-size:16px; margin: 0;  }


.home-page .coming-soon-wrap { padding-top:24px; }
.testimonials .content H4 { color:black; font-weight:bold; font-size:15px;margin:10px 2px; }
.testimonials .content P {font-size:14px; font-style:italic;line-height:22px; }
.about_us .content P { font-size:14px;line-height:22px;margin:10px 2px 6px; }
.links-page .content H5 { font-size:14px;line-height:22px;margin:10px 2px; }
.links-page .content P { font-size:14px;line-height:22px;margin:10px 2px; }
.links-page .content HR { margin:10px 0px; }
.shiping-payments .content H5 { font-size:14px;line-height:22px;margin:10px 2px; }
.shiping-payments .content P { font-size:14px;line-height:22px;margin:10px 2px; }
.shiping-payments .content UL { list-style-position:inside; }

.green-head { color:#FFF;Font-weight:bold;font-size:16px;background:#49A942; text-align:center;padding:2px; }

/** Box mini Wrapppers.. Used in right and left columns**/
.box-mini { margin-bottom:8px; padding:2px !important; color:#110000; }
.box-mini H3 { color:#444444; }
.box-mini IMG { margin:2px; border:0; }

.faq-links { list-style-type:decimal;list-style-position:inside;  }
.faq-links H4 { color:#110000; font-size:15px; margin:6px 2px 4px;text-decoration:underline; }
.faq-links LI { padding-left:12px; }
.faq-links LI A {text-decoration:none; font-weight:bold; }
.faq-answers-wrap { margin-top:20px;list-style-type:decimal;list-style-position:inside;  }
.faq-answers-wrap LI { padding:8px;  }
.faq-answers-wrap LI H5 { display:inline;  }
.faq-answers-wrap LI P { line-height:20px;  }
.faq-answers-wrap LI UL { margin-left:12px;margin-top:8px;list-style-type:disc;  }

.input-wrap { padding:3px 2px; margin:2px; font-size:11px; font-family:"Century Gothic"; }
.input-wrap INPUT[type=text],
.input-wrap TEXTAREA { width:200px;font-size:11px; font-family:"Century Gothic";  }
.input-wrap LABEL { display:block; color: #0882e9; font-weight:bold; }



/*
* OSCOMMERCE native styles
  $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-size: 11pt }
.errorBox  { font-size: 11pt; font-family: Verdana, Arial, sans-serif; font-weight: bold; background: #ffb3b5 }
.stockWarning  { color: #cc0033; font-size: 11pt; font-family: Verdana, Arial, sans-serif }
.productsNotifications  { background: #fff }
.orderEdit    { color: #70d250; font-size: 11pt; font-family: "Century Gothic" }

BODY      { /*color: #000000;*/ font-size: 10pt; font-family: "Century Gothic"; /*background: #fff;*/ margin: 0 }

A        { color: #000; font-size: 10pt; font-family: "Century Gothic"; text-decoration: none }

A:hover      { color: #2a5f00; font-size: 10pt; font-family: "Century Gothic" }

FORM {
    display: inline;
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation     { font-size: 11pt; font-family: "Century Gothic"; background: #fff;  }

TD.headerNavigation      { font-size: 11pt; font-family: "Century Gothic"; font-weight: bold; background: #fff; padding-bottom:12px; }

A.headerNavigation      { color: #008000; font-size: 9pt; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none }

A.headerNavigation:hover     { color: #000; font-size: 9pt; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none }

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

TR.footer   { background: #fff }

TD.footer    { color: #9e9e9e; font-size: 11pt; font-family: "Century Gothic"; font-weight: bold; background: #fff }

.infoBox        { font-size: 10pt; font-family: "Century Gothic"; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 }

.infoBoxContents       { font-size: 10pt; font-family: "Century Gothic"; font-stretch: normal; background: #fff }

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents  { font-size: 11pt; font-family: Verdana, Arial, sans-serif; background: #ffe6e6 }

TD.infoBoxHeading      { color: #fff; font-size: 12pt; font-family: Verdana; font-style: normal; font-weight: bold; background: #390; text-align: center; border-width: 0 }

TD.infoBox, SPAN.infoBox   { color: #000; font-size: 11pt; font-family: Verdana, Arial, sans-serif; border-width: 0; border-color: #0c0; outline-width: 0; outline-color: #9f0 }

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 #0c0; border-spacing: 1px   }

.productListing-heading      { color: #2a5f00; font-size: 11pt; font-family: Verdana, Arial, sans-serif; font-weight: bold; background: #fff }

TD.productListing-data  { font-size: 11pt; font-family: Verdana, Arial, sans-serif }

A.pageResults {
  color: #0000FF;
}

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

TD.pageHeading, DIV.pageHeading      { color: #2a5f00; font-size: 11pt; font-family: "Century Gothic"; font-weight: bold }

TR.subBar  { background: #fff }

TD.subBar  { color: #000000; font-size: 11pt; font-family: "Century Gothic" }

TD.main, P.main   { font-size: 10pt; font-family: "Century Gothic"; line-height: 1.5 }

TD.smallText, SPAN.smallText, P.smallText   { font-size: 11pt; font-family: "Century Gothic" }

TD.accountCategory    { color: #000; font-size: 11pt; font-family: Verdana, Arial, sans-serif }

TD.fieldKey  { font-size: 11pt; font-family: Verdana, Arial, sans-serif; font-weight: bold }

TD.fieldValue  { font-size: 11pt; font-family: Verdana, Arial, sans-serif }

TD.tableHeading  { font-size: 11pt; font-family: Verdana, Arial, sans-serif; font-weight: bold }

SPAN.newItemInCart  { color: #ff0000; font-size: 11pt; font-family: Verdana, Arial, sans-serif }

CHECKBOX, INPUT, RADIO, SELECT  { font-size: 11pt; font-family: Verdana, Arial, sans-serif }

TEXTAREA   { font-size: 11pt; font-family: Verdana, Arial, sans-serif; width: 100% }

SPAN.greetUser     { color: #008000; font-size: 11pt; font-family: "Century Gothic"; font-weight: bold; text-decoration: none }

TABLE.formArea   { background: #fff; border: 1px #7b9ebd }

TD.formAreaTitle  { font-size: 11pt; font-family: Tahoma, Verdana, Arial, sans-serif; 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: #e3ffb9; cursor: hand }
.moduleRowSelected  { background-color: #d7ffb9 }

.checkoutBarFrom, .checkoutBarTo    { color: #000; font-size: 11pt; font-family: Verdana, Arial, sans-serif }
.checkoutBarCurrent  { color: #000000; font-size: 12px; font-family: Verdana, Arial, sans-serif }

/* message box */

.messageBox  { font-size: 12pt; font-family: Verdana, Arial, sans-serif }
.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  { color: #ff0000; font-size: 12px; font-family: Verdana, Arial, sans-serif }
.plainbox   { background-color: #b4d5a7; padding-bottom: 12pt; padding-left: 5px }
.plaininfo    { font-size: 11pt; font-family: "Century Gothic"; background-color: #49a942; padding: 5px 5px 10px }
