/* //// GLOBAL COFFEE ----------------------------------------- //// */

/* navigation ----------------------------------------------- */
/* selected nav item */
#nav li#nav_coffee > a {
	color:#115425}
#nav li#nav_coffee > a span {
	color:#49341c}

/* Coffee Region Colors ----------------------------------------------- */

/* ---- Africa/Arabia ---- */
.africa_arabia h1,
.africa_arabia #container #content .find,
.africa_arabia #container #content ul.classification,
.africa_arabia #container #content .related h3,
.africa_arabia img#fpo_slide,
.africa_arabia .section h3,
.africa_arabia #additional h3 {
	border-color:#e8a816}
.africa_arabia #container #content h3.region a {
	background:#e8a816}

/* ---- Asia/Pacific ---- */
.asia_pacific h1,
.asia_pacific #container #content .find,
.asia_pacific #container #content ul.classification,
.asia_pacific #container #content .related h3,
.asia_pacific img#fpo_slide,
.asia_pacific .section h3,
.asia_pacific #additional h3 {
	border-color:#b30b3a}
.asia_pacific #container #content h3.region a {
	background:#b30b3a}

/* ---- Latin America ---- */
.latin_america h1,
.latin_america #container #content .find,
.latin_america #container #content ul.classification,
.latin_america #container #content .related h3,
.latin_america img#fpo_slide,
.latin_america .section h3,
.latin_america #additional h3 {
	border-color:#d16f1a}
.latin_america #container #content h3.region a {
	background:#d16f1a}

/* ---- Multi-region Blends ---- */
.multi_region_blends h1,
.multi_region_blends #container #content .find,
.multi_region_blends #container #content ul.classification,
.multi_region_blends #container #content .related h3,
.multi_region_blends img#fpo_slide,
.multi_region_blends .section h3,
.multi_region_blends #additional h3 {
	border-color:#a0a718}
.multi_region_blends #container #content h3.region a {
	background:#a0a718}

/* ---- Specialty Roast ---- */
.specialty_roast h1,
.specialty_roast #container #content .find,
.specialty_roast #container #content ul.classification,
.specialty_roast #container #content .related h3,
.specialty_roast img#fpo_slide,
.specialty_roast .section h3,
 .specialty_roast #additional h3 {
	border-color:#351f04}
.specialty_roast #container #content h3.region a {
	background:#351f04}

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

/* //// COFFEE INDEX ----------------------------------------- //// */

#page_coffee h1 {
	font-size:2.4em}

/* content ----------------------------------------------- */
#page_coffee #content {
	padding:0 0 5em 7px;
	width:583px}

/* ---- summary ---- */
#page_coffee #content .summary {
	width:460px}

/* sidebar ----------------------------------------------- */
#page_coffee #sidebar {
	margin-top:0;
	width:303px}

/* //// WHOLE BEAN COFFEE ----------------------------------------- //// */

/* content ----------------------------------------------- */
#page_catalog #content {
	padding:18px 0 0;
	width:945px;
	font:1em/1em Verdana,sans-serif;
	overflow:hidden}

/* ---- filter ---- */
#filter {
	display:none;
	float:right;
	margin:0;
	padding:1.333em 21px .8em 14px;
	width:590px;
	background:#e9e2d7;
	color:#442501}
.hasJS #filter {
	display:block}

#filter p {
	float:left;
	margin:0 1.25em 0 0; 
	padding:0;
	font:bold 1.1em Verdana,sans-serif}

/* ---- filter sort ---- */
#filter_sort {
	float:left;
	width:293px}
#filter_sort ul {
	margin:2px 0 0;
	clear:none}
#filter_sort ul li {
	float:left;
	margin:0 10px 0 0;
	padding:0;
	background:none}
#filter_sort ul li a {
	display:block;
	float:left;
	margin:-5px 5px 0 0;
	padding:5px}

#filter_sort ul li.selected a {
	color:#7C746C}
#filter_sort ul li.selected a:hover {
	text-decoration:none;
	cursor:default}

/* ---- filter narrow ---- */
#filter_narrow {
	float:right;
	width:282px}
#filter_narrow ul {
	float:right;
	clear:none;
	margin:-3px 0 0}
#filter_narrow ul li {
	position:relative;
	z-index:4;
	margin:0;
	padding:0;
	background:none}
#filter_narrow ul li a {
	display:block;
	text-decoration:none}
#filter_narrow ul li a:hover {
	text-decoration:underline}

#filter_narrow ul li span#filtered_by {
	display:block;
	padding:5px 6px 6px;
	width:151px;
	background:#FFF url(/static/images/dropdown.gif) no-repeat 146px 9px;
	text-decoration:none}
#filter_narrow ul li:hover span#filtered_by {
	background-position:146px -21px}

/* filter narrow dropdown */
#filter_narrow ul li ul#filter_dropdown {
	position:absolute;
	left:-9999px;
	margin:0;
	padding:1em 0 0;
	width:163px;
	-moz-border-radius:0 0 7px 7px;
	-webkit-border-radius:7px;
	-webkit-border-top-left-radius:0;
	-webkit-border-top-right-radius:0;
	border-radius:0 0 7px 7px;
	-moz-box-shadow:0 2px 3px rgba(0,0,0,.25);
	-webkit-box-shadow:0 2px 3px rgba(0,0,0,.25);
	box-shadow:0 2px 3px rgba(0,0,0,.25);
	background:#FFF}
#filter_narrow ul li ul#filter_dropdown.open {
	left:0}

#filter_narrow ul#filter_dropdown li {
	padding:0 0 .75em}
#filter_narrow ul#filter_dropdown li a {
	display:block;
	padding:0 6px;
	border:0;
	color:#735c40}
