
#outerColumnContainer {
	/* reserves space for the left and right columns. you can use either
	 * padding, margins, or borders, depending on your needs. however you
	 * can use the border method to create a background color for both left
	 * and right columns
	 */
   border-left: solid 14em #e3e9e9;
   }
#innerColumnContainer
{
   border: solid 1px #e3e9e9;
   border-width: 0 1px;
   width: 100%;
   z-index: 1;
}
#leftColumn, #rightColumn {
   overflow: visible;	/* fix for IE italics bug */
   position: relative;  /* fix some rendering issues */
   }
#leftColumn {
   float: left;
   margin: 0 0 0 -14em;
   width: 14em;
   z-index: 4;
   }
#rightColumn {
   float: left;
   width: 100%;
   z-index: 2;
}

/* my own styles */

.error
{
   color: red;
}

p.instructions {
   white-space: pre;
   }

/* A bunch of table classes */

table.order-line 
{
   text-align:left; 
   white-space:nowrap; border-spacing:10px 0px; 
}

table.button-line td 
{
   padding: 0px 20px 0px 0px; 
}

table.show-sub 
{ 
   border-collapse:separate; 
   border-spacing:15px; 
}
table.show-sub a 
{ 
   text-decoration:none; 
}
table.show-sub a:link 
{ 
   color:#5199a3; 
}
table.show-sub a:visited 
{ 
   color:#2a6d75; 
}
table.show-sub a:hover, table.show-sub a:focus 
{
   text-decoration:underline; 
   color:#6bb2ba; 
}

table.show-prod td 
{
   text-align:center; 
   vertical-align:top; 
}
table.show-prod td table tr td 
{
   text-align:left; 
}

table.buyer-form 
{
   vertical-align:top; 
}
table.order-form 
{
   border-spacing:10px 0px; 
}

img.illustrate{
   float:left;
   clear:left;
   margin:0px;
   }
.image_box{
   float: left;
   clear: left;
   width: 550px;
   margin: 0px 5px 0px 0px;
   }
.caption{
   margin: 0px 0px 10px;
   padding: 0px;
   }

td.order 
{
   white-space:pre; 
   vertical-align:top; 
}

td.money 
{
   text-align:right; 
   vertical-align:top; 
}

td.address {
   width:20em;
   }
#fine_print {
   font-size:xx-small
   }
p.extra {
   line-height: 2;
   }
.displayLinks {
   margin-left:2em;
   display: block;
   }
.layout {
   border-bottom: solid 1px white;
   text-align: center;
   }
.layout ul, .layout ul li {
   display: inline;
   list-style-type: none;
   margin: 0;
   padding: 0;
   }
.layout img {
   border: groove 5px #6bb2ba;
   }
