* {
padding: 0;
margin: 0;
}

body {
text-align: center;
font-family: arial, sans-serif;
font-size: 12px;
color: #686867;
}


.10px{
font-size: 10px;
}
.11px{
font-size: 11px;
}
.12px{
font-size: 12px;
}
.13px{
font-size: 13px;
}
.14px{
font-size: 14px;
}


.clearDiv {
clear: both;
height: 0;
}

#container {
width: 770px;
margin: auto;
padding: 0px;
background: #fff;
}

#header {
width: 770px;
margin: 0;
padding: 0;
}

#headerLeft {
width: 157px;
padding: 29px 26px 25px 14px;
margin: 0;
float: left;
}

#headerRight {
width: 538px;
padding: 61px 25px 25px 0;
margin: 0;
display: inline;
float: left;
text-align: right;
font-family: arial, sans-serif;
font-size: 14px;
font-weight: bold;
color: #a92321;
}

#search {
background: url('images/magglass.jpg') right no-repeat;
}

#headerNavContainer {
height: 32px;
width: 770px;
font-family: arial, sans-serif;
font-size: 12px;
color: #5a5a5a;
text-align: center;
margin-bottom: 3px;
}
#headerNavContainer a {
font-family: arial, sans-serif;
font-size: 12px;
color: #5a5a5a;
text-decoration: none;
}
#headerNavContainer a:hover {
font-family: arial, sans-serif;
font-size: 12px;
color: #000;
text-decoration: underline;
}
#headerNavFirst {
width: 81px;
line-height: 32px;
background: url('images/first.gif');
float: left;
}
#headerNavSecond {
width: 98px;
line-height: 32px;
background: url('images/second.gif');
float: left;
}
#headerNavThird {
width: 78px;
line-height: 32px;
background: url('images/third.gif');
float: left;
}
#headerNavFourth {
width: 114px;
line-height: 32px;
background: url('images/fourth.gif');
float: left;
}
#headerNavFifth {
width: 122px;
line-height: 32px;
background: url('images/fifth.gif');
float: left;
}
#headerNavSixth {
width: 92px;
line-height: 32px;
background: url('images/sixth.gif');
float: left;
}
#headerNavSeventh {
width: 80px;
line-height: 32px;
background: url('images/seventh.gif');
float: left;
}
#headerNavEighth {
width: 105px;
line-height: 32px;
background: url('images/eighth.gif');
float: left;
}
#headerNavContainer ul {
text-align: center;
}
#headerNavContainer ul li {
display: inline;
list-style-type: none;
text-align: center;
padding: 0 5px;
border-left: 1px solid #e2e2e2;
}
#headerNavContainer ul li a {
line-height: 32px;
padding: 0 10px;
font-family: arial, sans-serif;
font-size: 12px;
color: #444;
text-decoration: none;
}
#headerNavContainer ul li a:hover {
color: #000;
text-decoration: underline;
}

#productMenuContainer {
width: 267px;
height: 187px;
margin-right: 3px;
float: left;
background: url('images/productmenubg.gif');
}
#productMenuTable {
padding: 0; width: 267px; text-align: left;
}
#prodNav {
background-image: url('images/sidenavbg.jpg');
height: 23px;
line-height: 23px;
font-family: Trebuchet, "Trebuchet MS", arial, sans-serif;
font-size: 10px;
}
#prodNav a:link, #prodNav a:visited, #prodNav a:active {
color: #fff;
text-decoration: none;
display: block;
height: 20px;
padding-left: 15px;
border-bottom: 1px solid #999;
}

#prodNav2 a:link, #prodNav2 a:visited, #prodNav2 a:active {
color: #fff;
text-decoration: none;
display: block;
height: 21px;
padding-left: 0px;
border-bottom: 1px solid #999;
}

#prodNav a:hover {
background-image: none;
background-color: #99c23e;
text-decoration: none;
display: block;
color: #fff;
}

/*
#prodNav.cardio a:hover {
background-color: #a92321;
}
#prodNav.bodyflex a:hover {
background-color: #f68938;
}
#prodNav.bodyflexgreens a:hover {
background-color: #99c23e;
}
#prodNav.magical a:hover {
background-color: #2b3784;
}
#prodNav.magnesium a:hover {
background-color: #aeb0c3;
}
#prodNav.triple a:hover {
background-color: #e7cf48;
}
#prodNav.tea a:hover {
background-color: #009661;
}
#prodNav.wholy a:hover {
background-color: #3fc5e6;
}

*/

