/* ------------------MoonLite Pro dynamic area stylesheet --------------------*/

/* ---------------------- Layout ------------------------------------------------ */

#pageContent {
	position:relative;
	float:right;
	width:735px;
	padding:0px 0px 0px 0px;
	min-height:450px;
	z-index:2;
	}
	


/* ---------------------- Lower panel styles  ---------------------------------------*/

#fullLowerPanel { 
	width:950px;
	}
	
#fullLowerPanel h1{ 
	font-family:Tahoma, Verdana, Sans-serif;
	font-size:16px;
	font-weight:normal;
	margin:0px 0px 15px 0px;
	}

#fullLowerPanel h2 {
	font-size:14px;
	font-family:Verdana,Sans-serif;
	font-weight:normal;
	}
	
#fullLowerPanel p {
	line-height:1.4em;
	margin-bottom:15px;
	}
	
/* ---------------------- Dynamic content area general styles -------------------*/

	
#pageContent h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#000;
	font-size:22px;
	font-weight:normal;
	margin:0px 0px 15px 0px;
	}

#pageContent h1.category {
	padding:30px 0px 0px 0px; 	
	float:left;
	margin:0px;
	}
	
#pageContent h1.tab {  /* Used on tab style boxes for account, checkout etc  */
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#000;
	font-size:22px;
	padding-top:1px;
	margin-bottom:10px;
	} 
	
#pageContent h2 {
	font-size:14px;
	font-family:Verdana,Sans-serif;
	font-weight:normal;
	}
	
#pageContent h3 {
	font-size:19px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	color:#000000;
	margin-bottom:10px;
	}	
	

	
#pageContent .catDescription {
	line-height:1.4em;
	margin-bottom:15px;
	padding-left: 10px;
	}

#pageContent p {
	line-height:1.4em;
	margin-bottom:15px;
	font-size:11px;
	}
	
#pageContent a{
	text-decoration:none;
	}	
	
	
#pageContent a.underline {
	text-decoration:underline;
	}
	
a.btn{
	display:block;
	width:110px;
	height:17px;
	padding:5px 5px;
	background:url(../templateimages/btnBG.jpg) no-repeat top left;
	color:#fff;
	border:none;
	cursor: pointer;
	text-align:center;
	text-decoration:none;
	}		
	
a.btnSmall, input.btnSmall{
	display:block;
	width:80px;
	height:17px;
	padding:5px 0px;
	background:url(../templateimages/smallBtnBG.png) no-repeat top center;
	color:#fff;
	border:none;
	cursor: pointer;
	text-align:center;
	}		
	
input.btnSmall{
	height:30px;
	padding:0px 0px 5px 0px;
	}		

/* Extra form styles for Rombouts  */	

label {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#574421;
	padding:7px 0px 0px 0px;
	}
	
label.option	{
	color:#999999;
	font-size:11px;
	font-weight:bold;
	width:440px;
	float:right;
	text-align:right;
	}

label.option-failure {	
	font-size:11px;
	font-weight:bold;
	width:440px;
	float:right;
	text-align:right;
	color:red;
	}
	
label.long {
	width:200px;
	}
	
label.option {
	}
	
.optionBox {
	width:20px;
	float:right;
	margin:10px 60px 0px 10px;
	}	
	
input.small {
	width:60px;
	border:none;
	background:transparent url(../templateimages/input-small-bg.gif) left center no-repeat;
	height:18px;
	padding:5px 30px 5px 10px;
	}
	
input.small-focus {	
	width:60px;
	border:none;
	background:transparent url(../templateimages/input-small-focus-bg.gif) left center no-repeat;
	height:18px;
	padding:5px 30px 5px 10px;
	}
	
input.small-failure {
	width:60px;
	border:none;
	background:transparent url(../templateimages/input-small-failure-bg.gif) left center no-repeat;
	height:18px;
	padding:5px 30px 5px 10px;	
	}
	
input.large {
	width:185px;
	border:none;
	background:transparent url(../templateimages/input-large-bg.gif) left center no-repeat;
	height:18px;
	padding:5px 30px 5px 10px;
	}

input.large-failure {
	width:185px;
	border:none;
	background:transparent url(../templateimages/input-large-failure-bg.gif) left center no-repeat;
	height:18px;
	padding:5px 30px 5px 10px;
	}
	
input.large-focus {
	width:185px;
	border:none;
	background:transparent url(../templateimages/input-large-focus-bg.gif) left center no-repeat;
	height:18px;
	padding:5px 30px 5px 10px;
	}
	
textarea.large-textbox {
	width:260px;
	border:none;
	background:transparent url(../templateimages/input-large-textbox-bg.gif) left top no-repeat;
	height:90px;
	padding:15px 30px 15px 10px;
	overflow:auto;
	}

textarea.large-textbox-failure {
	width:260px;
	border:none;
	background:transparent url(../templateimages/input-large-textbox-failure-bg.gif) left top no-repeat;
	height:90px;
	padding:15px 30px 15px 10px;
	overflow:auto;
	}

textarea.large-textbox-focus {
	width:260px;
	border:none;
	background:transparent url(../templateimages/input-large-textbox-focus-bg.gif) left top no-repeat;
	height:90px;
	padding:15px 30px 15px 10px;
	overflow:auto;
	}
	
input.input-submit {
	width:98px;
	float:right;
	margin:20px 60px 0px 0px;
	border:none;
	background:#82AD00 url(../templateimages/input-submit-bg.jpg) center center no-repeat;
	height:33px;
	cursor:pointer;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#fff;
	font-weight:bold;
	text-align:center;
	}	

