SPAN.initialcap	{ font-size: 300%; font-weight: bold; color: #252566; }
SPAN.the-rest	{ font-size: 260%; font-weight: bold; color: #252566; }
SPAN.allcaps	{ font-size: 260%; font-weight: bold; font-variant: small-caps; }

body, td, th, p, li 	{
		font-family: Arial, Tahoma, Helvetica, sans-serif, sans;
		font-weight: normal;
		}

.no-margin	{
		padding: 0px; margin: 0px;
		}

.margin-5	{
		padding: 0px; margin: 5px;
		}
.table-red-border { border-collapse: collapse; border: 3px double red; }

body 	{
		font-family: Arial, Tahoma, Helvetica, sans-serif, sans;
		background-color: white;
		color: black;
		font-weight: normal;
		}

.mainTable
		{
		background-color: #CFF;
		width: 750px;
		padding: 0px;
		}

.menuBar	{
		color: #FFF;
		width: 60px;
		padding-top: 4px;
		}


h1,h2
		{
		color: #252566;
		font-weight: bold
		}

h1		{
		font-size: 250%;
		}

h2		{
		font-size: 175%;
		}

h3,h4
		{
		color: #252566;
		font-weight: bold
		}

h3		{
		font-size: 110%;
		}

h4		{
		font-size: 100%;
		}

select		{
		background-color: #699;
		/* what if the browser doesn't obey the background color --
		 * do we need to worry about white-on-white?
		color: #FFF;
		 */
		color: #EEE;
		font-size: 80%;
		}		

a		{ font-weight: bold; }
a:link		{ color: #252566; }
a:visited	{ color: #252566; }
a:active	{ color: blue; }
a:hover		{ color: #CE007B; }

.navButton		{
				color: green;
				background-color: #202542;
				border: 4px outset #8C8CAC
			}
.navButton a		{
				text-decoration: none;
				font-size: 80%;
				font-weight: bold;
			}
.navButton a:link	{ color: white; }
.navButton a:visited	{ color: white; }
.navButton a:active	{ color: #A0A0A0; }
.navButton a:hover	{ color: #A0A0A0; }

.actButton		{
				color: purple;
				background-color: white;
				border: 3px inset #202542;
			}
.actButton a		{
				text-decoration: none;
				font-size: 80%;
				font-weight: bold
			}
.actButton a:link	{ color: #202542; }
.actButton a:visited	{ color: #202542; }
.actButton a:active	{ color: #A0A0A0; }
.actButton a:hover	{ color: #A0A0A0; }

.ShipResetButton	{	vertical-align: bottom; }

/* margin: top right bottom left */
.float-image { float:left; margin: 8px 20px 8px 10px; }
.float-image-left { float:left; margin: 0px 20px 0px 10px; }
.float-image-right { float:right; margin: 10px 20px 8px 8px; }

.comic-large		{
				font-size: 125%;
				font-weight: bold;
				font-family: Comic Sans MS, Arial, Tahoma, Helvetica, sans-serif, sans;
			}

#top-nav li {display:inline; padding:0; margin:0;}
#top-nav ul li ul {float:left; width:100%; padding:0; margin:0;}
.clearnav {clear:both;}
#error-list ul li { display:square; padding:140; margin:100; }

.checkout-heading tr	{
				/* margin: top right bottom left */
				/* margin has no obvious effect here
				margin: 8px 0px 8px 0px;
				 */
			}

.checkout-heading td	{
				/*
				font-size:	115%;
				font-weight:	bold;
				 */

				border-style: solid;
				/* border: top right bottom left */
				border-width: 2px 0px 2px 0px;
				padding: 3px 0px 3px 5px;

				/* Blue Calico: */
				color:		black;
				background:	#C0FFFF;
				border-color:	gray;
				/* end of Blue Calico */
				/*
				color:		white;
				background:	#808080;
				border-color:	black;
				*/
			}
.spacer-big 		{
				height: 12px;
			}
.spacer-small 	{
				height: 6px;
			}

/* used in the shipping page (internal back-end) */
.shipping-address td	{
				/* lots of padding to make it easier to
				 * select with the mouse... */
				/*     : top right bottom left */
				padding: 2px 10px 2px 10px;
			}

/* used in addresses - showing the billto/shipto in the checkout pages */
.row-even		{
				/*
				background: white;
				*/
				background: #F8F8F8;
			}
.row-odd		{
				/*
				background: #E0E0E0;
				*/
				background: #FFFFD8;
			}

.tooltip		{
				font-family:arial,verdana,sans-serif;
				font-size:12px;
				font-weight: normal;
				color: #000000;
				text-decoration: none;
				/*
				border-style: solid;
				border-color: #ccffff;
				border-width: 3px;
				*/
				padding: 8px;
			}


/*
input {
	font-family: Arial,sans-serif;
	font-size: 1em;
}
*/

input.btn {
				color:		#ffffff;
				font-weight:	bold;
				/* background-color:	#252566; */
				background-color:	#202542;
				font-family:	verdana,arial,sans-serif;
				font-size:	0.75em;
				border-top-width:	1px;
				border-top-style:	solid;
				/* border-top-color:	#656581; */
				border-top-color:	#656581;
				border-right-width:	2px;
				border-right-style:	solid;
				/*	border-right-color:	#252566; */
				border-right-color:	#454586;
				border-bottom-width:	1px;
				border-bottom-style:	solid;
				/* border-bottom-color:	#252566; */
				border-bottom-color:	#454586;
				border-left-width:	2px;
				border-left-style:	solid;
				border-left-color:	#656581;
				padding-top:	1px;
				padding-right:	2px;
				padding-bottom:	2px;
				padding-left:	2px;
				vertical-align:	middle;
}

input.txt {
				font-family:	Arial,sans-serif;
				/* font-size:	1em; */
				/* width:	90px; */
				font-size:	9pt;
				vertical-align:	middle;
				text-align:	center;
}

topalign {
				vertical-align:	text-top;
		}




/*
 *	"errorbox" - during checkout, each inline error message is wrapped in
 *	one of these.
 */
.XXerrorbox		{
				width: 100%;	/* does this matter? */
				text-align: center;
				background: white;

				border-style: solid;
				border-color: red;
				border-width: 2px;

				/* these don't matter:
				font-size: 80%;
				font-style: italic;
				font-weight: normal;
				 */

				/* padding: top right bottom left */
				/* this affects the space INSIDE the border, between
				 * the border and the text inside the box.
				 */
				padding: 8px 2px 0px 2px;

				/* margin - specifies the space OUTSIDE the
				 * border, between this object and the prev/next
				 */
				/* margin: top right bottom left */
				margin: 5em 0px 0em 0px;

				margin-top:	100px;
			}
.errorbox table		{
				width: 100%;		/* does this matter? */
				/* if we specify width less than 100%, how do we
				 * center it within the outer table?
				 */
				vertical-align: top;

				/* specify the background for this table */
				background: white;

				border-style: solid;
				border-color: red;
				border-width: 2px;

				/* these don't matter:
				font-size: 80%;
				font-style: italic;
				font-weight: normal;
				 */

				/* padding: top right bottom left */
				/* this affects the space INSIDE the border, between
				 * the border and the text inside the box.
				 */
				padding: 1px 2px 1px 2px;

				/* margin - specifies the space OUTSIDE the
				 * border, between this object and the prev/next
				 */
				/* margin: top right bottom left */
				/* margin: 5em 0px 0em 0px; */

				/* space above the table - with the same background
				 * as the rest of the table.
				 */
				margin-top:	8px;
				margin-bottom:	0px;	/* draw it closer to the error row below */
			}

.errorbox tr		{
				/* specify a white background */
				background: white;
			}
.errorbox td		{
				vertical-align: top;
				/* padding: top right bottom left */
				padding: 4px 4px 4px 4px;
				font-size: 100%;
			}
.errorbox-table		{
				width: 100%;		/* does this matter? */
				/* if we specify width less than 100%, how do we
				 * center it within the outer table?
				 */
				vertical-align: top;

				/* specify the background for this table */
				background: white;

				border-style: solid;
				border-color: red;
				border-width: 2px;

				/* padding: top right bottom left */
				/* this affects the space INSIDE the border, between
				 * the border and the text inside the box.
				 */
				padding: 1px 2px 1px 2px;

				/* margin - specifies the space OUTSIDE the
				 * border, between this object and the prev/next
				 */
				/* margin: top right bottom left */
				/* margin: 5em 0px 0em 0px; */

				/* space above the table - with the same background
				 * as the rest of the table.
				 */
				margin-top:	8px;
				margin-bottom:	1px;	/* draw it closer to the error row below */
				font-size: 1.0em;
			}
span.inline-spacer	{
				font-size: 20%;
			}