r71 - in trunk/direct.openmoko.com: . images images/label images/navigation

roh at sita.openmoko.org roh at sita.openmoko.org
Wed Jul 4 16:50:56 CEST 2007


Author: roh
Date: 2007-07-04 16:50:53 +0200 (Wed, 04 Jul 2007)
New Revision: 71

Added:
   trunk/direct.openmoko.com/ie6fix.css
   trunk/direct.openmoko.com/images/
   trunk/direct.openmoko.com/images/_sample_product_1.jpg
   trunk/direct.openmoko.com/images/_sample_product_2.jpg
   trunk/direct.openmoko.com/images/button_change_order.gif
   trunk/direct.openmoko.com/images/button_go.png
   trunk/direct.openmoko.com/images/button_place_order.gif
   trunk/direct.openmoko.com/images/button_proceed_to_checkout.gif
   trunk/direct.openmoko.com/images/button_signin.gif
   trunk/direct.openmoko.com/images/label/
   trunk/direct.openmoko.com/images/label/search_openmoko.png
   trunk/direct.openmoko.com/images/label/search_openmoko_gray.png
   trunk/direct.openmoko.com/images/list_bullet.gif
   trunk/direct.openmoko.com/images/navigation/
   trunk/direct.openmoko.com/images/navigation/about.png
   trunk/direct.openmoko.com/images/navigation/careers.png
   trunk/direct.openmoko.com/images/navigation/contact.png
   trunk/direct.openmoko.com/images/navigation/developers.png
   trunk/direct.openmoko.com/images/navigation/home.png
   trunk/direct.openmoko.com/images/navigation/press.png
   trunk/direct.openmoko.com/images/navigation/products.png
   trunk/direct.openmoko.com/images/navigation/shop.png
   trunk/direct.openmoko.com/images/navigation_background.png
   trunk/direct.openmoko.com/images/openmoko_logo.png
   trunk/direct.openmoko.com/images/orange_list_bullet.gif
   trunk/direct.openmoko.com/images/sidebox_bottom.png
   trunk/direct.openmoko.com/images/sidebox_tile.png
   trunk/direct.openmoko.com/images/sidebox_top.png
   trunk/direct.openmoko.com/images/top_link.png
   trunk/direct.openmoko.com/shop_index.html
   trunk/direct.openmoko.com/style.css
Log:
first version of the static shop form


Added: trunk/direct.openmoko.com/ie6fix.css
===================================================================
--- trunk/direct.openmoko.com/ie6fix.css	2007-07-04 14:48:57 UTC (rev 70)
+++ trunk/direct.openmoko.com/ie6fix.css	2007-07-04 14:50:53 UTC (rev 71)
@@ -0,0 +1,86 @@
+#middleblock_container {
+	height: 380px;
+}
+
+#middleblock_tabs {
+	bottom: 89px;
+}
+
+#middleblock_tabs li a {
+	position: relative;
+}
+
+.banner_images {
+	width: 10px;
+}
+
+.shadow {
+	background-image: none;
+	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://38one.servehttp.com/openmoko/images/product_bottom_shadow.png',sizingMethod='scale');
+}
+
+.button_enlarge {
+	background: none;
+	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://38one.servehttp.com/openmoko/images/button_enlarge.png',sizingMethod='scale');
+	top: 50%;
+	cursor: pointer;
+}
+
+.content p,
+.content ul,
+.content ol {
+/*	font-size: 12px;*/
+}
+
+
+.banner_product_thumbs li {
+	background: none;
+}
+
+.accessories_container .column1 {
+	margin-left: 5px;
+}
+
+.accessory_container {
+	height: 150px;
+}
+
+.accessories_container .description {
+	height: 90px;
+}
+
+#accessories_tabs a {
+	position: relative;
+	bottom: 0px;
+}
+
+.accessory_block_alternative #article_description {
+	height: 200px;
+	overflow:visible;
+	margin-left: 200px !important;
+}
+
+.top_link_alt {
+	margin-top: 15px;
+}
+
+.accessories_listing .pagination {
+	top: -5px;
+}
+
+.single_accessory {
+	position: relative;
+	width: 155px;
+}
+
+.single_accessory_0 {
+	margin-left: 6px;
+}
+
+.home_quote {
+	left: -5px;
+}
+
+#home_banner h1{
+	/*top: 80px;*/
+}
\ No newline at end of file

Added: trunk/direct.openmoko.com/images/_sample_product_1.jpg
===================================================================
(Binary files differ)


Property changes on: trunk/direct.openmoko.com/images/_sample_product_1.jpg
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: trunk/direct.openmoko.com/images/_sample_product_2.jpg
===================================================================
(Binary files differ)


