/* ----- Unilever Tea Tool screen stylesheet ---------------------------------------------- */
/* ----- Fuse Digital 2010 ---------------------------------------------------------------- */
/* ----- enjoy. --------------------------------------------------------------------------- */

/*
	
	----- Colours -----
	
	Red: #ba1722
	Cream: #f7f3e6
	
	----- Site Dimensions -----
	
	Width: 960px

*/
* {
	margin: 0; /* global reset of margin and padding */
	padding: 0;
	outline: none;
}


/* ----- Tags ----------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
body {
	background: #fff;
	text-align: center; /* centre in IE */
	font: 12px "Trebuchet MS";
	color: #000;
}
ul {
	list-style: none; /* no bullets on lists by default */
	margin: 0 0 10px 0;
	padding: 0px;
}

table {border-collapse:collapse; border-spacing:0;}


a {
	color: #b4b6b8;
	text-decoration:none;
}

a img {
	border: none;
}



/* ----- Universal Styles ----------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
.hide {
	display: none;
}
.clear {
	clear: both;
	
}
.left {
	float: left;
	
}
.left.ext {
    margin-right:5px;
    width:130px;
}
.left.alt {
    margin-left:15px;
}
.right {
	float: right;
}

.noBorderRight {
	border-right:none !important;
}

strong {
	font-weight:bold;
}

.txtLeft {
	text-align:left;
	margin-left:20px;
}

.txtRight {
	text-align:left;
	margin-left:20px;
	margin-top:0px;
}

/* ----- Universal Containers ----------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */

#site {
	width:960px;
	margin:0 auto;
}

#container {
	float:left;
	border:1px solid #d4d6d4;
	width:958px;
}

#container.no-border {
	border:none;
}

/* ----- Header ----------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */

div#header{
	float:left;
	margin-top:7px;
	text-align:left;
	width:960px;
}

h1#logo{
	margin-top:8px;
}

div#header a#masthead1_newRegiterUs {
	float:right;
	text-decoration:none;
	color:#00adef;
	background-color: #fff;
	padding: 4px;
	font-size: 1.2em;
	font-weight: bold;
	
}
div#header a#masthead1_newRegiterUs:hover {
	
	color:#000;
	
	
}

.register-panel { float:right; background-color:#00adef; margin:-10px 0px 0px 0px; _margin:0px 0px 0px 0px; width:160px; height:110px; padding:10px 10px 0 10px;}
.register-panel p { text-align:right; color:#FFF; padding:0px 0px 5px 0px;}


/* ----- Footer ----------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */

#footer {
	border-top:18px solid #3a3e40;
	color:#b4b6b8;
	float:left;
	font-size:0.9em;
	padding:10px 10px 5px 10px;
	margin-top:7px;		
	width:938px;
}
#footer ul {
	margin:0;
	float:right;
	list-style: none ;
}
#footer ul li {
	float:left;
	background:url(../images/nav/img_footer_divide.gif) 100% 3px no-repeat;
	list-style:none !important;
	margin-right:5px;
	padding-right:5px;
}
#footer ul li.last {
	background:none;
}
#footer a:hover {
	color:#000;
	text-decoration:underline;
}
#footer p {
	float:left;
}


/* ----- Typography ----------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */

h1#home {
	background:url(../images/headlines/homepage_phrase.gif) 0 0 no-repeat;
	width:208px;
	height:295px;
	float:left;
	margin:0;
	padding:0;
	text-indent:-10000px;
}
.frame.pg-tips h1.home {
    background:url(../images/headlines/pg_tips_heading.jpg) 0 0 no-repeat;
    width:958px;
    height:146px;
    margin-bottom:15px;
    margin-left:-8px;
    text-indent:-10000px;
}
.frame.pg-tips.range h1.sub {
    color:#00773f;
    background:none;
    font-weight:bold;
    font-size:1.25em; /*1.25*12=15 */
    margin-bottom:10px;
}
.frame.pg-tips h1.gen {
    margin-bottom:20px;
    float:left;
}
.frame.general h1 {
    color:#00773f;
    font-weight:bold;
    font-size:2.17em; /*2.17*12=26 */
    margin-bottom:10px;
}
.frame.scottish-blend h1 {
    color:#ff3300;
    text-transform:uppercase;
    margin-bottom:15px;
    font-size:1.25em; /*1.25*12=15 */
}
.frame.lipton-tea h1 {
    color:#666633;
    text-transform:capitalize;
    margin-bottom:15px;
    font-size:1.25em; /*1.25*12=15 */
}
.frame.rainforest-alliance h1 {
    color:#00773f;
    text-transform:capitalize;
    margin-bottom:90px;
    margin-left:215px;
    font-size:2.17em; /*2.17*12=26 */
}
.frame .intro-note span{
    color:#ff0000;
    font-weight:bold;
}
.frame.scottish-blend h1 span {
    color:#164cb9;
    text-transform:lowercase;
}
h2 {
	color: #00773f;
	font-size: 1.825em; /*1.825*12=22 */
	margin: 0 0 10px 0;
	padding: 0px;
}
h2.alt 
{
    color:#ed5229 !important;
    font-size:1.325em; /*1.325*12=16 */
    margin: 0;
    padding: 0;
    width: auto;
    
}
.rainforest-alliance .col-300.alt h2, .rainforest-alliance .col-270 h2, .col-300.lmargin h2 {
    color:#00773f;
    font-size:1.25em; /*1.25*12=15 */
}
.rainforest-alliance .col-295.divide h2 {
    color:#00773f;
    font-size:1.165em; /*1.165*12 =14 */
}
h3 {
	color:#00773f;
	font-size:1.25em; /*1.825*12=22 */
}

