/*
-----------------------------------------------
Whole-istic Solutions Main Style Sheet
Version:  01 April 2006
----------------------------------------------- */

/* Change Log:

----------------------------------------------- */

body {
	background:#EEEEE7;
	margin:0;
	padding:0px 5px 15px 10px;
	font:small/1.6em Arial, Helvetica, sans-serif;
	text-align:center;
	color:#333;
}
/*Stop WinIE6 from calculating width of
italicized text twice, thereby wrecking layout
----------------------------------------------- */

* html em {
	font-style: normal;
	font-weight: bold;
}
/* Page
----------------------------------------------- */
#page {
	background:#fff url("../images/bg_page_topright.gif") no-repeat right top;
	margin:0 auto;
	padding: 0;
	width:755px;
	text-align:left;
}
#page-a {
	background:url("../images/bg_page_right.gif") repeat-y right top;
	width:755px;
}
.gridright #page-a {
	background:url("../images/bg_page_right_gridright.gif") repeat-y right top;
}
.gridleft #page-a {
	background:url("../images/bg_page_right_gridleft.gif") repeat-y right top;
}
#page-b {
	background:url("../images/bg_page_bot.gif") no-repeat right bottom;
	padding:0 20px 20px 15px;
	width:720px;
}
/* Links
----------------------------------------------- */
a {
	color:#003372;
	text-decoration:none;
}
a:visited {
	color:#003372;
	outline: none;
}
a:hover {
	color:#003372;
	text-decoration:underline;
	outline: none;
}
a img, .photo a, a.noline, .thumbnail a, .image a {
	border-width:0;
}
/* Links:    .home #ph-text 
----------------------------------------------- */
.home #ph-text a {
	color:#003372;
	text-decoration:none;
	font: 92%/1.4em Verdana, Sans-serif;
	letter-spacing:.1em;
}
.home #ph-text a:hover {
	color:#003372;
}
.home #ph-text a:visited {
	color:#003372;
}
/* Lists
----------------------------------------------- */
ul {
	margin:.25em 10px 1em;
	padding:0;
	list-style:none;
}
li {
	background:url("../images/list.gif") no-repeat 0 .65em;
	margin:0;
	padding:0 10px;
	line-height:1.8em;
}
* html ul li {
	height:1%;
}
ul, dl {
	padding:0 10px;
}
dl {
	margin-bottom:1.75em;
}
dd {
	margin:0 0 .5em 0;
}
ol li {
	background:none;
	padding:0;
}
/* Header
----------------------------------------------- */
#header {
	float:left;
	width:720px;
	padding-bottom:10px;
}
#header a {
	border-width:0;
}
#logo {
	float:left;
	display:block;
	padding: 12px 5px;
}
#search {
	background: url(../images/bg_search.gif) 0 0 no-repeat;
	float:right;
	width:200px;
	margin:0;
	font:bold 80%/1.4em "Trebuchet MS", Arial, Verdana;
	text-transform:uppercase;
	letter-spacing:.1em;
	color:#776;
}
#search div {
	min-height:25px;
	padding:15px 20px 15px;
}
#user-search {
	float:right;
	width:505px;
}
#search label {
	display:block;
	padding-bottom:4px;
	line-height:1px;
	font-size:1px;
}
#search input.text {
	width:120px;
	font:11px/13px Monaco, Monospace;
}
#welcome-user {
	margin-right:10px;
	padding-top:5px;
	font-size:80%;
	color:#999;
	line-height:1.4em;
}
#welcome-user ul {
	margin:0;
	padding:0;
}
#welcome-user li {
	line-height:1.3em;
	background:url("../img/tri_right_047.gif") no-repeat 0 .50em;
}
/* Nav
----------------------------------------------- */
#nav {
	background:#74967a url("../images/corners.gif") no-repeat left bottom;
	float:left;
	width:720px;
	margin-bottom:10px;
	color:#fff;
}
html>body #nav {
	background-image:url("../images/corners.png");
}
#nav ul {
	background:url("../images/nav_shad.gif") repeat-x;
	height:36px;
	margin:0;
	padding:0 0;
	list-style:none;
}
#nav li {
	float:left;
	margin:0;
	padding:0;
	background-image:none;
	line-height:normal;
	text-indent:0;
}
#nav li a, #nav li strong {
	background-repeat:no-repeat;
	background-position:0 0;
	display:block;
	float:left;
	height:36px;
	border-width:0;
	text-indent:-10000px;
	outline: none;
}
#nav li strong {
	background-position:0 -36px;
}
#nav li a:hover {
	background-position:0 -72px;
	outline: none;
}
/* Page Header (ph)
----------------------------------------------- */
#ph, #ph-a, #ph-b {
	float:left;
	width:720px;
}
#ph {
	background:url("../images/bg_ph_col.gif") repeat-y left top;
	margin-bottom:10px;
	background-color:#CCCCCC;
}
.top #ph {
	background-image:url("../images/bg_ph_col_top.gif");
}
#ph-a {
	background-repeat:no-repeat;
}
#ph-b {
	background:url("../images/corners.gif") no-repeat left bottom;
}
html>body #ph-b {
	background-image:url("../images/corners.png");
}
#ph h1 {
	float:left;
	width:470px;
	margin:0;
	padding:25px 20px 15px 20px;
	font:140%/1.2em Georgia, Serif;
}
.top #ph h1 {
	padding-top:60px;
	padding-bottom:30px;
}
#ph h1, h1 a, h1 a:visited, h1 a:hover {
	color:#fff;
}
#ph-text {
	background: url("../images/nav_shad.gif") repeat-x 0 0;
	float:right;
	width:200px;
	margin:0;
	padding:15px 0 5px 0px;
	font-size:85%;
	line-height:1.4em;
	color:#BAD2D2;
}
/* Structure
----------------------------------------------- */
#content {
	float:left;
	width:720px;
}
#content-a {
	float:left;
	width:720px;
}
#content-main {
	float:left;
	width:720px;
	font-size:85%;
	line-height:1.6em;
}
/* Headings
----------------------------------------------- */
h2 {
	margin:.75em 0 .25em;
	padding:0 20px;
	font:155%/1.4em Georgia, Serif;
}
h3 {
	color:#FFF;
	background-color:#74967a;
	font:110%/1.4em Verdana, Sans-serif;
	padding: 5px;
}
#ingred-tab h2 {
	font:110%/1.4em Verdana, Sans-serif;
}
.home #ph-text h2 {
	color:#003372;
	font-weight:bold;
	padding:0;
	margin:1.75em 0 1em;
	font:bold 92%/1.4em "Trebuchet MS", Arial, Sans-serif;
	text-transform:uppercase;
	letter-spacing:.1em;
}
/* General Content
----------------------------------------------- */
p {
	padding:0 20px;
	line-height:1.8em;
}
.home #ph-text p, .home #ph-text h2, .home #ph-text ul {
	margin:0;
	padding:0;
}
.trio p {
	padding:0 10px;
}
.underline {
	text-decoration:underline;
}
/* Home
----------------------------------------------- */
.home #ph {
	background-image:url("../images/bg_ph_home.gif");
}
.home #ph-a {
	background-position:right top;
}
.home #ph-text {
	background-image:url("../images/home_shad.gif");
	float:left;
	width:180px;
	padding:15px 10px 10px;
	font-size:85%;
	line-height:1.4em;
	text-align:left;
}
.home #ph h1 {
	float:right;
	width:480px;
	padding-top:70px;
	font:140%/1.2em Georgia, Serif;
	text-align:right;
	font-style:italic;
}
.home #ph h1 strong {
	display:block;
	font-weight:normal;
}
.home #content-a {
	background-position:left bottom;
}
.home #content-main {
	float:right;
}
#whs-worldwide {
	clear: both;
	padding-top: 3px;
	width: 712px;
	height: 360px;
	background: url(../images/whs_ww.jpg) 0 0 no-repeat;
	overflow: hidden;
}
#whs-worldwide .inner{
	width: 410px;
}
/*Supplements Page
------------------------------------------------*/

