/* =Main CSS Elements
----------------------------------------------- */

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, b, u, i, 
center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0px;
	font-family: arial, sans-serif;
	font-size: 100%;
	margin: 0px;
	padding: 0px;
	}

html {
	height: 100%;
	width: 100%;
	}

body {
	background-color: #8a8a8a;
	color: #666;
	font-size: 13px;
	font-weight: normal;
	margin: 0px auto;
	}

.clearit {
	clear: both;
	font-size: 1px; /*for IE*/
	height: 0px;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
	}

h1, h2, h3, h4, h5, h6, h7, h8 {
	font-weight: normal;
	}

h1 {
	color: #419ad3;
	font-size: 30px;
	}
	
h2 {
	color: #419ad3;
	font-size: 18px;
	}

a {
	color: #666;
	outline: none;
	}

a:hover {
	color: #1a5d46;
	}

p {
	padding-top: 15px;
	}

p.disclaimer {
	font-size: 80%;
	font-style: italic;
	line-height: 80%;
	}



/* =Form Styles
----------------------------------------------- */

form {
	display: inline;
	}

input, select, option, textarea {
	color: #666;
	font-family: arial, sans-serif;
	font-size: 14px;
	}

input.input-btn {
    background: transparent url('../images/btn_input.png') no-repeat 0px 3px;
    border: 0px;
    color: #fff;
    font-size: 15px;
    height: 28px;
    text-align: center;
    text-decoration: none;
    width: 104px;
	}

input.input-btn:focus {
    outline: none;
	}

input.text-field {
	background-color: #fff;
	border: 1px solid #ccc;
	padding: 2px;
	}




/* =Master Structural Elements
----------------------------------------------- */

a.btn {
    background: transparent url('../images/btn_a.png') no-repeat scroll top right;
    color: #fff;
    display: block;
    float: left;
    height: 25px;
    margin-right: 5px;
    padding-right: 13px; /* sliding doors padding */
    text-decoration: none;
	}

a.btn span {
    background: transparent url('../images/btn_span.png') no-repeat top left;
    display: block;
    font-size: 15px;
    line-height: 15px;
    padding: 4px 5px 6px 18px; /* top & bottom padding + line height = btn height */
	} 

a.btn:hover {
    background: transparent url('../images/btn_a.png') no-repeat scroll bottom right;
	}

a.btn:hover span {
    background: transparent url('../images/btn_span.png') no-repeat bottom left;
	} 

a.btnlink {
    background: transparent url('../images/arrow_btnlink.png') no-repeat 0px 2px;
    color: #f90;
    font-size: 10px;
    font-weight: bold;
    padding-left: 12px;
    text-decoration: none;
    text-transform: uppercase;
	}

a.btnlink:hover {
	color: #1a5d46;
	}

.container {
	margin: 0px auto;
	width: 980px;
	}

#header {
	background: #419ad3 url('../images/bg_header.gif') repeat-x 0px 0px;
	height: 100px;
	width: 100%;
	}

#header .container {
	position: relative;
	}

#logo {
	left: 0px;
	position: absolute;
	top: 15px;
	z-index: 5555;
	}

#logo a {
	background: url('../images/logo.png') no-repeat 0px 0px;
	display: block;
	height: 127px;
	text-decoration: none;
	width: 123px;
	}

#logo a span {
	visibility: hidden;
	}

ul#top-nav {
	float: right;
	}

ul#top-nav li {
	background-color: #6eb2de;
	float: right;
	list-style: none;
	padding: 7px 10px;
	}

ul#top-nav li a {
	color: #fff;
	display: block;
	text-decoration: none;
	}

ul#top-nav > li.cart a {
	background: url('../images/icon_cart.gif') no-repeat 0px 0px;
	padding-left: 20px;
	}

ul#top-nav li a:hover {
	color: #0162a5;
	}

