/* CSS Document */

/* begin */
a {
  color: #3c3c3c;
  text-decoration: none;
}

a:hover {
  color: #999999;
}

a.footerlink {
  color: #999999;
}
  
a.footerlink:hover {
  color: #3c3c3c;
}
  
a.navLink {
	color: #666666;
	font-size: 13px;
	line-height: 20px;
}
  
a.navLink:hover {
  color: #EB3121;
}
  
.navheading {
  width: 126px;
  border: 1px solid #000;
}

.navsubheading {
  width: 126px;
  visibility: hidden;
  display: none;
  border: 1px solid #000;
}

.hidden {
  visibility: hidden;
  display: none;
}

.paddingBottom4px {
  padding-bottom: 4px;
}

.paddingBottom7px {
  padding-bottom: 7px;
}

.paddingBottom14px {
  padding-bottom: 14px;
}

.paddingBottom20px {
  padding-bottom: 20px;
}

/* end */

body {
  padding: 0;
  margin: 0;
  color: #3c3c3c;
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  height: 100%;
}

div {
  border: 0px solid #ff0000;
}

div:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both;
}

/* Hides from IE-mac \*/
* html div {
	height: 20px;
}
div {display: block;}
/* End hide from IE-mac */

h1 {
  font-size: 17px;
  font-weight: bold;
  margin: 0 0 8px 0;
  padding: 0;
}

h2 {
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 8px 0;
  padding: 0;
}

h3 {
  font-size: 12px;
  font-weight: bold;
  margin: 0 0 8px 0;
  padding: 0;
}

h5 {
  font-size: 12px;
  font-weight: bold;
  margin: 0 0 8px 0;
  padding: 0;
}

h6 {
  font-size: 11px;
  font-weight: bold;
  margin: 0 0 6px 0;
  padding: 0;
}

img {
  border: 0px;
  padding: 0;
  margin: 0;
}

img.rightOfBlurb {
  float: right;
}

img.leftOfBlurb {
  float: left;
}

img.crumbArrow {
  vertical-align:middle;
}

img.featureArrow {
  vertical-align:middle;
}

img.golinkArrow {
  vertical-align:middle;
}

select {
  width: 225px;
  color: #3c3c3c;
}

div#wrapper {
  padding: 0;
  margin: 21px 30px 0 30px;
  color: #3c3c3c;
  width: 770px;
}

div#wrapperShoppingPopup {
  padding: 0;
  margin: 21px 0 0 23px;
  color: #3c3c3c;
}

div#wrapperBrewerPopup {
  padding: 0;
  margin: 8px;
  color: #3c3c3c;
}

div#wrapperFirstVisitPopup {
  padding: 0;
  margin: 21px 0 0 23px;
  color: #3c3c3c;
}

div#wrapperStorePage {
  padding: 0;
  margin: 21px 30px 0 156px;
  color: #3c3c3c;
  width: 770px;
}

div#logo {
  float: left;
}

div#viewcart {
  float: right;
  margin-top: 11px;
  text-align: right;
  font-size: 11px;
}

div#splitterTop {
  float: right;
  margin-top: 11px;
  text-align: right;
  font-size: 11px;
}

div#splitterBottom {
  margin-top: 11px;
  font-size: 11px;
}

div#header {
  margin: 0 0 10px 126px;
  width: 644px;
  height: 51px;
  font-size: 11px;
}

div#contentHead {
  margin-left: 126px;
}

div#title {
  float: left;
}

span.titleText {
  font-size: 24px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  line-height: 150%;
}

p.subtitleText, p.dateText {
  font-size: 20px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  line-height: 150%;
  margin: 0 0 17px 0;
}

p.categoryTitleText {
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #666;
  margin: 20px 0 5px 0;
  padding: 0 0 10px 12px;
  border: #d9d9d9 solid; 
  border-width:0 0 1px 0;
}

div.panelLinksCart {
  float:left;
  width:166px;
  padding-bottom:50px;
}

div.linksCart {
  margin:40px 7px 0 17px;
  padding-top:6px;
}

div.panelLinksGeneral {
  float:right;
  width:130px;
  margin-top:5px;
  padding-bottom:20px;
}

div.linksGeneral {
	padding:9px 9px 0 9px;
	text-align: right;
	font-size: 10px;
}

