﻿/* --------------------------------------------- */
/* Product Page Styles - To be merged later!!
/* --------------------------------------------- */

/* roast meter styles -------------------------- */

#product-category p{
	width: 240px;
	margin-bottom: 20px;
}

#product-category img.hero-image{
	margin-right: 30px;
}

/* --------------------------------------------- */
/* product detail page styles ---------------------- */

.center-area img.full-img{
	float:left;
	margin-right: 30px;
}

.center-area div#product-details{
	float: left;
	width: 264px;
	margin-right: 27px;
	color: #024c88;
	font-size: 12px;
	display: inline;
}

.center-area h2{
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 14px;
	color: #024c88;
}

.center-area p{
	color: #024c88;
}

.center-area p.description{
	margin-bottom: 20px;
}

.center-area strong{
	font-weight: bold;
}

.center-area em{
	font-style: italic;
}

.center-area p.recipe-disclaimer{
	margin-top: 20px;
	font-style: italic;
}

.center-area .recipe{
	float: left;
	width: 142px;
	margin: 37px 5px 0px 0px;
	display: inline;
}

.center-area .recipe-short{
	width: 112px;
}

.center-area .recipe a{
	color: #70351c;
}

/* category navigation for products ------------ */

#category-navigation{
	float:left;
	width:153px;
}

/* hide these elements from the screen --------- */

#category-navigation a#Our-Brews{
	display:none;
}

#category-navigation ul{
	position:relative;
}

#category-navigation ul ul{
	margin-left:8px;
	font-size:12px;
	font-weight:bold;
}

#category-navigation ul ul ul{
	margin:0px 0px 0px 10px;
	font-size:11px;
	font-weight:normal;
}

#category-navigation ul ul ul.false{
	display:none;
}

#category-navigation ul ul ul li{
	padding:0px 0px 3px 0px;
}
#category-navigation ul ul ul ul{
	margin:0px;
	padding:0px;
}

#category-navigation ul ul ul.true,
#category-navigation ul ul li:hover ul,
#category-navigation ul ul li.opensub ul{
	display:block;
}

#category-navigation ul ul li a{
	padding-left:12px;
	padding-top:0px;
	padding-bottom:6px;
/*	height:20px;*/
	display:block;
}

#category-navigation ul ul li a,
#category-navigation ul ul li a.False{
	background: url(/maxwellhousecoffee/images/brand/small-arrow.gif) no-repeat;
	color:#82381d;
}
#category-navigation ul ul li a:hover,
#category-navigation ul ul li a.True {
	background: url(/maxwellhousecoffee/images/brand/down-arrow.gif)  no-repeat;
	color:#024c88;
}

#category-navigation ul ul li ul li a{ 
	height:16px;
	width:120px;
	display:block;
	background: url(/maxwellhousecoffee/images/brand/small-circle.gif) 0px 2px no-repeat;
	padding:0px 0px 2px 12px;
	color:#82381d;
}

#category-navigation ul ul li ul li a.True, 
#category-navigation ul ul li ul li a:hover{ 
	background: url(/maxwellhousecoffee/images/brand/small-circle.gif) 0px 2px no-repeat;	
	background-color:#ffc720;
	color:#024c88;
}


/* --------------------------------------------- */


/* roast meter styles -------------------------- */

#bottom-coffee-selector{
background: url(/maxwellhousecoffee/images/assets/coffee-selector-header.jpg) no-repeat top left;
color: #fff;
padding-top: 1px;
margin-top:10px;
}


#bottom-coffee-selector-short{
background: url(/maxwellhousecoffee/images/assets/coffee-selector-header-short.jpg) no-repeat top left;
color: #fff;
padding-top: 1px;
margin-top:10px;
float:left;
}


#coffee-bin{
width:540px;
height:60px;
margin: 8px 0 5px 0;
}

#coffee-bin-short,
#bottom-coffee-selector-short #coffee-bin{
width:265px;
height:60px;
margin: 8px 0 5px 0;
}

#coffee-bin-short ul li,
#coffee-bin ul li{
float:left;
}

.coffee-thumb{
display:block;
width:54px;
height:60px;
text-indent: -9999px;
}

#bin-label-short,
#bin-label{
float:left;
font-weight: bold;
font-size: 11px;
padding-left: 6px;
}

#set-label-short,
#set-label{
float:left;
font-weight: bold;
font-size: 11px;
}

