/* Miva Merchant Stylesheet ©2001, Bekker Studios */

/* Credit line css */
TD.bekkerstudios { PADDING-RIGHT: 10px; BORDER-TOP: #99ccff 1px solid; PADDING-LEFT: 10px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; BORDER-BOTTOM: #003366 1px solid }

/* Define GLOBAL items */
body { font-family: Arial, Helvetica, sans-serif; color: #000000 }
/* Use these in the body section above, to color the scroll bars in IE 5+ - remove comment tags to activate
 scrollbar-3d-light-color:#999999;
 scrollbar-arrow-color:#FFCD82;
 scrollbar-base-color:#CCCCFF;
 scrollbar-dark-shadow-color:#000000;
 scrollbar-face-color:#666699;
 scrollbar-highlight-color:#FFFFFF;
 scrollbar-shadow-color:#666666}
*/
/* Define link colors */
a:link { color: #339933}
a:active {  color: #339933}
a:visited {  color: #339933}
a:hover {  color: #339933}


 /* Basic all text definition - since all text are in cells */
td { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333}

/* Set the text size of the buttons */
.button { font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333; background-color: #9999CC; font-size: 12px}

/* the text color and size for the input boxes */
.text, SELECT, INPUT {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px; 
	color: #000000;
	/*line-height: 13px;*/
	}

/*color behind Navigation buttons */
.NavBackground {background-color: #FFFFFF }
.NavBackground2 {background-color: #FFFFFF } /* behind 9th button */
.NavBackground3 {background-color: #FFFFFF } /* behind 10 th button */
.NavBottombg {background-color: #339966 } /* color of single pixel rule below nav row*/
.Mainbackground {background-color: #FFFFFF } /*Main page Color, below Navigation row  */


/* This is the area the product(s) are displayed in, can add pixels borders */
/* BlockQuotes */
BLOCKQUOTE {  
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	background-color: #FFFFFF;
	}
/*background-image: url(/Merchant2/graphics/bg1.gif);*/
.ProdBlock {  background-color: #FFFFFF }
 
/* .ProdBlock {  background-color: #FFFFFF;
 border-color: #F0F0F0;
 border-style: solid;
 border-top-width: 1px;
 border-right-width: 1px;
 border-bottom-width: 1px;
 border-left-width: 1px
 } */

/* The small basket text: Items, dollars */
.smallbasketred { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #EE0000}
.smallbasketblack { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000 }

/* Category 2 px border color */
.catBorder { background-color: #339966} /* color of the border */
/* Category Text Items - catitem2 is for current selected category*/
.catitem { font-family: Arial, Helvetica, sans-serif; color: #339966; font-size: 12px; text-decoration: none; background-color: #FFFFFF}
.catitem a:link { font-family: Arial, Helvetica, sans-serif; color: #339966; font-size: 12px; text-decoration: none; background-color: #FFFFFF}
.catitem a:active { font-family: Arial, Helvetica, sans-serif; color: #339966; font-size: 12px; text-decoration: none; background-color: #FFFFFF}
.catitem a:visited { font-family: Arial, Helvetica, sans-serif; color: #339966; font-size: 12px; text-decoration: none; background-color: #FFFFFF}
.catitem a:hover { font-family: Arial, Helvetica, sans-serif; color: #003300; font-size: 12px; text-decoration: none; background-color: #E0E0E0}
.catitem2 { font-family: Arial, Helvetica, sans-serif; color: #003300; font-size: 12px; text-decoration: none; background-color: #CCFFCC; text-align: right}
.catitem2 a:link { font-family: Arial, Helvetica, sans-serif; color: #003300; font-size: 12px; text-decoration: none; background-color: #CCFFCC}
.catitem2 a:active { font-family: Arial, Helvetica, sans-serif; color: #003300; font-size: 12px; text-decoration: none; background-color: #CCFFCC}
.catitem2 a:visited { font-family: Arial, Helvetica, sans-serif; color: #003300; font-size: 12px; text-decoration: none; background-color: #CCFFCC}
.catitem2 a:hover { font-family: Arial, Helvetica, sans-serif; color: #003300; font-size: 12px; text-decoration: none; background-color: #CCFFCC}

/* the colors and hover effect for categories */
.categorylink { color: #FFFFFF; text-decoration: none; font-weight: bold; font-size: 1.1em } 
a.categorylink:link {  color: #FFFFFF; text-decoration: none; font-weight: bold; font-size: 1.1em }
a.categorylink:active {  color: #FFFFFF; text-decoration: none; font-weight: bold; font-size: 1.1em }
a.categorylink:visited { color: #999999; text-decoration: none; font-weight: bold; font-size: 1.1em }
a.categorylink:hover {  color: #FFFFFF; text-decoration: none; font-weight: bold; background-color: #660000; font-size: 1.1em }
.categoryimglink { color: #FFFFFF } /* the colors and hover effect for image categories */
a.categoryimglink:link {  color: #FFFFFF }
a.categoryimglink:active {  color: #FFFFFF }
a.categoryimglink:visited { color: #999999 }
a.categoryimglink:hover {  color: #FFFFFF; background-color: #660000 }


/* Basket item table */
.basketTitle {color: #FFFFFF; font-size: 14px; font-family: arial; font-weight: bold; background-color: #339966 } /* header color */
.basketCode {color: #000000; font-size: 12px; font-family: arial; font-weight: normal; background-color: #FFFFFF }/* has link*/
.basketDesc {color: #000000; font-size: 12px; font-family: arial; font-weight: normal; background-color: #FFFFFF }
.basketQtytxt {color: #000000; font-size: 12px; font-family: arial; font-weight: normal; background-color: #FFFFFF }
.basketQtybox {color: #000000; font-size: 12px; font-family: arial; font-weight: normal; background-color: #FFFFFF }
.basketPrice {color: #FF0000; font-size: 12px; font-family: arial; font-weight: bold; background-color: #FFFFFF }
.basketTotal {color: #FF0000; font-size: 14px; font-family: arial; font-weight: bold; background-color: #FFFFFF }
.basketAttr {color: #000000; font-size: 12px; font-family: arial; font-weight: normal; background-color: #FFFFFF }
.basketGrandtotal {color: #FFFFFF; font-size: 16px; font-family: arial; font-weight: bold; background-color: #339966 }

/* the sign-in link - also the customer name when signed in */
.signin { color: #339966; background-color: #FFFFFF; font-weight: bold; text-decoration: none; font-size: 1em}
.signin a:link { color: #339966; background-color: #FFFFFF; font-weight: bold; text-decoration: underline; font-size: 1em}
.signin a:visited { color: #339966; background-color: #FFFFFF; font-weight: bold; text-decoration: none; font-size: 1em}
.signin a:hover { color: #003399; background-color: #E0E0E0; font-weight: bold; text-decoration: none; font-size: 1em}

/* Create Account screen */
.accheaderBg {color: #ffffff; font-size: 14px; font-family: arial; font-weight: bold; background-color: #339966 } /* Shipto header color */

/* Product detail screen */
.productName { FONT-WEIGHT: 800; FONT-SIZE: 9pt; COLOR: #ffffff; FONT-FAMILY: verdana,helvetica,arial }
.productDescription {	FONT-WEIGHT: 800; FONT-SIZE: 7.5pt; COLOR: #ffffff; FONT-FAMILY: verdana,helvetica,arial }
.productDbody { FONT-WEIGHT: 300; FONT-SIZE: 9pt; COLOR: #000000; FONT-FAMILY: verdana,helvetica,arial } /* product description text */
/* color of Price number */
.prodpriceExpSale { color: #3300FF; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; font-size: 1.1em} /* not always used */
.productTabsColor { background-color: #339966} /* Color of the product Name and Description tabs */
.qtyinbasketnone { color: #000000; font-weight: bold; text-decoration: none; background-color: #FFFFFF; font-size: 1em}
.qtyinbasket { color: #FFFFFF; font-weight: bold; text-decoration: none; background-color: #FF0033; font-size: 1em}
.prodprice { color: #FF0033; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; font-size: 1.1em}
.prodRelatedtitle { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #339966 } /* related product, when shown */

/* Product detail Expanded list */
.qtyinbasketExp { color: #FFFFFF; font-weight: bold; text-decoration: none; background-color: #FF0033; font-size: 1em}
.prodpriceExp { color: #FF0033; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; font-size: 1.1em}
.qtyinbasketnoneExp { color: #000000; font-weight: bold; text-decoration: none; background-color: #FFFFFF; font-size: 1em}


/* Product list table & Search Listing table - Header - the table body text background, alternating background */
.lineTableHeader {color: #ffffff; font-size: 12px; font-family: arial; font-weight: bold; background-color: #339966 }
.linelist1 {color: #000000; font-size: 0.9em; font-family: arial; font-weight: normal; background-color: #FFFFFF }
.linelist2 {color: #000000; font-size: 0.9em; font-family: Verdana, arial; font-weight: normal; background-color: #FFFFFF } /* Light yellow orange EDD5DF } */
.whiteTable {background-color: #FFFFFF; } /* the background of the search result table */

.productlink { color: #666666; text-decoration: underline; font-size: 1.1em }
a.productlink:link {  color: #3333CC; text-decoration: underline; font-size: 1.1em }
a.productlink:active {  color: #3333CC; text-decoration: underline; font-size: 1.1em }
a.productlink:visited { color: #666666; text-decoration: underline; font-size: 1.1em }
a.productlink:hover {  color: #FFFFFF; text-decoration: none; background-color: #9999CC; font-size: 1.1em }


/* Invoice items */
.invoiceInvoice {color: #000000; font-size: 18px; font-family: arial; font-weight: bold }/* title */
.invoiceOrderNumber {color: #000000; font-size: 14px; font-family: arial; font-weight: bold }
.invoiceDateHeader {color: #000000; font-size: 1em; font-family: arial; font-weight: bold }
.invoiceDate {color: #000000; font-size: .9em; font-family: arial; font-weight: normal }
.invoiceHeader {color: #FFFFFF; font-size: 14px; font-family: arial; font-weight: bold; background-color: #339966 }
.invoiceTotal {color: #FFFFFF; font-size: 16px; font-family: arial; font-weight: bold; background-color: #339966 }

/* Activelinks */
A.activelink {color: #3333CC; font-size: 12px; font-family: Arial; text-decoration: underline; }
A.activelink:visited {color: #3333CC; font-size: 12px; font-family: Arial; text-decoration: underline; }
A.activelink:hover {color: #3333CC; font-size: 12px; font-family: Arial; text-decoration: underline;}
.activecell {background-color: #EFEFEF; } /* not used */
	
.footerlinks { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666666 }
a.footerlinks:hover { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none; background-color: #FFBD59; font-weight: bold }
a.footerlinks:link { text-decoration: underline; color: #FFBD59; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold}
a.footerlinks:active { text-decoration: underline; color: #FFBD59; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold}
a.footerlinks:visited { color: #FFCC66; text-decoration: underline; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold}

/* Bekker Studios */