body 
{
    background-color: #501a61;
    font-family: Arial;
    font-size: .95em;
    margin-top: 45px;
}

p
{
    
    font-size: 1.1em;
}

.header
{
    font-size: x-large;
    font-weight: bold;
    font-family: Arial;
}

div#banner 
{
    text-align: center;
}

div#productMenu 
{
    text-align: left;
    position: absolute;
    float: left;
    background-color: #dee4e7;
    font-size: medium;
    padding: 5px;
    border-style: outset;
    border-width: 3px;
    visibility: hidden;
}

div#navigation 
{
    text-align: center;
    margin: 35px;    
}

ul#navigation li.main
{
    margin-left: 2px;
    padding: 3px;
    list-style: none;
    display: inline;
    background: url("../images/nav.gif") repeat-x;
    background-position: 0px 0px;
    font-size: large;
    border-style: outset;
    border-color: #ccc;
    padding-left: 10px;
    padding-right: 10px;
    margin: 4px;
}

ul#navigation li a
{
    color: Black;
}

ul#navigation li a:hover
{
    color: #555;
    text-decoration: none;
}

div.content
{
    background-color: White;
    margin: 20px;
    padding: 20px;    
    
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    clear: both;
}

/* Begin Shopping Cart
 * This code is for the shopping cart bar
 * at the bottom of the page.
*/

#cart_wrapper { /* this will ba used as a wrapper for the cart so we can center it (cart). especially for IE */
	height: 30px; /* fix bar's height */
	width: 100%; /* use 100% of width */

    top: -17px;
	/* bottom: 10px; */
	position: fixed;
	z-index: 10000;
}

#cart_wrapper .cart { /* the menu itself */
	height: 30px; /* fix bar's height */
	width: 700px;
	color: #eeeeee;

	/* center this div */
	margin-left:auto;
	margin-right:auto;	
	
	/* add effect
	background-color:#ff0000;
	border:#666666 outset 2px; */
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	
	text-align: center;
	
	/* Grrrrr */
	_position: absolute;	
	_bottom: auto;
	_left: 50%;
	_margin-left: -375px;
	/* subtract 60 pixels so that it doesn't scrol down for infinity */
	_top: expression( ie6 = (document.documentElement.scrollTop + document.documentElement.clientHeight - 40 + "px") );
	
}
	
/*
* menu links and link effects
*/
#cart_wrapper .cart ul {
	padding-top: 5px;
	margin-left: auto;
	margin-right: auto;
	list-style:none;
	background-color: #cc0000;
	height: 35px;
	border:#666666 outset 2px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#cart_wrapper .cart li {
	display: inline;
	border-style: solid;
	border-width: 1px;
	
	padding-left: 3px;
	padding-right: 3px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	background-color: #eeeeee;
	color: #333;
}

#cart_wrapper .cart img 
{
	position:relative;
	top: 4px;
}

#cart_wrapper .cart li a {
	padding-top:3px;
	padding-bottom:5px;
	padding-left:9px;			
	padding-right:9px;
	background-color: #333;
}

#cart_wrapper .cart a:link, #cart_wrapper .cart a:visited {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	text-decoration:none;
	background-color:#cc0000;
}

#cart_wrapper .cart a:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	text-decoration:none;
	/*background-color:#0099FF;*/
}

.spacer { /* spacer w/ fixed height; give space to the content and fixed bar */
	height: 80px;
}

.footer 
{
    text-align: center;
    color: #ccc;
}

.footer a:link
{
    color: Yellow;
}

.footer a:hover
{
    color: #dd0;
}

.footer a:active
{
    color: #aa0;
}

.footer a:visited
{
    color: #aa0;
}