p#logo a:hover {
    color:#fff;
}
#sub-categories h2 {
	color:#339966;
	font-weight:bold;
	padding-top:8px;
	margin-bottom:8px;
	font-size:1.245em; /*1.245*12=30 */
}
.col-600 p {
	line-height:1.5em;
}
.sub-caption-270 p {
    width:240px;
    float:left;
}

.sub-caption-450 p {
    width:420px;
    float:left;
}
.sub-caption-270 p.alt {
    color:#666;
    margin-left:15px;
    font-weight:bold;
    font-size:1.165em; /*1.165*12 =14 */
}
p.forest-alliance {
    position:absolute;
    top:20px;
    right:25px;
}
p.forest-alliance.inner {
    position:absolute;
    top:45px;
    right:170px;
}
span.grey-text {
	color:#999999;
}

p.small-print {
	font-size:0.85em;
}


/* ----- Links ----------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */

.link {
	color:#ff6600;
	font-weight:bold;
}
.link-alt {
	color:#ff6600;
	font-weight:bold;
	font-size:1.165em; /*1.165*12 =14 */
}
.link-alt:hover {
    color:#ff6600;
    text-decoration:underline;
}
.link.pg-green {
    color:#099048;
     font-size:1.165em; /*1.165*12 =14 */
}
.link.pg-green:hover, .link.green:hover {
    text-decoration:underline;
}
.link.green {
    color:#00773f;
     font-size:1.165em; /*1.165*12 =14 */
}




/* ----- Hero Containers ----------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */

#hero {
	width:940px;
	height:296px;
	margin:10px 0 0 0;
	
}
#hero ul {
	position:relative;
	width:940px;
	height:296px;
	text-indent:-100000px;
}
#hero ul li {
	width:940px;
	height:296px;
	display: none;
	position:absolute;
	top:0;
	left:0;
}
#hero a {
    width:940px;
    height:296px;
    display:block;
}
#hero ul li#slideshow-image-1 {
	background:url(../images/heroes/pg.jpg) 0 0 no-repeat;
}
#hero ul li#slideshow-image-2 {
	background:url(../images/heroes/lipton.jpg) 0 0 no-repeat;
}
#hero ul li#slideshow-image-3 {
    background:url(../images/heroes/scottish.jpg) 0 0 no-repeat;
}
#hero ul li#slideshow-image-4 {
	background:url(../images/heroes/rainforest.jpg) 0 0 no-repeat;
}
#hero ul li#slideshow-image-5 {
	background:url(../images/heroes/merchandisers.jpg) 0 0 no-repeat;
}
#hero ul li#slideshow-image-6 {
	background:url(../images/heroes/profit_from_tea.jpg) 0 0 no-repeat;
}
#sub-categories {
	width:906px;
	background:#ececec;
	border:solid 1px #999;
	padding:0 16px 10px 16px;
	margin-bottom:20px;
	float:left;
}
#sub-categories .inner {
	width:908px;
	margin-left:9px;
}
#sub-categories ul li {
	width:162px;
	height:120px;
	border:solid 1px #bdbdbd;
	float:left;
	background:#fff;
	text-align:left;
	margin-right:17px;
}
#sub-categories ul li a {
	color:#666;
	cursor:pointer;
	display:block;
	width:146px;
	height:131px;
	padding:5px 13px 0 13px;
}
#sub-categories ul li a.current, #sub-categories ul li a:hover {
    background:url(../images/divides/orange_divide.gif) 0 100% no-repeat;
}
#sub-categories ul li a span.head {
	color:#339966;
	font-weight:bold;
	padding-top:8px;
	margin-bottom:8px;
	font-size:1.245em; /*1.245*12=30 */
}
#sub-categories ul li.home {
	background:#fff url(../images/sub-category-thumbs/pg.jpg) 0 0 no-repeat;
	padding: 0;
	margin:0;
}
#sub-categories ul li.pg {
	background:#fff url(../images/sub-category-thumbs/pg.jpg) 0 0 no-repeat;

}
#sub-categories ul li.lipton {
	background: #fff url(../images/sub-category-thumbs/lipton.jpg) 0 0 no-repeat;
}
#sub-categories ul li.scottish {
	background: #fff url(../images/sub-category-thumbs/scottish.jpg) 0 0 no-repeat;
}
#sub-categories ul li.rainforest {
	background: #fff url(../images/sub-category-thumbs/rainforest.jpg) 0 0 no-repeat;
}
#sub-categories ul li.merchandise {
	background: #fff url(../images/sub-category-thumbs/merchandise.jpg) 0 0 no-repeat;
}

/* ----- Sub Categories Footer  ----------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */

