body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background: #ffffcd url('../imagesNew/SiteImages/coffeerings_background.png') no-repeat center top;
    background-image:   url('../imagesNew/SiteImages/coffeerings_background.png');
    background-color: #ffffcd;
    font: 12px/16px Verdana, Geneva, sans-serif;
    /*text-align:center;*/
}
table{
	border:0px;
	padding:0px;
	margin:0px;
}

a
{
	font: 12px/14px Tahoma, Geneva, sans-serif small-caps;
    color:black;
	
}

a img
{
	border:0;
}


td
{
  font: 12px/16px Verdana, Geneva, sans-serif;
  padding:0px;
  margin:0px;
}

.iconbtn
{
	border: 1px solid black;
}


#content
{
	position:absolute;
    top: 0px;
    left: 50%;
    margin-left: -480px;
	width : 960px;
/*  	margin: 0px auto;*/
	min-height:250px;

}

#content #header {
	margin: 0px 0px;
	padding: 0px;
	height: 162px;
	/*border:1px solid red;*/
}

#content #header #topLogo
{
	margin: 0px;
	padding: 0px;
  	position: relative;
    left: 0px;
    top:0px;
    height: 162px;
    width: 173px;
    float:left;
}

/* topNavigation is defined in the public/views/header/default.cfm page					*/
/* and referenced from public/layouts/default.cfm so it is on the top of each user page */
#content #header #topNavigation
{
	margin: 0px 0px;
	padding: 0px;
    height: 162px;
    position: relative;
    float:left;
	width: 787px;
    z-index:10;
}


/* adminNavigation is defined in the public/views/header/admin.cfm page					*/
/* and referenced from public/layouts/admin.cfm so it is on the top of each admin page.	*/
#content #header #adminNavigation
{
    position:absolute;
    /*top:133px;*/
    right:0px;
	bottom:0px;
    height: 30px;
	width: 787px;
    text-align:center;
	float:right;
	vertical-align:baseline;
}

/* Both public/views/header/default.cfm and public/views/header/admin.cfm load	*/
/* public/views/navigation/toplevelnav.cfm which defines the main storefront	*/
/* category and subcategory dropdown menus.										*/
#topnav_ul, #topnav_ul ul		/* ul and all list under this ul */
{
	margin: 0 auto;
	padding: 0;
	font-family: Tahoma, Geneva, sans-serif;
	line-height: normal;
	list-style-type: none;		/* No bullets */
}

#topnav_ul a, #topnav_ul ul.a					/* all links for list entries */
{
	display: block;				/* Required for changing the height and width of links */
}

.topcat_ul
{
	background-image: url('../imagesNew/SiteImages/navtabs.png');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 0px;
	position:absolute;
	width: 787px;
    height: 65px;
}

#topnav_ul li, #topnav_ul a
{
	position: relative;
}

#topnav_ul > li
{
	float: left;				/* Each list entry follow to left of pervious */
	display: inline;			/* No newlines between entries */
	text-indent: -9999em;		/* Move the text off the page. Text should match graphics text */
}

#topnav_ul #r_1 a  				/* Home */
{
	width: 71px;
	height: 65px;
	background-position: -65px 0;
}
#topnav_ul #r_1 > a:hover {background: url('../imagesNew/SiteImages/navtabs.png') 0px -65px no-repeat;}

#topnav_ul #r_2 > a  			/* Cofffee */
{
	width: 66px;
	height: 65px;
}
#topnav_ul #r_2 > a:hover {background: url('../imagesNew/SiteImages/navtabs.png') -72px -65px no-repeat;}

#topnav_ul #r_3 > a 			/* Tea */
{
	width: 67px;
	height: 65px;
	/* background-position: -134px 0;*/
}
#topnav_ul #r_3 > a:hover {background: url('../imagesNew/SiteImages/navtabs.png') -138px -65px no-repeat;}

#topnav_ul #r_4 > a  			/* Gifts and Merchandise */
{
	width: 109px;
	height: 65px;
}
#topnav_ul #r_4 > a:hover { padding: 0px; margin: 0px; background: url('../imagesNew/SiteImages/navtabs.png') -205px -65px no-repeat;}

#topnav_ul #r_5 > a  			/* News and Community */
{
	width: 95px;
	height: 65px;
	margin-right: 1px;
}
#topnav_ul #r_5 > a:hover {background: url('../imagesNew/SiteImages/navtabs.png') -314px -65px no-repeat;}