div.panelContentGeneral {
  float:left;
  width:580px;
  margin-top:10px;
  border-left:1px solid #d9d9d9;
  padding-bottom:25px;
}

div.contentGeneral {
  padding:0 9px 0 10px;
  font-size:12px;
  line-height:150%;
}

div.contentSubsection {
  border-top: 1px solid #d9d9d9;
  padding: 10px 0 17px 0;
}

div.floatingSurefit {
  position: absolute;
  left:605px;
  top:139px;
  padding: 0;
  margin: 12px 14px 14px 14px;
  color:#ffffff;
  font-size:11px;
  width:113px
}

div.floatingSurefitBack {
  position: absolute;
  left:605px;
  top:139px;
}

div.floatingTitle {
  position: absolute;
  left:585px;
  top:163px;
}

div.floatingTitleGeneral {
  position: absolute;
  left:372px;
  top:327px;
}

div.floatingFeatures {
  position: absolute;
  left:585px;
  top:257px;
  padding: 0;
  margin: 17px 19px 19px 19px;
  color:#3c3c3c;
  font-size:13px;
  width:158px
}

div.floatingFeaturesBack {
  position: absolute;
  left:585px;
  top:257px;
}

div.callout {
  color:#ffffff;
  border: 0;
  width:157px;
  margin:6px 0 12px 0;
}

div.calloutsurefit {
  color:#ffffff;
  border: 0;
  width:113px;
  font-size: 11px;
}

div#crumbTrail {
  float: right;
  margin-top: 5px;
  margin-right: 10px;
  text-align: right;
  font-size: 11px;
}

div.contentNarrow {
  width: 594px;
  margin-left: 176px;
  padding: 13px 0 23px 0;
}

div.contentWide {
  width: 644px;
  margin-left: 126px;
  padding: 0 0 8px 0;
}

div.mainPanel {
  float: left;
  width: 375px;
}

div.sidePanel {
	float: right;
	width: 380px;
	margin-top: 10px;
	left: 200px;
}

div.sidePanelSecondary {
  float: right;
  width: 196px;
  border: solid #d9d9d9;
  border-width: 0 0 0 0px;
}

div#sidePanelProp {
  height: 350px;
  float: right;
  width: 1px;
}

div#sidePanelPropDsrkAcc {
  height: 380px;
  float: right;
  width: 1px;
}

div.sidePanelContainer {
  float: left;
}

div.mainPanelSurefit {
  float: left;
  width: 355px;
}

div.sidePanelSurefit {
  float: right;
  width: 216px;
  border: solid #d9d9d9;
  border-width: 0 0 0 1px;
}

div.mainPanelDsrkAcc {
  float: left;
  width: 421px;
}

div.sidePanelDsrkAcc {
  float: right;
  width: 150px;
  border: solid #d9d9d9;
  border-width: 0 0 0 1px;
}

div.contentDsrkFeature {
  float: left;
  padding: 0 7px;
}

div.contentCmtsFeature {
  float: left;
  padding: 0 12px;
}

div.mainPanelNoSide {
  float: left;
  width: 594px;
}

div.contentImageAndText {
  float: left;
  padding: 0 7px 0 0;
}

div.golinks {
  width: 180px;
  margin-left: 10px;
  border: solid #d9d9d9;
  border-width: 0 0 1px 0;
  font-weight: bold;
  color: #3c3c3c;
  line-height: 165%;
  padding: 0 0 17px 0;
}

div.surefitInstructions {
  width: 180px;
  height: 225px;
  margin-left: 10px;
  font-weight: normal;
  color: #3c3c3c;
  padding: 50px 0 17px 0;
  line-height: 145%;
}

div.fitsTheseCans {
  width: 206px;
  margin-left: 10px;
  font-size: 11px;
  font-weight: normal;
  color: #3c3c3c;
  padding: 3px 0 17px 0;
  line-height: 130%;
}

div.description {
  width: 180px;
  margin-left: 10px;
  font-weight: normal;
  color: #3c3c3c;
  padding: 0 0 17px 0;
  line-height: 145%;
}

div.descriptionSurefit {
  width: 200px;
  margin-left: 10px;
  font-weight: normal;
  color: #3c3c3c;
  padding: 0 0 17px 0;
  line-height: 145%;
  border: solid #d9d9d9;
  border-width: 0 0 1px 0;
}

