/* 
Global CSS:	 Document
Client name: Wrekin Grain
Designed by: Visualcode Ltd
Author:		 S.Edwards
Creation: 	 03/05/2007.
 */

/*---------------------------Global Start -----------------------------*/

body {
	background:#FFF;
	text-align: center;
	margin:0;
	padding:0;
	font-family: "Tahoma", arial, helvetica, sans serif;
	color:#333;
	font-size:1em;
	}

* html body { /*to make IE 5.5 Center */ 
	text-align:center;
	}
	
div {	
	margin:0;
	padding:0;
	}
	
img {
	border:none;
	}
	
h1, h2, h3, h4, h5, h6 {
	font-family: "Tahoma", arial, helvetica, sans serif;
	}

table{
	width:100%;
	border:0;
	padding:0;
	margin:0;
	}
	
table td{
	padding:2px;
	border-bottom:1px solid #ECECEC;
	font-size:95%;
	}
	
h2, h3, h4{

	}	
	
h1 {
	font-weight:100;
	font-size:160%;
	}
	
h2 {
	font-weight:100;
	font-size:135%;
	}
 
h3 {
	font-weight:100;
	font-size:120%;
	color:#007103;
	text-align:center;
	}

h4 {
	font-weight:100;
	font-size:100%;
	color:#333;
	}
 
a:link {
	color:#007103;
	text-decoration:none;
	}

a:visited {
	color:#007103;
	text-decoration:none;
	}

a:hover {
	color:#FFD23B;
	}

a:active {
	color:#CCC;
	text-decoration:none;
	}

.clearb {
	clear:both;
	height:1px;
	font-size:0.1em;
	}
/*--------------------------- Containers -----------------------------*/




#Container {
	width:768px;
	margin:0 auto;
	text-align:center;
	padding:0;
	background:#FFF;
	}
	
/*--------------------------- Logo / Picture -----------------------------*/

#banner {
	width:768px; 
	height:255px;
	}

#banner2 {
	width:768px; 
	height:155px;
	}
	
#Logo { 
	float:left;
	padding:0;
	}

#strap{
	text-align:right;
	padding-top:45px;
	height:55px;
	background:url(images/header.gif) no-repeat right top;
	}

#strap h1{
	margin:0;
	padding:0;
	font-size:115%;
	color:#000;
	display:none;
	}

/*--------------------------- Main Navigation -----------------------------*/

#MainNav {
	text-align:center;
	border-top:#CCC solid 1px;
	border-bottom:#CCC solid 1px;
	position:relative;
	clear:both; 
	padding:2px 0 5px 0;
	margin-bottom:5px;
	font-weight:bold;
	}

#MainNav ul {
	list-style:none; 
	padding:0;
	margin:0;
	}
	
#MainNav ul li {
	display:inline; 
	padding:0 10px; 
	border-right:#CCC solid 1px; 
	font-size:70%;
	margin:0;
	position:relative;
	}
	
#MainNav ul li.end {
	display:inline; 
	margin:0;
	border-right:none;
	position:relative;
	}

#MainNav ul li a {
	color:#007103;
	position:relative;
	}
	
#MainNav ul li a:hover {
	color:#FFD23B;
	position:relative;
	}

/*--------------------------- MainContent -----------------------------*/	

#contentArea{
	margin-top:5px;
	padding:5px;
	background:#FFF;
	border-top:#CCC dotted 1px;
	border-bottom:#CCC dotted 1px;
	}

#introContent{
	background:#333;
	height:25px;
	text-align:right;
	font-size:90%;
	padding-top:5px;
	padding-right:10px;
	}

#clearContent{
	clear:both;
	height:1px;
	}
	
/*--------------------------- Content -----------------------------*/

#MainBody { 
	text-align:left; 
	padding-left:0px;
	font-size:85%;
	padding-right:0px;
	}

#MainBody li {
	background:url(images/bullet.gif) no-repeat;
	background-position:left 2px;
	list-style:none;
	padding-left:25px;
	margin-top:5px;
	}

#details{
	border-top:#FFF solid 1px; 
	font-size:75%;
	text-align:left;
	background:#FFF url(images/associates.gif) no-repeat right top;
	height:60px;
	clear:both;
	}

#details .address{
	margin-top:20px;
	}

#commod{
	float:right;
	width:200px;
	margin-bottom:10px;
	margin-left:10px;
	background:#DEE5B1 url(images/comBottom.gif) no-repeat left bottom;
	padding-bottom:10px;
	text-align:left;
	}
	
#commod h3{
	background:#DEE5B1 url(images/comTop.gif) no-repeat left top;
	margin:0;
	padding:10px 5px 5px 5px;
	color:#000;
	}

#commod p{
	padding:5px;
	margin:0;
	border-bottom:#FFF dotted 1px;
	}

#commod a{
	padding-left:20px;
	background:url(images/comArrow.gif) no-repeat left center;
	}

/*--------------------------- Footer -----------------------------*/

#Footer {
	margin:5px auto;
	width:760px;  
	padding-top:0px;
	font-size:70%;
	margin-top:10px;
	text-align:left;
	}


#legal{
	float:right;
	text-align:right;
	}

/*--------------------------- General Forms - Specific ---------------------------*/

form.custDetails {
	margin:0;
	padding:0;
	margin-top:10px;
	padding-top:10px;
	padding-left:20px;
	}

form.custDetails p {
	margin:0;
	padding:2px 0 2px 0 ;
	
	}

form.custDetails label {
	float: left;
	margin:0;
	padding:5px 1px 0 1px;
	width: 8em;
	text-align: left;
	font-size:95%;
	}

form.custDetails input,
form.custDetails select,
form.custDetails textarea{
	margin-bottom:5px;
	padding:2px 1px 0 1px;
	border:#CCC solid 1px;
	}

form.custDetails form input.standard {
	width:200px;
	}

form.custDetails form textarea {
	width:400px;
	font-size:9pt;
	}	


form.custDetails .submitOrder {
	margin-top:0px;
	text-align:left;
	}

form.custDetails .submitOrder input {
	background:#007103 url(images/button.gif) repeat-x;
	padding:3px 5px ;
	font-weight:bold;
	font-size:85%;
	border: 1px solid #CCC;
 	color:#FFF000;
 	margin: 0;
	}


/*--------------------------- report ---------------------------*/	

.market{
	text-align:center; 
	border:#FFD23B dotted 1px; 
	margin-top:10px;
	width:550px;
	padding:20px 0;
	background:#FEFA96;
	}

.Mbutton{
	background:#007103 url(images/button.gif) repeat-x;
	padding:10px 5px ;
	font-weight:bold;
	font-size:85%;
	border: 1px solid #FFD23B;
 	color:#FFF000;
 	margin: 0 auto;
 	display:inline;
	}

.Mbutton a{
	color:#FFD23B !important;
	}

#Mreport{
	border:#ccc solid 1px;
	background:#FFF;
	width:400px;
	margin:15px auto;
	padding:10px;
	font-size:95%;
	}

.Mlogo{
	text-align:left;
	}

.Mlogo img{
	float:left;
	margin-bottom:10px;
	}

#Mreport h1{
	color:#007103;
	display:inline;
	float:right; 
	margin-top:40px;
	}

.instructions{
	clear:both;
	font-size:90%;
	text-align:left;
	border:#FFD23B dotted 1px; 
	padding:0 10px 10px 10px;
	background:#FEFA96;
	margin:10px 0;
	}