#topnav_ul #r_6 > a  			/* Cofffee101 */
{
	width: 89px;
	height: 65px;
	margin-right: 2px;
}
#topnav_ul #r_6 > a:hover {background: url('../imagesNew/SiteImages/navtabs.png') -409px -65px no-repeat;}

#topnav_ul #r_7 > a  			/* Locations */
{
	width: 90px;
	height: 65px;
	margin-right: 3px;
}
#topnav_ul #r_7 > a:hover {background: url('../imagesNew/SiteImages/navtabs.png') -501px -65px no-repeat;}

#topnav_ul #r_8 > a  			/* Wholesale */
{
	width: 90px;
	height: 65px;
	margin-right: 2px;
}
#topnav_ul #r_8 > a:hover {background: url('../imagesNew/SiteImages/navtabs.png') -593px -65px no-repeat;}

#topnav_ul #r_9 > a 			/* About Us */ 
{
	width: 90px;
	height: 65px;
}
#topnav_ul #r_9 > a:hover {background: url('../imagesNew/SiteImages/navtabs.png') -684px -65px no-repeat;}


/* Sub Category Navigation Dropdown Menu */
#topnav_ul > li:hover ul, #nav li.sfhover ul	/* lists nested under hovered list items */
{
	left: auto;					/* slide into view */
	text-indent: 0px;
}

.subnav_ul
{
	list-style: none;
	z-index: 10000;
	width: 200px;
	border: 5px solid white;
	position:absolute;
	margin-left:0;
	padding:0;
	background-image: none;
	background-color: #47432a;
	left: -999em;				/* use left instead of display to hide menus because display: none isn't read by screen readers */
}

.subnav_ul li
{
	background-image: none;
	background-color: #47432a;
	margin: 0px;
	padding: 0px;
	border:1px solid #47432a;
	width: 200px;
}

/* Sub Cat menu link properties */
.subnav_ul a
{
	display: block;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-right:14px;
	padding-left:5px;
	line-height:15px;
	color: #ffffcc;
	border: 0;
	background-image: none;
	background-color: transparent;
	text-decoration: none;
}

.subnav_ul a:hover
{
	background-color: #cf3600;
	color: #FFF;
	background-image: none;
}

/* In public/views/header/default.cfm the visual layout for the user actions is:	*/
/*		signin area -  shopping cart icon - number items in cart-  search box		*/
/* This is layed out with the following divides:									*/

#searchBar
{
	position: absolute;
    right:1px;
	bottom:0px;
    height: 32px;
    width: 750px;
	float:right;
	overflow:hidden;
	z-index:1;
}

	#searchcenter
	{
		background:url(../imagesNew/SiteImages/search_bar_background.gif) repeat-x;
		width:750px;
		height: 39px;
		overflow:hidden;
		float:left;
		z-index:1;
	}

	#searchcenter a{color:#ffffff;}
	
		#searchbarelement
		{
			width:250px;
			height: 39px;
			overflow:hidden;
			float:left;
		}
		
			#searchbarelement input
			{
				width:200px;
				height: 18px;
				color:#cf3600;
				border:1px solid #cf3600;
				margin-top:11px;
				margin-left:7px;
				float:left;
				padding-left:4px;
			}

			/* This is the product search button */
			#searchbtn
			{
				border:1px solid #cf3600;
				margin-top:11px;
				float:left;
			}
			
			/* Change the cursor to a hand pointer when over the product search button */
			#searchbtn:hover
			{
				cursor:pointer;
			}

		#signinfields
		{
			width:440px;
			height: 39px;
			overflow:hidden;
			margin-left:7px;
			float:left;
		}
		
			.signininput
			{
				width:125px;
				height: 18px;
				color:#cf3600;
				border:1px solid #cf3600;
				margin-top:11px;
				margin-left:7px;
				float:left;
				padding-left:4px;
			}

		#signinsubmit
		{
			margin-top:11px;
			margin-left:7px;
			float:left;
		}
			
			/* Change the cursor to a hand pointer when over the sign-in link */
			#signinsubmit:hover
			{
				cursor:pointer;
			}

		#myaccountlink
		{
			width:90px;
			height: 39px;
			margin-top:14px;
			margin-left: 4px;
			overflow:hidden;
			float:left;
		}
		
		/* This is the CHECKOUT  - LOGOUT or PLEASE SIGN IN link */	
		#gotocheckout
		{
			width:250px;
			height: 15px;
			margin-top:14px;
			overflow:wrap;
			float:left;
			color:#ffffff;
			font: 9px/9px Verdana, Geneva, sans-serif;
			text-decoration:none;
			text-align:center
		}

			#checkout_link
			{
				margin-top:11px;
				margin-left:7px;
				width:120px;
				float:right;
			}

			#signout_link
			{
				margin-top:11px;
				margin-left:7px;
				width:120px;
				float:right;
			}
			
		/* This is the shopping cart and # ITEMS */
		/* It is comprised of cartItemCount, cartItemDesignator and cartIcon */
		#cartinfo
		{
			width:50px;
			height: 22px;
			margin-top:10px;
			overflow:hidden;
			float:left;
			color:#ffffff;
			font: 9px/9px Verdana, Geneva, sans-serif;
			text-decoration:none;
		}
	
			#cartItemCount
			{
				display:block;
				float:left;
				width:20px;
				padding-left:4px;
				color:#ffffff;
				/* margin-top:4px;*/
			}
			#cartIcon
			{
				display:block;
				float:left;
				margin-top:2px;
			}
	
