[major] upgrade to bootstrap 3
diff --git a/website/templates/pages/about.html b/website/templates/pages/about.html
index 2f4f6e4..277f790 100644
--- a/website/templates/pages/about.html
+++ b/website/templates/pages/about.html
@@ -3,14 +3,14 @@
 {% set title="About Us" %}
 
 {% block content %}
-<div class="col col-lg-12">
+<div class="col-md-12">
 	{{ obj.doc.company_introduction or "<h2>About Us</h2><p>Some Introduction about your company that you would like your website visitor to know. More people than you think will read your About page. People always like to know who the are doing business with. Be authentic and avoid using jargon like 'value added services' etc. Be sure to update your company history and list of key team members in Website > About Us Settings</p>" }}
 	{% if obj.doclist.get({"doctype":"Company History"}) %}
 	<h3>{{ obj.doc.company_history_heading or "Company History" }}</h3>
 	{% for d in obj.doclist.get({"doctype":"Company History"}) %}
 	<div class="row">
-		<span class="col col-lg-2"><h4 style="margin:0px;">{{ d.year }}</h4></span>
-		<span class="col col-lg-10"><p>{{ d.highlight }}</p></span>
+		<span class="col-md-2"><h4 style="margin:0px;">{{ d.year }}</h4></span>
+		<span class="col-md-10"><p>{{ d.highlight }}</p></span>
 	</div>
 	{% endfor %}
 	{% endif %}
@@ -18,12 +18,12 @@
 	<h3>{{ obj.doc.team_members_heading or "Team Members" }}</h3>
 	{% for d in obj.doclist.get({"doctype":"About Us Team Member"}) %}
 	<div class="row" itemscope itemtype="http://schema.org/Person">
-		<span class="col col-lg-2">
+		<span class="col-md-2">
 			<div class="avatar avatar-large">
 				<img class="avatar" src="{{ d.image_link }}" style="" itemprop="image">
 			</div>
 		</span>
-		<span class="col col-lg-10"><h4 itemprop="name">{{ d.full_name }}</h4>
+		<span class="col-md-10"><h4 itemprop="name">{{ d.full_name }}</h4>
 			<p itemprop="description">{{ d.bio }}</p>
 		</span>
 	</div>
diff --git a/website/templates/pages/account.html b/website/templates/pages/account.html
index b3fe5df..539e014 100644
--- a/website/templates/pages/account.html
+++ b/website/templates/pages/account.html
@@ -3,7 +3,7 @@
 {% set title="My Account" %}
 
 {% block content %}
-<div class="col col-lg-12">
+<div class="col-md-12">
     <ul class="breadcrumb">
     	<li><a href="index">Home</a></li>
     	<li class="active">My Account</li>
diff --git a/website/templates/pages/address.html b/website/templates/pages/address.html
index cf1fc4b..60e705b 100644
--- a/website/templates/pages/address.html
+++ b/website/templates/pages/address.html
@@ -8,7 +8,7 @@
 	{% if df.fieldtype in ["Data", "Link"] -%}
 	<fieldset>
 		<label>{{ df.label }}</label>
-		<input type="text" placeholder="Type {{ df.label }}" 
+		<input class="form-control" type="text" placeholder="Type {{ df.label }}" 
 			data-fieldname="{{ df.fieldname }}" data-fieldtype="{{ df.fieldtype }}"
 			{% if doc and doc.fields.get(df.fieldname) -%} value="{{ doc.fields[df.fieldname] }}" {%- endif %}>
 	</fieldset>
@@ -37,7 +37,7 @@
 {%- endmacro %}
 
 {% block content %}
-<div class="col col-lg-12">
+<div class="col-md-12">
     <ul class="breadcrumb">
     	<li><a href="index">Home</a></li>
     	<li><a href="account">My Account</a></li>
