@import "//cdn-eu-ec.yottaa.net/577bd04f312e585e84000001/www.kraftcanada.com:80/v~4b.bc/~/media/Kraft Canada/brands/css/fonts/Bootstrap/MyFontsWebfontsKit.css?yocs=16_1e_&yoloc=eu";
@import "//cdn-eu-ec.yottaa.net/577bd04f312e585e84000001/www.kraftcanada.com:80/v~4b.bc/~/media/Kraft Canada/brands/css/fonts/Handsean/stylesheet.css?yocs=16_1e_&yoloc=eu";
@import "//cdn-eu-ec.yottaa.net/577bd04f312e585e84000001/www.kraftcanada.com:80/v~4b.bc/~/media/Kraft Canada/brands/css/fonts/ProximaNova/MyFontsWebfontsKit.css?yocs=16_1e_&yoloc=eu";
.not-selectable { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none
}
.nabob { color:#fff; font-size: 14px; line-height: 18px; }
.nabob p { font-size: 14px; }
#classic,
#classic-long { background: #20271e url('//cdn-eu-ec.yottaa.net/577bd04f312e585e84000001/www.kraftcanada.com:80/v~4b.bc/~/media/Kraft Canada/brands/images/nabob/bg_main.png?yocs=14_16_&yoloc=eu') repeat-y 50% top
}
#bold { background: url('//cdn-eu-ec.yottaa.net/577bd04f312e585e84000001/www.kraftcanada.com:80/v~4b.bc/~/media/Kraft Canada/brands/images/nabob/bg_bold.png?yocs=14_16_&yoloc=eu')
}
#whole-bean { background: url('//cdn-eu-ec.yottaa.net/577bd04f312e585e84000001/www.kraftcanada.com:80/v~4b.bc/~/media/Kraft Canada/brands/images/nabob/bg_whole_bean.png?yocs=14_16_&yoloc=eu')
}
#recipe { background: #20271e url('//cdn-eu-ec.yottaa.net/577bd04f312e585e84000001/www.kraftcanada.com:80/v~4b.bc/~/media/Kraft Canada/brands/images/nabob/landing/bg.jpg?yocs=14_16_&yoloc=eu') no-repeat 50% 150px
}
a { color: #fff; text-decoration: none
}
a:hover { color: #e2caae; text-decoration: none
}
a:focus {
}
a.read-more { color: #e3a723
}
a.read-more span { background: url('//cdn-eu-ec.yottaa.net/577bd04f312e585e84000001/www.kraftcanada.com:80/v~4b.bc/~/media/Kraft Canada/brands/images/nabob/all_buttons.png?yocs=14_16_&yoloc=eu') -26px -137px no-repeat; display: inline-block; width: 16px; height: 11px; margin-left: 10px
}
a.read-more:hover { color: #e2caae
}
a.read-more:hover span { background: url('//cdn-eu-ec.yottaa.net/577bd04f312e585e84000001/www.kraftcanada.com:80/v~4b.bc/~/media/Kraft Canada/brands/images/nabob/all_buttons.png?yocs=14_16_&yoloc=eu') -92px -136px no-repeat; display: inline-block; width: 16px; height: 11px
}
a.read-more-white span { background: url('//cdn-eu-ec.yottaa.net/577bd04f312e585e84000001/www.kraftcanada.com:80/v~4b.bc/~/media/Kraft Canada/brands/images/nabob/all_buttons.png?yocs=14_16_&yoloc=eu') 0 -137px no-repeat; display: inline-block; width: 16px; height: 11px; margin-left: 10px
}
a.read-more-brown span { background: url('//cdn-eu-ec.yottaa.net/577bd04f312e585e84000001/www.kraftcanada.com:80/v~4b.bc/~/media/Kraft Canada/brands/images/nabob/all_buttons.png?yocs=14_16_&yoloc=eu') -92px -162px no-repeat; display: inline-block; width: 16px; height: 11px; margin-left: 10px
}
a.bullet-white { display: block; color: #fff
}
a.bullet-white span { background: url("//cdn-eu-ec.yottaa.net/577bd04f312e585e84000001/www.kraftcanada.com:80/v~4b.bc/~/media/Kraft Canada/brands/images/nabob/all_buttons.png?yocs=14_16_&yoloc=eu") -52px -137px no-repeat; display: inline-block; width: 7px; height: 11px; margin-left: 5px
}
a.bullet-white:hover { color: #e2caae
}
.Bootstrap { font-family: Bootstrap; font-weight: normal; font-style: normal
}
.BootstrapAlternate { font-family: BootstrapAlternate; font-weight: normal; font-style: normal
}
.ProximaNovaA-ExtrabldIt { font-family: ProximaNovaA-ExtrabldIt; font-weight: normal; font-style: normal
}
.ProximaNovaS-ExtrabldIt { font-family: ProximaNovaS-ExtrabldIt; font-weight: normal; font-style: normal
}
.ProximaNovaA-Extrabld { font-family: ProximaNovaA-Extrabld; font-weight: normal; font-style: normal
}
.ProximaNovaS-Extrabld { font-family: ProximaNovaS-Extrabld; font-weight: normal; font-style: normal
}
.ProximaNova-ExtrabldIt { font-family: ProximaNova-ExtrabldIt; font-weight: normal; font-style: normal
}
.ProximaNova-Extrabld { font-family: ProximaNova-Extrabld; font-weight: normal; font-style: normal
}
h1 { font-size: 36px; line-height: normal; margin: 0
}
h2 { font-size: 18px; line-height: normal; margin: 0
}
h3 { font-size: 16px; line-height: normal; margin: 0; color: #fff;
}
h4 { font-size: 16px; line-height: normal; margin: 0
}
h5 { font-size: 14px; line-height: normal; margin: 0
}
h6 { font-size: 14px; line-height: normal; margin: 0
}
p { margin: 0 0 7px
}
em { font-style: italic
}
b,
strong { font-weight: bold
}
small { font-size: 85%
}
cite { font-style: normal
}
dfn { font-style: italic; font-weight: bold
}
blockquote { border-left: 3px solid #eee; color: #aaa; font-style: italic; font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif; margin: 1em 40px; padding-left: .9em
}
blockquote em,
blockquote i,
blockquote cite { font-style: normal
}
blockquote cite { color: #555; display: block; padding: 10px 0 0 20px; position: relative
}
blockquote cite:before { content: '\2014'; left: 0; position: absolute
}
q:before,
q:after,
blockquote:before,
blockquote:after { content: ""
}
address { display: block; margin: 0 0 1.5em; font-style: italic
}
ul,
ol { margin: 0; padding: 0
}
ol,
ol li { list-style-type: decimal
}
li ul,
li ol { margin: 0
}
dl { margin: 0 1.625em
}
dt { font-weight: bold
}
dd { margin-bottom: 1.625em
}
.error { color: #f00; font-size: 12px; font-weight: bold; position: relative; top: 6px
}
.highlight { font-weight: bold; color: #e3a723
}
.emphasized { font-weight: bold; text-transform: uppercase
}
.read-more { font-weight: bold
}
.no-bold { font-weight: normal
}
.page-title h1,
h1#product-title,
#thoughts h3 { font-family: Bootstrap; font-weight: normal
}
#product-landing .page-title .inner h1 sup { top: -0.3em
}
#product-landing .page-title .inner.all { top: 19px
}
#product-landing .page-title .inner.all p { line-height: 17px !important
}
.row .col1 { width: 3.226%
}
.row .col2 { width: 9.677%
}
.row .col3 { width: 16.129%
}
.row .col4 { width: 22.581%
}
.row .col5 { width: 29.032%
}
.row .col6 { width: 35.484%
}
.row .col7 { width: 41.935%
}
.row .col8 { width: 47%
}
.row .col9 { width: 54.839%
}
.row .col10 { width: 61.29%
}
.row .col11 { width: 67.742%
}
.row .col12 { width: 74.194%
}
.row .col13 { width: 80.645%
}
.row .col14 { width: 87.097%
}
.row .col15 { width: 93.548%
}
.row .col16 { width: 100%
}
.row .one-third { width: 33.3%
}
.row .two-third { width: 66.7%
}
.row [class*="column"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline; float: left; margin-left: 3.226%; *zoom: 1
}
.row [class*="column"]:first-child { margin-left: 0
}
.row [class*="column"]:after { clear: both
}
.row [class*="column"]:before,
.row [class*="column"]:after { content: ""; display: table
}
.clearfix:before,
.clearfix:after { content: ""; display: table
}
.clearfix:after { clear: both
}
.clearfix { *zoom: 1
}
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0
}
.ir { border: 0; font: 0/0 a; text-shadow: none; color: transparent; background-color: transparent
}
.hide { display: none
}
.show { display: block; visibility: visible
}
.invisible { visibility: hidden
}
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; outline: none
}
.alignleft { display: inline; float: left; margin-right: 1.5em
}
.alignright { display: inline; float: right; margin-left: 1.5em
}
.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto
}
.alignnone { display: block
}
.fr { display: inline; float: right
}
.fl { display: inline; float: left
}
.fn { float: none; display: block
}
hr { border-bottom: 0; border-right: 0; border-left: 0; clear: both; height: 1px; margin: 10px 0; min-height: 0
}
hr.dotted { border-style: dotted
}
hr.dashed { border-style: dashed
}
hr.darkborder { border-color: #000
}
hr.lightborder { border-color: #fff
}
.first { margin-left: 0 !important; padding-left: 0 !important
}
.last { margin-right: 0 !important; padding-right: 0 !important
}
.top { margin-top: 0 !important; padding-top: 0 !important
}
.bottom { margin-bottom: 0 !important; padding-bottom: 0 !important
}
.divider { display: block; height: 5px; width: auto; background-image: url('//cdn-eu-ec.yottaa.net/577bd04f312e585e84000001/www.kraftcanada.com:80/v~4b.bc/~/media/Kraft Canada/brands/images/nabob/bg_divider.png?yocs=14_16_&yoloc=eu')
}
img { vertical-align: middle
}
.no-bg { background: none !important
}
.thumbnail.user { width: 50px
}
.thumbnail.user img { border: 3px solid #fff; height: 31px; margin-right: 15px; vertical-align: top; width: 31px
}
.share-me span { float: left; padding-right: 10px; font-size: 12px; font-weight: bold
}
.share-me ul li { float: left; list-style: none
}
.share-me ul li .facebook { }
.share-me ul li .pinit { position: relative; top: -4px
}
.share-me ul li:last-child span { padding: 0
}
.cross-sell { background: url('//cdn-eu-ec.yottaa.net/577bd04f312e585e84000001/www.kraftcanada.com:80/v~4b.bc/~/media/Kraft Canada/brands/images/nabob/bg_crosssell.png?yocs=14_16_&yoloc=eu') no-repeat 18px 10px
}
.cross-sell img { float: right
}
.cross-sell h3 { font-size: 20px; font-family: 'HandOfSeanRegular'; font-weight: normal
}
.additional-tip h3 { font-size: 20px; font-family: 'HandOfSeanRegular'; font-weight: normal
}
.additional-tip h4 { color: #e3a723
}
.note-pad { width: 388px
}
.note-pad h2 { color: #000; font-family: Bootstrap; font-weight: normal; font-size: 34px; line-height: 32px
}
.note-pad .top { background: url('//cdn-eu-ec.yottaa.net/577bd04f312e585e84000001/www.kraftcanada.com:80/v~4b.bc/~/media/Kraft Canada/brands/images/nabob/top_note_pad.png?yocs=14_16_&yoloc=eu') no-repeat; height: 50px
}
.note-pad .inner { background: url('//cdn-eu-ec.yottaa.net/577bd04f312e585e84000001/www.kraftcanada.com:80/v~4b.bc/~/media/Kraft Canada/brands/images/nabob/bg_note_pad.png?yocs=14_16_&yoloc=eu') repeat-y; padding: 0 30px 0 37px; color: #000
}
.note-pad .inner ul li { list-style: none; padding-bottom: 15px
}
.note-pad .inner ul li:last-child { padding-bottom: 0
}
.note-pad .bottom { background: url('//cdn-eu-ec.yottaa.net/577bd04f312e585e84000001/www.kraftcanada.com:80/v~4b.bc/~/media/Kraft Canada/brands/images/nabob/btm_note_pad.png?yocs=14_16_&yoloc=eu') no-repeat; height: 90px; margin-top: -7px
}
#page-title.orange,
#page-title.brown { margin-left: 16px !important
}
#page-title.orange .inner,
#page-title.brown .inner { color: #000; padding: 20px
}
#page-title.orange .inner h1,
#page-title.brown .inner h1 { font-family: Bootstrap; font-weight: normal; font-size: 43px; line-height: 41px; color: #000;
}
#page-title.orange .inner p,
#page-title.brown .inner p { margin: 0 !important
}
#page-title.orange { background: url('//cdn-eu-ec.yottaa.net/577bd04f312e585e84000001/www.kraftcanada.com:80/v~4b.bc/~/media/Kraft Canada/brands/images/nabob/bg_page_title_orange.png?yocs=14_16_&yoloc=eu') no-repeat; width: 694px !important; height: 164px !important
}
#page-title.brown { background: url('//cdn-eu-ec.yottaa.net/577bd04f312e585e84000001/www.kraftcanada.com:80/v~4b.bc/~/media/Kraft Canada/brands/images/nabob/bg_page_title_brown.gif?yocs=14_16_&yoloc=eu') no-repeat; width: 563px !important; height: 148px !important
}
.fb-comments { border-top: 1px solid #d7d7d7; padding: 10px 0
}
.social-container { width: 380px; margin: 15px 0 20px 0
}
.social-container .share-me { display: inline; float: right
}
.social-container .share-me h3 { padding-right: 15px; padding-top: 3px
}
.social-container .share-me h3,
.social-container .share-me ul { float: left; cursor: default; font-weight: normal; font-size: 14px
}
.social-container .share-me h3 li:last-child,
.social-container .share-me ul li:last-child { padding: 0
}
.social-container .fb-like { display: inline; float: left
}
.social-container .fb-like,
.social-container .share-me { -moz-border-radius: 6px; -webkit-border-radius: 6px; background-color: #d7d7d7; border-radius: 8px; color: #000; font-size: 14px; margin: auto; padding: 6px 12px; text-decoration: none
}
.assistive-text { clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); position: absolute !important
}
.icon { background-image: url("//cdn-eu-ec.yottaa.net/577bd04f312e585e84000001/www.kraftcanada.com:80/v~4b.bc/~/media/Kraft Canada/brands/images/nabob/all_icons.png?yocs=14_16_&yoloc=eu"); background-repeat: no-repeat; margin-right: 5px; display: block
}
.icon.facebook { background-position: -84px -27px; width: 19px; height: 20px
}
.icon.mail { background-position: -83px 0; width: 21px; height: 17px
}
.icon.pinterest { background-position: -85px -91px; width: 19px; height: 20px
}
.icon.twitter { background-position: -85px -60px; width: 19px; height: 20px
}
.icon.pinit { background-position: 0 -35px; width: 73px; height: 25px
}
.icon.pinit.on { background-position: 0 0
}
#product-detail .love-it a:hover .icon { display: inline-block; background-position: -114px -57px; width: 18px; height: 18px
}
#product-detail .love-it .icon { display: inline-block; background-position: -114px -29px; width: 18px; height: 18px
}
#product-detail .love-it.on a:hover .icon,
#product-detail .love-it.on .icon { background-position: -114px -85px; width: 19px; height: 19px; display: inline-block; cursor: default
}
#product-landing .show-case .coffee-blend .info .love-it span.icon { padding: 0 5px 0 0; display: inline-block; background-position: -114px 0; width: 19px; height: 19px; cursor: default; top: 4px
}
.ui-dialog { overflow: visible !important; background: #fff
}
.ui-dialog .ui-dialog-content { padding: .5em 3.4em !important; color: #000
}
.ui-dialog .ui-dialog-titlebar-close { background: url("//cdn-eu-ec.yottaa.net/577bd04f312e585e84000001/www.kraftcanada.com:80/v~4b.bc/~/media/Kraft Canada/brands/images/nabob/all_buttons.png?yocs=14_16_&yoloc=eu") 0 -158px no-repeat; display: block; width: 45px; height: 46px; right: -25px; top: -25px; margin: 0; padding: 0
}
.ui-dialog .ui-dialog-titlebar-close span { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px
}
.ui-dialog #dialog-login { text-align: center
}
.ui-dialog #dialog-login a { text-indent: -9999px
}
.ui-dialog #dialog-login a#fb-auth { background: url("//cdn-eu-ec.yottaa.net/577bd04f312e585e84000001/www.kraftcanada.com:80/v~4b.bc/~/media/Kraft Canada/brands/images/nabob/all_buttons.png?yocs=14_16_&yoloc=eu") 0 -220px no-repeat; display: block; width: 203px; height: 37px; margin-bottom: 10px
}
.ui-dialog #dialog-login a#tw-auth { background: url("//cdn-eu-ec.yottaa.net/577bd04f312e585e84000001/www.kraftcanada.com:80/v~4b.bc/~/media/Kraft Canada/brands/images/nabob/all_buttons.png?yocs=14_16_&yoloc=eu") 0 -267px no-repeat; display: block; width: 203px; height: 37px
}
.anythingSlider-default.activeSlider .anythingWindow { border: none !important
}
div.anythingSlider .anythingWindow { overflow: hidden; position: relative; width: 100%
}
div.anythingSlider { position: absolute
}
.anythingSlider-default { margin: 0 auto; padding: 0
}
.anythingSlider-default .anythingControls a { background: #777 url("//cdn-eu-ec.yottaa.net/577bd04f312e585e84000001/www.kraftcanada.com:80/v~4b.bc/~/media/Kraft Canada/brands/images/nabob/anything_slider_buttons.png?yocs=14_16_&yoloc=eu") center -288px repeat-x; color: #000; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px
}
.anythingSlider-default .anythingControls a span { visibility: visible
}
.as-oldie .anythingSlider-default .arrow { top: 30%
}
.as-oldie .anythingSlider-default .arrow a { margin: 0
}
.as-oldie .anythingSlider-default .anythingControls li { margin-left: 3px
}
.as-oldie .anythingSlider-default .anythingControls a { margin: 0
}
.as-oldie .anythingSlider-default .anythingNavWindow { margin: 0 2px
}
.as-oldie .anythingSlider-default .anythingNavWindow li { padding: 3px 0 0 0
}
.anythingSlider { display: block; overflow: visible !important; position: relative
}
.anythingSlider .anythingBase { background: transparent; list-style: none; position: absolute; overflow: visible !important; top: 0; left: 0; margin: 0; padding: 0
}
.anythingSlider .arrow span { display: block; visibility: hidden
}
.anythingSlider .arrow.disabled { display: none
}
.anythingSlider .panel { background: transparent; display: block; overflow: hidden; float: left; padding: 0; margin: 0
}
.anythingSlider.rtl .anythingWindow { direction: ltr; unicode-bidi: bidi-override
}
.anythingSlider.rtl .anythingControls ul { float: left
}
.anythingSlider.rtl .anythingControls ul a { float: right
}
.anythingSlider,
.anythingSlider .anythingWindow,
.anythingSlider .anythingControls ul a,
.anythingSlider .arrow a,
.anythingSlider .start-stop { transition-duration: 0; -o-transition-duration: 0; -moz-transition-duration: 0; -webkit-transition-duration: 0
}
.isotope-item { z-index: 2
}
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1
}
.isotope,
.isotope .isotope-item { -webkit-transition-duration: .8s; -moz-transition-duration: .8s; -ms-transition-duration: .8s; -o-transition-duration: .8s; transition-duration: .8s
}
.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width
}
.isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity
}
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s
}
.tipsy { font-size: 10px; position: absolute; padding: 5px; z-index: 100000
}
.tipsy-inner { background-color: #000; color: #fff; max-width: 200px; padding: 5px 8px 4px 8px; text-align: center
}
.tipsy-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px
}
.tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000
}
.tipsy-arrow-n { border-bottom-color: #000
}
.tipsy-arrow-s { border-top-color: #000
}
.tipsy-arrow-e { border-left-color: #000
}
.tipsy-arrow-w { border-right-color: #000
}
.tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent
}
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent
}
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent
}
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent
}
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent
}
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent
}
.tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent
}
.tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent
}
.ui-helper-hidden { display: none
}
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px)
}
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after { content: ""; display: table
}
.ui-helper-clearfix:after { clear: both
}
.ui-helper-clearfix { zoom: 1
}
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: alpha(opacity=0)
}
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%
}
.ui-widget-overlay { background: #000; opacity: .8; filter: alpha(opacity=80)
}
.ui-widget-shadow { margin: -7px 0 0 -7px; padding: 7px; background: #333; opacity: .6; filter: alpha(opacity=60)
}
.ui-state-disabled { cursor: default !important
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited { text-decoration: none
}
.ui-widget:active { outline: none
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary { opacity: .7; filter: alpha(opacity=70); font-weight: normal
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled { opacity: .35; filter: alpha(opacity=35); background-image: none
}
.ui-dialog { position: absolute; padding: .2em; width: 300px
}
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative
}
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0
}
.ui-dialog .ui-dialog-titlebar-close { position: absolute
}
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px
}
.ui-dialog .ui-dialog-titlebar-close:hover,
.ui-dialog .ui-dialog-titlebar-close:focus { padding: 0
}
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1
}
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right
}
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer
}
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px
}
.ui-draggable .ui-dialog-titlebar { cursor: move
}
.ui-progressbar { height: 2em; text-align: left; overflow: hidden
}
.ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%
}
.lt-ie9 footer .footer-inner .faceted-footer div.col3.last { width: 12%
}
.lt-ie9 #product-landing .page-title .inner { width: 675px
}
.lt-ie9 #accessories .container #page-content .ui-tabs .ui-tabs-nav li,
.lt-ie9 #better-brew .container #page-content .ui-tabs .ui-tabs-nav li { background-position-x: left
}
.lt-ie9 #accessories .container #page-content .ui-tabs .ui-tabs-nav li:first-child,
.lt-ie9 #better-brew .container #page-content .ui-tabs .ui-tabs-nav li:first-child { background: none
}
.lt-ie9 #accessories .container #page-content .ui-tabs .ui-tabs-nav li:last-child,
.lt-ie9 #better-brew .container #page-content .ui-tabs .ui-tabs-nav li:last-child { padding-left: 0; background: inherit
}
.lt-ie9 #accessories .container #page-content .ui-tabs .ui-tabs-nav { width: 945px
}
.lt-ie9 #recipe-landing .container #page-content,
.lt-ie9 #recipe-detail .container #page-content { width: 970px
}
.lt-ie9 #recipe-detail .container #page-content #nutritional .inner table tr { background-position-x: left
}
.homepage-one-column .homepage-content { display: none }<!DOCTYPE html>
<html> <head> <title>Runtime Error</title> <meta name="viewport" content="width=device-width" /> <style> body {font-family:"Verdana";font-weight:normal;font-size: .7em;color:black;} p {font-family:"Verdana";font-weight:normal;color:black;margin-top: -5px} b {font-family:"Verdana";font-weight:bold;color:black;margin-top: -5px} H1 { font-family:"Verdana";font-weight:normal;font-size:18pt;color:red } H2 { font-family:"Verdana";font-weight:normal;font-size:14pt;color:maroon } pre {font-family:"Consolas","Lucida Console",Monospace;font-size:11pt;margin:0;padding:0.5em;line-height:14pt} .marker {font-weight: bold; color: black;text-decoration: none;} .version {color: gray;} .error {margin-bottom: 10px;} .expandable { text-decoration:underline; font-weight:bold; color:navy; cursor:hand; } @media screen and (max-width: 639px) { pre { width: 440px; overflow: auto; white-space: pre-wrap; word-wrap: break-word; } } @media screen and (max-width: 479px) { pre { width: 280px; } } </style> </head> <body bgcolor="white"> <span><H1>Server Error in '/' Application.<hr width=100% size=1 color=silver></H1> <h2> <i>Runtime Error</i> </h2></span> <font face="Arial, Helvetica, Geneva, SunSans-Regular, sans-serif "> <b> Description: </b>An application error occurred on the server. The current custom error settings for this application prevent the details of the application error from being viewed remotely (for security reasons). It could, however, be viewed by browsers running on the local server machine. <br><br> <b>Details:</b> To enable the details of this specific error message to be viewable on remote machines, please create a &lt;customErrors&gt; tag within a &quot;web.config&quot; configuration file located in the root directory of the current web application. This &lt;customErrors&gt; tag should then have its &quot;mode&quot; attribute set to &quot;Off&quot;.<br><br> <table width=100% bgcolor="#ffffcc"> <tr> <td> <code><pre>
&lt;!-- Web.Config Configuration File --&gt;
&lt;configuration&gt; &lt;system.web&gt; &lt;customErrors mode=&quot;Off&quot;/&gt; &lt;/system.web&gt;
&lt;/configuration&gt;</pre></code> </td> </tr> </table> <br> <b>Notes:</b> The current error page you are seeing can be replaced by a custom error page by modifying the &quot;defaultRedirect&quot; attribute of the application&#39;s &lt;customErrors&gt; configuration tag to point to a custom error page URL.<br><br> <table width=100% bgcolor="#ffffcc"> <tr> <td> <code><pre>
&lt;!-- Web.Config Configuration File --&gt;
&lt;configuration&gt; &lt;system.web&gt; &lt;customErrors mode=&quot;RemoteOnly&quot; defaultRedirect=&quot;mycustompage.htm&quot;/&gt; &lt;/system.web&gt;
&lt;/configuration&gt;</pre></code> </td> </tr> </table> <br> </body>
</html>