@charset "UTF-8";

/* !!! IMPORTANT NOTES !!!! 
always use SitePress (preferably with local editor) to edit/save this CSS
All TEXT IMAGE styles should reside in this stylesheet - Site.css */


HTML { font-size:75%;  /* 16px x 75% = 12px */ }

BODY {
	/* to center the body or add a body background color or image,
	add the styles directly in the template head or body tag. Adding it 
	here will affect the body alignment/color in SitePress edit mode! */
	margin: 0;
	background-color: #FFFFFF;
	font-size: 1em;
	line-height:1.33em;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

BR.clearAll {
	font: 1px/1px monospace;
	display: block;
	clear: both;
}
DIV.clearAll {
	visibility: hidden;
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0;
}


/* HEADINGS ------------------------------------------------------ */
H1 {
	margin:0 0 15px 0;
	font-size:1.50em;
	line-height:1.17em;
	font-weight:bold;
}

H2 {
	margin:15px 0;
	font-size:1.33em;
	line-height:1.19em;
	font-weight:bold;
}

H3 {
	margin:15px 0;
	font-size:1.17em;
	line-height:1.23em;
	font-weight:bold;
}

H4 {
	margin:15px 0;
	font-size:1.08em;
	line-height:1.21em;
	font-weight:bold;
}

H1:first-child, H2:first-child, H3:first-child, H4:first-child {
	margin-top:0;
}

/* MAIN LAYOUT --------------------------------------------------- */



/* PAGE */
.page {
	margin: 0 auto;
	padding: 0 15px;
	width: 980px;
	text-align: left;
	background:url('/img/bgrPage.png') repeat-y;
	color:#848484;
}

P {
	margin:15px 0;
}

P:first-child {
	margin-top:0;
}

OL {
	margin:5px 0;
	padding:0 0 0 30px;
}

OL LI {
	margin:10px 0;
	padding:0;
}

A IMG {
	border:none;
}

A {
	color:#6385a4;
	font-weight:bold;
	text-decoration:none;
}

A:hover {
	text-decoration:underline;
}



/*	HEADER	*/

.pageHeader {
	clear:both;
	width:980px;
	height:110px;
	position:relative;
}

.logo {
	position:absolute;
	top:15px;
	left:30px;
}

.logoForPrint {
	display:none;
}

.banner {
	display:block;
	clear:both;
	width:980px;
	margin:0;
	padding:0;
}



/*	MAIN LAYOUT	*/
.contentHolder {
	clear:both;
	width:960px;
	padding:8px 10px 3px 10px;
	margin:0;
}

.leftColumn {
	float:left;
	width:210px;
	margin:0;
	padding:0;
	overflow:hidden;
}

.content {
	float:left;
	width:500px;
	margin:0;
	padding:10px 20px 10px 30px;
	font-size:1em;
	line-height:1.36em;
	overflow:hidden;
}

.contentNoRightColumn {
	float:left;
	width:700px;
	margin:0;
	padding:10px 20px 0 30px;
	font-size:1em;
	line-height:1.36em;
	overflow:hidden;
}

.rightColumn {
	float:left;
	width:200px;
	margin:0;
	padding:0;
	overflow:hidden;
}

.columnContent {
	margin-top:20px;
	padding:0 10px;
}

.leftQuote {
	margin-top:20px;
	padding:0 10px;
	text-align:center;
	display:block;
	clear:both;
}

/* Left Column Styles ---------------------------------------------------- */

.leftSidebar {
	background:url('/img/bgrLeftSidebar.gif') top repeat-x #64809d;
	border:2px solid #a2c0da;
	padding:15px;
	margin:0;
	color:#FFFFFF;
	clear:both;
	display:block;
}

.leftSidebar TABLE.contactTable {
	border-top:2px solid #bbc8d6;
	border-bottom:2px solid #bbc8d6;
	padding:4px 0;
	margin:3px 0 10px 0;
	width:100%;
}

.leftSidebar TABLE.contactTable TD {
	font-size:0.75em;
	color:#edf1f4;
	vertical-align:middle;
	height:24px;
	padding:0;
}

.leftSidebar .contactTable TD.icon {
	width:25px;
	text-align:center;
	padding-right:6px;
}

.leftSidebar TABLE.contactTable TD A:link, .leftSidebar TABLE.contactTable TD A:visited, 
.leftSidebar TABLE.contactTable TD A:active, .leftSidebar TABLE.contactTable TD A:hover {
	color:#edf1f4;
	font-weight:normal;
	text-decoration:none;
}

.leftSidebar TABLE.contactTable TD A:hover { text-decoration:underline; }

.searchArea {
	margin:30px 0 120px 0;
	padding:0;
	clear:both;
	color:#cdd6e1;
}

#SitePressSearchArea {
	clear:both;
	overflow:hidden;
	height:26px;
	margin:0;
	padding:0;
}

