@import url("sifr_screen.css");

/* == Global Styles == */



div.clear {
	clear: both;
	height: 0px;
	line-height: 1px;
	overflow: hidden;
}

.no_bullets {
	list-style: none;
	margin-left: 1.5em;
}
	.no_bullets li {
		margin-bottom: 0.5em;
	}

div.about_wrapper {
	position:relative;
	height:550px;
	margin:25px 0 0 60px;	
}
.about_wrapper ul li {
	list-style:none !important;
	margin:3px 0px !important;
}
div.about_wrapper .tabbedSectionSpace {
	width: 553px;
}
	div.about_wrapper div.tabbedSections div.ts_content h3 {
		text-transform: uppercase;
	}
	div.about_wrapper ul.tab_nav {
		list-style: none;
		width: 100%;
		width: 553px;
		height: 35px;
	}
		div.about_wrapper ul.tab_nav li {
			float: left;
			height: 35px;
			margin:0px !important;
			list-style:none !important;
		}	
		
		div.about_wrapper ul.tab_nav li a {
			display: block;
			background-position: 0px 0px;
			background-repeat: no-repeat;
			height: 35px;
			position: relative;
			overflow: hidden;
		}
			div.about_wrapper ul.tab_nav li a span {
				display: block;
				position: absolute;
				left: -9000px;
			}
			
		div.about_wrapper ul.tab_nav li a:hover {
			background-position: 0px -35px;
		}
		div.about_wrapper ul.tab_nav li a.current {
			background-position: 0px -70px;
		}
		div.about_wrapper ul.tab_nav li a.current:hover {
			background-position: 0px -70px;
		}
		
div.about_wrapper .tabbedSections .ts_content a.promo {
	text-transform: none;
	font-weight: normal;
}

div.about_wrapper div.tabbedSections div.ts_content ul {
	list-style: none;
}
div.about_wrapper div.tabbedSections div.ts_content_wrapper ul.link_list {list-style: none; margin-top: 0.5em;}
	div.about_wrapper div.tabbedSections div.ts_content_wrapper ul.link_list li {
		margin-bottom: 0.25em;
		float: left;
		clear: left;
	}
	
	.about_wrapper .tabbedSections .ts_content_wrapper {
		background: url(/assets/content_wrapper_bg.gif) repeat-x top left;
		width: 553px;
		position: absolute;
		visibility: hidden;
	}
	
	.about_wrapper .tabbedSections .ts_leftFringe {
		float: left;
		width: 20px;
	}
	.about_wrapper .tabbedSections .ts_leftFringe[class] {background-image: url(/assets/bg_leftFringe.png);}
	
	.about_wrapper .tabbedSections .ts_content {
		float: left;
		width: 513px;
		padding: 25px 0 0 0;
		overflow: hidden;
	}
	.about_wrapper .tabbedSections .ts_content[class] {background-image: url(/assets/bg_trans.png);}
	
	.about_wrapper .tabbedSections .ts_rightFringe {
		float: left;
		width: 20px;
	}
		.about_wrapper .tabbedSections .ts_rightFringe[class] {background-image: url(/assets/bg_rightFringe.png);}
		
/* == About Our Coffee - Bean Selection == */
#bean_selection .tabbedSectionSpace {
	height: 325px;
}

#bean_selection .tabbedSection {
	height: 340px;
}
#bean_selection .tabbedSections .ts_leftFringe,
#bean_selection .tabbedSections .ts_rightFringe
{height: 305px;}

#bean_selection .tabbedSections .ts_content
{height: 280px;}

	#bean_selection ul.tab_nav {
		background: url(../_img/coffee/bean_selection/tab_nav_bg.gif) top right;
	}	
		#bean_selection ul.tab_nav li.tab_americas {
			width: 100px;
		}
			#bean_selection ul.tab_nav li.tab_americas a {
				background-image: url(../_img/coffee/bean_selection/tab_bg_americas.gif);
			}
		#bean_selection ul.tab_nav li.tab_africa {
			width: 164px;
		}
			#bean_selection ul.tab_nav li.tab_africa a {
				background-image: url(../_img/coffee/bean_selection/tab_bg_africa.gif);
			}
		#bean_selection ul.tab_nav li.tab_pacific {
			width: 141px;
		}
			#bean_selection ul.tab_nav li.tab_pacific a {
				background-image: url(../_img/coffee/bean_selection/tab_bg_pacific.gif);
			}
	
	/* == About Our Coffee - Bean Selection: Navigation Tabs - Content == */
	
	#bean_selection .tabbedSections #americas.ts_content_wrapper {
		visibility: visible;
	}
		#bean_selection .tabbedSections .ts_content .region_info {
			width: 323px;
			float: left;
		}
			#bean_selection .tabbedSections .ts_content .region_info h3 {
				text-transform: none;
			}
			#bean_selection .tabbedSections .ts_content .region_info .regional_coffees {
				width: 120px;
				float: left;
				background: url(/assets/tab_content_vert_divider.gif) repeat-y top right;
			}
				#bean_selection .tabbedSections .ts_content .region_info .regional_coffees li {width: 130px;}
			#bean_selection .tabbedSections .ts_content .region_info .regional_facts {
				width: 190px;
				float: left;
				background: url(/assets/tab_content_vert_divider.gif) repeat-y top right;
				position: relative;
				left: 10px;
			}
		#bean_selection .tabbedSections .ts_content img {
			float: left;
			position: relative;
			bottom: 25px;
		}
		
