
<!DOCTYPE html>
<html >
<head>
    <title>Copic Australia</title>
    <meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
    <meta name="description" content="" />
    <meta name="keywords" content="" />
    <meta name="generator" content="nopCommerce" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <meta name="google-site-verification" content="F5ZFNVWk0sb_uNSCpH4grJOHok2XRkiVquqBbgKfUc4" /> 
    
    
        <link href='//fonts.googleapis.com/css?family=Yanone+Kaffeesatz' rel='stylesheet' type='text/css'>

    
    <link href="/Themes/Copic/Content/CSS/styles.css" rel="stylesheet" type="text/css" />
<link href="/Themes/Allure/Content/CSS/tables.css" rel="stylesheet" type="text/css" />
<link href="/Themes/Allure/Content/CSS/mobile-only.css" rel="stylesheet" type="text/css" />
<link href="/Themes/Allure/Content/CSS/480.css" rel="stylesheet" type="text/css" />
<link href="/Themes/Allure/Content/CSS/768.css" rel="stylesheet" type="text/css" />
<link href="/Themes/Allure/Content/CSS/980.css" rel="stylesheet" type="text/css" />
<link href="/Themes/Allure/Content/CSS/forum.css" rel="stylesheet" type="text/css" />
<link href="/Plugins/SevenSpikes.Core/Styles/perfect-scrollbar.min.css" rel="stylesheet" type="text/css" />
<link href="/Plugins/SevenSpikes.Nop.Plugins.JCarousel/Themes/Copic/Content/JCarousel.css" rel="stylesheet" type="text/css" />
<link href="/Plugins/SevenSpikes.Nop.Plugins.InstantSearch/Themes/Copic/Content/InstantSearch.css" rel="stylesheet" type="text/css" />
<link href="/Plugins/SevenSpikes.Nop.Plugins.MegaMenu/Themes/Copic/Content/MegaMenu.css" rel="stylesheet" type="text/css" />
<link href="/Plugins/SevenSpikes.Nop.Plugins.AnywhereSliders/Styles/nivo/nivo-slider.css" rel="stylesheet" type="text/css" />
<link href="/Plugins/SevenSpikes.Nop.Plugins.AnywhereSliders/Themes/Copic/Content/nivo/nivo.css" rel="stylesheet" type="text/css" />
<link href="/Plugins/SevenSpikes.Nop.Plugins.ProductRibbons/Styles/Ribbons.common.css" rel="stylesheet" type="text/css" />
<link href="/Plugins/SevenSpikes.Nop.Plugins.ProductRibbons/Themes/DefaultClean/Content/Ribbons.css" rel="stylesheet" type="text/css" />

    
    <script src="/bundles/scripts/nm5mapg4alfek6zcpsd_mifr9tx0-y1xxhpey-jn4zg1?v=j-deYHdQUJ_vPnwKbsLYvIwYCHmBv-g-hWJ0Z9IkH101"></script>


    
    
    
    
    
<link rel="shortcut icon" href="copic-favicon.ico" />
    <!--Powered by nopCommerce - http://www.nopCommerce.com-->
    <!--Copyright (c) 2008-2014-->
</head>
<body class="color-peach texture_1 notAndroid23">
    



<div id="dialog-notifications-success" title="Notification" style="display:none;">
</div>
<div id="dialog-notifications-error" title="Error" style="display:none;">
</div>
<div id="bar-notification" class="bar-notification">
    <span class="close" title="Close">&nbsp;</span>
</div>



<div class="master-wrapper-page">
    
    
    
<div class="header">
    
    <div class="header-links-wrapper">
        <div class="header-centering">
            <div class="header-selectors-wrapper">
                <div class="tax-display-type-selector">
                    
                </div>
                <div class="currency-selector">
                    
                </div>
                <div class="language-selector">
                    
                </div>
                
            </div>
            
<div class="phone-link">
    <div class="phone-number">
            <span><a href="tel:1300853502">1300 853 502</a></span>
    </div>
</div>
<div class="header-links">
    <ul>
        

            <li style="padding-top:35px;">
                <div class="shopping-cart-link">
                    <div id="topcartlink">
                        &nbsp;
                    </div>
                </div>
            </li>
                    <li>
                &nbsp;
            </li>
        
    </ul>
    </div>

        </div>
    </div>
    <div class="header-centering" style="max-width: 1010px;">
        <div class="header-logo">
            <a href="/" class="logo">
                
                <img title="Copic Marker" alt="Copic Marker" src="/Themes/Copic/Content/img/copic-logo.png" style="max-height: 110px;">
            </a>
        </div>
        <div class="desktop-header-right">
            <div class="search-box" style="margin-top:40px;">
                
<form action="/search" method="get" onsubmit="return check_small_search_form()">    <input type="text" class="search-box-text" id="small-searchterms" autocomplete="off" value="Search" name="q" />





