/* ----- Unilever screen stylesheet ----- */


/* ----- Sub Containers ----------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
#olive, #forest, #lime{
	
	margin-top: 10px;
	background-color: blue;
	border:1px solid #d4d6d4;

}


#blue{
	width:297px;
	margin-top: 2px;
	background-color: blue;
	border:1px solid #d4d6d4;
	

}

#olive h3, #blue h3, #forest h3, #lime h3{

	color: white;
	text-align: left;
	padding-top: 10px;
	
	
	
}
#olive img, #lime img, #forest img{

	padding-right: 15px;
	float: left;
	

}
#blue img{

	
	float: right;

}
#olive p, #blue p, #forest p, #lime p{

	text-align: left;
	margin: 0 5px 0 0;
	padding-bottom:0;

}
#olive p{

	color: #557334;
	
}
#olive{

	background-color: #9fb200;

}
#forest p{

	color: #9fb200;
	
}
#forest{

	background-color: #547100;

}
#blue p, #lime p{
	color: #fff;
}
#blue{
	background-color: #00adef;
	padding-right: -10px;
}
#lime{
	background-color: #82c522;
	padding-right: -10px;
	margin-left:14px;
}

div#teaTrends p {
	color:#fff;
}

div#teaTrends img{
	margin-bottom:6px;
}

div.chartCont {
	position:relative;
}

div.chartCont h2 {
	left:20px;
	position:absolute; 
	top:10px; 
}

div.chartCont p {
	left:20px;
	position:absolute; 
	top:42px; 
	width:478px;	
}

div.chartCont p#second {
	position:absolute;
	top:85px;
}

div.chartCont p#last {
	position:absolute;
	top:127px;
}


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

.link {
	color:#ff6600;
	font-weight:bold;
	text-decoration:underline;
	line-height: 20px;
}
/*
.link.olive:hover {
    text-decoration:none;
}
*/
.link.olive {
    color:#fff;
    background: url(../images/links/whiteArrow.gif) 0 3px no-repeat;
 	padding-left: 20px;
 	
}
.link.forest {
    color:#fff;
    background: url(../images/links/oliveArrow.gif) 0 3px no-repeat;
 	padding-left: 20px;
 	
}
.link.blue {
    color:#fff;
    background: url(../images/links/whiteArrow.gif) 0 3px no-repeat;
 	padding-left: 20px;
 	
}

.link.order {
    color:#16c0f2;
    background: url(../images/links/blueArrow.gif) 0 5px no-repeat;
 	padding-left:13px;
 	
}

.link.profit-calculator {
    color:#fff;
    background: url(../images/links/whiteArrow.gif) 0 3px no-repeat;
 	padding-left:20px; 
}

.link.white-arrow {
    color:#fff;
    background: url(../images/links/whiteArrow.gif) 0 3px no-repeat;
 	padding-left:20px; 
	margin-top:5px; 
}




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

div.col311{
	width:311px;
	float:left;
	position: relative;
}

div.col311.alt{
	margin-left:12px;
}


div.col311.right{
	float:right;
}

div.col336 {
	float:left; 
	width:336px;
	padding: 10px 20px 20px 20px;
	
}
div.col958{
	clear: both;
	width: 958px;
	margin: 0;
	float: left;
	position:relative;
}

div.col958.alt{
	margin-top:10px;
	background: 0f0;
}

/* ----- Home Page ----------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */

.discover, .rfalliance, .teal, .green{
 	width: 286px !important; 
  margin: 0px;
  text-align: left;
}
.discover p, .rfalliance p, .teal p, .green p{
 	padding-bottom: 10px;
 
    
  
}

.discover{
	background:#e1fd00; 
	height: 310px; 
}
.rfalliance{
	background:#9fb200;
	min-height: 576px;  
}

.teal{

	background:#0c697e;
	min-height: 535px;


}

.teal img{

	background:#fff;
	padding: 0;
	margin: 0;
	text-align: left;
	float: left;


}
.teal#alt{

	min-height:inherit;
}

.teal img#sconePic {
	position:absolute;
	top:217px;
	left:313px;
}

.white{
	width: 300px !important;
	text-align: left;
	min-height: 535px;
	padding: 10px 10px 10px 0;


}
.green{

	background:#00a94f;
	min-height: 535px;
}
.green a{

	color:#96e11a;
	min-height: 535px;
	text-decoration: underline;
}
.green p{

	color: white;


}
.rfalliance a{
	color:#defa00; 
	text-decoration: underline;
}
.rfalliance a:hover, .teal a:hover, .green a:hover{
	color:#000; 
}


.discover h2, .rfalliance h2, .teal h2, .white h2, .green h2{
	font-size: 2em; /*2*12=24 */
       
    
}


.discover h2, rfalliance h2, .teal h2, .white h2, .green h2{
	font-size: 2em; /*2*12=24 */     
    
}

.rfalliance.rfalliance-achievment h2 {
	font-size: 1.75em;   
    
}

.rfalliance.rfalliance-achievment p {
	font-size: 1em; line-height:145%;   
    
}

.rfalliance.rfalliance-achievment { height:613px}
.rfalliance.rfalliance-partnership { min-height:675px; _height:675px}



.discover h2, .rfalliance h2{
    color: #00adef;
}
.rfalliance h2{
    color: #506d00;
}
.green h2{
	color: #fcff00;
}
.rfalliance p, .teal p{
    color: #fff;
}
.teal h2, .white h2, #teaTrends h2{
    color: #16c0f2;
}
.teal ul{
	padding: 10px 0 10px 13px;
}
.teal li{

	list-style-type: disc;
	list-style-position: outside;
	padding: 0 0 10px 5px;
	color: #16c0f2;
}
.teal a{
    color:#16c0f2;
 	
}
.white ol{
	margin-left: 24px;
	padding: 10px 0;

}
.white li{
	color: #16c0f2;
	font-weight: bold;
	list-style-position: outside;
	padding: 0 0 10px 5px;
	
}
.white li span{

	font-weight: normal;
	color: #000;
}


.white ul{

	padding: 10px 0 10px 18px;

}
.white ul li{
	list-style-type: disc;
	list-style-position: outside;
	padding: 0 0 0px 5px;
	color: #16c0f2;
	
}
.white ul li span{

	font-weight: normal;
	color: #000;
}

.green ul#alt li a{

	color: white;
}
.green ul#alt li a:hover{

	color: black;
}
.green ul#alt li{

	color: white;
}
.green ul li{

	color: white;
}
.green ul#disk{
	padding: 10px 0 10px 13px;
}
.green ul#disk li{

	list-style-type: disc;
	list-style-position: outside;
	padding: 0 0 10px 0;
	color: #fcff00;

}


/* ----- Flash ----------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */

#video-player{
	
	padding-bottom: 10px;

}
/* ----- Miscellanious ----------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
.quote-source{
	line-height: 2em;
	font-style: italic;
	font-size: 0.9em;
}
.extended-line-height{

	line-height: 3em;

}
.disclaimer{
	font-style: italic;
	font-size: 0.7em;

}


/* ----- Merchandise ----------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */

div#merchandise {
	background:#12b8cf;
	color:#fff;
	
	padding:12px 10px;
	width:291px;
}

div#merchandise h2{
	color:#e1fd00;
}

div#howToOrder {
	background:#e1fd00;
	color:#16c0f2;
	font-size:14px;
	padding:10px 10px;
	width:291px;
}