/*
Robert Harris
Main stylesheet

Chris Evans

29 April 2008
*/

body 
{
    font: 80%/1.5em "Trebuchet MS", Arial, Helvetica, sans serif;    
    background: #351e0a;
    color: #fff;
    margin:0;
    padding:0 0 3em 0;
}


a { color:#fff; }
a:hover {}
a:visited {}

h1,h2,h3,h4,h5,h6 { margin: 0 0 0 0; padding: 0; }

h1
{
    font-size: 130%;
}

h2
{
    font-size: 100%;
}

p { margin: 0 0 .5em 0; padding:0; }

ul.navigation 
{
    list-style: none;
    padding:0;
    margin:0;
}

img { border: none; }

div.inner { width: 960px; margin: 0 auto; }

div#page 
{   
  
}

div#header {
	background: #fff;
	margin-top: 20px;
	
	
}
* html div#header div.inner { height: 80px; }

div#header div.inner { position: relative; min-height: 80px;}

div#header img.mainlogo {
   margin: 20px 0 0 65px;
}



div#mainmenu {width: 620px; position: absolute; right:0; bottom:0;}
div#mainmenu ul.navigation {display: inline; float: right;}
div#mainmenu ul.navigation li { display: block; float: left; margin:0; padding:0;}
div#mainmenu ul.navigation li a { display: block; float: left; width: 123px; height: 40px; text-indent: -9999px; overflow: hidden;}

div#mainmenu ul.navigation li.home a { background: transparent url(../images/nav/home.gif) no-repeat left top;}
div#mainmenu ul.navigation li.flavours a { background: transparent url(../images/nav/flavours.gif) no-repeat left top;}
div#mainmenu ul.navigation li.selections a { background: transparent url(../images/nav/selections.gif) no-repeat left top;}
div#mainmenu ul.navigation li.occasions a { background: transparent url(../images/nav/occasions.gif) no-repeat left top;}
div#mainmenu ul.navigation li.whats-new a { background: transparent url(../images/nav/whats-new.gif) no-repeat left top;}

div#mainmenu ul.navigation li.home a:hover { background-position: left -40px; }
div#mainmenu ul.navigation li.flavours a:hover { background-position: left -40px; }
div#mainmenu ul.navigation li.selections a:hover { background-position: left -40px;}
div#mainmenu ul.navigation li.occasions a:hover { background-position: left -40px;}
div#mainmenu ul.navigation li.whats-new a:hover { background-position: left -40px;}

div#mainmenu ul.navigation li.home a.selected,
div#mainmenu ul.navigation li.home a.selected:hover { background-position: left -80px;}
div#mainmenu ul.navigation li.flavours a.selected,
div#mainmenu ul.navigation li.flavours a.selected:hover { background-position: left -80px;}
div#mainmenu ul.navigation li.selections a.selected,
div#mainmenu ul.navigation li.selections a.selected:hover { background-position: left -80px;}
div#mainmenu ul.navigation li.occasions a.selected,
div#mainmenu ul.navigation li.occasions a.selected:hover { background-position: left -80px;}
div#mainmenu ul.navigation li.whats-new a.selected,
div#mainmenu ul.navigation li.whats-new a.selected:hover { background-position: left -80px;}



div#content 
{   

}
div#content div.inner { min-height:24em; }
* html div#content div.inner { height: 24em; }


div#content p {  }

div.introduction h1 { margin: 0 0 20px 0; }
div.introduction div.hero { float: left; width: 315px; }
div.introduction div.copy { float: right; width: 585px; }

p.back-to-top a {position:absolute; right:30px; bottom:40px; display: block; width:58px; height:18px; text-indent: -9999px; background: transparent url(../images/buttons/top.png) no-repeat left top;}

* html p.back-to-top a { height:1%;}

div.products { padding-top: 0; padding-bottom: 10px;}

