@CHARSET "UTF-8";

/* ------------------------------
 *  global styles
 *  ----------------------------- */

* {
	margin: 0px;
	padding: 0px;
}

body {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	background-color: #603F2F;
	font-family: "Trebuchet MS", "Verdana";
	font-size: 12px;
	color: #000;
	width: 100%;
}
a{
	cursor:pointer;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

a.btn {
	background-repeat: no-repeat;
	background-position: left top;
}
a.btn:hover {
	background-position: left bottom;
}

img {
	border: none;
}

.pojSP{
		float: none;
		clear: both;
		height: 0px;
		font-size: 0px;	
}
.pojNW{
	display: none;
}
.txtNW{
		text-indent: -1000em;
		overflow: hidden;
}
.pojLeft {
		float:left;
}
.pojRight {
		float:right;
}

.pojSpace {
	height: 10px;
}

.pojSpacer {
	height: 20px;
	float: none;
	clear: both;
}

.pojCN {
	text-align: center;
}

#pojMainTable {
	width: 100%;
}

#pojMainTable td {
}

#pojMainTable #pojTop td {
	height: 145px;
	background: url(../_images/bg_pojtop.png) repeat-x;
}

#pojMainTable #pojFooter td {
	background-color: #4E3326;
	height: 74px;
}

#pojMainTable td.pojCenterContainer {
	width: 937px;
}

#pojTopContent, #pojMiddleContent, #pojFooterContent {
	display: block;
	height: 100%;
	width: 100%;
}

#pojFooterContent {
	background: #342219 url(../_images/bg_pojfooter.jpg) top center no-repeat;
	color: #fff;
	height: 100%;
}

	#pojFooterCopy {
		float: left;
		height: 27px;
		width: 180px;
		margin: 28px 0 19px 20px;
		font-size: 11px;
	}
	
	#pojFooterMenu {
		float: left;
		height: 27px;
		width: 680px;
		margin: 27px 0 20px 30px;
	}
		#pojFooterMenu a {
			color: #fff;
		}

#pojTopContent {
	position: relative;
	background-image: url('../_images/bg_pojtopcontent.jpg');
	background-repeat: no-repeat;
}

	#btnLogo {
		position: absolute;
		top: 8px;
		left: 36px;
		width: 158px;
		height: 107px;
	}
	
	#pojTopMenu {
		position: absolute;
		top: 73px;
		left: 305px;
		width: 633px;
		height: 63px;
	}
	
		#pojTopMenu .topMenuSeparator {
			float: left;
			width: 1px;
			height: 100%;
			background-image: url(../_images/bg_topbtn.png);
		}
		
		#pojTopMenu a {
			height: 63px;
			display: block;
			float: left;
		}
		
			a#btnSindex {
				width: 83px;
				background-image: url(../_images/btn_home.png);
			}
			
			a#btnScoffeestore {
				width: 85px;
				background-image: url(../_images/btn_coffestore.png);
			}
			
			a#btnScoffeefaqs {
				width: 89px;
				background-image: url(../_images/btn_coffefaq.png);
			}
			
			a#btnSrecipes {
				width: 56px;
				background-image: url(../_images/btn_recipes.png);
			}
			
			a#btnSsmithfamily {
				width: 88px;
				background-image: url(../_images/btn_smithfamily.png);
			}
			
			a#btnScontactus {
				width: 74px;
				background-image: url(../_images/btn_contactus.png);
			}
			
			a#btnSlinks {
				width: 49px;
				background-image: url(../_images/btn_links.png);
			}
			
	#pojTopCart {
		position: absolute;
		top: 3px;
		left: 535px;
		width: 395px;
		height: 64px;
		color: #000;
		text-align: center;
		background: url('../_images/icon_cart_empty.png') center right no-repeat;
	}
	
		#pojTopCart a, #pojTopCart span {
			display: block;
			margin-top: 22px;
			float: left;
		}
		
		#pojTopCart a {
			display: inline;
			font-weight: bold;
			color: #705243;
			text-decoration: underline;
		}

#pojContent td.pojCenterContainer #pojMiddleContent {
	background-image: url('../_images/bg_pojcentercontainer.jpg');
	background-repeat: no-repeat;
	background-position: top left;
	background-color: #D6D3D1;
	height: 100%;
}

#pojContent td.pojLeftContainer, #pojContent td.pojRightContainer {
	vertical-align: top;
	overflow-y: hidden;
}

