hex code for black/* main structure */

BODY {
background-color: #000000;
background-image: url(images/back.png);
background-repeat: no-repeat;
background-position : 50% 50%; 
background-attachment : fixed; 
margin : 0; 
}
h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
font-weight: bold;
color: #ffffff;
}

/*****Store Outline (in use)*****/
.outline {
padding: 3px;
  background-color: #38000d;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-style: solid;
    border-color: #38000d;
}
	
A {
  color: #000080;
  text-decoration: none;
}

A:hover {
  color: #000000;
  text-decoration: underline;
}
.header {
background-image: url(images/header2000.jpg);
height:180px;
width:850px;
}
/******TOP NAVIGATION MENU and BACKGROUND******/	
#topnav1 {
	float:right;
	width:100%;
	background:transparent;
	font-size: 12px;
font-family:Helvetica,Arial,Verdana,sans-serif;
font-weight:bold;
text-transform:uppercase;
	line-height:normal;
	}
#topnav1 ul {
	margin:0;
	padding:10px 10px 0 50px;
	list-style:none;
	}
#topnav1 li {
	display:inline;
	margin:0;
	padding:0;
	}
#topnav1 a {
	float:right;
	background:url("images/tableft.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
	}
#topnav1 a span {
	float:right;
	display:block;
	background:url("images/tabright.gif") no-repeat right top;
	padding:5px 15px 4px 6px;
	color:#666;
	}
	
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#topnav1 a span {float:none;}
/* End IE5-Mac hack */
#topnav1 a:hover span {color:#FFFFFF;}
#topnav1 a:hover {background-position:0% -42px;}
#topnav1 a:hover span {background-position:100% -42px;}

/***** END OF TOP NAVIGATION MENU *****/

/****Link Path (Breadcrumbs - in use)****/
.breadcrumbarea {
 background-image: url(images/crumb.jpg);
background-color: #eaeaea ;
    width: 850px;
    height: 20px;
    padding-left: 6px;
   padding-bottom: 3px;
	
font-weight:bold;
	font-size:11px;
	font-family:Helvetica,Arial,Verdana,sans-serif;
  color: #000000;
}
A.headerNavigation { 
  color: #000080;
}

A.headerNavigation:hover {
 text-decoration: underline;
  color:#000080;

}
/****END OF Link Path (Breadcrumbs)***/


/**** 3 areas at bottom of header***/
.searchboxarea {
    background-color: #eaeaea ;
    width: 205px;
    height: 30px;
    vertical-align: middle;
    padding-right: 1px;
    font-family: Verdana, Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
padding-bottom:4px;
}
.asbg {
     background-color: #eaeaea ;
    width: 295px;
    height: 30px;
    vertical-align: middle;
    padding-right: 5px;
    font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
    font-weight: normal;
}
.greetbg {
    background-color: #eaeaea ;
    width: 345px;
    height: 30px;
    vertical-align: middle;
    padding-right: 6px;
    font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
    font-weight: normal;
}
/****Main content area spacing and bg color****/
.main-content {
 background-color:#ffffff;
    padding-top: 10px;
    padding-right: 7px;
    padding-bottom: 10px;
    padding-left: 7px;
}
/****General areas of the left side column****/
.left-column {
  background-color: #eaeaea ;
      padding-top: 0px;
    padding-right: 5px;
    padding-bottom: 10px;
    padding-left: 5px;
   font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
    font-weight: bold;

}

.SideinfoBox {
width:190px;
  background-color:#eaeaea;
font-weight:bold;
	font-size:10px;
	font-family:Helvetica,Arial,Verdana,sans-serif;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
    font-weight: bold;
}

TD.SideinfoBoxHeading {
background-image: url(images/sidehed.gif);
   width: 190px;
    height: 28px;
 	font-family:Helvetica,Arial,Verdana,sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
  text-transform:uppercase;
padding-left: 16px;
padding-top:3px;
}
TD.SideinfoBoxHeading a{
  color: #ffff00;
  text-decoration: none;
}

TD.SideinfoBoxHeading a:hover {
  color: #eaeaea;
  text-decoration: underline;
}
.SideinfoBoxContents ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.SideinfoBoxContents {
margin: 0;
padding: 0;
width: 190px; 
font-family: arial;
font-size: 12px;
}
.SideinfoBoxContents a{
display: block;
color: #000080;
text-decoration: none;
background-color: #eaeaea;
background: url(images/arrow3.gif) no-repeat center left;
padding-left: 15px;
border-top: 1px solid #b6b7cb;
border-left: 1px solid #b6b7cb;
border-right: 1px solid #b6b7cb;
line-height: 1.85em;
}
.lastlink {border-bottom: 1px solid #b6b7cb;
}

.SideinfoBoxContents a:hover{
background-color: #ffffff;
color: black;
text-decoration: underline;
}
/*******Specific areas of the left side column**********/

