r174 - in trunk/www.openmoko.com: . cgi-bin htdocs htdocs/stylesheets

roh at sita.openmoko.org roh at sita.openmoko.org
Wed Jan 23 12:15:24 CET 2008


Author: roh
Date: 2008-01-23 12:15:22 +0100 (Wed, 23 Jan 2008)
New Revision: 174

Added:
   trunk/www.openmoko.com/cgi-bin/
   trunk/www.openmoko.com/cgi-bin/distributor-signup.cgi
   trunk/www.openmoko.com/cgi-bin/distributor_signup_done.tmpl
   trunk/www.openmoko.com/htdocs/contact-distributors.html
Modified:
   trunk/www.openmoko.com/htdocs/stylesheets/style.css
Log:
- add distributor signup form
- add cgi and template for the form which sends mail to rt


Added: trunk/www.openmoko.com/cgi-bin/distributor-signup.cgi
===================================================================
--- trunk/www.openmoko.com/cgi-bin/distributor-signup.cgi	2008-01-13 22:17:19 UTC (rev 173)
+++ trunk/www.openmoko.com/cgi-bin/distributor-signup.cgi	2008-01-23 11:15:22 UTC (rev 174)
@@ -0,0 +1,210 @@
+#!/usr/bin/perl
+#
+# Openmoko distributor subscription cgi - (c) 2008 by OpenMoko, Inc.
+# Author: Joachim Steiger <roh at openmoko.org>
+#
+# based upon
+## OpenMoko order.cgi - (C) 2007 by OpenMoko, Inc.
+## Author: Harald Welte <laforge at openmoko.org>
+#
+# Please don't take this code seriously, and please deprecate it soon.
+#
+
+use strict;
+
+use CGI qw/:standard/;
+use CGI::Carp 'fatalsToBrowser';
+use HTML::Template;
+use Net::SMTP;
+use Locale::Country;
+
+$CGI::POST_MAX = 10240;
+$CGI::DISABLE_UPLOADS = 1;
+
+my $q = new CGI;
+
+my %params = $q->Vars();
+my $tmpl;
+
+$tmpl = HTML::Template->new(filename => 'distributor_signup_done.tmpl', die_on_bad_params => 0);
+
+if (!defined $tmpl) {
+	die "template error\n";
+}
+
+
+# put all query values into template variables
+sub query_to_tmpl()
+{
+	for my $k (keys %params) {
+		$tmpl->param($k => $params{$k});
+	}
+}
+
+# send mail about order to RT
+sub send_mail()
+{
+	my $from = "webserver\@openmoko.com";
+
+	my @data;
+	push(@data, "From: $from\n");
+	push(@data, "To: distributor\@openmoko.com\n");
+	push(@data, "Subject: OpenMoko Distributor signup request\n");
+	push(@data, "User-Agent: OpenMoko distributor signup CGI v0.01\n");
+	push(@data, "\n");
+
+	push(@data, "Requestor: $params{'contact_email'}\n");
+	push(@data, "CF.{distrib_co_name}: $params{'company_name'}\n");
+	push(@data, "CF.{distrib_co_region}: $params{'company_regions'}\n");
+	push(@data, "CF.{distrib_co_url}: $params{'company_url'}\n");
+	push(@data, "CF.{distrib_co_descr}: $params{'company_description'}\n");
+	push(@data, "CF.{distrib_addr}: $params{'shipping_address1'}\n");
+	push(@data, "CF.{distrib_addr2}: $params{'shipping_address2'}\n");
+	push(@data, "CF.{distrib_addr_zip}: $params{'shipping_zip'}\n");
+	push(@data, "CF.{distrib_addr_city}: $params{'shipping_city'}\n");
+	push(@data, "CF.{distrib_addr_state}: $params{'shipping_state'}\n");
+	push(@data, "CF.{distrib_addr_country}: $params{'shipping_country'}\n");
+	push(@data, "CF.{distrib_addr_phone}: $params{'shipping_phone'}\n");
+	push(@data, "CF.{distrib_addr_fax}: $params{'shipping_fax'}\n");
+	push(@data, "CF.{distrib_billaddr}: $params{'billing_address1'}\n");
+	push(@data, "CF.{distrib_billaddr2}: $params{'billing_address2'}\n");
+	push(@data, "CF.{distrib_billaddr_zip}: $params{'billing_zip'}\n");
+	push(@data, "CF.{distrib_billaddr_city}: $params{'billing_city'}\n");
+	push(@data, "CF.{distrib_billaddr_state}: $params{'billing_state'}\n");
+	push(@data, "CF.{distrib_billaddr_country}: $params{'billing_country'}\n");
+	push(@data, "CF.{distrib_billaddr_phone}: $params{'billing_phone'}\n");
+        push(@data, "CF.{distrib_billaddr_fax}: $params{'billing_fax'}\n");
+	push(@data, "CF.{distrib_contact_name}: $params{'contact_name'}\n");
+	push(@data, "CF.{distrib_contact_email}: $params{'contact_email'}\n");
+	push(@data, "CF.{distrib_contact_phone}: $params{'contact_phone'}\n");
+	push(@data, "CF.{distrib_contact_fax}: $params{'contact_fax'}\n");
+	push(@data, "\n");
+
+	push(@data, "Corporate Information:\n");
+	push(@data, "Company Name: $params{'company_name'}\n");
+	push(@data, "Regions Served: $params{'company_regions'}\n");
+	push(@data, "Website: $params{'company_url'}\n");
+	push(@data, "Description: $params{'company_description'}\n");
+	push(@data, "\n");
+	
+	push(@data, "Shipping Address:\n");
+	push(@data, "Addr1: $params{'shipping_address1'}\n");
+	push(@data, "Addr2: $params{'shipping_address2'}\n");
+	push(@data, "ZIP: $params{'shipping_zip'}\n");
+	push(@data, "City: $params{'shipping_city'}\n");
+	push(@data, "State: $params{'shipping_state'}\n");
+	my $shipping_country = code2country($params{'shipping_country'});
+	push(@data, "Country: $shipping_country [$params{'shipping_country'}]\n");
+	push(@data, "Phone: $params{'shipping_phone'}\n");
+	push(@data, "Fax: $params{'shipping_fax'}\n");
+	push(@data, "\n");
+
+	if ($params{'billing_address1'} eq '') {
+		push(@data, "Billing Address equals Shipping Address\n");
+	} else {
+		push(@data, "Billing Address:\n");
+		push(@data, "Addr1: $params{'billing_address1'}\n");
+		push(@data, "Addr2: $params{'billing_address2'}\n");
+		push(@data, "ZIP: $params{'billing_zip'}\n");
+		push(@data, "City: $params{'billing_city'}\n");
+		push(@data, "State: $params{'billing_state'}\n");
+		my $billing_country = code2country($params{'shipping_country'});
+		push(@data, "Country: $billing_country [$params{'billing_country'}]\n");
+		push(@data, "Phone: $params{'billing_phone'}\n");
+	        push(@data, "Fax: $params{'billing_fax'}\n");
+	}
+	push(@data, "\n");
+
+	push(@data, "Contact Information:\n");
+	push(@data, "Name: $params{'contact_name'}\n");
+	push(@data, "email: $params{'contact_email'}\n");
+	push(@data, "Phone: $params{'contact_phone'}\n");
+	push(@data, "Fax: $params{'contact_fax'}\n");
+	push(@data, "\n");
+
+	my $smtp = Net::SMTP->new(Host => 'localhost', Debug => 1);
+
+	$smtp->mail($from);
+	$smtp->to('distributor at openmoko.com');
+	$smtp->data(\@data);
+	$smtp->quit();
+}
+
+
+# start http header output
+print $q->header();
+
+#print Dump;
+
+# check parameters for validity 
+
+my @err = undef;
+
+if ($params{'company_name'} eq '') {
+	push(@err, 'Company name is mandatory');
+}
+
+if ($params{'company_regions'} eq '') {
+        push(@err, 'Company regions is mandatory');
+}
+
+if ($params{'company_url'} eq '') {
+        push(@err, 'Company url is mandatory');
+}
+
+if ($params{'company_description'} eq '') {
+        push(@err, 'Company description is mandatory');
+}
+
+if ($params{'shipping_address1'} eq '') {
+	push(@err, 'Shipping address is mandatory');
+}
+
+if ($params{'shipping_zip'} eq '') {
+        push(@err, 'Shipping zip is mandatory');
+}
+
+if ($params{'shipping_city'} eq '') {
+	push(@err, 'Shipping city/location is mandatory');
+}
+
+if ($params{'shipping_country'} eq '') {
+	push(@err, 'Shipping country is mandatory');
+}
+
+if ($params{'shipping_phone'} eq '') {
+	push(@err, 'Shipping phone is mandatory');
+}
+
+if ($params{'contact_name'} eq '') {
+        push(@err, 'Contact name is mandatory');
+}
+
+if ($params{'contact_email'} eq '') {
+        push(@err, 'Contact email is mandatory');
+}
+
+if ($params{'contact_phone'} eq '') {
+        push(@err, 'Contact phone is mandatory');
+}
+
+
+if ($#err) {
+	print $q->start_html(-title => 'OpenMoko Distributor signup form', -author => 'webmaster at openmoko.org');
+	for my $e (@err) {
+		print $q->h3($e);
+		print $q->br();
+		print "\n";
+	}
+	print $q->end_html();
+	exit 0;
+}
+
+query_to_tmpl();
+
+# send mail to RT
+send_mail();
+
+
+print $tmpl->output();
+


