/* CSS Document */

* {padding:0; margin:0;}

html, body {background-color:#332200; height:100%;}

#wrapper {width:1024px; height:auto !important; height:100%; min-height:100%; margin:0 auto -4em; background:url(../images/new/background-watermark-no.jpg); position:relative; text-align:center;}

#headercontainer {width:1024px; height:120px; position:relative;}

#coffeeclublogo {position:absolute; top:12px; left:52px; text-align:left;}

#newTFMlogo {position:absolute; top:41px; left:935px; text-align:left;}

#searchbox {width:290px; float:right; padding-right:30px; padding-top:10px; vertical-align:middle;}

#navcontainer {width:940px height:41px; float:right; position:relative; top:46px; left:60px;}

#maincontainer {width:100%; vertical-align:top; position:relative; top:-95px; bottom:25px;}

#maincallout {width:910px; margin:0 auto; }
#maincallout-coffeeclub {width:910px; height:416px; margin:0 auto; background:url(../images/coffeeclub-main-graphic-four.png) no-repeat;}
#maincallout-coffeeclubpromotionpage {width:910px; height:416px; margin:0 auto; background:url(../images/coffeeclub-main-graphic-promo.png) no-repeat;}


#maincallout-coffeeclubcol1 {width:189px; float:left; padding-left:35px; padding-top:280px; text-align:left;}
#maincallout-coffeeclubcol2 {width:190px; float:left; padding-left:35px; padding-top:280px; text-align:left;}
#maincallout-coffeeclubcol3 {width:187px; float:left; padding-left:35px; padding-top:280px; text-align:left;}
#maincallout-coffeeclubcol4 {width:204px; float:left; padding-left:35px; padding-top:280px; text-align:left;}

#content {width:958px; margin:0 auto; padding-top:40px; text-align:left;}
#contenthome {width:958px; margin:0 auto; padding-top:30px; text-align:left;}
#colwrapper {width:865px; margin:0 auto;}
#contentleftcol {width:47%; float:left; padding-top:20px;}
#contentmiddlecol {width:2%; float:left; padding-top:10px;}
#contentrightcol {width:50%; float:left; padding-top:20px;}

#contentleftcol2 {width:45%; float:left; padding-top:20px; padding-right:15px;}
#contentrightcol2 {width:48%; float:left; padding-top:20px; padding-left:25px;}

#contentleftcoltier3 {width:32%; float:left; margin-top:0px;}
#contentmiddlecoltier3 {width:40px; float:left; padding-top:0px;}
#contentrightcoltier3-60 {width:60%; float:left; margin-top:-20px;}
#contentrightcoltier3 {width:30%; float:left; padding-top:0px;}
#contentfarrightcoltier3 {width:30%; float:left; padding-top:0px;}



/* GRID */

#grid {width:100%;}
#cola {width:49%; float:left;}
#colb {width:49%;float:left;}
#colc {width:24%;float:left;}
#cold {width:24%;float:left;}

#footer {width:1024px; text-align:center; margin:0 auto;  bottom:10px;}
.push {height:4em;}

.footerlink {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#493326; text-transform:uppercase;}
a.footerlink:active {text-decoration:none;}
a.footerlink:hover { text-decoration:none;}
a.footerlink:visited {text-decoration:none;}
a.footerlink:link {text-decoration:none; }

/* Horizontal Navigation Main Nav */
#nav {
	background:url(../images/mainnav.png) no-repeat;	
	width:1001px;
    height:41px;
    margin:0;
    padding:0px;
    }

    #nav span {
    display: none;
    }

    #nav li, #nav a {
    height:41px;
    display:block;
    }

    #nav li {
    float:left;
    list-style:none;
	display:inline;
    }
	
	#nav-home {padding-left:220px; width: 108px;}
    #nav-coffeeclub {width: 162px;} 
    #nav-concierge {width: 140px;} 
    #nav-customerservice {width: 200px;} 
		
	#nav-home a:hover {background:url(../images/mainnav.png) -220px -42px no-repeat; }
		#home .home {background:url(../images/mainnav.png) -0px -42px no-repeat; }
    #nav-coffeeclub a:hover {background:url(../images/mainnav.png) -328px -42px no-repeat; }
		#coffeeclub .coffeeclub {background:url(../images/mainnav.png) -328px -42px no-repeat; }
    #nav-concierge a:hover {background:url(../images/mainnav.png) -490px -42px no-repeat; }	
		#concierge .concierge {background:url(../images/mainnav.png) -490px -42px no-repeat; }
    #nav-customerservice a:hover {background:url(../images/mainnav.png) -630px -42px no-repeat; }
		#customerservice .customerservice {background:url(../images/mainnav.png) -630px -42px no-repeat; }
	
	
/* Vertical Navigation Concierge Detail Teir 3 */
	
