/* CSS Document */

@import "anchor-common.css";

#navigation #anchorlogo { float: left; position: relative; padding: 42px 0 0 44px; margin: 0 0 -100px 0; }

#contentouter { width: 970px; padding: 0 0 0 0; background: url(images/content_bgrepeat.png) repeat-y top left; }

/* Header */
#contentouter #mainheader { width: 970px; width/**/:/**/ 939px; padding: 0 15px 0 16px; background: url(images/header_bg.gif) no-repeat top left; }
#mainheader #headerblock { width: 939px; width/**/:/**/ 619px; height: 178px; height/**/:/**/ 150px; padding: 28px 0 0 320px; border-bottom: 1px solid #e8deca; background: url(images/headerbgs/generic_bg.jpg) no-repeat top left; }

#headerblock h1 { margin: 0 0 0 0; padding: 0; color: #ed1c24; font-weight: normal; font-size: 280%; font-family: Georgia, "Times New Roman", Times, serif; }
#headerblock h1.generictitle { width: 400px; margin: 0 0 0 0; padding: 28px 0 0 0; font-size: 33px; text-transform: uppercase; }
#headerblock h2 { margin: -5px 0 20px 0; padding: 0; color: #9d452a; font-weight: normal; font-size: 170%; font-family: Georgia, "Times New Roman", Times, serif; }
#headerblock .categorydesc { color: #9d452a; width: 350px; }


/* Content Container */
#contentcontainer { width: 970px; width/**/:/**/ 939px; padding: 0 15px 0 16px; }

