.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

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

/*************************/
/* Main Text Definitions */
/*************************/

body {
 font-family: Arial, Helvetica, sans-serif;
 margin: 0;
 background: #fff;
 color: #333;
}

h1 {
 font-weight: normal;
}

h1 {font-family: Georgia, "Times New Roman", Times, serif; color: #ac0a2f; margin: 0;}
h2, h3, h4, h5 {font-family: Georgia, serif; margin: 0;}

h1 {font-size: 1.5em; margin-top: 0;}
h2 {font-size: 1.4em; margin-bottom: 8px;}
h3 {font-size: 1.1em;}
h4 {font-size: 1.0em;}
h5 {font-size: 1.0em;}

a img {border: 0;}

a {color: #ac0a2f;}
a:hover {color: #004d91;}

#copy ul { 
margin: 0 0 0 16px; 
padding: 0; 
} 
#copy li{ 
padding-left: 5px; 
} 

p {margin-top: 0;}

img {display: block;}

#content p {line-height: 1.4em;}

.red {color: #ac0a2f;}
.blue {color: #004d91;}
.grey {color: #666666;}

.small {font-size: 0.95em;}
.large {font-size: 1.4em;}

/******************************/
/* Generic Layout Definitions */
/******************************/

#container {width: 946px; padding: 0; margin: 0 auto; font-size: 0.75em;}

#address {float: left; width: 222px; height: 59px; text-align: center; padding-top: 45px; font-family: Georgia, "Times New Roman", Times, serif;}
#logo {float: left; width: 502px; height: 104px;}
#opening {float: left; width: 222px; height: 49px; text-align: center; padding-top: 55px; background-image:url(../images/open-sign.gif); background-position:top center; 
background-repeat:no-repeat; font-family: Georgia, "Times New Roman", Times, serif; font-size: 0.8em;}

#navBar {float: left; width: 946px; height: 37px; background-image: url(../images/bg-navbar.gif); background-repeat: no-repeat; margin: 10px 0;}
#main {float: left; width: 946px;}
#sideNav {float: left; width: 185px; color: #fff; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;}

#sidebarLeftPic {margin-top: 6px;}

#content {float: left; width: 564px; margin: 0 6px; display: inline;}
#breadcrumb {float: left; width: 544px; padding: 5px 10px; background-color: #c6c6c6; color: #333; font-size: 0.75em; margin-bottom: 6px; text-transform: uppercase;}
#breadcrumb a {color: #ac0a2f;}
#breadcrumb a:hover {color: #333;}

#additional {float: left; width: 185px;}
#additional img {margin-bottom: 10px;}


#footer {float: left; width: 906px; height: 15px; margin: 10px 0; padding: 6px 20px; background-image: url(../images/bg-footer.gif); background-repeat:no-repeat; 
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 0.75em;}

#footer a {text-decoration: none; color: #999;}
#footer a:hover {color: #666;}

#copyright {float: right; color: #999; text-align: right;}

/************************************/
/* Page-specific Layout Definitions */
/************************************/

#slideshow {float: left; width: 564px; height: 234px;}

#hpPicPanel {
position: absolute;
background-image: url(../images/bg-tint.png); background-repeat: repeat-x;
top: 195px;
left: 0px;
margin: 0;
width: 564px; 
height: 10px;
padding: 15px;
z-index: 1000;
font-size: 1.2em;
text-transform: uppercase;
}
#hpPicPanel a {color: #fff; text-decoration: none;}
#hpPicPanel a:hover {text-decoration: underline;}


#hpIntro {float: left; width: 424px; padding: 10px 130px 20px 10px; margin-bottom: 6px; margin-top: 6px; 
background-color: #e5d6b9; background-image: url(../images/bg-intro.jpg); background-repeat:no-repeat; background-position: bottom; font-size: 0.9em;}

#hpPanels {float: left; width: 564px; background-image: url(../images/bg-hppanels.gif); background-repeat: repeat-y; color: #fff;}

.hpPanel {float: left; width: 186px; margin-right: 3px; display: inline; font-size: 0.9em;}
.hpPanelText {padding: 4px;}
.last {margin-right: 0;}

.hpPanelText h2 {font-size: 2.0em; line-height: 1.0em; margin-bottom: 2px;}
.hpPanelText a {color: #fff; text-decoration: none; font-weight: bold;}
.hpPanelText a:hover {color: #fff; text-decoration: underline;}

#productHead {float: left; width: 564px; height: 158px; padding: 0; margin-bottom: 6px; position: relative;}
#productHeadText {position: absolute; top: 20px; left: 20px;}
#productHeadText h1 {font-size: 3.3em; color: #fff; font-weight: bold; padding: 5px 10px; background-image: url(../images/bg-tint.png);}

.productPanel {float: left; width: 175px; height: 90px; padding: 5px; margin-right: 3px; margin-bottom: 3px; display: inline; font-size: 0.9em; background: #aa0a30; color: #fff;}
.productPanel img {float: right; margin-left: 4px; display: inline; width: 60px;}
.productPanel h3 {font-family: Arial, Helvetica, sans-serif; margin-bottom: 3px;}

.weight {display: block; font-size: 1.2em; font-weight: bold; margin-top: 3px; line-height:1.0em;}

#paging {float: left; width: 564px; text-align: right; font-size: 0.9em; padding: 5px 0;}

#standardCopy {float: left; padding: 10px 20px;}
#standardCopy h1 {color: #ac0a2f; font-size: 2.2em; font-weight: bold; padding-bottom: 10px; margin-bottom: 10px; width: 524px; background-image:url(../images/head-underline.gif); 
background-position: bottom; background-repeat:no-repeat;}
#standardCopy img {display: inline;}

.recipeList {float: left; width: 504px; margin-bottom: 10px; padding: 10px; background: #e9edf8; font-family: Arial, Helvetica, sans-serif;}
.recipeList img {float: right; margin-left: 20px; display: inline; width: 200px;}

#recipeLeft {float: left; width: 229px;}
#recipeIngredients {float: left; width: 203px; padding: 10px; margin-right: 6px; display: inline; background: #e9edf8; font-family: Arial, Helvetica, sans-serif;}
#recipeIngredients h2 {color: #003b73;}

#recipeRight {float: left; width: 295px;}
.recipePic {float: right; margin-bottom: 6px; width: 295px;}
#recipeMethod {float: left; width: 275px; padding: 10px; background: #f2eadd;  font-family: Arial, Helvetica, sans-serif;}

#embeddedPanel {float: right; width: 203px; padding: 10px; margin-left: 6px; margin-bottom: 10px; display: inline; background: #e9edf8; font-family: Arial, Helvetica, sans-serif; font-size: 0.9em;}

.sitemapCol {float: left; width: 260px;}

/**************************/
/* Navigation Definitions */
/**************************/

/* Main Nav */

ul#topNav  {
 list-style: none;
 padding: 0;
 margin: 0;
 font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
 font-size: 0.75em;
 line-height: 1.0em;
 width: 560px;
 margin: 0 auto;
 text-transform: uppercase;
} 

ul#topNav li {
 float: left;
 display: block;
 width: 59px; 
 padding: 0 3px;
 height: 37px;
 margin-right: 5px;
 background-image:url(../images/bg-navitem.gif);
 text-align:center;
}

ul#topNav li a {
 display: table-cell;
 height: 37px;
 width: 59px; 
 vertical-align: middle;
 text-decoration: none;
 color: #004d91;
 text-align:center;
}
ul#topNav li a:hover {
 color: #ac0a2f;
}
ul#topNav li a.on {color: #ac0a2f;}

