div.pagetitle	{
			font-size: 260%;
			font-style: italic;
			font-weight: 800;
			color: #252566;
		}
div.pagetitle .initialcap	{
			font-size: 120%;	/* size is relative to above style */
			font-weight: 900;	/* "bold" is 700 */
		}

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

.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;
		/* can't override bgcolor in HTML if this is specified here! */
		/* background-color: white; */
		color: black;
		}

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

.menuBar	{
		color: #FFF;
		width: 60px;
		padding-top: 0px;
		vertical-align: top;
		}


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

h1		{
		font-size: 250%;
		}

h2		{
		font-size: 175%;
		vertical-align: middle;
		}

/* used for template2 */
span.h2		{
		font-size: 175%;
		vertical-align: middle;
		font-family: Arial, Tahoma, Helvetica, sans-serif, sans;
		color: black;
		/* this has no effect: */
		/* margin: top right bottom left */
		/* padding: 5px 0 5px 0; */
		}
td.banner	{ /* company name (banner) cell - needs vertical padding */
		/* margin: top right bottom left */
		padding: 7px 0 7px 0;
		}

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

h3		{
		font-size: 110%;
		}

h4		{
		font-size: 100%;
		}

select		{
		/*
		background-color: #699;
		color: #FFF;
		font-size: 90%;
		*/
		background-color: #FFF;
		color: #000;
		font-size: 100%;
		}		

/* use this for testing!:
a:hover		{
		background: #66ff66;
		}
 */
.skulink a:hover {
		background: #66ff66;
		}

/* testing only: input		{ background: blue; } */
/* this doesn't work in IE6 - need to use Javascript onfocus/onblur
input:focus	{ background: lime; }
 */
input.inputButton:focus	{ background: none; }
input.inputButton	{
			border-style: ridge;
			background: #699;
			color: #000;
			font-size: 100%;
			font-weight: regular;
			font-family: "Comic Sans MS", Arial, Tahoma, Helvetica, sans-serif, sans;
		}

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

.navButton		{
				color: white;
				background-color: #202542;
				border: 4px outset #8C8CAC;
				font-size: 80%;
				font-weight: bold;
			}
.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; }

.float-image { float:left; margin: 8px 20px 8px 10px; }
.float-image-right { float:right; margin: 10px 20px 8px 8px; }

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

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

.comic			{
				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; }

/* classes used in the product pages, all as part of the item description */
/* ------------------------------------------------------------------ */
span.productinfo	{
			}
span.productinfo .sku	{	/* hide this from CSS-aware browsers */
				display: none;
			}
/* ------------------------------------------------------------------ */


/* classes used in the product pages, all as part of the item description */
.itemdesc		{
				font-size: 80%;
			}
.itemcaption		{
				font-size: 60%;
				font-style: italic;
				font-weight: lighter;
			}
.itemsavings		{
				color: blue;
				font-size: 80%;
				font-family: "Comic Sans MS", Arial, Tahoma,
						Helvetica, sans-serif, sans;
				/*font-weight: bold; */
			}
.itemname		{ 
				/*
				font-family: "Comic Sans MS", Arial, Tahoma,
						Helvetica, sans-serif, sans;
				 */
			}
.itemprice		{
				/* font-size: 110%; */
				font-weight: bold;
			}
.itemnotorderable	{
				font-size: 80%;
				font-style: italic;
				font-weight: lighter;
			}
/* item quantity - text input box next to "Buy Item" */
.itemqty		{
				background: #F0F0F0;
				/*
				border-style: inset;
				border-width: 3px;
				 */
				color: #252566;

				text-align: center;
				font-style: italic;
				font-weight: lighter;
				font-size: 90%;

				vertical-align: middle;
			}
/* variant of "itemqty" - to be used when the box is currently active */
.itemqtyActive		{
				/* background: #99eeCC; */	/* Light Weak Green */
				border-style: inset;
				background: #c0d0ff;	/* light blue-purple */
				color: #252566;
				font-weight: bold;
				font-style: normal;
				vertical-align: middle;
			}
/* another variant of "itemqty" - used when the user has entered a value */
.itemqtyNonempty		{
				background: #FEFEFE;
				border-style: inset;
				color: #252566;
				font-weight: bold;
				font-style: normal;
				vertical-align: middle;
			}

/* and the "Buy Item" button */
.itembuy		{
				/*
				border-color: blue;
				border-style: round;
				 */
				vertical-align: middle;
				/* don't let the browser use the hand cursor: */
				cursor: default;
			}

