/* ---- TABLE OF CONTENTS ----
[1] GLOBAL
	#skip
	#header
	#container
		media player
		#landing
		#content
			forms
			.coffee_list
		#sidebar
		.section
		#additional
		#share
		#nav
	#footer
	#utilities
	#debug

[2] LAYOUT OPTIONS
	=OPEN
		#content
		#sidebar

	=PRODUCT DETAIL
		#content
			#content_main
			#content_rail
		#sidebar
*/

/* //// [1] GLOBAL ----------------------------------------- //// */
html, body, img, h1, li, dt, dd, blockquote, cite, form, fieldset, table {margin:0; padding:0; border:0}
html {
	position:relative;
	background:#f8f7f3 url(../images/background.jpg) no-repeat 0 184px;
	font-size:100%}
body {
	background:url(../images/footer_gradient.png) repeat-x 0 100%;
	color:#331c01;
	font:.625em/1 Verdana,sans-serif;
	-webkit-text-size-adjust:none} /* prevent the iPhone text enlargement */
p, h2, h3, h4, h5, h6, ul, ol, dl {
	margin:0 0 1em;
	padding:0}

object:focus {outline:0}
span.fix_widow {white-space:nowrap}

/* ---- clear fix ---- */
.clearfix:after{
 content: ".";
 display: block;
 clear: both;
 visibility: hidden;
 line-height: 0;
 height: 0;
}
 .clearfix{
 display: inline-block;
}
 html[xmlns] .clearfix{
 display: block;
}
 * html .clearfix{
 height: 1%;
}
.float-wrapper{
	width:100%;
	overflow:hidden;
}

/* ---- tracking images ---- */
img.tracking,
object.tracking,
object#utsFlashContent {
	position:absolute;
	top:0;
	width:1px;
	height:1px;
	border:0;
	left:-99px}

/* ---- links ---- */
a:link,
a:visited {color:#006634; text-decoration:none}
a:hover {color:#006634; text-decoration:underline}
a:active {color:#331c01; text-decoration:underline}

/* ---- headings ---- */
h1, h2, h3, h4, h5, h6 {font:1em/1 Verdana,sans-serif}

/* ---- lists ---- */
ul, ol {list-style:none}
li {margin:0 0 .5em}

/* ---- definition list ---- */
dt {font-weight:bold}

/* ---- forms ---- */
button, input, select, textarea, .faux_select_ie6 {
	margin:0;
	padding:5px;
	border:1px solid #d3d3d3;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	color:#331c01;
	font:1em/1.545 Verdana,sans-serif}
select {
	cursor:pointer}
textarea {
	overflow:auto}

input:focus, select:focus, textarea:focus {
	border-color:#006734}

/* ---- horizontal rule ---- */
hr {
	/* fix_lteie6.css */
	margin:0 0 5em;
	padding:0;
	width:0;
	height:0;
	border:0}

/* ---- blockquote ---- */
blockquote {
	font:italic 1.455em/1.6875 Georgia,"Times New Roman",serif}
blockquote p em {
	font-style:normal}
blockquote p cite {
	display:block;
	font:.625em/1.7 Verdana,san-serif;
	text-align:right}

/* ---- external links ---- */
/* commenting out for now, too many issues with this implementation
#landing a[href^="http"],
#content a[href^="http"],
#itunes_pick p a[href^="http"],
#sidebar p a[href^="http"],
#sidebar li a[href^="http"],
#additional a[href^="http"],
*/
#container #nav li div.menu a[href^="http"],
#utilities a[href^="http"],
#footer a[href^="http"] {
	/* removed external icon per strategy (052510 - lcm) */
	/* fix_lteie6.css */
	/* fix_ie7.css */
	/* padding-right:20px; */
	/* background:url(../images/icon_external.gif) no-repeat 100% 1px */}
#container #nav li div.menu .menu_promo dd a[href^="http"] {
	padding-right:0;
	background:none}

/* commenting out for now, too many issues with this implementation
#landing a[href^="http"],
#content a[href^="http"],
#sidebar p a[href^="http"],
#sidebar li a[href^="http"],
#additional a[href^="http"] {
	padding-right:15px}
*/

/* #skip ----------------------------------------------- */
ul#skip {
	position:absolute;
	top:0;
	left:0;
	padding:8px 0 1px;
	width:100%;
	height:8.5em;
	border-top:2px solid #f6f5f1;
	border-bottom:1px solid #e8e6e0}
ul#skip li {
	position:absolute;
	z-index:1;
	margin:0 0 0 125px;
	width:18em}
ul#skip li a {
	position:absolute;
	top:0;
	left:-999px}
ul#skip li a:active,
ul#skip li a:focus {
	display:block;
	position:static;
	left:0;
	padding:.75em 1em;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	-moz-box-shadow:3px 3px 7px rgba(0,0,0,.1);
	-webkit-box-shadow:3px 3px 7px rgba(0,0,0,.1);
	box-shadow:3px 3px 7px rgba(0,0,0,.1);
	background:#FFF}

/* header ----------------------------------------------- */
#header {
	height:9.5em;
	background:#dfddd6 url(../images/header.jpg) no-repeat 100% 0}
#header a#logo {
	position:absolute;
	z-index:500;
	top:10px;
	left:23px;
	width:81px;
	height:81px;
	background:url(../images/logo.png) no-repeat 50% 50%;
	text-indent:-9999px;
	overflow:hidden}

/* container ----------------------------------------------- */
#container {
	margin:0 0 40px 18px;
	padding:79px 0 0;
	width:945px;
	min-height:441px; height:auto !important; height:441px}

/* media player ----------------------------------------------- */

/* ---- brightcove player 589x331 ("category" style player) ---- */
#category_media 
{
	width:94.5em !important;
    height:33.1em !important;
    margin: 0;
    padding: 0 0 .4em 0;
	border-bottom:1px solid #D7D1CA;
	margin-bottom:40px}
	
#category_media #alternate_media img {
    float: left;
    height:33.1em;
    width:58.9em}
    
#category_media #alternate_media video {
    float: left;
    height:33.1em;
    width:58.9em}    
    
#category_media #alternate_media #alternate_media_details{
    float:left;
    overflow: visible;
    margin:0;
    padding:1em 1em 0;
    width:19.1em}
#category_media #alternate_media #alternate_media_details li#media_link {
    margin-top: 2em}
#category_media #alternate_media #alternate_media_details li#media_link a {
    text-decoration:underline}
#category_media #alternate_media #alternate_media_details dt {
    font-size:1.5em;
    margin-bottom:.5em}
#category_media #alternate_media #alternate_media_details dd {
    margin-top: 1em;
    line-height:1.2}
#category_media #alternate_media #alternate_media_details #get_flash img{
    padding:1em 2em;
    width:16em;
    height:4.1em;}

/* ---- 589x331 (default size) ---- */
#media { 
	margin:0 0 2.75em;
	min-height:378px; height:auto !important; height:378px;
	border-bottom:1px solid #D7D1CA}
#media img {
	width:589px;
	height:331px}

/* ---- 305x465 ---- */
#media.size_305x465 {
	margin-top:0;
	min-height:512px; height:auto !important; height:512px}
#media.size_305x465 img {
	width:305px;
	height:465px}

/* ---- 945x530 ---- */
#media.size_945x530 {
	min-height:571px; height:auto !important; height:571px}
#media.size_945x530 img {
	width:945px;
	height:530px}
	


	

/* landing ----------------------------------------------- */
#landing {
	position:relative;
	margin:0 0 4.25em;
	padding:0 0 0 497px;
	width:445px;
	min-height:274px; height:auto !important; height:274px;
	font:1.1em/1.545 Verdana,sans-serif}
#landing img {
	position:absolute;
	top:0;
	left:0;
	float:none;
	padding:0 0 3px;
	border-bottom:1px solid #d9d7d0}
#landing h2 {
	padding:2em 0 0;
	font:italic 1.636em/1.556 Georgia,"Times New Roman",serif}
#landing h2 em {
	font-style:normal}

/* content ----------------------------------------------- */
#content {
	float:left;
	padding:0 0 5em 10px;
	width:607px;
	font:1.1em/1.545 Verdana,sans-serif;
	overflow:visible}

h1 {
	position:absolute;
	top:4em;
	left:18px;
	width:945px;
	height:48px;
	border-bottom:1px double #d7d1ca;
	font:2.4em Georgia,"Times New Roman",serif}
#content h1 {
	font-size:2.182em}
h1 span {
	position:absolute;
	bottom:-7px;
	padding:0 .8em 0 10px;
	background:#F8F7F3}

#content h2 {
	margin:0 0 .5em;
	font:bold 1.273em/1.714 Georgia,"Times New Roman",serif}
#content h2 a {
	color:#331c01}
#content h2 a:hover {
	color:#006634}

#content h2.divider,
#content h3 {
	clear:both;
	margin-top:2em;
	border-bottom:1px solid #cdc7bf;
	font:1.273em/1.5 Georgia,"Times New Roman",serif}

#content h4 {
	font-weight:bold}
#content li h4 {
	margin:0 0 .5em;
	padding:.3em 0 0}

#content p,
.posts p {
	padding-right:27px}
