/* import RH fonts
-----------------------------------------------------------*/
@import url("web-fonts/keepcalm_book_macroman/stylesheet.css");
@import url("web-fonts/keepcalm_medium_macroman/stylesheet.css");
@import url("web-fonts/keepcalm_bookitalic_macroman/stylesheet.css");


html { -webkit-font-smoothing: antialiased; }
body{font-size:.75em;font-family: Arial, Helvetica, Sans-Serif; font-family:'KeepCalmBook'; color:#555555; background:url(images/body-bg-pattern.png) repeat 0 0 transparent; letter-spacing: 0.02em;}
header,footer,nav,section{display:block;}

h1 { font-size: 20px; color: #383838; font-weight: normal; margin: 0.3em 0; margin-bottom:0.6em; text-transform: uppercase; }
h2 {font-size: 13px; color:#383838; font-weight:normal; margin: 0.82em 0 0.82em 0;}
h3 {font-size: 11px; color:#383838; font-weight:normal;  margin: 0.2em 0 0.2em 0; text-transform: uppercase;  }

h4 { color: #815C40; font-size: 10px; font-weight: normal; text-transform: uppercase; }

hr { background: none repeat scroll 0 0 #E6E6E6; border: 0 none; color: #E6E6E6; display: block; height: 1px; }

hr.doubleLine { background: none repeat scroll 0 0 white; border-bottom: 3px double #E2E2E2; color: white; }

p { font-size: 10px; letter-spacing: 0.04em; line-height:16px;}
a { color:#815C40; text-decoration:none; }
a:hover { text-decoration:none; color: #FDD14C;}
a:visited {}
a:focus { outline:0;}

a:active{ background-color: transparent; }

a.forcedDefaultLink { color:#815C40!important; text-decoration:none!important; }
a.forcedDefaultLink:hover { text-decoration:none!important; color: #FDD14C!important;}

.bold{ font-weight:bold!important;}
.italic{font-style:italic!important; }
.normal{font-style:normal!important;}

.underline{text-decoration:underline!important; }
.underline a{text-decoration:underline!important; }

.no-underline{text-decoration:none!important; }
.no-underline a{text-decoration:none!important; }

.floatLeft { float:left!important;}
.floatRight { float:right!important;}
.floatNone { float:none!important;}

.text-transform-lowercase{text-transform:lowercase!important;}
.text-transform-uppercase{text-transform:uppercase!important;}
.text-transform-none{text-transform:none!important;}

.font8, .font8 a { font-size:8px!important;}
.font9, .font9 a { font-size:9px!important;}
.font10, .font10 a { font-size:10px!important;}
.font11, .font11 a { font-size:11px!important;}
.font12, .font12 a { font-size:12px!important;}
.font13, .font13 a { font-size:13px!important;}
.font14, .font14 a { font-size:14px!important;}
.font15, .font15 a { font-size:15px!important;}
.font16, .font16 a { font-size:16px!important;}


sup { font-weight: normal; top: -0.6em;  padding-left: 0.06em;}
sub, sup { font-size: 60%;  }


/*
strong, bold { font-family: 'KeepCalmMedium';}*/

/* Styles for basic forms
-----------------------------------------------------------*/
fieldset{border:1px solid #ddd;padding:0 1.4em 1.4em;margin:0 0 1.5em;}
legend{font-size:1.2em;font-weight:700;}
textarea{min-height:75px;min-width:500px;}
.editor-label{margin:1em 0 0;}
.editor-field{margin:.5em 0 0;}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error{color:red;font-size:10px;}
.field-validation-valid{display:none;}
.input-validation-error{border:1px solid red;background-color:#fee;}
.validation-summary-errors{font-weight:700;color:red;}
.validation-summary-valid{display:none;}


/*Yellow square global list style
-----------------------------------------------------------*/
.squareListBlock { /*list-style-image:url(images/square-bullet.png);*/ padding:0;}
.squareListBlock li { background: url("images/square-bullet.png") no-repeat scroll left center transparent; list-style: none outside none; padding-left: 12px; }

/*to fix copy/trade font style*/
.fontFix { font-family:Arial, Helvetica, Tahoma, Verdana, sans-serif;}



/* global layout structure
-----------------------------------------------------------*/

/*header elements*/

#container{width:980px; margin:0 auto; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; text-align:left; background:white; overflow:hidden; position:relative;}

#header{ display:table; position:relative; width:100%; height:90px;  color:#815C40;  min-width:980px;}
.headerBox{ display:block; float:left; width:100%; position:relative; height:90px;}


.lt-ie8 .headerBox, .lt-ie8 #header { z-index:99; position:relative; display:block; }

.headerBox a { color:#815C40; text-decoration:none; }
.headerBox a:hover { text-decoration:none; color:#A0A0A0; }

/*topbar navigation*/
.topBar { display:block; width:100%; float:left; font-size:8px; text-transform:uppercase; margin-top:19px; position:relative;}


.langBox {display:block; float:right; margin-right:15px;}

.accountBox{ display:block; float:right; margin-right:20px; position:relative;  z-index: 99; }


/*logo styles*/
.logo { width:120px; height:180px; position:absolute; z-index:99; /*background:url(images/logo.png) no-repeat 0px 0px white;*/ background:none; top:0; left:20px;  }
.logo h1 { margin:0; padding:0; display:block; }

.logo h1 a {  float:left; display:block; position:absolute; width:120px; height:180px; /*text-indent:-9999px;*/ }


/*main navigation menu*/
.navigation { display: block; float: left; margin-top: 14px; width: 100%; width:980px; height:40px;}

.lt-ie9 .navigation {position:static; z-index:9999; }

.navigation nav.navBlock { margin-left: 100px; }
.navigation nav ul li { border-left: 1px solid #CCCCCC; display: block; float: left; font-size: 0.79em; height: 9px; line-height: 9px; position:relative;}

.lt-ie9 .navigation nav ul li {font-size: 9px; }

.navigation nav ul li:first-child { border: none; }
.navigation nav ul li a { padding: 15px 27px 15px 27px; text-transform:uppercase;}

.lt-ie9 .navigation nav ul li a
{
    padding: 15px 29px 15px 30px;
}

.navigation nav ul li:first-child a { }

#mainNav01 a { padding-left: 18px; }

/*french fixes*/

.navigation.f  { margin-top:10px;}

.navigation.f nav ul li a { line-height: 12px; padding: 15px 29px; text-transform: uppercase; }
.lt-ie9 .navigation.f nav ul li a
{
    padding: 15px 31px 15px 30px;
}


.navigation.f #mainNav01 { text-align: center; width: 125px; }
.navigation.f #mainNav01 a { display: block; margin-top: -21px; padding: 15px 5px 15px 15px; }

.navigation.f #mainNav03 { width:125px; text-align:center;}
.navigation.f #mainNav03 a { padding:15px 5px; display:block; margin-top:-21px;}

.navigation.f #mainNav07 {width:115px; text-align:center;}
.navigation.f #mainNav07 a { display: block; margin-top: -21px;}

.lt-ie8 .navigation.f #mainNav03 a {margin-top: -15px; }

.lt-ie8 .navigation.f #mainNav01 a {margin-top: -15px;  }


/*webkit nav fix*/
@media screen and (-webkit-min-device-pixel-ratio:0) {

.navigation { margin-top: 15px; }
.navigation nav ul li {font-size: 0.78em; }
.navigation nav ul li a { /*padding: 15px 29px 15px 29px;*/ }

.navigation.f nav ul li a { line-height: 12px; padding: 15px 28px; text-transform: uppercase; }
}

li.navSelected > a {color:#A0A0A0; }


/*global search form field box*/
.searchBox { display: block; float: right; margin-right: 20px; position: static; background:white; margin-top:-10px; }

.searchMainContents{ border: 1px solid #EBEBEB; float: left; margin-right: 15px; }

.searchFieldBox input{ border:0; margin-right:0px;  padding: 7px 6px 7px; border-left:0; width:112px; outline: none; background:white; font-size:12px;}

.navigation.f .searchFieldBox input { width:75px;}

.searchMagBtn { cursor: pointer; width: 33px; height: 28px; border:0; border-right: 0; float: left; margin-top: 0px; -webkit-appearance: none; -moz-appearance: none; }

/*go style button wrapper input*/
.normalInputBtn { display: inline-block; outline: 0 none;}

.normalInputBtn input { background: none repeat scroll 0 0 #A0A0A0; border: 4px double white; color: #FFFFFF; font-size: 11px; padding: 4px 9px; outline: none; text-transform:uppercase; }
.normalInputBtn input:hover { background: #FFCD32; border: 4px double white;}



/*styles for profile/ registration dropdown menu*/

.memberOptionDropBox { display: block; float: right; height: 21px; margin-top: -10px; position: relative; }

.lt-ie8 .memberOptionDropBox {   display:block;  float:left; height:15px;}

#navbar{margin:0;padding:0;height:1em; float:right;  }

.lt-ie8  #navbar{ float:left;  }

#navbar li{list-style:none;float:left;}
#navbar li a{display:block;padding:7px 8px; background-color:#FFCD31;background-color:#fff; text-decoration:none; }


#navbar li.parentNavBar > a { padding-top:10px;}/**/
#navbar li.parentNavBar > a:hover { background-color:#FFCD31; color:#815C40;}

#navbar li.parentNavBar.parentActive > a {background-color:#FFCD31; }

#navbar li ul{display:none;width:10em;background-color:#fff;}
#navbar li:hover ul{display:block;position:absolute;  margin:0;padding:0; border:1px solid #DDAC28; right:0; min-width:160px; width:160px;}

.lt-ie9 #navbar li:hover ul {  width:160px;}

#navbar li:hover li{float:none; margin:0px 5px; }
#navbar li:hover li a{background-color:#fff; border-bottom:1px solid #E2E2E2; text-transform:capitalize; font-size:10px;}
#navbar li li a:hover{ background: url("images/arrow-brown-link.png") no-repeat scroll right center transparent;}

#navbar li li.lastSubNav a { border:0;}



/* buttonDefaultBtn for class inline, almost same as defaultbutton
-----------------------------------------------------------*/
button.buttonDefaultBtn { background: none repeat scroll 0 0 #A0A0A0; border: 3px double #FFFFFF; color: #FFFFFF; display: inline-block; font-weight: bold; outline: 0 none; padding: 4px 15px; text-transform:uppercase; }


/*search form validation error msg*/

.searchErrorBox { color: red; display: inline-block; float: right; font-size: 9px; margin-top: 30px; position: absolute; width:180px; }

/*center main wrapper*/
.wrapper{ display:table; position:relative; width:100%; min-width:980px; }
#main {   display: block; position:relative;}


/*footer elements*/
#footer{background:#F5F4F2; display:table; position:relative;  width:100%;  min-width:980px;}
.footerBox{display:table; float:left; margin:20px; margin-bottom:10px;}

.footerBlock { border-left: 1px solid #E0DDC9; color: #AB9381; display: table-cell;float: left;margin-right: 20px; min-height: 110px;  min-width: 204px; padding-left:20px;}
.footerBlock:first-child { margin-right:0; padding-left:0; border:0;}

.footerBlock h4 { color:#909090; font-size:11px; text-transform:uppercase; font-weight:normal; margin:0;}
.footerBlock h5 { color:#909090; font-size:9px; text-transform:uppercase; font-weight:normal; margin:0;}

h5.followUsFooterText { margin: 10px 0 5px; }

.footerBlock ul { line-height: 14px; margin: 5px 0; padding: 0;}
.footerBlock ul li { margin:0; padding:0; list-style:none;}
.footerBlock ul li a{color: #AB9381; font-size: 9px;text-decoration: none;}
.footerBlock ul li a:hover{color: #94745c; }

.legalBox {width:100%; background:#ffd147; float:left;}

.legalBlock { color: #AB7B23; display: block; font-size: 8px; height: 22px; line-height: 12px; margin: 8px 20px; position: relative; }
.lt-ie8 .legalBlock { width:931px;}

.legalText { display: block; float: left; font-family: tahoma; font-size: 9px; margin-top: 0; }
.phraseText { float: right; font-size: 12px; font-style: italic; margin-top: 5px; display:block; }

.lt-ie8 .legalText { float:left; width:336px;}
.lt-ie8 .phraseText  { float:right; width:250px; text-align:right;}

a.externalLinkIcon1 {background:url(images/footer-icon-pintrest.png) no-repeat 0px 0px transparent; width:34px; height:34px; display:block; text-indent:-9999px; float:left; outline:0; margin-right:6px; margin-top:2px;}
a.externalLinkIcon2 {background:url(images/footer-icon-youtube.png) no-repeat 0px 0px transparent; width:34px; height:34px; display:block; text-indent:-9999px;float:left; outline:0; margin-top:2px;}

/*scroll to top button styles*/
.scrollTopBtn { float:right; background:url(images/scroll-btn-top-e.png) no-repeat 0px 0px transparent; width:60px; height:20px; cursor:pointer; text-indent:-9999px; margin:30px 0px; clear:both; display:block; }
.scrollTopBtn:hover { background:url(images/scroll-btn-top-e.png) no-repeat 0px -20px transparent;}

.scrollTopBtn.f { float:right; background:url(images/scroll-btn-top-f.png) no-repeat 0px 0px transparent; width:60px; height:20px; cursor:pointer; text-indent:-9999px; margin:30px 0px; clear:both; display:block; }
.scrollTopBtn.f:hover { background:url(images/scroll-btn-top-f.png) no-repeat 0px -20px transparent;}


/* homepage specific layout styles
-----------------------------------------------------------*/

/*homepage landing styles*/
.mainSliderBox { min-width:980px; min-height:410px;  float:left; margin-bottom:5px; background:url(images/preload-img.gif) no-repeat center center transparent; ;}

.homeContentBox { float:left; margin:20px; display:table;}

.homeFeaturedContent { float:left; display:table; margin-top:5px;}

.homeFeaturedContent:first-child { margin-bottom:15px;}

.homeFeaturedContent h3 { text-transform:uppercase; float:left; line-height:15px;}

.homeFeaturedBlock { width:300px;  min-height:325px; display:table-cell; float:left;  margin-left:20px; }
.homeFeaturedBlock:first-child { margin-left:0px;}
.homeFeaturedBlock h3 { float: left; line-height: 15px; margin: 0; padding: 0; margin-bottom:4px; }

.homeFeaturedBlock.second { }

.homeFeaturedBlock.fourth { min-height:100px;}
/*
div.homeFeaturedBlock:nth-child(1){background:red;}
div.homeFeaturedBlock:nth-child(2){background:blue;}
div.homeFeaturedBlock:nth-child(3){background:green;}
*/

.homeImageBlock .tipImg {  min-height: 192px;}

.viewLink { float: right; font-size: 9px; line-height: 15px; text-transform: uppercase; }

.homeSectionContent {float:left; margin-top:5px; margin-bottom:5px; width:100%;}
.homeSectionContent p { float:left; margin-top:0;}

.homeImageBlock { float:left; clear:both; border:1px solid #e2e2e2; display:block; position:relative; overflow:hidden; min-height:198px; min-width:292px;}

.homeImageBlock:hover { border: 1px solid #FFCD32;  }

.lt-ie8 .homeImageBlock { height:198px;}
.homeImageBlock img {margin:3px; float:left; display:block; position:relative;  max-height:192px; min-width:292px;}


/*home center recipe overflow container*/
.homeRecipeImage { display: block; float: left; height: 198px; width: 292px; margin-right: 3px; margin-left: 3px; overflow: hidden; position:relative;  }
.lt-ie8 .homeRecipeImage {}

.homeRecipeImageAdjuster { margin-left:0px!important;}


/*home community block styles*/
.homeCommunityBlock { float:left; clear:both; border:1px solid #e2e2e2; display:block; position:relative; overflow:hidden; min-height:290px; min-width:292px; background:#fcfcfc;}

.homeCommunityContent { border-top: 1px solid #E2E2E2; float: left; margin: 0 20px; padding-top: 15px; width: 259px; }
.homeCommunityContent:first-child { border:none;}

.homeCommunityContent h4 { margin: 0; display: table; text-transform:none; }

.homeCommunityContent h4 a { cursor:pointer; display:block;}
.homeCommunityContent h4 a label {cursor:pointer; }
.homeCommunityContent p { display: table; float: none; margin-bottom: 15px; margin-top: 2px; }

.homeCommunityProfileBlock { border: 1px solid #FFE599; display: block; float: left; margin: 0 20px 15px 0; position: relative; width:38px; height:38px; overflow:hidden; background: url("images/home-community-profile-placeholder.jpg") no-repeat scroll 0 0px transparent; background-size:38px; }

.homeCommunityProfileBlock img {  height: 38px; min-width: 38px;}

.homeCommunityMore { display: inline-block; }

/*home booklet block styles*/
.homeBookletBlock { float: left; clear: both; border: 1px solid #e2e2e2; display: block; position: relative; height: 188px; min-width: 300px; width:300px; background:white; }

.homeBookletBlock img{  border: 1px solid #E2E2E2; display: block; float: none; left:auto; margin: 0 auto; padding: 3px; position: relative; top: auto; text-align:center; margin-top:5px; height:125px;}

.bookletSpotlightImg { border:0!important;  border-bottom: 1px solid #E2E2E2!important;}


/*home product slider styles*/
.homeProductSliderBox { display: table-cell; float: left; margin-right: 0px; position: relative; width: 620px;  }


/*highlighted link row style button*/
h2.highlightedLink { margin: 9px 0px; }

.highlightedLink { background: url("images/arrow-brown-link.png") no-repeat scroll right center transparent; border-bottom: 1px solid #FFE599; border-top: 1px solid #FFE599; clear: both; color: #572600; float: left; position: relative; text-transform: uppercase; width: 100%; }

.highlightedLink:hover { background: url("images/arrow-brown-link-hover.png") no-repeat scroll right center transparent;}

.lt-ie8 .highlightedLink { width:298px;}

.highlightedLink a { width:100%; padding: 5px 0; float:left; }


.homeFeaturedContent h2.highlightedLink a { float: left; font-size: 12px; padding: 5px 20px 5px 0; width: 285px; }



/* call to action homepage popup notifiation box;
-----------------------------------------------------------*/

.ctaNotification { background: none repeat scroll 0 0 #FDFCFC; border: 8px solid #FFCD32; border-left:0; border-right:0; left: 34%; margin: 0 auto; opacity: 1; padding-bottom: 10px; position: absolute; text-align: center; top: 12%; width: 350px; z-index: 99;  -webkit-box-shadow: 0px 0px 10px 0px #333; /* Android 2.3+, iOS 4.0.2-4.2, Safari 3-4 */
          box-shadow: 0px 0px 10px 0px #333; /* Chrome 6+, Firefox 4+, IE 9+, iOS 5+, Opera 10.50+ */ }

.ctaNotification h2 { text-transform:uppercase;}

.ctaNotification > h4 { font-size: 12px; font-weight: normal; margin: 10px 0; text-transform: uppercase; }
.ctaNotification > p { letter-spacing: 0.04em; line-height: 16px; text-transform: capitalize; }
.ctaNotification > a { } 



/* global breadcrumb styles
-----------------------------------------------------------*/

/*standard breadcrumb styles*/

.breadCrumbBox { float: left; margin-bottom: 0px; min-width: 980px; width: 100%; position:relative;}

.breadCrumbContent { border-bottom: 1px solid #F7F2DE; border-top: 1px solid #F7F2DE; color: #BCBCBC; display: table; float: left; font-size: 8px; margin-left: 158px; margin-right: 18px; padding: 8px 0; position: relative; text-transform: uppercase; width: 804px; }

.breadCrumbContent label {margin:0px 3px;}
.breadCrumbContent strong { font-weight:normal;}

/* global page layout styles
-----------------------------------------------------------*/

/*standard layout page styles*/
.pageContentBox { float:left; margin:20px; display:block; margin-top:0; position:relative;}

.pagePrimaryBox {width: 800px;  float: left; display:table-cell; margin-top:10px;  position:relative;}



.pageSideBox {max-width: 136px;  float: left;  display:table-cell; margin-top:100px; margin-right:17px; width:121px;}

.pageLandingContent, .pageDetailContent {display:table-cell; position:relative;}

/*style for lined product/recipe container + vessel for clearfix*/
.linedBlockRow { float: left;  width: 100%; margin: 10px 0px; display:block;}

.linedBlockRow:before,
.linedBlockRow:after { content: " "; /* 1 */ display: table; /* 2 */ }

.linedBlockRow:after { clear: both; }

.linedBlockRow { *zoom: 1; }

.linedBlockRow h3 {float:left;}
.linedBlockRow h3.title { margin-right:0.3em; margin-bottom:7px; }
.linedBlockRow p { }

.productCatRow { margin:0px; margin-top:10px;}

.productCatNewTitle { color:#e51937; font-weight:bold; font-style:italic; margin-right:5px;}

p.excerpt { color: #7B7B7B; font-size: 11px; margin: 0.2em 0 0.2em 0.4em; padding: 0;}

.linedBlockContent { float: left; border: 1px solid #E5E5E5; border-left: 0; border-right: 0; display: table; padding: 10px 0; width:100%; margin-top:5px;}

.thumbBlockItem { border-left: 1px solid #EFEFEF; display: table-cell; float: left; font-size: 8px; position: relative; width: 154px; text-align: center; margin: 0 auto; min-height:181px; margin-top:5px; margin-bottom:5px;}
.thumbBlockItem:first-child { border:none;}

.thumbBlockItem.productThumb:nth-child(5n+6) { border:0;}
.thumbBlockItem.productThumb img { margin-top: -10px; }

.thumbText { margin: -10px 15px 0; text-transform: uppercase; }
.thumbText strong { display:block;}


/* global styles for bordered images frames
-----------------------------------------------------------*/
.borderFrame { border:1px solid #E2E2E2; padding:3px; display:block; position:relative;}
/*.borderFrame:hover { border:1px solid #FDD14C; opacity:0.5;}*/
.featuredWideBlock { border-bottom: 3px double #E2E2E2; margin-bottom: 5px; padding-bottom: 5px; display:table; position:relative;}



/* global standard left list static navigation
-----------------------------------------------------------*/

.standardCategoryNav {min-height:275px; }
.standardCategoryNav ul { margin: 0; padding: 0; font-family: 'KeepCalmBookItalic'; font-size: 10px; width: 121px;  line-height: 1.3; color:#815C40;}

.standardCategoryNav ul li { border:1px solid #DDDDDD;  border-left:0; border-right:0; border-bottom:0;  background: url("images/menu-nav-list-arrow-single-normal.png") no-repeat scroll 105px 10px transparent;}

.standardCategoryNav ul li:last-child {border-bottom:1px solid #DDDDDD; }

.standardCategoryNav ul li a { padding:0.7em 2.2em 0.7em 0; display:block; }
.standardCategoryNav ul li a:hover {color:#A0A0A0; }


.standardCategoryNav li.activeParentItem { background: url("images/menu-nav-list-arrow-single-active.png") no-repeat scroll 105px 9px transparent; border-bottom: 3px double #815C40; color:#A0A0A0;}
.standardCategoryNav li.activeParentItem a { color:#A0A0A0;}


.standardCategoryNav ul.activeChildList li { background:#F5F4F0;  border-top:1px solid #EEEEEE;}
.standardCategoryNav ul.activeChildList li a { padding:7px 1em 1em;}
.standardCategoryNav ul.activeChildList li:first-child { border:0;}
.standardCategoryNav ul.activeChildList li:last-child { border:0; border-top:1px solid #EEEEEE;}

.standardCategoryNav ul.activeChildList li.activeChildItem {padding:7px 1em 1em; background:#FBFBF9; color:#999999;  }

li.noArrowItem{ background:none!important;}


/* global jquery ui accordion left nav menu styles
-----------------------------------------------------------*/

/*product left side navigation menu block styles, jquery ui override*/

.ui-widget-content{color:#555555!important; }

.sideNavBlock.ui-widget {font-family:'KeepCalmBookItalic'; width:121px; font-size:10px;}

/*removed all rounded corners*/
.sideNavBlock.ui-widget .ui-corner-all, .sideNavBlock.ui-widget .ui-corner-top, .sideNavBlock.ui-widget .ui-corner-right,.sideNavBlock.ui-widget .ui-corner-left, .sideNavBlock.ui-widget .ui-corner-tr, .sideNavBlock.ui-widget .ui-corner-tl, .sideNavBlock.ui-widget .ui-corner-bottom, .sideNavBlock.ui-widget .ui-corner-br { border-radius:0 0 0 0!important;}


 /*arrow indicator shifted to the right, change bg jquery ui*/
.sideNavBlock.ui-accordion .ui-accordion-header .ui-accordion-header-icon { right: 0.4em!important; left: auto !important; background: url("images/menu-nav-list-arrow-sprite.png") no-repeat scroll 4px 4px transparent;  }
.sideNavBlock.ui-accordion .ui-accordion-icons {  padding:0.7em 2.2em 0.7em 0;}

.sideNavBlock.ui-accordion .ui-accordion-header-active .ui-accordion-header-icon { background: url("images/menu-nav-list-arrow-sprite.png") no-repeat scroll 4px -16px transparent;}

 /*removed sub menu container padding and border*/
.sideNavBlock.ui-accordion .ui-accordion-content { padding:0em; border:none; }

/*non active sub menu item links*/
.sideNavBlock.ui-accordion .ui-widget-content a { border-top: 1px solid #eee; color: #815C40; display: block; margin: 0px 0 0; padding: 1em; padding-top: 7px; background: #F5F4F0; }
.sideNavBlock.ui-accordion .ui-widget-content a:hover { color:#A0A0A0;}

.sideNavBlock.ui-accordion .ui-widget-content a strong { display: none; }
.sideNavBlock.ui-accordion .ui-widget-content a:first-child { border: 0; }

/*currently active sub menu item*/

.sideNavBlock.ui-accordion .ui-widget-content div { background: none repeat scroll 0 0 #FBFBF9; border-top: 1px solid #eeeeee; color: #999999; display: block; margin: 0; padding: 6px 1em 1em; }
.sideNavBlock.ui-accordion .ui-widget-content div strong { display: none; }

/*currently active main header menu item*/
.sideNavBlock.ui-accordion .ui-accordion-header { background: none repeat scroll 0 0 white; border: none; border-top: 1px solid #DDDDDD; color: #815C40; text-transform: capitalize; margin: 0; }
.sideNavBlock.ui-accordion .ui-accordion-header:hover {  color:#A0A0A0;}

.sideNavBlock.ui-accordion .ui-accordion-header a {color: #815C40;  }
.sideNavBlock.ui-accordion .ui-accordion-header a:hover { text-decoration:underline; color:#A0A0A0;}

.sideNavBlock.ui-accordion .ui-accordion-header.ui-state-active { border-bottom: 3px double #815C40; color:#A0A0A0; }

.sideNavBlock.ui-accordion .ui-accordion-header:last-child {border-bottom: 1px solid #DDDDDD; }


/* global jquery ui main tabbed general styles
-----------------------------------------------------------*/

/*product detail, recipe detail, community, recipes styles used jquery ui override*/

.mainTabBlock { display:none;}

.mainTabBlock.ui-widget { font-family:'KeepCalmBook'; font-size:10px;}

.mainTabBlock.ui-widget input, .mainTabBlock.ui-widget select, .mainTabBlock.ui-widget textarea, .mainTabBlock.ui-widget button {font-family:'KeepCalmBook'; font-size:11px;}

.mainTabBlock.ui-widget .normalInputBtn input { font-size:10px; }

/*removed all rounded corners*/
.mainTabBlock.ui-widget .ui-corner-all, .mainTabBlock.ui-widget .ui-corner-top, .mainTabBlock.ui-widget .ui-corner-right,.mainTabBlock.ui-widget .ui-corner-left, .mainTabBlock.ui-widget .ui-corner-tr, .mainTabBlock.ui-widget .ui-corner-tl, .mainTabBlock.ui-widget .ui-corner-bottom, .mainTabBlock.ui-widget .ui-corner-br { border-radius:0 0 0 0!important; }

.mainTabBlock.ui-corner-all{ border-radius:0 0 0 0!important;}

/*removed tab header background and default styles*/
.mainTabBlock .ui-widget-header { background:none;}
.mainTabBlock.ui-tabs { padding:0; border:0;}
.mainTabBlock.ui-tabs .ui-tabs-nav { border-left: 0 none; border-right: 0 none; border-top: 0 none; border-bottom:0; padding: 0; }

.mainTabBlock.ui-tabs .ui-tabs-panel { border:1px solid #E6E6E6; }
.mainTabBlock.ui-tabs .ui-tabs-anchor { color:#572600;}

/*change tab li background colors and hover state*/
.mainTabBlock.ui-tabs .ui-tabs-nav li {background:#FFC220; border:0; border:1px solid #FFC220; border-bottom:0;   text-transform:uppercase; }
.mainTabBlock.ui-tabs .ui-tabs-nav li:hover {background:#F5F4F2; border:1px solid #F1F1F1; border-bottom:0;  }

/*currently active tab styles*/
.mainTabBlock.ui-tabs .ui-tabs-nav li.ui-tabs-active {background:white; border:1px solid #E6E6E6; border-bottom:2px solid #fff; margin-left:0; }
.mainTabBlock.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor:hover {color:#572600; }

.mainTabBlock.ui-tabs .ui-tabs-nav li:last-child { padding-right:0; margin-right:0; } /*fixes last tab padding not aligning with content box*/

/*additional box container class for inner tab panel content*/
.tabContentBox {min-height:100px;}
.tabInnerContent {display: table-row; float: none; width:100%; margin-bottom:10px; }

/*product detail set tab width and padding */
.productInformationTab { }
.productInformationTab.ui-tabs .ui-tabs-nav li a { min-width: 156px; padding: 0.6em 2em; text-align: center; }

.productInformationTab.ui-tabs .ui-tabs-nav li:last-child { padding-right:2px; } /*fixes last tab padding not aligning with content box*/

.productInformationTab.f { }
.productInformationTab.f.ui-tabs .ui-tabs-nav li a { min-width: 145px; padding: 0.6em 2em; text-align: center; }

.productInformationTab.f.ui-tabs .ui-tabs-nav li:last-child { padding-right:2px; } /*fixes last tab padding not aligning with content box*/

/*product sub hr line */
.prod_line { margin:15px 0;}


/*recipe detail set tab width and padding */
.recipeInformationTab.ui-tabs .ui-tabs-nav li a { min-width: 426px; padding: 0.6em 2em; text-align: center;  }

.recipeInformationTab.ui-tabs .ui-tabs-nav li:last-child { padding-right:2px; } /*fixes last tab padding not aligning with content box*/


/*global search results set tab width and padding */


.searchResultsTab { }
.searchResultsTab.ui-tabs .ui-tabs-nav li a { min-width: 156px; padding: 0.6em 2em; text-align: center; }

.searchResultsTab .ui-tabs .ui-tabs-nav li:last-child { padding-right:2px; } /*fixes last tab padding not aligning with content box*/

.id-globalSearchLanding {background:url(images/preload-img-small.gif) no-repeat center center transparent;}



/* global jquery ui popup hover tooltips general styles
-----------------------------------------------------------*/

/*all recipe detail pages, booklet landing, recipes styles used jquery ui override  + related misc popup styles*/ 

.ui-tooltip .ui-widget .ui-corner-all .ui-widget-content { }

.ui-tooltip { border: 1px solid #FFCC33!important; border-radius: 0 0 0 0!important; box-shadow: 1px 2px 3px -1px #CCCCCC!important; margin-right: 0!important; padding: 8px 8px 5px 8px!important; font-family:'KeepCalmBook'!important; position:absolute!important;}

.ui-tooltip-content { }

.productHoverPopContent { }
.productHoverPopContent h2 { font-weight:normal; font-family:'KeepCalmBook'; color:#572600; font-size:10px; text-transform:uppercase; }
.productHoverPopContent h2 strong {}

.hoverPopLink { cursor:pointer; color:#572600!important;}

.hoverPopLink strong, .hoverPopLink b {}

.hoverPopLink:hover {color: #FDD14C!important; text-decoration:none!important; }

.popContentBlock h4 {margin-top:3px; margin-bottom:0px }
.popContentBlock h4 p { color:#ccc;}



/* global jquery ui modal dialog popup base styles
-----------------------------------------------------------*/


body .ui-dialog.ui-widget-content { background: #fcfcfc; border: 10px solid #ffc220; border-left: 0; border-right: 0; border-radius: 0; }

.lt-ie8 body .ui-dialog.ui-widget-content, .lt-ie9 body .ui-dialog.ui-widget-content { z-index: 9999; }

body .ui-widget-overlay.ui-front { background: #000; opacity: .5 /*{opacityOverlay}*/; filter: Alpha(Opacity=50) /*{opacityFilterOverlay}*/; }

.lt-ie8 body .ui-widget-overlay.ui-front, .lt-ie9 .ui-widget-overlay.ui-front { z-index: 9998; }

body .ui-dialog .ui-dialog-title { display: none; }

body .ui-dialog .ui-dialog-titlebar { background: none repeat scroll 0 0 transparent; border: 0 none; border-radius: 0 0 0 0; height: 12px; margin: 0; padding: 0; position: relative; margin-top: -13px; }

.lt-ie8 body .ui-dialog .ui-dialog-titlebar { height: 40px; }

body .ui-dialog .ui-dialog-titlebar-close { margin: 0; top: 17px; background: none; border: 0; z-index: 999; }

body .ui-dialog .ui-dialog-content { font-family: 'KeepCalmBook'; font-size: 11px; padding: 0.4em 2em; }

body .ui-dialog .ui-dialog-content div { margin: 8px 0; vertical-align: middle; }

body .ui-dialog-content h1 { text-align: center; }


.dialogInner { margin: 0; }

.dialogInner li{font-size: 10px; letter-spacing: 0.04em; line-height:16px;}

.jcrop-holder { margin:0!important; overflow:hidden;}

.jcrop-holder div { margin:0!important;}

.jcrop-tracker {margin:0!important; }

#CropPhotoDiv { overflow:auto; margin:0; padding:0;}

/*min height for community share box*/
#CommunityShareDialog .dialogInner { overflow:hidden;}

.dialogInner input, .ui-widget select, .dialogInner textarea, .dialogInner button {   }

.dialogInner input[type="checkbox"], .dialogInner input[type="radio"] { margin-right:6px; margin-left:6px;}

.dialogInner input[type="checkbox"]:first-child, .dialogInner input[type="radio"]:first-child { margin-left:1px;}

.dialogInner input[type="button"], .dialogInner input[type="reset"], .dialogInner input[type="submit"] { background: none repeat scroll 0 0 #F1F1F1 !important; border: 3px double #CCCCCC !important; color: #572600 !important; font-family: 'KeepCalmMedium' !important; font-size: 11px !important; font-weight: lighter; margin-right: 15px;margin-left:1px; margin-top: 15px; min-width: 150px; padding: 4px 30px; text-transform: uppercase !important; }

.dialogInner input[type="button"]:hover, .dialogInner input[type="reset"]:hover, .dialogInner input[type="submit"]:hover { background: #FFCD32!important; border: 3px double white!important;}

div.diaInnWide { width: 99%; }

div.diaInnWide input, div.diaInnWide textarea { width: 99%; min-width: 250px; }

.diaHeadtype01 { background: url("images/comm-dialog-icon01.png") no-repeat scroll center 5px transparent; padding-bottom: 5px; padding-top: 82px; }

.diaHeadtype02 { background: url("images/comm-dialog-icon02.png") no-repeat scroll center 5px transparent; padding-bottom: 5px; padding-top: 82px; }

.diaHeadtype03 { background: url("images/comm-dialog-icon03.png") no-repeat scroll center 5px transparent; padding-bottom: 5px; padding-top: 82px; }

.membershipRegDialogWrap { float: left; position: relative; display: block; overflow:hidden; margin-top:0!important;}

/*dialog class on membership/registration to fix ie7 width*/
.lt-ie8 .dialogMembershipBox { width:550px!important;}

.thankYouDialog { top:10%!important; }

.dialogBtn { background: none repeat scroll 0 0 #F1F1F1 !important; border: 3px double #CCCCCC !important; color: #572600 !important; float: left; font-family: 'KeepCalmMedium' !important; font-size: 11px !important; font-weight: lighter; letter-spacing: -0.04em; margin-right: 0; margin-top: 0; min-width: 75px; padding: 0px; text-align: center; text-decoration: none; text-transform: uppercase !important; }

.dialogBtn:hover{background: #FFCD32!important; border: 3px double white!important;}




/*styles imported from SSO registration/sign in default.css dialog
-----------------------------------------------------------*/
.dialogTextField input[type="text"], .regform input[type="text"], .regform input[type="password"] { border: 1px solid #CCCCCC; color: #666666; height: 20px; padding: 3px; width: 98%; margin: 5px 0 0 1px; font-family:sans-serif; font-size:12px;}
.logform { margin: 5px 0 0 0; }

.lt-ie8 .dialogTextField input[type="text"], .lt-ie8 .regform input[type="text"], .lt-ie8 .regform input[type="password"] { width: 325px; }
.regform select { border: 1px solid #ccc; color: #666666; display: block; float: left; height: 28px; margin: 0 10px 0 1px; min-width: 140px; padding: 3px; }
.regform label { color: #333; font-size: 10px; margin: 0; }
.regform label:first-child { text-transform: uppercase; }

.regform label > a { text-decoration:underline;}

.manageSub { clear: both; display: block; float: left; margin: 10px 0; position: relative; width: 470px; }
.manageCheck { display: block; float: left; margin: 0; margin-top: 3px !important; margin-right:5px; padding: 0; position: relative;  }

.manageCheckText { display: block; float: left; font-size: 10px; margin-left: 10px !important; padding: 0; position: relative; vertical-align: top; width: 430px; }
.manageCheckText h5 { font-family: 'KeepCalmMedium'; font-size: 12px; font-weight: normal; margin: 0; text-transform: uppercase; }

body .ui-dialog .ui-dialog-content div.manageCheckText { margin:0;}

.managebrand { display:inline-block;}

.subscriptionArea { border-bottom: 1px solid #e6e6e6; border-top: 1px solid #e6e6e6; display: table; padding-bottom: 10px; padding-top: 10px; width: 100%; margin: 20px 1px !important; }

.doblock { display: block; /*margin: 0 0 5px !important;*/ }

.blockedBtn { background: none repeat scroll 0 0 #f1f1f1; border: 3px double #cccccc; color: #572600 !important; float: right; font-family: 'KeepCalmMedium' !important; font-size: 11px !important; font-weight: lighter; letter-spacing: -0.04em; margin-right: 0; margin-top: 15px; min-width: 75px; padding: 4px 30px; text-align: center; text-decoration: none; text-transform: uppercase !important; margin-bottom: 25px; }
.cancelStyle { float: left; }
.loginStyle { cursor: pointer; float: right; min-width: 150px; padding-bottom: 3px; padding-top: 3px; vertical-align: top; }
.loginBlockWrapper h2 { background: url("images/comm-dialog-icon01.png") no-repeat scroll center 10px transparent; color: #383838; font-family: KeepCalmBook; font-size: 20px; font-weight: 400; margin: 0.3em 0 0.6em; padding-bottom: 5px; padding-top: 82px; text-align: center; text-transform: uppercase; }
div.formForgotBlock { text-align: right; }
.formBlock > div { margin: 5px 0; }
.formForgotBlock a { color: #815c40; text-decoration: underline; }
.formBlock { font-size: 10px; }

.formForgetBlock { border-top: 1px solid #e6e6e6; }

#membershiprFormID > div { margin-top: 5px; /*width: 455px;*/ }

#membershiprFormID div a { text-decoration:underline;}

.proPic label { text-transform: uppercase; }
.proPic { font-size: 10px; }
.proPic img { display: block; margin: 10px 0; }
.required {  }
.month-day-year { margin-top: 5px; }



#resendEmailCopyDiv { border: 1px solid #ffe599; font-size: 10px; letter-spacing: 0.04em; line-height: 16px; margin-bottom: 15px; margin-top: 15px; padding: 12px 15px 15px; width: 528px; }
#resendEmailCopyDiv a {text-decoration:underline;}


/*tooltip circle + 0*/

#tooltip-circle , #tooltip-circle0{ background: none repeat scroll 0 0 #a0a0a0; border: 4px double white; border-radius: 21px; color: #ffffff; cursor: help; display: inline-block; font-family: 'KeepCalmBook'; font-size: 13px; font-weight: bold; height: 16px; margin-left: 10px; outline: medium none; padding: 3px; position: relative; text-align: center; top: 20px; width: 16px; }

#tooltip-circle:hover, #tooltip-circle0:hover { background: none repeat scroll 0 0 #ffcd32; /*margin-left:-90px;*/ }

#tooltip-circle span, #tooltip-circle0 span { color: #ffffff; font-size: 0.938em; padding-left: 1px; }

#tooltip-circle-content, #tooltip-circle-content0 { background: none repeat scroll 0 0 #eee; border: 1px solid #ccc; float: left; height: auto; margin: 20px 0; margin-bottom:0; overflow: hidden; padding: 15px; width: 400px; display:none;}


#tooltip-circle { top:-8px; line-height:14px;}
#tooltip-circle0 { line-height:14px;}

#membershiprFormID .info-Block { }

#membershiprFormID .info-Block #tooltip-circle-content {  margin-top: 25px;}


.unsubtitle { font-weight: bold; text-transform: uppercase; }
.validation-summary-errors ul li { list-style: none; font-size: 10px; letter-spacing: 0.04em; font-weight: normal; }
.validation-summary-errors ul { padding: 0 !important; }

/*.lhalf { float: left; width: 477px; }
.rhalf { float: right; width: 254px; } */

.boxstyle { margin-left: 25px; margin-top:20px; padding: 20px; border: 1px solid #F7F2DE; background: #F5F4F2; padding-bottom:10px; float: right; width: 254px;}

.newsletterIntro { margin:0px;}

.submit-containerNL {}

 
/* registration wrapper
-----------------------------------------------------------*/


.registrationWrapper {  letter-spacing: 0.04em; display:table;}
.registrationWrapper a { text-decoration:underline;}

.registrationWrapper > li { background: url("images/square-bullet.png") no-repeat scroll 0 5px transparent; list-style: none outside none; margin: 10px 0; padding-left: 15px; }

.registrationWrapper > li > ul li {list-style:disc;  margin: 6px 0; }

.registrationWrapper h3 { font-family: 'KeepCalmMedium'; font-size: 12px; letter-spacing: 0.06em; text-transform: uppercase; margin-top: 15px; }


.regform { float: left; width: 477px;}

.regBlockItem {margin-bottom:5px; }
.regBlockItem.emailBlock input[type="text"]  { width:330px;}

/*inquire style*/
.inquire { display: table; float: left; margin-top: 10px; }
.inquireBlock { border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;  float: left; margin: 10px 0 0; padding-top: 10px; padding-bottom:10px; }

.info-Block { border:none; }

.info-Block.dialogType {position: relative;top: -25px!important; }

/*unsub select box options*/
.unsub-options-box { display:table;}
.unsub-option-item { display: block; font-size: 10px; margin: 10px 0; }
.unsub-option-item input[type="checkbox"] {  margin-right: 10px; vertical-align: top; margin-top:3px;}

.unsub-check {  display:table-cell;}
.unsub-text {  display:table-cell;}

.unsub-options-box.dedicated-unsub-page .unsub-option-item input[type="checkbox"] {margin-top:2px; }



.selectBoxArrow.dialogDropDown { width:99%; border-right:1px solid #CCCCCC;}
.selectBoxArrow.dialogDropDown select { width:111%; border:1px solid #CCCCCC;}

.dialogBtn a { padding: 2px 10px; color: #572600; display: block; }
.dialogBtn a:hover { }

.dialogBtn input { background: none repeat scroll 0 0 transparent; border: 0 none !important; color: #572600 !important; font-family: 'KeepCalmMedium' !important; font-size: 11px !important; padding: 2px 40px !important; text-transform: uppercase !important; }

.dialogBtn input:hover {  }

.regDropField { display: table-cell; float: left; margin: 0 !important; margin-bottom:5px!important;}

.lt-ie10 .regDropField {width:160px; }


@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /* ie10, ie11+ */
.regDropField {width:160px; }
}


.regDropField span.field-validation-error { display:block; line-height:18px;}


/* global jquery ui autocomplete intelidropdown menu smart drop styles
-----------------------------------------------------------*/

.ui-menu { list-style: none; padding: 2px; margin: 0; display: block; float: left;  z-index:12;}
.ui-menu .ui-menu { margin-top: -3px;  }
.ui-menu .ui-menu-item { margin: 0; padding: 0; zoom: 1; float: left; clear: left; width: 100%;  }
.ui-menu .ui-menu-item a { font-family:Arial; text-decoration: none; display: block; padding: .2em .4em; line-height: 1; zoom: 1; font-size:12px;  z-index:12;}

.ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px;  }

.ui-menu-item a.ui-state-focus { font-weight: normal; margin: -1px; background:#3399ff; border-radius:0; border:1px solid #3399ff; color:#fff; }



/* product landing & product detail targeted block styles
-----------------------------------------------------------*/
.id-landingProduct { }

.id-detailProduct { }
.id-detailProduct .featuredWideBlock {border:none; margin-bottom:15px;}
.id-detailProduct h1 strong {}

.id-detailProduct .productInfoBox .nutritionTextLinkPop { margin:0;}

.id-detailProduct .productInfoBox .nutritionTextLinkPop .hc-details { left:-115px;}

.id-detailProduct .productInfoBox .nutritionTextLinkPop .hc-name { text-decoration:underline;}


.productLandingImg img{ width:792px; min-height:312px; max-height: 320px;}

/*nav tag class wrapper*/
.productCategoryNav { }

/*main product detail  block styles*/

.productLeftColumnTab { display: block; float: left; height: 254px; width: 172px; margin-right:15px;}

.productPrimaryImageBox { display: table-cell; vertical-align: top; float:left;background: url("images/product-detail-shot-shadow-bg.png") no-repeat scroll center bottom transparent; height:220px; width:172px; text-align:center; margin:0 auto; margin-right:10px;}
.productFullImage { margin-top:0px;}

.productInfoBox {display: table-cell; vertical-align: top; padding-top:30px; padding-right:10px; width:570px; float:left; margin-bottom:15px;}
.lt-ie8 .productInfoBox { width:570px;}

.productInfoBox h2 { font-size: 12px; letter-spacing: 0.06em; text-transform: uppercase; font-family:'KeepCalmMedium'; }
.productInfoBox h2 strong { }

/*recommended for box styles*/
.recommendedForBox {  margin-bottom: 20px; margin-top: 30px; margin-left:183px; line-height:18px;}
.recommendedForBox h3 { border-bottom: 4px double #E6E6E6; color: #707070; letter-spacing: 0.06em; margin-bottom: 10px; padding-bottom: 3px; font-family: 'KeepCalmMedium'; font-size: 12px; letter-spacing: 0.06em; text-transform: uppercase; color: #383838; }

.lt-ie8 .recommendedForBox h3 {float:left; width:576px;}
.ui-widget-content .recommendedForBox a { color:#572600; text-decoration:underline;}
.ui-widget-content .recommendedForBox a:hover{ color:#A0A0A0;}

/*related items slider box styles*/
.relatedSliderBox { display: table-cell; float: left; margin-right: 0px; position: relative; width: 799px;  margin:20px 0px; margin-bottom:0; /* background:url(images/preload-img-small.gif) no-repeat center bottom transparent;*/ }

.relatedSliderBox h3 { text-transform:uppercase; float:left; line-height:15px;}

.shareProdBox {  display:block; position:relative;  width:172px; margin-top:10px;}

.shareProdBox .hc-details { left:30px;}

.lt-ie8 .shareProdBox { float:left; margin-top:0;}

/*hides new ribbon on product landing*/

.id-landingProduct .newRibbon { display:none!important;}

/*hides new product category ribbon on landing*/

.id-landingProduct .newProductRibbon { display:none!important;}


/* product special landing block styles
-----------------------------------------------------------*/

.id-landingProductCategory { }

.catProdBlockRow { margin:0;}

.catProdBlockRow .linedBlockContent { border:none; margin:0;}

.catProdBlockRow .triSection .triSectionContent { float:left; margin-bottom:20px;}

.catProdBlockRow .triSection .triSectionContent.productType {min-height:140px; }
.catProdBlockRow .triSection .triSectionContent.productType.f { min-height:170px; }


.catProdBlockRow .triSection .triSectionContent.recipeType { }

.catProdBlockRow .triSection .triSectionContent.productType p { }

.catProdBlockRow .triSection .triSectionContent.recipeType p { }


/* Mixes custom styles START
-----------------------------------------------------------*/

/*manuel adjust mixes column p ENGLISH
.catProdBlockRow .triSection.id-506 .triSectionContent.productType p { height: 115px;}
.catProdBlockRow .triSection.id-502 .triSectionContent.productType p { height: 115px;}

.catProdBlockRow .triSection.id-506 .triSectionContent.recipeType p { height: 70px;}
.catProdBlockRow .triSection.id-502 .triSectionContent.recipeType p { height: 57px;}


.catProdBlockRow .triSection.id-500 .triSectionContent.productType p {  height: 100px;}
.catProdBlockRow .triSection.id-504 .triSectionContent.productType p { height: 120px; }

.catProdBlockRow .triSection.id-500 .triSectionContent.recipeType p {height: 85px; }
.catProdBlockRow .triSection.id-504 .triSectionContent.recipeType p { height: 85px;}*/


/*manuel adjust mixes column p FRENCH
.catProdBlockRow .triSection.id-507 .triSectionContent.productType p { height: 149px;}
.catProdBlockRow .triSection.id-503 .triSectionContent.productType p { height: 130px;}

.catProdBlockRow .triSection.id-507 .triSectionContent.recipeType p { height: 81px;}
.catProdBlockRow .triSection.id-503 .triSectionContent.recipeType p { height: 68px;}


.catProdBlockRow .triSection.id-501 .triSectionContent.productType p {  height: 112px;}
.catProdBlockRow .triSection.id-505 .triSectionContent.productType p { height: 110px; }

.catProdBlockRow .triSection.id-501 .triSectionContent.recipeType p {height: 97px; }
.catProdBlockRow .triSection.id-505 .triSectionContent.recipeType p { height: 97px;}*/



/*forcedfixed absolutely positioned highlight link*/
.id-landingProductCategory.id-140 .catProdBlockRow .triSection .highlightedLink { bottom: 0; display: table; float: none; font-size: 10px; margin-top: 15px; position: absolute; }




/*mixes custom 2 column overide, category id-140 dependent*/
.id-landingProductCategory.id-140 .catProdBlockRow .triSection:nth-of-type(2n +1) { margin-left:0; clear:both;}
.id-landingProductCategory.id-140 .catProdBlockRow .triSection:nth-of-type(2n) { margin-right:270px;}



/*fixed height product box container*/
.id-landingProductCategory.id-140 .catProdBlockRow .triSection .triSectionContent.productType {height:180px; display: table-cell; }
.id-landingProductCategory.id-140.f .catProdBlockRow .triSection .triSectionContent.productType {height:205px;}



/*fixed height recipe box container*/
.id-landingProductCategory.id-140 .catProdBlockRow .triSection .triSectionContent.recipeType { display: table-cell; float: none;  position: relative; height: 360px; }
.id-landingProductCategory.id-140.f .catProdBlockRow .triSection .triSectionContent.recipeType { height:375px;}


/*shared inner container of recipeType and productType*/
.id-landingProductCategory.id-140 .catProdBlockRow .triSection .triSectionContent .prodCatContentShim { display: block; float: none; height: 100%; margin-left: 0; margin-right: 15px; position: relative; }


.id-landingProductCategory.id-140 .catProdBlockRow .triSection{ margin-bottom:40px;}




    @media screen and (min-width:0\0) {  
        /* IE9 and IE10 rule sets go here */  
        .lt-ie10 .id-landingProductCategory .catProdBlockRow .triSection { width:254px;}
    }  


        @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
       /* IE10-specific styles go here */  
              .lt-ie10 .id-landingProductCategory .catProdBlockRow .triSection { width:254px;}
    }  




/*ie8 2 column fix*/
.lt-ie9 .id-landingProductCategory.id-140 .linedBlockRow.catProdBlockRow { width:70%;}
.lt-ie9 .id-landingProductCategory.id-140 .linedBlockRow.catProdBlockRow .triSection { margin-left:0px; margin-right:20px;}



/* Mixes custom styles END
-----------------------------------------------------------*/




.prodCatSpotLightImg { margin-left:-20px;}

.landingCategoryIntro { width:750px;}

.prodCatContentShim { margin-left:0px; margin-right:15px;}


.catProdRecipeImg {margin-left:0px; width:232px; }

.triSectionContent h4.prodCatRecipeSubHead { color: #999; font-size: 9px; margin: 10px 0 0; }

.triSectionContent h2.prodCatRecipeHead { color: #572700;  margin-top: 0; }


.innovationLandingBanner { background: url("images/innovation-landing-banner-e.jpg") no-repeat scroll center bottom transparent; clear: both; display: table; float: left; height: 226px; margin-top: 20px; width: 800px; }

.innovationLandingBanner.f { background: url("images/innovation-landing-banner-f.jpg") no-repeat scroll center bottom transparent; clear: both; display: table; float: left; height: 226px; margin-top: 20px; width: 800px; line-height:7px;}

.innovationLandingBannerContent { display: block; float: left; margin-left: 297px; margin-top: 101px; padding-right: 20px; position: relative; }

.newInnovationText { color:#f30000; font-family: 'KeepCalmBookItalic'; font-size:18px; margin-right:4px;}

.mainHeadInnovationBannerText { font-size:18px;}


/* recipe main landing block styles
-----------------------------------------------------------*/

.id-landingRecipes { }

/* recipe category landing styles
-----------------------------------------------------------*/
.id-landingRecipesCat { }


/* recipe sub category landing styles
-----------------------------------------------------------*/
.id-landingRecipesCatSub { }

/* daily recipes landing styles
-----------------------------------------------------------*/
.id-landingDailyRecipes { }

/* bake class videos landing styles
-----------------------------------------------------------*/

.id-bakeClassRecipes { }




/* TEMPORARY -  FIXED IMAGE WIDTH FOR LANDING PAGE CATEGORIES, remove once real images are in the server
-----------------------------------------------------------*/
.recipeLandingImg img {width:792px; min-height:312px; max-height:320px; }



/* recipe category & booklet detail targeted block styles
-----------------------------------------------------------*/

.id-landingBooklet { }

/*landing pages block sections, multiuse for recipes, booklets other, 2 column use*/
.muBlock { float: left; margin-bottom: 15px; margin-top: 15px; width: 380px; clear:left; display:inline-table; }

@media screen and (-webkit-min-device-pixel-ratio:0)
{ 
 .muBlock { float: none; }
}

.lt-ie9 .muBlock {  width: 400px; clear:none;}

/*clears right block item if overflow*/
.linedBlockRow > .muBlock:nth-child(2n+2) { margin-left: 35px; clear:right;}

/*mu thumb image block styles*/
.muBlockImg { float: left; display: table-cell; position: relative; margin-right: 16px; }
.muBlockImg img { }

/*mu style general markup custom*/
.muBlock h2 { color: #572600; float: left; font-size: 12px;  margin-top: 0; text-transform: uppercase; width: 100%; line-height:16px; }
.muBlock h2 a { color:#572600;}
.muBlock h2 a:hover { color: #FDD14C;}

.id-landingBooklet .muBlock h2 { font-size: 14px}

.muBlock h3 { color: #B7B7B7; float: none; font-size: 24px; line-height: 24px; }
.muBlock p { float:left;}

.muBlockContent { display: table-cell; float: left; position: relative; top: 0; width: 140px; }

/*mu p class for details*/
.muSubInfo { margin:0;  font-size: 8px; text-transform: uppercase;}
.muSubInfo span b { font-weight:normal;}
 
/*mu content area wrappers*/
.muInfoBar { position:relative;  height: 100px;}
.muInfoBarView{position:relative;  height: 80px;}
.muButtonBar { position:relative; bottom:0; width: 100%; }
.lt-ie8 .muButtonBar { position:relative; }

/*mu content box for thumb rating for recipes/other*/
.muRatingBar { bottom: 0; float: left; font-size: 9px; height: 35px; position: relative; text-transform: uppercase; width: 100%; margin-top:3px; }
.muRatingBar div > b { font-weight:normal; margin-left:4px;}

.ratingVessel {   float: left; margin: 3px 0;}

.id-landingBooklet .muRatingBar {display:none;}

/*mu arrow links custom hover styles*/
h2.muLinkBox { margin: 9px 0px; }
.muLinkBox { /*font-family: 'KeepCalmMedium';*/ font-size: 10px; background: url("images/arrow-brown-link.png") no-repeat scroll right center transparent; border-bottom: 1px solid #FFE599; border-top: 1px solid #FFE599; clear: both; color: #572600; float: left; position: relative; text-transform: uppercase; width: 100%; }
.muLinkBox:hover { background: url("images/arrow-brown-link-hover.png") no-repeat scroll right center transparent; }

.muLinkBox > a { width: 100%; padding: 5px 0; float: left; color:#572600; }
.muLinkBox > a:hover {color: #FDD14C; }

/*mu box share related styles with hovercard plugins*/
.muLinkBox > .hc-preview > a { width: 100%; padding: 5px 0; float:none; color:#572600; }

.muLinkBox > .hc-preview > a:hover {color: #FDD14C; } 

.muLinkBox.popUp {}
.muLinkBox.share { border-bottom:0;}

/*mu download link change arrow bg*/
.download { background: url("images/arrow-download-link.png") no-repeat scroll right center transparent; }
.download:hover { background: url("images/arrow-download-link-hover.png") no-repeat scroll right center transparent; }

/*booklet featured banner link overlay boxes*/


.bookletViewBlock { display: block; height: 29px; margin-left: 465px; margin-top: 200px; position: absolute; width: 85px; z-index: 99; }

.bookletDownloadBlock { display: block; height: 29px; margin-left: 661px; margin-top: 200px; position: absolute; width: 117px; z-index: 99; }
.bookletShareBlock { display: block; height: 28px; margin-left: 563px; margin-top: 200px; position: absolute; width: 88px; z-index: 99; }


.lt-ie10 .bookletDownloadBlock > a  { background:red; opacity:0; z-index:9999;  }
.lt-ie9 .bookletDownloadBlock > a  { background:red;  z-index:9999; -moz-opacity: 0; opacity:0; filter: alpha(opacity=0); }

.lt-ie10 .bookletShareBlock div > a { background:red; opacity:0; z-index:9999;  }
.lt-ie9 .bookletShareBlock div > a  { background:red;  z-index:9999; -moz-opacity: 0; opacity:0; filter: alpha(opacity=0); width:120px; }
.lt-ie8 .bookletShareBlock div > a  { background:red;  z-index:9999; position:relative; display:block;  }


.lt-ie10 .bookletViewBlock > a   { background:red; opacity:0; z-index:9999;  }
.lt-ie9 .bookletViewBlock > a   { background:red;  z-index:9999; -moz-opacity: 0; opacity:0; filter: alpha(opacity=0);  }
.lt-ie8 .bookletViewBlock > a { background:red;  z-index:9999; position:relative; display:block;  }


.bookletViewBlock > a { display: block; height: 28px; text-indent: -9999px; width: 102px; }


.bookletShareBlock div > a, .bookletShareBlock > a { height: 28px; text-indent: -9999px; width: 80px; }
.bookletShareBlock > a { display: block; }
.bookletDownloadBlock > a { display: block; height: 28px; text-indent: -9999px; width: 102px; }


/* center text double line text widget
-----------------------------------------------------------*/

.centeredDot { width:100%; text-align:center; border-bottom: 3px double #bbbbbb; line-height:0.1em; margin:10px 0 20px; }
.centeredDot span { background:#FCFCFC; padding:0 10px;  position:relative;}



/* recipe landing page search form box
-----------------------------------------------------------*/

.recipeFinderBox { border:1px solid #E5E5E5; background:#fcfcfc; margin-top:30px; margin-bottom:10px;}
.recipeFinderContent { margin:15px 20px;}
.recipeFinderContent h3 { color:#999; margin-bottom:7px;}

.recipeFinderContent button,  .recipeFinderContent input[type="text"], .recipeFinderContent textarea { border: 1px solid #E6DFD9; margin: 0px 15px 0px 0px; padding: 6px;  }

/*styles for custom arrow select drowpdowns and btns*/
.selectBoxArrow select { background: none repeat scroll 0 0 transparent; border: 0 none; color: #663E24; display: inline-block; /*font-family: 'KeepCalmBook'!important; font-size: 11px;*/ padding: 5px 5px 5px 25px; width: 263px; border: 1px solid #E6DFD9; height: 30px; -webkit-appearance: none; -moz-appearance: none; border-radius:0;}

.lt-ie8 .selectBoxArrow select {width: 238px; display:block; border: 1px solid #E6DFD9; padding:5px; float:left; }

.selectBoxArrow { border-right: 1px solid #E6DFD9; margin-right: 15px; display: inline-block; width: 238px; overflow: hidden; background: url(images/select-drop-arrow.png) no-repeat -12px 12px #fff; -webkit-appearance: none; height: 30px; }

.selectBoxArrow:hover { background: url(images/select-drop-arrow.png) no-repeat -12px -8px #fff; -webkit-appearance: none; height: 30px;   }

.lt-ie8 .selectBoxArrow { background:none; width:auto; overflow:visible; float:left; border:none;}

.selectBoxArrow.last { margin-right: 0; }

.selectBoxArrow select > option { padding: 0px 15px; margin-top: 2px; margin-bottom: 2px; }

.lt-ie10 .selectBoxArrow select{  font-family:Arial; font-size:13px;  }

.finderSelectBlock { margin-bottom:5px; display: table; margin-bottom: 15px; position: relative;}

.finderFieldBlock { margin-bottom:0px; display: table; margin-top: 0px; position: relative;}

.finderFieldBlock input[type="text"] { width:555px;}

.recipeFinderBtn input { width:166px;}


/*styles for custom button and input boxes*/
.inputBoxStyle button, .inputBoxStyle input, .inputBoxStyle textarea { border: 1px solid #E6DFD9; display: table-cell; margin: 0 15px 0 0; padding: 6px; color:#663E24; }



/* shell btn style, similar to .defaultBtn
-----------------------------------------------------------*/
.shellBtn {  display: inline-block; outline: 0 none; padding: 2px; font-family:'KeepCalmMedium';  }

.lt-ie8 .shellBtn { /*width:175px;*/ text-align:center;}

.shellBtn input[type="submit"], .shellBtn input[type="button"] { background: none repeat scroll 0 0 #F1F1F1; border: 3px double #ccc; color: #572600; font-size: 11px; padding: 4px 9px; margin:0; font-weight:bold; }

.shellBtn input[type="submit"]:hover, .shellBtn input[type="button"]:hover, .blockedBtn:hover { background: #FFCD32; border: 3px double white; }

.shellBtn a { background: none repeat scroll 0 0 #F1F1F1; border: 3px double #CCCCCC; color: #572600; font-size: 10px; font-weight: normal; margin: 0; padding: 4px 15px; text-transform: uppercase; }

.shellBtn a:hover { background: #FFCD32; border: 3px double white;}

.lt-ie8 .shellBtn a { display:block;}

.recipeFinderBox .centeredDot { margin-top:20px; margin-bottom:20px;}


/*special input button class ON inut button*/

.shellInputBtn.commentForm { margin-top:20px;}

.shellInputBtn input { background: none repeat scroll 0 0 #F1F1F1; border: 3px double #ccc; min-width: 150px; color: #572600; font-size: 11px; padding: 4px 9px; outline: none; text-transform:uppercase;  font-family:'KeepCalmMedium';}
.shellInputBtn input:hover { background: #FFCD32; border: 3px double white;}

.shellInputBtn input[disabled], .shellInputBtn input[disabled]:hover { color:#ccc; background: none repeat scroll 0 0 #F1F1F1; border: 3px double #ccc;}


/*addtional shell buttons for fixed width and default float*/

.fixedBtnBlock { float:left; display:block; text-align:center;}
.fixedBtnBlock a { float:left; display:block; }

.btn90 a { width:100px; padding:4px 5px;}
.lt-ie8 .btn90 { width:auto;}
.lt-ie8 .btn90 a {width:100px; }

.btn140 a { width:140px;}
.lt-ie8 .btn140 { width:auto;}
.lt-ie8 .btn140 a {width:140px; }


/* recipe search result
-----------------------------------------------------------*/
.recipeRow .muBlockImg a img {width:212px; min-height:139px;}
.recipeRow .muInfoBar { height:83px;}


.moreMidPartialBtn { background: url("images/bg_wide-partial-double-arrow-down.png") no-repeat scroll center 1px #FFCD31; border: 0 none; color: #572600; font-family: 'KeepCalmBook'; font-size: 11px; outline: 0 none; padding: 6px; text-transform: uppercase; width: 100%; margin-top: 15px; margin-bottom:15px; max-width:800px;}

.moreMidPartialBtn:hover { background: url("images/bg_wide-partial-double-arrow-down.png") no-repeat scroll center 1px #F6F7F8;  }


/* primary full wide recipe detail styles
-----------------------------------------------------------*/

.pageContentBox.fullSpace { margin:0px 0px;}

.pageFullBox {  display: block; float: left; margin-top: 10px; width:980px; position:relative;}


/* recipe detail page styles
-----------------------------------------------------------*/
.id-detailRecipes { }

.recipeDetailImg { border-bottom: 1px solid #E2E2E2; margin-bottom: 2px; padding-bottom: 0; }
.recipeDetailImg img {width: 980px; /*height: 365px;  */}

.detailInnerBox {  display: table; margin: 20px; width:940px; /*background:url(images/preload-img-small.gif) no-repeat center center transparent;*/ }


.recipeHeader { border: 0 none; clear: both; float: left; margin-bottom: 15px; position: relative; width: 100%; }

.recipeHeader h1 { float:left; width:600px;}

.detailInnerBox.f .recipeHeader h1 { width:540px;}

.recipeHeaderInfo { border: 1px solid #dadada;  border-left: 0; border-right: 0; font-size: 10px; padding: 8px 0; text-transform: uppercase; color:#bca899; display:block; float:left; width:100%;}

.recipeHeaderInfo span b, .recipeHeaderInfo span strong { font-weight:normal; margin-right:3px; color:#555555;}

.recipeIngredentBlockCon { display: table-cell; float: left; text-align: left; width: 750px; }

.detailInnerBox.f .recipeIngredentBlockCon { width: 730px;}


.recipeMetric { display:block; float:left;  margin-right:15px; line-height:20px;}


/*user interaction rating star styles*/

.recipeStars { float:right;  margin-left: 10px;  display:table-cell;}
.recipeStars #star > img{ margin-right:2px;}
.recipeStars #star > img.selectStar { }

.recipeBriefBar {  margin-bottom: 30px; display:table; }

.recipeBriefBarContent { display: table-row; width: 100%; }

.recipeDescription { display: table-cell; float: left; padding-right: 10px; vertical-align: top; }
.recipeDescription p { margin: 0; }

.recipeUploadPhoto { display: table-cell; vertical-align: top; float: right; position: relative; }


/*option menu selection bar*/

.menuOptionsBar { background: none repeat scroll 0 0 #C3C3C3; border: 3px double white; border-left: 0; border-right: 0; display: table; width: 100%; margin-bottom:25px;}
.lt-ie8 .menuOptionsBar {border: 3px double #C3C3C3; display:block; border-left:0; border-right:0;}

.menuSelection { width: 234px; float: left; border-left: 1px solid #fff; }
.menuSelection:first-child { border: 0; }

.menuSelection > a { color: white; display: block; float: left; font-family: 'KeepCalmMedium'; text-transform: uppercase; font-size: 10px; padding: 5px; text-align: center; width: 220px; }
.menuSelection > a:hover { color: #ffcc33; }

.detailInnerBox.f .menuSelection { height:42px;}
.detailInnerBox.f .menuSelection > a { height:30px; float:none; vertical-align:middle; display:table-cell;}


/*3 option menu bar, comment out when grocery list returns*/
.menuSelection { width:312px;}
.menuSelection > a { width:302px;}
.detailInnerBox.f .menuSelection { height:auto;}
.detailInnerBox.f .menuSelection > a { height:auto; float:none; vertical-align:middle; display:table-cell;}
.detailInnerBox.f .shareSelection { margin-top:0!important;}


.shareSelection { width: 220px; margin: 0 auto; text-align: center; }

.shareSelection .hc-preview > a { color: white; font-family: 'KeepCalmMedium'; text-transform: uppercase; padding: 5px; font-size: 10px; }
.shareSelection .hc-preview > a:hover { color: #ffcc33;}

.detailInnerBox.f .shareSelection { margin-top:8px;}


.valueInfoBox { display: table-cell; float: left; padding-top: 20px; vertical-align: top; }
.valueInfoBox h2 { border-bottom: 4px double #E6E6E6; color: #000; font-size: 12px; padding-bottom: 3px; text-transform: uppercase; }

.ingredientsTab { width: 180px; margin-right: 20px; margin-left: 5px; }

.directionsTab { width: 700px; margin-right: 0px; }


/*recipe detail aside wrapper*/

.asideExtColumn { display: block; float: right; margin-bottom: 20px; margin-left: 20px; width: 213px;}

/*recipe tools aside widget*/

.recipeToolsAside { background: none repeat scroll 0 0 #F6F6F6; border: 5px double #FFFFFF; display: table-cell; float: right; margin-left: 20px; padding: 0 15px 10px; width: 170px; margin-bottom: 10px; margin-top:10px; color:grey;}

.squareBlockList { padding-left:20px; list-style:square;}
.squareBlockList li { margin:8px 0;}

.recipeInstrucitonsContent { display: block; max-width:468px;}


.recipeActionCallAside { background: none; border: none; display: table-cell; float: right; margin-left: 0px; padding: 0 15px 10px; width: 190px; margin-bottom: 10px; margin-top:10px; color:grey;}


/*blocked recipe instructions ordered list elements*/
ol.blockedOrderList { display: block; padding: 0 0 0 26px; list-style: none; overflow: hidden; counter-reset: numList; margin-top:0;}
ol.blockedOrderList li { margin-right: 44px; float: left; position: relative; margin: 10px 0; clear: both; padding-left: 10px; line-height:18px; font-size:10px; float:none; display:block;}

.lt-ie8 ol.blockedOrderList li {float: none; padding-left: 0; list-style:decimal;}


ol.blockedOrderList li:before { counter-increment: numList; content: counter(numList); float: left; position: absolute; left: -26px; text-align: center; color: #fff; line-height: 16px; width: 16px; height: 16px; background: #FFCC33; border: 3px double #FFFFFF; }


.lt-ie10 ol.blockedOrderList li:before { top:-2px;}

.stepOrderBlock { float:left; clear:both; margin-left:10px;}
.stepOrderBlock h4 { margin:0;}


/*kids baking tip recipe instructions detail information*/


.kidsBakingTip { clear: both; display: table; float: left; margin-bottom: 0; margin-left: 5px; min-height: 50px; padding: 5px 5px 5px 0; }

.lt-ie8 .kidsBakingTip { margin-top: 10px; }

.kidsBakingTip img { margin-top: 0px; }

.kidsBakingTipCol { display: block; margin-right: 15px; min-width: 45px; width:85px; text-align: center; }

.kidsBakingTipCol span { color: #009966; font-size: 10px; margin-top: 0; text-transform: uppercase; }

.kidsBakingTip h3 { color: #009966; font-family: 'KeepCalmMedium'; margin-top: 5px; font-size: 10px; }
.kidsBakingTip p { display: table-cell; margin-bottom: 5px; margin-top: 0; vertical-align: top; }


.nutritionTextLinkPop {margin-left:35px; }

.nutritionTextLinkPop h4:hover{color: #FDD14C; }

.nutritionTextLinkPop .hc-details { left:-75px;}


/*recipe detail related slider*/

.pageExtrasBox {  display: table-cell; float: left; width:100%; position:relative;}

.detailRelatedBox { display: table; margin: 20px; margin-top: 0px; float: left; width: 680px; margin-right:0;}

.detailFeaturedBlock { width: 240px; display: table-cell; float: left; margin-left: 20px; min-height: 100px; }

.detailFeaturedBlock:first-child { margin-left: 0px; }
.detailFeaturedBlock h3 { float: left; line-height: 15px; margin: 0; padding: 0; margin-bottom: 4px; }


/*overrite shared styles with home recipe booklet block*/

.detailFeaturedBlock .homeSectionContent { float: left; margin-bottom: 5px; margin-top: 5px; width: 100%; }

.lt-ie8 .detailFeaturedBlock .homeSectionContent {display:block; position:relative; }

.detailFeaturedBlock .homeBookletBlock { background: none repeat scroll 0 0 white; border: 1px solid #E2E2E2; clear: both; display: block; float: left; min-height: 160px; min-width: 238px; position: relative; width: 238px;  }

.detailFeaturedBlock .homeBookletBlock img { border: 1px solid #E2E2E2; display: block; float: none; left:auto; margin: 0 auto; padding: 3px; position: relative; top: auto; text-align:center; margin-top:20px; height:100px;}

.bookletText { font-size: 8px; margin: 10px 20px 0; text-align: center; text-transform: uppercase; }

/*special PS notes for recipes, also bake class*/

.recipePSNotes, .bakeClassPSNotes { width:465px; display:table-cell; display:block; line-height:18px; clear:both;}

p.recipePSNotesFooter { font-family: arial,Helvetica, sans-serif; font-size: 11px; letter-spacing: -0.01em; }


.bkRecipeBack { float: left; margin-left: 0px; }

.bkRecipeBack a { color: #552A13; font-family: 'KeepCalmMedium'; font-size: 10px; font-weight: normal; text-transform: uppercase; float: left; background: url("images/arrow-brown-link-solid-invert.png") no-repeat scroll left center transparent; padding: 7px; padding-left: 10px; }

.bkRecipeBack a:hover { background: url("images/arrow-yellow-link-solid-invert.png") no-repeat scroll left center transparent; color:#FFC220;}



/* bake class unique styles
-----------------------------------------------------------*/


.bakeClassRecipeNote { border-top: 4px double #E6E6E6;  min-width: 465px;  display: table; }
.bakeClassRecipeNoteInner { margin: 20px; display: table; margin-left:35px;}
.bakeClassRecipeNoteInner img { width: 150px; display: table-cell; }

.lt-ie8 .bakeClassRecipeNoteInner img { float:left;}

.bakeClassRecipeNoteText { display: table-cell; height: 107px; padding-left: 20px; vertical-align: middle; width: 248px; }

.lt-ie8 .bakeClassRecipeNoteText {float:left }

.bakeClassRecipeNoteText p { vertical-align: middle; }

.bakeClassRecipeNoteText p a { text-decoration:underline;}

.bakeClassVideoBlock { width:980px; margin-top:60px; /*20141106 - shift video wrapper down so that it's not covered by logo*/}

.bakeClassTitleText { font-family:'KeepCalmMedium';}

/* bake class video overlay hover*/

.bakeClassVideoOverlay { /*background: url("images/video-play-overlay.png") no-repeat scroll center center transparent;*/ cursor: pointer; height: 370px; position: absolute; width: 980px; }

.bakeClassVideoOverlay:hover { /*background: url("images/video-play-overlay-hover.png") no-repeat scroll center center transparent;*/ }


/*bake class tip style*/

.bakeClassTip { clear: both; display: table; float: left; margin-bottom: 10px; margin-left: 10px; min-height: 50px; padding: 5px 5px 5px 0; }

.lt-ie8 .bakeClassTip { margin-top: 10px; }

.bakeClassTip img { display: inline-block; }


.bakeClassTip h3 { color: #009966; font-family: 'KeepCalmMedium'; margin-top: 5px; font-size: 10px; }

.bakeClassTipCol { display: block; margin-right: 15px; text-align: center; min-width:45px;}

.lt-ie8 .bakeClassTipCol { width:50px; float:left;}

.bakeClassTip span { text-transform: uppercase; }

.lt-ie8 .bakeClassTip span { display:block; }


.bakeClassTip p { display: table-cell; margin-bottom: 5px; margin-top: 0; vertical-align: top; }


/*bake class video landing styles*/

.bakeClassLandingImg img { max-height: 320px; min-height: 312px; width: 792px; }

.bakeClassLandingBlock { }

.bakeClassLandingBlock h1 { font-size:15px; margin:0px 0; margin-top:5px; min-height:45px;}

.bakeClassLandingBlock.f h1 { font-size:14px;}

.bakeClassLandingBlock a h1:hover { color: #FDD14C;}

.bakeClassLandingBlock .muBlockImg { float:none;}

.bakeClassLandingBlock .muBlockImg img { width:232px; min-height:152px;}

.bakeClassLandingBlock .muBlockImg.inactive img  { opacity:0.4;  filter: Alpha(Opacity=40)}

.muTriColumnRow > .bakeClassLandingBlock .muButtonBar { }


.bakeClassLandingList { clear: both; float: left; font-size: 10px; margin: 0 0 0 14px; padding: 0; }

.bakeClassLandingList a { text-decoration:underline;}

.bakeClassLandingList li { list-style: disc; }


.muTriColumnRow > .muBlock.bakeClassLandingBlock { display:inline-block; float:none; vertical-align:top; width:247px;}

.lt-ie9 .muTriColumnRow .muBlock.bakeClassLandingBlock { margin-right:16px; width:246px;}


.bakeClassTriColumn {  }

.bcLandFixedLink { float: right; padding-right: 15px; width: 159px; }

.bakeClassTriColumn h4 { color: #383838; font-family: 'KeepCalmMedium'; font-size: 10px; letter-spacing: 0.06em; }

.bakeClassTriColumn h3 { border-bottom: 1px solid #E5E5E5; padding-bottom: 7px; width: 250px; }




/* print recipe styles
-----------------------------------------------------------*/

.printRecipeWrapper { min-height: 100%; padding-bottom: 32px; position: relative; width: 100%; }

.printRecipeColumnLogo {  display: table-cell; position: relative; vertical-align: top; }

/*increase min-width to increase the ovverall page size of print content area, directions etc*/
.printRecipeColumnMain {  display: table-cell; position: relative; vertical-align: top; width: 100%; padding-left: 15px; padding-right: 15px; min-width:760px;}


.asidePrintColumn { }

.printRecipeImgAside { display: table-cell; float: right; margin-top: 10px; padding: 0; margin-bottom:10px;}
.printRecipeImgAside img { width: 204px; }


.printRecipefooter { background: none repeat scroll 0 0 #FFD147; bottom: 0; height: 32px; left: 0; position: absolute; width: 100%; }

.printRecipeWrapper .directionsTab {font-size:10px; }

.printRecipeWrapper .recipeIngredentBlockCon { float:none;}

.printRecipeWrapper .recipeInstrucitonsContent { min-width:300px;}


/* baking hour styles + landing and all
-----------------------------------------------------------*/

.id-landingBakingHour { }
.id-landingBakingHour h2, .id-landingBakingHour h3, .id-landingBakingHour h4, .id-landingBakingHour h5 { color:#009966; float:none;}
.id-landingBakingHour h2 a, .id-landingBakingHour h3 a, .id-landingBakingHour h4 a, .id-landingBakingHour h5 a { color:#009966;}


.bhRecipeLandingBox { margin:15px 0 0;}

.bhRecipeLandingBox h3.title  { color:#383838;}
.id-landingBakingHour .linedBlockRow h3.title { color:#383838;}


h4.dateTitleMark { color: #999999; margin: 5px 0;}

.bakingHourLandingImg { border-bottom:0;}


/*baking hour left navigaiton menu active state styles*/

.bakingHourMenu { }
.bakingHourMenu ul li { background:none;}

#bkSideNav01 a { }
#bkSideNav02 a { }
#bkSideNav03 a { }
#bkSideNav04 a { }
#bkSideNav05 a { }
#bkSideNav06 a { }
#bkSideNav07 a { }
#bkSideNav08 a { }


/*baking hour landing page newsletter cta block styles*/
.bhCtaBlock { background:#FDFCFC; border:1px solid #ffcc33;  width: 800px; float: left; margin-bottom:15px;}
.bhCtaContent {border:1px solid #fff; background:url(images/bh-cta-email-icon.png) no-repeat 0px 0px transparent; padding-left:75px; min-height:74px;}

.bhCtaContent h2 { margin-top:8px; margin-bottom:0; text-transform:uppercase;}
.bhCtaContent p { margin:0; margin-bottom:7px;   width: 684px;}


.bhCtaLinkArrow{ clear: both; float: none; font-size: 11px; margin-right: 10px; padding-right: 20px; position: static; text-transform: uppercase; margin-bottom:6px;}
.bhCtaLinkArrow a { background: url("images/arrow-brown-link.png") no-repeat scroll right center transparent; padding-right: 15px; }
.bhCtaLinkArrow a:hover { background: url("images/arrow-brown-link-hover.png") no-repeat scroll right center transparent; }








/*baking hour recipe slider overides of muBlock styles*/

.muBlock.bhLandingRecipe { width: 100%; text-align: left; margin: 0; }

.muBlock.bhLandingRecipe .muBlockContent { width: 365px; }

.muBlock.bhLandingRecipe .muBlockImg { margin-right: 40px; }
.muBlock.bhLandingRecipe .muBlockImg img.borderFrame { width: 372px; min-height:246px; border: 1px solid #E2E2E2; padding: 3px; }

.lt-ie8 .muBlock.bhLandingRecipe .muBlockImg img.borderFrame { margin-left: 10px; }

.muBlock.bhLandingRecipe .muInfoBar h2 { margin: 0; }


.muBlock.bhLandingRecipe .muInfoBar { max-height: 149px; min-height: 78px; height:auto; overflow: hidden; text-overflow: ellipsis; }

.lt-ie8 .muBlock.bhLandingRecipe .muInfoBar {height: 100%;  }

.muBlock.bhLandingRecipe .muButtonBar { width: 375px;  }

.lt-ie8 .muBlock.bhLandingRecipe .muButtonBar { width: 365px;  }

.muBlock.bhLandingRecipe .muRatingBar { margin-bottom:5px;}

.bhBlockRow .linedBlockContent {padding:25px 0px; }


/*triSection style blocks*/

.triSection { float: left; margin-left: 20px; width: 252px; }
.triSection:first-child { margin-left: 0; }

.triSectionContent { }


.triSectionContent h2 { margin: 5px 0; text-transform: uppercase; }
.triSectionContent h4 { margin:5px;}
.triSectionContent p { margin-top: 0; display:table-cell;}

.triSection .highlightedLink { font-size: 10px; margin-top:15px;}
.triSection .highlightedLink a { }

.lt-ie8 .triSection .highlightedLink { width:240px;}


.bhLandFixedLink { float: right; width: 165px; }

.id-landingBakingHour.f .bhLandFixedLink{ font-size:9px;}

.lt-ie8 .triSection .bhLandFixedLink {width: 154px; }

.bhlandingBageImg { display: table-cell; float: left; margin-right: 21px; }


/*twinSection style blocks*/

.twinSection { float: left; margin-left: 40px; width: 380px; }
.twinSection:first-child { margin-left: 0; }

.twinSectionContent { }
.twinSectionContent h2 { margin: 5px 0; text-transform: uppercase; }
.twinSectionContent p { margin-top: 0;  }

.twinSection .highlightedLink { font-size: 10px; }
.twinSection .highlightedLink a { }

.lt-ie8 .twinSection .highlightedLink { width:380px;}

.lt-ie8 .twinSection .bhLandFixedLink {width: 164px; }


.bakingHourLandingImg img { height: 312px; width: 792px; }

/*static content block for baking hour recipes page*/

.staticContentBlock { margin-left: 100px; margin-right: 150px; margin-top: 30px; }
.staticContentBlock h2 { text-transform: uppercase; font-size: 14px; }
.staticContentBlock h3 { margin-top: 25px; margin-bottom: 5px; font-size: 12px; }

.staticContentBlock menu, .staticContentBlock ol, .staticContentBlock ul { padding: 0 0 0 15px; }
.staticContentBlock dl, .staticContentBlock menu, .staticContentBlock ol, .staticContentBlock ul { margin: 1em 0; font-size:10px; line-height:16px;}


.bhAsideBlock { height: 400px; margin-left: 10px; margin-top: 40px; position: relative; display:block; width: 168px; }

/*forced div container link for sso popup window left banner bh*/
.forceSSOBlockLink { position:absolute; width: 168px; height: 400px;  display:block; background:url(images/1px-transparent.png) repeat 0px 0px transparent; }
.forceSSOBlockLink a { width: 168px; height: 400px;   position:relative; display:block; text-indent:-9999px; float:left;}



/* baking calendar block styles
-----------------------------------------------------------*/
.calendarFeature { }

.calendarFeature h2 { text-transform: uppercase; font-size: 13px; }
.calendarFeature h3 { margin-top: 25px; margin-bottom: 5px; font-size: 12px; }

.calendarFeature menu, .calendarFeature ol, .calendarFeature ul { padding: 0 0 0 15px; }
.calendarFeature dl, .calendarFeature menu, .calendarFeature ol, .calendarFeature ul { margin: 1em 0; font-size:10px; line-height:16px;}


/*multi use for displaying lists in duel columns*/
ul.duelColumnList, ol.duelColumnList { display: table; position: relative; }
.duelColumnList li { width: 43%; float: left; }


/*calendar wrapper box left*/
.calendarMainBox {width: 560px; float: left;  position:relative; display:block; margin-right:20px; }/*width determines size of bakingHour Calendar*/

/*calendar controls box right*/
.calendarControlsBox { width: 220px; float: left; position:relative; display:block;}

/*calendar box styles*/
.bakingHourCalendar { border:1px solid #e2e2e2; padding-top:10px;}


/*fullcalendar css overwrite styles*/
.bakingHourCalendar .fc-content { margin: 2px 2px 3px 3px; }

.bakingHourCalendar .fc-grid .fc-day-number { float: left; font-size: 10px; margin-left: 7px; margin-top: 5px; margin-bottom: 5px; }

.bakingHourCalendar .fc-widget-content { background: #f3f1f1; border: 1px solid white; border-left: 0; border-bottom: 0; height:72px;}

.bakingHourCalendar .fc-widget-content:hover {opacity:0.8;}

.bakingHourCalendar .fc-header .fc-button { margin-bottom: 0.5em; border:0;}

.bakingHourCalendar th.fc-widget-header { border: 0 none; font-size: 11px; font-weight: normal; padding: 5px 0; }

.bakingHourCalendar .fc-header-title h2 { color: #000; }

.bakingHourCalendar .fc-grid .fc-day-content { }

.bakingHourCalendar .fc-event-time, .bakingHourCalendar .fc-event-title { color: #fff; display: table;}

.lt-ie8 .bakingHourCalendar .fc-event-title {  display:block; position:relative; text-align:center;}

.bakingHourCalendar .fc-event-time { display: none; }

/**/
.bakingHourCalendar .fc-event-skin { background: url("images/happy-face-icon-white.png") no-repeat scroll center center #FFCC33; border: 0 none; font-size: 9px; margin-left: 1px; margin-top: 0px; line-height: 14px; text-indent: 0px; border-radius: 0px 0px 0px 0px; font-size: 9px; line-height: 14px; margin-left: 1px; margin-top: 0;  cursor:pointer;}


.bakingHourCalendar .fc-event-title { line-height: normal; margin-bottom: 5px; margin-left: 0; margin-top: 3px; padding-left: 3px; padding-right: 3px; text-align: center; text-decoration: underline; }

/*edit calendar viewss*/

.bakingHourCalendar .BakingHourEventEditCss  .fc-event-skin { background:#E51937!important;}


.instructTable { margin-bottom:10px;}

.instructItem {font-size:10px; }



/*ENABLE FOR FULL  CELL CALENDAR EVENT BLOCK*/
.bakingHourCalendar .fc-event-hori {position:absolute;  margin:0; padding:0; margin-top:-27px; margin-left:-2px; border:2px solid #FFCC33; height:68px!important; width:74px!important;}

.lt-ie10 .bakingHourCalendar .fc-event-hori {  margin-top:-26px; height:68px!important;}

@media screen and (-webkit-min-device-pixel-ratio:0)
{ 

.bakingHourCalendar .fc-event-hori {  margin-top:-26px; height:70px!important; }

}

.bakingHourCalendar .fc-grid .fc-day-number { z-index:12!important; position:relative;}


/*remove default left right calendar buttons*/
.bakingHourCalendar .fc-state-default, .bakingHourCalendar .fc-state-default .fc-button-inner { border: 0; background: none; }
.bakingHourCalendar .fc-state-default .fc-button-effect span { background: none; }

/*next calendar btn*/
.bakingHourCalendar .fc-button.fc-button-next { background: url("images/bg_direction_nav_rh.png") no-repeat scroll right center transparent; height: 26px; text-indent: -9999px; width: 50px; }
.bakingHourCalendar .fc-button.fc-button-next.fc-state-hover { background: url("images/bg_direction_nav_rh-hover.png") no-repeat scroll right center transparent; }

/*previous calendar btn*/
.bakingHourCalendar .fc-button.fc-button-prev { background: url("images/bg_direction_nav_rh.png") no-repeat scroll left center transparent; height: 26px; text-indent: -9999px; width: 50px;  }
.lt-ie8 .bakingHourCalendar .fc-button.fc-button-prev { display:block;}

.bakingHourCalendar .fc-button.fc-button-prev.fc-state-hover { background: url("images/bg_direction_nav_rh-hover.png") no-repeat scroll left center transparent; }
.bakingHourCalendar .fc-event-inner.fc-event-skin { margin-left: 0; }


.calendarRecipeSelect {width:220px; }
.calendarRecipeSelect select { width: 250px;}

.lt-ie8 .selectBoxArrow.calendarRecipeSelect select { width:220px;}

/*only for baking calendar*/
.calendarDialogRecipeSelect {width:410px; }
.calendarDialogRecipeSelect select { width: 435px;}

.calendarDaySelect { width:188px;  }
.calendarDaySelect select { width:215px; }

.lt-ie8  .calendarDaySelect select { width:188px; display:block; position:relative;}


.calendarTabs.ui-tabs .ui-tabs-nav li a { padding: 0.5em 1em; }

.calendarTabs.ui-tabs.f .ui-tabs-nav li a { font-size: 7px; padding: 0.5em 1.1em; }


.lt-ie9 .calendarTabs.ui-tabs.f .ui-tabs-nav li a { font-size: 7px; padding: 0.5em 0.8em; }

.calendarEmailInput input { width: 174px; }



/*only for baking calendar*/
.calendarOptionsInput {margin-top:10px;}
.calendarOptionsInput input[type="submit"], .calendarOptionsInput input[type="button"], .calendarOptionsInput input[type="button"] { width:190px; font-weight:normal; font-family:'KeepCalmMedium'; text-transform:uppercase; font-size:10px;}

.calendarOptionsInput input[type="submit"]:hover, .calendarOptionsInput input[type="button"]:hover, .calendarOptionsInput input[type="button"]:hover { }


/* print calendar styles
-----------------------------------------------------------*/

.printCalendarWrapper { }

.printCalendarWrapper h1 { color: #009966; display: block; margin: 54px 0 0; position: relative; white-space: nowrap; z-index: 5; }
.printCalendarWrapper h3 { font-size: 11px; margin: 0; padding-right: 5px; }
.printCalendarWrapper h4 { color: #000000; font-size: 8px; margin: 10px 0 0; padding-right: 5px; }

.printCalendarWrapper .calendarMainBox { margin: 0 auto; float: none; }

.calendarPrintHeader { display: block; clear: both; margin-bottom: 25px; }

.calednarPrintWelcome { display: block; float: left; height: 178px; left: 143px; min-width: 248px; position: absolute; top: 0; width: 45%; }

.calendarPrintContent { display: block; margin: 0 auto; padding-left: 27px; text-align: left; width: 552px; }

.printCalendarRecipeBlock {display: inline-block; margin: 5px 5px 9px;  text-align: left; vertical-align: top; width: 120px; }

.printCalendarRecipeBlock img { border: 1px solid #E2E2E2; margin-top: 10px; padding: 3px; width: 100px; }

.calendarPrintEA { display: block; position: absolute; right: 0; text-align: right; top: -150px; }

.calendarPrintComments { border: 1px solid #E2E2E2; display: inline-block; height: 125px; margin-top: 30px; padding: 10px; text-align: left; width: 84%; margin-bottom:25px; margin-left:7%; display:none;}

.id-landingBakingHour.calendarFeature.printCalendarWrapper > p { margin: 15px auto; padding-left: 0; text-align: center; width: 522px; }




/* tips block override styles
-----------------------------------------------------------*/

/*tips left navigaiton menu active state styles*/

.tipsMenu { }
.tipsMenu ul li { background:none;}

.tipsMenuActiveItem { color:#A0A0A0;}

.id-landingTips { }

/*featured tips box area block*/
.featuredTipsBox { background: #FDFCFC; border: 1px solid #FFCC33; float: left; margin-bottom: 0px; width: 800px; margin-top:10px;}
.featuredTipsContent { border: 1px solid #FFFFFF; min-height: 46px; display: table; }


.featuredTipsContent img { float: left; height: 152px; margin: 2px; width: 232px; }

.featuredTipsImg { display: table-cell; min-height: 152px; vertical-align: middle; width: 232px;  }
.lt-ie8 .featuredTipsImg { display:block; position:relative; float:left;}


.featuredTipsText { float: left; margin-bottom: 20px; margin-left: 40px; margin-top: 20px; width: 480px; }

.lt-ie8 .featuredTipsText{ display:block; position:relative;}

.featuredTipsText h2 { font-size: 15px; margin: 0px 0; text-transform: uppercase; }
.featuredTipsText h4 { margin: 5px 0; text-transform: uppercase; }

.featuredTipsText h3 { margin:0; font-size:10px;}
.featuredTipsText p { margin: 5px 0; }


/*tri colmun linedRow overwrite and muBlock overwrite styles*/

.muTriColumnRow { margin-top: 0; padding-bottom:25px;}

.muTriColumnRow .muButtonBar { margin-top: 10px; float: left; width: 240px; }

.muTriColumnRow .muBlock { clear: none; display: block; float: left; margin-right: 25px; width: 250px; margin-bottom: 10px; }

.lt-ie9 .muTriColumnRow .muBlock {width: 267px;margin-right: 0px; }
.lt-ie8 .muTriColumnRow .muBlock {width: 266px; }


.muTriColumnRow > .muBlock:nth-child(2n+2) { margin-left: 0px; clear: none; }
.muTriColumnRow > .muBlock:nth-child(3n+3) { margin-right: 0px; }





/*tips community cta block styles*/

.tipsCtaBlock { background:#FDFCFC; border:1px solid #ffcc33;  width: 100%; float: left;  margin-bottom: 0; margin-top: 20px;}

.tipsCtaContent { background: url("images/cta-chef-hat-icon.png") no-repeat scroll 0 center transparent; border: 1px solid #FFFFFF; min-height: 86px; padding-bottom: 25px; padding-left: 100px; padding-right: 5px; }

.tipsCtaContent h2 { margin-bottom: 0; margin-top: 15px; text-transform: uppercase; }

.tipsCtaContent p { margin: 6px 0; padding-bottom: 4px; }

.tipsCtaLinkArrow { clear: both; float: left; font-size: 11px; margin-right: 10px; padding-right: 20px; position: static; text-transform: uppercase; }
.tipsCtaLinkArrow a { background: url("images/arrow-brown-link.png") no-repeat scroll right center transparent; padding-right: 15px; }
.tipsCtaLinkArrow a:hover { background: url("images/arrow-brown-link-hover.png") no-repeat scroll right center transparent; }


/*tips detail page styles*/

.muColumnMain { float: left;  margin-right: 20px; width: 575px; position:relative;}

.muColumnAside {width: 200px; float: left;  }
.muColumnAside > h3 { float: left; line-height: 15px; text-transform: uppercase; margin-left:5px;}


.muColumnAsideContent {width: 200px; float: left;   background: none repeat scroll 0 0 #F6F6F6; border: 5px double #FFFFFF; padding-bottom:20px;}

.muRelatedAsideBlock {font-size: 8px; text-align: center; float:left; width:200px; display:block; }
.muRelatedAsideBlock img { border: 1px solid #E2E2E2; height: 100px; margin-left: 0px; margin-top: 25px; padding: 3px; width: 150px; background:#fff; }

.muRelatedText {  margin: 10px 20px 0; text-transform: uppercase;}

.tipsRowContain { margin-top: 20px; position:relative;}

/*product aside tip banner block*/

.productCtaAside { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #FFCD32; display: block; float: right; margin-right: -5px; margin-top: 20px; width: 200px; }

.productCtaImg { display: block; float: left; margin: 5px 0; overflow: hidden; width: 92px; }
.productCtaImg img {width:100px; float:left; display:block; margin-left:-5px;}


.productCtaContent { display: block; float: left; margin: 5px 0; width: 96px; }

.productCtaAside .highlightedLink { font-size: 10px; margin-bottom: 10px; }

.lt-ie8 .productCtaContent .highlightedLink { width:95px;}


/*tip main content elements*/

.tipBlock { border: 1px solid #E6E6E6; float: left; display:table; margin-bottom: 20px; width: 100%; position:relative;}

.tipBlockContent { float: left; margin: 10px 15px 15px; width: 543px; position:relative; display:block;}

h3.tipTitle { background: none repeat scroll 0 0 #F6F6F6; float: none; font-size: 12px; margin: 3px; padding: 7px 0 7px 14px; letter-spacing: 0.04em; position:relative; display:block;}

.tipImg { display: block; float: right;  margin-bottom: 0px; margin-left: 20px; width: 200px; }

.tipText { display: table-cell; font-size: 10px; line-height:18px; }

.tipText a { text-decoration:underline;}

.tipText > li { margin-left:15px;}

.tipText ol, .tipText ul { padding-left:20px;}

.tipText table td {}

.shareLink { border-left: 1px solid #CCCCCC; float: right; font-size: 9px; margin-left: 0; margin-right: 6px; padding-left: 9px; }

.faveLink {float: right; font-size: 8px; line-height: 13px; text-transform: uppercase; margin-right: 10px;  background:url("images/thumb-fave-icon.png") no-repeat scroll left center transparent;}

.favTipIcon { background: url("images/mini-thumb-sprite.png") no-repeat scroll 0 0 transparent; cursor: pointer; display: block; float: left; height: 11px; padding: 0 3px; text-indent: -9999px; width: 9px; }

.favHeartIcon:hover { background: url("images/mini-thumb-sprite.png") no-repeat scroll 0 -11px transparent; }


.favTipIconSSO a { background: url("images/mini-thumb-sprite.png") no-repeat scroll 0 0 transparent; cursor: pointer; display: block; float: left; height: 11px; padding: 0 3px; text-indent: -9999px; width: 9px; }


.shareLink .hc-details { left: -40px; }

.faveLink .hc-details { right: -44px; }

.lt-ie8 .shareLink, .lt-ie8 .faveLink { display:block; position:relative; margin-top:-25px;}



/* community block layout styles
-----------------------------------------------------------*/

/*header block wrapper for full wide layoutpages*/

.fullWideHeader { display: table-cell; float: left; margin-left: 158px; margin-top: 10px; width: 800px; border-bottom: 1px solid #F7F2DE; }
.fullWideHeader h1 { }

.communityActionBox { border:1px solid #f1f1f1;}

.actionBlock { background: none repeat scroll 0 0 #F1F1F1; border: 1px solid #FFFFFF; display: table-cell; min-width: 300px; width: 33%; border-left: 0; }

.communityActionBox.f .actionBlock { height:100px;}

.communityActionBox.f .actionParaFixed { font-size: 10px; letter-spacing: normal; margin-top:-61px;}


.actionBlock:hover { background:#fff;}

.lt-ie8 .actionBlock{float:left; width: 312px; }

.actionBlock:first-child { border-left: 1px solid #FFFFFF; }

.actionBlockContent { }


.actionBlockContent a { display: block; height: 45px; padding: 15px 20px 23px 80px; position: relative; z-index: 10; background: url("images/bg_arrow_solid.png") no-repeat right bottom transparent; color:#552A13; }

.communityActionBox.f  .actionBlockContent a {height:62px; }

.actionBlockContent p {  color:#555555;}


.actionBlockContent a:hover { background: url("images/bg_arrow_solid-hover.png") no-repeat right bottom transparent;}

.actionBlockContent.type01 { background: url("images/comm-landing-icon01.png") no-repeat scroll 10px 13px transparent;  }

.actionBlockContent.type02 { background: url("images/comm-landing-icon02.png") no-repeat scroll 10px 13px transparent;  }

.actionBlockContent.type03 { background: url("images/comm-landing-icon03.png") no-repeat scroll 10px 13px transparent;  }


.actionParaFixed { margin-left: 79px; margin-top: -45px; position: absolute; width: 200px; }

.actionBlockProfileImgBox { background: url("images/home-community-profile-placeholder.jpg") no-repeat center center #fff; display: block; float: left; height: 83px; position: relative; width: 120px; text-align:center; overflow:hidden;}

.communityActionBox.f .actionBlockProfileImgBox { height:100px;}


.actionBlockProfileImgBox img {min-height: 83px;  max-width: 120px;}

.loggedActionBox { }

.loggedActionBox a { padding-left: 20px; }

.loggedProfileLeading { padding-left: 120px;}

.lt-ie8 .loggedProfileLeading { padding-left: 0px;}

.profileWelcomeLeading { text-transform:uppercase;}


/*community main content area*/

.communityMainBox { margin-top:0;}
.communityMainBox .communityActionBox { margin-top:0; border:1px solid #E2E2E2; }

.communityActionBox { margin-bottom:10px;}


/*community controls options and navigation*/
.communityControlsWidget { margin: 20px; border-bottom:1px solid #E2E2E2; }

.communityControlsBox { background: #ffcd31; padding: 10px 15px; }


.lt-ie8 .communityControlsBox { float:left; width:870px;}

.communitySortOptions { font-size: 10px; margin: 8px 0; }

.lt-ie8  .communitySortOptions { font-size: 10px; margin: 8px 0; display:block; position:relative;  width:870px;}


.communitySortOptions input[type="checkbox"]{ margin:0px 8px; margin-left:15px; vertical-align:top }

.communitySortOptions input[type="checkbox"]:first-child { margin-left:0;}

.communitySortOptions label { vertical-align:top;  line-height: 12px;}


.communityFindArrow { width: 159px; border-right: 1px solid #AA927F; vertical-align: top; height: 28px; }
.communityFindArrow select { border: 1px solid #AA927F; height: 28px;  width:184px; }
.communityFindArrow select:hover { height: 28px; }
.communityFindArrow:hover { height: 28px; }

.inputCommunityFind { display: inline-block; height: 28px; vertical-align: top; }

.lt-ie8 .inputCommunityFind { float: left; display: block; }

.inputCommunityFind input { background: url("images/search-mag-brown-icon.png") no-repeat scroll 3px 3px #FFFFFF; border: 1px solid #AA927F; color: #663E24; display: table-cell; margin: 0 15px 0 0; padding: 6px 6px 6px 28px; width: 130px; }

.lt-ie8 .inputCommunityFind input { margin: 0; }

.communityGoBtn { background: #aa7a2b; vertical-align: top; }


.lt-ie8 .communityGoBtn { background: none; width: 60px; text-align: left; float: left; margin-left: 15px; }


.communityGoBtn input[type="submit"], .communityGoBtn input[type="button"] { background: #aa7a2b; color: #fff!important; border: 1px solid #fff; }

.communityGoBtn input[type="submit"]:hover, .communityGoBtn input[type="button"]:hover { background: #aa7a2b; border: 1px solid #fff; }

.lt-ie8 .communityGoBtn input[type="submit"], .lt-ie8 .communityGoBtn input[type="button"] { background: #AA7A2B; text-align: left; float: left; }


/*viewtype buttons*/
.viewTypeBox { float: right; display: block; position: relative; }

.titleViewGridBtn { background: url("images/grid-btn-sprite.png") no-repeat scroll 0 bottom transparent; border:0; outline:0; display:block; height:26px; width:26px; text-indent:-9999px; float:left;  margin:0px 10px;}
button[disabled].titleViewGridBtn {background: url("images/grid-btn-sprite.png") no-repeat scroll 0 0 transparent; }


.titleViewListBtn { background: url("images/list-btn-sprite.png") no-repeat scroll 0 bottom transparent; border:0; outline:0; display:block; height:26px; width:26px; text-indent:-9999px; float:left; margin:0px 10px;}
button[disabled].titleViewListBtn {  background: url("images/list-btn-sprite.png") no-repeat scroll 0 0 transparent;}



/*community main content area block styles*/

.communityContentBlock { margin: 5px; }

.communityMasonryBox { }

.communitySearchQueryMsg {margin: -8px 20px 0; }

.comItemBlock { width: 277px; border: 1px solid #E2E2E2; margin: 15px; float: left; }

.comItemBlock:hover { border: 1px solid #FFCD32; }

.comItemInner { background: #F8F8F8; margin: 4px; }

.comType01, .comType02, .comType03 { width: 895px; }

.comItemInfo { border-bottom: 1px solid #E2E2E2; margin: 0 15px; padding: 15px 0; }

.comItemProfileImg { border: 1px solid #FFE599; display: block; float: left; height: 38px; margin: 0 20px 15px 0; overflow: hidden; position: relative; width: 38px; background: #fff; background: url("images/home-community-profile-placeholder.jpg") no-repeat scroll 0 0px transparent; background-size:38px; }


.comItemProfileImg img { display: block; height: 38px; position: relative; text-align: center; min-width:38px;}

.comItemUserName { color: #552A13; display: block; font-size: 11px; line-height: 14px; margin: 0; padding: 0; position: relative;  vertical-align: top;}


.comUserAction { color: #222222; font-size: 10px; line-height: 12px; margin: 3px 0; text-transform:lowercase; }

.comTimeStamp { font-size: 10px; color: #666; }

.comItemStats { float: right; font-size: 8px; color: #888; }

.comFavCount { background: url("images/com-thumb-icon.png") no-repeat scroll 0 -2px transparent; height: 14px; padding-left: 20px; margin-bottom: 3px; }
.comCommentsCount { background: url("images/com-comment-icon.png") no-repeat scroll 0 -1px transparent; height: 14px; padding-left: 20px; }

.comLinkBox { background: url("images/arrow-brown-link.png") no-repeat scroll right center transparent; border-bottom: 1px solid #E2E2E2; clear: both; color: #572600; float: left; font-size: 10px; margin: 0 15px; position: relative; text-transform: capitalize; width: 238px; }

.comLinkBox:hover { background: url("images/arrow-brown-link-hover.png") no-repeat scroll right center transparent; }

.comLinkBox > a { width: 96%; padding: 5px 0; padding-right: 20px; float: left; color: #572600; }
.comLinkBox > a:hover { color: #FDD14C; }

.holdText { color: #555; }

.comContentsBox { clear: both; display: block; margin: 0 15px; padding: 15px 0; }

.comMainImgPic { margin-bottom: 15px; display:table;}

.comMainImgPic img { width: 230px; min-height:153px;}

.ratingComMainImg { display: block; margin: 0 auto; position: relative; text-align: center; }

.comMainTxtQuote { text-align:left; color: #57290d; overflow:hidden;}

.comMainTxtQuote p { font-size: 12px; line-height: 18px; margin: 0 0 0 20px; padding: 0; text-align: left; text-indent: -15px; }

.comMainTxtQuote p:before { content: url("images/quote-block-start.png"); width: 10px; margin-right: 5px; height: 10px; }
.comMainTxtQuote p:after { content: url("images/quote-block-end.png"); width: 10px; height: 10px; margin-left: 3px; }

.comMainTxtQuote p.listStars:before { content:""; width: 10px; margin-right: 5px; height: 10px; }
.comMainTxtQuote p.listStars:after { content: ""; width: 10px; height: 10px; margin-left: 5px; }

.quoteStart, .quoteEnd{  display:none;}

.lt-ie8 .quoteStart, .lt-ie8 .quoteEnd { font-size: 18px; padding:0px 3px; display:inline;  }

.comMoreBox { border-top: 4px solid #FFFFFF; font-size: 11px; text-align: center; background: #F1F1F1;  }

.comMoreBox:hover { background: #FFCD31; }

.comMoreBox a { background: url("images/arrow-brown-link.png") no-repeat scroll 157px center transparent; color: #572600; display: block; padding: 5px; text-indent: -3px; width: 97%; }

.moreWideBtn { background: url("images/bg_wide-double-arrow-down.png") no-repeat scroll center 1px #FFCD31; border: 0 none; color: #572600; font-family: 'KeepCalmBook'; font-size: 11px; outline: 0 none; padding: 6px; text-transform: uppercase; width: 900px; margin-top: 20px; margin-bottom:20px; margin-left:15px; margin-right:15px; }

.moreWideBtn:hover { background: url("images/bg_wide-double-arrow-down.png") no-repeat scroll center 1px #F6F7F8; border:none;}


/*special list view overrides*/

.listComLink { margin: 0; width: auto; }

.listInfoBox { display: table-cell;   vertical-align: top; width: 269px; margin-bottom: 20px;  float:left; }

.listContentsBox { display: table-cell; margin: 0 15px 15px; padding: 15px 0px; vertical-align:top; padding-left:10px; }

.lt-ie8 .listContentsBox { padding-left:0;}

.lt-ie8 .listContentsBox { float:left;}

.listContentsText { display: table-cell; margin: 0 15px; padding: 15px 0; margin-left: 0; margin-bottom: 15px; vertical-align: middle; min-width: 370px; width:100%; min-height:38px; }

.lt-ie8 .listContentsText { float:left;  width: 370px;}

.listMoreBtn { background: none repeat scroll 0 0 #F1F1F1; display: table-cell; font-size: 10px; margin: 0; overflow: hidden; padding: 0; text-align: center; text-indent: -8px; vertical-align: middle; width: 60px; }

.lt-ie8 .listMoreBtn {  height:120px; display:block; float:right;}

.listMoreBtn:hover { background: #FFCD31; }


.listMoreBtn a { background: url("images/arrow-brown-link.png") no-repeat scroll 55px center transparent; color: #572600; padding: 501% 17px; text-align: center; vertical-align: middle; }

.lt-ie8 .listMoreBtn a { height:120px; display:block; padding:0; padding-top:50px; background: url("images/arrow-brown-link.png") no-repeat scroll 45px 50px transparent;}

.listItemInner { background: none repeat scroll 0 0 #F8F8F8; display: table; margin: 4px; width: 99%; }

.listMainImgPic { }
.listMainImgPic img { width: 125px; min-height:85px; }


.listMainTxtQuote p { padding:20px 20px;  margin-right: 20px; margin-left:15px; border:1px solid #E2E2E2; border-left:0; border-right:0; text-align:left; }

.listItemInner .comItemInfo {border:none; }


.listItemInner .comLinkBox {border-top:1px solid #E2E2E2; }


/* community detail conversation page styles
-----------------------------------------------------------*/

.communityMainBox .communityDetailBox { margin-top: 0px; border: 0; }

.communityNavBar { width: 940px; clear: both; background: #FFCD31; margin-bottom: 15px; margin-top: 10px; display: table; }

/*community detail bar*/
.comBarBtn { display: block; }

.comBarBtn a { color: #552A13; font-family: 'KeepCalmMedium'; font-size: 10px; font-weight: normal; text-transform:uppercase;}

.comBarBtn a:hover { color:#fff;}

.comPageBack { float:left; margin-left:15px;}
.comPageBack a { float:right;  background: url("images/arrow-brown-link-solid-invert.png") no-repeat scroll left center transparent;  padding:7px; padding-left:10px;}
.comPageBack a:hover { background: url("images/arrow-white-link-solid-invert.png") no-repeat scroll left center transparent;}

.comPostBack {  float:left; margin-left:15px;}
.comPostBack a { float:left;  background: url("images/arrow-brown-link-solid-invert.png") no-repeat scroll left center transparent;  padding:7px; padding-left:10px;}
.comPostBack a:hover { background: url("images/arrow-white-link-solid-invert.png") no-repeat scroll left center transparent;}

.comPostNext {float:right; margin-right:15px;}
.comPostNext a { float:right;  background: url("images/arrow-brown-link-solid.png") no-repeat scroll right center transparent;  padding:7px; padding-right:10px; }
.comPostNext a:hover {background: url("images/arrow-white-link-solid.png") no-repeat scroll right center transparent; }


/*community detail layout main content area*/

.comPageDetailContent { margin: 0; }

.comColumnSide { float: left; margin-left: 15px; margin-right: 30px; width: 175px; }

.comColumnMain { float: left; margin-right: 30px; width: 483px;  }

.comColumnMainImage {display:block; margin-bottom:15px;}
.comColumnMainImage img { min-height:310px; min-width:470px;}

.comColumnMainInfo { display:block; margin-bottom:30px;}
.comColumnMainInfo h1 { color:#552A13; margin-bottom:0px;}
.comColumnMainInfo p { margin-top:5px;}

.comColumnMainInfo h2 { float:none; font-size:18px;}
.comColumnMainInfo h3 { float:none;}

/*community detail infobox inline view recipe*/

.comLinkBoxInline { background: url("images/arrow-brown-link-solid.png") no-repeat scroll right center transparent; border-bottom: 0 none; clear: both; color: #572600; display: inline; font-size: 9px; margin: 0 6px; position: relative; text-transform: capitalize; white-space: nowrap; }

.comLinkBoxInline:hover { background: url("images/arrow-brown-link-hover.png") no-repeat scroll right center transparent; }

.comLinkBoxInline > a { color: #572600; padding: 5px 10px 5px 0; width: 96%; }

.comLinkBoxInline > a:hover { color: #FDD14C; }


/*community detail share comm button*/

.comMuBtn { background: #F1F1F1!important; border: 3px double #fff!important; color: #572600!important; font-size: 10px!important; font-weight: normal!important; margin: 0!important; padding: 4px 15px; text-transform: uppercase!important; margin-bottom: 15px!important; width: 100%!important; font-family:'KeepCalmBook'!important; }

.comMuBtn:hover{}

.comCatConvos { border:4px double #E6E6E6; border-left:0; border-right:0; padding-bottom:10px;}

.comColumnSide .hc-details { left:33px;}

/*community cat chunk butn*/

.comcatRelLink {  }
.comcatRelLink a { margin:5px; margin-top:0; margin-left:0; margin-right:8px; color: #572600!important; background: url("images/com-cat-dot-list.png") no-repeat scroll 4px center padding-box #eaeaef; font-size:9px;  -webkit-border-radius: 3px; /* Android ≤ 1.6, iOS 1-3.2, Safari 3-4 */
border-radius: 3px; /* Android 2.1+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 5+ */

/* useful if you don't want a bg color from leaking outside the border: */
background-clip: padding-box; /* Android 2.2+, Chrome, Firefox 4+, IE 9+, iOS 4+, Opera 10.50+, Safari 4+ */  padding: 3px 7px 3px 11px; float:left; }

.comcatRelLink a:hover { background-color:#FFCD31; }

.lt-ie8 .comcatRelLink a {background:#eaeaef; }
.lt-ie8 .comcatRelLink a:hover { background-color:#FFCD31; }


/*community main column user bar*/
.comColumnUserBar { clear: both; display: table; margin-bottom: 20px; width: 100%; }

.comStartConvoBtn {float: left; background: url(images/comm-convo-icon.png) no-repeat -3px 0px transparent; height: 35px; display: block; margin-right:5px;}

.comStartConvoBtn a { display: block; font-size: 9px; padding: 10px 7px 12px 34px; text-transform: uppercase; }

.comBarPhotoBtn {float: left; background: url(images/comm-photo-icon.png) no-repeat -3px 0px transparent; height: 35px; display: block;}

.comBarPhotoBtn a { display: block; font-size: 9px; padding: 10px 7px 12px 34px; text-transform: uppercase; }


.comStatsMarkBox {float:right;  }

.comFavMark { float:right; background: url(images/com-thumb-icon-mid.png) no-repeat 13px -2px transparent; height: 35px; margin-left:5px;  padding-left: 13px; padding-right: 7px;  border-left: 1px solid #CCCCCC;}

.comCommentMark {float:right; background: url(images/com-comment-icon-mid.png) no-repeat 8px 2px transparent; height: 35px; margin-left:0px; padding-left:10px; padding-right:8px;  }

.comFlagMark { float:right; background: url(images/com-thumb-icon-mid.png) no-repeat 10px 0px transparent; height: 35px; margin-left:5px; padding-left:12px;  border-left: 1px solid #CCCCCC;}


.comMarkValue { float: left; font-size: 12px; padding-bottom: 2px; padding-left: 25px; padding-top: 1px; }
.comMarkText { float:left; clear:both; font-size:7px; text-transform:uppercase;}


/*community comment main boxstructure*/

.convoThreadBox {  margin:0px 0; margin-bottom:20px;}

/*convo top post OP main styles*/

.convoTopPostBox {  border:1px solid #E2E2E2;}

.convoTopPostInner {  background: none repeat scroll 0 0 #F8F8F8; margin: 3px;}

.convoProfileImg { background: url("images/home-community-profile-placeholder.jpg") no-repeat scroll 0 0 / 23px auto transparent; border: 1px solid #FFE599; display: block; float: left; height: 23px; margin: 15px; overflow: hidden; position: relative; width: 23px; }

.convoProfileImg img { display: block; height: 23px; position: relative; text-align: center; min-width:23px;}

.convoPostContent { display: table-cell; width: 100%; padding-right:15px; min-width:400px;}
.lt-ie8 .convoPostContent { float:left; display:block; width:385px;}

.convoPostContent h2.convoPostTitle { font-family: 'KeepCalmMedium'; font-size: 14px; margin:5px 0;  }

.convoPostContent p.convoPostText { margin: 0 0 10px; }

.convoTopPostBox .convoPostContent p.convoPostText { font-size: 12px; font-weight: bold; line-height: normal; }

.convoUserName { color: #552A13; display: block; font-size: 11px; line-height: 12px; margin: 0; padding: 0; position: relative;  vertical-align: top; margin-top:15px;}
.convoTimeStamp { color: #666666; font-size: 10px; }

/*convo upload btn styles*/

.convoPostUpload { background: none repeat scroll 0 0 white; display: block; float: right; margin-bottom: 15px; margin-left:15px; position: relative; }

.lt-ie9 .convoPostUpload { background:none; width:200px;}

.convoPostUpload img { display: block; max-width: 190px; min-height: 100px; min-width: 150px; position: relative; }


/*convo comment post tags*/
.convoPostRelatedTags { display: block; float: left; width: 100%; }

/*convoPost widget functions icons*/

.convoPostOption {  width:100%; display:table; clear:both; padding-bottom:6px;}

/*convo open btn*/
.convoOpenBtn { float:left;  }
.convoOpenBtn a { background: url("images/menu-nav-list-arrow-sprite.png") no-repeat scroll 7px 3px transparent; color: #A0A0A0; cursor: pointer; font-family: 'KeepCalmBookItalic'; font-size: 10px; padding-left: 24px; padding-right: 20px; padding-bottom: 8px; }
.convoOpenBtn a:hover {color: #FDD14C;}

/*convo close btn*/
.convoCloseBtn { float:left; display:none;}
.convoCloseBtn a { background: url("images/menu-nav-list-arrow-sprite.png") no-repeat scroll 7px -16px transparent; color: #A0A0A0; cursor: pointer; font-family: 'KeepCalmBookItalic'; font-size: 10px; padding-left: 24px; padding-right: 20px; padding-bottom: 8px;}
.convoCloseBtn a:hover { color: #FDD14C;} 

/*convo flag  logged*/
.convoPostFlag {  margin-top: 0; padding: 0 4px; border-left: 1px solid #CCCCCC; float: right; margin-left: 0px; height:13px;}
.flagPopUp { background: url("images/mini-flag-sprite.png") no-repeat scroll 0 0 transparent; height: 13px; padding: 0 3px; text-indent: -9999px; width: 7px;  display:block; }

.lt-ie8 .flagPopUp {  display:block; position:relative;}
.flagPopUp:hover { background: url("images/mini-flag-sprite.png") no-repeat scroll 0 -13px transparent; height: 13px; padding: 0 3px; text-indent: -9999px; width: 7px; }

.hc-tail.flagged { right:-66px;}


/*convo flag no logged*/
.convoPostFlag.sso { width:12px;}
.convoPostFlag.sso a { background: url("images/mini-flag-sprite.png") no-repeat scroll 0 0 transparent; height: 13px; padding: 0 3px; text-indent: -9999px; width: 7px; display:block;}
.convoPostFlag.sso a:hover { background: url("images/mini-flag-sprite.png") no-repeat scroll 0 -13px transparent;}


/*convo share btn logged*/
.convoShareBtn { border-left: 1px solid #CCCCCC; float: right; font-size: 9px; margin-left: 0px; margin-right: 6px; padding-left: 9px; }

.convoShareBtn .hc-details {
    left: -35px;
}

/*convo fav btn logged*/
.convoFavBtn { border-left: 1px solid #CCCCCC; float: right; font-size: 8px; margin-left: 0; margin-right: 9px; margin-top: 1px; padding-left: 6px; }
.favHeartIcon { background: url("images/mini-thumb-sprite.png") no-repeat scroll 0 0 transparent; cursor: pointer; display: block; float: left; height: 11px; padding: 0 3px; text-indent: -9999px; width: 9px; }
.favHeartIcon:hover { background: url("images/mini-thumb-sprite.png") no-repeat scroll 0 -11px transparent; }

/*convo fav btn no logged*/
.convoFavBtn.sso { }
.convoFavBtn.sso a {background: url("images/mini-thumb-sprite.png") no-repeat scroll 0 0 transparent; cursor: pointer; display: block; float: left; height: 11px; padding: 0 3px; text-indent: -9999px; width: 9px; }
.convoFavBtn.sso a:hover{background: url("images/mini-thumb-sprite.png") no-repeat scroll 0 -11px transparent; }

.convoFavBtn .hc-details{ right: -44px;}

.hc-tail.faved {right:-27px; }
.faveLink .hc-tail.faved { right:0;}
.convoFavBtn  .hc-tail.faved { right:0;}

/*convo comment*/
.convoCommentCount { float: right; font-size: 8px; margin-left: 0px; margin-right: 6px; padding-left: 9px; margin-top:1px;}
.convoIconMini { background: url("images/min-icomment.png") no-repeat scroll 0 2px transparent; float: left; height: 11px; padding: 0 3px; text-indent: -9999px; width: 9px; }


/*convo comments children overides from main op*/

.convoChildCommentBox { margin:0px 0; }

.convoPostCommentBox { border-bottom:1px solid #E2E2E2; margin-left:15px;}
.convoPostCommentInner { margin: 0px;}

.convoChildCommentBox .convoProfileImg { }

.convoChildCommentBox .convoPostContent { min-width:385px;}

.convoChildCommentBox .convoPostContent p.convoPostText { margin-bottom:0; margin-top:5px;}

.convoChildCommentBox .convoPostFlag { border:0;}


/*convo  comments form block*/
.convoCommentFormBox { margin: 10px 0; }

.convoPostForm textarea { color: #555555; font-family: 'KeepCalmBook'; font-size: 10px; line-height: 16px; min-height: 100px; min-width: 400px; width: 100%; }

.convoPostForm { display: table-cell; min-width: 385px; padding-right: 0px; width: 100%; }

.convoCommentFormBox .convoPostCommentBox { border: none; }

.convoFormCheckOption { font-size: 10px; margin: 6px 0; }
.convoFormCheckOption input[type="checkbox"] { margin-right: 8px; }

.convoFormBox { }


.moreMidBtn { background: url("images/bg_mid-double-arrow-down.png") no-repeat scroll center 1px #FFCD31; border: 0 none; color: #572600; font-family: 'KeepCalmBook'; font-size: 11px; outline: 0 none; padding: 6px; text-transform: uppercase; width: 100%; margin-top: 15px; margin-bottom:15px; max-width:483px;}

.moreMidBtn:hover { background: url("images/bg_mid-double-arrow-down.png") no-repeat scroll center 1px #F6F7F8;  }


/*convo question unique block styles and questions*/

.comItemInfo.questionType { margin: 0; padding: 15px 0; padding-top:0; margin-top:3px; border: 0; }

h2.comQuestionTitle { font-family: 'KeepCalmMedium'; font-size: 14px; margin: 5px 0; margin-top:0; }

.clickAble { background:none; color:#552A13;}

.favActiveClickBox { float:left;}
.favActiveClickBox a { background: url("images/com-thumb-icon-mid-sprite.png") no-repeat scroll 0 -3px transparent; cursor: pointer; display: block; float: left; height: 21px; padding: 0 4px 0 0; text-indent: -9999px; width: 20px; }

.favActiveClickBox a:hover {background: url("images/com-thumb-icon-mid-sprite.png") no-repeat scroll 0 -30px transparent; }


.comFavMark.clickAble .comMarkValue { padding-left:0;}

.comFavMark.clickAble .hc-details {   bottom: 15px; right: -25px;}

.flagActiveClickBox {float:left; }

.flagActiveClickBox a.flagPopUp { background: url("images/com-flag-icon-mid-sprite.png") no-repeat scroll 0 2px transparent; cursor: pointer; display: block; float: left; height: 21px; padding: 0 3px; text-indent: -9999px; width: 20px; }

.flagActiveClickBox a.flagPopUp:hover {background: url("images/com-flag-icon-mid-sprite.png") no-repeat scroll 0 -20px transparent; }

.flagActiveClickBox > .hc-preview .hc-details-open-top { bottom:15px;}

.flagActiveClickBox.sso { }
.flagActiveClickBox.sso a {background: url("images/com-flag-icon-mid-sprite.png") no-repeat scroll 0 0px transparent; cursor: pointer; display: block; float: left; height: 21px; padding: 0 3px; text-indent: -9999px; width: 20px;  }
.flagActiveClickBox.sso a:hover { background: url("images/com-flag-icon-mid-sprite.png") no-repeat scroll 0 -22px transparent; }

.AlreadyflagedPopUp { background: url("images/com-flag-icon-mid-sprite.png") no-repeat scroll 0 -20px transparent; cursor: pointer; display: block; float: none; height: 21px; padding: 0 3px; text-indent: -9999px; width: 20px; }


.convoPostFlag .AlreadyflagedPopUp{background: url("images/mini-flag-sprite.png") no-repeat scroll 0 -13px transparent; height: 13px; padding: 0 3px; text-indent: -9999px; width: 7px;}

.AlreadyflagedPopUp { }

/*convo comments only overides */

.commentOnlyBox .convoPostCommentBox { margin-left: 0; }
.commentOnlyBox .convoProfileImg { margin-left: 0; }
.commentOnlyBox .convoPostContent { }


/*flag content block wrapper*/

.flagContentBlock { display: table; padding: 5px 10px; width: 99%; }

.flagContentBlock h3 { float: none; clear: none; color: #572600; font-family: 'KeepCalmBook'; font-size: 12px; text-transform: uppercase; margin: 0; margin-bottom: 5px; }
.flagContentBlock p { font-family: 'KeepCalmBook'; font-size: 10px; line-height: normal; margin: 0; color: #999; }


.flagContentBlock button { background: none repeat scroll 0 0 #FFFFFF !important; border: 3px double #CCCCCC !important; color: #572600 !important; font-family: 'KeepCalmMedium' !important; font-size: 10px !important; font-weight: lighter; margin-right: 15px; margin-top: 15px; padding: 4px 15px; text-transform: uppercase !important; }

.flagContentBlock .okFlagBtn { min-width: 120px; }

.flagContentBlock .cancelFlagBtn { }

.hc-tail.flag { right:-113px;}



/* global recipe detail community comments tab + overides
-----------------------------------------------------------*/
.comColumnMainTab { display: table-cell; padding-top: 20px; vertical-align: top; float: left; margin-right: 30px; width: 483px; }

.comColumnSideTab {    display: table-cell; padding-top: 20px; vertical-align: top; float: left; margin-left: 5px; margin-right: 20px; margin-top: 30px; width: 180px; }

.muColumnAsideTab {   display: table-cell; padding-top: 50px; padding-bottom:20px; vertical-align: top; float: left; width:175px; }

.comColumnMainTab > h2 { border-bottom: 4px double #E6E6E6; color: #000000; font-size: 12px; padding-bottom: 3px; text-transform: uppercase; }

.comColumnSideTab .hc-details { left:35px;}


/* faux tab styles for membership profile reg pages
-----------------------------------------------------------*/

.memFauxNavTabBlock { display:block; font-size:10px; float:left;}

ul.memNavTabList {  content: ""; display: table; clear:both; border:0; margin:0; padding:0;  line-height: 1.3; text-decoration: none; list-style: none outside none; font-family: 'KeepCalmBook'; width:101%;}

ul.memNavTabList li{color:#555;font-weight:400;float:left;list-style:none outside none;position:relative;top:0;white-space:nowrap;background:none repeat scroll 0 0 #FFC220;border-image:none;text-transform:uppercase; border:0; margin:1px .2em 0 0;padding:0; border:1px solid #FFC220; border-bottom:0; margin-bottom:2px;}

ul.memNavTabList li:hover { background:#F5F4F2; border:1px solid #F1F1F1; border-bottom:0;}
ul.memNavTabList li a {   cursor: pointer; list-style: none outside none; white-space: nowrap; color: #572600;   min-width: 111px;  padding: 0.6em 2em; text-align: center; display:block;}

ul.memNavTabList li.memNavSelected { border:1px solid #E6E6E6; border-bottom:0;  background:#fff;  margin-bottom: -6px;  padding-bottom: 3px; z-index: 1;}
ul.memNavTabList li.memNavSelected a{ background:#fff; }

#memNavItem01 { }
#memNavItem02 { }
#memNavItem03 { }
#memNavItem04 { }


/*5 items, last menu alignment border fix*/
#memNavItem05 { margin-right:0;}
#memNavItem05 a {min-width: 117px; }

.lt-ie10 #memNavItem05 a {min-width: 116px; }
.lt-ie9 #memNavItem05 a {min-width: 121px; }

@media screen and (-webkit-min-device-pixel-ratio:0) {
#memNavItem05 a {min-width: 114px; }
}


/*french membership profile overides*/

.memFauxNavTabBlock.f { }
.memFauxNavTabBlock.f #memNavItem01 a {min-width: 70px; }

.memFauxNavTabBlock.f #memNavItem05 a { min-width: 69px;}


/*4 menu items, hide once grocery list returns
ul.memNavTabList li a {  min-width: 156px; }
#memNavItem05 {margin-right:0;}
#memNavItem05 a {min-width: 160px; }

.memFauxNavTabBlock.f #memNavItem01 a {min-width: 120px; }
.memFauxNavTabBlock.f #memNavItem05 a { min-width: 129px;}
    */


.memContentBox { border:1px solid #E6E6E6;  display:table;  margin:0; top:0; vertical-align:0; width:100%; float:left; display:block;}



/* membership profile registration pages unique column element block styles
-----------------------------------------------------------*/

.memColumnSide { float: left; margin-left: 20px; margin-right: 20px; width: 160px;  margin-top:20px; margin-bottom:20px; display:table;}
.memColumnMain { float: left; margin-right: 0px;  width: 575px; margin-top:20px; display:table-cell;}

.memProfilePic { width:157px; height:157px; float:left; border:1px solid #FFE599; overflow:hidden; background: url("images/profile-pic-default-big.png") no-repeat scroll 0 0px transparent;}

.memProfilePic img { width:157px; min-height:157px;}

.memCTACallBox { background: none repeat scroll 0 0 #F1F1F1; border: 1px solid #CCCCCC; display: block; float: left; line-height: 9px; margin-top: 20px; padding: 15px 15px 10px; width:127px;}

.memCTACallBox h3 { color:#815C40; line-height:16px;}


/* membership search options bar top styles
-----------------------------------------------------------*/

.memOptionsBar {  border-bottom: 1px solid #E6E6E6; display: block; float: left; height: 45px; margin-left: 20px; margin-right: 20px; margin-top: 25px; width: 754px; clear:both; }

.botnl { border:none;}

.memSearchBox {  float:left;}

.inputMemberFind { display: inline-block; height: 30px; vertical-align: top; }
.lt-ie8 .inputMemberFind { float: left; display: block; }

.inputMemberFind input { background: url("images/search-mag-grey-icon.png") no-repeat scroll 3px 3px #FFFFFF; border: 1px solid #EBEBEB; display: table-cell; margin: 0 15px 0 0; padding: 6px 6px 6px 28px; width: 124px; }
.lt-ie8 .inputMemberFind input { margin: 0; }


.memberGoBtn { background: #A0A0A0; vertical-align: top; }
.lt-ie8 .memberGoBtn { background: none; width: 60px; text-align: left; float: left; margin-left: 15px; }

.memberGoBtn input[type="submit"], .communityGoBtn input[type="button"] { background: #A0A0A0; color: #fff!important; border: 1px solid #fff; }
.lt-ie8 .memberGoBtn input[type="submit"], .lt-ie8 .memberGoBtn input[type="button"] { background: #A0A0A0; text-align: left; float: left; }

/*blocked jump pagiation field*/

.jumpPagination {}
.memPagi { float:right; font-size:10px;}



/* membership fav upload comment sectional styles
-----------------------------------------------------------*/


.memHeaderRep { background: url("images/comm-convo-icon.png") no-repeat scroll 0 0 transparent; float: left; padding-left: 43px; }

.photoRepIcon {background: url("images/comm-photo-icon.png") no-repeat scroll 0 0 transparent;  }

.starRepIcon {background: url("images/comm-star-icon.png") no-repeat scroll 0 0 transparent;  }


.memHistoryTitle { font-size: 11px; color:#383838; font-weight:normal;  margin: 0.2em 0 0.2em 0; background: none repeat scroll 0 0 #F6F6F6; float: none; font-size: 12px; margin: 3px; padding: 2px 0 4px 7px; letter-spacing: 0.04em; }

.memStatItemRight { float:right; }

.memStatItemLeft.memStatItemLeft { clear:both;}

.memStatItemLeft{ float:left; }

.memNoteBox { float: right; font-size: 9px; line-height: 15px; margin-right: 10px; margin-top:6px;}

.lt-ie8 .memNoteBox  { width:165px}

.memNoteBox input[type="radio"] { display: inline-block; margin-left: 3px; margin-right: 3px; }


.memViewLink { float: right; font-size: 9px; line-height: 15px; margin-right: 10px;}

.lt-ie8 .memViewLink  { width:100px}


.memViewLink.memStatItemRight a { background: url("images/arrow-brown-link.png") no-repeat scroll right center transparent; border-left: 1px solid #CCCCCC; float: right; font-size: 10px; height: 8px;  margin-top: 7px; padding: 0 10px 7px 17px;  text-transform: uppercase;}

.memViewLink.memStatItemRight a:hover { background: url("images/arrow-brown-link-hover.png") no-repeat scroll right center transparent; }


.memFaveLink {float: right; font-size: 9px; line-height: 15px; margin-right: 10px; }


.memFaveLink.memStatItemRight button { background: url("images/com-thumb-icon-mid-sprite.png") no-repeat scroll 0 -23px transparent; border: 0 none; color: #815C40; font-family: 'KeepCalmBook'; font-size: 10px; padding: 7px 7px 7px 24px;  text-transform: uppercase;}


.memFaveLink.memStatItemRight button:hover { /*background: url("images/com-thumb-icon-mid-sprite.png") no-repeat scroll 0 4px transparent;*/  color: #FDD14C; }


.memSecBlock { border: 1px solid #E6E6E6; float: left; margin-bottom: 20px; width: 100%; }
.memSecBlockContent { float: left; margin: 10px 15px 15px; width: 543px; }
.memSecText { display: table-cell; font-size: 10px; line-height: 18px;  clear: both; float: left; width:100%; }


.memSecProfileImg { background: url("images/home-community-profile-placeholder.jpg") no-repeat scroll 0 0 / 23px auto transparent; border: 1px solid #FFE599; display: block; float: left; height: 23px; margin: 0 15px 15px 0; overflow: hidden; position: relative; width: 23px; }
.memSecProfileImg img { display: block; height: 23px; position: relative; text-align: center; }

.memSecUserName { color: #552A13; display: block; font-size: 11px; line-height: 12px; margin: 0; padding: 0; position: relative;  vertical-align: top; }
.memSecTimeStamp { color: #666666; font-size: 10px; }

.memRecipeLinkBox { margin-bottom:5px;}
.memRecipeLinkBox a {text-decoration:underline; }


.memGeneralImg { float: right; margin-left:15px; display:table-cell;}
.memGeneralImg img { width:190px;}

.memRecipePost {display:table-cell;  padding-bottom:10px; padding-right:10px;}

.lt-ie8 .memRecipePost { float:left; border:1px solid white; width:200px; }

.memRecipePost h2 { color: #572600; float: left; font-size: 12px; margin-top: 0; text-transform: uppercase; width: 100%; }
.memRecipePost p { clear: both; float: left; font-weight: normal; margin: 0;  }

.memRecipePost span { display: table-cell; float: left; padding-right:6px; }
.memRecipePost p img {display:table-cell; }

.memRecipePostTitleContent {min-height:120px;}


/*recipe box membership dropdown*/
.memSelectParentWrap { float: left; }

.memSelectParentWrap label { float: left; font-size: 10px; margin-right: 10px; margin-top: 6px; vertical-align: top; }

.memberFindArrow { border-right: 1px solid #EBEBEB; width: 160px; }

.memberFindArrow select { border: 1px solid #EBEBEB; width: 186px; }


/*recipe box navigation table*/
.memTableNavigation { border:1px solid #E6E6E6; width:100%; font-size:10px; margin-bottom:20px;}

.memTableNavigation tr { border-bottom:1px solid #E6E6E6; }

.memTableNavigation td { width:100%; padding: 6px 9px;}

.memTableNavHigh { background:#F8F8F8;}

td.memTableLinkUnder a {text-decoration:underline;}

.memLinedHead { border-bottom: 1px solid #E2E2E2; margin: 0 0 20px; padding-bottom: 10px;  }

h3.memLinedHead strong { font-weight:normal;}

/*recipe box content blocks*/

.memGroceryListWrapContent { float: left; width: 100%;}

.memSecBlockTri { border-bottom: 1px solid #E6E6E6; float: left; margin-bottom: 20px; width: 100%; }

.memSecBlockTri:last-of-type { border:none;}

.memRecipeBoxImg { float: left; margin-right:15px; display:table-cell;}

.memRecipeBoxImg img { width:212px;}

.memRecipeOptionBlock {display: table-cell; vertical-align: top; width: 125px; }

.lt-ie8 .memRecipeOptionBlock { }

.memStatsBar { font-size: 8px; margin-bottom: 5px; width: 100%; float: left; }

/*recipe box options box overwrites*/

.memViewRecipe { margin-bottom: 10px; }
.memViewLink.memViewRecipe a { border: none; margin-top:0;}

.memViewRecipe.f a { height: auto; margin-bottom: 0; padding-bottom: 0; padding-left: 35px; }

.memberSelectOption { margin-right: 0; margin-bottom:5px; width: 130px; }

.memberSelectOption select { width: 155px; }
.lt-ie8 .memberSelectOption select { width:125px;}

.memNotificationBox {  font-size:10px; float:left; padding:5px;}

.rBoxBtnShim { margin-bottom:8px;}

.moreMemBtn { background: url("images/bg_wide-mem-double-arrow-down.png") no-repeat scroll center 1px #FFCD31; border: 0 none; color: #572600; font-family: 'KeepCalmBook'; font-size: 11px; outline: 0 none; padding: 6px; text-transform: uppercase; width: 100%; margin-top: 15px; margin-bottom:15px; max-width:575px;}

.moreMemBtn:hover { background: url("images/bg_wide-mem-double-arrow-down.png") no-repeat scroll center 1px #F6F7F8;  }


/* global search results styles
-----------------------------------------------------------*/

.globalSearchOptionsBar { clear: both; display: table; margin: 0 0 0px;  padding-top: 5px; width: 794px; }

.globalSearchBoxInfo { float: left; clear: both; width: 100%; margin-bottom:15px; }

.globalSearchBoxInfo h2 { float:left; margin:0; width:630px;}


.innerSearchControl { border-bottom: 1px solid #E6E6E6; margin-left: 20px; margin-right: 20px; margin-top: 15px; padding-bottom: 20px; width: 755px; }

.searchFieldBox { display:inline;}

.srLandError { color: red; display: inline-block; font-size: 9px; margin-left: 10px; }


/*recipes search results tab*/

.resultsRecipeList { margin:0; padding:0;}

.globalSRBlock { border-right: 1px solid #E6E6E6; display: inline-block; float: none; margin: 15px 8px 15px 8px; vertical-align: top; width: 177px; list-style:none; min-height: 190px; }

.lt-ie9 .globalSRBlock { width:173px;}
.lt-ie8 .globalSRBlock { float: left; height: 190px; }


.globalSRBlock a h3 { color: #572600; float: left; margin-bottom: 5px; margin-left: 1px; margin-top: 10px; width: 160px; }
.globalSRBlock a h3:hover { color: #FDD14C; }

.globalSRBlock p { clear: both; float: left; font-weight: normal; margin: 0; }
.lt-ie8 .globalSRBlock p { width:170px;}

.globalSRBlock span { display: table-cell; float: left; padding-right: 6px; }

ul.resultsRecipeList li:nth-of-type(4n){ border: 0 none; margin-right: 0; width: 168px; } /*selects nth of TYPE, better than child which is to ambigous*/

.srRecipeImg { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #E2E2E2; height: 100px; margin-left: 0; margin-bottom: 0px; padding: 3px; width: 150px; }


/*tips search results tab*/

.srTipsBlock {margin-bottom:10px; margin-top:10px; }

.srColumnAside { width:172px;}

/*products search results tab*/
.comTypeSr { float:none;  margin: 10px 5px 20px;; width: 755px; }

.comTypeSr .listItemInner { background: white; }

.srProdInfoBox { display: table-cell; float: left; vertical-align: top; width: 120px; }
.srProdInfoBox img { width:120px;}

.srProdContentsBox { display: table-cell; margin: 0 15px 15px; padding: 15px 30px 15px 10px; vertical-align: top; }

.srProdContentsBox h2 { font-family: 'KeepCalmMedium'; font-size: 12px; letter-spacing: 0.06em; text-transform: uppercase; margin-top: 0; }

.srProdContentsBox h2 strong {  }

.srProdContentsBox p { margin: 0; }


/*community search results tab*/

.comTypeSrCommunity { float: none; margin: 10px 5px 20px; width: 755px; }

.comTypeSrCommunity .listItemInner { }

.comTypeSrCommunity .listContentsText { min-width:275px;}

.srConvoTitleParentThread { font-family: 'KeepCalmMedium'; font-size: 14px; margin:5px 0 5px 15px; text-align:left; padding-right:15px; }



/* Help, About, site map footer page content styles
-----------------------------------------------------------*/

/*basic page content, help/static pages*/

.basicPageContent { font-size: 10px; letter-spacing: 0.04em; line-height:16px;}
.basicPageContent a { text-decoration:underline;}

.basicPageContent > li { background: url("images/square-bullet.png") no-repeat scroll 0 5px transparent; list-style: none outside none; margin: 10px 0; padding-left: 15px; }

.basicPageContent > li > ul li {list-style:disc;  margin: 6px 0; }

.basicPageContent h3 { font-family: 'KeepCalmMedium'; font-size: 12px; letter-spacing: 0.06em; text-transform: uppercase; margin-top: 15px; }



/*faq page*/
.id-landingFaq.basicPageContent .scrollTopBtn {margin:20px 0 0; }


/*sitemap columns*/

.siteMapColumn { display: table-cell; min-width: 360px; text-align: left; vertical-align: top; width: 50%; }

.siteMapColumn ul { margin-left:0; padding-left:0;}

.siteMapColumn ul li { list-style:none; margin-left:0; padding-left:0; padding-left:10px; /*text-indent:13px;*/ letter-spacing: 0.04em;}

.siteMapColumn h2 { font-family: 'KeepCalmMedium'; font-size: 13px; text-transform: uppercase; background: url("images/square-bullet.png") no-repeat scroll 0 center transparent;   padding-left: 13px; margin: 15px 0 0 -13px; }
.siteMapColumn h2 a { }

.siteMapColumn h3 { font-family: 'KeepCalmMedium'; font-size: 11px; text-transform: uppercase;}
.siteMapColumn h3 a { }

.siteMapColumn h4 { font-family: 'KeepCalmMedium'; font-size: 11px;text-transform: uppercase; margin:12px 0 0;}
.siteMapColumn h4 a {}

h4.blackPro {color:black; font-style:italic; text-decoration:none; }

.firstMapCol { }
.secondMap { }


/*contact us*/

.conRowBlock { border-bottom: 1px solid #E2E2E2; clear: both; display: table; padding-bottom: 10px; padding-left: 94px; padding-right: 100px; }

.conRowBlock.type01 { background: url("images/con-icon01.png") no-repeat scroll 20px 10px transparent; }
.conRowBlock.type02 { background: url("images/con-icon02.png") no-repeat scroll 20px 10px transparent; }
.conRowBlock.type03 { background: url("images/con-icon03.png") no-repeat scroll 20px 10px transparent; }


/*contact dialog*/

.conUpperLabel { text-transform: uppercase; font-size: 10px; }

.partedSea { float: left; width: 49%; margin: 0!important; }

.partedSea input { width: 92%!important; }

.partedSea .selectBoxArrow.dialogDropDown { margin: 0; width: 97%; }

.partedSeaThird { float: left; width: 28%; }

.partedSeaThird input { width: 92%!important; }

.partedSeaThird .selectBoxArrow.dialogDropDown { margin: 0; width: 97%; }

.conTextArea textarea { height: 200px; min-width: 475px !important; }

.conRowQues { }

.surveyItem { display: inline-block; margin: 3px 0 !important; width: 150px; font-size: 10px; }


/* global nutrition table styles
-----------------------------------------------------------*/
table.nutrition { width: 285px; }
.nutrition caption { }
.nutrition th { border: 0; padding: 0px 3px 0px 3px; }
.nutrition th h2 { margin-bottom: 0; }
.nutrition td { border-bottom: 1px solid #E6E6E6; padding: 7px 4px; text-align: left; }
.nutrition td.dv { text-align: right; }
.nutrition td.sub { text-indent: 15px; }
.nutrition td.parentNutrient { font-weight: bold; }
.nutrition tr#servings { border-bottom: 4px double #E6E6E6; }
.nutrition td.disclaimer { font-size: xx-small; }
.nutrition strong { }


/*nutrition table for recipe detail*/
.nutrition.recipeType td { padding: 2px 3px; text-align: left; }
table.nutrition.recipeType { margin-bottom:10px; font-size:11px;}


/*recipe ingredients table*/

.recipeIngredientsTable {  font-size:10px; }
.recipeIngredientsTable td { padding: 2px 3px;}

.lt-ie10 .recipeIngredientsTable td, .lt-ie9 .recipeIngredientsTable td  { padding-top:6px; padding-bottom:6px;}

.recipeIngredientsTable tr { margin:10px 0; display:block;  }

td.ingredientAmount { width:45px; text-align:right; vertical-align:top; color:#815C40; }
td.ingredientValue { text-align:left; padding-left:15px; vertical-align:top; font-family: 'KeepCalmBookItalic';}

.ingredientValue .hc-details { bottom:37px;}

.ingredientValue .hc-details .productHoverPopContent h2 { border: medium none; color: #572600; font-size: 10px; line-height: 13px; margin: 5px 0; padding: 0; }

.test3 { font-weight:bold;}

.subRecipeHeader { color: black; font-size: 10px; font-style: normal; font-weight: bold; margin: 0; padding: 0; text-transform: uppercase; font-family: 'KeepCalmBook'; margin-bottom:-10px;}


/* product recipe special badge ribbons
-----------------------------------------------------------*/


.homeBookletBlock .techniqueRibbon {  bottom: 7px; display: block; margin-left: 35px;}

/* recipe new ribbons*/
.newRibbon{width:107px;height:25px;position:absolute;text-indent:-9999px;z-index:10;display:block; background: url("images/ribbon-new_e.png") no-repeat scroll 0 0 transparent; margin-top: 88px; margin-left:16px;}
.newRibbon.f, .newRibbon.frNav{width:107px;height:25px; background: url("images/ribbon-new_f.png") no-repeat scroll 0 0 transparent;}
.lt-ie8 .newRibbon{ display:block; text-align:left; z-index:9999; margin-top: 88px; margin-left:26px; cursor:pointer;}
.lt-ie8 .muColumnAside .newRibbon { margin-left:-183px;}
.lt-ie8 .communityDetailBox .muColumnAside .newRibbon { margin-left:-5px;}

/* baking hour ribbons*/
.bakingHourRibbon{width:130px;height:25px;position:absolute;text-indent:-9999px;z-index:10;display:block; background: url("images/ribbon-baking-hour_e.png") no-repeat scroll 0 0 transparent; margin-top: 88px; margin-left:16px;}
.bakingHourRibbon.f{width:160px; background: url("images/ribbon-baking-hour_f.png") no-repeat scroll 0 0 transparent;}
.lt-ie8 .bakingHourRibbon { display:block; text-align:left; z-index:9999;  margin-left:26px; cursor:pointer; }
.lt-ie8 .muColumnAside .bakingHourRibbon { margin-left:-183px;}
.lt-ie8 .communityDetailBox .muColumnAside .bakingHourRibbon { margin-left:-5px;}


/* bakke class ribbons*/
.bakeClassRibbon{width:107px;height:25px;position:absolute;text-indent:-9999px;z-index:10;display:block; background: url("images/ribbon-baking-class_e.png") no-repeat scroll 0 0 transparent; margin-top: 88px; margin-left:16px;}
.bakeClassRibbon.f{width:107px;height:25px; background: url("images/ribbon-baking-class_f.png") no-repeat scroll 0 0 transparent;}
.lt-ie8 .bakeClassRibbon { display:block; text-align:left; z-index:9999;  margin-left:26px; cursor:pointer; }
.lt-ie8 .muColumnAside .bakeClassRibbon { margin-left:-183px;}

/* recipe technique ribbon*/

.techniqueRibbon{width:107px;height:25px;position:absolute;text-indent:-9999px;z-index:10;display:block; background: url("images/ribbon-technique_e.png") no-repeat scroll 0 0 transparent; margin-top: 88px; margin-left:16px;}
.techniqueRibbon.f{width:107px;height:25px; background: url("images/ribbon-technique_f.png") no-repeat scroll 0 0 transparent;}
.lt-ie8 .techniqueRibbon { display:block; text-align:left; z-index:9999;  margin-left:26px; cursor:pointer; }
.lt-ie8 .muColumnAside .techniqueRibbon { margin-left:-183px;}


/* member photo upload ribbon*/

.memberPhotoRibbon{width:127px;height:25px;position:absolute;text-indent:-9999px;z-index:10;display:block; background: url("images/ribbon-member-photo_e.png") no-repeat scroll 0 0 transparent; bottom:5px; margin-left:-5px;}
.memberPhotoRibbon.f{width:133px;height:25px; background: url("images/ribbon-member-photo_f.png") no-repeat scroll 0 0 transparent;}
.lt-ie8 .memberPhotoRibbon { display:block; text-align:left; z-index:9999;  margin-left:-5px; cursor:pointer; }
.lt-ie8 .muColumnAside .memberPhotoRibbon { }


/* member photo upload ribbon for community landing and list view*/

.comImgWrapCon { float:left; position:relative; background:white;}
.memberPhotoRibbon.commLandingImg { }
.memberPhotoRibbon.commListLandingImg {  }

/* mew product category ribbon*/

.newProductRibbon { background: none repeat scroll 0 0 red; display: block; float: left; height: 25px; margin-left: 0; margin-right: 10px; margin-top: 0; position: relative; text-indent: -9999px; width: 107px; z-index: 10; }
.newProductRibbon.f{width:127px;height:25px;  background:red;}
.lt-ie8 .newProductRibbon { display:block; text-align:left; z-index:9999;   cursor:pointer; }
.lt-ie8 .muColumnAside .newProductRibbon { }


/*recipe row ribbon positioning overides*/

.recipeRow .newRibbon, .recipeRow .bakingHourRibbon, .recipeRow .bakeClassRibbon, .recipeRow .techniqueRibbon, .recipeRow .memberPhotoRibbon { bottom: 5px; left: -21px; position: absolute;}


.memColumnMain .newRibbon, .memColumnMain .bakingHourRibbon, .memColumnMain .bakeClassRibbon, .memColumnMain .techniqueRibbon, .memColumnMain .memberPhotoRibbon {  margin-left: -4px; bottom: 5px;}


/*searchResultsTab results ribbon positioning overides*/

.searchResultsTab .newRibbon, .searchResultsTab .bakingHourRibbon, .searchResultsTab .bakeClassRibbon, .searchResultsTab .techniqueRibbon, .searchResultsTab .memberPhotoRibbon {  margin-left: -4px; margin-top: 10%;}

/*bake class fullsection ribbons*/

.relatedSliderBox.sectionFull .newRibbon, .relatedSliderBox.sectionFull .bakingHourRibbon, .relatedSliderBox.sectionFull .bakeClassRibbon, .relatedSliderBox.sectionFull .techniqueRibbon, .relatedSliderBox.sectionFull .memberPhotoRibbon {       margin-left: 33px;     position: absolute;}

/*recipe detail, bake class,  3 item slider thumbs ribbon positioning overides*/

.relatedSliderBox.sectionThird .newRibbon, .relatedSliderBox.sectionThird .bakingHourRibbon, .relatedSliderBox.sectionThird .bakeClassRibbon, .relatedSliderBox.sectionThird .techniqueRibbon, .relatedSliderBox.sectionThird .memberPhotoRibbon {  margin-left:28px; bottom:3px;}


.lt-ie8 .relatedSliderBox.sectionThird .flexslider .bakingHourRibbon {margin-left:44px; }
.lt-ie8 .relatedSliderBox.sectionThird .flexslider .newRibbon {margin-left:44px; }


/*hidesnew ribbons on product asides*/
.productCtaAside .newRibbon { display:none;}

.muColumnAsideContent .bakingHourRibbon { }

.muColumnAsideContent .bakingHourRibbon.f {}

.muColumnAsideContent .newRibbon { display:none;}

.lt-ie8 .relatedSliderBox.sectionFull .flexslider .bakingHourRibbon {margin-left:-184px; }
.lt-ie8 .relatedSliderBox.sectionFull .flexslider .newRibbon {margin-left:-184px; }

.featuredWideBlock .bakingHourRibbon{display:none; }



/* container for ribbons in slider related*/
.ribbonBlox { display:block; position:relative;}

.ribbonBlox .newRibbon, .ribbonBlox .bakingHourRibbon, .ribbonBlox .bakeClassRibbon, .ribbonBlox .techniqueRibbon, .ribbonBlox .memberPhotoRibbon { position: absolute; bottom:3px; margin-top:0; z-index:1;}


.muRelatedAsideBlock .ribbonBlox .newRibbon, .muRelatedAsideBlock .ribbonBlox .bakingHourRibbon, .muRelatedAsideBlock .ribbonBlox .bakeClassRibbon, .muRelatedAsideBlock .ribbonBlox .techniqueRibbon, .muRelatedAsideBlock .ribbonBlox .memberPhotoRibbon {  bottom:6px;}


/* coming soon, bake class video landing page diagonal ribbons*/

.comingSoonRibbon{width:91px;height:91px;position:absolute;text-indent:-9999px;z-index:10;display:block; background: url("images/d-ribbon-coming-soon-e.png") no-repeat scroll 0 0 transparent; margin-top: 4px; margin-left:4px;}

.comingSoonRibbon.f{width:91px;height:91px; background: url("images/d-ribbon-coming-soon-f.png") no-repeat scroll 0 0 transparent;}

.lt-ie8 .comingSoonRibbon{ display:block; text-align:left; z-index:9999;  cursor:pointer;}


/* video thumbnail overlay*/

.playBtnOverlay { background: url("images/video-play-overlay-sm.png") no-repeat scroll center center transparent; display: block; height: 100%; margin-left: -5px; margin-top: 5px; position: absolute; text-indent: -9999px; width: 100%; z-index: 10; }



.lt-ie8 .playBtnOverlay{ display:block; text-align:left; z-index:9999;  cursor:pointer;}



.recipeplayBtnOverlay { background: url("images/video-play-overlay-lg.png") no-repeat scroll center center transparent; display: block; height: 100%; margin-left: -5px; margin-top: 5px; position: absolute; text-indent: -9999px; width: 100%; z-index: 10; cursor: pointer; }



.lt-ie8 .recipeplayBtnOverlay{ display:block; text-align:left; z-index:9999;  cursor:pointer;}

.recipeplayBtnOverlay:hover {
}


/* recipe square badges overlay
-----------------------------------------------------------*/

.dailyBadge{width:64px;height:41px;position:absolute;text-indent:-9999px;z-index:10;display:block; background: url("images/badge-recipe-daily_e.png") no-repeat scroll 0 0 transparent; margin-left: 717px; margin-top: 260px;}

.dailyBadge.f{width:78px;height:41px; background: url("images/badge-recipe-daily_f.png") no-repeat scroll 0 0 transparent; margin-left:700px;}
.lt-ie8 .dailyBadge{ display:block; text-align:left; z-index:9999;  margin-top: 260px; }


.newBadge{width:64px;height:41px;position:absolute;text-indent:-9999px;z-index:10;display:block; background: url("images/badge-recipe-new_e.png") no-repeat scroll 0 0 transparent; margin-left: 717px; margin-top: 260px;}
.newBadge.f{width:78px;height:41px; background: url("images/badge-recipe-new_f.png") no-repeat scroll 0 0 transparent; margin-left:700px;}
.lt-ie8 .newBadge{ display:block; text-align:left; z-index:9999;  margin-top: 260px; }

.homeProductSliderBox .newRibbon { display:none!important;}

.bwkWeekBadge{width:62px;height:41px;position:absolute;text-indent:-9999px;z-index:10;display:block; margin-left: 717px; margin-top: 260px;}

.bwkWeekBadge.f{width:78px;height:41px; margin-left:700px;}
.lt-ie8 .bwkWeekBadge{ display:block; text-align:left; z-index:9999;  margin-top: 260px; }

/* recipe/bake class community cta banners
-----------------------------------------------------------*/

.communityCtaSign { background: url("images/comm-dialog-icon01.png") no-repeat scroll center 10px #fcfcfc; width: 166px; border: 1px solid #E6E6E6; border-top: 7px solid #FFC220; border-bottom: 7px solid #FFC220; background-size: 58px; }
.communityCtaSignBlock { display: block; margin: 77px 10px 10px; min-height: 89px; }

.communityCtaSignBlock h2 { border-bottom: 1px solid #E6E6E6; color: #383838; font-size: 16px; font-weight: normal; margin: 0; padding-bottom: 10px; text-align: center; text-transform: uppercase; }

.communityCtaSignBlock p { color: #999999 !important; font-size: 0.95em; letter-spacing: 0.02em; margin: 10px 5px; }

.ctaBannerBtn { background: none repeat scroll 0 0 #F1F1F1; border: 3px double #CCCCCC; color: #572600; font-size: 0.76em; font-weight: normal; margin: 0 4px; margin-bottom: 15px; padding: 2px 4px; text-align: center; text-transform: uppercase; }

.ctaBannerBtn:hover { background: #FFCD32; border: 3px double white; }


/* newsletter sign up cta banners
-----------------------------------------------------------*/

.newsletterCtaSign { background: url("images/con-mail-icon.png") no-repeat scroll center 10px #fcfcfc; width: 198px; border: 1px solid #E6E6E6; border-top: 7px solid #FFC220; border-bottom: 7px solid #FFC220;  }
.newsletterCtaSignBlock { display: block; margin: 77px 10px 10px; min-height: 89px; }

.newsletterCtaSignBlock h2 { border-bottom: 1px solid #E6E6E6; color: #383838; font-size: 16px; font-weight: normal; margin: 0; padding-bottom: 10px; text-align: center; text-transform: uppercase; }

.newsletterCtaSignBlock p { color: #999999 !important; font-size: 0.95em; letter-spacing: 0.02em; margin: 10px 5px; }

.ctaNewsBannerBtn { display:table; width:100%;}

.ctaNewsBannerBtn a { background: none repeat scroll 0 0 #F1F1F1; border: 3px double #CCCCCC; color: #572600; display: table; float: left; font-size: 0.76em; font-weight: normal; margin: 0 4px 5px; padding: 2px 4px; text-align: center; text-transform: uppercase; width: 157px; }

.ctaNewsBannerBtn:hover a { background: #FFCD32; border: 3px double white; }


/* baking with kids cta banners
-----------------------------------------------------------*/

.bwkNewsCtaSign { background: url("images/con-mail-icon.png") no-repeat scroll center 10px #fcfcfc; width: 166px; border: 1px solid #E6E6E6; border-top: 7px solid #FFC220; border-bottom: 7px solid #FFC220;  }
.bwkNewsCtaSignBlock { display: block; margin: 77px 10px 10px; min-height: 89px; }

.bwkNewsCtaSignBlock h2 { border-bottom: 1px solid #E6E6E6; color: #383838; font-size: 16px; font-weight: normal; margin: 0; padding-bottom: 10px; text-align: center; text-transform: uppercase; }

.bwkNewsCtaSignBlock p { color: #999999 !important; font-size: 0.84em; letter-spacing: 0.02em; margin: 10px 5px; }

.bwkNewsBannerBtn { display:table; width:100%;}

.bwkNewsBannerBtn a { background: none repeat scroll 0 0 #F1F1F1; border: 3px double #CCCCCC; color: #572600; font-size: 0.76em; font-weight: normal; margin: 0 4px; margin-bottom: 4px; padding: 2px 4px; text-align: center; text-transform: uppercase; display:table; width:125px;}

.bwkNewsBannerBtn a:hover { background: #FFCD32; border: 3px double white; }

.smugChildrenImg { background: url("images/baking-hour-smug-children.png") no-repeat scroll 0 0 transparent; display: block; height: 88px; margin-bottom: -7px; width: 168px; }




/*Bake Sale*/

/*bake sale lading page Free the children cta block style*/
.doubleBorder
{
    border-bottom:3px double #e2e2e2;
    background:#ffffff;
    margin:0;
    height:3px;
    clear:both;
}
 

.bakeSaleLandingImg
{ 
    height:311px;
    width:792px;
    border-bottom:none;
}

.bhCtaBlock h2
{
    text-transform:uppercase;
}
 
.bsCtaContent
{
    border:1px solid #fff; background:url(images/bs-cta-icon.jpg) no-repeat 0px 0px transparent; padding-left:137px; min-height:74px;
}
    
    .bsCtaContent h2
    {
        color:#ffcd32!important; margin-bottom:0;
    }
    .bsCtaContent strong
    {
        text-transform:uppercase; color:#8e7664;
    }
    .bsCtaContent a
    {
         color:#572600; padding-right:12px;
         background:url("images/dark-link.png") no-repeat scroll right center transparent;
    }
    .bsCtaContent p 
    {
         margin: 0 0 7px;
         width: 645px;
}

.bsReaturedRecipes .twinSectionContent a img
{
    width:372px;
}


.bsRecipesDescription
{
    min-height:98px;
}

.id-landingBakeSale h2
{color: #009966;
    float: none;
}

.bsBlockRow
{
    margin:40px 0;
}
.bsBlockRow .linedBlockContent
{
    border:none;
}

.bsBlockRow2
{
    margin:60px 0 28px;
}

.bsViewAll
{
    float:right;font-size:11px;cursor:pointer;
}

.bsCtaBlock
{
    background: none repeat scroll 0 0 #fdfcfc;
    border: 1px solid #ffcc33;
    float: left;
    margin:12px 0 25px;
    width: 800px;
}

.bsCheckList, .bsCalendar
{
    border:1px solid #fff;
    background:url(images/bs-checklist-icon.jpg) no-repeat 0px 0px transparent;
    padding-left:220px; height:115px;
}

.bsCalendar
{
     background:url(images/bs-calendar-icon.jpg) no-repeat 0px 0px transparent;
}
.bsCheckList h2, .bsCalendar h2
{
    margin-top:15px;
}

.bsCheckList p,
.bsCalendar p
{
    width:550px;
}

    .bsCheckList .download
    {
        width:140px;
        margin-right:25px;
    }

    .bsCheckList .download.f
    {
        width:215px; 
    }

    .bsCalendar .highlightedLink
    {
        border:0;
        width:95px;
        margin-right:25px;
    }
    .bsCalendar .highlightedLink.f
    { 
        width:135px; 
    }

.bsPrintableMtr
{
    padding:40px 0;
}

.quaSection
{
    float:left;
    width:200px;
}

.quaSection a
{
    font-size:10px;
    padding-left:40px;
    display:block;  
    text-align:center;
}
    .quaSection a img
    {
        display:block;
    }
    .quaSection a span
    {
        display:block;
        width:80px;
        margin-top:20px;
        margin-left:14px;
        text-align:center;
    }


   .f .quaSection a span
    {
        width:100px;
        margin-left:6px;
    }


.enjoy
{
  font-size:13px;
  font-style:italic;
  margin-top:30px;
}

.staticContentBlock.bsTips
{ margin-right:20px;
}
.memberNameDiv
{
    display:none;
}

    .staticContentBlock.bsTips ul li
    {margin-bottom:10px;
    }

    .staticContentBlock.bsTips a
    {text-decoration:underline;
    }


/*brand spark footer logo*/

.brandSparkLogo { background: url(images/brandSpark-logo-en.png) no-repeat 0px 0px transparent; height: 76px; position: absolute; right: 18px; top: 20px; width: 63px; text-indent:-9999px;}


.footerBox.f .brandSparkLogo { background: url(images/brandSpark-logo-fr.png) no-repeat 0px 0px transparent; height: 76px; position: absolute; right: 18px; top: 65px; width: 63px; text-indent:-9999px;}

/*
.footerBox.f .footerBlock.footerAbout, .footerBox.f .footerBlock.footerHelp { min-width:183px;}*/