p.sign-up-failure {
	width:450px;
	border:1px dotted #CC3300;
	background-color:#FDE8DF;
	padding:15px;
	margin:0px;
	line-height:1.4em;
	}
	
	
	
/*------------------------ Products page - products.asp ----------------------------------------------*/


#sortByDiv	{
	display:none;
	float:right;
	margin-top:10px;
	height:15px;
	width:450px;
	}
	
#sortBy {
	float:right;
	margin:0px;
	padding:0px;
	}

#sortByDiv label {
	float:right;
	margin-right:5px;
	font-size:12px;
	padding-top:4px;
	}
	
#sortByDiv .showall {
	float:right;
	margin-right:40px;
	text-decoration:underline;
	font-size:12px;
	}
	
#sortByDiv .nextPrev {
	float:right;
	margin-right:30px;
	}
	
#featuredProduct {
	/*margin:10px 0px 2% 0px;*/
	margin:0px;
	width:45.7%;
	padding:2% 2% 1.3% 2%;
	border:1px dotted #ccc;
	clear:right;
	float:right;
	text-align:center;
	}
	
#featuredProduct .mainImage {
	margin:5px 0px;
	}

#featuredProduct a img{
	border:none;
	}

#featuredProduct p  {
	text-align:center;
	margin:0px;
	}
	
#featuredProduct p a {
	text-decoration:underline;
	}	


	
.productList {


	}	
	
.productList a img{
	border:none;
	}
	

.productList .productWrapper {
	width:155px;
	text-align:center;
	float:left;
	padding:0px;
	border-bottom:2px solid #CFCFCF;
	margin:20px 10px 20px 40px;
	padding:10px;
	}

.productList .productWrapper:hover {
	cursor:pointer;
	border-bottom:2px solid #E20A16;
	}
	
.productList .productImgWrapper{
	height:150px;	
	/*width:70%; set now inline to allow for portrait and landscape */
	
	}
	
	
	
.productList .productWrapper img{
	}

.productList .productWrapper p {
	margin:0px;
	padding:0px;
	}	

.productList .productWrapper .productName {
	height:15px;
	margin:0px;
	}

.productList .productWrapper .productName a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
				}
		
.productList .productWrapper .productTextWrapper {
	height:40px;
	text-align:left;
	}	

.productList .productWrapper .productPrice a{
	color:#999;
	font-size:12px;
	text-align:left;
	}
	
/*------------------------ Product detail page - productDetail.asp ----------------------------------------------*/
	
	
	
.freeShipping {
position:absolute;
top:160px;
right:2px;
}	

.quantityLabel {
position:relative;
bottom:9px;
}
	
	
#imageEnlarge {
	position:absolute;
	right:400px;
	top:150px;
	width:10px;
	height:10px;
	z-index:10;
	}	
	
#imageEnlarge #productEnlargeImage {
	position:absolute;
	display:none;
	right:0px;
	top:0px;
	border:1px solid #ccc;
	background-color:#fff;
	width:400px;
	text-align:center;
	padding:15px;
	z-index:10;
	}
	
#imageEnlarge #productEnlargeImage .enlargeClose{
	position:absolute;	
	right:5px;
	top:0px;
	color:#999;
	z-index:10;
	}

#imageEnlarge #productEnlargeImage a {
	color:#999;
	}
	
#imageEnlarge #productEnlargeImage a img{
	border:none;
	}
	
#productDetailImages {
	width:350px;
	float:left;
	height:380px;
	position:relative;
	top:0px;
	z-index:0;
	background:transparent url(../templateimages/previewPaneBg.png) bottom right no-repeat;
	padding:10px 0px 0px 0px;
	}
	
#galleryContainer {
	position:absolute;
	z-index:0;	
	}
	
#theImagesRows a {
	}
	
#productDetailImages .highlight {
	text-align:center;
	font-size:12px;
	padding-bottom:3px;
	background:#fff url(../templateimages/highlightBG.jpg) no-repeat right bottom;
	margin-bottom:10px;
	}
	
#productDetailImages .highlight p {
	text-align:center;

	}	
	
#productDetailImages .enlarge {
	text-align:right;
	font-style:italic;
	color:#999999;
	position:absolute;
	z-index:0;
	bottom:0px;
	right:13px;
	}
	
#productDetailImages .mainImage {
	border:none;
	}
	
#productDetailImages .thumbs {
	}
	
#productDetailImages .thumb {
	float:right;
	margin-left:15px;
	}
	
#productDetailInfo {
	float:right;
	width:365px;
	}
	
#productDetailInfo #coffeeChar {
	width:360px;
	height:100px;
	margin:20px 0px;
	border-collapse:collapse;
}

#productDetailInfo #coffeeChar td {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
}	

#productDetailInfo #coffeeChar td.leftCoffeChar {
	padding-right:10px;
	width:50%;
}	

#productDetailInfo #coffeeChar td.centerCoffeChar {
	text-align:right;
	padding-right:10px;
	width:25%;
}	

#productDetailInfo #coffeeChar td.rightCoffeChar {
	text-align:left;
}	
#productDetailInfo #coffeeChar .beanCounter {
	margin-left:2px;
}		
	
p.description {
	clear:both;
}	

#romQtyDiscountText p {
	display:block;
	font-style:normal;
	border:1px dotted #CC3300;
	background-color:#FDE8DF;
	padding:15px;
	text-align:center;
	position:relative;
	}
	
#romQtyDiscountText p em {
	font-style:normal;
	font-size:9px;
	clear:both;
	font-weight:bold;
	font-size:14px;
	text-align:center;
	}
	
#romQtyDiscountText p span {
	font-size:9px;
	}		