/* == About Our Coffee - Grind Guide == */
#grind_guide #grinding_tips {
	list-style: none;
	margin-top: 2em;
	margin-bottom: 0.5em;
}
	#grind_guide #grinding_tips li {
		clear: left;
		width: 565px;
		height: 4em;
	}
		#grind_guide #grinding_tips li img {
			float: left;
			margin-top: 4px;
		}
		#grind_guide #grinding_tips li span {
			display: block;
			width: 430px;
			margin-left: 5px;
			float: left;
		}



#grind_guide div.grind_guide_img {
	width: 564px;
	height: 174px;
	margin-top: 15px;
}
#grind_guide div.grind_guide_img[class] {
	background: url(../_img/coffee/grind_guide/grind_guide.png) no-repeat scroll top left;
}
		
/* == About Our Coffee - Roasting == */
p#roasting_2nd_intro {
	margin-bottom: 32px;
}
div#photo_section {
	width: 253px;
	float: right;
}

#roasting #senses {
	float: left;
}	
	#roasting #senses p {
		width: 270px;
		margin-top: 0.27em;
	}
		#roasting .taste {
			float: right;
			width: 265px;
			margin-top: 25px;
		}
		
/* == About Our Coffee - Brewing == */

div#brewing ul#brewing_checklist {list-style: none; margin-top: 1em;}
	div#brewing ul#brewing_checklist li {clear: left; height: 9em;}
		div#brewing ul#brewing_checklist img {float: left;}
		div#brewing ul#brewing_checklist li span {display: block; width: 269px; margin-left: 5px; float: left;}
		

/* == About Our Coffee - Brewing: Navigation Tabs */
#brewing .tabbedSectionSpace {
	height: 380px;
}
#brewing .tabbedSection {
	height: 380px;
}
#brewing .tabbedSections .ts_leftFringe,
#brewing .tabbedSections .ts_rightFringe
{height: 450px;}

#brewing .tabbedSections .ts_content {height: 425px;}
	#brewing .tabbedSections .ts_content h3 {text-transform: none;}

	#brewing ul.tab_nav {
		background: url(/assets/tab_nav_bg.gif) top right;
	}	
		#brewing ul.tab_nav li.tab_electric_drip {
			width: 84px;
		}
			#brewing ul.tab_nav li.tab_electric_drip a {
				background-image: url(/assets/tab_bg_electric_drip.gif);
			}
		#brewing ul.tab_nav li.tab_espresso {
			width: 62px;
		}
			#brewing ul.tab_nav li.tab_espresso a {
				background-image: url(/assets/tab_bg_espresso.gif);
			}
		#brewing ul.tab_nav li.tab_french_press {
			width: 78px;
		}
			#brewing ul.tab_nav li.tab_french_press a {
				background-image: url(/assets/tab_bg_french_press.gif);
			}
		#brewing ul.tab_nav li.tab_stovetop {
			width: 104px;
		}
			#brewing ul.tab_nav li.tab_stovetop a {
				background-image: url(/assets/tab_bg_stovetop.gif);
			}
		#brewing ul.tab_nav li.tab_toddy {
			width: 103px;
		}
			#brewing ul.tab_nav li.tab_toddy a {
				background-image: url(/assets/tab_bg_toddy.gif);
			}
		#brewing ul.tab_nav li.tab_vacuum_pot {
			width: 74px;
		}
			#brewing ul.tab_nav li.tab_vacuum_pot a {
				background-image: url(/assets/tab_bg_vacuum_pot.gif);
			}
		#brewing ul.tab_nav li.tab_turkish {
			width: 48px;
		}
			#brewing ul.tab_nav li.tab_turkish a {
				background-image: url(/assets/tab_bg_turkish.gif);
			}
	
	/* == About Our Coffee - Brewing: Navigation Tabs - Content == */
	
	#brewing .tabbedSections #electric_drip.ts_content_wrapper {
		visibility: visible;
	}
	
	#brewing .tabbedSections div.ts_content_wrapper img {float: left; margin-left: -2px; margin-right: 12px;}
	#brewing .tabbedSections div.ts_content_wrapper div.ts_content div {background: url(/assets/tab_content_vert_divider.gif) repeat-y top left;}
	#brewing .tabbedSections div.ts_content_wrapper div.quick_tips {width: 180px; padding: 0 12px; float: left;}
		#brewing .tabbedSections div.ts_content_wrapper div.quick_tips ul {
			list-style: none;
			margin-top: 0.5em;
		}
			#brewing .tabbedSections div.ts_content_wrapper div.quick_tips ul li {margin-bottom: 0.5em;}
				#brewing .tabbedSections div.ts_content_wrapper div.quick_tips ul li ul {
					margin-top: 0;
				}
					#brewing .tabbedSections div.ts_content_wrapper div.quick_tips ul li ul li {
						margin-bottom: 0;
					}
	#brewing .tabbedSections div.ts_content_wrapper div.recommended_coffees {width: 150px; padding: 0 0 0 12px; float: left;}
		#brewing .tabbedSections div.ts_content_wrapper div.recommended_coffees ul.link_list {
			list-style: none;
			margin-top: 0.5em;
		}
			#brewing .tabbedSections div.ts_content_wrapper div.recommended_coffees ul.link_list li {
				margin-bottom: 0.25em;
				float: left;
				clear: left;
				width: 150px;
			}