<script type="text/javascript">

    $(document).ready(function() {
        var autocomplete = $("#small-searchterms").kendoAutoComplete(
        {
            highlightFirst: "True" == "True",
            minLength: 3,
            dataTextField: "ProductName",
            filter: "contains",
            
            template: '<div class="instant-search-item" data-url="https://www.copicmarker.com.au/${ data.SeName }">' +
                '<div class="img-block">' +
                '<img src="${ data.DefaultPictureModel.ImageUrl }" alt="${ data.Name }" title="${ data.Name }" style="border:none">' +
                '</div>' +
                '<div class="detail">' +
                '<div class="title">${ data.Name }</div>' +
                '<div class="price"># var price = ""; if (data.ProductPrice.Price) { price = data.ProductPrice.Price } # #= price #</div>' +

                    
                        '<div class="sku"># var sku = ""; if (data.CustomProperties.Sku != null) { sku = "Product Code: " + data.CustomProperties.Sku } # #= sku #</div>' +
                    
                
                '</div>' +
                '</div>',
            dataSource: new kendo.data.DataSource({
                    serverFiltering: true,
                    requestStart: function(e) {
                        $("#small-searchterms").addClass("instant-search-busy");
                    },
                    change: function(e) {
                        $("#small-searchterms").removeClass("instant-search-busy");
                    },
                    transport: {
                        read: "https://www.copicmarker.com.au/InstantSearch/InstantSearchFor",
                        parameterMap: function(data) {
                            return { q: $("#small-searchterms").val(), categoryId: $("#instant-search-categories").val() };
                        }
                    }
                }
            ),
            change: function(e) {
                var selected = $(".k-list").find(".k-state-selected");
                var url = selected.find('.instant-search-item').attr('data-url');
                if (typeof url === "undefined") {
                    // do nothing as the value has probably been changed from the onblur event handler rather than from dropdown selection                   
                } else {
                    // navigate to the searched product
                    setLocation(url);
                }
            },
            dataBound: function() {
                $(".k-animation-container").addClass("instantSearch");
            }
        });

        if ("True" == "False") {
            
            $(".search-box form").on("keydown", function(e) {
                if (e.keyCode === 13) {
                    $(this).submit();
                }
            });
        }

        $(".search-box form").submit(function(e) {
            var selectedCategory = $("#instant-search-categories").val() || 0;
            var searchedTerm = $("#small-searchterms").val();
            if (searchedTerm && searchedTerm != "") {

                window.location.href = "/" + "search?as=true&cid=" + selectedCategory + "&q=" + encodeURIComponent(searchedTerm) + "&Sid=True&Isc=true";
            }

            e.preventDefault();
        });
    });
</script>
    <input type="submit" class="button-1 search-box-button" value="Search" />
    <script type="text/javascript">
        $(document).ready(function() {
            $("#small-searchterms").focus(function() {
                if (this.value == 'Search') {
                    this.value = '';
                }
            });

            $("#small-searchterms").blur(function() {
                if (this.value == '') {
                    this.value = 'Search';
                }
            });
        });

        function check_small_search_form() {
            var search_terms = $("#small-searchterms");
            if (search_terms.val() == "" || search_terms.val() == "Search") {
                alert('Please enter some search keyword');
                search_terms.focus();
                return false;
            }
            return true;
        }
    </script>
</form>
            </div>
            <div class="desktop-cart">
                
            </div>
        </div>
        
    </div>
</div>

    <div class="overlayOffCanvas"></div>
    <div class="responsive-nav-wrapper-parent">
        <div class="responsive-nav-wrapper">
            <div class="menu-title">
                <span>Menu</span>
            </div>
            <div class="search-wrap">
                <span>Search</span>

            </div>
            <div class="shopping-cart-link">
                <a href="/cart">Shopping cart</a>
            </div>
            <div class="filters-button">
                <span>Filters</span>
            </div>
            <div class="personal-button" id="header-links-opener">
                <span>Personal menu</span>
            </div>
        </div>
    </div>
    <div class="justAFixingDivBefore"></div>
    <div class="header-menu">
        <div class="close-menu">
            <span>Close</span>
        </div>






<input type="hidden" value="false" id="isRtlEnabled" />

<ul class="mega-menu">
        <li>
        <a class="mega-menu-home" href="/" title="Home">
            <span></span>
        </a>
    </li>




                                <li>
                                    <a href="/markers-1" title="Markers">Markers</a>
                                        <div class="dropdown categories fullWidth boxes-4" >
                                            <div class="row"><div class="box">
                        <div class="title">
                            <strong>
                                <a href="/sketch" title="Sketch">Sketch</a>
                            </strong>
                        </div>
                        <div class="picture">
                            <a href="/sketch">
                                <img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-original="" />
                            </a>
                        </div>
                        <ul class="subcategories">
                                <li>
                                    <a></a>
                                </li>
                                <li>
                                    <a></a>
                                </li>
                                <li>
                                    <a></a>
                                </li>
                                <li>
                                    <a></a>
                                </li>
                                <li>
                                    <a></a>
                                </li>
                                <li>
                                    <a></a>
                                </li>
                                <li>
                                    <a></a>
                                </li>
                                <li>
                                    <a></a>
                                </li>
                                <li>
                                    <a></a>
                                </li>
                                <li>
                                    <a></a>
                                </li>
                                <li>
                                    <a></a>
                                </li>
                                <li>
                                    <a></a>
                                </li>
                                <li>
                                    <a></a>
                                </li>
                                <li>
                                    <a></a>
                                </li>
                                <li>
                                    <a></a>
                                </li>
                                <li>
                                    <a></a>
                                </li>
                                <li>
                                    <a></a>
                                </li>
                                <li>
                                    <a></a>
                                </li>



                        </ul>
                    
