SHOPPING CART BLOGGER TEMPLATE WITH THUMBNAIL CART PAGE

Sunday, 24 August 2014

SHOPPING CART BLOGGER TEMPLATE WITH THUMBNAIL CART PAGE

----------------------------------------------------------------------------------------------------------
COPY AND PASTE BELOW CODE
REMAINING PART:
http://fbgadgets.blogspot.co.uk/2014/08/shopping-cart-blogger-template-with.html

---------------------------------------------------------------------------------------------------------

<?xml version="1.0" encoding="UTF-8" ?>
<html>
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: SHOPPING CART BLOGGER TEMPLATE THUMBNAIL CART PAGE
Design by : FBGadgets
URL : http://fbgadgets.blogspot.co.uk/
----------------------------------------------- */
/*****************************************
Global Links CSS CHANGE LINK INTO BUTTON
******************************************/
a{ color:Red; outline:none; text-decoration: none; }
a:hover { color:Green; text-decoration:none; }
.left {
position: relative;
display: inline;
float: left;
}
.right {
position: relative;
display: inline;
float: right;
}
.date-header {display:none;}
.top-bar {
background: #020202;
margin: 0px;
padding: 0px;
}
.top-nav {
display: inline;
float: left;
position: relative;
width: 700px;
margin: 0px;
}
.top-nav h2 {display: none;}
.top-nav ul {
padding: 0;
list-style: none;
}
.top-nav ul li {
display: inline;
float: left;
padding: 10px 0px;
}
.top-nav ul li a {
padding: 0px 20px;
color: #666564;
font-size: 12px;
border-right: 1px solid #666564;
transition:All 0.3s ease;
-webkit-transition:All 0.3s ease;
-moz-transition:All 0.3s ease;
-o-transition:All 0.3s ease;
}
.top-nav ul li:last-child a{
border-right: none !important;
}
.top-nav ul li a:hover, .top-nav ul li.selected a{
color: #FFFFFF;
font-size: 12px;
font-weight: normal;
}
.top-social {
display: inline;
float: right;
position: relative;
width: 220px;
}
.top-social ul {
list-style: none;
padding: 0;
float: right;
}
.top-social ul li {
display: inline;
float: left;
margin: 7px 0px 0px 5px;
}
.top-social ul li a {
display: block;
width: 25px;
height: 25px;
text-indent: -9999px;
background: #666564 url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitqgXvj1A6K8hSPjfhh7GhYU9RhbS64luZbjkLNHID6YaLfoIzNm1ORqUAG429dCrLuyF1Mlv-XtVPxedMjpGjsSxOdGI7ptwFFlRgSRDyXw6COX01qgrnq0mc_Mj1i0FIBIGFgnN6Uw/s1600/social.png") no-repeat;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
-o-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
}
.top-social ul li a.facebook {
background-position:-14px -15px;
}
.top-social ul li a.facebook:hover {
background-position:-58px -15px;
}
.top-social ul li a.twitter {
background-position:-14px -53px;
}
.top-social ul li a.twitter:hover {
background-position:-58px -53px;
}
.top-social ul li a.linkedin {
background-position:-14px -90px;
}
.top-social ul li a.linkedin:hover {
background-position:-58px -90px;
}
.top-social ul li a.google {
background-position:-14px -126px;
}
.top-social ul li a.google:hover {
background-position:-58px -126px;
}
.top-social ul li a.rss {
background-position:-14px -163px;
}
.top-social ul li a.rss:hover {
background-position:-58px -163px;
}
.cart {
display:inline;
float:right;
width:220px;
margin:0 0;
padding: 10px;
background: #f8f8f8;
border: 1px solid #e7e7e7;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
-o-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
}
.cart a.cart-btn {
position: absolute;
margin-top: -46px;
margin-left: 180px;
float: right;
display: block;
width: 50px;
height: 50px;
text-indent: -9999px;
border: 1px solid #e7e7e7;
-moz-border-radius: 3px 0px 0px 3px;
-webkit-border-radius: 3px 0px 0px 3px;
-o-border-radius: 3px 0px 0px 3px;
border-radius: 3px 0px 0px 3px;
background: #FFF url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjB7csEGyOS2TnMpFKzWQ7jREUEK7adQFroqYjrZbSUHF9yaKFVWR9gOJx6VCNLriTXLpKO1kHmzz79Jhyphenhyphen8lzVBMEd5zVkULldNfB2LKAT-6vuqAXA42LwQdOH-OOfHlMu0Fh6Ju2MXAg/s1600/chart.png") no-repeat center center;
z-index: 20;
}
.cart .cart-box {
padding: 20px 5px;
position: absolute;
display: none;
min-width: 240px;
margin: 9px 0px 0px -15px;
background: #f8f8f8;
border: 1px solid #e7e7e7;
z-index: 20;
}
.cart .cart-box table, .cart .cart-box th, .cart .cart-box td {border: none;}
.simpleCart_items table {
width: 100%;
border: 1px solid #ccc;
}
.simpleCart_items th {
color: #333;
text-align: left;
padding: 10px 10px;
border-bottom: 1px solid #ccc;
background: #ededed;
background: -moz-linear-gradient(top, #f7f7f7 0%, #ededed 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#ededed));
background: -webkit-linear-gradient(top, #f7f7f7 0%,#ededed 100%);
background: -o-linear-gradient(top, #f7f7f7 0%,#ededed 100%);
background: -ms-linear-gradient(top, #f7f7f7 0%,#ededed 100%);
background: linear-gradient(top, #f7f7f7 0%,#ededed 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ededed',GradientType=0 );
}
.simpleCart_items td {
padding: 10px 20px;
vertical-align: middle;
border-bottom: 1px solid #ccc;
}
.simpleCart_items .item-thumb img {
width: 80px !important;
height: 76px !important;
display: block;
}
.simpleCart_items .item-quantity input {
width: 20px;
padding: 10px;
border: 0;
}
.cart .cart-box .headerRow, .cart .cart-box .item-thumb {display: none;}
.cart .cart-box td {
padding: 5px;
}
.cart .cart-box td.item-name {
max-width: 95px;
white-space: nowrap;
overflow: hidden !important;
text-overflow: ellipsis;
}
.item_Quantity {
margin-top: 5px;
padding: 5px;
max-width: 50px;
}
.cart .cart-box td.item-quantity input {
width:30px;
}
.cart .cart-box td.item-remove a.simpleCart_remove,
.simpleCart_items .item-remove a.simpleCart_remove {
display: block;
width:20px;
height: 20px;
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWHWg9Ru8YaJ2MIrdgLWslKtrcH5qTGoDlwRLxDf49jj65bOaJdnoXGYbwUcmd_j12zq76JXNiz0QFSEAG8VqPJ1mEU6GOBWOFoDrrHiV3OmMGd7rdeh7_u2BrJ-tFMgfMhjgQoTDlIg/s1600/sprite.png") no-repeat -11px -304px;
text-indent: -9999px;
}
.cart .cart-box .itemRow {
border-bottom: 1px solid #e7e7e7;
}
.cart .cart-box td.item-price {display: none;}
a.view-cart, a.simpleCart_checkout, a.Rcheckout {
padding: 5px 30px;
text-align: center;
background: #da3610;
color: #FFFFFF;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
-o-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
}
a.view-cart {
margin-top: 20px;
}
a.Rcheckout {
margin-left: 10px;
}
.ck-box {
width: 460px;
}
.cart-view {
width: 700px;
}
.cart-info {
width: 200px;
background: #f8f8f8;
border: 1px solid #e7e7e7;
padding: 40px 10px 20px 10px;
}
.ck-btn {
text-align: center;
}
.cart-info:after {
content:"Cart Info";
position: absolute;
top: 0px;
left: 0px;
z-index: 20;
padding:5px 20px;
background: #fafafa;
font-size: 12px;
font-weight: bold;
border-right: 1px solid #e7e7e7;
border-bottom: 1px solid #e7e7e7;
border-radius: 0px 0px 3px 0px;
text-shadow: 1px 0px 1px #fff;
}
.nav {
padding: 0;
background: #f8f8f8;
border: 1px solid #e7e7e7;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
-o-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
}
.menu-wrp {
padding-bottom: 15px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhA5xluZN9wG9FHWptmGzR_iTxmPx4ixKq-m3fP6LYjAcB923KTC-_Tobx2XQ3YIN2J_XTjb6gxzVvZh6wDJ8DoYM8BSgDddMGI6hwHvjej3lwxA9ypKzlt5yR-e-IAp9L3V3txRlOOyQ/s1600/nav-bg.png) no-repeat bottom;
}
.nav .menu {
padding: 0;
list-style: none;
}
.nav .menu li {
display: inline;
float: left;
}
.nav .menu li a {
display: block;
padding: 1em 2em;
text-align: center;
transition:All 0.3s ease;
-webkit-transition:All 0.3s ease;
-moz-transition:All 0.3s ease;
-o-transition:All 0.3s ease;
}
.nav .menu li a:hover{
background: #FFF;
}
.nav .menu li:hover ul li a:hover {
background: #F8F8F8;
}
.nav .menu li ul {
padding: 0;
position: absolute;
display: none;
z-index: 99;
background: #ffffff;
min-width: 12em;
border-left: 1px solid #e7e7e7;
border-right: 1px solid #e7e7e7;
border-bottom: 1px solid #e7e7e7;
}
.nav .menu li:hover ul {
display: block;
}
.nav .menu li:hover a {
background: #fff;
}
.nav .menu li:hover ul li a {
background:none;
}
.nav .menu li ul li {
float: none !important;
}
.nav .menu li ul li a {
display: block;
padding: 5px 10px;
text-align: left;
}
.nav .menu li ul li
.post h3.post-title {
font-size: 22px;
font-weight: normal;
line-height: 28px;
}
.nav .menu li.searchbox {
float: right;
}
.nav .menu li.searchbox input {
margin: 7px 10px 0px 0px;
padding: 7px 10px 7px 25px;
width:130px;
border: 1px solid #e7e7e7;
background:#fff url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8xhbdS05VmB47m48Z2RT7dJPyRK02E23FsqSkbe_m1bi35WsRBLPvHZkIqEDOGGP2noHVHJEE90GHHOaV28_Lve2E7UhqWZc836VPDbrDP04R1dIv-eGhrmVIGj2Svv71VhXyLuOTzQ/s1600/search.png") no-repeat left center;
}
.welcome-wrp {
padding: 0px;
}
.welcomebox {
display: inline;
float:left;
width: 300px;
margin: 0px 10px !important;
border: 1px solid #e7e7e7;
padding:10px;
box-sizing:border-box;
-moz-box-sizing:border-box;
}
.welcomebox h2 {
font-size: 12px;
}
h3.post-title {
font-family: 'Open Sans', sans-serif;
font-weight: 300;
font-size: 24px;
padding-bottom: 20px;
margin-bottom: 20px;
}
.post-header {
display: none;
padding: 0px 0px 10px 0px;
margin-bottom: 20px;
border-bottom: 1px solid #e7e7e7;
}
.post-body .item_image {
display: inline;
float: left;
position: relative;
width: 630px;
padding: 10px;
background: #f7f7f7;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
border: 1px solid #e7e7e7;
}
.post-body .item_image img{
margin-bottom: 10px;
}
.post-body .item_price {
font-size: 20px;
font-weight: normal;
color: #da3610;
}
.post-body .item_Description {
display: inline;
float: right;
position: relative;
width: 300px;
}
.post-body ul {
margin-left: 30px;
list-style: disc;
}
.post-body .item-bottom {
margin-top: 20px;
padding: 10px 10px;
background: #f7f7f7;
border: 1px solid #e7e7e7;
}
.post-body .item-bottom a.item_add {
float: right;
padding: 10px 20px;
background: #da3610;
color: #FFFFFF;
border-radius: 3px 3px 3px 3px;
}
.post-footer {
margin-top: 20px;
padding: 10px 0px;
border-top: 1px solid #e7e7e7;
border-bottom: 1px solid #e7e7e7;
}
.ckloefa {
display: inline;
float: left;
width: 460px;
}
.ckloefa input {
width: 100%;
border: 1px solid #e7e7e7;
background: #f8f8f8;
padding: 5px 10px;
}
.ckloefa input:focus {
background: #fff;
border: 1px solid blue;
}
.ckloefa span {
font-size: 10px;
color: #ff7100;
display: none;
}
.credit {
padding: 10px 0px;
}
.toplink {
position: fixed;
display: none;
width: 30px;
height: 30px;
background: #da3610;
color: #FFFFFF;
text-decoration: none;
bottom: 20px;
right: 20px;
text-indent: -99999px;
z-index: 999;
}
#ck-boxInfo, #paypalInfo, #amazonInfo, #sendFormData {
display: none;
min-height: 120px;
background: #f8f8f8;
border:1px solid #ccc;
}
#ck-boxInfo {display:block;}

]]></b:skin>

<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<style>

.post-body .item_image {
width: 100%;
padding: 0px;
background: transparent;
-moz-border-radius: 0px 0px 0px 0px;
-webkit-border-radius: 0px 0px 0px 0px;
border-radius: 0px 0px 0px 0px;
border: none !important;
}

.post-outer {
display: inline;
float: left;
width: 220px;
margin: 0px 10px 20px 10px;
border: 1px solid #e7e7e7;
box-sizing:border-box;
-moz-box-sizing:border-box;
padding: 10px;
transition:All 0.3s ease;
-webkit-transition:All 0.3s ease;
-moz-transition:All 0.3s ease;
-o-transition:All 0.3s ease;
}

.post-outer:hover {
box-shadow: 0px 0px 3px #ccc;
}
.post-outer .item_image img{
width: 198px;
height: 144px;
}
.post-body .item-bottom{
margin-top: 0px;
padding: 10px 0px;
background: transparent;
border: none;
}
.post-body .item-bottom a.item_add {
float: none;
}

.item-bottom, .item_image {
text-align: center;
}

a.post-judul {
display: block;
white-space: nowrap;
overflow: hidden !important;
text-overflow: ellipsis;
}

.blog-pager {
clear: both;
}
.post-body .item_Description,
.post-footer, .post-header,
.post h3.post-title {
display: none;
}

</style>
</b:if>
</b:if>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js'/>

<script type='text/javascript'>
// <![CDATA[
/*~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~
Copyright (c) 2012 Brett Wejrowski
wojodesign.com
simplecartjs.org
http://github.com/wojodesign/simplecart-js
VERSION 3.0.5
~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~*/
/*jslint browser: true, unparam: true, white: true, nomen: true, regexp: true, maxerr: 50, indent: 4 */

(function(e,t){var n=typeof "",r=typeof undefined,i=typeof function(){},s=typeof {},o=function(e,t){return typeof e===t},u=function(e){return o(e,n)},a=function(e){return o(e,r)},f=function(e){return o(e,i)},l=function(e){return o(e,s)},c=function(e){return typeof HTMLElement==="object"?e instanceof HTMLElement:typeof e==="object"&&e.nodeType===1&&typeof e.nodeName==="string"},h=function(n){function L(e){var t=e||{};return N.extend({attr:"",label:"",view:"attr",text:"",className:"",hide:false},t)}function A(e,t){var n=f(t.view)?t.view:u(t.view)&&f(k[t.view])?k[t.view]:k.attr;return n.call(N,e,t)}function O(){if(N.isReady){return}try{t.documentElement.doScroll("left")}catch(e){setTimeout(O,1);return}N.init()}function M(){if(t.readyState==="complete"){return setTimeout(N.init,1)}if(t.addEventListener){t.addEventListener("DOMContentLoaded",DOMContentLoaded,false);e.addEventListener("load",N.init,false)}else if(t.attachEvent){t.attachEvent("onreadystatechange",DOMContentLoaded);e.attachEvent("onload",N.init);var n=false;try{n=e.frameElement===null}catch(r){}if(t.documentElement.doScroll&&n){O()}}}var r={MooTools:"$$",Prototype:"$$",jQuery:"*"},i=0,s="SCI-",o={},p=n||"simpleCart",d={},v={},m={},g=e.localStorage,y=e.console||{msgs:[],log:function(e){y.msgs.push(e)}},b="value",w="text",E="html",S="click",x={USD:{code:"USD",symbol:"$",name:"US Dollar"},AUD:{code:"AUD",symbol:"$",name:"Australian Dollar"},BRL:{code:"BRL",symbol:"R$",name:"Brazilian Real"},CAD:{code:"CAD",symbol:"$",name:"Canadian Dollar"},CZK:{code:"CZK",symbol:" Kč",name:"Czech Koruna",after:true},DKK:{code:"DKK",symbol:"DKK ",name:"Danish Krone"},EUR:{code:"EUR",symbol:"â‚¬",name:"Euro"},HKD:{code:"HKD",symbol:"$",name:"Hong Kong Dollar"},HUF:{code:"HUF",symbol:"Ft",name:"Hungarian Forint"},ILS:{code:"ILS",symbol:"₪",name:"Israeli New Sheqel"},JPY:{code:"JPY",symbol:"Â¥",name:"Japanese Yen"},MXN:{code:"MXN",symbol:"$",name:"Mexican Peso"},NOK:{code:"NOK",symbol:"NOK ",name:"Norwegian Krone"},NZD:{code:"NZD",symbol:"$",name:"New Zealand Dollar"},PLN:{code:"PLN",symbol:"PLN ",name:"Polish Zloty"},GBP:{code:"GBP",symbol:"Â£",name:"Pound Sterling"},SGD:{code:"SGD",symbol:"$",name:"Singapore Dollar"},SEK:{code:"SEK",symbol:"SEK ",name:"Swedish Krona"},CHF:{code:"CHF",symbol:"CHF ",name:"Swiss Franc"},THB:{code:"THB",symbol:"฿",name:"Thai Baht"},IDR:{code:"IDR",symbol:"Rp.",name:"Indonesia Rupiah"},BTC:{code:"BTC",symbol:" BTC",name:"Bitcoin",accuracy:4,after:true}},T={checkout:{type:"PayPal",email:"you@yours.com"},currency:"USD",language:"english-us",cartStyle:"table",cartColumns:[{attr:"thumb",label:false,view:"image"},{attr:"name",label:"Name"},{attr:"price",label:"Price",view:"currency"},{view:"decrement",label:false},{attr:"quantity",label:"Qty"},{view:"increment",label:false},{attr:"total",label:"SubTotal",view:"currency"},{view:"remove",text:"Remove",label:false}],excludeFromCheckout:["thumb"],shippingFlatRate:0,shippingQuantityRate:0,shippingTotalRate:0,shippingCustom:null,taxRate:0,taxShipping:false,data:{}},N=function(e){if(f(e)){return N.ready(e)}if(l(e)){return N.extend(T,e)}},C,k;N.extend=function(e,t){var n;if(a(t)){t=e;e=N}for(n in t){if(Object.prototype.hasOwnProperty.call(t,n)){e[n]=t[n]}}return e};N.extend({copy:function(e){var t=h(e);t.init();return t}});N.extend({isReady:false,add:function(e,t){var n=e||{},r=new N.Item(n),i=true,s=t===true?t:false,u;if(!s){i=N.trigger("beforeAdd",[r]);if(i===false){return false}}u=N.has(r);if(u){u.increment(r.quantity());r=u}else{o[r.id()]=r}N.update();if(!s){N.trigger("afterAdd",[r,a(u)])}return r},each:function(e,t){var n,r=0,i,s,u;if(f(e)){s=e;u=o}else if(f(t)){s=t;u=e}else{return}for(n in u){if(Object.prototype.hasOwnProperty.call(u,n)){i=s.call(N,u[n],r,n);if(i===false){return}r+=1}}},find:function(e){var t=[];if(l(o[e])){return o[e]}if(l(e)){N.each(function(n){var r=true;N.each(e,function(e,t,i){if(u(e)){if(e.match(/<=.*/)){e=parseFloat(e.replace("<=",""));if(!(n.get(i)&&parseFloat(n.get(i))<=e)){r=false}}else if(e.match(/</)){e=parseFloat(e.replace("<",""));if(!(n.get(i)&&parseFloat(n.get(i))<e)){r=false}}else if(e.match(/>=/)){e=parseFloat(e.replace(">=",""));if(!(n.get(i)&&parseFloat(n.get(i))>=e)){r=false}}else if(e.match(/>/)){e=parseFloat(e.replace(">",""));if(!(n.get(i)&&parseFloat(n.get(i))>e)){r=false}}else if(!(n.get(i)&&n.get(i)===e)){r=false}}else if(!(n.get(i)&&n.get(i)===e)){r=false}return r});if(r){t.push(n)}});return t}if(a(e)){N.each(function(e){t.push(e)});return t}return t},items:function(){return this.find()},has:function(e){var t=false;N.each(function(n){if(n.equals(e)){t=n}});return t},empty:function(){var e={};N.each(function(t){if(t.remove(true)===false){e[t.id()]=t}});o=e;N.update()},quantity:function(){var e=0;N.each(function(t){e+=t.quantity()});return e},total:function(){var e=0;N.each(function(t){e+=t.total()});return e},grandTotal:function(){return N.total()+N.tax()+N.shipping()},update:function(){N.save();N.trigger("update")},init:function(){N.load();N.update();N.ready()},$:function(e){return new N.ELEMENT(e)},$create:function(e){return N.$(t.createElement(e))},setupViewTool:function(){var t,n,i=e,s;for(s in r){if(Object.prototype.hasOwnProperty.call(r,s)&&e[s]){t=r[s].replace("*",s).split(".");n=t.shift();if(n){i=i[n]}if(typeof i==="function"){C=i;N.extend(N.ELEMENT._,d[s]);return}}}},ids:function(){var e=[];N.each(function(t){e.push(t.id())});return e},save:function(){N.trigger("beforeSave");var e={};N.each(function(t){e[t.id()]=N.extend(t.fields(),t.options())});g.setItem(p+"_items",JSON.stringify(e));N.trigger("afterSave")},load:function(){o={};var e=g.getItem(p+"_items");if(!e){return}try{N.each(JSON.parse(e),function(e){N.add(e,true)})}catch(t){N.error("Error Loading data: "+t)}N.trigger("load")},ready:function(e){if(f(e)){if(N.isReady){e.call(N)}else{N.bind("ready",e)}}else if(a(e)&&!N.isReady){N.trigger("ready");N.isReady=true}},error:function(e){var t="";if(u(e)){t=e}else if(l(e)&&u(e.message)){t=e.message}try{y.log("simpleCart(js) Error: "+t)}catch(n){}N.trigger("error",e)}});N.extend({tax:function(){var e=T.taxShipping?N.total()+N.shipping():N.total(),t=N.taxRate()*e;N.each(function(e){if(e.get("tax")){t+=e.get("tax")}else if(e.get("taxRate")){t+=e.get("taxRate")*e.total()}});return parseFloat(t)},taxRate:function(){return T.taxRate||0},shipping:function(e){if(f(e)){N({shippingCustom:e});return}var t=T.shippingQuantityRate*N.quantity()+T.shippingTotalRate*N.total()+T.shippingFlatRate;if(f(T.shippingCustom)){t+=T.shippingCustom.call(N)}N.each(function(e){t+=parseFloat(e.get("shipping")||0)});return parseFloat(t)}});k={attr:function(e,t){return e.get(t.attr)||""},currency:function(e,t){return N.toCurrency(e.get(t.attr)||0)},link:function(e,t){return"<a href='"+e.get(t.attr)+"'>"+t.text+"</a>"},decrement:function(e,t){return"<a href='javascript:;' class='"+p+"_decrement'>"+(t.text||"-")+"</a>"},increment:function(e,t){return"<a href='javascript:;' class='"+p+"_increment'>"+(t.text||"+")+"</a>"},image:function(e,t){return"<img src='"+e.get(t.attr)+"'/>"},input:function(e,t){return"<input type='text' value='"+e.get(t.attr)+"' class='"+p+"_input'/>"},remove:function(e,t){return"<a href='javascript:;' class='"+p+"_remove'>"+(t.text||"X")+"</a>"}};N.extend({writeCart:function(e){var t=T.cartStyle.toLowerCase(),n=t==="table",r=n?"tr":"div",i=n?"th":"div",s=n?"td":"div",o=N.$create(t),u=N.$create(r).addClass("headerRow"),a=N.$(e),f,l,c,h,p;a.html(" ").append(o);o.append(u);for(h=0,p=T.cartColumns.length;h<p;h+=1){f=L(T.cartColumns[h]);l="item-"+(f.attr||f.view||f.label||f.text||"cell")+" "+f.className;c=f.label||"";u.append(N.$create(i).addClass(l).html(c))}N.each(function(e,t){N.createCartRow(e,t,r,s,o)});return o},createCartRow:function(e,t,n,r,i){var s=N.$create(n).addClass("itemRow row-"+t+" "+(t%2?"even":"odd")).attr("id","cartItem_"+e.id()),o,a,f,l,c,h;i.append(s);for(o=0,a=T.cartColumns.length;o<a;o+=1){f=L(T.cartColumns[o]);l="item-"+(f.attr||(u(f.view)?f.view:f.label||f.text||"cell"))+" "+f.className;c=A(e,f);h=N.$create(r).addClass(l).html(c);s.append(h)}return s}});N.Item=function(e){function r(){if(u(t.price)){t.price=parseFloat(t.price.replace(N.currency().decimal,".").replace(/[^0-9\.]+/ig,""))}if(isNaN(t.price)){t.price=0}if(t.price<0){t.price=0}if(u(t.quantity)){t.quantity=parseInt(t.quantity.replace(N.currency().delimiter,""),10)}if(isNaN(t.quantity)){t.quantity=1}if(t.quantity<=0){n.remove()}}var t={},n=this;if(l(e)){N.extend(t,e)}i+=1;t.id=t.id||s+i;while(!a(o[t.id])){i+=1;t.id=s+i}n.get=function(e,r){var i=!r;if(a(e)){return e}return f(t[e])?t[e].call(n):!a(t[e])?t[e]:f(n[e])&&i?n[e].call(n):!a(n[e])&&i?n[e]:t[e]};n.set=function(e,i){if(!a(e)){t[e.toLowerCase()]=i;if(e.toLowerCase()==="price"||e.toLowerCase()==="quantity"){r()}}return n};n.equals=function(e){for(var n in t){if(Object.prototype.hasOwnProperty.call(t,n)){if(n!=="quantity"&&n!=="id"){if(e.get(n)!==t[n]){return false}}}}return true};n.options=function(){var e={};N.each(t,function(t,r,i){var s=true;N.each(n.reservedFields(),function(e){if(e===i){s=false}return s});if(s){e[i]=n.get(i)}});return e};r()};N.Item._=N.Item.prototype={increment:function(e){var t=e||1;t=parseInt(t,10);this.quantity(this.quantity()+t);if(this.quantity()<1){this.remove();return null}return this},decrement:function(e){var t=e||1;return this.increment(-parseInt(t,10))},remove:function(e){var t=N.trigger("beforeRemove",[o[this.id()]]);if(t===false){return false}delete o[this.id()];if(!e){N.update()}return null},reservedFields:function(){return["quantity","id","item_number","price","name","shipping","tax","taxRate"]},fields:function(){var e={},t=this;N.each(t.reservedFields(),function(n){if(t.get(n)){e[n]=t.get(n)}});return e},quantity:function(e){return a(e)?parseInt(this.get("quantity",true)||1,10):this.set("quantity",e)},price:function(e){return a(e)?parseFloat(this.get("price",true).toString().replace(N.currency().symbol,"").replace(N.currency().delimiter,"")||1):this.set("price",parseFloat(e.toString().replace(N.currency().symbol,"").replace(N.currency().delimiter,"")))},id:function(){return this.get("id",false)},total:function(){return this.quantity()*this.price()}};N.extend({checkout:function(){if(T.checkout.type.toLowerCase()==="custom"&&f(T.checkout.fn)){T.checkout.fn.call(N,T.checkout)}else if(f(N.checkout[T.checkout.type])){N.checkout[T.checkout.type].call(N,T.checkout)}else{N.error("No Valid Checkout Method Specified")}},extendCheckout:function(e){return N.extend(N.checkout,e)},generateAndSendForm:function(e){var t=N.$create("form");t.attr("style","display:none;");t.attr("action",e.action);t.attr("method",e.method);N.each(e.data,function(e,n,r){t.append(N.$create("input").attr("type","hidden").attr("name",r).val(e))});N.$("body").append(t);t.el.submit();t.remove()}});N.extendCheckout({PayPal:function(e){if(!e.email){return N.error("No email provided for PayPal checkout")}var t={cmd:"_cart",upload:"1",currency_code:N.currency().code,business:e.email,rm:e.method==="GET"?"0":"2",tax_cart:N.tax(),handling_cart:N.shipping(),charset:"utf-8"},n=e.sandbox?"https://www.sandbox.paypal.com/cgi-bin/webscr":"https://www.paypal.com/cgi-bin/webscr",r=e.method==="GET"?"GET":"POST";if(e.success){t["return"]=e.success}if(e.cancel){t.cancel_return=e.cancel}N.each(function(e,n){var r=n+1,i=e.options(),s=0,o;t["item_name_"+r]=e.get("name");t["quantity_"+r]=e.quantity();t["amount_"+r]=e.price();t["item_number_"+r]=e.get("item_number")||r;N.each(i,function(e,n,i){if(n<10){o=true;N.each(T.excludeFromCheckout,function(e){if(e===i){o=false}});if(o){s+=1;t["on"+n+"_"+r]=i;t["os"+n+"_"+r]=e}}});t["option_index_"+n]=Math.min(10,s)});N.trigger("beforeCheckout",[t]);N.generateAndSendForm({action:n,method:r,data:t})},GoogleCheckout:function(e){if(!e.merchantID){return N.error("No merchant id provided for GoogleCheckout")}if(N.currency().code!=="USD"&&N.currency().code!=="GBP"){return N.error("Google Checkout only accepts USD and GBP")}var t={ship_method_name_1:"Shipping",ship_method_price_1:N.shipping(),ship_method_currency_1:N.currency().code,_charset_:""},n="https://checkout.google.com/api/checkout/v2/checkoutForm/Merchant/"+e.merchantID,r=e.method==="GET"?"GET":"POST";N.each(function(e,n){var r=n+1,i=[],s;t["item_name_"+r]=e.get("name");t["item_quantity_"+r]=e.quantity();t["item_price_"+r]=e.price();t["item_currency_ "+r]=N.currency().code;t["item_tax_rate"+r]=e.get("taxRate")||N.taxRate();N.each(e.options(),function(e,t,n){s=true;N.each(T.excludeFromCheckout,function(e){if(e===n){s=false}});if(s){i.push(n+": "+e)}});t["item_description_"+r]=i.join(", ")});N.trigger("beforeCheckout",[t]);N.generateAndSendForm({action:n,method:r,data:t})},AmazonPayments:function(e){if(!e.merchant_signature){return N.error("No merchant signature provided for Amazon Payments")}if(!e.merchant_id){return N.error("No merchant id provided for Amazon Payments")}if(!e.aws_access_key_id){return N.error("No AWS access key id provided for Amazon Payments")}var t={aws_access_key_id:e.aws_access_key_id,merchant_signature:e.merchant_signature,currency_code:N.currency().code,tax_rate:N.taxRate(),weight_unit:e.weight_unit||"lb"},n=(e.sandbox?"https://sandbox.google.com/checkout/":"https://checkout.google.com/")+"cws/v2/Merchant/"+e.merchant_id+"/checkoutForm",r=e.method==="GET"?"GET":"POST";N.each(function(n,r){var i=r+1,s=[];t["item_title_"+i]=n.get("name");t["item_quantity_"+i]=n.quantity();t["item_price_"+i]=n.price();t["item_sku_ "+i]=n.get("sku")||n.id();t["item_merchant_id_"+i]=e.merchant_id;if(n.get("weight")){t["item_weight_"+i]=n.get("weight")}if(T.shippingQuantityRate){t["shipping_method_price_per_unit_rate_"+i]=T.shippingQuantityRate}N.each(n.options(),function(e,t,n){var r=true;N.each(T.excludeFromCheckout,function(e){if(e===n){r=false}});if(r&&n!=="weight"&&n!=="tax"){s.push(n+": "+e)}});t["item_description_"+i]=s.join(", ")});N.trigger("beforeCheckout",[t]);N.generateAndSendForm({action:n,method:r,data:t})},SendForm:function(e){if(!e.url){return N.error("URL required for SendForm Checkout")}var t={currency:N.currency().code,shipping:N.shipping(),tax:N.tax(),taxRate:N.taxRate(),itemCount:N.find({}).length},n=e.url,r=e.method==="GET"?"GET":"POST";N.each(function(e,n){var r=n+1,i=[],s;t["item_name_"+r]=e.get("name");t["item_quantity_"+r]=e.quantity();t["item_price_"+r]=e.price();N.each(e.options(),function(e,t,n){s=true;N.each(T.excludeFromCheckout,function(e){if(e===n){s=false}});if(s){i.push(n+": "+e)}});t["item_options_"+r]=i.join(", ")});if(e.success){t["return"]=e.success}if(e.cancel){t.cancel_return=e.cancel}if(e.extra_data){t=N.extend(t,e.extra_data)}N.trigger("beforeCheckout",[t]);N.generateAndSendForm({action:n,method:r,data:t})}});v={bind:function(e,t){if(!f(t)){return this}if(!this._events){this._events={}}var n=e.split(/ +/);N.each(n,function(e){if(this._events[e]===true){t.apply(this)}else if(!a(this._events[e])){this._events[e].push(t)}else{this._events[e]=[t]}});return this},trigger:function(e,t){var n=true,r,i;if(!this._events){this._events={}}if(!a(this._events[e])&&f(this._events[e][0])){for(r=0,i=this._events[e].length;r<i;r+=1){n=this._events[e][r].apply(this,t||[])}}if(n===false){return false}return true}};v.on=v.bind;N.extend(v);N.extend(N.Item._,v);m={beforeAdd:null,afterAdd:null,load:null,beforeSave:null,afterSave:null,update:null,ready:null,checkoutSuccess:null,checkoutFail:null,beforeCheckout:null,beforeRemove:null};N(m);N.each(m,function(e,t,n){N.bind(n,function(){if(f(T[n])){T[n].apply(this,arguments)}})});N.extend({toCurrency:function(e,t){var n=parseFloat(e),r=t||{},i=N.extend(N.extend({symbol:"$",decimal:".",delimiter:",",accuracy:2,after:false},N.currency()),r),s=n.toFixed(i.accuracy).split("."),o=s[1],u=s[0];u=N.chunk(u.reverse(),3).join(i.delimiter.reverse()).reverse();return(!i.after?i.symbol:"")+u+(o?i.decimal+o:"")+(i.after?i.symbol:"")},chunk:function(e,t){if(typeof t==="undefined"){t=2}var n=e.match(new RegExp(".{1,"+t+"}","g"));return n||[]}});String.prototype.reverse=function(){return this.split("").reverse().join("")};N.extend({currency:function(e){if(u(e)&&!a(x[e])){T.currency=e}else if(l(e)){x[e.code]=e;T.currency=e.code}else{return x[T.currency]}}});N.extend({bindOutlets:function(e){N.each(e,function(e,t,n){N.bind("update",function(){N.setOutlet("."+p+"_"+n,e)})})},setOutlet:function(e,t){var n=t.call(N,e);if(l(n)&&n.el){N.$(e).html(" ").append(n)}else if(!a(n)){N.$(e).html(n)}},bindInputs:function(e){N.each(e,function(e){N.setInput("."+p+"_"+e.selector,e.event,e.callback)})},setInput:function(e,t,n){N.$(e).live(t,n)}});N.ELEMENT=function(e){this.create(e);this.selector=e||null};N.extend(d,{MooTools:{text:function(e){return this.attr(w,e)},html:function(e){return this.attr(E,e)},val:function(e){return this.attr(b,e)},attr:function(e,t){if(a(t)){return this.el.get(e)}this.el.set(e,t);return this},remove:function(){this.el.dispose();return null},addClass:function(e){this.el.addClass(e);return this},removeClass:function(e){this.el.removeClass(e);return this},append:function(e){this.el.adopt(e.el);return this},each:function(e){if(f(e)){N.each(this.el,e)}return this},click:function(e){if(f(e)){this.each(function(t){t.addEvent(S,function(n){e.call(t,n)})})}else if(a(e)){this.el.fireEvent(S)}return this},live:function(e,n){var r=this.selector;if(f(n)){N.$(t).el.addEvent(e,function(e){var t=N.$(e.target);if(t.match(r)){n.call(t,e)}})}},match:function(e){return this.el.match(e)},parent:function(){return N.$(this.el.getParent())},find:function(e){return N.$(this.el.getElements(e))},closest:function(e){return N.$(this.el.getParent(e))},descendants:function(){return this.find("*")},tag:function(){return this.el[0].tagName},create:function(e){this.el=C(e)}},Prototype:{text:function(e){if(a(e)){return this.el[0].innerHTML}this.each(function(t){$(t).update(e)});return this},html:function(e){return this.text(e)},val:function(e){return this.attr(b,e)},attr:function(e,t){if(a(t)){return this.el[0].readAttribute(e)}this.each(function(n){$(n).writeAttribute(e,t)});return this},append:function(e){this.each(function(t){if(e.el){e.each(function(e){$(t).appendChild(e)})}else if(c(e)){$(t).appendChild(e)}});return this},remove:function(){this.each(function(e){$(e).remove()});return this},addClass:function(e){this.each(function(t){$(t).addClassName(e)});return this},removeClass:function(e){this.each(function(t){$(t).removeClassName(e)});return this},each:function(e){if(f(e)){N.each(this.el,e)}return this},click:function(e){if(f(e)){this.each(function(t){$(t).observe(S,function(n){e.call(t,n)})})}else if(a(e)){this.each(function(e){$(e).fire(S)})}return this},live:function(e,n){if(f(n)){var r=this.selector;t.observe(e,function(e,t){if(t===C(e).findElement(r)){n.call(t,e)}})}},parent:function(){return N.$(this.el.up())},find:function(e){return N.$(this.el.getElementsBySelector(e))},closest:function(e){return N.$(this.el.up(e))},descendants:function(){return N.$(this.el.descendants())},tag:function(){return this.el.tagName},create:function(e){if(u(e)){this.el=C(e)}else if(c(e)){this.el=[e]}}},jQuery:{passthrough:function(e,t){if(a(t)){return this.el[e]()}this.el[e](t);return this},text:function(e){return this.passthrough(w,e)},html:function(e){return this.passthrough(E,e)},val:function(e){return this.passthrough("val",e)},append:function(e){var t=e.el||e;this.el.append(t);return this},attr:function(e,t){if(a(t)){return this.el.attr(e)}this.el.attr(e,t);return this},remove:function(){this.el.remove();return this},addClass:function(e){this.el.addClass(e);return this},removeClass:function(e){this.el.removeClass(e);return this},each:function(e){return this.passthrough("each",e)},click:function(e){return this.passthrough(S,e)},live:function(e,n){C(t).delegate(this.selector,e,n);return this},parent:function(){return N.$(this.el.parent())},find:function(e){return N.$(this.el.find(e))},closest:function(e){return N.$(this.el.closest(e))},tag:function(){return this.el[0].tagName},descendants:function(){return N.$(this.el.find("*"))},create:function(e){this.el=C(e)}}});N.ELEMENT._=N.ELEMENT.prototype;N.ready(N.setupViewTool);N.ready(function(){N.bindOutlets({total:function(){return N.toCurrency(N.total())},quantity:function(){return N.quantity()},items:function(e){N.writeCart(e)},tax:function(){return N.toCurrency(N.tax())},taxRate:function(){return N.taxRate().toFixed()},shipping:function(){return N.toCurrency(N.shipping())},grandTotal:function(){return N.toCurrency(N.grandTotal())}});N.bindInputs([{selector:"checkout",event:"click",callback:function(){N.checkout()}},{selector:"empty",event:"click",callback:function(){N.empty()}},{selector:"increment",event:"click",callback:function(){N.find(N.$(this).closest(".itemRow").attr("id").split("_")[1]).increment();N.update()}},{selector:"decrement",event:"click",callback:function(){N.find(N.$(this).closest(".itemRow").attr("id").split("_")[1]).decrement();N.update()}},{selector:"remove",event:"click",callback:function(){N.find(N.$(this).closest(".itemRow").attr("id").split("_")[1]).remove()}},{selector:"input",event:"change",callback:function(){var e=N.$(this),t=e.parent(),n=t.attr("class").split(" ");N.each(n,function(n){if(n.match(/item-.+/i)){var r=n.split("-")[1];N.find(t.closest(".itemRow").attr("id").split("_")[1]).set(r,e.val());N.update();return}})}},{selector:"shelfItem .item_add",event:"click",callback:function(){var e=N.$(this),t={};e.closest("."+p+"_shelfItem").descendants().each(function(e,n){var r=N.$(n);if(r.attr("class")&&r.attr("class").match(/item_.+/)&&!r.attr("class").match(/item_add/)){N.each(r.attr("class").split(" "),function(e){var n,i,s;if(e.match(/item_.+/)){n=e.split("_")[1];i="";switch(r.tag().toLowerCase()){case"input":case"textarea":case"select":s=r.attr("type");if(!s||(s.toLowerCase()==="checkbox"||s.toLowerCase()==="radio")&&r.attr("checked")||s.toLowerCase()==="text"){i=r.val()}break;case"img":i=r.attr("src");break;default:i=r.text();break}if(i!==null&&i!==""){t[n.toLowerCase()]=t[n.toLowerCase()]?t[n.toLowerCase()]+", "+i:i}}})}});N.add(t)}}])});if(t.addEventListener){e.DOMContentLoaded=function(){t.removeEventListener("DOMContentLoaded",DOMContentLoaded,false);N.init()}}else if(t.attachEvent){e.DOMContentLoaded=function(){if(t.readyState==="complete"){t.detachEvent("onreadystatechange",DOMContentLoaded);N.init()}}}M();return N};e.simpleCart=h()})(window,document);var JSON;JSON||(JSON={});(function(){function k(e){return e<10?"0"+e:e}function o(e){p.lastIndex=0;return p.test(e)?'"'+e.replace(p,function(e){var t=r[e];return typeof t==="string"?t:"\\u"+("0000"+e.charCodeAt(0).toString(16)).slice(-4)})+'"':'"'+e+'"'}function l(t,r){var s,u,a,f,c=e,h,p=r[t];p&&typeof p==="object"&&typeof p.toJSON==="function"&&(p=p.toJSON(t));typeof i==="function"&&(p=i.call(r,t,p));switch(typeof p){case"string":return o(p);case"number":return isFinite(p)?String(p):"null";case"boolean":case"null":return String(p);case"object":if(!p)return"null";e+=n;h=[];if(Object.prototype.toString.apply(p)==="[object Array]"){f=p.length;for(s=0;s<f;s+=1)h[s]=l(s,p)||"null";a=h.length===0?"[]":e?"[\n"+e+h.join(",\n"+e)+"\n"+c+"]":"["+h.join(",")+"]";e=c;return a}if(i&&typeof i==="object"){f=i.length;for(s=0;s<f;s+=1)typeof i[s]==="string"&&(u=i[s],(a=l(u,p))&&h.push(o(u)+(e?": ":":")+a))}else for(u in p)Object.prototype.hasOwnProperty.call(p,u)&&(a=l(u,p))&&h.push(o(u)+(e?": ":":")+a);a=h.length===0?"{}":e?"{\n"+e+h.join(",\n"+e)+"\n"+c+"}":"{"+h.join(",")+"}";e=c;return a}}if(typeof Date.prototype.toJSON!=="function")Date.prototype.toJSON=function(){return isFinite(this.valueOf())?this.getUTCFullYear()+"-"+k(this.getUTCMonth()+1)+"-"+k(this.getUTCDate())+"T"+k(this.getUTCHours())+":"+k(this.getUTCMinutes())+":"+k(this.getUTCSeconds())+"Z":null},String.prototype.toJSON=Number.prototype.toJSON=Boolean.prototype.toJSON=function(){return this.valueOf()};var q=/[\u0000\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g,p=/[\\\"\x00-\x1f\x7f-\x9f\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/g,e,n,r={"\b":"\\b"," ":"\\t","\n":"\\n","\f":"\\f","\r":"\\r",'"':'\\"',"\\":"\\\\"},i;if(typeof JSON.stringify!=="function")JSON.stringify=function(t,r,s){var o;n=e="";if(typeof s==="number")for(o=0;o<s;o+=1)n+=" ";else typeof s==="string"&&(n=s);if((i=r)&&typeof r!=="function"&&(typeof r!=="object"||typeof r.length!=="number"))throw Error("JSON.stringify");return l("",{"":t})};if(typeof JSON.parse!=="function")JSON.parse=function(a,e){function c(t,n){var r,i,s=t[n];if(s&&typeof s==="object")for(r in s)Object.prototype.hasOwnProperty.call(s,r)&&(i=c(s,r),i!==void 0?s[r]=i:delete s[r]);return e.call(t,n,s)}var d,a=String(a);q.lastIndex=0;q.test(a)&&(a=a.replace(q,function(e){return"\\u"+("0000"+e.charCodeAt(0).toString(16)).slice(-4)}));if(/^[\],:{}\s]*$/.test(a.replace(/\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g,"@").replace(/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,"]").replace(/(?:^|:|,)(?:\s*\[)+/g,"")))return d=eval("("+a+")"),typeof e==="function"?c({"":d},""):d;throw new SyntaxError("JSON.parse")}})();(function(){if(!this.localStorage)if(this.globalStorage)try{this.localStorage=this.globalStorage}catch(e){}else{var t=document.createElement("div");t.style.display="none";document.getElementsByTagName("head")[0].appendChild(t);if(t.addBehavior){t.addBehavior("#default#userdata");var n=this.localStorage={length:0,setItem:function(e,n){t.load("localStorage");e=r(e);t.getAttribute(e)||this.length++;t.setAttribute(e,n);t.save("localStorage")},getItem:function(e){t.load("localStorage");e=r(e);return t.getAttribute(e)},removeItem:function(e){t.load("localStorage");e=r(e);t.removeAttribute(e);t.save("localStorage");this.length=0},clear:function(){t.load("localStorage");for(var e=0;attr=t.XMLDocument.documentElement.attributes[e++];)t.removeAttribute(attr.name);t.save("localStorage");this.length=0},key:function(e){t.load("localStorage");return t.XMLDocument.documentElement.attributes[e]}},r=function(e){return e.replace(/[^-._0-9A-Za-z\xb7\xc0-\xd6\xd8-\xf6\xf8-\u037d\u37f-\u1fff\u200c-\u200d\u203f\u2040\u2070-\u218f]/g,"-")};t.load("localStorage");n.length=t.XMLDocument.documentElement.attributes.length}}})()

// ]]>
</script>

</head>

<body>
<div id='outer-wrapper'>
<div class='top-bar'>
<div class='content'>
<b:section class='top-nav' id='top-nav' maxwidgets='1' showaddelement='no'>
<b:widget id='PageList1' locked='false' title='Pages' type='PageList'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<b:if cond='data:mobile'>
<select expr:id='data:widget.instanceId + "_select"'>
<b:loop values='data:links' var='link'>
<b:if cond='data:link.isCurrentPage'>
<option expr:value='data:link.href' selected='selected'><data:link.title/></option>
<b:else/>
<option expr:value='data:link.href'><data:link.title/></option>
</b:if>
</b:loop>
</select>
<span class='pagelist-arrow'>&#9660;</span>
<b:else/>
<ul>
<b:loop values='data:links' var='link'>
<b:if cond='data:link.isCurrentPage'>
<li class='selected'><a expr:href='data:link.href'><data:link.title/></a></li>
<b:else/>
<li><a expr:href='data:link.href'><data:link.title/></a></li>
</b:if>
</b:loop>
</ul>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
<div class='top-social'>
<ul>
<li><a class='facebook' href='#Prifile-url'>Facebook</a></li>
<li><a class='twitter' href='#Prifile-url'>Twitter</a></li>
<li><a class='google' href='#Prifile-url'>Google</a></li>
<li><a class='rss' href='#Prifile-url'>Skype</a></li>
<li><a class='linkedin' href='#Prifile-url'>Yahoo</a></li>
</ul>
</div>
<div class='clear'/>
</div>
</div>
<div class='header-wrapper'>
<div class='header-container'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='WhereIsMyIpAdress (Header)' type='Header'>
</b:widget>
</b:section>
<div class='cart'>
<div class='menu-cart'>
<span class='simpleCart_quantity'/> item(s). <br/>
Total Price : <span class='simpleCart_total'/>
<div class='cart-box'>
<div class='simpleCart_items'/>
<div class='ck-btn'>
<br/>
<a class='view-cart' href='http://fbtraffic.blogspot.co.uk/p/view-cart-page.html'>View Cart</a>
</div>
</div>
<div class='clear'/>
</div>
<a class='cart-btn' href='#'>Cart btn</a>
</div>
<div class='clear'/>
</div>
</div>

<div class='menu-wrp'>
<div class='content nav'>
<ul class='menu'>
<li><a href='#Page-Url'>Home</a></li>
<li><a href='#Page-Url'>Menu Item</a></li>
<li><a href='#Page-Url'>Menu Item</a></li>
<li><a href='#Page-Url'>Menu Item</a>
<ul>
<li><a href='#Page-Url'>Sub Menu Item</a></li>
<li><a href='#Page-Url'>Sub Menu Item</a></li>
<li><a href='#Page-Url'>Sub Menu Item</a></li>
<li><a href='#Page-Url'>Sub Menu Item</a></li>
<li><a href='#Page-Url'>Sub Menu Item</a></li>
<li><a href='#Page-Url'>Sub Menu Item</a></li>
<li><a href='#Page-Url'>Sub Menu Item</a></li>
</ul>
</li>
<li><a href='#Page-Url'>Menu Item</a></li>
<li><a href='#Page-Url'>Menu Item</a></li>
<li class='searchbox'>
<form accept-charset='utf-8' action='/search' id='search' method='GET'>
<input class='input' name='q' onblur='if(this.value=='')this.value='Search'' onfocus='if(this.value=='Search')this.value=''' size='24' type='text' value='Search'/>
</form>
</li>
</ul>
<div class='clear'/>
</div>
</div>

<div class='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>

<b:includable id='main' var='top'>
<b:include data='posts' name='SimpleCartJS'/>
<b:if cond='data:mobile == "false"'>
<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<data:defaultAdStart/>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.isDateStart'>
<b:if cond='data:post.isFirstPost == "false"'>
</div></div>
</b:if>
</b:if>
<b:if cond='data:post.isDateStart'>
<div class="date-outer">
</b:if>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</b:if>
<b:if cond='data:post.isDateStart'>
<div class="date-posts">
</b:if>
<div class='post-outer simpleCart_shelfItem'>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "static_page"'>
<b:include data='post' name='comment_picker'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comment_picker'/>
</b:if>
</div>
<b:if cond='data:post.includeAd'>
<b:if cond='data:post.isFirstPost'>
<data:defaultAdEnd/>
<b:else/>
<data:adEnd/>
</b:if>
<div class='inline-ad'>
<data:adCode/>
</div>
<data:adStart/>
</b:if>
</b:loop>
<b:if cond='data:numPosts != 0'>
</div></div>
</b:if>
<data:adEnd/>
</div>
<b:include name='nextprev'/>
<b:include name='feedLinks'/>
<b:if cond='data:top.showStars'>
<script src='//www.google.com/jsapi' type='text/javascript'/>
<script type='text/javascript'>/*<![CDATA[*/google.load("annotations","1",{"locale":"<data:top.languageCode/>"});function initialize(){google.annotations.setApplicationId(<data:top.blogspotReviews/>);google.annotations.createAll();google.annotations.fetch();}
google.setOnLoadCallback(initialize);/*]]>*/</script>
</b:if>
<b:else/>
<b:include name='mobile-main'/>
</b:if>
<b:if cond='data:top.showDummy'>
<data:top.dummyBootstrap/>
</b:if>
</b:includable>

<b:includable id='SimpleCartJS' var='posts'>

</b:includable>

<b:includable id='backlinkDeleteIcon' var='backlink'></b:includable>
<b:includable id='backlinks' var='post'></b:includable>

<b:includable id='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<b:if cond='data:mobile'>
<h4 id='comment-post-message'>
<a expr:id='data:widget.instanceId + "_comment-editor-toggle-link"' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display:none' width='100%'/>
<b:else/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');
</script>
</div>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<b:if cond='data:showCmtPopup'>
<div class='goog-toggle-button'>
<div class='goog-inline-block comment-action-icon'/>
</div>
<b:else/>
<a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
<img src='//www.blogger.com/img/icon_delete13.gif'/>
</a>
</b:if>
</span>
</b:includable>
<b:includable id='comment_count_picker' var='post'>
<b:if cond='data:post.commentSource == 1'>
<span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-post-url='data:post.url' expr:data-url='data:post.canonicalUrl'>
</span>
<b:else/>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:post.commentLabelFull/>:
</a>
</b:if>
</b:includable>
<b:includable id='comment_picker' var='post'>
<b:if cond='data:post.commentSource == 1'>
<b:include data='post' name='iframe_comments'/>
<b:else/>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</b:includable>
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4><data:post.commentLabelFull/>:</h4>
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<b:if cond='data:post.hasOlderLinks'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
 
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
 
</b:if>
<data:post.commentRangeText/>
<b:if cond='data:post.hasNewerLinks'>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
</b:if>
</span>
</b:if>
<div expr:id='data:widget.instanceId + "_comments-block-wrapper"'>
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px' width='16px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p>
<data:comment.body/>
</p>
</b:if>
</dd>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>
</div>
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
<data:post.oldestLinkText/>
</a>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
<data:post.olderLinkText/>
</a>
 
<data:post.commentRangeText/>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
<data:post.newerLinkText/>
</a>
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
<data:post.newestLinkText/>
</a>
</span>
</b:if>
<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>
</b:if>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>

<b:includable id='feedLinks'></b:includable>
<b:includable id='feedLinksBody' var='links'></b:includable>

<b:includable id='iframe_comments' var='post'></b:includable>

<b:includable id='mobile-index-post' var='post'></b:includable>
<b:includable id='mobile-main' var='top'></b:includable>
<b:includable id='mobile-nextprev'></b:includable>
<b:includable id='mobile-post' var='post'></b:includable>

<b:includable id='nextprev'></b:includable>

<b:includable id='post' var='post'>
<div class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<b:if cond='data:post.firstImageUrl'>
<meta expr:content='data:post.firstImageUrl' itemprop='image_url'/>
</b:if>
<meta expr:content='data:blog.blogId' itemprop='blogId'/>
<meta expr:content='data:post.id' itemprop='postId'/>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title item_name entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<a expr:href='data:post.url'><data:post.title/></a>
</b:if>
<b:else/>
<a expr:href='data:post.url'><data:post.title/></a>
</b:if>
</b:if>
</h3>
</b:if>
<div class='post-header'>
<div class='post-header-line-1'><span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<b:if cond='data:post.authorProfileUrl'>
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
<a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
<span itemprop='name'><data:post.author/></span>
</a>
</span>
<b:else/>
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<span itemprop='name'><data:post.author/></span>
</span>
</b:if>
</b:if>
</span> <span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.allowComments'>
<b:include data='post' name='comment_count_picker'/>
</b:if>
</b:if>
</b:if>
</span> <span class='post-icons'>
<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
</a>
</span>
</b:if>
<b:include data='post' name='postQuickEdit'/>
</span> </div>
</div>
<b:if cond='data:blog.metaDescription == ""'>
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='description articleBody'>
<data:post.body/>
<div style='clear:both'/>
<b:if cond='data:blog.pageType != "static_page"'>
<div class='item-bottom'>
<b:if cond='data:blog.pageType == "item"'>
<b>Quantity :</b><input class='item_Quantity' max='10000' min='1' type='number' value='1'/>
</b:if>
<b:if cond='data:blog.pageType != "item"'>
<a class='post-judul animated' expr:href='data:post.url'><data:post.title/></a><br/>
</b:if>
<a class='item_add' href='javascript:'>Add to Cart</a>
<div class='clear'/>
</div>
</b:if>
</div>
<b:else/>
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'>
<data:post.body/>
<div style='clear:both'/>
<div class='item-bottom'>
<a class='item_add' href='javascript:'>Add to Cart</a>
</div>
</div>
</b:if>
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'><div class='post-share-buttons goog-inline-block'>
<b:if cond='data:post.sharePostUrl'>
<b:include data='post' name='shareButtons'/>
</b:if>
</div> <span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
</span>
<span class='star-ratings'>
<b:if cond='data:top.showStars'>
<div expr:g:background-color='data:backgroundColor' expr:g:text-color='data:textColor' expr:g:url='data:post.absoluteUrl' g:height='42' g:type='RatingPanel' g:width='280'/>
</b:if>
</span>
</div>
<div class='post-footer-line post-footer-line-2'/>
<div class='post-footer-line post-footer-line-3'/>
</div>
</div>
</b:includable>

<b:includable id='postQuickEdit' var='post'></b:includable>

<b:includable id='shareButtons' var='post'></b:includable>
<b:includable id='status-message'></b:includable>

<b:includable id='threaded-comment-form' var='post'></b:includable>
<b:includable id='threaded_comment_js' var='post'></b:includable>
<b:includable id='threaded_comments' var='post'></b:includable>

</b:widget>
</b:section>
</div>

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
</b:widget>
</b:section>
</div>

<div class='clear'> </div>

<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>

</div> 

<script src='https://b-trend.googlecode.com/files/superfish.js'/>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function($){
$("a.cart-btn").click(function(){
$(".cart-box").slideToggle("fast");
$(this).toggleClass("active"); return false;
});
$('.menu').superfish({
speed: 'fast',
speedOut: 'fast',
});
});
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
$(function(){
simpleCart({
checkout: {
type: "PayPal" ,
email: "Your_Store@yours.com"
}
});
/*----------------------------
SHIPPING RATE SETTING
-----------------------------*/
simpleCart.shipping(function(){
if( simpleCart.quantity() > 20 ){
return 0;
} else {
return 10;
}
});
});
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function(){
$('.flexslider').flexslider({
animation: "slide"
});
});
//]]>
</script>

</body>
</html>

-----------------------------------------------------------------------------------------------------
HOW USE THIS TEMPLATE
------------------------------------------------------------------------------------------------------

Format Post

For this template,post format is available,we just write about it according to your choice
<div class="item_image">
<img border="0" /> class="item_thumb" src="YOUR_IMAGE_URL.jpg"
<span class="item_price"> $ 00.90 </ span>
</ Div>
<div class="item_Description">
Some text for item description
</div>

Replace red highlighted area with your image URL
Replace green highloighted area with your price in dollers
Replace purple color with your item description

----------------------------------------------------------------------------------------

Setting Checkout
-----------------------------------------------------------------------------------

for paypel account setting,edit below HTML and Java Script code
<script type='text/javascript'>
/ / <! [CDATA [
/ * ----------------------------
CART SETTING
----------------------------- * /
$ (Function () {
simpleCart ({
checkout: {
type: "PayPal",
email: "Your_Store@yours.com"
}
});
/ * ----------------------------
SHIPPING RATE SETTING
----------------------------- * /
simpleCart.shipping (function () {
if (simpleCart.quantity ()> 20) {
return 0;
Else {}
return 10;
}
});
});
/ /]]>
</ Script>

------------------------------------------------------------------------------------------
Replace email address with your paypel email address and
setting the shipping cost Creating page View Cart
----------------------------------------------------------------------------------------
Create a new page in Dashboard>>Pages
Paste below code in HTML page
<div class="cart-view left">
<div class="simpleCart_items"></div>
</div>
<div class="cart-info right">
Shipping rate : <span class="simpleCart_shipping"></span>
<br/>
Total : <span class="simpleCart_grandTotal"></span>
<br/>
<br/>
<br/>
<div class="ck-btn">
<a href="javascript:;" class="simpleCart_checkout">Ready Checkout</a>
</div>
</div>