hide cart by default in checkout

[graphicz]

Despite searching and adding the suggested scripts to the checkout layout I still cannot get the cart contents to hide by default. Please can someone show me how?
Thank you.

Here is my modified grid still showing the cart content by default!

<Actinic:XMLTEMPLATE NAME="ShoppingCart">
<div class="CheckoutCartSection" >
<actinic:variable name="GoogleAnalyticsMarkup" value="Google Analytics Transaction Details" />
<table class="checkout" id="idTableCheckoutSection">
    <tr>
        <th>
            <Actinic:Variable Name="CartCaption"/><br />
            <span id="idCartHeadingTotal" style="display:none; font-weight: bold;font-size: <actinic:variable name="LargerFontSize" />;"><Actinic:Variable Name="TotalCaption"/>: <Actinic:Variable Name="Total"/></span>
        </th>
        <th class="instruction" valign="middle" align="right">
            <Actinic:XMLTEMPLATE NAME="ShowHideDetails">
            <div id="idShowHideCart" style="display:none;"><a href="javascript:;" onclick="setCookie('ACTINIC_CARTVIZ', document.getElementById('idShowHide').innerHTML); SetShoppingCartVisibility();" class="" >Click here to <span id="idShowHide">hide</span> cart details</a>
                <!-- *** -->
            </div>
            <script language="javascript" type="text/javascript">
            document.getElementById('idShowHideCart').style.display = '';
            </script>
            </Actinic:XMLTEMPLATE>
        </th>
<actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%27Checkout%20Page%202%27">
        <th id="idCartChangeCell" width="86px" class="change">
            <input type="submit" name="CHANGE_CART" value="<actinic:variable name="ChangeCartButton" />" class="checkout-change-button" />
        </th>
</actinic:block>
    </tr>
</table>

<span id="idShoppingCartGrid" >
<Actinic:DEFAULTTAXZONEMESSAGE/>

<table class="checkout-cart">
    <tr>
<actinic:block if="%3cactinic%3avariable%20name%3d%22IsProductReferenceVisible%22%20%2f%3e" >
        <th align="left" width="15%"><Actinic:Variable Name="ReferenceCaption"/></th>
</actinic:block>
        <th align="left" width="45%"><Actinic:Variable Name="DescriptionCaption"/></th>
        <th align="right" width="10%"><Actinic:Variable Name="QuantityCaption"/></th>
<actinic:block if="%3cactinic%3avariable%20name%3d%22IsPriceInCart%22%20%2f%3e">
        <th align="right" width="15%"><Actinic:Variable Name="PriceCaption"/></th>
        <th align="right" width="15%"><Actinic:Variable Name="CostCaption"/></th>
</actinic:block>
    </tr>
<Actinic:XMLTEMPLATE NAME="OrderLine">
    <actinic:variable name="OrderLineList" />
</Actinic:XMLTEMPLATE>
    <actinic:variable name="CartTableRow" value="Empty Cart Message Row" />
    <actinic:variable name="CartTableRow" value="Sub Total Row" />
<Actinic:REMOVE TAG="AdjustmentRows">
    <actinic:variable name="AdjustmentRows" />
    <actinic:variable name="ShoppingCartAdjustmentList" />
</Actinic:REMOVE>
    <actinic:variable name="CartTableRow" value="Shipping Charge Row" />
    <actinic:variable name="CartTableRow" value="Handling Charge Row" />
<actinic:block if="%3cactinic%3avariable%20name%3d%22IsTaxInclusiveMode%22%20%2f%3e" >
    <actinic:variable name="CartTableRow" value="Exempted Tax 1 Row" />
    <actinic:variable name="CartTableRow" value="Exempted Tax 2 Row" />
</actinic:block>
<actinic:block if="%3cactinic%3avariable%20name%3d%22IsTaxInclusiveMode%22%20%2f%3e%3d%3dFALSE" >
    <actinic:variable name="CartTableRow" value="Tax 1 Row" />
    <actinic:variable name="CartTableRow" value="Tax 2 Row" />
</actinic:block>
    <actinic:variable name="CartTableRow" value="Total Row" />
<actinic:block if="%3cactinic%3avariable%20name%3d%22IsTaxInclusiveMode%22%20%2f%3e" >
    <actinic:variable name="CartTableRow" value="Including Tax 1 Row" />
    <actinic:variable name="CartTableRow" value="Including Tax 2 Row" />
</actinic:block>
</table>

<!-- The condition below isn't really required here as the scripts are removing
these on the receipt page anyway. But it is added here to get the preview the same
as the receipt page displayed online -->
<actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%21%3d%20%22Receipt%22" >
    <Actinic:REMOVE TAG="DiscountInfo">
    <h3 class="checkout-heading"><actinic:variable name="DiscountInfoCaption"/></h3>
    <table width="<actinic:variable name="ACTSTDWIDTH" />" border="0" cellpadding="3" cellspacing="0">
        <actinic:variable name="ShoppingCartDiscountList" />
    </table>
    </Actinic:REMOVE>

    <actinic:variable name="ShoppingCartAlsoBoughtItems" value="Also Bought Items in Shopping Cart" />

    <actinic:variable name="ShoppingCartRelatedProducts" value="Related Products in Shopping Cart" />
</actinic:block>

<actinic:variable name="PoweredBy" />

<actinic:block if="%3cactinic%3avariable%20name%3d%22IsSSPInstalled%22%20%2f%3e"><Actinic:EXTRACARTBASEPLUSPERTEXT>
   <b><actinic:variable Name="BasePlusPerRateDisclaimer"/></b>
</Actinic:EXTRACARTBASEPLUSPERTEXT></actinic:block>
</span>
<script type="text/javascript">
SetShoppingCartVisibility();
</script>
</div>
</Actinic:XMLTEMPLATE>

[Goz]

That's interesting because my shop - www.canalshop.co.uk - hides the cart automatically without having changed any code. It is an 18.0.3 site - what version are you having trouble with?

[graphicz]

16.0.3 but dragged up from 12. It's got all the RWD layouts now though. Perhaps I should revert to factory and seeing. Thanks Andy