Filter

Colour
Price (£)

From

To

The amount on the left must always be smaller than the amount on the right.
Minimum order quantity

From

To

The amount on the left must always be smaller than the amount on the right.
Material
- aluminium (1)
- metal (9)
Writing colour
- black ink (13)
- blue ink (5)
Brand
- Cross (13)
Type
- Best Seller (1)
- New (1)

<ul class="accordion" data-accordion>
<li class="accordion-navigation active">
<a href="#panelprice"> (£)</a>
<div id="panelprice" class="content active">
<div id="price-slider-values-holder" class="slidervaluesholder" data-min="16.10" data-max="100.00" data-rangeset='[["20%",[18.05,0.05]],["40%",[25.29,0.05]],["60%",[40.35,0.05]],["80%",[56.05,0.05]]]' data-from="16.10" data-to="100.00" data-decimals="2" data-mark="," data-prefix="" data-q="&SearchParameter=%26%40QueryTerm%3D*%26ContextCategoryUUID%3DE7sKAAx7cN4AAAFMTch9uscb%26ProductListPrice%3D%255B_FROM_%2BTO%2B_TO_%255D%26%40Sort.Rank%3D0">
<div class="fromvalueholder">
<input id="js-range-from" type="text" value="16.10">
</div>
<div class="tovalueholder">
<input id="js-range-to" type="text" value="100.00">
</div>
</div>
<p class="errormessage">The amount on the left must always be smaller than the amount on the right.</p>
</div>
</li>
<li class="accordion-navigation active">
<a href="#panel${pricefilter.name}">${pricefilter.label}</a>
<div id="panel${pricefilter.name}" class="content active">
<div id="price-slider-values-holder" class="slidervaluesholder" data-min="16.10" data-max="100.00" data-rangeset='[["20%",[18.05,0.05]],["40%",[25.29,0.05]],["60%",[40.35,0.05]],["80%",[56.05,0.05]]]' data-from="16.10" data-to="100.00" data-decimals="2" data-mark="," data-prefix="" data-q="&SearchParameter=%26%40QueryTerm%3D*%26ContextCategoryUUID%3DE7sKAAx7cN4AAAFMTch9uscb%26ProductListPrice%3D%255B_FROM_%2BTO%2B_TO_%255D%26%40Sort.Rank%3D0">
<div class="fromvalueholder">From<input id="js-range-from" type="text" value="${pricefilter.minvalue}">
</div>
<div class="tovalueholder">To<input id="js-range-to" type="text" value="${pricefilter.maxvalue}">
</div>
</div>
<p class="errormessage">The amount on the left must always be smaller than the amount on the right.</p>
</div>
</li>
{if minimumOrderUnityFilter.minimumOrderUnityListRange != ''}
<li class="accordion-navigation active">
<a href="#panel${minimumOrderUnityFilter.name}">${minimumOrderUnityFilter.label}</a>
<div id="panel${minimumOrderUnityFilter.name}" class="content active">
<div id="min-order-unit-slider-values-holder" class="slidervaluesholder" data-min="${minimumOrderUnityFilter.minimumValue}" data-max="${minimumOrderUnityFilter.maximumValue}" data-rangeset="${minimumOrderUnityFilter.minimumOrderUnityListRange}" data-from="${minimumOrderUnityFilter.minimumValueSelected}" data-to="${minimumOrderUnityFilter.maximumValueSelected}" data-decimals="0" data-mark="," data-prefix="" data-q="&SearchParameter=%26%40QueryTerm%3D*%26ContextCategoryUUID%3DE7sKAAx7cN4AAAFMTch9uscb%26MinOrderUnit%3D%255B_FROM_%2BTO%2B_TO_%255D%26%40Sort.Rank%3D0">
<div class="fromvalueholder">From<input id="min-order-unit-js-range-from" type="text" value="${minimumOrderUnityFilter.minimumValueSelected}">
</div>
<div class="tovalueholder">To<input id="min-order-unit-js-range-to" type="text" value="${minimumOrderUnityFilter.maximumValueSelected}">
</div>
</div>
<p class="errormessage">The amount on the left must always be smaller than the amount on the right.</p>
</div>
</li>
{/if}
{for f in filters}
{if f.type == "color"}
<li class="accordion-navigation {if f.active == true} active{/if}">
<a href="#panel${f.name}">${f.label}</a>
<div id="panel${f.name}" class="content {if f.active == true} active{/if} colorpickerholder attributeholder">
<div class="colorpicker attributeblock">
{var index = 0}
{for i in f.items}
{if index==0}
<div class="first">
<ul>
{/if}
{if index==12}
<div class="rest">
<ul>
{/if}
{if i.color}
{if i.color == "white" || i.color == "beige"}
<li style="background-color:${i.color};border-color:{if i.color == "white"}#D2D2D2{else}${i.color}{/if};" title="${i.label} (${i.amount})" class="{if i.active == true}active needsGreyMarker greymarker{/if}"><a id="${i.label}" href="javascript:void(0);" data-q="${i.q}"></a></li>
{else}
<li style="background-color:${i.color};border-color:${i.color};" title="${i.label} (${i.amount})" class="{if i.active == true}active{/if}"><a id="${i.label}" href="javascript:void(0);" data-q="${i.q}"></a></li>
{/if}
{else}
{if i.needsGreyMarker == true}
<li style="background-image:url(${i.image});" title="${i.label} (${i.amount})" class="{if i.active == true} active greymarker{else} imgfilter{/if} needsGreyMarker "><a id="${i.label}" href="javascript:void(0);" data-q="${i.q}"></a></li>
{else}
<li style="background-image:url(${i.image});" title="${i.label} (${i.amount})" class="{if i.active == true} active {else} imgfilter {/if}"><a id="${i.label}" href="javascript:void(0);" data-q="${i.q}"></a></li>
{/if}
{/if}
{if index==11}
</ul>
</div>
{/if}
{if index++==f.items.length}
</ul>
</div>
{/if}
{/for}
</div>
</div>
{if f.items.length > 11}
<div class="showmore">
<a href="javascript:void(0);">More</a>
</div>
<div class="showless">
<a href="javascript:void(0);">Less</a>
</div>
{/if}
</li>
{/if}
{if f.type == "productmarketingstatus"}
<li class="accordion-navigation {if f.active == true} active{/if}">
<a href="#panel${f.name}">${f.label}</a>
<div id="panel${f.name}" class="content {if f.active == true} active{/if} attributeholder">
<div class="attributeblock">
{var index = 0}
{for i in f.items}
{if index==0}
<div class="first">
<ul>
{/if}
{if index==3}
<div class="rest">
<ul>
{/if}
<li{if i.active == true} class="active"{/if}>
<label title="${i.label} (${i.amount})">
<input type="checkbox" name="${i.label}" id="${i.name}" {if i.active == true}checked="checked"{/if} data-q="${i.q}" />
<span>${i.label} (<span class="amount">${i.amount}</span>)</span>
</label>
</li>
{if index==2 && f.items.length>3}
<li>
<div class="showmore">
<a href="javascript:void(0);">More</a>
</div>
</li>
{/if}
{if index==2}
</ul>
</div>
{/if}
{if index+1==f.items.length && f.items.length>3}
<li>
<div class="showless">
<a href="javascript:void(0);">Less</a>
</div>
</li>
{/if}
{if index++==f.items.length}
</ul>
</div>
{/if}
{/for}
</div>
</div>
</li>
{/if}
{if f.type == "check"}
<li class="accordion-navigation {if f.active == true} active{/if}">
<a href="#panel${f.name}">${f.label}</a>
<div id="panel${f.name}" class="content {if f.active == true} active{/if} attributeholder">
<div class="attributeblock">
{var index = 0}
{for i in f.items}
{if index==0}
<div class="first">
<ul>
{/if}
{if index==3}
<div class="rest">
<ul>
{/if}
<li{if i.active == true} class="active"{/if}>
<label title="${i.label} (${i.amount})">
<input type="checkbox" name="${i.label}" id="${i.name}" {if i.active == true}checked="checked"{/if} data-q="${i.q}" />
<span>${i.label} (<span class="amount">${i.amount}</span>)</span>
</label>
</li>
{if index==2 && f.items.length>3}
<li>
<div class="showmore">
<a href="javascript:void(0);">More</a>
</div>
</li>
{/if}
{if index==2}
</ul>
</div>
{/if}
{if index+1==f.items.length && f.items.length>3}
<li>
<div class="showless">
<a href="javascript:void(0);">Less</a>
</div>
</li>
{/if}
{if index++==f.items.length}
</ul>
</div>
{/if}
{/for}
</div>
</div>
</li>
{/if}
{/for}
</ul>

