/* Quickfact */
	.quickfact { margin: 0px 0px 15px 17px;  text-align: center; width:490px; background: url(ionx_images/pages/quickfact.jpg) left top no-repeat;}
	.quickfact p { margin-left: 50px; width: 425px; padding: 15px 15px 5px 50px;}
	.quickfact .quickfactbottom { display: block; width: 490px; height: 13px; background: url(ionx_images/pages/quickfact.jpg) 0px -367px no-repeat;}
	
		/* This is on Provigro */
		.quickfact_alt { margin: 0px 10px 15px 10px; text-align: center; padding-top: 15px; background: url(ionx_images/pages/quickfact_alt.jpg) no-repeat;}
		.quickfact_alt p { margin-left: 50px; width: 440px;}
		.quickfact_alt .quickfactbottom { display: block; width: 505px; height: 13px; background: url(ionx_images/pages/quickfact_alt.jpg) no-repeat 0px -370px;}
	
		/*
		.quickfact {float: left;width: 505px;margin: 10px 10px 10px 0px;padding: 0;background: #fff url(images/quickfact.jpg) no-repeat;}
		.quickfact p {clear: both; width: 400px; margin-left: 30px;}
		.quickfactbottom {display: block;width: 505px;height: 13px; #height: 5px; background: #fff url(images/quickfact.jpg) no-repeat 0px -370px;}
		*/

		