/* not currently used: */
.closewindow		{
				vertical-align: middle;
			}

/* classes used for the copyright notice at the bottom of each page */
table.copyright	{
				border-style: solid;
				border-color: black;
				border-width: 2px;
				background-color: #699;
				/* this looks nice on browsers that support it
				 * (Firefox does, IE6 doesn't):
				 */
				outline: white solid thin;
			}
table.copyright td	{
				font-weight: normal;
				font-family: Arial, Tahoma,
						Helvetica, sans-serif, sans;
				text-align: center;
			}

/* classes used for the table showing product dimensions */
table.dimensions	{
				border-style: solid;
				border-color: black;
				border-width: 1px;
				background-color: #ffffff;
				/* this looks nice on browsers that support it
				 * (Firefox does, IE6 doesn't):
				 */
				outline: white solid thin;

				/* margin: top right bottom left */
				margin: 2px 0px 5px 0px;
			}
table.dimensions td	{
				font-weight: normal;
				font-size: 110%;
				font-family:	Arial,
						Tahoma,
						"Comic Sans MS",
						Verdana,
						"Lucida Sans",
						Arial, Tahoma,
						Helvetica, sans-serif, sans;
				text-align: center;
			}
table.dimensions .heading	{
				font-size: 90%;
				/* background-color: #699; */	/* greenish */
				background-color: #699; */	/* greenish */
				background-color: #bdcfff;	/* light blue */
			}
table.dimensions .name	{
				font-size: 90%;
				background-color: #e0e0e0;
			}
table.dimensions .value	{
				font-size: 110%;
				background-color: #f0f0f0;
			}

/* this is the "Each Set Includes:" box on the item detail page: */
.ensemble-includes	{
				border-style: solid;
				border-color: white;
				border-width: 2px;
				background-color: #bdcfff;
				text-align: left;
				/* margin: top right bottom left */
				margin: 2px 0px 5px 0px;
			}

.ensemble-includes td	{
				/* put a few pixels of padding below each
				 * line in this table
				 */
				/* padding: top right bottom left */
				padding: 0px 8px 2px 2px;

				/* for debugging:
				border-style: solid;
				border-width: 1px;
				border-color: red;
				 */
			}

.ensemble-includes a:link,
.ensemble-includes a:visited {
				/* text-decoration: none; */
				font-style: italic;
				font-size: 75%;
			}
/* change the links to "hover" in white-on-calico_blue */
.ensemble-includes a:hover {
				color: #ffffff;
				background: #252566;
				text-decoration: underline;
			}


.table-black-outer-border	{
				border-style: solid;
				border-color: black;
				border-width: 2px;
				/* background-color: #bdcfff; */
				text-align: left;
				vertical-align: middle;
				/* margin: top right bottom left */
				/* margin: 2px 0px 5px 0px; */
			}

.table-black-outer-border .logo	{
				vertical-align: top;
				text-align: center;
			}
.table-black-outer-border td	{
				/* make sure all the text items line in the middle, vertically */
				vertical-align: middle;

				/* put a few pixels of padding below each
				 * line in this table
				 */
				/* padding: top right bottom left */
				/* padding: 0px 8px 2px 2px; */

				/* for debugging:
				border-style: solid;
				border-width: 1px;
				border-color: red;
				 */
			}


/*
 *	Login box in the upper-left of most pages.
 */
table.loginBox		{
				background: #C0C0C0 url("images/background-lighter.jpg") repeat;
				background-position: top left;
				/* Opera chokes on this:
				position: relative; bottom: 20px;
				 */
				position: relative, bottom: 20px;
				font-family: Geneva, Tahoma, Arial, Helvetica, sans-serif, sans;
				font-weight: normal;
				font-size: 80%;
				text-align: center;
				border-style: ridge;
				border-width: 2px;
				border-color: #404040;

				/* this specifies the padding INSIDE the table,
				 * NOT around the outside of the table.
				 */
				padding: 2px 10px 2px 10px;
			}
table.loginBox .name	{
				font-family: "Comic Sans MS", Arial, Tahoma,
						Helvetica, sans-serif, sans;
				font-weight: bold;
			}
table.loginBox .company	{
				font-family: "Comic Sans MS", Arial, Tahoma,
						Helvetica, sans-serif, sans;
				font-style: italic;
				font-size: 95%;	/* shrink it just a little */
			}
