/* @override http://phytobase.com/resources/phytobase.css */

body {
	font-family: "Lucida Grande", LucidaGrande, Lucida, Verdana, verdana, arial, sans-serif;
	/*background-color: #E9F1FF;*/
	background-color:#FFF3E7;
	margin:0;
	text-align:center;
	direction:ltr;
}
#wrapper {
	background: url(../images/contentBody.gif) repeat-y left top;
	margin: 0 auto;
	width: 720px;
	text-align: left;
}
/* @group redefined tags */

a:link {
	color: #904098;
	text-decoration: none;
	border: 0;
}
p a:link, li a:link {
	border-bottom: 1px #904098 dotted;
}
#content p a:link, #content li a:link {
	background-color: #FFD;
}
a:visited {
	color: #000044;
	text-decoration: none;
}
p a:visited, li a:visited {
	border-bottom: 1px #CCC dotted;
}
a:hover {
	color: #EE0000;
	text-decoration: none;
}
p a:hover, li a:hover {
	border-bottom: 1px #EE0000 solid;
}
a:active {
	text-decoration: none;
}
a img {
	border: none;
}
h2 {
	font: 1.4em Helvetica, Arial, sans-serif;
	border-top: 0px solid #BBBBBB;
	padding: 0 10px 10px 0;
	margin: 0;
	letter-spacing: -.04em;
	text-align: left;
	text-shadow: #c5dda3 0px 0px 7px;
}
h3 {
	font-size: 1.1em;
	margin: 0;
	padding: 0;
	text-shadow: #c5dda3 0px 0px 7px;
}
h4 {
	font-size: .9em;
	margin: 0;
	padding: 0;
	text-shadow: #c5dda3 0px 0px 7px;
	color: #360;
}
/* @end */

/* @group p */

p {
	font-size: .7em;
	line-height: 1.3em;
	color: #555;
}
#content p {
	padding-left: 20px;
}
p.tothetop {
	font-size: 10px;
	margin: 0;
	padding: 0;
	float: right;
}
p.toggle {
	background-color: #7AA926;
	clear: left;
	width: 400px;
	font-size: 12px;
	line-height: 19px;
	padding-left: 20px;
	border-top: #666 solid 2px;
}
p.toggle a {
	color: #FFF;
}
p.introtext {
	font-size: .9em;
	line-height: 1.25em;
	margin: 0;
	padding: 0;
	color: #333;
}
p.captionleft {
	font-size: 10px;
	color: #000;
	font-weight: bold;
	float: left;
	display: block;
	clear: left;
}
p.captionright {
	font-size: 10px;
	color: #000;
	font-weight: bold;
	float: right;
	clear: right;
}
.pdflink {
	font-size: 9px;
	color: #333333;
	text-align: left;
	padding-left: 3px;
}
p.smalltext {
	color: #000000;
	font-size: .6em;
	margin: 0;
	padding: 0;
	line-height: 1.0em;
}
p.bottomtext {
	font-size: .6em;
	line-height: .9em;
	text-indent: -10px;
	color: #333333;
	text-align: left;
	padding-left: 13px;
	margin: 3px 0;
}

/* @end */
#breadcrumb {
	font-size: .5em;
	line-height: 1em;
	color: #555;
	border-bottom: 1px solid #DDD;
	padding: 5px 0 0 0;
	margin: 0;
	clear: both;
}
/* @group contentTop */