/* For the user account page in public/views/myaccount/portal.cfc */	
#myAccountMenu li a.selected{text-decoration:underline;font-weight:bold;}
#myAccountMenu li a{text-decoration:none;font-weight:normal;}

#loginAnimation{width:25px;margin:10px 0px 0px 20px;display:none;}

#loginhelpwrapper
{
	margin-left:50px;
	margin-top:100px;
	width:645px;
	float:left;
	height:47px;
}

#loginfailmessage
{
	margin:5px;
	font: 1.2em/0.3em Arial, Helvetica, sans-serif;
	font-weight:bold;
	float:left;
}

/* This is for create account */
#createaccount
{
	margin:5px;
	font: 1.0em/0.2em Arial, Helvetica, sans-serif;
	float:right;
}

#createaccounttitle
{
	margin-top:25px;
	margin-left:25px;
	padding: 5px;
	background-color:white;
	width:890px;
	border:1px solid black;
}

#createaccountblock
{
	margin-top:25px;
	margin-left:25px;
	padding: 5px;
	background-color:white;
	border:1px solid black;
	width:890px;
	height:100px;
}

#create_button
{
	margin-left:50px;
	padding: 5px;
	text-align:center;
}

#createAnimation
{
	width:25px;
	margin:10px 0px 0px 20px;
	display:none;
}

#createcol_left
{
	width:300px;
	float:left;
}

#createcol_middle
{
	width:300px;
	float:left;
}

#createcol_right
{
	width:270px;
	float:left;
}

#createfailmessage
{
	color: red;
}
	
/* This is for recover password */
#recoverpassword
{
	margin:5px;
	font: 1.0em/0.2em Arial, Helvetica, sans-serif;
	float:right;
}

#content #header #adminNavigation a {
	font: 11px/30px Tahoma, Geneva, sans-serif small-caps;
}

#content #header #adminNavigation a.firstitem {
	margin-left:5px;
}

#content #header #adminNavigation a.lastitem {
	margin-right:5px;
}


#content #page {
	position:absolute;
  	top:162px;
    margin:0px;
    /*background: #ffffce;*/
	background: url(../imagesNew/SiteImages/paper_background.png);
    text-align:left;
    overflow:hidden;
	z-index:5;
}

#content #homepage {
	position:absolute;
  	top:163px;/**/
   /* margin:165px;*/
	background: url(../imagesNew/SiteImages/paper_background.png);
    text-align:left;
    overflow:hidden;
	z-index:5;
}

#homeview-wrapper {
    margin:0 0px;
    overflow:hidden;
	background:#ffffcc;
	width:960px;
	height:318px;
	border-top:2px solid #9d9b77;
	border-bottom:2px solid #9d9b77;
}

#advertise_col {
	width:490px;
	float:left;
	overflow:hidden;
}

#content #homepage #homeview-wrapper #topmiddle_col {
	width:234px;
	height:318px;
	margin-top: 4px;
	float:left;
	overflow:hidden;
	border-left:1px dotted #9d9b77;
	color: #B43104;
	font-size:35px;
	text-align:center;
}

#content #homepage #homeview-wrapper #topmiddle_col div.favorites_head {
	margin:0 9px;	
	overflow:hidden;
	padding-bottom:0px;
}

.bottom_dotted_border {
	border-bottom:1px dotted #9d9b77;
}

#cafes_col {
	width:234px;
	height:318px;
	float:left;
	overflow:hidden;
	border-left:1px dotted #9d9b77;
}

#cafe_col_header{
	width:186px;
	margin:20px 24px 3px 24px;
}

#cafe_col_content{
	margin:0px;
	vertical-align:baseline;
}

#cafe_col_snapshot{
	position:relative;
	width:120px;
	float:left;
	height:225px;
	bottom:0px;
}