#phone {
	color: #fff;
	font-size: 17px;
	left: 260px;
	position: absolute;
	top: 26px;
}
#phone a {
	background: url('../images/livechat.png') no-repeat 0px 0px;
	color: #fff;
	display: block;
	float: left;
	height: 25px;
	padding-left: 47px;
	text-decoration: none;
}
#phone a:hover {
	color: #166ab2;
}
#phone span {
	background: url('../images/dotted_vert_white.gif') repeat-y 0px 0px;
	margin-left: 15px;
	padding-left: 15px;
}
#wrapper {
	background-color: #fff;
	padding-bottom: 40px;
	}

#content {
	padding: 35px 0px 0px 0px;
	z-index: 2;
	}

#content.col1 {
	}

#content.col2 {
	background: url('../images/bg_side.gif') no-repeat top right;
	}

#page-content {
	padding: 30px 0px 0px 0px;
	}

#content.col2 #page-content {
	float: left;
	padding-right: 40px;
	width: 740px;
	}

#side {
	clear: right;
	float: left;
	padding: 20px;
	width: 160px;
	}

#side h2 {
	font-size: 20px;
	}
#side p {
	padding: 8px 0px !important;
}
#footer {
	color: #ccc;
	font-size: 10px;
	height: 100%;
	padding: 30px 0px;
	text-align: right;
	width: 100%;
	}

#fda {
	background: url('../images/logo_fda.gif') no-repeat 0px 0px;
	float: left;
	padding-left: 65px;
	text-align: left;
	width: 340px;
	}

#footer a {
	color: #ccc;
	}

#footer a:hover {
	color: #fff;
	}



/* =Home Page
----------------------------------------------- */

#feature {
	background: url('../images/feature.jpg') repeat-x top center;
	height: 285px;
	width: 100%;
	}

#feature .container {
	height: 285px;
	padding-left: 425px;
	position: relative;
	width: 555px;
	}

#feature #headline {
	background: url('../images/feature_headline.png') no-repeat 0px 55px;
	height: 98px;
	padding-top: 55px;
	}

#feature #headline span {
	visibility: hidden;
	}

#feature p {
	font-size: 15px;
	line-height: 22px;
	text-align:justify;
}

#hometab {
	background: url('../images/hometab.png') no-repeat 0px 0px;
	bottom: -5px;
	position: absolute;
	right: 10px;
	width: 284px;
	}

#hometab a {
	color: #fff;
	display: block;
	font-size: 14px;
	padding: 7px 0px;
	text-align: center;
	text-decoration: none;
	}

#hometab div {
	padding: 20px;
	}

#hometab div p {
	color: #fff;
	font-size: 12px;
	padding-top: 0px;
	}

#callouts {
	background: #fff url('../images/bg_callouts.gif') no-repeat center top;
	height: 107px;
	width: 100%;
	}
#callouts ul li {
	background: url('../images/dotted_vert.gif') repeat-y 0px 0px;
	float: left;
	height: 78px;
	list-style: none;
	position: relative;
	margin: 15px 0px;
	}

#callouts ul li:first-child {
	background: none;
	}

#callouts ul li > a {
	color: #666;
	display: block;
	font-size: 18px;
	height: 48px;
	margin-left: 35px;
	padding-top: 30px;
	text-decoration: none;
	}

#callouts ul li:first-child a {
	margin-left: 0px;
	}

#callouts ul li.ingredients a {
	background: url('../images/homeicon_ingredients.gif') no-repeat 0px 0px;
	padding-left: 55px;
	width: 126px;
	}

#callouts ul li.formulation a {
	background: url('../images/homeicon_formulation.gif') no-repeat 0px 0px;
	padding-left: 58px;
	width: 119px;
	}

#callouts ul li.manufacturing a {
	background: url('../images/homeicon_manufacturing.gif') no-repeat 0px 0px;
	padding-left: 56px;
	width: 149px;
	}

#callouts ul li.support a {
	background: url('../images/homeicon_support.gif') no-repeat 0px 0px;
	padding-left: 60px;
	width: 104px;
	}

#callouts ul li.proof a {
	background: url('../images/homeicon_proof.gif') no-repeat 0px 0px;
	padding-left: 53px;
	width: 44px;
	}