p.description strong em{
	display:block;
	font-style:normal;
	border:1px dotted #CC3300;
	background-color:#FDE8DF;
	padding:15px;
}	

.fairtrade img {
	float:right;
	}	
	
#productDetailInfo h1 {
	font-size:17px;
	color:#333333;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	/*border-bottom:1px solid #ccc;
	padding-bottom:15px;*/
	margin-bottom:0px;
}	
	
#productDetailInfo h2{
	font-size:10px;
	margin-bottom:15px;
	}
	
#productDetailInfo .deliveryOffer {
	text-align:center;
	background-color:#FBF8F3;
	border:1px solid #E0C99F;
	margin:10px 3%;
	padding:2%;
	}
	
#productDetailInfo .rrp {
	float:left;
	text-decoration:line-through;
	margin:0px;
	font-size:16px;	
	font-family:Arial, Helvetica, sans-serif;
	}
	
#productDetailInfo .wasPrice {
	float:right;
	font-size:12px;
	margin:0px;
	text-decoration:line-through;
	}
	
#productDetailInfo .salePrice {
	float:right;
	clear:right;
	font-size:14px;
	color:#CC3300;
	font-weight:bold;
	margin:0px;
	}
	
#productDetailInfo .priceDesc { 
	clear:right;
	float:right;
	}
	
#productDetailInfo .status {
	font-weight:bold;
	clear:right;
	float:right;
	display:none;	
	}

#productDetailInfo .optionsDropdown {
	margin:15px 0px;
	clear:right;
	float:right;	
	}	
	
#productDetailInfo .allStatus {
	font-weight:bold;
	clear:right;
	float:right;	
	margin:0px 0px 20px 0px;
	display:none;
	}
	
#productDetailInfo #basketPanel {
	height:34px;
	width: 335px;
	padding:13px 17px;
	margin:15px 0px 0 0px;
	background:url(../templateimages/adToBasketBg.png) no-repeat;
	clear:both;
}	

#productDetailInfo #basketPanel label {
	float:left;
	}
	
#productDetailInfo #basketPanel .price {
	padding:5px 0px 0px 0px;
	float:left;
	font-size:18px;
	font-weight:bold;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	}
	
#productDetailInfo .addbasket {
	clear:both;
	float:right;	
	width:135px;
	height:32px;
	color:#fff;
	border:none;
	cursor: pointer;
	background:url(../templateimages/addBasketBtn.png) no-repeat left center;
	text-align:center;
	}

#productDetailInfo .qty {
	float:left;	
	width:50px;
	margin-right:25px;
	margin-top:7px;
	}
	
#productDetailInfo label {
	float:left;	
	font-size:12px;
	margin-right:10px;
	margin-top:10px;
	}	
	
#productDetailInfo .qtyDiscMessage {
	clear:both;
	float:right;
	margin:20px 0px 0px 0px;
	font-style:italic;
	}
	
	
.imageOption {
	position:relative;
	height:65px;
	margin:0px 0px 5px 0px;
	width:369px;
	padding:0px 0px 10px 0px;
	border-bottom:1px solid #ebebeb;
	}

.optionImageDesc {
	position:relative;
	top:10px;
	font-weight:bold;
	width:150px;
	margin:0px 0px 0px 10px;
	font-size:12px;
	color:#A91C5B;
	line-height:1em;
	}
	
.optionImageStatus {
	position:relative;
	left:10px;
}	

#productDetailInfo .wasPriceImage {
	font-size:11px;
	margin:0px;
	text-decoration:line-through;
	text-align:right;
	padding:0px 10px 0px 0px;
	}
	
#productDetailInfo .salePriceImage {
	font-size:12px;
	color:#CC3300;
	margin:0px;
	text-align:right;
	padding:0px 10px 0px 0px;
	}
	
#productDetailInfo .optionPriceImage {
	font-size:14px;
	margin:0px;
	text-align:right;
	padding:0px 10px 0px 0px;
	font-weight:bold;
	}
		
.imageOption img.small{
	}	
	
.imageOption .radio {
	width:40px;
	padding-left:10px;
	
	}
	
.imageOptionLarge {
	position:absolute;
	bottom:17px;
	left:105px;
	height:254px;
	width:254px;
	display:none;
	background-color:#fff;
	border:1px solid #ccc;
	}
	
.imageOptionLarge p {
	}
		
/* Related products */
	
#relatedProducts {
	display:block;
	background:#fff url(../templateimages/alsoLikeBG.jpg) left top no-repeat;
	padding:55px 0px 0px 0px;
	}
	
/* Slider styles in easySlider.css  */
	
#relatedProducts h2{
	display:none;
	}
	
#relatedProducts a {
	text-decoration:underline;
	}
	
#relatedProducts a.salePrice {
	text-decoration:none;
	} 

#relatedProducts .relRight img, #relatedProducts .relLeft img {
	float:left;
	margin:0px 20px 0px 20px;
	}

/* Customer reviews */

#customerReviews {
	display:block;
	}

.review {
	display:block;
	background-color:#FBF8F3;
	border:1px solid #E0C99F;
	padding:10px;
	margin:10px 0;
}

.review .reviewLabel {
	display:block;
	}

.review .reviewField {
	width:350px;
	margin:0px 0px 10px 0px;
	}
	
.review textarea{
	height:150px;
	}
	
.review .reviewStar{
	margin:0px 20px 0px 5px;
	}
	
#reviewLink {
	margin-top:10px;
	}
	
#newreview {
	display:none;
	}
	
.formWarning {
	position:relative;
	top:-10px;
	left:15px;
	color:#CC3300;
	}
	
	
