/* Vita Green Global CSS v2.0 */

/* ---------------------------------------------------------- CSS RESET */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;} :focus {outline: 0;} ol, ul {list-style: none;} table {border-collapse: collapse; border-spacing: 0;} caption, th, td {text-align: left; font-weight: normal;} blockquote:before, blockquote:after, q:before, q:after {content: "";} blockquote, q {quotes: "" "";} input, select {margin:0; padding:0;} a {text-decoration:none;}

/* ---------------------------------------------------------- GLOBALS:ELEMENTS */

html{
overflow:-moz-scrollbars-vertical;
}

body{
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
color:#464646;
background:white;
}

h1{
display:none;
}

h2, h3{
font-size:16px;
color:#95C152;
font-weight:normal;
}

h4{
font-size:18px;
}

h5{
font-size:14px;
font-weight:bold;
}

table{
width:100%;
}

/* ---------------------------------------------------------- GLOBALS:TEXT */

.green_text{
color:#95C152;
}

.scientific_text{
font-size:11px;
text-transform:lowercase;
font-style:italic;
}

strong, .heavy, .active_sublink a{
font-weight:bold;
}

.active_link,  .active_link a{
color:#000 !important;
}
.active_link2,  .active_link2 a{
color:#8FB467 !important;
font-size: 120%;
font-weight:900;
}

.active_link2 a:hover {
color:#457BA1;
text-decoration:none;
font-weight:bold;
}

.pad7{padding-top:7px;}

.pad10{padding-top:10px;}

.pad15{padding-top:15px;}

/* ---------------------------------------------------------- ANCHORS */

a:link, #content_wrapper a:visited{
color:#457BA1;
}

a:hover {
color:#457BA1;
text-decoration:underline;
}

a:active {
color:#000;
}

.button {
float:right;
background:url(../images/button_blue_bg.png) top left no-repeat;
font-family:arial, sans-serif;
text-align:center;
display:block;
width:150px;
height:16px;
font-size:11px;
color:white !important;
font-weight:bold;
padding-top:2px;
}

.product_button {
background:url(../images/button_blue_sm_bg.png) top left no-repeat;
font-family:arial, sans-serif;
text-align:center;
display:block;
width:80px;
height:17px;
font-size:11px;
color:white !important;
padding-top:2px;
margin-bottom:5px;
}

.learn_more_link {
float:left;
font-size:11px;
padding-right:20px;
height:15px;
margin-top:5px;
vertical-align:middle;
background:url(../images/arrow_right.png) top right no-repeat;
}

/* ---------------------------------------------------------- BLOCKS:CONTENT */

#content_wrapper {
position:relative;
margin:0 auto;
width:766px;
height:100%;
background:white;
}

/* ---------------------------------------------------------- HEADER:NORMAL */

#header {
position:relative;
height:74px;
width:100%;
background:#60903c;
}

#header_contents {
position:relative;
margin:0 auto;
width:785px;
height:74px;
}

#utility_nav {
position:absolute;
top:12px;
right:0px;
height:auto;
width:auto;
font-size:12px;
color:#000;
}

#utility_nav li {
display:inline;
padding-right:6px;
}

#utility_nav li a {
color: #98cbc4;
border-left: 1px solid #98cbc4;
padding-left:8px;
}

#utility_nav li a:hover {
color:#99ffff;
text-decoration:none;
}

#utility_nav_sup {
position:absolute;
top:32px;
right:0px;
height:auto;
width:auto;
font-size:11px;
color:#000;
font-weight:bold;
}
#utility_nav_sup li {
display:inline;
padding-right:6px;
border-left: 1px solid #c7d9c1;
}
#utility_nav_sup a {
color: #c7d9c1;
padding-left:8px;
font-weight:normal !important;
}
#utility_nav_sup a:hover {
color:#fff; 
text-decoration:none;
font-weight:normal !important;
}

/* ---------------------------------------------------------- NEW NAVIGATION BAR:NORMAL By Joe 2010-03-31*/
   #menu_box_20100330 {
float:right;
width:219px;
height:29px;	 
margin-top:0px;
background:url(../images/specialbar.jpg) top left no-repeat; 
} 

 #menu_20100330 {
	 width:219px;
	list-style: none;  
	margin-top:2px;
	position: relative; 
}
 
#menu_20100330 a {
	display: block;
	text-indent: -900%;
	position: absolute;
	 
}
#menu_20100330 a:hover {
	background-position: left bottom;
} 

#menu_20100330 .home {
	width: 65px;
	height: 25px; 
	background: url(../images/home.gif) no-repeat; 
	left: 5px;
	top: 0px;
}
   
#menu_20100330 .gift {
	width: 65px;
	height: 25px;
	background: url(../images/gift_zh.gif) no-repeat;
	left: 74px;
	top: 0px;
}
#menu_20100330 .other {
	width: 65px;
	height: 25px;
	background: url(../images/spokeperson_zh.gif) no-repeat;
	left: 143px;
	top: 0px;
}


#menu_20100330 .home_cn {
	width: 65px;
	height: 25px; 
	background: url(../images/home_cn.gif) no-repeat; 
	left: 5px;
	top: 0px;
}
   
#menu_20100330 .gift_cn {
	width: 65px;
	height: 25px;
	background: url(../images/gift_cn.gif) no-repeat;
	left: 74px;
	top: 0px;
}
#menu_20100330 .other_cn {
	width: 65px;
	height: 25px;
	background: url(../images/spokeperson_zh.gif) no-repeat;
	left: 143px;
	top: 0px;
}
#menu_20100330 .home_en {
	width: 65px;
	height: 25px; 
	background: url(../images/home_en.gif) no-repeat; 
	left: 5px;
	top: 0px;
}
   
