@charset "utf-8";

html,body {
	margin: 5px;
	padding: 0px;	
	overflow-y: scroll;	
}
body {
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#4D4D4D;
	text-align:left;	
	padding: 0px;
	margin: 0px;
	padding-bottom: 250px;
	background-image:url(/images/bg.gif);	
	position: relative;
	top: -5px;	
	line-height: 15px;
	overflow-y: hidden;
}

.h1Follower  
{
    margin-bottom: -6px;
}

img { 
	border: none;
}

a {
	color: #008C99;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #008C99;
}
a:visited { 
	color: #6EA2A3;
}

strong { 
	color: #5f6062;
}

input { 
	color: #666;
	font-size: 11px;
}

#notapproved { 
	border: 1px solid #aeaeae;
	paddinG: 8px;
}

#all {
	width: 955px;
	height: auto;
	margin: 0 auto;	
	position:relative;
	left: -22px;
}

.pagetitle { 
	/*font: Arial;*/
	/* Correct attribute is: font-family: ...; */
	width: 538px;
	padding: 30px 10px 10px 10px;	
	border: 1px solid #98bdc3;
	font-size: 14px;
	margin-top: 0px;
	color: #83756c;
	font-weight: bold;
}
.pagetitle strong {
	color: #88766c;
}

.doctorimage { 
	margin-left: 8px;
	margin-bottom: 8px;
}

#borderWrap {
	border: 1px solid #cecece;
	float: left;
	background-color: #FFFFFF;
	border-left-image: url(/images/dsleft.gif);
	position:relative;
	left: 22px;
	width: 955px;	
	padding-bottom: 8px;
}
#header {
	padding: 0px;
	margin: 0px;	
	background: url(/images/header/headerbg.gif) top left;
	width: 955px;
	height: 131px;
	float: left;
}
#center-container {
	float: right;
	position: relative;
}
#center-suzanne {
	width: 560px;
	float: left;	
	position: relative;	
	left:-2px;
}
#center {
	width: 560px;
	float: left;	
	position: relative;	
	left:-2px;
}
#left {
	width: 145px;	
	background-color: #ffffff;
	/*position: relative;*/
	float: left;
	margin-left: 15px;	
	margin-right: 10px;
}
#right {
	width: 223px;
	float: left;
	height: auto;
	background-color: #fff;
	/*position: relative;*/
	margin-bottom: 8px;
	left: -2px;
}
#rightHealthAZ {
	width: 350px;
	float: left;
	height: auto;
	background-color: #fff;
	position: relative;
	margin-bottom: 8px;
	left: -2px;
}
ArticleCTABeta {

    left: -10px;
}


#right img {
	margin: 0px;
	padding: 0px;
	margin-bottom: 10px;	
	margin-left: 10px;
}
#footer {
	float: left;
	width: 955px;
	height: 8px;		
	margin-left: -0px;
	top: -8px;
	position: relative;
	font-size: 10px;
	color: #696461;
	text-align: center;
	width: 989px;
}

#footer #links { 
	float: left;
	width: 700px;
	text-align: left;
	left: 22px;
	position: relative;

}
#footer #links a { 
	color: 	#696461;
	
}
#footer #copyright { 
	width: 255px;
	float: left;
	position: relative;
	left: 32px;	
}

#center-wrapper {
	clear: both;
	width: 955px;
	float: left;		
}
.noborder img {
	border: 0px;
}
#tabContainer {
	float: left;
	margin: 0px;
	padding: 0px;
	height: 28px;
	width: 900px;
}

#tabContainer2 {
	float: left;
	margin: 0px;
	padding: 0px;
	background-image: url('/images/navrepeater.jpg');
	height: 25px;
	width: 955px;
}
.tab {
	float: left;
}

.imagetitle { 
	margin-bottom: 12px;
}

/*****************************************************/
/* Byte Stuff */

h1 {
	color: #81746B;
	font-size: 18px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 12px;
	margin-top: 12px;
	line-height: normal;
}

h2 { 
	color: #81746B;
	font-size: 15px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-bottom: 12px;
	margin-top: 12px;
}