#content p.note,
p.note {
	color:#827A71}

#content ol {
	margin:0 0 1em 24px;
	padding:0 27px 0 0;
	list-style:decimal}

#content ul {
	clear:both}
#content ul li {
	padding:0 0 0 18px;
	background:url(../images/bullet.gif) no-repeat 5px .6em}
#content ul.clean li,
ul.clean li {
	margin:0;
	padding:0;
	background:none}
#content ul li a {
	color:#006634}

#content ul ul {
	padding:.5em 0 0 18px}

#content dd {
	margin:0 0 1em}

#content img {
	margin:0 20px 25px 0;
	padding:1px;
	border-bottom:1px solid #cdc7bf}

/* ---- summary ---- */
#content .summary {
	margin:0;
	font:italic 1.273em/1.714 Georgia,"Times New Roman",serif}
#content .summary h2 {
	font-size:1em}
#content .summary em {
	font-style:normal}

#content .summary img {
	/* fix_lteie6.css */
	float:left}

#content .summary p.base,
#content .summary ol.base,
#content .summary ul.base {
	font:normal .7857em/1.545 Verdana,sans-serif}

/* ---- intro (around .summary) ---- */
#content div.intro {
	margin:0 0 3.5em;
	width:470px}

/* ---- blog posts ---- */
.posts {
	padding:1.3em 0 0;
	width:580px}
.section .posts {
	font:1.1em/1.545 Verdana,sans-serif}

.posts .post {
	margin:0 0 5em}

.posts h2,
#content .posts h2 {
	margin:0;
	padding:2px 0 3px;
	font:2.182em Georgia,"Times New Roman",serif;
	border-bottom:1px solid #d7d1ca}

.posts h2 a {
	color:#331c01}
.posts h2 a:hover {
	color:#006634}

.posts img,
#content .posts img {
    /* fix_lteie6.css */
	float:left;
	margin:5px 22px 1em 0;
	padding:0 0 3px;
	border-bottom:1px solid #cdc7bf}

/* byline */
.posts .byline {
	margin:0 0 1.545em;
	font:.9091em/1.2 Verdana,sans-serif}
.posts .byline p {
	margin:0}
.posts .byline p.date {
	color:#a79d96}

/* more */
.posts .more {
	/* fix_lteie6.css */
	position:relative;
	clear:both;
	margin:0 0 5em;
	border-top:1px solid #cdc7bf}

/* ---- posts small ---- */
.posts.small {
	clear:both}

.posts.small h2,
#content .posts.small h2 {
	clear:both;
	margin:1.85em 0 .75em;
	font-size:1.636em}

#content .posts.small img {
	margin-top:-6px}

/* social icons */
#container .posts .social_icons {
	position:absolute;
	top:8px;
	left:430px;
	width:250px;
	font-size:.9091em} /* IE8 fix on position */
#container .posts .social_icons p {
	padding:0}
#container .posts .social_icons ul {
	clear:none;
	margin-top:2px}
#container .posts .social_icons ul li {
	padding:0;
	background:none}

/* ---- legal ---- */
#content .legal {
	font-weight:bold;
	text-transform:uppercase}

#content ol.legal {
	list-style:decimal}
#content ol.legal ol {
	list-style:upper-alpha}
#content ol.legal ol ol {
	list-style:lower-roman}
#content ol.legal ol ol ol {
	list-style:lower-alpha}

/* ---- pagination ---- */
.pagination {
	padding:1px 0 0;
	border-top:1px solid #cdc7bf;
	font-size:1em}
.pagination .pagination_holder {
	/* fix_lteie6.css */
	padding:.75em 18px;
	-moz-border-radius:0 0 4px 4px;
	-webkit-border-bottom-right-radius:4px;
	-webkit-border-bottom-left-radius:4px;
	border-radius:0 0 4px 4px;
	background:#cdc7bf;
	line-height:2;
	text-align:center;
	overflow:hidden}

.pagination ul {
	position:relative;
	left:50%;
	float:left;
	margin:0 auto}
#container .pagination ul li {
	display:inline;
	position:relative;
	right:50%;
	float:left;
	margin:0;
	padding:.2em .25em;
	background:none}
.pagination ul li a,
.pagination ul li span {
	display:block;
	padding:0 .5em}

.pagination ul li.page_first *,
.pagination ul li.page_previous *,
.pagination ul li.page_next *,
.pagination ul li.page_last * {
	background:url(../images/pagination_arrows.gif) no-repeat}

.pagination ul li.page_first span,
.pagination ul li.page_previous span,
.pagination ul li.page_next span,
.pagination ul li.page_last span {
	color:#837870}

/* first, last */
.pagination ul li.page_first *,
.pagination ul li.page_last * {
	width:22px;
	height:22px;
	padding:0;
	text-indent:-999px;
	overflow:hidden}

.pagination ul li.page_first a {background-position:0 -350px}
.pagination ul li.page_first span {background-position:0 -300px}

.pagination ul li.page_last a {background-position:100% -43px}
.pagination ul li.page_last span {background-position:0 7px}

/* previous, next */
.pagination ul li.page_previous * {padding-left:24px}

.pagination ul li.page_next a,
.pagination ul li.page_next span {padding-right:24px}

.pagination ul li.page_previous a {background-position:0 -243px}
.pagination ul li.page_previous span {background-position:0 -193px}

.pagination ul li.page_next a {background-position:100% -143px}
.pagination ul li.page_next span {background-position:100% -93px}

/* ---- headlines ---- */
#content ul.headlines {
	margin:2em 0 .25em;
	padding:0 0 2em;
	border-bottom:1px solid #d7d1ca;
	font-size:.9091em}
#content ul.headlines li {
	padding:0 0 .5em;
	background:none}
#content ul.headlines a {
	font:bold 1.1em Verdana,sans-serif}
#content ul.headlines span.pub_date {
	padding:0 .25em;
	color:#8b8078;
	white-space:nowrap}
#content ul.headlines span.author {
	font-weight:bold;
	white-space:nowrap}

/* ---- anchors ---- */
#content h2.anchor {
	clear:both;
	margin:4em 0 0}

#content .anchors {
	/* fix_lteie6.css */
	margin:0 0 6.5em;
	padding:1.5em 0 1em;
	background:#FFF;
	font-size:.9091em;
	overflow:hidden}
#content .anchors ul {
	float:left;
	clear:none;
	margin:0;
	width:303px}
#content .anchors ul li {
	margin:0 0 .75em;
	background:none}

/* ---- documents lists ---- */
#content .documents {
	clear:both;
	width:622px;
	overflow:hidden}
#content .documents li {
	position:relative;
	float:left;
	margin:0 0 16px;
	padding:10px 150px 4em 19px;
	width:436px;
	min-height:51px; height:auto !important; height:51px;
	border:1px solid #cdc8c0;
	background:#FFF}
#content .documents li p {
	margin:0;
	padding:0}

#content .documents li a {
	position:absolute;
	bottom:0;
	left:0;
	margin:0 1px 1px;
	padding:9px 0 9px 47px;
	width:556px;
	background:#e6e3df url(../images/icon_document.gif) no-repeat 15px 50%;
	color:#331c01;
	text-decoration:underline}
#content .documents li a[href$=".pdf"] {
	/* fix_lteie6.css */
	background-image:url(../images/icon_pdf.gif)}
#content .documents li a:hover {
	color:#006634}
#content .documents li a span {
	color:#544a41;
	font-size:.818em;
	text-decoration:none}

/* links list */
#content .links {
	width:607px}
#content .links li {
	padding:1px 0 0;
	width:605px;
	min-height:0; height:auto !important; height:0}
#content .links li a {
	display:block;
	position:relative;
	top:0;
	width:556px}
#content .links li p {
	padding:.5em 16px}

/* two columns */
#content .two_columns li {
	margin-right:15px;
	padding-right:19px;
	width:256px}
#content .two_columns li a {
	width:245px}

/* ---- table ---- */
table {
	margin:0 0 2em;
	border:1px solid #cfcac2;
	border-collapse:collapse;
	border-spacing:0;
	background:#FFF}

/* col */
col.numerical,
td.numerical,
th.numerical {
	text-align:right}

tr.third {
	background:#faf9f9}

thead th {
	margin:5px 0 0;
	padding:.75em 1em;
	border:1px solid #cdc8c0;
	border-bottom-color:#cfc9c1;
	background:#efedea url(../images/table.gif) repeat-x 0 100%;
	font:bold 1em/1.455 Georgia,"Times New Roman",serif;
	text-align:left;
	vertical-align:top}
tbody th,
tfoot th,
td {
	padding:.75em 1em;
	border:1px solid #cdc8c0;
	border-top:1px dotted #cfc9c1;
	border-bottom:1px dotted #cfc9c1;
	font-weight:normal;
	text-align:left}
tbody th,
tfoot th {
	width:184px}

/* tfoot */
tfoot {
	background:url(../images/table.gif) repeat-x 0 1px}
tfoot th,
tfoot td {
	padding:1.7em 1em 1.5em;
	border-top:1px solid #cfc9c1;
	font-weight:bold}

/* forms ----------------------------------------------- */
#content form.basic {
	padding:1em 0 0}
#content form.basic fieldset {
	margin:1em 0}
