@charset "utf-8";
/* screen 3 */

.col958 {
	text-align: left;
}

.col958 p{
	margin-bottom: 10px;
}

.col958 a{
	text-decoration:underline;
}
/* ----- Range Page Setup ----------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */


#range .col336{
	padding: 0px;
}

#range .col647{
	width:647px;
	float:right;
}

#range h2{
	color:#00adef;
	margin-top:20px;
}


/* ----- Toggle Setup ----------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */

.col336 dl{
	float: left;
	width: 336px;
	margin-bottom: 25px;
}
.col647 dl{
	float: right;
	width: 637px;
	margin-bottom: 25px;
}

.col311 dl{
	float: left;
	width: 311px;
	margin-bottom: 25px;
}

 .col336 dl dt, .col647 dl dt, .col311 dl dt{
	clear: both;
	float: left;
	width: 306px;
	margin-bottom: 5px;
	padding: 3px 10px 4px 10px;
	background: #00adef url(../images/ranges/arrow_dt.gif) 305px 9px no-repeat;
	color: #ffffff;
	font-size: 1.1em; 
	font-weight: bold;
	display: inline;
}

.col311 dl dt{
	width:291px;
}

.col311.blend dl dt{
	background: #2365b0 url(../images/ranges/arrow_dt.gif) 291px 9px no-repeat;
}

.col311.pgTips dl dt{
	background: #aeb70d url(../images/ranges/arrow_dt.gif) 291px 9px no-repeat;
}

.col311.right dl dt{
	background: #59c4d7 url(../images/ranges/arrow_dt.gif) 291px 9px no-repeat;
}

.m350{
	background-color: blue;
	clear: both;
}

.col647 dl dt{
	background-position: 605px 9px;
	width: 617px;
}
.col336 dl dt.hover, .col647 dl dt.hover  {
	background-color: #939393;
	background-position: 305px -191px;
	color: #ffffff;
}

.col311 dl dt.hover  {
	background-color: #939393;
	background-position: 291px -191px;
	color: #ffffff;
}

.col647 dl dt.hover  {
	background-position: 605px -191px;
}
 .col336 dl dt.open, .col647 dl dt.open{
	background-color: #939393;
	background-position: 305px -391px;
	color: #fff;
}

.col311 dl dt.open{
	background-position: 291px -391px;
	color: #fff;

}

 .col647 dl dt.open{
	background-position: 605px -391px; 
 }

 .col336 dl dd,  .col647 dl dd {
	display: none;
	clear: both;
	float: left;
	width: 306px;
	margin: -5px 0px 5px 0px;
	padding: 5px 10px 5px 10px;
	background-color: #e9eae9;
	overflow: hidden;
}
 .col647 dl dd {
	width: 616px;
	background-color:#FFFFFF;
	border:solid 1px #CCCCCC;
	border-top: none;
}

 .col311 dl dd {
	display: none;
	clear: both;
	float: left;
	width: 289px;
	margin: 0 0px 12px 0px;
	padding: 5px 10px 5px 10px;
	background-color:#FFFFFF;
	border:solid 1px #CCCCCC;
	border-top: none;
}


 .col311.blend dl dd {
	width: 290px;
 	border-left:none;
}

.col311.right dl dd {
 	border-right:none;
	width:290px;
}

.col311 dl dd img{
	margin-right:7px;
}

.col311 h3 {
	color:#12b8cf;
}

.col336 dl dd.h70,  .col647 dl dd.h70 {
	height:70px;
}
.col336 dl dd.h120{
	height:120px;
}
 .col336 dl dd.open, .col647 dl dd.open, .col311 dl dd.open {
	display: block;
}

.col336 .toggle-title{
	color:#00adef;
	font-size: 1.05em; 
	font-weight:bold;
	
}

.col336 dl dd table {
	margin-bottom: 6px;
}
.col336 dl dd table td.val {
	width: 80px;
}