Property changes on: trunk/www.openmoko.com/cgi-bin/distributor-signup.cgi
___________________________________________________________________
Name: svn:executable
   + *

Added: trunk/www.openmoko.com/cgi-bin/distributor_signup_done.tmpl
===================================================================
--- trunk/www.openmoko.com/cgi-bin/distributor_signup_done.tmpl	2008-01-13 22:17:19 UTC (rev 173)
+++ trunk/www.openmoko.com/cgi-bin/distributor_signup_done.tmpl	2008-01-23 11:15:22 UTC (rev 174)
@@ -0,0 +1,82 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+<head>
+	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+	<title>openmoko.com: Contact</title>
+
+	<link href="/stylesheets/style.css" rel="stylesheet" type="text/css" />
+	<link rel="shortcut icon" href="/images/favicon.ico" />
+
+<!--[if gt IE 6]>
+	<link rel="stylesheet" type="text/css" href="/stylesheets/ie7fix.css" media="screen" />
+	<meta http-equiv="imagetoolbar" content="no" />
+<![endif]-->
+<!--[if lte IE 6]>
+	<link rel="stylesheet" type="text/css" href="/stylesheets/ie6fix.css" media="screen" />
+	<meta http-equiv="imagetoolbar" content="no" />
+<![endif]-->
+
+	<link href="/stylesheets/print.css" rel="stylesheet" type="text/css" media="print" />
+	<script type="text/javascript">
+		document.write('<style type="text/css">.tab_item{display:none;}<\/style>');
+
+		var images_dir = 'uploaded_images/';
+		var images_gallery = true;var png_fix = false;
+	</script>
+
+	<script type="text/javascript" src="/javascripts/prototype.js"></script>
+	<script type="text/javascript" src="/javascripts/overlay.js"></script>
+	<script type="text/javascript" src="/javascripts/tabs.js"></script>
+	<script type="text/javascript" src="/javascripts/screenshots.js"></script>
+</head>
+
+<body>
+
+<div id="wrapper">
+	<div id="header" class="header_contact ">
+		<a href="#" id="site_logo"><img src="/images/openmoko_logo.png" alt="openmoko.com" /></a>
+		<div id="main_navigation">
+			<ul>
+				<li><a href="/index.html" class="nav_home"><span>Home</span></a></li>
+				<li><a href="/products-index.html" class="nav_products"><span>Products</span></a></li>
+				<li><a href="https://direct.openmoko.com" class="nav_shop"><span>Shop</span></a></li>
+				<li><a href="/about-index.html" class="nav_about"><span>About</span></a></li>
+				<li><a href="/press-index.html" class="nav_press"><span>Press</span></a></li>
+				<li><a href="/careers-index.html" class="nav_careers"><span>Careers</span></a></li>
+				<li><a href="/contact-index.html" class="nav_contact selected"><span>Contact</span></a></li>
+			</ul>
+		</div>
+	</div>
+
+	<div class="left_container">
+		<a href="/products-neo-base-00-stdkit.html" class="side_banner"><img src="/images/__sample_banner_1.png" alt="baner" /></a>
+		<a href="/products-neo-base-00-stdkit.html" class="side_banner"><img src="/images/__sample_banner_2.png" alt="baner" /></a>	
+    </div>
+	
+	<div class="right_container">
+		<div class="content" id="site_content">
+			<h2>Openmoko Distributor signup form</h2>
+			<h3 class="inputform">Thank you for registering with Openmoko. A representative has been notified of your submission and will get back to you shortly.
+</h3>
+			<a href="/contact-index.html">back to Openmoko contacts page.</a>
+		</div>
+		<a href="#" class="top_link"><span>top</span></a>
+	</div>
+	
+	<div class="clear" style="height:20px;"></div>
+	<div id="footer">
+		<ul id="secundary_navigation">
+			<li><a href="/index.html">Home</a></li>
+			<li><a href="/products-index.html">Products</a></li>
+			<li><a href="https://direct.openmoko.com">Shop</a></li>
+			<li><a href="/about-index.html">About</a></li>
+			<li><a href="/press-index.html">Press</a></li>
+			<li><a href="/careers-index.html">Careers</a></li>
+			<li><a href="/contact-index.html" class="selected">Contact</a></li>
+		</ul>
+		Copyright &copy; 2006-2007 Openmoko, Inc. All Rights Reserved
+	</div>
+</div>
+</body>
+</html>