@@ -52,10 +52,10 @@
 	<div id="address-error" class="alert alert-danger" style="display: none;"></div>
 	<form autocomplete="on">
 		<div class="row">
-			<section class="col col-lg-6">
+			<section class="col-md-6">
 				{{ render_fields(meta.left_fields) }}
 			</section>
-			<section class="col col-lg-6">
+			<section class="col-md-6">
 				{{ render_fields(meta.right_fields) }}
 			</section>
 		</section>
diff --git a/website/templates/pages/addresses.html b/website/templates/pages/addresses.html
index 8526666..90d0d13 100644
--- a/website/templates/pages/addresses.html
+++ b/website/templates/pages/addresses.html
@@ -3,7 +3,7 @@
 {% set title="My Addresses" %}
 
 {% block content %}
-<div class="col col-lg-12">
+<div class="col-md-12">
     <ul class="breadcrumb">
     	<li><a href="index">Home</a></li>
     	<li><a href="account">My Account</a></li>
diff --git a/website/templates/pages/blog.html b/website/templates/pages/blog.html
index d7eaba4..9bd1abf 100644
--- a/website/templates/pages/blog.html
+++ b/website/templates/pages/blog.html
@@ -11,7 +11,7 @@
 {% set title="Blog" %}
 
 {% block content %}
-<div class="col col-lg-12">
+<div class="col-md-12">
 	<h2 id="blog-title">{{ blog_title }}</h2>
 	{% if blog_introduction %}
 	<p>{{ blog_introduction }}</p>
diff --git a/website/templates/pages/cart.html b/website/templates/pages/cart.html
index 5bfca33..70775ab 100644
--- a/website/templates/pages/cart.html
+++ b/website/templates/pages/cart.html
@@ -7,7 +7,7 @@
 {% set title="Shopping Cart" %}
 
 {% block content %}
-<div class="col col-lg-12">
+<div class="col-md-12">
 	<h2><i class="icon-shopping-cart"></i> {{ title }}</h2>
 	<div class="progress progress-striped active">
 		<div class="progress-bar progress-bar-info" style="width: 100%;"></div>
@@ -18,12 +18,12 @@
 		<div id="cart-error" class="alert alert-danger" style="display: none;"></div>
 		<hr>
 		<div class="row">
-			<div class="col col-lg-9 col-sm-9">
+			<div class="col-md-9 col-sm-9">
 				<div class="row">
-					<div class="col col-lg-9 col-offset-3"><h4>Item Details</h4></div>
+					<div class="col-md-9 col-md-offset-3"><h4>Item Details</h4></div>
 				</div>
 			</div>
-			<div class="col col-lg-3 col-sm-3 text-right"><h4>Qty, Amount</h4></div>
+			<div class="col-md-3 col-sm-3 text-right"><h4>Qty, Amount</h4></div>
 		</div><hr>
 		<div id="cart-items">
 		</div>
@@ -34,14 +34,14 @@
 		<hr>
 		<div id="cart-addresses">
 			<div class="row">
-				<div class="col col-lg-6">
+				<div class="col-md-6">
 					<h4>Shipping Address</h4>
 					<div id="cart-shipping-address" class="accordion" 
 						data-fieldname="shipping_address_name"></div>
 					<button class="btn btn-default" type="button" id="cart-add-shipping-address">
 						<span class="icon icon-plus"></span> New Shipping Address</button>
 				</div>
-				<div class="col col-lg-6">
+				<div class="col-md-6">
 					<h4>Billing Address</h4>
 					<div id="cart-billing-address" class="accordion"
 						data-fieldname="customer_address"></div>
diff --git a/website/templates/pages/contact.html b/website/templates/pages/contact.html
index 113b627..3798708 100644
--- a/website/templates/pages/contact.html
+++ b/website/templates/pages/contact.html
@@ -7,32 +7,32 @@
 {% set title="Contact Us" %}
 
 {% block content %}