#content form.basic fieldset.submit {
	padding:0 144px 0 0}
#content form.basic fieldset.submit span.button {
	float:right}

#content form.basic legend {
	display:block;
	margin:0 0 .5em;
	padding:0;
	width:400px;
	border-bottom:1px solid #cdc7bf;
	font:1.273em/1.5 Georgia,"Times New Roman",serif}

#content form.basic h3 {
	margin:0 0 .6em 179px;
	padding:0 3px;
	width:278px}
#content form.basic p {
	margin:0 0 1em 179px;
	padding:0 3px;
	width:251px}

#content form.basic dl {
	/* fix_lteie6.css */
	overflow:hidden}
#content form.basic fieldset dt {
	/* fix_lteie6.css */
	/* fix_ie7.css */
	display:inline;
	float:left;
	clear:left;
	padding:12px 15px .5em 0;
	width:154px;
	font-weight:normal;
	text-align:right;
	vertical-align:top}
#content form.basic fieldset dt label {
	display:block}
#content form.basic fieldset dt label span.note {
	color:#827A71}

/* required */
form.basic fieldset dt span.required {
	color:#F00}
form.basic fieldset dt span.valid {
	position:relative;
	top:1px;
	right:2px;
	width:0;
	height:0;
	padding:12px 16px 0 0;
	background:url(../images/validation_summary.gif) no-repeat 0 -900px;
	font-size:0}
#content form.basic ul.column_display li,
#content form.basic fieldset dd {
	/* fix_lteie6.css */
	/* fix_ie7.css */
	display:inline;
	float:left;
	margin:0 0 .6em;
	padding:8px 6px;
	width:284px;
	vertical-align:top}

#content form.basic fieldset dd p.note {
	margin:0;
	padding:0;
	width:auto;
	color:#331C01;
	font:italic .9091em/1.7 Verdana,sans-serif}
#content form.basic fieldset dd a {
	position:absolute;
	top:0;
	right:-5px}

#content form.basic fieldset dd input {
	width:272px}
#content form.basic fieldset dd input.checkbox,
#content form.basic fieldset dd input.radio {
	padding:0;
	border:0;
	width:auto}
#content form.basic fieldset ul.multichecklist select,
#content form.basic fieldset dd select {
	/* fix_lteie6.css */
	/* fix_ie7.css */
	width:284px}
#content form.basic fieldset dd input.short,
#content form.basic fieldset dd select.short {
	margin-right:10px;
	width:80px}

#content form.basic fieldset dd textarea {
	display:block;
	width:272px;
	height:65px;
	clear:left}

#content form.basic fieldset dd input#form_application_coffee_amount {width:35px;}

/* fieldset dd ul */
#content form.basic fieldset dd ul {
	padding:4px 0 0}
#content form.basic fieldset dd ul li {
	padding:0;
	background:none}
#content form.basic fieldset dd ul li label {
	font-weight:normal;
	cursor:pointer;
	vertical-align:middle}
#content form.basic fieldset dd ul li label input.checkbox,
#content form.basic fieldset dd ul li label input.radio {
	position:relative;
	top:2px;
	margin:0 8px 0 0;
	padding:0}
#content form.basic ul.column_display {
    padding-left: 5em}
#content form.basic ul.multichecklist {
    padding-left: 15.5em}
#content form.basic dd ul.multichecklist {
    padding-left: 0}
#content form.basic dd ul.multichecklist li {
    padding: 0}
#content form.basic ul.column_display li {
    float: left;
    width: 150px;
    background: none}
#content form.basic ul.multichecklist input,
#content form.basic ul.column_display input {
    position:relative;
    top:0.2em;
    width:2em}
#content form.basic ul.multichecklist input,
#content form.basic ul.column_display input{
    border: none}
#content form.basic ul.multichecklist li {
    width: auto;
    background: none;
    padding:8px 6px;}

/* ---- phone international ---- */
#content form.basic fieldset dd.phone_international p.note span {
	float:left;
	display:block;
	margin:0 5px 0 0}

#content form.basic fieldset dd.phone_international input#form_country_code {width:60px}
#content form.basic fieldset dd.phone_international p.note span.country_code {width:71px}

#content form.basic fieldset dd.phone_international input#form_city_code {width:60px}
#content form.basic fieldset dd.phone_international p.note span.city_code {width:71px}

#content form.basic fieldset dd.phone_international input#form_phone {width:120px}
#content form.basic fieldset dd.phone_international p.note span.phone_number {margin:0; width:129px}

/* ---- indent ---- */
#content form.basic fieldset dd ul.indent li {
    margin:0;
    background-image:none;
    padding:0 0 0 20px}

/* ---- dependant ---- */
form.basic fieldset dl .dependent dl {
    clear:both;
    margin-bottom:0}
.hasJS form.basic fieldset dl .dependent .depend {
    display:none}
form.basic fieldset dl .dependent dl dt {
    width:114px;
	padding-right:5px}
form.basic fieldset dl .dependent dl dt label {
    float:none;
    margin-left:8px;
    width:auto;
    text-align:left}

#content form.basic fieldset dl .dependent dl dd input,
#content form.basic fieldset dl .dependent dl dd textarea,
#content form.basic fieldset dl .dependent dl dd select {
	width:260px}

#content form.basic fieldset .dependent p {
    margin-left:6px;
    width:auto}
#content form.basic fieldset .dependent p a {
    position:static}
.hasJS form.basic fieldset dl .dependent .depend {
    margin-top:8px}

/* ---- validation summary ---- */
.validation_summary {
	margin:2em 0 1em 169px;
	padding:8px 5px;
	width:286px;
	border:1px solid #a7a7a7;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	background:#e7e7e7;
	color:#444;
	font:1em/1 Verdana,san-serif}
.validation_summary_wrap {
	padding:0 0 .5em;
	border:1px solid #a7a7a7;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	background:#FFF}
#container .validation_summary .validation_summary_wrap h2,
#container .validation_summary .validation_summary_wrap h3 {
	margin:0 0 1em;
	padding:1em 13px .75em;
	border-bottom:1px solid #ededed;
	color:#a7a7a7;
	font:bold 1.273em/1.357 Verdana,sans-serif}

#container .validation_summary .validation_summary_wrap p,
#container .validation_summary .validation_summary_wrap ul {
	margin:0 0 1em;
	padding:0 13px;
	width:auto;
	line-height:1.6}