div.descriptionDsrkAcc {
  width: 134px;
  margin-left: 10px;
  font-weight: normal;
  color: #3c3c3c;
  padding: 0 0 17px 0;
  line-height: 145%;
}

div.features {
  width: 180px;
  margin-left: 10px;
  border: solid #d9d9d9;
  border-width: 1px 0 0 0;
  font-weight: bold;
  color: #3c3c3c;
  line-height: 165%;
  padding: 0 0 17px 0;
}

div.featuresSecondary {
  width: 250px;
  color: #3c3c3c;
  line-height: 165%;
  margin: 0 14px 0 0;
  float: left;
}

div.bulletsSecondary {
  width: 173px;
  color: #3c3c3c;
  line-height: 165%;
  margin: 0 10px 0 0;
  padding-top:16px;
  float: left;
}

div.altviews {
  width: 180px;
  margin-left: 10px;
  border: solid #d9d9d9;
  border-width: 1px 0 0 0;
  font-weight: bold;
  color: #3c3c3c;
  line-height: 165%;
  padding: 0 0 7px 0;
}

div.altviewsSecondary {
  width: 180px;
  margin-left: 10px;
  border: solid #d9d9d9;
  border-width: 0 0 0 0;
  font-weight: bold;
  color: #3c3c3c;
  line-height: 165%;
  padding: 0 0 0 0;
}

div.panelRowWide {
  width: 644px;
  margin: 0 0 0 126px;
  border: 0;
  padding: 5px 0 17px 0;
}

div.panelRowWidePopup {
  width: 644px;
  border: 0;
  padding: 5px 0 17px 0;
}

div.panelRowNarrow {
  width: 580px;
  margin: 0 0 0 10px;
  border: 0;
  padding: 5px 0 17px 0;
}

div.panelRowKitchenCans {
  width: 584px;
  margin: 0 0 0 186px;
  padding: 0;
  border: #d9d9d9 solid; 
  border-width:1px 0 0 0;
}

div.panelContainerKitchen {
  width: 463px;
  padding: 8px 0;
  float: left;
}

div.panelRowNarrower {
  width: 584px;
  margin: 30px 0 0 186px;
  padding: 5px 0 0 0;
  border: 0;
  border: #d9d9d9 solid; 
  border-width:1px 0 0 0;
}

div.panelCanType {
  background: #f5f5f6;
  width: 120px;
  border: solid #d9d9d9;
  border-width: 0 1px 0 0;
  float: left;
}

div.canTypeLabel {
  font-size: 17px;
  font-family: arial, helvetica, sans-serif;
  font-weight: bold;
  margin: 7px 0 0 0;
}

div.panelCanType {
  background: #f5f5f6;
  width: 120px;
  border: solid #d9d9d9;
  border-width: 0 1px 0 0;
  float: left;
}

div.panelNarrower {
  width:152px;
  height:128px;
  border: solid #d9d9d9;
  border-width: 0 1px 0 0;
  float:left;
  margin:0 0 8px 0;
  padding: 6px 0 0 0;
  display: inline;
}

div.endPanelNarrower {
  width:146px;
  height:128px;
  float:left;
  margin:0 0 8px 0;
  padding: 6px 0 0 0;
}

div.panelContentNarrower {
  font-size:12px;
  margin: 0 8px;  
  color:#999999;
}

img.subcategoryTitle {
  margin: 20px 0 0 188px;
  border: 0;
}

div.containerComparisonChart {
  margin: 0 0 0 192px;
  border: 0;
  padding: 5px 0 17px 0;
}

div.panelRowSeenItems {
  width: 578px;
  margin: 13px 0 23px 192px;
  border: 0;
  border: #d9d9d9 solid; 
  border-width:1px 0 0 0;
}

div.panelRowGiftIdea {
  width: 578px;
  margin: 0 0 23px 192px;
  border: 0;
  border: #d9d9d9 solid; 
  border-width:1px 0 0 0;
}

div.contentSeen {
  width: 594px;
  margin: 0 0 0 176px;
  border: solid #d9d9d9;
  border-width: 0 0 1px 0;
  line-height: 145%;
  padding: 5px 0 17px 0;
}

