<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Chobots - Payment</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8"/>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link rel="stylesheet" href="./css/style.css" type="text/css" media="screen" title="no title" charset="utf-8" />
<!--[if IE]><link rel="stylesheet" href="./css/ie6.css" type="text/css" media="screen" title="no title" charset="utf-8" /><![endif]-->
</head>
<body>
<div class="wrapper">
<div class="content general">
<div class="text">
<div class="menu">
<ul>
<li><a href="">Home</a></li>
<li><a href="">Payment</a></li>
<li><a href="">Community</a></li>
<li><a href="">Contact us</a></li>
</ul>
</div>
<div class="logo"> <a href=""><img src="./images/logo_inner.png" alt="Chobots" /></a> </div>
<!-- logo -->
<h1 class="title">Payment</h1>
<div class="inner">
<div class="blockPay">
<div class="iWarn"> <b>Warning</b> Please do not use your guardian’s/parent’s credit card without their permission or your account may be banner forever. </div>
<ul class="iPay">
<li><b>1</b>
<h2>Review Premium Membership Info</h2>
<br />
<p><span>Amount/Period</span>$5.99 Monthly</p>
<p class="iSec"><span>Name</span>Pupkin</p>
</li>
<li><b>2</b>
<h2>Choose Your Payment Type</h2>
<form method="post" action="">
<p>
<input type="radio" name="idPay" id="pay_cc" checked="checked" />
<label for="pay_cc"><img src="images/cc.gif" alt="" /> credit cards</label>
</p>
<p>
<input type="radio" name="idPay" id="pay_pp" />
<label for="pay_pp"><img src="images/pp.gif" alt="" /></label>
</p>
<p>
<input type="radio" name="idPay" id="pay_mb" />
<label for="pay_mb"><img src="images/mb.gif" alt="" /></label>
</p>
</form>
</li>
<li><b>3</b>
<h2>Enter Credit Card Information</h2>
<div class="iEnterCC"> <img class="bgItem1" src="images/cc_bg_left.gif" alt=""/>
<div class="item">
<h4>Your Credit Card</h4>
<label>Card Number</label>
<input type="text" />
<input type="text" />
<input type="text" />
<input class="iLast" type="text" />
<div><span>Expire</span>
<p>02<a title="up" href=""> </a><a title="down" class="down" href=""> </a></p>
<span>/</span>
<p>09<a title="up" href=""> </a><a title="down" class="down" href=""></a></p>
</div>
<div class="iHld">
<label>Card Holder</label>
<input type="text" />
</div>
</div>
<img class="bgItem2" src="images/cc_bg_right.gif" alt="" />
<div class="item i2">
<h4>Back of card</h4>
<div class="iHld Back">
<label>Security Code</label>
<span>xxxx</span>
<input type="text" />
</div>
</div>
</div>
</li>
<li class="iBig"><b>4</b>
<h2>Enter Credit Card Billing Information</h2>
<br />
<br />
<div class="iBilInfo">
<p>
<label>First Name</label>
<input type="text" />
</p>
<p>
<label>Last Name</label>
<input type="text" />
</p>
<p>
<label>Email</label>
<input type="text" />
</p>
<p>
<label>Phone</label>
<input type="text" />
</p>
</div>
<div class="iBilInfo iSec">
<p>
<label>Address 1</label>
<input type="text" />
</p>
<p>
<label>Address 2</label>
<input type="text" />
</p>
<p>
<label>City</label>
<input type="text" />
</p>
<p class="iSel">
<label>State/Province</label>
Please Select<a title="up" href=""> </a><a title="down" class="down" href=""> </a></p>
<p class="iHalf">
<label>Postal code</label>
<input type="text" />
</p>
<p class="iSel">
<label>Country</label>
Please Select<a title="up" href=""> </a><a title="down" class="down" href=""> </a></p>
</div>
<div class="iButton">
<input type="button" />
<span>or</span> <a href="#">Cancel</a> </div>
</li>
</ul>
</div>
<div class="blockInfo forPay">
<h2>Got questions? We got answers!</h2>
<ul>
<li><img src="./images/skype.gif" alt="" /> <a href="" >Chobots</a></li>
<li class="iSkype"><span>Chat</span><b>Anytime</b><br />
<span>Call</span><b>6:00-18:00</b></li>
<li><span>Phone</span><b>+1 315 123 456 6:00-18:00</b></li>
<li><span>Email</span><b>support@chobots.com</b></li>
</ul>
</div>
</div>
<!-- inner -->
</div>
<div class="decor all"> </div>
<!-- decor -->
</div>
</div>
<div class="wrapper">
<div class="footer"> <span class="copyright">© Vayersoft 2007-2009</span><br />
<a href="">Privacy Policy</a> <a href="">Terms and Conditions</a> <a href="" class="lang"><img src="./images/lang.gif" alt="lang" /></a> </div>
</div>
</body>
</html>