/* error */
.validation_summary.error {
	border-color:#C10700;
	background:#F00}
.validation_summary.error .validation_summary_wrap {
	border-color:#C10700}
#container .validation_summary.error .validation_summary_wrap h2,
#container .validation_summary.error .validation_summary_wrap h3 {
	padding-left:50px;
	background:url(../images/validation_summary.gif) no-repeat 11px .9em;
	color:#FE0002}
#container .validation_summary.error .validation_summary_wrap p {
	padding-left:50px}

/* warning */
.validation_summary.warning {
	border-color:#ffa510;
	background:#FFD027}
.validation_summary.warning .validation_summary_wrap {
	border-color:#ffa510}
#content .validation_summary.warning .validation_summary_wrap h2,
#content .validation_summary.warning .validation_summary_wrap h3 {
	padding-left:50px;
	color:#f99508;
	background:url(../images/validation_summary.gif) no-repeat 11px -288px}
#container .validation_summary.warning .validation_summary_wrap p {
	padding-left:50px}

/* valid */
.validation_summary.valid {
	border-color:#58a351;
	background:#71c572}
.validation_summary.valid .validation_summary_wrap {
	border-color:#58a351}
#content .validation_summary.valid .validation_summary_wrap h2,
#content .validation_summary.valid .validation_summary_wrap h3 {
	padding-left:50px;
	color:#2a9a21;
	background:url(../images/validation_summary.gif) no-repeat 11px -588px}
#container .validation_summary.valid .validation_summary_wrap p {
	padding-left:50px}

/* validation error input */
input.error, select.error, textarea.error {
	border-color:#F00}

form.basic fieldset dd.error,
form.basic fieldset ul.error {
	padding:7px 5px;
	border:1px solid #F9B9B2;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	background:#FFDFDF}
#content form.basic fieldset dd ul.error{
    margin-bottom:7px;}

form.basic fieldset dd.error label.error {
	display:block;
	padding:2px 0 0 2px;
	background:transparent !important;
	color:#F00;
	font:bold .9091em Verdana,sans-serif}

/* ---- button (works with <a> and <input>)---- */
span.button {
	/* fix_lteie6.css */
	/* fix_ie7.css */
	display:block;
	float:left;
	padding:3px;
	border:0;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	-moz-box-shadow:0 2px 3px rgba(0,0,0,.2);
	-webkit-box-shadow:0 2px 3px rgba(0,0,0,.2);
	box-shadow:0 2px 3px rgba(0,0,0,.2)}
span.button * {
	/* fix_lteie6.css */
	display:block;
	float:left;
	margin:0;
	padding:.25em 3em .45em;
	border:1px solid #dadada;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	-moz-box-shadow:1px 1px 0 rgba(255, 255, 255, 0.2) inset;
	-webkit-box-shadow:1px 1px 0 rgba(255, 255, 255, 0.2) inset;
	box-shadow:1px 1px 0 rgba(255, 255, 255, 0.2) inset;
	background:#FFF url(../images/button.png) repeat-x 0 100%;
	color:#686868;
	font:bold 1em/1 Verdana,sans-serif;
	text-decoration:none;
	cursor:pointer;
	white-space:nowrap}
span.button *:hover,
span.button *:focus {
	border-color:#1a4325;
	background-color:#1D4E2A;
	color:#FFF;
	text-decoration:none}
span.button a { /* submitbtnlink styling adjustments */
    padding-bottom:0.55em;
    padding-top:0.55em}
span.button button{
    height: 2.3em}

/* ---- sizes ---- */
/* tall */
span.button_tall * {
	padding-top:.45em;
	padding-bottom:.65em}

/* narrow */
span.button_narrow * {
	padding-right:.5em;
	padding-left:.5em}

/* ---- colors ---- */
/* brown */
span.button_brown *,
span.button_brown *:link,
span.button_brown *:visited {
	border-color:#675545;
	background-color:#a89b8f;
	color:#FFF}
span.button_brown *:hover,
span.button_brown *:focus {
	border-color:#1a4325;
	background-color:#1D4E2A}

/* green */
span.button_green *,
span.button_green *:link,
span.button_green *:visited {
	border-color:#147848;
	background-color:#1da254;
	color:#FFF}
span.button_green *:hover,
span.button_green *:focus {
	background-color:red}

/* orange */
span.button_orange *,
span.button_orange *:link,
span.button_orange *:visited {
	border-color:#534435;
	background-color:#978a7c;
	color:#FFF}
span.button_orange *:hover {
	border-color:#3F2319;
	background-color:#AB231A}
span.button_orange *:focus {
	background-color:#AB231A}
	
/* gold */
span.button_gold *,
span.button_gold *:link,
span.button_gold *:visited {
	border-color:#534435;
	background-color:#978a7c;
	color:#FFF}
span.button_gold *:hover,
span.button_gold *:focus {
	border-color:#7d683c;
	background-color:#b9a57a;}
	
	

/* ---- variations ---- */
/* no-image */
span.no-image {
	padding-right:.5em;
	padding-left:.5em;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none}
span.no-image *{
	margin:1px;
	padding-right:1.5em;
	padding-left:1.5em;
	border:0;
	background:transparent}
span.no-image:hover *{
	background:none;
	color:#006634}
span.no-image *:focus {
	border:0;
	background-color:transparent;
	color:#006634;
	text-decoration:none}

/* disabled */
span.disabled,
span.disabled *,
span.disabled:hover *,
span.disabled:hover {
	border:0;
	background:transparent;
	color:#686868}
span.disabled *,
span.disabled:hover * {
	border:1px solid #dadada;
	cursor:default}

/* coffee list ----------------------------------------------- */
ol.coffee_list {
	margin:0;
	padding:1.625em 0 0;
	width:960px;
	overflow:hidden}
#sidebar ol.coffee_list {
	width:320px}

ol.coffee_list li {
	float:left;
	margin:0 17px 0 0;
	padding:0 0 56px}
ol.coffee_list li a,
ol.coffee_list li a:visited {
	display:block;
	position:relative;
	width:143px;
	min-height:157px; height:auto !important; height:157px;
	color:#331c01}
ol.coffee_list li a:hover {
	color:#331c01;
	text-decoration:none}
ol.coffee_list li a:active {
	text-decoration:none}

ol.coffee_list li a strong {
	display:block;
	position:absolute;
	z-index:3;
	top:0;
	left:0;
	padding:0 5px;
	width:133px;
	min-height:118px; height:auto !important; height:118px;
	background-position:0 130px;
	background-repeat:repeat-x;
	font:normal 1.1em/1.273 Verdana,sans-serif}
ol.coffee_list li a strong span {
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	padding:0 5px;
	width:133px}

ol.coffee_list li img,
#content ol.coffee_list li img,
#sidebar ol.coffee_list li img {
	display:inline !important;
	float:none !important;
	margin:0;
	padding:0;
	width:143px;
	height:75px;
	border:0}

ol.coffee_list li a br {
	display:none}

ol.coffee_list li a span.family {
	display:block;
	margin:43px 0 0;
	padding:2px 5px 0;
	border-top:1px solid}
ol.coffee_list li a span.intensity {
	display:block;
	position:relative;
	padding:3px 5px 0}

ol.coffee_list li a img.shared_planet,
#content ol.coffee_list li a img.shared_planet,
#sidebar ol.coffee_list li a img.shared_planet {
	position:absolute;
	bottom:3px;
	right:3px;
	width:16px;
	height:17px}
ol.coffee_list li a span.seasonal {
	position:absolute;
	top:-1.85em;
	left:0;
	padding:2px 0;
	width:143px;
	border-bottom:1px solid #F8F7F3;
	color:#FFF;
	font:italic .9em Verdana,sans-serif;
	text-align:center}
	
/* ---- hover ---- */
ol.coffee_list li a:hover,
ol.coffee_list li a:focus {
	cursor:pointer}
ol.coffee_list li a:hover strong,
ol.coffee_list li a:focus strong {
	color:#FFF}
	
/* image title list, mirrors above coffee list but intended to be used for more generic listing --------- */

#image_list {
    margin:0 0 2em;
    overflow:hidden;
    padding:0;
    width:945px}
    
#image_list h3 {
font-size:1.8em}

ol.image_title_list {
	margin:0;
	padding:1.625em 0 0;
	width:960px;
	overflow:hidden}
#sidebar ol.image_title_list {
	width:320px}

ol.image_title_list li {
	float:left;
	margin:0 17px 0 0;
	padding:0}
ol.image_title_list li a,
ol.image_title_list li a:visited {
	display:block;
	position:relative;
	width:143px;
	min-height:208px; height:auto !important; height:208px;
	color:#331c01}
ol.image_title_list li a:hover {
	color:#331c01;
	text-decoration:none}
ol.image_title_list li a:active {
	text-decoration:none}

ol.image_title_list li a strong {
	display:block;
	padding:0 5px;
	width:133px;
	background-position:0 130px;
	background-repeat:repeat-x;
	font:normal 1.1em/1.273 Verdana,sans-serif}
ol.image_title_list li a strong span {
	display:block;
	margin: 5px 0 0 0;
	padding:0 5px;
	width:133px}

ol.image_title_list li img,
#content ol.image_title_list li img,
#sidebar ol.image_title_list li img {
	display:inline !important;
	float:none !important;
	margin:0;
	padding:0;
	width:143px;
	height:143px;
	border:0}

ol.image_title_list li a br {
	display:none}

ol.image_title_list li a span.family {
	display:block;
	margin:43px 0 0;
	padding:2px 5px 0;
	border-top:1px solid}
ol.image_title_list li a span.intensity {
	display:block;
	position:relative;
	padding:3px 5px 0}

ol.image_title_list li a img.shared_planet,
#content ol.image_title_list li a img.shared_planet,
#sidebar ol.image_title_list li a img.shared_planet {
	position:absolute;
	bottom:3px;
	right:3px;
	width:16px;
	height:17px}
ol.image_title_list li a span.seasonal {
	position:absolute;
	top:-1.85em;
	left:0;
	padding:2px 0;
	width:143px;
	border-bottom:1px solid #F8F7F3;
	color:#FFF;
	font:italic .9em Verdana,sans-serif;
	text-align:center}


/* ---- hover ---- */
ol.image_title_list li a:hover,
ol.image_title_list li a:focus {
	cursor:pointer}
ol.image_title_list li a:hover strong,
ol.image_title_list li a:focus strong {
	color:#ad794b}

/* ---- Africa/Arabia ---- */
li.africa_arabia a strong {background-image:url(../images/coffee/overlay_africa_arabia.png)}
li.africa_arabia a:hover strong,
li.africa_arabia a:focus strong {background-position:0 0}
li.africa_arabia a:hover strong span,
li.africa_arabia span.seasonal {background:#e8a816}
li.africa_arabia span.family {color:#e8a816; border-color:#e8a816}

/* ---- Asia/Pacific ---- */
li.asia_pacific a strong {background-image:url(../images/coffee/overlay_asia_pacific.png)}
li.asia_pacific a:hover strong,
li.asia_pacific a:focus strong {background-position:0 0}
li.asia_pacific a:hover strong span,
li.asia_pacific span.seasonal {background:#b30b3a}
li.asia_pacific span.family {color:#b30b3a; border-color:#b30b3a}

/* ---- Latin America ---- */
li.latin_america a strong {background-image:url(../images/coffee/overlay_latin_america.png)}
li.latin_america a:hover strong,
li.latin_america a:focus strong {background-position:0 0}
li.latin_america a:hover strong span,
li.latin_america span.seasonal {background:#d1711d}
li.latin_america span.family {color:#d1711d; border-color:#d1711d}

/* ---- Multi-region Blend ---- */
li.multi_region_blend a strong {background-image:url(../images/coffee/overlay_multi_region.png)}
li.multi_region_blend a:hover strong,
li.multi_region_blend a:focus strong {background-position:0 0}
li.multi_region_blend a:hover strong span,
li.multi_region_blend span.seasonal {background:#a0a718}
li.multi_region_blend span.family {color:#a0a718; border-color:#a0a718}

/* ---- Specialty Roast ---- */
li.specialty_roast a strong {background-image:url(../images/coffee/overlay_specialty_roast.png)}
li.specialty_roast a:hover strong,
li.specialty_roast a:focus strong {background-position:0 0}
li.specialty_roast a:hover strong span,
li.specialty_roast span.seasonal {background:#351f04}
li.specialty_roast span.family {color:#351f04; border-color:#351f04}

/* ---- Intensity ---- */
ol.intensity li.mild a strong {background-image:url(../images/coffee/overlay_mild.png)}
ol.intensity li.mild a:hover strong span,
ol.intensity li.mild span.seasonal {background:#9F7C5F}
ol.intensity li.mild span.family {border-color:#9F7C5F}

ol.intensity li.medium a strong {background-image:url(../images/coffee/overlay_medium.png)}
ol.intensity li.medium a:hover strong span,
ol.intensity li.medium span.seasonal {background:#78543E}
ol.intensity li.medium span.family {border-color:#78543E}

ol.intensity li.bold a strong {background-image:url(../images/coffee/overlay_bold.png)}
ol.intensity li.bold a:hover strong span,
ol.intensity li.bold span.seasonal {background:#301403}
ol.intensity li.bold span.family {border-color:#301403}

ol.intensity li.extra_bold a strong {background-image:url(../images/coffee/overlay_extra_bold.png)}
ol.intensity li.extra_bold a:hover strong span,
ol.intensity li.extra_bold span.seasonal {background:#130400}
ol.intensity li.extra_bold span.family {border-color:#130400}

/* sidebar ----------------------------------------------- */
#sidebar {
	float:right;
	margin:2.25em 0;
	padding:0;
	width:305px;
	overflow:hidden}
#sidebar h3 {
	margin:0 0 .5em;
	padding:0 3px 2px;
	border-bottom:1px solid #d7d1ca;
	color:#442501;
	font:1.4em/1.429 Georgia,"Times New Roman",serif}
#sidebar h3 a {
	color:#331c01}
#sidebar h3 a:hover {
	color:#006634}

/* ---- section navigation ---- */
#sidebar .section_navigation {
	margin:2.75em 0 2em;
	background:#e4e1db url(../images/section_navigation.gif) no-repeat 0 0}
#sidebar .section_navigation div {
	margin:0 0 0 2px;
	padding:.5em 13px 0;
	border-left:1px solid #f8f7f3}
#sidebar .section_navigation h3 {
	margin:0;
	padding:.5em 0 1em;
	border:0;
	font:1.3em/1 Verdana,sans-serif;
	text-transform:uppercase}
#sidebar .section_navigation ul {
	/* fix_lteie6.css */
	padding:0;
	overflow:hidden}
#sidebar .section_navigation li {
	margin:0 0 1.25em}
#sidebar .section_navigation li.selected a {
	color:#776d65}

/* ---- promo ---- */
#container .promo {
	/* fix_lteie6.css */
	margin:3em 0 1em;
	overflow:hidden;
	background:transparent !important;}
#container .promo p,
#container .promo ul {
	padding:0 6px;
	line-height:1.6}
#container .promo ul li p {
	padding:0}
#container .promo p.divider{
    border-bottom:1px solid #D7D1CA;
    padding-bottom:10px;
    margin-bottom:10px}
#container .promo a:focus img {
	outline:1px dotted #7c746c}
#container .promo img {
	float:left;
	margin:3px 15px 1.5em 1px}
	
#container .rotate-promos {
    height:210px; 
    margin-top:-10px; }
    
#container .rotate-promos div{ padding-bottom:30px;}

#container .rotate-promos .promo{ display:none; }

/* ---- promo: Find Us Online ---- */
#sidebar ul.find_us_online {
	/* fix_lteie6.css */
	margin-top:-.7em;
	padding:1em 0 0;
	background:#FFF;
	overflow:hidden}
#sidebar ul.find_us_online li {
	float:left;
	margin:0}
#sidebar ul.find_us_online li a {
	display:block;
	margin:0 0 1em;
	padding:0;
	width:101px;
	height:49px;
	background:none;
	line-height:66px;
	text-align:center}
#sidebar ul.find_us_online li a img {
	float:none;
	margin:0}

/* ---- promo: logos ---- */
#sidebar ul.logos {
	width:320px;
	overflow:hidden}
#sidebar ul.logos li {
	float:left;
	margin:0 15px 15px 0}
#sidebar ul.logos li a {
	padding:0;
	background:none}
#sidebar ul.logos li img {
	float:none;
	margin:0}

/* ---- promo: iphone ---- */
#sidebar .promo_iphone p {
	clear:both;
	margin:0 0 1.2em;
	padding:0}
#sidebar .promo_iphone p a {
	display:block;
	padding:2px 7px;
	background:#8A8178;
	color:#FFF;
	font:1.2em Georgia,"Times New Roman",serif;
	text-decoration:none;
	text-transform:uppercase}
#sidebar .promo_iphone p a:hover {
	background:#006634}

#sidebar .promo_iphone dl {
	padding:0 7px}
#sidebar .promo_iphone dt {
	margin:0 0 .3em;
	font-size:1.1em}
#sidebar .promo_iphone dd {
	color:#4d3921;
	line-height:1.6}

/* ---- promo: Find a Store ---- */
#sidebar input.search_input {
	width:197px}

/* ---- promo: Who else is enjoying it? ---- */
#sidebar ul.promo_communities li {
	margin:0 0 1em 16px}