#menu_20100330 .gift_en {
	width: 65px;
	height: 25px;
	background: url(../images/gift_en.gif) no-repeat;
	left: 74px;
	top: 0px;
}
#menu_20100330 .other_en {
	width: 65px;
	height: 25px;
	background: url(../images/health_en.gif) no-repeat;
	left: 143px;
	top: 0px;
}
#menu_20100330 .home_ko {
	width: 65px;
	height: 25px; 
	background: url(../images/home_ko.gif) no-repeat; 
	left: 5px;
	top: 0px;
}
   
#menu_20100330 .gift_ko {
	width: 65px;
	height: 25px;
	background: url(../images/gift_ko.gif) no-repeat;
	left: 74px;
	top: 0px;
}
#menu_20100330 .other_ko {
	width: 65px;
	height: 25px;
	background: url(../images/health_ko.gif) no-repeat;
	left: 143px;
	top: 0px;
}
#navigation_20100330 {
position:relative;
height:29px;
width:100%;
font-family:Arial, Helvetica, sans-serif;
background:#96c052;
border-top:solid 1px #517d2e;
border-bottom:solid 1px #8fb467; 
}

#navigation_contents_20100330{
position:relative;
height:28px;
width:785px;
margin:0 auto;
}
#navigation_contentsUI_20100330 {
float:left;
height:auto;
width:565px;
margin:7px 0 0 -3px;
}
#navigation_contents_20100330 ul {
float:left; 
}

#navigation_contents_20100330 ul li {
display:inline;
padding-left:10px;
text-transform:uppercase;
}

#navigation_contents_20100330 ul li a {
color:#fff;
border-right:1px solid #6E9F3A;
padding-right:10px;
}

#navigation_contents_20100330 ul li a:hover {
color:#fff; 
}

 
 #navigation_search_20100330 {
float:left;
width:194px;
height:20px;
margin-top:3px; 
} 

#search_text_20100330 {
width:180px;
height:15px;
border:0px;
line-height:1em;
vertical-align:middle; 
display:inline;margin-top:3px;
color: #666666
 
} 
#search_button_20100330 {
height:15px;
width:12px;
vertical-align:middle;
display:inline;
background-color:#FFFFFF;
height:15px;
border:0px;
line-height:1em;
display:inline;margin-top:3px;
}



#subnav_20100330 {
position:relative;
height:30px;
width:100%;
background:#c9e4a1;
border-bottom:solid 1px #aac983;
}

#subnav_contents_20100330 {
position:relative;
height:23px;
width:785px;
margin:0 auto;
font-family:Arial, Helvetica, sans-serif;

}

#subnav_contentsUI_20100330 {
position:relative; 
width:570px;
margin:0 auto;
font-family:Arial, Helvetica, sans-serif;
float:right; 
}
#subnav_contents_20100330 ul {
float:right;
height:auto;
margin:8px 0 0 -10px;  
}

#subnav_contents_20100330 ul li {
display:inline;
padding:0 0 0 10px;  
}

#subnav_contents_20100330 a, #subnav_content_container a:visited {
color: #3e6820;
padding:0 0px 0 15px;
}

#subnav_contents_active a, #subnav_contents_active a:visited {
color: #3e6820;
font-weight:bold;
padding:0 0px 0 15px;
}

#subnav_contents_20100330 a:hover {
text-decoration:underline;
color: #3e6820;
background: url(../images/arrow_small.png) no-repeat;
}




#subsubnav_20100330 {
position:relative;
height:21px;
width:100%; 
border-bottom:solid 1px #cccccc;
}

#subsubnav_contents_20100330 {
position:relative; 
height:21px;
width:785px;
margin:0 auto;
font-family:Arial, Helvetica, sans-serif; 
}
 
#subsubnav_contents_20100330 ul {
float:right;
height:auto;
margin:2px 0 0px -10px;  
}

#subsubnav_contents_20100330 ul li {
display:inline;
padding:0 0 0 10px;  
}

#subsubnav_contents_20100330 a, #subsubnav_content_container a:visited {
color: #666666;
padding:0 0px 0 10px;
}

#subsubnav_contents_active a, #subsubnav_contents_active a:visited {
color: #3e6820;
font-weight:bold;
font-size:120%; 
}

#subsubnav_contents_20100330 a:hover {
text-decoration:underline;
color: #3e6820;
background: url(../images/arrow_small2.png) no-repeat;
}

/* -------------------------------------------------------------------------------------------------------------------- Content and Styles :: Awards Page - Joe 2010-04-07*/
.enquiry_container {
  width:280px;float:left;padding:0px 10px 20px 30px; display:inline; 
  }
  .enquiry_wrapper  {
  height:auto;
   }
.enquiry_container select, .product_middle_container input, .enquiry_wrapper select, .enquiry_wrapper input {
 
border: 1px solid #D3D3DB;
}

/* -------------------------------------------------------------------------------------------------------------------- Content and Styles :: Awards Page - Joe 2010-04-07*/
 
 
#awards_category_wrapper{
position:relative;
clear:both;
width:762px;
height:auto;
min-height:250px;
background:url(../images/border_shadow_left.png) top left repeat-y;
border-right:solid 1px #D3D3DB; 
}

#awards_top{
position:relative;
clear:both;
width:758px;
height:30px;
margin: 10px 0 0 3px;
background:#FFFFFF;
border-bottom:solid 1px #D3D3DB;
font-size:12px;
}
#awards_top h3{ 
padding:7px;
}
.awards_pod{
width:758px;
height:auto;
min-height:180px;
}