#duet-supp {
	float:left;
	width:710px;
	margin-top:.5em;
	border-bottom:1px solid #ccc;
	background:none;
	padding: 0 0 10px 10px;
	margin-bottom:10px;
}
#duet-supp p {
	padding:0 10px 0 0;
	text-align:left;
}
#tab {
	float:left;
	width:720px;
	margin-top:.5em;
}
#tab a:hover {
	color:#fff;
	text-decoration:none;
}
#t1 {
	background:none;
	float:left;
	width:240px;
	margin:0;
}
#t1 div {
	background:#ccc;
	padding:6px 0 0 10px;
	border-top:4px solid #fff;
	border-right:1px solid #fff;
}
#t2 {
	background:none;
	float:left;
	width:240px;
	margin:0;
	padding:0;
}
#t2 div {
	background:#ccc;
	padding:6px 0 0 10px;
	border-top:4px solid #fff;
	border-right:1px solid #fff;
}
#t3 {
	background:#74967a url("../images/corners_tab.gif") no-repeat right top;
	float:left;
	width:230px;
	margin:0;
	padding:0;
	color:#fff;
}
#t3 div {
	padding:10px 0 0 10px;
}
/*Tabs test
------------------------------------------------*/
 .ta1 {
	background:none;
	float:left;
	width:245px;
	margin:0;
}
.ta1 div {
	background:#ccc;
	padding:6px 0 0 10px;
	border-top:4px solid #fff;
	border-right:1px solid #fff;
}
.ta1over {
	background:#74967a url("../images/corners_tab.gif") no-repeat right top;
	float:left;
	width:230px;
	margin:0;
	padding:0;
	color:#fff;
}
.ta1over div {
	padding:10px 0 0 10px;
}
/*
------------------------------------------------*/  
  
  
#detail {
	float:left;
	width:718px;
	border:1px solid #999;
	background:none;
	padding: 0 0 10px 0px;
	margin-bottom:20px;
}
#detail a:hover {
	color:#003372;
}
.repeat {
	float:left;
	width:708px;
	margin-top:.5em;
	padding-left:10px;
}
.bar {
	background:none;
	float:left;
	width:220px;
	margin:0;
	padding:0;
}
.blurb {
	background:none;
	float:left;
	width:375px;
	margin:0;
	padding-left:5px;
}
.facts {
	background:none;
	float:left;
	width:95px;
	margin:0;
	padding:15px 0 0 5px;
}
.ingred {
	float:left;
	width:700px;
	margin-top:10px;
	border-bottom:1px solid #999;
	border-top:1px solid #999;
	text-align:right;
}
.records {
	float:left;
	width:708px;
	margin-top:.5em;
	padding-right:10px;
	text-align: right;
}
.thumb {
	float:left;
	width:708px;
	margin-top:.5em;
	padding-left:10px;
}
.thumb div {
	float:left;
	padding:10px 9px 0 0;
	width:120px; /*Fallse value for IE4-5.x/Win */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 129px; /* Actual value for conformant browesrs */
}
/*Supplements Page - Larabar Tab
------------------------------------------------*/