#sidebar ul.promo_communities li a {
	padding:4px 5px 4px 22px}
#sidebar ul.promo_communities li.twitter {
	background:url(../images/promos/icon_twitter.gif) no-repeat 0 50%}
#sidebar ul.promo_communities li.facebook {
	background:url(../images/promos/icon_facebook.gif) no-repeat 0 50%}
#sidebar ul.promo_communities li.flickr {
	background:url(../images/promos/icon_flickr.gif) no-repeat 0 50%}
#sidebar ul.promo_communities li.youtube {
	background:url(../images/promos/icon_youtube.gif) no-repeat 1px 50%}
#sidebar ul.promo_communities li.mystarbucksidea {
	background:url(../images/promos/icon_mystarbucksidea.gif) no-repeat 0 50%}

/* ---- documents ---- */
#sidebar .documents li a {
	/* fix_lteie6.css */
	display:block;
	padding:.5em 10px .5em 30px;
	background:url(../images/icon_document.gif) no-repeat 0 .5em}
#sidebar .documents li a[href$=".pdf"] {
	background-image:url(../images/icon_pdf.gif)}

/* ---- expandable ---- */
#sidebar h3.expandable {
	margin:1em 0 0;
	padding:1px 0;
	border:1px solid #ccc7c1;
	border-width:1px 0}
#sidebar h3.expandable a,
.hasJS #sidebar h3.expandable a.expanded {
	/* fix_lteie6.css */
	display:block;
	padding:.4em 28px;
	background:#FFF url(../images/expandable.png) no-repeat -583px 50%;
	color:#442501}
.hasJS #sidebar h3.expandable a {
	background-position:9px 50%}
.hasJS #sidebar h3.expandable a:hover {
	background-position:-287px 50%}
.hasJS #sidebar h3.expandable a.expanded:hover {
	background-position:-879px 50%}

#sidebar h3.expandable a span {
	display:block;
	width:0;
	height:0;
	overflow:hidden}

/* ---- expandable list ---- */
ol.expandable {
	padding:.75em 0;
	background:#FFF;
	border-bottom:1px solid #d9d7d0;
	overflow:hidden}
.hasJS ol.expandable {
	display:none}
ol.expandable a {
	padding:0 28px;
	color:#442501;
	font:1em/1.2 Verdana,sans-serif}
ol.expandable a:visited {
	color:#442501}
ol.expandable a:hover {
	color:#006634}

ol.expandable ol {
	margin-bottom:.5em}

/* ---- tree list ---- */
/* level 1 */
ol.tree li {
	margin:0 0 0 25px;
	padding:1px 0}
ol.tree li a {
	display:block;
	margin:0 22px 0 0;
	padding:2px 0 3px 20px;
	font-weight:bold}
ol.tree li a.parent {
	background:url(../images/expandable.png) no-repeat -1182px 50%}
ol.tree li a.parent:hover {
	background-position:-1450px 50%}
ol.tree li a.parent.expanded {
	background-position:-1718px 50%}
ol.tree li a.parent.expanded:hover {
	background-position:-1986px 50%}

/* level 2 */
ol.tree li li {
	margin-left:18px}
ol.tree li li a {
	padding-left:17px;
	font-weight:normal}

/* level 3 */
ol.tree li li li a {
	padding-left:12px}

/* ---- featured offerings ---- */
#sidebar ul.featured li {
	position:relative;
	margin:0 0 1.5em;
	padding:0 0 0 153px;
	min-height:143px; height:auto !important; height:143px}
#sidebar ul.featured li h4 {
	margin:0 0 .5em;
	font-weight:bold;
	line-height:1.6}