.awards_pod:after {
display: block;
content: " ";
clear: both;
}
 

.awards_pod_image{
float:left;
display:inline;
width:130px; 
padding:15px 10px 0 10px;
text-align:center;
}
.awards_caption:after {
 text-align:center; 
font-weight: bold;
padding:4px;
color:#626262;
}
.awards_showdate{
text-align: left;
color:#626262;
font-size:11px; 
font-weight: bold;
padding-top:8px;
}

.awards_header{
padding:2px 4px 0 15px ;
color:#6E9F3A;
/*border-bottom:dotted 1px #CCCCCC;*/
}

.awards_pod_spacer{
width:99%;
height:1px;
border-bottom:solid 1px #cccccc;
line-height:1%;
font-size:1%;
clear:both;
margin:0 0 0 5px;
}

.awards_pod_copy{
float:left;
display:inline;
width:350px;
height:auto;
min-height:180px;
padding:0 10px 0 10px;
/*background:url(../images/dotted_border.png) top right repeat-y;*/
/*border-right: solid 1px #cccccc;*/
}

.awards_pod_copy:after {
display: block;
content: " ";
clear: both;
}

.awards_pod_products{
float:left;
display:inline;
width:210px;
height:100%;
padding:0 10px 0 10px;
/* border-left: solid 1px #cccccc;*/
}
 
.awards_text{
padding:25px 0 0 0;
}
 

 
/* ---------------------------------------------------------- NAVIGATION BAR:NORMAL */

#navigation {
position:relative;
height:29px;
width:100%;
font-family:Arial, Helvetica, sans-serif;
background:#96c052;
border-top:solid 1px #517d2e;
border-bottom:solid 1px #8fb467;
}

#navigation_contents{
position:relative;
height:28px;
width:785px;
margin:0 auto;
}

#navigation_contents ul {
float:left;
height:auto;
width:470px;
margin:7px 0 0 -10px;
}

#navigation_contents ul li {
display:inline;
padding-left:20px;
text-transform:uppercase;
}

#navigation_contents ul li a {
color:#fff;
border-right:1px solid #6E9F3A;
padding-right:22px;
}

#navigation_contents ul li a:hover {
color:#fff; 
}

#navigation_search {
float:right;
width:247px;
height:20px;
margin-top:3px;
}

#search_text {
background:url(../images/searchbox_background_1.png) top left no-repeat;
width:190px;
height:20px;
border:0;
line-height:1em;
vertical-align:middle;
padding:2px 0 0 20px;
display:inline;
}

#search_button {
height:25px;
width:25px;
vertical-align:middle;
display:inline;
}

/* ---------------------------------------------------------- NAVIGATION BAR:SUBNVIGATION */

#subnav {
position:relative;
height:30px;
width:100%;
background:#c9e4a1;
border-bottom:solid 1px #aac983;
}

#subnav_contents {
position:relative;
height:23px;
width:785px;
margin:0 auto;
font-family:Arial, Helvetica, sans-serif;
}

#subnav_contents ul {
float:left;
height:auto;
margin:8px 0 0 -10px;
}

#subnav_contents ul li {
display:inline;
padding:0 0 0 19px;
}

#subnav_contents a, #subnav_content_container a:visited {
color: #3e6820;
padding:0 15px 0 0;
}

#subnav_contents a:hover {text-decoration:underline;}

/* ---------------------------------------------------------- HOMEPAGE */

#index_promotion_container {
position:relative;
height:300px;
width:760px;
overflow:hidden;
}

#slide_controls {z-index: 1000; position: absolute; top: 265px; left:50px;}
#slide_controls a, #slide_controls a:visited{color:#aaa;}
#slide_controls a:hover, #slide_controls a:active{color:#aaa;}
#slide_controls ul {height:20px; width:650px; border:solid 1px #eee; background:#fff; padding:5px 0 0 5px; text-align:center;}
#slide_controls ul li {display:inline; padding:0 8px 0 8px; border-right: 1px solid #c7d9c1;}

#index_news_container {
position:relative;
height:200px;
width:763px;
background:url(../images/border_shadow_right.png) top right repeat-y;
border-left: solid 1px #dddee3;
overflow:hidden;
}
#index_news_container div{
position:relative;
float:left;
height:200px;
width:238px;
padding:5px 5px 0 10px;
}
#index_news_left, #index_news_center {
background:url(../images/dotted_border.png) top right repeat-y;
}
#index_news_left {text-align:center;}

#index_news_left h3 {text-align:left; padding-bottom:10px;}

#index_news_left p {padding-top:10px; text-align:left;}

#index_news_center p, #index_news_right p, #index_main_lines p {clear:both;}

#index_news_center img, #index_news_right img {float:left; padding-right:10px; vertical-align:top;}

#index_news_right img, #index_main_lines p span a img {height:65px;}

#index_main_lines p span a img {vertical-align:top;}

#index_main_lines p span a{float:left; width:50px; padding-right:5px; text-align:center}

#index_main_container {
position:relative;
height:365px;
width:763px;
background:url(../images/border_shadow_right.png) top right repeat-y;
border-left: solid 1px #dddee3;
}

#index_main_lines {
float:left;
width:365px;
height:100%;
background:url(../images/dotted_border.png) top right repeat-y;
padding:5px 5px 0 10px;
}

#index_main_philosophy {
float:right;
width:365px;
height:100%;
background:url(../images/philosophy_background.jpg) bottom right no-repeat;
margin:0 5px 0 0;
padding:5px 0 0 5px;
}