#contentTop {
	width: 720px;
	height: 103px;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 1;
	background: url(../images/contentTop.jpg) no-repeat  0px 0px;
}
#contentTop p, #contentTop h1 {
	text-indent: -5000px;
	text-align: left;
	padding: 0;
	margin: 0;
}
#contentTop a.logo {
	background: transparent url(../images/logo-Phytobase-g.gif) no-repeat 0 0;
	width: 125px;
	height: 75px;
	position: absolute;
	right: 50px;
	top: 27px;
	border: none;
}
#contentTop a.logo img {
	border: none;
}
#contentTop ul {
	margin: 0;
	padding: 0;
	float: left;
}
/* @group navigation */
#navigation {
	padding: 0;
	margin: 0;
	display: block;
}
/* @group navlist */
/* This is the CLASSED tag added to current BODY tag in html */
ul#navlist {
	padding: 0;
	margin: 0;
	font-weight: bold;
	list-style-type: none;
	position: absolute;
	left: 50px;
	top: 40px;
	width: 560px;
}
ul#navlist li {
	background: transparent url(../images/0051_plus.png) no-repeat left center;
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
	display: block;
}
ul#navlist li a {
	font-size: 15px;
	float: left;
	display: block;
	color: #939;
	margin: 0;
	padding: 3px 0 4px 15px;
	text-decoration: none;
	border: 0px red solid;
	white-space: nowrap;
	
}
body ul#navlist li a:hover {
	text-decoration: none;
	color: #000;
}
body.A #navlist li.A a, 
body.B #navlist li.B a, 
body.C #navlist li.C a, 
body.D #navlist li.D a,
body.E #navlist li.E a {
	color: #000;
}
body.A #navlist li.A a.current, 
body.B #navlist li.B a.current, 
body.C #navlist li.C a.current, 
body.D #navlist li.D a.current,
body.E #navlist li.E a.current {
	color: #000;
	background-color: #DEC;
}
/* @end */
/* @group subnav */
#navlist ul {
	position: absolute;
	left: 0;
	top: 25px;
	margin: 0;
	padding: 0;
	border: 0px solid #CCC;
	border-bottom: 0;
	color: #CCC;
	display: none;
}
#navlist li {
	margin: 0;
	padding: 0;
}
#navlist li li {
	margin: 0;
	padding: 0;
	background-image: none;
}
body.A #navlist li.A ul,
body.B #navlist li.B ul,
body.C #navlist li.C ul,
body.D #navlist li.D ul,
body.E #navlist li.E ul {
	display: block;
	width: 380px;
	margin-left: 0;
}
body.A #navlist li.A li a, 
body.B #navlist li.B li a, 
body.C #navlist li.C li a, 
body.D #navlist li.D li a,
body.E #navlist li.E li a {
	color: #666;
	white-space: nowrap;
}
#navlist li li a {
	font-size: 11px;
	background-image: none;
	padding: 1px 5px;
	margin: 0;
	color: #CCC;
	border: 1px #ddd solid;
	white-space: nowrap;
}
body #navlist ul li a:hover {
	color: #000;
	background-color: #c5dda3;
	white-space: nowrap;
}
#navlist ul a.current {
	color: #000;
	white-space: nowrap;
}
#navlist ul li#hoodia {
	border-left: 1px #AAA solid;
	margin-left: 5px;
	padding-left: 5px;
}
/* @end */
/* @end */

/* @end */
/* @group show/hide stuff */
body.B li#phytocode {
	/*	display:none;*/
}
body.B #navlist ul {
	left: 0px;
}
body.C #navlist li.C ul {
	left: 0px;
}
body #navlist li a:hover ul {
	display: block;
	z-index: 1;
}
body.C #navlist li.B a:hover li {
	display: block;
	z-index: 1;
}
/* @end */

/* @group organicList */
#organiclist {
	display: block;
	margin: 10px 0 0 50px;
	padding: 0;
	list-style: none;
	height: 32px;
	font-size: 10px;
}
#organiclist li {
	margin: 0;
	padding: 0;
	float: left;
	display: inline;
	list-style-type: none;
	height: 32px;
	background: #FFF url(../images/hexbarslarge-sug-off.gif) no-repeat top left;
}
#organiclist a {
	display: block;
	height: 32px;
	width: 192px;
	text-indent: -5000px;
	border: none;
	background-color: #FFF;
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
#organiclist li a.button-sug {
	background-image: url(../images/hexbarslarge-sug.gif);
}
#organiclist li a.button-sug:hover {
	background-position: 0px -32px;
}
#organiclist li a.button-org {
	background-image: url(../images/hexbarslarge-org.gif);
}
#organiclist li a.button-org:hover {
	background-position: 0px -32px;
}

/* @end */
/* @group header */
#header {
	background: url(../images/Header.jpg) no-repeat top left;
	height: 225px;
	width: 720px;
	margin: 0;
	padding: 0;
	position: relative;
	clear: left;
}
body.A #header {
	background-image: url(../images/HeaderWelcomeFruit.jpg);
	height: 225px;
}
/* it was "Headerindex.jpg" at 63px high */