Added: trunk/www.openmoko.com/htdocs/contact-distributors.html
===================================================================
--- trunk/www.openmoko.com/htdocs/contact-distributors.html	2008-01-13 22:17:19 UTC (rev 173)
+++ trunk/www.openmoko.com/htdocs/contact-distributors.html	2008-01-23 11:15:22 UTC (rev 174)
@@ -0,0 +1,229 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+<head>
+	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+	<title>openmoko.com: Contact</title>
+
+	<link href="stylesheets/style.css" rel="stylesheet" type="text/css" />
+	<link rel="shortcut icon" href="images/favicon.ico" />
+
+<!--[if gt IE 6]>
+	<link rel="stylesheet" type="text/css" href="stylesheets/ie7fix.css" media="screen" />
+	<meta http-equiv="imagetoolbar" content="no" />
+<![endif]-->
+<!--[if lte IE 6]>
+	<link rel="stylesheet" type="text/css" href="stylesheets/ie6fix.css" media="screen" />
+	<meta http-equiv="imagetoolbar" content="no" />
+<![endif]-->
+
+	<link href="stylesheets/print.css" rel="stylesheet" type="text/css" media="print" />
+	<script type="text/javascript">
+		document.write('<style type="text/css">.tab_item{display:none;}<\/style>');
+
+		var images_dir = 'uploaded_images/';
+		var images_gallery = true;var png_fix = false;
+	</script>
+
+	<script type="text/javascript" src="javascripts/prototype.js"></script>
+	<script type="text/javascript" src="javascripts/overlay.js"></script>
+	<script type="text/javascript" src="javascripts/tabs.js"></script>
+	<script type="text/javascript" src="javascripts/screenshots.js"></script>
+</head>
+
+<body>
+
+<div id="wrapper">
+	<div id="header" class="header_contact ">
+		<a href="#" id="site_logo"><img src="images/openmoko_logo.png" alt="openmoko.com" /></a>
+		<div id="main_navigation">
+			<ul>
+				<li><a href="index.html" class="nav_home"><span>Home</span></a></li>
+				<li><a href="products-index.html" class="nav_products"><span>Products</span></a></li>
+				<li><a href="https://direct.openmoko.com" class="nav_shop"><span>Shop</span></a></li>
+				<li><a href="about-index.html" class="nav_about"><span>About</span></a></li>
+				<li><a href="press-index.html" class="nav_press"><span>Press</span></a></li>
+				<li><a href="careers-index.html" class="nav_careers"><span>Careers</span></a></li>
+				<li><a href="contact-index.html" class="nav_contact selected"><span>Contact</span></a></li>
+			</ul>
+		</div>
+	</div>
+
+	<div class="left_container">
+		<a href="products-neo-base-00-stdkit.html" class="side_banner"><img src="images/__sample_banner_1.png" alt="baner" /></a>
+		<a href="products-neo-base-00-stdkit.html" class="side_banner"><img src="images/__sample_banner_2.png" alt="baner" /></a>	
+    </div>
+	
+	<div class="right_container">
+		<form id="input_form" action="/cgi-bin/distributor-signup.cgi" method="post">
+			<div class="content" id="site_content">
+				<h2>Openmoko Distributor signup form</h2>
+
+				<h3 class="inputform">Corporate Information</h3>
+				<div class="form_info">
+					<div class="group first">
+						<label><strong>Company Name:</strong></label>
+						<div class="input_field"><input class="text address" type="text" name="company_name" /></div>
+						<div class="clear"></div>
+					</div>
+					<div class="group">
+						<label><strong>Regions of the World Served:</strong></label>
+						<div class="input_field"><input class="text address" type="text" name="company_regions" /></div>
+						<div class="clear"></div>
+					</div>
+					<div class="group">
+						<label><strong>Company Website URL:</strong></label>
+						<div class="input_field"><input class="text address" type="text" name="company_url" /></div>
+						<div class="clear"></div>
+					</div>
+					<div class="group">
+						<label><strong>Company Description:</strong><span class="note">(max. 500 chars)</span></label>
+						<div class="input_field"><input class="text address" type="text" name="company_description" /></div>
+						<div class="clear"></div>
+					</div>
+				</div>
+
+				<h3 class="inputform">Shipping Information:</h3>
+				<div class="form_info">
+					<div class="group first">
+						<label><strong>Address:</strong></label>
+						<div class="input_field"><input class="text address" type="text" name="shipping_address1" /></div>
+						<div class="clear"></div>
+					</div>
+					<div class="group">
+						<label>Address (continued):</label>
+						<div class="input_field"><input class="text address" type="text" name="shipping_address2" /></div>
+						<div class="clear"></div>
+					</div>
+					<div class="group">
+						<label><strong>Post Code / ZIP:</strong></label>
+						<div class="input_field"><input class="text" type="text" name="shipping_zip" /></div>
+						<div class="clear"></div>
+					</div>
+					<div class="group">
+						<label><strong>City:</strong></label>
+						<div class="input_field"><input class="text" type="text" name="shipping_city" /></div>
+						<div class="clear"></div>
+					</div>
+					<div class="group">
+						<label><strong>State / Province:</strong><br>(2 letter abbr. inside US)</label>
+						<div class="input_field"><input class="text" type="text" name="shipping_state" /></div>
+						<div class="clear"></div>
+					</div>
+					<div class="group">
+						<label><strong>Country:</strong></label>
+						<div class="input_field">
+				        		<select name="shipping_country">
+								<OPTION VALUE="af">Afghanistan</OPTION><OPTION VALUE="dz">Algeria</OPTION><OPTION VALUE="as">American Samoa</OPTION><OPTION VALUE="ad">Andorra</OPTION><OPTION VALUE="ao">Angola</OPTION><OPTION VALUE="ai">Anguilla</OPTION><OPTION VALUE="aq">Antarctica</OPTION><OPTION VALUE="ag">Antigua and Barbuda</OPTION><OPTION VALUE="ar">Argentina</OPTION><OPTION VALUE="am">Armenia</OPTION><OPTION VALUE="aw">Aruba</OPTION><OPTION VALUE="au">Australia</OPTION><OPTION VALUE="at">Austria</OPTION><OPTION VALUE="az">Azerbaijan</OPTION><OPTION VALUE="bs">Bahamas</OPTION><OPTION VALUE="bh">Bahrain</OPTION><OPTION VALUE="bd">Bangladesh</OPTION><OPTION VALUE="bb">Barbados</OPTION><OPTION VALUE="by">Belarus</OPTION><OPTION VALUE="be">Belgium</OPTION><OPTION VALUE="bz">Belize</OPTION><OPTION VALUE="bj">Benin</OPTION><OPTION VALUE="bm">Bermuda</OPTION><OPTION VALUE="bt">Bhutan</OPTION><OPTION VALUE="bo">Bolivia</OPTION><OPTION VALUE="ba">Bosnia and Herzegovina</OPTION><OPTION VALUE="bw">Botswana</OPTION><OPTION VALUE="bv">Bouvet Island</OPTION><OPTION VALUE="br">Brazil</OPTION><OPTION VALUE="io">British Indian ocean territory</OPTION><OPTION VALUE="bn">Brunei Darussalam</OPTION><OPTION VALUE="bg">Bulgaria</OPTION><OPTION VALUE="bf">Burkina Faso</OPTION><OPTION VALUE="bi">Burundi</OPTION><OPTION VALUE="kh">Cambodia</OPTION><OPTION VALUE="cm">Cameroon</OPTION><OPTION VALUE="ca">Canada</OPTION><OPTION VALUE="cv">Cape Verde</OPTION><OPTION VALUE="ky">Cayman Islands</OPTION><OPTION VALUE="cf">Central African Republic</OPTION><OPTION VALUE="td">Chad</OPTION><OPTION VALUE="cl">Chile</OPTION><OPTION VALUE="cn">China</OPTION><OPTION VALUE="cx">Christmas Island</OPTION><OPTION VALUE="cc">Cocos Islands</OPTION><OPTION VALUE="co">Colombia</OPTION><OPTION VALUE="km">Comoros</OPTION><OPTION VALUE="cd">Congo</OPTION><OPTION VALUE="cg">Congo</OPTION><OPTION VALUE="ck">Cook Islands</OPTION><OPTION VALUE="cr">Costa Rica</OPTION><OPTION VALUE="ci">Cote D'Ivoire (Ivory Coast)</OPTION><OPTION VALUE="hr">Croatia</OPTION><OPTION VALUE="cu">Cuba</OPTION><OPTION VALUE="cy">Cyprus</OPTION><OPTION VALUE="cz">Czech Republic</OPTION><OPTION VALUE="dk">Denmark</OPTION><OPTION VALUE="dj">Djibouti</OPTION><OPTION VALUE="dm">Dominica</OPTION><OPTION VALUE="do">Dominican Republic</OPTION><OPTION VALUE="tl">Eastern Timor</OPTION><OPTION VALUE="ec">Ecuador</OPTION><OPTION VALUE="eg">Egypt</OPTION><OPTION VALUE="gq">Equatorial Guinea</OPTION><OPTION VALUE="er">Eritrea</OPTION><OPTION VALUE="ee">Estonia</OPTION><OPTION VALUE="et">Ethiopia</OPTION><OPTION VALUE="fk">Falkland Islands (Malvinas)</OPTION><OPTION VALUE="fo">Faroe Islands</OPTION><OPTION VALUE="fj">Fiji</OPTION><OPTION VALUE="fi">Finland</OPTION><OPTION VALUE="fr">France</OPTION><OPTION VALUE="fx">France, Metropolitan</OPTION><OPTION VALUE="gf">French Guiana</OPTION><OPTION VALUE="pf">French Polynesia</OPTION><OPTION VALUE="tf">French Southern Territories</OPTION><OPTION VALUE="ga">Gabon</OPTION><OPTION VALUE="gm">Gambia</OPTION><OPTION VALUE="ge">Georgia</OPTION><OPTION VALUE="de" selected="selected">Germany</OPTION><OPTION VALUE="gh">Ghana</OPTION><OPTION VALUE="gi">Gibraltar</OPTION><OPTION VALUE="gb">Great Britain</OPTION><OPTION VALUE="gr">Greece</OPTION><OPTION VALUE="gl">Greenland</OPTION><OPTION VALUE="gd">Grenada</OPTION><OPTION VALUE="gp">Guadeloupe</OPTION><OPTION VALUE="gu">Guam</OPTION><OPTION VALUE="gt">Guatemala</OPTION><OPTION VALUE="gn">Guinea</OPTION><OPTION VALUE="gw">Guinea</OPTION><OPTION VALUE="gy">Guyana</OPTION><OPTION VALUE="ht">Haiti</OPTION><OPTION VALUE="hn">Honduras</OPTION><OPTION VALUE="hk">Hong Kong</OPTION><OPTION VALUE="hu">Hungary</OPTION><OPTION VALUE="is">Iceland</OPTION><OPTION VALUE="in">India</OPTION><OPTION VALUE="id">Indonesia</OPTION><OPTION VALUE="ir">Iran</OPTION><OPTION VALUE="iq">Iraq</OPTION><OPTION VALUE="ie">Ireland</OPTION><OPTION VALUE="il">Israel</OPTION><OPTION VALUE="it">Italy</OPTION><OPTION VALUE="jm">Jamaica</OPTION><OPTION VALUE="jp">Japan</OPTION><OPTION VALUE="jo">Jordan</OPTION><OPTION VALUE="kz">Kazakhstan</OPTION><OPTION VALUE="ke">Kenya</OPTION><OPTION VALUE="ki">Kiribati</OPTION><OPTION VALUE="kp">Korea (North)</OPTION><OPTION VALUE="kr">Korea (South)</OPTION><OPTION VALUE="kw">Kuwait</OPTION><OPTION VALUE="kg">Kyrgyzstan</OPTION><OPTION VALUE="la">Laos</OPTION><OPTION VALUE="lv">Latvia</OPTION><OPTION VALUE="al">lbania</OPTION><OPTION VALUE="lb">Lebanon</OPTION><OPTION VALUE="ls">Lesotho</OPTION><OPTION VALUE="lr">Liberia</OPTION><OPTION VALUE="ly">Libya</OPTION><OPTION VALUE="li">Liechtenstein</OPTION><OPTION VALUE="lt">Lithuania</OPTION><OPTION VALUE="lu">Luxembourg</OPTION><OPTION VALUE="mo">Macau</OPTION><OPTION VALUE="mk">Macedonia</OPTION><OPTION VALUE="mg">Madagascar</OPTION><OPTION VALUE="mw">Malawi</OPTION><OPTION VALUE="my">Malaysia</OPTION><OPTION VALUE="mv">Maldives</OPTION><OPTION VALUE="ml">Mali</OPTION><OPTION VALUE="mt">Malta</OPTION><OPTION VALUE="mh">Marshall Islands</OPTION><OPTION VALUE="mq">Martinique</OPTION><OPTION VALUE="mr">Mauritania</OPTION><OPTION VALUE="mu">Mauritius</OPTION><OPTION VALUE="yt">Mayotte</OPTION><OPTION VALUE="hm">McDonald Islands</OPTION><OPTION VALUE="mx">Mexico</OPTION><OPTION VALUE="fm">Micronesia</OPTION><OPTION VALUE="md">Moldova</OPTION><OPTION VALUE="mc">Monaco</OPTION><OPTION VALUE="mn">Mongolia</OPTION><OPTION VALUE="ms">Montserrat</OPTION><OPTION VALUE="ma">Morocco</OPTION><OPTION VALUE="mz">Mozambique</OPTION><OPTION VALUE="mm">Myanmar</OPTION><OPTION VALUE="na">Namibia</OPTION><OPTION VALUE="nr">Nauru</OPTION><OPTION VALUE="np">Nepal</OPTION><OPTION VALUE="nl">Netherlands</OPTION><OPTION VALUE="an">Netherlands Antilles</OPTION><OPTION VALUE="nc">New Caledonia</OPTION><OPTION VALUE="nz">New Zealand</OPTION><OPTION VALUE="ni">Nicaragua</OPTION><OPTION VALUE="ne">Niger</OPTION><OPTION VALUE="ng">Nigeria</OPTION><OPTION VALUE="nu">Niue</OPTION><OPTION VALUE="nf">Norfolk Island</OPTION><OPTION VALUE="mp">Northern Mariana Islands</OPTION><OPTION VALUE="no">Norway</OPTION><OPTION VALUE="om">Oman</OPTION><OPTION VALUE="pk">Pakistan</OPTION><OPTION VALUE="pw">Palau</OPTION><OPTION VALUE="pa">Panama</OPTION><OPTION VALUE="pg">Papua (New Guinea)</OPTION><OPTION VALUE="py">Paraguay</OPTION><OPTION VALUE="pe">Peru</OPTION><OPTION VALUE="ph">Philippines</OPTION><OPTION VALUE="pn">Pitcairn</OPTION><OPTION VALUE="pl">Poland</OPTION><OPTION VALUE="pt">Portugal</OPTION><OPTION VALUE="pr">Puerto Rico</OPTION><OPTION VALUE="qa">Qatar</OPTION><OPTION VALUE="re">Reunion</OPTION><OPTION VALUE="ro">Romania</OPTION><OPTION VALUE="ru">Russian Federation</OPTION><OPTION VALUE="rw">Rwanda</OPTION><OPTION VALUE="gs">S. Georgia and S. Sandwich Isls.</OPTION><OPTION VALUE="kn">Saint Kitts and Nevis</OPTION><OPTION VALUE="lc">Saint Lucia</OPTION><OPTION VALUE="vc">Saint Vincent &amp; the Grenadines</OPTION><OPTION VALUE="sv">Salvador</OPTION><OPTION VALUE="ws">Samoa</OPTION><OPTION VALUE="sm">San Marino</OPTION><OPTION VALUE="st">Sao Tome and Principe</OPTION><OPTION VALUE="sa">Saudi Arabia</OPTION><OPTION VALUE="sn">Senegal</OPTION><OPTION VALUE="cs">Serbia and Montenegro</OPTION><OPTION VALUE="sc">Seychelles</OPTION><OPTION VALUE="sl">Sierra Leone</OPTION><OPTION VALUE="sg">Singapore</OPTION><OPTION VALUE="sk">Slovak Republic</OPTION><OPTION VALUE="si">Slovenia</OPTION><OPTION VALUE="sb">Solomon Islands</OPTION><OPTION VALUE="so">Somalia</OPTION><OPTION VALUE="za">South Africa</OPTION><OPTION VALUE="es">Spain</OPTION><OPTION VALUE="lk">Sri Lanka</OPTION><OPTION VALUE="sh">St. Helena</OPTION><OPTION VALUE="pm">St. Pierre and Miquelon</OPTION><OPTION VALUE="sd">Sudan</OPTION><OPTION VALUE="sr">Suriname</OPTION><OPTION VALUE="sj">Svalbard &amp; Jan Mayen Islands</OPTION><OPTION VALUE="sz">Swaziland</OPTION><OPTION VALUE="se">Sweden</OPTION><OPTION VALUE="ch">Switzerland</OPTION><OPTION VALUE="sy">Syria</OPTION><OPTION VALUE="tw">Taiwan</OPTION><OPTION VALUE="tj">Tajikistan</OPTION><OPTION VALUE="tz">Tanzania</OPTION><OPTION VALUE="ps">Territory Occupied Palestinian</OPTION><OPTION VALUE="th">Thailand</OPTION><OPTION VALUE="tg">Togo</OPTION><OPTION VALUE="tk">Tokelau</OPTION><OPTION VALUE="to">Tonga</OPTION><OPTION VALUE="tt">Trinidad and Tobago</OPTION><OPTION VALUE="tn">Tunisia</OPTION><OPTION VALUE="tr">Turkey</OPTION><OPTION VALUE="tm">Turkmenistan</OPTION><OPTION VALUE="tc">Turks and Caicos Islands</OPTION><OPTION VALUE="tv">Tuvalu</OPTION><OPTION VALUE="ug">Uganda</OPTION><OPTION VALUE="ua">Ukraine</OPTION><OPTION VALUE="ae">United Arab Emirates</OPTION><OPTION VALUE="us">United States</OPTION><OPTION VALUE="uy">Uruguay</OPTION><OPTION VALUE="um">US Minor Outlying Islands</OPTION><OPTION VALUE="uz">Uzbekistan</OPTION><OPTION VALUE="vu">Vanuatu</OPTION><OPTION VALUE="va">Vatican City State (Holy See)</OPTION><OPTION VALUE="ve">Venezuela</OPTION><OPTION VALUE="vn">Viet Nam</OPTION><OPTION VALUE="vg">Virgin Islands (British)</OPTION><OPTION VALUE="vi">Virgin Islands (U.S.)</OPTION><OPTION VALUE="wf">Wallis and Futuna Islands</OPTION><OPTION VALUE="eh">Western Sahara</OPTION><OPTION VALUE="ye">Yemen</OPTION><OPTION VALUE="zm">Zambia</OPTION><OPTION VALUE="zw">Zimbabwe</OPTION>
+							</select>
+						</div>
+						<div class="clear"></div>
+					</div>                    
+					<div class="group">
+						<label><strong>Phone Number:</strong></label>
+						<div class="input_field"><input class="text" type="text" name="shipping_phone" /></div>
+						<div class="clear"></div>
+					</div>
+					<div class="group">
+						<label><strong>Fax Number:</strong></label>
+						<div class="input_field"><input class="text" type="text" name="shipping_fax" /></div>
+						<div class="clear"></div>
+					</div>
+				</div>
+
+				<h3 class="inputform">Billing Address <span class="note">Leave blank if same as shipping information</span></h3>
+				<div class="form_info">
+					<div class="group first">
+						<label><strong>Address:</strong></label>
+						<div class="input_field"><input class="text address" type="text" name="billing_address1" /></div>
+						<div class="clear"></div>
+					</div>
+					<div class="group">
+						<label>Address (continued):</label>
+						<div class="input_field"><input class="text address" type="text" name="billing_address2" /></div>
+						<div class="clear"></div>
+					</div>
+					<div class="group">
+						<label><strong>Post Code / ZIP:</strong></label>
+						<div class="input_field"><input class="text" type="text" name="billing_zip" /></div>
+						<div class="clear"></div>
+					</div>
+					<div class="group">
+						<label><strong>City:</strong></label>
+						<div class="input_field"><input class="text" type="text" name="billing_city" /></div>
+						<div class="clear"></div>
+					</div>
+					<div class="group">
+						<label><strong>State / Province:</strong><br>(2 letter abbr. inside US)</label>
+						<div class="input_field"><input class="text" type="text" name="billing_state" /></div>
+						<div class="clear"></div>
+					</div>
+					<div class="group">
+						<label><strong>Country:</strong></label>
+						<div class="input_field">
+				        		<select name="billing_country">
+								<OPTION VALUE="af">Afghanistan</OPTION><OPTION VALUE="dz">Algeria</OPTION><OPTION VALUE="as">American Samoa</OPTION><OPTION VALUE="ad">Andorra</OPTION><OPTION VALUE="ao">Angola</OPTION><OPTION VALUE="ai">Anguilla</OPTION><OPTION VALUE="aq">Antarctica</OPTION><OPTION VALUE="ag">Antigua and Barbuda</OPTION><OPTION VALUE="ar">Argentina</OPTION><OPTION VALUE="am">Armenia</OPTION><OPTION VALUE="aw">Aruba</OPTION><OPTION VALUE="au">Australia</OPTION><OPTION VALUE="at">Austria</OPTION><OPTION VALUE="az">Azerbaijan</OPTION><OPTION VALUE="bs">Bahamas</OPTION><OPTION VALUE="bh">Bahrain</OPTION><OPTION VALUE="bd">Bangladesh</OPTION><OPTION VALUE="bb">Barbados</OPTION><OPTION VALUE="by">Belarus</OPTION><OPTION VALUE="be">Belgium</OPTION><OPTION VALUE="bz">Belize</OPTION><OPTION VALUE="bj">Benin</OPTION><OPTION VALUE="bm">Bermuda</OPTION><OPTION VALUE="bt">Bhutan</OPTION><OPTION VALUE="bo">Bolivia</OPTION><OPTION VALUE="ba">Bosnia and Herzegovina</OPTION><OPTION VALUE="bw">Botswana</OPTION><OPTION VALUE="bv">Bouvet Island</OPTION><OPTION VALUE="br">Brazil</OPTION><OPTION VALUE="io">British Indian ocean territory</OPTION><OPTION VALUE="bn">Brunei Darussalam</OPTION><OPTION VALUE="bg">Bulgaria</OPTION><OPTION VALUE="bf">Burkina Faso</OPTION><OPTION VALUE="bi">Burundi</OPTION><OPTION VALUE="kh">Cambodia</OPTION><OPTION VALUE="cm">Cameroon</OPTION><OPTION VALUE="ca">Canada</OPTION><OPTION VALUE="cv">Cape Verde</OPTION><OPTION VALUE="ky">Cayman Islands</OPTION><OPTION VALUE="cf">Central African Republic</OPTION><OPTION VALUE="td">Chad</OPTION><OPTION VALUE="cl">Chile</OPTION><OPTION VALUE="cn">China</OPTION><OPTION VALUE="cx">Christmas Island</OPTION><OPTION VALUE="cc">Cocos Islands</OPTION><OPTION VALUE="co">Colombia</OPTION><OPTION VALUE="km">Comoros</OPTION><OPTION VALUE="cd">Congo</OPTION><OPTION VALUE="cg">Congo</OPTION><OPTION VALUE="ck">Cook Islands</OPTION><OPTION VALUE="cr">Costa Rica</OPTION><OPTION VALUE="ci">Cote D'Ivoire (Ivory Coast)</OPTION><OPTION VALUE="hr">Croatia</OPTION><OPTION VALUE="cu">Cuba</OPTION><OPTION VALUE="cy">Cyprus</OPTION><OPTION VALUE="cz">Czech Republic</OPTION><OPTION VALUE="dk">Denmark</OPTION><OPTION VALUE="dj">Djibouti</OPTION><OPTION VALUE="dm">Dominica</OPTION><OPTION VALUE="do">Dominican Republic</OPTION><OPTION VALUE="tl">Eastern Timor</OPTION><OPTION VALUE="ec">Ecuador</OPTION><OPTION VALUE="eg">Egypt</OPTION><OPTION VALUE="gq">Equatorial Guinea</OPTION><OPTION VALUE="er">Eritrea</OPTION><OPTION VALUE="ee">Estonia</OPTION><OPTION VALUE="et">Ethiopia</OPTION><OPTION VALUE="fk">Falkland Islands (Malvinas)</OPTION><OPTION VALUE="fo">Faroe Islands</OPTION><OPTION VALUE="fj">Fiji</OPTION><OPTION VALUE="fi">Finland</OPTION><OPTION VALUE="fr">France</OPTION><OPTION VALUE="fx">France, Metropolitan</OPTION><OPTION VALUE="gf">French Guiana</OPTION><OPTION VALUE="pf">French Polynesia</OPTION><OPTION VALUE="tf">French Southern Territories</OPTION><OPTION VALUE="ga">Gabon</OPTION><OPTION VALUE="gm">Gambia</OPTION><OPTION VALUE="ge">Georgia</OPTION><OPTION VALUE="de" selected="selected">Germany</OPTION><OPTION VALUE="gh">Ghana</OPTION><OPTION VALUE="gi">Gibraltar</OPTION><OPTION VALUE="gb">Great Britain</OPTION><OPTION VALUE="gr">Greece</OPTION><OPTION VALUE="gl">Greenland</OPTION><OPTION VALUE="gd">Grenada</OPTION><OPTION VALUE="gp">Guadeloupe</OPTION><OPTION VALUE="gu">Guam</OPTION><OPTION VALUE="gt">Guatemala</OPTION><OPTION VALUE="gn">Guinea</OPTION><OPTION VALUE="gw">Guinea</OPTION><OPTION VALUE="gy">Guyana</OPTION><OPTION VALUE="ht">Haiti</OPTION><OPTION VALUE="hn">Honduras</OPTION><OPTION VALUE="hk">Hong Kong</OPTION><OPTION VALUE="hu">Hungary</OPTION><OPTION VALUE="is">Iceland</OPTION><OPTION VALUE="in">India</OPTION><OPTION VALUE="id">Indonesia</OPTION><OPTION VALUE="ir">Iran</OPTION><OPTION VALUE="iq">Iraq</OPTION><OPTION VALUE="ie">Ireland</OPTION><OPTION VALUE="il">Israel</OPTION><OPTION VALUE="it">Italy</OPTION><OPTION VALUE="jm">Jamaica</OPTION><OPTION VALUE="jp">Japan</OPTION><OPTION VALUE="jo">Jordan</OPTION><OPTION VALUE="kz">Kazakhstan</OPTION><OPTION VALUE="ke">Kenya</OPTION><OPTION VALUE="ki">Kiribati</OPTION><OPTION VALUE="kp">Korea (North)</OPTION><OPTION VALUE="kr">Korea (South)</OPTION><OPTION VALUE="kw">Kuwait</OPTION><OPTION VALUE="kg">Kyrgyzstan</OPTION><OPTION VALUE="la">Laos</OPTION><OPTION VALUE="lv">Latvia</OPTION><OPTION VALUE="al">lbania</OPTION><OPTION VALUE="lb">Lebanon</OPTION><OPTION VALUE="ls">Lesotho</OPTION><OPTION VALUE="lr">Liberia</OPTION><OPTION VALUE="ly">Libya</OPTION><OPTION VALUE="li">Liechtenstein</OPTION><OPTION VALUE="lt">Lithuania</OPTION><OPTION VALUE="lu">Luxembourg</OPTION><OPTION VALUE="mo">Macau</OPTION><OPTION VALUE="mk">Macedonia</OPTION><OPTION VALUE="mg">Madagascar</OPTION><OPTION VALUE="mw">Malawi</OPTION><OPTION VALUE="my">Malaysia</OPTION><OPTION VALUE="mv">Maldives</OPTION><OPTION VALUE="ml">Mali</OPTION><OPTION VALUE="mt">Malta</OPTION><OPTION VALUE="mh">Marshall Islands</OPTION><OPTION VALUE="mq">Martinique</OPTION><OPTION VALUE="mr">Mauritania</OPTION><OPTION VALUE="mu">Mauritius</OPTION><OPTION VALUE="yt">Mayotte</OPTION><OPTION VALUE="hm">McDonald Islands</OPTION><OPTION VALUE="mx">Mexico</OPTION><OPTION VALUE="fm">Micronesia</OPTION><OPTION VALUE="md">Moldova</OPTION><OPTION VALUE="mc">Monaco</OPTION><OPTION VALUE="mn">Mongolia</OPTION><OPTION VALUE="ms">Montserrat</OPTION><OPTION VALUE="ma">Morocco</OPTION><OPTION VALUE="mz">Mozambique</OPTION><OPTION VALUE="mm">Myanmar</OPTION><OPTION VALUE="na">Namibia</OPTION><OPTION VALUE="nr">Nauru</OPTION><OPTION VALUE="np">Nepal</OPTION><OPTION VALUE="nl">Netherlands</OPTION><OPTION VALUE="an">Netherlands Antilles</OPTION><OPTION VALUE="nc">New Caledonia</OPTION><OPTION VALUE="nz">New Zealand</OPTION><OPTION VALUE="ni">Nicaragua</OPTION><OPTION VALUE="ne">Niger</OPTION><OPTION VALUE="ng">Nigeria</OPTION><OPTION VALUE="nu">Niue</OPTION><OPTION VALUE="nf">Norfolk Island</OPTION><OPTION VALUE="mp">Northern Mariana Islands</OPTION><OPTION VALUE="no">Norway</OPTION><OPTION VALUE="om">Oman</OPTION><OPTION VALUE="pk">Pakistan</OPTION><OPTION VALUE="pw">Palau</OPTION><OPTION VALUE="pa">Panama</OPTION><OPTION VALUE="pg">Papua (New Guinea)</OPTION><OPTION VALUE="py">Paraguay</OPTION><OPTION VALUE="pe">Peru</OPTION><OPTION VALUE="ph">Philippines</OPTION><OPTION VALUE="pn">Pitcairn</OPTION><OPTION VALUE="pl">Poland</OPTION><OPTION VALUE="pt">Portugal</OPTION><OPTION VALUE="pr">Puerto Rico</OPTION><OPTION VALUE="qa">Qatar</OPTION><OPTION VALUE="re">Reunion</OPTION><OPTION VALUE="ro">Romania</OPTION><OPTION VALUE="ru">Russian Federation</OPTION><OPTION VALUE="rw">Rwanda</OPTION><OPTION VALUE="gs">S. Georgia and S. Sandwich Isls.</OPTION><OPTION VALUE="kn">Saint Kitts and Nevis</OPTION><OPTION VALUE="lc">Saint Lucia</OPTION><OPTION VALUE="vc">Saint Vincent &amp; the Grenadines</OPTION><OPTION VALUE="sv">Salvador</OPTION><OPTION VALUE="ws">Samoa</OPTION><OPTION VALUE="sm">San Marino</OPTION><OPTION VALUE="st">Sao Tome and Principe</OPTION><OPTION VALUE="sa">Saudi Arabia</OPTION><OPTION VALUE="sn">Senegal</OPTION><OPTION VALUE="cs">Serbia and Montenegro</OPTION><OPTION VALUE="sc">Seychelles</OPTION><OPTION VALUE="sl">Sierra Leone</OPTION><OPTION VALUE="sg">Singapore</OPTION><OPTION VALUE="sk">Slovak Republic</OPTION><OPTION VALUE="si">Slovenia</OPTION><OPTION VALUE="sb">Solomon Islands</OPTION><OPTION VALUE="so">Somalia</OPTION><OPTION VALUE="za">South Africa</OPTION><OPTION VALUE="es">Spain</OPTION><OPTION VALUE="lk">Sri Lanka</OPTION><OPTION VALUE="sh">St. Helena</OPTION><OPTION VALUE="pm">St. Pierre and Miquelon</OPTION><OPTION VALUE="sd">Sudan</OPTION><OPTION VALUE="sr">Suriname</OPTION><OPTION VALUE="sj">Svalbard &amp; Jan Mayen Islands</OPTION><OPTION VALUE="sz">Swaziland</OPTION><OPTION VALUE="se">Sweden</OPTION><OPTION VALUE="ch">Switzerland</OPTION><OPTION VALUE="sy">Syria</OPTION><OPTION VALUE="tw">Taiwan</OPTION><OPTION VALUE="tj">Tajikistan</OPTION><OPTION VALUE="tz">Tanzania</OPTION><OPTION VALUE="ps">Territory Occupied Palestinian</OPTION><OPTION VALUE="th">Thailand</OPTION><OPTION VALUE="tg">Togo</OPTION><OPTION VALUE="tk">Tokelau</OPTION><OPTION VALUE="to">Tonga</OPTION><OPTION VALUE="tt">Trinidad and Tobago</OPTION><OPTION VALUE="tn">Tunisia</OPTION><OPTION VALUE="tr">Turkey</OPTION><OPTION VALUE="tm">Turkmenistan</OPTION><OPTION VALUE="tc">Turks and Caicos Islands</OPTION><OPTION VALUE="tv">Tuvalu</OPTION><OPTION VALUE="ug">Uganda</OPTION><OPTION VALUE="ua">Ukraine</OPTION><OPTION VALUE="ae">United Arab Emirates</OPTION><OPTION VALUE="us">United States</OPTION><OPTION VALUE="uy">Uruguay</OPTION><OPTION VALUE="um">US Minor Outlying Islands</OPTION><OPTION VALUE="uz">Uzbekistan</OPTION><OPTION VALUE="vu">Vanuatu</OPTION><OPTION VALUE="va">Vatican City State (Holy See)</OPTION><OPTION VALUE="ve">Venezuela</OPTION><OPTION VALUE="vn">Viet Nam</OPTION><OPTION VALUE="vg">Virgin Islands (British)</OPTION><OPTION VALUE="vi">Virgin Islands (U.S.)</OPTION><OPTION VALUE="wf">Wallis and Futuna Islands</OPTION><OPTION VALUE="eh">Western Sahara</OPTION><OPTION VALUE="ye">Yemen</OPTION><OPTION VALUE="zm">Zambia</OPTION><OPTION VALUE="zw">Zimbabwe</OPTION>
+							</select>
+						</div>
+						<div class="clear"></div>
+					</div>                    
+					<div class="group">
+						<label><strong>Phone Number:</strong></label>
+						<div class="input_field"><input class="text" type="text" name="billing_phone" /></div>
+						<div class="clear"></div>
+					</div>
+					<div class="group">
+						<label><strong>Fax Number:</strong></label>
+						<div class="input_field"><input class="text" type="text" name="billing_fax" /></div>
+						<div class="clear"></div>
+					</div>
+				</div>
+				
+				<h3 class="inputform">Contact Information:</h3>
+				<div class="form_info">
+					<div class="group first">
+						<label><strong>Name and Surname:</strong></label>
+						<div class="input_field"><input class="text address" type="text" name="contact_name" /></div>
+						<div class="clear"></div>
+					</div>
+					<div class="group">
+						<label><strong>E-mail:</strong></label>
+						<div class="input_field"><input class="text address" type="text" name="contact_email" /></div>
+						<div class="clear"></div>
+					</div>
+					<div class="group">
+						<label><strong>Phone Number:</strong></label>
+						<div class="input_field"><input class="text" type="text" name="contact_phone" /></div>
+						<div class="clear"></div>
+					</div>
+					<div class="group">
+						<label><strong>Fax Number:</strong></label>
+						<div class="input_field"><input class="text" type="text" name="contact_fax" /></div>
+						<div class="clear"></div>
+					</div>
+				</div>
+
+				<div class="button_bar">
+					<input type="submit" value="Submit Data" />
+				</div>
+				<a href="#" class="top_link"><span>top</span></a>
+			</div>
+		</form>
+	</div>
+	
+	<div class="clear" style="height:20px;"></div>
+	<div id="footer">
+		<ul id="secundary_navigation">
+			<li><a href="index.html">Home</a></li>
+			<li><a href="products-index.html">Products</a></li>
+			<li><a href="https://direct.openmoko.com">Shop</a></li>
+			<li><a href="about-index.html">About</a></li>
+			<li><a href="press-index.html">Press</a></li>
+			<li><a href="careers-index.html">Careers</a></li>
+			<li><a href="contact-index.html" class="selected">Contact</a></li>
+		</ul>
+		Copyright &copy; 2006-2007 Openmoko, Inc. All Rights Reserved
+	</div>
+</div>
+</body>
+</html>

