/* *****************************************************
  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: Verdana, Arial, sans-serif; font-size: 10px; }
.errorBox { font-family: Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning {
	font-family : Verdana, Arial, sans-serif;
	font-size : 10px;
	color: #F00;
	text-align: center;
}
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family: Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

BODY {
  background:#0071BB url(images/background.jpg) top center repeat-y; /* This the background colour outside of the pages 0071BB*/
  color: #00; /* Original text color is #00 changed to differ from live site */
  margin: 0px;
  font-family: Verdana, Arial, sans-serif;
  font-size : 11px;
  text-align:center;
}

H1 {font-size:20px;margin-bottom:5px;}
H2 {font-size:14px;margin-bottom:5px;}
H3 {font-size:14px;margin-bottom:5px;}
H4 {font-size:14px;}
H5 {font-size:14px;}
H6 {font-size:14px;}

.outerwrapper {width:980px;margin:0 auto; padding:10px 10px 10px 10px; background:#ffffff; text-align:left;} /* ffffff */

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

A:hover {
  text-decoration: underline;
}

FORM {
	display: inline;
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: #bbc3d3;
}

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

A.headerNavigation { 
  color: #333333;
}

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

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

TR.footer {
  background: #bbc3d3; /* bbc3d3 */
}

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

/* Left and Right Column Box Panels */
.infoBox {
  /* background: #b6b7cb; */
}

.infoBoxContents {
  /* background: #f8f8f9; */
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  padding:0 20px 0 20px;
}

.infoBoxNotice {
  background: #FF8E90;
}

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


TD.infoBoxHeading {
  background:#F7F7F7 url(images/panel_title.gif) repeat-x left bottom;
  padding:0px 5px 10px 5px;
  height:40px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color:#333;
}

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

TABLE.productListing {
  border:1px solid #999999;
  border-collapse:collapse;
  margin:10px 0 10px 20px;
  width:90%;
}

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

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

TABLE.features, TABLE.technical {border:1px solid #999999;border-collapse:collapse;margin:10px 0 10px 0;width:70%;}
.features thead td, .technical thead td {font-family: Verdana, Arial, sans-serif;font-size: 10px;background: #999999;color: #FFFFFF;font-weight: bold;padding:2px 2px 2px 2px;}
.features tbody td, .technical tbody td {background:#ffffff;border-bottom:1px solid #999999;font-size: 10px;padding:2px 2px 2px 2px;}

A.pageResults {
  color: #0000FF;
}

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

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

TR.subBar {
  background: #f4f7fd;
}

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

TD.main, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
  padding:10px 5px 5px 10px; */   /* Disabled to stop blow out of side column */
}

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

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

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

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

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

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

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

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

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

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

SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: # f0a480;
  font-weight: bold;
}

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

TD.formAreaTitle {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: 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: #D7E9F7; cursor: pointer; cursor: move; }
.moduleRowSelected { background-color: #E9F4FC; }

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

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { padding:5px 20px 5px 20px; 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 { font-family: Verdana, 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 { background:#2D73B5; height:222px; }
.banner-left { background:#2D73B5 url(images/the_convex_mirror_shop_bann.gif) no-repeat top left; height:222px; }
.banner-right { background:transparent url(images/nav_background.gif) repeat-y top left; height:222px; width:233px; }
.banner-right { background:transparent url(images/nav_background.gif) repeat-y top left; height:222px; }
.banner-right ul { list-style:none;margin:0 0 0 80px;padding:0 0 0 0;}
.banner-right li { list-style:none;margin:0 0 10px 0;padding:0 0 0 0;}
.banner-right a { color:#ffffff; }

.breadcrumb {padding:10px 20px 0 20px;}

/* 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: Verdana, Arial, sans-serif; font-size: 16px; color:#ffffff; margin:0 0 0 0; }

/*  */
.left-column {background:#DADADC;margin:0 0 0 0;padding:0 0 0 0;}
.middle-column {background:#fff;margin:0 0 0 0;padding:0 0 0 0;}
.right-column {background:#DADADC;margin:0 0 0 0;padding:0 0 0 0;}

.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: 12px;}
.main-category-name-off {text-align:center;font-size: 12px;}
.sub-category-name-on {font-weight:bold;text-align:center;font-size: 12px;}
.sub-category-name-off {text-align:center;font-size: 12px;}
.counts {font-size: 11px;}

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


/* content box */
.middle-column .infoBoxHeading, .contentBoxHeading {
  background:url(images/title_background.gif) repeat-x left top !important;
  padding:5px 10px 10px 10px;
  height:45px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color:#ffffff;
  border-bottom:1px solid #cccccc;
}

.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: Verdana, 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:#ffffff;height:24px;margin:0 0 0 0;}
.quick-find .textfield {border:1px solid #333333;padding:4px 3px 4px 3px;font-family: Verdana, 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:Verdana, Arial, sans-serif;font-size:10px;}

.footernav  {border:1px solid #cccccc;border-collapse:collapse;}
.footernav td {border:1px solid #cccccc;border-collapse:collapse;padding:5px 5px 5px 5px;width:20%;text-align:center;font-size:12px;}
.footernav td a {color:#666666;}

.footer     {padding:5px 5px 5px 5px;background:#999999;}
.footer td {text-align:center;font-size:12px;padding:3px 3px 3px 3px;color:#ffffff;}
.footer td a {color:#ffffff;}

.productFeature0 {border-right:1px solid #cccccc;} /* 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:14px;}