/* 2nd level nav */
ul#subNav  {
 list-style: none;
 margin: 0;
 padding: 0;
 line-height: 1.6em;
 font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
 font-size: 0.9em;
 background-color: #004d91; 
 text-transform: uppercase;
} 
ul#subNav li {
 border-bottom: 1px solid #c3d2e9;
}
ul#subNav li a {
 display: block;
 padding: 6px 0;
 text-decoration: none;
 color: #c3d2e9;
 text-align: center;
}
ul#subNav li a:hover {
 color: #fff;
}
/* 2nd level additional nav */
ul#addNav  {
 list-style: none;
 margin: 0;
 padding: 0;
 line-height: 1.6em;
 font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
 font-size: 0.9em;
 background-color: #4c82b2; 
 text-transform: uppercase;
} 
ul#addNav li {
 border-bottom: 1px solid #c3d2e9;
}
ul#addNav li a {
 display: block;
 padding: 6px 0;
 text-decoration: none;
 color: #c3d2e9;
 text-align: center;
}
ul#addNav li a:hover {
 color: #fff;
}

/* Footer nav */
#footer ul  {
 list-style: none;
 width: 850px;
 padding: 0;
 margin: 0;
} 

#footer ul li {
 float: left;
 padding: 0;
 margin-right: 15px;
 display: inline;
}