#topFlashBanner {
width: 500px;
height: 187px;
float: left;
background: url('images/cardiobanner.gif');
}

#bottomBannerAndPanelsContainer {
width: 500px;
height: 320px;
float: left;
}

#onlineSeminar {
width:161px;
height: 217px;
padding-left: 4px;
padding-right:0px;
padding-top:8px;
float: left;
background: url('images/bg_sexy_box.gif');
background-repeat:no-repeat;
}
#onlineSeminarContent {
width: 148px;
height: 68px;
padding-top: 0px;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
/*padding: 112px, 6px, 0, 5px;*/
}
#onlineSeminarContent p {
font-family: arial, sans-serif;
font-size: 10px;
color: #5a5a5a;
text-align: left;
}
#onlineSeminarLink {
width: 148px;
text-align: left;
}
#onlineSeminarLink p#link {
font-family: arial, sans-serif;
font-size: 10px;
text-align: left;
border-top: 1px dotted #bbb;
border-bottom: 1px dotted #bbb;
padding: 3px 0;
width: 100%;
}
#onlineSeminarLink a {
font-family: arial, sans-serif;
font-size: 10px;
height: 16px;
color: #00f;
text-decoration: none;
}
#onlineSeminarLink a:hover {
text-decoration: underline;
}

#innotechProducts {
width:161px;
height: 217px;
padding-left: 4px;
padding-right:0px;
padding-top:8px;
float: left;
background: url('images/bg_sexy_box.gif');
background-repeat:no-repeat;
}
#innotechProductsContent {
width: 148px;
height: 68px;
padding-top: 0px;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
}
#innotechProductsContent p {
font-family: arial, sans-serif;
font-size: 10px;
color: #5a5a5a;
text-align: left;
}
#innotechProductsLink {
width: 145px;
text-align: left;
}
#innotechProductsLink p#link {
border-top: 1px dotted #bbb;
border-bottom: 1px dotted #bbb;
padding: 3px 0;
width: 100%;
}
#innotechProductsLink a {
font-family: arial, sans-serif;
font-size: 10px;
height: 16px;
color: #00f;
text-decoration: none;
}
#innotechProductsLink a:hover {
text-decoration: underline;
}

#keyIngredients {
width:161px;
height: 217px;
padding-left: 4px;
padding-right:0x;
padding-top:8px;
float: left;
background: url('images/bg_sexy_box.gif');
background-repeat:no-repeat;
}
#keyIngredientsContent {
width: 147px;
height: 68px;
padding-top: 0px;
}
#keyIngredientsContent p {
font-family: arial, sans-serif;
font-size: 10px;
color: #5a5a5a;
text-align: left;
}
#keyIngredientsLink {
width: 147px;
text-align: left;
}
#keyIngredientsLink p#link {
border-top: 1px dotted #bbb;
border-bottom: 1px dotted #bbb;
padding: 3px 0;
width: 100%;
}
#keyIngredientsLink a {
font-family: arial, sans-serif;
font-size: 10px;
height: 16px;
color: #00f;
text-decoration: none;
}
#keyIngredientsLink a:hover {
text-decoration: underline;
}

#bottomFlashBanner {
width: 500px;
height: 185px;
float: left;
margin-bottom: 10px;
}

#gutter {
width: 15px;
height: 412px;
background: url('images/gutter.jpg');
float: left;
}