table.loginBox a	{
				font-size: 90%;
				font-color: black;
				color: black;
			}

table.loginBox a:link,
table.loginBox a:visited	{
				text-decoration: none;
				font-style: normal;
				font-size: 90%;
				color: black;
			}
/* change the links to "hover" in white-on-calico_blue */
table.loginBox a:hover	{
				color: #ffffff;
				background: #252566;
				text-decoration: underline;
			}


/*
 *	The checkout page, customer information entry table(s):
 */
/* outermost table */
.XXcheckout {
				background: white;
				border-style: solid;
				border-color: black;
				/* border-spacing specifies the spacing
				 * (padding) between cells within the table,
				 * as well as the padding between the edges
				 * and the ouyter border.
				 */
				border-spacing: 0px;
				/* this border width specifies the thickness
				 * of ONLY the outermost border (for the entire
				 * table) - the cell border is specified
				 * in the th/td entry below.
				 */
				/* : top right bottom left */
				border-width: 1px 3px 3px 2px;
				padding: 0px;
				margin: 0px;
			}
/* cells - table header, table data */
.XXcheckout th,
.XXcheckout td	{
				/* margin has no obvious effect here:
				 */
				margin: 0px;
				/* padding controls the space around the text,
				 * within the cell.
				 */
				padding: 5px;
				/* background will be inherited from the parent
				 * table.
				background: white;
				 */
				/* the cells need to specify their own border,
				 * as the table border only surrounds the
				 * outermost table itself, not the cells within
				 */
				border-style: solid;
				border-color: black;
				border-width: 1px;
				border-spacing: 0px;
				/* : top right bottom left */
				border-width: 2px 0px 0px 1px;
			}


.checkout table		{
				/* use the full width of the space available for this table */
				width: 100%;

				border-style: none;
				border-spacing:	0px;	/* not sure if this is needed */
			}
.checkout tr		{
				/* neither of these has any obvious effect:
				margin:		0;
				padding:	0;
				 */
				left-margin: 20px;
			}
.checkout td		{
				border-style:	solid;
				border-width:	0px;
				border-spacing:	0px;

				/* margin has no obvious effect here:
				 */
				margin: 0px;

				/* padding controls the space around the text,
				 * within the cell.
				 */
				padding-top:	1px;	/* sets the spacing between rows */
				padding-bottom:	0px;

				/* background will be inherited from the parent
				 * table.
				background: white;
				 */
				vertical-align: middle;

				/* override previously-inherited values: */
				color:		black;
				font-size:	100%;
			}
.checkout select	{
				background-color: #FFF;
				color: #000;
				font-size: 100%;
			}

/*
.checkout-heading tr	{
				margin-top: 8px;
				margin-bottom: 8px;
				padding-bottom: 8px;
			}
 */

table.checkout .spacer-big {
				height: 12px;
			}
table.checkout .spacer-small {
				height: 6px;
			}


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


.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 16px;

				/*
				color:		black;
				background:	#C0FFFF;
				border-color:	gray;
				*/
				color:		white;
				background:	#808080;
				border-color:	black;
			}

.shippingaddress 	{
				/* use #808080, 80%, italic if greyed-out:
				color: #808080;	** gray-ish **
				font-style: italic;
				font-size: 80%;
				*/
				display: normal;
				/* background: #F0C000; */
			}


table.offercode td	{
				border-style:	solid;
				border-width:	0px;
				border-spacing:	0px;

				/* margin has no obvious effect here:
				 */
				margin: 0px;

				/* padding controls the space around the text,
				 * within the cell.
				 */
				padding-top:	1px;	/* sets the spacing between rows */
				padding-bottom:	0px;

				/* background will be inherited from the parent
				 * table.
				background: white;
				 */
			}
/*
 *	"editablecart" - the Shopping Cart table in cart.php AND
 *	"cart" - the read-only version of the Shopping Cart table in
 *	several other pages.
 *	We play some games with border thickness here - table cells
 *	have a 2-pixel thick top border but NO bottom border - this is
 *	to allow the "includes" cell to have no top border either, and
 *	it looks like it is part of the cells above (though with a different
 *	background color).  To compensate, the outer table needs to have a
 *	1-pixel thinner border on the top and 1-pix thicker bottom, as well.
 *	Additionally, to achieve a 1-pixel border between cells in the same
 *	row, we set the left border of each cell to 1, the right to 0, and
 *	need to add 1 pixel to the table's right border.
 */