/******** "Specials (Side Column)" ************/
.SideinfoBoxContentsSP {
  background: transparent;
  font-family: Verdana, Arial, sans-serif; 
    font-size: 10px;
 color:#000000;
    font-weight: bold;
  line-height: 1.5;
border-bottom: 1px solid #b6b7cb;
border-left: 1px solid #b6b7cb;
border-right: 1px solid #b6b7cb;
  padding-bottom: 10px;
padding-top: 10px;
}
.SideinfoBoxContentsSP-link {
  margin: 0 0 1px 0 ;
  width: 170px; 
  padding-left: 2px;
}
.SideinfoBoxContentsSP a {
  padding-left: 0px; 
  width: 170px; 
  text-decoration: none;
  color:#000080; 
  background-color:#eaeaea;
  font-family: verdana, arial, sans-serif;
  font-size: 10px;
  font-weight: bold;  
}
.SideinfoBoxContentsSP a:hover {
  text-decoration: underline;
  color:#000000;
  background-color:#eaeaea;
}

/***** "Shopping Cart (Side Column)" ********/
.SideinfoBoxContentsSC {  
background: transparent;
font-family: Verdana, Arial, sans-serif; 
font-size: 10px;
color:#000000;
font-weight: bold;
line-height: 1.5;
border-bottom: 1px solid #b6b7cb;
border-left: 1px solid #b6b7cb;
border-right: 1px solid #b6b7cb;
padding-top: 2px;
padding-bottom: 2px;
padding-right: 4px;
padding-left: 4px;
}
.SideinfoBoxContentsSC-link {  
margin: 5px 5px 5px 5px ;
width: 156px; 
  padding-left: 0px;
}
.SideinfoBoxContentsSC a {
  padding-left: 0px; 
line-height: 1.5;
  width: 156px; 
  text-decoration: none;
  color:#ffffff; 
  background-color:#ffffff;
  font-family: verdana, arial, sans-serif;
  font-size: 10px;
  font-weight: bold; 
}
.SideinfoBoxContentsSC a:hover {
  padding-left: 0px; 
  width: 156px; 
  color:#000000; 
  background-color:#ffffff;
  text-decoration: underline;
  font-family: verdana, arial, sans-serif;
  font-size: 10px;
  font-weight: bold; 
}

/******** "What's New (Side Column)" *************/
.SideinfoBoxContentsWN {
  background: transparent;
  font-family: Verdana, Arial, sans-serif; 
    font-size: 10px;
 color:#000000;
    font-weight: bold;
  line-height: 1.5;
  padding-bottom: 10px;
padding-top: 10px;
}
.SideinfoBoxContentsWN-link {
  margin: 0 0 1px 0 ;
  width: 170px; 
  padding-left: 2px;
}
.SideinfoBoxContentsWN a {
  padding-left: 0px; 
  width: 170px; 
  text-decoration: none;
  color:#000080; 
  background-color:#eaeaea;
  font-family: verdana, arial, sans-serif;
  font-size: 10px;
  font-weight: bold;  
}
.SideinfoBoxContentsWN a:hover {
  text-decoration: underline;
  color:#000000;
  background-color:#d6d6d6;
}
/****End of specific areas of the left side column****/

/* *** New Products Module *** */

.table1 {height: 10px;
background: #eaeaea;
}
.table2 {width: 308px;
background: #eaeaea;
 border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
}
.table3 {height: 30px;
background: #38000d;
padding-left:12px;
}
.prodname {
	font-family: Tahoma;
	font-size: 11px;
	color: #FFFFFF;
	font-weight:bold;
}

.table5 {height: 30px;
width: 302px;
background: #38000d;
padding-left:5px;
}
.table6 {height: 20px;
background: #38000d;
padding-right:5px;
}
.table7 {height: 10px;
background: #eaeaea;
}
.table8 {height: 10px;
background: #eaeaea;
}
.price {
	font-family: Tahoma;
background: #38000d;
	font-size: 14px;
	color: #ffffff;
font-weight:bold;
padding-left:6px;
}
.descript {
	font-family: Tahoma;
	font-size: 10px;
	color: #000000;
}
a.descript {
	font-family: Tahoma;
	font-size: 10px;
	color: #000080;
	text-decoration: none;
}
a.descript:hover {
	font-family: Tahoma;
	font-size: 10px;
	color: #9E9C9C;
	text-decoration: underline;
}
/*******End of New Products Module***************/

.boxText { font-family: Verdana, Arial, sans-serif; }
.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: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #0000ff; text-decoration: underline; }



FORM {
	display: inline;
}

TR.header {
  background: #000080;
}

TR.headerNavigation {
  background: #bbc3d3;
}

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



TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #000000;
}

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #000000;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #bbc3d3;
}

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

.infoBox {
  background: #ffffff;
}

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

.infoBoxNotice {
  background: #FF8E90;
}

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