</div><div class="box">
                        <div class="title">
                            <strong>
                                <a href="/original-markers" title="Classic">Classic</a>
                            </strong>
                        </div>
                        <div class="picture">
                            <a href="/original-markers">
                                <img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-original="" />
                            </a>
                        </div>
                        <ul class="subcategories">
                                <li>
                                    <a></a>
                                </li>
                                <li>
                                    <a></a>
                                </li>
                                <li>
                                    <a></a>
                                </li>
                                <li>
                                    <a></a>
                                </li>
                                <li>
                                    <a></a>
                                </li>
                                <li>
                                    <a></a>
                                </li>
                                <li>
                                    <a></a>
                                </li>
                                <li>
                                    <a></a>
                                </li>
                                <li>
                                    <a></a>
                                </li>
                                <li>
                                    <a></a>
                                </li>
                                <li>
                                    <a></a>
                                </li>
                                <li>
                                    <a></a>
                                </li>
                                <li>
                                    <a></a>
                                </li>
                                <li>
                                    <a></a>
                                </li>
                                <li>
                                    <a></a>
                                </li>
                                <li>
                                    <a></a>
                                </li>
                                <li>
                                    <a></a>
                                </li>



                        </ul>
                    
</div><div class="box">
                        <div class="title">
                            <strong>
                                <a href="/ciao" title="Ciao">Ciao</a>
                            </strong>
                        </div>
                        <div class="picture">
                            <a href="/ciao">
                                <img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-original="" />
                            </a>
                        </div>
                        <ul class="subcategories">
                                <li>
                                    <a></a>
                                </li>
                                <li>
                                    <a></a>
                                </li>
                                <li>
                                    <a></a>
                                </li>
                                <li>
                                    <a></a>
                                </li>
                                <li>
                                    <a></a>
                                </li>
                                <li>
                                    <a></a>
                                </li>
                                <li>
                                    <a></a>
                                </li>
                                <li>
                                    <a></a>
                                </li>
                                <li>
                                    <a></a>
                                </li>
                                <li>
                                    <a></a>
                                </li>
                                <li>
                                    <a></a>
                                </li>
                                <li>
                                    <a></a>
                                </li>
                                <li>
                                    <a></a>
                                </li>
                                <li>
                                    <a></a>
                                </li>
                                <li>
                                    <a></a>
                                </li>



                        </ul>
                    
</div><div class="box">
                        <div class="title">
                            <strong>
                                <a href="/wide" title="Wide">Wide</a>
                            </strong>
                        </div>
                        <div class="picture">
                            <a href="/wide">
                                <img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-original="" />
                            </a>
                        </div>
                        <ul class="subcategories">



                        </ul>
                    
</div><div class="box">
                        <div class="title">
                            <strong>
                                <a href="/empty-markers" title="Empty Markers">Empty Markers</a>
                            </strong>
                        </div>
                        <div class="picture">
                            <a href="/empty-markers">
                                <img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-original="" />
                            </a>
                        </div>
                        <ul class="subcategories">



                        </ul>
                    
</div><div class="box">
                        <div class="title">
                            <strong>
                                <a href="/copic-sets" title="Sets">Sets</a>
                            </strong>
                        </div>
                        <div class="picture">
                            <a href="/copic-sets">
                                <img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-original="" />
                            </a>
                        </div>
                        <ul class="subcategories">
                                <li>
                                    <a></a>
                                </li>
                                <li>
                                    <a></a>
                                </li>
                                <li>
                                    <a></a>
                                </li>



                        </ul>
                    
</div></div>
                                            
                                        </div>
                                </li>
                                <li>
                                    <a href="/inks" title="Inks">Inks</a>
                                        <div class="dropdown categories fullWidth boxes-4" >
                                            <div class="row"><div class="box">
                        <div class="title">
                            <strong>
                                <a href="/refilling-accessories" title="Refilling Accessories">Refilling Accessories</a>
                            </strong>
                        </div>
                        <div class="picture">
                            <a href="/refilling-accessories">
                                <img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-original="" />
                            </a>
                        </div>
                        <ul class="subcategories">



                        </ul>
                    
</div><div class="box">
                        <div class="title">
                            <strong>
                                <a href="/copic-ink-sets-2" title="Ink Sets">Ink Sets</a>
                            </strong>
                        </div>
                        <div class="picture">
                            <a href="/copic-ink-sets-2">
                                <img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-original="" />
                            </a>
                        </div>
                        <ul class="subcategories">



                        </ul>
                    
</div><div class="box">
                        <div class="title">
                            <strong>
                                <a href="/blackblender-1" title="Black/Blender">Black/Blender</a>
                            </strong>
                        </div>
                        <div class="picture">
                            <a href="/blackblender-1">
                                <img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-original="" />
                            </a>
                        </div>
                        <ul class="subcategories">



                        </ul>
                    
</div><div class="box">
                        <div class="title">
                            <strong>
                                <a href="/blue-1" title="Blue">Blue</a>
                            </strong>
                        </div>
                        <div class="picture">
                            <a href="/blue-1">
                                <img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-original="" />
                            </a>
                        </div>
                        <ul class="subcategories">



                        </ul>
                    
</div><div class="box">
                        <div class="title">
                            <strong>
                                <a href="/blue-green-1" title="Blue-Green">Blue-Green</a>
                            </strong>
                        </div>
                        <div class="picture">
                            <a href="/blue-green-1">
                                <img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-original="" />
                            </a>
                        </div>
                        <ul class="subcategories">



                        </ul>
                    
</div><div class="box">
                        <div class="title">
                            <strong>
                                <a href="/blue-violet-1" title="Blue-Violet">Blue-Violet</a>
                            </strong>
                        </div>
                        <div class="picture">
                            <a href="/blue-violet-1">
                                <img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-original="" />
                            </a>
                        </div>
                        <ul class="subcategories">



                        </ul>
                    
