@charset "utf-8";
/* CSS Document */

/* COLOURS /////////////////////

DARK BROWN:		#382d24
CARKIE BROWN:	#524b26
STRAPLINE BROWN:#191c1f
LIGHT BIEGE:	#d0d4d7

LAST EDITED BY GAVIN JONES : 17-6-09

© http://www.coffee-bean-market.co.uk/ 2009

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


body {
	margin: 					0px;
	padding: 					0px;
	height:						100%;
	font-size:					62.5%;
	line-height:				1.125em;
	background:					#000;
}
a {
	color:						#524b26;
	text-decoration:			underline;
}
a.top {
	text-decoration:			underline;
}
a:hover {
	color:						#000;
	text-decoration:			none;
}
img {
	border:						0;
	float:						left;
}
h1 {
	font: 						1.8em "Lucida Sans Unicode", sans-serif;
	color:						#CCC;
	margin:						0 0 10px 0;
	text-decoration:			none;
}
h2 {
	font: 						1.4em "Lucida Sans Unicode", sans-serif;
	color:						#CCC;
	margin:						0 0 5px 0;
	text-decoration:			none;
}
h3 {
	font: 						1.4em "Lucida Sans Unicode", sans-serif;
	color:						#524b26;
	margin:						0;
	text-decoration:			none;
}
h4 {
	font: 						1.8em "Lucida Sans Unicode", sans-serif;
	color:						#000;
	margin:						0 0 10px 0;
	text-decoration:			none;
}
input {
	background:					#191c1f;
	border:						1px solid #999;
	font: 						1.2em "Lucida Sans Unicode", sans-serif;
	color:						#CCC;
}
textarea {
	background-color:			#191c1f;
	border:						1px solid #999;
	font: 						1.2em "Lucida Sans Unicode", sans-serif;
	color:						#CCC;
}
div {
	font: 						"Lucida Sans Unicode", sans-serif;
}
/***HEADER CONTAINER********************/
div.header {
	float:						none;
	width: 						980px; /*The width of our layout*/
	height:						278px;
	margin-left: 				auto;
	margin-right: 				auto;
	position:					relative;
	background:					#382d24 url(/images/layout/header-bg.gif) top repeat-x;
	/*Margin left and right set to auto center's our layout*/
}
div.header div.rel_words {
	float:none;
	position:absolute;
	top:10px;
	left:150px;
}
	div.rel_words h1 {
		font-size: 1em;
	}
div.header div.logo {
	float:none;
	position:absolute;
	top:60px;
	left:50px;
}
div.header div.top_nav {
	float:none;
	position:absolute;
	top:195px;
	left:10px;
}
div.header div.google_top_nav_ads {
	float:none;
	position:absolute;
	top:200px;
	right:10px;
}
div.header div.strap {
	float:none;
	position:absolute;
	top:75px;
	left:340px;
	color:#CCC;
}
div.header div.title {
	float:none;
	position:absolute;
	bottom:5px;
	left:15px;
	color:#CCC;
}
div.header div.search_form {
	float:none;
	position:absolute;
	bottom:8px;
	right:15px;
	color:#CCC;
}
/************************************/

/***MAIN CONTAINER********************/
div.mainContainer {
	float:						none;
	width: 						980px; /*The width of our layout*/
	margin-left: 				auto;
	margin-right: 				auto;
	position:					relative;
	min-height:					1200px;
	background:					#FFF url(/images/layout/main-bg.gif) right repeat-y;
	/*Margin left and right set to auto center's our layout*/
}
/************************************/
/*FOOTER*****************************/

div.footer {
	float:						none;
	width: 						980px; /*The width of our layout*/
	height:						100px;
	margin-left: 				auto;
	margin-right: 				auto;
	position:					relative;
	background:					#333;
	/*Margin left and right set to auto center's our layout*/
}

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

/*LEFT MAIN*************************/
.lmain {
float:left;
width:660px;
padding:10px;
position:relative;
}
.lmain .product_outer {
float:left;
width:648px;
border:solid 1px #999;
background:#e4e3e3;
position:relative;
margin:0 0 15px 0;
}
.product_outer .product_title {
width:638px;
position:relative;
height:20px;
border-style:none none solid none;
border-width:1px;
border-color:#999;
background:#e4e3e3;
padding:5px;
background:url(/images/layout/title-bg.gif) top left repeat-x;
}
.product_title .product_price {
position:absolute;
top:5px;
right:5px;
font:1.8em "Lucida Sans Unicode", sans-serif;
color:#000;
}
.product_outer .product_inner {
width:636px;
background:#FFF;
margin:5px;
position:relative;
min-height:100px;
padding-bottom:5px;
}
.product_outer .product_inner_single {
width:636px;
background:#FFF;
margin:5px;
position:relative;
min-height:230px;
padding-bottom:5px;
}
.product_inner .product_thumb {
float:left;
width:100px;
margin-right:10px;
position:relative;
}
.product_inner_single .product_thumb_large {
float:left;
width:200px;
margin-right:10px;
position:relative;
}
.product_thumb_large .discount_strap {
	position:absolute;
	width:75px;
	height:75px;
	bottom:0;
	right:0;
	}