#ingred-tab {
	background:#74967a;
	clear:both;
	width:718px;
	border-top:10px solid #fff;
	line-height:1.6em;
	color:#fff;
}
#ingred-tab div {
	padding:5px 20px 5px;
}
#ingred-tab p {
	margin:0;
	padding:0;
}
/* Trios
----------------------------------------------- */
.trio {
	float:left;
	width:720px;
	margin-top:.5em;
}
.trio .part a, .trio .part1 a, .trio .part2 a, .trio .part3 a {
	background:none;
	float:left;
	width:240px;
	margin:0;
	padding:0;
}
/* Duets on the home page
----------------------------------------------- */

.duet {
	float:left;
	width:720px;
	margin-top:.5em;
}
.duet1 {
	background:none;
	float:left;
	width:199px;
	border-right:1px solid #CCCCCC;
	text-align:center;
	margin:0;
	padding:0;
}
.duet2 {
	background:none;
	float:left;
	width:520px;
	margin:0;
	padding:0;
}
.duet p {
	padding:10px;
	text-align:left;
}
/* Forms
----------------------------------------------- */
input.text {
	border:1px solid;
	border-color:#aa9 #ffe #ffe #aa9;
	font-size:85%;
}
.imgbutton {
	vertical-align:middle;
	width:24px;
	height:25px;
}
/* Search
----------------------------------------------- */
#search-result-top {
	margin: 0 0 20px 0;
}
.search-result-item {
	margin: 0 20px 20px 20px;
}
.search-result-item-description {
	margin: 0;
	padding: 0 0 0 15px;
}
.search-result-sortby {
	float:right;
	padding:0 20px 10px 0;
	clear:both;
}
.search-result-url {
	color:#749696;
}
.search-result-size {
	color:#749696;
}
.search-result-date {
	color:#749696;
}
.search-result-cache {
	color:#749696;
}
#search-result-icon {
	margin-right: 3px;
}
#search-page-nav {
	text-align: center;
	margin: 30px 0 20px 0;
}
#search-page-range {
	float: left;
	margin-right: 10px;
}
#search-current-page-range {
	float: left;
	margin-right: 10px;
}
#search-previous {
	float: left;
	margin-right: 10px;
	font-weight: bold;
}
#search-next {
	float: left;
	font-weight: bold;
}
/* Footer
----------------------------------------------- */
#footer {
	background:#74967a url("../images/corners.gif") no-repeat left bottom;
	clear:both;
	width:720px;
	border-top:10px solid #fff;
	font-size:85%;
	line-height:1.6em;
	color:#fff;
}
html>body #footer {
	background-image:url("../images/corners.png");
}
#footer div {
	padding:12px 20px 15px;
}
#footer p {
	margin:0;
	padding:0;
}
#footer a {
	color:#fff;
	border-color:#fff;
}
#footer hr {
	display:none;
}
/* Larabars My Colors
----------------------------------------------- */
.mycolor-y {
	color:#ffff66;
	font-weight:bold;
}
.mycolor-g {
	color:#66cc33;
	font-weight:bold;
}
.mycolor-che {
	color:#660033;
	font-weight:bold;
}
.mycolor-cho {
	color:#333;
	font-weight:bold;
}
.mycolor-coc {
	color:#660000;
	font-weight:bold;
}
.mycolor-or {
	color:#ff3300;
	font-weight:bold;
}
.mycolor-gin {
	color:#99cc99;
	font-weight:bold;
}
.mycolor-cin {
	color:#ffcc99;
	font-weight:bold;
}
.mycolor_lime {
	color:#88C541;
	font-weight:bold;
}
.mycolor_pis {
	color:#64B06A;
	font-weight:bold;
}
/*Larabar detail page
------------------------------------------------*/  
 .labar {
	float:left;
	width:718px;
	margin-top:.5em;
}
.labar1 {
	background:none;
	float:left;
	width:250px;
	margin:0;
	padding:0;
}
.labar1 div {
	text-align:center;
}
.labar2 {
	background:none;
	float:left;
	width:468px;
	text-align:center;
}
.labar2 .ingre img {
	margin-top: 40px;
}
.labar p {
	padding:10px;
	text-align:left;
}
.labar strong {
	text-align:left;
	font-weight:bold;
}
.goback {
	text-align: right;
	color:#CCCCCC;
	border-bottom: 1px solid #74967a;
}
.goback a {
	color:#CCC;
	background-color:fff;
}
.goback a:visited {
	color:#999;
}
.goback a:hover {
	color: #999;
	text-decoration:underline;
}
/*Supplements Page - Larabar Tab
------------------------------------------------*/

