body {
  font-family: Palatino, Times New Roman, Times, serif;
  font-size: 14px;
  background-repeat: no-repeat;
  background-position: center top;
  margin: 0px 0px 0px 0px;}

td {
  font-family: Palatino, Times New Roman, Times, serif;
  font-size: 14px;}

p {
  font-family: Palatino, Times New Roman, Times, serif;
  font-size: 14px;}

h1 {
  font-size: 23px;
  font-weight: bold;
  color: #000000;
  margin: 0px;
  padding: 0px;
  padding-bottom: 6px;}

h2 {
  font-size: 17px;
  font-weight: bold;
  color: #000000;
  margin: 0px;
  padding: 0px;
  padding-bottom: 4px;
  text-transform: uppercase;}

h3 {
  color: #884A00;
  font-size: 13px;
  font-weight: bold;
  margin: 0px;
  padding: 0px;
  text-decoration: none;}

h4 {
  color: #000000;
  font-size: 17px;
  font-weight: bold;
  margin: 0px;
  padding: 0px;
  text-decoration: none;}

h5 {
  color: #000000;
  font-size: 13px;
  font-weight: bold;
  text-decoration: none;}
  
h6 {
  font-size: 2px;
  color: #025C22;
  margin: 0px;
  padding: 0px;
  padding-bottom: 0px;}


/*--TABLE STYLES--*/

td.header {
  font-family: Palatino, Times New Roman, Times, serif;
  text-align: left;
  vertical-align: top;
  background: #025C22 url('../images/djembe-direct-logo2.jpg') no-repeat left; ;
  height: 61px;
  padding: 6px 0px 0px 240px;}

td.leftNav {
  font-family: Palatino, Times New Roman, Times, serif;
  font-size: 14px;
  background-color: #013E1C;
  padding-top: 0px;
  border-left-color:#42923d;
  border-left-style: solid;
  border-right-color:#42923d;
  border-right-style: solid;
  border-width:2px;
  padding-right: 4px;
  padding-bottom: 0px;
  padding-left: 8px;}

td.leftNavstore {
  font-family: Palatino, Times New Roman, Times, serif;
  font-size: 14px;
  background-color: #B40501;
  padding-top: 0px;
  padding-right: 8px;
  padding-bottom: 0px;
  padding-left: 8px;}

td.topBar {
  font-family: Palatino, Times New Roman, Times, serif;
  font-size: 4px;
  background-color: #FFD400;
  padding-top: 4px;
  padding-right: 10px;
  padding-bottom: 4px;
  padding-left: 0px;}


/*--BUTTON STYLES--*/

.buttonRed {
  font-family: Palatino, Times New Roman, Times, serif;
  font-size: 11px;
  background-color: #7F0300;
  color: #FFFFFF;
  font-weight: bold;
  padding: 0px;
  margin: 0px;
  border-top: 2px solid #DE0601;
  border-right: 2px solid #580301;
  border-bottom: 2px solid #580301;
  border-left: 2px solid #DE0601;
  text-decoration: none;
  cursor: pointer;}

.buttonBlue {
  font-family: Palatino, Times New Roman, Times, serif;
  font-size: 11px;
  background-color: #4B7DAB;
  color: #000000;
  font-weight: bold;
  padding: 0px;
  margin: 0px;
  border-top: 2px solid #BCECFF;
  border-right: 2px solid #003961;
  border-bottom: 2px solid #003961;
  border-left: 2px solid #BCECFF;
  text-decoration: none;
  cursor: pointer;}

.buttonTan {
  font-family: Palatino, Times New Roman, Times, serif;
  font-size: 11px;
  background-color: #E8BF00;
  color: #000000;
  font-weight: bold;
  padding: 0px;
  margin: 0px;
  border-top: 2px solid #F7E5C2;
  border-right: 2px solid #CDA659;
  border-bottom: 2px solid #CDA659;
  border-left: 2px solid #F7E5C2;
  text-decoration: none;
  cursor: pointer;}

.buttonGreen {
  font-family: Palatino, Times New Roman, Times, serif;
  font-size: 11px;
  background-color: #078319;
  color: #FFFFFF;
  font-weight: bold;
  padding: 0px;
  margin: 0px;
  border-top: 2px solid #0BAE23;
  border-right: 2px solid #023A0A;
  border-bottom: 2px solid #023A0A;
  border-left: 2px solid #0BAE23;
  text-decoration: none;
  cursor: pointer;}
  
