/* *****************************************************
  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
  ******************
  Bennett Mirrors
  ******************
  See notes below regarding custom tags
  added to system and important notes
  regarding upgrades.
                      
  Authors:  Jill Griffin (jill@bennettmirror.com)
            Andy Carroll (andy@goldfishinteractive.co.nz)
            
  Date:     12 October 2008
  
***************************************************** */

.boxText { font-family: Arial, sans-serif; font-size: 10px; }
.infoBoxGrey .boxText { padding:0 10px 0 10px; }

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

BODY {
  background:#E6E6E6 url(images/body_background.jpg) repeat-x 0 0;
  color:#666666;
  margin:0px;
  font-family: Arial, sans-serif;
  font-size:9pt;
  text-align:center;
}

h1{font-size: 12pt;}
h2{font-size: 12pt;}
h3{font-size: 11pt;}
h4{font-size: 11pt;}
h5{font-size: 10pt;}
h6{font-size: 9pt;}
p, td, li {font-size : 9pt;}

.outerwrapper {width:800px;margin:0 auto; padding:0 0 0 0; text-align:left;background:#fff;}

A {
  color: #00CC33;
  text-decoration: none;
}

A:hover {
  text-decoration: underline;
}

FORM {
	display: inline;
}

TR.header {
}

TR.headerNavigation {
}

TD.headerNavigation {
  font-family: Arial, sans-serif;
  font-size: 10px;
  background: #333333;
  color:#333333;
  font-weight : bold;
}

A.headerNavigation { 
  color:#333333;
}

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

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Arial, sans-serif;
  font-size: 11pt;
  background: #ff0000;
  color:#333333;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Arial, sans-serif;
  font-size: 11pt;
  background: #00ff00;
  color:#333333;
  font-weight: bold;
  text-align: center;
}

TR.footer {
}

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

/* Left and Right Column Box Panels */
.right-column .infoBox, .right-column .infoBoxGrey {
  background:#fff url(images/narrow_background_panel.jpg) repeat-y 0 0;
}

#home .middle-column .infoBox, #home .middle-column .infoBoxGrey, #basket .middle-column .infoBox {
  background:#fff url(images/wide_background_panel.jpg) repeat-y 0 0;
}


.infoBoxContents {
  font-family: Arial, sans-serif;
  font-size: 10px;
  padding:0 8px 5px 8px;
}

#home .infoBoxContents {
}

#home .infoBoxContents ul {
  margin-top:10px;
}

.infoBoxNotice {
  
}

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

TD.infoBoxHeading {
  background:url(images/narrow_header_panel.jpg) repeat-x left bottom;
  padding:8px 8px 0 8px;
  vertical-align:top;
  width:243px;
  height:34px;
  font-family: Arial, sans-serif;
  font-size: 11pt;
  font-weight: bold;
  color:#000;
}


.middle-column TD.infoBoxHeading {
  background:url(images/wide_header_panel.jpg) repeat-x left bottom;
  padding:8px 8px 0 8px;
  vertical-align:top;
  width:512px;
  height:34px;
  font-family: Arial, sans-serif;
  font-size: 11pt;
  font-weight: bold;
  color:#000;
}

TD.infoBoxFooter {
  background:#fff url(images/narrow_footer_panel.jpg) repeat-x left bottom;
  padding:0 5px 0 5px;
  width:243px;
  height:34px;
  font-family: Arial, sans-serif;
  font-size: 11pt;
  font-weight: bold;
  color:#fff;
}

.middle-column TD.infoBoxFooter {
  background:#211E22 url(images/wide_footer_panel.jpg) repeat-x left bottom;
  padding:0 5px 0 5px;
  width:512px;
  height:16px;
  font-family: Arial, sans-serif;
  font-size: 11pt;
  font-weight: bold;
  color:#fff;
}