/*------------------------ Category page ------------------------------------------------*/

.mainCatImage {
	float:left;
	margin:0px 15px 20px 0px;
	border:1px solid #CCCCCC;
	padding:10px;
	}

.catLink {
	}

.subcat {
	text-align:center;
	color:#fff;
	width:133px;
	height:200px;
	float:left;
	margin:0px 46px 50px 0px;
	border:1px solid #888;
	padding:0px;
	}

.subcat:hover {
	cursor:pointer;
	}
	
.subcat a {
	display:block;
	background:transparent url(../templateimages/catBoxTitleBG.png) left bottom repeat-x;
	font-family:Arial,Verdana,Sans-serif;
	font-size:12px;
	height:23px;
	padding:177px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	font-weight:bold;
	color:#fff;
	}
	
.subcat a:hover {
	text-decoration:underline;
	}
	

	
/* -----------------------  Search results page search.asp ---------------------------------------*/

	
#searchForm {
	width:95%;
	background-color:#FAFAF8;
	border:1px solid #ccc;
	margin:0px 0px 20px 0px;
	padding:15px 15px 0px 15px;	
	}
	
#searchForm  label {
	font-size:12px;
	}
	
#searchForm  .inputs {
	}
	
#searchForm  .searchPrice {
	width:60px;
	}
	
#searchForm  p {
	clear:both;
	padding-bottom:20px;
	}
	
#searchForm #searchTable {
	width:99%;
	margin:0px 0px 20px 0px;
	}
	
#searchForm #searchTable .keywords {
	width:50%;
	}

#searchForm #searchTable input, #searchForm #searchTable select{
	font-size:13px;
	width:94%;
	padding:4px;
	}
	
#searchForm #searchTable select.narrow {
	width:40%;
	}
	
#searchForm #searchTable input.btnSmall {
	width:80px;
	float:right;
	margin:0px 20px 0px 0px;
	}

#contentSearchWrapper {
	border-bottom:1px dotted #ccc;
	margin:0px 0px 20px 0px;
	padding:0px 0px 10px 0px;
	}
	
#contentSearchWrapper h3{
	font-weight:normal;
	margin:5px 0px 0px 0px;
	}
	
#contentSearchWrapper a {
	text-decoration:underline !important;
	}
		
.relatedSearches {
	padding:10px 0px;
	}
	
.relatedSearches a {
	text-decoration:underline !important;
	}
	
#resultsList {
	width:700px;
	margin:0px;
	padding:0px;
	}
	
#resultsList .productSearchWrapper{
	clear:both;
	height:100px;
	padding:0px 0px 20px 0px;
	}

#resultsList .productTextWrapper {
	}
	

#resultsList .productImgWrapper{
	clear:both;
	width:150px;
	min-height:160px;
	float:left;
	display:inline;
	margin:0px;
	padding:0px 10px 0px 20px;
	/*width:70%; set now inline to allow for portrait and landscape */
	}	
	
#resultsList .productImgWrapper img{
	border:none;
	}

#resultsList .productImgWrapper p {
	margin:0px;
	padding:0px;
	}	

#resultsList .productImgWrapper .productName {
	margin-bottom:0px;
	}

#resultsList .productImgWrapper p a {
	text-decoration:underline;
	}	
	
#resultsList .searchClear {
	clear:both;
	height:20px;
	}	

	
/*------------------------ Basket page - basket.asp ----------------------------------------------*/
	

.basketTable {
	width:100%;
	padding:0;
	margin-bottom:20px;
	border-collapse: collapse; 	
	border:1px solid #ddd;
	}
	
.basketTable th {
	height:20px;
	padding:5px 10px;
	background-color:#fff;
	border-bottom:1px solid #ddd;
	margin-bottom:10px;
	}
	
.basketTable td {
	height:20px;
	padding:5px 10px;
	background-color:#fff;
	padding-top:5px;
	}	
	
.basketItem {
	}
	
.basketItem .itemName {
	font-weight:bold;
	color:#555;
	}
	
.basketPrice {
	width:100px;
	text-align:center;
	}
	
.basketQty {
	text-align:center;
	width:40px;
	}
	
.basketTable .basketQty .smallUpdate {
	text-decoration:underline;
	color:#666666;
	margin-top:5px;
	display:block;
	}	
	
.basketTable  .fieldQty {
	width:30px;
	}


	
.totalsTable {
	width:183px;
	float:right;
	padding:0;
	border-collapse: collapse; 
	}
	
.totalsTable tr {
	}
	
.totalsTable td {	
	height:20px;
	padding:6px 5px 10px 10px;
	background-color:#fff;
	border:1px solid #ddd;
	}
	

	
.checkout {
	clear:right;
	float:right;
	}
	
#deliveryMessage {
	display:none;	
	width:200px;
	height:67px;
	float:right;
	background-color:#fff;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
	border-bottom:1px solid #ddd;
	padding:10px;
	}
	
	
#carryOnShopping {
	
	}		
	
#carryOnShopping a {
	text-decoration:underline;
	}	
	
#alsoLike {
	clear:both;
	}
	
.btnAddRelated {
width:62px;
height:21px;
background:url(../templateimages/btnAddRelated.gif) no-repeat;
clear:both;
display:block;
cursor:pointer;
margin-bottom:10px;
}
			
	
/*--------------------- Checkout -----------------------------------------------*/

#formCustomerDetails {
	position:relative;
	}

#formCustomerDetails input {
	margin-bottom:10px;
	}
	

#topDeliveryMessage {
	display:none;
	height:50px;
	}

#orderDetails {
	display:none;
	}
	
#viewHideDetails {
	float:right;
	}