Property changes on: trunk/direct.openmoko.com/images/_sample_product_2.jpg
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: trunk/direct.openmoko.com/images/button_change_order.gif
===================================================================
(Binary files differ)


Property changes on: trunk/direct.openmoko.com/images/button_change_order.gif
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: trunk/direct.openmoko.com/images/button_go.png
===================================================================
(Binary files differ)


Property changes on: trunk/direct.openmoko.com/images/button_go.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: trunk/direct.openmoko.com/images/button_place_order.gif
===================================================================
(Binary files differ)


Property changes on: trunk/direct.openmoko.com/images/button_place_order.gif
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: trunk/direct.openmoko.com/images/button_proceed_to_checkout.gif
===================================================================
(Binary files differ)


Property changes on: trunk/direct.openmoko.com/images/button_proceed_to_checkout.gif
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: trunk/direct.openmoko.com/images/button_signin.gif
===================================================================
(Binary files differ)


Property changes on: trunk/direct.openmoko.com/images/button_signin.gif
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: trunk/direct.openmoko.com/images/label/search_openmoko.png
===================================================================
(Binary files differ)


Property changes on: trunk/direct.openmoko.com/images/label/search_openmoko.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: trunk/direct.openmoko.com/images/label/search_openmoko_gray.png
===================================================================
(Binary files differ)


Property changes on: trunk/direct.openmoko.com/images/label/search_openmoko_gray.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: trunk/direct.openmoko.com/images/list_bullet.gif
===================================================================
(Binary files differ)


Property changes on: trunk/direct.openmoko.com/images/list_bullet.gif
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: trunk/direct.openmoko.com/images/navigation/about.png
===================================================================
(Binary files differ)


Property changes on: trunk/direct.openmoko.com/images/navigation/about.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: trunk/direct.openmoko.com/images/navigation/careers.png
===================================================================
(Binary files differ)


Property changes on: trunk/direct.openmoko.com/images/navigation/careers.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: trunk/direct.openmoko.com/images/navigation/contact.png
===================================================================
(Binary files differ)


Property changes on: trunk/direct.openmoko.com/images/navigation/contact.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: trunk/direct.openmoko.com/images/navigation/developers.png
===================================================================
(Binary files differ)


Property changes on: trunk/direct.openmoko.com/images/navigation/developers.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: trunk/direct.openmoko.com/images/navigation/home.png
===================================================================
(Binary files differ)


Property changes on: trunk/direct.openmoko.com/images/navigation/home.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: trunk/direct.openmoko.com/images/navigation/press.png
===================================================================
(Binary files differ)


Property changes on: trunk/direct.openmoko.com/images/navigation/press.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: trunk/direct.openmoko.com/images/navigation/products.png
===================================================================
(Binary files differ)


Property changes on: trunk/direct.openmoko.com/images/navigation/products.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: trunk/direct.openmoko.com/images/navigation/shop.png
===================================================================
(Binary files differ)


Property changes on: trunk/direct.openmoko.com/images/navigation/shop.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: trunk/direct.openmoko.com/images/navigation_background.png
===================================================================
(Binary files differ)


Property changes on: trunk/direct.openmoko.com/images/navigation_background.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: trunk/direct.openmoko.com/images/openmoko_logo.png
===================================================================
(Binary files differ)


Property changes on: trunk/direct.openmoko.com/images/openmoko_logo.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: trunk/direct.openmoko.com/images/orange_list_bullet.gif
===================================================================
(Binary files differ)


Property changes on: trunk/direct.openmoko.com/images/orange_list_bullet.gif
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: trunk/direct.openmoko.com/images/sidebox_bottom.png
===================================================================
(Binary files differ)


Property changes on: trunk/direct.openmoko.com/images/sidebox_bottom.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: trunk/direct.openmoko.com/images/sidebox_tile.png
===================================================================
(Binary files differ)


Property changes on: trunk/direct.openmoko.com/images/sidebox_tile.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: trunk/direct.openmoko.com/images/sidebox_top.png
===================================================================
(Binary files differ)


Property changes on: trunk/direct.openmoko.com/images/sidebox_top.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: trunk/direct.openmoko.com/images/top_link.png
===================================================================
(Binary files differ)