/* ----- Si Toggle Re-Hash ----- */
/* ------------------------------------------------------------ */
#col311-blend, #col311-pgTips, #col311-right {
	width: 311px;
	float: left;
}
#col311-pgTips, #col311-right {
	margin-left: 12px;
	display: inline;
}
#col311-pgTips {
	width: 312px;
	
}
#col311-report {
	position: relative;
	top: 5px;
	
}
dl.toggle2 {
	float: left;
	width: 311px;
	margin-top: -5px;
}
dl.toggle2 dt {
	clear: both;
	width: 291px;
	margin-top: 5px;
	padding: 3px 10px 4px 10px;
	background: #00adef url(../images/ranges/arrow_dt.gif) 298px 8px no-repeat;
	color: #fff;
	font-size: 1.1em; 
	font-weight: bold;
}
#col311-blend dl.toggle2 dt {
	background-color: #2365b0;
}
#col311-report dl.toggle2 dt {
	background-color: #b2136d;
}
#col311-report h3{
	color:#b2136d;
}
#col311-report dl.toggle2 a{
	color:#469500;
}

#col311-pgTips dl.toggle2 dt {
	background-color: #aeb70d;
}
#col311-right dl.toggle2 dt {
	background-color: #59c4d7;
}
#col311-blend dl.toggle2 dt.hover, #col311-pgTips dl.toggle2 dt.hover, #col311-right dl.toggle2 dt.hover  {
	background-color: #939393;
	cursor: pointer;
}
#col311-blend dl.toggle2 dt.open, #col311-pgTips dl.toggle2 dt.open, #col311-right dl.toggle2 dt.open  {
	background-position: 296px -392px;
}
dl.toggle2 dd {
	display: none;
	clear: both;
	float: left;
	width: 289px;
	padding: 0 10px 10px 10px;
	background: #fff;
	border: 1px solid #ccc;
	border-top: none;
}
dl.toggle2 dd.open {
	display: block;
}
dl.toggle2 dd img {
	margin: 10px 10px 0 0;
}
dl.toggle2 dd h3 {
	margin-top: 10px;
}

.col647-alt {
	float: right;
	width: 637px;
}
.col647-alt dl.toggle {
	float: right;
	width: 637px;
	margin-top: -5px;
}
.col647-alt dl.toggle dt {
	clear: both;
	width: 617px;
	margin-top: 5px;
	padding: 3px 10px 4px 10px;
	background: #00adef url(../images/ranges/arrow_dt.gif) 620px 9px no-repeat;
	color: #fff;
	font-size: 1.1em; 
	font-weight: bold;
}
#container .col647-alt dl.toggle dt.hover {
	background-color: #939393;
	background-position: 620px -392px;
	cursor: pointer;
}
#container .col647-alt dl.toggle dt.open {
	background-position: 620px -392px;
}
.col647-alt dl.toggle dd {
	display: none;
	clear: both;
	float: left;
	width: 616px;
	padding: 0 10px 10px 10px;
	background: #fff;
	border: 1px solid #ccc;
	border-right: none;
	border-top: none;
}
.col647-alt dl.toggle dd.open {
	display: block;
}
.col647-alt dl.toggle dd img {
	margin: 10px 10px 0 0;
}
.col647-alt dl.toggle dd p {
	margin-top: 10px;
}

/* ----- PG Tips Setup ----------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
#range.coulds-background{
	background:url(../images/ranges/clouds_bk.jpg) top right no-repeat;
}
.pgtips-range-image{
	margin:72px 0px 0px 0px;
}
.pgtips-p-image{
	margin:25px 0px 0px 0px;
}

/* column adjustments */
#range .col311.range-text-col{
	/*padding:10px 20px 20px 20px;*/
	padding:10px 10px 0 20px;
	width: 271px;
}
#range .range-text-col img {
	position: relative;
	margin-right: -29px;
}
.range-toggle-col{
	margin:225px 0px 0px 0px;
}

.range-text-col .lyons
{
	margin: 15px 0;
}