.checkoutTable {
	width:95%;
	padding:0;
	margin-bottom:20px;
	border-collapse: collapse; 

	}
	
.checkoutTable th {
	height:20px;
	padding:5px 10px;
	background-color:#E0C99F;
	border: 1px solid #fff;
	}
	
.checkoutTable td {
	height:20px;
	padding:5px 10px;
	background-color:#FBF8F3;
	border: 1px solid #fff;
	}	
	
.checkoutItem {
	width:325px;
	}
	
.checkoutPrice {
	text-align:center;
	}
	
.checkoutQty {
	text-align:center;
	width:40px;
	}
	
.fieldQty {
	width:30px;
	}
	

		
.loginBox {

	}
	
.loginBox h2 {
	margin:0px 0px 10px 0px;
	}	
	
.loginBox label {
	display:block;
	margin-top:10px;
	}

.checkoutSubmit {
	width:80px;
	display:block;
	height:27px;
	background:url(../templateimages/smallBtnBG.png) no-repeat top left;
	color:#fff;
	border:none;
	cursor: pointer;
	text-align:center;
	margin:15px 0px 0px 0px;
	}

.loginBox #customerNotFound, .loginBox #emailNotFound, .loginBox #emailInUse, .loginBox #emailSent {
	color:#CC3300;
	margin:5px 0px 5px 0px;
	}
	
#whyPostcode {
	display:none;
	height:50px;
	margin:0px;
	padding:0px;
	}
	
	
.detailsWarning {
	border:1px dotted #CC3300;
	background-color:#FDE8DF;
	padding:15px;
	margin-top:10px;
	}

.detailsTable {
	width:100%;
	margin:0%;
	padding:0px;
	border-collapse:collapse;
	
	}

.detailsTable td {
	border:none;
	}
	
#shippingAddress {
	height:285px;
	display:none;
	}

.detailsTable .labels {
	text-align:right;
	width:30%;
	padding:3px 10px 2px 0px;
	/*background-color:#E0C99F;*/
	color:#333;
	position:relative;
	top:-5px;
		}

	
.detailsTable .inputs {
	width:50%;
	padding:5px;
	/*background-color:#FBF8F3;*/
	color:#333;
	}

	
.customerDetails {
	position:relative;	
	width:100%;
	margin:20px 0px 0px 0px;
	padding:0px;
	}
	
.customerDetails h2 {
	margin-bottom:10px;
	}


.customerDetails label {
	}
	
.customerDetails textarea, .customerDetails .wide {
	width:200px;
	}

.customerDetails .narrow {
	width:80px;
	}

.customerDetails .submit {
	width:80px;
	height:27px;
	background:url(../templateimages/smallBtnBG.png) no-repeat top left;
	color:#fff;
	border:none;
	cursor: pointer;
	text-align:center;
	margin:0px 30px 20px 0px;
	}
	
#formExistng {
	clear:both;
	height:40px;
	padding:10px 20px 10px 0px;
	}
	
.customerShippingDetails {
	float:right;
	margin-right:3%;
	margin-top:0px;
	margin-bottom:15px;
	background-color:#fff;
	padding:10px;
	width:40%;
	border:1px solid #ccc;
	height:160px;
	}

.customerShippingDetails p, .customerShippingDetails h3 {
	margin:0px;
	padding:0px;
	}
	
.customerBillingDetails {
	float:left;
	margin-left:3%;
	margin-top:0px;
	margin-bottom:15px;
	background-color:#fff;
	padding:10px;
	width:40%;
	border:1px solid #ccc;
	height:160px;
	}
	
.customerShippingOptions {
	clear:both;
	margin-left:3%;
	}	
	
.deliveryOptionTable {
	border-collapse:collapse;
	width:45%;
	margin-top:10px;
	float:left;
}
	
.chosenDelivery {
	}
	
.newShippingOption {
	margin:3%;
	clear:both;
	}	
	
.checkoutEdit {
	text-decoration:underline;
	padding:10px 0px;
	color: #669966;
	}
	
.rowHighlight {
	background-color:#efefef;
	}
	
.lowlight {
	background-color:transparent;
	}
	
	
.customerBillingDetailsEdit, .customerShippingDetailsEdit {
	float:left;
	margin-left:12%;
	margin-top:20px;
	margin-bottom:10px;
	background-color:#fff;
	padding:10px;
	width:80%;
	border:1px solid #ccc;
	}
	
.customerBillingDetailsEdit label, .customerShippingDetailsEdit label {
	float:left;
	width:180px;
	text-align:right;
	margin-right:10px;
	position:relative;
	top:-5px;
	}	
	
.customerBillingDetailsEdit input, .customerBillingDetailsEdit textarea, .customerShippingDetailsEdit input, .customerShippingDetailsEdit textarea {
	width:190px;
	}
	
/* Summary page - checkout3.asp */	

.summaryTable {
	width:100%;
	margin:10px 0px 20px 0px;
	background-color:#fff;
	border:1px solid #ccc;
	border-collapse:collapse;
	}

.summaryTable th {
	height:35px;
	border-bottom:1px solid #ccc;
	}	
	
.summaryTable tr {
	height:25px;
	}	
	
.summaryTable tr.summaryName {
	
	}	
	
.summaryTable .summaryCode {
	width:320px;
	}
	
.summaryVAT, .summaryTotalExVat, .summaryQty, .summaryExVAT {
	text-align:right;
	}
	
.summaryQty {
	width:60px;
	}
	
.summaryTable .summaryLineTotal {
	text-align:right;
	padding-right:10px;
	}
	
.summaryTotals td{
	height:35px;
	border-top:1px solid #ccc;
	}
	