Property changes on: trunk/direct.openmoko.com/images/top_link.png
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: trunk/direct.openmoko.com/shop_index.html
===================================================================
--- trunk/direct.openmoko.com/shop_index.html	2007-07-04 14:48:57 UTC (rev 70)
+++ trunk/direct.openmoko.com/shop_index.html	2007-07-04 14:50:53 UTC (rev 71)
@@ -0,0 +1,252 @@
+<!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: Shop</title>
+    
+    <link href="./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="./ie7fix.css" media="screen" />
+            <meta http-equiv="imagetoolbar" content="no" />
+    <![endif]-->
+    <!--[if lte IE 6]>
+            <link rel="stylesheet" type="text/css" href="./ie6fix.css" media="screen" />
+            <meta http-equiv="imagetoolbar" content="no" />
+    <![endif]-->
+    
+    <link href="./print.css" rel="stylesheet" type="text/css" media="print" />
+    <link rel="alternate" type="application/atom+xml" title="Atom Feed" href="./atom/?section=contact" />
+    <link rel="alternate" type="application/rss+xml" title="RSS Feed" href="./rss/?section=contact" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+</head>
+
+<body>
+
+<div id="wrapper">
+	<div id="header" class="header_press ">
+		<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.staging.openmoko.com" class="nav_shop selected"><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"><span>Contact</span></a></li>
+			</ul>
+
+		</div>
+	</div>
+		
+	<div class="right_container">
+    	<form id="order_form" action="#" method="post">
+			<div class="content" id="site_content">
+				<h2 class="shop">Openmoko Online Shop</h2>
+                <h3 class="shop">Available Products:</h3>
+                
+                <table class="product_table" cellpadding="0" cellspacing="0">
+                    <tr>
+			<td class="quantity_column">
+				<ul class="product">
+					<li class="quantity"><strong>Quantity:</strong><input name="quantity" class="text" type="text" /></li>
+				</ul>
+			</td>
+                        <td class="image_column"><img src="images/_sample_product_2.jpg" alt="product1" /></td>
+                        <td class="description_column">
+                        	<ul class="product">
+                            	<li class="name"><h2>Neo Base</h2></li>
+                                <li class="description">FIXME HERE</li>
+                                <li class="price"><strong>Price:</strong> <strong class="orange">$300 USD</strong></li>
+                            </ul>
+                        </td>
+                    </tr>
+                    <tr>
+			<td class="quantity_column">
+				<ul class="product">
+					<li class="quantity"><strong>Quantity:</strong><input name="quantity" class="text" type="text" /></li>
+				</ul>
+			</td>
+                        <td class="image_column"><img src="images/_sample_product_1.jpg" alt="product1" /></td>
+                        <td class="description_column">
+                        	<ul class="product">
+                            	<li class="name"><h2>Neo Advanced</h2></li>
+                                <li class="description">FIXME HERE</li>
+                                <li class="price"><strong>Price:</strong> <strong class="orange">$450 USD</strong></li>
+                            </ul>
+                        </td>
+                    </tr>
+                </table>
+
+		<h3 class="shop">Shipping Information:</h3>
+                <div class="shipping_info">
+                
+                	<div class="group first">
+	                    <label><strong>Name:</strong></label>
+                        <div class="input_field"><input class="text" type="text" name="name" /></div>
+                        <div class="clear"></div>
+                    </div>
+                    
+                	<div class="group">
+	                    <label>Company:</label>
+                        <div class="input_field"><input class="text" type="text" name="name" /></div>
+                        <div class="clear"></div>
+                    </div>
+                    
+                	<div class="group">
+	                    <label><strong>Address:</strong></label>
+                        <div class="input_field"><input class="text address" type="text" name="name" /></div>
+                        <div class="clear"></div>
+                    </div>
+                    
+			<div class="group">
+	                    <label>Address (continued):</label>
+                        <div class="input_field"><input class="text address2" type="text" name="name" /></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="name" /></div>
+                        <div class="clear"></div>
+                    </div>
+                    
+                	<div class="group">
+	                    <label><strong>City:</strong></label>
+                        <div class="input_field"><input class="text" type="text" name="name" /></div>
+                        <div class="clear"></div>
+                    </div>
+                    
+                	<div class="group">
+	                    <label><strong>State / Province:</strong></label>
+                        <div class="input_field"><input class="text" type="text" name="name" /></div>
+                        <div class="clear"></div>
+                    </div>
+                    
+                	<div class="group">
+	                    <label><strong>Country:</strong></label>
+                        <div class="input_field">
+                        	<select name="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>Phone Number:</label>
+                        <div class="input_field"><input class="text" type="text" name="name" /></div>
+                        <div class="clear"></div>
+                    </div>
+                    
+                	<div class="group">
+	                    <label><strong>E-mail:</strong></label>
+                        <div class="input_field"><input class="text" type="text" name="name" /></div>
+                        <div class="clear"></div>
+                    </div>
+                    
+                	<div class="group">
+	                    <label>Comments / Shipping instructions:</label>
+                        <div class="input_field"><textarea rows="5" cols="20"></textarea></div>
+                        <div class="clear"></div>
+                    </div>
+
+                </div>
+                    
+                    
+                <h3 class="shop">Billing Information: <span class="note">Leave blank if same as shipping information</span></h3>
+                
+                <div class="shipping_info">
+                
+	               	<div class="group first">
+						<label><strong>Name:</strong></label>
+                        <div class="input_field"><input class="text" type="text" name="name" /></div>
+                        <div class="clear"></div>
+                    </div>
+                    
+                	<div class="group">
+	                    <label>Company:</label>
+                        <div class="input_field"><input class="text" type="text" name="name" /></div>
+                        <div class="clear"></div>
+                    </div>
+                    
+                	<div class="group">
+	                    <label><strong>Address:</strong></label>
+                        <div class="input_field"><input class="text address" type="text" name="name" /></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="name" /></div>
+                        <div class="clear"></div>
+                    </div>
+                    
+                	<div class="group">
+	                    <label><strong>City:</strong></label>
+                        <div class="input_field"><input class="text" type="text" name="name" /></div>
+                        <div class="clear"></div>
+                    </div>
+                    
+                	<div class="group">
+	                    <label><strong>State / Province:</strong></label>
+                        <div class="input_field"><input class="text" type="text" name="name" /></div>
+                        <div class="clear"></div>
+                    </div>
+                    
+                	<div class="group">
+	                    <label><strong>Country:</strong></label>
+                        <div class="input_field">
+                        	<select name="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>Phone Number:</label>
+                        <div class="input_field"><input class="text" type="text" name="name" /></div>
+                        <div class="clear"></div>
+                    </div>
+                    
+                	<div class="group">
+	                    <label><strong>E-mail:</strong></label>
+                        <div class="input_field"><input class="text" type="text" name="name" /></div>
+                        <div class="clear"></div>
+                    </div>
+                </div>               
+			</div>
+            
+            <div class="button_bar">
+                <a href="#"><img src="images/button_proceed_to_checkout.gif" alt="proceed to checkout" /></a>
+            </div>
+            
+            <a href="#" class="top_link"><span>top</span></a>
+		</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.staging.openmoko.com" class="selected">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">Contact</a></li>
+		</ul>
+		Copyright &copy; 2006 Openmoko, Inc. All Rights Reserved
+	</div>
+	
+</div>
+
+</body>
+
+</html>

