body { background: #000 url(../images/bg.gif) repeat-x 0 0; padding: 0; margin: 0; font: normal 12px "Trebuchet MS", arial, san-serif; color: #2a0200; }
a, a:visited { color: #930; text-decoration: underline; }
a:hover { color: #c63; }
img { border: none; }
p { line-height: 150%; margin: 2.5ex 0; }
p.noMarg { margin: 0; }
table { border-collapse: collapse; border: none; }
td { vertical-align: top; padding: 0; margin: 0; }
select { font: normal 11px arial; border: solid #d3cea8 1px; }

#wrapper { width: 752px; margin: 41px auto 20px auto; position: relative; }


/**********************
Masthead
**********************/
#masthead { font: normal 11px arial, san-serif; height: 64px; background: url(../images/masthead.jpg) no-repeat; position: relative; }
#masthead .logo { position: absolute; top: -40px; left: 276px; }
#masthead  ul.links { margin: 0; padding: 0; list-style: none; position: absolute; top: -2.9ex; right: -0.8em; }
#masthead .links li { display: inline; border-left: solid #f7e1d4 1px; padding: 0 .8em; }
#masthead .links li.firstChild { border-left: none; }
#masthead .links a       { color: #f7e1d4; text-decoration: none; }
#masthead .links a:hover { color: #f4d26a; }


/**********************
Top Navigation
**********************/
#topNavWrapper { height: 26px; position: relative; background: url(../images/topNavOver.jpg); z-index: 100;}
ul#topNav { font: normal 11px arial, san-serif; color: #2a0200; padding: 1px 0 0 4px; margin: 0; list-style: none; position: relative; height: 21px; }
#topNav a { display: block; }

#topNav li { float: left; position: relative; }
#topNav li:hover img, #topNav li.over img { visibility: hidden; }

#topNav li ul { display: none; background: #a84c2a; width: 15em; position: absolute; top: 21px; left: auto; padding: 0; margin: 0; z-index: 1; border: solid #a74B2A 2px; border-top: solid #1f0300 1px; }
#topNav li:hover ul, #topNav li.over ul { display: block; }

#topNav li li { display: block; float: none; width: 100%; position: relative; background: #a84c2a; }
#topNav li li a { color: #fff; background: #a84c2a url(../images/bullet_white_on_mocha.gif) no-repeat 15px 1.0ex; padding: 1px 4px 2px 23px; text-decoration: none; border-top: dotted #863d22 1px; }
#topNav li li a:hover { color: #fff; background-color: #C68162; background-image: url(../images/bullet_white_on_pink.gif); }
#topNav li li .heading1 { color: #ffc; font-weight: bold; background: #863d22 url(../images/bullet_yellow_on_brown.gif) no-repeat 10px 1.2ex; padding: 2px 4px 2px 18px; margin:0; border-top: dotted #a84c2a 1px; display: block; }

#topNav li ul.shops { border: 2px solid #2e5c86; }
#topNav li ul.shops li, #topNav li ul.shops li a { background-color: #114575; border-top: 1px dotted #2e5c86; }
#topNav li ul.shops li a:hover { background-color: #2e5c86; }
#topNav li ul.shops li.online a { color: #ffffa5; }
/**********************
Left Navigation
**********************/
#leftNavWrapper { width: 155px; margin: 0; padding: 0 0 210px 0; float: left; }

#leftNavWrapper img.header { background: #f3efdc; display: block; padding: 8px 0 6px 0; border-bottom: dotted #B6A79A 1px; } /* Copperplate Gothic Bold, Font size: 11px, Anti-aliasing: Crisp, Tracking: 95 */

#leftNavWrapper td.leftNav0, #leftNavWrapper td.leftNav1 { font-size: 11px; line-height: 11px; width:155px; border-bottom: dotted #B6A79A 1px; }
#leftNavWrapper td.leftNav2, #leftNavWrapper td.leftNav3 { font-size: 10px; line-height: 11px; width:155px; border-bottom: dotted #B6A79A 1px; }

#leftNavWrapper .leftNav0 a, #leftNavWrapper .leftNav1 a, #leftNavWrapper .leftNav2 a, #leftNavWrapper .leftNav3 a
  { display: block; font: normal 11px/11px arial, san-serif; color: #2a0200; padding: 2px 4px 3px 8px; text-decoration: none; }
#leftNavWrapper .leftNav0 a:hover, #leftNavWrapper .leftNav1 a:hover, #leftNavWrapper .leftNav2 a:hover, #leftNavWrapper .leftNav3 a:hover
  { color: #fff; background-color: #a74b2a; }
  
#leftNavWrapper .leftNav0 a       { background: #f3efdc; font-weight: bold; }
#leftNavWrapper .leftNav0 a:hover {  }
#leftNavWrapper .leftNav1 a       { background: #f3efdc url(../images/bullet_bg_latte.gif) no-repeat 15px 1.0ex; padding-left: 23px; }
#leftNavWrapper .leftNav1 a:hover { background-image: url(../images/bullet_bg_red.gif); }
#leftNavWrapper .leftNav2 a       { background: #f3efdc url(../images/bullet_arrow_brown.gif) no-repeat 25px 1.0ex; padding-left: 34px; }
#leftNavWrapper .leftNav2 a:hover { background-image: url(../images/bullet_arrow_white.gif); }
#leftNavWrapper .leftNav3 a       { background: #f3efdc url(../images/bullet_dash_brown.gif) no-repeat 37px 1.0ex; padding-left: 46px; }
#leftNavWrapper .leftNav3 a:hover { background-image: url(../images/bullet_dash_white_on_mocha2.gif); }

#leftNavWrapper .leftNav0Selected a { color: #fff; background-color: #a74b2a; }
#leftNavWrapper .leftNav1Selected a { color: #fff; background-color: #a74b2a; background-image: url(../images/bullet_bg_red.gif); }
#leftNavWrapper .leftNav2Selected a { color: #fff; background-color: #a74b2a; background-image: url(../images/bullet_arrow_white.gif); }
#leftNavWrapper .leftNav3Selected a { color: #fff; background-color: #a74b2a; background-image: url(../images/bullet_dash_white_on_mocha2.gif); }

.leftNavFade { position: absolute; top: -210px; left: 0; width: 155px; height: 210px; background: url(../images/leftCol_bg.gif) repeat-x; } /* top is -190 because contentWrapper has a 20px padding */
/**********************
See below for Content Styles
**********************/


/**********************
Content Footer
**********************/
#contentFooter { height: 4px; background: url(../images/content_footer.gif) no-repeat; position: relative; }


/**********************
Page Footer
**********************/
#pageFooter { font: normal 10px arial, san-serif; padding: 1ex 0 0 0; position: relative; text-align: center; }

#pageFooter ul.footerLinks { padding: 0; margin: 0 ; list-style: none; }
#pageFooter .footerLinks li { display: inline; border-left: solid #f7e1d4 1px; padding: 0 .6em; }
#pageFooter .footerLinks li.firstChild { border-left: none; }
#pageFooter .footerLinks a       { color: #f7e1d4; text-decoration: none; }
#pageFooter .footerLinks a:hover { color: #f4d26a; }

.copy { font: normal 10px arial, san-serif; padding: 1ex 0 0 0; text-align: center; color: #fff; }



/*************************************
Content
*************************************/
#contentWrapper { background: #fff url(../images/content_bg2.gif) repeat-y; padding: 0 4px 1px 4px; position: relative; }
.noLeftNav      { background-image: url(../images/content_bg.gif) !important; }  /* This style overrides #contentWrapper */
.padContent     { padding: 0px 30px 15px 30px; } /* For some pages with no left nav */
.contentMinHeight { min-height: 500px; }
#content        { width: 549px; margin: 0; padding: 0 20px 20px 0; position: relative; min-height: 500px; float: right; background: #fff; }
#pageTitle      { display: block; /*height: 15px;*/ padding: 19px 0 0 0; } /* Copperplate Gothic Bold, Font size: 17px, Anti-aliasing: Crisp, Tracking: 110, color: #2a0200 */
#content li     { line-height: 120%; padding-top: .7ex; padding-bottom: .7ex; }
li.odd          { background-color: #FFFBEF; }
#content .heading1 { font-size: 125%; font-weight: bold; display: block; }
#content .heading2 { font-weight: bold; display: block; }

/***** Bob's Stuff *****/
.formTable {}
.formTable .header { margin: 0 0 3px 3px; font-size: 12px; font-weight: bold; color: #6D3E2A; }
.formTable .headerRule { border-top: 1px solid #e7dfca; border-bottom: 1px solid #e2ccb4; height: 1px; width:100%; margin-bottom:15px; } 
.formTable .footer { border-top: 1px solid #e7dfca; border-bottom: 1px solid #e2ccb4; height: 1px; width:100%; margin-top: 15px; } 
.formTable .label { padding: 5px 0 5px 15px; text-align: left; }
.formTable .input { padding: 5px; } 
.formTable .loginLabel { padding: 5px; }
.formTable .loginInput { padding: 5px; text-align: right; } 
.formTable .button { padding: 15px 5px 0 0; text-align: right; }
.formTable .prodLocatorLabel { padding: 5px 0 5px 15px; text-align: left; width: 125px; }
.formTable .prodLocatorInput { padding: 5px 0 5px 15px; text-align: left; width: 300px; }


.createUserButton { padding: 10px 30px 0 0; }
.textbox { border: 1px solid #d3cea8; padding:1px; font: normal 12px "Trebuchet MS", arial, san-serif; color: #2a0200; }

.loginTable { width: 100%; }
.loginTable .divider { width: 50px; }

.forgotSubmit { margin: -18px 120px 10px 0; float:right; }
.forgotPassword { padding-right: 5px; text-align:right; }

#signup { padding: 0 5px 49px 5px; }
#signup #text { margin-top: 10px; }

#searchInputs { margin: 0 0 0 10px; } 
#searchInputs .group { margin: 0 0 10px 0; }
#searchInputs .dropdown { float: left; margin-right:20px; }

#searchInputs .label { font-weight: bold; padding: 0 0 2px 5px; }
#searchInputs .input { }
#searchInputs .input select { padding:2px; font: normal 11px arial; border: solid #d3cea8 1px; }
#searchInputs .input .products { width: 460px; }
#searchInputs #button { margin: 20px 75px 0 0; text-align:right; }

#basketTable { width: 100%; }
#basketTable th { text-align: left; padding-left: 7px; }
#basketTable td { border-top: #bbaead 1px dotted; font-weight: bold; padding: 10px;}
#basketTable .odd td { background-color: #FEFBED; }
#basketTable .button { border: none; text-align:right; }

#groceryList { margin:10px 0 0 0; padding: 10px; border: 1px solid #d3cea8; }
#groceryList #header { padding: 0 0 20px 0; }
#groceryList #header #title { font-weight: bold; padding: 0 10px 0 0; }
#groceryList #header #link { font-weight: bold; float:right; }
#groceryListControls { margin: 15px 0 0 0; }
#groceryListControls td { padding:5px 5px 5px 0; }

#jobTitle { padding: 0 0 10px 0; font-weight:bold; font-size: 14px; width:500px; }
#jobButton { float:right; font-weight: bold; }

#popupBody { background: #ffffff; margin: 5px; }
#popupWrapper { background-color: #F7F4E5; border: #eadfc9 1px solid; margin: 0; padding:0; }
#popupWrapper #inner { border: #eadfc9 1px solid; margin: 1px; padding: 30px; }
#popupWrapper #pageTitle { font-weight: bold; font-size: 14px; padding:0; margin: 0; }

.topten              { margin: 18px 0; border-top: dotted 1px #BAABA1; }
.topten .item        { min-height: 48px; padding: 10px 5px 10px 75px; margin: 0; border-bottom: dotted 1px #BAABA1; position: relative; }
.topten .item img    { position: absolute; top: 10px; left: 5px; }
.topten .item .title { font-weight: bold; color: #930; display: block; text-decoration: none; padding-top: 15px; }
.topten .odd         { background-color: #FFFBEF; }


/* Rate recipe popup */
#lowest { padding-left: 33px; }
#highest { position:absolute; top: 135px; left: 335px; padding-top:3px;  }
#img1 { margin-left:50px; }
#img2 { margin-left:47px; }
#img3 { margin-left:33px; }
#img4 { margin-left:20px; }
#img5 { margin-left:10px; }
#rdo1 { margin-left:50px; }
#rdo2 { margin-left:47px; }
#rdo3 { margin-left:44px; }
#rdo4 { margin-left:50px; }
#rdo5 { margin-left:47px; }
.ratingButton input{ margin-left: 50px; }
#rateRecipeWrapper { height: 218px; width: 400px; }
/* Rate recipe popup */

#emailRecipeWrapper { height: 400px; width: 380px; }

#prodLocatorWrapper { min-height:410px; }
#prodLocatorWrapper hr { margin: 30px 0 30px 0; border: solid 1px #E7DFC9; }
.prodLocatorRow { padding: 10px 0 10px 20px; }
.prodLocatorRow .button { position: relative; top:3px; left:3px; }
.prodLocatorResult { padding-bottom: 5px; font-size: 11px; }
.locationsCount { text-align: left; padding-bottom: 10px; font-weight: bold; }

/* Wilke Thornton results for Prod Locator */
.wtResults { margin-top: 30px; width: 525px; }
.wtResultsPopup { margin-top: 30px; }
.FieldCell { padding: 5px; width: 100%; }
.HeadingCell { font-weight: bold; padding: 5px; }


.error { color:Red; font-weight: bold; }
#content .error { color:Red; font-weight: bold; }
#content .error ul { margin-top: 5px; margin-bottom: 15px; }
#content .error li { padding: 1px 0 0 0; }

/***** End Bob's Stuff *****/


/*** Kevin's stuff ***/
#shopLocatorWrapper { min-height:300px; width:345px; }
#shopLocatorWrapper .heading1 { font-size: 125%; font-weight: bold; display: block; }
#shopLocatorWrapper .heading2 { font-weight: bold; display: block; }
/*** end kevins stuff ***/


/***** Homepage *****/
.homepage { padding: 0px 4px 20px 4px !important; background-image: url(../images/content_bg.gif) !important; }  /* This style overrides #contentWrapper */
.homepage a   { text-decoration: none; }
.homepage img { display: block; }

#mainBanner {margin-bottom: -3px; width: 744px; height: 158px; overflow: hidden; z-index: 50;}

table#homeContent { padding: 0; margin: 0; background: url(../images/home_bottom_bg.jpg) repeat-x; }
#homeContent td                { padding: 0 0 0 1px; margin: 0; width: 184px; }
xxx#homeContent .colLeft          { padding: 0; border-left: solid #fff 1px;}
#homeContent .colLeft .text    { background: url(../images/home_left_bg2.gif) repeat-x top left; padding: 1px 8px; font-size: 109%; }
#homeContent .colLeft .heading { font-weight: bold; line-height: 140%; margin: 0 0 .2ex 0; display: block; }

#homeContent .giftHeading   { margin: 20px auto 18px auto; }
/*#homeContent .giftItem      { float: left; margin: 0 5px 0 45px; display: block; width: 80px; text-decoration: none; } */
#homeContent .giftItem      { float: left; margin: 0 5px 0 22px; display: block; width: 80px; text-decoration: none; }
#homeContent .giftItem span { display: block; padding-top: 2.2ex; text-align: center; font: normal 10px/10px arial, san-serif; }
/**  End Homepage  **/

/***** Products *****/
table.prodLanding { margin: 20px 0 0 0; }
.prodLanding td   { text-align: center; }
.prodLanding a    { margin: 8px 0 35px 0; display: block; }
.confbev              { margin: 18px 0; border-top: dotted 1px #BAABA1; }
.confbev .item        { min-height: 80px; padding: 10px 5px 10px 100px; margin: 0; border-bottom: dotted 1px #BAABA1; position: relative; }
.confbev .item img    { position: absolute; top: 10px; left: 0px; }
.confbev .item .title { font-weight: bold; color: #930; display: block; text-decoration: none; }
.confbev .odd         { background-color: #FFFBEF; }
.prodImg      { margin: 5px 0; width: 290px; float: left; }
.prodImg2     { margin: 17px 0 5px 0; width: 290px; float: left; }
.prodImg img, .prodImg2 img { width: 290px; }
.prodText { margin-left: 300px; }
.prodImg3      { margin: 5px 0; width: 250px; float: right; }
.prodImg4     { margin: 17px 0 5px 0; width: 250px; float: right; }
.prodImg3 img, .prodImg4 img { width: 250px; }
.prodText3 { margin-right: 300px; }
a.prodWhereToBuy       { display: block; width: 276px; height: 13px; margin: 10px 5px; background: url(../images/btn_where_to_buy.gif) no-repeat 0 0; font-size: 1px; }
a.prodWhereToBuy:hover { background-position: 0 -13px; }
a.prodBuyNow       { display: block; width: 276px; height: 20px; margin: 10px 5px; background: url(../images/btn_buy_now.gif) no-repeat 0 0; font-size: 1px; }
a.prodBuyNow:hover { background-position: 0 -20px; }

.giftImg  { float: right; margin: .5ex 0 1.5em 1.5ex; }

.chocbars              { margin: 18px 0; border-top: dotted 1px #BAABA1; }
.chocbars .item        { min-height: 80px; padding: 10px 5px 10px 180px; margin: 0; border-bottom: dotted 1px #BAABA1; position: relative; }
.chocbars .item img    { position: absolute; top: 10px; left: 0px; width: 170px; }
.chocbars .odd         { background-color: #FFFBEF; }
.chocbars .intense     { min-height: 200px; }

.prodItems           { margin-bottom: 33px; padding-left: 12px; }
.prodItems .item     { float: left; margin: 12px 8px; width: 110px; font-size: 11px; line-height: 13px; font-weight: bold; text-align: center; }
.prodItems .item img { display: block; margin: 0 auto 3px auto; }
.prodItems .item a   { text-decoration: none !important; }

.giftsAllOcc          { padding-left: 20px; }
.giftsSatin .item     { margin: 12px 0 12px 0; width: 105px; }
.giftsBiz .item       { margin: 12px 0 12px 0; width: 105px; }
.giftsBizBasket       { padding-left: 0px; }
.giftsBizBasket .item { margin: 12px 20px 12px 0; }
.giftsSFCollect       { padding-left: 20px; }

.giftsSFCollectTable td{ padding: 5px; }

table.categoryItems  { width: 100%; margin-bottom: 30px; }
.categoryItems td    { vertical-align: middle; padding: 3px; }
.categoryItems a     { text-decoration: none !important; font-size: 11px; line-height: 100%; }
.categoryItems img   { margin-left: 6px; }
.categoryItems .img  { text-align: right; }
.categoryItems .text { width: 25%; color: #999; }
.categoryItems th { text-align: left; padding-top: 10px; }

.categoryItems td.space {width: 100px;}


/***** Foodservice Pages *****/
.fsProdImg  { margin: 18px 0; width: 240px; float: left; }
.fsProdText    { margin-left: 250px; }
.fsProdText td { padding-left: 10px; }

.fsIngred           { margin-bottom: 33px; padding-left: 20px; background-color: #FFFBEF; border-top: dotted 1px #BAABA1; border-bottom: dotted 1px #BAABA1; }
.fsIngred .item     { float: left; margin: 12px 8px; width: 110px; font-size: 11px; line-height: 13px; font-weight: bold; text-align: center; }
.fsIngred .item img { display: block; margin: 0 auto 3px auto; }
.fsIngred a, .fsResources a { text-decoration: none !important; }

.fsResources        { border-top: dotted 1px #BAABA1; position: relative; }
.fsResources .item  { border-bottom: dotted 1px #BAABA1; padding: 2px; font-size: 11px; }
.fsResources .odd   { background-color: #FFFBEF; }


/***** Bake With Us Landing Page *****/
img.feature { position: absolute; top: 19px; left: 0; }
div.feature { position: relative; top: 0; left: 300px; margin: 19px 0 10px 0; padding-top: 21px; width: 252px; height: 192px; background: url(/images/ttl_bake_with_us_2.gif) no-repeat; }
div.showcase        { height: 190px; position: relative; }
div.showcase .top10 { position: absolute; top: 0; right: 0; }
div.showcase .item  { float: left; margin-right: 9px; }
.bakeNew       { height: 160px; position: relative; }
.bakeNew table { width: 100%; }
.bakeNew td    { line-height: 135%; padding: 0 10px; text-align: center; vertical-align: top; }
.bakeNew a     { text-decoration: none; }
.bakeNew img   { display: block; margin-left: auto; margin-right: auto; }
.bakeNew .tip             { background: url(../images/bg_rolling_pin.gif) no-repeat; width: 237px; height: 128px; text-align: center; }
.bakeNew .tip .tipHeading { margin-top: .5ex; color: #930; font-weight: bold; font-size: 130%; }
.bakeNew .tip p           { margin-top: .5ex; }

/***** Recipes Landing Page *****/
.recipeLeft { float: left; width: 230px; margin: 17px 0 22px 0; }
.recipeRight { margin: 17px 0 22px 245px; }
.recipeImg {  }
.recipeFeatured               { border-bottom: solid 1px #e6e6d7; }
.recipeFeatured .heading      { border-bottom: solid 1px #e6e6d7; padding: 2px 0; margin: 0 0 5px 0; }
.recipeFeatured .recipeTitle  { font-size: 15px; font-weight: bold; }
.recipeFeatured .recipeYield  { font-size: 10px; }
.recipeFeatured .recipeIngred { list-style-type: none; margin: 0 0 10px 0; padding: 0; }
.recipeFeatured .recipeProd   { list-style-type: none; margin: 10px 0 0 0; padding: 0; }
.recipeFeatured .recipeDir    { border-top: solid 1px #e6e6d7; border-bottom: solid 1px #e6e6d7; }
.recipeFeatured .recipeView   { padding: 5px 0 5px 125px; }
.recipeFeatured .recipeView a { padding: 0 5px; font: bold 11px arial; text-decoration: none; }
.recipeBrowse     { text-align: center; margin-top: 20px; }
.recipeBrowse div { padding: 20px 25px; font-size: 90%; }
.recipeBrowse ul  { list-style: none; padding: 0; margin-left: 0; }
.recipeBrowse li  { padding: 2px 0; }
.recipeChocTips      { margin-top: 20px; }
.recipeChocTips ul   { list-style: none; padding: 0 0 0 15px; margin-left: 0; }
.recipeChocTips li   { background: url(../images/bullet_decorative.gif) no-repeat 0 8px; padding: 5px 0 5px 22px; font: bold 11px arial; }
.recipeChocTips li a { text-decoration: none; }

table.recipeSearch             { margin: 15px 0 15px 20px; }
.recipeSearch label            { color: #930; font: bold 11px/14px arial; display: block; margin: 1px 6px 4px 0; }
.recipeSearch td.keywords      { width: 160px; padding: 0 15px 0 0; }
.recipeSearch .keywords input  { width: 158px; font: normal 11px arial; border: solid #d3cea8 1px; }
.recipeSearch td.category      { width: 200px; padding: 0 15px 0 0; }
.recipeSearch .category select { width: 198px; }
.recipeSearch td.submit        { text-align: center; }
.recipeSearch .submit a        { font-size: 9px; line-height: 14px; }

.recipeList         { padding-bottom:1px; margin: 18px 0; border-top: solid 1px #e6e6d6; border-bottom: solid 1px #e6e6d6; }
.recipeListItem     { min-height: 38px; padding: 18px 5px 5px 66px; margin: 1px 0 0 0; border-top: solid 1px #e6e6d6; border-bottom: solid 1px #e6e6d6; position: relative; }
.recipeListItem img { position: absolute; top: 5px; left: 5px; border: 1px solid #CBBB99; }

.recipeListShowing       { font-size: 90%; float: left; padding-left: 5px; margin-top:1px; }
.recipeListControl       { font-size: 90%; float:right; padding-right:5px; }
.recipeListControl .next { padding-left:5px; }
.recipeListControl .prev { padding-right:5px; }

/***** Recipe Detail Page *****/
.recipeDetail               { margin-top: 17px; border-bottom: solid 1px #E5D6C1; position: relative; }
.recipeDetail a.email       { display: none; background: url(../images/email_to_friend.gif) no-repeat 0 0; width: 104px; height: 15px; position: absolute; top: -15px; right: 10px; }
.recipeDetail a.email:hover { background-position: 0 -15px; }
.recipeDetail .recipeImg    { width: 230px; float: left; margin: 3px 15px 30px 0; }
.recipeDetail .recipeTitle  { font-size: 17px; font-weight: bold; }
.recipeDetail .recipeRating { padding-left:2px; font-size: 11px; margin-bottom: 15px; }
.recipeDetail .recipeYield  { font-size: 11px; font-weight: bold; }
.recipeDetail .recipeIngred { font-size: 11px; list-style-type: none; margin: 0 0 3px 245px; padding: 0; }
.recipeDetail .recipeIngred li { padding: .6ex 0 !important; line-height: 110% !important; }
.recipeDetail a.convert     { font-size: 10px; }
.recipeDetail .recipeSubnav         { clear: both; padding: 6px 0 6px 30px; border-top: dotted 1px #BAABA1; border-bottom: dotted 1px #BAABA1; background: #FFFBEF; }
.recipeDetail .recipeSubnav a       { background-position: 0 0; background-repeat: no-repeat; height: 19px; float: left; position: relative; }
.recipeDetail .recipeSubnav a:hover { background-position: 0 -19px; }
.recipeDetail .recipeDir    { border-bottom: solid 1px #DBDABC; margin-bottom: 1px; }
.recipeDetailFootnote          { padding: 20px 0 25px 295px; font-size: 10px; }
.recipeDetailFootnote .leftCol { position: absolute; left: 15px; width: 200px; padding-right: 80px; }
.recipeDetailFootnote ul       { list-style: none; margin: 3px 0 0 0; padding: 0; }
.recipeDetailFootnote li       { padding: 1.3ex 0 !important; }

/***** About Pages *****/
table.newsPRList    { margin: 0 0 0 10px; padding: 0; }
.newsPRList td      { padding: 3px; }
.newsPRList td.date { background: url(../images/bullet.gif) no-repeat 0 1.5ex; padding-left: 11px; padding-right: 8px; }
.newsPRTitle    { margin: 2ex 0 .3ex 0; font-size: 110%; font-weight: bold; }
.newsPRSubtitle { margin: 1ex 0 2.2ex 0;  font-size: 105%; font-weight: bold; font-style: italic; }
.newsPRDate     { margin: .3ex 0 2ex 0; font-size: 90%; }
table.distributor { width: 100%; margin: 8px 0 15px 0; padding: 0; }
.distributor th { text-align: left; padding: 3px; }
.distributor td { padding: 1px 3px; }
.newsHeading1 { display: block; font-size: 150%; font-weight: bold; text-align: center; }
.newsHeading2 { display: block; font-weight: bold; text-align: center; }
.newsFooter1 { display: block; font-size: 80%; text-align: center; }
.newsFooter2 { display: block; font-weight: bold; font-size: 80%; text-align: center; margin-bottom: 8ex; }

/***** Shop Online Pages *****/
table.ecomProducts       { width: 100%; }
.ecomProducts td         { text-align: center; padding: 10px 0; }
.ecomProducts img        { display: block; margin: 5px auto; border: solid #BEAA78 1px; }
.ecomProducts .prodName  { display: block; width: 85%; margin: 5px auto; text-decoration: underline; line-height: 120%; }
.ecomProducts .prodPrice { display: block; width: 85%; margin: 5px auto; text-decoration: none; line-height: 120%; font-weight: bold; }
.ecomText { border-style: double; border-color: #E5D6C3; border-left: none; border-right: none; margin: 10px 0; }

.ecomProdDetail {  }
.ecomProdDetail .prodImage {  }
.ecomProdDetail .prodImage img { border: 1px solid #CBBB99; margin-bottom: 30px; }
.ecomProdDetail .prodText { padding: 0 40px 0 20px; }
.ecomProdDetail .prodName { font-weight: bold; padding: 0 0 15px 0; }
.ecomProdDetail .prodSize { padding: 15px 0 0 0; }
.ecomProdDetail .sendToMe {  }
.ecomProdDetail .sendToSomeone {  }

.ecomBoxType1 { background-color: #FBF3C3; border: #C6B68B 1px solid; margin: 0; padding:0; }
.ecomBoxType1 .inner { border: #DDCA96 1px solid; margin: 1px; padding: 20px 30px 30px 30px; }
.ecomBoxType1 .header1 { font-weight: bold; color: #511D12; font-size: 14px; }
.ecomBoxType1 .qty { color: #A74B2A; font-weight: bold; padding: 15px 0 15px 0; }
.ecomTextbox { border: 1px solid #d3cea8; font: normal 11px "Trebuchet MS", arial, san-serif; color: #2a0200; }

.ecomBoxType2 { background-color: #EAEDF9; border: #A2BCDC 1px solid; margin: 0; padding:0; }
.ecomBoxType2 .inner { border: #BCD4F3 1px solid; margin: 1px; padding: 20px 20px 20px 20px; }
.ecomBoxType2 .header1 { font-weight: bold; color: #424753; font-size: 14px; }
.ecomBoxType2 .inner .otherText { font-size: 11px; line-height:normal; }
.ecomSendToName { padding-top: 10px; }

.ecomCartTable { width: 535px; margin: 20px 0 40px 0; }
.ecomCartTable .prodName { font-weight: bold; padding: 5px; background-color: #F3EFDC; }
.ecomCartTable .prodQty { width: 180px; padding: 5px 5px 20px 5px; }
.ecomCartTable .prodQty .button { vertical-align: bottom; }
.ecomCartTable .recipient { width: 320px; padding: 7px 0 0 0; }
.ecomCartTable .price1 { width:40px; text-align: right; padding: 7px 0 0 0; }
.ecomCartTable .price2 { width: 40px; text-align: right; padding: 7px 0 0 0; }
.ecomCartTable .subTotalLabel { font-weight: bold; text-align: right; padding-right: 10px; }
.ecomCartTable .subTotalAmount { font-weight: bold; text-align: right; }
.ecomCartTable td .ecomTextBox { border: 1px solid #d3cea8; font: normal 9px "Trebuchet MS", arial, san-serif; color: #2a0200; margin-right: 5px; } 

.ecomCartBottom { width: 525px; }
.ecomCartBottom td { width: 33%; text-align: center; }

.ecomOrders { width: 525px; }
.ecomOrders .ecomTableHeader td { padding:5px; font-weight: bold; background-color: #ffffff; border-bottom: 1px solid brown; }
.ecomOrders .ecomTableRow td { padding: 5px; background-color: #F3EFDC; border-bottom: 1px solid brown; }
.ecomButton { font: normal 11px "Trebuchet MS", arial, san-serif; color: #2a0200; } 

.ecomFormTable { width: 525px; }
.ecomFormTable .header { margin: 0 0 3px 3px; font-size: 12px; font-weight: bold; color: #6D3E2A; }
.ecomFormTable .headerRule { border-top: 1px solid #e7dfca; border-bottom: 1px solid #e2ccb4; height: 1px; width:100%; margin-bottom:15px; } 
.ecomFormTable .footer { border-top: 1px solid #e7dfca; border-bottom: 1px solid #e2ccb4; height: 1px; width:100%; margin-top: 15px; } 
.ecomFormTable .label { padding: 5px 0 5px 15px; text-align: left; width: 125px; }
.ecomFormTable .input { padding: 5px; }

.hdgStripes      { background: url(../images/stripes_h_beige.gif) no-repeat right center; margin-top: 40px; margin-bottom: 15px; width: 100%; clear: both; }
.hdgStripes .hdg { background-color: #fff; }

div.watermark { background: url(../images/GHBlackLogo1.jpg) no-repeat 130px 35px; }
img.heading1  { display: block; height: 13px; margin: 18px 0 13px 0; } /* Copperplate Gothic Bold, Font size: 14px, Anti-aliasing: Crisp, Tracking: 85, Vert. Scale: 85%, color: #2a0200 */

ul.bullet { list-style: none; margin: 0 0 1.5ex 0; padding: 0; font-weight: normal; font-size: 11px; }
.bullet li { background-image: url(../images/bullet.gif); background-repeat: no-repeat; background-position: 2px .8ex; padding: 1px 2px 1px 10px !important; line-height: 120%; }
.bullet li a { text-decoration: none !important; }
.bullet ul { list-style: none; margin: 0 0 1.5ex 0; padding: 0; font-weight: normal; font-size: 11px; }

ul.bullet2 { border-top: dotted 1px #BAABA1; list-style: none; margin: 0 0 1.5ex 0; padding: 0; font-weight: normal; font-size: 11px; position: relative; }
.bullet2 li { border-bottom: dotted 1px #BAABA1; background-image: url(../images/bullet.gif); background-repeat: no-repeat; background-position: 5px 1.4ex; padding: .7ex 2px .7ex 13px !important; line-height: 120%; }

.listHeading1 { font-weight: bold; display: block; font-size: 114%; padding-bottom: .4ex; }
.listHeading2 { font-weight: bold; display: block; }

.highlightBox      { border: solid 1px #e2ccb4; background-color: #f3f3e3; padding: 1px; position: relative; }
.highlightBoxInset { border: solid 1px #e7dfca; background-color: #f7f4e5; }

.clr { clear: both !important; }
.relative { position: relative !important; }
.absolute { position: absolute !important; }
#content .nobg { background: none !important; }
#content .outdent { padding-left: 0 !important; }
#content .outdent1 { margin-left: -2px !important; }
#content h3.subtitle { margin-top: 0; }
.floatL { float: left; margin: .5ex 1.5em 1.5ex 0; }
.floatR { float: right; margin: .5ex 0 1.5em 1.5ex; }
.block { display: block; }
li .liParaSpacer { display: block; height: 1.8ex; }
img.border1 { border: solid #BBAC83 1px; }
img.border2 { border: solid #BBAC83 2px; }
.centered { display: block; margin-left: auto; margin-right: auto; }

.col-1 { width: 165px; float: left; }
.col-2 { width: 165px; float: left; }
.col-3 { width: 75px; float: left; }
.col-4 { width: 95px; float: right; text-align: right; }
.clear { clear: both; }