div.contentGiftIdeas {
  width: 578px;
  margin: 0 0 0 192px;
  border: solid #d9d9d9;
  border-width: 0 0 1px 0;
  line-height: 145%;
  padding: 5px 0 0 0;
}

div.panelFeature {
  width:214px;
  height:507px;
  border: solid #d9d9d9;
  border-width: 0 1px 0 0;
  float:left;
  line-height: 145%
}

div.endPanelFeature {
  width:214px;
  height:507px;
  float:left;
  line-height: 145%
}

div.panelCareer {
  width:320px;
  height:507px;
  float:left;
  line-height: 145%
}

div.endPanelCareer {
  width:320px;
  height:auto;
  border: solid #d9d9d9;
  border-width: 0 0 0 1px;
  float:left;
  line-height: 145%
}

div.panelService {
  width:214px;
  height:280px;
  border: solid #d9d9d9;
  border-width: 0 1px 0 0;
  float:left;
  line-height: 145%
}

div.endPanelService {
  width:214px;
  height:280px;
  float:left;
  line-height: 145%
}

div.panelHome {
  width:160px;
  height:160px;
  border: solid #d9d9d9;
  border-width: 0 1px 0 0;
  float:left;
}

div.endPanelHome {
  width:160px;
  height:160px;
  float:left;
}

div.panelCoffeeOrigins {
  float:left;
  width:106px;
}

div.panelCoffeeMap {
  float:left;
  width:106px;
  border-left:1px solid #d9d9d9;
  height:100px;
}

div.panelBuyareaCoffee {
  width:214px;
  height:230px;
  border: solid #d9d9d9;
  border-width: 0 1px 0 0;
  float:left;
}

div.endPanelBuyareaCoffee {
  width:214px;
  height:230px;
  float:left;
}

div.panelHomeLeftBorder {
  width:160px;
  height:160px;
  border: solid #d9d9d9;
  border-width: 0 0 0 1px;
  float:left;
}

div.panelHomeBox {
  width:160px;
  height:160px;
  border: 1px solid #d9d9d9;
  float:left;
}

div.panelBlogBox {
  width:160px;
  height:160px;
  float:left;
}

div.panelCategory {
  width:160px;
  height:134px;
  border: solid #d9d9d9;
  border-width: 0 1px 0 0;
  float:left;
}

div.endPanelCategory {
  width:160px;
  height:134px;
  float:left;
}

div.panelCategoryWBlurb {
  width:160px;
  height:134px;
  border: solid #d9d9d9;
  border-width: 0 1px 0 0;
  float:left;
}

div.endPanelCategoryWBlurb {
  width:160px;
  height:134px;
  float:left;
}

div.panelSubcategory {
  width:195px;
  height:185px;
  border: solid #d9d9d9;
  border-width: 0 1px 0 0;
  float:left;
}

div.endPanelSubcategory {
  width:195px;
  height:185px;
  float:left;
}

div.panelSubcategoryWBlurb {
  width:165px;
  height:134px;
  border: solid #d9d9d9;
  border-width: 0 1px 0 0;
  float:left;
}

div.endPanelSubcategoryWBlurb {
  width:195px;
  height:134px;
  float:left;
}

div.panelAllProducts {
  width:195px;
  height:120px;
  border: solid #d9d9d9;
  border-width: 0 1px 0 0;
  float:left;
}

div.endPanelAllProducts {
  width:195px;
  height:120px;
  float:left;
}

div.panelXsell {
  width:214px;
  height:120px;
  border: solid #d9d9d9;
  border-width: 0 1px 0 0;
  float:left;
}

div.endPanelXsell {
  width:214px;
  height:120px;
  float:left;
}

div.panelSeen {
  width:159px;
  height:190px;
  float:left;
}

div.endPanelSeen {
  width:115px;
  height:190px;
  float:left;
}

div.panelSeenTv {
  margin:0 70px 0 0;
  height:130px;
  float:left;
}

div.endPanelSeenTv {
  margin:0;
  height:130px;
  float:left;
}

div.panelSeenNews {
  margin:0 70px 0 0;
  height:115px;
  float:left;
}

div.endPanelSeenNews {
  margin:0;
  height:115px;
  float:left;
}

div.panelSeenIssue {
  width:160px;
  float:left;
  margin-top:10px;
}

div.panelGiftIdeaThumb {
  width:160px;
  float:left;
  margin-top:10px;
}