#sub-categories-footer {
    width:916px;
    clear:left;
    padding:30px 25px 0 17px;
}
#sub-categories-footer.ext {
    margin-top:-40px;
    float:left;
}
#sub-categories-footer.top {
    margin-top:-40px;
    float:left;
}
#sub-categories-footer .inner {
	width:908px;
	margin-left:5px;
}
#sub-categories-footer ul li {
	width:146px;
	height:115px;
	border:solid 1px #bdbdbd;
	float:left;
	background:#ebf3f0;
	text-align:left;
	display:inline;
	padding:10px 13px;
	margin-right:7px;
}
#sub-categories-footer ul li a {
	color:#666;
	cursor:pointer;	
	display:block;
	width:146px;
}
#sub-categories-footer ul li a span.head {
	color:#339966;
	font-weight:bold;
	padding-top:8px;
	margin-bottom:8px;
	font-size:1.25em; /*1.25*12=15 */
}
#sub-categories-footer ul li.pg {
	background:#ebf3f0 url(../images/sub-category-thumbs/pg_footer.jpg) 0 0 no-repeat;
}
#sub-categories-footer ul li.lipton {
	background:#ebf3f0 url(../images/sub-category-thumbs/lipton_footer.jpg) 0 0 no-repeat;
}
#sub-categories-footer ul li.scottish {
	background:#ebf3f0 url(../images/sub-category-thumbs/scottish_footer.jpg) 0 0 no-repeat;
}
#sub-categories-footer ul li.rainforest {
	background:#ebf3f0 url(../images/sub-category-thumbs/rainforest_footer.jpg) 0 0 no-repeat;
}
#sub-categories-footer ul li.merchandise {
	background:#ebf3f0 url(../images/sub-category-thumbs/merchandise_footer.jpg) 0 0 no-repeat;
}
#sub-categories-footer ul li.profit {
	background:#ebf3f0 url(../images/sub-category-thumbs/profit_footer.jpg) 0 0 no-repeat;
}

/* ----- Navigation ----------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
#navigation-n {
	clear: both;
	float: left;
	height: 26px;
	width: 960px;
	margin: 10px 0 5px 0;
}
#navigation-n li {
	float: left;
	height: 26px;
}
#navigation-n a {
	display: block;
	height: 26px;
	background-image: url(../images/nav/global_nav.gif);
	background-repeat: no-repeat;
	text-indent: -1000em;
}
#navigation-n #global_navigation1_nav_home {
	width: 49px;
	background-position: 0 0;
}
#navigation-n #global_navigation1_nav_range {
	width: 56px;
	background-position: -49px 0;
}
#navigation-n #global_navigation1_nav_rainforest {
	width: 132px;
	background-position: -105px 0;
}
#navigation-n #global_navigation1_nav_maximise {
	width: 112px;
	background-position: -237px 0;
}
#navigation-n #global_navigation1_nav_merchandising {
	width: 157px;
	background-position: -349px 0;
}
#navigation-n #global_navigation1_nav_cases {
	width: 105px;
	background-position: -506px 0;
}
#navigation-n #global_navigation1_nav_businessRange {
	width: 170px;
	background-position: -611px 0;
}
#navigation-n #global_navigation1_nav_funFacts {
	width: 89px;
	background-position: -781px 0;
}

#navigation-n #global_navigation1_nav_register {
	width: 90px;
	background-position: -870px 0;
}


#navigation-n #global_navigation1_nav_home:hover, #navigation-n #global_navigation1_nav_home.selected {
	width: 49px;
	background-position: 0 -26px;
}
#navigation-n #global_navigation1_nav_range:hover, #navigation-n #global_navigation1_nav_range.selected {
	width: 56px;
	background-position: -49px -26px;
}
#navigation-n #global_navigation1_nav_rainforest:hover, #navigation-n #global_navigation1_nav_rainforest.selected {
	width: 132px;
	background-position: -105px -26px;
}
#navigation-n #global_navigation1_nav_maximise:hover, #navigation-n #global_navigation1_nav_maximise.selected {
	width: 112px;
	background-position: -237px -26px;
}
#navigation-n #global_navigation1_nav_merchandising:hover, #navigation-n #global_navigation1_nav_merchandising.selected {
	width: 157px;
	background-position: -349px -26px;
}

#navigation-n #global_navigation1_nav_cases:hover, #navigation-n #global_navigation1_nav_cases.selected {
	width: 105px;
	background-position: -506px -26px;
}

#navigation-n #global_navigation1_nav_businessRange:hover, #navigation-n #global_navigation1_nav_businessRange.selected {
	width: 170px;
	background-position: -611px -26px;
}
#navigation-n #global_navigation1_nav_funFacts:hover, #navigation-n #global_navigation1_nav_funFacts.selected {
	width: 89px;
	background-position: -781px -26px;
}

#navigation-n #global_navigation1_nav_register:hover, #navigation-n #global_navigation1_nav_register.selected {
	width: 90px;
	background-position: -870px -26px;
}

/*
ul#navigation {
	float:left;
	height:26px;
	margin:12px 0px 7px 0;
	width:960px;
}

ul#navigation li {
	display:inline;
	float:left;
	position:relative;
}

ul#navigation li a{
	color:#000;
	float:left;
	height:26px;
	overflow:hidden;
	text-indent:-9999px;
}

ul#navigation li a#global_navigation1_nav_home{
	background:url(../images/nav/nav_home_0.gif) no-repeat;
	width:58px;
}

ul#navigation li a#global_navigation1_nav_home:hover, 
ul#navigation li a#global_navigation1_nav_home.selected{
	background:url(../images/nav/nav_home_1.gif) no-repeat;
}

ul#navigation li a#global_navigation1_nav_range{
	background:url(../images/nav/nav_range_0.gif) no-repeat;
	width:63px;
}

ul#navigation li a#global_navigation1_nav_range:hover, 
ul#navigation li a#global_navigation1_nav_range.selected{
	background:url(../images/nav/nav_range_1.gif) no-repeat;
}

ul#navigation li a#global_navigation1_nav_rainforest{
	background:url(../images/nav/nav_rainforestAlliance_0.gif) no-repeat;
	width:146px;
}

ul#navigation li a#global_navigation1_nav_rainforest:hover, 
ul#navigation li a#global_navigation1_nav_rainforest.selected{
	background:url(../images/nav/nav_rainforestAlliance_1.gif) no-repeat;
}

ul#navigation li a#global_navigation1_nav_maximise{
	background:url(../images/nav/nav_maximiseProfit_0.gif) no-repeat;
	width:128px;
}

ul#navigation li a#global_navigation1_nav_maximise:hover, 
ul#navigation li a#global_navigation1_nav_maximise.selected{
	background:url(../images/nav/nav_maximiseProfit_1.gif) no-repeat;
}

ul#navigation li a#global_navigation1_nav_merchandising{
	background:url(../images/nav/nav_merchandise_0.gif) no-repeat;
	width:156px;
}

ul#navigation li a#global_navigation1_nav_merchandising:hover, 
ul#navigation li a#global_navigation1_nav_merchandising.selected{
	background:url(../images/nav/nav_merchandise_1.gif) no-repeat;
}

ul#navigation li a#global_navigation1_nav_businessRange{
	background:url(../images/nav/nav_rangeBusiness_0.gif) no-repeat;
	width:207px;
}

ul#navigation li a#global_navigation1_nav_businessRange:hover, 
ul#navigation li a#global_navigation1_nav_businessRange.selected{
	background:url(../images/nav/nav_rangeBusiness_1.gif) no-repeat;
}

ul#navigation li a#global_navigation1_nav_funFacts {
	background:url(../images/nav/nav_funFacts_0.gif) no-repeat;
	width:100px;
}

ul#navigation li a#global_navigation1_nav_funFacts:hover, 
ul#navigation li a#global_navigation1_nav_funFacts.selected{
	background:url(../images/nav/nav_funFacts_1.gif) no-repeat;
}

ul#navigation li a#global_navigation1_nav_register{
	background:url(../images/nav/nav_register_0.gif) no-repeat;
	width:100px;
}

ul#navigation li a#global_navigation1_nav_register:hover,
ul#navigation li a#global_navigation1_nav_register.selected{
	background:url(../images/nav/nav_register_1.gif) no-repeat;
}
*/

