/* html{
	width: 100%;
	height: 100%;
	position: relative;
}
*/

body{
	margin: 0px 0px 50px 0px;
	padding: 10px 0px 20px 0px;
	background: #56320e url(../images/background_11a.jpg) top center no-repeat;
	position: relative;
	width: 100%;
	height: 100%;
	_height: auto;
}
img{ border: 0px; }

/* OVER ALL LAYOUT ITEMS */

#layout{
	width: 888px;
	margin: auto;
	margin-bottom: 20px;
	position: relative;
	
	padding-bottom: 1px;
	_padding-bottom: 0px;
	
	/*
	background: #003d9e;
	background: #00318c;
	background: #005fa9;
	background: #00008e;
	*/
	
	background: #4c3117;
	
	
}
#content{
	font-family: verdana;
	font-size: 12px;
	line-height: 24px;
	/*color: #573110;*/
	color: #005181;
	position: relative;
	width: 860px;
	padding: 14px;
}
#content_main{
	/* background: #E2DACB; */
	background: #e9e2d6;
	position: relative;
	font-size: 12px;
	
}
#content_main a:link, #content_main a:visited, #content_main a:active{
	font-size: 11px;
	color: #8f1709;
	text-decoration: underline;
}

h1{
	color: #871830;
	font-size: 23px;
	font-weight: bold;
	font-family: Helvetica;
	margin: 15px 0px;
}

.centered{
	text-align: center;
}

#logo{
	/* width: 408px; */
	width: 888px;
	height: 128px;
	/* background: url(../images/logo_br_dark.gif); */
	margin: auto;
	/* _background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo_cb_dark.png', sizingMethod='scale'); */
}


/* SITE WIDE MISC */

.colorbox{
	display: none;
	position: absolute;
	bottom: 0px;
	left: 0px;
	
	width: 100%;
	height: 100%;
	
	background-color: #0f0;
	opacity: .5;
}
.colorbox img{
	width: 100%;
	height: 100%;
}
.breaker{
	clear: both;
}
.firstp{ margin-top: 0px; }
.bold{
	font-weight: bold;	
}
.lgfont{
	font-size: 13px;
}
.smnote{
	font-size: 10px;
	line-height: 12px;
}


/* NAV TOP */

#mgc{
	height: 28px;
	width: 20px;
	_width: 11px;
	float: left;
}

#nav_top{
	height: 28px;
	background: url(../images/bg_nav_top.gif);
	position: relative;
	z-index: 100;
	padding-left: 0px;
}
#nav_top span{
	display: block;
	float: left;
	text-align: left;
	margin: 0px 6px 0px 6px; 
	padding: 0px;
}

#l1{ width: 104px; }
#l2{ width: 162px; }
#l3{ width: 129px; }
#l4{ width: 118px; }
#l5{ width: 127px; }
#l6{ width: 128px; }



#nav_top span a:link, #nav_top span a:active, #nav_top span a:visited {
	/* border: 1px solid #0f0; */
	display: block;
	padding-top: 7px;
	padding-bottom: 4px;
	padding: 7px 30px 4px 10px;
}

#nav_top div.menu{
	display: none;
	position: absolute;
	top: 28px;
}
.menu{
	background: url(../images/trans.gif);
	z-index: 200;
}

.menu a:link, .menu a:active, .menu a:visited{
	opacity: .9;
	filter: alpha(80);
	display: block;
	margin: 2px 0px;
	line-height: 24px;
	width: 180px; 
	height: 24px;
	padding: 0px 6px 0px 6px;
	background: url(../images/bg_nav_top.gif);
	font-size: 11px;
	color: #57320f;
	text-decoration: none;
	text-align: left;
	font-weight: bold;
}

.menu a:hover{
	color: #871830;
}


#menu_foodservice a:link, #menu_foodservice a:active, #menu_foodservice a:visited{
	width: 190px;
}


