  <!DOCTYPE html>
<html dir="ltr" lang="en">
<head>
  <!-- Google tag (gtag.js) -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=G-V4C38C3WL5"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());

    gtag('config', 'G-V4C38C3WL5');
  </script>
  <meta name="description" content="Aetherworks: Your supplier of hobby and gaming products." />
  <meta name="keywords" content="Hobby, Gaming, Wargaming, Board Games, Card Games, Miniatures, Tabletop, Role Playing Games" />
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>Aetherworks</title>

  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.4/font/bootstrap-icons.css">
  <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js" integrity="sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3" crossorigin="anonymous"></script>
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.min.js" integrity="sha384-cuYeSxntonz0PPNlHhBs68uyIAVpIIOZZ5JqeqvYYIcEL727kskC66kF92t6Xl2V" crossorigin="anonymous"></script> 

  <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
  <link rel="stylesheet" href="https://cdn.datatables.net/1.13.4/css/dataTables.bootstrap5.min.css" crossorigin="anonymous">
  <script src="https://cdn.datatables.net/1.13.4/js/jquery.dataTables.min.js" rossorigin="anonymous"></script>

  <link rel="shortcut icon" href="favicon.ico" />
  <link rel="stylesheet" type="text/css" href="stylesheet.css?v3.9" />

  <script src="https://cdnjs.cloudflare.com/ajax/libs/axios/1.4.0/axios.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/pako/2.1.0/pako_inflate.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.3.0/vue.min.js"></script>

  <link href="https://fonts.googleapis.com/css2?family=Exo:wght@700&display=swap" rel="stylesheet">

  <script type="text/javascript">
    function getCookie(name) {
      var value = "; " + document.cookie;
      var parts = value.split("; " + name + "=");
      if (parts.length == 2) {
        return parts.pop().split(";").shift();
      }
    }
  </script>
</head>
<body>


<div class="container-xxl">
  <div class="sticky-top">

  <div class="row" style="background-color: #ffffff;">
    <div class="col-12">
      <header class="pt-3 pb-3">
        <div class="container-fluid ps-0 pe-0">
          <div class="d-flex flex-wrap align-items-center justify-content-center justify-content-lg-start">
            <a class="navbar-brand p-0 me-0 me-lg-2" href="https://store.aetherworks.com.au/index.php">
              <img src="images/store_logo.png" alt="Logo" height="60" class="d-inline-block align-text-top" style="margin-bottom:10px">
            </a>

            <form class="col-12 col-lg-auto mb-3 mb-lg-0 mx-lg-auto justify-content-center" role="search" method="get" action="https://store.aetherworks.com.au/advanced_search_result.php">
                            <input type="search"
                name="keywords"
                class="form-control header-search"
                placeholder="Search"
                minlength="3"
                maxlength="60"
                aria-label="Search"
                >
              <input type="hidden" name="search_in_description" value="1">
            </form>

            <div class="text-end">
              <ul class="nav justify-content-center">
                                                  <li class="nav-item">
                    <a class="nav-link text-dark" href="https://store.aetherworks.com.au/account.php">Login</a>
                  </li>
                                                <li class="nav-item">
                  <a class="nav-link text-dark" href="https://store.aetherworks.com.au/shopping_cart.php">
                    Cart (<span id="carttotalcount">0</span>)
                  </a>
                </li>
                              </ul>
            </div>
          </div>
        </div>
      </header>
    </div>
  </div>

    <div class="row row align-items-center mb-2 pt-1 pb-1 pt-lg-0 pb-lg-0 nav-toolbar">
      <div class="col-1 col-lg-0 d-lg-none me-auto">
        <a style="cursor:pointer" data-bs-toggle="offcanvas" data-bs-target="#offcanvasCategories" aria-controls="offcanvasCategories">
          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" class="bi" fill="white" viewBox="0 0 16 16">
            <path fill-rule="evenodd" d="M2.5 11.5A.5.5 0 0 1 3 11h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4A.5.5 0 0 1 3 3h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z"></path>
          </svg>
        </a>
      </div>
      <div class="col-10 col-lg-11">
        <ol class="breadcrumb ms-2" style="--bs-breadcrumb-divider-color:white;--bs-breadcrumb-margin-bottom:0rem">
          <li class="breadcrumb-item"><strong><a href="https://store.aetherworks.com.au/index.php" style="color:#fff">Store</strong></a></li>        </ol>
      </div>
      <div class="col-1">
        <span class="float-end">
          <a style="cursor:pointer" data-bs-toggle="offcanvas" data-bs-target="#offcanvasRight" aria-controls="offcanvasRight">
            <span class="bi bi-cart4 text-white fs-4"></span>
          </a>
        </span>
      </div>
  </div>
  
  </div>