Added: trunk/direct.openmoko.com/style.css
===================================================================
--- trunk/direct.openmoko.com/style.css	2007-07-04 14:48:57 UTC (rev 70)
+++ trunk/direct.openmoko.com/style.css	2007-07-04 14:50:53 UTC (rev 71)
@@ -0,0 +1,1014 @@
+html,body {
+	margin: 0px;
+	padding: 0px;
+	background: #FFF;
+	background-attachment: fixed;
+}
+
+body {
+	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Tahoma, Arial, Helvetica, sans-serif;
+/*	font-size: 0.75em;*/
+	font-size: 12px;
+	color: #333;
+}
+
+form {
+	margin: 0px;
+	padding: 0px;
+}
+
+h1 {
+	font-size: 1.9em;
+}
+
+h2 {
+	font-size: 1.4em;
+}
+
+h3 {
+	font-size: 1.1em
+}
+
+a {
+	color: #FF6600;
+	text-decoration: none;
+}
+
+a:hover {
+	text-decoration: underline;
+}
+
+img {
+	border: none;
+}
+
+ul {
+	margin: 0 0 0 0.5em;
+	padding: 0 0 0 0;
+	list-style: none;
+}
+
+ul li {
+	background: url(images/list_bullet.png) no-repeat 0 0.5em;
+	padding-left: 0.7em;
+	margin-bottom: 0.4em;
+}
+
+
+input,textarea {
+	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Tahoma, Arial, Helvetica, sans-serif;
+	font-size: 0.9em;
+}
+
+#wrapper {
+	width: 950px;
+	margin: 0px auto;
+	position: relative;
+}
+
+#header {
+	height: 121px;
+	position: relative;
+	background:url(images/navigation_background.png) no-repeat 0 0;
+}
+
+#site_logo {
+	position: absolute;
+	top: 32px;
+	left: 25px;
+}
+
+/**************/
+/* NAVIGATION */
+/**************/
+
+#main_navigation {
+	float: right;
+	position: absolute;
+	top: 42px;
+	right: 15px;
+}
+
+#main_navigation ul {
+	list-style: none;
+	margin: 0;
+	padding: 0;
+}
+
+#main_navigation ul li {
+	display: inline;
+	margin: 0;
+	padding: 0;
+	background: none;
+}
+
+
+
+#main_navigation a {
+	float: left;
+	display: block;
+	height: 11px;
+	background-position: 50% 0%;
+	background-repeat:no-repeat;
+	margin-left: 10px;
+}
+
+#main_navigation a:hover {
+	background-position: 50% 100%;
+}
+
+#main_navigation a span{
+	display: none;
+}
+
+#main_navigation .selected {
+	background-position: 50% 100%;
+}
+
+
+.nav_home {
+	background-image:url(images/navigation/home.png);
+	width: 58px;
+}
+
+.nav_about {
+	background-image:url(images/navigation/about.png);
+	width: 64px;
+}
+
+.nav_products {
+	background-image:url(images/navigation/products.png);
+	width: 86px;
+}
+
+.nav_developers {
+	background-image:url(images/navigation/developers.png);
+	width: 98px;
+}
+
+.nav_network {
+	background-image:url(images/navigation/network.png);
+	width: 83px;
+}
+
+.nav_press {
+	background-image:url(images/navigation/press.png);
+	width: 58px;
+}
+
+.nav_careers {
+	background-image:url(images/navigation/careers.png);
+	width: 76px;
+}
+
+.nav_contact {
+	background-image:url(images/navigation/contact.png);
+	width: 79px;
+}
+
+.nav_shop {
+	background-image:url(images/navigation/shop.png);
+	width: 55px;
+}
+
+/****************/
+/* MIDDLE BLOCK */
+/****************/
+
+#middleblock {
+	background: #030303 url(images/middleblock_tile.jpg) repeat-x 0% 0%;
+	position: relative;
+	border-bottom: 1px solid #CCCCCC;
+}
+
+#middleblock_container {
+	min-height: 380px;
+}
+
+#middleblock_tabs {
+	margin: 0px;
+	padding: 0px;
+	list-style: none;
+	font-size: 1.1em;
+	display: block;
+
+	position: relative;
+	top: 1px;
+	
+	margin-left: 348px;
+}
+
+#middleblock_tabs li {	
+	display: inline;
+	margin: 0;
+	padding: 0;
+	background: none;
+}
+
+#middleblock_tabs li a {
+	float: left;
+	display: block;
+	font-weight: bold;
+	color: white;
+	text-decoration: none;
+	margin-right: 5px;
+}
+
+#middleblock_tabs li a span {
+	display: block;
+	padding: 0.5em 0.8em 0.5em 0.9em;
+}
+
+#middleblock_tabs li a:hover {
+	color: #FF6600;
+	background:#FFF url(images/middleblock_tabs_left.png) no-repeat 0% 0%;
+}
+
+.middleblock_tabs_alt li a:hover {
+	background-image:url(images/middleblock_tabs_left_alt.png)!important;
+}
+
+#middleblock_tabs li a:hover span {
+	background:url(images/middleblock_tabs_right.png) no-repeat 100% 0%;
+}
+
+.middleblock_tabs_alt li a:hover span {
+	background-image:url(images/middleblock_tabs_right_alt.png)!important;
+}
+
+
+#middleblock_tabs li .selected {
+	color: #FF6600;
+	background:#FFF url(images/middleblock_tabs_left.png) no-repeat 0% 0%;
+}
+
+#middleblock_tabs li .selected span {
+	background:url(images/middleblock_tabs_right.png) no-repeat 100% 0%;
+}
+
+.middleblock_tabs_alt li a.selected {
+	background-image:url(images/middleblock_tabs_left_alt.png)!important;
+}
+
+.middleblock_tabs_alt li a.selected span {
+	background-image:url(images/middleblock_tabs_right_alt.png)!important;
+}
+
+.main_container {
+	padding-top: 40px;
+	padding-bottom: 40px;
+}
+
+.clear {
+	clear: both;
+}
+
+
+.left_column {
+	width: 303px;
+	padding-left: 45px;
+	float: left;
+	line-height: 140%;
+}
+
+.left_column h3 {
+	margin: 0 0 1.1em 0;
+	padding: 0;
+}
+
+.left_column ul li a {
+	color: #333;
+}
+
+.left_column ul li a:hover {
+	color: #FF6600;
+}
+
+.left_column ul li .selected {
+	font-weight: bold;
+	color: #FF6600;
+}
+
+.right_column {
+	margin-left: 350px;
+}
+
+#footer {	
+	text-align: center;
+	background: #FAFAFA;
+	border-top: 1px solid #CCC;
+	padding: 5em 0 4em 0;
+	margin: 0 0 20px 0;
+	font-size: 0.9em;
+	color: #666666;
+}
+
+#secundary_navigation {
+	margin: 0;
+	padding: 0 0 2em 0;
+	text-transform: uppercase;
+	margin: 0 auto;
+}
+
+#secundary_navigation li {
+	background: none;
+	padding: 0;
+	display: inline;
+	margin: 0 1em;
+}
+
+#secundary_navigation .selected {
+	font-weight: bold;
+	color: #FF6600;
+}
+
+#secundary_navigation a {
+	color: #333333;
+	text-decoration: none;
+}
+
+#secundary_navigation a:hover {
+	color: #FF6600;
+}
+
+
+
+/***********/
+/* CONTENT */
+/***********/
+
+.content {
+	line-height: 1.5em;
+	padding-bottom: 20px;
+}
+
+.content p {
+	margin: 0;
+	padding: 0.6em 0;
+}
+
+.content ul,
+.content ol {
+	padding: 0.9em 0 0.8em 2em;
+}
+
+.content blockquote {
+	margin: 0;
+	padding: 0.6em 0 0.6em 2em;
+	color: #666666;
+}
+
+.content h2 {
+	margin: 0;
+	padding: 0 0 0.5em 0;
+}
+
+.content h2.shop {
+	color: #FF6600;
+	border-bottom: 1px solid #CCCCCC;
+	margin-bottom: 24px !important;
+}
+
+.content h3.shop {
+	padding-bottom: 0.3em;
+	border-bottom: 1px solid #CCCCCC;
+}
+
+.content h3.shop .note {
+	font-weight: normal;
+	margin-left: 37px;
+}
+
+.content .title_container {
+	border-bottom: 1px solid #CCCCCC;
+	margin: 0 0 0.7em 0;
+}
+
+.content img {
+	border-right: 1px solid #CCCCCC;
+	float: left;
+	margin: 0 1em 1em 0;
+}
+
+/**********/
+/* INPUTS */
+/**********/
+
+.button_read_more {
+	display: block;
+	background:url(images/button_read_more.png) no-repeat 0 0;
+	width: 100px;
+	height: 22px;
+}
+
+.button_read_more_gray {
+	background:url(images/button_read_more_gray.png) no-repeat 0 0;
+}
+
+.button_read_more span {
+	display: none;
+}
+
+#home_content .button_read_more_gray {
+	margin: 20px 0px 10px 0px;
+}
+
+
+
+/*********/
+/* ABOUT */
+/*********/
+
+.left_container {
+	width: 200px;
+	float: left;
+	padding-top: 80px;
+	padding-left: 15px;
+}
+
+.right_container {
+	width: 706px;
+/*	margin: 0 0 0 29px;*/
+	float: right;
+	padding-top: 35px;
+}
+
+.page_content {
+	width: 530px;
+	margin: 0 0 0 auto;
+}
+
+
+.left_content {
+	width: 160px;
+	float:left;
+	margin-top: 45px;
+}
+
+.article_list {
+	width: 160px;
+	float:left;
+	margin-top: 45px;
+}
+
+.article_list li {
+	padding: 0px;
+	background: none;
+}
+
+.article_list a {
+	font-weight: bold;
+	color: #333;
+	background: url(images/article_bullet.png) no-repeat 0 0.2em;
+	padding: 0px 0px 0px 15px;
+}
+
+.article_list a:hover {
+	color: #FF6600;
+	background: url(images/article_bullet_hover.png) no-repeat 0 0.2em;
+}
+
+.article_list .selected {
+	color: #FF6600;
+	background: url(images/article_bullet_hover.png) no-repeat 0 0.2em;
+}
+
+.banner_about {
+	background:url(images/banner_about.jpg) no-repeat 0 0;
+	height: 150px;
+	margin-bottom: 35px;
+}
+
+.banner_contact {
+	background:url(images/banner_contact.jpg) no-repeat 0 0;
+	height: 150px;
+	margin-bottom: 35px;
+}
+
+.banner_developers {
+	background:url(images/banner_developers.jpg) no-repeat 0 0;
+	height: 150px;
+	margin-bottom: 35px;
+}
+
+.banner_press {
+	background:url(images/banner_press.jpg) no-repeat 0 0;
+	height: 150px;
+	margin-bottom: 35px;
+}
+
+.banner_careers {
+	background:url(images/banner_careers.jpg) no-repeat 0 0;
+	height: 150px;
+	margin-bottom: 35px;
+}
+
+.banner_search {
+	background:url(images/banner_search.jpg) no-repeat 0 0;
+	height: 150px;
+	margin-bottom: 35px;
+}
+
+
+.sidebox {
+	width: 189px;
+	margin: 0 0 30px 0;
+	background:url(images/sidebox_tile.png) repeat-y 0 0;
+}
+
+.sidebox .inner {
+	background:url(images/sidebox_top.png) no-repeat 0 0;
+}
+
+.sidebox .inner_2 {
+	background:url(images/sidebox_bottom.png) no-repeat 0 100%;
+	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;
+	padding: 24px 0 1px 0;
+	background:url(images/label/search_openmoko_gray.png) no-repeat 0 8px;
+}
+
+#searchform label {
+	display: none;
+}
+
+#searchform .input_text {
+	width: 135px;
+}
+
+#searchform .input_submit {
+	position: absolute;
+	left: 142px;
+	top: 20px;
+}
+
+
+.side_banner {
+	margin: 0 0 30px 0;
+	display:block;
+	width: auto;
+}
+
+.banner_images {
+	position: absolute;
+	left: 86px;
+	top: 20px;
+	width: auto;
+	overflow:visible;
+}
+
+.banner_images div {
+	position: relative;
+}
+
+.shadow {
+	width:146px;
+	height: 46px;
+	background:url(images/product_bottom_shadow.png) no-repeat 50% 100%;
+	margin: 0 auto;
+}
+
+.button_enlarge {
+	display:block;
+	width: 72px;
+	height: 32px;
+	background: url(images/button_enlarge.png) no-repeat 0 0;
+	
+	position: absolute;
+	right: -72px;
+	top: 60%;
+}
+
+.button_enlarge span {
+	display: none;
+}
+
+.banner_content {
+	padding-top: 35px;
+	margin: 0px 50px 50px 350px;
+}
+
+.banner_content h1 {
+	display: block;
+	margin: 0px 0px 0px 0px;
+	padding: 0px 0px 10px 0px;
+	font-size: 23px;
+	color: #FF6600;
+}
+
+.banner_content h1 span {
+	
+}
+
+.banner_content p {
+	color: #FFF;
+	line-height: 1.5em;
+}
+
+.banner_details {
+/*	background:url(images/banner_details.png) no-repeat 0 3.5em;*/
+	color: #FFF;
+	padding-top: 20px;
+}
+
+.banner_details h2 {
+	font-size: 1em;
+	margin: 0 0 2em 0;
+	padding: 0;
+}
+
+.banner_details h2 a {
+	background: url(images/link_bullet.png) no-repeat 0 0.25em;
+	padding: 0px 0px 0px 15px;
+}
+
+.banner_details ul li a {
+	color: #999999;
+}
+
+.banner_details ul li a:hover {
+	color: #ff6600;
+}
+
+.banner_left {
+/*	width: 245px;	
+	float: left;*/
+}
+
+.banner_left h2 {
+/*	background: #ddd;
+	width: 140px;*/
+	float: left;
+	padding-top: 8px;
+}
+
+.banner_right {
+	width: 245px;
+	float: left;
+}
+
+.button_all_accessories {
+	display: block;
+	background: url(images/button_all_accessories.png) no-repeat 0 0;
+	width: 125px;
+	height: 28px;
+	margin: 2em 0 0 0;
+}
+
+.button_all_accessories:hover {
+	background-position: 0 100%;
+}
+
+.button_all_accessories span {
+	display: none;
+}
+
+.button_all_accessories_white {
+	background:url(images/button_all_accessories_whit.png) no-repeat 0 0;
+}
+
+.button_add_to_cart {
+	display: block;
+	background: url(images/button_add_to_cart.png) no-repeat 0 0;
+	width: 106px;
+	height: 28px;
+	margin: 1em 0 0em 0;
+}
+
+.button_add_to_cart_white {
+	background: url(images/button_add_to_cart_white.png) no-repeat 0 0;
+}
+
+.button_add_to_cart_gray {
+	background-image: url(images/button_add_to_cart_gray.png);
+}
+
+.button_add_to_cart:hover {
+	background-position: 0 100%;
+}
+
+.button_add_to_cart span {
+	display: none;
+}
+
+
+.banner_product_thumbs {
+	margin: 0px 0px 0px 25px;
+	padding: 10px 0px 0px 25px;
+	height: 87px;
+	border-left: 1px solid #616161;
+	float:left;
+}
+
+.banner_product_thumbs li {
+	padding: 0 0 20px 0;
+	margin: 0 30px 0 0;
+	background: 0;
+	display: inline;
+	background:url(images/product_bottom_shadow_small.png) no-repeat 50% 100%
+}
+
+
+.top_link {
+	height: 11px;
+	width: 100px;
+	display:block;
+	background:url(images/top_link.png) no-repeat top left;
+	margin-top: 20px;
+}
+
+.top_link_alt {
+	float: left;
+	margin-top: 15px;
+	margin-left: 5px;
+}
+
+.top_link:hover {
+	background-position: bottom left;
+}
+
+.top_link span {
+	display: none;
+}
+
+.top_link_container {
+	border-top: 1px solid #ccc;
+	padding-top: 5px;
+}
+
+.display_none {
+	display: none;
+}
+
+.pagination {
+	border-top: 1px solid #CCCCCC;
+	padding-top: 10px;
+	text-align: center;
+	font-size: 0.9em;
+}
+
+.pagination .selected {
+	color: #FF6600 !important;
+}
+
+.pagination a {
+	color: #444;
+	margin-right: 5px;
+	padding-bottom: 2px;
+}
+
+.pagination a:hover {
+	color: #FF6600;
+	text-decoration: none;
+}
+
+.pag_first {
+	background:url(images/icons/icon_first.png) no-repeat 0 2px;
+	padding-left: 14px;
+	margin-right: 20px !important;
+}
+
+.pag_previous {
+	background:url(images/icons/icon_previous.png) no-repeat 0 2px;
+	padding-left: 14px;
+	margin-right: 20px !important;
+}
+
+
+.pag_next {
+	background:url(images/icons/icon_next.png) no-repeat right 2px;
+	padding-right: 14px;
+	margin-left: 15px !important;
+}
+
+.pag_last {
+	background:url(images/icons/icon_last.png) no-repeat right 2px;
+	padding-right: 14px;
+	margin-left: 20px !important;
+}
+
+.pagination .disabled {
+	color: #aaa !important;
+}
+
+.pagination .disabled:hover {
+	color: #aaa !important;
+}
+
+.search_term {
+	background: #E6E6E6;
+	padding: 0px 4px;
+}
+
+.toptab {
+	background: #333333 url(images/toptab_left.png) no-repeat 0 100%;
+	float: right;
+	font-size:0.9em;
+	color: #999999;
+	margin-left: 15px;
+	position: relative;
+	z-index: 100;
+}
+
+.toptab .inner {
+	background:url(images/toptab_right.png) no-repeat 100% 100%;
+	padding: 2px 15px;
+	position: relative;
+}
+
+.toptab a {
+	color: #999;
+}
+
+.toptab a:hover {
+	color: #FF6600 !important;
+	text-decoration: none;
+}
+
+.product_table {
+	width: 100%;
+	border-bottom: 1px solid #ccc;
+}
+
+.product_table img {
+	border: none !important;
+	float: none !important;
+	margin: 0px !important;
+}
+
+
+.product_table td {
+	 vertical-align: top;
+	 padding: 8px 0px;
+}
+
+.product_table td.image_column {
+	 width: 150px;
+	 text-align: center;
+}
+
+.product_table ul.product {
+	margin: 0px 0px 0px 10px;
+	padding: 0px;
+	list-style: none;
+	line-height: 120%;
+	font-size: 0.90em;
+}
+
+.product_table ul.product li {
+	margin: 0px 0px 8px 0px;
+	padding: 0px;
+}
+
+
+.product_table ul.product .description {
+
+}
+
+.product_table ul.product .name a {
+	font-weight: bold;
+	font-size: 1.1em;
+	background:url(images/orange_list_bullet.gif) no-repeat left 0.15em;
+	padding-left: 15px;
+	display: block;
+	padding-bottom: 3px;
+}
+
+.product_table ul.product .quantity,
+.product_table ul.product .price,
+.product_table ul.product .weight {
+	background:url(images/list_bullet.gif) no-repeat left center;
+	padding-left: 10px;
+}
+
+.orange {
+	color: #FF6600 !important;
+}
+
+.product_table ul.product .quantity input.text {
+	width: 30px;
+	margin: 0px 8px;
+}
+
+.product_table ul.product .quantity a {
+	text-decoration: underline;
+}
+
+.product_table ul.product .quantity a:hover {
+	text-decoration: none;
+}
+
+.shipping_and_handling {
+	border-bottom: 1px solid #ccc;
+	padding: 14px 0px 14px 160px !important;
+	display: block;
+	margin: 0px;
+}
+
+.card_subtotal {
+	padding: 14px 0px 14px 160px !important;
+	display: block;
+	margin: 0px 0px 30px !important;
+	background: #FAFAFA;
+}
+
+span.note {
+	color: #666;
+	font-size: 0.85em;
+}
+
+.shipping_info {
+	font-size: 0.9em;
+	margin-top: -10px;
+}
+
+.shipping_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;
+}
+
+#order_form .group {
+	padding-bottom: 22px;
+}
+
+#order_form .group.first {
+	padding-top: 16px;
+}
+
+#order_form .group label {
+	display: block;
+	width: 160px;
+	padding: 0px 5px;
+	float: left;
+}
+
+#order_form .group .radio_block {
+	display: block;
+	width: 100px;
+	padding: 0px 5px;
+	float: left;
+}
+
+#order_form .group .input_field {
+	float: left;
+}
+
+#order_form .group .input_field label {
+	width: auto;
+	padding: 0px;
+	float: none;
+	display: inline;
+}
+
+#order_form .group input.text {
+	width: 170px;
+}
+
+#order_form .group input.text.address {
+	width: 350px;
+}
+
+
+#order_form .group select {
+	width: 170px;
+}
+
+#order_form .group textarea {
+	width: 350px;
+	height: 100px;
+}
\ No newline at end of file





More information about the webdesign-commitlog mailing list