body#mood #header 
{
	border-top: 3px solid #d3d3d3;
	margin-top:20px;
	position: relative;
	width: 960px;
	height: 223px;
	background: transparent url(../images/dark/head_bg.jpg) left top no-repeat;
	z-index: 1;
}

#main-content-wrap {
	float: left;
	position: relative;
	width: 960px;
	margin-top: -92px;
	z-index: 10;	
}

body#mood #content {
	background: #223366 url(../images/dark/content_border.gif) repeat-y;
}

body#mood #content-wrap {

background-image: url(../images/dark/content_bottom_bg.jpg);
}

#supplementary-content-right {
	float: right;
	position: relative;
	width: 200px;
	margin: 0px 30px 0 0;
}


#supplementary-content {
	float: right;
	position: relative;
	width: 200px;
	margin: 0px 30px 0 0;
}



#coffee h3 
{
    background-image: url(/images/colour_ind/titles/new_frothy.jpg);
}

.note 
{
width: 200px;
background-color: #dbedf9;
background-image: url(../images/dark/sub_notes/blue_bg_bottom.gif);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: left bottom;
}

#product-section h3 {
		background: #dbedf9 url(../images/colour_ind/titles/product_section.gif) left top no-repeat;
	}
	
.note .btn a, .submit input {
		background: transparent url(../images/colour_ind/btns/note_bg_top.gif) left top no-repeat;
	}
.note .btn a:hover, .submit input:hover {
	  text-decoration: none;
	}
	
.note .btn:hover a, .note .btn.hover a, .submit:hover input, .submit.hover input {
		background: url(../images/colour_ind/btns/note_bg_top_over.gif) left top no-repeat;
	}
	
.note .btn, .submit {
		background: transparent url(../images/colour_ind/btns/note_bg_bottom.gif) left bottom no-repeat;
	}
.note .btn:hover, .note .btn.hover, .submit:hover, .submit.hover {
		background: transparent url(../images/colour_ind/btns/note_bg_bottom_over.gif) left bottom no-repeat;
	}	

#product-info {
width: 230px;
float: right;
margin-right:15px;
margin-top: -1px;
color:#ffffff;
}


a.bottom-left-driver 
{
    display: block;
    position: absolute;
    width: 216px;
    height: 305px;
    background: transparent url(../images/indulgence/products-indulgence-new.jpg) top no-repeat;
    bottom: -2px;
    left: 1px;
    letter-spacing: -1em;
    text-indent: -1000em;
    z-index: 10;
    margin-bottom:10px; 
}

a.bottom-left-driver:hover  
{
	display: block;
    width: 216px;
    height: 305px;
    background-position:left bottom;
    margin-bottom:10px; 
}
body#mood a#products  {
	background: transparent url(../images/dark/products-coffee.gif) left top no-repeat;
}