-<div class="col col-lg-12">
+<div class="col-md-12">
 	<h3>{{ obj.doc.heading or "Contact Us"}}</h3>
 	<div class="row">
-		<div class="web-form col col-lg-8">
-			<p id="contact-alert" class="alert" 
+		<div class="web-form col-md-8">
+			<p id="contact-alert" class="alert alert-warning" 
 				style="display: none;">&nbsp;</p>
 			<p>
-				<select name="subject">
+				<select name="subject" class="form-control">
 				{% for option in obj.query_options %}
 					<option value="{{ option }}">{{ option }}</option>
 				{% endfor %}
 				</select>
 			</p>
 			<p>
-				<input name="email" type="text" 
+				<input class="form-control" name="email" type="text" 
 				placeholder="Your Email Address" />
 			</p>
 			<p>
-				<textarea rows="10" name="message"></textarea>
+				<textarea rows="10" name="message" class="form-control"></textarea>
 			</p>
 			<p>
 				<button class="btn btn-primary btn-send">Send</button>
 			</p>
 		</div>
 		{% if obj.doc.address %}
-		<div class="col col-lg-3 col-offset-1 alert" style="margin-top: 20px;" itemscope itemtype="http://schema.org/PostalAddress">
+		<div class="col-md-3 col-md-offset-1 alert" style="margin-top: 20px;" itemscope itemtype="http://schema.org/PostalAddress">
 			<h4><i class="icon-map-marker"></i> {{ obj.address.address_title }}</h4>
 			{% if obj.address.address_line1 %}
 				<span itemprop="streetAddress">{{ obj.address.address_line1 }}</span><br>
diff --git a/website/templates/pages/order.html b/website/templates/pages/order.html
index 61afe32..1893575 100644
--- a/website/templates/pages/order.html
+++ b/website/templates/pages/order.html
@@ -3,7 +3,7 @@
 {% set title=doc.name %}
 
 {% block content %}
-<div class="col col-lg-12">
+<div class="col-md-12">
     <ul class="breadcrumb">
     	<li><a href="index">Home</a></li>
     	<li><a href="account">My Account</a></li>
@@ -15,16 +15,16 @@
 	{%- if doc.status -%}
 	<div style="font-size: 13px;">
 	<div class="row">
-		<div class="col col-lg-2">
+		<div class="col-md-2">
 			<div class="label">{{ doc.status }}</div>
 		</div>
-		<div class="col col-lg-4">
+		<div class="col-md-4">
 			{{ utils.formatdate(doc.transaction_date) }}
 		</div>
 	</div>
 	<br>
 	<div class="row">
-		<div class="col col-lg-12">
+		<div class="col-md-12">
 		<table class="table table-bordered">
 			<tbody>
 				<tr>
@@ -52,8 +52,8 @@
 		</div>
 	</div>
 	<div class="row">
-		<div class="col col-lg-6"></div>
-		<div class="col col-lg-6">
+		<div class="col-md-6"></div>
+		<div class="col-md-6">
 		<table cellspacing=0 width=100%>
 		<tbody>
 			<tr>
diff --git a/website/templates/pages/orders.html b/website/templates/pages/orders.html
index bb72fc3..e0bf4d7 100644
--- a/website/templates/pages/orders.html
+++ b/website/templates/pages/orders.html
@@ -8,7 +8,7 @@
 currency = "{{ currency }}";
 wn.currency_symbols = {{ currency_symbols }};
 </script>
-<div class="col col-lg-12">
+<div class="col-md-12">
     <ul class="breadcrumb">
     	<li><a href="index">Home</a> <span class="divider">/</span></li>
     	<li><a href="account">My Account</a> <span class="divider">/</span></li>
@@ -44,8 +44,8 @@
 				
 				// parent
 				var $order = $(repl('<div class="row">\
-					<div class="col col-lg-3"><a href="order?name=%(name)s">%(name)s</a></div>\
-					<div class="col col-lg-9"></div>\
+					<div class="col-md-3"><a href="order?name=%(name)s">%(name)s</a></div>\
+					<div class="col-md-9"></div>\
 				</div>', order)).appendTo($list);
 				
 				// items