h3 { 
	font-size: 11px;
	font-weight: bold;
	color: #4D4D4D;
	margin-bottom: 0px;
	font-family: verdana;
}
h4 { 
	margin: 0px;
	padding: 0px;
	color: #69471a;
	font: 13px bold;
}


.h2under { 
	border-bottom: 1px solid #bebebe;
	width: 258px;
	padding-bottom: 3px;
}
hr { 
	padding: 0px;
	margin: 0px;
}


/*******************************/
/******************************/

.byteContainer { 
	margin: 20px 20px 0px 0px;
	width: 268px;
	line-height: 13px;	
}


.byteContainer p { 
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

.byteContainer img { 
	float: left;
	margin: 4px 8px 0px 0px;
}
.byteText { 
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 40px;
	font-size: 12px;
}
.byteCTA a { 
	float: left;
	color: #e39f4e;	
	font-size: 12px;
	font-weight: bold;
}
.byteArrow { 
	float: left;
	position: relative;
	padding-top: 3px;
	padding-left: 6px;
}

/*****************************************************/

#header #search {
	width: 202px;
	height: 24px;
	margin-right: -50px;
	float: left;
} 
.search {
	position: relative;
	padding-left: 6px;
	float: left;	
}
#searchText {
	top: 5px;
	float: left;
}
#searchBox {
	top: 3px;
	float: left;	
}
#searchGo {
	top: 4px;
	left: -5px;
}
#searchBox input {
	 font-size:10px;
	 height:12px;
	 width:100px;	 
}

/***************************************/
/************************************************/
/* Non-Layout related stuff */
#logo {
	height: 107px;
	width:  450px;
	float: left;
}

.midnavrow {
	width: 570px;	
	margin-left: 4px;
	position: relative;
	clear: both;	
	margin-bottom: 16px;
}
.linkgroup {
	margin-bottom: 16px;
	margin-right: 8px;
	float: left;
	height: 100%;
}
.grouptitle {
	height: 23px;
	width: 270px;
	/*background: url(/images/content/bgtitle.jpg) right;	*/
	font-family: "Times New Roman", Times, serif;
	font-size: 15px;
	color: #6d6d6d;
	padding-top: 4px;
	padding-left: 2px;
	font-weight: bold;
}
.midnavrow ul {
	padding: 0px;
	margin: 0px;
}
.midnavrow li {
	margin-left: 22px;
	margin-bottom: 6px;
}
.midnavrow img {
	margin-left: 8px;
}

#textcta {
	padding: 6px;
	font-size: 16px;
	color: #098398;
	border: 1px solid #cecece;
	clear: both;
	font-weight: bold;
	text-align: center;
	margin-bottom: 12px;
}
#linkfooter {
	text-align: center;	
	margin-bottom: 10px;	
}

#rightphone {
	font-size: 16px;
	color: #098398;
	text-align: center;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	margin-bottom: 8px;	
}

#toolbox {
	width: 955px;
	height: 25px;
	clear: both;
	margin: 4px 0px;	
	background-color: #FFFFFF;
	position: relative;
	top: -2px;
}

#breadbox {
	width: 700px;
	height: 20px;
	float: left;
	vertical-align: middle;
	font-size: 9px;
	position: relative;
	left: 22px;	
	padding-top: 8px;
	background-color: #FFFFFF;
}
#tools { 
	width: 255px;
	height: 25px;
	text-align: right;
	float: left;
	padding-top: 2px;
	padding-bottom:5px;
}
#tools div {	
	position: relative;
	float: left;
	bottom: -2px;
}

/***** Left Nav ***********************/
/**************************************/
#leftnav, #rightnav {	
	float: left;
	margin-bottom: 8px;
	width: 145px;
	z-index: 0;
}
#leftnav ul, #rightnav ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#leftnav .listitem, #leftnav .sublistitem,
#rightnav .listitem, #rightnav .sublistitem,
#categorylist li
{    
	color: #735426;
	background-color: #f2edcf;
	padding: 3px 3px 3px 6px;
	margin-top: 1px;
	font-size: 11px;
	border-bottom: 1px solid #dcd7b1;
}

#categorylist li img     
{
    margin-right: 4px;
    position: relative;
    top: 2px;
}

#leftnav .expandable { 
	background-image: url(/images/left/arrowoff.jpg);
}
#leftnav .expandableopen { 
	background-image: url(/images/left/arrowon.jpg);
}