#thumb-breakfast{
background:url(/maxwellhousecoffee/images/assets/ground-caf-sprite.jpg) 0px 0px no-repeat;
}

#thumb-master{
background:url(/maxwellhousecoffee/images/assets/ground-caf-sprite.jpg) -54px 0px no-repeat;
}

#thumb-slow{
background:url(/maxwellhousecoffee/images/assets/ground-caf-sprite.jpg) -108px 0px no-repeat;
}

#thumb-original{
background:url(/maxwellhousecoffee/images/assets/ground-caf-sprite.jpg) -162px 0px no-repeat;
}

#thumb-lite{
background:url(/maxwellhousecoffee/images/assets/ground-caf-sprite.jpg) -216px 0px no-repeat;
}

#thumb-house{
background:url(/maxwellhousecoffee/images/assets/ground-caf-sprite.jpg) -270px 0px no-repeat;
}

#thumb-colombian{
background:url(/maxwellhousecoffee/images/assets/ground-caf-sprite.jpg) -324px 0px no-repeat;
}

#thumb-french{
background:url(/maxwellhousecoffee/images/assets/ground-caf-sprite.jpg) -378px 0px no-repeat;
}

#thumb-south{
background:url(/maxwellhousecoffee/images/assets/ground-caf-sprite.jpg) -432px 0px no-repeat;
}

#thumb-dark{
background:url(/maxwellhousecoffee/images/assets/ground-caf-sprite.jpg) -486px 0px no-repeat;
}

#thumb-breakfast:hover{
background:url(/maxwellhousecoffee/images/assets/ground-caf-sprite.jpg) 0px -67px no-repeat;
}

#thumb-master:hover{
background:url(/maxwellhousecoffee/images/assets/ground-caf-sprite.jpg) -54px -67px no-repeat;
}

#thumb-slow:hover{
background:url(/maxwellhousecoffee/images/assets/ground-caf-sprite.jpg) -108px -67px no-repeat;
}

#thumb-original:hover{
background:url(/maxwellhousecoffee/images/assets/ground-caf-sprite.jpg) -162px -67px no-repeat;
}

#thumb-lite:hover{
background:url(/maxwellhousecoffee/images/assets/ground-caf-sprite.jpg) -216px -67px no-repeat;
}

#thumb-house:hover{
background:url(/maxwellhousecoffee/images/assets/ground-caf-sprite.jpg) -270px -67px no-repeat;
}

#thumb-colombian:hover{
background:url(/maxwellhousecoffee/images/assets/ground-caf-sprite.jpg) -324px -67px no-repeat;
}

#thumb-french:hover{
background:url(/maxwellhousecoffee/images/assets/ground-caf-sprite.jpg) -378px -67px no-repeat;
}

#thumb-south:hover{
background:url(/maxwellhousecoffee/images/assets/ground-caf-sprite.jpg) -432px -67px no-repeat;
}

#thumb-dark:hover{
background:url(/maxwellhousecoffee/images/assets/ground-caf-sprite.jpg) -486px -67px no-repeat;
}

/* --------------------------------------------- */

#thumb-masterdf{
background:url(/maxwellhousecoffee/images/assets/ground-decaf-sprite.jpg) 0px 0px no-repeat;
}

#thumb-originaldf{
background:url(/maxwellhousecoffee/images/assets/ground-decaf-sprite.jpg) -54px 0px no-repeat;
}

#thumb-frenchdf{
background:url(/maxwellhousecoffee/images/assets/ground-decaf-sprite.jpg) -108px 0px no-repeat;
}

#thumb-masterdf:hover{
background:url(/maxwellhousecoffee/images/assets/ground-decaf-sprite.jpg) 0px -68px no-repeat;
}

#thumb-originaldf:hover{
background:url(/maxwellhousecoffee/images/assets/ground-decaf-sprite.jpg) -54px -68px no-repeat;
}

#thumb-frenchdf:hover{
background:url(/maxwellhousecoffee/images/assets/ground-decaf-sprite.jpg) -108px -68px no-repeat;
}

/* --------------------------------------------- */

/* --------------------------------------------- */

#thumb-vanilla{
background:url(/maxwellhousecoffee/images/assets/flavored-sprite.jpg) 0px 0px no-repeat;
}

#thumb-hazelnut{
background:url(/maxwellhousecoffee/images/assets/flavored-sprite.jpg) -54px 0px no-repeat;
}

#thumb-vanilla:hover{
background:url(/maxwellhousecoffee/images/assets/flavored-sprite.jpg) 0px -67px no-repeat;
}