#sidebar ul.featured li h4 a {
	color:#442501}
#sidebar ul.featured li h4 a:hover,
#sidebar ul.featured li h4 a:focus {
	color:#006634;
	text-decoration:underline}
#sidebar ul.featured li p {
	padding:0}
#sidebar ul.featured li img {
	position:absolute;
	top:0;
	left:0;
	float:none;
	margin:0;
	width:143px;
	height:143px}

/* section ----------------------------------------------- */
.section {
	clear:both;
	margin:0 0 4em;
	padding:0 0 0 6px;
	overflow:hidden}
.section h3 {
	margin:0 0 .5em;
	padding:0 5px 0.25em;
	border-bottom:1px solid #D5D2CD;
	font:1.4em Georgia,"Times New Roman",serif}
.section h3 span {
	position:relative;
	top:.25em;
	left:-5px;
	padding:0 1em 0 5px;
	border-bottom:1px solid #F6F5F1}

/* ---- three columns ---- */
.three_columns {
	margin:0 0 2em -6px;
	width:960px;
	overflow:hidden}
.three_columns div {
	float:left;
	margin:0 16px 0 0;
	width:304px;
	line-height:1.6}
.three_columns div.clearfix{ /* IE7 FIX */
    float:none;
    margin:0;
    width:auto;
    padding-bottom:24px;
    line-height:normal;
    clear:left;}
.three_columns div img {
	float:left;
	margin:3px 15px 15px 0}

.three_columns dl {
	float:left;
	margin:0 24px 24px 0;
	width:299px;
	border-bottom:1px solid #d9d7d0}
.three_columns div.clearfix dl{
    margin:0 24px 0 0;
    }
.three_columns dt {
	margin:0 0 2px;
	padding:.5em 12px;
	background:#54301a;
	font:bold 1.2em/1.214 Georgia,"Times New Roman",serif}
.three_columns dt a,
.three_columns dt a:hover,
.three_columns dt a:visited {
	color:#FFF}
.three_columns dd {
	padding:.5em 10px;
	border:1px solid #d9d7d0;
	border-width:1px 1px 0;
	background:#FFF;
	line-height:1.7}
.three_columns dd p {
	margin:0}

.three_columns dd ul,
#content .three_columns dd ul {
	clear:none;
	margin:1.25em 0 0}

.three_columns dd ul li,
#content .three_columns dd ul li {
	margin:0;
	padding:0;
	background:none}

/* description */
.three_columns dd.description {
	min-height:78px; height:auto !important; height:78px}
.three_columns dd.description p {
	margin:0 0 1em}

/* image */
.three_columns dd.image {
	padding:0}
#content .three_columns dd.image img {
	display:block;
	float:none;
	margin:0;
	padding:0;
	width:297px;
	height:138px;
	border:0}

/* ---- .section in #content ---- */
#content .section {
	margin:0 0 0 -10px;
	width:617px}
#content .three_columns {
	margin-bottom:5.125em;
	width:650px}
#content .three_columns dd {
	margin:0}

/* additional ----------------------------------------------- */
#additional {
	padding:1em 1px 1.5em 9px;
	width:935px;
	background:#f6f5f0; /* rgba fallback */
	background:rgba(246,245,240,.7);
	overflow:auto}
#additional h3 {
	margin:0 0 .5em;
	padding:0 5px .25em;
	border-bottom:1px solid #D5D2CD;
	font:1.4em Georgia,"Times New Roman",serif}
#additional h3 a {
	color:#331C01}
#additional h3 a:hover {
	color:#006634}

#additional p {
	line-height:1.6}

#additional ul,
#additional ol,
#additional_posts ul {
	margin:0;
	padding:0 8px 0 0;
	color:#5a4730}
#additional li,
#additional_posts li {
	margin:0 0 1.25em;
	font:1em/1.555 Verdana,sans-serif}

#additional li a {
	color:#331c01;
	font-weight:bold}
#additional li a:hover {
	color:#006634}

#additional li p a {
	color:#006634;
	font-weight:normal}

/* ---- additional links ---- */
#additional_links {
	float:left;
	margin:0 30px 0 0;
	width:304px}

/* ---- additional posts ---- */
#additional_posts {
	float:left;
	margin:0 30px 0 0;
	width:353px}

/* ---- additional related ---- */
#additional_related {
	float:right;
	width:215px}
#additional #additional_related li {
	margin:0 0 .5em}
#additional #additional_related li a {
	font:1em/1 Verdana,san-serif;
	color:#006634}
#additional #additional_related li a:hover {
	text-decoration:underline}

/* bold */
#additional #additional_related.bold li {
	margin:0 0 1.25em}
#additional #additional_related.bold li a {
	font:bold 1.111em/1 Verdana,san-serif}

/* share ----------------------------------------------- */
#share {
    left:813px;
    position:absolute;
    top:155px;
    width:290px;
    height: 28px}
.social_icons p {
	float:left;
	margin:0;
	padding:0}
.social_icons ul {
	float:left;
	margin:0 0 0 13px}
.social_icons li {
	float:left;
	margin:0}
#container .social_icons li a {
	display:block;
	padding:0;
	width:14px;
	height:12px;
	background:url(../images/share_icons.png) no-repeat 2px 2px;
	text-indent:-9999px;
	overflow:hidden}
#container li.share_facebook a {}									#container li.share_facebook a:hover, #container li.share_facebook a:focus {background-position:2px -10px}
#container li.share_delicious a {background-position:-11px 2px}		#container li.share_delicious a:hover, #container li.share_delicious a:focus {background-position:-11px -10px}
#container li.share_myspace a {background-position:-25px 2px}		#container li.share_myspace a:hover, #container li.share_myspace a:focus {background-position:-25px -10px}
#container li.share_stumbleupon a {background-position:-39px 2px}	#container li.share_stumbleupon a:hover, #container li.share_stumbleupon a:focus {background-position:-39px -10px}
#container li.share_digg a {background-position:-53px 2px}			#container li.share_digg a:hover, #container li.share_digg a:focus {background-position:-53px -10px}
#container li.share_twitter a {background-position:-66px 2px}		#container li.share_twitter a:hover, #container li.share_twitter a:focus {background-position:-66px -10px}
#container li.share_reddit a {background-position:-79px 2px}		#container li.share_reddit a:hover, #container li.share_reddit a:focus {background-position:-79px -10px}

#container .addthis_toolbox span{
	color:#685c53;
	float:left;
	font:normal bold 11px Verdana,serif;
	padding:3px 10px 0 0;
}

#container .addthis_toolbox span.addthis_button_facebook_like
{
	padding:0 0 0 2px;
}

#container .addthis_toolbox img{
	padding:0 !important;
	margin:0 0 0 0px !important;
	border:none !important}

/* navigation ----------------------------------------------- */
#nav {
	position:absolute;
	z-index:400;
	top:4.4em;
	left:0}
#nav h3 {
	display:none}
#nav ul {
	margin:0 0 0 110px}
#nav li {
	display:inline;
	position:relative;
	float:left;
	margin:0 0 0 1px}
#nav li a {
	display:block;
	padding:7px 24px 8px 8px;
	color:#3e290f;
	font-size:1.3em;
	text-decoration:none;
	text-transform:uppercase}
#nav li a span {
	display:block;
	margin:5px 0 0;
	color:#9b948d;
	font-size:.692308em;
	text-transform:none;
	white-space:nowrap}

/* ---- tab ---- */
#nav li a:hover,
#nav li a:focus,
#nav li:hover a,
#nav li a.open {
	/* fix_ie8.css */
	position:relative;
	z-index:1100;
	padding:6px 23px 8px 7px;
	border:1px solid #e1dfda;
	border-bottom:0;
	-moz-border-radius:4px 4px 0 0;
	-webkit-border-top-right-radius:4px;
	-webkit-border-top-left-radius:4px;
	border-radius:4px 4px 0 0;
	color:#04170a;
	background:#fbfbfa url(../images/nav.png) repeat-x 0 0}

/* JavaScript tab hover */
.hasJS #nav li:hover a {
	background:transparent}

.hasJS #nav li a:hover {
	padding:7px 24px 8px 8px;
	border:0;
	color:#000;
	background:transparent}

.hasJS #nav li a.clone,
.hasJS #nav li:hover a.clone,
.hasJS #nav li a:hover.clone {
	position:absolute;
	z-index:1200;
	top:0;
	left:0;
	padding:6px 23px 8px 7px;
	border:1px solid #e1dfda;
	border-bottom:0;
	background:#fbfbfa url(../images/nav.png) repeat-x 0 0}

#nav li:hover a span,
#nav li a:hover span,
#nav li a:focus span {
	color:#4b4b4b}

.hasJS #nav li a.clone span {
	color:#4a7c59}

