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

body {
	margin: 0px;
	padding: 0px;
	background: #18181c;
	font-family: Helvetica, Arial, sans-serif;
	font-size:75%;
	color: #828282;
	line-height:1.2em;
}

:focus{-moz-outline-style:none;}/* get rid of link focus borders in firefox '-moz-' only needed before Mozilla 1.8 / Firefox 1.5 */


a {
	color: #828282;
}

a:hover {
	text-decoration: underline;

}

h1 {
	color:#f7941e;
}

h2 {
	color:#666666;
	font-size:1em;
	text-transform:uppercase;
}

h3 {
	color:#333333;
}

h4 {
	font-weight:lighter;
	text-transform:uppercase;
	font-size:1.8em;
	line-height:1.2em;
}

h5 {
	font-size:1em;
	font-weight:lighter;
	line-height:1.6em;
	
}

img {border: 0;}

body#home .home {background-image: url(images/nav-home-o.gif);}
body#products .products {background-image: url(images/nav-products-o.gif);}
body#about-us .about-us {background-image: url(images/nav-about-us-o.gif);}
body#press .press {background-image: url(images/nav-press-o.gif);}
body#contact .contact-us {background-image: url(images/nav-contact-o.gif);} 

.hiddenPic {display:none;}

#facebook {
	width: 900px;
	height: 15px;
	margin: auto;
	margin-top: 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	outline: none;

}

#facebook-like { position: relative; text-align: left; float: left; width: 450px; height: 15px; top: 0px; left: 0px; }

.twitter {
	margin-top: 20px;
	width: 22px;
	height: 22px;
	float: right;
	margin-left: 10px;
}


#slider {
	position:relative;
	background:url(images/loading.gif) no-repeat 50% 50%;

}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}

#slider a{
	display:block;
}

.nivo-controlNav a.active {
	background-position:-10px 0;
}

.nivo-directionNav a {
	display:block;
	width:32px;
	height:34px;
	background:url(images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-32px 0;
	right:10px;
}
a.nivo-prevNav {
	left:10px;
}


/* form */

#form {
	width: 160px;
	margin: 12px 0px 0px 18px;
	float:left;
}

#form-newsletter {
	width: 300px;
	margin: 12px 0px 0px 0px;
	float:left;
}

#form-comp {
	width: 350px;
	margin: 25px 0px 0px 12px;
	float:left;
}

.texta-newsletter {
	width: 148px;
	background-color: #ffffff;
	border: 1px solid #d0d0d0;
	float:left;
}

.texta {
	width: 148px;
	background-color: #ffffff;
	border: 1px solid #d0d0d0;
	float:left;
}

.texta-comp {
	width: 140px;
	background-color: #ffffff;
	border: 1px solid #d0d0d0;
	margin-right: 10px;
}

.button {
	width: 65px;
	margin-top: 10px;
	margin-left: 84px;
	float:left;
}

.button-newsletter {
	width: 65px;
	margin-top: 0px;
	margin-left: 20px;
}



/* Wrapper */

#wrapper {
	width: 100%;
	margin: 0px;
	padding: 0px;
	outline: none;
}

/* Menu */

#menu {
	position: relative;
	clear: both;
	width: 900px;
	height: 77px;
	margin: 0 auto;
	padding: 0;
	background-repeat: no-repeat;
}

.logo {
	position: absolute;
	left: 0px;
	top: 20px;
	margin: 0;
	padding: 0;
}

#menu ul {
	margin: 0;
	padding: 65px 0 0 568px;
}

#menu li {
	padding: 0;
	margin: 0;
	margin-left:13px;
	height: 12px;
	background-repeat: no-repeat;
	float: left;
	display: inline;
}

#menu li a, #menu li a:visited {
	display: block;
	text-decoration: none;
	text-indent: -4000px;
	height: 12px;
	background-repeat: no-repeat;
}

#m1
{	position: relative;
	visibility: hidden;
	margin: 0;
	padding: 0;
	left:-10px;
	padding-left:10px;
	padding-top:6px;
	width:131px;
	height:119px;
	background:#000000;
	opacity:0.9;
	filter:alpha(opacity=90);
	z-index:1;
}

.menu_sub
{
	position: relative;
	margin: 0;
	padding:0px;
	margin-top:5px;
	margin-bottom:10px;
	width:130px;
	height:10px;
	z-index: 1;
}

.home {background-image: url(images/nav-home.gif);width: 39px;}
.home:hover {background-image: url(images/nav-home-o.gif);}
.products {background-image: url(images/nav-products.gif);width: 66px;}
.products:hover {background-image: url(images/nav-products-o.gif);}
.about-us {background-image: url(images/nav-about-us.gif);width: 65px;}
.about-us:hover {background-image: url(images/nav-about-us-o.gif);}
.press {background-image: url(images/nav-press.gif);width: 35px;}
.press:hover {background-image: url(images/nav-press-o.gif);}
.contact-us {background-image: url(images/nav-contact.gif);width: 62px;}	
.contact-us:hover {background-image: url(images/nav-contact-o.gif);}

