<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="X-UA-Compatible" content="chrome=1" />
<title>Timberland - Timberland  </title>
<meta name="keywords" content="Timberland, Timberland"/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="canonical" href="/category/index.jsp?categoryId=4216412"/>
<link type="text/css" rel="stylesheet" media="screen" href="http://tblmkt.imageg.net/css/reset.css"/>
<link type="text/css" rel="stylesheet" media="screen" href="http://tblmkt.imageg.net/css/main.css"/>
<link type="text/css" rel="stylesheet" media="screen" href="http://tblmkt.imageg.net/css/sitemap.css"/>
<link type="text/css" rel="stylesheet" media="screen" href="http://tblmkt.imageg.net/css/tradegothic.css"/>
<link type="text/css" rel="stylesheet" media="screen" href="http://corp.timberland.com/timberframe/css/tblGlobalContent.css" />
<link type="text/css" rel="stylesheet" media="screen" href="http://corp.timberland.com/timberframe/css/fancybox/jquery.fancybox-1.3.4.css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script type="text/javascript" src="http://tblmkt.imageg.net/js/supersized.3.1.3.js"></script>
<script type="text/javascript" src="http://tblmkt.imageg.net/js/globalNav.js"></script>
<script type="text/javascript" src="http://tblmkt.imageg.net/js/timberland.js"></script>

<script type="text/javascript" src="http://tblmkt.imageg.net/js/flash/flashobject.js"></script>
<script type="text/javascript" src="http://tblmkt.imageg.net/js/flash/swfobject.js"></script>

<script type="text/javascript" src="http://tblmkt.imageg.net/graphics/media/tbl/tbl-brand.js"></script>


<script type="text/javascript">
//<![CDATA[
if('undefined'==typeof(TA))TA={};
TA.akURL={href:'http://tblmkt.imageg.net'};