</div></div><div class="row"><div class="box">
                        <div class="title">
                            <strong>
                                <a href="/cool-grey-1" title="Cool Grey">Cool Grey</a>
                            </strong>
                        </div>
                        <div class="picture">
                            <a href="/cool-grey-1">
                                <img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-original="" />
                            </a>
                        </div>
                        <ul class="subcategories">



                        </ul>
                    
</div><div class="box">
                        <div class="title">
                            <strong>
                                <a href="/earth-tones-1" title="Earth Tones">Earth Tones</a>
                            </strong>
                        </div>
                        <div class="picture">
                            <a href="/earth-tones-1">
                                <img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-original="" />
                            </a>
                        </div>
                        <ul class="subcategories">



                        </ul>
                    
</div><div class="box">
                        <div class="title">
                            <strong>
                                <a href="/fluorescent" title="Fluorescent ">Fluorescent </a>
                            </strong>
                        </div>
                        <div class="picture">
                            <a href="/fluorescent">
                                <img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-original="" />
                            </a>
                        </div>
                        <ul class="subcategories">



                        </ul>
                    
</div><div class="box">
                        <div class="title">
                            <strong>
                                <a href="/green-1" title="Green">Green</a>
                            </strong>
                        </div>
                        <div class="picture">
                            <a href="/green-1">
                                <img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-original="" />
                            </a>
                        </div>
                        <ul class="subcategories">



                        </ul>
                    
</div><div class="box">
                        <div class="title">
                            <strong>
                                <a href="/neutral-grey-1" title="Neutral Grey">Neutral Grey</a>
                            </strong>
                        </div>
                        <div class="picture">
                            <a href="/neutral-grey-1">
                                <img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-original="" />
                            </a>
                        </div>
                        <ul class="subcategories">



                        </ul>
                    
</div><div class="box">
                        <div class="title">
                            <strong>
                                <a href="/red-1" title="Red">Red</a>
                            </strong>
                        </div>
                        <div class="picture">
                            <a href="/red-1">
                                <img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-original="" />
                            </a>
                        </div>
                        <ul class="subcategories">



                        </ul>
                    
</div></div><div class="row"><div class="box">
                        <div class="title">
                            <strong>
                                <a href="/red-violet-1" title="Red-Violet">Red-Violet</a>
                            </strong>
                        </div>
                        <div class="picture">
                            <a href="/red-violet-1">
                                <img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-original="" />
                            </a>
                        </div>
                        <ul class="subcategories">



                        </ul>
                    
</div><div class="box">
                        <div class="title">
                            <strong>
                                <a href="/toner-grey-1" title="Toner Grey">Toner Grey</a>
                            </strong>
                        </div>
                        <div class="picture">
                            <a href="/toner-grey-1">
                                <img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-original="" />
                            </a>
                        </div>
                        <ul class="subcategories">



                        </ul>
                    
</div><div class="box">
                        <div class="title">
                            <strong>
                                <a href="/violet-1" title="Violet">Violet</a>
                            </strong>
                        </div>
                        <div class="picture">
                            <a href="/violet-1">
                                <img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-original="" />
                            </a>
                        </div>
                        <ul class="subcategories">



                        </ul>
                    
</div><div class="box">
                        <div class="title">
                            <strong>
                                <a href="/warm-grey-1" title="Warm Grey">Warm Grey</a>
                            </strong>
                        </div>
                        <div class="picture">
                            <a href="/warm-grey-1">
                                <img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-original="" />
                            </a>
                        </div>
                        <ul class="subcategories">



                        </ul>
                    
</div><div class="box">
                        <div class="title">
                            <strong>
                                <a href="/yellow-1" title="Yellow">Yellow</a>
                            </strong>
                        </div>
                        <div class="picture">
                            <a href="/yellow-1">
                                <img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-original="" />
                            </a>
                        </div>
                        <ul class="subcategories">



                        </ul>
                    
</div><div class="box">
                        <div class="title">
                            <strong>
                                <a href="/yellow-green-1" title="Yellow-Green">Yellow-Green</a>
                            </strong>
                        </div>
                        <div class="picture">
                            <a href="/yellow-green-1">
                                <img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-original="" />
                            </a>
                        </div>
                        <ul class="subcategories">



                        </ul>
                    
</div></div><div class="row"><div class="box">
                        <div class="title">
                            <strong>
                                <a href="/yellow-red-1" title="Yellow-Red">Yellow-Red</a>
                            </strong>
                        </div>
                        <div class="picture">
                            <a href="/yellow-red-1">
                                <img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-original="" />
                            </a>
                        </div>
                        <ul class="subcategories">



                        </ul>
                    
</div><div class="empty-box"></div><div class="empty-box"></div><div class="empty-box"></div><div class="empty-box"></div><div class="empty-box"></div></div>
                                            
                                        </div>
                                </li>
                                <li>
                                    <a href="/pens-1-1" title="Pens">Pens</a>
                                        <div class="dropdown categories fullWidth boxes-4" >
                                            <div class="row"><div class="box">
                        <div class="title">
                            <strong>
                                <a href="/gasenfude" title="Gasenfude">Gasenfude</a>
                            </strong>
                        </div>
                        <div class="picture">
                            <a href="/gasenfude">
                                <img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-original="" />
                            </a>
                        </div>
                        <ul class="subcategories">



                        </ul>
                    