.product_inner .product_info {
width:514px;
float:left;
position:relative;
font:1.2em "Lucida Sans Unicode", sans-serif;
}
.product_inner_single .product_info_single {
width:414px;
float:left;
position:relative;
font:1.2em "Lucida Sans Unicode", sans-serif;
}
.product_inner .product_links {
clear:both;
width:516px;
position:relative;
margin:10px 10px 10px 110px;
font:1.2em "Lucida Sans Unicode", sans-serif;
}
.product_inner_single .product_links_single {
float:left;
width:416px;
position:relative;
font:1.2em "Lucida Sans Unicode", sans-serif;
}

/**HOME PAGE LAYOUT**************/

.cat_outer {
float:left;
width:304px;
border:solid 1px #999;
background:#e4e3e3;
position:relative;
margin:0 0 15px 0;
}
.cat_outer .cat_title {
width:294px;
position:relative;
height:20px;
border-style:none none solid none;
border-width:1px;
border-color:#999;
background:#e4e3e3;
padding:5px;
background:url(/images/layout/title-bg.gif) top left repeat-x;
}
.cat_outer .cat_inner {
width:292px;
background:#FFF;
margin:5px;
position:relative;
min-height:100px;
padding-bottom:5px;
font:1.2em "Lucida Sans Unicode", sans-serif;
}
.cat_inner .cat_links {
position:absolute;
top:170px;
left:10px;
}
	.cat_links a {
	font:1em "Lucida Sans Unicode", sans-serif;
	text-decoration:none;
	}
	.cat_links a:hover {
	font:1em "Lucida Sans Unicode", sans-serif;
	text-decoration:underline;
	}
span.highlight {
	background-color: #c0986f;
	padding:3px;
	font:1.2em "Lucida Sans Unicode", sans-serif;
	margin:15px 5px 5px 5px;
	line-height:20px;
}
/**TOP NAV***********************/
#navigation {
   list-style: none;
   margin: 0; padding: 0;
}
#navigation li {
   float: left;
}
#navigation li a {
   display: block;
   background: none;
   width: 110px;
   text-align: center;
   color: #FFF;
   padding: 3px 0;
   font:1.6em "Lucida Sans Unicode", sans-serif;
   text-decoration:none;
}
#navigation li a:hover {
   background:	url(/images/layout/top_nav_bg.gif) no-repeat;
   color: #CCC;
}
/*RIGHT NAV *************************/

#rnav {
	width: 300px;
	border-style: none;
	border-color: #ccc;
	border-width: 1px;
	float:right;
}	
#rnav li a:link, #rnav li a:visited {
	font:1.1em "Lucida Sans Unicode", sans-serif;
	color: #000;
	display: block;
	background:  url(/images/layout/rnav.gif);
	padding: 8px 0 5px 35px;
	text-decoration:none;
}
	
#rnav li a:hover {
	font:1.1em "Lucida Sans Unicode", sans-serif;
	color: #524b26;
	background:  url(/images/layout/rnav.gif) 0 -30px;
	padding: 8px 0 5px 35px;
	text-decoration:none;
}
#rnav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#rnav li {
	border-style: none none solid none;
	border-color: #e4e3e3;
	border-width: 1px;
}
/********************************/

/*NAVIGATOR**************************/
div.navigator{
	margin-left: 				auto;
	margin-right: 				auto;
	width:						400px;
	padding:					5px;
	text-align:					center;
	font: 						normal 1.2em "Trebuchet MS", Tahoma, Arial;
}
div.totalpagesdisplay{
	margin-left: 				auto;
	margin-right: 				auto;
	width:						400px;
	text-align:					center;
	font: 						italic 1.2em "Trebuchet MS", Tahoma, Arial;
	margin-top:					30px;
}
.navigator a, span.inactive{
	padding: 					0px 5px 2px 5px;
	margin-left:				0px;
	border:						1px solid #666666;
	font: 						normal 1.2em "Trebuchet MS", Tahoma, Arial;
	color:						#940327;
}
.navigator a:link, .navigator a:visited, .navigator a:hover,.navigator a:active{
	background-color: 			#c4c6a8;
	text-decoration: 			none;
	font: 						normal 1.2em "Trebuchet MS", Tahoma, Arial;
	color:						#940327;
}
span.inactive{
	color:						#999999;
	background-color:			#c4c6a8;
	font: 						italic 1.2em "Trebuchet MS", Tahoma, Arial;
}
/*************************************/