var timberlandOptions=timberlandOptions||false;
jQuery(function(){Timberland.init('en',timberlandOptions);});
//]]>
</script>


    
  
  <script type="text/javascript"> 
    var _gaq = _gaq || [];
    _gaq.push(['_setAccount', 'UA-20483830-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>
</head>


  
    
  
  

<body id="top-category" class="family-category lang-en index">



<!--You are running on secprd1_srm_secprdapp32_7-->



<!-- PreviewHeader Begin -->


<!-- PreviewHeader End. -->





 


<div id="globalNav">  
  <div id="globalNavTop">
    <div id="logoWrapper">
      <div id="tblLogo"><a href="#" id="tblLogoUrl">&nbsp;</a></div>
        <span id="globalMenuText"></span>
        <span id="globalTopLinks">
          <span id="globalShopText"></span>     
          <span id="globalSLocText"></span>     
        </span>
      </div><!-- #logoWrapper -->
    </div><!-- #globalNavTop -->
    <div id="globalNavBottom">
      <div class="globalNavContent">
        <div id="thumbWrap">
          <div id="navThumbnail"><a id="thumbLink" href="#"><div id="polariod"></div></a></div>
          <div id="navCopyText"></div>
        </div> <!-- #thumbWrap -->
        <ul id="menu-column1" class="vertical-nav"><li><!-- js --></li></ul>
        <ul id="menu-column2" class="vertical-nav"><li><!-- js --></li></ul>
        <ul id="menu-column3" class="vertical-nav"><li><!-- js --></li></ul>
        <ul id="menu-column4" class="vertical-nav"><li><!-- js --></li></ul>
        <ul id="menu-column5" class="vertical-nav"><li><!-- js --></li></ul>
      </div> <!-- .globalNavContent -->
    </div> <!-- #globalNavBottom -->
  </div> <!-- #globalNav -->


      
<div id="main">
  <div id="content">
    
        
        
        <div id="main-content" class="clearfix">
      
          
      <div id="bodySlot"></div>
            
    <div class="slot slot_1000">
      <!-- BEGIN CMS SLOT --><!-- =========================== CMS Page and Campaign info ========================== -->
<!-- === Page ID:  328612   -->
<!-- === Page Name:  2012-04-30 - TBLMKT - Brand Home - Arbor Day 2.0   -->
<!-- === Page URI:  /cmsTemplate/cms_only.jsp   -->
<!-- === -->
<!-- === Campaign ID:  150216   -->
<!-- === Campaign Name:  2012-04-30 - TBLMKT - Brand Home - Arbor Day 2.0   -->
<!-- === Campaign Tracking Code:  null   -->
<!-- === Campaign Start Time:  2012-04-30 00:01:00.0   -->
<!-- === Campaign End Time:  2012-07-20 23:59:00.0   -->
<!-- === -->
<!-- ================================================================================= -->
<!-- =========================== Request info ========================== -->
<!-- === Request URI:  /tblmkt/cmsTemplate/cms_only.jsp   -->
<!-- === Request Query String:  categoryId=4216412&locale=en_US&language=US   -->
<!-- === Include URI:  null   -->
<!-- === Include Query String:  null   -->
<!-- ================================================================================= -->
<!-- =========================== CMS Slot and Widget info ========================== -->
<!-- === Widget ID:  761103   -->
<!-- === Widget Name:  content_slot   -->
<!-- === Slot Name:  null   -->
<!-- === Slot Data Map:  {content_slot=761103}   -->
<!-- ================================================================================= -->
<div id="content_slot" style="width:1000px;border:0px;overflow:hidden;">



<div id="loadCover" style="z-index: 9999; position: fixed; width: 8000px; background: none repeat scroll 0% 0% rgb(0, 0, 0); height: 8000px; top: 0px; left: 0px;">&#160;</div>
<div style="top: 55px;" id="contentWrap">
<div id="toggleArea">&#160;</div>
<!-- slide 1 -->
<div style="z-index: 28; display: block;" class="content position1" id="content0">
<h4 class="trade">The Earthkeepers<sup>&#174;</sup> Hookset Handcrafted Collection.</h4>
<h3 style="font-size: 6.1em;" class="lubalin "><a class="cyclerLink" title="Four materials, expertly combined." href="http://shop.timberland.com/family/index.jsp?categoryId=4032186">FOUR<br/>
MATERIALS,<br/>
EXPERTLY<br/>
COMBINED.</a></h3>
<div class="buttons">
<div class="linkButton"><a href="http://shop.timberland.com/family/index.jsp?categoryId=4032186" title="Shop Men's" class="browse cyclerLink">Shop Men's</a></div>
<div class="linkButton"><a href="http://mens.timberland.com/" title="Learn More" class="learn cyclerLink">Learn More</a></div>
</div>
</div>
<!-- slide 2 -->
<div style="z-index: 27; display: none;" class="content position1 black" id="content1">
<h4 class="trade">Nature Needs Heroes<sup>&#8482;</sup></h4>
<h3 style="font-size: 6.1em;" class="lubalin "><a class="cyclerLink" title="The Earthkeepers&#174; Collection." href="http://shop.timberland.com/family/index.jsp?categoryId=4032186">THE<br/>
EARTHKEEPERS<sup>&#174;</sup><br/>
COLLECTION.</a></h3>
<div class="buttons">
<div class="linkButton"><a href="http://shop.timberland.com/family/index.jsp?categoryId=4032186" title="Shop Men's" class="browse cyclerLink">Shop Men's</a></div>
<div class="linkButton"><a href="http://mens.timberland.com/" title="Learn More" class="learn cyclerLink">Learn More</a></div>
</div>
</div>
<!-- slide 3 -->
<div style="z-index: 26; display: none;" class="content position1 black" id="content2">
<h4 class="trade">The Earthkeepers<sup>&#174;</sup> Collection.</h4>
<h3 style="font-size: 6.1em;" class="lubalin "><a class="cyclerLink" title="Made with the environment in mind." href="http://shop.timberland.com/family/index.jsp?categoryId=4032209">MADE<br/>
WITH THE<br/>
ENVIRONMENT<br/>
IN MIND.</a></h3>
<div class="buttons">
<div class="linkButton"><a href="http://shop.timberland.com/family/index.jsp?categoryId=4032209" title="Shop Women's" class="browse cyclerLink">Shop Women's</a></div>
<div class="linkButton"><a href="http://womens.timberland.com/" title="Learn More" class="learn cyclerLink">Learn More</a></div>
</div>
</div>
<!-- slide 4 -->
<div style="z-index: 25; display: none;" class="content position1" id="content3">
<h4 class="trade">The Earthkeepers<sup>&#174;</sup> Deering Boat Ballerina.</h4>
<h3 style="font-size: 6.1em;" class="lubalin "><a class="cyclerLink" title="Walk lightly on the planet." href="http://shop.timberland.com/family/index.jsp?categoryId=4032209">WALK<br/>
LIGHTLY<br/>
ON THE<br/>
PLANET.</a></h3>
<div class="buttons">
<div class="linkButton"><a href="http://shop.timberland.com/family/index.jsp?categoryId=4032209" title="Shop Women's" class="browse cyclerLink">Shop Women's</a></div>
<div class="linkButton"><a href="http://womens.timberland.com/" title="Learn More" class="learn cyclerLink">Learn More</a></div>
</div>
</div>
<!-- slide 5 -->
<div style="z-index: 24; display: none;" class="content position1" id="content4">
<h4 class="trade">Join Us.</h4>
<h3 style="font-size: 6.1em;" class="lubalin "><a class="cyclerLink" title="Strong communities start here." href="http://community.timberland.com/">STRONG<br/>
COMMUNITIES<br/>
START HERE.</a></h3>
<div class="buttons">
<div class="linkButton"><a href="http://community.timberland.com/" title="Learn More" class="learn cyclerLink">Learn More</a></div>
</div>
</div>
<!-- slide 6 -->
<div style="z-index: 29; display: none;" class="content position1" id="content5">
<h4 class="trade">Discover Your Tree Personality And Plant A Tree In Haiti.</h4>
<h3 style="font-size: 6.1em;" class="lubalin "><a class="cyclerLink" title="GET YOUR HORTISCOPE." href="https://www.facebook.com/timberland/app_381405548558222">GET YOUR<br/>
HORTISCOPE.</a></h3>
<div class="buttons">
<div class="linkButton"><a href="https://www.facebook.com/timberland/app_381405548558222" title="Take The Quiz" class="learn cyclerLink">Take The Quiz</a></div>
</div>
</div>
<!-- end of slides --></div>
<script type="text/javascript">
//<![CDATA[
TBL.loadJsCssFile(TBL.cssPath + "tbl-brand-home-2011-10-05.css", "css");
if($.browser.msie){
  var userAgent = $.browser.version;
  userAgent = userAgent.substring(0,userAgent.indexOf('.'));
  var version = userAgent; 
  if(version == 7){
    jQuery('.content h3').css('marginTop','-22px').css('paddingBottom','25px');
  }
}
//]]>
</script>
<script type="text/javascript">
  jQuery(document).ready(function(){
    jQuery(".cyclerLink").click(function(event){
      event.preventDefault();
      var link, cycler, element;
      link = jQuery(this).attr("href");
      cycler = parseInt(jQuery(this).closest(".content").attr("id").replace("content",""))+1;
      element = (jQuery(this).hasClass("browse") ? "Shop Button" : (jQuery(this).hasClass("learn") ? "Call-to-Action Button" : (jQuery(this).parent("h3.lubalin") ? "Headline" : "Other")));
      trackCycler(link,cycler,element);
    });
  });
  function trackCycler(link,cycler,element) {
    _gat._getTrackerByName()._trackEvent("Cycler #"+cycler, element, link);
    setTimeout('document.location = "' + link + '"', 200);
  }
</script>
<script type="text/javascript">
//<![CDATA[
jQuery(document).ready(function(){
    // For bg image scaling
    var theWindow        = jQuery(window);
    var aspectRatio      = 2.0747; // this is set for 1500 x 723 current bg images
    // For bg image slideshow
    var currentSlide = 0;
    var newSlide = 1;
    var actualNumberOfSlides;
    var totalSlides;
    // For clearing the slideshow interval
    var notCleared = true;
    // To ensure that the loadCover div has been faded out 
    var loadCoverGone = false;
    var imageHeight = 723;
    var imageWidth = 1500;
  
    jQuery('#main').append('<div id="bg" style="position:fixed;top:0;">');
  
  var initialSlide;
 
  /* BEGIN SLIDE IMAGES - EDIT THIS SECTION */
    // Preload the first image and then fire rest of page load 
  initialSlide = jQuery('<img />')
  .attr('src', 'http://tbl.imageg.net/graphics/media/tbl/2012-04-16-brand-home-refresh-1.jpg')
  .attr('class', 'bgSlide')
  .attr('style', 'top:0;left:0;display:inline;')
  .load(function(){
    initialPageSetup();
  });
    function initialPageSetup(){
    // SLIDE 1
        jQuery('#bg').append(initialSlide);
    // SLIDES 2 and UP
    jQuery('#bg').append('<img  class="bgSlide" src="http://tbl.imageg.net/graphics/media/tbl/2012-04-16-brand-home-refresh-2.jpg" style="top:0;left:0;"/>');
    jQuery('#bg').append('<img  class="bgSlide" src="http://tbl.imageg.net/graphics/media/tbl/2012-04-16-brand-home-refresh-3.jpg" style="top:0;left:0;"/>');
    jQuery('#bg').append('<img  class="bgSlide" src="http://tbl.imageg.net/graphics/media/tbl/2012-04-16-brand-home-refresh-4.jpg" style="top:0;left:0;"/>');
    jQuery('#bg').append('<img  class="bgSlide" src="http://tbl.imageg.net/graphics/media/tbl/2012-04-16-brand-home-refresh-5.jpg" style="top:0;left:0;"/>');
    jQuery('#bg').append('<img  class="bgSlide" src="http://tbl.imageg.net/graphics/media/tbl/2012-04-22-brand-home-refresh-arborday.jpg" style="top:0;left:0;"/>');

  /* END SLIDE IMAGES */
        
        resizeBg();
        fadeInMainDiv();
  
        //find out how many bg images there are
        actualNumberOfSlides = jQuery('img.bgSlide').length;
        //decrease to account for zero index in the changeSlide function
        totalSlides = --actualNumberOfSlides;
    
        //add circle nav buttons
        for(var c = 0;c <= actualNumberOfSlides; c++){
            jQuery('#toggleArea').append('<p class="circleButton">');
        } 
       
    //set the circle color and logo color for first slide (only necessary for first time thru)
    //for black logo and circle button
        //jQuery('#toggleArea p.circleButton:eq(0)').css('background-position','right 2px'); //black
        //jQuery('#logo').css('background-position','0 -180px'); //black
    
    //for white logo and circle button
    jQuery('#toggleArea p.circleButton:eq(0)').css('background-position','left 2px'); //white
    //jQuery('#logo').css('background-position','0 0'); //white
    
        //start slideshow of bg images -- CHANGE INTERVAL HERE
        var t = setInterval(function(){
            changeSlide(currentSlide,newSlide)
            if(newSlide == totalSlides)newSlide = 0;
            else newSlide++;
        },4500);
        //change bg image when circle nav is clicked
        jQuery('p.circleButton').live('click',function(){
            if(notCleared){
                clearInterval(t);
                notCleared = false;
            }
            var n = jQuery(this).index();
            newSlide = n;
            changeSlide(currentSlide,newSlide);
    
        });
    }
    function changeSlide(currentOne,newOne){
        if(currentOne == newOne)return true;
        else{
            //fade out current bg image and content
            jQuery('#bg img:eq('+ currentOne +')').fadeOut(1000);
            jQuery('#contentWrap div.content:eq('+ currentOne +')').fadeOut(250);
            //fade in new bg image and content
            jQuery('#bg img:eq('+ newOne +')').fadeIn(1000);
            jQuery('#contentWrap div.content:eq('+ newOne +')').fadeIn(1000);
      
            //get the margin of toggle area to equal content
            var margin = jQuery('#contentWrap div.content:eq('+ newOne +')').css('margin-left');
            jQuery('#toggleArea');
            var y = setTimeout(function(){
                jQuery('#toggleArea').css('margin-left',margin);
      
                //set the current slide toggle button
                if(jQuery('#contentWrap div.content:eq('+ newOne +')').hasClass('black')){
                    jQuery('#toggleArea p.circleButton').css('background-position','left bottom');
                    jQuery('#toggleArea p.circleButton:eq('+ newOne +')').css('background-position','right 2px');
                    if(jQuery(this).hasClass('logoWhite'))jQuery('#logo').css('background-position','0 0'); //keep logo white
          else jQuery('#logo').css('background-position','0 -180px'); //change logo to black
                }else{
                    jQuery('#toggleArea p.circleButton').css('background-position','left bottom');
                    jQuery('#toggleArea p.circleButton:eq('+ newOne +')').css('background-position','left 2px');
                    if(jQuery(this).hasClass('logoBlack'))jQuery('#logo').css('background-position','0 -180px'); //change logo to black
          else jQuery('#logo').css('background-position','0 0'); //keep logo white
                }
            },500);
        
            currentSlide = newOne;
        }
    }

  // Resize Background Image
    function resizeBg() {
    var windowWidth = theWindow.width();
    var windowHeight = theWindow.height();
    
    var widthRatio = windowWidth/imageWidth;
    var heightRatio = windowHeight/imageHeight;
    var left = 0;
    
    if(widthRatio > heightRatio){
      //make image width equal windowWidth
      jQuery('#bg img').css('width',windowWidth);
      var tempHeight = imageHeight * widthRatio;
      jQuery('#bg img').css('height',tempHeight);
      jQuery('#bg img').css('left', left);
    }
    else{
      jQuery('#bg img').css('height',windowHeight);
      var tempWidth = imageWidth * heightRatio;
      jQuery('#bg img').css('width',tempWidth);
      var left = (tempWidth - windowWidth)/2;
      jQuery('#bg img').css('left','-'+ left + 'px');
    }
    } 
  
  // Fade out the load cover
    function fadeInMainDiv(){
        jQuery('#loadCover').fadeOut(500); 
    loadCoverGone = true;
    }
    
    // Resize the bg image when window size changes
    theWindow.resize(function(){
        resizeBg();
    }).trigger("resize");
  
  //in case the initial image doesn't load properly - which in turn means initialPageSetup() doesn't fire,
  //we'll check after 5 seconds
  var safetyValve = setTimeout(function(){
    if(!loadCoverGone){
      initialPageSetup();
    }
  },5000);
});
//]]>
</script>
</div><!-- END CMS SLOT -->
    </div>
  
        </div>
     </div>
</div>


<div class="clear"></div>
<div id="globalFooter">
  <div id="footerContent">
    <div class="footerSocial"></div>
    <div class="footerLinks">
      <div class="footerRow" id="footerRow1"></div>
      <div class="footerRow" id="footerRow2"></div>
    </div>
    <div class="footerRight"></div>
  </div>  
</div>


<script type="text/javascript" src="http://tblmkt.imageg.net/js/analytics/omniture-h-20-3.js"></script>





<!--
Start of DoubleClick Floodlight Tag: Please do not remove
Activity name of this tag: 2010 New Site Tags_General Homepage
URL of the webpage where the tag is expected to be placed: http://www.timberland.com
This tag must be placed between the <body> and </body> tags, as close as possible to the opening tag.
Creation Date: 03/30/2010
-->
<span class="hide">
<script type="text/javascript">
var axel = Math.random() + "";
var a = axel * 10000000000000;
document.write('<iframe src="http://fls.doubleclick.net/activityi;src=2227922;type=homep236;cat=2010n307;ord=1;num=247278745?" width="1" height="1" frameborder="0"></iframe>');
</script>
<noscript>
<iframe src="http://fls.doubleclick.net/activityi;src=2227922;type=homep236;cat=2010n307;ord=1;num=1?" width="1" height="1" frameborder="0"></iframe>
</noscript>

<!-- End of DoubleClick Floodlight Tag: Please do not remove -->
</span>


</body>



</html>