#pojContent td.pojLeftContainer {
	background: url(../_images/bg_pojcontentleftcontainer.gif) repeat-y top right;
}

#pojContent td.pojRightContainer {
	background: url(../_images/bg_pojcontentrightcontainer.gif) repeat-y top left;
}

#pojContent td#pojContentCenterContainer {
	position: relative;
	background-color: #D6D3D1;
	vertical-align: top;
	height: 100%;
}

#pojContentLeftColumn {
	float: right;
	width: 100%;
	height: 266px;
	background-image: url(../_images/bg_pojcontent.gif);
	background-position: top;
	background-repeat: repeat-x;
}

#pojContentRightColumn {
	float: left;
	width: 100%;
	height: 266px;
	background-image: url(../_images/bg_pojcontent.gif);
	background-position: top;
	background-repeat: repeat-x;
}

#pojMiddleLeftColumn {
	float: left;
	position: relative;
	width: 233px;
	height: 500px;
}

#pojMiddleMainContent {
	float: left;
	position: relative;
	z-index: 1;
	padding-top: 24px;
	width: 704px;
	background: url(../_images/bg_pojmiddlemaincontent.png) repeat-y left top;
}

	#pojContentText {
		width: 664px;
		margin: 0 20px;
	}
	
	#pojContentText a{
		color: #705243;
		text-decoration: underline;
	}
	#pojContentText a:hover{
		text-decoration: none;
	}
	
		#pojContentText h1, #pojContentText h2 {
			color: #800000;
			font-size: 15px;
		}
		
		#pojContentText h2 {
			font-size: 14px;
		}
		
		#pojContentText p {
			margin: 15px 0;
		}
		
		#pojContentText img.imgInText {
			float: right;
			margin: 10px;
		}
	
#pojMiddleMainContentFooter {
	float: right;
	font-size: 5px;
	width: 704px;
	height: 12px;
	background: url(../_images/bg_pojmiddlemaincontentbottom.gif) no-repeat center;
}


/* ------------------------------
 *  coffee of the day styles
 *  ----------------------------- */

#pojCoffeeOfTheDay {
	position: absolute;
	top: -1px;
	left: 13px;
	width: 170px;
	height: 316px;
	padding: 65px 20px 10px 24px;
	background: transparent url(../_images/bg_pojcoffeeoftheday.jpg) no-repeat center;
}

	#pojCoffeeOfTheDay a{
		color: #705243;
		text-decoration: underline;
	}
	#pojCoffeeOfTheDay a:hover{
		text-decoration: none;
	}

	#pojCoffeeOfTheDay img {
		display: block;
		margin: 5px auto;
	}
	
	#pojCoffeeOfTheDay p.sName {
		width: 100%;
		color: #800000;
		font-weight: bold;
		text-align: center;
	}
	
	#pojCoffeeOfTheDay p.sDesc {
		width: 100%;
		font-size: 10px;
	}
	
/* table for ordering */

table.TLista td{
	padding: 2px 5px 2px 5px;
	border: 1px solid #dddddd;
	background-color: #fbfbfb;
}
table.TLista td.tdInput{
	vertical-align: top;
}
table.TLista thead th {
	padding: 2px 5px 2px 5px;
	border: 1px solid #999999;
	background-color: #dddddd;
}
table.TLista thead th a{
	color: #666666;
	text-decoration: underline;
}
table.TLista thead th a:hover{
	color: #f74800;
}
table.TLista thead th a.sortDESC{
	color: #000000;
	display: block;
	text-decoration: underline;
	background-image: url(../images/bg_sort_down.gif);
	background-position: 0px 5px;
	background-repeat: no-repeat;
	padding-left: 15px;
}
table.TLista thead th a.sortDESC:hover{
	color: #f74800;
}

table.TLista thead th a.sortASC{
	color: #000000;
	display: block;
	text-decoration: underline;
	background-image: url(../images/bg_sort_up.gif);
	background-position: 0px 5px;
	background-repeat: no-repeat;
	padding-left: 15px;
}
table.TLista thead th a.sortASC:hover{
	color: #f74800;
}
table.TLista tbody a{
	padding: 0px 3px 0px 3px
}
table.TLista tbody a:hover{
	color: #ffffff;
	background: #f74800;
	text-decoration: none;
	
}

table.TLista tbody td.trToRemove{
	background: #fdfb4a;
}
table.TLista tbody td.trActive{
	background: #fdfb4a;
}