.buttonGreen2 {
  font-family: Palatino, Times New Roman, Times, serif;
  font-size: 11px;
  background-color: #078319;
  color: #FFFFFF;
  font-weight: bold;
  padding: 0px;
  margin: 0px;
  border-top: 2px solid #0BAE23;
  border-right: 2px solid #023A0A;
  border-bottom: 2px solid #023A0A;
  border-left: 2px solid #0BAE23;
  text-decoration: none;
  cursor: pointer;
  vertical-align: bottom;}
  
.buttonLtGreen {
  font-family: Palatino, Times New Roman, Times, serif;
  font-size: 11px;
  background-color: #B2C891;
  color: #000000;
  font-weight: bold;
  padding: 0px;
  margin: 0px;
  border-top: 2px solid #C9F882;
  border-right: 2px solid #4F652D;
  border-bottom: 2px solid #4F652D;
  border-left: 2px solid #C9F882;
  text-decoration: none;
  cursor: pointer;}
  
.buttonDkGreen {
  font-family: Palatino, Times New Roman, Times, serif;
  font-size: 11px;
  background-color: #014C22;
  color: #FFFFFF;
  font-weight: bold;
  padding: 0px;
  margin: 0px;
  border-top: 2px solid #0B8840;
  border-right: 2px solid #012912;
  border-bottom: 2px solid #012912;
  border-left: 2px solid #0B8840;
  text-decoration: none;
  cursor: pointer;}

.textButtonRed {
  font-family: Palatino, Times New Roman, Times, serif;
  font-size: 9px;
  background-color: #AA0000;
  color: #FFFFCC;
  font-weight: bold;
  padding: 1px 2px 1px 2px;
  margin: 0px;
  border-top: 2px solid #CC0000;
  border-right: 2px solid #550000;
  border-bottom: 2px solid #550000;
  border-left: 2px solid #CC0000;
  text-decoration: none;}

.textButtonRed:hover {
  font-family: Palatino, Times New Roman, Times, serif;
  font-size: 9px;
  background-color: #CC0000;
  color: #FFFFFF;
  font-weight: bold;
  padding: 1px 2px 1px 2px;
  margin: 0px;
  border-top: 2px solid #FF0000;
  border-right: 2px solid #990000;
  border-bottom: 2px solid #990000;
  border-left: 2px solid #FF0000;
  text-decoration: none;}

.textButtonBlue {
  font-family: Palatino, Times New Roman, Times, serif;
  font-size: 9px;
  background-color: #274DAD;
  color: #FFFFCC;
  font-weight: bold;
  padding: 1px 2px 1px 2px;
  margin: 0px;
  border-top: 2px solid #0000CC;
  border-right: 2px solid #000055;
  border-bottom: 2px solid #000055;
  border-left: 2px solid #0000CC;
  text-decoration: none;}

.textButtonBlue:hover {
  font-family: Palatino, Times New Roman, Times, serif;
  font-size: 9px;
  background-color: #CC0000;
  color: #FFFFCC;
  font-weight: bold;
  padding: 1px 2px 1px 2px;
  margin: 0px;
  border-top: 2px solid #FF0000;
  border-right: 2px solid #990000;
  border-bottom: 2px solid #990000;
  border-left: 2px solid #FF0000;
  text-decoration: none;}

.buttonOrange {
	BORDER-RIGHT: #b76f20 2px solid;
	PADDING-RIGHT: 0px;
	BORDER-TOP: #f7c452 2px solid;
	PADDING-LEFT: 0px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	BORDER-LEFT: #f7c452 2px solid;
	CURSOR: pointer;
	COLOR: #000000;
	PADDING-TOP: 0px;
	BORDER-BOTTOM: #b76f20 2px solid;
	font-family: Palatino, Times New Roman, Times, serif;
	BACKGROUND-COLOR: #F1B271;
	TEXT-DECORATION: none;}

/*--ALT TEXT STYLES--*/

.text8px {
  font-size: 8px;
  font-weight: bold;
  text-decoration: none;}

.textSmall {
  font-size: 9px;}

.textTopCart {
  font-size: 11px;
  color: #FFFFCC;
  text-decoration: none;}

.textHello {
  color: #FFFFCC;
  font-size: 10px;
  font-weight: bold;
  text-decoration: none;}

.textSearchBar {
  color: #884A00;
  font-size: 10px;
  text-decoration: none;}

.textCartTrailPast {
  color: #000000;
  text-decoration: none;}

.textCartTrailPast:hover {
  color: #000000;
  text-decoration: underline;}