body.B #header {
	background-image: url(../images/HeaderProducts.jpg);
	height: 63px;
}
body.hoodiadelite #header {
	background-image: url(../images/HeaderHoodiaDeLite.jpg);
	height: 225px;
}
body.carbonill #header {
	background-image: url(../images/HeaderCarbonill.jpg);
	height: 225px;
}
body.carbolin * {
	display: none;
}
body.chocoleans #header {
	background-image: url(../images/HeaderChocoLeans.jpg);
	height: 225px;
}
body.organic #header {
	background-image: url(../images/HeaderChocoLeansOrganic.jpg);
	height: 225px;
}
body.hoodialean #header {
	background-image: url(../images/HeaderHoodiaLean.jpg);
	height: 225px;
}
body.hoodia #header {
	background-image: url(../images/HeaderHoodia.jpg);
	height: 225px;
}
body.phytocode #header {
	background-image: url(../images/HeaderPhytoCode.jpg);
	height: 225px;
}
body.leancaffe #header {
	background-image: url(../images/HeaderLeanCaffe.jpg);
	height: 225px;
}
body.amoriss #header {
	background-image: url(../images/HeaderAmoriss.jpg);
	height: 225px;
}
body.choconella #header {
	background-image: url(../images/HeaderChoconella.jpg);
	height: 225px;
}
body.C #header {
	background-image: url(../images/HeaderAbout.jpg);
	height: 225px;
}
body.D #header {
	background-image: url(../images/HeaderContact.jpg);
	height: 225px;
}
body.short #header {
	height: 63px;
}
#header .cactus-shot {
	height: 104px;
	width: 95px;
	background: #FFF url(../images/cactus.gif) no-repeat top left;
	position: absolute;
	top: 100px;
	left: 100px;
}
/* @end */

/* @group intro */
#intro {
	border-left: #CCC 2px solid;
	padding-left: 10px;
	position: absolute;
	top: 110px;
	left: 215px;
	right: 30px;
}
#intro p {
	padding: 0;
	margin: 0;
}
body.hoodia #intro {
	top: 160px;
}
/* @end */
.greybox {
	border: 2px solid #CCC;
	padding: 10px;
	margin: 10px 0;
}

/* @group ProductsPage */
#shoppingcart {
	float: left;
	text-align: right;
	clear: both;
	width: 625px;
	display: block;
}
#shoppingcart p {
	margin: 10px 0;
	padding: 0;
}
#shoppingcart a {
	padding: 2px 2px 2px 20px;
	background: transparent url(../images/cart.png) left no-repeat;
}

/* @group product boxes */


div#productboxes {
	width: 630px;
	height: auto;
	float: left;
	clear: both;
}
div#productboxes ul {
	padding: 0;
	margin: 10px 0;
	list-style: none;
	float: left;
	clear: both;
}
div#productboxes ul li {
	margin: 0 0 0 2px;
	padding: 0;
	float: left;
	display: inline;
	background-image: none;
}
div#productboxes ul li a {
	display: block;
	width: 310px;
	height: 160px;
	text-decoration: none;
	border: 0;
	margin: 2px 0 0;
	position: relative;
}
div#productboxes ul li a img {
	z-index: 1;
	position: absolute;
	left: 0;
	top: 0;
}
div#productboxes ul li a strong {
	position: absolute;
	z-index: 2;
	left: 135px;
	top: 90px;
}

div#productlist-extra {
	clear: both;
	float: left;
	width: 620px;
	border-top: 1px solid #ccc;
	margin: 10px 0;
	padding: 10px 0;
}

/* @end */