#flavoured_instants {background: url(images/sub-flavoured-instants.gif) no-repeat; width:119px; height:9px;}
#premium_instants {background: url(images/sub-premium-instants.gif) no-repeat; width:105px; height:9px;}
#christmas_coffee {background: url(images/sub-christmas-coffee.gif) no-repeat; width:104px; height:9px;}
#heritage {background: url(images/sub-heritage.gif) no-repeat; width:121px; height:9px;}
#winter_warmer {background: url(images/sub-winter-warmer.gif) no-repeat; width:121px; height:9px;}
#flav_ground {background: url(images/sub-flav-ground.gif) no-repeat; width:117px; height:9px;}

#flavoured_instants:hover {background: url(images/sub-flavoured-instants-o.gif) no-repeat; width:119px; height:9px;}
#premium_instants:hover {background: url(images/sub-premium-instants-o.gif) no-repeat; width:105px; height:9px;}
#christmas_coffee:hover {background: url(images/sub-christmas-coffee-o.gif) no-repeat; width:104px; height:9px;}
#heritage:hover {background: url(images/sub-heritage-o.gif) no-repeat; width:121px; height:9px;}
#winter_warmer:hover {background: url(images/sub-winter-warmer-o.gif) no-repeat; width:121px; height:9px;}
#flav_ground:hover {background: url(images/sub-flav-ground-o.gif) no-repeat; width:117px; height:9px;}


ul#menu li a:hover {background: none;}
#menu:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/* home page */

#home-page {
	width: 900px;
	height: 560px;
	margin: auto;
	margin-top: 13px;
	padding: 0px 0px 0px 0px;
	background-color:#FFFFFF;
}


#home-pic {
	margin: 8px 0px 0px 8px;
	float:left;
	z-index:0;
}

.overlay-box {
	width:230px;
	height:400px;
	margin: 8px 0 0 8px;
	padding: 15px;
	background-color:#000000;
	opacity:0.5;
	filter:alpha(opacity=50);
	z-index:1;
	position:absolute;
}

.overlay-cont {
	position:absolute;
	z-index:3;
	width:200px;
	height:430px;
	margin: 10px 0 0 40px;
	color:#FFFFFF;
	font-weight:lighter;
}

.overlay-cont img {
	margin: 25px 0 0px 0;
}

#home-pic-2 {
	width: 322px;
	height: 211px;
	margin: 8px 8px 0px 0;
	float:right;

}

#home-pic-3 {
	width: 322px;
	height: 211px;
	margin: 8px 8px 0px 0;
	float:right;
}

#photos					{ margin: 0 auto; width:900px; background:#FFF; height: 430px; position: relative; padding: 0 0px 0 0px; }
#photos	.wrapperMask	{ overflow: hidden; width: 900px; height: 430px; position: relative; }
#photos	.wrapper		{ overflow: hidden; width: 900px; height: 430px; position: relative; }
#photos	ul				{ float: left; width: 900px; height: 430px; list-style: none; padding: 0; margin: 0 0 0 0px;  overflow: hidden; position: relative; }
#photos	li				{ float: left; width: 900px; padding: 0px 0px 0px 0px; list-style: none; margin: 0; position: relative; height: 430px; overflow: hidden; }
#photos	li a			{
	position: absolute;
	left: 3px;
	top:98px;
}

#box-buy {
	position: absolute;
	width: 352px;
	height: 104px;
	margin: 446px 0px 0px 8px;
	padding: 0px 0px 0px 0px;
	float: left;
	background-color: #e7e7e7;
	border-style: solid;
	border-width: 1px;
	border-color:#d0d0d0;
}

#box-newsletter {
	position: absolute;
	width: 318px;
	height: 104px;
	margin: 446px 0px 0px 370px;
	padding: 0px 0px 0px 0px;
	float: left;
	background-color: #e7e7e7;
	border-style: solid;
	border-width: 1px;
	border-color:#d0d0d0;
}

#box-stockist {
	position: absolute;
	width: 192px;
	height: 104px;
	margin: 446px 0px 0px 698px;
	padding: 0px 0px 0px 0px;
	float: left;
	background-color: #e7e7e7;
	border-style: solid;
	border-width: 1px;
	border-color:#d0d0d0;
}

#box-headings {
	margin: 12px 0px 0px 13px;
	padding: 0;
	float: left;
}

