﻿body {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-image:url(../images/bgImage.gif);
	background-repeat:repeat;
	background-position:top left;}
	
p {
	line-height: 18px;}
	
ul {
	font-family: Arial, Verdana, Helvetica;
	list-style-type: disc; }
		
.blueBorder {
	border: 14px solid #6AC4F5;
	border-bottom: none;
	border-top: none;}
	
/*
	DYNAMIC TABLE WIDTHS
*/

#contentTable { width: 751px; }
#mainTable {width: 627px; }

/* text */
.memberArea {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
    font-size: 11px;
    line-height: 13px;
    color: #00A5D5;
	text-decoration: none;}
	
.memberArea:hover {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
    font-size: 11px;
    line-height: 13px;
    color: #00A5D5;
	text-decoration: none;}

.memberLogin {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
    font-size: 11px;
    line-height: 13px;
    color: #333333;
	text-decoration: none;}
	
.login {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
    font-size: 11px;
    line-height: 13px;
    color: #00A5D5;
	text-decoration: underline;}	
	
.login:hover {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
    font-size: 11px;
    line-height: 13px;
    color: #00A5D5;
	text-decoration: none;}
	

.font_size_2 td{
	font-size: 10pt; }
	
td {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
    font-size: 10pt;
    line-height: 13pt;
    color: #1B1818;
	text-decoration: none;}
	
input, textarea {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
    font-size: 10pt;
    line-height: 13pt;
    color: #000000;
	text-decoration: none;}
	
select {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
    font-size: 10pt;
    line-height: 13pt;
    color: #000000;
	text-decoration: none;}
	
a{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
    font-size: 10pt;
    line-height: 13pt;
    color: #6D6E49;
	text-decoration: underline;}
	
a:hover {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
    font-size: 10pt;
    line-height: 13pt;
    color: #6D6E49;
	text-decoration: none;}
	
.greenText {
	color: #ABDCAB;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
    font-size: 11px;
    line-height: 13px;
    text-decoration: none;}

.greenBox_title {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 13pt;
	color: #A7D05F;
  text-decoration: none;}

.blueText {
	color: #3D82B4;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
    font-size: 11px;
    line-height: 13px;
    text-decoration: none;}
	
.pinkText {
	color: #F39986;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
    font-size: 11px;
    line-height: 13px;
    text-decoration: none;}

.purpleText {
	color: #C29AC7;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
  font-size: 11px;
  line-height: 13px;
  text-decoration: none;}

.yellowText {
	color: #F6D459;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
  font-size: 11px;
  line-height: 13px;
  text-decoration: none;}
	
.greenText:hover {
	color: #ABDCAB;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
    font-size: 11px;
    line-height: 13px;
    text-decoration: none;}
	
.blueText:hover {
	color: #3D82B4;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
    font-size: 11px;
    line-height: 13px;
    text-decoration: none;}
	
.pinkText:hover {
	color: #F39986;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
    font-size: 11px;
    line-height: 13px;
    text-decoration: none;}		

.purpleText:hover {
	color: #C29AC7;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
    font-size: 11px;
    line-height: 13px;
    text-decoration: none;}	
	
.yellowText:hover {
	color: #F6D459;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
  font-size: 11px;
  line-height: 13px;
  text-decoration: none;}

