/* 
  Beanbasket CSS 
*/

/*  Contains the general style of the page */
body { 	
  margin: 0px;
  padding: 0px;
  /*
  background: url("images/bg3.jpg");
  background-attachment: fixed;  
  background-position:bottom; 
  background-repeat: repeat;
  */  
  background-color: #FFFFFF;
	color: #000000;
  margin: 0px 0px 0px 0px;
  font-family: Arial,Verdana,Helvetica;
  font-size: 12px;
}

/* Default anchor link */
a {color: #0000EE;}

/* Default anchor link when hovering */
a:hover{text-decoration:underline; color: #FF8040;}

/* Default table heading */
th {font-family: Arial,Verdana,Helvetica; font-size: 12px;}

/* Default table row */
tr {font-family: Arial,Verdana,Helvetica; font-size: 12px;}

/* Default table data */
td {
	font-family: Arial,Verdana,Helvetica;
  font-size: 12px;
	color: #525252;  
}

h1 {color: #FF8040; font-size: 20px;}

ul {margin: 0 auto;}

form {margin: 0;}

/* Default input field */
input {
  background-color: #FFFFFF;
  border: 1px solid #B4B4B4;
  padding-left: 2px;
}

/* Default textarea field */
textarea {
  background-color: #FFFFFF;
  border: 1px solid #B4B4B4;
  padding-left: 2px;
}

/*  Table that encapsulates everything. */
.mainTable {
  width: 100%;
}

/* Banner at the top */
.topNavigation {/*background: url("images/header.gif"); background-repeat: no-repeat;*/ background-color: #FFFFFF; border-bottom: 1px solid #B4B4B4;}

/* Search Box */
.searchBarTable {padding-right: 10px;} /* Padding around the search bar */
.searchButtonSpacing {line-height: 3px;} /* Space between the field and button */

/* Left Navigation */
.leftNavigation {border-right: 1px solid #B4B4B4; background-color: #C0C0C0;} /* Color of the Left Navigation */
.leftNavigationTable {padding-right: 0px; height: 506px;} /* Padding for the Left Navigation Table */
.leftNavigationTD {padding-left: 0px; color: #000000;} /* Set the spacing around the Left Navigation elements. Color for text in the Left Navigation */

/* Categories in the Left Nav */
.leftCategoriesTable {} /* Table that encapsulates the Highlighted Categories */
.leftCategoriesTD {} /* Background color for the Highlights in the Left Navigation FFCC44 */
.automatedCategoryTable {} /* Table that encapsulates the generated categories from the catalog */
.automatedCategoryTableOffset {padding-left: 10px;} /* Spacing between Categories in the Left Navigation */
.leftNavigationHighLightText {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; display: block; width: 100%;} /* Menu with the highlights in the Left Navigation */
.leftNavigationHighLightText:link {text-decoration: none; color: #000000;}
.leftNavigationHighLightText:visited {text-decoration: none; color: #000000;}
.leftNavigationHighLightText:hover {color: #0000FF;}
.shopOnlineText {font-weight: bold; color: #000000;} /* Shop Online Text */
.leftNavigationBottomSpacing {padding-bottom: 0px;} /* Spacing at the bottom of the Left Navigation */

.leftCategoriesTD a {
  font-size: 11px;
  width: 100%;
  height: 100%;
  display: block;
  padding-right: 30px;
}

.categoryLevel_0 a {
 font-size: 12px;
}

.categoryLevel_1 {
 padding-left: 15px;
}
.categoryLevel_1 a {
 font-size: 11px; 
}

.categoryLevel_2 {
 padding-left: 25px;
}
.categoryLevel_2 a {
 font-size: 10px;  
}

.categoryLevel_3 {
 padding-left: 35px;
}
.categoryLevel_3 a {
 font-size: 9px; 
}

.categoryLevel_4 {
 padding-left: 45px;
}
.categoryLevel_4 a {
 font-size: 9px; 
}

.categoryMatch a {
 /*background-color: #E1E1E1 !important;*/
 color: #000000; 
 font-weight: bold;
}

.categoryMatch a:visited {
 /*background-color: #E1E1E1 !important;*/
 color: #000000;
 font-weight: bold; 
}

.categoryParent a {
 font-weight: bold;
 /*background-color: #E1E1E1 !important;*/
 color: #000000;
}

.leftNavigationText {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #F0F0B0;} /* Text outside the highlight menu and in the Left Navigation */
.copyright {padding-top: 5px; text-align: center;} /* Copyright - © symbol: Spacing on the top & Alignment */

.bBContentSmall {font-family: Arial,Verdana,Helvetica; font-size: 9px; color: #B0B040; text-decoration: none;} /* Beanbasket plug link */
.bBContentSmall:hover {text-decoration: underline; color: #909020;} /* Beanbasket plug link when hovering */

/* Main content encapsulation table */
.mainContentTable {background-color: #FFFFFF;}
.mainContentTD {padding: 10px; background-color: #FFFFFF;} /* Padding for the main content */
.contentEncapsulationTD {background-color: #FFFFFF;} /* Color for background */

/* Top Menu bar */
.topMenu {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;}
.topMenuTable {background-color: #E1E1E1;} /* Color of the Top Menu */
.topMenu:link {text-decoration: none; color: #000000;} /* Top Menu bar link color */
.topMenu:visited {text-decoration: none; color: #000000;} /* Top Menu bar link visited */
.topMenu:hover {color: #4444DD;} /* Top Menu bar hover */
.topMenuTD {padding-right: 10px; height: 20px;} /* Top Menu bar height and spacing */

/* Cart Summary */
.cartSummary {font-family: Arial,Verdana,Helvetica; font-size: 12px; color: #525252; line-height: 12px;}
.cartSummaryTable {border: 1px solid #E1E1E1;}
.cartSummaryTable td {padding: 2px;}
.cartSummaryTableTd {background-color: #E1E1E1;}

/* Start of user content table */
.userContentTable {}

/* Footer content at the bottom of the page */
.footer {text-align: center; background-color: #FFFFFF;}

/* Navigation table */
.navigationPathTable {}
.navigationPathTD {} /* Navigation path table data */

/* Table around the items on the items.jsp page */
.itemListTable {height: 154px; width: 100%;}
.itemListImageTD {background-color: #E1E1E1; border: 2px solid #B4B4B4;} /* Table decoration around the images on the items.jsp page */
.itemListDataTD {} /* Table decoration around the items on the items.jsp page */
.itemListTopSpacing {line-height: 10px;} /* Spacing between the top of the cell and item text on the items.jsp page */
.itemListButtonSpacing {line-height: 10px;} /* Spacing between the top of the item name and button on the items.jsp page */
.itemListLinkSpacing {line-height: 3px;} /* Spacing between the Cost and item link on the items.jsp page */
.itemListOffset {margin-left: 10px;} /* Left spacing of items on the items.jsp page */
.itemListCost {font-weight: bold;} /* Cost text on the items.jsp page */
.itemListCurrency {color: #FF6600; text-decoration: none;} /* Text for the $ on the items.jsp page */
.itemListButtonTD {} /* Table cell that holds the details button */
.itemListButton {font-size: 11px; font-weight: bold; background-color: #FFFFFF; color: #000000; padding: 3px; cursor: pointer; display: block; width: 75px; border-top: 1px solid #C1C1C1; border-right: 1px solid #B4B4B4; border-left: 1px solid #C1C1C1; border-bottom: 1px solid #C1C1C1;} /* Details Button */
.itemListButton:hover {background-color: #B4B4B4; color: #000000; text-decoration: none; border-bottom: 1px solid #000000; border-left: 1px solid #A1A1A1; border-right: 1px solid #000000; border-top: 1px solid #A1A1A1;}

/* Item detail main table on the detail.jsp pag */
.itemDetailTable {}
.itemDetailTable td {border: 2px solid #B4B4B4; background-color: #E1E1E1;}
.itemDetailTable input.button {background-color: #FFFFFF;}

.itemDetailMainTable {}
.itemDetailMainTableTD {} /* Item detail on the detail.jsp page */
.itemDetailImageTable {} /* Item detail image table on the detail.jsp page */
.itemDetailImageBorder {border: 1px solid #D4D4D4; text-align: center;} /* Item Detail image border on the detail.jsp page */
.itemDetailButtonTable {} /* Table that holds the Add to Cart button on the detail.jsp page */

/* Related item table */
.relatedItemTable {}
.relatedItemTable td {border: 2px solid #B4B4B4; background-color: #C0C0C0;}

.itemDetailDataTable1 {} /* Item detail data table on the detail.jsp page */
.itemDetailDataTable2 {} /* Item detail data table on the detail.jsp page */
.itemDetailProductDescriptionTD {padding-top: 8px;} /* Spacing around the product description on the detail.jsp page */
.itemDetailLabel {font-weight: bold;} /* Item label on the detail.jsp page */

/* Price list table on the detail.jsp page */
.priceListTable {width: 125px; color: #000000;}
.priceListPriceRange {border-top: none;} /* Price list range on the detail.jsp page */
.priceListCurrency {border-top: none;} /* $ on the detail.jsp page */
.priceListRangeStyle {text-align: left;} /* Price list range style on the detail.jsp page */

/* Related Items Spacing on the detail.jsp page */
.relatedItemsSpacing {line-height: 15px;}
.relatedItemsOffset {margin-left: 15px;} /* Related Items horizontal spacing on the detail.jsp page */
.relatedItemsText {} /* Related Items Text on the detail.jsp page */

/* Title Bars */
.titleBarText1 {font-weight: bold; font-size: 11px; text-align: center; background-color: #FFFFFF;} /* Left information bar on the basket.jsp page */
.titleBarText {font-weight: bold; font-size: 11px; text-align: center; background-color:#E1E1E1;} /* Rigth information bar on the basket.jsp page */

/* Default button */
.button {font-size: 11px; font-weight: bold; background-color: #E1E1E1; color: #000000; padding: 2px; cursor: pointer; text-decoration: none; border-top: 1px solid #C1C1C1; border-right: 1px solid #B4B4B4; border-left: 1px solid #C1C1C1; border-bottom: 1px solid #C1C1C1;}
.button:hover {background-color: #B4B4B4; color: #000000; text-decoration: none; border-bottom: 1px solid #000000; border-left: 1px solid #A1A1A1; border-right: 1px solid #000000; border-top: 1px solid #A1A1A1;}
input.button {font-family: Arial,Verdana,Helvetica; font-size: 11px; font-weight: bold; background-color: #E1E1E1; color: #000000; border: 1px solid #B4B4B4; padding: 1px 2px; cursor: pointer;}
input.button:hover {background-color: #B4B4B4; color: #000000; text-decoration: none; border-bottom: 1px solid #000000; border-left: 1px solid #A1A1A1; border-right: 1px solid #000000; border-top: 1px solid #A1A1A1;}

/* Light Button for dark surfaces */
.ligntButton {font-size: 11px; font-weight: bold; background-color: #FFFFFF; color: #000000; padding: 2px; cursor: pointer; text-decoration: none; border-top: 1px solid #C1C1C1; border-right: 1px solid #B4B4B4; border-left: 1px solid #C1C1C1; border-bottom: 1px solid #C1C1C1;}
.ligntButton:hover {background-color: #B4B4B4; color: #000000; text-decoration: none; border-bottom: 1px solid #000000; border-left: 1px solid #A1A1A1; border-right: 1px solid #000000; border-top: 1px solid #A1A1A1;}
input.lightButton {font-family: Arial,Verdana,Helvetica; font-size: 11px; font-weight: bold; background-color: #FFFFFF; color: #000000; border: 1px solid #B4B4B4; padding: 1px 2px; cursor: pointer;}
input.lightButton:hover {background-color: #B4B4B4; color: #000000; text-decoration: none; border-bottom: 1px solid #000000; border-left: 1px solid #A1A1A1; border-right: 1px solid #000000; border-top: 1px solid #A1A1A1;}


/* Deviding line on the basket.jsp page */
.basketDetailLine {background-color: #E4E4E4;}

/* Standard form field for user input */
.stdFormField {
  border: 1px solid #B4B4B4;
  background-color: #FFFFFF;
  color: #666666;
  margin-left: 0px;
  margin-right: 0px;
  text-align: left;
}

/* Billing table */
.billingTable {border:1px solid #694C2A;}

/* Required fields */
.asteriskFields {color: red; position: relative; top: -5px;}/*vertical-align: super;}

/* Login in the Left Navigation */
.login {
  width: 150px;
  height: 15px;
  font-family: tahoma;
  font-size: 10px;
  border-style: solid;
  border-width: 1px;
  border-color: #DFDFDF;
  background-color: #ECECEC;
  color: #666666;
  margin-left: 0px;
  margin-right: 0px;
}

/* Required for forms */
.required {color: red;}

/* Basket */
.attention {color: red; font-weight: bold;}

/* Catalog request table */
.catalogRequestTable {}

/* Login table */
.loginTable {}
.loginMainTable {border: 1px solid #DFDFDF;} /* Login form border */

/* Category detail table border */
.categoryDetailTable {border: 1px solid black; border-collapse: collapse;}

/* Standard image border */
.imageBorder {
  border:1px solid #D4D4D4;
  text-align:center;
  border-top: 1px solid black; 
  border-right: 1px solid black; 
  border-left: 1px solid black; 
  border-collapse: collapse;  
  /*-moz-box-sizing: border-box;*/ 
}

/* Image Border on detail page */
.imageBorderItemDetail {
  border:1px solid #D4D4D4;
  text-align:center;
  border-collapse: collapse;  
  /*-moz-box-sizing: border-box;*/ 
}

/* Item border */
.itemBorder {
  border-bottom: 1px solid black; 
  border-collapse: collapse; 
  border-right: 1px solid black;
}

/* Basket encapsulation table */
.basketTable {border-collapse: collapse;}
.basketTdBanner {background-color: #E1E1E1; font-weight: bold;}
.basketTd {border: 1px solid #B4B4B4;}
.basketTdSpacer {border-left: 1px solid #B4B4B4; border-right: 1px solid #B4B4B4;}

/* Sitemap border */
.borderTop {border-bottom: 1px dashed #694C2A;}

/* Default anchor link */
.sitemapAnchor {text-decoration: none; color: #333333; text-align: center; display: block; font-size: larger; margin-bottom: 2px;}

/* Default anchor link when hovering */
.sitemapAnchor:hover {text-decoration: none; color: #000000;}

/* Promo Style */
.promo {background-color: #E1E1E1; color: #111100; border: 2px solid #B4B4B4; padding: 3px 5px;}

/* Cookie Crumb Table */
.categoryHistoryTable {padding-bottom: 3px;}

/* Highlights a row such as search results */
.highlightRow{background-color: #E1E1E1;}

.searchResultsTable .padding {padding: 10px 5px;}

/* tiered pricing in search results */
.tablePriceList {font-weight: bold;}

/* search results */
.currencyHighlight {}

/* Search Results Table */
.searchResultsTable {}

/* co-options table */
.cologin {background-color:#E1E1E1;}

/* Checkout Cookie Crumbs */
.stepHL {font-weight: bold;}
.step {}
.checkoutNav {padding: 0 25px;}

/* Table for main categories on home page */
.mainCategoryTable td {border: 2px solid #B4B4B4; background-color:E1E1E1; border-spacing: 4px; padding: 5px 7px;} 

.label {font-weight: bold;}

/* sale price */
.special {font-weight: bold; color: #FF7E00;}

.checkoutTable {width: 870px;}

.checkoutTableBasket {width: 870px;}

.checkoutTablePayment {width: 870px;}

.tellAFriendHeader {font-weight: bold;}