/* Stylesheet for InterHealth Nutraceuticals, started Feb 2008, TEM   */
/* Validation http://jigsaw.w3.org/css-validator/ as of mm-dd-yy	*/
/* ______________________________________________________________*/

html 
{
	overflow: -moz-scrollbars-vertical;
	overflow-y: scroll;	
	height: 100%;
}  /* vertical scroll bar always on, so page center doesn't "jump" */

/* ------------------ Clear Styles to Preferred Default -------------------------- */

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, ul, ol, li, fieldset, label, legend, caption
{	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 11px;
	vertical-align: baseline;
	background: transparent;
	font-family : "Trebuchet MS", arial, helvetica, sans-serif;
}

sub { vertical-align: sub; }
sup { vertical-align: super; }

body { line-height: 1.3; 
	color: #606060;	
	background-color: #ffffff;
	height: 100%;
}

ul li { list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/* ------------------ Baseline Styles  -------------------------- */

/* Headers *****************************/
h1 {color: #424242; font-size: 18px; font-weight:normal;
	display:block; padding-top: 9px;
	margin-bottom: 10px;
	
}
h2, h2 a {color: #424242; font-size:14px;}
h3 {color: #214a78;}
h4 {}
h5 {}

/* OVERRIDE SECTION FOR TITLE CDI */
h1 p, h1 b, h1 strong, h1 em, h1 i, 
h2 p, h2 b, h2 strong, h2 em, h2 i
{ color: #424242; font-size: 14px; display:block; padding:0; margin:0; padding-bottom: 4px; }
	
	

/* Text *****************************/
p {padding-bottom: 10px;}
.footnote, .footnote p { font-size: 10px; }

/* Links *****************************/
a {font-weight:bold;  color: #214a78; text-decoration: none;}
a:hover {color: #6f8cae;}
a:active {}
a:visited {}

/* Images *****************************/
img { border: 0px; }

/* Forms *****************************/
.formLabel {
			display: block;
			width: 139px;  height: 34px;  /*150x38 -p*/
			padding: 4px 11px 0 0;
			text-align:right;
			float: left;
			font-size:12px;
			font-weight: bold;
		}
		.textBox {
			display: block;
			float: left;
			width: 240px;
		}
		.textBox, .dropDownList {
			font-size: 11px;
			color: #606060;
		}
		.textArea { font-family : "Trebuchet MS", arial, helvetica, sans-serif; margin-bottom:5px;}
		#formSubmit {
			margin: 17px 0 0 150px;
		}
		
.formCheckBox	{float:left;  margin:0 0 3px 0;}
.formCheckBox input {float:left;}
.formCheckBox label { float:left; padding: 3px 0 0 8px; margin:0; display:inline; width:500px; }

/* Misc Sitewide ********************/	
.clear {clear: both;
	line-height: 0;
	}
.super {vertical-align: 2PX;
	font-size: 10px;
	}
	
#productFlash 
{
	border-bottom: 1px #dfdfdf solid;
	padding: 0 0 10px 0;
}


/* ------------------ Centered Content  -------------------------- */

#Box {
	width: 953px;
	margin: 0 auto;
	border: none;
}

#Main {
	width:953px;
	margin:0; padding:0;
	float: left;
}


/* ------------------ Header & Nav Bar  -------------------------- */

#Header {
	background: #ffffff url('../../Images/header_bg.gif') no-repeat 0 0;
	height: 89px;
	margin-bottom: 3px;
	
}
	a.homelink {
		width: 150px; height: 88px;
		display:block;
		padding-right: 350px;
		float: left;
			overflow: hidden;
			text-indent: 600px;
			white-space: nowrap;
	}
	
	#searchBox {
		background: #fff url('../../Images/search_bg.gif') no-repeat right top;
		display: block;
		height: 51px; width: 430px;
		float: right;
	}
		.phoneIcon, .contactlink {float: left; display:block;}
		.contactlink {
			width: 87px;
			color: #464848;
			
		}
			.contactlink:hover {color: #c4a95d;}
			.phoneIcon {
				width: 18px;  
				padding:14px 4px 0 0;
			}
		
		.searchTextBox {
			float: left;
			width: 214px; height: 18px;
			margin: 10px 4px 0 0;
		}
		#searchBtn, a#Header_searchBtn {
			overflow: hidden;
			text-indent: 90px;
			white-space:nowrap;
			width: 82px; height: 31px;
			display: block;
			background: transparent url('../../Images/btn_Search.jpg') no-repeat 0 -31px;
			margin-top: 7px;
			
		}
		a#searchBtn:hover, a#Header_searchBtn:hover{
			background-position: 0 0;
		}	
		
	.contactlink {text-decoration:underline; padding-top:15px; display:block;}
	a.contactlink img {text-decoration: none;}