div.panelSeenItemList {
  width:418px;
  float:left;
  margin-top:10px;
}

div.panelGiftIdeaBlurb {
  width:418px;
  float:left;
  margin-top:10px;
  padding-top:30px;
}

div.panelSeenItem {
  width:418px;
  height:150px;
  float:left;
}

div.panelSeenItemDescr {
  width:268px;
  margin-top:40px;
  line-height:145%;
  float:left;
}

p.giftIdeaBlurbCopy {
  width:418px;
  margin-top:12px;
  line-height:145%;
  float:left;
}

div.panelCategoryName {
  width: 117px;
  margin: 0 17px 0 0;
  font-size: 18px;
  font-family: arial, helvetica, sans-serif;
  font-weight: bold;
  color: #999999;
  float: left;
}

div.panelSubcategoryList {
  width: 270px;
  margin: 0;
  padding-top: 2px;
  font-size: 14px;
  font-family: arial, helvetica, sans-serif;
  line-height: 140%;
  color: #999999;
  float: left;
}

ul.subcategoryList {
  margin: 0;
  padding: 0;
  list-style: none;
}

ul.subcategoryList li a {
  color: #999999;
}

ul.subcategoryList li a:hover {
  color: #3c3c3c;
}

ul.faqList {
  margin: 25px 0 35px 0;
  padding: 0;
  list-style-type: none;
}

.faqList li {
  margin:0 0 13px 0;
}

.faqList li a {
  color: #3c3c3c;
  text-decoration: underline;
}

.faqList li a:visited {
  color: #3c3c3c;
  text-decoration: underline;
}

.faqList li a:hover {
  color: #999999;
  text-decoration: underline;
}

ul.terms li {
  margin:0 0 13px 0;
}
  
hr {
  height: 1px;
  color: #d9d9d9;
  background-color: #d9d9d9;
  border: none;
}

div.panelSeenShow {
  width:250px;
  float:left;
  margin-top:10px;
}

div.panelSeenItemListShow {
  width:328px;
  float:left;
  margin-top:10px;
}

div.panelSeenItemShow {
  width:328px;
  height:150px;
  float:left;
}

div.panelSeenItemDescrShow {
  width:178px;
  margin-top:40px;
  line-height:145%;
  float:left;
}

div.panelSeenNewsPg {
  width:250px;
  float:left;
  margin-top:10px;
}

div.panelSeenItemListNews {
  width:328px;
  float:left;
  margin-top:10px;
}

div.panelSeenItemNews {
  width:328px;
  height:150px;
  float:left;
}

div.panelSeenItemDescrNews {
  width:178px;
  margin-top:40px;
  line-height:145%;
  float:left;
}

div.panelContent {
  font-size:12px;
  margin: 0 12px 0 12px;  
  color:#999999;
}

.panelContent a span { font-size: 14px; display: block; margin: 4px 0; }

div.panelContentSeen {
  font-size:12px;
  color:#999999;
}

div.panelContentService {
  font-size:12px;
  margin: 0 12px 0 12px;  
}

div.buyareaHeader {
  width: 644px;
  margin-left: 126px;
  border: solid #d9d9d9;
  border-width: 2px 0 0 0;
  padding: 2px 0 4px 0;
}

div.labelModel {
  float:left;
  width:263px;
}

div.labelDimensions {
  float:left;
  width:185px;
}

div.labelCapacity {
  float:left;
  width:163px;
}

div.labelPrice {
  float:left;
  width:88px;
}

div.labelPriceSurefit {
  float:left;
  width:108px;
}

div.labelPriceGuarantee {
  float:left;
  font-size:11px;
}

div.panelSubmain {
  width: 425px;
  border: solid #d9d9d9;
  border-width: 1px 0 0 0;
  color: #3c3c3c;
  padding: 0 0 7px 0;
}

div.secondaryPanel {
  width: 644px;
  margin-left: 126px;
  border: solid #d9d9d9;
  border-width: 1px 0 0 0;
  padding: 5px 0 23px 0;
}

div.buyarea {
  width: 644px;
  margin-left: 126px;
  border: solid #d9d9d9;
  border-width: 1px 0 0 0;
  padding: 5px 0 23px 0;
}

div.buyareaDsrkAcc {
  width: 594px;
  margin-left: 176px;
  border: solid #d9d9d9;
  border-width: 1px 0 0 0;
  padding: 5px 0 23px 0;
}