#thumb-hazelnut:hover{
background:url(/maxwellhousecoffee/images/assets/flavored-sprite.jpg) -54px -67px no-repeat;
}

/* --------------------------------------------- */

/* --------------------------------------------- */

#thumb-instant{
background:url(/maxwellhousecoffee/images/assets/instant-caf-sprite.jpg) 0px 0px no-repeat;
}

#thumb-instantdf{
background:url(/maxwellhousecoffee/images/assets/instant-decaf-sprite.jpg) -54px 0px no-repeat;
}

#thumb-sanka{
background:url(/maxwellhousecoffee/images/assets/instant-decaf-sprite.jpg) 0px 0px no-repeat;
}

#thumb-instant:hover{
background:url(/maxwellhousecoffee/images/assets/instant-caf-sprite.jpg) 0px -67px no-repeat;
}

#thumb-instantdf:hover{
background:url(/maxwellhousecoffee/images/assets/instant-decaf-sprite.jpg) -54px -67px no-repeat;
}

#thumb-sanka:hover{
background:url(/maxwellhousecoffee/images/assets/instant-decaf-sprite.jpg) 0px -67px no-repeat;
}

/* --------------------------------------------- */
/* --------------------------------------------- */

#thumb-filter{
background:url(/maxwellhousecoffee/images/assets/convenience-caf-sprite.jpg) 0px 0px no-repeat;
}

#thumb-singles{
background:url(/maxwellhousecoffee/images/assets/convenience-caf-sprite.jpg) -54px 0px no-repeat;
}

#thumb-filter:hover{
background:url(/maxwellhousecoffee/images/assets/convenience-caf-sprite.jpg) 0px -67px no-repeat;
}

#thumb-singles:hover{
background:url(/maxwellhousecoffee/images/assets/convenience-caf-sprite.jpg) -54px -67px no-repeat;
}


#thumb-filterdf{
background:url(/maxwellhousecoffee/images/assets/convenience-decaf-sprite.jpg) -54px 0px no-repeat;
}

#thumb-singlesdf{
background:url(/maxwellhousecoffee/images/assets/convenience-decaf-sprite.jpg) 0px 0px no-repeat;
}

#thumb-filterdf:hover{
background:url(/maxwellhousecoffee/images/assets/convenience-decaf-sprite.jpg) -54px -67px no-repeat;
}

#thumb-singlesdf:hover{
background:url(/maxwellhousecoffee/images/assets/convenience-decaf-sprite.jpg) 0px -67px no-repeat;
}
/* --------------------------------------------- */

.Our-Brews #page-main {
	background:#FFFFFF url(/maxwellhousecoffee/images/brand/bottom-box.gif) left bottom no-repeat;
	padding-bottom:13px;
}

/*------------------------------------------------ */
/* Our Brews Default Page
-------------------------------------------------- */
    .clearboth {
    clear:both;
    }
#tassimo-cell {
	background-repeat:no-repeat;
    height:200px;
    width:150px;
    margin-right:32px;
    margin-bottom:10px;
    float:left;
    display:inline;
    cursor: hand;
}
#tassimo-cell p.blurb {
    width:150px;
    padding-top:130px;
    margin-bottom:3px;
}
#tassimo-cell p.blurbExtend {
    padding-top:135px;
}
#tassimo-cell span {
    display:block;
    background-image:url(/maxwellhousecoffee/our-brews/PublishingImages/arrow-circle-right.gif);
    background-repeat:no-repeat;
    padding-left:22px;
    padding-top:3px;
    padding-bottom:3px;
    font-size:12px;
    color:#993e15;
}

/*------------------------------------------------ */
/* Maxwell House International Pages
-------------------------------------------------- */
.mhi-coupon{
	position:relative;
}
.mhi-coupon a {
	position:absolute;
	display:block;
	top:487px;
	left:154px;
	width:258px;
	height:74px;
	background:url(/maxwellhousecoffee/images/assets/intl-coupon.jpg) no-repeat 0 0;
	text-indent:-9999px;
}
.mhi-coupon a:hover {
	background:url(/maxwellhousecoffee/images/assets/intl-coupon.jpg) no-repeat 0 -156px;
}

.intl-top {
    width:555px;
    height:319px;
    background:url(/maxwellhousecoffee/images/assets/intl-hero.png) no-repeat 0 0;
    color:#024c89;
    font-size:11px;
    font-family:Tahoma, Geneva, sans-serif;
}