</div><div class="box">
                        <div class="title">
                            <strong>
                                <a href="/multiliner" title="Multiliner">Multiliner</a>
                            </strong>
                        </div>
                        <div class="picture">
                            <a href="/multiliner">
                                <img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-original="" />
                            </a>
                        </div>
                        <ul class="subcategories">
                                <li>
                                    <a></a>
                                </li>
                                <li>
                                    <a></a>
                                </li>
                                <li>
                                    <a></a>
                                </li>
                                <li>
                                    <a></a>
                                </li>
                                <li>
                                    <a></a>
                                </li>
                                <li>
                                    <a></a>
                                </li>
                                <li>
                                    <a></a>
                                </li>
                                <li>
                                    <a></a>
                                </li>
                                <li>
                                    <a></a>
                                </li>
                                <li>
                                    <a></a>
                                </li>
                                <li>
                                    <a></a>
                                </li>



                        </ul>
                    
</div><div class="box">
                        <div class="title">
                            <strong>
                                <a href="/multiliner-sp" title="Multiliner SP">Multiliner SP</a>
                            </strong>
                        </div>
                        <div class="picture">
                            <a href="/multiliner-sp">
                                <img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-original="" />
                            </a>
                        </div>
                        <ul class="subcategories">
                                <li>
                                    <a></a>
                                </li>
                                <li>
                                    <a></a>
                                </li>
                                <li>
                                    <a></a>
                                </li>
                                <li>
                                    <a></a>
                                </li>



                        </ul>
                    
</div><div class="empty-box"></div><div class="empty-box"></div><div class="empty-box"></div></div>
                                            
                                        </div>
                                </li>
                                <li>
                                    <a href="/air-brush" title="Air Brush">Air Brush</a>
                                </li>
                                <li>
                                    <a href="/accessories-2" title="Accessories">Accessories</a>
                                        <div class="dropdown categories fullWidth boxes-4" >
                                            <div class="row"><div class="box">
                        <div class="title">
                            <strong>
                                <a href="/books-dvds" title="Books">Books</a>
                            </strong>
                        </div>
                        <div class="picture">
                            <a href="/books-dvds">
                                <img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-original="" />
                            </a>
                        </div>
                        <ul class="subcategories">



                        </ul>
                    
</div><div class="box">
                        <div class="title">
                            <strong>
                                <a href="/surfaces-1-1-1-1" title="Surfaces">Surfaces</a>
                            </strong>
                        </div>
                        <div class="picture">
                            <a href="/surfaces-1-1-1-1">
                                <img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-original="" />
                            </a>
                        </div>
                        <ul class="subcategories">
                                <li>
                                    <a></a>
                                </li>
                                <li>
                                    <a></a>
                                </li>



                        </ul>
                    
</div><div class="box">
                        <div class="title">
                            <strong>
                                <a href="/nibs" title="Nibs">Nibs</a>
                            </strong>
                        </div>
                        <div class="picture">
                            <a href="/nibs">
                                <img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-original="" />
                            </a>
                        </div>
                        <ul class="subcategories">
                                <li>
                                    <a></a>
                                </li>



                        </ul>
                    
</div><div class="box">
                        <div class="title">
                            <strong>
                                <a href="/storage" title="Storage">Storage</a>
                            </strong>
                        </div>
                        <div class="picture">
                            <a href="/storage">
                                <img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-original="" />
                            </a>
                        </div>
                        <ul class="subcategories">
                                <li>
                                    <a></a>
                                </li>
                                <li>
                                    <a></a>
                                </li>
                                <li>
                                    <a></a>
                                </li>
                                <li>
                                    <a></a>
                                </li>
                                <li>
                                    <a></a>
                                </li>
                                <li>
                                    <a></a>
                                </li>
                                <li>
                                    <a></a>
                                </li>



                        </ul>
                    
</div><div class="box">
                        <div class="title">
                            <strong>
                                <a href="/opaque-white" title="Opaque White">Opaque White</a>
                            </strong>
                        </div>
                        <div class="picture">
                            <a href="/opaque-white">
                                <img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-original="" />
                            </a>
                        </div>
                        <ul class="subcategories">



                        </ul>
                    
</div><div class="box">
                        <div class="title">
                            <strong>
                                <a href="/copic-plastic-color-chip" title="Copic Plastic Color Chip">Copic Plastic Color Chip</a>
                            </strong>
                        </div>
                        <div class="picture">
                            <a href="/copic-plastic-color-chip">
                                <img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-original="" />
                            </a>
                        </div>
                        <ul class="subcategories">



                        </ul>
                    
</div></div>
                                            
                                        </div>
                                </li>




    <!--
    <li>
        <a href="/frequently-asked-questions" title="FAQs">FAQs</a>
    </li>
    -->
    <li class="sub-menu-parent">
        <span><a href="/ContactUs" title="Contact">Contact</a></span>
        <ul class="sub-menu">
            <li class="sub-menu-first">
                <a href="/ContactUs" title="Contact Us">Contact Us</a>
            </li>
            <li>
                <a href="/store-finder" title="Store Finder">Store Finder</a>
            </li>
            <li>
                <a href="/about-us-copic" title="About">About</a>
            </li>
        </ul>
    </li>
    <li><a href="/files">Resources</a></li>
    <li><a href="whats-on-2">What's On</a></li>

