body {
	font: 62.5% Verdana, Arial, Helvetica, sans-serif;
	background: #666666 url(../images/bg.gif) top left repeat-x fixed;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
div {
	margin:0;
	padding:0;
}
#container {
	width: 770px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
	position:relative;
	z-index:50;
}
#header {
	height: 200px; /*looks like setting a height isn't such a good idea, better fill it with the image*/
	border: 1px solid #122f00;
	border-bottom:none;
	z-index:100;
}
#menu {
	height: 40px; /*looks like setting a height isn't such a good idea, better fill it with the image*/
	background: #A04E17 url(../images/menu_g.gif) repeat-x;
	border: 1px solid #122f00;
	color:#F9A76A; /* delete? */
	position:relative;
}
#maincontent {
	padding: 20px 50px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background:#ffffff url(../images/contentbg.gif) top left repeat-y;
}
#maincontent img {margin:10px}
#footer {
/*	height:20px;*/
	padding: 5px 0;
	background: #C2A08B;
	text-align:center;
	font-size:80%;
}
h1 {margin:0;}
p {margin:0}
a img {border:none}
a,a :visited,a:active {color:#333366; text-decoration:underline}
a:hover{text-decoration:none}
/*typography*/
p {font-size:1.4em; margin:1em 0; color:black;}
p.head {font-size:1.6em; margin:1em 0; color:black;}
p.red {color: #CC0033}
.sm_cl { width:80%; margin:0 auto}
#footer {font-size:1.2em}

/* products -order.html*/
.prod_left {float:left; width:300px;margin-right:10px; font-size:1.4em; font-weight:700}
.prod_right {float:left; width:300px;margin-right:10px; font-size:1.4em; font-weight:700}
.prod_left img, .prod_right img {float:left}
/*view cart - cart.html*/
.cart_title {margin:20px 0; font-size:2em; font-weight:700;width:100%; text-align:center;}
table.cart_table {
	width:100%; 
	border: 1px solid gray;
	border-spacing: 0px;
	border-collapse: collapse;
}
table.cart_table .head {background: #DC984F; font-weight:700} 
table.cart_table .head td {text-align:center} 
table.cart_table td { 
	padding:4px; 
	border: 1px solid gray;
	font-size:1.4em;
	text-align:center
}
table.cart_table .names {
	text-align:left;
} 
table.cart_table .quant {
	width:30px;
	text-align:center;
}
table.cart_table tr.total {
	background: #F9C262;
	font-weight:700;
}
table.cart_table td.total {
	text-align:right;
}

div.right_align {
	width:100%;
	text-align:right;
}
div.center_align {
	width:100%;
	text-align:center;
}
div.cart_actions {
	font-size: 1.2em;
	color: #083379;
}

table.checkout_table {
	width:50%; 
	margin:0 auto;
}
table.checkout_table td { 
	padding:4px; 
	font-size:1.1em;
	text-align:left
}
table.checkout_table .field {
	text-align:right;
} 

table.checkout_table .bold {
	font-weight:bold;
}
table.checkout_table .head {
	text-align:right;
	font-weight:bold;
	font-size:1.3em;
} 

table.checkout_table .text {
	width:170px;
} 

table.checkout_table .shorttext {
	width:50px;
} 
  
table.checkout_table .error {
	text-align: center;
	color: red;
	font-size:1.2em;
	font-weight:bold;
} 
.mh {margin-top:40px; font-size:1.6em; font-weight:700;width:100%; text-align:center;}  
table.payments {
	width:50%; 
	margin:30px auto 0 auto;
}

table.pp {
	width:50%; 
	margin:30px auto 0 auto;
}

table.pp td {
	font-size:1.2em;
	text-align:left;
	padding:2px;
}

table.pp td.pay {
	text-align:center;
}

.process {
	width:660px;
	margin:0 auto;
	text-align:center;
}
.process table {
	text-align: left;
	width:100%;
}
.process table td {
	padding: 2px 0;
}
.field1 {
	width:220px;
}