#callouts ul li a:hover, #callouts ul li a.selected {
	color: #419ad3;
	background-position: 0px -78px;
	}

#callouts ul li div {
	background: url('../images/bg_homepop.png') no-repeat 0px 0px;
	bottom: 66px;
	height: 272px;
	left: 0px;
	padding: 20px;
	position: absolute;
	width: 355px;
	z-index: 6666;
	}

#callouts ul li.proof div {
	background: url('../images/bg_homepop2.png') no-repeat 0px 0px;
	left: -248px;
	}

#callouts ul li div a.close {
	background: url('../images/btn_close.png') no-repeat 0px 0px;
	display: block;
	float: right;
	height: 23px;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	width: 23px;
	}

#callouts ul li div a.close span {
	visibility: hidden;
	}

#callouts ul li div h2 {
	font-size: 24px;
	line-height: 24px;
	}

#callouts ul li div p {
	font-size: 12px;
	line-height: 15px;
	padding-top: 10px;
	}

#quads {
	background: #9b9b9b url('../images/bg_quads.gif') repeat-x 0px 0px;
	height: 158px;
	width: 100%;
	}

#quads ul {
	padding-top: 35px;
	}

#quads ul li {
	color: #fff;
	float: left;
	height: 100px;
	list-style: none;
	}

#quads ul li.quad1 {
	background: url('../images/homepic1.png') no-repeat 0px 0px;
	padding: 0px 40px 0px 100px;
	width: 200px;
	}

#quads ul li.quad2 {
	background: url('../images/homepic2.png') no-repeat 0px 0px;
	padding: 0px 40px 0px 100px;
	width: 200px;
	}

#quads ul li.quad3 {
	background-color: #fff;
	height: 60px;
	padding: 10px 15px;
	width: 270px;
	}

#quads li h2 {
	background: url('../images/dotted_white.gif') repeat-x left bottom;
	font-size: 16px;
	padding-bottom: 5px;
	}

#quads li.quad3 h2 {
	background: none;
	}

#quads li h2 a {
	color: #fff;
	text-decoration: none;
	}

#quads li h2 a:hover {
	color: #ff8f03;
	}

#quads li p {
	padding-top: 8px;
	}

#quads ul li.quad3 input.text-field {
	background-color: #dcdcdc;
	border: 1px solid #fff;
	margin: 0px 5px 5px 0px;
	width: 145px;
	}




/* =Product Page
----------------------------------------------- */

.prod-image {
	float: left;
	text-align: center;
	width: 210px;
	z-index: 5;
	}

.prod-content {
	float: left;
	width: 530px;
	}

.prod-content > dl {
	float: right;
	font-size: 11px;
	margin: 15px 0px 0px 25px;
	width: 210px;
	}

.prod-content > dl dt {
	background: url('../images/dotted.gif') repeat-x 0px 0px;
	float: left;
	padding: 5px 0px;
	width: 70px;
	}

.prod-content > dl dd {
	background: url('../images/dotted.gif') repeat-x 0px 0px;
	clear: right;
	float: left;
	padding: 5px 0px;
	width: 140px;
	}

.prod-content > dl dt:first-child, .prod-content > dl dt:first-child + dd {
	background: none;
	}

.prod-content ul {
	}

.prod-content li {
	padding-bottom: 5px;
	}

.prod-cart {
	margin-top: 25px;
	}

.prod-cart + .prod-cart {
	margin-top: 10px;
	}

.prod-cart ul {
	background-color: #eee;
	height: 36px;
	margin-bottom: 3px;
	padding: 0px 0px;
	width: 530px;
	}

.prod-cart ul li {
	float: left;
	list-style: none;
	padding-left: 10px;
	}

.prod-cart ul li.cart-price {
	clear: left;
	font-size: 16px;
	padding-top: 8px;
	}

.prod-cart ul li.cart-desc {
	padding-top: 10px;
	width: 180px;
	}

