BODY,TD,P {
font-family:  Arial, Helvetica, Helv, Swiss, sans-serif;
/* changed font-size from 20px 2001-08-05 */
font-size: small;
background-color: White;
background : White;
text-align: left;
}

A {
font-family:  Arial, Helvetica, Helv, Swiss, sans-serif;
font-weight: normal;
background-color: transparent;
}

A.BOLD {
font-weight: bold;
}

A.FOOTER {
/* new */
font-family:  Arial, Helvetica, Helv, Swiss, sans-serif;
font-weight: bold;
}

A.HEAD1RIGHT {
font-family:  Arial, Helvetica, Helv, Swiss, sans-serif;
font-weight: bold;
color : white;
background-color: transparent;
}

A.HEAD2RIGHT {
font-family:  Arial, Helvetica, Helv, Swiss, sans-serif;
font-weight: bold;
color : white;
background-color: transparent;
}

TD.HEAD2RIGHT a img {
	vertical-align : bottom;
}

A.LOCBAR {
font-family:  Arial, Helvetica, Helv, Swiss, sans-serif;
font-weight: bold;
color : black;
background-color: transparent;
}

A.NAVLINKS {
font-size: small;
font-weight : normal;
}

A.TOP {
font-family:  Arial, Helvetica, Helv, Swiss, sans-serif;
font-weight: normal;
font-size : 1px;
margin: 0px;
padding: 0px;
}

B {
font-weight : bold;
}

BLOCKQUOTE {
font-family:  Arial, Helvetica, Helv, Swiss, sans-serif;
}

FORM.BUYITBELOW {
vertical-align : top;
margin-top : 0px;
padding-top : 0px;
margin-bottom : 0px;
padding-bottom : 0px;
}

FORM.DROPDOWN {
margin : 5px 0px 4px 3px;
padding : 0px 0px 0px 0px;
display : block;
margin-top : 5px;
padding-top : 0px;
margin-bottom : 4px;
line-height : 14px;
}

H1 {
font-family:  Arial, Helvetica, Helv, Swiss, sans-serif;
font-size:  1.4em;
font-weight: bold;
line-height: 100%;
margin-top: 0.75em;
padding-top:0.3em;
margin-bottom:0.05em;
padding-bottom:0.5em;
padding-left: 0.2em;
background-color: Aqua;
border : medium solid Red;
width: 100%;
}

H2 {
font-family:  Arial, Helvetica, Helv, Swiss, sans-serif;
font-size:  1.2em;
line-height: 110%;
margin-top:0.5em;
padding-top:0.1em;
margin-bottom:0.2em;
padding-bottom:0.4em;
padding-left: 0.2em;
background-color: Aqua;
border : medium solid Fuchsia;
width: 100%;
}

H3 {
font-family:  Arial, Helvetica, Helv, Swiss, sans-serif;
font-size:  1.05em;
line-height: 100%;
margin-top:0.05em;
padding-top:0.0em;
margin-bottom:0.05em;
padding-bottom:0.2em;
padding-left: 0.2em;
background-color: Aqua;
border : medium solid #FFC0CB;
width: 100%;
}

H4 {
font-family:  Arial, Helvetica, Helv, Swiss, sans-serif;
font-size:  0.8em;
line-height: 100%;
margin-top:0.05em;
padding-top:0.05em;
margin-bottom:0.05em;
padding-bottom:0.05em;
}

HR {
text-align : left;
margin-left : 0px;
}

IMG.STAMP {
	margin: 2px;
}

IMG.IDPIC {
font-family:  Arial, Helvetica, Helv, Swiss, sans-serif;
font-weight: normal;
background-color: transparent;
 display : block;
 float : left;
 clear : both;
  margin-bottom : 3px;
  }

INPUT.BUYITBELOW {
margin : 0px 0px 0px 0px;
padding : 0px 0px 0px 0px;
}

INPUT.FULLWIDTH {
width : 640px;
}

INPUT.GO {
vertical-align : top;
font-size : 14px;
font-weight : bold;
}