.philosophy_first{
width:288px;
padding:12px 0 0 0;
}

.philosophy_next{
width:225px;
padding:10px 0 0 0;
}

#index_bottom_container {
position:relative;
height:130px;
width:763px;
background:#f3f6fa url(../images/border_shadow_right.png) top right repeat-y;
border-left: solid 1px #DDDEE3;
}

.index_bottom_pod {
float:left;
width:360px;
padding:5px 10px 0 10px;
}

.index_bottom_pod img {
float:left;
height:48px;
padding:10px 10px 10px 0;
}

#logo_container{

width:763px;
height:30px;
padding:5px 0 35px 0;
text-align:center;
border-bottom:1px solid #c5ced5;
}

 

#logo_container span{
padding-left:15px;
}


/* ---------------------------------------------------------- PURCHASE PATH:HEADER */

#checkout_header{
position:relative;
height:30px;
width:100%;
background:#608F3E;
color:#FFF;
padding:2px 0 8px 0;
}

#checkout_header_content{
height:40px;
width:756px;
margin:0 auto;
}

.checkout_logo{
padding:0 30px 0 0;
}

.checkout_cart{
padding:0 0 0 2px;
}

.checkout_active{
color:#FFF;
font-size:200%;
font-weight:bold;
}


.checkout_active2{
color:#608F3E;
font-size:200%;
font-weight:bold;
}



#navigation_checkout_20100503{
position:relative;
height:28px;
width:785px;
margin:0 auto;
}
#navigation_checkoutUI_20100503 {
float:left;
height:auto;
width:785px;
margin:7px 0 0 -3px;
}

#navigation_checkout_20100503  a {
color:#6E9F3A; 
padding-right:10px;
}

#navigation_checkout_20100503 ul li a:hover {
color:#6E9F3A; 
}


#checkout_cur_header{
position:relative;
height:30px;
width:100%;
background:#608F3E;
color:#FFF;
padding:2px 0 8px 0;
}

#checkout_cur_header_content{
height:40px;
width:756px;
margin:0 auto;
}


/* -------------------------------------------------------------------------------------------------------------------- Content and Styles :: Products Landing Page */

#product_featured_container {
position:relative;
width:762px;
height:210px;
padding:20px 0 0 0;
}

#product_featured_container_noborder {
position:relative;
padding:20px 0 0 0;
width:762px;
height:195px;
}

#featured_container_copy{
float:left;
width:540px;
padding:0 0 0 40px;
}

#featured_container_image{
float:right;
height:185px;
width:120px;
padding:0 40px 15px 0;
}

#product_display_container {
position:relative;
clear:both;
width:766px;
height:511px;
background:url(../images/product_bg_1.jpg) top left no-repeat;
}

#product_bottom_container {
position:relative;
clear:both;
margin:10px 0 0 3px;
height:135px;
width:765px;
background:url(../images/featured_ingredient_1.jpg);
}

#product_bottom_copy{
width:335px;
height:80px;
margin:0 0 0 265px;
padding:11px 0 0 0;
}

.product_box{
float:left;
display:inline;
width:240px;
height:245px;
margin:10px 5px 4px 10px;
}

.product_box h3 a, .product_box h3 a:visited{
color:#95c152 !important;
}

.product_box_image{
height:130px;
width:100px;
margin:0 auto;
padding:20px 0 0 0;
}

.product_box_image img{
margin:0 auto;
}

.featured_header{
font-family:Arial, Helvetica, sans-serif;
font-size:200%;
font-weight:lighter;
color:#95C152;
padding:5px 0 5px 0;
}

.featured_subheader{
font-family:Helvetica, Arial, sans-serif;
font-size:120%;
color:#95C152;
padding:0 0 4px 0;
}

.product_box_name a:link, .product_box_name a:visited{
color:#457BA1;
text-decoration:none;
}

.product_box_name a:hover, .product_box_name a:active{
color:#457BA1;
text-decoration:underline;
}

/* -------------------------------------------------------------------------------------------------------------------- Content and Styles :: Products Detail Page */

.retail_price{
text-decoration:line-through; 
color:#aaa;
}
.current_price{
font-size:18px;
font-weight:bold;
color:#6e9f3a;
}
.discount_rate{
background-color:#6e9f3a;
color:#FFF;
padding: 3px;
}
.vg_club_price{
font-size:14px;
color:#aaa;
}

#product_top_container{
position:relative;
width:760px;
height:auto;
}

#product_top_image{
position:absolute;
top:0px;
right:6px;
width:248px;
height:315px;
background:#FFFFFF;
margin:0 2px 0 0;
z-index:101;
text-align:center;
}

#product_top_copy{
width:475px;
height:auto;
padding:0 10px 0 10px;
}

#product_extended_copy{
width:475px;
height:auto;
padding:0 10px 0 10px;
}

#product_middle_container{
position:relative;
padding:5px 0 0 0;
width:764px;
height:auto;
min-height:340px;
background:url(../images/product_shadow_bg_1.png) top right repeat-y;
border-left:solid 1px #D3D3DB;
z-index:101;
}

#product_middle_container:after {
display: block;
content: " ";
clear: both;
}

#product_middle_left{
float:left;
width:500px;
height:auto;
z-index:101;
}

#product_middle_right{
float:right;
width:250px;
height:100%;
padding:0 5px 0 0;
z-index:101;
}

#product_related_container{
position:relative;
width:763px;
min-height:166px;
overflow:hidden;
background:#F3F6FA url(../images/border_shadow_right.png) top right repeat-y;
border-left:solid 1px #D3D3DB;
}