#retailer-links {
	border: 0;
	width: 204px;
	height: 77px;
	margin: 12px 0px 0px 40px;
	padding: 0px 0px 0px 0px;
	float: left;
}

.waitrose {
	margin: 0 auto;
	float: left;
}

/* stockists page */

#stockist {
	width: 900px;
	height: auto;
	margin: auto;
	margin-top: 13px;
	padding: 0px;
	background-color:#FFFFFF;
}

#content {
	display: block;
	padding-top: 170px;
	padding-left: 22px;
	
}

.heading {
	display: block;
	padding:0px;
}

.area {	
	display:block;
	padding-top: 30px;
	font: bold 1.3em Arial, Helvetica, sans-serif;
	color: #454545;
	text-transform:uppercase;
}


#header {
	margin: 0px;
	width: 884px;
	height: 145px;
	margin: 8px 0px 0px 8px;
	padding: 0px 0px 0px 0px;
	float: left;
}

.stockist-box {
	width: 200px;
	height: 100px;
	margin-right: 10px;
	margin-top: 15px;
	margin-bottom: 20px;
	font-size: 0.9em;
	float: left;
}

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

.stockist-box strong {
	text-transform:uppercase;
	color:666666;
}

.shop-name {
	color:#666666;
	font-size:1em;
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:5px;
}


/* contact page */

#contact-page {
	width: 900px;
	height: 700px;
	margin: auto;
	margin-top: 13px;
	padding: 0px;
	background-color:#FFFFFF;
}

.contact-box {
	width: 280px;
	padding-right: 0px;
	padding-top: 15px;
	padding-bottom: 5px;
	float: left;

}

.vertical-divider {
	padding-right: 30px;
	padding-top: 15px;
	float:left;
}

#map {
	float:left;
	margin-left: 50px;
	margin-top: 25px;
}

.map-large {
	text-transform:uppercase;
}
	

/* product option page */

#product-options-page {
	width: 900px;
	height: 600px;
	margin: auto;
	margin-top: 13px;
	padding: 0px;
	background-color:#FFFFFF;
}

#content-prod-opt {
	display: block;
	padding-top: 27px;
	padding-left: 18px;
	padding-bottom:7px;
	
}

.pic1 {
	margin: 0 8px 30px 0;
	float:left;
}

.pic2 {
	margin: 0 8px 30px 0;
	float:left;
}

.pic3 {
	margin: 0 8px 30px 0;
	float:right;
}

/* product page */

#item-details {
	width: 330px;
	height: 544px;
	margin-left: 562px;
	margin-top: 8px;	
}

#item-heading {
	width: 300px;
	height: 120px;
	padding-top: 40px;
	padding-left: 27px;
}

#item-heading-heritage {
	width: 300px;
	height: 120px;
	padding-top: 30px;
	padding-left: 27px;
}

#prod-image-1 {
	position:relative;
	width: 554px;
	height: 544px;
	margin: 8px 0px 0px 8px;
	padding: 0px 0px 0px 0px;
	float: left;
}

#prod-description {
	width: 275px;
	height: 150px;
	padding-left: 27px;
	padding-top: 0px;

}

#buy-links {
	width: 300px;
	height: 130px;
	padding-left: 27px;
	padding-top: 110px;
}

#buy-now-heading {
	padding-bottom: 18px;
	float:left;
}

#retailer-links-2 {
	border: 0;
	width: 204px;
	height: 80px;
	float: left;
}

#prod-thumb-container {
	position: absolute;
	width: 177px;
	height: 52px;
	padding-left: 27px;
	padding-top: 10px;
}

#prod-thumb-container-2 {
	position: absolute;
	width: 120px;
	height: 52px;
	padding-left: 27px;
	padding-top: 35px;
}

#prod-thumb-container-3 {
	position: absolute;
	width: 58px;
	height: 52px;
	padding-left: 27px;
	padding-top: 20px;
}

#prod-thumb-container-4 {
	position: absolute;
	padding-left: 27px;
	padding-top: 100px;
}

.prod-thumbs {
	border-style: solid;
	border-width: 1px;
	border-color:#d0d0d0;
	margin-right: 7px;
	margin-bottom:7px;
	float: right;
}

/* about-us page */

#about-us-page {
	width: 900px;
	height: 1050px;
	margin: auto;
	margin-top: 13px;
	padding: 0px;
	background-color:#FFFFFF;
}

#content-about {
	display: block;
	width: 520px;
	padding-top: 20px;
	padding-left: 22px;
	float:left;
	
}

#col-right {
	float: right;
	width: 270px;
	height: 400px;
	padding-top:21px;

}

#thumb-container {
	width: 200px;
	padding-top: 20px;
	padding-right: 10px;
}

