body{
	margin: 0px;
	padding: 0px;
	background-color: #ff9c00;	
}

.head{
	padding: 5px;
	font-size: 35px;
	text-align: center;
}


.h-top{
	background-color: #005200;
	color: #ff9c00;	
}

.h-middle{
	background-color: #ff9c00;	
}

.h-bottom{
	font-size: 28px;
	background-color: #bd0000;
}


ul.navi{
	width: 200px;
	margin: 0px;
	padding: 0px;
	list-style: none;
	border: 0px solid red;
}
.navi li{
  float: left;
	width: 100px;
	border: 0px solid blue;	
}
.navi li a{
  color: black;
	font-weight: bold;
	text-decoration: none;
}
.navi li a:hover{
  color: #bd0000;
	text-decoration: underline;
}



.mainarea{
  width: 500px;
  margin: 0px auto;	
	border: 0px solid red;
}

.textarea{
	float: left;
	width: 510px;
	margin-right: 10px;
	padding: 10px;
	border: 1px solid black;
	background-color: #e8decf;
}


form{
  display: inline;
  clear: both;	
}

.textarea h2{
	margin: 0px;
	padding: 0px;
}

.splash img{
	margin-top: 40px;
	width: 550px;
	border: 1px solid black;
}

.splash div a{
	color: black;
	font-style: italic;
	text-decoration: none;
}

.splash div a:hover{
  color: #bd0000;
	text-decoration: underline;
}


.emptycart,
.shoppingcart{
	width: 600px;
	margin: 00px auto;
  border: 1px dotted black;
	font-size: 16px;
	font-weight: bold
}
.shoppingcart h1{
	text-align: right;
	margin: 0px;
	padding: 2px;
	font-size: 16px;
	font-style: italic;
  background-color: #005200;
	border-bottom: 0px solid black;
}


#footer a{
	color: black;
	text-decoration: none;
}
#footer a:hover{
	color: blue;
	text-decoration: underline;
}
#footer{
	margin: 0px auto;
	height: 1em;
	border: 0px solid red;
	text-align: center;	
	width: 530px;
}


.shoppingcart .footer{
	float: right;
	height: 1em;
	border: 0px solid red;
}
.shoppingcart .footer form{
	margin: 0px;
}


.shoppingcart .footer form{
	float: right;
	margin: 0px;
}

.shoppingcart .footer input,
.shoppingcart .footer .elm{
	float: left;
	margin: 0px;
	padding: 0px;
	margin-left: 20px;
}

.emptycart{
	text-align: center;
}

.item{
	width: 100%;
	float: left;
	border-bottom: 0px dotted grey;
}
.shoppingcart #labels{
  background-color: #005200;
	border-bottom: 1px solid black;
}
.shoppingcart #total{
	background-color: #bd0000;
		border-top: 1px solid black;
}

.item .label{
  float: left;	
	width: 300px;
	font-size: 85%;
}
.item .quantity,
.item .cost{
	width: 100px;
  float: left;	
}
.item .cost{
	width: 130px;
}



.cartitem{
	width: 500px;
	border: 1px solid black; 
	padding: 5px; 
	display: block; 
	background-color: red;
	margin: 10px auto;
	clear: none;
}