ul#topbars {
	font-family: helvetica, arial, sans-serif;
	width: 620px;
	text-align: center;
	margin: 10px 0;
	padding: 10px 0;
	clear: both;
}
ul#topbars li {
	width: 245px;
	border: 2px solid orange;
	margin: 0;
	padding: 15px 0 0 0;
	float: left;
	display: block;
	text-align: center;
	background-color: #fafada;
	background-image: none;
	padding-top: 15px;
}
ul#topbars li#tollfree {
	border: 2px solid #317bef;
	background: #e3eefe;
	color: #666;
}
ul#topbars li#tollfree h2 {
	color: #000;
	font-size: 26px;
	background: transparent url(../images/telephone.png) no-repeat left;
	text-align: center;
	margin: 0;
	padding: 0;
	padding-left: 20px;
}
ul#topbars h3 {
	margin: 0;
	padding: 0;
}
#topbars li#specials {
	float: right;
	clear: none;
	background: #f9eee3 none;
}
ul#topbars #specials h2 {
	text-align: center;
	font-size: 26px;
	background: none;
}
#topbars #specials h3 {
	margin: 0;
	padding: 0;
}
#topbars #specials p {
	margin: 0 10px;
	padding: 5px;
	border: 1px dotted;
}
#topbars strong {
	color: #000;
}
/* @end */

/* @group old "products" page */

#productlist {
	border: 0px solid #CCC;
	padding: 10px;
	float: left;
	clear: left;
	width: 600px;
}
#productlist hr {
	height: 0px;
	visibility: hidden;
}
#productlist div.productlist-item {
	border-top: 1px solid #CCC;
	width: 600px;
	padding-top: 10px;
	margin-top: 20px;
	float: left;
	clear: left;
}
#productlist a.product {
	display: block;
	float: left;
	clear: both;
	margin: 0 10px 20px 0;
	padding: 0 10px 0 0;
}
#productlist a.product image {

}
#productlist div.productlist-item-info {
	float: left;
	display: inline;
	width: 400px;
}
#productlist p {
	padding: 0;
	margin: 7px 0 0 0;
}
#productlist form {
	float: left;
	width: 430px;
	border: 1px solid #CCC;
	margin: 5px 0 0 0;
}
#productlist form p {
	margin: 0 0 0 5px;
	float: left;
	padding: 0 0 0 5px;
	line-height: 35px;
	font-size: 9px;
}
#productlist form input {
	width: 154px;
	height: 26px;
	float: right;
	margin: 0;
	padding: 4px;
	display: inline;
	border-left: 1px solid #CCC;
}
/* @end */

#content ul {
	font-size: 12px;
	line-height: 17px;
}
#content ul li {
	padding: 0 40px 10px 20px;
	background: url(../images/0051_plus.png) 1px 1px no-repeat;
	list-style: none;
}
/* @group infotabs */


ul#tablist {
	text-transform: uppercase;
	border: 0px solid #CCC;
	font: bold 11px Arial, Helvetica, sans-serif;
	list-style-type: none;
	padding: 0 0 21px 15px;
	margin: 0;
}
ul#tablist li {
	float: left;
	display: inline;
	margin: 0 2px;
	padding: 0;
	background: #7AA926 url(../images/tabbutt.gif) repeat-x bottom left;
	border-top: 1px solid #A1CE51;
	border-right: 1px solid #A1CE51;
	border-left: 1px solid #060;
	border-bottom: 0px solid #060;
}
#tablist li.current {
	font-size: 12px;
	color: #000;
	padding: 3px 6px;
	background-color: #dec;
	background-image: none;
	border-color: #060;
	border-bottom: 2px solid #DEC;
	margin-bottom: 0;
}
#tablist li.off {
	color: #FFF;
	padding: 3px 10px;
	cursor: pointer;
}
ul#tablist li.off:hover, ul#tablist li.off:hover {
	background-color: #A1Ce51;
	text-decoration: none;
	color: #000;
	background-image: none;
	border-color: #060;
	border-bottom: 0px solid #FFF;
}
#tabcontentcontainer {
	border: #CCC 2px solid;
	background: #FFF url(../images/contentTop.jpg) no-repeat center 29px;
}
#tabcontentcontainer h4 {
	background-color: #DEC;
	padding: 10px;
	color: #360;
}
#tabcontentcontainer h5 {
	padding: 10px 0 0 10px;
	margin: 0 0 10px 0;
	border-top: 1px dotted #CCC;
}
#tabcontentcontainer .tabcontent {
	display: none;
}
/* @end */