/* Embedded nav */
#embeddedPanel ul  {
 list-style: none;
 padding: 0;
 margin: 0;
} 

#embeddedPanel ul li {
 padding: 0 0 10px 0;
 margin: 0;
}

#embeddedPanel ul li a {
 color: #ac0a2f;
} 
/*********/
/* Forms */
/*********/

FORM {
 padding: 0;
 margin: 0;
 border: 0;
}
.searchBox {width: 150px; color: #333; border: 1px solid #999; font-size: 0.85em;}
.searchBoxSub {width: 150px; color: #333; border: 1px solid #999; font-size: 0.85em;}
.searchButton {color: #333; font-weight: bold; background: #fff; border: 0; font-size: 0.85em;}
.membersBox {width: 200px; color: #333; border: 1px solid #999; font-size: 0.98em;}

.emailField {
 width: 150px;
 color: #333;
 font-size: 1.0em;
 margin-bottom: 4px;
 font-family: Arial, Helvetica, sans-serif;
}
.emailButton {color: #fff; font-weight: bold; background: #4B8738; border: 0; font-size: 0.8em;}
.membersButton {color: #fff; font-weight: bold; background: #ACB428; border: 0; margin: 4px 0;}

.loginField {
 width: 100px;
 color: #333;
 font-size: 1.0em;
 margin-bottom: 4px;
 font-family: Arial, Helvetica, sans-serif;
}

.loginLabel {
 float: left;
 width: 100px;
 padding-top: 2px;
}

label {width: 410px;}

.memberLoginLabel {
 display: block;
 padding-top: 2px;
}

.formRow 
{
 clear: both;
 margin-top: 4px;
 margin-bottom: 10px;
}
.formRowHead {
 clear: both;
 margin-top: 12px;
 margin-bottom: 4px;
 background: #eee;
 padding: 6px;
 color: #333;
 font-weight: bold;
}
.fmLabel {
 float: left;
 width: 410px;
 padding-top: 2px;
 padding-bottom: 4px;
}
.fmField {
 width: 200px;
 color: #333;
 font-size: 1.0em;
 font-family: Arial, Helvetica, sans-serif;
}
.fmFieldLrg {
 width: 300px;
 color: #333;
 font-size: 1.0em;
 font-family: Arial, Helvetica, sans-serif;
}
.fmFieldSml {
 width: 60px;
 color: #333;
 font-size: 1.0em;
 font-family: Arial, Helvetica, sans-serif;
}
.fmFieldxSml {
 width: 20px;
 color: #333;
 font-size: 1.0em;
 font-family: Arial, Helvetica, sans-serif;
}
.fmComments {
 width: 300px;
 height: 100px;
 color: #333;
 font-size: 1.0em;
 font-family: Arial, Helvetica, sans-serif;
}
select {
 color: #333;
 font-size: 1.0em;
 font-family: Arial, Helvetica, sans-serif;
}

.fmButton {
 background: #ac0a2f;
 color: #fff;
 font-weight: bold;
 border: 0;
 font-size: 1.2em;
 font-family: Arial, Helvetica, sans-serif;
}





/* Sitemap - indent tree styles */

div.indent{
margin-left:0px;
}
div.indent1{
margin-left:20px;
}
div.indent2{
margin-left:20px;
}
div.indent3{
margin-left:30px;
}
div.indent4{
margin-left:40px;
}