#cafe_col_locations{
	width:100px;
	float:left;
	text-align:center;
	margin-top:20px;
}


#cafe_col_locations .location{
	margin:4px 0px 4px 0px;	
	font: 1.0em/0.8em Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#676134;
	letter-spacing:1px;
}

#cafe_col_locations .location a{
	margin:9px 0px 0px 0px;	
	font: 1.0em/0.8em Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#676134;
	letter-spacing:1px;
	text-decoration:none;
}

#cafe_col_locations .location a:hover{
	color:#C30;
}

#home-content-middle {
	position:absolute;
	overflow:hidden;
	z-index:4;
	margin-left:27px;
	top:500px;
}


#transparentBackground {
	position:relative;
  	top:0;
	width:905px;
    margin:0 auto;
	padding:0px;
    text-align:left;
    overflow:hidden;
	background: url(../imagesNew/SiteImages/papermiddle_background.png) right no-repeat ;
}

#torn-edge {
	background: url(../imagesNew/SiteImages/paper_topleft_tear.png) no-repeat ;
	position:absolute;
	width:144px;
	height:149px;
	left:0px;
	z-index:2;
}

#right-tile {
	background: url(../imagesNew/SiteImages/papermiddle_background.png) no-repeat ;
	position:relative;
	z-index:1;
	left:144px;
	width:762px;
	height:142px;
}

#paper-tile {
	position:relative;
	overflow:hidden;
	top:-2px;
	z-index:2;
	width:905px;
	height:450px;
	background: url(../imagesNew/SiteImages/papertop_background.png) repeat-y;
}

#home-content-container {
	position:absolute;
	z-index:5;
	top:0px;
	text-align:left;
	width:905px;
	height:700px;
	overflow:hidden;
}

#home-footer-wrapper{
	position:relative;
	top:-165px;
	height:500px;
	overflow:hidden;
	z-index:-20;
}

#home-content-inner {
	margin:0px;
	z-index:20;
}

#home-col-1{
	margin:0px;
	width:85px;
	/*border:1px solid red;*/
	float:left;
	overflow:hidden;
}

#bean1{
	margin-left:30px;
	margin-top:7px;
	overflow:hidden;
}

#bean2{
	margin-top:20px;
	overflow:hidden;
}


#bean3{
	margin-left:20px;
	margin-top:250px;
	overflow:hidden;
}



#home-col-2{
	margin:0px;
	width:290px;
	float:left;
	z-index:200;
	overflow:hidden;
}

#finder-head{
	margin: 20px 10px 0px 15px;
	font-size:35px;
	font-weight:bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#C30;
	text-align:center;
}

#finder-description{
	margin: 15px 55px 0px 50px;
 	/*border:	1px solid blue;*/
	font-size:1.3em;
	font-weight:bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#663;
	height:45px;
}

#finder-input{
	margin: 10px 25px 0px 40px;
 }

#finder-input #finderoption{
	width:200px;
	height:30px;
	padding:5px;
	border:1px solid #663;
	color:#663;
	font-size:0.9em;
 }

#focus_sign{
	position:relative;
	margin: 10px 10px 0px 25px;
	background: url(../imagesNew/HomePage/FocusAds/FocusAdSign.png) no-repeat;
	width:237px;
	height:253px;
	overflow:hidden;
	z-index:200;
}

#focus_sign_text{
	/*position:absolute;*/
	margin:90px 20px 0 10px;
	overflow:hidden;
	/*border:1px solid blue;
	width:190px;*/
	height:90px;
	top:90px;
	left:25px;
}

#focus_sign_text h2{
	font-size:1.5em;
	margin:0px 0px 3px 0px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	color: #2F281C;
	text-align:center
}

#focus_sign_text p{
	font-size:0.8em;
	margin:0px;
	color: #2F281C;
	text-align:center;
	line-height:1.2em;
}

#focus_sign a{
	z-index:201;
}

#focus_sign a #focus_sign_moreinfo{
	position:absolute;
	/*border:1px solid red;*/
	width:130px;
	height:45px;
	top:185px;
	left:45px;	
	z-index:201;
}

#home-col-3{
	margin:0px;
	width:260px;
	/*border:1px solid black;*/
	float:left;
}

home-col-3 div.homeextras{
	margin:0px;
	width:260px;
	min-height:60px;
	overflow:hidden;
	margin:10px 0px;
	/*border:1px solid red;*/
}


#home-col-3 div.homeextras:hover{
	cursor:pointer;	
}

