/* ----- 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:106px;
}

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

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

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

/* ----- 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:#fff;
	background-color: #00adef;
	padding: 2px;
	font-size: 1.2em;
	font-weight: bold;
	
}
div#header a#masthead1_newRegiterUs:hover {
	
	color:#000;
	
	
}


/* ----- 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 ----------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */

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;
}

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

ul#rainforest{
	background:#9fb200;
}

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

ul#rainforest li a#sub_navigation1_partnership:hover,
ul#rainforest li a#sub_navigation1_partnership.selected{
	background:url(../images/nav/subNav_rainforest_partnership_1.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 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;
}
/* ----- Sub-Navigation Range by business sector----------------------------------------------------------------- */

ul#usefulLinks{
	background:#00a94f
}

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;
}

/* ----- 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.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:232px;
	margin-top:24px;
	overflow:hidden;
	position:relative;
	width:311px;
}

ul#homeHeroSlideshow li{
	display:none;
	left:0px;
	position:absolute;
	top: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;
}

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:67px;
}