body  
{ 
	background-color: #308551;
	color: white;
}
input#rightinput
{
	text-align: right;
}
div#leftMain
{
	float: left;
	width: 469px;
	background-color: orange;
	padding-left: 6px;
}
div#rightBanner
{
	float:left;
	width:303px;
	background-color: orange;
	padding-left:6px;
	padding-right:6px;
}
#left
{	
	clear: left;
	float: left;
	width: 197px;
	background-color: orange;
	text-align: left;
}
#left ul li
{
	margin: 0 0 5px;
	padding: 0;
	list-style-type: none;
}
table#items
{
	width:740px;
	text-align:center;
	border:1px solid darkblue;
	border-spacing:0px;
}
table#shortitems
{
	width:400px;
	text-align:center;
	border:1px solid darkblue;
	border-spacing:1px;
	color: brown;
} 
td 
{
	border:1px solid darkblue;
	padding:2px;
	font-size:12px;
	font-family:arial;
}
th
{
	width:90px;
	border:1px solid darkblue;
	padding:2px;
	border-spacing: opx;
	font-family:courier;
	font-size:14px;
}
th#qty 
{
	width:65px;
}
th#price
{
	width:55px;	
}
th#description
{
	width: 200px;
	border:1px solid darkblue;
}
#left li a
{
	padding: 1px 5px;
	color: #fff;
	text-decoration: none;
}
#right
{
	float: right;
	width:587px;
	background-color: orange;
}
.main 
{
	float: left;
 	width: 790px;
	background-color: orange;
	padding:3px 0px;
	border-left: 5px solid darkblue;
	border-right: 5px solid darkblue;
	text-indent: 0px;
}
#header-container
{
	margin: 0 auto;
	width: 800px;
	background-color: darkblue;
}
#header 
{
	font-family: impact;
	text-align: center;
	padding: 6px 0px;
}
span.good
{ 
	color: blue;
	font-size: smaller;
	font-family: courier;
}
span.err
 { 
	color: red;
	font-size: smaller;
	font-family: Times New Roman;
}

#body-container 
{
	margin: 0 auto;
	width: 800px;
	background:#fff;
}
#portal-container
{
	float: left;
	width: 790px;
	color: #000;
	background: #333;
	border-left:5px solid darkblue;
	border-right:5px solid darkblue;
}

#portal
{
	margin: 0 auto;
	width: 800px;
}

#portal ul
{
	margin: 0;
	padding: 0;
}

#portal ul li
{
	list-style-type: none;
	display: inline;
}

#portal li a
{
	display: block;
	float: left;
	padding: 5px 10px;
	color: #fff;
	text-decoration: none;
	border-right: 1px solid #fff;
}

#portal li a:hover { background: #383; }
#footer
{
	background:darkblue;
	text-align: right;
	padding: 20px;
}
#spacer
{	
	clear: left;
	height:25px;
	width:790px;
	background:#333;
	border-left: 5px solid darkblue;
	border-right: 5px solid darkblue;
}
p
{
	text-indent: 10px;
}
h2
{
	text-indent: 6px;
}
    div.item {
      border-top: solid black 1px;      
      margin: 10px; 
      padding: 0px; 
      width: 760px;
      padding-bottom: 0px;
    }
    span.thumbnail {
      float: left;
      margin-right: 00px;
      padding: 0px;
      border: solid silver 1px;  
      font-size: x-small; 
      text-align: center
    }    
    span.attr {
      font-weight: bolder;  
    }
    span.title {
      font-weight: bolder;  
      font-size: x-large
    }
    .thumbnail img {
      border: 0px; 
	  width: 200px;
	  height: 150px;
    }    
    a {
      color: brown; 
      text-decoration: none;  
    }
	#ratio
	{
		font-size: 14px;
		text-align: center;
		color: darkblue;
		width: 50px;
	}
	#ratiohead
	{
		font-size: 16px;
		color: red;
		text-align: center;
		width: 50px;
	}