/* ---- mega menus --- */
#nav li div.menu {
	visibility:hidden;
	position:absolute;
	z-index:1000;
	margin:-1px 0 0;
	padding:3.5em 193px 1em 20px;
	border:1px solid #e0ded9;
	width:483px;
	background:#fbfbfa url(../images/menu_promo.png) no-repeat 100% 100%;
	-moz-box-shadow:3px 3px 7px rgba(0,0,0,.1);
	-webkit-box-shadow:3px 3px 7px rgba(0,0,0,.1);
	box-shadow:3px 3px 7px rgba(0,0,0,.1);
	line-height:1.6}
#nav li:hover div.menu {
	visibility:visible}

/* with JS */
.hasJS #nav li div.menu {
	/* fix_ie8.css */
	visibility:visible;
	display:none}

#nav li div.menu ul {
	/* fix_lteie6.css */
	position:relative;
	margin:0 0 1em;
	width:auto;
	overflow:hidden}
#nav li div.menu ul.menu_holder {
	/* fix_lteie6.css */
	min-height:174px; height:auto !important; height:174px}

#nav li div.menu li {
	margin:0 20px 0 0;
	width:141px}
#nav li div.menu a {
	/* fix_ie8.css */
	display:inline;
	padding:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
	background:none;
	font-size:1em;
	text-transform:none}
#nav li div.menu a:hover,
#nav li div.menu a:focus {
	padding:0;
	border:0;
	background:none;
	text-decoration:underline}
#nav li:hover div.menu a {
	padding:0;
	border:0}

/* site sections */
#nav div.menu dl {
	margin:0 0 1.25em;
	padding:3px 0 1.25em;
	border-bottom:1px solid #d9d7d0}
#nav div.menu dl dt {
	margin:0 0 .5em;
	padding:0 5px .5em;
	border-bottom:1px solid #bbb6ae}
#nav div.menu dl dt a,
#nav div.menu dl dt a:hover,
#nav li:hover div.menu dl dt a {
	padding-top:.25em;
	padding-bottom:.25em;
	color:#115426}
#nav div.menu dl dd {
	margin:.25em 0 .5em;
	padding:0 5px;
	line-height:1.25}
#nav div.menu dl dd a {
	color:#5a4233}
#nav div.menu dl dd a:hover {
	color:#006634}

/* empty site section */
#nav div.menu dl.empty {
	border:0}

/* mega menu promo */
#nav div.menu .menu_promo {
	position:absolute;
	top:0;
	right:25px;
	width:147px;
	border-top:3.5em solid #fbfbfa}
#nav div.menu .menu_promo dl {
	border:0}
#nav div.menu .menu_promo dt {
	padding:0 10px;
	border:0}
#nav div.menu .menu_promo dd {
	padding:0}
#nav div.menu .menu_promo dd img {
	margin:0 3px;
	width:139px;
	height:66px;
	border:1px solid #d9d7d0}
#nav div.menu .menu_promo dd p {
	padding:0 10px;
	line-height:1.6}
#nav div.menu .menu_promo dd p a {
	color:#006634}

/* suggestion */
#nav div.menu .menu_suggestion {
	position:absolute;
	right:181px;
	margin:-6px 0 0;
	width:480px;
	-moz-border-radius:0 0 6px 6px;
	-webkit-border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	border-radius:0 0 6px 6px;
	background:#FBFBFA}
#nav div.menu .menu_suggestion p {
	margin:0;
	color:#115426;
	text-align:center}
#nav div.menu .menu_suggestion p.menu_suggestion_links {
	padding:.25em .5em .75em;
	border:1px solid #e0ded9;
	border-top:0;
	border-bottom-color:#bdb7b0;
	-moz-border-radius:0 0 6px 6px;
	-webkit-border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	border-radius:0 0 6px 6px;
	-moz-box-shadow:3px 3px 7px rgba(0,0,0,.1);
	-webkit-box-shadow:3px 3px 7px rgba(0,0,0,.1);
	box-shadow:3px 3px 7px rgba(0,0,0,.1);
	color:#745f53}
#nav div.menu .menu_suggestion p.menu_suggestion_links a {
	padding:0 .35em;
	white-space:nowrap}
#nav div.menu .menu_suggestion p.menu_suggestion_links a:hover {
	color:#006634}

/* ---- mega menu customizations ---- */
/* nav_menu */
#nav li#nav_menu div.menu {
	left:-120px}
#nav li#nav_menu div.menu .menu_suggestion {
	width:385px}

/* nav_coffeehouse */
#nav li#nav_coffeehouse div.menu {
	left:-220px}
#nav li#nav_coffeehouse div.menu .menu_suggestion {
	width:300px}

/* nav_responsibility */
#nav li#nav_responsibility div.menu {
	left:-370px}
#nav li#nav_responsibility div.menu .menu_suggestion {
	width:380px}

/* nav_card */
#nav li#nav_card div.menu {
	left:-490px}
#nav li#nav_card div.menu .menu_suggestion {
	width:370px}

/* nav_shop */
#nav li#nav_shop div.menu {
	left:-550px}
#nav li#nav_shop div.menu .menu_suggestion {
	width:270px}

/* footer ----------------------------------------------- */
#footer {
	clear:both;
	margin:5.5em 0 0;
	border-top:1px solid #f4f3ed}
#footer_holder {
	padding:0 0 .5em;
	border-top:1px solid #e4e2dd;
	background:#F8F7F3 url(../images/background.jpg) no-repeat 0px -545px;
	color:#5e554c}

#footer p {
	display:inline;
	position:relative;
	top:-1.55em;
	margin:0;
	padding:0 1.5em 0 18px;
	border-bottom:2px solid #f5f4f1;
	font:.9em/1.444 Verdana,sans-serif}
#footer p a {
	padding:0 .75em}

#footer h4 {
	margin:0 0 1em;
	font:bold 1em/1.222 Verdana,sans-serif;
	color:#544a41}
#footer h4 a {
	color:#544a41}

#footer li {
	margin:0 0 .4em;
	line-height:1.222}
#footer a {
	color:#7c746c}
#footer a:hover {
	color:#006634}

/* ---- breadcrumb ---- */
ul#breadcrumb {
	margin:0;
	padding:1em 0;
	width:100%;
	border-bottom:1px solid #cdc7bf;
	color:#544a41}
ul#breadcrumb li {
	display:inline;
	margin:0 0 0 18px;
	font-weight:bold;
	text-transform:uppercase}
ul#breadcrumb ul,
ul#breadcrumb ul li {
	display:inline;
	margin:0 0 0 .333em;
	padding:0;
	font-weight:normal;
	text-transform:none}
ul#breadcrumb li a {
	margin:0 .25em 0 0;
	color:#544a41}

/* ---- footer_contextual footer_categorical, footer_global --- */
#footer_contextual,
#footer_categorical,
#footer_global {
	clear:both;
	padding:1.2em 0 .5em 18px;
	border-bottom:1px solid #cdc7bf;
	font-size:.9em;
	overflow:hidden}
#footer_global {
	padding:1.2em 0 3em 18px;
	border-color:#bbb6ae}
#footer_contextual .inner_wrapper,
#footer_categorical .inner_wrapper,
#footer_global .inner_wrapper {
	width:945px;
	overflow:hidden}
#footer_contextual .inner_wrapper ul,
#footer_categorical .inner_wrapper div,
#footer_global .inner_wrapper div {
	display:inline;
	float:left;
	margin:0 4px 0 0;
	width:163px}
#footer_contextual h4{
    width: 100%}
#footer_contextual .inner_wrapper ul{
    margin-bottom: 1em}

/* utilities ----------------------------------------------- */
#utilities {
	padding:0 0 1em 5px;
	border-top:1px solid #CDC7BF;
	background:#F8F7F3;
	overflow:hidden}
.hasJS #utilities {
	padding:0;
	border:0;
	font-size:.9em;
	line-height:1.7;
	overflow:visible}

/* ---- utilities list ---- */
.hasJS #utilities ul {
	position:absolute;
	z-index:500;
	top:0;
	right:26em}
#utilities li {
	float:left;
	margin:0 0 0 5px}
#utilities li a {
	display:block;
	padding:.5em .75em;
	color:#58462f;
	font-weight:bold;
	text-decoration:none}
.hasJS #utilities li a {
	font-weight:normal}

#utilities li a:hover {
	color:#006634;
	text-decoration:underline}

/* sign-in message */
#utilities li a.hello {
	color:#000}

/* country dropdown */
.hasJS #utilities li#international {
	position:relative;
	top:-4px;
	margin:0 2px 0 0;
	width:14.4em;
	height:1px}
.hasJS #utilities li#international #countries {
	position:absolute;
	bottom:0;
	right:-26px;
	margin:0;
	padding:20px 0 20px 20px;
	width:52em;
	border:1px solid #dad8d1;
	border-top:0;
	background:#f5f5f3}

.hasJS #utilities li#international #countries span {
	display:block;
	position:absolute;
	bottom:-3.44em;
	right:26px;
	margin:0 0 0 .75em;
	padding:0 1px 1px;
	-moz-border-radius:0 0 7px 7px;
	-webkit-border-bottom-right-radius:7px;
	-webkit-border-bottom-left-radius:7px;
	border-radius:0 0 7px 7px;
	width:13em;
	background:#FFF url(../images/submit_border.gif) repeat-x 0 100%}