#contentcontainer .pagecontrol { width: 939px; width/**/:/**/ 710px; min-height: 30px; min-height/**/:/**/ 21px; height: auto !important; height: 30px; height/**/:/**/ 21px; padding: 9px 0 0 229px; }
.pagecontrol .breadcrumbs { float: left; width: 440px; font-size: 90%; color: #3c7eb5; padding-top: 2px; color: #af7041; position: relative; margin-bottom: -8px; }
.pagecontrol .searchsite { float: left; width: 265px; width/**/:/**/ 229px; padding: 0 0 0 36px; }

.breadcrumbs .divide { color: #3c7eb5; }
.breadcrumbs a { color: #3c7eb5; }
.breadcrumbs a:hover { text-decoration: none; }

.searchsite form { margin: 0; padding: 0; }
.searchsite input.text { width: 165px; float: left; font-size: 11px; color: #97643c; }
.searchsite input.submit { width: 47px; height: 18px; float: left; }


/* Main Copy */
#copycontainer { width: 939px; width/**/:/**/ 906px; padding: 0 0 0 33px; background: url(images/copycontainer_content_topbg.gif) no-repeat top right; min-height: 305px; height: auto !important; height: 305px; }


/* Sub Navigation */
#subnavigation { float: left; width: 170px; }
#subnavigation h1 { margin: 11px 0 15px 0; padding: 0; font-size: 20px; color: #ed1c24; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; }
#subnavigation ul { margin: 0; padding: 0; list-style: none; }
#subnavigation ul li { border-bottom: 1px solid #e0dcd2; }
#subnavigation ul li a { display: block; width: 170px; width/**/:/**/ 168px; padding: 5px 0 5px 2px; font-size: 110%; font-weight: bold; color: #a23601; text-decoration: none; }
#subnavigation ul li a:hover { color: #ed1c24; }

#subnavigation ul li ul { padding-bottom: 6px; }
#subnavigation ul li ul li { border-bottom: none; }
#subnavigation ul li ul li a { display: block; width: 170px; width/**/:/**/ 168px; padding: 1px 0 1px 2px; font-size: 100%; font-weight: normal; color: #bc6b3a; text-decoration: none; }
#subnavigation ul li ul li a:hover { width: 170px; width/**/:/**/ 165px; padding: 1px 0 1px 5px; color: #a23601; }


/* Content Container */
#sitebody { color: #906744; float: right; width: 711px; width/**/:/**/ 681px; padding: 48px 0 50px 30px; position: relative; min-height: 250px; height: auto !important; height: 250px; line-height: 150%; font-size: 100%; }


/* New Recipe */
#footerrecipes { width: 970px; width/**/:/**/ 911px; padding: 0 15px 20px 44px; background: url(images/footer_bg.gif) no-repeat bottom left; }
#footerrecipes h1 { margin: 0; padding-bottom: 12px; font-size: 130%; font-weight: normal; color: #946138; font-family: Georgia, "Times New Roman", Times, serif; }

.newrecipe { float: left; width: 170px; width/**/:/**/ 150px; padding: 2px 20px 2px 0; margin-right: 5px; border-right: 1px solid #d4bea7; }
.newrecipe .thumb { width: 39px; height: 29px; float: left; }
.newrecipe .thumb a img { border: 1px solid #dec9ab; }
.newrecipe .thumb a:hover img { border: 1px solid #a23601; }
.newrecipe .recipetitle { margin-left: 45px; min-height: 29px; height: auto !important; height: 29px; }
.newrecipe .recipetitle a { font-size: 110%; color: #96381b; font-weight: normal; text-decoration: none; }
.newrecipe .recipetitle a:hover { color: #ed1c24; }

.newrecipe.lastitem { margin-right: 0; border-right: 0; }


img#anchortimelineimg { display: block; margin: 0 auto; }



/* End Generic Internal Styling
---------------------------------------------------*/



/* Sub Category Listing */
.subcategory { float: left; width: 318px; width/**/:/**/ 296px; padding: 0 22px 20px 0; text-align: center; min-height: 190px; height: auto !important; height: 190px; }
.subcategory.second { padding: 0 0 20px 22px; background: url(images/subcategory_divide_line.gif) no-repeat top left; }

.subcategory h2 { margin: 0 0 15px 0; padding: 0; font-size: 150%; color: #ee252d; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; }
.subcategory h2 a { color: #ee252d; text-decoration: none; }
.subcategory h2 a:hover { color: #a23601; }


/* Sub Category Products Listing */
.product { float: left; width: 325px; width/**/:/**/ 255px; padding: 19px 60px 30px 10px; color: #3c7eb5; }
.product img.thumbnail { float: left; }
.product .productinfo { margin-left: 75px; }
.product .productinfo .producttype { color: #ed1c24; }
.product .productinfo .producttitle { display: block; margin: 0 0 10px 0; padding: 0; font-size: 120%; color: #9d452a; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; text-transform: uppercase; }
.product .productinfo a { color: #9d452a; text-decoration:none; }
.product .productinfo a:hover { color: #671b04; text-decoration: underline; }

.productslistingdivide { clear: both; width: 650px; height: 15px; background: url(images/products_listing_divide.gif) no-repeat top left; }

a.recipethumb { margin-left: 5px; }
a.recipethumb img.thumbnail { float: left; border: 1px solid #dec9ab; }
a.recipethumb:hover img.thumbnail { float: left; border: 1px solid #a23601; }


/* Product Detail Page */

.right_bg_image { position: absolute; bottom: -17px; right: 0; width: 204px; height: 264px; background: url(/images/products/backgrounds/bg_cupcakes.jpg) no-repeat top right; }
* html .right_bg_image { bottom: -18px; right: -1px; }

.product_large_photo { float: left; width: 140px; margin-right: 25px; }
.product_large_photo .relatedrecipetitle { margin: 35px 0 5px 0; padding: 0; font-size: 110%; color: #ed1c24; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif;}
.product_large_photo a { color: #bc6b3a; text-decoration: none;}
.product_large_photo a:hover { color: #a23601; text-decoration: none;}
.product_large_photo a.relatedrecipe { display: block; margin: 0; line-height: normal; }

.product_page_detail { float: left; width: 295px; }
.product_page_detail h2 { margin: 0 0 23px 0; padding: 0; font-size: 210%;  color: #96381b; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif;  text-transform: uppercase; }
.product_page_detail h3 { margin: 0; padding: 0; font-size: 120%; color: #bf9d85; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif;}
.product_page_detail img.logo { margin: 0 0 23px 0; padding: 0; }
.product_page_detail p { color: #906744; font-size: 110%;}
.product_page_detail p.product_weight { color: #906744; margin-top: 0;}
.product_page_detail a { color: #3c7eb5; text-decoration: none; padding: 0 0 0 7px; background: url(/css/images/products_link_arrow.gif) no-repeat 0px 6px;}
.product_page_detail a:hover { color: #8ab2d3;}
.product_page_detail hr { border: none; background-color: #f0e8e2; height: 1px; width: 100%; }
\ html body .product_page_detail hr { border: none; color: #f0e8e2; background: transparent; height: 1px; width: 100%; }


/* Generic Page */

.generic { width: 520px; margin-left: 35px; font-size: 110%; }
.generic h1.pagetitle { color: #bf9d85; margin-top: 10px; margin-bottom: 30px; }
.generic h1.news { color: #bf9d85; margin: 10px 0 10px 0; }
.generic a { color: #96381b; }
.generic a:hover { color: #c87a5d; }

/* Recipe Page */

.recipe { width: 630px; color: #ac866c; }
.recipe .recipe_content { float: left; margin: 0; padding: 0px; width: 280px; }
.recipe img { float: right; display: block; margin: 35px 5px 10px 50px; padding: 5px; border: 1px solid #dad2cc; }
.recipe hr { clear: both; border: none; background-color: #dad2cc; height: 1px; width: 100%; }
.recipe h2 { margin: 0 0 5px 0; padding: 0; color: #96381b; text-transform: uppercase; }
.recipe h3 { margin: 0; padding: 0; color: #bf9d85; }
.recipe .blocktitle { margin: 20px 0 5px 0; padding: 0; font-size: 110%; color: #906744; font-weight: bold; }
.recipe ul { list-style: none; margin: 0; padding: 0; width: 280px; color: #906744; font-size: 110%; }
.recipe ol { margin: 0 0 20px 22px; padding: 0; color: #906744; font-size: 110%; }
.recipe .recipe_buttons { float: right; }
.recipe .recipe_buttons a { color: #ac866c; text-decoration: none; }
.recipe .recipe_buttons a:hover { color: #a23601; text-decoration: none; }


/* News */
.que { margin: 0 0 5px 0; line-height: normal; font-size: 1.2em; font-weight: bold; color: #96381b; }
.que a { text-decoration: none; }
.newsdate { margin: 0; line-height: normal; font-size: 90%; font-weight: bold; color: #bf9d85; }
.newsteaser { padding: 10px 0 20px 0; }
a.readmore { font-size: 90%; font-weight: bold; display: block; background: url(images/arrowright.gif) no-repeat top left; padding: 0 0 10px 10px; margin-top: 5px; }
a.returntonews { font-size: 90%; font-weight: bold; display: block; background: url(images/arrowleft.gif) no-repeat 0px 10px; padding: 10px 0 0 10px; margin-top: 25px; border-top: 1px solid #ece4d3; }


/* FAQS */
.faqdetails { display: block; padding: 0 0 10px 10px; }
.faqdetails .que { margin: 25px 0 5px 0; line-height: normal; font-size: 1.2em; font-weight: bold; color: #96381b; }
.faq-que { margin: 0; padding: 0 0 0 10px; font-size: 100%; font-weight: bold; color: #96381b; background: url(images/arrowright.gif) no-repeat top left; }
a.totop { text-decoration: none; color: #96381b; display: block; margin: 10px 0 0 0; padding-left: 15px; font-size: 90%; background: url(images/top.gif) no-repeat top left; }
a.totop:hover { color: #96381b; font-weight: bold; }

.faqlist ul li { list-style: none; padding-bottom: 3px; }
.faqlist a { text-decoration: none; }
.faqlist ul { margin: 0; padding: 0 0 20px 0; border-bottom: 1px solid #ece4d3; }


/* Table Styling */
.generic table { width: 100%; }
.generic td { line-height: normal; padding: 5px 0; border-bottom: 1px solid #f5f5f5; }
.generic td.w200 { width: 200px; }
.generic td.w120 { width: 120px; }
.generic td.w100 { width: 100px; }