#home-col-4{
	margin:auto;
	margin-top: 10px;
	width:260px;
	/*border:1px solid black;*/
	float:left;
}

.homeextras-image
{
	margin:0px;
	width:55px;
	height:45px;
	float:left;
}
	
.homeextras-text
{
	margin:0px 0px 0px 10px;
	float:left;
	width:190px;
}

.homeextras-text h2
{
	margin:0px 0px 5px 0px;
	font-family: "Times New Roman", Times, serif;
	font-size:2em;
	line-height:18px;
	font-weight:bold;
	color:#C30;
	overflow:hidden;
}

.homeextras-text p
{
	margin:0px;
	font: 1.0em/1.0em Arial, Helvetica, sans-serif;
	color: #281E17;
	overflow:hidden;
}

.adminSubMenuNav{
	
}

#admin-left-nav{
	overflow:hidden;
	border:0px !important;
	width:185px;
  	float:left;
    margin-top:0px;
    margin-left:18px;
    margin-bottom:15px;
    margin-right:20px;
}

.admin_left_menu
{
	font-size: inherit;
	font-family: Arial, Helvetica, sans-serif;
	zoom: 1;
}
.admin_left_menu ul {
	margin: 5px;
	padding: 0;
}

.admin_left_menu li
{
	list-style-type: none;
	margin: 0;
	text-decoration: none;
}

.admin_left_menu ul li a
{
	color: #C30;
	text-decoration: none;
}

.admin_left_menu ul li a:hover
{
	color: #C30;
	text-decoration: underline;
}

.adminBody
{
	overflow:hidden;
	position:relative;
	width:755px;
    margin-top:0px;
    margin-left:10px;
    margin-bottom:5px;
    margin-right:5px;
	border:0px !important;
}

.adminSubBody{
	overflow:hidden;
	position:relative;
	width:755px;
    margin-bottom:15px;
    margin-right:15px;
}

.adminContentBlockFull{
    padding:7px;
    margin:7px 7px;
}

.adminContentBlockLeft{
  	float:left;
    padding:7px;
    margin:7px 7px;
    width:350px;
}

.adminContentBlockRight{
  	float:left;
    padding:7px;
    margin:7px 7px;
    width:350px;
}

ul#icons, ul.iconlist {
    margin:0;
    padding:0;
}

ul#icons li {
    float:left;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:2px;
    padding:2px 0;
    position:relative;
}

ul.iconlist li {
	float:left;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:0;
	border:1px solid #F9F5F0;
    position:relative;
    width:18px;
	height:16px;
	padding:1px 0;
}

ul.iconlist li img{
    margin-left:1px;
	width:16px;
	height:16px;
}

ul#icons span.ui-icon, ul.iconlist span.ui-icon {
    float:left;
    margin:0 2px;
}

.adminhr
{	
 	color:#c1c19a;
}

.smallfont {
 	font-size:10px !important; 
}

.errorcentertext {
  padding:4px 0px;
  text-align:center;
}

#mask {
	background:#3c3c2d; 
}

form label {
  	display:block;
    float:left;  	
    height:23px;
    line-height:23px;
    padding-left:5px;
    margin-right:5px;
    text-align:left;

}

div.label {
    float:left;  	
    height:23px;
    line-height:23px;
    padding-left:5px;
    padding-right:5px;
    margin-right:5px;
    text-align:left;
}
div.labelnofloat {
    height:23px;
    line-height:23px;
    padding-left:5px;
    padding-right:5px;
    margin-right:5px;
    text-align:left;
}
div.leftfloat {
    float:left;  	
    height:23px;
    line-height:23px;
    text-align:left;
}

div.rightfloat {
    float:right;  	
    height:23px;
    line-height:23px;
    text-align:right;
}

.formObjectWrapper{
	margin:3px 0;
	margin-bottom:5px;
}


/*main coffee page */
.catBox a {text-decoration:none;}
.catBox {float:left; width:125px; margin:5px; text-align:center; }
.catBox .catTitle {font-size:1.3em;margin:5px 0;}

/* individual product boxes */
.productBox a {text-decoration:none;}
.productBox {float:left; width:110px; margin:5px; text-align:center; }
.productBox .showDetails {float:right; position:relative; top:90px; right:5px;}

#content #footera{
	position:relative;
	margin: 0 auto;
	height:260px;
	z-index:15;
	overflow:hidden;
	text-align:left;
}

#footera #sitelinks {
	float:left;
	margin:0px 0px 0px 75px;	
	width:450px;
	border-top:1px solid  #9C390A;
	padding-top:20px;
	overflow:hidden;
}
#footera #sitelinks ul {
	list-style-type:none;
	margin-left:20px;
	padding:0px;
	float:left;
}