.errorRed { color: #FF0A0A; }


.footer {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
    font-size: 11px;
    line-height: 15px;
    color: #FFFFFF;
	text-decoration: none;}
	
.footer:hover {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
    font-size: 11px;
    line-height: 15px;
    color: #006AC2;
	text-decoration: none;}	
	
.blackSmall {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
    font-size: 11px;
    line-height: 13px;
    color: #1B1818;
	text-decoration: none;}
	
.cartSteps {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
    font-size: 10pt;
    line-height: 13pt;
	color: #0051AE; 
	text-decoration: none; }
	
.cartStepsCurrent {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
    font-size: 10pt;
    line-height: 13pt;
	color: #00ABC0; 
	text-decoration: underline; }
	
.cartStepsCurrent:hover {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
    font-size: 10pt;
    line-height: 13pt;
	color: #00ABC0; 
	text-decoration: none; }
	
.cartText {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
    font-size: 10pt;
    line-height: 12pt;
	color: #1B1818; 
	text-decoration: none; }

.cartHeaderText {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
    font-size: 10pt;
    line-height: 11pt;
	color: #1B1818; 
	text-decoration: none; }

.cartInput {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
    font-size: 10pt;
    line-height: 11pt;
	color: #1B1818;
	margin: 0px; }
	

/*background*/	
		
.topNav {
	background-image: url(../images/tonic_23_01.gif);
	background-repeat: repeat-x;}

.topNav2{
	background-image: url(../images/tonic_23.gif);
	background-repeat: repeat-x;}
	
.light_blue li a{
	background-color: #99C1DD;
}
.pink li a{
	background-color: #EA8DBB;
}
.orange li a{
	background-color: #F1A192;
}
.green li a{
	background-color: #99CC00;
}
.normal li a{
	background-color:#1747A8;
}
.blue li a{
	background-color:#5399C9;
}
.dark_green li a{
	background-color:#77C1D6;
}
.slightly_blue li a{
	background-color:#A0C3E6;
}
.yellow li a{
	background-color: #FED456;
}
.deeper_blue li a{
	background-color: #99C1DD;
}
.deeper_yellow li a{
	background-color: #FED653;
}
.leftNav {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:121px;}
	
.leftNav li {
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #006AC2;
	/*width:121px;*/
	display:block;
	border-bottom:1px solid #0670C8} 

.leftNav>li { margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;} /* reset padding for all browsers except PC IE */
 
.leftNav li a{
	display: block;
	background-position: top left;
	background-repeat: no-repeat;
	/*background-image: url(../images/tonic_29.gif);*/
	background-color: #1747A8;
	/*border-bottom: 1px solid #0670C8;*/border-bottom:none;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	/*width: 121px;*/
	padding: 5px 0px 5px 10px;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	line-height: 13px;
	color: #FFFFFF;}
	
.leftNav li a:hover{
	
	color: #0051AE;
	/*border-bottom: 1px solid #0670C8;*/border-bottom:none;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	/*width: 121px;*/
	padding: 5px 0px 5px 10px;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	line-height: 13px;
	background-color: #40DEF3;
	background-position: top left;
	background-repeat: no-repeat;
	/*background-image: url(../images/tonic_29Over.gif);*/}
	
.leftNav li.bottom{
	display: block;
	background-position: top left;
	background-repeat: no-repeat;
	background-image: url(../images/tonic_36.gif);
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	height: 22px;
	width: 121px;
	padding: 5px 0px 0px 10px;
	text-decoration: none;
	line-height: 11px;
	color: #FFFFFF;}	
	
.contentPadding {
	padding: 30px 20px 20px 20px;}
	
.contentPadding1 {
	padding: 5px 20px 20px 20px;}
	
.greenTile2 {
	background-position: top left;
	background-repeat: repeat-y;
	background-image: url(../images/greenTile2.gif);}
	
.greenBg2 {
	background-position: top left;
	background-repeat: no-repeat;
	background-image: url(../images/greenBg2.gif);}	
	
.greenTile {
	background-position: top left;
	background-repeat: repeat-y;
	background-image: url(../images/greenTile.gif);}
	
.greenBg {
	background-position: top left;
	background-repeat: no-repeat;
	background-image: url(../images/greenBg.gif);}	 

.greenBox_left { background-image: url(../images/greenBox_bg.gif); background-position: top; background-repeat: repeat-x; background-color: #FFFFFF; border-left: 1px solid #E9F3D7; }
.greenBox_right { background-image: url(../images/greenBox_bg.gif); background-position: top; background-repeat: repeat-x; background-color: #FFFFFF; border-right: 1px solid #E9F3D7; }
.greenBox_top { background-image: url(../images/greenBox_top.gif); background-position: top; background-repeat: repeat-x; }
.greenBox_bottom { border-bottom: 1px solid #E9F3D7; }
.greenBox_body { background-image: url(../images/greenBox_bg.gif); background-position: top; background-repeat: repeat-x; }

.homeBanner {
	background-position: bottom right;
	background-repeat: no-repeat;
	background-image: url(../images/home_05.jpg);}
	
.homeMember {
	background-position: top left;
	background-repeat: repeat-y;
	background-image: url(../images/home_23x.gif);}
	
.paddingLeft10 {
	padding-left: 10px;}
	
.paddingBottom5 {
	padding-bottom: 5px;}
	
.blueBullet {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;}
	
.blueBullet li {
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 0px 10px;
	background-position: top left;
	background-repeat: no-repeat;
	background-image: url(../images/blueBullet.gif);
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
    font-size: 11px;
    line-height: 13px;
    color: #00A5D5;
	text-decoration: none;} 
	
.greenTileSmall {
	background-position: top left;
	background-repeat: repeat-y;
	background-image: url(../images/home_33.gif);}
	
.greenBgSmall {
	background-position: top left;
	background-repeat: no-repeat;
	background-image: url(../images/home_27.gif);}	
	
.blueTileSmall {
	background-position: top left;
	background-repeat: repeat-y;
	background-image: url(../images/home_34.gif);}

.purpleTileSmall {
	background-position: top left;
	background-repeat: repeat-y;
	background-image: url(../images/home_purplebox03.gif);}

.yellowTileSmall {
	background-position: top left;
	background-repeat: repeat-y;
	background-image: url(../images/home_yellowbox03.gif);}

	
.blueBgSmall {
	background-position: top left;
	background-repeat: no-repeat;
	background-image: url(../images/home_29.gif);}	
	
.pinkTileSmall {
	background-position: top left;
	background-repeat: repeat-y;
	background-image: url(../images/home_35.gif);}
	
.pinkBgSmall {
	background-position: top left;
	background-repeat: no-repeat;
	background-image: url(../images/home_31.gif);}

.purpleBgSmall {
	background-position: top left;
	background-repeat: no-repeat;
	background-image: url(../images/home_purplebox01.gif);}

.yellowBgSmall {
	background-position: top left;
	background-repeat: no-repeat;
	background-image: url(../images/home_31.gif);}
	
	
.cartBg {
	background-position: top;
	background-repeat: no-repeat;
	background-image: url(../images/cart_12.gif);}

.cartTileBg {
	background-position: top;
	background-repeat: repeat-y;
	background-image: url(../images/cart_14.gif);}
	
.cartTd {
	padding: 7px 8px 0px 8px;
	margin: 0px 0px 0px 0px; }

	
.small{
	background-position: top left;
	background-repeat: no-repeat;
	background: url(../images/tonic_07.gif);
	border: 0px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	width: 45px;
	height: 17px;
	padding: 2px 0px 2px 0px;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	line-height: 11px;
	color: #FFFFFF;}
	
.medium{
	background-position: top left;
	background-repeat: no-repeat;
	border: 0px;
	background: url(../images/medium.gif);
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	width: 65px;
	padding: 2px 0px 2px 0px;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	line-height: 11px;
	color: #FFFFFF;}
	
.large{
	background-position: top left;
	background-repeat: no-repeat;
	background: url(../images/large.gif);
	border: 0px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	width: 85px;
	padding: 2px 0px 2px 0px;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	line-height: 11px;
	color: #FFFFFF;}
	
.xlarge{
	background-position: top left;
	background-repeat: no-repeat;
	background: url(../images/xlarge.gif);
	border: 0px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	width: 130px;
	padding: 2px 0px 2px 0px;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	line-height: 11px;
	color: #FFFFFF;}
	
/*    Phonelink css   */

.bg81C244{
	background-color:#81C244;
}
.bg7BC0ED{
	background-color:#7BC0ED;
}
.bgC6E3A9{
	background-color:#81C242;
	
}


/* phonelink NZ */
.bg8fd452{
	background-color:#8fd452;
	
}
/* phonelink NZ leftNav menu*/
.new_line_NZ{
	background-color:#81C242;
}
.new_bg_NZ{
	padding-left: 5px;
	background-color:#C6E3A9;
}
.phonelinkNZHead{font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #C6E3A9;
	font-weight:bold;}



.new_line{
	background-color:#7bc0ed;
}
.white{
	background-color:#FFFFFF;}

.bgE0EFD2{
	padding-left: 5px;
	background-color:#C6E3A9;
	}
	
.new_bg{
	padding-left: 5px;
	background-color: #BDE0F6;
}
.bg4A4A4A {
	background-color:#4A4A4A;}

a.phonelink{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #6B7665;
	text-decoration: none;}
	
a.phonelink:hover{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #6B7665;
	text-decoration: underline;}
	
a.phonelinkFooter{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #000000;
	text-decoration: none;}
	
a.phonelinkFooter:hover{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #000000;
	text-decoration: underline;}
	
.phonelinkHead{font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #7BC0ED;
	font-weight:bold;}
.phonelinkHead2006 { color: #80C342; }
<!-- Infusion Tea Section -->

body.infusionTea{
	background-color:#64B3D1;
}

/* new */
.paddingHomepageText{padding:0px 0px 10px 10px;}
.paddingForgot{padding:5px 0px 5px 10px;}
.paddingmemberArea{padding:0px 0px 0px 10px;}
.paddingBenefit{padding:2px 0px 2px 5px;}
.paddingBenefit2{padding:0px 0px 0px 35px;}
.paddingCart{padding:5px 0px 0px 0px;}


/*phonelink2006 */
body.greenBg{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-image:url(../images/green_stripesBg.gif);
	background-repeat:repeat;
	background-position:top left;}