.textCartTrailPresent {
  color: #CC0000;}

.textCartTrailFuture {
  color: #999999;}

.textFormBold {
  font-weight: bold;}

.textFormBackorder {
  color: #FF0000;}

.textFormPricematch {
  color: #006600;}

.textOrderNumber {
  color: #CC0000;
  font-size: 17px;
  font-weight: bold}

.textItemPageHeaders {
  font-weight: bold;
  font-size: 12px;}

.textUserMessage {
  color: #CC0000;}

.textWelcomeBar {
  font-weight: bold;
  font-size: 11px;
  color: #000000;
  }

.smallTitle {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Times New Roman, Times, sans-serif;
	TEXT-DECORATION: none;}

.mediumTitle {
	FONT-WEIGHT: bold;
	FONT-SIZE: 16px;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Times New Roman, Times, sans-serif;
	TEXT-DECORATION: none;}
	
.mediumTitle:hover  {
	FONT-WEIGHT: bold;
	FONT-SIZE: 16px;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Times New Roman, Times, sans-serif;
	TEXT-DECORATION: underline;}

.largeTitle {
	FONT-WEIGHT: bold;
	FONT-SIZE: 23px;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Times New Roman, Times, sans-serif;
	TEXT-DECORATION: none;}

.textCategoryHeaderSearchTerms {
  color: #oooooo;}

/*--LINK STYLES--*/

.link {
  text-decoration: underline;
  color: #000000;}

.link:hover {
  color: #990000;
  text-decoration: underline;}

.linkPlain {
  color: #000000;
  text-decoration: none;}

.linkPlain:hover {
  color: #000000;
  text-decoration: underline;}

.linkAttention {
  text-decoration: underline;
  color: #CC0000;}

.linkAttention:hover {
  color: #FF0000;
  text-decoration: underline;}

.linkCategoryPageItemName {
  color: #000000;
  text-decoration: none;}

.linkCategoryPageItemName:hover {
  color: #CC0000;
  text-decoration: underline;}

.link8px {
  font-size: 8px;
  color: #000000;
  text-decoration: none;}

.link8px:hover {
  font-size: 8px;
  color: #000000;
  text-decoration: underline;}

.linkCategoryPageItemNumber {
  font-size: 9px;
  color: #000000;
  text-decoration: none;}

.linkCategoryPageItemNumber:hover {
  font-size: 11px;
  color: #CC0000;
  text-decoration: underline;}

.linkTopCartHeader {
  font-size: 12px;
  color: #FFFFCC;
  font-weight: bold;
  text-decoration: underline;}

.linkTopCart {
  font-size: 11px;
  color: #FFFFCC;
  text-decoration: none;}

.linkTopCart:hover {
  font-size: 11px;
  color: #FFFFCC;
  text-decoration: underline;}

.linkLowPrice {
  text-decoration: underline;
  font-size: 9px;
  font-weight: bold;
  color: #FF0000;}

.linkLowPrice:hover {
  color: #990000;
  font-weight: bold;
  font-size: 9px;
  text-decoration: underline;}

.linkMenuBottomBar {
  font-weight: bold;
  color: #013E1C;
  font-size: 10px;
  text-decoration: none;}

.linkMenuBottomBar:hover {
  color: #B2C891;}

.linkMenuTopBar {
  font-weight: bold;
  color: #884A00;
  font-size: 10px;
  text-decoration: none;}

.linkMenuTopBar:hover {
  color: #FFFFFF;}

.linkRelatedItems {
  font-size: 9px;
  color: #000000;
  text-decoration: none;}

.linkRelatedItems:hover {
  font-size: 9px;
  color: #000000;
  text-decoration: underline;}

.linkCategoryClickOrder {
  color: #CC0000;
  font-weight: bold;
  text-decoration: none;}

.linkCategoryClickOrder:hover {
  color: #FF0000;
  font-weight: bold;
  text-decoration: underline;}

.linkLowPrice {
  text-decoration: none;
  font-size: 10px;
  font-weight: bold;
  color: #CC0000;}

.linkLowPrice:hover {
  color: #FF0000;
  font-size: 10px;
  text-decoration: underline;}

.linkAvailability {
  text-decoration: none;
  font-size: 11px;
  font-weight: bold;
  color: #CC0000;}

.linkAvailability:hover {
  color: #FF0000;
  font-size: 11px;
  text-decoration: underline;}

.linkSpecial {
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;
  color: #CC0000;}

.linkSpecial:hover {
  color: #FF0000;
  font-size: 12px;
  text-decoration: underline;}

.linkPageNumberOther {
  font-weight: bold;
  color: #990000;}

.linkPageNumberOther:hover {
  color: #FF0000;}

a.linkPageNumberSelected {
  text-decoration: none;
  font-weight: bold;
  color: #000000;}

a.linkPageNumberSelected:hover {
  text-decoration: none;
  font-weight: bold;
  color: #000000;}

a.linkPageNumberSelected:visited {
  text-decoration: none;
  font-weight: bold;
  color: #000000;}

a.linkPageNumberSelected:visited:hover {
  text-decoration: none;
  font-weight: bold;
  color: #000000;}


/*--TABLE COLOR STYLES--*/

.tableColor1 {
  background-color: #025C22;}

.tableColor2 {
  background-color: #B40501;}

.tableColor3 {
  background-color: #B2C891;}

.tableColor4 {
  background-color: #B2C891;}

.tableColor5 {
  background-color: #FFFFFF;}

.tableColor6 {
  background-color: #274DAD;}

.tableColor7 {
  background-color: #B2C891;}

.tableDivide {
  padding: 4px;
  background-color: #E3C995;}


/*--MENU STYLES--*/

.linkUpperNav {
  text-decoration: none;
  font-size: 11px;
  font-weight: bold;
  color: #FFFFCC;}

.linkUpperNav:hover {
  color: #FFD400;
  font-size: 11px;
  text-decoration: none;}

.linkLeftNav {
  text-decoration: none;
  font-size: 11px;
  font-weight: none;
  color: #FFFFCC;}

.linkLeftNav:hover {
  color: #F79100;
  font-size: 11px;
  text-decoration: none;}

.linkLeftNavStore {
  text-decoration: none;
  font-size: 13px;
  font-weight: bold;
  color: #FFFFCC;}

.linkLeftNavStore:hover {
  color: #FFD400;
  font-size: 13px;
  text-decoration: none;}

.textMainNavHeader {
  font-size: 17px;
  color: #FFD400;
  font-weight: bold;
  font-style: italic;}


/*--TABLE STYLES--*/

.tableFormHeader {
  color: #o13e1c;
  font-weight: bold;
  font-size: 14px;
  background-color: #B2C891;
  padding-top: 4px;
  padding-right: 4px;
  padding-bottom: 4px;
  padding-left: 4px;}

.tableCategoryPriceTableQuantity {
  color: #000000;
  font-weight: bold;
  font-size: 10px;
  text-align: center;
  background-color: #E3C995;
  padding-top: 2px;
  padding-right: 2px;
  padding-bottom: 2px;
  padding-left: 2px;
  width: 50;}

.tableCategoryPriceTablePrice {
  color: #000000;
  font-size: 10px;
  text-align: center;
  background-color: #FFFFFF;
  padding-top: 2px;
  padding-right: 2px;
  padding-bottom: 2px;
  padding-left: 2px;
  width: 50;}

.tableCategoryPriceTableHead {
  color: #000000;
  font-weight: bold;
  font-size: 10px;
  text-align: right;
  background-color: #FFFFFF;
  padding-top: 2px;
  padding-right: 2px;
  padding-bottom: 2px;
  padding-left: 2px;}

.tableItemPriceTableQuantity {
  color: #000000;
  font-weight: bold;
  font-size: 11px;
  text-align: center;
  background-color: #E3C995;
  padding-top: 2px;
  padding-right: 2px;
  padding-bottom: 2px;
  padding-left: 2px;
  border: 1px solid #442211;
  width: 60;}

.tableItemPriceTablePrice {
  color: #000000;
  font-size: 11px;
  text-align: center;
  background-color: #FFFFFF;
  padding: 2px;
  border: 1px solid #442211;
  width: 60;}

.tableItemPriceTableHead {
  color: #FFFFFF;
  font-weight: bold;
  font-size: 11px;
  text-align: right;
  background-color: #884A00;
  padding: 2px;
  border: 1px solid #442211;}

.tableFakeTextField {
  font-size: 11px;
  color: #000000;
  border-top: 2px solid #808080;
  border-right: 1px solid #D4D0C8;
  border-bottom: 1px solid #D4D0C8;
  border-left: 2px solid #808080;
  background-color: #FFFBF2;}

.number {
	font-family: Arial, Verdana, sans-serif;}

/*--FORM ELEMENTS STYLES--*/

.formTextField {
  font-family: Palatino, Times New Roman, Times, serif;
  font-size: 14px;
  color: #000000;
  line-height: normal;
  background-color: #FFFFFF;}

.formSearchField {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;
  line-height: normal;
  background-color: #FFFFFF;}

.formPad {
  margin: 0px 0px 0px 0px;
  padding: 0px;}

/*--TABLE PADDING STYLES--*/

.tablePadItem {
  padding-top: 6px;
  padding-right: 4px;
  padding-bottom: 6px;
  padding-left: 4px;}

.tablePad1 {
  padding: 1px;}

.tablePad2 {
  padding: 2px;}

.tablePad4 {
  padding: 4px;}

.tablePadSpecial1 {
  padding: 4px 0px 4px 0px;}

.formBoxClearWhite {
  font-size: 11px;
  color: #000000;
  line-height: normal;
  margin: 0px;
  padding: 0px;
  background-color: #FFFFFF;
  border: 0px 0 #FFFFFF;}

.formBoxClearWhiteRight {
  font-size: 11px;
  color: #000000;
  line-height: normal;
  margin: 0px;
  padding: 0px;
  background-color: #FFFFFF;
  border: 0px 0 #FFFFFF;
  text-align: right;}

.formBoxClearGrey {
  font-size: 11px;
  color: #000000;
  line-height: normal;
  border: 0px none #DDDDDD;
  margin: 0px;
  padding: 0px;
  background-color: #DDDDDD;}

.formBoxClearGreyRight {
  font-size: 11px;
  color: #000000;
  line-height: normal;
  border: 0px none #DDDDDD;
  margin: 0px;
  padding: 0px;
  background-color: #DDDDDD;
  text-align: right;}

.textRelatedItemsLink {
  font-size: 9px;
  color: #000000;
  text-decoration: underline;}

.disabled_input {
  font-size: 11px;
  color: #000000;
  line-height: normal;
  border-bottom-color: #CCCCCC;
  border-right-color: #CCCCCC;
  background-color: #CCCCCC;}

.linkItemDescriptionFooter {
  color: #663300;
  font-weight: bold;
  text-decoration: none}

.linkItemDescriptionFooter:hover {
  color: #663300;
  font-weight: bold;
  text-decoration: underline}

.textItemSubheader {
  color: #O13E13;
  font-weight: bold;
  font-size: 10px;
  background-color: #B2C891;
  padding-top: 3px;
  padding-right: 6px;
  padding-bottom: 3px;
  padding-left: 6px;}

.tableItemDivide {
  background-color: #B2C891;}

.itemTable {
  border: 1px solid #442211;}

.tableItemPriceTablePrice1 {
  color: #000000;
  font-size: 11px;
  text-align: center;
  background-color: #FFFFFF;
  padding: 2px;
  border: 1px solid #442211;
  width: 60;}

.tableCategorySearchBarThin {
  border: 1px solid #025C22;
  background-color: #025C22;}

.tableCategorySearchBarThick {
  border: 2px solid #025C22;
  background-color: #B2C891;}

.productImageBox {
	border-color: #013E1C;
	border-left-width: 1px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-style: solid;
	padding: 5px;}

/*--MEMBER CENTER FORM STYLES--*/

.tableContentHeader {
  font-size: 12px;
  background-color: #013E1C;
  color: #FFFFcc;
  font-weight: bold;
  padding: 2px;
  margin: 2px;
  border-top: 2px solid #013E1C;
  border-right: 2px solid #013E1C;
  border-bottom: 2px solid #013E1C;
  border-left: 2px solid #013E1C;
  text-decoration: none;}

.tableContentBody {
  font-size: 9px;
  background-color: #FFFFFF;
  color: #000000;
  font-weight: bold;
  padding: 2px;
  margin: 2px;
  border-top: 2px solid #BB0000;
  border-right: 2px solid #330000;
  border-bottom: 2px solid #330000;
  border-left: 2px solid #BB0000;
  text-decoration: none;}


/* NEW STYLES FOR CART */



.linkRelatedItems2 {
  font-size: 12px;
  color: #000000;
  text-decoration: none;}

.linkRelatedItems2:hover {
  font-size: 12px;
  color: #000000;
  text-decoration: underline;}


input, select {
  font-size: 11px;
  color: #000000;
  line-height: normal;
  border-top: 1px solid #788D59;
  border-bottom: 1px solid #B2C891;
  border-right: 1px solid #B2C891;
  border-left: 1px solid #788D59;
  font-family: Arial, Helvetica, sans-serif;
  margin-top: 2px;
  margin-bottom: 2px;
  }
  
  
.tablePad2 {
  padding: 4px;}