#product_related_container:after {
display: block;
content: " ";
clear: both;
}

#related_container_left{
float:left;
width:350px;
height:auto;
padding:0 0 0 10px;
}

#related_container_right{
float:right;
width:384px;
height:100%;
background:url(../images/border_dotted_1.png) top left repeat-y;
padding:20px 0 0 0;
}

#key_ingredient_1{
width:187px;
}

#key_ingredient_2{
padding:15px 0 0 0;
width:187px;
}

.related_product_image{
display:inline;
float:left;
width:75px;
padding:6px 0 0 35px;
text-align:center;
overflow:hidden;
}

.related_product_copy{
display:inline;
float:left;
width:200px;
padding:15px 0 0 15px;
}

.key_ingredient_image{
float:right;
}

.product_header{
font-family:Arial, Helvetica, sans-serif;
font-size:200%;
font-weight:lighter;
color:#95C152;
padding:5px 0 0 0;
}

.product_byline{
font-size:100%;
font-weight:normal;
color:#95C152;
padding:2px 0 0 0;
}

.product_subheader{
font-family:Arial, Helvetica, sans-serif;
font-size:100%;
font-weight:normal;
color:#95C152;
padding:5px 0 5px 0;
}

.product_contents{
padding:5px 0 5px 0;
}

#product_middle_container select, #product_middle_container input, #category_wrapper select, #category_wrapper input {
display:block;
}

#product_select_dropdown{
margin:20px 0 0 0;
}

.product_select_dropdown{
margin:7px 0 0 0;
}

#product_select_quantity, .product_select_quantity{
margin:5px 0 0 0;
}

#product_detail_quantity, .product_detail_quantity{
margin:5px 0 10px 0;
}

#product_select_button, .product_select_button{
margin:5px 0 10px 0;
}

#product_detail_button, .product_detail_button{
margin:5px 0 20px 0;
}

.byline_black{
color:#464646;
font-weight:normal;
}

#product_middle_left ul{
padding: 0 0 0 15px;
}

.bulleted_list{
display:list-item;
list-style-type:disc;
list-style-position:outside;
padding:5px 0 0 0;
}

.unbulleted_list{
display:list-item;
line-height:20px;
}

.product_heading_spacer{
padding:15px 0 5px 0;
}

.product_heading_spacer_under{
padding:0 0 5px 0;
}

/* -------------------------------------------------------------------------------------------------------------------- Content and Styles :: Category Page */

#category_top{
position:relative;
clear:both;
width:758px;
height:30px;
margin: 0 0 0 3px;
background:#F0F5F8;
border:solid 1px #D3D3DB;
}

#category_top_all{
position:relative;
clear:both;
width:764px;
height:3px;
margin: 0 0 0 3px;
font-size:1%;
line-height:1%;
background:url(../images/border_shadow_top.png);
}

#category_top_extended{
position:relative;
clear:both;
width:758px;
height:auto;
min-height:30px;
margin: 0 0 0 3px;
padding:0 0 5px 0;
background:#F0F5F8;
border:solid 1px #D3D3DB;
}

#category_top_extended a:link, #category_top_extended a:hover, #category_top_extended a:visited, #category_top_extended a:active,
#category_top a:link, #category_top a:hover, #category_top a:visited, #category_top a:active {
color:#8FA1B0;
}

#category_top_left{
float:left;
display:inline;
width:129px;
height:100%;
background:url(../images/filter_icon.png) center left no-repeat;
}

#category_top_right{
position:relative;
width:690px;
height:100%;
padding:0 0 0 3px;
}
.category_top_right_li{
display: inline-block;
}
.category_top_right_li{*display:inline;} 

#category_wrapper{
position:relative;
clear:both;
width:762px;
height:auto;
min-height:250px;
background:url(../images/border_shadow_left.png) top left repeat-y;
border-right:solid 1px #D3D3DB;
}

#category_wrapper:after {
display: block;
content: " ";
clear: both;
}

#category_content_left{
float:left;
width:510px;
height:100%;
padding:20px 0 0 10px;
}

#category_content_right{
float:right;
width:230px;
height:auto;
padding:10px 10px 0 0;
}

#category_top ul, #category_top_extended ul{
padding:1px 0 0 10px;
line-height:18px;
}

#category_top li, #category_top_extended li{
display:inline; padding:0 7px 0 7px;
}

#category_top li a:link, #category_top li a:visited, #category_top_extended li a:link, #category_top_extended li a:visited{
font-weight:normal;
}

.category_pod{
width:670px;
height:auto;
padding:20px 0 20px 30px;
}

.info_pod{
width:650px;
height:auto;
padding:8px 0 8px 30px;
}

.category_pod_image{
float:left;
width:120px;
height:130px;
text-align:center;
overflow:hidden;
}

.category_pod_copy{
float:right;
width:520px;
height:auto;
}

.category_pod_spacer{
width:99%;
height:1px;
background:url(../images/dotted_border_horizontal.png) top left repeat-x;
line-height:1%;
font-size:1%;
clear:both;
margin:0 0 0 5px;
}

.category_featured_ingredient{
display:block;
padding:25px 0 0 25px;
}

.list_start{
color:#457BA1;
}

.popular_heading_spacer {
padding:12px 0 12px 10px;
}

/* -------------------------------------------------------------------------------------------------------------------- Content and Styles :: Ingredient Page */

#ingredient_top{
position:relative;
clear:both;
width:758px;
height:30px;
margin: 10px 0 0 3px;
background:#F0F5F8;
border:solid 1px #D3D3DB;
font-size:12px;
}