div.products div.product { margin-right: 1px; font-size: 90%; width:224px; float: left; color:#1b0f05; text-align: center;}
div.products div.product h2 { font-weight: bold; text-transform: uppercase; font-size: 100%; margin:0; padding:0; line-height: 1.33em;}
div.products div.product h3 { font-weight: bold; font-size: 100%;  line-height: 1.33em; margin-bottom: 1em;}
div.products div.product p { line-height: 1.33em; margin-right: 1.33em; margin-left: 1.33em;}
div.products div.product p.disclaimer { font-size: 90%; margin:0; }

div#content div.homepage-features {}
div#content div.homepage-features div.column { float: left; width:290px; padding: 30px 0 0 30px;}
div#content div.homepage-features div.final { position: relative; float: right; width:640px; padding:0;}

div#content div.homepage-features div.final p.intro { width: 575px; position: absolute; top:22px; left:27px; line-height: 1.8em; font-size: 14px; color:#e4d2bc; }
div#content div.homepage-features div.final img.inspiration-hero { float: right; margin-right: 50px; }


div#content div.homepage-features ul.tiles { margin:0; padding:0 0 8px 0; list-style:none; }
div#content div.homepage-features ul.tiles li { display: block; margin: 0 0 20px 0;}
div#content div.homepage-features ul.tiles li a { display: block; width:287px; height:110px; text-indent: -9999px; overflow:hidden; }

* html div#content div.homepage-features ul.tiles li a { position:relative;}

div#content div.homepage-features ul.tiles li.selections-tile a { background: transparent url(../images/features/selections.gif) no-repeat left bottom;}
div#content div.homepage-features ul.tiles li.occasions-tile a { background: transparent url(../images/features/occasions.gif) no-repeat left bottom;}
div#content div.homepage-features ul.tiles li.flavours-tile a { background: transparent url(../images/features/flavours.gif) no-repeat left bottom;}

div#content div.homepage-features ul.tiles li.selections-tile a:hover { background-position: left top; }
div#content div.homepage-features ul.tiles li.occasions-tile a:hover { background-position: left top; }
div#content div.homepage-features ul.tiles li.flavours-tile a:hover { background-position: left top; }


div.homepage-links { clear: both; position:absolute; top:360px; left:0; overflow:hidden; }

div.homepage-promo {margin-left: 27px; height: 360px; width: 613px; background-repeat: no-repeat; position:relative;}
div.homepage-promo div.homepage-text { left: 37px; width: 250px; height: 250px; position: relative; top: 65px;}
div.homepage-promo div.homepage-text h1 { margin-bottom: 10px; }

div#content div.homepage-links ul.link-buttons { margin:0; padding:0 0 0 5px; list-style:none; }
div#content div.homepage-links ul.link-buttons li { display: inline; float: left; margin: 0 0 15px 0;}
div#content div.homepage-links ul.link-buttons li a { display: inline; float: left; margin-left: 20px; height:40px; text-indent: -9999px; overflow:hidden; }

div#content div.homepage-links ul.link-buttons li.franchise a { width:232px; background: transparent url(../images/buttons/franchisee.gif) no-repeat left bottom;}
div#content div.homepage-links ul.link-buttons li.cafe-locater a { width:331px; background: transparent url(../images/buttons/cafelocator.gif) no-repeat left bottom;}

div#content div.homepage-links ul.link-buttons li.franchise a:hover { background-position: left top;}
div#content div.homepage-links ul.link-buttons li.cafe-locater a:hover { background-position: left top;}


div#footer p { font-size: 90%; letter-spacing: .1em; color:#b6a895; margin: .66em auto; text-align: center; }
div#footer p a { color:#ebe9e7; font-weight: bold; text-decoration: none; }
div#footer p a:hover { text-decoration: underline; } 

div#footer div.inner { border-top: 1px solid #5d4b3b; border-bottom: 1px solid #5d4b3b; }


div.internal-footer { min-height: 300px; padding:30px; position:relative; }
* html div.internal-footer { height: 300px; }


.fc:after,
div#header:after,
div#content:after,
div#footer:after,
div#mainmenu ul.navigation:after,
div#content div.homepage-features:after,
div.introduction:after,
div.products:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.fc,
div#header,
div#content,
div#footer,
div#mainmenu ul.navigation,
div#content div.homepage-features,
div.introduction,
div.products 
{
    display: inline-block;    
    height: 1%;    
    display: block; 
}
div#content div.homepage-features {

}
div#content div.homepage-features a#homepage-feature-link {
	display:block;
	width:74px;
	height:24px;
	background: url(/images/buttons/click_here.gif) 0 0 no-repeat;
	overflow:hidden;
	text-indent:-9999px;
	top:240px;
	left:302px;
	position:absolute;
}
div#content div.homepage-features a#homepage-feature-link:hover {
	background-position: 0 -24px;
}

#wellington-promo {
	overflow:hidden;
	margin-left:30px;
	display:block;
	width:597px;
	height:360px;
	background:url(/images/wellingtonNapkin.png) top left no-repeat;
}

/*-- CSS for on-pack promotion--*/
div.homepage-promo2 {margin: 5px 0 0 0px; height: 375px; width: 651px; background-repeat: no-repeat; position:relative; background-image:url(../images/brand_page_tile.png);}
div.homepagelink1 {position:relative; top:0px; left:0px; width:120px; height:130px; display:block; z-index:99; }
div.homepagelink2 {position:relative; top:70px; left:320px; width:248px; height:142px;}
div.inner {width:971px;}