#newsletterForm {
width: 225px;
height: 165px;
padding: 20px 15px 0 15px;
float: left;
background: url('images/greybg2.gif');
}
#newsletterFormB {
width: 237px;
height: 155px;
padding: 15px 15px 0 15px;
float: left;
background: url('images/greybg3.gif');
}
#newsletterForm h1 {
font-family: Trebuchet, "Trebuchet MS", arial, sans-serif;
font-size: 14px;
font-weight: bold;
color: #eee;
margin-top: 8px;
margin-bottom: 5px;
text-align: left;
}
#newsletterForm p {
font-family: Trebuchet, "Trebuchet MS", arial, sans-serif;
font-size: 12px;
color: #eee;
margin-bottom: 5px;
text-align: left;
}
#newsletterForm #table {
width: 240px;
padding: 0;
font-family: Trebuchet, "Trebuchet MS", arial, sans-serif;
font-size: 12px;
color: #eee;
}
#newsletterFormB h1 {
font-family: Trebuchet, "Trebuchet MS", arial, sans-serif;
font-size: 14px;
font-weight: bold;
margin-bottom: 5px;
color: #eee;
text-align: left;
}
#newsletterFormB p {
font-family: Trebuchet, "Trebuchet MS", arial, sans-serif;
font-size: 12px;
color: #eee;
text-align: left;
}
#newsletterFormB #table {
width: 240px;
padding: 0;
font-family: Trebuchet, "Trebuchet MS", arial, sans-serif;
font-size: 12px;
color: #eee;
}

#heartHealthProgram {
width: 255px;
height: 213px;
padding-left: 0px;
padding-right: 0px;
margin-top: 0px;
float: left;
background: url('images/bg_blue_box.gif');
background-repeat:no-repeat;
}
#heartHealthProgramContent {
width: 240px;
height: 65px;
padding-left:7px;
padding-right:7px;
margin-top: 0px;
}
#heartHealthProgramContent p {
font-family: arial, sans-serif;
font-size: 10px;
color: #fff;
text-align: left;
}
#heartHealthProgramLink {
width: 240px;
padding-top:0px;
text-align: left;
}
#heartHealthProgramLink p#link {
border-top: 1px dotted #fff;
border-bottom: 1px dotted #fff;
padding: 3px 0;
width: 100%;
}
#heartHealthProgramLink a {
font-family: arial, sans-serif;
font-size: 10px;
height: 16px;
color: #00f;
text-decoration: none;
}
#heartHealthProgramLink a:hover {
text-decoration: underline;
}

<!-- main page -->

<!-- content pages -->
#sidebarContainer {
width: 260px;
float: left;
}
#sidebar {
width: 260px;
margin-top: 10px;
margin-right: 10px;
float: left;
}

#contentContainer {
width: 500px;
margin: 0px;
padding: 0px;
text-align: left;
float: left;
position: relative;
}
#content {
width: 465px;
margin-top: 10px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
padding-top: 30px;
padding-right: 0px;
padding-bottom: 45px;
padding-left: 35px;
float: left;
position: relative;
}
#content img {
width: auto;
height: auto;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
padding: 0px 0px 0px;
/*border: 1px solid #aaa;*/
}
#content img p {
font-family: arial;
font-size: 9px;
color: #888;
text-align: left;
}
#content h1 {
font-family: Trebuchet, "Trebuchet MS", arial, sans-serif;
font-size: 20px;
font-weight: normal;
color: #f17202;
text-align: left;
}
#content h2 {
font-family: Trebuchet, "Trebuchet MS", arial, sans-serif;
font-size: 16px;
font-weight: normal;
text-align: left;
color: #f17202;
}
#content p {
font-family: arial, sans-serif;
font-size: 12px;
color: #686867;
margin-top: 15px;
margin-bottom: 15px;
text-align: left;
}
#content p#newtopic {
margin-bottom: 40px;
}
#content ul {
font-family: arial, sans-serif;
font-size: 12px;
color: #686867;
text-align: left;
list-style-type: disc;
padding-left: 20px;
}
#content li {
text-align: left;
}
<!-- content pages -->

<!-- subcontent DIV -->

#subcontent {
width: 465px;
margin-top: 0;
padding: 30px 10px 45px 35px;
float: left;
}
#subcontent h2 {
font-family: Trebuchet, "Trebuchet MS", arial, sans-serif;
font-size: 16px;
font-weight: normal;
text-align: left;
color: #ffffff;
background-color: #f17202;
padding: 0 10px;
}
#subcontent p {
font-family: Trebuchet, "Trebuchet MS", arial, sans-serif;
font-size: 12px;
font-weight: normal;
text-align: left;
color: #ffffff;
background-color: #f17202;
padding: 0 10px;
margin: 0;
}
#subcontent img {
padding: 5px 0 15px 0;
align: left;
}
<!-- subcontent DIV -->