#footera #location {
	float:left;
	margin-left:9px;
	padding:10px;
	width:300px;
	border-top:1px solid  #9C390A;
	padding-top:20px;
	overflow:hidden;
}

#footera #location a{
	font-size:0.9em;
	text-decoration:none;
}

#footera #sitelinks ul li {
	line-height:22px;
}

#footera #sitelinks ul li a {
	text-decoration:none;
}

.dots{
	margin:0px 0px 0px 0px;	
	font: 1.2em/0.3em Arial, Helvetica, sans-serif;
	color: #281E17;
	background-image:url('../imagesNew/SiteImages/dot-seperator.png');
	background-repeat:no-repeat;
	background-position:top center;
	padding:5px;
}

div.clearit{
	clear:both;
	height:0px;
	line-height:0px;
	font-size:0px;
	margin:0px;
}



#subnavwrapper {
	background-color:#CD3301;
	overflow:hidden;
	position:relative;
	width:115px;
	margin:10px;
}
#subnavwrapper .subnavElement .subnavlink {
	text-align:right;
	width:85px;
	margin:0px 0px 0px 3px;
	padding:5px 0px;
	float:left;
}
#subnavwrapper .subnavElement .subnavanchor {
	width:16px;
	margin:0px 0px 0px 8px;
	font-size:1.2em;
	line-height:1.5em;
	float:left;
	color:#ffffcc;
	font-weight:bold;
}
#subnavwrapper a{
	text-decoration:none;
	color:#fff;
}
#subnavwrapper a:hover{
	color:#ffffcc;
	cursor:pointer;
}

.bottomBorder{
	border-bottom:1px solid #9f2800;
}
.selected{
	color:#ffffcc;
}



/* NEWS COMMUNITY SECTIONS */

.newsWrap{ margin:0 0 22px 22px; padding:5px;  width:500px; color:#333333;}
.newsWrap .newsTitle {float:left; font-size:22pt; width:430px; line-height:22pt;font-family:Georgia, "Times New Roman", Times, serif; }
.newsWrap .newsBlock {width:430px;}
.newsWrap .newsBody {float:left; width:430px;}
.newsWrap .newsIcon { width:60px; float:right;}
.newsWrap .readMore {letter-spacing:3px;}

#events{margin:5px; padding:5px;  width:100%;}
#events tr td {margin-bottom:20px; padding:10px;}
#events .eventMonth {width:100px; text-align:right; padding-right:22px; font-size:18pt; text-transform:uppercase;}


/*	START BREADCRUMB */
#breadcrumb { 
padding:0 0 5px 0;
margin: 5px 10px 5px 0;
font-size:8pt;
text-transform: uppercase;
float:right;
border-bottom:1px dotted #473D19;
width:520px;
text-align:right;
}


#breadcrumb #navlist
{
list-style: none;
padding: 0;
margin: 0;
}

#breadcrumb #navlist li
{
display: inline;
padding: 0;
margin: 0;
height:8px;


}

#breadcrumb #navlist li:last-child{
	border-right:none;	
}

#breadcrumb #navlist li a{
	text-decoration:none;
	font: 8pt Verdana, Geneva, sans-serif;
	padding:0;
	margin:0;
	height:8px;
	line-height:8px;
}

#breadcrumb #navlist li a:hover{
	border-bottom:1px solid #473D19;
}

#breadcrumb #navlist li a.noline:hover{
	border-bottom:none;
}

#breadcrumb #navlist li:before { content: "\0020 \0020 \0020 \00BB \0020"; }
#breadcrumb #navlist li:first-child:before { content: ""; }

/*IE workaround*/
/*All IE browsers*/
* html #breadcrumb #navlist li
{
padding: 0 0.5em 0 1em;
margin: 0 1em 0 -1em;
}

/*Win IE browsers - hide from Mac IE\*/
* html #breadcrumb #navlist { height: 1%; }

* html #breadcrumb #navlist li
{
display: block;
float: left;
}

/*End hide*/
/*Mac IE 5*/
* html #breadcrumb #navlist li:first-child { background-image: none; }


/* END BREADCRUMB */


/* 			START PRODUCT PURCHASE PAGES					*/
/* These pages consist of three columns.					*/
/*		Product Image  |  Product Details  |  Cart Options	*/

/* Product Image */
#productImage { float:left; width:280px; text-align:center; }