/*.lyons.range-toggle-col{
	margin:175px 0px 0px 0px;
}*/

.lyons-range-image
{
	margin: 50px 0;
}

/* ----- PG 2 GO Setup ----------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */


.pg2go-diagram{
	background:url(../images/ranges/pg2go-diagram.jpg) right top no-repeat;
	height:585px;
	width:647px;
	margin: 0px 0px 30px 0px;
}



/* ----- Liptonp ----------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
.lipton-background{
	background:url(../images/ranges/lipton-bk.jpg) top no-repeat;
}
#range .col311.range-text-col.m200{
	padding:200px 20px 20px 20px;
	width: 271px;
}

#range .col647.m335{
	margin-top:335px;
}


/* ----- Merchandisers ----------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */

#merchandisers{
	margin:0px 0px 0px 0px;
	
}
#merchandisers.m25{
	margin:25px 0px 0px 0px;
	
}
#merchandisers .merch-image{
	float:left;
}

#merchandisers .merch-box{
	float:left;
	width: 184px;
	height: 86px;
	padding:10px;
	color:#FFFFFF;
	font-size: 1.6em;
	background:#00adef;
	line-height:1.1em;
}

#merchandisers .merch-box a{
	font-size: 0.7em;
	color:#FFFFFF;
	text-decoration:underline;
	font-weight:bold;
	padding-left:15px;
	margin-top: 6px;
	background:url(../images/ranges/merch-arrow.jpg) left  no-repeat;
}







/* ----- Quiz Page Setup ----------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */


#quiz .col311{
	text-align:right;
}

#quiz .col647{
	width:612px;
	float:right;
	background:#00a94f;
	padding:22px 10px 22px 25px;
	min-height:427px;
	display: inline;

	
}

#quiz h2{
	color:#e1fd00;
}
#quiz ol .col280{
	width:280px;
}
#quiz ol li{
	color:#ffffff;
	margin:0px 30px 10px 20px;
	padding:0px 20px 0px 0px;
	width:235px;
	float:left;
	overflow:visible;
	display: inline;
	
}

#quiz ol .incorrect{	
	background:url(../images/useful-links/incorrect.gif) top right  no-repeat;
}


#quiz ol li ol li{
	margin:0px 0px 0px 20px;
	list-style:none;
	color:#e1fd00;
	width:180px;
	background:none;
	padding: 0;
	
	
}

#quiz ol li ol.quizol li .radio{
	
	float:right;
	margin: 0;
	padding:0;
	
	
	
}

quizol

#quiz ol li ol li .radio{
	float:right;
	padding: 0;
	margin: 0;
	display: inline;
	background-color: black;
}
#quiz .submit{
	border:solid 1px #000000;
	background:#e1fd00;
	font-weight:bold;
	font-size:1em;
	padding:3px 30px 3px 30px;
	margin:20px 0px 0px 250px;
	cursor:pointer;
}



/* Register Quiz Page Setup ----------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */

#register .col336{
	width:296px;
	background:#547100;
	margin:0px 0px 10px 0px;
	padding:15px 15px 20px 15px;
	height:108px;
	color:#FFFFFF;
	line-height:1.3em;
}
#register .col336 h2{
	color:#a0b200;
	margin:0px 0px 10px 0px;
}

#register .col647{
	width:617px;
	float:right;
	background:#e9eae9;
	padding:22px 15px 22px 15px;

}
#register .form{
	color:#767678;
}

#register .form label{
	display:block;
	margin:2px 0px 0px 0px;
}
#register .form .hr{
	height: 25px;
	background:url(../images/register/hr.gif) 0 3px repeat-x;
}
#register .form .error{
	border:solid 2px #FF0000;
}

#register .form .error-text{
	color:#FF0000;
	font-weight:bold;
}
#register .form-col1 INPUT{
	width: 180px;
	margin: 0px 0px 7px 10px;
	padding: 2px;
	border:solid 1px #CCCCCC;
}


