/* controls body main text design elements */

#bannerAd{
visibility:visible;
}

BODY {
  background-image: url("images/afrodesia_bkg_dancingman.jpg");
  background-color: #3E0600;
  background-repeat: no-repeat; 
  background-attachment: fixed; 
  background-position: 0% 100%; 
  margin: 0px;
  scrollbar-face-color:rgb(104,5,22) !important;
  scrollbar-track-color:rgb(214,219,189)  !important;
  scrollbar-arrow-color:rgb(255,255,0)  !important;
  scrollbar-shadow-color:rgb(0,0,0)  !important;
  scrollbar-3dlight-color:rgb(0,0,0)  !important;
  scrollbar-darkshadow-color:rgb(0,0,0)  !important;   
}

td {
font-family:Verdana, Arial, sans-serif; 
font-size:10px;
}

ol{
font-family:Verdana, Arial, sans-serif; 
font-size:10px; 
}

li.afrocast{
font-family:Verdana, Arial, sans-serif; 
font-size:10px
}


li{
font-family:Verdana, Arial, sans-serif; 
font-size:10px; 
color: rgb(104,5,22);  
text-decoration: none;
list-style-image:url("images/arrow_green.gif") 
}

img { 
border: none; 
}

.help {
  background-color:rgb(214,219,189);
  font-family:Verdana, Arial, sans-serif; 
  font-size:10px; 
  color: rgb(104,5,22);
}

A {
font-family:Verdana, Arial, sans-serif; 
font-size:10px;
color: rgb(104,5,22);
text-decoration: none
}

A:hover {
  font-family:Verdana, Arial, sans-serif; 
  font-size:10px;
  color: rgb(104,5,22);
  text-decoration: underline
}


a.eventheader{
  font-family:Verdana, Arial, sans-serif; 
  font-size:12px;
  color: rgb(104,5,22);
  text-decoration: underline
}

a:hover.eventheader {
  font-family:Verdana, Arial, sans-serif; 
  font-size:12px;
  color: rgb(104,5,22);
  text-decoration: underline
}


.mainindex{
padding: 1em;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
}

tr.main{ 
padding:5px;
background-color:rgb(214,219,189);
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
color:rgb(104,5,22);
line-height: 1.5em
}

td.main{
background-color:rgb(214,219,189);
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
color:rgb(104,5,22);
text-align:justify;
}

TABLE.maincontent {
border:0px solid rgb(104,5,22); 
border-spacing: 1px; 
padding-left:4px; 
padding-right:4px; 
padding-top:1px;
padding-bottom:1px
}

td.maincontentheader{
font-family: Verdana;
font-size: 10px;
font-variant:small-caps; 
font-weight:bold;
color:rgb(104,5,22); 
background-color:rgb(187,196,145); 
height:29px
}

td.maincontent{
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
color:rgb(104,5,22); 
text-align:left;
background-color:rgb(214,219,189); 
height:29px
}

.featuredProductsHeader{
font-family: Verdana;
font-size: 12px;
font-weight:bold;
color: rgb(104,5,22);  
text-align:center;
background-image: url("images/Header_feature_prod_bknd.gif"); 
background-repeat: repeat-x 
}

.featuredLabelHeader{
font-family: Verdana;
font-size: 12px; 
font-weight:bold; 
color: rgb(104,5,22); 
text-align:center;
background-image: url("images/Header_feature_label_bknd.gif"); 
background-repeat: repeat-x;
}

.featuredFooter{
font-family: Verdana;
font-size: 12px; 
font-weight:bold; 
color: rgb(104,5,22);
text-align:center;
background-image: url("images/Footer_feature_bknd.gif"); 
background-repeat: repeat-x 
}

.featuredArtist{
background-color:rgb(104,5,22)
}

.featuredArtistHeader{
font-family: Verdana;
font-size: 12px; 
font-weight:bold; 
color: rgb(255,153,51); 
text-align:left;
background-image: url("images/Header_feature_artist_bknd.gif"); 
background-repeat: repeat-x
}

.featuredArtistListHeader{
font-family: Verdana;
font-size: 12px; 
font-weight:bold; 
color: rgb(255,255,0); 
text-align:left; 
background-color:rgb(104,5,22)
}

.featureArtistContent{
font-family: Verdana;
font-size: 10px; 
color: rgb(104,5,22); 
text-align:justify;
background-color:rgb(214,219,189)
}

.contentBox {
background-color: rgb(104,5,22)
}

TD.contentBoxHeading {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
font-variant: small-caps;
color: rgb(255,255,0);
background-color:rgb(104,5,22) 
}

.contentBoxContents {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
color:rgb(104,5,22);
line-height: 1.5; 
padding-left:0px; 
padding-right:4px;  
padding-top:4px;
padding-bottom:4px;
background-color:rgb(214,219,189) 
}