/* ----- Sub-Navigation ----------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */

div#sub-navigation-spacer{
	background:#d4d6d4;
	float:left;
	height:24px;
	margin-bottom:9px;
	width:960px;
}

ul.subNav{
	background:#d4d6d4;
	float:left;
	height:18px;
	margin-bottom:9px;
	padding:6px 0px 0px 0px;
	width:960px;
}

ul.subNav li {
	display:inline;
	float:left;
}

ul.subNav li a{
	float:left;
	display:inline;
	margin:0 30px 0px 8px;
	height:15px;
	overflow:hidden;
	text-indent:-9999px;
}


/* ----- Sub-Navigation Range ----------------------------------------------------------------- */
ul#range{
	background:#00adef;
}

ul#range li a#sub_navigation1_pgTips{
	background:url(../images/nav/subNav_range_tips_0.gif) no-repeat;
	width:47px;
}

ul#range li a#sub_navigation1_pgTips:hover, 
ul#range li a#sub_navigation1_pgTips.selected {
	background:url(../images/nav/subNav_range_tips_1.gif) no-repeat;
}

ul#range li a#sub_navigation1_pg2Go{
	background:url(../images/nav/subNav_range_pg2Go_0.gif) no-repeat;
	width:53px;
}

ul#range li a#sub_navigation1_pg2Go:hover,
ul#range li a#sub_navigation1_pg2Go.selected{
	background:url(../images/nav/subNav_range_pg2Go_1.gif) no-repeat;
}

ul#range li a#sub_navigation1_lipton{
	background:url(../images/nav/subNav_range_lipton_0.gif) no-repeat;
	width:41px;
}

ul#range li a#sub_navigation1_lipton:hover, 
ul#range li a#sub_navigation1_lipton.selected{
	background:url(../images/nav/subNav_range_lipton_1.gif) no-repeat;
}

ul#range li a#sub_navigation1_scottishBlend{
	background:url(../images/nav/subNav_range_blend_0.gif) no-repeat;
	width:96px;
}

ul#range li a#sub_navigation1_scottishBlend:hover,
ul#range li a#sub_navigation1_scottishBlend.selected{
	background:url(../images/nav/subNav_range_blend_1.gif) no-repeat;
}

ul#range li a#sub_navigation1_lyons{
	background:url(../images/nav/subNav_range_lyons_0.gif) no-repeat;
	width:96px;
}

