@charset "utf-8";
/* CSS Document */


body {
	background-color: #FFFFFF;
	margin: 0em;
	color:#000000;
	text-align: center;
	font-family:Verdana;
	font-size: 12px;}

a {
	text-decoration: none;
	color:#669900;}

.big {
	font-size: 14px;
	font-weight: bold;
}

#text {
	font-size: 9px;
	color: #999999;
}

.viewcart {
	text-align: right; }
	
.orderForm {
	text-align: left;
	font-size: 10px;}

.trade {
	font-size: 10px;}
	
#content fieldset {
	width: 550px;
	margin: 1em 0;
	padding: 1em;		
	border : 1px solid #ccc;}

#content legend {
		color: #007445;
		font-size:12px;
		font-weight: bold;}

.style1 {
	font-size: x-small;
	font-style: italic;
}

.style2 {
	font-size: x-small;
}

a:hover{
	color:#336633;}

#container{
	width: 689px;
	height: 100%;
	position: relative;}

input[type="text"], textarea, select { width: 200px; border: 1px solid green; }

#top {
	height: 86px;
	vertical-align: bottom;
	background-image:url(../images/top.jpg);}

#middle {
	height: 102px;
	background-image:url(../images/middle.jpg);}

#bottom {
	height: 70px;
	background-image:url(../images/bottom.jpg);}	

/* MENU SYSTEM ------------------------------------------------------------------------------------------------------------ */
	#menu {
		width: 689px;
		height: 58px;
		background-image:url(../images/menu.jpg);}
	
	#menu a {
	  position: absolute;
	  width: 126px;
	  height: 58px;
	  text-indent: -1000em;}
	
	#menu .home a { top: 258px; left: 30px; background-image:url(../images/home.jpg);}
	#menu .home a:hover { background-image:url(../images/homeOver.jpg); }	
	
	#menu .order a { top: 258px; left: 156px; background-image:url(../images/order.jpg); }
	#menu .order a:hover { background-image:url(../images/orderOver.jpg); }	
	
	#menu .prices a { top: 258px; left: 282px; background-image:url(../images/prices.jpg); }
	#menu .prices a:hover { background-image:url(../images/pricesOver.jpg); }	
	
	#menu .info a { top: 258px; left: 408px; background-image:url(../images/info.jpg); }
	#menu .info a:hover { background-image:url(../images/infoOver.jpg); }	
	
	#menu .contact a { top: 258px; left: 534px; background-image:url(../images/contact.jpg); }
	#menu .contact a:hover { background-image:url(../images/contactOver.jpg); }	
		
	#menu ul {
	  margin: 0;
	  padding: 0;
	  list-style: none;
	}
/* MENU END ------------------------------------------------------------------------------------------------------------ */

#content {
	height: 100%;
	padding: 3em;
	text-align:justify;
	background-image:url(../images/content.jpg);}

#title {
	padding: 3em 2em;
	text-align: left;
	height: 97px;}

#title label.l1 { 
	color: #fece67;
	font-size:15px;}

#title label.l2 { 
	color: #333333;
	font-size:15px;}

#supportText {
	top: 97px;
	padding: 2em 2em; }

#supportText label{
	color: #007a32; }	

#contactText {
	top: 97px;
	padding: 2em 2em; 
	text-align: left;}

#contactText label {
	color: #000000;}

#contactText fieldset {
	padding: 1em;
	border : 1px solid #ccc;}

#contactText legend { 
	font-weight: bold; 
	color: #fece67;}

#contactText label { display: block; }	

.button {  width: 60px; }

.required {
	font-size: 0.75em;
	color:#007a32;}

.status {
	font-size: 12px;
	color:#007a32;}

.error {
  position: relative;
  font-weight: bold;
  color:#66993;
  background: url(../images/error.png) no-repeat left top;
  font-size:10px;
}

#footer {
	background-image:url(../images/footer.jpg);
	height: 29px;
	font-size:10px;
	clear: both; }