<!-- contact page -->
#contactInfo {
width: 500px;
padding: 10px;
}
#contactInfoLeft {
float: left;
width: 240px;
text-align: left;
font: 14px Trebuchet, "Trebuchet MS", arial, sans-serif;
color: #000;
}
#contactInfoRight {
float: left;
display: inline;
width: 240px;
text-align: left;
font: 14px Trebuchet, "Trebuchet MS", arial, sans-serif;
color: #000;
}
<!-- contact page -->

<!-- store locator page -->
#storeLocatorContentContainer {
width: 500px;
float: left;
}
#storeLocatorContent {
width: 465px;
margin-top: 10px;
padding-top: 30px;
padding-right: 0;
padding-bottom: 45px;
padding-left: 35px;
float: left;
}
#storeLocatorContent h1 {
font-family: Trebuchet, "Trebuchet MS", arial, sans-serif;
font-size: 20px;
font-weight: normal;
color: #f17202;
text-align: left;
}
#storeLocatorContent h2 {
font-family: Trebuchet, "Trebuchet MS", arial, sans-serif;
font-size: 16px;
font-weight: normal;
text-align: left;
color: #f17202;
}
#storeLocatorContent a {
font-family: arial, sans-serif;
font-size: 12px;
color: #00f;
text-decoration: none;
}
#storeLocatorContent a:hover {
font-family: arial, sans-serif;
font-size: 12px;
color: #00f;
text-decoration: underline;
}
#storeLocatorContent p {
font-family: arial, sans-serif;
font-size: 12px;
color: #686867;
margin-top: 15px;
margin-bottom: 15px;
text-align: left;
}
#storeLocatorContent p#contact {
font-family: arial, sans-serif;
font-size: 12px;
color: #686867;
text-align: left;
margin-top: 10px;
}
#storeLocatorContent p#province {
font-family: Trebuchet, "Trebuchet MS", arial, sans-serif;
font-size: 14px;
color: #f17202;
text-align: left;
margin-top: 10px;
}
#storeLocatorContent p#newtopic {
margin-bottom: 40px;
}
#storeLocatorContent p#list {
margin-left: 10px;
}

<!-- store locator page -->

<!-- products page -->
#productsContentContainer {
width: 500px;
/*border-top: 1px solid #00f;*/
float: left;
}
#productsContent {
width: 460px;
margin-top: 10px;
padding-top: 30px;
padding-right: 20px;
padding-bottom: 45px;
padding-left: 20px;
float: left;
}
#productsContentLeftColumn {
width: 230px;
float: left;
}
#productsContentLeftColumnLeft {
width: 100px;
margin-bottom: 20px;
float: left;
}
#productsContentLeftColumnRight {
width: 110px;
margin-bottom: 20px;
padding-left: 10px;
padding-right: 10px;
float: left;
}
#productsContentLeftColumnRight h1 {
font-family: Trebuchet, "Trebuchet MS", arial, sans-serif;
font-size: 14px;
color: #5a5a5a;
text-align: left;
}
#productsContentLeftColumnRight p {
font-family: arial, sans-serif;
font-size: 11px;
color: #5a5a5a;
text-align: left;
}
#productsContentLeftColumnRight p#link {
border-top: 1px dotted #bbb;
border-bottom: 1px dotted #bbb;
margin-top: 5px;
padding: 3px 0;
width: 100%;
}
#productsContentLeftColumnRight a {
font-family: arial, sans-serif;
font-size: 11px;
color: #00f;
text-decoration: none;
text-align: left;
}
#productsContentLeftColumnRight a:hover {
text-decoration: underline;
}
#productsContentRightColumn {
width: 230px;
float: left;
}
#productsContentRightColumnLeft {
width: 100px;
margin-bottom: 20px;
float: left;
}
#productsContentRightColumnRight {
width: 110px;
margin-bottom: 20px;
padding-left: 10px;
padding-right: 10px;
float: left;
}
#productsContentRightColumnRight h1 {
font-family: Trebuchet, "Trebuchet MS", arial, sans-serif;
font-size: 14px;
color: #5a5a5a;
text-align: left;
}
#productsContentRightColumnRight p {
font-family: arial, sans-serif;
font-size: 11px;
color: #5a5a5a;
text-align: left;
}
#productsContentRightColumnRight p#link {
border-top: 1px dotted #bbb;
border-bottom: 1px dotted #bbb;
margin-top: 5px;
padding: 3px 0;
width: 100%;
}
#productsContentRightColumnRight a {
font-family: arial, sans-serif;
font-size: 11px;
color: #00f;
text-decoration: none;
text-align: left;
}
#productsContentRightColumnRight a:hover {
text-decoration: underline;
}

