<style>

.newsletter {
	width:983px;
	clear:both;
	height:40px;
	margin-top:5px;
	background-color:#312d33;
	padding-top:12px;
	padding-left:10px;
	padding-right:10px;
	
}
.newsletter h1 {
	font-size:18px;
	color:#FFF;
	padding:0px;
	margin:0px;
	font-family:Tahoma, Geneva, sans-serif;
}
.newsletter input.txtbox-two {
	width:146px;
	padding-left:5px;
	padding-right:5px;
	height:19px;
	border:none;
	font-size:11px;
	background-color:#FFF;
	margin-right:20px;
}
.newsletter span {
	margin-right:10px;
}
.newsletter .float-left {
	float:left;
	width:650px;
	margin-left:40px;
}


.newsletter .float-left2 {
	float:left;
}
.newsletter input {
	vertical-align:middle;
}

body {
	margin-left: 0px;
		background-color:#312d33;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
</style>
<script>
function subscribe(id)
	{
	
if(id!=""){
var em=document.getElementById('emailaddress').value;
var nm=document.getElementById('fullname').value;


	var id=id;
	var xmlhttp;
	if (window.XMLHttpRequest)
	  {// code for IE7+, Firefox, Chrome, Opera, Safari
  		xmlhttp=new XMLHttpRequest();
  		}
	else
 	 {// code for IE6, IE5
  		xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  	 }
		xmlhttp.onreadystatechange=function()
	  {
  		if (xmlhttp.readyState==4 && xmlhttp.status==200)
    		{
	    document.getElementById("output2").innerHTML=xmlhttp.responseText;
    }
  }

xmlhttp.open("GET","http://www.drawpictures.co.uk/newsletter_subs_save.php?subs_email=" +em+ "&subs_name=" +nm,true);
xmlhttp.send();


}// end if
else if(id==""){

document.getElementById("fr").style.display="none";
document.getElementById("output2").style.display="none";

}
	}
	
	
	
	
	
	
</script>

<div class="newsletter" style="padding-bottom:5px;">
<div style="padding-top:5px;">
      <h1 class="float-left2">Newsletter Subscribe Now <img src="../images/arrow.png" width="12" height="13" alt="" /></h1>
      <div class="float-left" id="output2" style="width:460px;"> 
	  
       <input name="fullname" id="fullname" type="text" class="txtbox-two" onclick="if(this.value == 'Full Name') this.value='';" onblur="if(this.value.length == 0) this.value='Full Name';" value="Full Name" />
        
        <input name="emailaddress" id="emailaddress" type="text"  class="txtbox-two" onclick="if(this.value == 'Email Address') this.value='';" onblur="if(this.value.length == 0) this.value='Email Address';" value="Email Address"  />
        <input name="" type="image" src="../images/subscribe.png"  onClick="subscribe('1');"  />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
		<a href="../un-subscribe/" title="Un-Subscribe" target="_top">
		
		<span style="position:absolute; padding-top:0px;"><img src="../images/un-subscribe.png"  alt="Un-Subscribe"  /></span></a>
        <div class="clear"></div>
            </div>
		 
		
        <div  class="clear"></div>
      </div>
    

    </div>