div.buyareaCoffee {
  width: 644px;
  margin-left: 126px;
  border: solid #d9d9d9;
  border-width: 1px 0 0 0;
  padding: 5px 0 23px 0;
}

div.buyareaProdname {
  width:168px;
  font-weight:bold;
  float:left;
}

div.buyareaProdthumb {
  width:94px;
  float:left;
}

div.buyareaDivider {
  width:1px;
  float:left;
}

div.buyareaProdspecs {
  width:184px;
  float:left;
}

div.buyareaProdspecsSF {
  width:162px;
  float:left;
}

div.buyareaProdprice {
  width:69px;
  font-weight:bold;
  float:left;
  margin-left:10px;
  text-align:left;
}

div.buyareaSpace {
  width:10px;
  float:left;
  text-align:center;
}

div.buyareaSpaceSF {
  width:30px;
  float:left;
  text-align:center;
}

div.buyareaAddtocart {
  width:103px;
  float:left;
  text-align:right;
}

div.buyareaDsrkAccAddtocart {
  float:right;
  margin: 18px 0 0 0;
}

div.buyareaDsrkAccProdprice {
  float:left;
  text-align:left;
  margin: 18px 0 0 0;
}

div.panelRowBuyArea {
  width: 594px;
  border: 0;
  padding: 7px 0 13px 0;
}

div.panelBuyArea {
  width:147px;
  height:190px;
  border: solid #d9d9d9;
  border-width: 0 1px 0 0;
  float:left;
}

div.endPanelBuyArea {
  width:147px;
  height:190px;
  float:left;
}

div.panelBuyAreaContent {
  padding: 0 9px 0 7px;
}

div.buyareaDsrkAccNote {
  font-size: 10px;
  padding: 0 9px 0 7px;
}

div.chooseByCanAreaMsg {
  margin-left: 126px;
  background: #ede4ed;
  font-size: 13px;
  color: #3c3c3c;
  border: 0;
  width: 630px;
  padding: 7px;
}

div.chooseByCanArea {
  margin-left: 126px;
  font-size: 11px;
  font-weight: bold;
  color: #92499e;
  border: 0;
  width: 644px;
  padding: 9px 0 13px 0;
}

div.chooseByCodeAreaMsg {
  margin-left: 126px;
  background: #ede4ed;
  font-size: 13px;
  color: #3c3c3c;
  border: 0;
  width: 630px;
  padding: 7px;
}

div.chooseByCodeArea {
  margin-left: 126px;
  font-size: 11px;
  font-weight: bold;
  color: #92499e;
  border: 0;
  width: 644px;
  padding: 9px 0 13px 0;
}

div.chooseDishrackAreaMsg {
  margin: 0 0 2px 176px;
  background: #d1d2d4;
  font-size: 13px;
  color: #3c3c3c;
  border: 0;
  width: 576px;
  padding: 11px 9px;
}

#chooseDishrackNavDiv {
  margin: 0 0 2px 176px;
  border: 0;
  width: 594px;
}

#chooseDishrackNavDiv a {
  margin: 0 2px 0 0;
  padding: 8px 9px;
  width: 128px;
  float: left;
  background: #f2f5dd;
  color: #999999;
}

#chooseDishrackNavDiv a:hover {
  margin: 0 2px 0 0;
  padding: 8px 9px;
  width: 128px;
  float: left;
  background: #d4de7b;
  color: #ffffff;
}

#chooseCoffeeNavDiv {
  margin: 0 0 2px 126px;
  border: 0;
  width: 644px;
}

#chooseCoffeeNavDiv a {
  margin: 0 2px 0 0;
  padding: 8px 0 8px 10px;
  width: 71px;
  float: left;
  background: #eeeff0;
  color: #999999;
}

#chooseCoffeeNavDiv a:hover {
  margin: 0 2px 0 0;
  padding: 8px 0 8px 10px;
  width: 71px;
  float: left;
  color: #3c3c3c;
}

#brewerPopupNavDiv {
  width: 544px;
  margin:20px 0 0 20px;
}

#brewerPopupNavDiv a {
  font-weight:bold;
  margin: 0 2px 0 0;
  padding: 5px 6px 17px 6px;
  width: 122px;
  float: left;
  background: #eeeff0;
  color: #999999;
}