P.BOLD {
font-weight: bold;
}

P.FOOTER {
font-family:  Arial, Helvetica, Helv, Swiss, sans-serif;
font-size: 14px;
font-weight: bold;
margin : 2px;
}

P.PRICECELLBODY {
font-size: small;
font-weight : normal;
color : Black;
background-color:  #CCFFFF;
background:  #CCFFFF;
text-align: left;
margin-top : 4px;
padding-top : 4px;
margin-bottom : 4px;
padding-bottom : 4px;
}

P.PRICECELLFOOT {
font-size: small;
font-weight : normal;
color : Black;
background-color:  #CCFFFF;
background:  #CCFFFF;
text-align: left;
margin-top : 4px;
padding-top : 4px;
margin-bottom : 0px;
padding-bottom : 0px;
}

P.PRICECELLHEAD {
font-size: small;
font-weight : normal;
color : Black;
background-color:  #CCFFFF;
background:  #CCFFFF;
text-align: left;
margin-top : 0px;
padding-top : 0px;
margin-bottom : 4px;
padding-bottom : 4px;
}

P.PRICECELLPRICE {
font-size: small;
font-weight : normal;
color : black;
background-color:  #CCFFFF;
background:  #CCFFFF;
text-align: right;
margin-top : 0px;
padding-top : 0px;
margin-bottom : 0px;
padding-bottom : 0px;
}

P.BUYITBELOW {
font-size: small;
font-weight : normal;
color : black;
background-color:  #CCFFFF;
background:  #CCFFFF;
text-align: right;
margin : 0px;
vertical-align : top;
padding : 0px;
}

P.SPACER {
font-family:  Arial, Helvetica, Helv, Swiss, sans-serif;
font-size: 3px;
}

P.TEXTLEFT {
font-size: small;
font-weight : normal;
color : black;
background-color:  #CCFFFF;
background:  #CCFFFF;
text-align: left;
vertical-align : top;
}

P.TEXTRIGHT {
font-size: small;
font-weight : normal;
color : black;
background-color:  #CCFFFF;
background:  #CCFFFF;
text-align: right;
vertical-align : top;
}

P.TOP {
/* to contain top-of-page anchor */
font-family:  Arial, Helvetica, Helv, Swiss, sans-serif;
font-size: 1px;
margin: 0px;
padding: 0px;
background-color: White;
background : White;
text-align: left;
}

P.WEBMASTER {
font-family:  Arial, Helvetica, Helv, Swiss, sans-serif;
font-size: 12px;
margin : 7px 0px 0px 0px;
}

/* used on non-shopping cart pages */
PRE.PRICELIST {
font-size: small;
font-weight : bold;
color : black;
background-color:  #CCFFFF;
background:  #CCFFFF;
text-align: left;
vertical-align : top;
}

SPAN.PRICESALE {
font-weight : bold;
color : white;
background-color: Red;
background:  Red;
padding-left : 3px;
padding-right : 3px;
margin-left : 2px;
margin-right: 4px;
}

SPAN.PRICESOLD {
font-weight : bold;
color : white;
background-color: Red;
background:  Red;
padding-left : 3px;
padding-right : 3px;
margin-left : 2px;
margin-right: 4px;
}

SPAN.PRICEWANTED {
font-weight : bold;
color : white;
background-color: Green;
background:  Green;
padding-left : 3px;
padding-right : 3px;
margin-left : 2px;
margin-right: 4px;
}

SPAN.PRICEREFERENCE {
font-weight : bold;
color : white;
background-color: Blue;
background:  Blue;
padding-left : 3px;
padding-right : 3px;
margin-left : 2px;
margin-right: 4px;
}


SPAN.ITEMSHIPPINGDESCRIP {
font-style: italic;
}

SPAN.ITEMIDBEST {
font-weight : bold;
color : white;
background-color: Green;
background: Green;
margin-left : 2px;
margin-right: 0px;
margin-top: 4px;
margin-bottom: 6px;
display : block;
 padding : 0px 3px 0px 3px;
 float : left;
}

