/* Bariatric Fusion stylesheet June 2009 - btober*/

html * {
margin: 0;
padding: 0;
}

* {
font-family: Helvetica, Arial, sans-serif;
font-size: 9pt;
}

html {
}

body {
background: url(../images/body_bg.gif) repeat-x;
}

img {
border: 0px;
}

img, div, li, a {
behavior: url(iepngfix.htc);
}

a {
text-decoration: none;
position: relative;
z-index: 50;
}

a:hover {
text-decoration: underline;
}

a.active {
}

span.nobr {
white-space: nowrap;
}

i {
font-size: inherit;
}

sup {
font-size: 7pt;
height: 0;
line-height: 1;
vertical-align: baseline;
_vertical-align: bottom;
position: relative;
bottom: 1ex;
}

.clear {
clear: both;
}

.left {

	float:left;

}

li {
list-style-type: none;
}
h4 {
font-weight: bold;
color: #223e99;

}
span.emph {
font-weight: bold;
color: #223e99;
}

#wrapper, #footer {
width: 872px;
margin: 0 auto;
}

#wrapper {
background: url(../images/page_bg.gif) repeat-y;
}

#footer {
position: relative;
width: 872px;
margin: 0 auto;
height: 20px;
background: url(../images/footer_bg.gif) no-repeat;
z-index: 10;
}

#footerfront {
position: relative;
z-index: 10000;
}

#footer img.bottom {
margin: -250px 0 0 -35px;
}

#footer img.bottom2 {
margin: -460px 0 0 -68px;
}

#footer img.asmbs {
position: absolute;
bottom: 24px;
right: 252px;
}

#container {
background: url(../images/body_bg.gif) repeat-x;
}

#header {
position: relative;
width: 100%;
padding: 18px 0 0 15px;
height: 81px;
}

#header #phone {
position: absolute;
bottom: 17px;
right: 30px;
text-align: right;
width: 400px;
}

#header #phone p {
font-weight: bold;
font-size: 20pt;
color: #f7953d;
}

#header #phone p.small {
font-weight: normal;
font-size: 9pt;
color: #333;
margin-bottom: 2px;
}
#headertext {
	float:left;
}
#socialheader {
float: right;
position: relative;
top:7px;
}

.clear {
clear: both;
}

#nav {
width: 100%;
height: 27px;
position: relative;
z-index: 1000;
}

#nav ul#navlinks
{	width: 100%;
	padding: 0}
	
	#nav ul#navlinks li
	{	float: left;
		list-style: none;
		margin-top:2px;
	}
	
	#nav a.dotted_bottom
	{	
		border-bottom: 2px dotted #999;
		padding-bottom: 15px;

		}

	#nav ul#navlinks li a
	{	display: block;
		width: auto;
		padding: 5px 12px;
		text-decoration: none;
		color: #fff;
		white-space: nowrap;
		font: 8pt Helvetica, Arial, sans-serif;
		}

	#nav ul#navlinks li a:hover
	{	color: #f8981d;
		text-decoration: underline;}
		
		#nav ul#navlinks li ul
		{	margin: 0;
			margin-top:2px;
			padding: 0;
			position: absolute;
			visibility: hidden;}
		
		#nav ul#navlinks li ul li
		{	float: none;
			display: inline}
		
		#nav ul#navlinks li ul li a
		{	width: auto;
			background: #223e99;}
		
		#nav ul#navlinks li ul li a:hover
		{	color: #f8981d;
			text-decoration: underline;}


/**#nav ul#navlinks {
height: 26px;
}

#nav ul#navlinks li {
width: auto;
float: left;
color: #fff;
background-color: transparent;
margin-left: 15px;
}

#nav ul#navlinks li a {
font-size: 8pt;
line-height: 26px;
color: #fff;
background-color: transparent;
white-space: nowrap;
margin: 0;
padding: 7px;
}

#nav ul#navlinks li a:hover {
color: #f6981d;
}

#nav ul#navlinks li ul {
margin: 0px 0 0 -10px;
padding: 5px;
margin:0;
padding: 0;
position: absolute;
visibility: hidden;
z-index: 1100;
background: #233e99;
}

#nav ul#navlinks li ul li {
width: auto;
margin-left: -5px;
float: none;
padding: 0px 5px;
background: #233e99;
border-top: 1px dotted #fff;
}



#nav ul#navlinks li ul li a {
width: auto;
}**/

#nav ul#navlinks li ul li.first {
border: none;
}