INPUT.searchBox {
	margin:3px 8px 3px 0;
	padding:3px;
	width:134px;
	height:14px;
	color:#848484;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	border:none;
	background:#FFFFFF;
	float:left;
}

INPUT.searchButton {
	margin:0;
	padding:0;
	width:26px;
	height:26px;
	cursor:hand;
	border:none;
	float:right;
}

/* Content Styles --------------------------------------------------------- */

.divider {
	background:#cecdcd;
	height:1px;
	width:510px;
	margin:6px 0 6px -10px;
	clear:both;
}

.getStarted {
	border:1px solid #cac9ca;
	margin:0 0 10px 0;
	padding:15px 16px;
	background:#FFFFFF;
	width:166px;
	font-size:1em;
	line-height:1.33em;
}

.getStarted P { margin:5px 10px 10px 10px; }

.getStarted IMG {
	border:none;
	display:block;
}

.stayConnected {
	border:1px solid #cac9ca;
	margin:0 0 10px 0;
	padding:15px 16px;
	background:#FFFFFF;
	width:166px;
	font-size:1em;
	line-height:1.33em;
}

.stayConnected .logos {
	border-top:2px solid #dcdbdb;
	padding:13px 0 0 0;
	margin:3px 0 0 0;
	text-align:center;
}

.stayConnected .logos IMG { 
	border:none;
	display: inline;
}

.LargerText {
	font-size:1.33em;
}

.LargeText {
	font-size:1.17em;
}

.SmallText {
	font-size:0.83em;
}