li#international #countries.expanded,
li#international #countries.expanded span {
	-moz-box-shadow:3px 3px 7px rgba(0,0,0,.1);
	-webkit-box-shadow:3px 3px 7px rgba(0,0,0,.1);
	box-shadow:3px 3px 7px rgba(0,0,0,.1);
	background:#F5F5F3}
li#international #countries.expanded span {
	background:#dad8d1}

#utilities li#international span a {
	/* fix_lteie6.css */
	padding:.5em .5em .7em 33px;
	-moz-border-radius:0 0 6px 6px;
	-webkit-border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	border-radius:0 0 6px 6px;
	background:url(../images/flag_usa.png) no-repeat 10px 55%}
.hasJS #utilities li#international span a {
	padding-top:.9em;
	background-color:#F7F7F5}

#utilities li#international span a:hover {
	color:#006634}
li#international #countries.expanded span a {
	background-color:#F5F5F3}

li#international ol {
	display:inline;
	float:left;
	margin:1em 10px 0 33px;
	width:16em}
.hasJS li#international ol {
	margin:0 10px 0 0}

li#international ol li {
	display:block;
	float:left;
	width:100%;
	margin:0 0 1.25em}
li#international ol li a {
	display:inline;
	padding:0}

/* ---- utilities search ---- */
form#search {
	position:absolute;
	top:2px;
	right:4.75em}
form#search fieldset {
	display:inline;
	border:1px solid #f2f1ed;
	-moz-border-radius:11px;
	-webkit-border-radius:11px;
	border-radius:11px}

/* search input */
input.search_input {
	float:left;
	margin:0;
	padding:2px 7px 3px;
	width:14.5em;
	height:12px;
	border:1px solid #d8d8d8;
	border-top-color:#a6a5a2;
	border-right:0;
	-moz-border-radius:10px 0 0 10px;
	-webkit-border-radius:0;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-top-left-radius:10px;
	border-radius:10px 0 0 10px;
	-moz-box-shadow:0 1px 1px rgba(0,0,0,.1) inset;
	-webkit-box-shadow:0 1px 1px rgba(0,0,0,.1) inset;
	box-shadow:0 1px 1px rgba(0,0,0,.1) inset}
input.search_input:focus {
	outline:0}

/* search button */
button.search_submit {
	float:left;
	margin:0;
	padding:2px 0 3px;
	width:27px;
	height:19px;
	border:1px solid #d8d8d8;
	border-top-color:#a6a5a2;
	-moz-border-radius:0 10px 10px 0;
	-webkit-border-radius:0;
	-webkit-border-top-right-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	border-radius:0 10px 10px 0;
	-moz-box-shadow:0 1px 1px rgba(0,0,0,.1) inset;
	-webkit-box-shadow:0 1px 1px rgba(0,0,0,.1) inset;
	box-shadow:0 1px 1px rgba(0,0,0,.1) inset;
	background:#FFF url(../images/search_button.gif) no-repeat 40% 50%;
	text-indent:-9999px;
	overflow:hidden;
	cursor:pointer}
button.search_submit:focus {
	outline:0;
	background-color:#e1ddd9}

/* focus */
form#search.focus fieldset {
	border-color:#115526}
form#search.focus input.search_input,
form#search.focus button.search_submit {
	border-color:#115526;
	color:#115526}

/* hint */
form input.search_input.hint,
form.focus input.search_input.hint {
	color:#331c01}

/* debug ----------------------------------------------- */
dl#debug {
	position:absolute;
	z-index:2000;
	top:18px;
	left:18px;
	padding:1.5em 30px .5em;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	-moz-box-shadow:0 0 10px rgba(0,0,0,.5);
	-webkit-box-shadow:0 0 10px rgba(0,0,0,.5);
	box-shadow:0 0 10px rgba(0,0,0,.5);
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,.8);
	font:1.2em/2 Verdana,sans-serif;
	color:#FFF}
dl#debug dt {
	color:#CCC;
	font-size:.833em;
	text-transform:uppercase}
dl#debug dd {
	margin:0 0 1em}


/* //// [2] LAYOUT OPTIONS ----------------------------------------- //// */

/* =OPEN ----------------------------------------------- */

/* content ----------------------------------------------- */
.layout_open #content {
	float:none;
	width:935px}

/* sidebar ----------------------------------------------- */
.layout_open #sidebar {
	float:none;
	width:954px}
.layout_open #sidebar .promo {
	float:left;
	clear:none;
	margin-right:13px;
	width:305px}

/* =PRODUCT DETAIL ----------------------------------------------- */

/* container ----------------------------------------------- */
.layout_product_detail #container br.clear {
	clear:both}

/* content ----------------------------------------------- */
.layout_product_detail #content {
	float:right;
	padding:2.25em 0 0;
	width:634px;
	overflow:hidden}
.layout_product_detail #content h2 {
	margin:0 0 1.5em 31px;
	font:italic 2.545em/1.357em Georgia,"Times New Roman",serif}
.layout_product_detail #content h2 em {
	font-style:normal}

/* ---- content_main ---- */
.layout_product_detail #content_main {
	float:left;
	padding:0 38px 0 31px;
	width:341px;
	overflow:hidden}

/* enjoy with */
.layout_product_detail #enjoy_with {
	margin:5em 0 0}
.layout_product_detail #enjoy_with h3 {
	margin:0 0 .5em;
	border:0;
	font:bold 1.091em Verdana,sans-serif;
	text-transform:uppercase}
.layout_product_detail #enjoy_with p {
	font:italic 1.455em/1.688 Georgia,"Times New Roman",serif}
.layout_product_detail #enjoy_with p em {
	font-style:normal}

/* ---- content_rail ---- */
.layout_product_detail #content_rail {
	float:right;
	margin:0 0 2em;
	width:222px}
.layout_product_detail #content_rail ul li {
	margin:0;
	padding:0;
	background:none;
	font-size:.9091em}
.layout_product_detail #content #content_rail a {
	color:#006634}
.layout_product_detail #content #content_rail a:hover {
	text-decoration:underline}

/* image */
.layout_product_detail #content_rail img {
	padding:0;
	border:0}
.layout_product_detail #content_rail img#stamp {
	float:left;
	margin:0 0 1em;
	padding:3px 7px;
	width:49px;
	height:76px}

/* available */
.layout_product_detail #content_rail #available {
	float:right;
	padding:0 0 1.5em 9px;
	width:149px}
.layout_product_detail #content_rail #available p {
	margin:0 0 1.25em;
	padding:0}
.layout_product_detail #content_rail #available strong {
	font:1.273em Georgia,"Times New Roman",serif}
.layout_product_detail #content_rail #available #available_details span {
	position:relative;
	top:-5px;
	font-size:.8182em;
	color:#6f655d}

/* button */
.layout_product_detail #content_rail #available span.button a {
	color:#FFF;
	text-decoration:none}

/* region */
.layout_product_detail #content #content_rail h3.region {
	margin:0 0 .75em;
	border:0;
	font:1.091em Georgia,"Times New Roman",serif;
	text-transform:uppercase}
.layout_product_detail #content #content_rail h3.region a {
	display:block;
	padding:2px 7px;
	color:#FFF;
	background:#776D64;
	text-decoration:none}
.layout_product_detail #container #content #content_rail h3.region a:hover {
	background:#006634;
	color:#FFF}

/* details */
.layout_product_detail #content_rail dl.details {
	padding:0 7px}
.layout_product_detail #content_rail dl.details dd {
	font:.9091em/1.6 Verdana,sans-serif;
	color:#4d3921}

/* classification */
.layout_product_detail #content_rail ul.classification {
	/* fix_lteie6.css */
	margin:0;
	padding:.5em 0;
	border-top:1px solid #d5d2cd;
	overflow:hidden}
.layout_product_detail #content_rail ul.classification li {
	float:left;
	margin:0;
	padding:10px 15px 7px 7px}
.layout_product_detail #content_rail ul.classification li a {
	padding:0;
	background:none}

.layout_product_detail #content_rail ul.classification li img {
	float:none;
	margin:0;
	padding:0;
	border:0}

/* find */
.layout_product_detail #content_rail .find {
	padding:1em 7px .125em;
	border-top:1px solid #d5d2cd;
	background:#f1eee7}
.layout_product_detail #content_rail .find h3 {
	margin:0 0 .25em;
	border:0;
	font:bold 1em Verdana,sans-serif}
.layout_product_detail #content_rail .find ul {
	margin:0 0 1em}

/* related */
.layout_product_detail #content_rail .related {
	margin:4em 0 0;
	padding:1px;
	background:#FFF url(../images/related.png) repeat-x 0 100%}
.layout_product_detail #content_rail .related h3 {
	margin:0;
	padding:1em 7px .125em;
	border-bottom:1px solid #d5d2cd;
	background:#f6f5f0;
	font:1.273em Georgia,"Times New Roman",serif}
.layout_product_detail #content_rail .related ul {
	margin:0;
	padding:1em 7px 2em 13px;
	background:#f6f5f0}

/* sidebar ----------------------------------------------- */
.layout_product_detail #sidebar {
	float:left;
	margin:0 0 10em;
	padding:0;
	width:311px}