@charset "utf-8";
/* CSS Document */

/*style sheet for theBiomatStore

/* -------- color guide ----------
/* this is an example only, replace with real colors
#3c6b92 : main blue
#6acce2 : light blue
#2c566a : teal accent
#193742 : dark blue
#e1d8b9 : sand accent
#cb7d20 : orange accent
#51341a : brown
#995522 : dark orange (used for links or high contrast accents)
#cb202a : red accent (this color does not encode well, use only for small accents)
#896287 : purple
*/

/* to jump to a specific section search for the unique character pair at the front of each TOC section 
	<<<tip, highlight the special character and use the shortcut for Find Selection Cntr/Cmd + Shift + G >> */

/* ----- Style sheet TOC ----------------
      ^1 Global constants
	  ^2 CSS reset
	  ^3 Global classes
	  ^4 Home page layout
	  ^5 Top-level layout
	  ^6 Region detail styles
		  ^6a Header
		  ^6b Navigation
		  ^6c Main Content
		  	^6d data tables
			^6e spotlight region
			^6f forms
		^6g Sidebar
		^6h Footer
*/

/* ^1 --------------------------- global constants -------------------------*/
html, body {
	margin: 0px;
	padding: 0px;
}
body  {
	background: #fbd0fe url(../_images/page02_background.jpg) repeat-x;
	margin: 25px 0 0;
	padding: 0;
	text-align: center;
}

/* ^2 --------------- limited-scale reset ---------------- */
h1, h2, h3, h4, h5, h6, p, address, blockquote, div, ul, ol, li { 
	margin: 0px; 
	padding: 0px;  
}
/*p {
	color:#333;
	line-height:1.8;
	margin-bottom: 1em;
}
h1 {
	font-size: 2em;
	color: #193742;
	margin-bottom: .4em;
}
h2 {
	font-size: 1.6em;
	color: #51341a;
	font-weight: normal;
	margin-top: 1.2em;
	margin-bottom: 1em;
}
h3 {
	font-size: 1.3em;
	color: #51341a;
	font-weight: normal;
	margin: 1.25em 0 .5em;
}
h1, h2, h3 {
	clear: both;
}
a:link, a:visited {
	color: #995522;
	text-decoration: none;
}
a:hover, a:active {
	color: #cb7d20;
	border-bottom: 1px dashed #cb7d20;
}
a.accent {
	display: block;
	text-align: right;
}
a.accent:hover {
 	border: none;
	color: #cb202a;
}
*/

/* ^3 ------ global classes -------- */
/*.floatRight {
	float: right;
}
.floatLeft {
	float: left;
}
.clearRight {
	clear: right;
}
.clearLeft {
	clear: left;
}
.clearBoth {
	clear: both;
}
.callOut {
	background: #e1d8b9;
	padding: 15px;
	margin-bottom: 25px;
}
.callOut h1 {
	font-size: 1.2em;
	color: #193742;
	border-bottom: 2px solid #193742;
	margin-bottom: .5em;
	padding-bottom: .25em;
}
.quote {
	font-style: italic;
}
*/
#wrapper {
	width: 980px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}

#header {
	background: #FFF url(../_images/indexHeader.jpg) no-repeat;
	margin: 0px 0px 10px;
	padding: 0px;
	height: 160px;
	position: relative;
}

#header #mainNav {
	position: absolute;
	left: 20px;
	width: 937px;
	top: 124px;
}

#header #mainNav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
}
#header #mainNav li {
	float: left;
	margin: 0;
	padding:0;
	display: block;
}
#header #mainNav li a:link, #header #mainNav li a:visited { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 0.8em; color: #024EFF; text-decoration: none; padding: 0 15px 0 30px; margin-right: 10px; display: block; line-height: 25px; background: url(../_images/nav_rollover.jpg) no-repeat left bottom; 
}
#formOrderBook {
	background: #FFF;
	padding-left: 20px;
}
#formLogin {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background: #FFF;
	padding-left: 1em;
}
#formInvoice {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
	background: #9FF;
	padding-left: 1em;
	padding-right: 1em;
}
#formInvoice form .p {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}

#formInvoice .formHeading {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background: #2B85BA;
	color: #FFF;
	padding-left: 1em;
}
#formInvoice .formHeading p {
	color: #FFF;
	background: #2B85BA;
}

#formComment {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
	background: #FFC;
	margin: 15px auto 10px 20px;
	width: 600px;
}
#formComment .warning {
	font-weight: bold;
	color: #F00;
}
#formComment label {
	display: block;
	font-weight: normal;
}
#formComment textarea {
	height: 150px;
	width: 400px;
}
#formComment .textInput {
	width: 250px;
}






#header #mainNav li a:hover {
	color: #f8b449;
	background: url(../_images/nav_rollover.jpg) no-repeat left top;
	border: none;
}
#header #mainNav ul li a.current {
	margin-top: -5px;
	height: 30px;
	background: url(../_images/current.jpg) no-repeat;
	color: #AAB3B2;
	line-height: 25px;
}
#header #mainNav ul li a.current:hover {
	color: #AAB3B2;
	cursor: default;
}