SPAN.ITEMIDLOOK {
font-weight : bold;
color : white;
background-color: Blue;
background: Blue;
margin-left : 2px;
margin-right: 0px;
margin-top: 4px;
margin-bottom: 6px;
display : block;
 padding : 0px 3px 0px 3px;
 float : left;
}

SPAN.ITEMIDNEW {
font-weight : bold;
color : white;
background-color: Red;
background: Red;
margin-left : 2px;
margin-right: 0px;
margin-top: 4px;
margin-bottom: 6px;
display : block;
 padding : 0px 3px 0px 3px;
 float : left;
}

SPAN.ITEMIDSALE {
font-weight : bold;
color : white;
background-color: Red;
background: Red;
margin-left : 2px;
margin-right: 0px;
margin-top: 4px;
margin-bottom: 6px;
display : block;
 padding : 0px 3px 0px 3px;
 float : left;
}

SPAN.BOLD {
font-weight : bold;
}

SPAN.RED {
color: Red;
background-color: transparent;
}

SPAN.BOLD-RED {
color: Red;
font-weight : bold;
background-color: transparent;
}

SPAN.TD-BOLD-BLUE {
font-size: small;
font-weight : bold;
color : blue;
}

SPAN.TD-BOLD-RED {
font-size: small;
font-weight : bold;
color : red;
}

SPAN.TD-BOLD-RED-BLINK {
font-size: small;
font-weight : bold;
color : red;
text-decoration : blink;
}

SPAN.UPDATED {
font-style: italic;
font-size: smaller;
}

TABLE {
font-family:  Arial, Helvetica, Helv, Swiss, sans-serif;
font-size: 16px;
background-color: White;
background : White;
}

/*This is used by the link tables also */
TABLE.BOOKS {
margin-top: 0.0em;
padding-top: 0.0em;
margin-bottom: 1.0em;
padding-bottom: 0.05em;
width: 100%;
padding: 5px;
}

TABLE.COLLECTIONS {
font-size: 0.8em;
}

TABLE.LOCBAR {
font-family:  Arial, Helvetica, Helv, Swiss, sans-serif;
font-size: 16px;
background-color: White;
background : White;
clear: both;
margin-top : 0px;
}

TABLE.LOGO {
font-family:  Arial, Helvetica, Helv, Swiss, sans-serif;
font-size: 2px;
background-color: White;
background : White;
margin-top : 0px;
/* clear: both; */
}

TABLE.MAINCENTER {
font-family:  Arial, Helvetica, Helv, Swiss, sans-serif;
font-size: 16px;
background-color: White;
background : White;
}

TABLE.MAININSIDE {
font-family:  Arial, Helvetica, Helv, Swiss, sans-serif;
font-size: 16px;
background-color: White;
background : White;
}

TABLE.MAINMENU {
font-family:  Arial, Helvetica, Helv, Swiss, sans-serif;
font-size: 16px;
background-color: White;
background : White;
}

TABLE.MAINOUTSIDE {
font-family:  Arial, Helvetica, Helv, Swiss, sans-serif;
font-size: 16px;
background-color: White;
background : White;
margin-top : 8px;
/* clear: both; */
}

TABLE.MAINRIGHT {
font-family:  Arial, Helvetica, Helv, Swiss, sans-serif;
font-size: 16px;
background-color: White;
background : White;
margin-top : 4px;
}

TABLE.NAVBORDER {
font-family:  Arial, Helvetica, Helv, Swiss, sans-serif;
font-size: 16px;
background-color: White;
background : White;
border-color : blue;
border-width : 2px;
clear: both;
}

TABLE.NAVNOBORDER {
font-family:  Arial, Helvetica, Helv, Swiss, sans-serif;
font-size: 5px;
background-color: White;
background : White;
/*  clear: both; */
}

TABLE.DAYSPECIAL {
font-family:  Arial, Helvetica, Helv, Swiss, sans-serif;
font-size: 16px;
background-color: White;
background : White;
border : 2px solid Red;
}