.summaryVoucher td{
	height:25px;
	border-top:1px solid #ccc;
	}
	
#summaryForm .submit {
	float:right;
	width:80px;
	display:block;
	height:27px;
	background:url(../templateimages/smallBtnBG.png) no-repeat top left;
	color:#fff;
	border:none;
	cursor: pointer;
	text-align:center;
	margin:5px 10px 0px 0px;
	}
	
#shippingMethods {
	clear:both;
	margin:20px 0px;
	padding:5px 10px;
	background-color:#fff;
	border:1px solid #ccc;
}

#shippingMethods h3 {
	font-size:14px;
	font-weight:normal;
	margin-bottom:10px;
	}
	
/* Loyalty points & Voucher Codes -------------------------------------------------------------------------------*/
/* --------------------------------------------------------------------------------------------------------------*/
	
#loyaltyPointsSummary, #voucherCodeSummary {
	clear:both;
	margin:20px 0px;
	padding:5px 10px;
	background-color:#fff;
	border:1px solid #ccc;
}

#voucherCodeSummary {
	display:none;
	}

#loyaltyPointsSummary h3, #voucherCodeSummary h3 {
	font-size:14px;
	font-weight:normal;
	margin-bottom:10px;
	}
	
#loyaltyPointsSummary h4, #voucherCodeSummary h4 {
	font-size:12px;
	font-weight:normal;
	margin-bottom:0px;
	}
	
#loyaltyPointsSummary p, #voucherCodeSummary p {
	margin:0px 0px 15px 0px;
	}
	
#voucherForm {	
	width:370px;
	float:right;
	clear:right;
	display:none;
	padding:10px 0px;
	}
	
/* Message capture --------------------------------------------------------------*/
#messageCapture {
	clear:both;
	margin:20px 0px;
	padding:5px 10px;
	background-color:#fff;
	border:1px solid #ccc;
}

#customerOrderNotes {
	width:260px;
	border:none;
	background:#fff url(../templateimages/input-large-textbox-bg.gif) left top no-repeat;
	height:90px;
	padding:15px 30px 15px 10px;
	overflow:auto;
	}
	
	
/* Terms */

#terms {
	clear:both;
	margin:10px 0px 0px 0px;
	height:200px;
	overflow:auto;
	display:none;
	background-color:#fff;
	border:1px solid #ccc;
	padding:10px;
	}	
	
/*--------------------- FAQs ---------------------------------------------------*/

.questions .faqQuestion {
	display:block;
	margin-bottom:10px;
	}

.fullAnswers {
	margin-top:30px;
	}
	
.fullAnswers .faqQuestion {
	margin-bottom:0px;
	}
	
.fullAnswers .faqAnswer {
	margin-bottom:10px;
	}
	
/*------------------------ Contact ---------------------------------------------*/

.contactForm {
	height:170px;
	width:465px;
	margin-bottom:20px;
	padding-bottom:20px;
	}
	
.contactForm label {
	width:120px;
	float:left;
	}
	
.contactForm textarea {
	width:330px;
	}

.contactForm .submit {
	float:right;
	width:80px;
	display:block;
	height:27px;
	background:url(../templateimages/smallBtnBG.png) no-repeat top left;
	color:#fff;
	border:none;
	cursor: pointer;
	text-align:center;
	margin:5px 10px 0px 0px;
	}
	
/*---------------------My Account-----------------------------------------------*/

#subscribeLink {
	height:50px;
	}

.topBox {
	width:95%;
	background-color:#fff;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	margin:0px;
	padding:15px 15px 10px 15px;
	}
	

	
.lowerBox {
	width:95%;
	background-color:#FAFAF8;
	border:1px solid #ccc;
	margin:0px;
	padding:30px 15px 10px 15px;
	}	
	
.lowerBox label {
	display:block;
	margin-top:10px;
	}
	
.lowerBox input {
	/*width:180px; - Removed default for Rombouts  */
	}

.lowerBox .checkoutSubmit {
	width:80px;
	display:block;
	height:27px;
	background:url(../templateimages/smallBtnBG.png) no-repeat top left;
	color:#fff;
	border:none;
	cursor: pointer;
	text-align:center;
	margin:10px 0px 0px 147px;
	}

.lowerBox #customerNotFound, .lowerBox #emailNotFound, .lowerBox #emailInUse, .lowerBox #emailSent {
	color:#CC3300;
	margin:5px 0px 5px 0px;
	}
	
.lowerBox .lowerBoxLeft {
	width:200px;
	float:right;
	margin-right:40px;
	}
	
.lowerBox .lowerBoxRight {
	width:300px;
	float:left;
	margin-left:20px;
	}
	
.lowerBox p{
	margin-top:10px;
	}
	
.lowerBox .lowerBoxRight a{
	text-decoration:underline;
	}

.lowerBox .accountSubmit

#forgottenPassword {
	display:none;
	}
	
.details {
	display:block;
	}
	
.checkoutQty {
	text-align:center;
	width:40px;
	}

.orderDetailsTable {
	margin:10px 0px 20px 0px;
	padding:0px;
	}
.orderDetailsTable caption {
	text-align:left;
	}

.orderDetailsTable th,.orderDetailsTable td {
	height:20px;
	text-align:left;
	}
  	
.orderDetailsTable .orderDetailsCode {
	width:400px;
	}
	
.orderDetailsTable .orderDetailsItemPrice {
	width:100px;
	}
	
.orderDetailsTable .orderDetailsQty {
	width:70px;
	}
	
.orderDetailsTable .orderDetailsLineTotal {
	width:100px;
	}
	