#register td.validation  { width: 26px; }
#register td.validation span { padding: 7px; }

	
#register .form-col2 INPUT{
	width: 118px;
	margin: 0px 0px 7px 10px;
	padding: 2px;
	border:solid 1px #CCCCCC;
}
#register .form-col2 SELECT{
	width: 124px;
	height: 23px;
	margin: 0px 0px 7px 10px;
	border:solid 1px #CCCCCC;
}

#register .submit{
	border:solid 1px #000000;
	background:#00adef;
	font-weight:bold;
	font-size:1em;
	padding:3px 30px 3px 30px;
	margin:3px 0px 0px 0px;
	cursor:pointer;
}
#register .responce{
	color:#00adef;
	font-weight:bold;
	font-size:1.2em;
}

table#cbStockedBrands  span.checkbox{
	float:left;
	width:165px !important;
}
table#cbStockedBrands  span.checkbox input{
 width:auto;
 border:none;
 margin:5px 10px 0 0;
}
table#cbStockedBrands  span.checkbox label{
	display:inline;
}

/* Range by Business sector Page Setup ----------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */

#range-by-sector .intro-box{
	background-color:#e1fd00;
	width:210px;
	margin:0px 0px 4px 71px;	
	padding:15px;
}

#range-by-sector h2,#range-by-sector ul, #range-by-sector a{
	color:#00adef;	
}
#range-by-sector .sector-table{
	border-collapse:collapse;
	margin:10px 0px 7px 0px;	
}
#range-by-sector .sector-table td{
	padding: 2px 5px 2px 5px;
	font-size: 0.9em;
	text-align:center;
	border-spacing:0px;
	border-collapse:collapse;
	border:solid 1px #CCCCCC;	
}
#range-by-sector .table-black-tea{
	background-color: #3a3e41;
	color:#FFFFFF;	
}
#range-by-sector .table-speciality-tea{
	background-color: #00adef;
	color:#FFFFFF;
}
#range-by-sector .table-white td{}

#range-by-sector .table-blue td{ background-color: #e2f4fd;}

#range-by-sector td.table-corner{
	border-top:#FFFFFF;
	border-left:#FFFFFF;
	border-bottom:none;
}

#range-by-sector td.table-end{
	text-align:left;
}
#range-by-sector td.table-speicality-col {
	background-color:#f6f6f6;
}

/* Range by Business sector - Office Supplies Page Setup ----------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */

#range-by-sector .color-col{
	background-color:#e1fd00;	
	padding:15px 20px 15px 20px;
	width: 296px;
	min-height: 590px;
}
#range-by-sector .plane-col{
	padding:20px 20px 15px 20px;
	width:271px;	
}

#range-by-sector ul {
	color:#00adef;	
	font-weight:bold;
	margin-left:20px;
}

#range-by-sector ul li{
	list-style-image:url(../images/range-by-sector/blue-bullet.jpg);
}

#range-by-sector .color-col-311{
	background-color:#e1fd00;	
	padding:15px 20px 15px 20px;
	width: 271px;
}


#range-by-sector .col323grey{
	background-color:#eeeeed;
	min-height: 630px;
	padding:15px 20px 15px 20px;
	width: 278px;	
	float:left
}

#range-by-sector .col323white{
	background-color:#ffffff;
	min-height: 630px;
	padding:15px 20px 15px 20px;
	width: 278px;	
	float:left
}

#range-by-sector .col323grey.right{
	float:right;
	padding:95px 20px 15px 20px;
}

/* Download list */
#range-by-sector ul.downloads{
	list-style: none;
	margin: 0;
	padding: 0;
	background: none;
}

#range-by-sector ul.downloads li{
	list-style:none;
	margin:0px;
	font-weight:normal;
	color:#000000;
	display:block;
	clear:both;
	padding: 20px 0px 0px 0px;
	list-style-image: none;

}