</ul>
<div class="menu-title"><span>Menu</span></div>
<ul class="mega-menu-responsive">
        <li>
        <a class="mega-menu-home" href="/" title="Home">
            <span></span>
        </a>
    </li>


        <li>
                <a href="/copic" title="Copic" class="with-subcategories">Copic</a>
                <div class="plus-button"></div>
                <div class="sublist-wrap">
                    <ul class="sublist">
                        <li class="back-button">
                            <span>back</span>
                        </li>
                                <li>
                                    <a href="/markers-1" title="Markers">Markers</a>
                                </li>
                                <li>
                                    <a href="/inks" title="Inks">Inks</a>
                                </li>
                                <li>
                                    <a href="/pens-1-1" title="Pens">Pens</a>
                                </li>
                                <li>
                                    <a href="/air-brush" title="Air Brush">Air Brush</a>
                                </li>
                                <li>
                                    <a href="/accessories-2" title="Accessories">Accessories</a>
                                </li>

                    </ul>
                </div>
        </li>


    <!--
    <li>
        <a href="/frequently-asked-questions" title="FAQs">FAQs</a>
    </li>
    -->
    <li class="sub-menu-parent">
        <span><a href="/ContactUs" title="Contact">Contact</a></span>
        <ul class="sub-menu">
            <li class="sub-menu-first">
                <a href="/ContactUs" title="Contact Us">Contact Us</a>
            </li>
            <li>
                <a href="/store-finder" title="Store Finder">Store Finder</a>
            </li>
            <li>
                <a href="/about-us-copic" title="About">About</a>
            </li>
        </ul>
    </li>
    <li><a href="/files">Resources</a></li>
    <li><a href="whats-on-2">What's On</a></li>

</ul>

<script type="text/javascript">

    var megaMenuClick = "click.megaMenuEvent";
    var megaMenuDocumentClick = "click.megaMenuDocumentEvent";

    $(function () {
        $("img.lazy").lazyload({
            event: "menuShown",
            effect: "fadeIn"
        });
    });

    // We need to trigger an event, in order for the lazy loading to work. The default event is scroll, which is not useful in this case
    $(".mega-menu").on("mouseover", function () {
        $("img.lazy").trigger("menuShown");
    });


    
    var t;
        $(".mega-menu > li, .mega-menu .sublist > li").off('mouseenter mouseleave').on('mouseenter',
            function () {
                var that = $(this);
                t = setTimeout(function () {

                    $('a', that).first().addClass('hover');
                    $('.sublist-wrap, .dropdown', that).first().addClass('active');

                }, 180);
            }).on('mouseleave',
            function () {
                clearTimeout(t);
                $('a', $(this)).first().removeClass('hover');
                $('.sublist-wrap, .dropdown', $(this)).first().removeClass('active');
            });
    
</script>

    </div>

    





        <div class="slider-wrapper theme-">
            <div id="WidgetSlider-home_page_main_slider-2" class="nivoSlider">
            <a href="https://copicaward.com/">
                    <img src="https://www.copicmarker.com.au/content/images/thumbs/0041505.jpeg" data-thumb="https://www.copicmarker.com.au/content/images/thumbs/0041505.jpeg" alt="slider image" />
            </a>
            <a href="https://www.copicmarker.com.au/inks">
                    <img src="https://www.copicmarker.com.au/content/images/thumbs/0041119.png" data-thumb="https://www.copicmarker.com.au/content/images/thumbs/0041119.png" alt="slider image" />
            </a>
            <a href="https://www.copicmarker.com.au/sketch">
                    <img src="https://www.copicmarker.com.au/content/images/thumbs/0041117.png" data-thumb="https://www.copicmarker.com.au/content/images/thumbs/0041117.png" alt="slider image" />
            </a>
            <a href="https://www.copicmarker.com.au/inks">
                    <img src="https://www.copicmarker.com.au/content/images/thumbs/0041149.jpeg" data-thumb="https://www.copicmarker.com.au/content/images/thumbs/0041149.jpeg" alt="slider image" />
            </a>
            </div>
        </div>
        <script type="text/javascript">
            $(window).load(function () {
                $('#WidgetSlider-home_page_main_slider-2').nivoSlider({
                    effect: 'fade', // Specify sets like: 'fold,fade,sliceDown'
                    slices: 15, // For slice animations
                    boxCols:  8 , // For box animations
                    boxRows: 4, // For box animations
                    animSpeed: 500, // Slide transition speed
                    pauseTime: 3000, // How long each slide will show
                    startSlide: 0, // Set starting Slide (0 index)
                    directionNav: true, // Next & Prev navigation
                    controlNav: false, // 1,2,3... navigation
                    controlNavThumbs: false, // Use thumbnails for Control Nav
                    pauseOnHover: true, // Stop animation while hovering
                    manualAdvance: false, // Force manual transitions
                    prevText: 'Prev', // Prev directionNav text
                    nextText: 'Next', // Next directionNav text
                    randomStart: false // Start on a random slide
                    });
            });
        </script>
    <div class="master-wrapper-content">
        <script type="text/javascript">
            AjaxCart.init(false, '.header-links .cart-qty', '.header-links .wishlist-qty', '#flyout-cart');
        </script>
        



<script type="text/javascript">
    var nop_store_directory_root = "https://www.copicmarker.com.au/";
</script>

<div id="product-ribbon-info" data-productid="0"
     data-productboxselector=".product-item, .item-holder, .item-box, .sub-category-item"
     data-productboxpicturecontainerselector=".picture, .item-picture"
     data-productpagepicturesparentcontainerselector=".product-essential"
     data-productpagebugpicturecontainerselector=".picture"
     data-retrieveproductribbonsurl="/ProductRibbons/RetrieveProductRibbons">
</div>
        
        <div class="ajax-loading-block-window" style="display: none">
            <div class="loading-image">
            </div>
        </div>
        <div class="master-wrapper-main">
            
<div class="center-1">
    
    