#nav ul#navlinks li.cart {
width: auto;
float: right;
margin-right: 0;
font-size: 8pt;
color: #fff;
position:relative;
bottom:3px;
}

#nav ul#navlinks li.cart a span.store {
font-size: 8pt;
position: relative;
bottom:7px;
}

#nav ul#navlinks li.cart form fieldset {
border: none;
}

#nav ul#navlinks li.cart form label {
line-height: 26px;
font-size: 8pt;
margin-left: 3px;
}

#nav ul#navlinks li.cart form input {
vertical-align: middle;
}

#main {
width: 812px;
min-height: 500px;
height: auto !important;
height: 500px;
padding: 20px 30px 100px 30px;
background: url(../images/content_bg.gif) no-repeat;
z-index: 1;
}

#mainfront {
width: 812px;
min-height: 300px;
height: auto !important;
height: 300px;
padding: 20px 30px 75px 30px;
background: url(../images/content_bg.gif) no-repeat;
}

#content {
position: relative;
width: 812px;
}

#textcontent {
position: relative;
margin-left: 240px;
width: 565px;
z-index: 50;
}


#textcontent h1 {
font-size: 18pt;
color: #f7953d;
margin-top: 20px;
}

#textcontent h1.top {
margin-top: 5px;
}

#textcontent p {
font-size: 9pt;
line-height: 12pt;
color: #333;
margin-top: 5px;
}

#textcontent p img.imgtest {
float: right;
width:330px;
border-width: 1px 1px 1px 0;
border-color: #6074b6;
border-style: solid;
}

#textcontent p.testimonial {
margin-bottom: 20px;
margin-top: 0;
width: 195px;
height: 363px;
padding: 20px;
background-color: #dee2f0;
border-width: 1px 0 1px 1px;
border-color: #6074b6;
border-style: solid;
}

#textcontent p img.imgtest2 {
border-width: 1px 1px 0 1px;
border-color: #6074b6;
border-style: solid;
vertical-align: bottom;
margin: 0;
}

#textcontent p.testimonial2 {
margin-bottom: 20px;
margin-top: -5px;
width: 410px;
padding: 20px;
background-color: #dee2f0;
border-width: 0 1px 1px 1px;
border-color: #6074b6;
border-style: solid;
}


#textcontent .row {
	display:block;
	width:567px;
	margin-bottom:10px;
	margin-top:10px;
	height:410px;
}

#textcontent .row p.testimonials{
	margin-bottom: 0px;
	margin-top:0px;
	width: 195px;
	height: 363px;
	padding: 20px;
	background-color: #dee2f0;
	border-width: 1px 0 1px 1px;
	border-color: #6074b6;
	border-style: solid;
	display:block;
	float:left;
}

#textcontent .row img.imgtests{
	display:block;
	float: right;
	width:330px;
	border-width: 1px 1px 1px 0;
	border-color: #6074b6;
	border-style: solid;
}

#textcontent p span.name {
color: #233e99;
font-style: italic;
font-weight: bold;
white-space: nowrap;
background-color: transparent;
}

#textcontent ol {
margin: 10px 0 0 20px;
}

#textcontent ul {
margin: 10px 0 0 13px;
}

#textcontent ul li{
margin-top: 10px;
list-style-type: disc;
line-height: 12pt;
color: #333;
}

#textcontent ol li {
margin-top: 10px;
list-style-type: decimal;
line-height: 12pt;
color: #333;
}

#innernavwrap {
width: 210px;
position: absolute;
left: 5px;
}
/*
#innernav {
border: 1px solid #6074b6;
width: 210px;
}
*/
#innernav ul.first_ul{
border: 1px solid #6074b6;
width: 210px;
}

#innernav ul {
background: #dee2f0;
}

#innernav ul li {
border-top: 1px dotted #999;
padding: 10px;
}

#innernav ul li.first {
border: none;
}

#innernav ul li a {
width: auto;
color: #6074b6;
}

#innernav ul li a.active {
font-weight: bold;
}

#innernav ul li a:hover {
color: #f6981d;
}

#innernav ul li ul {
margin: 5px 0 -10px 10px;
}

#innernav ul li ul li {
padding: 5px;
}

#innernav ul li ul li a{
font-size: 8pt;
}

#foodprotein {
margin-top: 10px;
width: 465px;
border: 1px solid #6074b6;
background: #dee2f0;
border-collapse: collapse;
}

#foodprotein tr {
border: 1px dotted #6074b6;
height: 20px;
}