#index_ingredient_column_left {
float:left;
display:inline;
width:250px;
height:790px;
}

#index_ingredient_column_center {
float:left;
display:inline;
width:250px;
height:790px;
background:url(../images/dotted_border.png) top left repeat-y;
}

#index_ingredient_column_right {
float:left;
display:inline;
width:250px;
height:790px;
background:url(../images/dotted_border.png) top left repeat-y;
}

.index_ingredient_pod{
width:240px;
height:262px;
}

.index_ingredient_pod_copy{
width:230px;
padding:0 0 0 10px;
}

.index_ingredient_pod_image{
width:220px;
height:150px;
padding:10px 0 0 0;
text-align:center;
}

.index_ingredient_pod_image_center{
width:220px;
height:auto;
padding:10px 0 0 0;
margin:0 0 0 5px;
text-align:center;
}

.ingredient_pod{
width:758px;
height:auto;
min-height:170px;
}

.ingredient_pod:after {
display: block;
content: " ";
clear: both;
}

.index_ingredient_pod:after {
display: block;
content: " ";
clear: both;
}

.ingredient_pod_image{
float:left;
display:inline;
width:130px;
height:160px;
padding:15px 10px 0 10px;
text-align:center;
}

.ingredient_pod_copy{
float:left;
display:inline;
width:350px;
height:auto;
min-height:180px;
padding:0 10px 0 10px;
background:url(../images/dotted_border.png) top right repeat-y;
}

.ingredient_pod_copy:after {
display: block;
content: " ";
clear: both;
}

.ingredient_pod_products{
float:left;
display:inline;
width:210px;
height:100%;
padding:0 10px 0 10px;
}

.ingredient_pod_spacer{
width:99%;
height:1px;
background:url(../images/dotted_border_horizontal.png) top left repeat-x;
line-height:1%;
font-size:1%;
clear:both;
margin:0 0 0 5px;
}

#ingredient_top ul {
padding:3px 0 0 10px;
}

#ingredient_top li {
display:inline;
padding:0 0 0 4px;
}

#ingredient_top a, #ingredient_top a:visited {
color:#8FA1B0;
padding:0 4px 0 0;
}

.ingredient_text{
padding:25px 0 0 0;
}

.ingredient_link{
padding:10px 0 0 10px;
}

.ingredient_header{
padding:25px 0 0 0;
color:#6E9F3A;
}

.index_ingredient_header{
padding:10px 0 0 0;
color:#6E9F3A;
}

/* -------------------------------------------------------------------------------------------------------------------- Popular Page  */
#promotion_top{
position:relative;
width:758px;
height:170px;
margin:10px 0 0 10px;
background:url(../images/promo_2010_04_20_freedelivery.png) top left no-repeat;
}

#popular_top{
position:relative;
width:758px;
height:170px;
margin:10px 0 0 10px;
background:url(../images/popular_banner.jpg) top left no-repeat;
}

#popular_top_left{
float:left;
display:inline;
width:230px;
height:140px;
padding:4px 0 0 160px;
}

#popular_top_right{
float:left;
display:inline;
width:230px;
padding:40px 0 0 18px;
}

#popular_display_container {
position:relative;
clear:both;
width:800px;
height:757px;
background:url(../images/popular_grid.png) top left no-repeat;
}

.popular_ingredient_header{
font-family:Arial, Helvetica, sans-serif;
font-size:200%;
font-weight:lighter;
color:#9FB1BD;
}

.popular_ingredient_text{
font-family:Arial, Helvetica, sans-serif;
color:#9FB1BD;
}

/* -------------------------------------------------------------------------------------------------------------------- Store Locater  */

#map_container{
position:relative;
height:500px;
width:763px;
background:url(../images/border_shadow_right.png) top right repeat-y;
border-left: solid 1px #DDDEE3;
}

#map_left{
width: 200px;
height: 98%;
float:left;
padding:10px 0 0 10px;
background:url(../images/dotted_border.png) top right repeat-y;
}

#map_left_top{
width: 200px;
height: auto;
padding:10px 0 10px 0;
  background:url(../images/dotted_border_horizontal.png) bottom left repeat-x; 
line-height:18px;
}

#map_left_bottom{
width: 190px;
height: auto;
padding:15px 0 0 0;
}

#map{
width: 500px;
height: 475px;
float:left;
display:inline;
margin:10px 0 0 25px;
}

/* -------------------------------------------------------------------------------------------------------------------- Philosophy Page  */

#philosophy_wrapper{
position:relative;
width:100%;
height:auto;
padding:10px 0 15px 0;
}

#philosophy_wrapper:after {
display: block;
content: " ";
clear: both;
}

#philosophy_left{
float:left;
width:360px;
height:100%;
padding:0 0 10px;
line-height:17px;
}

#philosophy_right{
float:right;
width:360px;
height:100%;
padding:0 10px 0 0;
line-height:17px;
}

#philosophy_bottom{

}

#philosophy_bottom h3 {
	padding:0 0 15px 0;
}

#philosophy_bottom tr {
	border-bottom: solid 1px #cccccc;
}

#philosophy_bottom td {
	border: solid 1px #cccccc;
	
	padding:0 0 0px 3px;
}

.philosophy_table_title tr{
font-weight:bold;
}

.philosophy_text{
padding:15px 0 0 0;
}

.caption_text{
font-size:10px;
color:#6E6E6E;
}

.philosophy_header{
font-family:Arial, Helvetica, sans-serif;
font-size:300%;
color:#95C152;
}