<div class="page home-page">
    <div class="page-body">
        
            <div class="home-page-category-grid">
        <div class="item-grid">
                <div class="item-box">
                    <div class="category-item">
                        <h2 class="title">
                            <a href="/markers-1" title="Show products in category Markers">
                                Markers</a>
                        </h2>
                        <div class="picture">
                            <a href="/markers-1" title="Show products in category Markers">
                                <img alt="Picture for category Markers" src="https://www.copicmarker.com.au/content/images/thumbs/0040336_markers_310.jpeg"
                                    title="Show products in category Markers" /></a>
                        </div>
                    </div>
                </div>
                <div class="item-box">
                    <div class="category-item">
                        <h2 class="title">
                            <a href="/inks" title="Show products in category Inks">
                                Inks</a>
                        </h2>
                        <div class="picture">
                            <a href="/inks" title="Show products in category Inks">
                                <img alt="Picture for category Inks" src="https://www.copicmarker.com.au/content/images/thumbs/0040334_inks_310.jpeg"
                                    title="Show products in category Inks" /></a>
                        </div>
                    </div>
                </div>
                <div class="item-box">
                    <div class="category-item">
                        <h2 class="title">
                            <a href="/pens-1-1" title="Show products in category Pens">
                                Pens</a>
                        </h2>
                        <div class="picture">
                            <a href="/pens-1-1" title="Show products in category Pens">
                                <img alt="Picture for category Pens" src="https://www.copicmarker.com.au/content/images/thumbs/0040335_pens_310.jpeg"
                                    title="Show products in category Pens" /></a>
                        </div>
                    </div>
                </div>
                <div class="item-box">
                    <div class="category-item">
                        <h2 class="title">
                            <a href="/air-brush" title="Show products in category Air Brush">
                                Air Brush</a>
                        </h2>
                        <div class="picture">
                            <a href="/air-brush" title="Show products in category Air Brush">
                                <img alt="Picture for category Air Brush" src="https://www.copicmarker.com.au/content/images/thumbs/0040339_air-brush_310.jpeg"
                                    title="Show products in category Air Brush" /></a>
                        </div>
                    </div>
                </div>
                <div class="item-box">
                    <div class="category-item">
                        <h2 class="title">
                            <a href="/accessories-2" title="Show products in category Accessories">
                                Accessories</a>
                        </h2>
                        <div class="picture">
                            <a href="/accessories-2" title="Show products in category Accessories">
                                <img alt="Picture for category Accessories" src="https://www.copicmarker.com.au/content/images/thumbs/0040344_accessories_310.jpeg"
                                    title="Show products in category Accessories" /></a>
                        </div>
                    </div>
                </div>
        </div>
    </div>


        
        
            <div class="shop-by-brand-title">Featured Products</div>
        





    <script type="text/javascript">
        jQuery(document).ready(function () {
            var carouselID = '#jcarousel-2-104';
            var rtl = false;
            var mycarousel_initCallback = function(carousel)
            {
                $(carouselID)
                    .swipeEvents()
                    .bind("swipeLeft",  function(){ rtl ? carousel.prev() : carousel.next(); })
                    .bind("swipeRight", function(){ rtl ? carousel.next() : carousel.prev(); })
                    .bind("swipeDown",  function(){  })
                    .bind("swipeUp",    function(){  });
            };

            jQuery(carouselID).jcarousel({
                initCallback: mycarousel_initCallback,
                setupCallback: function(carousel) {
                    carousel.reload();
                },
                reloadCallback: function(carousel) {
                    if(carousel.options.vertical == false)
                    {
                        var num = 1;
                    
                        // Set the width of the JCarousel item
                        var itemWidth = 170;
                    
                        if (carousel.clipping() > itemWidth) {
                            num = Math.floor(carousel.clipping() / itemWidth);
                        }
                      
                        if (4 > num) {
                            carousel.options.visible = num;
                            carousel.options.scroll = num;
                        }    else {
                            carousel.options.visible = 4;
                        }
                    }
                    else
                    {
                        var clipHeight = $('#jcarousel-2-104 .jcarousel-item-vertical').height() * 4;
                        $('.jcarousel-2-104 .jcarousel-clip-vertical').css("height", clipHeight + "px");
                    }
                },
                vertical: false,
                rtl: false,
                start: 1,
visible:4,                scroll: 5,
                animation: 'slow',
                auto: 0,
                size: 4
, easing: 'linear'                                });
            
            $(".jcarousel-prev, .jcarousel-next").disableTextSelect();
        });
    </script>
    <div class="jcarousel-1-343 manufacturers-carousel">
        <div class="nop-jcarousel ">
            <ul id="jcarousel-2-104">
                    <li>
                        <div class="item-holder" data-productid="16513">
                            <div class="item-picture">
                                <a class="thumb-img" href="/ciao-bright-6-piece-set" title="Show details for Ciao Bright 6 Piece Set">
                                    <img alt="Picture of Ciao Bright 6 Piece Set" src="https://www.copicmarker.com.au/content/images/thumbs/0034567_ciao-bright-6-piece-set_360.jpeg" title="Show details for Ciao Bright 6 Piece Set" />
                                </a>
                            </div>
                            <div class="hover-item-info">
                                                            </div>
                            <div class="item-info">
                                                                                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="item-holder" data-productid="11768">
                            <div class="item-picture">
                                <a class="thumb-img" href="/copic-marker-set-72a" title="Show details for Copic Marker Set 72A">
                                    <img alt="Picture of Copic Marker Set 72A" src="https://www.copicmarker.com.au/content/images/thumbs/0040180_copic-marker-set-72a_360.jpeg" title="Show details for Copic Marker Set 72A" />
                                </a>
                            </div>
                            <div class="hover-item-info">
                                                            </div>
                            <div class="item-info">
                                                                                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="item-holder" data-productid="18006">
                            <div class="item-picture">
                                <a class="thumb-img" href="/copic-sketch-set-6-skin-tone-1-2" title="Show details for Copic Sketch Set 6 Portrait">
                                    <img alt="Picture of Copic Sketch Set 6 Portrait" src="https://www.copicmarker.com.au/content/images/thumbs/0033435_copic-sketch-set-6-portrait_360.jpeg" title="Show details for Copic Sketch Set 6 Portrait" />
                                </a>
                            </div>
                            <div class="hover-item-info">
                                                            </div>
                            <div class="item-info">
                                                                                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="item-holder" data-productid="11237">
                            <div class="item-picture">
                                <a class="thumb-img" href="/copic-multiliner-set-black-b" title="Show details for Multiliner Set Black B 0.5, 0.8, BS, BM">
                                    <img alt="Picture of Multiliner Set Black B 0.5, 0.8, BS, BM" src="https://www.copicmarker.com.au/content/images/thumbs/0019438_multiliner-set-black-b-05-08-bs-bm_360.jpeg" title="Show details for Multiliner Set Black B 0.5, 0.8, BS, BM" />
                                </a>
                            </div>
                            <div class="hover-item-info">
                                                            </div>
                            <div class="item-info">
                                                                                            </div>
                        </div>
                    </li>
            </ul>
        </div>
    </div>
    <script type="text/javascript">

        jQuery(document).ready(function() {
            var carouselElementClass = ".jcarousel-2-104";
            var carouselID = "#jcarousel-2-104";
            var carousel = jQuery(carouselID).data('jcarousel');

            if (0 > 0) {
                $(carouselElementClass).hover(function() {
                    carousel.stopAuto();
                }, function () {
                    carousel.startAuto();
                });
            }
        });
    </script>

    </div>