.intl-top a {
	display:block;
	float:left;
	padding-top:4px;
	padding-right:9px;
	color:#024c89;
	text-decoration:underline;
	vertical-align:bottom;
	background:url(/maxwellhousecoffee/images/assets/intl-carat-rt.jpg) no-repeat right 5px;
}
.intl-top a:hover {
	color:#01335b;
}
.intl-top div {
    width:230px;
    padding:130px 0 0 15px;
}
.intl-top div h2 {
    position:absolute;
    top:0;
    left:-9999px;
}
.intl-top div p {
    width:215px !important;
    margin-bottom:8px !important;
}

.intl-top div ul{
	list-style-type:none;
    padding:0;
    margin:0;
    width:130px;
    float:left;
}
.intl-top div ul#intl-look li {
    position:relative;
    background:url(/maxwellhousecoffee/images/assets/intl-take-a-look.jpg) no-repeat 0 0;
    width:110px;
    height:24px;
}
.intl-top div ul#intl-look li:hover {
    background-position:0 -56px;
}

.intl-top div ul#intl-look li img{
	position:absolute;	
	visibility:hidden;
	display:none;
	bottom:15px;
	left:-29px;
	z-index:5;
}
.intl-top div ul#intl-look li:hover img{
	visibility:visible;
	display:block;
}

.fb-conversation {
    padding:0 0 30px 267px;
}
.fb-conversation a{
	display:block;
	width:258px;
	height:74px;
	background:url(/maxwellhousecoffee/images/assets/intl-join-fb-conversation.jpg) no-repeat 0 0;
	text-indent:-9999px;
}
.fb-conversation a:hover {
	background:url(/maxwellhousecoffee/images/assets/intl-join-fb-conversation.jpg) no-repeat 0 -156px;
}
.varieties {
    width:555px;
    padding-top:74px;
    background:url(/maxwellhousecoffee/images/assets/intl-hdr-varieties.jpg) no-repeat 0 0;
}
.varieties h2, .varieties h3 {
    visibility:hidden;
    position:absolute;
    top:0;
    left:-9999px;
}
.varieties table {
    width:555px;
    border-collapse:collapse;
    text-align:left;
    vertical-align:top;
    color:#024c89;
}
.varieties table tr,
.varieties table tr td {
	vertical-align:top;
}
.varieties table tr td p {
	margin-bottom: 0px;
	margin-bottom:13px !important;
    width:240px;
    font-weight:bold;
    color:#1970b8;
    font-size:12px;
    font-family:Tahoma, Geneva, sans-serif;
}
.varieties table tr td ul{
    list-style-type:none;
    padding:0;
    margin:0;
    float:left;
    padding-right:20px;
    font-weight:bold;
    font-size:11px;
    font-family:Tahoma, Geneva, sans-serif;
}
.intl-disclaimer {
    font-size:9px;
    font-family:Tahoma, Geneva, sans-serif;
    line-height:14px;
    color:#b1b4b7;
    padding:0 0 5px 15px;
}

/*------------------------------------------------ */
/* Maxwell House International Coupon Page 
-------------------------------------------------- */

body.mhi-fb-coupon {
	background-color:#fff;
}

body.mhi-fb-coupon #brand-header, 
body.mhi-fb-coupon #brand-footer {
	display:none;	
}

body.mhi-fb-coupon #brand-container,
body.mhi-fb-coupon #brand-content {
	width:100%;
} 

body.mhi-fb-coupon #brand-content iframe{
	border:none medium;
	padding:0;
	margin:0;
	overflow:hidden;
	width:100%;
	height:750px;
}

/*------------------------------------------------ */
/* Maxwell House International FAQ 
-------------------------------------------------- */
#intl-faqs{
	width:504px;
	padding:0 20px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#024c89;
}

#intl-faqs dl dt {
	margin-left:18px;
	text-indent:-18px;
	font-weight:bold;
}
#intl-faqs dl dt a {
	cursor:pointer;
	color:#024c89;
	background:url(/maxwellhousecoffee/images/assets/intl-faqs-carat.gif) no-repeat right 0;
	text-decoration:none;
	display:block;
	padding-right:30px;
	line-height:19px;
	margin-bottom:10px;
}

#intl-faqs dl dd {
	padding:0;
	margin:0;
	padding-bottom:20px;
	margin-left:18px;
	text-indent:-18px;
	display:none;
}