TD.infoBoxHeading {
height: 25px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
background-color:#ffffff;
  color: #000000;
}

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.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #f8f8f9;
}
/****backgrounds for pages displaying category product lists****/
TR.productListing-odd{   background: #f8f8f9;
}
TR.productListing-even{   background: #eaeaea;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #f8f8f9;
}

TABLE.productListing {
}

.productListing-heading {
background: #222222;
height:26px;
padding-top:6px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #ffffff;
  font-weight: bold;
}
.productListing-heading a{
color: #ffffff;
}
.productListing-heading a:hover{
color: #ffffff;
text-decoration:underline;
}
TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

A.pageResults {
  color: #000080;
}

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

TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: #666666;
 text-transform:uppercase;
}

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;

}

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: 12px;
  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: 10px;
  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: #000000;
  font-weight: bold;
}

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

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

SPAN.markProductOutOfStock {
  font-family: Tahoma, 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;
}

/*******footer and bottom areas***/

.botside {
 background-color:#eaeaea;
    width: 210px;
    height: 10px;
    font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #000000;

}
.botmain {
 background-color:#eaeaea;
    width: 640px;
    height: 10px;
    font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #000000;

}
.footer {
background-color: #eaeaea;
    width: 850px;
    height: 120px;
}
.footernav {
background: url(images/footernavbg.jpg);
    width: 850px;
    height: 32px;
  	font-family:Helvetica,Arial,Verdana,sans-serif;
text-transform:uppercase;
    font-size: 10px;
    font-weight: normal;
    color: #d9c07c;
    padding-top:3px;
padding-bottom:3px;
}
.footernav
a:link { 
color: #ffffff; 
font-weight: bold;
text-decoration: none; 
 line-height: 24px;
}
.footernav
a:visited { 
color: #ffffff; 
font-weight: bold;
text-decoration: none;


}
.footernav
a:hover {
color: #eaeaea; 
font-weight: bold;
text-decoration: underline;
}
.footernav-border-right {
border-right: 1px solid #b7b7b7; 
padding:10px;
}

/*******END OF THE footer and bottom areas***/

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7;}
.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 { 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; }

/*******EVERYTHING FROM THIS POINT ON IS FOR THE FLYOUT CATEGORIES MENU*********/

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.infoBox2 {
  background: transparent;
}
.infoBox2Contents {
width:190px;
  background: transparent;
  font-family: arial;
margin-top: -10px;
margin-bottom: -10px;
padding-right:0px;
margin-left:-4px;
margin-right:-4px;
}

.suckerdiv ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 190px; /* Width of Menu Items */
border-bottom: 1px solid #b6b7cb;
font-family: arial;
font-size: 12px;
}

.suckerdiv ul li{
position: relative;
background-color: #eaeaea;
}

/*1st level sub menu style */
.suckerdiv ul li ul{
left: 189px; /* Parent menu width - 1*/
position: absolute;
width: 190px; /*sub menu width*/
top: 0;
display: none;
}

/*All subsequent sub menu levels offset */
.suckerdiv ul li ul li ul{
left: 189px; /* Parent menu width - 1*/
}

/*All subsequent sub menu levels offset */
.suckerdiv ul li ul li a{
left: 189px; /* Parent menu width - 1*/
background-color: #eaeaea;
}

/*All subsequent sub menu levels offset */
.suckerdiv ul li ul li ul li a{
background-color: #eaeaea;
}

/*All subsequent sub menu levels offset */
.suckerdiv ul li ul li ul li ul li a{
background-color: #eaeaea;
}

/* menu links style */
.suckerdiv ul li a{
display: block;
color: #000080;
text-decoration: none;
background-color: #eaeaea;
background: url(images/arrow3.gif) no-repeat center left;
padding: 1px 15px;
border: 1px solid #b6b7cb;
border-bottom: 0;
line-height: 1.75em;
}

.suckerdiv ul li a:hover{
background-color: #ffffff;
color: black;
text-decoration: underline;
}

.suckerdiv ul li ul li a:hover{
background-color: #ffffff;
color: black;
text-decoration: underline;
}

.suckerdiv ul li ul li ul li a:hover{
background-color: #ffffff;
color: black;
text-decoration: underline;
}

/* The main categories with sub-categories */
.suckerdiv .subfolderstyle{
background: url(images/arrow5.gif) no-repeat center;
}

/* This one colors the sub-folder with other sub-folders */
.suckerdiv ul li ul .subfolderstyle {
background-color: #eaeaea;
}

/* This one colors the sub-folder with other sub-folders */
.suckerdiv ul li ul li ul .subfolderstyle {
background-color: #eaeaea;
}

/* This one colors the sub-folder with other sub-folders */
.suckerdiv ul li ul li ul li ul .subfolderstyle {
background-color: #eaeaea;
}

/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/*END*/