TD.infoBox, SPAN.infoBox {
  font-family: 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 {
  color:#333333;
  background:none;
  border-bottom:1px solid #999999;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  color:#333333;
  background:none;
  border-bottom:1px solid #999999;
}

TABLE.productListing {
  color:#333333;
  border:1px solid #ffffff;
  border-collapse:collapse;
  margin:10px 0 10px 0;
  width:510px;
}

.productListing-heading {
  font-family: Arial, sans-serif;
  font-size: 10px;
  background: #333333;
  color:#ffffff;
  font-weight: bold;
}

TD.productListing-data {
  font-family: Arial, sans-serif;
  font-size: 10px;
}

TABLE.productDetail {border:1px solid #ffffff;border-bottom:none;border-collapse:collapse;margin:0 0 0 0;width:100%;}
TABLE.productDetail .row p {padding-top:0;margin-top:-10px;}
TABLE.productDetail .row td {border-bottom:1px solid #ffffff;border-collapse:collapse;vertical-align:top;margin:0 0 0 0;padding-top:0;padding-bottom:10px;width:100%;}

TABLE.features, TABLE.technical {border:1px solid #ffffff;border-collapse:collapse;margin:0 0 20px 0;width:350px;}
.features thead td, .technical thead td {font-family: Arial, sans-serif;font-size: 10px;background: #333333;color:#ffffff;font-weight: bold;padding:2px 2px 2px 2px !important;}
.features tbody td, .technical tbody td {background:#eee;border-bottom:1px solid #ffffff;border-collapse:collapse;font-size: 10px;padding:2px 2px 2px 2px !important;}


A.pageResults {
  color:#333333;
}

A.pageResults:hover {
  color:#333333;
}

TD.pageHeading, DIV.pageHeading {
  font-family: Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color:#333333;
  padding:5px 0 0 0;
}

TR.subBar {
}

TD.subBar {
  font-family: Arial, sans-serif;
  font-size: 10px;
  color:#333333;
}

TD.main, P.main {
  font-family: Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
  padding:0 0 10px 0;
}

TD.main h2 {
 text-align:center;
}

TD.main p {
 text-align:justify;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Arial, sans-serif;
  font-size: 10px;
}

TD.accountCategory {
  font-family: Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

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

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

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

SPAN.newItemInCart {
  font-family: Arial, sans-serif;
  font-size: 10px;
  color:#333333;
}

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

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

SPAN.greetUser {
  font-family: Arial, sans-serif;
  font-size: 11pt;
  color:#333333;
  font-weight: bold;
}

TABLE.formArea {
}

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

SPAN.markProductOutOfStock {
  font-family: Arial, sans-serif;
  font-size: 11pt;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Arial, sans-serif;
  color: #ff0000;
}

.list_price{font-family: Arial, sans-serif;color:#333333;font-size: 14px;font-weight: bold;}
.our_price{font-family: Arial, sans-serif;color:#333333;font-size: 14px;font-weight: bold;}
.special_price{font-family: Arial, sans-serif;color:#00CC33;font-size: 14px;font-weight: bold;}

SPAN.errorText {
  font-family: Arial, sans-serif;
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #ccc; color:#333; cursor: pointer; cursor: move; }
.moduleRowSelected { background-color: #fff; color:#333; }

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

/* message box */

.messageBox { font-family: Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { padding:5px 20px 5px 20px; font-family: Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */

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

/* *****************************************************
  The following css rules and styles are for tags added to
  the default files. The are defined to incorporate the
  design elements which differ from the default setup.

  Any upgrades to the system will need to incorporate these
  new tags in order to support this design.
***************************************************** */

/* see file: includes/header.php */
.banner {height:144px;background:#ffffff url(images/banner_background.jpg) top center no-repeat;text-align:center;}
.banner .tabs {list-style:none;margin:160px 0 0 0;padding:0 0 30px 0;background:#ffffff url(images/tab_background.jpg) repeat-x 0 10px;}
.banner a {color:#333333; }

.breadcrumb {padding:0 0 0 0;font-size:9pt;}

/* header, section navigation */
.sections { padding:0 0 0 0;margin:0 0 0 0; height:54px; background:#ffffff url(images/section_background.gif) repeat-x top left; }
.sections TD { background:url(images/tab_seperator.gif) no-repeat top right; padding:0 0 0 0; margin:0 0 0 0; height:54px; vertical-align:middle; text-align:center; }
.sections TD A { display:block; font-family: Arial, sans-serif; font-size: 16px; color:#333333; margin:0 0 0 0; }

/*  */
.left-column {margin:0 0 0 0;padding:15px 0 15px 15px;width:243px !important;}
.middle-column {margin:0 0 0 0;padding:15px 15px 15px 15px;width:516px !important;}
.right-column {margin:0 0 0 0;padding:15px 15px 15px 0;width:243px !important;}

.nav          {list-style:none;margin:0 0 0 0;padding:0 0 0 0;border-top:1px solid #ffffff;background:#21D708 url(images/green_graduation.jpg) no-repeat top left;}
.nav ul       {list-style:none;margin:0 0 0 0;padding:0 0 0 0;}
.nav li       {list-style:none;margin:0 0 0 0;padding:0 0 0 0;}
.nav li a     {display:block;background:none;border-top:1px solid #ffffff;border-bottom:1px solid #333;padding:5px 7px 5px 7px;font-size:10pt;font-weight:bold;color:#fff;}
.left-column h3 {background:#21D708;margin:0 0 0 20px;padding:5px 5px 5px 10px;color:#333;}

.category-image {margin-top:20px;padding:0 0 0 0;text-align:center;}
.main-category-name-on {font-weight:bold;text-align:center;font-size: 11pt;}
.main-category-name-off {text-align:center;font-size: 11pt;}
.sub-category-name-on {font-weight:bold;text-align:center;font-size: 11pt;}
.sub-category-name-off {text-align:center;font-size: 11pt;}
.counts {font-size: 11px;}

.middle-column .smallText {padding:5px 0 5px 0;}

.infoBoxPic {
  background:url(images/wide_photo_panel.jpg) no-repeat left top;
  font-family: Arial, sans-serif;
  font-size: 10px;
  height:472px;
}
.infoBoxPic .infoBoxContents {
  background:none;
  padding:20px 20px 20px 20px;
}

.infoBoxPic .infoBoxContents p {
  font-size:11pt;
  margin:0 0 8px 0;
}

.categoryGrid {
  width:512px;
  margin:0 0 0 0;
}

.categoryGrid td {
  margin-right:35px;
  font-size:10pt;
  color:#333333;
}

.categoryGrid a {color:#333333;}

.full-column {margin:10px 0 10px 0;overflow:hidden;width:500px;}
.full-column .mask {overflow:hidden;}
.center {text-align:center;}


.quick-find {
  background:#ffffff url(images/search_panel_background.gif) repeat-x left top !important;
  padding:22px 20px 23px 20px;
  font-family: Arial, sans-serif;
  text-align:center;
  font-size:12px;
  font-weight:bold;
  color:#333;
  border-bottom:1px solid #cccccc;
}
.quick-find label {background-color:#333333;border:1px solid #ffffff;padding:3px 20px 3px 20px;color:#333333;height:24px;margin:0 0 0 0;}
.quick-find .textfield {border:1px solid #333333;padding:4px 3px 4px 3px;font-family: Arial, sans-serif;font-size:12px;width:180px;height:24px;margin:0 0 0 0;}
.quick-find .advanced {margin:0 0 0 10px;height:20px;}

.shopping-cart-box {font-family:Arial, sans-serif;font-size:10px;}
.helpmechoose {margin:30px 10px 10px 10px;text-align:center;}

.footernav  {background:#333;}
.footernav td {padding:5px 5px 5px 5px;text-align:center;font-size:12px;}
.footernav td a {color:#00CC33;font-weight:bold;}

.footer     {padding:5px 5px 5px 5px;}
.footer td {text-align:center;font-size:12px;padding:3px 3px 3px 3px;}
.footer td a {}

.productFeature0 {} /* left */
.productFeature1 {} /* left */
.productImage {}
.productTitle {font-weight:bold;font-size:12px;}
.productDesc {text-align:justify;margin:20px 20px 20px 20px;}
.productPrice {font-weight:bold;font-size:18px;}

.productData {border:1px solid #333;border-collapse:collapse;font-size:12px;}
.productData thead {background:#006108;}
.productData thead th {color:#fff;border:1px solid #333;text-align:left;}
.productData tbody {border:1px solid #333;}
.productData tbody td {color:#000;border:1px solid #333;text-align:left;}


.gallery				{margin:0 0 0 0;padding:0 0 0 0;width:512px;height:120px;}
.mask					{float:left;position:relative;width:512px;height:120px;margin:0 0 0 0;padding:0 0 0 0;overflow:hidden;}

/* set the image units */
.box					{position:absolute;height:120px;margin:0 0 0 0;padding:0 0 0 0;}
.box img				{width:512px;height:120px;margin:0 0 0 0;border:none;padding:0 0 0 0;}

#banner					{margin:0 0 0 0;padding:0 0 0 0;width:185px;height:185px;overflow:hidden;}

/**/
.clearfix:after		{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix			{display:inline-block;}
* html .clearfix	{height:1%;}
.clearfix			{display:block;}