.rollsetmono {position: relative; z-index: 0;}
.rollsetmono span { display: none; font-size: 1em;}
.rollsetmono a { text-decoration: underline; font-weight: bold; color: blue; font-size: 12px;}
	.rollsetmono a:hover {z-index: 999; color: black; text-decoration: none;}
		.rollsetmono a:hover span {
			position: absolute;
			display: block;
			width: 500px;
			padding: 15px 15px 20px 15px;
			z-index: 999;
			font-weight: normal;
			text-decoration: none;
			color: #222;
			background: #eff;
			border: 2px solid #466cab;
		}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
}

	/* Ingredients Section */
	.ingredients {
		table-layout: fixed;
		width: 525px;
		margin: 0;
		margin-top: 10px;
		padding: 4px;
		border: 1px solid #cccccc;
		background: #d9f0bf;
	}
	td.imagecell { width: 80px; margin: 0; padding: 2px; text-align: center; vertical-align: middle;}
	td.descriptioncell { color: #333; margin: 0; padding: 2px 2px 2px 5px; font-size:.7em;}
	.ingredients tr td strong { color: #344;}

/* Pictures with Captions */
	.picture {margin-bottom: 15px; text-align: center;}
	.rightPicture { float: right; margin: 5px 0px 10px 10px;}
	.leftPicture { float: left; margin: 5px 10px 10px 6px; display: inline;}
	.rightPicture .caption, .leftPicture .caption, .picture .caption { padding: 3px; font-size: 11px; text-align: center; line-height: 13px;}
		.rightPicture .caption2, .leftPicture .caption2, .picture .caption2 { padding: 3px; font-size: 13.6px; text-align: center; line-height: 14px;}

	/* Testimonials */	
	.testimonialLeft, .testimonialRight { font-family: Arial; padding: 15px 15px 0; margin: 0px 30px 20px 30px; border: 1px dotted #dad02c; background: #fcfbe5; }
	.testimonialLeft h3, .testimonialRight h3 { padding: 0 0 20px 0; text-align: center; font-size: 18px; line-height: 22px; font-family: Georgia; font-weight: normal; }
	.testimonialLeft p, .testimonialRight p { text-align: justify; font-size: 12px; line-height: 18px; padding: 0 0 20px 0; }
	.testimonialLeft img, .testimonialRight img { cdisplay: none; }
		.testimonialRight img { float: right; margin: 5px 0px 5px 10px;}
		.testimonialLeft img { float: left; margin: 5px 10px 5px 0px;}
		
	/* INGREDIENTS */
	.supplement-facts { width: 339px; background: #f0f5fa; float: right; border: 1px solid #999; font-size: 11px; margin-bottom: 15px; }
	.supplement-facts tr td { padding-left: 15px; }
	.supplement-facts tr td.daily-value { padding-right: 15px; #padding-right: 0px; text-align: right; width: 40px; }
	.supplement-facts tr td.ing-name { width: 180px; }
	.supplement-facts tr td.amount { font-weight: bold; text-align: right; }
	.supplement-facts tr td.per-serving { text-align: right; width: 50px; }
	.supplement-facts tr td.content-cell { padding: 2px 15px 5px 15px; }
	.supplement-facts tr td h3 { padding: 10px 0 5px !important; font-size: 24px; margin-left: -2px; }
	.supplement-facts .hr { padding: 5px 15px; #padding: 0 15px; }
	.supp-desc { display: none; }
	
.content {
	float: left;
	background: #fff;
	width: 525px;
	padding: 0px 19px;
	border-left: 1px dotted #ccc;
	border-right: 1px dotted #ccc;
	font-family: Arial, Helvetica, sans-serif;
	background: #fff;
	color: #222;
	}

/* CONTENT DIV FOR ACCOUNT PAGES, POSSIBLE USE FOR PROMOTION PAGES, ALSO USED ON HOME PAGE */
.content2 {
	float: left;
	background: #fff;
	width: 721px;
	padding: 0px 19px;
	border-left: 1px dotted #ccc;
	font-family: Arial, Helvetica, sans-serif;
	background: #fff;
	color: #222;
	}

	.content p, .content2 p, .content ul, .content ol { font-size: 10.2pt; line-height: 20px; padding-bottom: 15px;}
	.content p {padding-left: 6px;}
	.content ol, .content ul { padding-left: 30px;}
	.content h1 { margin-bottom: 10px; padding-top: 5px; line-height: 120%; text-align: center; font-size: 216%; font-family: Georgia, Times New Roman,serif; color: #07366F;}
	.content h2.section_header, .content2 h2.section_header { clear: both; margin: 4px 0 9px 0; padding: 8px 8px 2px 28px; font-size: 125%; font-weight: 400; font-family:georgia,times,serif; color: #45464F; background: url('ionx_images/pages/sectionHeader.png') left 10px no-repeat; border-bottom: 3px double #ddd}
	.content h3 { padding: 2px 2px 6px 2px; font-size: 13px; line-height: 18px;}
	.content h6 { color: #000080; font-size: 19px; font-family: Georgia;}
	


	.banner { display: block; padding: 5px 0px;}
	.top {margin-bottom: 10px;}
.highlight { background-color: #FEFFBF;}
.highlightyellow { background-color: #FFFF00;}
.highlightblue {background: #cee6f5;}
.bluelink {color: #0000ff;}
.blue { color: #0D3C6F;}
.mnblue { color: #1B95DF;}
.red { color: red;}
.black { color: #333;}
.green { color: #3B9F09;}
.pink { color: #ff3366;}
.grey { color: #bbb;}

.dropcap { float: left; margin: 5px 3px 3px 0px;}
.small {font-size: 12px;}

.textcenter {text-align: center;}
.center { text-align: center;}
.indent18px { margin: 0 18px;}
.indent {float: left; width: 300px; margin-left: 15px; padding-left: 10px;}

.w50 {width: 50px;}
.w100 {width: 100px;}
.w150 {width: 150px;}
.w170 {width: 170px;}
.w200 {width: 200px;}
.w215 {width: 230px;}
.w250 {width: 250px;}
.w300 {width: 300px;}
.w350 {width: 350px;}
.w500 {width: 500px;}
.b18 {margin-bottom: 18px;}

.block {display: block;}
.left { float: left;}
.right { float: right;}
.clear { clear: both;}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix { display: inline-block;}
html[xmlns] .clearfix { display: block;}
* html .clearfix { height: 1%;}
.hidden { display: none;} /* This class being used for toggle function div as well */
.hide { display: block; text-indent: -9000px;}



	.product-header .hero-shot { float: left; padding-bottom: 15px; }
	.product-header .banner { cpadding: 0 0 15px 0; }
	.product-header .captionh1 { font-size: 11px; color: #aaa; font-weight: normal; font-family: Arial; padding-bottom: 10px; }
	.product-header .headline { float: right; width: 370px; padding-bottom: 5px; line-height: 30px; }
	.product-header .headline a { text-decoration: none; color: #41376f; }
	.product-header .bullet-box { margin-bottom: 15px; color: #41376f; float: right; clear: right; width: 350px; border: 1px dotted #aaa; padding: 10px 10px 0; }
	.product-header .bullet-box p, .product-header .bullet-box ul { font-size: 13px; line-height: 18px; padding: 0 0 15px 6px; }
	.product-header .bullet-box ul { padding: 0 0 15px 19px; }