.NewcontentBox {
background-color: rgb(104,5,22);

}

TD.NewcontentBoxHeading {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
font-variant: small-caps;
color: rgb(255,255,0);
background-color:rgb(104,5,22) 
}

.NewcontentBoxContents {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
color:rgb(104,5,22);
line-height: 1.5; 
border:1px solid rgb(104,5,22);
padding:4px;  
background-color:rgb(214,219,189) 
}

h1{ 
  font-family: Verdana, Arial, sans-serif;
  font-size: 12pt; 
  font-weight: bold; 
  color: rgb(128,0,0); 
  padding-top:7px; 
  padding-bottom:0; 
  padding-left:10px; 
  padding-right:0px 
}
  
h2{ 
  font-family: Verdana, Arial, sans-serif;
  font-size: 11pt; 
  font-weight: bold; 
  color: rgb(128,0,0) 
}
  
h3{ 
  font-family: Verdana, Arial, sans-serif;
  font-size: 10pt; 
  font-weight: bold;
  color: rgb(128,0,0) 
}


TD.pageHeading, DIV.pageHeading,p.pageHeading {
  font-weight: bold;
  background-position: left top; 
  background-image:url("images/PageHeading.gif"); 
  background-repeat:no-repeat;
  width:450px;
  height:33px
}

DIV.documentHeading{
  font-family: Verdana, Arial, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  color: rgb(104,5,22)

}

TD.tableHeading1 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 15px;
  font-weight: bold; 
  color:rgb(104,5,22); 
}

TD.tableHeading2 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold; 
  color:rgb(104,5,22); 
}

td.tableHeading3 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10pt;
  font-weight: bold; 
  color:rgb(255,255,0);
  text-transform:uppercase;
  background-color:rgb(104,5,22);
}

.maintext{ 
font-family: Verdana;
font-size:10px;
color:rgb(104,5,22); 
text-align:justify
}

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

.categorySubHeading {
FONT-FAMILY: Verdana, Arial, sans-serif;
FONT-WEIGHT: bold; 
FONT-SIZE: 16px; 
COLOR: rgb(154,154,154); 
}

.categoryText {
FONT-FAMILY: Verdana, Arial, sans-serif;
FONT-SIZE: 10px; 
}

TD.category_desc {
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
line-height: 1.5;
}

.errorBox { 
font-family : Verdana, Arial, sans-serif; 
font-size : 10px; 
font-weight: bold; 
background-color: rgb(255,179,181); 
}

.stockWarning { 
font-family : Verdana, Arial, sans-serif; 
font-size : 10px; 
color: rgb(204,0,51)
}

.productsNotifications {
background-color: rgb(242,255,247)
}

.orderEdit { 
font-family : Verdana, Arial, sans-serif; 
font-size : 10px; 
color: rgb(112,210,80); 
text-decoration: underline
}

/* Error Design elements */

TR.headerError {
  background-color: rgb(255,0,0)
}

TD.headerError {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
font-weight : bold;
color: rgb(255,255,255);
text-align : center;
background-color: rgb(255,0,0)
}

/* Infoboxes */

TR.headerInfo {
background-color: rgb(0,255,0);
}

TD.headerInfo {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: rgb(255,255,255);
  text-align: center;
  background-color: rgb(0,255,0);
}

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

.infoBoxContents {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px; 
 color:rgb(104,5,22);
}

.infoBoxNotice {
  background-color: rgb(255,142,144);
}

.infoBoxNoticeContents {
  background-color: rgb(255,230,230);
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px; color:rgb(104,5,22)
}

TD.infoBoxHeading {
  background-color:rgb(104,5,22);
  font-family: Verdana, Arial, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  font-variant:small-caps;
  color:rgb(255,255,0)
}

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

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

/* table column design elements */

TR.accountHistory-odd{
background-color: rgb(255,255,255)}

TR.accountHistory-even{
background-color: rgb(214,219,189)}

TR.addressBook-odd{
background-color: rgb(255,255,255)}

TR.addressBook-even{
background-color: rgb(214,219,189)}

TR.alsoPurchased-odd{
background-color: rgb(255,255,255)}

TR.alsoPurchased-even{
background-color: rgb(214,219,189)}

TR.payment-odd{
background-color: rgb(255,255,255)}

TR.payment-even{
background-color: rgb(214,219,189)}

TR.productListing-odd{
background-color: rgb(255,255,255)}

TR.productListing-even{
background-color: rgb(214,219,189)}

TR.productReviews-odd{
background-color: rgb(255,255,255)}

TR.productReviews-even{
background-color: rgb(214,219,189)}

TR.upcomingProducts-odd{
background-color: rgb(255,255,255)}