#leftnav .listitem a, #leftnav .sublistitem a,
#rightnav .listitem a,
#categorylist li a {
	color: #5D3A0A;	
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}
#leftnav .listitem:hover, #rightnav .listitem:hover {
	background-color: #e7e1ce;
	cursor: pointer;
}
#leftnav .subnav .sublistitem:hover {
	background-color: #f9f9f9;
	padding-left: 16px;
}
#rightnav .subnav .sublistitem:hover {	
	background-color: #f9f9f9;
	padding-left: 16px;
}

#leftnav .subnav .sublistitem:hover {
	background-color: #f1f1f1;		
}

.subnav {
	z-index: 7;
}
#leftnav .subnavon {
	background-image: none;
	background-color: #f7f5ea;
	/*background-color: #e7e1ce;*/	
	font-weight: bold;
	z-index: 7;
}
#rightnav .subnavon {
	background-image: none;
	background-color: #f7f5ea;
	/*background-color: #e7e1ce;*/	
	font-weight: bold;
}

#rightnav 
{
    width: 200px;
    position: relative;
    left: 10px;
	z-index: 0;
}

/**************************************/

#minitopnav {
	float: right;
	position: relative;
	top: 0px;
	margin-right: 35px;
}
#minitopnav a{
	color: #805517;
}
#minitopnav p{
	margin-top: 7px;	
}

.minitop span, .minitopText  { 
	position: relative;
	top: -4px;
}

/***** healthaz *********/
.healthaztopic img { 
	margin-top: 8px;
	margin-bottom: 0px;
}
.healthaztopic { 
	line-height: 15px;	
	padding: 0px 20px 20px 0px;	
}	

/**************************************/

#dsTop {
	background-image: url(/images/dstop3.gif);
	height: 15px;
	width: 999px;
	position:relative;
	margin-bottom: -1px;	
}

#dsSide {
	width: 22px;
	background-image: url(/images/dssides3.gif);
	float: left;
	width: 999px;
	margin: 0 auto;
	position:relative;
}

#dsBottom {
	background-image: url(/images/dsbottom3.gif);
	height: 15px;
	width: 999px;
	position: relative;
	float: left;
	bottom: 0px;
	/*left: -22px;*/
}


.productOrderPanelContainer { 
}

.productOrderPanelX { 
	background-color: #f4f6eb;
	width: 192px;	
	padding: 4px;
	position: relative;
	left: 10px;
	margin-top: 0px;
}		

.footNote { 
	font-size: 10px;
	color: #7d7d7d;
}

.imgAddToCart { 
    position: relative;
	margin-left: 47px;
    left: 10px;
}

/******************************************/
/*MODAL WINDOW*/
table.modalDoctors p{
	font-family: Verdana;
	font-size: 14px;
	padding: 5px;
	margin-bottom: 5px;
}
/**************************?
/* Add this */

#addThisContainer { 	
	position: relative;
	left: 85px;
	top: 4px;
}

/* IE6 */
/* \*/
* html #left { 
	margin-left: 6px;
	padding-bottom: 10px;
}
* html #leftnav { padding-bottom: 2px; }
* html #leftnav img { margin-bottom: -2px; }
* html #center { left: -3px; }
* html #borderWrap { padding-bottom: 8px; }
* html #all { left: 0px; }
* html #header { 
	height: 120px;
}
* html #tabContainer { 
	position: relative;
	height: 24px;
	}
* html #searchBox { 
	position: relative;
	top: 2px;
}
* html .byteContainer { 
	width: 260px;
	margin-top: 16px;
}
* html #footer #copyright { 
	left: 32px;
}
* html #footer #links { 
	left: 24px;
	position: relative;
}

* html #toolbox { 
	margin-bottom: -6px;
}
* html #center { 
	padding-bottom: 12px;	
}



/* */

/* Safari */
@media screen and (-webkit-min-device-pixel-ratio:0){
	/* Temporary Hack this is based on CSS3 and will need to be updated */
	/* However this is a minor fix */
} 