#foodprotein tr.nb {
border: none;
}

#foodprotein tr th {
background: #6074b6;
padding: 5px;
color: #fff;
}

#foodprotein tr td{
text-align: center;
padding: 5px;
}

#foodprotein td.left, #foodprotein th.left {
text-align: left;
}

/* Nutritional Deficiency and Symptoms Page */
#deficiency { margin-top: 10px; width: 515px;  border: 1px solid #6074b6; background: #dee2f0; border-collapse: collapse; }
#deficiency tr { border: 1px dotted #6074b6; height: 20px; }
#deficiency tr.nb { border: none; }
#deficiency tr th { background: #6074b6; padding: 5px; color: #fff; text-align:left; }
#deficiency tr td{ text-align: left; padding: 5px; vertical-align:top; }
#deficiency td.left, #deficiency th.left { text-align: left; font-weight:bold; color:#6074B6; }
/* End  */

/* Pre-Op Liver Reduction Page */
#guidelines { margin-top: 10px; width: auto; }
#guidelines tr { height: 20px; }
#guidelines tr.nb { border: none; }
#guidelines tr th { padding: 5px; text-align:left; }
#guidelines tr td{ text-align: left; padding: 5px; vertical-align:top; text-align:left; }
#guidelines td.left, #guidelines th.left { text-align: left; font-weight:bold; }
/* End  */

/* Pre-op Liver Reduction take 2 */
h3.subheader			{ margin:15px 0 5px 0; color:#223E99; }
.liverreduction span	{ color:#333333; display:block; margin-bottom:5px; }
.liverreduction span.emph	{ display:inline; color:#223E99; }
.liverreduction ul		{ margin:10px 0 15px 25px !important; }
td.emph					{ font-weight:bold; }
.bigshim				{ width:120px; }
/* End */

/* Meal Plan Example */
#mealplanex { margin-top: 10px; width: 515px;  border: 1px solid #6074b6; background: #dee2f0; border-collapse: collapse; }
#mealplanex tr { border: 1px dotted #6074b6; height: 20px; }
#mealplanex tr.nb { border: none; }
#mealplanex tr th { background: #6074b6; padding: 5px; color: #fff; text-align:center; }
#mealplanex tr td{ text-align: left; padding: 5px; vertical-align:top; text-align:left; }
#mealplanex td.left, #mealplanex th.left { text-align: left; font-weight:bold; color:#6074B6; }
/* End  */

#gmap {
width: 565px;
height: 350px;
border: none;
}

#textcontent .key {
float: left;
width: 270px;
margin: 20px 25px 10px 0;
}

#textcontent .keyc {
text-align: center;
}

#textcontent .key a.buynow{
color: #233e99;
font-size: 8pt;
position: relative;
z-index: 51;
}

#textcontent .right {
margin-right: 0;
}

#textcontent .key ul {
margin-left: 70px;
}

#textcontent .key ul li {
list-style-type: disc;
font-size: 8pt;
line-height: 10pt;
margin-top: 3px;
color: #333333;
}

.ingredients {
position: relative;
margin: 10px 0 0 360px;
}

#textcontent .ingredients p {
margin: 0;
font-size: 8pt;
}

#textcontent .ingredients span {
font-size: 8pt;
font-weight: bold;
}

#textcontent .ingredients span.right {
float: right;
}

#textcontent .ingredients span.left {
float: left;
}

.orange {
color: #f8981d;
}

.mixedberry {
color: #233e99;
background-color: transparent;
}

.strawberry {
color: #e31937;
}

.wildcherry {
color: #961238;
}

.tropical {
color: #669966;
}

#textcontent dl dt {
font-size: 11pt;
font-weight: bold;
margin-top: 15px;
color: #223e99;
}

#textcontent dl dt a {
color: inherit;
}

#textcontent dl dt.sub1 {
font-size: 10pt;
font-weight: normal;
margin-top: 3px;
color: #223e99;
}

#textcontent dl dt.sub2 {
font-size: 8pt;
font-style: italic;
font-weight: normal;
margin-top: 3px;
color: #223e99;
}
#textcontent dl dd a { color: #223e99;font-weight: bold;}

#textcontent dl dd {
line-height: 12pt;
margin-top: 5px;
}

#textcontent #references {
width: 545px;
border: 1px solid #6074b6;
background-color: #dee2f0;
color: #6074b6;
padding: 10px;
margin-top: 10px;
}