/*#productsContent {
width: 465px;
margin-top: 10px;
padding: 30px 10px 45px 35px;
float: left;
}
#productsContent h1 {
font-family: Trebuchet, "Trebuchet MS", arial, sans-serif;
font-size: 20px;
font-weight: normal;
color: #f17202;
text-align: left;
}
#productsContent p {
font-family: arial, sans-serif;
font-size: 12px;
color: #686867;
margin-top: 15px;
margin-bottom: 15px;
text-align: left;
}*/

<!-- products page -->

<!-- publications page -->
#contentPubBox { 
width: 465px;
padding-top: 30px;
padding-right: 10px;
padding-bottom: 45px;
padding-left: 35px;
float: left;
}
#contentPubHeader { width: 465px; padding: 0 0 0 0; text-align: left; }
#contentPubHeader h1 { font-family: Trebuchet, "Trebuchet MS", Arial, sans-serif; font-size: 20px; font-weight: normal; color: #f17202; vertical-align: top; margin-bottom: 15px; }
#contentPubHeader p { font-family: arial, sans-serif; font-size: 12px; color: #5a5a5a; margin: 0 auto; }

#contentPubListBox { width: 465px; margin: 0 0 0 0; border-bottom: 1px solid #5a5a5a; background: #fff; }
#contentPubListBox2 { width: 465px; margin: 0 0 0 0; border-bottom: 1px solid #5a5a5a; background: #fff; }

#contentPubList { width: 375px; padding: 5px 0 5px 10px; text-align: left; float: left; background: none; }
#contentPubList h2 { font-family: Trebuchet, "Trebuchet MS", Arial, sans-serif; font-size: 16px; font-weight: normal; color: #f17202; vertical-align: top; margin: 0 auto; }
#contentPubList p { font-family: arial, sans-serif; font-size: 12px; color: #5a5a5a; margin: 0 auto; }

#contentPubSideBox { width: 70px; padding: 5px 10px 5px 0; text-align: right; float: left; height: 100%; background: none; }
#contentPubSideBox img { width: 34px; height: 34px; }
<!-- publications page -->

<!-- legal page -->

#legalContainer {
width: 770px;
border-bottom: 1px solid #000;
float: left;
}
#legalContent {
width: 740px;
padding-left: 15px;
padding-right: 15px;
float: left;
}
#legalContent h1 {
font-family: Trebuchet, "Trebuchet MS", arial, sans-serif;
font-size: 20px;
font-weight: normal;
color: #f17202;
margin-bottom: 15px;
text-align: left;
}
#legalContent p {
font-family: airal, sans-serif;
font-size: 12px;
color: #5a5a5a;
text-align: left;
margin-bottom: 10px;
}
#legalContent p#newtopic {
margin-bottom: 40px;
}
#legalContent p#copyright {
font-family: arial, sans-serif;
font-size: 10px;
text-align: left;
}

<!-- legal page -->
#footerContainer {
width: 770px;
height: 90px;
/*border-top: 1px solid #bbb;*/
margin: 10px 0 50px;
}
#footerLogo {
width: 118px;
height: 19px;
padding: 18px 25px 17px 25px;
float: left;
}
.footerSeparator {
width: 1px;
height: 55px;
padding: 17px 0 18px 0;
float: left;
}
#footerContactInfo {
font-family: arial, sans-serif;
font-size: 10px;
color: #848383;
float: left;
}
#footerLegal {
width: 150px;
height: 55px;
padding: 18px 0 17px 10px;
float: left;
}
#footerLegal a {
font-family: arial, sans-serif;
font-size: 10px;
line-height: 55px;
color: #5a5a5a;
text-decoration: none;
text-align: left;
}
#footerLegal a:hover {
text-decoration: underline;
color: #000;
}

li {
	padding:0px;
	margin:0px 0px 8px 0px;
}

ul {
	padding:0px;
	margin:10px 0px 10px 16px;
}

#sitemap li {
	padding:0px;
	margin:0px 0px 5px 15px;
}

#sitemap ul {
	padding:0px;
	margin: 5px 0px 10px 20px;
}