html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, {
  margin: 0; padding: 0; border: 0; outline: 0;
}

body {  font: normal 12px Arial, Helvetica, sans-serif; text-align: center; line-height: 14px;
 background-color: #fff; color:#003e49;}

.h-spacing {width:760px; height:10px; background-color:#000; margin:0 auto; padding:0;}
.h-spacing-grey {width:710px; height:4px; background-color:#B6D0D5; margin: 10px auto 10px auto; padding:0;}
.h-spacing-2h {width:70%; height:2px; background-color:#B6D0D5; margin: 15px auto 10px auto; padding:0;}
.section-spacer {width:100%; height:4px; background:url(../images/section-spacer.gif) no-repeat; margin: 0 auto; padding:0;}

h1 {font: 22px Arial, Helvetica, sans-serif; text-align:center; color:#97161a; padding:0px 0 0 0px; margin:0;}
h2 {font: bold 22px Arial, Helvetica, sans-serif; text-align:center; color:#222; padding:27px 0 0 0px; margin:0;}
.h2-adjust1 {line-height:13px;}
h3 {font: bold 16px Arial, Helvetica, sans-serif; line-height: 16px;}

h4 {font:bold 24px Arial, Helvetica, sans-serif; text-align:center; color:#97161a; padding:0px 0 0 0px; margin:0;}
h6 {font: bold 16px Arial, Helvetica, sans-serif; text-align:center; color:#97161a; padding:0; margin:0px 0 5px 0;}

p {font: normal 12px Arial, Helvetica, sans-serif; line-height: 13px; color:#003e49; margin:0; padding: 5px 0 0 0;}

ul { margin: 5px 0 10px 10px;}
li { list-style-image:url(../images/bullet.gif); list-style-position:inside; line-height:15px; margin: 0 0 0 -25px;}

a, a:link, a:visited {color:#0054a6; text-decoration: none;}
a:hover { color: #0a8196; text-decoration: underline;}


#outerWrapper {width: 780px; background-color: #fff; text-align: left; margin: 32px auto 0 auto;}
#outerWrapper2 {width: 796px; background-color: #fff; text-align: left; margin: 32px auto 0 auto;}
#header { width:780px; height:200px; background:url(../images/harmony-wellness-header.jpg) no-repeat; background-color: #fff;}

#header-pg2 { width:780px; height:140px; background:url(../images/header-pg2.jpg) no-repeat; background-color: #fff;}

#header h1 { margin:25px 0 0 0;}

#home-head {width:780px; height:90px; background: url(../images/harmony_page-header.gif) no-repeat; background-color: #fff;}
#home-head-heading {font: bold 26px Verdana, Arial, Helvetica, sans-serif; color:#000; text-align:left; margin:0; padding: 15px 0 0 92px; word-spacing:-1px;}
#home-head-sub-heading {font: bold 24px Verdana, Arial, Helvetica, sans-serif; color:#ba1319; word-spacing:-1px;}

#home-head-heading a, #home-head-heading a:link, #home-head-heading a:visited { color:#000;}
#home-head-heading a:hover { color: #0a8196; text-decoration: none;}

.bullet-points {font: bold 12px  Arial, sans-serif; text-align:left; color:#000;}
.bullet-points ul {padding: 17px 0 0 0; margin:0 10px 0 0;}
.bullet-points li {list-style: url(../images/bullet-checkmark-2.gif); padding:0; margin:0 0 3px 0;}


#top-nav {width:760px; height:32px; margin:1px auto; padding:0;}
#top-nav2 {width:774px; height:32px; margin:1px auto; padding:0;}
#top-nav td,#top-nav2 td {height:32px; font: bold 13px Arial, Helvetica, sans-serif; line-height:34px; text-align:center;  background: url(../images/top-nav-bg.gif) top repeat-x; }
#top-nav td a, #top-nav td a:visited, #top-nav2 td a, #top-nav2 td a:visited {color: #4b1411; text-decoration: none; padding:9px 25px 10px 25px;}
#top-nav td a:hover, #top-nav2 td a:hover {background: url(../images/top-nav-bg_over.gif) top repeat-x; color: #056272;
padding:9px 25px 10px 25px;}

.page-menu-container { width: 100%; height:auto; border:1px solid #0a8196; margin:10px 0 0 0;}
.page-menu {border:2px solid #d4e4e7; background-color:#fff;  padding:5px 5px 4px 5px;}
.page-menu td { width: 100%; height:12px; font: bold 12px Arial, Helvetica, sans-serif; text-align:left; background-color:#cfe1e4; border-bottom:1px solid #fff; margin:0; padding: 1px 0 4px 5px}
.page-menu td a, .page-menu td a:visited {color: #820000; text-decoration: none;}
.page-menu td a:hover {color: #056272; text-decoration: none; background-color:#e4eef0;}
.page-menus-gap {margin:20px 0 15px 0;}
.page-menus-gap-2 {margin:70px 0 0 0;}

#content {width:715px; background: url(../images/content-bg-top.jpg) top no-repeat; border-left: 10px solid #000; border-right: 10px solid #000; margin:0; padding: 0px 20px 0px 25px;}

#hte-section-header {width:760px; height:61px; background:url(../images/hte-header-bg.jpg) top no-repeat; margin:0; padding:0; border-left:10px solid #000;border-right:10px solid #000;}

#content-appliances {width:760px; height:140px; background: url(../images/content-bg-top-appliances.jpg) top no-repeat; border-left: 10px solid #000; border-right: 10px solid #000; margin:0; padding: 0;}

#content-appliances-heading { width:500px; padding:10px 0 0 35px;}
#content-appliances-heading h1 {font: 22px Arial, Helvetica, sans-serif; text-align:center; color:#820000; padding:27px 0 0 0px; margin:0;}

#content-appliances2 {width:794px; height:180px; background: url(../images/content-bg-top-store.jpg) top no-repeat; border-left: 10px solid #000; border-right: 10px solid #000; margin:0; padding: 0;}
#content-appliances-heading2 { width:550px; padding:10px 0 0 35px;}
#content-appliances-heading2 h1 {font: bold 16px Arial, Helvetica, sans-serif; text-align:left; color:#820000; padding:5px 0 0 0px; margin:0;}

#listing-01 { width:780px; height:200px; background:url(../images/harmony-header-chi-machine.jpg) no-repeat; background-color:#fff;}
#listing-02 { width:780px; height:199px; background:url(../images/harmony-header-FIR-2.jpg) no-repeat; background-color: #fff;}
#listing-03 { width:780px; height:200px; background:url(../images/harmony-header-ere.jpg) no-repeat; background-color: #fff;}
#listing-04 { width:780px; height:235px; background:url(../images/harmony-header_specials.jpg) no-repeat; background-color: #fff;}

#more-fir {font: 13px  Arial, Helvetica, sans-serif; text-align:left; margin:0; padding: 9px 0px 10px 95px;}
#more-fir-spacing {padding: 5px  0 8px 0;}
#more-specials {font: 13px  Arial, Helvetica, sans-serif; text-align:left; margin:0; padding: 195px 0px 0px 95px;}

#section_fir {width:720px; background:url(../images/content-bg_fir.jpg) top no-repeat; border-left: 10px solid #000; border-right: 10px solid #000; margin:0; padding:0 20px;}

.sections {width:719px; border-left: 10px solid #000; border-right: 10px solid #000; margin:0; padding:0 20px;}
.sections-even { background-color:#d8e3e5; padding:10px 0;}

#sections {width:720px; background: url(../images/content-bg-bottom.jpg) bottom no-repeat; border-left: 10px solid #000; border-right: 10px solid #000; margin:0; padding: 15px 20px;}
#sections h2 {font: normal 18px Arial, Helvetica, sans-serif; text-align:center; line-height: 18px; color:#97161a;}
#sections p {padding: 8px 0 0 0;}
#sections .bullets {color:#0a8196; padding:0 8px 0 10px;}

.bullets {color:#0a8196; padding:0 8px 0 0px;}

.featured-item { width:210px; margin:0 auto; padding:8px 10px 10px 10px;}/*border:4px dashed #B6D0D5;*/
.featured-item-even { width:210px; background-color:#d8e3e5; margin:0 auto; padding:8px 10px 10px 10px;}/*border:4px dashed #B6D0D5;*/

.featured-item h2, .featured-item-even h2{ padding:0px 0 15px 0;}


.h-divide-bar {width:780px; height:10px; background: url(../images/h-divide-bar.gif) no-repeat; margin:0;}

.h-divide-bar2 {width:806px; height:10px; background: url(../images/h-divide-bar2.gif) no-repeat;}


.learn-more { width:120px; font:bold 18px Arial, Helvetica, sans-serif; margin: 10px auto 0 auto; padding: 2px 5px 3px 8px; background:url(../images/view-more-bg.jpg) center repeat-x #fbf38f; border:1px solid #f69e1f; }

.learn-more2 { width:120px; font:bold 18px Arial, Helvetica, sans-serif; text-align:right; float:right; margin: -18px 0 0 0; padding: 2px 7px 3px 8px; background:url(../images/view-more-bg.jpg) center repeat-x #fbf38f; border:1px solid #f69e1f; }

.bullets {color:#0a8196; padding:0 8px 0 0px;}
.bullets-distributors {color:#0a8196; padding:0 8px 0 20px; line-height:16px;}

.top { text-align:right; padding:5px 10px 5px 0;}
.top2 { text-align:right; padding:5px 10px 5px 0;}
.top3 { text-align:right; padding:0px 10px 2px 0;}

#video1-box {width:284px; height:32px; font-size:14px; background:url(../images/v1-bg.jpg) no-repeat; text-align:center; margin: 30px auto 0px auto; padding:8px 0px 0 0;}
#Video1 {background-color:#FFCB05; border-top:2px solid #BE0026;  border-bottom:2px solid #BE0026; margin:0px 5px 25px 0; padding:15px 0px 0 0;}


#footer {border-left: 10px solid #888; border-right: 10px solid #888; background-color: #B6D0D5;}
#footer-inner { border: 2px solid #FFF; margin:0; padding: 10px 0px 13px 0px; }
#footer-inner td { line-height:18px;}
#footer-inner td a {text-decoration:none; padding:0px 25px 3px 15px;}
#footer-inner td a:hover { background-color:#d4e4e7; text-decoration:none; padding:0px 25px 3px 15px;}

.footer-v-divide { border-right: 1px solid #e8f3f5; padding:0;}
.footer-bullets {color:#0a8196; padding:0 10px 0 40px;}


#lead {position:absolute; top:0; left:0; width:100%; height:20px;
background:url(../images/harmony-lead-bg.gif) bottom repeat-x; font: 11px Arial, Helvetica, sans-serif; text-align:right; line-height: 18px; color:#6f6f6f; border-bottom: 1px solid #aaa; background-color: #E3E3E3; white-space:nowrap;}

#lead a, #lead a:link, #lead a:visited {font: 11px Arial, Helvetica, sans-serif; line-height: 14px; color:#0054a6; text-decoration: none;}
#lead a:hover { text-decoration: underline; color: #0a8196;}
#lead-img1 {padding: 0 0 2px 0;}
#lead-hwp {text-align:left; padding: 0px 0 0 10px;}
#lead-hwp2 {text-align:left; padding: 2px 0 0 10px;}


.company-lead { width:760px; height:20px; margin:2px auto;
background:url(../images/harmony-lead-bg.gif) bottom repeat-x; font: 11px Arial, Helvetica, sans-serif; text-align:right; line-height: 18px; color:#6f6f6f; border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; background-color: #E3E3E3; }

.company-lead a, .company-lead a:link, .company-lead a:visited {font: 11px Arial, Helvetica, sans-serif; line-height: 14px; color:#0054a6; text-decoration: none;}
.company-lead a:hover { text-decoration: underline; color: #0a8196;}
.company-lead-img1 {padding: 0 0 2px 0;}
.company-lead-hwp {text-align:left; padding: 0px 0 0 10px;}

#trademark {width: 780px; background-color: #fff;   text-align: center; margin:10px auto; padding:5px 0 15px 0;}

/* begin TOOLTIP */

a.info, #Orders a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#fd8e3e5; cursor: default;
    color:#333;
    text-decoration:none;}

a.info:hover, #Orders a.info:hover{z-index:25; background-color:#d8e3e5; cursor:help;}

a.info span, #Orders a.info span{display: none;}

a.info:hover span { /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:50px; left:-115px; width:330px;
    border:2px solid #0a8196;
    background-color:#ffc; color:#333;
    text-align: left; text-decoration:none;  padding:10px;
	}
	
#Orders a.info:hover span{ 
    display:block;
    position:absolute;
    top:35px; left:-115px; width:300px;
    border:2px solid #0a8196;
    background-color:#ffc; color:#333;
    text-align: left; text-decoration:none;  padding:10px;
	}
	
a.info-2{
    position:relative; /*this is the key*/
    z-index:24;  background-color:#fef9c8; cursor: default;
    color:#0054a6;
    text-decoration: none;}

a.info-2:hover{z-index:25; color: #0a8196; background-color:#fef9c7; text-decoration:none; cursor:help; }

a.info-2 span{display: none;}

a.info-2:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:154px; left:-114px; width:199px;
    border:2px solid #0a8196;
    background:url(../images/goldfish-bg.jpg) no-repeat; background-color:#fff; color:#333;
    text-align: left; text-decoration:none;  padding: 20px 10px;
	}

/* end TOOLTIP */


.nav2 {font-size:15px; text-align:center; color:#858585;  background-color:#ededed; padding:5px 0;}
#sub-container {width:760px; background-color:#CFE1E4; border-left:10px solid #000; border-right:10px solid #000; margin:0 auto;}
#pg2 { margin: 20px 0 0 80px;}
#pg2 h1 {font: 27px Arial, Helvetica, sans-serif; text-align:left; color:#97161a;}
#pg2 h1 span { font-size:18px; color:#333;}
#sub-container h2 {font: 20px Arial, Helvetica, sans-serif; text-align:left; color:#222; padding:0 0 0 15px; margin:0;}
.sub-category {background-color:#FFF; border-top:1px solid #94b9be; border-bottom:1px solid #94b9be; margin:0; padding:0;}

.p-title {border-bottom:1px solid #97161a;}
.p-title-data { font-weight:bold; text-align:center; vertical-align: middle; color:#555; border-bottom:1px solid #97161a;}
.p-data-1 {text-align:center; height:18px; background-color:#ffea80;}
.p-data-2 {text-align:center; height:18px; background-color:#ffec94;}
.p-data-3 {text-align:center; height:18px; background-color:#ffefa9;}
.p-data-4 {text-align:center; height:18px; background-color:#fef2b3;}
.p-data-5 { height:18px; background-color:#fef5be; padding: 0 0 0 10px; }

#info1-box { font-size:14px; text-align: left; padding: 3px 0 0 99px; margin:0;}
#info2-box { font-size:14px; text-align: right; padding: 3px 30px 0 0px; margin:0;}
.bullet2 { font-weight:bold; font-size:15px; color:#97161a;}


.jump-menu { width:230px; height:24px; font: 15px  Arial, sans-serif; border:1px solid #888; background-color:#FFFFA0; margin: 0; padding: 2px 0 2px 5px;}
.jump-menu-container {padding:0; margin:10px 0 0 30px;}
.jump-menu option {height:18px; border-top:2px solid #FFF; background-color:#ffea80; padding: 0 0 0 10px;}


.jump-menu-container2 {padding:0; margin:15px 0 0 0;}
.jump-menu-container2 form {padding:0; margin:0;}
.jump-menu-container2 h2 {font: 18px Arial, Helvetica, sans-serif; text-align:center; color:#222; padding:0; margin:0 0 5px 0;}
.jump-menu2 { width:225px; height:24px; font: 15px  Arial, sans-serif; border:1px solid #7CA34A; background-color:#FFFFA0; margin: 0; padding: 2px 0 2px 5px;}
.jump-menu2 option {height:18px; border-top:2px solid #FFF; background-color:#ffea80; padding: 0 0 0 10px;}

#homeappliances{width:90%; margin: 0 auto;}
#homeappliances td { padding:10px 0 5px 0;}
#food-table{width:90%; margin: 0 auto;}
#food-table td { padding:10px 0 5px 0;}
.btn-view-all {font:bold 16px Arial, Helvetica, sans-serif; text-align:right; padding:5px 10px; margin:30px auto 0px auto; background:url(../images/view-more-bg.jpg) repeat-x; border:1px solid #f69e1f;}
.btn-view-all-more {font: 18px Arial, Helvetica, sans-serif; text-align:right; padding:3px 10px; margin:30px auto 0px auto; background:url(../images/special-offers-bg.jpg) repeat-x center; border:1px solid #d8661a;}
.btn-special-offers {font: 16px Arial, Helvetica, sans-serif; text-align:right; padding:3px 10px; margin:30px auto 0px auto; background:url(../images/special-offers-bg.jpg) repeat-x center; border:1px solid #d8661a;}
#sitemap-nav {margin: 15px auto 0px auto; text-align:center;}