#range-by-sector ul.downloads li ul {
	margin:5px 0px 0px 15px;

}
#range-by-sector ul.downloads li ul a{
	color:#00adef;	
	font-weight:bold;
}
#range-by-sector ul.downloads li ul a:hover{
	color:#222222;	
	font-weight:bold;
}
#range-by-sector ul.downloads li ul li{
	display:list-item;
	list-style-image:url(../images/range-by-sector/blue-bullet.jpg);
	padding:0px 0px 0px 0px;
}

#range-by-sector ul.downloads img{
	float:left;
}

#range-by-sector ul.downloads span{
	float:left;
	display:block;
	width: 160px;
	margin: 0 0 15px 15px;
}
#range-by-sector ul.downloads li img.offset {
	margin-left: 62px;
	display: inline;
}


/* Vending page tweaks */
#range-by-sector .col323grey.right.vending{
	padding-top:15px;
    width:305px;
}

#range-by-sector .col323white.vending{
    width:262px;
}

#range-by-sector .color-col-311.vending{
    width:276px;
    margin-bottom:10px;
}

#range-by-sector .col323white ul{
margin-bottom:15px;    
}

#range-by-sector .col323white ul li{
list-style-type:disc;
display:list-item;
margin-left:15px;
}

#range-by-sector .col323grey.right.vending .downloads{
	overflow:hidden;
    margin-bottom:20px;
}

#range-by-sector .col323grey.right.vending .downloads .info{
	width:163px;
    _width:143px;
    margin:0 0 0 10px;
}


#range-by-sector .col323grey.right.vending .downloads h3{color:#2babe3;}
#range-by-sector .col323grey.right.vending .downloads .info ul li{
	color:#000;
    font-weight:normal;
    font-size:11px;
    list-style-image:none;
    list-style-type:disc;
}

#range-by-sector .col323grey.right.vending #merchandisers .merch-box {
width:176px;
_width:159px;
}
/* Vending page tweaks */
	
/*--Homepage panel--*/

