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;
margin: 0 0 0 0; padding: 0 0 0 0;
}

.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-grey2 {width:710px; height:4px; background-color:#B6D0D5; margin: 0px auto 0px auto; padding:0;}
.h-spacing-2h {width:70%; height:2px; background-color:#B6D0D5; margin: 15px auto 10px auto; padding:0;}

h1 {font: bold 24px Arial, Helvetica, sans-serif; text-align:center; color:#222; padding:0px 0 0 0; margin:0;} /*color:#056272; */
h2 {font: bold 16px Arial, Helvetica, sans-serif; line-height: 17px;}
h3 {font: bold 14px Arial, Helvetica, sans-serif; line-height: 14px; text-align:left; color:#222; padding: 0 0 5px 0;} /* color:#003d49; */
h4 {font: bold 13px Arial, Helvetica, sans-serif; text-align:center; line-height: 14px; color:#820000; padding:10px 0 0 0;}

h5 {width:100%; height:19px; font: bold 13px Arial, Helvetica, sans-serif; line-height: 18px; text-align:left; 
background-color:#fff68f; color:#4b1411; border-top:1px solid #ffba00; border-bottom:1px solid #ffba00; margin: 15px auto 10px auto; padding:0 0 0 15px;}

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

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

ol li { list-style:decimal; padding: 0 0 10px 0;}

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;
}

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

#page-head {width:780px; height:90px; background: url(../images/harmony_page-header.gif) no-repeat; background-color: #fff;}
#page-head-heading {font: bold 24px Verdana, Arial, Helvetica, sans-serif; color:#000; text-align:right; margin:0; padding: 28px 44px 0 0;}
#page-head-sub-heading {font: normal 24px Verdana, Arial, Helvetica, sans-serif; color:#ba1319;}

#top-nav {width:760px; height:32px; margin:1px auto; padding:0;}
#top-nav td {height:32px; font: bold 13px Arial, Helvetica, sans-serif; line-height:34px; text-align:center;  background: url(http://harmonychimachine.com/images/top-nav-bg.gif) top repeat-x; }
#top-nav td a {color: #4b1411; text-decoration: none; padding:9px 25px 10px 25px;}
#top-nav td a:hover {background: url(http://harmonychimachine.com/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: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:0 0 0 5px;}
#page-menu td a {color: #820000; text-decoration: none; padding:0px 5px;}
#page-menu td a:hover {color: #056272; background-color:#e4eef0; padding:0px 5px;}

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

#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-even { background-color:#d8e3e5; padding:10px 0;}
#sections h2 {font: bold 15px Arial, Helvetica, sans-serif; text-align:center; line-height: 18px; color:#820000;} /* color:#056272; */
#sections p {padding: 8px 0 0 0;}

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

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

#product-list-intro { width:80%; height:auto; margin: 10px auto 0px auto; text-align:center;}
#product-pg-menu { width:100%; height:auto; margin: 0px auto 0px auto; text-align:center;}

.product-pg h2 {color:#000; margin:0 0 -15px 0; padding: 0px 0 0px 10px;}
.product-pg td {padding:5px 10px;}

.product-list h2 {color:#000; margin:0 0 -15px 0; padding: 0px 0 0px 10px;}
.product-list td {padding:5px 10px; border-bottom:1px solid #649baf;}
.top-border-right {font-size:14px; font-weight:bold; background-color:#B6D0D5;} /* background-color:#ffefa9; */
.top-border-right td {border-right:1px solid #649baf; border-bottom:2px solid #649baf; }
.border-right {border-right:1px solid #649baf;}
.first-cell {border-left:1px solid #649baf; border-right:1px solid #649baf;}
.last-cell {border-right:1px solid #649baf;}
.row-even {background-color:#d8e3e5;}
.view-cart {text-align:right; padding: 10px 10px 0px 0; margin:0; }

.bg-ffefa9 {background-color:#ffefa9;}
#specials .border-right {border-right:1px solid #649baf; background-color:#ffefa9;}
.specials-first-cell {border-left:1px solid #649baf;  background-color:#ffefa9;}
#specials .last-cell {border-right:1px solid #649baf; background-color:#ffefa9;}

#specials h2 {font: bold 24px Arial, Helvetica, sans-serif; text-align:center; line-height: 24px; color:#be0026; background-color:#ffcb05; margin: 20px 0 -19px 0px; padding: 5px 0; border-top:2px solid #be0026; border-bottom:2px solid #be0026;}
#specials-first-cell {border-left:1px solid #649baf; border-right:1px solid #649baf; background-color:#B6D0D5;}
#specials-last-cell {border-right:1px solid #649baf; background-color:#B6D0D5;}

.save {font: bold 22px Arial, sans-serif;  text-align:center; color:#820000; background:url(../images/save.jpg) top no-repeat #ffefa9; border-right:1px solid #649baf; margin: 0; padding:20px 0 0 0;} /* color:#b42126;  */
.price {font: bold 16px Arial, sans-serif;  text-align:center; }

#warranty {margin:-15px 0 0 0;}
#intro-img {float:left; margin: 0 20px 0 0 ; padding: 25px 0px 0 0;}

#video2-box {width:284px; height:32px; background:url(../images/v1-bg.jpg) no-repeat; text-align:center; margin: 15px 0 0px 2px; padding:8px 0px 0 0;}
#Video2 {background-color:#eee; border-top:2px solid #CFE1E4;border-bottom:2px solid #CFE1E4; margin:15px 5px 0 0; padding:15px 0px 0 0;}

.spacer1 {padding:0 0 10px 0;}

.caption {font:bold 13px Verdana,Arial, sans-serif;}

#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(http://harmonychimachine.com/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-hwp {text-align:left; padding: 0px 0 0 10px;}
#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;}

#trademark {width: 780px; background-color: #fff;   text-align: center; margin:10px auto; padding:5px 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(http://harmonychimachine.com/images/goldfish-bg.jpg) no-repeat; background-color:#fff; color:#333;
    text-align: left; text-decoration:none;  padding: 20px 10px;
	}
	
#product-pg-menu	

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

#product-pg-menu a.info:hover{z-index:25; background-color:#fff; cursor:help;}

#product-pg-menu a.info span{display: none;}

#product-pg-menu a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:30px; left:-127px; width:300px;
    border:2px solid #0a8196;
    background-color:#ffc; color:#333;
    text-align: left; text-decoration:none;  padding:10px;
	}
	

/* end TOOLTIP */