TABLE.DATACENTER {
font-family:  Arial, Helvetica, Helv, Swiss, sans-serif;
font-size: 10px;
background-color: transparent;
background : transparent;
border : 1px solid Black;
margin-top: 0.0em;
padding-top: 0.0em;
margin-bottom: 1.0em;
padding-bottom: 0.05em;
padding: 5px;
border-collapse:collapse;
margin-left:auto;  /* required to center table */
margin-right:auto; /* required to center table */
}

TD.BLURBA {
font-size: small;
font-weight : normal;
color : black;
background-color: #FFFFCC;
background :  #FFFFCC;
}

TD.BLURBB {
font-size: small;
font-weight : normal;
color : black;
background-color: #99FFCC;
background :  #99FFCC;
}

TD.BORDERED {
font-size: 20px;
border-top: thin black solid;
border-right: thin black solid;
border-bottom: thin black solid;
border-left: thin black solid;
}

TD.CAPTION-CENTER {
font-size: x-small;
color : black;
background-color: White;
background:  White;
vertical-align : top;
text-align : center;
}

TD.CAPTION-CENTER-BOLD {
font-size: small;
font-weight : bold;
color : black;
background-color: White;
background:  White;
vertical-align : top;
text-align : center;
}

TD.CAPTION-LEFT {
font-size: x-small;
font-weight : bold;
color : black;
background-color: White;
background:  White;
vertical-align : top;
text-align : left;
}

TD.CAPTION-RIGHT {
font-size: x-small;
font-weight : bold;
color : black;
background-color: White;
background:  White;
vertical-align : top;
text-align : right;
}

TD.DAYSPECIALHEADLARGE {
font-size: medium;
font-weight : bold;
color : Red;
background-color:  #CCFFFF;
background:  #CCFFFF;
text-align : center;
}

TD.DAYSPECIALHEAD {
font-size: small;
font-weight : bold;
color : Red;
background-color:  #CCFFFF;
background:  #CCFFFF;
text-align : center;
}

TD.DAYBLURB-HEAD {
font-size: small;
font-weight : bold;
color : Red;
background-color:  #CCFFFF;
background:  #CCFFFF;
text-align : center;
padding-left: 3px;
padding-right: 3px;
}

TD.DAYBLURB-BODY {
font-size: small;
font-weight : normal;
color : Black;
background-color:  #CCFFFF;
background:  #CCFFFF;
vertical-align : top;
text-align : center;
padding-left: 5px;
padding-right: 5px;
}

TD.DAYSPECIALIMAGE {
font-size: small;
font-weight : normal;
color : Black;
background-color:  #CCFFFF;
background:  #CCFFFF;
vertical-align : top;
text-align : center;
}

TD.DAYSPECIALTEXT {
font-size: smaller;
font-weight : normal;
color : Black;
background-color:  #CCFFFF;
background:  #CCFFFF;
vertical-align : top;
text-align : left;
padding: 4px;
}

TD.HEAD1 {
font-size: 20px;
font-weight : bold;
color : white;
background-color:  #6495ED;
background :  #6495ED;
padding: 4px;
}

TD.HEAD1RIGHT {
font-size: 20px;
font-weight : bold;
text-align: right;
color : white;
white-space : nowrap;
background-color:  #6495ED;
background :  #6495ED;
}

TD.HEAD2 {
font-size: 18px;
font-weight : bold;
/*  text-align: left; */
color : white;
background-color:  #6495ED;
background :  #6495ED;
}

TD.HEAD2RIGHT {
font-size: 18px;
font-weight : bold;
text-align: right;
vertical-align: bottom;
color : white;
background-color:  #6495ED;
background :  #6495ED;
white-space : nowrap;
}

TD.HEAD3 {
font-size: 16px;
font-weight : bold;
text-align: left;
color : black;
background-color:  #66FFCC;
background:  #66FFCC;
}

TD.HEAD3-CENTER {
font-size: 16px;
font-weight : bold;
text-align: center;
color : black;
background-color:  #66FFCC;
background:  #66FFCC;
}