<div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasRight" aria-labelledby="offcanvasRightLabel">
  <div class="offcanvas-header">
    <h5 class="offcanvas-title" id="offcanvasRightLabel"><span class="bi bi-cart4"></span> Cart Contents</h5>
    <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
  </div>
  <div class="offcanvas-body">
    <div class="row mt-2">
      <div class="col-12">
        <span class="d-grid">
          <a href="https://store.aetherworks.com.au/shopping_cart.php" class="btn btn-ae">
            Manage Cart
          </a>
        </span>
      </div>
    </div>
    <div class="row mt-2">
      <div class="col-12">
        <span class="d-grid">
          <a href="https://store.aetherworks.com.au/checkout_start.php" class="btn btn-ae">
            Checkout <span class="bi bi-caret-right-fill"></span>
          </a>
        </span>
      </div>
    </div>
    <div class="row mt-2">
      <div class="col-12">
      <div id="cartcontentsbox">
        <div v-if="cartContents.length == 0">
          <div class="alert alert-secondary" style="margin-top:1rem">
            <span v-if="cartTotals.subtotal" class="d-block">
            Subtotal:<span class="float-end">{{ cartTotals.subtotal }}</span>
          </span>
          <span v-if="cartTotals.backorders" class="d-block">
            Backorders:<span class="float-end">{{ cartTotals.backorders }}</span>
          </span>
          <span class="d-block">
            Total:<span class="float-end">{{ cartTotals.total }}</span>
          </span>
          <span v-if="cartTotals.credit" class="d-block mt-2">
            Credit Available:<span class="float-end">{{ cartTotals.credit }}
          </span>
          </div>
          <span class="d-block">Your cart is currently empty.</span>
        </div>
        <div v-else>
          <div class="alert alert-secondary" style="margin-top:1rem">
            <span v-if="cartTotals.subtotal" class="d-block">
              Subtotal:<span class="float-end">{{ cartTotals.subtotal }}</span>
            </span>
            <span v-if="cartTotals.backorders" class="d-block">
              Backorders:<span class="float-end">{{ cartTotals.backorders }}</span>
            </span>
            <span class="d-block">
              Total:<span class="float-end">{{ cartTotals.total }}</span>
            </span>
            <span v-if="cartTotals.credit" class="d-block mt-2">
              Credit Available:<span class="float-end">{{ cartTotals.credit }}
            </span>
          </div>
          <ul class="list-group list-group-flush">
            <li class="list-group-item" v-for="item in cartContents">
              {{ item.quantity }} x {{ item.product.name }}
            </li>
          </ul>
        </div>
      </div>
      </div>
    </div>
  </div>
</div>

<script type="application/javascript">
  var cartData = {
    cartContents: [],
    cartTotals: {"total":"$0.00AUD"}
  }
  var cartcontentsbox = new Vue({
    el: "#cartcontentsbox",
    data: cartData,
  });
</script>  <div class="row">
    <div class="col-12">
      <div class="row">
                  <div class="col-lg-2">
