/* TWININGS STYLES */
.contentframe {
	width:834px;
	margin-left:auto;
	margin-right:auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:70%;
}

.clearcontent {
	display:none;
}

/* IMAGE PADDING */

.paddingleft198 {
	padding-left:198px;
	float:right;
}

.edtimagesbase2 {
	float:right;
	margin-top: 90px;
}

.edtimagesbase {
	float:right;
}

.titlepad {
	margin-bottom:4px;
}

/* INTRODUCTION ELEMENTS */

.blackintro {
	border:1px solid #c6c7c8;
	background-image:url(../images/gradients/gradient_twinings.jpg);
	background-repeat:repeat-x;
	padding:10px 10px 30px 10px;
}

.blackintro img {
	padding-bottom: 6px;
}

/* POS CALENDAR ELEMENTS */

.ui-state-default a {
	background-image: url(../images/pos-calendar/expand.gif);
	background-repeat: no-repeat;
	background-position: top right;
}

.ui-state-active a {
	background-image: url(../images/pos-calendar/collapse.gif);
	background-repeat: no-repeat;
	background-position: top right;
}

.acc-heading {
	display: block;
	background-color: #d0bb96;
	border-bottom: 6px solid #ffffff;
}

.poscal {
	padding-bottom:12px;
}

.poscal hr {
	display: none;
}

.postitlepad {
	padding-bottom: 10px;
}

.main-title {
	background-color: #d0bb96;
	border-bottom: 6px solid #ffffff;
}

.pospadding {
	border-bottom: 6px solid #ffffff;
}

.pos-small-text {
	float: left;
}

.pos-small-text p {
	padding-bottom: 6px;
	font-size: 80%;
}

.theme-left {
	float: left;
	width: 554px;
}

.seasonal-right {
	float: right;
	width: 274px;
}

.theme-box {
	border: 1px solid #c5c4a9;
	background-color: #f7f5e4;
	background-image: url(../images/pos-calendar/pos-bgnd-golden.jpg);
	background-repeat: repeat-x;
	padding: 14px;
}

.seasonal-box {
	border: 1px solid #abc0c2;
	background-color: #e6f3f3;
	background-image: url(../images/pos-calendar/pos-bgnd-blue.jpg);
	background-repeat: repeat-x;
	padding: 14px;
}

.loyalty-box {
	border: 1px solid #c0aab8;
	background-color: #e6d4df;
	background-image: url(../images/pos-calendar/pos-bgnd-purple.jpg);
	background-repeat: repeat-x;
	padding: 14px;
}

.month-box {
	border: 1px solid #b7c07f;
	background-color: #e5ebbf;
	background-image: url(../images/pos-calendar/pos-bgnd-green.jpg);
	background-repeat: repeat-x;
	padding: 14px;
}

.pos-space {
	width: 280px;
	float: left;
}

.pos-space-sm {
	width: 244px;
	float: left;
}

.pos-image {
	float: left;
	border: 1px solid #808080;
}

.pos-image-nb {
	float: left;
}

.pdf-down {
	float: left;
	padding-right: 10px;
	border: 0;
}

.pos-text-padding {
	padding-left: 95px;
}

.pos-text-padding-mid {
	padding-left: 157px;
}

.pos-text-padding14 {
	padding-left: 95px;
	padding-right: 12px;
}

.download-link {
	padding-top: 10px;
}

.download-link a {
	float: left;
	background-color: #e4e4e4;
	border: 1px solid #808080;
	text-decoration: none;
	font-size: 90%;
	padding: 6px 8px;
}

.download-link a:hover {
	background-color: #c2c0c0;
	text-decoration: none;
	color:#000000;
}

.download-link img {
	float: left;
	padding-left: 6px;
}

/* CONTENT ELEMENTS */	

.white20 {
	height: 20px;
}

.white30 {
	height: 30px;
}

.nothirdnav {
	height: 39px;
}

.copypadding {
	padding-top:20px;
}

.speccopy {
	width:400px;
	float:left;
	padding-bottom: 20px;
}

.rightspeccopy {
	width:408px;
	float:right;
	padding-bottom: 20px;
}

.rightspeccopy p {
	padding-bottom: 8px;
}

.rightspeccopy ul {
	margin-left: 15px;
}

.linksalign img{
	float: left;
}

.speccopy ul {
	margin-left: 15px;
}