TD.LOCBAR {
font-size: 16px;
font-weight : bold;
background-color:  #66FFCC;
background:  #66FFCC;
}

TD.LOGO {
font-size: 20px;
color : white;
font-weight : bold;
text-align: center;
}

TD.NAVLINKS {
font-size: small;
font-weight : normal;
color : black;
}

TD.NAVNOBORDER {
font-size: 16px;
font-weight : bold;
color : black;
}

TD.SPACER {
background-color:  #FFFFFF;
background :  #FFFFFF;
vertical-align : top;
font-size : 3px;  /*size okay because just a spacer */
height : 8px;
}

TD.SPACERTALL {
background-color:  #FFFFFF;
background :  #FFFFFF;
vertical-align : top;
font-size : 10px;  /*size okay because just a spacer */
}

TD.TEXT {
font-size: small;
font-weight : normal;
color : black;
background-color:  #CCFFFF;
background:  #CCFFFF;
vertical-align : top;
}

TD.TEXTSMALLER {
font-size: 7pt;
font-weight : normal;
color : black;
background-color:  #CCFFFF;
background:  #CCFFFF;
vertical-align : top;
}

TD.TEXTSMALLERBOLD {
font-size: 7pt;
font-weight : bold;
color : black;
background-color:  #CCFFFF;
background:  #CCFFFF;
vertical-align : top;
}

TD.TEXTBOTTOM {
font-size: small;
font-weight : normal;
color : black;
background-color:  #CCFFFF;
background:  #CCFFFF;
vertical-align : bottom;
}

TD.TEXTCENTER {
font-size: small;
font-weight : normal;
color : black;
background-color:  #CCFFFF;
background:  #CCFFFF;
vertical-align : top;
text-align: center;
}

TD.TEXTRIGHT {
font-size: small;
font-weight : normal;
color : black;
background-color:  #CCFFFF;
background:  #CCFFFF;
text-align: right;
vertical-align : top;
}

TD.TEXTRIGHTBOT {
font-size: small;
font-weight : normal;
color : black;
background-color:  #CCFFFF;
background:  #CCFFFF;
text-align: right;
vertical-align : bottom;
}

TD.DATATEXT {
font-size: small;
font-weight : normal;
color : black;
background-color:  #CCFFFF;
background:  #CCFFFF;
vertical-align : top;
border : thin solid Black;
padding : 5px;
}

TD.DATATEXTCENTER {
font-size: small;
font-weight : normal;
color : black;
background-color:  #CCFFFF;
background:  #CCFFFF;
vertical-align : top;
border : thin solid Black;
padding : 5px;
text-align: center;
}

TD.TOPSEPARATOR {
font-size: 20px;
color : white;
font-weight : bold;
background-color: #FF6666;
background : #FF6666;
padding: 4px 4px 4px 4px;
line-height : 120%;
text-align: center;
}

TD.GALLERY {
font-size: small;
font-weight : normal;
color : black;
background-color:  #CCFFFF;
background:  #CCFFFF;
/* vertical-align : top; */
}

DIV.MAINOUTSIDE {
width: 660px ;
max-width: 660px ;
font-size: small;
font-weight : normal;
color : black;
background-color:  #CCFFFF;
background:  #CCCCFF;
float: left;
overflow: auto;
padding: 0 0 0 0;
margin: 0 0 0 0;
/* DEBUG */
outline: black solid thin ;
}

DIV.GALLERYITEM {
display: inline;
float: left;
/*
overflow: auto;
*/
font-size: small;
font-weight : normal;
color : black;
/*
background-color:  #CCFFFF;
background:  #CCCCFF;
*/
padding-top: 4px; 
padding-right: 4px; 
padding-bottom: 4px; 
padding-left: 4px; 
margin-top: 4px; 
margin-right: 12px; 
margin-bottom: 4px; 
margin-left: 4px; 
border: 1px solid; 
/* does not work on IE
outline: black solid thin ;
*/
/* DEBUG */
}

DIV.w100 {
	max-width: 100px;
}

DIV.GALLERYIMAGE {
/*
display: block;
*/
text-align: center;
}