Cross Personalised Corporate Gifts

An exquisite collection of classic and timeless models, sublimely finished. With a Cross lifetime guarantee. Each piece in a special Cross gift case. The ultimate gift!

Show number

1 - 12 of the 13 items visible

Selected filters
Erase filters

<ul>
{if pageCount > 1}
{if page > 0}
<li><a href="javascript:void(0);" class="prev">Previous</a></li>
{/if}
{if pageCount < 6}
{eval}
pages = [];
for (var i = 0; i < pageCount; i++) {
pages.push(i);
}
{/eval}
{for p in pages}
<li><a href="javascript:void(0);" {if p == page}class="current"{/if} data-page="${p}">${p + 1}</a></li>
{/for}
{else}
{eval}
prevPage = page - 1;
nextPage = page + 1;
{/eval}
{if prevPage == -1}
<li><a href="javascript:void(0);" class="current" data-page="0">1</a></li>
<li><a href="javascript:void(0);" data-page="1">2</a></li>
<li><a href="javascript:void(0);" data-page="2">3</a></li>
<li>...</li>
<li><a href="javascript:void(0);" data-page="${pageCount - 1}">${pageCount}</a></li>
{elseif nextPage == pageCount}
<li><a href="javascript:void(0);" data-page="0">1</a></li>
<li>...</li>
<li><a href="javascript:void(0);" data-page="${pageCount - 3}">${pageCount - 2}</a></li>
<li><a href="javascript:void(0);" data-page="${pageCount - 2}">${pageCount - 1}</a></li>
<li><a href="javascript:void(0);" class="current" data-page="${pageCount - 1}">${pageCount}</a></li>
{else}
{if prevPage != 0}
<li><a href="javascript:void(0);" data-page="0">1</a></li>
{/if}
{if prevPage > 1}<li>...</li>{/if}
<li><a href="javascript:void(0);" data-page="${prevPage}">${prevPage + 1}</a></li>
<li><a href="javascript:void(0);" class="current" data-page="${page}">${page + 1}</a></li>
<li><a href="javascript:void(0);" data-page="${nextPage}">${nextPage + 1}</a></li>
{if nextPage < (pageCount - 2)}<li>...</li>{/if}
{if nextPage != (pageCount - 1)}
<li><a href="javascript:void(0);" data-page="${pageCount - 1}">${pageCount}</a></li>
{/if}
{/if} 
{/if}
{if page < (pageCount - 1)}
<li><a href="javascript:void(0);" class="next">Next</a></li>
{/if}
{/if}
</ul>