/*--------------------  Search ------------------------------------------------*/

.searchWord {
	font-style:normal;
	background-color:#ffc;
	}
	
/* Coffee club ------------------------------------------------------------- */

#coffee-club-left {
	width:560px;
	float:left;
	padding:20px 0px;
	}
	
#coffee-club-left h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:28px;
	color:#336699;
	font-weight:normal;
	}
	
#coffee-club-left h2 {
	font-size:18px;
	font-family:"Trebuchet MS", Verdana;
	}
	
#coffee-club-left .intro {
	line-height:1.6em;
	font-size:12px;
	margin:20px 0px 0px 0px;
	padding-left:20px;
	height:230px;
	}
	
#coffee-club-left .intro p.first {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#666666;
	line-height:1.3em;
	font-size:15px;
}

#coffee-club-left .intro h1 {
	margin-bottom:7px;
	}	

#coffee-club-left .sign-up {
	width:555px;
	position:relative;
	background:transparent url(../templateimages/sign-up-bg-top.png) left top no-repeat;
	margin-top:30px;
	}
	
#coffee-club-left .sign-up .sign-up-inner{
	width:528px;
	padding:60px 0px 10px 27px;	
	background:transparent url(../templateimages/sign-up-bg-btm.png) left bottom no-repeat;
	}	
	
#coffee-club-left .contact-form {
	width:555px;
	position:relative;
	background:transparent url(../templateimages/sign-up-bg-top-blank.png) left top no-repeat;
	}
	
#coffee-club-left .contact-form .sign-up-inner{
	width:528px;
	padding:25px 0px 10px 27px;	
	background:transparent url(../templateimages/sign-up-bg-btm.png) left bottom no-repeat;
	}	
	
#coffee-club-left tr{
	height:30px;
	padding:5px 0px 0px 0px;
	}
	
#coffee-club-left td.left-col {
	width:125px;
	}	
	
#coffee-club-left td.right-col {
	width:275px;
	}
	
#coffee-club-left label {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#574421;
	padding:10px 0px 0px 0px;
	}
	
#coffee-club-left label.option	{
	color:#999999;
	font-size:11px;
	font-weight:bold;
	width:440px;
	float:right;
	text-align:right;
	}

#coffee-club-left label.option-failure {	
	font-size:11px;
	font-weight:bold;
	width:440px;
	float:right;
	text-align:right;
	color:red;
	}
	
#coffee-club-left label.long {
	width:200px;
	}
	
#coffee-club-left label.option {
	}
	

	
#coffee-club-left .optionBox {
	width:20px;
	float:right;
	margin:10px 60px 0px 10px;
	}	
	
#coffee-club-left input.small {
	width:60px;
	border:none;
	background:#fff url(../templateimages/input-small-bg.gif) left center no-repeat;
	height:18px;
	padding:5px 30px 5px 10px;
	}
	
#coffee-club-left input.small-focus {
	
	width:60px;
	border:none;
	background:#fff url(../templateimages/input-small-focus-bg.gif) left center no-repeat;
	height:18px;
	padding:5px 30px 5px 10px;
	}
	
#coffee-club-left input.small-failure {
	width:60px;
	border:none;
	background:#fff url(../templateimages/input-small-failure-bg.gif) left center no-repeat;
	height:18px;
	padding:5px 30px 5px 10px;	
	}
	
#coffee-club-left input.large {
	width:185px;
	border:none;
	background:#fff url(../templateimages/input-large-bg.gif) left center no-repeat;
	height:18px;
	padding:5px 30px 5px 10px;
	}

#coffee-club-left input.large-failure {
	width:185px;
	border:none;
	background:#fff url(../templateimages/input-large-failure-bg.gif) left center no-repeat;
	height:18px;
	padding:5px 30px 5px 10px;
	}
	
#coffee-club-left input.large-focus {
	width:185px;
	border:none;
	background:#fff url(../templateimages/input-large-focus-bg.gif) left center no-repeat;
	height:18px;
	padding:5px 30px 5px 10px;
	}
	
#coffee-club-left textarea.large-textbox {
	width:260px;
	border:none;
	background:#fff url(../templateimages/input-large-textbox-bg.gif) left top no-repeat;
	height:90px;
	padding:15px 30px 15px 10px;
	overflow:auto;
	}

#coffee-club-left textarea.large-textbox-failure {
	width:260px;
	border:none;
	background:#fff url(../templateimages/input-large-textbox-failure-bg.gif) left top no-repeat;
	height:90px;
	padding:15px 30px 15px 10px;
	overflow:auto;
	}
	
#coffee-club-left textarea.large-textbox-focus {
	width:260px;
	border:none;
	background:#fff url(../templateimages/input-large-textbox-focus-bg.gif) left top no-repeat;
	height:90px;
	padding:15px 30px 15px 10px;
	overflow:auto;
	}
	
#coffee-club-left input.input-submit {
	width:98px;
	float:right;
	margin:20px 60px 0px 0px;
	border:none;
	background:#82AD00 url(../templateimages/input-submit-bg.jpg) center center no-repeat;
	height:33px;
	cursor:pointer;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#fff;
	font-weight:bold;
	text-align:center;
	}	

#coffee-club-left p.sign-up-failure {
	width:450px;
	border:1px dotted #CC3300;
	background-color:#FDE8DF;
	padding:15px;
	margin:0px;
	line-height:1.4em;
	}
	
#coffee-club-left #why {
	position:absolute;
	top:200px;
	left:250px;
	display:none;
	padding:15px;
	background-color:#fff;
	border:1px solid #aaa;
	width:200px;
	text-align:left;
	}