/* Nav ********************/

#Navigation {
	background: transparent url('../../Images/nav_bg.gif') no-repeat right top; 
	display:block;
	height: 39px; width: 950px;  /* narrower than main because the fade in #Header.searcbox extends over on rt */
	margin-bottom: 4px;
}

#Navigation ul {					
	display: block;
}

#Navigation ul li {
	display: inline;
	float: left;
}

	#Navigation a {
		overflow: hidden;
		text-indent: 150px;
		white-space: nowrap;}   /* assumes all the same size */
		
		a.ingredientslink {
			width: 98px; height: 39px;
			display: block;
			background: transparent url('../../Images/nav_Ingredients.gif') no-repeat 0 0;
		}
		a.industrieslink {
			width: 84px; height: 39px;
			display: block;
			background: transparent url('../../Images/nav_Industries.gif') no-repeat 0 0;
		}
		a.healthCenterlink {
			width: 111px; height: 39px;
			display: block;
			background: transparent url('../../Images/nav_HealthCenter.gif') no-repeat 0 0;
		}
		a.researchlink {
			width: 78px; height: 39px;
			display: block;
			background: transparent url('../../Images/nav_Research.gif') no-repeat 0 0;
		}
		a.aboutlink {
			width: 139px; height: 39px;
			display: block;
			background: transparent url('../../Images/nav_AboutInterHealth.gif') no-repeat 0 0;
		}
		#Navigation a:hover{
			background-position: 0 -39px;
		}	
		
/* SubNav ********************/

#Navigation ul li  { position: relative; z-index: 999;}

#Navigation ul li ul.subMenu {
	width: 172px;  /*182-p*/
	padding-left: 10px;
	margin-left: 9px;
	background-color: #323131;
		opacity: .90;
		filter: alpha(opacity=90);
	display:none;
	position:absolute;
	
	
}
	#Navigation ul li:hover ul, #Navigation ul li.over ul {
		display: block; 
		position: absolute;
	}
	
	#Navigation ul li ul#subIngredients {
		margin-left: 13px;
	}
	

#Navigation ul li ul.subMenu li {
	float: none; 
	display: block;
	border-bottom: 1px #000 solid;
}


#Navigation ul li ul.subMenu li.lastButton {	
	height: 26px;
	border-bottom: none;
} 


#Navigation ul li ul.subMenu li.subButton a 
{
	display: block;
	text-indent: 0;
	height: 20px; width: 172px;
	padding-top: 3px;
	color: #fff;
	font-size: 12px;
	font-weight: normal;
	padding-left:0; margin-left:0;
}
	#Navigation ul li ul.subMenu li.subButton a:hover {
		color: #c4a95d;
	}



#Navigation ul li > ul 
{
	top: auto;
	left: auto;
}




		
/* Img Header ********************/