#textcontent #references h2 {
color: #6074b6;
font-size: 12pt;
background-color: transparent;
}

#textcontent #references ol li{
font-size: 8pt;
color: #6074b6;
}

table.compare {
border: 1px solid #999;
padding: 4px;
margin-bottom: 3px;
}

table.compare col.graycol {
background-color: #e3e3e3;
}

table.compare col.orangecol {
background-color: #feefda;
}

table.compare col.greencol {
background-color: #f7fae6;
}

table.compare th {
font-size: 9pt;
}

table.compare td {
font-size: 8pt;
}

table.compare th, table.compare td {
width: 101px;
padding: 5px;
text-align: center;
}

table.compare th {
height: 40px;
}

table.compare tr.orangerow {
background-color: #fbae47;
}

table.compare tr.greenrow {
background-color: #bed639;
}

table.compare tr td.bf {
color: #22358b;
font-weight: bold;

}

table.compare tr td.label {
text-align: left;
width: 96px;
padding: 10px;
font-weight: bold;
text-transform: uppercase;
}

table.compare tr.price {
background-color: #22358b;
}

table.compare tr td.pricetext {
color: #fff;
}

table.compare tr td span.supporting {
font-size: 6pt;
}

#rotator {
width: 812px;
height: 350px;
}

.policy {
width: 220px;
position: relative;
margin-top: 20px;
background: url(../images/policy_repeat.gif) top left repeat-y;
}

.policy_top {
background: url(../images/policy_top.gif) top left no-repeat;
}

.policy_bottom {
background: url(../images/policy_bottom.gif) bottom left no-repeat transparent;
color: #999999;
padding: 0 12px 5px 10px;
}

.policy_bottom p {
font-size: 8pt;
line-height: 11pt;
padding-top: 10px;
}

.policy h1 {
font-size: 9pt;
font-weight: bold;
color: #ffffff;
text-transform: uppercase;
line-height: 32px;
background-color: transparent;
}

#copyrightc {
width: 100%;
background: #fff;
}

#copyright {
width: 830px;
margin: 0 auto 50px auto;
text-align: right;
font-size: 7pt;
color: #999;
background-color: transparent;
}

#copyright a {
font-size: 7pt;
color: #999;
background-color: transparent;

}

#copyright a:hover {
color: #666;
}

#social {
float: left;
}

#social a {
margin-right: 3px;
}

/**temp shop**/
#textcontent .product {
border-top: 1px solid #e4e4e4;
padding: 10px 0;
height: 125px;
}
#textcontent .prtop {
margin-top: 10px;
}

#textcontent .plarge {
height: 200px;
}

#textcontent .product img.prodshot {
float: left;
}

#textcontent .product p.price {
font-size: 12pt;
font-weight: bold;
color: #e31937;
margin: 5px 0;
}

#textcontent .product span.priceold {
font-size: 12pt;
font-weight: bold;
color: #000;
text-decoration: line-through;
}

#textcontent .product span.pricedesc {
font-size: 8pt;
font-weight: normal;
color: #666;
font-style: italic;
vertical-align: middle;
}

#textcontent .product form {
line-height: 16px;
}

#textcontent .product form input {
vertical-align: middle;
margin: 5px 0;
}

#shopnowfront {
width: 852px;
margin: 0 auto;
}

#shopnowfront #suppbuyfront {
float: left;
padding: 10px;
background: #ababd6;
border: 1px solid #233e99;
width: 394px;
margin-right: 20px;
text-align: center;
}

#shopnowfront #mealrepbuyfront {
float: left;
padding: 10px;
background: #ffe7cb;
border: 1px solid #f8981d;;
width: 394px;
text-align: center;
}

#shopnowfront #suppbuyfront a { 
color: #233e99;

}

#shopnowfront #mealrepbuyfront a {
color: #233e99;

}

#office {
position: relative; 
top: 0px;
vertical-align: top;
}

#office img{
padding-top: 10px;
}

#web {
padding-top: 40px;
}

#reseller {
padding-top: 0;
margin-bottom: 180px;
}

.register {
margin-left: 229px;
margin-top: 5px;

}
.form_radio {
margin-top: 10px;
margin-left: -8px;
}

.form_row {
margin: 10px;
margin-left: 256px;
}

#footer img.bottom3	{ margin: -475px 0 0 -52px; }
#footer p.tag_line	{ color: #FFFFFF; font-weight: bold;  height: 0; left: 35px;  position: relative; text-transform: uppercase; top: -25px; z-index: 10000; }