{for p in products}
<li class="producttile">
<div class="product-content">
<a href="${p.url}">
<div class="product-top">
<img class="product__image" src="${p.image}" srcset="${p.srcsetImage} 2x" data-product-sku="${p.sku}" alt="${p.description}" width="250" height="250"/>
{if p.promotion == true && p.percentagePromotion == false}
<span class="product__label">${p.promotionlabel}</span>
{else}
{if p.percentagePromotion == true}
<span class="product__label label--promotion">${p.productPercentagePromotionIcon}</span>
{/if}
{/if}
{if p.brandlogo != ""}
<img class="product__brand" src="${p.brandlogo}" />
{/if}
</div>
</a>
<div class="smallslider">
{for v in p.variations}
<div>
<a href="${v.url}" data-clicksku="${v.sku}">
<span class="smallslider__thumbnail" data-src="${v.img}" data-color-hover="${v.hoverImage}" data-title="${v.colorName}"></span>
</a>
</div>
{/for}
</div>
<a href="${p.url}">
<div class="product-info">
{if p.totalReviews > 0}
<div class="product__review ${p.starImage}">
(${p.totalReviews})
</div>
{/if}
<div class="product__price">From
{if p.percentagePromotion == true}
<span class="price__from">${p.price}</span>
<span class="price__for">
<span class="price__currency">
</span>${p.productPercentagePromotionNewPrice}
</span>
{else}
<span>
<span class="price__currency">
</span>${p.price}
</span>
{/if}
</div>
</div>
<div class="product-name">
<h3>${p.description}</h3>
</div><div class="product-cta">
<span class="button button--orange">View product</span>
</div></a>
</div>
<input type="hidden" data-ga="productName" value="${p.description}"/>
<input type="hidden" data-ga="productSku" value="{if p.defaultVariationProductSku != null}${p.defaultVariationProductSku}{else}${p.sku}{/if}"/>
<input type="hidden" data-ga="productPrice" value="${p.priceValue}"/>
<input type="hidden" data-ga="productCat" value="${p.category}"/>
</li>
{/for}

No products found with this filtering.

Brands

Filter

Cross Personalised Corporate Gifts

Cross Edge pen

Cross Century Classic pen

Cross Classic Century Chrome & free refillable pencil

Cross Century Classic 10 pen

Cross Calais pen

Cross Tech2 Stylus pen

Tech 3+ Multifunctional Pen

Cross Century II Medalist Ballpoint pen

Cross Century II 10 carat Fountain pen

Cross Century II Black Ballpoint pen

Cross Classic Century Medalist & free refillable pencil

Cross Century II Premium Chrome pen