/* outermost table */
.editablecart, .cart {
				background: white;
				border-style: solid;
				border-color: black;
				/* border-spacing specifies the spacing
				 * (padding) between cells within the table,
				 * as well as the padding between the edges
				 * and the ouyter border.
				 */
				border-spacing: 0px;
				/* this border width specifies the thickness
				 * of ONLY the outermost border (for the entire
				 * table) - the cell border is specified
				 * in the th/td entry below.
				 */
				/* : top right bottom left */
				border-width: 1px 3px 3px 2px;
				padding: 0px;
				margin: 0px;
			}

/* override the outer-most border size for the non-editable cart only */
.cart {
				/* this border width specifies the thickness
				 * of ONLY the outermost border (for the entire
				 * table) - the cell border is specified
				 * in the th/td entry below.
				 */
				/* : top right bottom left */
				border-width: 0px 1px 2px 0px;

				/* tweak margin to line up with the object above */
				margin: 0px 0px 0px 1px;
			}
/* cells - table header, table data */
.editablecart th, .cart th,
.editablecart td, .cart td {
				/* margin has no obvious effect here:
				 */
				margin: 0px;
				/* padding controls the space around the text,
				 * within the cell.
				 */
				padding: 5px;
				/* background will be inherited from the parent
				 * table.
				background: white;
				 */
				/* the cells need to specify their own border,
				 * as the table border only surrounds the
				 * outermost table itself, not the cells within
				 */
				border-style: solid;
				border-color: black;
				border-width: 1px;
				border-spacing: 0px;
				/* : top right bottom left */
				border-width: 2px 0px 0px 1px;

				vertical-align: middle;
			}

/* special version of the cell for the padding next to "1 Set includes:" */
.editablecart .blank,
.cart .blank		{
				background: white;
				/* : top right bottom left */
				border-width: 2px 0px 0px 1px;
				border-style: solid;
			}
/* special version of the cell for "1 Set includes:" */
.editablecart .includes,
.cart .includes		{
				background: #bdcfff;
				vertical-align: top;
				text-align: left;
				/* : top right bottom left */
				border-width: 0px 0px 0px 1px;
				border-style: solid;
			}

.editablecart .itemname,
.cart .itemname		{ 
			}
.editablecart .itemprice,
.cart .itemprice	{
				/* font-size: 110%; */
				font-weight: normal;
			}
.editablecart .itemqty,
.cart .itemqty		{
				background: white;
				text-align: center;
				font-style: normal;
				font-weight: regular;
				font-size: 100%;
				vertical-align: middle;
			}

.shipmethod-pulldown	{
				/* try shrinking the size to make a better fit onscreen */
				font-size: 80%;
				vertical-align: middle;
				padding: 0px;
				margin: 0px;
			}



/*
 *	"cartwarning" - the warning below the editable cart that says
 *	"be sure to click "Submit Changes" if you have changed anything ... "
 */
.cartwarning		{
				width: 75%;
				text-align: center;
				background: white;

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

				font-size: 80%;
				font-style: italic;
				font-weight: normal;

				/* padding: top right bottom left */
				padding: 4px 10px 4px 10px;

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

table.shipquotes	{
				border-style: none;
				border-color: red;
				border-width: 1px;

				/* override previously-inherited values: */
				color:		black;
				font-size:	100%;
				line-height:	normal;
			}
table.shipquotes td,
table.shipquotes th	{
				border-style: none;
				border-color: green;
				border-width: 1px;
				padding-top:	4px;
				padding-bottom:	4px;


			}
table.shipquotes .section-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 16px;

				/*
				color:		black;
				background:	#C0FFFF;
				*/
				color:		white;
				background:	#808080;

				border-style: solid;
				/*
				border-color: gray;
				*/
				border-color: black;
			}

/* just for the header cells, use a smaller bottom pad to bring
 * the column titles closer to the first row of information.
 */
table.shipquotes th	{
				padding-top:	4px;
				padding-bottom:	1px;
			}
.shipquotes textarea	{
				background:	white;
				width:		98%;
				font-family: "Comic Sans MS", Arial, Tahoma,
						Helvetica, sans-serif, sans;
				font-style: normal;
				font-size: 95%;	/* shrink it just a little */
			}
.shipquotes .heading	{
				background: none;	/* translucent */
				text-align: center;
			}