#ingred-tab {
	background:#74967a;
	clear:both;
	width:718px;
	border-top:10px solid #fff;
	line-height:1.6em;
	color:#fff;
}
#ingred-tab div {
	padding:5px 20px 5px;
}
#ingred-tab p {
	margin:0;
	padding:0;
}
/*Supplements Page
------------------------------------------------*/
.prod {
	float:left;
	width:708px;
	margin-top:.5em;
}
.wraper {
	height: 235px;
	overflow:hidden;
}
.prod div {
	float:left;
	width:230px;
}
.prod div img {
	float:left;
	padding:10px 10px 40px 10px;
}
.prod div p {
	padding:0;
}
.learn {
	text-align:right;
	font-weight:bold;
	border: 1px solid #ccc;
	border-width:1px 0;
	color:#999;
}
.learn a {
	text-align:right;
	font-weight:bold;
	color:#999;
}
.learn a:hover {
	text-align:right;
	font-weight:bold;
	color:#003372;
}
/*Supp_detail page
------------------------------------------------*/  
 .supp {
	float:left;
	width:718px;
	margin-top:.5em;
}
.supp1 {
	background:none;
	float:left;
	width:180px;
	margin:0;
	padding:0;
}
.supp2 {
	background:none;
	float:left;
	width:515px;
}
.column {
	float:left;
	width:515px;
	margin-top:.5em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
}
.column ul li {
	list-style:none;
}
.column h1 {
	color:#FFF;
	background-color:#74967a;
	line-height:1.6em;
	font-size:100%;
	padding:5px 20px 5px;
	font-weight: bold;
}
.column .one {
	background:none;
	float:left;
	width:140px;
	text-align:center;
	margin:0;
	padding-top:12px;
}
.column .two {
	background:none;
	float:left;
	width:365px;
	margin:0;
	padding-left: 10px;
}
.column .two p {
	text-align:left;
}
.column .tree {
	background:none;
	float:left;
	width:110px;
	text-align:center;
	margin:0;
	padding:0;
}
.supp p {
	padding-left:10px;
	text-align:left;
}
.supp strong {
	text-align:left;
	font-weight:bold;
}
#sitenav {
	margin-bottom:20px;
	margin-right:20px;
	font-size: 11px;
	background-color: white;
	width:160px;
}
#sitenav a {
	display: block;
	padding: 4px 8px;
	margin: 0;
	text-decoration: none;
	text-align: right;
	border-bottom: 1px solid #000;
}
#sitenav a:hover {
	font-weight:bold;
	background-color:#74967a;
	margin-right: 10px;
	border-right: 4px solid #ccc;
}
#sitenav a:active {
	background-color:#74967a;
	border:1px solid #000000;
}
#sitenav-tab {
	background:#74967a;
	clear:both;
	width:160px;
	line-height:1.6em;
	font-weight:bold;
	color:#fff;
}
#sitenav-tab div {
	padding:5px 20px 5px;
}
#info {
	float:left;
	width:515px;
	margin-top:.5em;
}
#info-tab {
	background:#74967a;
	clear:both;
	width:515px;
	border-top:10px solid #fff;
	line-height:1.6em;
	font-weight:bold;
	color:#fff;
}
#info-tab div {
	padding:5px 20px 5px;
}
/*Other
------------------------------------------------*/   
.wsicon {
	background: #fff url(../images/wsicon.jpg) 100% 100% no-repeat;
}
.bulleton ul li {
	list-style:none;
}
.msg {
	font-size: 13px;
	color:#003399;
	font-weight:bold;
	padding: 20px 0 20px 0;
}
.center {
	text-align: center;
}
#lara-sub-menu {
	text-align: right;
	border-bottom: 1px solid #999;
}
.red {
	background-color: #fff;
	color:#FF0000;
}
.available {
	background-color: #fff;
	color:#006666;
	font-weight: bold;
}
.results {
	font-size: 100%;
	padding: 10px;
}
.zoom_searchform {
	font-size: 100%;
	padding: 10px;
}
/*about
------------------------------------------------*/  
#about-nav {
	float:left;
	background: #fff;
	text-align: left;
	width: 140px;
}
#about-nav ul {
	padding: 0;
	margin: 0;
	line-height: 14px;
}
#about-nav li {
	border-bottom: 1px dotted #74967a;
	list-style: none;
	margin: 0;
	background-image:none;
}
#about-nav a {
	display: block;
	text-decoration: none;
	color: #ccc;
	padding: 7px 5px 7px 5px;
}
#about-nav a:hover {
	color: #74967a;
	padding: 7px 5px 7px 7px;
}
#about-nav a.active {
	color: #74967a;
	padding: 7px 5px 7px 7px;
}
#about {
	float:left;
	width: 564px;
	border-left: 1px solid #74967a;
	display:inline;
}
.bio img {
	float: right;
	padding: 5px;
	margin: 0 0 10px 15px;
}
.mayalink {
	float:right;
	width:250px;
	text-align:right;
}
.mayalink a {
	color:#6699cc;
	font-size:10px;
}
.gallery {
	float:right;
	width:217px;
	height:123px;
}
#disclaimer {
	clear: both;
	display: block;
	border: 1px solid #000;
	margin: 10px 0 10px 0;
	padding: 3px 5px;
	text-align: center;
	font-size: 10px;
}
.factslink {
	padding-right: 14px;
	background: url(../assets/images/factslink.gif) right 3px no-repeat;
	text-decoration: none;
	font-size: 11px;
	line-height: 16px;
	padding-bottom: 10px;
	display: block;
}
#info {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	color: #666666;
}
#info p, #info h1, #info h2 {
	padding: 0;
}
#info h1, .two h1 {
	font-size: 20px;
	line-height: 20px;
	color: rgb(49, 103, 147);
	margin-bottom: 20px;
	padding-left: 5px;
	background: none;
}
#info h1.green {
	color: rgb(122, 172, 93);
	font-size: 18px;
	font-style: italic;
}
#info h2 {
	font-size: 15px;
	line-height: 19px;
	color: rgb(49, 103, 147);
	margin-bottom: 1em;
}
#info h2.green {
	color: rgb(122, 172, 93);
	font-size: 14px;
	font-style: italic;
}
#info h3 {
	font-size: 13px;
	color: rgb(90, 133, 169);
	margin-bottom: 10px;
}
#info ul {
	margin: 1.5em 0pt;
	line-height: 15px;
}
#info ul li {
	background: transparent url('../images/bullet.gif') no-repeat scroll 0pt 5px;
	position: relative;
	padding-left: 16px;
}
.detail {
	float:left;
	width:718px;
	padding: 0 0 10px 0px;
	margin-bottom:20px;
}
#thin {
	float: left;
	padding-right: 20px;
}
a.arrowlink {
	padding-right: 10px;
	background: url(../images/bullet.gif) right 4px no-repeat;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
}
a.arrowlink:hover {
	text-decoration: underline;
}

table.recommendations {
	border-collapse:collapse;
}
table.recommendations td {
	padding:10px;
	border-bottom:1px solid #003372;
}
table.recommendations th {
	background: #ddd;
	padding:5px;
	border-bottom:1px solid #003372;
}