/* Product Details */
#productDetailsCol {color:#473D19; width:400px;float:left; }
#productDetailsCol h2 {margin:5px 0 15px 0; padding:0px; font-size:26pt; line-height:32px; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif;}
#productDetailsCol h3 {padding:0px; margin:0px;  text-transform: uppercase; font-family:Georgia, "Times New Roman", Times, serif;}
#productDetailsCol p {padding:0px; margin:0px; line-height:18px;}

#productDetails {
		border-top:1px solid #473D19;
		border-bottom:1px solid #473D19;
		margin-top:22px; 
		margin-right:5px; 
		background-image:url('../imagesNew/SiteImages/coffee_details_bkg.png');
}
#productDetails h2 {font-size:14pt; margin:0px; padding:0px; }
#productDetails table {}
#productDetails table tr {margin:15px;}
#productDetails table tr td{vertical-align:top; font-size:7pt;}

#productDetails table .detailTitle { width:45px; vertical-align:top; text-transform: uppercase; font-size:7pt; text-align:right; padding-right:10px;}

/* Cart Options */
#cartOptionsCol { width:135px; float:left; }
#cartOptionsCol select.itemoptions
{
    margin-top: 2px;
	padding:3px 0 3px 3px;
	font:12px Verdana, Geneva, sans-serif;
	width: 135px
}

#cartOptionsCol input.ordqty
{
	border:1px solid #463e19;
	color:#463e19;
	margin-top:2px;
	padding:4px 3px;
	text-align:right;
	font:12px Verdana, Geneva, sans-serif;
}

#userChoice
{
	margin-top:8px;
	font:14px Verdana, Geneva, sans-serif;
	font-weight:bold;
}

#itemcbucks
{
	text-align:center;	
	font:11px Verdana, Geneva, sans-serif;
	font-weight:bold;
}

#unitPrice
{
	text-align:center;	
	font-weight:bold;
}

#pricePer
{
	overflow:hidden;
	height:20px;
	font:14px Verdana, Geneva, sans-serif;
	text-align:right;	
}

#orderTotal
{
	margin:10px 0 10px 0;
	overflow:hidden;
	height:20px;
	font:15px Verdana, Geneva, sans-serif;
	font-weight:bold;
	color:#463e19;
}

#totalText
{
	margin-top:4px;
	width:50px;
	float:left;
	overflow:hidden;
	height:20px;
	font:14px Verdana, Geneva, sans-serif;
	text-align:right;	
}

/* END PRODUCT PURCHASE PAGES */

.w50 {width:50px;overflow:hidden;}
.w60 {width:60px;overflow:hidden;}
.w70 {width:70px;overflow:hidden;}
.w80 {width:80px;overflow:hidden;}
.w90 {width:90px;overflow:hidden;}
.w100 {width:100px;overflow:hidden;}
.w110 {width:110px;overflow:hidden;}
.w120 {width:120px;overflow:hidden;}
.w130 {width:130px;overflow:hidden;}
.w140 {width:140px;overflow:hidden;}
.w150 {width:150px;overflow:hidden;}
.w160 {width:160px;overflow:hidden;}
.w170 {width:170px;overflow:hidden;}
.w180 {width:180px;overflow:hidden;}
.w190 {width:190px;overflow:hidden;}

.tasteLink {
	width:20px;
	height:20px;
	background-image:url('../imagesNew/SiteImages/btn_highlights.png');
	background-repeat:no-repeat;
}
 
#page #otherProducts {margin:10px auto;overflow:hidden;width:700px;text-align:center;}
#page #otherProducts ul {list-style-type:none;overflow:hidden;margin:0 auto;display:inline;float:left;padding:0px;text-align:center}
#page #otherProducts ul li {width:100px; height:100px; background-color:#483E1A; float:left; margin:10px;}
#page #otherProducts ul li div { padding-right:5px;font-size:16px;}
#page #otherProducts .title {background-color:#CD3301 !important; color:#fff; font-size:14pt; text-align:right; line-height:20px;}


/* IE ignores styles with [attributes], so it will skip the following. */
#productDetails[id] {
  background-image:url('../imagesNew/SiteImages/coffee_details_bkg.png');
}
.noborder {border:0px !important}

#taste-highligh-box{
	background-color: #FFFFFF;
	border:1px solid #3D3417;
	width:350px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	z-index:1000;
}

#taste-highligh-inner{
	background-color: #3D3417;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #000;
}

#taste-highligh-box #taste-highligh-inner #wrap {margin:10px;}
#taste-highligh-box #taste-highligh-inner #wrap #beanImg {float:right;}
#taste-highligh-box #taste-highligh-inner #wrap h2{color:#F2E9BE;}
#taste-highligh-box #taste-highligh-inner #wrap h3{color:#F2E9BE;}
#taste-highligh-box #taste-highligh-inner #wrap p{color:#FFF;}


