| Server IP : 103.6.199.200 / Your IP : 3.149.234.50 Web Server : Microsoft-IIS/10.0 System : Windows NT EMPUSA 10.0 build 20348 (Windows Server 2016) i586 User : EMPUSA$ ( 0) PHP Version : 7.4.33 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : C:/Domains/tradepan/7softshop.com/wwwroot/ |
Upload File : |
<%@ page language="C#" autoeventwireup="true" inherits="CartOut, App_Web_0ycxis5o" enableEventValidation="false" %>
<!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" class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en" >
<head id="Head1" runat="server">
<![endif]--><!--[if IE 7]><html class="no-js lt-ie9 lt-ie8" lang="en">
<![endif]--><!--[if IE 8]><html class="no-js lt-ie9" lang="en">
<![endif]--><!--[if IE 9 ]><html class="ie9 no-js">
<![endif]--><!--[if (gt IE 9)|!(IE)]><!-->
<!--<![endif]-->
<META content="IE=11.0000" http-equiv="X-UA-Compatible">
<!-- Basic page needs ================================================== -->
<META charset="utf-8">
<META http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<LINK href="Member/scc502/favicon.png" rel="icon">
<!-- Title and description ================================================== -->
<TITLE>7SoftShop</TITLE>
<!-- Social meta ================================================== -->
<META content="website" property="og:type">
<META content="About Us" property="og:title">
<META content="http://www.cyreward.biz/about.aspx" property="og:url">
<META content="Member/scc502/963330.png" property="og:image">
<META content="Member/scc502/963330.png" property="og:image:secure_url">
<META content="7SoftShop" property="og:site_name">
<META name="twitter:card" content="summary">
<!-- Helpers ================================================== -->
<LINK href="http://www.cyreward.biz/about.aspx" rel="canonical">
<META name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<META name="theme-color" content="">
<!-- CSS ================================================== -->
<LINK href="Member/scc502/timber.css" rel="stylesheet" type="text/css" media="screen">
<LINK href="Member/scc502/timber2.css" rel="stylesheet" type="text/css" media="screen">
<SCRIPT src="Member/scc502/jquery.min.js" type="text/javascript"></SCRIPT>
<!-- Header hook for plugins ================================================== -->
<!-- ScriptTags -->
<SCRIPT src="Member/scc502/storefront.min.js"></SCRIPT>
<!-- /ScriptTags -->
<SCRIPT src="Member/scc502/modernizr.min.js" type="text/javascript"></SCRIPT>
<!-- Snippet:global/head: Wishlist -->
<!-- <LINK href="css/style_601.css" rel="stylesheet" type="text/css" > -->
<LINK href="Member/scc502/font-awesome.min.css" rel="stylesheet">
<!-- /Snippet -->
<!-- Snippet:global/head: Website Translator -->
<STYLE type="text/css">
#wt_tab_slide{height:auto;width:180px;position:fixed;top:10%;right:0;z-index:999;transform: translateX(180px);transition: all ease 1s;}
#wt_tab_slide:hover{transform: translateX(0)}
.wt_tab_slide_corners_left {border-top-left-radius: 10px;border-bottom-left-radius: 10px;}
#wt_tab_slide_include {padding: 15px 15px 15px 15px;}
#wt_tab_slide_background {background: #fff;box-shadow: 1px 1px 2px #000;height:100%;opacity: 1;position:absolute; top: 0;width:100%;z-index:-1; }
#wt_tab_toggle:hover {cursor: pointer;}
</STYLE>
<!-- /Snippet -->
<META name="GENERATOR" content="MSHTML 11.00.10570.1001">
</head>
<body class="template-page " id="about-us">
<form id="form1" runat="server">
<asp:Button ID="ButCartLeft" runat="server" Text="" BackColor="Transparent" BorderColor="Transparent" BorderStyle="None" BorderWidth="0pt" style="width:1px; border:none; border-color:White; border-style:hidden; display:none; " Width="1pt" Height = "1pt" OnClick="Cart_Click" />
<ul class="mobile-nav large--hide" id="MobileNav">
<asp:Label ID="lblSubMenu" runat="server" Text=""></asp:Label>
</ul>
<div class="mobile-nav-outside" id="MobileNavOutside"></div>
<DIV class="page-container" id="PageContainer">
<HEADER class="header-bar logo_top-center sticky-topbar">
<DIV class="header-bg-wrapper">
<DIV class="header-wrapper wrapper">
<!-- Mobile hamburger -->
<DIV class="large--hide">
<BUTTON class="mobile-nav-trigger" id="MobileNavTrigger" type="button">
<SPAN class="icon icon-hamburger" aria-hidden="true"></SPAN>
</BUTTON>
</DIV>
<!-- Header02 -->
<DIV class="logo-header" role="banner">
<DIV class="logo-search-wrapper">
<!-- Logo -->
<DIV class="h1 site-header__logo" itemtype="http://schema.org/Organization" itemscope="">
<A class="logo-wrapper" href="default.aspx" itemprop="url">
<IMG alt="7SoftShop" src="img/logo.png" itemprop="logo">
</A>
</DIV>
<!-- Header02a -->
<DIV class="desktop-header-nav medium-down--hide">
<DIV class="header-subnav">
<!-- Currency -->
<asp:Label ID="lblCurrency" runat="server" Text=""></asp:Label>
<!-- Login and Cart -->
<DIV class="header-icon-nav">
<DIV class="header-bar__module">
<asp:Label ID="lblLogin" runat="server" Text=""></asp:Label>
</DIV>
<asp:Label ID="lblCart" runat="server" Text=""></asp:Label>
</DIV>
<!-- Header02a -->
</DIV></DIV>
<!-- Header02 -->
</DIV></DIV>
<!-- Mobile cart -->
<DIV class="large--hide">
<asp:Label ID="lblSubSearch" runat="server" Text=""></asp:Label>
<!-- form itself -->
<DIV class="white-popup-block mfp-hide popup-search" id="test-form">
<DIV class="popup-search-content">
<div class='input-group search-bar'>
<asp:Label ID="lblSearch1" runat="server" Text=""></asp:Label>
</div>
</DIV></DIV>
<SCRIPT src="scc502/magnific-popup.min.js" type="text/javascript"></SCRIPT>
<SCRIPT>
$(document).ready(function() {
$('.popup-with-form').magnificPopup({
type: 'inline',
preloader: false,
focus: '#name',
mainClass: 'popup-search-bg-wrapper',
// When elemened is focused, some mobile browsers in some cases zoom in
// It looks not nice, so we disable it:
callbacks: {
beforeOpen: function() {
if($(window).width() < 700) {
this.st.focus = false;
} else {
this.st.focus = '#name';
}
}
}
});
$('.popup-search-content').click(function(event) {
if($(event.target).attr('class') == "popup-search-content") {
$.magnificPopup.close();
}
});
});
</SCRIPT>
<asp:Label ID="lblSubCart" runat="server" Text=""></asp:Label>
</DIV>
<!-- Header Final -->
</DIV></DIV></HEADER>
<HEADER class="header-bar logo_top-center sticky-topbar">
<DIV class="header-bg-wrapper">
<DIV class="header-wrapper wrapper">
<!-- Header Final -->
</DIV></DIV></HEADER>
<asp:Label ID="lblMainMenu2" runat="server" Text=""></asp:Label>
<!--- 01*0101 -->
<main class="wrapper main-content" role="main">
<DIV class="grid">
<DIV class="grid__item">
<INPUT name="_token" type="hidden" value="EcqCO5nsytUw50ZSPcnRqNrE5D0xw63sxrTtWjAf">
<DIV class="section-header"><H1 class="section-header__title">
<asp:Label ID="lblYourCart" runat="server" Text="Your Cart"></asp:Label>
</H1></DIV>
<DIV class="currency_country"></DIV>
<DIV class="cart__row medium-down--hide cart__header-labels">
<DIV class="grid--full">
<DIV class="grid__item large--one-half push--large--one-half">
<DIV class="grid--full">
<DIV class="grid__item one-third medium-down--one-third"><SPAN class="h4"><asp:Label ID="lblPrice" runat="server" Text="Price"></asp:Label></SPAN></DIV>
<DIV class="grid__item one-third medium-down--one-third text-center"><SPAN class="h4"><asp:Label ID="lblQuantity" runat="server" Text="Quantity"></asp:Label></SPAN> </DIV>
<DIV class="grid__item one-third medium-down--one-third text-right"><SPAN class="h4"><asp:Label ID="lblTotal" runat="server" Text="Total"></asp:Label></SPAN> </DIV>
</DIV></DIV></DIV></DIV>
<asp:Label ID="Cart1" runat="server" Text=""></asp:Label>
<asp:Label ID="Cart2" runat="server" Text=""></asp:Label>
<asp:Label ID="Cart3" runat="server" Text=""></asp:Label>
<asp:Label ID="lblRemark" runat="server" Text="Remark (please specify color)"></asp:Label>
<asp:TextBox ID="txtRemarks" runat="server" TextMode="MultiLine" Height="60" ></asp:TextBox>
<asp:Label ID="lblLastOrder" runat="server" Text="" ForeColor = "Red"></asp:Label>
<asp:Button ID="ButCash" runat="server" Text="Cash (Manual)" class='btn btn--secondary update-cart' OnClick="ButCash_Click" ></asp:Button>
<asp:Button ID="ButGVC" runat="server" Text="On-line Payment" class='btn btn--secondary update-cart' OnClick="ButGVC_Click" ></asp:Button>
<asp:Button ID="ButCoupon" runat="server" Text="Coupon Order" class='btn btn--secondary update-cart' OnClick="ButCoupon_Click" ></asp:Button>
<asp:Button ID="ButCLV" runat="server" Text="CLV Order" class='btn checkout' OnClick="ButCLV_Click" ></asp:Button>
<asp:Label ID="CartSub" runat="server" Text=""></asp:Label>
<asp:Label ID="CartApply" runat="server" Text=""></asp:Label>
<asp:Label ID="CartTotal" runat="server" Text=""></asp:Label>
<asp:Label ID="lblTotal22" runat="server" Text="" ForeColor="White" ></asp:Label>
<DIV id="custom-recommend-products-content"></DIV>
<SCRIPT type="text/javascript">
function getRecommendation() {
var cart_items = JSON.parse('[{"i_id":24680212,"title":"Instyler - The Rotating Iron","product":{"id":4215656,"title":"Instyler - The Rotating Iron"},"variant":{"id":18713432,"title":"Default Tile"},"img_url":"https:\/\/s3.ap-southeast-1.amazonaws.com\/cdn.store-assets.com\/s\/132952\/i\/17811867.jpg","url":"products\/instyler-the-rotating-iron","price":"160.00","original_price":"160.00","quantity":1,"line_price":"160.00","original_line_price":"160.00","discount":{"id":null,"type":null,"amount":null,"total_amount":null,"display_title":null,"adjustment_type":null,"adjustment_operator":null,"adjustment_value":null,"price_after_discount":null,"role":null},"message":[],"freebie":false,"properties":[]}]');
cart_product_ids = cart_items.map((item) => {
if (item.product) { return item.product.id }
if (item.items) { return item.items.map((item) => { return item.product.id }) }
})
cart_product_ids = cart_product_ids.flat()
options = {
"datafeedId": "hairdepot",
"maxItems": 4,
"filter":{
"exclude": cart_product_ids
},
}
try {
qg("getRecommendation", "user_to_products", options,
function (err, recommendation) {
if(err){
console.error(err)
return
}
if(recommendation){
product_ids = recommendation.map((r) => { return Number(r.productID) })
product_ids = product_ids.join(",")
// Any product handle and the product need to be published
product_handle = "schwarzkopf-seborin-active-hair-tonic-300ml"
$.ajax({
url: `/products/${product_handle}/recommend?ids=${product_ids}&related_template=cart&title=Others%20also%20brought`,
type: 'GET',
dataType: "json",
success: function(res){
$('#custom-recommend-products-content').html(res.html);
theme.cache.$productGridImages = $('body').find('.grid-link__image--product');
theme.cache.$addToCartBtnList = $('body').find(".addToCartList");
theme.cache.$addToCartBtnList.on('click', function() {
$(this).addClass('btn--loading');
var self = $(this),
v_id = Number($(this).attr('data-id')),
v_qty = 1,
cartCount = $('.cart-count'),
token = Number($(this).attr('data-token'));
$.ajax({
type: "POST",
dataType: 'json',
url: "/cart/add?retrieve=true",
data:{
id: v_id,
quantity: v_qty,
_token: token
},
success: function(data, status){
$(self).removeClass('btn--loading');
cartCount.removeClass('hidden-count');
cartCount.text(data.item_count);
location.reload();
},
error: function(xhr){
console.log('error',xhr);
}
});
});
theme.equalHeights();
var allCookies = document.cookie.split(";");
var cookies = {};
for (var i=0; i<allCookies.length; i++){
var pair = allCookies[i].split("=");
cookies[(pair[0]+'').trim()] = unescape(pair[1]);
}
var shopCurrency = 'MYR';
var selectedCurrency = cookies['currency'] != undefined ? cookies['currency'] : 'MYR';
Currency.convertAll(shopCurrency, selectedCurrency);
},
fail: function(){
console.log("Recommend ids failed");
}
});
}
}
)
return true;
}
catch (error) {
return false;
}
}
function retryRecommendation(i) {
(function loop(i) {
setTimeout(() => {
var is_completed = getRecommendation()
if (is_completed) return;
i--
if (i) return loop(i)
}, 500)
})(i)
}
window.onload = function() {
retryRecommendation(20)
}
$( "select.currency-picker" ).change(function(){
$("select.currency-picker").val($(this).val());
url=window.location.href;
newParam="currency=" + $( "select.currency-picker" ).val();
if(url.indexOf("currency=")===-1){
separator = (url.indexOf("?")===-1)?"?":"&";
newUrl= url + separator + newParam;
}else{
oldParam="currency=" + $("input[name=current_currency]").val();
newUrl=url.replace(oldParam,newParam);
}
$("input[name=current_currency]").val($( "select.currency-picker" ).val());
window.location.href =newUrl;
});
$( ".cart__remove" ).click(function() {
$.ajax({
type: 'POST',
url: '../cart/remove_item_quantity',
data: {
variant_id: $(this).data( "variant-id"),
quantity: $(this).data( "quantity")
},
dataType: 'json',
success: function(response){
if(response == true) {
location.reload();
} else {
}
},
error: function(xhr){
}
});
});
$( "#applycode" ).click(function() {
if($("input[name='voucher_code']").val() != '') {
$.ajax({
type: 'POST',
url: '../cart/apply_cart_voucher_code',
data: {
voucher_code: $("input[name='voucher_code']").val(),
category: 'create'
},
dataType: 'json',
success: function(response){
if(typeof(response.id) !== 'undefined') {
location.reload();
} else {
if(response.errors.Voucher_Code_Invalid){
alert(response.errors.Voucher_Code_Invalid)
}
if(response.errors.Voucher_Code_Exists){
alert(response.errors.Voucher_Code_Exists)
}
$("input[name='voucher_code']").val('')
}
},
error: function(xhr){
}
});
}
});
$( "#remove_voucher" ).click(function() {
$.ajax({
type: 'POST',
url: '../cart/apply_cart_voucher_code',
data: {
category: 'remove',
order_discount_id: $(this).data( "discount-id")
},
dataType: 'json',
success: function(response){
if(response == true) {
location.reload();
} else {
if(response.errors.Invalid_Order_Discount_Id){
alert(response.errors.Invalid_Order_Discount_Id)
}
}
},
error: function(xhr){
}
});
});
</SCRIPT>
</DIV></DIV>
</main>
<!--- 01*0101 -->
<FOOTER class="site-footer small--text-center" role="contentinfo">
<DIV class="wrapper">
<DIV class="grid">
<DIV class="grid__item text-center">
<UL class="inline-list payment-icons">
<LI><IMG alt="payment_molpay" src="Member/scc502/payments_eghl.png"></LI>
</UL>
</DIV>
<DIV class="grid__item text-center">
<UL class="inline-list payment-icons">
<LI><IMG src="Member/scc502/ssl_certified.png"></LI>
</UL>
</DIV>
</DIV>
<DIV class="grid">
<DIV class="grid__item text-center">
<P class="site-footer__links">
<asp:Label ID="lblFootTerm" runat="server" Text=""></asp:Label>
</P>
</DIV></DIV>
</DIV>
</FOOTER>
</div>
<SCRIPT src="Member/scc502/timber.js" type="text/javascript"></SCRIPT>
<SCRIPT src="Member/scc502/themenew122.js" type="text/javascript"></SCRIPT>
<DIV id="scrollTopButton" style="display: none;">
<svg xmlns="http://www.w3.org/2000/svg" class="svg-icon" id="Layer_1" viewBox="0 0 24 24" data-name="Layer 1">
<path d="M 22 18.25 a 1.21 1.21 0 0 1 -0.88 -0.37 L 12 8.77 L 2.88 17.88 a 1.24 1.24 0 0 1 -1.76 -1.76 l 10 -10 a 1.24 1.24 0 0 1 1.76 0 l 10 10 a 1.24 1.24 0 0 1 0 1.76 A 1.21 1.21 0 0 1 22 18.25 Z" /></svg>
</DIV>
<SCRIPT>
$( document ).ready(function() {
var winScroll = $(this).scrollTop(),
this_el = $("#scrollTopButton");
// Header bar
if(winScroll > 400){
this_el.fadeIn();
}else{
this_el.fadeOut();
}
$("#scrollTopButton").click(function() {
$('html,body').animate({ scrollTop: 0 });
});
$(window).scroll(function(){
var winScroll = $(this).scrollTop();
// Header bar
if(winScroll > 400){
this_el.fadeIn();
}else{
this_el.fadeOut();
}
});
});
</SCRIPT>
<STYLE>
.product-description-tabs{
color: #000000;
}
.prod-desc-tab-container {
padding: 15px;
margin-right: auto;
margin-left: auto;
background-color: #ffffff;
}
/* Style the list */
.prod-desc-tab {
list-style-type: none;
margin: 0;
padding: 0;
border-bottom: solid 1px #ddd;
/*overflow: hidden;
border: 1px solid #e6e6e6;
background-color: #fefefe;
border-bottom: 1px solid #ddd;*/
}
/* Float the list items side by side */
li.tablinks {
display: inline-block;
border-top: 3px solid transparent;
border-left: 1px solid transparent;
border-right: 1px solid transparent;
margin-bottom: -1px;
margin-right: 3px;
border-radius: 4px 4px 0 0;
background-color: rgba(212,212,212,0.3);
}
/* Style the links inside the list items */
li.tablinks a {
color: #000000;
cursor: pointer;
margin-right: 2px;
line-height: 1.42857143;
display: block;
padding: 10px 15px;
}
/* Change background color of links on hover */
li.tablinks:hover {
background-color: #ffffff;
border-bottom-color: transparent;
border-top: 3px solid #ddd;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
} /*rgba(212,212,212,0.3)*/
/* Create an active/current tablink class */
li.tablinks a:focus, li.tablinks.active{
border-top: 3px solid #ddd;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
background-color: #ffffff;
}
/* Style the tab content */
.prod-desc-tab-content {
display: none;
padding: 15px 15px;
/*border: 1px solid #ccc;*/
border-top: none;
clear: both;
-webkit-animation: fadeEffect 1s;
animation: fadeEffect 1s; /* Fading effect takes 1 second */
}
.prod-desc-tab-content > ul{
list-style-type: disc;
}
/* if user select is_show_title is true, the title will be displayed; if not, hide the title*/
.prod-desc-tab-content > h2{
display:block;
}
@-webkit-keyframes fadeEffect {
from {opacity: 0;}
to {opacity: 1;}
}
@keyframes fadeEffect {
from {opacity: 0;}
to {opacity: 1;}
}
.tab_drawer_heading { display: none; }
@media screen and (max-width: 480px) {
.prod-desc-tab {
display: none;
}
.tab_drawer_heading {
background-color: transparent;
color: #000000;
border-bottom: 1px solid #ddd;
margin: 0;
padding: 6px 12px;
display: block;
cursor: pointer;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.tab_drawer_heading:after {
content: ' + ';
right: 40px;
position: absolute;
}
.d_active {
background-color: rgba(212,212,212,0.3);
}
.d_active.tab_drawer_heading:after{
content: ' - ';
}
}
</STYLE>
<SCRIPT type="text/javascript">
// If the page has no jquery
// if(typeof jQuery == 'undefined'){
// console.log(456);
// var script = document.createElement('script');
// script.type = "text/javascript";
// script.src = "https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js";
// console.log(script);
// document.getElementsByTagName('head')[0].appendChild(script);
// }
/* if in tab mode */
$("body").on("click", ".tablinks", function(){
var id = $(this).data("prod-desc-id");
// Get all elements with class="prod-desc-tab-content" and hide them
$(".prod-desc-tab-content").hide();
// Get all elements with class="tablinks" and remove the class "active"
$(".tablinks").removeClass("active");
// Show the current tab, and add an "active" class to the link that opened the tab
$("#"+id).show();
$(this).addClass("active");
//make mobile view(drawer mode) also in same tab
$(".tab_drawer_heading").removeClass("d_active");
$(".tab_drawer_heading[data-prod-desc-id='"+id+"']").addClass("d_active");
});
/* if in drawer mode */
$("body").on("click", ".tab_drawer_heading", function() {
var id = $(this).data("prod-desc-id");
$(".prod-desc-tab-content").hide();
$(".tab_drawer_heading").removeClass("d_active");
$("#"+id).show();
$(this).addClass("d_active");
$(".tablinks").removeClass("active");
$(".tablinks[data-prod-desc-id='"+id+"']").addClass("active");
});
$(function(){
var x = $(".product-description").find("h1, h2, h3, h4, h5, h6");
var title = null;
var body = null;
if(x.length > 1){
$(".product-description").after("<link href='/assets/css/froala_style.min.css' rel='stylesheet' type='text/css'/><div class='product-description-tabs fr-view'><ul class='prod-desc-tab'></ul><div class='prod-desc-tab-container'></div></div>");
$(x).each(function(k, v){
title = $(v).text();
if(k == 0){
body = $(x[0]).nextUntil(x[1]).clone();
$(".prod-desc-tab").append('<li class="tablinks active" data-prod-desc-id="'+k+'"><a>'+title+'</a></li>');
$(".prod-desc-tab-container").append('<h3 class="tab_drawer_heading d_active" data-prod-desc-id="'+k+'">'+title+'</h3><div id="'+k+'" class="prod-desc-tab-content" style="display:block"><h2>'+title+'</h2></div>');
$("#"+k+" h2").after(body);
}
else if(k == x.length){
body = $(x[k]).nextAll().clone();
$(".prod-desc-tab").append('<li class="tablinks" data-prod-desc-id="'+k+'"><a>'+title+'</a></li>');
$(".prod-desc-tab-container").append('<h3 class="tab_drawer_heading" data-prod-desc-id="'+k+'">'+title+'</h3><div id="'+k+'" class="prod-desc-tab-content" style="display:none"><h2>'+title+'</h2></div>');
$("#"+k+" h2").after(body);
}
else{
body = $(x[k]).nextUntil(x[k+1]).clone();
$(".prod-desc-tab").append('<li class="tablinks" data-prod-desc-id="'+k+'"><a>'+title+'</a></li>');
$(".prod-desc-tab-container").append('<h3 class="tab_drawer_heading" data-prod-desc-id="'+k+'">'+title+'</h3><div id="'+k+'" class="prod-desc-tab-content" style="display:none"><h2>'+title+'</h2></div>');
$("#"+k+" h2").after(body);
}
});
$(".product-description").hide();
}
});
</SCRIPT>
<SCRIPT>
$(".product-label-badge").parent().find(".badge--sale").remove();
</SCRIPT>
<STYLE>
.product-label-badge-text {
display: table-cell;
vertical-align: middle;
padding: 2px 8px 0;
border-radius: 50%;
}
.product-label-badge{
display: table;
position: absolute;
width: 60px;
height: 60px;
border-radius: 50%;
font-weight: bold;
text-align: center;
font-size: .75em;
line-height: 1.1;
z-index: 10;
}
.product-label-position{
top: -12px;
right: -12px;
}
</STYLE>
<DIV class="cart-drawer" id="CartDrawer" data-fetch="0">
<DIV class="cart" >
<DIV class="cart-drawer-wrapper">
<asp:Label ID="lblCartSide" runat="server" Text=""></asp:Label>
</DIV></DIV></DIV>
<DIV id="toast">
<DIV id="toastContent"></DIV>
</DIV>
</form>
</body>
</html>