#filter_narrow ul#filter_dropdown li.selected a {
	color:#000;
	text-decoration:underline}

#filter_narrow ul#filter_dropdown p {
	float:none;
	margin:0;
	padding:.75em 6px .5em;
	font-size:1em;
	border-top:1px solid #e0ded9}

#filter_narrow ul#filter_dropdown ul {
	float:none;
	margin:0;
	padding:0}
#filter_narrow ul#filter_dropdown ul li {
	padding:0 0 .5em}
#filter_narrow ul#filter_dropdown ul li a {
	padding:0 12px}

/* filter more */
#filter_narrow ul#filter_dropdown ul#filter_more {
	padding:1em 0 0;
	border-top:1px solid #e0ded9}
#filter_narrow ul#filter_dropdown ul#filter_more li a {
	padding:0 6px;
	color:#006634}

/* ---- coffee list ---- */
#page_catalog ol.coffee_list {
	/* fix_lteie6.css */
	/* fix_ie7.css */
	clear:both;
	margin:0;
	padding:0;
	min-height:500px; height:auto !important; height:500px;
	list-style:none;
	overflow:visible}
.hasJS #page_catalog ol.coffee_list {
	padding-top:4em}

/* ---- featured ---- */
#page_catalog ol.coffee_list li.featured {
	position:relative;
	float:left;
	padding:0;
	width:303px;
	height:424px}
.hasJS #page_catalog ol.coffee_list li.featured {
	height:401px}

#page_catalog ol.coffee_list li.featured a {
	position:absolute;
	top:0;
	left:0;
	width:303px;
	border-bottom:1px solid #e0ded9}
.hasJS #page_catalog ol.coffee_list li.featured a {
	visibility:hidden;
	top:-40px}

#page_catalog ol.coffee_list li.featured a img,
#page_catalog a.cloned img {
	margin:0;
	padding:0;
	width:303px;
	height:424px;
	border:0}

#page_catalog a.cloned {
	position:absolute;
	top:192px;
	left:18px;
	padding:0 0 3px;
	border-bottom:1px solid #e0ded9}

/* //// WHOLE BEAN CATEGORY ----------------------------------------- //// */

/* media player ----------------------------------------------- */
#page_category #media {
	width:94.5em !important;
    height:38.2em !important;
    margin: 0;
    padding: 0 0 .4em 0;
    min-height: 38.2em;
    border-bottom: 1px solid #D7D1CA;
	}

/* content ----------------------------------------------- */
#page_category #content {
	padding:0 114px 3em 16px;
	width:460px}

/* sidebar ---------------------------------------------- */
#page_category #sidebar {
	position:relative;
	margin:0;
	overflow:visible}
#page_category #sidebar img#map {
	position:absolute;
	top:14px;
	left:-18px}

/* //// INSTANT COFFEE ----------------------------------------- //// */
#page_instant h1 {
	border-color:#542c24}

/* content ----------------------------------------------- */
#page_instant #content {
	position:relative;
	padding-bottom:2em}

/* ---- summary ---- */
#page_instant #content .summary {
	width:460px}

/* ---- summary image ---- */
#page_instant #content img#summary {
	display:inline;
	position:absolute;
	top:23px;
	left:618px;
	padding:0;
	border:0}

/* ---- coffees ---- */
#page_instant #coffees {
	margin:0}
#page_instant #coffees h3 {
	border-color:#542c24}
#page_instant ol.coffee_list {
	padding-top:0}

/* section ---------------------------------------------- */
#page_instant #posts {
	float:left;
	width:580px}
#page_instant #posts .pagination {
	font-size:.9091em}

/* sidebar ---------------------------------------------- */
#page_instant #sidebar {
	margin-top:0}

/* //// FLAVORS IN YOUR CUP ----------------------------------------- //// */
#page_flavors h1 {
	border-color:#d7d1ca}

/* ---- content ---- */
#page_flavors #content {
	padding-right:18px;
	width:572px;
	font:1em/1.7 Verdana,sans-serif}
#page_flavors #content h2 {
	margin:0 0 14px;
	padding:2em 0 3px 9px;
	border-bottom:1px solid #d7d1ca;
	font:1.8em Georgia,"Times New Roman",serif}
#page_flavors #content img {
	margin:0 0 .5em}

/* ---- bookmarks ---- */
#page_flavors p.bookmarks {
	margin:0 0 2em;
	padding:.5em 0 0;
	border-top:1px solid #d7d1ca;
	text-align:center}
#page_flavors p.bookmarks span {
	margin:0 .7em;
	color:#afa79f}
#page_flavors p.bookmarks a {
	margin:0 .7em;
	color:#006634}
#page_flavors p.bookmarks a:hover {
	color:#006634;
	text-decoration:underline}

/* ---- intro ---- */
#page_flavors .intro p.bookmarks {
	border:0;
	text-align:left}

/*--- media player override */
#page_coffee #media {
	width:94.5em !important;
    margin: 0;
    padding: 0 0 .4em 0;
	min-height:33.2em;
	height:33.2em !important;
	border-bottom:1px solid #D7D1CA}

#static_media img {
    float: left;
    height:331px;
    width:589px}
#static_media #media_description{
    float:left;
    overflow: visible;
    margin:0;
    padding:1em 1em 0;
    width:19.1em}
#static_media #media_description li#media_link {
    margin-top: 2em}
#static_media #media_description li#media_link a {
    text-decoration:underline}
#static_media #media_description dt {
    font-size:1.5em;
    margin-bottom:.5em}
#static_media #media_description dd {
    margin-top: 1em;
    line-height:1.2}
#static_media #media_description #get_flash img{
    padding:1em 2em;
    width:160px;
    height:41px;
    }