#focusAdOuterWrapper{
	width:468px;
	height:294px;
	margin:11px;
	overflow:hidden;
	background:#EBEBD8;
}

/*	Breadcrumbs */

#additionalImages ul li {
	float:left;
	list-style:none outside none;
	margin:0 5px 5px 0;
	position:relative;
	border:1px solid #2C2111;
	height:80px;
	overflow:hidden;
	background: #ddd;
}
#additionalImages ul li:hover{
	cursor:pointer;	
}


/* Button for forward and backward */

/****************** THE VERIFY PAGE **************************/

#toPlaceOrder,#validate{margin-top:10px;float:right;line-height:30px;width:150px;height:30px;border:1px solid black;background:#CF3600;	text-align:center;color:white;}
div.chargeLabel{width:120px;border-bottom:1px solid #CFC4B5;float:left;overflow:hidden;font-size:11px;}
div.chargeCost{	border-left:2px solid #CFC4B5;	border-bottom:1px solid #CFC4B5;width:60px;float:right;overflow:hidden;text-align:right;font-size:11px;}
div.largeText{font-weight:bold !important;border-bottom:none !important;border-top:1px solid #CFC4B5;}
div.orderDataHdr{font-weight:bold;}
div.orderDataLn{overflow:hidden; padding-left:4px}

/****************** THE VIEWCART PAGE **************************/

/********************************************/
/*											*/
/* The page has the following format:		*/
/*				Title						*/
/*		Sign In Message						*/
/*	Cart contents							*/
/*							Order Summary	*/
/*	Continue Shopping		Checkout		*/
/*											*/
/********************************************/

#cartwrapper #cartinner #cartDetails {margin:0;}
#cartwrapper #cartinner #cartDetails .cartItem {border-bottom:1px solid #483E1A;display:block;overflow:hidden;min-height: 45px;	height:auto;}
#cartwrapper #cartinner #cartDetails .cartItem div.cartItemDiv {float:left;color:#483E1A;margin:10px 5px;font:12px/14px Verdana, Geneva, sans-serif;overflow:hidden;}
#cartwrapper #cartinner #cartDetails .cartItem div input,
#cartwrapper #cartinner #cartDetails .cartItem div select {color:#483E1A;font:12px/14px Verdana, Geneva, sans-serif;}
#cartwrapper #cartinner #cartDetails .cartItem div a{text-decoration:none;color: #483E1A;}

.summaryWrap{float:right;width:500px;}
.summaryWrap .summaryInner{margin-top:10px; border-bottom:1px solid #AEA890; width:230px;text-align:left;font-weight:bold;}

#cartContShop
{
	width: 350px;
	height: 100%;
	float: left;
  	padding-left: 20px;
}

#cartCheckout
{
	width: 450px;
	height: 100%;
	float: right;
}


/************************************************/
/*												*/
/* For the cart contents.						*/
/*												*/
/* The cart contents is in 						*/
/*	public/views/cart/viewcart.cfm and			*/
/*	public/views/cart/cartcontents_include.cfm.	*/
/*												*/
/* This is included in the viewcart, checkout,	*/
/*	and invoice pages.							*/
/* The layout is:								*/
/*	column headers								*/
/*	cart item 1									*/
/*		...										*/
/*	cart item n									*/
/************************************************/

#cartwrapper
{
	margin-left:30px;
}

#CartColumns
{
	width: 100%;
	height: 20px;
	font-weight: bold;
	background-color: #ffffcd;
	border: 2px solid #502222;
}

	.CartDesc
	{
		width: 220px;
		overflow: hidden;
		float: left;
		padding-left: 5px;
	}
	
	.CartOptions
	{
		width: 200px;
		overflow: hidden;
		float: left;
		padding-right: 5px;
	}
	
	.CartQty
	{
		width: 50px;
		float: left;
		border-right: #502222 2px;
		padding-right: 5px;
		/*background-color: yellow;*/
	}
	
	.CartPrice
	{
		width: 60px;
		float: left;
		padding-right: 25px;
		text-align: right;
		border-right: #502222 2px;
		/*background-color: green;*/
	}
	
	.CartTotal
	{
		width: 80px;
		float: left;
		text-align: right;
		/*background-color: yellow;*/
	}

	.CartRemove
	{
		width: 60px;
		float: left;
		text-align: right;
		text-decoration:underline;
	}