/* @group frontpage */
#content #frontpage {
	width: 600px;
	height: 400px;
	border: 2px solid #CCC;
	padding: 5px;
	background: #FFF url(../front.jpg) no-repeat 5px 5px;
	position: relative;
}
#frontpage ul {
	margin: 0;
	padding: 0;
	position: relative;
}
#frontpage ul li {
	margin: 0;
	padding: 0;
	background-image: none;
}
#frontpage ul li a {
	position: absolute;
	border: 0px solid #000;
	margin: 0;
	padding: 0;
	text-indent: -5000px;
}
#frontpage ul li a.HD {
	top: 10px;
	left: 290px;
	width: 150px;
	height: 190px;
}
#frontpage ul li a.CR {
	top: 13px;
	left: 470px;
	width: 90px;
	height: 170px;
}
#frontpage ul li a.CL {
	top: 185px;
	left: 450px;
	width: 130px;
	height: 190px;
}
#frontpage ul li a.CLsmall {
	top: 360px;
	left: 115px;
	width: 70px;
	height: 30px;
}
#frontpage ul li a.HL {
	top: 210px;
	left: 320px;
	width: 110px;
	height: 170px;
}
/* @end */

#content {
	padding: 1px 40px 9px 50px;
	margin: 1px 0 0 0;
	position: relative;
	float: left;
	clear: left;
}

#contentFooter {
	background: url(../images/contentFooter.gif) no-repeat left bottom;
	clear: both;
	padding: 10px 20px 20px 20px;
}

#contentFooter a {
	border: none;
}
#contentFooter a:hover {
	border: none;
	text-decoration: none;
}
#contentFooter p {
	font-size: 10px;
	color: #333333;
	border-top: 1px solid #BBB;
	margin: 1px 20px 20px 30px;
	padding: 10px 0 0 0;
}

body.A #content {
	padding-left: 100px;
	padding-top: 15px;
	padding-right: 60px;
}

body.C #content h2 { /* this bumps down the h2 headlines on the ABOUT section */
	margin-top: 20px;
}

#bottom {
	color: #CCC;
}
#bottomtext {
	clear: left;
	float: left;
	width: 620px;
	border-top: 1px #ccc solid;
	margin: 20px 0;
	padding: 10px 0;
}
#bottomtext p {
	color: #AAA;
	font-size: 10px;
	padding: 0;
	margin: 0;
}
blockquote {
	border: 1px solid #060;
	padding: 5px;
	margin: 5px 0;
}
blockquote p {
	font-size: .7em;
	line-height: 1.3em;
	margin: 0;
	padding: 5px;
	color: #000;
}
blockquote.achtung {
	border: 1px solid #000;
}
blockquote.note {
	border: 1px solid #060;
	border-top: 3px solid #060;
	background-color: #DEC;
}
.achtung {
	color: red;
}
.float-rt {
	float: right;
	margin: 0 10px 5px 10px;
	padding: 10px 0 0 10px;
	line-height: 1px;
}
.float-lt {
	float: left;
	margin: 0 10px 5px 0;
	padding: 10px 0 0;
	line-height: 1px;
}
.textright {
	text-align: right;
}
.textcenter {
	text-align: center;
}
.largetext {
	font-size: 20px;
}
.quote {
	border-left: 2px solid #CCC;
	margin: 0 50px 0 20px;
	padding: 5px 0;
}
hr {
	border: 0;
	height: 3px;
	margin: 10px 0;
	padding: 0;
	background-color: #CCC;
}
hr.small {
	height: 1px;
}
#buy {
	margin: 0;
	padding: 0;
	text-align: right;
	border: 0px solid #000;
	clear: both;
}
#buy form {
	margin: 0;
	padding: 0;
	display: block;
	clear: both;
}
#buy label {
	font-size: 13px;
	line-height: 20px;
	padding: 0;
	margin: 0 10px 0 0;
	float: none;
}
#buy input[type="image"] {
	width: 154px;
	height: 26px;
	margin: 0;
	padding: 0;
	border: 0px solid #000;
}
.clearer {
	clear: both;
	margin: 0;
	padding: 0;
}
.clearL {
	clear: left;
	display: block;
	height: 10px;
}
.clearR {
	clear: right;
	display: block;
	height: 10px;
}
.PDF-text {
	display: block;
	clear: right;
	float: right;
	height: auto;
}
.item {
	float: left;
	font-weight: bold;
	width: 180px;
	text-align: right;
	clear: both;
	padding: 0;
	margin: 0 10px 0 0;
}
.defined {
	margin-left: 180px;
}
.hide {
	display: none;
}