.speccopy img {
	padding-bottom: 6px;
}

.speccopy p {
	padding-bottom: 8px;
}

em {
	font-weight:bold;
	font-style:normal;
}

.speccopy a {
	text-decoration:none;
}

.speccopy a:hover {
	text-decoration:underline;
}

.rightspeccopy a {
	text-decoration:none;
}

.rightspeccopy a:hover {
	text-decoration:underline;
}

.specimage {
	width:340px;
	float:right;
	text-align: center;
}

.specimagemain {
	width:406px;
	float:right;
	text-align: center;
}

.specimagehome {
	width:521px;
	float:right;
	text-align: center;
}

.generalimage {
	width:340px;
	float:right;
	text-align: right;
	padding-bottom:20px;
}

/* CONTENT BUTTONS */

.copylinks {
	padding-top: 8px;
}

.copylinks a {
	background-color: #e4e4e4;
	border: 1px solid #808080;
	text-decoration: none;
	font-size: 90%;
	padding: 4px 6px;
}

.copylinks a:hover {
	background-color: #c2c0c0;
	text-decoration: none;
	color:#000000;
}

/* BENEFITS CONTENT */

.benefits {
	border-top: 1px solid #e6e6e6;
}

.benefitspad {
	padding: 20px 0 0 0;
}

.benefits strong {
	font-size: 100%;
	padding-bottom:10px;
}

.benefits ul {
	margin-left: 15px;
	padding: 10px 0;
}

.smallprint {
	font-size: 90%;
	font-style: italic;
}

/* PILLAR CONTENT */

.pillars {
	border-top: 1px solid #e6e6e6;
}

.classicspil {
	width:266px;
	height:15px;
	background-image:url(../images/black_tea/pillar_classics.jpg);
	background-color:#cf5d0e;
}

.clas {
	padding-top: 20px;
	float: left;
	width:266px;
	margin-right: 18px;
}

.clas a {
	text-decoration:none;
	display:block;
	padding:2px 0 2px 4px;
	background-color:#f5dfcf;
	border-top:3px solid #ffffff;
}

.clas a:hover {
	text-decoration:none;
	background-color:#ebbe9e;
}

.lclassicpils {
	width:266px;
	height:15px;
	background-image:url(../images/black_tea/pillar_lightclassics.jpg);
	background-color:#889a53;
}

.lclas {
	padding-top: 20px;
	width:266px;
	float: left;
	margin-right: 18px;
}

.lclas a {
	text-decoration:none;
	display:block;
	padding:2px 0 2px 4px;
	background-color:#e7ebdd;
	border-top:3px solid #ffffff;
}

.lclas a:hover {
	text-decoration:none;
	background-color:#d0d7bb;
}

.aromaticspil {
	width:266px;
	height:15px;
	background-image:url(../images/black_tea/pillar_aromatics.jpg);
	background-color:#6e408d;
}

.arom {
	padding-top: 20px;
	width:266px;
	float: left;
}

.arom a {
	text-decoration:none;
	display:block;
	padding:2px 0 2px 4px;
	background-color:#e2d9e8;
	border-top:3px solid #ffffff;
}

.arom a:hover {
	text-decoration:none;
	background-color:#c5b3d2;
}

.greenteapil {
	width:266px;
	height:15px;
	background-image:url(../images/green_tea/pillar_greentea.jpg);
	background-color:#40a12d;
}

.greentea {
	padding-top: 20px;
	float: left;
	width:266px;
	margin-right: 18px;
}

.greentea a {
	text-decoration:none;
	display:block;
	padding:2px 0 2px 4px;
	background-color:#d9ecd5;
	border-top:3px solid #ffffff;
}

.greentea a:hover {
	text-decoration:none;
	background-color:#b3d9ab;
}

.whiteteapil {
	width:266px;
	height:15px;
	background-image:url(../images/white_tea/pillar_whitetea.jpg);
	background-color:#7893a4;
}

.whitetea {
	padding-top: 20px;
	float: left;
	width:266px;
	margin-right: 18px;
}

.whitetea a {
	text-decoration:none;
	display:block;
	padding:2px 0 2px 4px;
	background-color:#dbdee1;
	border-top:3px solid #ffffff;
}

.whitetea a:hover {
	text-decoration:none;
	background-color:#b7bec3;
}

.momentpil {
	width:266px;
	height:15px;
	background-image:url(../images/infusions/pillar_calm.jpg);
	background-color:#7893a4;
}