ul#range li a#sub_navigation1_lyons:hover,
ul#range li a#sub_navigation1_lyons.selected{
	background:url(../images/nav/subNav_range_lyons_1.gif) no-repeat;
}

/* ----- Sub-Navigation Rainforest----------------------------------------------------------------- */

ul#rainforest{
	background:#9fb200;
}

ul#rainforest li a#sub_navigation1_achievements {
	background:url(../images/nav/subNav_rainforest_achievements_0.gif) no-repeat;
	width: 131px;
}

ul#rainforest li a#sub_navigation1_achievements:hover,
ul#rainforest li a#sub_navigation1_achievements.selected{
	background:url(../images/nav/subNav_rainforest_achievements_1.gif) no-repeat;
}

ul#rainforest li a#sub_navigation1_partnership{
	background:url(../images/nav/subNav_rainforest_partnership_0_2.gif) no-repeat;
	width: 109px;
}

ul#rainforest li a#sub_navigation1_partnership:hover,
ul#rainforest li a#sub_navigation1_partnership.selected{
	background:url(../images/nav/subNav_rainforest_partnership_1_2.gif) no-repeat;
}

ul#rainforest li a#sub_navigation1_commitment{
	background:url(../images/nav/subNav_rainforest_commitment_0.gif) no-repeat;
	width:121px;
}

ul#rainforest li a#sub_navigation1_commitment:hover,
ul#rainforest li a#sub_navigation1_commitment.selected{
	background:url(../images/nav/subNav_rainforest_commitment_1.gif) no-repeat;
	width:121px;
}


/* ----- Sub-Navigation Maximise Profit----------------------------------------------------------------- */

ul#maximiseProfit {
	background:#0c697e;
}

ul#maximiseProfit li a {
	margin-right:26px;
}

ul#maximiseProfit li a#sub_navigation1_calculator{
	background:url(../images/nav/subNav_maximise_calculator_0.gif) no-repeat;
	width:105px;
}

ul#maximiseProfit li a#sub_navigation1_calculator:hover,
ul#maximiseProfit li a#sub_navigation1_calculator.selected{
	background:url(../images/nav/subNav_maximise_calculator_1.gif) no-repeat;
}

ul#maximiseProfit li a#sub_navigation1_steps{
	background:url(../images/nav/subNav_3steps_calculator_0.gif) no-repeat;
	width:181px;
}

ul#maximiseProfit li a#sub_navigation1_steps:hover,
ul#maximiseProfit li a#sub_navigation1_steps.selected{
	background:url(../images/nav/subNav_3steps_calculator_1.gif) no-repeat;
}

ul#maximiseProfit li a#sub_navigation1_problems{
	background:url(../images/nav/subNav_maximise_problems_0.gif) no-repeat;
	width:205px;
}

ul#maximiseProfit li a#sub_navigation1_problems:hover,
ul#maximiseProfit li a#sub_navigation1_problems.selected{
	background:url(../images/nav/subNav_maximise_problems_1.gif) no-repeat;
}

ul#maximiseProfit li a#sub_navigation1_teaExpertise{
	background:url(../images/nav/subNav_maximise_TeaExpertise_0.gif) no-repeat;
	width:93px;
}

ul#maximiseProfit li a#sub_navigation1_teaExpertise:hover,
ul#maximiseProfit li a#sub_navigation1_teaExpertise.selected{
	background:url(../images/nav/subNav_maximise_TeaExpertise_1.gif) no-repeat;
}

ul#maximiseProfit li a#sub_navigation1_afternoonTea{
	background:url(../images/nav/subNav_maximise_AfternoonTea_0.gif) no-repeat;
	width:97px;
}

ul#maximiseProfit li a#sub_navigation1_afternoonTea:hover,
ul#maximiseProfit li a#sub_navigation1_afternoonTea.selected{
	background:url(../images/nav/subNav_maximise_AfternoonTea_1.gif) no-repeat;
}

ul#maximiseProfit li a#sub_navigation1_teaTrends{
	background:url(../images/nav/subNav_maximise_TeaTrends_0.gif) no-repeat;
	width:71px;
}

ul#maximiseProfit li a#sub_navigation1_teaTrends:hover,
ul#maximiseProfit li a#sub_navigation1_teaTrends.selected{
	background:url(../images/nav/subNav_maximise_TeaTrends_1.gif) no-repeat;
}



/* ----- Sub-Navigation Merchandise and POS----------------------------------------------------------------- */

ul#merchandisePos {
	background:#13b8cf;
}

ul#merchandisePos li a {
	margin-right:26px;
}

ul#merchandisePos li a#sub_navigation1_merchandising{
	background:url(../images/nav/subNav_merchandise_pos_merchandising_0.gif) no-repeat;
	width:113px;
}

ul#merchandisePos li a#sub_navigation1_merchandising:hover,
ul#merchandisePos li a#sub_navigation1_merchandising.selected{
	background:url(../images/nav/subNav_merchandise_pos_merchandising_1.gif) no-repeat;
}

ul#merchandisePos li a#sub_navigation1_brand {
	background:url(../images/nav/subNav_merchandise_pos_brand_visibility_0.gif) no-repeat;
	width:113px;
}

ul#merchandisePos li a#sub_navigation1_brand:hover,
ul#merchandisePos li a#sub_navigation1_brand.selected{
	background:url(../images/nav/subNav_merchandise_pos_brand_visibility_1.gif) no-repeat;
}