/* still effects the layout??? */
DIV.GALLERYPIC {
visibility: hidden;
height: 0;
width: 0;
font-size: 0;
}

DIV.GALLERYITEM IMG.IDPIC {
visibility: hidden;
}

DIV.GALLERYID {
text-align: center;
/* DEBUG */
/*
outline: blue solid thin ;
*/
}

DIV.GALLERYDESCRIP {
text-align: center;
min-width: 100px;
/* 
max-width: 210px;
*/
padding-top: 5px; 
padding-right: 5px; 
padding-bottom: 0px; 
padding-left: 0px; 
margin-top: 0px; 
margin-right: 0px; 
margin-bottom: 0px; 
margin-left: 0px; 
/* DEBUG */
/*
outline: black solid thin ;
*/
}

DIV.GALLERYPRICE {
display: block;
text-align: center;
padding-top: 5px; 
padding-right: 0px; 
padding-bottom: 0px; 
padding-left: 5px; 
/* DEBUG */
/* 
color : red;
outline: red solid thin ;
*/
}

DIV.GALLERYITEM P.PRICECELLCONDITION {
	display: inline;
	margin-right: 2px;
	background: none;
/* DEBUG */
/* color : red; */
/* outline: red solid thin ;*/
}

/* does not with with IE 
DIV.GALLERYITEM P.PRICECELLPRICE:before {
	content: "xyz\0000a0";
}
*/

DIV.GALLERYITEM P.PRICECELLPRICE {
	display: inline;
	margin-left: 2px;
}
/*	content: "abc"; */
/* DEBUG */
/* color : red; */
/* outline: red solid thin ; */


DIV.GALLERYPRICE INPUT.BUYITBELOW {
margin : 5px 0px 0px 0px;
padding : 0px 0px 0px 0px;
}

/* for DEBUG */
P.RED {
color : red;
}
.RED {
color : red;
}

DIV.GALLERYHR {
	clear: both;
	/* background: #fff url(hr.gif) no-repeat scroll center; */
	/* color: black; */
	/* border: 1px solid; */
	/* margin: 20px 20px 20px 20px; */
	padding-top: 2px; 
	padding-right: 0px; 
	padding-bottom: 2px; 
	padding-left: 0px; 
}

DIV.GALLERYHR hr {
	/* display: none ; */
	color: black;
	background-color: black;
	height: 1px;
	width: 100%;
	border: 0;
}

/* easy-clearing-method from "CSS: The Missing Manual" p295 */
.clear:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}
.clear {
	clear: both;
	min-height: 1px;
}
* html .clear {
	height: 1px;
}

TEXTAREA.FULLWIDTH {
width : 640px;
}

TH {
font-family:  Arial, Helvetica, Helv, Swiss, sans-serif;
}

TH.TEXT {
font-size: small;
font-weight : bold;
color : black;
background-color:  #CCFFFF;
background:  #CCFFFF;
vertical-align : bottom;
}

TR {
font-family:  Arial, Helvetica, Helv, Swiss, sans-serif;
}

DIV.LEFT {
        float : left;

}

DIV.RIGHT {
	border-left-style : solid;
	border-left-width : thin;
	float : right;
        padding-left : 4px;
}

TABLE.DESCRIPLABEL {
background-color:  #CCFFFF;
background:  #CCFFFF;
}

TD.IMAGEHELP {
        width: 42% ;
}

DIV.IMAGEHELP {
font-size: x-small;
font-weight : normal;
color : red;
border-left-style : solid;
border-left-width : thin;
/* float : right; */
padding-left : 4px;
}

DIV.MPL-EXTRA-DATA {
        background : #FFFF66;
        color : green;
}

SPAN.MPL-EXTRA-SORTORDER:before {
content : "SortOrder1, 2, A: ";
	color : green;
}

SPAN.MPL-EXTRA-CATEGORY:before {
content : "Category Num and Code: ";
	color : green;
}

SPAN.MPL-EXTRA-IMAGE:before {
content : "Image ScanName and Path: ";
}