#nav-vertical {
	background:url(../images/nav-tier3-concierge.gif) no-repeat;
    width:226px;
    height:179px;
    margin:0 auto;
    padding:0;
    }
    #nav-vertical span {
    display: none;
    }
    #nav-vertical li, #nav-vertical a {
	height:35px;
    display:block;
    }
    #nav-vertical li {
    float:left;
    list-style:none;
	display:inline;
    }
    #nav-vertical-01 {width: 226px;} /* Handcrafting */
    #nav-vertical-02 {width: 226px;} /* The Perfect Cup */
    #nav-vertical-03 {width: 226px;} /* Tasting Notes */ 
	#nav-vertical-04 {width: 226px;} /* Going Green */
	#nav-vertical-05 {width: 226px;} /* FAQs */

    #nav-vertical-01 a:hover {background:url(../images/nav-tier3-concierge.gif) 0px -180px no-repeat; } /* Handcrafting */
		#handcrafting .handcrafting {background:url(../images/nav-tier3-concierge.gif) 0px -180px no-repeat; }
    #nav-vertical-02 a:hover {background:url(../images/nav-tier3-concierge.gif) 0px -216px no-repeat; }	/* The Perfect Cup */
		#perfectcup .perfectcup {background:url(../images/nav-tier3-concierge.gif) 0px -216px no-repeat; }
    #nav-vertical-03 a:hover {background:url(../images/nav-tier3-concierge.gif) 0px -250px no-repeat; } /* Tasting Notes */ 
		#tasting .tasting {background:url(../images/nav-tier3-concierge.gif) 0px -250px no-repeat; }
	#nav-vertical-04 a:hover {background:url(../images/nav-tier3-concierge.gif) 0px -285px no-repeat; } /* Going Green */
		#green .green {background:url(../images/nav-tier3-concierge.gif) 0px -285px no-repeat; }
	#nav-vertical-05 a:hover {background:url(../images/nav-tier3-concierge.gif) 0px -321px no-repeat; } /* FAQs */
		#faqs .faqs {background:url(../images/nav-tier3-concierge.gif) 0px -321px no-repeat; }
		
		


/* Vertical Navigation Coffee Club Detail Teir 3 */
	
#nav-coffeeclubvert {
	background:url(../images/nav-tier3-coffeeclub.png) no-repeat;
    width:236px;
    height:180px;
    margin:0 auto;
    padding:0;
    }
	
	#nav-coffeeclubvert ul {
	padding-left:0px;
	}
	
    #nav-coffeeclubvert span {
    display: none;
    }
    #nav-coffeeclubvert li, #nav-coffeeclubvert a {
	height:35px;
    display:block;
    }
    #nav-coffeeclubvert li {
    float:left;
    list-style:none;
	display:inline;
    }
    #nav-coffeeclubvert-01 {width: 236px;} /* Explorer's Collection */
    #nav-coffeeclubvert-02 {width: 236px;} /* Daily Brewings */
    #nav-coffeeclubvert-03 {width: 236px;} /* Tastes of Temptation */ 
	#nav-coffeeclubvert-04 {width: 236px;} /* Custom Roast */
	#nav-coffeeclubvert-05 {width: 236px;} /* Member Privileges */
	
    #nav-coffeeclubvert-01 a:hover {background:url(../images/nav-tier3-coffeeclub.png) 0px -180px no-repeat; } /* Explorer's Collection */
		#explorerscollection .explorerscollection {background:url(../images/nav-tier3-coffeeclub.png) 0px -180px no-repeat; }
    #nav-coffeeclubvert-02 a:hover {background:url(../images/nav-tier3-coffeeclub.png) 0px -217px no-repeat; }	/* Daily Brewings */
		#daily .daily {background:url(../images/nav-tier3-coffeeclub.png) 0px -217px no-repeat; }
    #nav-coffeeclubvert-03 a:hover {background:url(../images/nav-tier3-coffeeclub.png) 0px -252px no-repeat; } /* Tastes of Temptation */ 
		#tastesoftemptation .tastesoftemptation {background:url(../images/nav-tier3-coffeeclub.png) 0px -252px no-repeat; }
	#nav-coffeeclubvert-04 a:hover {background:url(../images/nav-tier3-coffeeclub.png) 0px -285px no-repeat; } /* Custom Roast */
		#custom .custom {background:url(../images/nav-tier3-coffeeclub.png) 0px -285px no-repeat; }
	#nav-coffeeclubvert-05 a:hover {background:url(../images/nav-tier3-coffeeclub.png) 0px -325px no-repeat; } /* Member Privileges */
		#member .member {background:url(../images/nav-tier3-coffeeclub.png) 0px -325px no-repeat; }



.seperator {width:958px; height:1px; background:url(../images/seperator-horizontal.png) no-repeat; border:0; margin-left:30px;}

h1 {font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; color:#493326; line-height:125%; text-transform:uppercase; padding-bottom:5px;}
h1 span {font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; font-style:italic; color:#493326; line-height:125%; text-transform:uppercase; font-weight:lighter;}
h3 {font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#493326;}
.size14 {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#493326; line-height:125%;}
p, div {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#493326; line-height:125%;}
p.subhead {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:13px; color:#493326; line-height:125%;}
p.store_event_date {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:13px; color:#493326; line-height:125%;}
.tab { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-style:italic; list-style-type:none; padding-left:12px;}

.contentlink {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#493326; line-height:125%;}

a.contentlink:link {
	color: #493326;
	text-decoration: none;
	font-weight:bold;
}
a.contentlink:visited {
	text-decoration: none;
	color: #493326;
}
a.contentlink:hover {
	background-color:#cdcdcd;
	color: #493326;
}
a.contentlink:active {
	text-decoration: none;
	color: #493326;
}

.clear {clear:both;}

.coffeetabletop {
color:#493326;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
font-weight:bold;
}

.coffeetablebottom {
color:#493326;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
line-height:12px;
}

.coffeetableborder {
border:1px solid #493326;
}

.coffeetableborderrightbottom {
border-right:1px solid #493326;
border-bottom:1px solid #493326;
}

.coffeetableborderright {
border-right:1px solid #493326;
}

.coffeetableborderbottom {
border-bottom:1px solid #493326;
}

.coffeetablepadding {
height:70px;
}

.coffeetablefooter {
font-size:11px;
}