body{ background: #321800; margin : 0px; font-family	: Verdana, Arial, Helvetica, sans-serif; font-size : small; text-align : left;}

.clr { clear: both; margin: 0; overflow: hidden; height: 1px; }

#header { background:  #321800 url(/heaptohome/images/heaptohome/stripe-background.gif) top left repeat-x; text-align: right; border-bottom: 0px solid #fff;}
#header img { margin:  80px 10px 0 18px; float:  left; }
#header h1 { margin: 0 0 0 400px; padding: 115px 18px 10px 0; font-size: 125%; color: #fff; text-decoration:none;}

#container { background: #321800; margin: 0; padding: 0; clear:  both; color: #fff; border: 0 solid #fff; border-width: 4px 0 0 0; line-height: 1.2em;}

#menu { float: left; width: 125px; padding: 65px 0 10px 0; background:  #321800 url(/heaptohome/images/heaptohome/stripe-background.gif) top left repeat-x; }
#menu ul { margin: 0; padding: 0; border: solid #fff; border-width: 1px 0 5px 0; list-style:  none; text-align: center; background: #3a3a3a;}
#menu ul li { margin: 3px 0; padding: 0.5em 0; border: solid #fff; border-width: 1px 0;}
#menu ul li a { color: #fff; padding: 0.5em 0; font-weight: bold; font-size:  110%; text-decoration: none; border-width: 0;}
#menu ul li a:hover { color: #321800; border-width: 0;}

#content { background: #3a3a3a; margin: 0 0 50px 125px; border: solid #fff; border-width: 1px 0 5px 5px; padding: 0 10px 0 0; }

#highlight { margin: 0 10px 10px 0; border: solid #fff; border-width: 0 5px 4px 0; padding: 0; float: left;}
#cutout { float: right; margin: 10px 20px; border: 4px solid #fff;}
#blackboard { float: right; margin: 0 20px; }


/*Product Listing*/

.product { float: left; width: 190px; margin: 10px 10px; padding: 5px 0; border: 2px solid #222; background: #444; text-align: center;}
.product .prop { float: right; width: 1px; height: 480px; margin: 0; overflow:hidden;}
.product h1 { text-align: left; margin: 5px; padding: 0.5em 0; font-size: 100%; text-decoration: none; min-height: 30px; color: #f00;}
.product p { text-align: left; margin: 5px; }
.product .key { text-align: left; margin: 5px;}
.product .key img { margin: 0 5px;}
.product .price { text-align: left; font-weight: bold; margin: 5px; color: #f00;}
.product .cart { clear:right;}

.global-key { margin: 10px; background: #333; border: 2px solid #999 ; padding: 3px 3px 3px 3px;}
.global-key span { margin: 0 100px 0 0; }
.global-key span img { vertical-align: bottom; margin: 0 10px 0 0; }

/*SHopping cart*/

table { margin: 10px; border: 2px solid #999; border-collapse: collapse; padding: 5px; color: #000;}
table th { text-align: left; border: 2px solid #999; padding: 0.3em 0.5em; background: #777; color: #fff;}
table tr { background: #eee; }
table td { border: 2px solid #999; padding: 0.3em 0.5em; }
table td input { width: 100px; }

div.updateQuantities { padding: 0 0 2em 0;  }

fieldset { margin: 10px; } 
fieldset ul { margin: 0; padding: 0; list-style: none;}
fieldset ul li { margin: 5px 15px; padding: 0; }
fieldset ul li label { display: block;  margin: 15px 0 1px 0; }
fieldset ul li input { width: 400px; }
fieldset ul li textarea { width: 400px; height: 5em; }

input.shoppingCart { margin: 0 30px 10px 10px; float: left; border: 2px solid #999; background: #777; color: #fff; padding: 0.1em 1em;}

fieldset.error { color: #f00; font-size: 110%; border: 2px solid #f00;}

/*General Styles*/

p { margin:  15px;}

h1{ font-size: 115%; margin: 10px 0; padding: 10px 1em; color: #321800; font-weight: bold; text-decoration: underline; }

h2{ font-size: 110%; margin: 5px 0; padding: 0; color: #321800; font-weight: bold; text-decoration: underline; }

ul { margin:  10px;}
ul li { margin: 10px 20px; }

a { color: #fff; font-weight: bold; }
a:hover { text-decoration: none; }
a img { border: none; }