I have two forms on the same page and am having some issues. The paypal form and the button are taking on the style of the other form but how do I go about seperating them using ID's or Classes

 

<div id="shop" class="contentbox">
 <img src="img/shop.png" /><br>
 <br>
 <br>
 <div class="item">
  <img src="img/t-shirt.png" />
 </div>
 <div class="paypal">
  <form action="https://www.paypal.com/cgi-bin/webscr" method="POST">
   <input type="hidden" name="cmd" value="_xclick">
   <input type="hidden" name="business" value="PAYPAL EMAIL ADDRESS">
   <input type="hidden" name="lc" value="US">
   <input type="hidden" name="item_name" value="ITEM FOR SALE">
   <input type="hidden" name="amount" value="PRICE">
   <input type="hidden" name="currency_code" value="USD">
   <input type="hidden" name="button_subtype" value="products">
   <input type="hidden" name="bn" value="PP-BuyNowBF:btn_buynowCC_LG.gif:NonHosted">
   <input type="image" src="https://www.paypal.com/en_US/i/btn/btn_buynowCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!"><img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1" />
  </form>
 </div>
 <p class="shopFont">Our original Pure Warrior T-Shirts are our first designs available to purchase. With the large PW logo printed on the front chest, v-neck and moulded fit material makes this T-Shirt ideal for general use or to wear whilst training.</p>
   </div>

   <div id="contact" class="contentbox">
 <img src="img/contact.png" /><br>
 <br>
 <br>
 <p class="contactFont">Please contact us using the form provided for any questions or queires you may have.<br>
 <br>
 We will respond to your question as soon as we can.</p>
 <form action="form_action_handler.php" method="POST">
  <label for="name">Name:</label>
   <input type="text" id="name" name="name">
  <label for="mail">Email Address:</label>
   <input type="text" id="mail" name="mail">
  <label for="comment">Comments:</label>
   <textarea rows="5" cols="20" id="comment" name="comment"></textarea>
  <input type="image" id="submit" name="submit" class="submit" src="img/formSend.png" />
 </form>
   </div>

 

* {
margin: 0;
padding: 0;
}
html {
padding: 10px;
background: #FFF;
}
body {
background-image: url("../img/bg.png");
font-family: "Trebuchet MS", Helvetica, sans-serif;
font-size: 14px;
line-height: 20pt;
color: #FFF;
}
/* ---------- Header Section ---------- */
#headerContainer {
height: 57px;
background: #FFF;
}
#header {
width: 940px;
height: 57px;
padding: 0px 20px;
margin: 0 auto;
}
#header #logo:hover {
opacity:0.8;
}
a img {
border: none;
}
/* ---------- Navigation Section ---------- */
#nav {
width: 940px;
height: 30px;
margin: 0 auto;
padding: 0px 20px;
position: relative;
}
#navHome {
width: 88px;
height: 34px;
position: absolute;
top: -5px;
left: 572px;
}
#navShop {
width: 88px;
height: 34px;
position: absolute;
top: -5px;
left: 690px;
}
#navContact {
width: 139px;
height: 34px;
position: absolute;
top: -5px;
left: 800px;
}
#navHome:hover {
opacity:0.8;
}
#navShop:hover {
opacity:0.8;
}
#navContact:hover {
opacity:0.8;
}
#bar {
height: 45px;
background: #FFF;
margin-top: 160px;
}
/* ---------- Content Section ---------- */
#contentContainer {
width: 940px;
height: 500px;
padding: 0px 20px;
margin: 0 auto;
position: relative;
top: -148px;
}
#content {
overflow: hidden;
}
.contentbox-wrapper {  
position: relative;
left: 0;
width: 3000px;
height: 100%;
}
.contentbox {
width: 916px;
height: 100%;
float: left;
padding: 10px;
}
#nav a.active {
/*font-weight: bold;*/
}
/* ---------- Home Section ---------- */
.homeFont {
width: 500px;
float: left;
}
#imgWings {
float: left;
padding-left: 100px;
}
/* ---------- Shop Section ---------- */
.item {
width: 272px;
height: 272px;
border: solid 10px #FFF;
float: left;
}
.paypal {
float: left;
padding-left: 50px;
}
.shopFont {
padding-left: 550px;
}
/* ---------- Contact Section ---------- */
form {
margin-left: 100px;
float: left;
}
label {
padding: 0px 0px 5px 0px;
display: block;
font-size: 14px;
font-weight: bold;
}
input {
width: 446px;
margin: 0px 0px 10px 0px;
padding: 5px;
display: block;
font-size: 14px;
color: #131313;
background: #FFF;
border: solid 2px #FFF;
}
textarea {
width: 446px;
height: 120px;
margin: 0px 0px 10px 0px;
padding: 5px;
display: block;
font-size: 14px;
color: #131313;
background: #FFF;
border: solid 2px #fff
}
input.submit {
padding: 0px;
display: block;
background: none;
border: none;
width: 88px;
height: 34px;
}
.contactFont {
width: 300px;
float: left;
}

the problem is my buy now paypal button is being distorted but have no idea why this is?

sorted had to add # infront of form and other attributes

Sorry, didn't get you. could you upload your code on server & share link here so we help you easily..