@@ -53,12 +53,12 @@
 					item.export_rate = format_currency(item.export_rate, order.currency);
 					item.export_amount = format_currency(item.export_amount, order.currency);
 					var $item = $(repl('<div class="row">\
-							<div class="col col-lg-3">%(item_name)s</div>\
-							<div class="col col-lg-2" style="text-align: right;">%(export_rate)s</div>\
-							<div class="col col-lg-2" style="text-align: right;">%(qty)s %(stock_uom)s</div>\
-							<div class="col col-lg-2" style="text-align: right;">%(export_amount)s</div>\
+							<div class="col-md-3">%(item_name)s</div>\
+							<div class="col-md-2" style="text-align: right;">%(export_rate)s</div>\
+							<div class="col-md-2" style="text-align: right;">%(qty)s %(stock_uom)s</div>\
+							<div class="col-md-2" style="text-align: right;">%(export_amount)s</div>\
 						</div>\
-					</div>', item)).appendTo($order.find(".col col-lg-9"));
+					</div>', item)).appendTo($order.find(".col-md-9"));
 				});
 				
 				$("<hr>").appendTo($list);
diff --git a/website/templates/pages/partners.html b/website/templates/pages/partners.html
index c090227..50a095d 100644
--- a/website/templates/pages/partners.html
+++ b/website/templates/pages/partners.html
@@ -3,12 +3,12 @@
 {% set title="Partners" %}
 
 {% block content %}
-	<div class="col col-lg-12">
+	<div class="col-md-12">
 		<h2 id="blog-title">{{ title }}</h2>
 		<hr>
 		{% for partner_info in partners %}
 		<div class="row">
-			<div class="col col-lg-3">
+			<div class="col-md-3">
 				{% if partner_info.logo -%}
 				<a href="{{ partner_info.page_name }}">
 					<img itemprop="brand" src="{{ partner_info.logo }}" class="partner-logo" 
@@ -16,7 +16,7 @@
 				</a>
 				{%- endif %}
 			</div>
-			<div class="col col-lg-9">
+			<div class="col-md-9">
 				<a href="{{ partner_info.page_name }}">
 					<h4>{{ partner_info.partner_name }}</h4>
 				</a>
diff --git a/website/templates/pages/product_search.html b/website/templates/pages/product_search.html
index 4711408..e969f75 100644
--- a/website/templates/pages/product_search.html
+++ b/website/templates/pages/product_search.html
@@ -18,7 +18,7 @@
 </script>
 
 {% include 'app/website/templates/html/product_search_box.html' %}
-<div class="col col-lg-12">
+<div class="col-md-12">
 	<h3 class="search-results">Search Results</h3>
 	<div id="search-list" class="row">
 		
diff --git a/website/templates/pages/profile.html b/website/templates/pages/profile.html
index 61ae1b0..ea2433b 100644
--- a/website/templates/pages/profile.html
+++ b/website/templates/pages/profile.html
@@ -3,7 +3,7 @@
 {% set title="My Profile" %}
 
 {% block content %}
-<div class="col col-lg-12">
+<div class="col-md-12">
     <ul class="breadcrumb">
     	<li><a href="index">Home</a> <span class="divider">/</span></li>
     	<li><a href="account">My Account</a> <span class="divider">/</span></li>
@@ -15,23 +15,23 @@
 	<form>
 		<fieldset>
 			<label>Full Name</label>
-			<input type="text" id="fullname" placeholder="Your Name">
+			<input class="form-control" type="text" id="fullname" placeholder="Your Name">
 		</fieldset>
 		<fieldset>
 			<label>Password</label>