Modified: trunk/www.openmoko.com/htdocs/stylesheets/style.css
===================================================================
--- trunk/www.openmoko.com/htdocs/stylesheets/style.css	2008-01-13 22:17:19 UTC (rev 173)
+++ trunk/www.openmoko.com/htdocs/stylesheets/style.css	2008-01-23 11:15:22 UTC (rev 174)
@@ -11,6 +11,11 @@
 	color: #333;
 }
 
+form {
+	margin: 0px;
+	padding: 0px;
+}
+
 h1 {
 	font-size: 1.9em;
 }
@@ -357,6 +362,22 @@
 	padding: 0 0 1em 0;
 }
 
+.content h2.inputform {
+	color: #FF6600;
+	border-bottom: 1px solid #CCCCCC;
+	margin-bottom: 24px !important;
+}
+
+.content h3.inputform {
+	padding-bottom: 0.3em;
+	border-bottom: 1px solid #CCCCCC;
+}
+
+.content h3.inputform .note {
+	font-weight: normal;
+	margin-left: 37px;
+}
+
 .content .title_container {
 	border-bottom: 1px solid #CCCCCC;
 	margin: 0 0 0.7em 0;
@@ -690,6 +711,20 @@
 	padding: 7px;
 }
 
+.sidebox h3 {
+	font-size: 1em;
+	margin: 0px 0px 15px 0px!important;
+	padding: 0px !important;
+}
+
+.sidebox div.group {
+	padding-bottom: 15px;
+}
+
+.sidebox input.text {
+	width: 168px;
+}
+
 #searchform {
 	position: relative;
 	margin: 0;