.prod-cart ul li.cart-qty {
	padding-top: 6px;
	text-align: right;
	}

.prod-cart ul li.cart-add {
	clear: right;
	padding-top: 2px;
	text-align: right;
	width: 110px;
	}

.prod-cart input.text-field {
	margin: 0px 10px;
	text-align: right;
	}

.prod-list {
	clear: left;
	padding-bottom: 30px;
	}

.prod-list h1 {
	font-size: 24px;
	}

.prod-list .prod-content {
	width: 590px;
	}

.prod-list .prod-image {
	width: 150px;
	}

.prod-list .prod-image img {
	width: 120px;
	}

.prod-list .prod-cart ul {
	width: 590px;
	}


.tabs {
	clear: both;
	margin-top: 30px;
	}

ul.tabNavigation {
	clear: left;
	font-size: 15px;
	list-style: none;
	margin: 30px 0px 0px 0px;
	padding: 0;
	}
	
ul.tabNavigation li {
	display: inline;
	}
	
ul.tabNavigation li a {
	background-color: #adadad;
	border-top: 1px solid #adadad;
	border-right: 1px solid #adadad;
	border-left: 1px solid #adadad;
	color: #fff;
	padding: 7px 10px;
	text-decoration: none;
	}
	
ul.tabNavigation li a.selected, ul.tabNavigation li a:hover, .ui-tabs-selected a {
	background-color: #fff !important;
	border-color: #e8e8e8;
	border-bottom: 1px solid #fff;
	color: #419ad3 !important;
	}
	
ul.tabNavigation li a:hover {
	color: #1a5d46;
	}
	
ul.tabNavigation li a:focus {
	outline: 0;
	}
	
.ui-tabs-hide {
	display: block;
	left: -10000px;
	position: absolute;
}
	
div.tabs > div {
	border: 1px solid #e8e8e8;
	height: 305px;
	margin-top: 6px;
	padding: 30px;
	}

.jScrollPaneContainer {
	overflow: hidden;
	position: relative;
	z-index: 1;
	}

.jScrollPaneTrack {
	background: #eee;
	cursor: pointer;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	}

.jScrollPaneDrag {
	background: #adadad;
	cursor: pointer;
	overflow: hidden;
	position: absolute;
	}

.jScrollPaneDragTop {
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	}

.jScrollPaneDragBottom {
	bottom: 0;
	left: 0;
	overflow: hidden;
	position: absolute;
	}

a.jScrollArrowUp {
	display: block;
	height: 9px;
	overflow: hidden;
	right: 0;
	text-indent: -2000px;
	top: 0;
	position: absolute;
	z-index: 1;
	}

a.jScrollArrowUp:hover {
	}

a.jScrollArrowDown {
	bottom: 0;
	display: block;
	height: 9px;
	overflow: hidden;
	right: 0;
	text-indent: -2000px;
	position: absolute;
	z-index: 1;
	}

a.jScrollArrowDown:hover {
	}

a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	}

.scroll-pane {
	background: #fff;
	float: left;
	height: 305px;
	overflow: auto;
	width: 685px;
	}

.scroll-pane p:first-child {
	padding-top: 0px;
	}

.scroll-pane > ul {
	list-style: circle;
	margin: 0px 0px 0px 25px;
	}

.scroll-pane > ul li {
	padding-top: 15px;
	}

.upsell {
	background: url('../images/dotted.gif') repeat-x 0px 0px;
	margin: 5px 0px 10px 0px;
	padding: 10px 0px;
	}

.upsell > .prod-image {
	background-color: #fff;
	margin-bottom: 10px;
	padding: 15px 0px;
	text-align: center;
	width: 160px;
	}

.upsell > .prod-image img {
	height: 135px;
	}

.upsell > .prod-name a {
	color: #419ad3;
	font-size: 14px;
	text-decoration: none;
	}

.upsell > .prod-name a:hover {
	color: #1a5d46;
	}
	
.upsell > .prod-desc {
	font-size: 12px;
	padding: 5px 0px;
	}