/* IE8 */
/*/ 
	#blogCTA { margin-bottom: -5px; }	
	.midnavrow { height: 140px;	}
	#midnavrowthird { height: 70px; }	
	#left img { 
		margin-bottom: -2px;
	}	
	.listitem a { 
		position: absolute;
		left: 22px;
		margin-top: 1px;
		width: 150px;
	}
	.subnav .listitem a {		
		left: 0px;
		position: relative;		
	}
	#header	#minitopnav p {
		margin-bottom: 10px;
		}
		#minitopnav a{
			margin-top: 5px;
			}
/* */


.docblock { 
	font-size: 10px;
}
.docblock img { 
	
}

.ingredientMetaInformation { 
	margin-left: 16px;
}

.ingredientTitle, .recommendationHeader, .warningTitle, .cautionTitle { 
	border-bottom: 1px solid #cecece;
	color: #4d4d4d;
}

#minitopnav #shoppingcart a{
	font-family: Helvetica;
	color: #6c3d00;
	text-decoration:none;
}


.nomargintop { 
	
	margin-top: 2px;
	
}


@import url("rating.css") screen;


    .productTable
    {
        float: left;
    }

/****** Information Request ***************/

#appointment {
		width: 560px;
		float: left;
		position: relative;
}

#leftnav .sublistitemon a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;	
}



.aptFormCTA { 
	border: 1px solid #cecece;
	color: #4d4d4d;
	margin-left: 20px;
}

.aptFormCTA td { 

	border-bottom: 1px solid #cecece;
	background-color: #f9f9f9;	
}
.aptFormCTA .alternate td { 
	background-color: #fefefe;
}

td.greyRow {
	margin: 5px;
	background-color: #f9f9f9;
	padding-left: 10px;
	padding-bottom: 5px;

}
td.alternate {
	margin: 5px;
	background-color: #FFFFFF;
	padding-left: 10px;
	padding-bottom: 5px;
	

}
.greyTitle{
	background-color: #f9f9f9;
	padding-left: 10px;
	padding-bottom: 5px;
}

table.aptFormCTA{
	background-color: transparent;
	border-width: 1px 1px 1px 1px;
	border-spacing: 5px;
	border-style: outset outset outset outset;
	border-color: rgb(223, 223, 223) rgb(223, 223, 223) rgb(223, 223, 223) rgb(223, 223, 223);
	border-collapse: collapse;
	}
table.aptFormCTA td{
	border-bottom-style: inset;
	border-bottom-color: #DFDFDF;
	border-bottom-width: thin;
	}
	
	table.aptFormCTA tr{
	border-bottom-style: inset;
	border-bottom-color: #DFDFDF;
	border-bottom-width: thin;
	}
	

.mobilediv {
	border: 1px black solid;
	padding:10px;
	background: #F9FCFF;
	
	}	

/***Practitioner Modal Pop Up *******/
.modalFrame {
		background-color: white;
		width: 660px;
		height: 420px;
	}

	#leftnav {
		z-index: 0;
		}

	.docModalBackground {
		background-color:Gray;
		filter:alpha(opacity=70);
		opacity:0.7;
		z-index: 32760;	
	
	}	

	.modalIframe {
			background-color: white;
			width: 645px; 
			height: 420px;
	}	

	.modalDoctors img{
		padding: 5px;
	}
	


/*temp remove this later */

.ratingStar {
	font-size: 0pt;
	width: 13px;
	height: 12px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	cursor: pointer;
	display: block;
	background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url(/images/rating/FilledStar.png);

}

.emptyRatingStar {
    background-image: url(/images/rating/EmptyStar.png);
}

.savedRatingStar {
    background-image: url(/images/rating/SavedStar.png);
}

.modalBackground {
	background-color: Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
	z-index: 99999999;
}

.modalPopup {
	background-color:#fff;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}

.decorativelist { 
	padding-left: 24px;
	padding-right: 8px;
}

.decorativelist li { 
	list-style-image: url("../images/helpers/listflower.gif");
	margin-bottom: 8px;
}


.didyouknowleft,
.didyouknowright { 
	width: 200px;
	margin: 10px;	
	font-size: 11px;
	width: 270px;
	background-color: #f7f5ec;
	padding: 4px;
	color: #5d5d5d;
}

.didyouknowleft { 
	float: left;
}
.didyouknowright { 
	float: right;
}