#philosophy_wrapper h3{
padding:15px 0 0 0;
}


/* -------------------------------------------------------------------------------------------------------------------- VIP Page  */

#vip_top_tabs li {
width:200px;
height:100%;
padding:0 10px 0 10px;
text-align:center;
border-right:solid 1px #D3D3DB;
}

#vip_1, #vip_2{
width:682px;
height:100%;
padding:20px 50px 70px 30px;
}

/* -------------------------------------------------------------------------------------------------------------------- Blog  */

.blog_container {
width:550px;
min-height:550px;
}
.blog_container h2{
padding:20px 0 5px 0;
font-size:18px;
}
.blog_container h3 {
clear:both;
padding:10px 0 10px 0;
font-size:18px;
font-weight:bold;
}
.permalink{
padding:10px 0 5px 5px;
font-size:11px;
font-style: italic;
}
.blog_container img {
float:left;
padding-right:10px;
max-width:550px;
}

.blog_container ul{
list-style:disc inside;
margin-top:5px;
}

.blog_menu{
position:absolute;
top:10px;
right:0;
width: 190px;
background: #f3f6fa;
border:solid 1px #d3d3db;
margin-top:10px;
padding:5px;
}
.blog_menu p {
font-weight:bold;
}

.blog_menu_year{
text-align: right;
padding:5px;
}

.blog_menu li{
padding-top:5px;
}
.showdate{
text-align: right;
color:#626262;
font-size:11px;
border-top:1px solid #c5ced5;
}
/* -------------------------------------------------------------------------------------------------------------------- Shopping Cart and Login */

#cart_top{
position:relative;
width:100%;
height:auto;
padding:15px 25px 8px 25px;
}

#product_cart_container{
position:relative;
width:743px;
height:auto;
min-height:166px;
padding:8px 10px 8px 10px;
background:#F3F6FA url(../images/border_shadow_right.png) top right repeat-y;
border-left:solid 1px #D3D3DB;
}

#product_promo_container{
position:relative;
width:743px;
height:auto;
min-height:36px;
padding:2px 10px 8px 10px;
background:#F3F6FA url(../images/border_shadow_right.png) top right repeat-y;
border-left:solid 1px #D3D3DB;
}

#product_cart_container:after {
display: block;
content: " ";
clear: both;
}

#product_cart_container ul{
padding:1px 0 10px 10px;
line-height:18px;
}

#product_cart_container li{
padding:0 6px 0 6px;
}

#product_cart_container td{
padding-bottom:10px;
}

#product_cart_container th{
font-weight:bold;
padding-bottom:10px;
}

#cart_options{
position:relative;
height:20px;
width:250px;
padding:5px 0 8px 25px;
}

#cart_spacer{
position:relative;
width:100%;
height:3px;
font-size:1%;
line-height:1%;
background:url(../images/dotted_border_horizontal.png) top left repeat-x;
}

#cart_checkout{
float:right;
height:60px;
width:250px;
padding:20px 25px 50px 0;
}

.col1{
width:70px;
}

.col2{
width:339px;
}

.col3{
width:100px;
}

.col4{
width:100px;
}
.col5{
width:50px;
}
.profile_line{
display:block;
padding:5px 0 0 10px;
}

.checkout_total{
float:right;
}

.checkout_button{
float:right;
padding:15px 0 0 0;
}

#checkout_form_fieldset p {
clear:both;
width:400px;
padding:5px 0 0 0;
}

#checkout_form_fieldset label {
float:left;
width:140px;
text-align:right;
}

#checkout_form_fieldset input,  #checkout_form_fieldset select{
float:right;
width:240px;
}

#checkout_shipping_info {
position:absolute;
left:435px;
top:35px;
width:300px;
height:250px;
}

#currency_select_form{
position:absolute;
top:25px;
left:550px;
font-size:11px;
}

#currency_select_form label{
display:inline;
}

#currency_select_form select{
font-size:11px;
}
/* -------------------------------------------------------------------------------------------------------------------- Effects */

.top_shadow_764{
position:relative;
clear:both;
height:5px;
width:764px;
background:url(../images/border_shadow_top.png) bottom left no-repeat;
line-height:1px;
font-size:1%;
}

.top_shadow_764_blue{
position:relative;
clear:both;
height:5px;
width:764px;
background:url(../images/border_shadow_top_blue.png) bottom left no-repeat;
line-height:1px;
font-size:1%;
}

.bottom_shadow_764{
position:relative;
height:5px;
width:764px;
background:url(../images/border_shadow_bottom.png) top left no-repeat;
margin:0 0 10px 0;
line-height:1px;
font-size:1%;
}

.category_adjust{
margin:0 0 10px 3px;
}

.category_adjust_top{
margin:0 0 0 3px;
}

.dotted_spacer{
position:relative;
width:100%;
height:3px;
font-size:1%;
line-height:1%;
background:url(../images/dotted_border_horizontal.png) top left repeat-x;
z-index:101;
}

.ten_pixel_spacer{
position:relative;
width:100%;
height:10px;
font-size:1%;
line-height:1%;
}

.pagination{
position:relative;
width:758px;
height:20px;
}

.pagination_text{
float:right;
padding:8px 10px 8px 0;
font-family:verdana, sans serif;
font-size:11px;
}

/* -------------------------------------------------------------------------------------------------------------------- Footer Blocks */

#footer{
position:relative;
clear:both;
width:782px;
height:150px;
margin:10px auto;
padding-top:5px;
font-size:12px;
color:#626262;
border-top:1px solid #c5ced5;
}

