@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.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:75px 0px 0px 0px;
}
.pgtips-p-image{
	margin:25px 0px 0px 0px;
}

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

/* ----- 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 .form-col2 INPUT{
	width: 125px;
	margin: 0px 0px 7px 10px;
	padding: 2px;
	border:solid 1px #CCCCCC;
}
#register .form-col2 SELECT{
	width: 130px;
	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 .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;
}