</div>

    
</div>

        </div>
        
    </div>
    <div class="topic-html-content">
        <div class="topic-html-content-body">
            
        </div>
    </div>
                  <div class="footer-upper">
                <div class="footer-centering">
                    <div>
                        <h3>Great Ideas Start With Copic</h3>
                        <br />
                        <span style="font-size: 17px; color: #000;">
                            Available in 358 vibrant colours, all markers are refillable. It is used by professionals for graphic design, architecture,
                            papercraft, <br />fine art, doodling, journaling, illustration, manga & so much more. Copic is the worlds best alcohol marker system.
                        </span>
                    </div>
                </div>
            </div>

    

<div class="footer">

    <div class="footer-middle">
        <div class="footer-centering">
            <div class="footer-block footer-block-first">
                <h3>Company info</h3>
                <ul class="footer-menu">
                    <li><a href="/about-us-copic">About Us</a></li>
                    <li><a href="/privacyinfo">Privacy Notice</a></li>
                    <li><a href="/blog" title="Blog" id="blog-menu-item">Blog</a></li>
                </ul>
            </div>
            <div class="footer-block">
                <h3>Customer services</h3>
                <ul class="footer-menu">
                    <li><a href="/contactus">Contact Us</a> </li>
                        <li><a href="/frequently-asked-questions">Frequently Asked Questions</a></li>
                    <li><a href="/store-finder">Store Finder</a></li>
                        <li><a href="/files">Resources</a></li>
                    <li><a href="/videos">Videos</a></li>
                </ul>
            </div>
            <div class="footer-block">
                <h3>Products</h3>
                <ul class="footer-menu">
                        <li><a href="/markers-1">Markers</a></li>
                        <li><a href="/inks">Inks</a></li>
                        <li><a href="/pens-1-1">Pens</a></li>
                        <li><a href="/air-brush">Air Brush</a></li>
                        <li><a href="/accessories-2">Accessories</a></li>
                </ul>
            </div>
            <div class="footer-block contact-block">
                    <div class="social-sharing" style="width:100%!important">
                        <table>
                            <tr>

                                <td><a target="_blank" class="blog" href="/blog"></a></td>
                                <!-- <li><a target="_blank" class="dropbox" href="#"></a></li> -->
                                    <td><a target="_blank" class="pinterest" href="https://www.pinterest.com/copicaustralia"></a></td>

                                    <td style="list-style: none"><a target="_blank" class="facebook" href="https://www.facebook.com/copicmarkeraustralia"></a></td>
                            </tr>
                            <tr>
                                    <td><a target="_blank" class="twitter" href="https://twitter.com/copicmarkerau"></a></td>

                                                                <td><a target="_blank" class="instagram" href="https://www.instagram.com/copicau/"></a></td> 
                                
                                    <td><a target="_blank" class="youtube" href="https://www.youtube.com/user/CopicMarkers"></a></td>
                            </tr>
                        </table>
                    </div>
            </div>
        </div>
        
    </div>
    <div class="footer-lower">
        <div class="footer-centering">

            <div class="footer-disclaimer">
                Copyright &copy; 2024 Copic Australia. All rights reserved.
                <Div class="dbg">
                    <div class="dbg">Online store by <a href="http://www.adelaide-website-designers.com.au/" target="_blank">DBG Technologies</a>, powered by <a href="http://www.livecube.com.au/" target="_blank">LiveCube</a></div>
                </Div>
            </div>
            <div class="footer-store-theme">
                
            </div>
        </div>
    </div>
    
</div>

</div>


<!-- Google code for Analytics tracking -->
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-34551448-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>

    
    
    <div id="goToTop"></div>
</body>
</html>