TR.upcomingProducts-even{
background-color: rgb(214,219,189)}

TR.shippingOptions-odd{
background-color: rgb(255,255,255)}

TR.shippingOptions-even{
background-color: rgb(214,219,189)}


/* login page design elements */
table.login{
border: 1px solid rgb(104,5,22); 
padding-left: 4px; 
padding-right: 4px; 
padding-top: 1px; 
padding-bottom: 1px;
background-color:rgb(214,219,189); 
font-family: Verdana, Arial, sans-serif;
color:rgb(104,5,22)
}
               
td.loginheader{
font-family: Verdana, Arial, sans-serif;
font-variant: small-caps;
font-size: 11px;
font-weight: bold; 
color: rgb(255,255,0); 
background-color:rgb(104,5,22)

}


/* catalog list design elements */

TABLE.catalogListing {
  border:1px solid rgb(99,189,70); 
  border-spacing: 1px; 
  padding-left:4px; 
  padding-right:4px; 
  padding-top:1px; 
  padding-bottom:1px; 
  background-color:rgb(163,206,57)
}

.catalogListing-heading {
  background-color:rgb(104,5,22); 
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: rgb(255,255,0);
  font-weight: bold; 
  text-transform:uppercase
}

TD.catalogListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color:rgb(104,5,22); 
  border-spacing: 1px; 
  padding-left:4px; 
  padding-right:4px; 
  padding-top:1px; 
  padding-bottom:1px; 
  background-color:rgb(163,206,57)
}


/* product list design elements */

TABLE.productListing {
border:1px solid rgb(104,5,22); 
}

.productListing-heading {
  background-color:rgb(104,5,22); 
  font-family: Verdana;
  font-size: 10px;
  font-weight: bold; 
  color: #FFFF00;
  vertical-align:middle;
  text-transform:uppercase;
  height:29px; 
}

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

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

A.pageResults {
  font-family: Verdana, Arial, sans-serif;
  color: rgb(0,0,255);
}

a hover.pageResults {
  font-family: Verdana, Arial, sans-serif;
  color: rgb(0,0,255);
  background-color: rgb(255,255,51);
}


TR.subBar {
  background-color: rgb(244,247,253);
}

TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: rgb(0,0,0);
}

.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px; 
  color:rgb(104,5,22)
}

p.info {
  border:1px solid rgb(99,189,70); 
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px; 
  color:rgb(104,5,22); 
  padding-left:4px; 
  padding-right:4px; 
  padding-top:1px; 
  padding-bottom:1px; 
  background-color:rgb(163,206,57)
}

TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight:bold;
  color: rgb(104,5,22);
}

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


SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: rgb(255,0,0);
}

option {
font-family:Verdana, Arial, sans-serif; 
font-size:10px; 
}

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

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

TABLE.formArea {
}

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;
  font-weight: bold;
  color: rgb(199,97,112);
}

SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: rgb(255,0,0);
}

SPAN.productPromoPrice {
  font-family: Verdana, Arial, sans-serif;
  color: rgb(0,0,255);
}

SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: rgb(255,0,0);
}

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

.moduleRowOver {
 background-color: rgb(255,255,0); 
}

.moduleRowSelected {
 background-color: rgb(104,5,22);
}

.checkoutBarFrom, .checkoutBarTo {
 font-family: Verdana, Arial, sans-serif; 
 font-size: 10px; 
 color: rgb(140,140,140); 
}

.checkoutBarCurrent { 
font-family: Verdana, Arial, sans-serif; 
font-size: 10px; 
color: rgb(0,0,0); 
}

/* message box */

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

.messageStackError, .messageStackWarning {
 font-family: Verdana, Arial, sans-serif; 
 font-size: 10px; 
 background-color: rgb(255,179,181);
}

.messageStackSuccess { 
font-family: Verdana, Arial, sans-serif; 
font-size: 10px; 
background-color: rgb(153,255,0); 
}

/* input requirement */

.inputRequirement { 
font-family: Verdana, Arial, sans-serif; 
font-size: 10px; 
color: rgb(255,0,0); 
}


/*News Letters*/

td.newslogo{
background-color:rgb(112,26,53)
}
/*----------------------------Suggest Styles--------------------------*/
.suggest_link {	
	background-color: #FFFFFF;	
	padding: 2px 6px 2px 6px;
}
.suggest_link_over {	
	background-color: rgb(104,5,22);
	padding: 2px 6px 2px 6px;
	cursor: pointer;
	color: #FFFFFF;
}
#search_suggest {	
	position: absolute;
	background-color: #FFFFFF;
	text-align: left; 	
	border: 1px solid rgb(214,219,189);
	display: none;
}		
/*----------------------------End Suggest Styles------------------------*/