table.ingredientsTable {
	}

table.ingredientsTable th {
	padding-bottom: 5px;
	text-align: left;
	}

table.ingredientsTable td {
	border-top: 1px solid #ccc;
	padding: 5px 50px 5px 0px;
	text-align: center;
	}

table.ingredientsTable td.desc {
	text-align: left;
	}

table.ingredientsTable td.dv {
	padding-right: 0px;
	}


ul#ampm_tabs {
	margin-top: 20px;
	}

ul#ampm_tabs li {
	float: left;
	list-style: none;
	}

ul#ampm_tabs li a {
	background: url('../images/icon_pm.gif') no-repeat 0px 0px !important;
	color: #419ad3;
	display: block;
	height: 46px;
	margin-right: 20px;
	padding: 8px 0px 0px 50px;
	text-decoration: none;
	width: 100px;
	}

ul#ampm_tabs li:first-child a {
	background: url('../images/icon_am.gif') no-repeat 0px 0px !important;
	color: #f90 !important;
	}

ul#ampm_tabs li.ui-tabs-selected a {
	}

#page-content .col-advisor-female, #page-content .col-advisor-male {
	float: left;
	margin-top: 30px;
	width: 370px;
	}

.col-advisor-female h2 {
	background: url('../images/icon_woman.gif') no-repeat 0px 0px;
	color: #c6c;
	height: 46px;
	padding: 8px 0px 0px 40px;
	}

.col-advisor-male h2 {
	background: url('../images/icon_man.gif') no-repeat 0px 0px !important;
	color: #419ad3;
	height: 46px;
	padding: 8px 0px 0px 40px;
	}

#page-content .col-advisor-female ul {
	background-color: #ffe7ff;
	margin-bottom: 10px;
	width: 335px;
	}

#page-content .col-advisor-male ul {
	background-color: #d4e8f5;
	margin-bottom: 10px;
	width: 335px;
	}

#page-content .col-advisor-female ul li {
	border-bottom: 1px solid #ffb1ff;
	list-style: none;
	padding: 5px 10px;
	}

#page-content .col-advisor-male ul li {
	border-bottom: 1px solid #75b5df;
	list-style: none;
	padding: 5px 10px;
	}

#page-content .col-advisor-female ul li:first-child {
	background-color: #ffb1ff;
	font-size: 15px;
	}

#page-content .col-advisor-male ul li:first-child {
	background-color: #75b5df;
	font-size: 15px;
	}

#page-content .col-advisor-female ul li a, #page-content .col-advisor-male ul li a {
	text-decoration: none;
	}

#page-content .col-advisor-female ul li a:hover {
	color: #c6c;
	}

#page-content .col-advisor-male ul li a:hover {
	color: #419ad3;
	}


/* =Profile Page
----------------------------------------------- */

.profile-content {
	width: 760px;
	height: 200px;
	}
	
.profile-content ul {
	}

.profile-content li {
	list-style: none;
	margin: 0px 0px 0px 120px;
	padding-top: 3px;
	padding-bottom: 5px;
	}
	
.profile-content h2 {
	color: #419ad3;
	font-size: 18px;
	}

img#profile-content {
	width: 100px;
	height: auto;
	float: left;
	margin: 3px 10px 15px 0px;
	padding-right: 10px;	
	}

.wcc h2 {

	}

.wcc h2 {
	color: #419ad3;
	font-size: 18px;
	padding-top: 20px;
	}
	

.rss-box {
	 width: 165px;
	 padding-top: 10px;
}

.rss-title {
	margin: 0px 0;
	padding: 0;
	font-size: 14px;
	color: #419ad3;
	
}

.rss-items {
       list-style:none;
       margin:0;
       padding:0;
}

.rss-item  {
  margin-bottom: 1em;;
}

a.rss-item {
	text-decoration: none;
}

.rss-item a:link, .rss-item a:visited, .rss-item a:active {
	color: #555;
	font-weight: bold;
	}

	
.rss-date {
	font-size: xx-small;
	}