#coffee-club-left .whyPassword {
	font-size:10px;
	color:#999;
	position:relative;
	top:12px;
	left:-20px;
	}
	
#coffee-club-left #privacy {	
	display:none;
	height:100px;
	overflow:auto;	
	width:455px;
	border:1px solid #aaa;
	padding:15px;
	margin:10px 0px;
	}
	
#coffee-club-left #terms {	
	display:none;
	height:100px;
	overflow:auto;	
	width:455px;
	border:1px solid #aaa;
	padding:15px;
	margin:10px 0px;
	}	
	
#coffee-club-left .terms {
	color:#999;
	font-weight:normal;
	}
	
#coffee-club-right {
	width:358px;
	float:right;
	padding:20px 0px;
	}
	
#coffee-club-right h2 {
	font-size:18px;
	font-family:"Trebuchet MS", Verdana;
	}
	
#coffee-club-right h3 {
	font-size:16px;
	font-family:"Trebuchet MS", Verdana;
	}

#coffee-club-right .reason {
	padding:30px 0px 20px 40px;
	background:#fff url(../templateimages/bean.gif) left 35px no-repeat;
	}

#coffee-club-right .reason p {
	line-height:1.6em;
	}
		
#coffee-club-right .one-winner, #coffee-club-right .one-winner-link {
	width:315px;
	height:112px;
	float:none;
	background:#fff url(../templateimages/one-lucky-winner.jpg) left top no-repeat;
	padding:228px 25px 0px 25px;
	color:#fff;
	font-weight:bold;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.4em;
	}
	
#coffee-club-right .one-winner-link {
	cursor:pointer;
	}	
	
#coffee-club-right #clubLogin {
	height:171px;
	margin:0px 0px 20px 0px;
	background:#fff url(../templateimages/clubLogin-bg.png) left top no-repeat;
	position:relative;
	}
	
#coffee-club-right #clubLogin #emailLabel{
	position:absolute;
	left:26px;
	top:71px;
	display:none;
	}
	
#coffee-club-right #clubLogin #loginEmail{
	position:absolute;
	left:24px;
	top:70px;
	height:10px;
		width:155px;
	border:none;

	background-image:none
	}
	
#coffee-club-right #clubLogin #passwordLabel{
	position:absolute;
	left:26px;
	top:132px;
	display:none;
	}
	
#coffee-club-right #clubLogin #loginPassword{
	position:absolute;
	left:24px;
	top:116px;
	width:155px;
	border:none;
		height:10px;

	background-image:none
	}

#coffee-club-right #clubLogin .checkoutSubmit {
	position:absolute;
	left:260px;
	top:115px;
	margin:0px
	}	
	
/* ------------------- Offers and Competitions --------------------------------*/

.offerTableSmall {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	width:290px;
	margin:20px 20px;
	float:left;
	text-align:center;
	}

.offerTableSmall .accountExclTitle, .offerTableSmall .accountExclTitle a {
	color:#597DA2;
	}
	
.offerTableSmall .accountExclTitle a {
	text-decoration:underline;
	}
	
#customPages .adCases {
	background:url(../../images/ad20BIG.jpg) ;
	width:336px;
	height:198px;
	display:block;
	float:right;
	position:relative;
	top:20px;
	font-size:10px;
	color:#FFFFFF;
	margin-bottom:20px;
	}
	
#customPages .adCases .adText {
	font-weight:bold;
	color:#C0D5D8;
	font-size:11px;
	text-align:center;
	position:absolute;
	bottom:24px;
	margin:0px;
	}
	
#customPages .adCases .adText a {

	color:#C0D5D8;

	}		

/*-------------------- Miscellaneous ------------------------------------------*/

.clear {
	clear:both;
	height:1px;
	}

.clearLeft {
	clear:left;
	height:1px;
	}
	
	
.warning {
	border:1px dotted #990000;
	background-color:#FDD0C6;
	padding:5px;
	text-align:center;
	margin-bottom:10px;
	}	
	
.inputOK {
	border:1px solid #ccc;
	}
	
.inputWarning {
	border:1px solid #888;
	}
	
.inputGuide {
	color:#fff;
	position:absolute;
	z-index:2;
	background-color:#aaa;
	padding:2px 10px;
	width:180px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	}

.inputMessage {
	position:absolute;
	z-index:1;
	background:#C1C1BF url(../templateimages/inputMessageArrow.gif) left bottom no-repeat;
	padding:2px 10px 2px 15px;
	font-weight:bold;
	width:180px;
	color:#FFFFFF;
	height:15px;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	}	

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

.hidden {
	display:none;
	}
	
.noborder {
	border:none;
	}
	
.salePrice {
	color:#CC3300;
	font-weight:bold;
	text-decoration:none;
	}
	
	
/* Delivery options */

.radio {
	width:15px;
	}


/* ------Contact Form ----*/


#customPages #contactForm {
margin-left:-8px;
	width:498px;
	height:356px;
	padding:35px 0px 10px 27px;	
	background:transparent url(../templateimages/contactFormBg.png) left top no-repeat;
	margin-bottom:20px;
	}	
	
#customPages #contactForm #contactName, #customPages #contactForm #contactEmail {
border:none;
background:url(../templateimages/input-large-bg.gif) no-repeat;
width:215px;
height:18px;
padding:5px;
}

#customPages #contactForm #contactMessage {
	width:260px;
	border:none;
	background:#fff url(../templateimages/input-large-textbox-bg.gif) left top no-repeat;
	height:90px;
	padding:15px 30px 15px 10px;
	overflow:auto;
	}
	
#customPages #coffee-club-right p.one-winner-link {
color:#FFFFFF;
}