/* TEXT IMAGES ----------------------------------------------------- */
.HeadingUnderlined { display:image; font-family:"Oceania-Regular"; color:#44658C; background-color:#FFFFFF; font-size:18px; max-width:500px; padding-bottom:7px; padding-left:10px; img-class:"headingBottomUnderline";  }

.headingBottomUnderline { margin-left:-10px; border-bottom: 1px solid #CECDCD; }

.HeadingGreenLarge { display:image; font-family:"Oceania-Medium"; color:#859964; background-color:#FFFFFF; transparent:#FFFFFF; font-size:24px; margin:0; padding:0; max-width:500px; }

.SidebarHeadingGreenLarge { display:image; font-family:"Oceania-Medium"; color:#859964; background-color:#FFFFFF; transparent:#FFFFFF; font-size:24px; margin:0; padding:0; max-width:166px; }

.HeadingGreenSmall { display:image; font-family:"Oceania-Medium"; color:#859964; background-color:#FFFFFF; transparent:#FFFFFF; font-size:18px; margin:0; padding:0; max-width:500px; }

.SidebarHeadingGreenSmall { display:image; font-family:"Oceania-Medium"; color:#859964; background-color:#FFFFFF; transparent:#FFFFFF; font-size:18px; margin:0; padding:0; max-width:166px; }

.topnavItem2	{ display:rollover; font-family:"Oceania-Regular"; color:#44658C; background-color:#FFFFFF; font-size:14px; }
.topnavItem2Over	{ display:image; font-family:"Oceania-Regular"; color:#44658C; background-color:#FFFFFF; font-size:14px; }
.topnavItem2Selected{ display:image; font-family:"Oceania-Regular"; color:#44658C; background-color:#FFFFFF; font-size:14px; }
.topnavItem2Opened	{ display:image; font-family:"Oceania-Regular"; color:#44658C; background-color:#FFFFFF; font-size:14px; }

.topnavItem3	{ display:rollover; font-family:"Oceania-Regular"; color:#848484; background-color:#FFFFFF; font-size:14px; max-width:-140px; }
.topnavItem3Over	{ display:image; font-family:"Oceania-Regular"; color:#44658C; background-color:#FFFFFF; font-size:14px; max-width:-140px; }
.topnavItem3Selected{ display:image; font-family:"Oceania-Regular"; color:#44658C; background-color:#FFFFFF; font-size:14px; max-width:-140px; }
.topnavItem3Opened	{ display:image; font-family:"Oceania-Regular"; color:#44658C; background-color:#FFFFFF; font-size:14px; max-width:-140px; }

.subnavItem3	{ display:rollover; font-family:"Oceania-Regular"; color:#848484; background-color:#FFFFFF; font-size:14px; max-width:-160px; }
.subnavItem3Over	{ display:image; font-family:"Oceania-Regular"; color:#44658C; background-color:#FFFFFF; font-size:14px; max-width:-160px; }
.subnavItem3Selected{ display:image; font-family:"Oceania-Regular"; color:#44658C; background-color:#FFFFFF; font-size:14px; max-width:-160px; }
.subnavItem3Opened	{ display:image; font-family:"Oceania-Regular"; color:#44658C; background-color:#FFFFFF; font-size:14px; max-width:-160px; }



/* FOOTER ---------------------------------------------------------- */
.pageFooter {
	clear: both;
	display:block;
	width:960px;
	margin:0 auto;
	padding:15px 25px;
	background:url('/img/bgrFooter.png') no-repeat top;
	color:#7f9bb4;
	line-height:1em;
}

.pageFooter A:link, .pageFooter A:active, 
.pageFooter A:visited, .pageFooter A:hover {
	color:#7f9bb4;
	text-decoration:none;
	font-weight:normal;
}

.pageFooter A:hover {
	text-decoration:underline;
}


/* NAVIGATION ----------------------------------------------------- */
.nav {
	margin:0;
	padding:75px 20px 0 0;
	float:right;
}
.nav ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
.nav ul li {
	position: relative;
	margin:0;
	padding:0 20px;
	display:block;
	float:left;
	border-left:1px solid #b7b6b6;
}
.nav ul li.first {
	border-left:none;
}
.nav ul li a {
	display:block;
	border:none;
	padding:0;
	margin:0;
}

.nav ul li ul {
	display: none;
	position: absolute;
	left: 0;
	top: 14px;
	margin: 0; 
	padding: 16px 0 0 0;
	background: #FFFFFF;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-radius-bottomleft: 5px;
}

.nav ul li.first ul {
	margin: 0;
}

.nav li ul li {
	padding:0;
	margin:0; 
	display:block;
	clear:both;
	float:none;
	border:none;
	border-left:1px solid #b7b6b6 !important;
	border-right:1px solid #b7b6b6;
}
.nav li ul li a {
	margin:0;
	padding:6px 20px 4px 20px;
	background:#FFFFFF;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
}

.nav li ul li IMG {
	position:relative;
	z-index:9999;
}


.nav li ul li a:hover {
	border-top:1px solid #d3d2d2;
	border-bottom:1px solid #d3d2d2;
}


.nav li ul li.last,
.nav li ul li.last a {
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-radius-bottomleft: 5px;
}

.nav li ul li.last {
	border-bottom:1px solid #d3d2d2;
}

.nav li ul li.last a:hover {
	border-bottom-color:#FFFFFF;
}

/* IE rounded corners */
.rounded_c_l {
	position: absolute;
	z-index: 999;
	bottom: -3px;
	left: -1px;
	width: 60%;
	height: 10px;
	background: url(/img/bgrMenuLeft.png) no-repeat left bottom;
}
.rounded_c_r {
	position: absolute;
	z-index: 999;
	bottom: -3px; 
	right: 0px;
	margin-right: -1px;
	width: 60%;
	height: 10px;
	background: url(/img/bgrMenuRight.png) no-repeat right bottom;
} 

/* SHOW/HIDE LEVELS ****************************************** */
/* level 1 */
.nav li:hover ul,
.nav li.over ul {
	display: block !important;
}



/* SUBPAGE NAVIGATION -------------------------------------------------- */
.subnav {
	padding:0 0 0 20px;
	margin:0;
	clear:both;
	display:block;
}
.navBottomSpacer {
	display: block;
	padding-bottom: 10px;
}

.subnav A {
	display:block;
	padding:10px 15px 6px 15px;
	margin:0;
}

.subnav A.SELECTED, .subnav A.OPENED {
	border:1px solid #bebdbd;
	padding:9px 14px 5px 14px;
}


/* DB Default styles --------------------------------------------------- */
.dbRecordHeader,
TABLE.index .header {
	overflow: hidden;
	padding: 5px;
	background: #F0F0F0;
	color:#333333;
}
TABLE.index .headerSelected {
	overflow: hidden;
	padding: 5px;
	background: #DCE7EF;
	border-bottom: 3px solid #4F77B4;
}
TABLE.index .header A {
	overflow: hidden;
	padding: 5px;
	color: #333333; /*#959595*/
}
TABLE.index .headerSelected A {
	overflow: hidden;
	padding: 5px;
	color: #333333; /*#4F77B4*/
}

TR.ControlsHeader {
	color:#333333;
}

.dbRecordHeader FORM {
	display: inline;
}
.dbRecordHeaderLeft {
	float: left;
}
.dbRecordHeaderRight {
	float: right;
}
.dbEditBar {
	margin: .5em 0;
	padding: 5px;
	background: #BBBBBB;
	border-bottom: 3px solid #666666;
}
.dbRecordPageNav {
	margin: 1em 0;
	font-size: 1em;
}
.dbRecordPageNav B {
	padding: 0 .8ex;
	background: #4F77B4;
	color: #FFFFFF;
}
.dbRecordPageNav A.pageNavLink {
	padding: 0 .8ex;
	background: #F0F0F0;
	color: #959595;
	text-decoration: none;
}
.dbRecordPageNav A.pageNav {
	padding: 0 .8ex;
	background: #F0F0F0;
	color: #959595;
	text-decoration: none;
}
TABLE.index TH,
TABLE.index TD {
	color:#333333;
}
TABLE.index TH {
	padding: 5px 5px 0px 5px;
	text-align:left;
	background: #F0F0F0;
	border-bottom: 3px solid #DDDFDE;
}
TABLE.index TH A {
	text-decoration: none;
}
TABLE.index TD {
	padding: 2px 5px;
	border-bottom: 1px dotted #CCCCCC;
}
TABLE.index .odd { background-color:#FFFFFF; }
TABLE.index .oddSelected { background-color:#F1F4FA; }
TABLE.index .even { background-color:#FCFCFC; }
TABLE.index .evenSelected { background-color:#E2E9F3; }
TABLE.index TD A { color:#000080; }




/* PRODUCTS and SERVICES */
.products {
	margin: 0 10px 10px 0;
	width: 100%;
}
.products .productItems TD {
	padding: 5px 5px 10px 5px;
	vertical-align: top;
	background-color: #F3F3F8;
	border-top:7px solid #FFFFFF;
	border-bottom:1px dotted #75608b;
}
.productShortDescription TD {
	padding: 0 !important;
	background-color: #F3F3F8;
	border-top:7px solid #FFFFFF;
	border-bottom:1px dotted #75608b;
}
.productShortDescription DIV {
	position: relative;
	top: -1px;
	padding: 2px 5px 15px 5px;
	font-style: italic;
	color: #54386f;
	background-color: #F3F3F8;
}
.products .productItemQuantity,
.products .productItemCost {
	padding: 2px 2px 2px 0 !important;
}
.productName {
	font-weight: bold;
}
.productInfoLink {
	white-space: nowrap;
	font-size: 12px;
}
.productInfoLink A {
	text-decoration: none;
	text-decoration: underline;
	color: #75608b !important;
}
.productOrderButtons {
	padding: 20px 0;
	text-align: right;
}

.productDetailOrderLine {
	padding: 2px 5px;
	font-size: 1.4em;
	color: #75608b;
	background-color: #F3F3F8;
}
.productSupplement {
	padding: 20px 0;
}


/* SHOPPING CART ******************************************* */
.shoppingCart {
	width: 500px;
	margin: 0;
}
.shoppingCart TH {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.shoppingCart .delete INPUT {
	width: 25px;
	margin: 0;
}
.shoppingCart .subtotal {
	font-size: 1.3em;
	font-weight: bold;
}
.shoppingCart .subtotal EM {
	font-size: .8em;
	font-weight: normal;
}
.cost {
	color: #230047;
}


/* Form Table */
.formTable {
	border-collapse: collapse;
}
.formTable TH {
	margin-top: 0;
	padding-top: .5em;
	font-size: 1.2em;
	font-weight: normal;
	color: #000000;
	border-bottom:1px solid #000000;
}
.formTable TD {
	padding: 5px 5px;
	background-color: #efefef;
}
.formTable TD.submitRow {
	padding: 10px 5px;
	text-align: right;
	background-color: transparent;
}
.note {
	font-size: 80%;
	color: #666666;
}



/* WELNESS REPORT */
.Admin H1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 32px;
}
.Admin H2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 25px;
	margin-bottom: 1px;
}
.retestPage1,
.retestPage2,
.retestPage3,
.retestPage4,
.retestPage5 {
	width: 650px;
}
.retestPage3,
.retestPage4,
.retestPage5 {
	font-size: 1.2em;
}
.report .indexRrecordCatergory {
	padding: 5px !important;
	font-size: 1.3em;
	border-bottom:1px solid #54386f;
	color:#230047;
}



/* --------------------------------------------------------------
 Styles for ProtocolGenerator  ***********************************
-------------------------------------------------------------- */
.container {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11.5px;
	color:#000000;
	width:670px;
	line-height:1.5em;
	background: #FFFFFF;
	//*ie*/overflow:hidden;
}
.container * {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11.5px;
}
.header1 {
	font-size: 1.9em;
	color:#18196b;
	font-family: Arial, Helvetica, sans-serif;
}
.header2 {
	font-size: 12px;
	color:#000000;
}
.header3 {
	font-size: 15px;
	color:#000000;
}
.section {
	color:#18196b;
	font-weight:bold;
	background: #FFFFCC;
	padding: 10px 15px 5px 0px;
	width: 635px;
}	
.sectionText {
	font-size: 13px; 
	font-weight:bold; 
	width:660px;
	font-style:italic;
}
span.smallred{
	color:#f15a22;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
span.smallblue{
	color:#18196b;
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-variant: small-caps;
}
.largeblue{
	color:#18196b;
	font-size: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-variant: small-caps;
}
.smallblack{
	color:#000000;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
span.notes{
	background-color:#272966;
	font-size: 1.5em;
	color:#bebadc;
	font-weight: bold;
	padding: 10px 5px 10px 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.pleaseNote{font-size:13px;}
.blue{color:#756fb3; font-weight:bold; font-size:16px; }
.content2 {
}
.column1 {
	float: left;
	width:305px;
	padding:0 5px 0 5px;
	clear: left;
}
.column2 {
	float:right;
	width:305px;
	padding:0 5px 0 5px;
	clear: right;
	vertical-align: top;
}
TABLE.columnTable {
	border-top:1px solid #666666;
	border-bottom:1px solid #666666;
	border-right:1px solid #666666;
	padding:3px;
}
TABLE.columnTable TD{
	padding:2px 4px;
	border-left:1px solid #666666;
}
TABLE.columnTable TR.odd{
	background-color:#FFFCD6;
}
.pagebreak { width: 650px;}
.pagenumbers { 
		font-size: 13px;
		font-family: Arial, Helvetica, sans-serif;
}
 hr {
  border: 0;
  height: 5px;
}


.dShadow 		{ background: url(/img/shadBottom.gif) repeat-x bottom; float: left; }
.dShadowR 		{ background: url(/img/shadRight.gif) repeat-y right; }
.dShadowLB 		{ background: url(/img/shadBleft.gif) no-repeat bottom left; }
.dShadowRB 		{ background: url(/img/shadCorner.gif) no-repeat bottom right; }
.dShadowContent { background: url(/img/shadTopRight.gif) no-repeat right top; padding: 0 15px 12px 0; }



/* --------------------------------------------------------------
 PRINT STYLES ***************************************************
-------------------------------------------------------------- */
@media print {
	BODY {
		margin:0;
		background: #FFFFFF !important;
	}
	
	.hideOnPrint{ display: none; }
	.dShadowContent { padding: 0 15px 15px 0 !important; }
	
	.pageHeader,
	.leftColumn,
	.footerHolder {
		display: none;
	}
	.pageWidth, .page {
		margin: 0 !important;
		width: 99% !important;
		overflow: visible;
	}	
	.content {
		float: left;
		margin: 0 !important;
		background: #FFFFFF !important;
		width: 100% !important;
		overflow: visible;
	}
	.reportTable TH {
		background-color: #000000;
		color: #FFFFFF;
		text-align: left;
	}
	
	.pagebreak { display: none; }

}
.ProgressDialog {
	text-align:center;
	position:absolute;	
	padding:50px;
	top:200;
	width:400px;
	left:200px;
	border-style:outset;
	border-width:1px;
	background-color:#DFE2E9;
	font-size:18pt;
	font-weight:bold;
	}
pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
 width: 15%;
}
.ConditionIndicator { font-weight:bold; }
.ConditionValue { font-weight:bold; }
.ShippingCalculationError { font-weight:bold; color:#FF0000 }