a:link, a:visited {
	color:#952;
	text-docoration:none;
}

a:hover, a:active {
	color:#cb7d20;
	border-bottom: 1px dashed #cb7d20;
}

#headerPop {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	height: 200px;
	width: 680px;
	clear: both;
	float: none;
	background: #0775b2;
}

#leftSidebar { margin: 10px 5px 5px 0px; padding: 0px; float: left; height: 370px; position: relative; left: 0px; width: 485px; }
#mainContent {
	padding: 0px;
	position: relative;
	margin-top: 0px;
	width: 680px;
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
}

#mainContent #textLeft {
	width: 680px;
	position: relative;
	float: left;
	background: #FFF;
	text-align: left;
}

.mainContenth1Title {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	text-align: center;
	padding-top: .25em;
	padding-bottom: 0.6em;
}
.mainContenth1SecondTitle {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	color: #1963a7;
	padding-top: 0px;
	padding-bottom: 1em;
	text-align: center;
}



.mainContenth2Title {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	padding-left: 1em;
	padding-bottom: 0.7em;
	padding-right: 1em;
}

.mainContentpText {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-align: justify;
	padding: 0em 1em 1em;
}
.mainContentpFirstParagraphLgText {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	margin-bottom: 1em;
	padding-right: 0.5em;
}

.mainContentpTextYellowHighlight { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1em; background: #FF0; }


.mainContentpCite { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 0.8em; font-style: italic; padding-left: 1em; }
#mainContent .emphaticStatement { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1.2em; font-style: italic; color: #F0F; text-align: center; padding-right: 2em; padding-left: 2em; }


.mainContentpTextultable { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1em; padding-left: .8em; }

.mainContentpTextulNoTable {
	padding-left: 3em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	padding-bottom: 1em;
}
.mainContentpTextulBodyNoTable li {
	background: url(../_images/amBullet.gif) no-repeat 0px 3px;
	padding-left: 2em;
	clear: left;
}


.mainContentpTextulBodyNoTable {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	list-style: none;
	padding-left: 3em;
	margin-left: 2em;
	padding-bottom: 1em;
}

.mainContentpTextolBodyNoTable {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	padding-left: 5em;
	list-style: decimal outside;
	padding-top: 0em;
	padding-bottom: 1em;
}

.mainContentpTextCentered { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 0.7em; text-align: center; }
.mainContentpNewsTable { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1em; padding-left: 0.5em; }
.mainContentpNewsTableCenterAlign { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1em; text-align: center; padding-left: 0.2em; }



#mainContent #imgLeft { width: 485px; position: relative; float: left; background: #FFF; margin-right: 5px; }

#mainContent #imgRight { margin-left: 5px; width: 175px; height: 370px; position: relative; background: url(../_images/HealthBenefits.jpg); float: right; margin-right: 5px; }

#mainContent #imgRight #healthbenNav { list-style: none inside; padding-top: 50px; padding-left: 15px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; line-height: 2em; font-size: .8em; }
#mainContent .warning {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #F00;
	padding-left: 1em;
}


#rightSidebar {
	padding: 0px;
	width: 290px;
	float: right;
	clear: none;
	margin-bottom: 10px;
}

#rightSidebar #video {
	margin: 0px 0px 10px;
	padding: 0px;
	position: relative;
}

#rightSidebar #rightImage { background: #FFF; width: 290px; }

#rightSidebar #menuNav { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 0.8em; background: #FFF; padding-left: .5em; padding-top: 0.5em; padding-bottom: 0.5em; text-align: left; }

#rightSidebar #textbox { width: 290px; background: #FFF; padding-top: 0.5em; position: relative; }
.rightsidebarBookContainer {
	height: 200px;
	width: 290px;
}




.textboxTitle { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 0.9em; font-style: italic; color: #FFF; background: #BE1D2F; text-align: center; margin-right: 0.5em; margin-left: .5em; }

.textboxContent { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 0.8em; color: #000; line-height: normal; text-align: justify; padding: 0.5em 1em 1em; }

#footer {
	background: #fff;
	margin: 0px;
	padding: 0px;
	height: 120px;
	width: 980px;
	float: left;
	clear: both;
	position: relative;
}

#footer #footerTop { }

#footer #footerTop #footerTopImage { background: url(../_images/footerDoc.jpg); height: 90px; width: 90px; position: relative; float: left; }

#footer #footerTop #footerTopText { height: 90px; width: 880px; position: relative; }

#footer #footerBottom {
	background: #CCC;
	position: relative;
	width: 100%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: small;
	list-style: none;
	height: 120px;
	float: left;
	margin: 0;
	padding: 0;
	display: list-item;
}

.footerTopText { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1.6em; text-align: center; }

.footerMenu { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: small; text-align: center; word-spacing: 1em; }
.indexLeftDocImage {
	padding-right: 1em;
	padding-bottom: 1em;
}
.indexRightImage {
	float: right;
	margin: 1em;
}