@@ -1629,49 +1664,7 @@
 .header_accessories { background-image: url(../images/navigation_accessories.jpg) !important;}
 #product_neo1973 #header { background-image: url(../images/navigation_neo.png) !important; background: #1F1F1F !important;}
 
-/*.header_default { background-image: url(../images/navigation_default.jpg) !important;}
-.header_default .nav_home { background-image:url(../images/navigation/default/home.png) !important; }
-.header_default .nav_about { background-image:url(../images/navigation/default/about.png) !important; }
-.header_default .nav_products { background-image:url(../images/navigation/default/products.png) !important; }
-.header_default .nav_developers { background-image:url(../images/navigation/default/developers.png) !important; }
-.header_default .nav_press { background-image:url(../images/navigation/default/press.png) !important; }
-.header_default .nav_careers { background-image:url(../images/navigation/default/careers.png) !important; }
-.header_default .nav_contact { background-image:url(../images/navigation/default/contact.png) !important; }
-.header_default .nav_shop { background-image:url(../images/navigation/default/shop.png) !important;}
 
-.header_products { background-image: url(../images/navigation_products.jpg) !important;}
-.header_products .nav_home { background-image:url(../images/navigation/products/home.png) !important; }
-.header_products .nav_about { background-image:url(../images/navigation/products/about.png) !important; }
-.header_products .nav_products { background-image:url(../images/navigation/products/products.png) !important; }
-.header_products .nav_developers { background-image:url(../images/navigation/products/developers.png) !important; }
-.header_products .nav_press { background-image:url(../images/navigation/products/press.png) !important; }
-.header_products .nav_careers { background-image:url(../images/navigation/products/careers.png) !important; }
-.header_products .nav_contact { background-image:url(../images/navigation/products/contact.png) !important; }
-.header_products .nav_shop { background-image:url(../images/navigation/products/shop.png) !important;padding-left: 5px;}
-
-.header_accessories { background-image: url(../images/navigation_accessories.jpg) !important;}
-.header_accessories .nav_home { background-image:url(../images/navigation/accessories/home.png) !important; }
-.header_accessories .nav_about { background-image:url(../images/navigation/accessories/about.png) !important; }
-.header_accessories .nav_products { background-image:url(../images/navigation/accessories/products.png) !important; }
-.header_accessories .nav_developers { background-image:url(../images/navigation/accessories/developers.png) !important; }
-.header_accessories .nav_press { background-image:url(../images/navigation/accessories/press.png) !important; }
-.header_accessories .nav_careers { background-image:url(../images/navigation/accessories/careers.png) !important; }
-.header_accessories .nav_contact { background-image:url(../images/navigation/accessories/contact.png) !important; }
-.header_accessories .nav_shop { background-image:url(../images/navigation/accessories/shop.png) !important;}
-
-
-#product_neo1973 #header { background-image: url(../images/navigation_neo.png) !important; background: #1F1F1F !important;}
-#product_neo1973 .nav_home { background-image:url(../images/navigation/phone/home.png) !important; }
-#product_neo1973 .nav_about { background-image:url(../images/navigation/phone/about.png) !important; }
-#product_neo1973 .nav_products { background-image:url(../images/navigation/phone/products.png) !important; }
-#product_neo1973 .nav_developers { background-image:url(../images/navigation/phone/developers.png) !important; }
-#product_neo1973 .nav_press { background-image:url(../images/navigation/phone/press.png) !important; }
-#product_neo1973 .nav_careers { background-image:url(../images/navigation/phone/careers.png) !important; }
-#product_neo1973 .nav_contact { background-image:url(../images/navigation/phone/contact.png) !important; }
-#product_neo1973 .nav_shop { background-image:url(../images/navigation/phone/shop.png) !important;}
-#product_neo1973 .toptab { background: #424242 url(../images/phone_toptab_left.png) no-repeat 0 100%;}
-#product_neo1973 .toptab .inner { background:url(../images/phone_toptab_right.png) no-repeat 100% 100%; padding: 2px 15px; position: relative; }*/
-
 .home_quote {
 	width: 248px;
 	border-top: 1px solid #CCCCCC;
@@ -2062,3 +2055,86 @@
 	position: absolute;
 	top:expression((documentElement.scrollTop ? documentElement.scrollTop : body.scrollTop) + 20 + "px");
 }