#imgHeader {
	width: 950px; height: 208px; 
	display: block;
	background: #ffffff url('../../Images/hdr_default.jpg') no-repeat 0 0;  /* This one is left as a default, but header image are defined in the ContentPlaceHolder for each page*/
}
	#imgHeader .headertext {
		padding: 50px 0  0 494px;
		width: 420px; height: 130px;  /* 914x180 -p*/
		display: block;	
		margin:0;
	}
	.headertext h1 {
		padding: 0px;
		margin-bottom: 5px;
	}
	
	.breadcrumbs {padding: 6px 0 5px 11px;
		display:block;	
	}
	.breadcrumbs, .breadcrumbs a {color: #fff; font-size: 10px;}
	.breadcrumbs a:hover {color: #ddcda0;}


/* ------------------ Content Area  -------------------------- */

div#bgFill {
	width: 950px; display: block;
	float: left;
	background: #fff url('../../Images/leftfill_bg.gif') repeat-y 0 0;
	margin-top: 5px;
	display:block;
	height:auto;
}


#Col1, #Col2, #Col3, #Col1 div, #Col3 div  
{	float: left;  display:block;}
#Col1, #Col2, #Col3, #Col1 div, #Col3 div  
{  }

#Col1, #Col1 div {width: 175px;}   /* adjust later as needed for padding */
#Col2 {width: 547px;}
#Col3 {width: 184px;}
#Col3 div {
	/*width:160px ; /*184-padding*/
	/*padding: 9px 12px; */
}

.rightSideBar 
{
	width:160px ; /*184-padding*/
	padding: 9px 12px;
}

/*  Col1 Styles *******************  */
#Col1 {
	
	
}

	#subnav {
		background: #e7eddb;
	}
	
	#subnav ul.linksList {
		margin: 4px 0 8px 19px;
	}
	
	ul.linksList li 
	{
		margin-top: 10px;
		/*margin-bottom: 10px; */
	}
	ul.sub li {
		margin-top: 2px; 
	}
	ul.linksList li img {padding-right: 3px;}
	ul.sub li img {padding-right: 3px;}
	
	#subnav ul.linksList li a {font-size: 12px;}
	#subnav ul.sub li a {font-size: 11px; padding-left: 10px;}
	
	.currentLink 
	{
		color: #4d4d4d;
	}
	
/*  Col2 Styles *******************  */
#Col2 {
	margin: 0 22px 0 22px;	  /* will be doubled in IE6 -adjust css accordingly */
	display: inline;
}

#content a {
	color:#214a78;
}
#content a:hover {color:#6f8cae;}

.divider { width:100%; height:1px; display:block; border-bottom: 1px #dfdfdf solid; margin:0 0 10px 0; }

/* **** Styles for Accordion Script */

a.toggleLink {
	display: block;
	overflow: hidden;		
	white-space: nowrap;
	height: 18px; width: 519px;
	padding: 5px 0 0 28px;
	margin-top: 3px;
	background: url('../../Images/toggle_bg.gif') no-repeat 0 0;
	font-size: 12px;
}
div.toggler {
	padding: 5px 0px 0 28px;
	float: left;
	width: 519px;  /* 547 - p*/
}

div.toggler p 
{
	padding: 0 28px 5px 0;
}

div.teaser {
	padding-bottom:0px;	
}

/* ***************** OLD toggle Styles */
/* ***************** End old toggle Styles */

a#link1, a#link2, a.readmoreAccordion, .readmoreAccordion {
	width:195px; height:24px;
	display: block;
	float: left;
			overflow: hidden;
			text-indent: 220px;
			white-space: nowrap;
	margin: 10px 0 10px 23px;
}
a#link1, a.readmoreAccordion {background: transparent url('../../Images/btn_readmore_accordion.jpg') no-repeat 0 0; padding-right: 6px;} 
a#link2 {background: transparent url('../../Images/btn_LinkTwo.jpg') no-repeat 0 0;}

a#link1:Hover, a#link2:hover, a.readmoreAccordion:hover {background-position: 0 -24px;}



.toggleBottomCurve {
	/* position:relative; top: 15px; left:-13px; */  /* used when curve was inside toggler div */
	position:relative; top: -6px;
}

div.contentImg {
	width:166px; height:173px;  /* 164x47 - padding */
	padding: 8px 10px;
	display: block; display: inline;
	background: transparent url('../../Images/content_img_bg.jpg') no-repeat 0 0;
	float: left;
	margin-right: 19px;
}