.hp-colum { float:left; color:#FFF; width: 311px; height:206px; margin:0px 9px 0px 0px; padding:0px; border:1px solid #d4d6d4; }
.hp-colum .merchandise-panel .hp-colum-left  { float:left; width:165px; margin:0 0px 0 0px; }
.hp-colum .merchandise-panel .hp-colum-left img { margin:0 10px 0 0px; }
.hp-colum .merchandise-panel .hp-colum-right  { float:left; width:126px; margin:0 0px 0 0px; padding:5px 0 0 0px; }
.hp-colum .merchandise-panel .hp-colum-right p  { margin:5px 0 5px 0px; }


.hp-colum-double { float:left;  color:#FFF; width: 311px; height:206px; margin:0px 9px 0px 0px; padding:0px;  }
.hp-colum-double .competition-panel  { float:left; width: 311px; margin:0px 0px 0px 0px; padding:0px; background-color:#82c522; border:1px solid #d4d6d4; }
.hp-colum-double .competition-panel .hp-colum-left  { float:left; width:100px; margin:0 0px 0 0px; }
.hp-colum-double .competition-panel .hp-colum-left  img { margin:0 10px 0 0px; }
.hp-colum-double .competition-panel .hp-colum-right  { float:left; width:191px; padding:5px 0px 0 0px;  }
.hp-colum-double .competition-panel .hp-colum-right p  {  margin:0px 0px 5px 0px;  }


.hp-colum-double .rainforest-panel  { float:left; width: 311px;  margin:12px 0px 0px 0px; padding:0px; background-color:#547100;  border:1px solid #d4d6d4; }
.hp-colum-double .rainforest-panel .hp-colum-left  { float:left; width:100px; margin:0px 0px 0 0px; }
.hp-colum-double .rainforest-panel .hp-colum-left  img { margin:0 10px 0 0px; }
.hp-colum-double .rainforest-panel .hp-colum-right  { float:left; width:191px; margin:5px 0px 0 0px;  }
.hp-colum-double .rainforest-panel .hp-colum-right p { margin:0px 0px 5px 0px;  }


.hp-colum-end { float:left;  color:#FFF; width: 311px; margin:0px 0px 0px 0px; padding:0px; border:1px solid #d4d6d4; }
.hp-colum-end .profit-panel .hp-colum-left  { float:left; width:105px; margin:0 0px 0 0px; }
.hp-colum-end .profit-panel .hp-colum-left  img { margin:0 10px 0 0px; }
.hp-colum-end .profit-panel .hp-colum-right  { float:left; width:186px; margin:0 0px 0 0px; padding:10px 0 0 0px; }
.hp-colum-end .profit-panel .hp-colum-right p  {  margin:5px 0 5px 0px; }


.hp-colum  h3, .hp-colum-double  h3, .hp-colum-end h3 { font-size:18px; color:#FFF; }



.hp-colum.panel-1 {	background-color:#12b8cf; }
.hp-colum.panel-2 {	background-color:#12b8cf; }
.hp-colum-end.panel-4 {	background-color:#9fb200; }











/*

.merchandise-panel h3, .merchandise-panel p {color:#fff;}

.merchandise-left { float:left; width:155px; }
.merchandise-left  img { padding:0px; margin:0px;}
.merchandise-right { float:left; width:105px; padding:5px 0 0 12px; }
.merchandise-right  h3 { font-size:18px; padding:10px 0 0px 0px; }
.merchandise-right p { float:left; font-size:13px;  padding:5px 0 0px 0px; }
.merchandise-right a { float:left; margin:10px 0 0px 0px; }

.competition-panel  {float: left; width: 311px; margin:0px; background-color: #82C522; border:1px solid #d4d6d4; }
.competition-panel h3  { padding:5px 0 0 0px; color:#fff; }
.col958 .competition-panel p {color:#fff; margin:0px; }
.competition-panel img  { float:left; padding-right:10px; }


.rainforest-panel  { float: left;  width: 311px; margin:13px 0px 0px 0px; background-color: #547100; border:1px solid #d4d6d4; }
.rainforest-panel h3  { padding:5px 0 0 0px; color:#fff; }
.col958 .rainforest-panel p {color:#fff; margin:0px 0 0 0px; }
.rainforest-panel img  { float:left; padding-right:10px; }



.profit-panel  {  float: left;  width: 311px; margin:0px; background-color: #9FB200; border:1px solid #d4d6d4; }
.profit-panel h3  { font-size:18px; padding:15px 0 5px 0px; color:#fff; }
.profit-panel p { font-size:13px; color:#fff; padding:0px 0 0px 0px; }
.profit-panel img  { float:left; padding-right:15px; }

*/
.flash-side-banner {width: 311px; height:643px;}




/* ----- Merchandise and POS Section ----------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */

.container-wrapper { float:left; width:960px; text-align:left }
.container-wrapper .hero { float:left; width:633px; height:268px; border:1px solid #d4d6d4;/*Width 640px, height 270px;*/  background: url(../images/merchandise-pos/hero-bg.jpg) bottom right no-repeat;}
.container-wrapper .hero h1 {  color:#FFF; font-size: 25px; float:left; display:inline; background-color:#9fb200; padding:10px 20px 10px 15px; margin:20px 0px 0px 0px;}
.container-wrapper .hero .subtitle { width:300px; color:#9fb200; font-size:22px; padding:10px 0 5px 15px; margin:0px;}

.container-wrapper .rolling-hero { float:left;   width:295px; height:270px; background-color:#087578; padding:0 15px 0 0; margin:0 0px 0 10px; }
.container-wrapper .rolling-hero  h2 { font-size:28px;  color:#FFF; padding:0px 0 0px 25px; margin:80px 0px 0px 0px; line-height:110%;}
.container-wrapper .rolling-hero p {  color:#FFF; padding:10px 0 5px 25px; margin:0px; font-size:13px; }
.container-wrapper .rolling-hero p a {  color:#FFF; padding:0px 20px 0 0px; text-decoration:underline;  font-size:13px; background: url(../images/links/whiteArrow.gif) right no-repeat;}

.container-wrapper .hp-panel { float:left;  width:308px; height:268px; border:1px solid #d4d6d4; background-color:#fff; margin:15px 15px 0 0px; }
.container-wrapper .hp-panel.colour1 { background-color:#10b9d0; }
.container-wrapper .hp-panel.colour2 { background-color:#557100; }
.container-wrapper .hp-panel.colour3 { background-color:#9fb200; margin-right:0px; }
.container-wrapper .hp-panel h2 {  color:#FFF; padding:10px 0 5px 15px; margin:0px;}
.container-wrapper .hp-panel p {padding:0px 15px 0 15px; }
.container-wrapper .hp-panel p a {  color:#FFF; padding:0px 20px 0 0px; text-decoration:underline;  font-size:14px; background: url(../images/links/whiteArrow.gif) bottom right no-repeat; *display:block; }



.container-wrapper.merchandising .section-hero  { float:left; width:638px; height:268px; border:1px solid #d4d6d4;/*Width 640px, height 270px;*/   }
.container-wrapper.merchandising .section-hero  h1 { color:#FFF; font-size: 25px; float:left; display:inline; background-color:#12b8cf; padding:10px 20px 10px 15px; margin:20px 0px 0px 0px;}
.container-wrapper.merchandising .section-hero  p { width:290px; line-height:125%; color:#12b8cf; font-size:17px; padding:10px 0 5px 15px; margin:0px;}


.container-wrapper.merchandising .section-hero.merchandise {background: url(../images/merchandise-pos/merchandise-bg.jpg) bottom right no-repeat;}
.container-wrapper.merchandising .section-hero.brands { background: url(../images/merchandise-pos/brands-hero-bg.jpg) 350px 30px no-repeat;   }
.container-wrapper.merchandising .section-hero.promotion { background: url(../images/merchandise-pos/promotion-hero-bg.jpg) bottom right no-repeat; }



.container-wrapper.merchandising .colum { float:left;  width:310px;  background-color:#fff; margin:15px 15px 0 0px; _margin-right:10px; }
.container-wrapper.merchandising .colum.end { color:#000;  margin:15px 0px 15px 0px;}
.container-wrapper.merchandising .colum.end p { color:#000; padding:10px 25px 10px 25px;}
.container-wrapper.merchandising .colum.end p.white-copy { color:#fff; padding:10px 25px 15px 25px;}
.container-wrapper.merchandising .colum h2 {  color:#FFF; padding:10px 0 5px 15px; margin:0px;}
.container-wrapper.merchandising .colum p{ color:#000;  padding:10px 10px 10px 10px; margin:0px;  line-height:110%;}

.container-wrapper.merchandising  .rolling-hero .quote.version-2 h2 { font-size:20px;margin:80px 0px 0px 0px;;}

.container-wrapper.merchandising .colum.light-blue { background-color:#12b8cf; }
.container-wrapper.merchandising .colum.dark-green { background-color:#547100; }

.container-wrapper.merchandising .colum h2 {  color:#FFF; padding:25px 25px 5px 25px; margin:0px;}
.container-wrapper.merchandising .colum p a {  color:#FFF; padding:0px 25px 0 0px;  text-decoration:underline;  font-size:14px; background: url(../images/links/whiteArrow.gif) bottom right no-repeat; *display:block; _padding:0px 0px 0 15px;  }


.container-wrapper.merchandising .colum.end.merchandising-solutions { background-color:#12b8cf; padding-bottom:25px; }



.container-wrapper.merchandising .colum  dl.toggle2 {
	float: left;
	width: 315px;
	margin-top: 0px;
}
.container-wrapper.merchandising .colum dl.toggle2 dt {
	clear: both;
	width: 305px;
	padding: 5px 0px 5px 10px;
	background: #547100 url(../images/ranges/arrow_dt.gif) 298px 8px no-repeat;
	color: #fff;
	font-size: 1.0em; 
	font-weight: bold; margin-top:1px;
}

.container-wrapper.merchandising .colum dl.toggle2 dd {
	display: none;
	clear: both;
	float: left;
	width: 315px;
	padding:0px;
	margin:0px;
	border: none;
}
.container-wrapper.merchandising .colum dl.toggle2 dd img {padding:0px; margin:0px; }

.container-wrapper.merchandising .colum dl.toggle2 dt.open { background-position: 296px -392px; }
.container-wrapper.merchandising .colum dl.toggle2 dd.open { display: block; }
.container-wrapper.merchandising .colum dl.toggle2 dt.dark-green { background-color:#547100;}
.container-wrapper.merchandising .colum dl.toggle2 dt.light-green { background-color:#9fb200;}
.container-wrapper.merchandising .colum dl.toggle2 dt.light-blue { background-color:#00adef;}


.section-header { width: 305px; font-size:22px; color:#FFF; padding:10px 0 10px 10px; }
.section-header.top-margin {  margin:10px 0 0px 0px; }
.dark-green { background-color:#547100;}
.light-green { background-color:#9fb200;}
.light-blue { background-color:#00adef;}

.container-wrapper.merchandising .colum dl.toggle2 .product-pick img { float:left; padding:0px; margin:0px;}
.container-wrapper.merchandising .colum dl.toggle2 .product-pick p.title{ font-weight:bold; font-size:13px; padding:10px 0px 0px 0px; color:#000;}
.container-wrapper.merchandising .colum dl.toggle2 .product-pick p { color:#000; padding:5px 0px 10px 0px;}
.container-wrapper.merchandising .colum p a.black-link { color:#000; text-decoration:underline; font-size:12px; }
a.black-link:hover {}

p.note { font-style:italic; font-size:10px; margin:0;}

.product-image { float:left; width:130px; background-color:#0F3; }
.product-content  { float:left; width:180px;}




/* Success stories Page  ----------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */

div.col640{
	width:640px;
	margin-right:0px;
	position:relative;
}

div.col635{
	width:635px;
	margin-right:0px;
	position:relative;
}


.success-stories{border:1px solid #ccc;}
.success-stories .ss-heading{width:325px;border:0px solid red;}
.success-stories .ss-heading h2{color:#087578;;margin-left:15px;font-size:1.75em;}
.success-stories .pg-tips{background:url(../images/success-stories/success-stoires-hero.jpg) no-repeat;width:295px;height:266px;border:0px solid red;}
.ss-tea-sales{width:264px;height:216px;padding:25px;background-color:#9FB200;color:#FFF;}
.ss-tea-sales h2{color:#FFF;}
.ss-testimonial{background-color:#087578;color:#FFF;padding:18px 18px 0 18px;height:134px;}
.ss-testimonial h2{color:#FFF;}

/*.ss-testimonial p a,.ss-tea-sales p a{background: url("../images/links/whiteArrow.gif") no-repeat right transparent;color:#FFF;padding-right:20px;}*/

.ss-testimonial p,.ss-tea-sales p { padding:0px; margin:0px;  }
.ss-testimonial p a,.ss-tea-sales p a {  color:#FFF; padding:0px 20px 0 0px;  background: url(../images/links/whiteArrow.gif) bottom right no-repeat; *display:block; _padding:0px 0px 0 0px;  }

.ss-logo{height:171px;text-align:center;padding-top:32px; display:block;}
.ss-title{display:block;padding:10px;background-color:#087578;width:150px;color:#FFF;font-size:1.75em;font-weight:bold;margin:30px 0 10px 0;}


dl.toggle3 {float: left;margin:10px 8px 0px 0;}

dl.last {margin-right:0px;}

dl.toggle3 dd {
	
	clear: both;
	float: left;
	width: 289px;
	padding: 0 10px 10px 10px;
	background: #fff;
	border: 1px solid #ccc;
	border-top: none;
}
dl.toggle3 dd {border-top:1px solid #CCC;padding:0;width: 312px;}