
img.formlogo { position:relative;  display:block;  width:300px;  border:none; float:left;  }

/* ~~~  F O R M S    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
form#contactform, form.contactform  {  
	background:transparent url(/image-twm/green-TtoB.jpg) top left repeat-x; 
	color:#739b40;
	font-size:100%;
}


form#contactform  { position:relative; 
	display:block; 
	text-align:left;
	width:86%;
	border:none;
	background:transparent;
	background-image:none;
	padding:0;
  }


form.contactform fieldset  { 	
	position:relative;
	display:block; 
	background:transparent;
	width:98%;
	border:3px solid #fff;
	padding:1%;
	margin:0;
	font:normal 100% verdana, sans-serif;
	text-align:left;
}
form#contactform fieldset { 	
	position:relative;
	display:block; 
	background:transparent;
	width:98%;
	border:3px solid #fff;
	padding:1%;
	margin:0;
	font:normal 100% verdana, sans-serif;
	text-align:left; 
	border:3px solid #739b40; margin-right:1px;  }


form#contactform legend, form.contactform legend   {  
	color:#739b40;
	background:#f6f9ed;
	font-size:90%;
	font-weight:bold;
	text-align:center;
	margin:.5em;
	padding:.3em .6em;
	border:3px #fff solid;
}

form#contactform label { position:relative; 
	display:inline;  
	padding:1% 3% 1% 1%;
 	margin:0 .5em 1em 1.5em;
	border:none; color:#006400; font-weight:bold;
}

form#contactform input.hidden {  position:relative; display:block;
background:transparent;
	text-align:left; 
	border:none;
padding:0; 
	height:1px; 	
	width:1px;
	margin:0; }

form#contactform input.text { position:relative; display:block;
	text-align:left; 
	border:1px solid #739b40;
padding:.1em; 
	height:1.5em; 	
	width:76%;
	margin:0 0 3% 5%;
 }

form#contactform textarea, form#contactform textarea#in2, form.contactform textarea { position:relative; 
	display:block; 
	width:88%;
	margin:1% 0 2% 5%;
padding:.1em; 
	height:12em;
	border:1px solid #739b40;
	color:#000; /*#739b40;*/
	background:#fff url(http://www.templetonfinn.co.uk/images/shade.gif) repeat-x bottom left;
}
form#contactform textarea:hover, form#contactform input:hover  {
	background:#F6F9ED;  }


form#contactform input.ready  { position:relative; display:block; 	
	width:6em; 
	float:right;
	text-align:center;
	font-size:1.1em;
	letter-spacing:.4em;
	font-weight:bold;
	text-decoration:none;
	background:transparent url("/image-twm/greentab.jpg") repeat top left;
	border:3px solid #b42304;
	color:#000;
	margin:0 40px 0 0;
	padding:5px; 
}
/* background:transparent url("/image-twm/greentab.jpg") repeat top left;  */
form#contactform input.ready:hover   {   	
	background:#f27559;
	color:#000;
	border:3px solid #b42304;
 }
form#contactform input.getresult:hover  {   	
	background:#f27559;
	color:#000;
	border:3px solid #b42304;
 }
#contactform input  { display:block;
width:80%;
border:1px solid #739b40; 
background:#fff; 
padding:.1em; 
margin:.5em 4em 1em 1em; 
}


/*  ~~~   CONTACT FORM  ~~~~ */
.formright { position:relative; 
border:solid 1px #3CB371;
display:block; 
width:41%;  float:right; 
 margin:0 1% 3% 0; padding:3%; 
height:auto;  text-align:left;
 background:#fff; 
}
form { background:transparent url("/image-twm/green-LtoR.jpg") repeat-y top center;
position:relative;
	display:block;
 text-align:center;
	margin:5% 0 0 0;
	padding: 1%;
	width:100%;
	color:#000;
}
fieldset {position:relative;  color:#000;
	display:block; width:76%; margin:1% 4% 5% 4%;  padding:4% 6% 5% 6%; 
		border:2px solid #fff; }
legend { color:#fff;
	font-size:90%;
	font-weight:bold;
	text-align:center;
	margin:5%;
}
.newsletterlink form    { display:block;  width:100%;margin:0;padding:5px;}     
 .newsletterlink form fieldset   {width:99%; border:0; margin:0; padding:0;}    

.newsletterlink form input     { margin: 0; padding:.1em; width:90%;  } 
.newsletterlink form input.ready     { display:block; width:50%;margin:0; padding:0;  } 

form#contactform.formtopform, form.formtopform      {  position:relative; display:block;   
width:99%; margin:0; padding:0;
background:#ffe2dc; border:0;}

form#contactform.formtopform label { position:relative; 
	display:inline;  
	padding:5px;
 	margin:3px 5px 1px 5px;
	border:none;
}

.topformbox form.formtopform input.hidden {  position:relative; display:block;
background:transparent;
	text-align:left; 
	border:none;
padding:0; 
	height:1px; 	
	width:1px;
	margin:0; }
form#contactform.formtopform input.text { position:relative; display:block;
	text-align:left; 
	border:1px solid #739b40;
padding:.1em; 
	height:1.5em; 	
	width:70%;
	margin:0 5px 1px 15px;
 }
 
.salebox form input.ready, form#contactform.formtopform input.ready  { position:relative; display:block; float:right;	
	width:3em; 
	text-align:center;
	font-size:1.3em;
	letter-spacing:.4em;
	font-weight:bold;
	text-decoration:none;
	background:transparent url("/image-twm/greentab.jpg") repeat top left;
	border:3px solid #b42304;
	color:#000;
	margin:-4em .5em 0 1em;
	padding:5px 5px 5px 10px; 
}                                      
.salebox form {  position:relative; display:block; clear:both; 
background:none; margin:0; padding:0; }

.salebox form input.ready {  position:relative; display:block; float:right; width:9em;
margin: 0 1em 0 0; padding: 0; }

.salebox form label#infprice   { position:relative; display:block; float:left;	
	width:2.3em; margin:0;  padding: .1em 0 .2em 0; font-size:1.3em; font-weight:bold; color:green;  }

.salebox form label   { position:relative; display:block; float:left;	
	width:2.3em; margin:0;  padding: .1em 0 .2em 0; font-size:1.3em; font-weight:bold; color:green;  }
	
form#contactform.topformbox form.formtopform fieldset {   margin:1%; border:3px solid #b42304;  
}
.topformbox form.formtopform h2 { width:90%; margin:0 0 0 5%; padding:3px 0 0 0; display:block; text-align:center; color:#000;font-weight:normal;}

.pinkformbox form.pinktopform       {  position:relative; display:block;   
width:90%; margin:1% 5%; padding:5px;
background:#fb9ab2; }
.pinkformbox form.pinktopform fieldset {display:none;  display:block; float:right; color:#efcac3;  width:40%;  margin:1%; background:#fb9ab2;
}  
.pinkformbox form.pinktopform label { display:none;  color:red;   
}
.pinkformbox form.pinktopform h2  {font-size:2em; margin:0; padding-top:0; padding-bottom:1.2em; letter-spacing:-0.1em;  display:block; text-align:center; color:red; } 
.pinkformbox form.pinktopform input     { display:block; font-size:1em; padding:1%;   width:97%; float:left; text-align:center; color:red; border:solid 3px red;
   margin-bottom:5px;
clear:left; } 
.pinkformbox form.pinktopform input.hidden { display:none }
.pinkformbox form.pinktopform input.ready     { display:block;     float:right; 
font-weight:bold; font-size:2em; padding:1em .5em;   width:3em;  text-align:center; color:#000; background:red; border:4px solid #fff; } 
 
 