#nav_top #menu_about{
	left: 25px;
}
#nav_top #menu_corporate{
	left: 142px;
}
#nav_top #menu_foodservice{
	left: 316px;
}
#nav_top #menu_brands{
	left: 457px;
}


/* CORPORATE NAV */

#nav_corp_home{
	float: left;
	padding: 4px 28px 0px 6px;
}

#nav_corp{
	height: 28px;
	background: url(../images/bg_nav_top.gif);
	position: relative;
	z-index: 100;
}
#nav_corp span{
	display: block;
	padding-top: 6px;
	width: 124px;
	float: left;
	position: absolute;
	top: 0px;
}
#nav_corp .corp_cs{
	display: block;
	padding-top: 2px;
	width: 124px;
	float: left;
	position: absolute;
	top: 0px;
}

#nav_corp_corporate_brands{ left: 50px; }
#nav_corp_business_benefits{ left: 230px; }
#nav_corp_coffee_101{ left: 500px; }
#nav_corp_products{ left: 620px; }
#nav_corp_contact{ left: 750px; }
#nav_corp_logo{ position: absolute; top: 0px; left: 360px; width: 115px; }
#nav_corp_logo img{ position: absolute; right: 0px; }


/* NAV SUB */
#nav_sub{
	background-color: #b7b7b7;
	height: 33px;
	position: relative;
	padding-left: 155px;
	
}

#nav_sub img{
	margin-right: 31px;
}

#logo_food_service{
	position: absolute;
	top: -22px;
	right: 28px;
	background: url(../images/foodservice.png) center center no-repeat;
	width: 212px;
	height: 81px;
	_background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/foodservice.png', sizingMethod='scale');
	
}


#tabbed_box{
	width: 700px;
	margin: auto;
	background: url(../images/box_middle.gif);
	height: 132px;
	position: relative;
	margin-top: 100px;
	z-index: 25;
}

#tabs{
	width: 700px;
	height: 90px;
	position: absolute;
	text-align: center;
	top: -80px;
}

#box_left{
	position: absolute;
	top: 0px;
	left: 0px;
}

#box_right{
	position: absolute;
	top: 0px;
	right: 0px;
}

.box_copy{
	padding: 28px 35px 2px 35px;
	font-size: 12px;
	line-height: 16px;
	color: #005181;
	text-align: justify;
}

.box_copy p, .box_copy span{
	padding: 0px;
	margin: 0px;
}

#marco, #chock{
	display: none;
}


/* NAV BOTTOM */
#nav_bottom{
	height: 52px;
	background: url(../images/bg_nav_top.gif);
	text-align: center;
	margin: 0px 14px 14px 14px;
	position: relative;
	z-index: 10;
	width: 860px;
}
#nav_bottom div{ padding: 6px 0px 0px 0px; width: 220px; float: left; text-align: left; font-size: 10px; font-family: verdana; color: #573110; }
#nav_bottom img{ float: left; margin-right: 5px; padding-bottom: 14px; }
#nav_bottom  #nav_bottom_first{ padding: 6px 0px 0px 60px; width: 270px; }

#nav_bottom a:link, #nav_bottom a:link, #nav_bottom a:link{
	color: #573110;
	text-decoration: none;
}
#nav_bottom a:hover{
	text-decoration: underline;
}


/* NAV BUTTONS */
#nav_buttons{
	height: 52px;
	margin: 0px 14px;
	position: relative;
	z-index: 10;
	padding-bottom: 14px;
	padding-left: 1px;
}
#nav_buttons img{
	border: 1px solid #281c05;
	margin: 0px 9px 0px 10px;
	height: 50px;
	display: block;
	float: left;
}
#nav_buttons #btn_left_end{ margin: 0px 3px 0px 0px; }
#nav_buttons #btn_right_end{ margin: 0px 0px 0px 3px; }


/* COFFEE CAN FOR MAIN PAGE */

#can{
	width: 227px;
	height: 298px;
	position: absolute;
	right: 0px;
	top: 250px;
	z-index: 100;
	background: url(../images/can.png);
	_background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/can.png', sizingMethod='scale');
}