.about-thumbs {
	border-style: solid;
	border-width: 1px;
	border-color:#d0d0d0;
	margin-right: 7px;
	margin-bottom:7px;
	float: left;
}

/* newsletter page */

#box-newsletter-page {
	width: 318px;
	height: 104px;
	margin: 8px 0px 0px 8px;
	padding: 0px 0px 0px 0px;
	float: left;
}

/* press page */

#press-page {
	width: 900px;
	height: 970px;
	margin: auto;
	margin-top: 13px;
	padding: 0px;
	background-color:#FFFFFF;
}

#press-content {
	display: block;
	padding-top: 170px;
	padding-left: 22px;
	height: 490px;
}

#press-content-2 {
	display: block;
	float:left;
	padding-top: 0px;
	padding-left: 22px;
	height: 250px;
}

.heading-2 {
	display: block;
	padding:0px;
}

.press-item {
	margin: auto;

}

.press-item ul {
	list-style:none;
	display:inline;
}

li.item {
	width:150px;
	height:185px;
	margin: 20px 20px 0 0;
	float:left;
}


.item img {
	border: 1px solid #d0d0d0;
	margin: 0 0 5px 0;
	
}

.press-item a {
	text-decoration:none;
}

.press-item a:hover {
	text-decoration:none;
}

.heading {
	color:#454545;
	font-size: 0.95em;
	line-height:1.2em;
	font-weight:bold;
	text-transform: uppercase;
}

.date {
	color:#757575;
	font-size: 1em;
	line-height:1.5em;
}


.pdf {
	color:#454545;
	font-size: 0.95em;
	text-decoration:underline;
}


/* Footer */

#footer {
	width: 900px;
	height: 20px;
	margin: auto;
	margin-top: 10px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	outline: none;

}

#footer-copyright {
	height: 9px;
	width: 90px;
	float: left;
	position:relative;
}

#footer a {
	color: #c378a4;
}

#footer a:hover {
	color: #ffffff;
}


#footer ul {
	margin: 0;
	padding: 0px 0 0 667px;
	outline: none;
}

#footer li {
	padding: 0;
	margin: 0;
	margin-left:10px;
	height: 9px;
	background-repeat: no-repeat;
	float: left;
	display: inline;
	outline: none;
}

#footer li a, #footer li a:visited {
	display: block;
	text-decoration: none;
	text-indent: -4000px;
	height: 12px;
	background-repeat: no-repeat;
}

/* Competitions*/

#comp-page-1 {
	width: 900px;
	height: 650px;
	margin: auto;
	margin-top: 13px;
	padding: 0px;
	background-color:#FFFFFF;
}

#code-page {
	width: 900px;
	height: 600px;
	margin: auto;
	margin-top: 13px;
	padding: 0px;
	background-color:#FFFFFF;
}

#box-comp-1 {
	width: 350px;
	height: 250px;
	margin: 20px 0px 40px 20px;
	padding: 0px 0px 0px 0px;
	float: left;
	background-color: #e7e7e7;
	border-style: solid;
	border-width: 1px;
	border-color:#d0d0d0;
}

#box-comp-2 {
	width:530px;
	margin: 20px 0px 0px 20px;
	padding-left: 10px;
	padding-right: 10px;
	float: left;
	background-color: #e7e7e7;
	border-style: solid;
	border-width: 1px;
	border-color:#d0d0d0;
}

#box-comp-3 {
	width: 350px;
	height: 620px;
	margin: 20px 0px 40px 20px;
	padding: 0px 0px 0px 0px;
	float: left;
	background-color: #e7e7e7;
	border-style: solid;
	border-width: 1px;
	border-color:#d0d0d0;
}


#terms-1 {
	width: 350px;
	margin-left: 20px;

}

form ul
{
	font-size:100%;
	list-style-type:none;
	margin:0;
	padding:0;
	width:100%;
}

form li
{
	display:block;
	margin:0;
	padding: 10px 5px 2px 0px;
	position:relative;
}


.buttons
{
	clear: both;
	display: block;
	margin-top: 5px;
}


.description
{
	clear:both;
	display:inline-block;
	margin-bottom: 5px;
}

#li_1 {
	width: 100px;
	float: left;
	margin-right:4px;
}

#li_2 {
	width: 130px;
	float: left;
}

#li_3 {
	clear: both;
}

.find-stockist {background-image: url(images/footer-find-stockist.gif);width: 80px;}
.find-stockist:hover {background-image: url(images/footer-find-stockist-o.gif);}
.newsletter {background-image: url(images/footer-newsletter.gif);width: 60px;}
.newsletter:hover {background-image: url(images/footer-newsletter-o.gif);}
.contact {background-image: url(images/footer-contact.gif);width: 62px;}	
.contact:hover {background-image: url(images/footer-contact-o.gif);}