+
+span.note {
+	color: #666;
+	font-size: 0.85em;
+}
+
+.form_info {
+	font-size: 0.9em;
+	margin-top: -10px;
+}
+
+.form_instructions {
+	color: #666;
+	display: block !important;
+	margin-left: 20px;
+}
+
+.button_bar {
+	margin-top: -10px;
+	border-top: 1px solid #ccc;
+	border-bottom: 1px solid #ccc;
+	padding: 20px 0px;
+	text-align: center;
+}
+
+.button_bar a {
+	margin: 0px 7px;
+}
+
+.center {
+	text-align: center;
+}
+
+#input_form .group {
+	padding-bottom: 22px;
+}
+
+#input_form .group.first {
+	padding-top: 16px;
+}
+
+#input_form .group label {
+	display: block;
+	width: 160px;
+	padding: 0px 5px;
+	float: left;
+}
+
+#input_form .group .radio_block {
+	display: block;
+	width: 100px;
+	padding: 0px 5px;
+	float: left;
+}
+
+#input_form .group .input_field {
+	float: left;
+}
+
+#input_form .group .input_field label {
+	width: auto;
+	padding: 0px;
+	float: none;
+	display: inline;
+}
+
+#input_form .group input.text {
+	width: 170px;
+}
+
+#input_form .group input.text.address {
+	width: 350px;
+}
+
+
+#input_form .group select {
+	width: 170px;
+}
+
+#input_form .group textarea {
+	width: 350px;
+	height: 100px;
+}





More information about the webdesign-commitlog mailing list