.shipquotes .heading .optionname {			/* override center */
				text-align: left;
				padding-left: 8px;
			}
.shipquotes .heading .cost {
				/* does this have any effect? */
				/* width: 20; */
				padding-left: 4px;
				padding-right: 4px;
			}
.shipquotes .heading .total td {
				background: red;
				/* width: 20px; */
				width: 50px;
				padding-left: 4px;
				padding-right: 4px;
				text-align: right;
			}


.shipquotes .row-even	{
				/*
				background: white;
				*/
				background: #F8F8F8;
			}
.shipquotes .row-odd	{
				/*
				background: #FFFFD8;
				*/
				background: #E0E0E0;
			}

.shipquotes .row-even .radiobuttons,
.shipquotes .row-odd .radiobuttons {
				text-align: center;
			}
.shipquotes .row-even .optionname,
.shipquotes .row-odd .optionname {
				text-align: left;
				padding-left: 8px;
				padding-right: 5px;
				/* background: yellow; */
			}
.shipquotes .row-even .cost,
.shipquotes .row-even .total,
.shipquotes .row-odd .cost,
.shipquotes .row-odd .total	{
				text-align: right;
				padding-left: 4px;
				padding-right: 8px;
			}



table.paymentinfo	{
				/* override previously-inherited values: */
				color:		black;
				font-size:	100%;
				line-height:	normal;
			}

table.paymentinfo .section-heading td	{
				font-size:	115%;
				font-weight:	bold;
				/*
				color:		black;
				background:	#C0FFFF;
				*/
				color:		white;
				background:	#808080;

				border-style: solid;
				/*
				border-color: gray;
				*/
				border-color: black;
				/* border: top right bottom left */
				border-width: 2px 0px 2px 0px;
				padding: 3px 0px 3px 16px;
			}
table.paymentinfo .spacer-big {
				height: 12px;
			}
table.paymentinfo .spacer-small {
				height: 6px;
			}

/*
 *	"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%;
			}
span.inline-spacer	{
				font-size: 20%;
			}

.confirmOrder		{
				/*
				background: url("images/background-lighter.jpg") repeat;
				*/
				font-size: 150%;	/* this makes the button bigger, too */
				/* color: purple; */			/* font color */
				/* background-color: green; */	/* button bg color */
				/* border: 5px inset #202542; */
				border: 5px outset ;
			}

table.almostdone	{
				border-collapse: collapse;
				border: 3px double yellow;
				padding: 10px 10px 10px 10px;
				background: #d0d8e0;
				color: black;
			}
.almostdone table	{
				margin: 10px 10px 10px 10px;
			}
.almostdone td		{
				padding-left: 10px;
				padding-right: 10px;
				padding-top: 2px;
				padding-bottom: 2px;
			}

.declined p		{
				margin-left: 2em;
				margin-right: 1em;
			}
.declined #declinemsg {
				border-collapse: collapse;
				border: 3px double red;

				text-align: center;
				margin-left: 2em;
				margin-right: 2em;
				padding-top: 10px;
				padding-bottom: 10px;
				padding-left: 30px;
				padding-right: 30px;
				font-size: 125%;
				color: red;
				background-color: white;
			}

/* this seems like a lot just to style the "declined details" box and list ... */
.declined #details {
				border-collapse: collapse;
				border: none;
				/* border: 3px double red; */
				text-align: center;
				margin-left: 2em;
				margin-right: 2em;
				/*
				margin-top: 10px;
				margin-bottom: 10px;
				*/
				/*
				padding-top: 10px;
				padding-bottom: 10px;
				*/
				padding-left: 30px;
				padding-right: 30px;
				font-size: 100%;
				font-style: normal;
				color: red;
				background-color: white;
			}
.declined #details p	{
				margin-top: 10px;
				margin-bottom: 0px;
			}
.declined #details ul	{
				text-align: left;
				margin-top: 5px;
				margin-right: 8px;
				/* margin-left: 3em; */
				margin-bottom: 0px;
			}

.cartstatus		{
				vertical-align: middle;
			}

/* this is used to display the order information - customer address(es)
 * and cart contents in the checkout pages.
 */
.orderinfo 		{
				/* override previously-inherited values: */
				color:		black;
				font-size:	100%;
				line-height:	normal;
			}

.bggray			{
				background: #C0C0C0 url("images/background-lighter.jpg") repeat;
				background-position: top left;
			}