ul#merchandisePos li a#sub_navigation1_promotions {
	background:url(../images/nav/subNav_merchandise_pos_promotions_0.gif) no-repeat;
	width:113px;
}

ul#merchandisePos li a#sub_navigation1_promotions:hover,
ul#merchandisePos li a#sub_navigation1_promotions.selected{
	background:url(../images/nav/subNav_merchandise_pos_promotions_1.gif) no-repeat;
}






/* ----- Sub-Navigation Range by business sector----------------------------------------------------------------- */

ul#businessRange {
	background:#00adef;
}

ul#businessRange li a#sub_navigation1_businessSectors{
	background:url(../images/nav/subNav_businessRange_sector_0.gif) no-repeat;
	width:183px;
}

ul#businessRange li a#sub_navigation1_businessSectors:hover,
ul#businessRange li a#sub_navigation1_businessSectors.selected{
	background:url(../images/nav/subNav_businessRange_sector_1.gif) no-repeat;
}

ul#businessRange li a#sub_navigation1_officeSupplies{
	background:url(../images/nav/subNav_businessRange_office_0.gif) no-repeat;
	width:105px;
}

ul#businessRange li a#sub_navigation1_officeSupplies:hover,
ul#businessRange li a#sub_navigation1_officeSupplies.selected{
	background:url(../images/nav/subNav_businessRange_office_1.gif) no-repeat;
}

ul#businessRange li a#sub_navigation1_officeSuppliesSupport{
	background:url(../images/nav/subNav_businessRange_office_supplies_0.gif) no-repeat;
	width:166px;
}

ul#businessRange li a#sub_navigation1_officeSuppliesSupport:hover,
ul#businessRange li a#sub_navigation1_officeSuppliesSupport.selected{
	background:url(../images/nav/subNav_businessRange_office_supplies_1.gif) no-repeat;
}

ul#businessRange li a#sub_navigation1_vending{
	background:url(../images/nav/subNav_businessRange_vending_0.gif) no-repeat;
	width:200px;
}

ul#businessRange li a#sub_navigation1_vending:hover,
ul#businessRange li a#sub_navigation1_vending.selected{
	background:url(../images/nav/subNav_businessRange_vending_1.gif) no-repeat;
}
/* ----- Sub-Navigation Range by business sector----------------------------------------------------------------- */

ul#usefulLinks{
	background:#00a94f
}




ul#usefulLinks li a#sub_navigation1_teaExpertiseSub {
	background:url(../images/nav/subNav_links_teaExpertiseSub_0.gif) no-repeat;
	width:100px;
}

ul#usefulLinks li a#sub_navigation1_teaExpertiseSub:hover,
ul#usefulLinks li a#sub_navigation1_teaExpertiseSub.selected{
	background:url(../images/nav/subNav_links_teaExpertiseSub_1.gif) no-repeat;
}



ul#usefulLinks li a#sub_navigation1_teaTrendsSub {
	background:url(../images/nav/subNav_links_teaTrendsSub_0.gif) no-repeat;
	width:77px;
}

ul#usefulLinks li a#sub_navigation1_teaTrendsSub:hover,
ul#usefulLinks li a#sub_navigation1_teaTrendsSub.selected {
	background:url(../images/nav/subNav_links_teaTrendsSub_1.gif) no-repeat;
}








ul#usefulLinks li a#sub_navigation1_teaAndHealth{
	background:url(../images/nav/subNav_links_teaAndHealth_0.gif) no-repeat;
	width:164px;
}

ul#usefulLinks li a#sub_navigation1_teaAndHealth:hover,
ul#usefulLinks li a#sub_navigation1_teaAndHealth.selected{
	background:url(../images/nav/subNav_links_teaAndHealth_1.gif) no-repeat;
}

ul#usefulLinks li a#sub_navigation1_teaQuiz{
	background:url(../images/nav/subNav_links_bigTeaQuiz_0.gif) no-repeat;
	width:108px;
}

ul#usefulLinks li a#sub_navigation1_teaQuiz:hover,
ul#usefulLinks li a#sub_navigation1_teaQuiz.selected{
	background:url(../images/nav/subNav_links_bigTeaQuiz_1.gif) no-repeat;
}

ul#usefulLinks li a#sub_navigation1_usefulLinksSub{
	background:url(../images/nav/subNav_links_usefulLinks_0.gif) no-repeat;
	width:74px;
}

ul#usefulLinks li a#sub_navigation1_usefulLinksSub:hover,
ul#usefulLinks li a#sub_navigation1_usefulLinksSub.selected{
	background:url(../images/nav/subNav_links_usefulLinks_1.gif) no-repeat;
}
/* ----- Sub-Navigation Range by business sector----------------------------------------------------------------- */

ul#competition{
	background: #181e12;
}



ul#competition li a#sub_navigation1_PgTipsWinAnIpadPromotion {
	background:url(../images/nav/subNav_links_ipad2_0.gif) no-repeat;
	width:122px;
	position:relative;
	right:4px;
}

ul#competition li a#sub_navigation1_PgTipsWinAnIpadPromotion:hover,
ul#competition li a#sub_navigation1_PgTipsWinAnIpadPromotion.selected{
	background:url(../images/nav/subNav_links_ipad2_1.gif) no-repeat;
	position:relative;
	right:4px;
}