#brewerPopupNavDiv a:hover {
  font-weight:bold;
  margin: 0 2px 0 0;
  padding: 5px 6px 17px 6px;
  width: 122px;
  float: left;
  color: #3c3c3c;
}

#coffeeIntroNavDiv {
	margin: 0 0 0 15px;
	border-width: 0 0 1px 0;
	width: 530px;
	text-align: left;
}

#coffeeIntroNavDivNoLine {
	margin: 0 0 0 15px;
	width: 530px;
	text-align: left;
}

#coffeeIntroNavDiv a {
  margin: 0 5px 0 0;
  padding: 5px 8px 5px 8px;
  float: left;
  background: #999999;
  color: #FFFFFF;
}

#coffeeIntroNavDiv a:hover {
  margin: 0 5px 0 0;
  padding: 5px 8px 5px 8px;
  float: left;
  color: #fff;
}

#coffeeIntroNavDiv a.on {
	color: #FFFFFF;
	background:#FF0000;
}

#tabBrewTech { width:101px; }
#tabDesign { width:80px; }
#tabPodCompat { width:101px; }
#tabCoffeeTea { width:115px; }
#tabReviews { width:123px; }
#tabFaq { width:36px; }



table#tableChooseByCode {
  width:644px;
  margin: 9px 0 13px 126px;
  padding: 0;
  border-collapse: collapse;
}

table#tableChooseByCode tr.top td {
  border-right:1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
}

table#tableChooseByCode tr.bottom td {
  border-right:1px solid #d9d9d9;
}

table#tableChooseByCode tr td.endCell {
  border-right:none;
}

div.paddedtext {
  font-weight: normal;
  color: #3c3c3c;
  width: 166px;
  margin: 7px;
  line-height: 145%;
}

div.paddedtextbold {
  font-weight: bold;
  width: 166px;
  margin: 0 7px 7px 7px;
}

div#cartLeft {
  border: #d9d9d9 solid;
  border-width: 0 1px 0 0;
  position: absolute;
  top: 369px;
  left: 30px;
  z-index: 99;
}

div#navbox {
  border: 0px black dotted;
  position: absolute;
  top: 135px;
  left: 30px;
  z-index: 100;
}

div#nav {
	border: 0px black dotted;
	position: absolute;
	top: 51px;
	left: 20px;
	margin: 26px 0 48px 10px;
	z-index: 101;
}

div#navHotspot {
	border: 0px black dotted;
	position: absolute;
	top: 70px;
	left: 30px;
	margin: 23px 12px 48px 16px;
	z-index: 105;
	visibility: visible;
}

div.navSubmenu {
  z-index:103;
}

ul#navlist {
  margin: 0;
  padding: 0;
  list-style: none;
}

li {
  padding: 0;
  margin: 0;
}

.navArrow {
  visibility: hidden;
  display: inline;
}

.subitem {
  margin-left: 12px;
}

div.submenu {
  visibility: visible;
  display: inline;
  margin: 0;
  padding: 0;
}

div#footer {
  clear: both;
  margin: 0 0 0 0px;
  width: 720px;
  text-align: left;
  font-size: 11px;
  border-top: 1px solid #d9d9d9;
}

div#footerStorePage {
  clear: both;
  margin: 0 0 0 194px;
  width: 570px;
  text-align: center;
  font-size: 11px;
  border-top: 1px solid #d9d9d9;
}

div.rightAlignedStorePage {
  clear: both;
  text-align: right;
  font-size: 12px;
}

/* TypePad styles */

.subtitle {
  font-size: 12px;
  font-weight: bold;
  }

.title {
  font-size: 14px;
  font-weight: bold;
  }

div.blogBody {
  background:#eac86e;
  margin-top:16px;
}

div.blogSidebar {
  float:left;
  width:205px;
}

div.blogContentSidebar {
  padding:20px 13px 20px 20px;
  font-size:10px;
  line-height:150%;
}

div.blogMain {
  float:left;
  width:439px;
  background:#ffffff;
}

div.blogContentMain {
  padding:20px 9px 20px 14px;
  font-size:12px;
  line-height:150%;
}