a.contentBtn {
	display: block;
	height: 24px;
	float: left;
			overflow: hidden;
			text-indent: 500px;
			white-space: nowrap;
}

	a#readMoreHistory 	{
		width: 273px; 
		background: transparent url('../../Images/btn_ReadMoreAboutIHHistory.jpg') no-repeat 0 0;
	}
	a.moreProductInformation {
		width: 195px; 
		background: transparent url('../../Images/btn_MoreProductInformation.jpg') no-repeat 0 0;
	}
	a.formSubmit {
		width: 71px;
		background: transparent url('../../Images/btn_Submit.jpg') no-repeat 0 0;
		margin-left:0;
	}
a.contentBtn:hover, a#readMoreHistory:hover, a.moreProductInformation:hover, a.formSubmit:hover
{background-position: 0 -24px;}

div.product {
	border-top: 1px #dfdfdf solid;
	display: block;
	padding: 15px 0 25px 172px;
}
.product ul.contentList { padding-top: 0;}

#superCitrimax	{background: transparent url('../../Images/logo_SuperCitrimax.gif') no-repeat 0 0;}
#chromeMate		{background: transparent url('../../Images/logo_chromeMate.gif') no-repeat 0 0;}
#aller7			{background: transparent url('../../Images/logo_Aller-7.gif') no-repeat 0 0;}
#optiZinc		{background: transparent url('../../Images/logo_OptiZinc.gif') no-repeat 0 0;}
#protykin		{background: transparent url('../../Images/logo_Protykin.gif') no-repeat 0 0;}
#ucII			{background: transparent url('../../Images/logo_UCII.gif') no-repeat 0 0;}
#zma			{background: transparent url('../../Images/logo_ZMA.gif') no-repeat 0 0;}
#optiBerry		{background: transparent url('../../Images/logo_OptiBerry.gif') no-repeat 0 0;}
#otherProducts		{border-bottom: 1px #dfdfdf solid;}

/*  Col3 Styles *******************  */


	#Col3 div#findproducts {
		background: #fff url('../../Images/find_bg.gif') no-repeat 0 0;
		height: 92px; width:158px; /* 121x184 -padding */
		padding: 16px 13px 13px 13px;
		margin-bottom: 6px;
		color: #424242;
	}
	
		.findDropDownList {
			width: 158px; /* height: 23px; */  /* width should match #findproducts width*/
			font-size: 11px;
			float:right;
		}
		
		a.goBtn1 {
			float:right;
			display:block;
			height: 23px; width: 32px;
			margin-top: 6px;
			overflow: hidden;
			text-indent: 50px;
			white-space: nowrap;
			background: transparent url('../../Images/btn_Go.jpg') no-repeat 0 0;	
		}
		
		a.goBtn2 
		{
			float:right;
			display:block;
			height: 23px; width: 32px;
			overflow: hidden;
			white-space: nowrap;
			background: transparent url('../../Images/btn_Go.jpg') no-repeat 0 0;	
		}
		
		a.goBtn:Hover {background-position: 0 -23px;}
		a.goBtn1:Hover {background-position: 0 -23px;}
		a.goBtn2:Hover {background-position: 0 -23px;}
		
		.sidebarlt { background: #e5d9b7; }
		.sidebardk, .sidebarlinks  	{ background: #ddcda0; }
		.sidebardk a, .sidebarlt a {text-decoration: underline;}
		.sidebarlinks {
			background: #f0e9d6;
			border-top: 1px #f9f6ef solid;
		}
		#topSidebar {background: #e5d9b7 url('../../Images/rtcol_bg_top.gif') no-repeat 0 0;}
		.sidebarlt h3, .sidebardk h3 {
		 color: #424141;
		 font-weight: bold;
		}
		#Col3 div.sidebarlinks {padding-right:0; width:172px;}
		div#linksNav {margin:0; padding:0;}
		#linksNav ul.linksList {margin:0;}
		#linksNav ul.linksList {line-height: 0.9;}
		#linksNav ul.linksList a {font-size: 11px;}
		#linksNav ul.linksList li.last {margin-bottom:0;}
		.arrowIndent {width: 9px; height: 12px; display: block; float:left;}
		
/* ------------------ Footer  -------------------------- */

#footer {
	text-align: center;
	margin: 30px 0 30px 0;
	
}

#footer  li { display: inline; }
#footer, #footer a, #footer p {color: #0f0f0f;	font-weight:normal;font-size: 10px;}
#footer a:hover {color:#c4a95c;}

/* BEGIN Leadership/Expert Styles */
#leaderExpert
{
	float: left;
	width: 531px;
	padding: 15px 0 15px 0;
	border-top: 1px #dfdfdf solid;
}
#leaderExpertImage
{
	float: left;
	border: solid 1px #dfdfdf;
	padding: 2px;
}
#leaderExpertInfo
{
	float: right;
	width: 375px;
}
#leaderExpertInfo h2
{
	margin: 0;
	padding: 0;
	font-size: 13px;
	font-weight: bold;
}
#leaderExpertInfo p
{
	margin: 5px 0 5px 0;
	padding: 0;
}
#leaderExpertInfo a
{
	padding-right: 5px;
}

/* END Leadership/Expert Styles */

/* START News Search Page */

div#newsfind {
	float: left;
	padding: 18px 0 0 25px;
	width: 310px;
}
.newsSearchBg {
	background: transparent url(../../Images/search_box_bg.gif) no-repeat 0 0;
	display: block; float: left;
	height:29px; width:261px;  /*33x265 -padding*/
	padding: 6px 0 0 4px;
}
.newsSearchDropDownList {
	width: 250px; /*height: 23px;*/
	display: block;
	margin-left: 4px;
	font-size: 11px;
}

