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

/* ******** global styles *********** */

* {padding: 0; margin: 0;}

body{
	font-family:"Trebuchet MS", sans-serif;
	margin: 0;
	padding: 10px 0;
}

p, h1, h2, h3, h4, h5, h6, li {
	margin: 1ex, 1em;
	text-align: right;
}

p {
	font-size:.8em;
	line-height:1.4am;
	color:#666666;
	margin: 1.3ex 0;
}

h1 {
	color: #000000;
	font-weight:normal;
	font-size:1.1em;
}

h2 {
	color: #000000;
	font-weight:normal;
	font-size:1em;
}

h3{
	color: #666666;
	font-weight:bold;
	font-size:.9em;
	margin-bottom: 2ex;
	border-color:#666666;
	border:thick;
}

small{
	font-size:.7em;
}

em{
	font-size:.8em;
	color: #666666;
}

a:link, a:visited, a:active {
	color: #0099FF;
	text-decoration: none;	
}

.quotes{
font-style:italic;
}

div#hbdOuter{
	width: 780px;
	margin: 0 auto;
	background:url(images/bg_peas.gif) no-repeat bottom;
}


/* ************* header ************ */


div#hbdHeader{
	margin: 0 auto;
	position:relative;
	background:  url(images/bg_top-min.gif) no-repeat bottom;
	padding:0 85px 0 45px;
	height: 165px;
}

#hbdHeader .headerLogo {
	position: absolute;
	left: 18px;
	top: 35px;
}

#hbdHeader .soundCtrl {
	position: absolute;
	right: 95px;
	top:0;
}

#hbdHeader .navBlock {
	position: absolute;
	right: 95px;
	top:50px;
}


/* ************* main content  ************ */


div#hbdContent{
	position: relative;
	margin: 0;
	padding: 0 130px;
	background: url(images/bg_middle.gif) repeat-y;
	min-height: 300px;
	height: auto;
	margin-top: -11px;  /* to workaround FF quirk leaving space between header and content div... research further for a better solution */

}


#hbdContent .hbdTitle {
	position: absolute;
	right: 110px;
	top: -20px;
}

#hbdContent .peaLine {
	position: absolute;
	right: 130px;
	top: 0;
}

#hbdContent div#main {
	float: left;
	margin: 20px 0 0 0;
	padding: 0;
	height: auto;
	width: 100%;	
}

#hbdContent #main div#imgCol {
	float: left;
	width: 189px;
	padding-right: 10px;
	margin: 0;
}

#hbdContent #main div#rightCol {
	float: right;
	text-align: right;
	width: 300px;
	padding: 15px 0 0 15px;
	margin: 0;
}

#hbdContent #main div#imgCol2 {
	float: left;
	width: 100px;
	padding-right: 10px;
	margin: 0;
}

#hbdContent #main div#rightCol2 {
	float: right;
	text-align: right;
	width: 389px;
	padding: 15px 0 0 15px;
	margin: 0;
}

#hbdContent #main div#col1 {
	float: left;
	width: 173px;
	padding: 0;
	margin: 0;
	text-align: center;
	font-size: 0.8em;
}

#hbdContent #main div#col2 {
	float: left;
	width: 173px;
	padding: 0;
	margin: 0;
	text-align: center;
	font-size: 0.8em;
}

#hbdContent #main div#col3 {
	float: left;
	width: 173px;
	padding: 0;
	margin: 0;
	text-align: center;
	font-size: 0.8em;
}

#hbdContent .curr {
	position:absolute;
	left: -12px;
	bottom: 35px;
}

.hbdshop {
text-align:center;
}

.hbdshop img {
border:1px #666666 solid;
}


.shoprow1 {
padding: 0;
margin: 25px 0 5px 0;
border: 0;

}

.shoprowx {
padding: 0;
margin: 15px 0 5px 0;
border: 0;
}



.hbdback {
text-align: left;
margin: 0;
font-size: .9em;

}

.releases{
margin-top:60px;
padding:15px;
/*border:1px #666666 solid;*/
}

.infopage{
margin-top:15px;
}



.printctrl {
text-align: left;
margin: 0;
}

.recipeVideo {
float:left;
margin: 10px 10px 10px 0;

}

.downloads {
padding: 5px;

}

.pressimg1 {
padding: 25px 0 0 0;
margin: 0;

}

.pressimgx {
padding: 15px 0 0 0;
margin: 0;
}

.hkhome{
padding-top: 35px;

}

.hkhome img{
border: none;
padding: 2px;
vertical-align:text-top;

}

#imgCol .single {
padding-top: 65px;
}

#imgCol .singlehigh {
padding-top: 40px;
}

#imgCol .adv1 {
padding-top: 15px;
} 

#imgCol .adv2 {
padding-top: 40px;
}

#imgCol .adv3 {
padding-top: 40px;
}


/* ************* footer content  ************ */

#hbdFooter {
	position:relative;
	background: url(images/bg_bottom.gif) no-repeat top;
	height: 144px;
	margin: 0;
	clear:both;

}

#hbdFooter .linkBlock {
	position:absolute;
	right: 90px;
	bottom: 60px;
}


#hbdFooter .linkBlock img{
	vertical-align:text-top;
	padding-left:3px;

}

#hbdFooter .hmLogo {
	position:absolute;
	left: 110px;
	bottom: 30px;

}

#hbdFooter .optin {
	position:absolute;
	left: -20px;
	bottom: 100px;

}







/* ************* misc styles  ************ */

.clear { 
	clear: both;
}

.navigation {
	display: block;
	text-align: right;
	margin-top: 10px;
	margin-bottom: 0;
	font-size: 0.8em;
}

#printmsg {
	display:none;
}


/* *************************** comment bubbles ************************** */

div#gcomment {
	margin-bottom: 20px;
	position:relative;
	float: right;
	display:block;
}


#gcomment .bubtop {
	background:url(images/bub_top.gif) no-repeat;
	display:block;
	width:401px;
	height:15px;

}

#gcomment .bubmid {
	background:url(images/bub_mid.gif) repeat-y;
	display:block;
	width:401px;
} 

#gcomment .bubbottom {
	background:url(images/bub_bottom.gif) no-repeat;
	display:block;
	width:401px;
	height:32px;

}

#gcomment p {
	margin:0 15px;
	text-align:right;
}

#gcomment .author {
	display:block;
	text-align: right;
	font-family:"Trebuchet MS", sans-serif;
	font-size: 9pt;
	color: #666666;
	padding-right: 45px;
}

.commentlist li {
list-style: none;
}