#testimContainer { height:140px; line-height:130%; }
#coffeeOverlay { position:absolute; top:214px; left:590px; width:165px; height:222px; color:#fff; }
a.testimonial { color:#fff; text-decoration:none; font-size:12px; }
a.testimonial:hover { color:#c5c5c5; text-decoration:none; }
a.testimonial em { color:#808284; font-style:normal; }
a.testimonial span { font-size: 11px; }
.coffeeLink { width:160px; border-top:1px; border-color:#636466; border-style:solid; color:#ffde00; font-size:12px; padding:3px 0 5px 0; }
.coffeeLink a { color:#ffde00; text-decoration:none; }
.coffeeLink a:hover { color:#fff; }


#prodInfoTabMenu { padding: 0; margin: 0; list-style-type: none; height:58px; }
#prodInfoTabMenu li { display: block; float: left; }
#prodInfoTabMenu li a { display: block; width: 79px; height: 18px; margin: 0 2px 2px 0; padding: 4px 0 5px 10px; background-color: #e7e7e8; color: #919194; font-weight: bold; font-size: 11px; }
#prodInfoTabMenu li a:hover { color: #fff; }
#prodInfoTabMenu li.last a { margin-right: 0; }
#prodInfoTabMenu li a.on { color: #fff; }
#calloutsContainer { width: 375px; height: 350px; position:absolute; }
.calloutDiv { font-weight: bold; border-color: #d9d9d9; border-style: solid; border-width: 1px 0 0 0; position: absolute; }
.calloutDiv a.grey { color: #919194; }

#prodInfoTabMenu li a:hover { background-color: #fbce7e; }
#prodInfoTabMenu li a.on { background-color: #fbce7e; }
.calloutDiv a:hover { color: #ffaa2c; }
.calloutDiv a.on { color: #ffaa2c; }

.productTabsPg p { margin-top: 10px; }
.productTabsPg div.altviews { width: auto; margin: 17px 0 0 0; padding-bottom: 0; }
.productTabsPg div#sidePanelProp { height: 440px; }

div#feedback {
  width: 611px;
  margin-left: 126px;
  background: #bcbec0;
  padding: 20px 15px 10px 18px;
  margin-top: 30px;
  margin-bottom: 20px;
}
div.feedbackInstructs {
  width:250px;
  border-top: 2px solid #fff;
  float:left;
}
div.feedbackInstructs p {
  color: #303030;
  line-height: 140%;
}
div.improveHeader {
  font-weight:bold;
  margin: 10px 0;
  color: #fff;
  font-size: 24px;
  line-height: 100%;
}
div.feedbackInputs {
  width:344px;
  float:right;
}
div.feedbackInputs textarea {
  width: 340px; height: 180px;
  margin: 0 0 9px 0;
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
}

.spamBotCheck{display:none;}

div.sku {
  font-weight:normal;
  margin-top:8px;
  font-size: 11px;
}
div.dimensions {
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  margin-left:8px;
}
div.linerSizeTextLeft{
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  width:137px;
  margin:  18px 0 0 18px;
  float:left;
  padding-right:7px;
  border-width:0 1px 0 0;
  border-color:#d9d9d9;
  border-style:solid;
  display: inline;
}
div.linerSizeTextRight{
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  width:137px;
  margin:  18px 0 0 7px;
  float:left;
  display: inline;
}

div.linerSizeButtonArea{
  margin-top:23px;
}
div.linerSizeButtonArea img {
	vertical-align:middle;
	padding:3px 0 4px 0;
}

a.linkUnderLine:hover {
  text-decoration: underline;
}
div.closeX{
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  margin:  22px 0 0 88px;
  text-decoration:none;
  color:#ffaa2c;
}
div.closeX img {
	vertical-align:middle;
	padding:3px 0 4px 0;
}
div.groceryBag {
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
	margin:  18px 0 0 40px;
	float:left;
}
div.closeXgrocery{
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  margin:10px 0 0 55px;
  text-decoration:none;
  color:#ffaa2c;
}
div.closeXgrocery img {
	vertical-align:middle;
	padding:3px 0 4px 0;
}


div.linerSizeText pipeLine {padding-right:7px;border-width:0 1px 0 0;border-color:#d9d9d9;border-style:solid;}

.linerSizeBold {font-weight:bold;}
.linerSizeLink {text-decoration:underline;color:#ffaa2c;}

div.linerSizeLetter {margin-top:5px;}