ul#competition li a#sub_navigation1_lyonsMoneyTalk {
	background:url(../images/nav/subNav_comp_lyons_0.gif) no-repeat;
	width:117px;
	position:relative;
	right:4px;
}

ul#competition li a#sub_navigation1_lyonsMoneyTalk:hover,
ul#competition li a#sub_navigation1_lyonsMoneyTalk.selected{
	background:url(../images/nav/subNav_comp_lyons_1.gif) no-repeat;
	position:relative;
	right:4px;
}

ul#competition li a#sub_navigation1_brewRight{
	background:url(../images/nav/subNav_comp_brew_0.gif) no-repeat;
	width:202px;
	position:relative;
	right:4px;
}

ul#competition li a#sub_navigation1_brewRight:hover,
ul#competition li a#sub_navigation1_brewRight.selected{
	background:url(../images/nav/subNav_comp_brew_1.gif) no-repeat;
	position:relative;
	right:4px;
}

ul#competition li a#sub_navigation1_teaTasting{
	background:url(../images/nav/subNav_comp_teaTasting_0.gif) no-repeat;
	width:178px;
}

ul#competition li a#sub_navigation1_teaTasting:hover,
ul#competition li a#sub_navigation1_teaTasting.selected{
	background:url(../images/nav/subNav_comp_teaTasting_1.gif) no-repeat;
}

ul#competition li a#sub_navigation1_PgTipsWinAnIpadPromotion{
	background:url(../images/nav/subNav_comp_pgTipsIpad_0.gif) no-repeat;
	width:224px;
}

ul#competition li a#sub_navigation1_PgTipsWinAnIpadPromotion:hover,
ul#competition li a#sub_navigation1_PgTipsWinAnIpadPromotion.selected{
	background:url(../images/nav/subNav_comp_pgTipsIpad_1.gif) no-repeat;
}
/* ----- Sub-Navigation Cases ----------------------------------------------------------------- */
ul#cases{
	background:#087578;
}

ul#cases li a#sub_navigation1_caseStudies {
	background:url(../images/nav/subNav_cases_0.gif) no-repeat;
	width: 89px;
}

ul#cases li a#sub_navigation1_caseStudies:hover, 
ul#cases li a#sub_navigation1_caseStudies.selected {
	background:url(../images/nav/subNav_cases_0.gif) no-repeat;
}

/* ----- Columns ----------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */

div.col311{
	width:311px;
	float:left;
	display: inline;
	
}
div.col311#blue p, div.col311#lime p{
	font-size: 0.9em;
}
#blue{
	
	margin-left:13px;
	background-color:#82c522;
	padding-left:15px;
}
div.col311.right, {
	float:right;
}

div.col325{
	float:left;
	width:325px;
}

div.col336 {
	float:left; 
	width:336px;
}
div.col336 a{
	color:#00ADEF;
}

div.col300{
	float:left;
	width:300px;
}

div.col300.first {
	margin-right:10px;
}

div.col300.right{
	float:right;
}

div.col647{
	width:647px;
	float:right;
	position:relative;
}

/* ----- Rows ----------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */

.row-900 {
    width:900px;
    float:left;
    padding:10px 0 0 0;
    margin-left:21px;
}
.row-900.div {
    border-top:solid 1px #c9c9c9;
}

/* ----- Homepage hero slideshow ----------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */

ul#homeHeroSlideshow {
	float:left; 
	height:280px;
	overflow:hidden;
	position:relative;
	width:311px;
	margin:0 0 12px 0px;
}

ul#homeHeroSlideshow li{
	display:none;
	left:0px;
	position:absolute;
	top:0px;
	margin:0 0 5px 0px;
}

ul#homeHeroThumb{
	float:left;
	width:311px;
}

ul#homeHeroThumb li{
	display:inline;
	float:left;
	margin-right:5px;
}

ul#homeHeroThumb li.last{
	float:right;
	margin-right:0px;
}

/* ----- Merge with screen2.css ----------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */

#olive {
	border-right:none !important;
}

#forest {
	border-left:none !important;
}

#blue {
	margin-left:13px;
}

	
div#profitCalcExample .highlight{
	color:#00adef;
	font-weight:bold;
	font-size:12px;
}
	
div#profitCalcExample {
	background:#0c697e;
	float:left;
	min-height:347px;
	padding:10px 10px 0px;
	text-align:left;
	width:305px;
}

div#profitCalcExample h2{
	color:#00adef;
	font-size:18px;
}
div#profitCalcExample h3{
	color:#00adef;
	font-size:12px;
	margin-top:10px;
}

div#profitCalcExample p{
	color:#fff;
	font-size:12px;
}

div#profitCalcExample table{
	color:#fff;
	font-size:11px;
	margin:10px 0;
	width:300px;
}

div#profitCalcExample table th, div#profitCalcExample table td{
	border-right:1px solid #3b8191;
	border-bottom:1px solid #a7a9ac;
	padding:2px;
	text-align:left;
}

table#teaProfitEg {
	border-top:1px solid #a7a9ac;
}

span#teaProfitExample{
	color:#33ccff; 
	font-size:21px; 
	font-weight:bold
}