/* ROUNDED BOXES */

.roundedbox{
	position: relative;
	padding: 0px;
	padding: 10px;
	/* background: #d7ccb7; */
	background: #BAA884;
}

.roundedbox_blue{
	position: relative;
	padding: 0px;
	padding: 10px;
	background: #16448d;
	color: #dddbce;
}

.roundedbox_blue p{
	line-height: 16px;
}


.roundedbox_tl{
	position: absolute;
	top: 0px;
	left: 0px;
}
.roundedbox_tr{
	position: absolute;
	top: 0px;
	right: 0px;
}
.roundedbox_bl{
	position: absolute;
	bottom: 0px;
	left: 0px;
}
.roundedbox_br{
	position: absolute;
	bottom: 0px;
	right: 0px;
}


#content_main .roundedbox_blue a:link, #content_main .roundedbox_blue a:visited, #content_main .roundedbox_blue a:active{
	font-size: 13px;
	color: #dddbce;
	text-decoration: underline;
}


/* COLUMNS ... USED ON PRODUCTS PAGES */

.column_header{
	height: 50px;
	text-align: center;
}
.column{
	width: 270px;
	float: left;
	margin-left: 10px;
	position: relative;
}
.column ul{
	margin: 5px 0px 5px 15px;
	padding: 0px;
}
.column li{
	padding-bottom: 5px;
}

.column .roundedbox, .column .roundedbox_blue {
	width: 250px;
}


/* PNG BOX BROKEN ELEMENTS FOR PRODUCT PAGES */

#can_grounds{
	position: absolute;
	bottom: -90px;
	left: 1px;
	width: 279px;
	height: 255px;

	background-image: url(../images/can_grounds.png);
	_background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/can_grounds.png', sizingMethod='scale');
	
}
#bag{
	position: absolute;
	bottom: -47px;
	right: -25px;
	width: 160px;
	height: 118px;
	background-image: url(../images/bag.png);
	_background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bag.png', sizingMethod='scale');
}


/* COFFEE 101 */

#coffee_101 ul{
	width: 340px;
	padding: 0px 10px 10px 25px;
	display: block;
	float: left;
	margin: 0px;
}

#coffee_101 li{
	line-height: 17px;
	padding-bottom: 8px;
}

li{
	line-height: 20px;
	padding-bottom: 10px;
}


/* BUSINESS BENEFITS */

.expandable{
	display: none;
}
.bean{
	background-image: url(../images/bean.gif);
	background-position: 10px 12px;
	background-repeat: no-repeat;
	padding-left: 50px;
	width: 750px;
	margin: auto;
}
.bean ul{
	margin: 5px 0px 5px 30px;
	padding: 0px;
}

#benefits a.eb:link, #benefits a.eb:active, #benefits a.eb:visited{
	font-weight: bold;
	font-size: 13px;
	color: #004b7f;
	text-decoration: none;
}






/* TOUR */


.form{
	padding: 10px;
	margin: 0px;
}

.form table{
	width: 330px;
	padding: 0px;
	margin: 0px;
	margin: auto;
	border-collapse: collapse;
}

.form td{
	padding: 0px;
	margin: 0px;
}

.form_item{
	padding-bottom: 10px;
}

label{
	display: block;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
}

#errors{
	width: 330px;
	text-align: left;
	color: #911;
	font-weight: bold;
	font-size: 12px;
	line-height: 18px;
	margin: auto;
}


/* ********************************* 

#product_matrix{
	top: 0px;
	left: 0px;
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	border: 1px solid #f00;
	text-align: center;
	z-index: 999;
}

*/


.simple_content{
	padding: 0px 35px 0px 35px;
	width: 790px;
	position: relative;
	color: #573110;
}

.simple_content_fs{
	padding: 0px 35px 0px 35px;
	width: 790px;
	position: relative;
}



#results_store{
	width: 230px;
}

#results_distance{
	width: 100px;
}

#results td{
	vertical-align: top;
	padding-bottom: 20px;
}