a.newsSearchBtn {
	float: left;
	display:block;
	height: 33px; width: 80px;
	overflow: hidden;
	text-indent: 50px;
	white-space: nowrap;
	background: transparent url('../../Images/search_button.gif') no-repeat 0 0;	
}
		
a.newsSearchBtn:Hover {background-position: 0 -33px;}

/* END News Search Page */

/* BEGIN ProductDetail Styles */
.productDetail
{
	float: left;
	width: 547px;
	padding: 0 0 15px 0;
}
.productDetailImage
{
	float: left;
	width: 88px;
	padding-top: 20px;
}
.productDetailInfo
{
	float: right;
	padding: 20px 0 0 10px;
	width: 375px;
}
.productDetailInfo p
{
	margin: 5px 0 5px 0;
	padding: 0;
}
.productDetailInfo a
{
	padding-right: 5px;
}

/* END ProductDetail Styles */

.bodySlot img 
{
	border: solid 1px  #dfdfdf;
	padding: 2px;
	float: left;
	margin: 15px 25px 10px 0px;
	display: inline;
}

#Col2 ul, .bodySlot ul {
	padding: 5px 0 0 5px;
}

#Col2 ol, .bodySlot ol {
	padding: 5px 0 0 30px;
}

#Col2 li, .bodySlot li 
{
	line-height: 1.6;
}

#Col2 ul li, .bodySlot ul li 
{
	padding-left: 25px;
	background: transparent url('../../Images/list_dot.gif') no-repeat 10px 5px;
}

#Col2 li.alternate
{
	padding: 10px;
	background-image: none;
}

#Col2 li.odd
{
	background-color: #f2f2f2;
}


/* BEGIN Ingredient List Styles */
.IngredientList
{
	border-top: 1px #dfdfdf solid;
	display: block;
	float: left;
}

.IngredientImage
{
	float: left;
	width: 153px;
	padding: 0 10px 0 0;
}
.IngredientInfo
{
	float: left;
	padding: 15px 0 25px 0;
	width: 375px;
}
/* Ingredient List Styles - END */

/* BEGIN Ingredient List Styles */
.IndustryList
{
	float: left;
	border-top: 1px #dfdfdf solid;
	padding: 15px 0 15px 0;
	display: block;
}

.IndustryImage
{
	float: left;
	width: 153px;
	padding: 0 10px 0 0;
	
}

.IndustryImage img
{
	border: solid 1px #dfdfdf;
}

.IndustryInfo
{
	float: left;
	padding: 10px 0 0 0;
	width: 375px;
}

.lastItemBorder 
{
	border-bottom: 1px #dfdfdf solid;
}
/* Ingredient List Styles - END */