-			<input type="password" id="password" placeholder="Password">
+			<input class="form-control" type="password" id="password" placeholder="Password">
 		</fieldset>
 		<fieldset>
 			<label>Company Name</label>
-			<input type="text" id="company_name" placeholder="Company Name" value="{{ company_name }}">
+			<input class="form-control" type="text" id="company_name" placeholder="Company Name" value="{{ company_name }}">
 		</fieldset>
 		<fieldset>
 			<label>Mobile No</label>
-			<input type="text" id="mobile_no" placeholder="Mobile No" value="{{ mobile_no }}">
+			<input class="form-control" type="text" id="mobile_no" placeholder="Mobile No" value="{{ mobile_no }}">
 		</fieldset>
 		<fieldset>
 			<label>Phone</label>
-			<input type="text" id="phone" placeholder="Phone" value="{{ phone }}">
+			<input class="form-control" type="text" id="phone" placeholder="Phone" value="{{ phone }}">
 		</fieldset>
 		<button id="update_profile" type="submit" class="btn btn-default">Update</button>
 	</form>
diff --git a/website/templates/pages/ticket.html b/website/templates/pages/ticket.html
index 5835246..1ae2e88 100644
--- a/website/templates/pages/ticket.html
+++ b/website/templates/pages/ticket.html
@@ -3,7 +3,7 @@
 {% set title=doc.name %}
 
 {% block content %}
-<div class="col col-lg-12">
+<div class="col-md-12">
     <ul class="breadcrumb">
     	<li><a href="index">Home</a> <span class="divider">/</span></li>
     	<li><a href="account">My Account</a> <span class="divider">/</span></li>
@@ -14,13 +14,13 @@
 	<hr>
 	{%- if doc.status -%}
 	<div class="row">
-		<div class="col col-lg-2">
+		<div class="col-md-2">
 			<div class="label">{{ doc.status }}</div>
 		</div>
-		<div class="col col-lg-7">
+		<div class="col-md-7">
 			{{ doc.subject }}
 		</div>
-		<div class="col col-lg-3">
+		<div class="col-md-3">
 			{{ utils.formatdate(doc.transaction_date) }}
 		</div>
 	</div>
diff --git a/website/templates/pages/tickets.html b/website/templates/pages/tickets.html
index 901453d..3d5cf21 100644
--- a/website/templates/pages/tickets.html
+++ b/website/templates/pages/tickets.html
@@ -3,7 +3,7 @@
 {% set title="My Tickets" %}
 
 {% block content %}
-<div class="col col-lg-12">
+<div class="col-md-12">
     <ul class="breadcrumb">
     	<li><a href="index">Home</a></li>
     	<li><a href="account">My Account</a></li>
@@ -39,9 +39,9 @@
 				
 				// parent
 				var $ticket = $(repl('<div class="row">\
-					<div class="col col-lg-2"><span class="label">%(status)s</span></div>\
-					<div class="col col-lg-3"><a href="ticket?name=%(name)s">%(name)s</a></div>\
-					<div class="col col-lg-7">%(subject)s</div>\
+					<div class="col-md-2"><span class="label">%(status)s</span></div>\
+					<div class="col-md-3"><a href="ticket?name=%(name)s">%(name)s</a></div>\
+					<div class="col-md-7">%(subject)s</div>\
 				</div>', ticket)).appendTo($list);
 				
 				$("<hr>").appendTo($list);
diff --git a/website/templates/pages/writers.html b/website/templates/pages/writers.html
index 9d660b8..5b254b0 100644
--- a/website/templates/pages/writers.html
+++ b/website/templates/pages/writers.html
@@ -3,7 +3,7 @@
 {% set title="Blog Writers" %}
 
 {% block content %}
-<div class="col col-lg-12">
+<div class="col-md-12">
 	<h2 id="blog-title">Blog Writers</h2>
 	{% if writers_introduction %}
 	<p>{{ writers_introduction }}</p>