.moment {
	padding-top: 20px;
	float: left;
	width:266px;
	margin-right: 18px;
}

.moment a {
	text-decoration:none;
	display:block;
	padding:2px 0 2px 4px;
	background-color:#e4e9ed;
	border-top:3px solid #ffffff;
}

.moment a:hover {
	text-decoration:none;
	background-color:#c9d4db;
}


.fruitypil {
	width:266px;
	height:15px;
	background-image:url(../images/infusions/pillar_fruity.jpg);
	background-color:#9c4661;
}

.fruity {
	padding-top: 20px;
	width:266px;
	float: left;
	margin-right: 18px;
}

.fruity a {
	text-decoration:none;
	display:block;
	padding:2px 0 2px 4px;
	background-color:#ebdadf;
	border-top:3px solid #ffffff;
}

.fruity a:hover {
	text-decoration:none;
	background-color:#d8b5c0;
}

.revivepil {
	width:266px;
	height:15px;
	background-image:url(../images/infusions/pillar_revive.jpg);
	background-color:#7f7f7f;
}

.revive {
	padding-top: 20px;
	width:266px;
	float: left;
}

.revive a {
	text-decoration:none;
	display:block;
	padding:2px 0 2px 4px;
	background-color:#e6e6e6;
	border-top:3px solid #ffffff;
}

.revive a:hover {
	text-decoration:none;
	background-color:#cccccc;
}

.benefitblendspil {
	width:266px;
	height:15px;
	background-image:url(../images/infusions/pillar_benefit_blends.jpg);
	background-color:#b7851f;
}

.benefitblends {
	padding-top: 20px;
	float: left;
	width:266px;
	margin-right: 18px;
}

.benefitblends a {
	text-decoration:none;
	display:block;
	padding:2px 0 2px 4px;
	background-color:#f5eede;
	border-top:3px solid #ffffff;
}

.benefitblends a:hover {
	text-decoration:none;
	background-color:#e9ddc3;
}

.icedteapil {
	width:266px;
	height:15px;
	background-image:url(../images/iced_tea/pillar_iced_tea.jpg);
	background-color:#bea36a;
}

.icedtea {
	padding-top: 20px;
	float: left;
	width:266px;
	margin-right: 18px;
}

.icedtea a {
	text-decoration:none;
	display:block;
	padding:2px 0 2px 4px;
	background-color:#f5eede;
	border-top:3px solid #ffffff;
}

.icedtea a:hover {
	text-decoration:none;
	background-color:#e9ddc3;
}

.coffeepil {
	width:266px;
	height:15px;
	background-image:url(../images/coffee/pillar_coffee.jpg);
	background-color:#bea36a;
}

.coffee {
	padding-top: 20px;
	float: left;
	width:266px;
	margin-right: 18px;
}

.coffee a {
	text-decoration:none;
	display:block;
	padding:2px 0 2px 4px;
	background-color:#f5eede;
	border-top:3px solid #ffffff;
}

.coffee a:hover {
	text-decoration:none;
	background-color:#e9ddc3;
}

.hotchocpil {
	width:266px;
	height:15px;
	background-image:url(../images/hot_choc/pillar_hot_choc.jpg);
	background-color:#693b2c;
}

.hotchoc {
	padding-top: 20px;
	float: left;
	width:266px;
	margin-right: 18px;
}

.hotchoc a {
	text-decoration:none;
	display:block;
	padding:2px 0 2px 4px;
	background-color:#f1eceb;
	border-top:3px solid #ffffff;
}

.hotchoc a:hover {
	text-decoration:none;
	background-color:#d3c5c1;
}		

.cafe_coffeepil {
	width:266px;
	height:15px;
	background-image:url(../images/cafe_coffee/pillar_cafe-coffee.jpg);
	background-color:#c50e1f;
}

.cafe_coffee {
	padding-top: 20px;
	float: left;
	width:266px;
	margin-right: 18px;
}

.cafe_coffee a {
	text-decoration:none;
	display:block;
	padding:2px 0 2px 4px;
	background-color:#fae8e9;
	border-top:3px solid #ffffff;
}

.cafe_coffee a:hover {
	text-decoration:none;
	background-color:#efb9bd;
}

/* WIDTHS STYLES */

.width290 {
	width: 290px;
}

.width380 {
	width: 380px;
}