div#profitCalc {
	background:#00adef;
	color:#fff;
	min-height:345px;
	text-align:left;
	padding:5px;
	width:301px;
}

div#profitCalc h2 {
	color:#fff; font-size:18px;
}

table#teaAndCoffeeProfit {
	margin:10px 0px;
	width:301px;	
}

table#teaAndCoffeeProfit th, table#teaAndCoffeeProfit td{
	border-right:1px solid #40c2f3;
	border-bottom:1px solid #fff;
	padding:2px;
	text-align:left;
}

table#teaAndCoffeeProfit input.cost{
	width:20px;
	margin: 2px;
	
}

table#teaAndCoffeeProfit input.price{
	width:20px;
	margin: 2px;
	
}

table#showYearlyProfit {
	margin-top:18px;
	margin-bottom: 6px;
	width:301px;
}

table#showYearlyProfit th#servings {
	text-align:left;
}
table#showYearlyProfit th#current {
	width:86px;
	text-align:left;
}
table#showYearlyProfit th#profit {
	width:100px;
	text-align:left;
}

table#showYearlyProfit td{
	font-size:16px;
	border-bottom:1px solid #fff;
	padding: 5px 0px;
}

table#showYearlyProfit td.last{
	border-bottom:none;
}

table#showYearlyProfit td.profitTotal{
	text-align:left;
}


div#caseStudy {
	text-align:left;
}

div#caseStudy h2 {
	color:#00adef;
	margin-top:10px;
	float:left;
	width:100%;
}

div#caseStudy p{
	margin-top:5px;
}

div#caseStudy span {
	color:#00adef;
	margin:0px 5px 0px 0px;
}

img#teaCup{
	float:left;
	margin:120px 0 0 15px;
}

div#threeSteps {
	background:url(../images/maximise-profit/3steps_bg.gif) no-repeat;
	padding:20px;
	width:928px;
}
div#threeSteps h2 {
	color:#00adef;
}
div#threeSteps div.col300.alt {
	margin-top: 237px;
}
div#profitCalculator {
	background:url(../images/maximise-profit/bg_profitCalc.jpg) no-repeat bottom left;
	padding-bottom:105px;
}

div#threeSteps div.col300.video-alt { background-color:red }
div#threeSteps div.three-steps-left { float:left; width:404px; padding:20px 60px 0px 0px; }
div#threeSteps div.three-steps-right { float:left; width:464px;  }
div#threeSteps div.three-steps-right p { padding-top:5px;}

div#threeSteps div.three-steps-video { float:left; text-align:left; width:618px;}
.three-steps-heading { font-size:16px;}



/* ----- Facts & Figures ----- */
/* ------------------------------------------------------------ */
#f-f {
	width:291px;
	padding: 14px 10px;
}
#f-f h2 {
	color: #16c0f2;
}
#f-f h3 {
	margin-bottom: 12px;
	color: #3a3e40;
}
#f-f ul {
	margin: 0 0 12px 18px;
	list-style: disc outside;
	color: #3a3e40;
}
#f-f ul li {
	line-height: 18px;
}
#f-f ul.box {
	margin-left: 0;
	padding: 10px;
	background: #eee;
	list-style: disc inside;
}
#f-f ul.box ul {
	margin: 0 0 0 18px;
	padding: 0;
	background: #eee;
	list-style: circle inside;
}

/*-----------------lipton-table------------------*/
.lipton-table {

	text-align: center;
	margin:0;
	padding:0;

}
.lipton-table td{

	width:150px;

}
.lipton-table a{

	color:#00ADEF;

}

/*----------------- rainforest alliance ------------------*/

.clear-break { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;}

.right-colum { margin:0 0 10px 0;}
.img-padding { padding:0 0 10px 0;}

.right-colum.video { background-color:#000}
.right-colum.video p { font-size:15px; color:#bed62f; padding:0 0 8px 10px;}

.col958 .download a  { font-size:18px; font-weight:bold; color:#bed62f; text-decoration:none; margin:0px; padding:10px 0px 0px 0px;} 
.col958 .download a:hover  {  color:#fff; text-decoration:none;} 

.col958 .download a.commitment {color:#fff;} 
.col958 .download a.commitment:hover { color:#bed62f;} 


.download  { float:left;}
.download .left  { float:left; width:105px; background-color:#fff; }
.download .right  { float:left; width:195px; height:105px; background-color:#547100; padding:5px 0px 0px 10px;  }


/*----------------- logo fader maximise profit ------------------*/		   



.logo-rotator{
	display:block;
	width: 300px;
	border: solid 3px #0C697E;
}
body .logo-rotator ul{
	list-style: none;
	display: block;
	background: #CCC;
	width: 105px;
	height: 94px;
	float: left;
	padding: 0;
	margin: 0;
	position: relative;
}
body .logo-rotator ul li{
	display: block;
	width: 105px;
	height: 94px;
	padding: 0;
	position: absolute;
	z-index: 1;
	display:none;
	list-style: none;
}
body .logo-rotator ul li.current{
	display: block
}
body .logo-rotator  p a {
	list-style: none;
	display: block;
	color: #0C697E;
	width: 170px;
	height: 60px;
	float: right;
	font-size: 1.5em;
	padding: 10px 10px;
	line-height: 1.1em;
	text-decoration: none;
}