#footer ul li {
display:inline;
padding-right:5px;
}

#footer ul li a {
color: #7f92a3;
border-left: 1px solid #98cbc4;
padding-left:7px;
}

/* --------------------------------------------------------------------------------------------------------- spokesperson page */
#spokesperson_top{
position:relative;
clear:both;
width:768px;
height:25px;
margin: 10px 0 0 0px;
background:#FFFFFF;
border:solid 0px #D3D3DB;
font-size:12px;
}

#spokesperson_top ul {
padding:3px 0 0 0px;
}

#spokesperson_top li {
display:inline;
padding:0 0 0 0px;
}

#spokesperson_top a {
color:#8FA1B0;
padding:0 4px 0 0;
display: block;
position: absolute;	 
}
#spokesperson_top a:hover {
	background-position: left bottom;
} 

#spokesperson_top .title {
	width: 360px;
	height: 25px;
	background: url(../images/teresa/title.png) left bottom no-repeat;
	left: 0px;
	top: 0px;
}

#spokesperson_top .intro {
	width: 75px;
	height: 20px;
	background: url(../images/teresa/intro.png) left top no-repeat;
	left: 365px;
	top: 0px;
}
   
#spokesperson_top .interview {
	width: 75px;
	height: 20px;
	background: url(../images/teresa/interview.png) left top no-repeat;
	left: 440px;
	top: 0px;
}
#spokesperson_top .products {
	width: 95px;
	height: 20px;
	background: url(../images/teresa/products.png) left top no-repeat;
	left: 530px;
	top: 0px;
}

#spokesperson_top .titbits {
	width: 75px;
	height: 20px;
	background: url(../images/teresa/titbits.png) left top no-repeat;
	left: 620px;
	top: 0px;
}

#spokesperson_top .appreciate {
	width: 75px;
	height: 20px;
	background: url(../images/teresa/appreciate.png) left top no-repeat;
	left: 695px;
	top: 0px;
}

#spokesperson_top .intro_selected {
	width: 75px;
	height: 20px;
	background: url(../images/teresa/intro.png) left bottom no-repeat;
	left: 365px;
	top: 0px;
}
   
#spokesperson_top .interview_selected {
	width: 75px;
	height: 20px;
	background: url(../images/teresa/interview.png) left bottom no-repeat;
	left: 440px;
	top: 0px;
}
#spokesperson_top .products_selected {
	width: 95px;
	height: 20px;
	background: url(../images/teresa/products.png) left bottom no-repeat;
	left: 530px;
	top: 0px;
}

#spokesperson_top .titbits_selected{
	width: 75px;
	height: 20px;
	background: url(../images/teresa/titbits.png) left bottom no-repeat;
	left: 620px;
	top: 0px;
}

#spokesperson_top .appreciate_selected{
	width: 75px;
	height: 20px;
	background: url(../images/teresa/appreciate.png) left bottom no-repeat;
	left: 695px;
	top: 0px;
}

#spokesperson_column_left {
float:left;
display:inline;
width:480px;
height:280px;
}

#spokesperson_column_right {
float:left;
display:inline;
width:280px;
height:280px;
}

#spokesperson_bottom_left {
padding:40px 0 0 0;
float:left;
display:inline;
width:100px;
height:90px;
text-align:center;
line-height:150%
}

#spokesperson_bottom_left a:hover{
padding:40px 0 0 0;
color:#457BA1;
text-decoration:none;
font-weight:bold;
line-height:150%
}

#spokesperson_bottom_center {
float:left;
display:inline;
width:560px;
padding:15px 0 15px 0;
text-align:left;
min-height:250px;
line-height:150%
}

#spokesperson_bottom_center a:hover {
padding:15px 0 15px 0;
color:#6E9F3A;
text-decoration:none;
font-weight:bold;
}

#spokesperson_bottom_center a{
padding:15px 0 15px 0;
color:#6E9F3A;
text-decoration:none;
font-weight:bold;
}

#spokesperson_bottom_right {
padding:40px 0 0 0;
float:left;
display:inline;
width:100px;
height:120px;
text-align:center;
line-height:150%
}

#spokesperson_bottom_right a:hover{
padding:40px 0 0 0;
color:#457BA1;
text-decoration:none;
font-weight:bold;
line-height:150%
}

#spokesperson_intro_bottom_center {
float:left;
display:inline;
width:760px;
padding:15px 0px 15px 0px;
text-align:left;
min-height:250px;
line-height:150%
}

#spokesperson_video_center {
float:left;
display:inline;
width:760px;
padding:15px 0 15px 0;
text-align:center;
height:200px;
line-height:150%
}

#spokesperson_video_box {
float:left;
display:inline;
width:250px;
text-align:center;
height:200px;
line-height:150%
}

#spokesperson_video_box a:hover{
float:left;
display:inline;
width:250px;
text-align:center;
height:200px;
line-height:150%
color:#457BA1;
text-decoration:none;
font-weight:bold;
}

.spokesperson_left_image{
width:480px;
height:270px;
padding:10px 0 0 0;
text-align:center;
}

.spokesperson_right_image{
width:280px;
height:270px;
padding:10px 0 0 0;
text-align:center;
}

.spokesperson_header{
padding:10px 0 10px 0px;
color:#6E9F3A;
text-align:left;
font-weight:bold;
font-size:15px;
}

.spokesperson_intro_header{
padding:20px 0 20px 0px;
color:#6E9F3A;
text-align:left;
font-weight:bold;
font-size:18px;
}

.spokesperson_inteview_pod{
height:auto;
padding:8px 0 8px 0px;
width:420px;
}