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

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	/* vertical-align: baseline;*/
}


body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color:white;
	
}

.menu-container {
	width:100%;
	background-color:#333333;
	border-bottom:#990000 4px solid;
	height:80px;
	clear:both;
	}
	
.menu-internal {
	width:980px;
	height:65px;
	margin:auto;
	padding-top:15px;
	clear:both;
	}
		
		
.menu {
	float:left;
	height:52px;
	font-family: 'Roboto Slab', serif;
	color:#FFFFFF;
	font-size:1.3em;
	font-weight:700;
	text-align:center;
	line-height:1.1em;
	padding-top:3px;
	}
	
.menu a {
	text-decoration:none;
	color:#FFFFFF;
	}
.menu a:visited {
	color:#FFFFFF;
	}	
.menu a:hover {
	color:#7D953B;
	} 	
	
		
	
.menu#logo {
	width:180px;
	background-image:url(images/Zeina-logo.jpg);
	background-position:center;
	background-repeat:no-repeat;
	}	
	
.menu#link {
	width:85px;
	border-right:solid 1px white;
	}
	
.menu#linkflav {
	width:99px;
	border-right:solid 1px white;
	}	
	
.menu#linkblog {
	width:75px;
	border-right:solid 1px white;
	}		
	
.menu#linkhome {
	width:83px;
	padding-top:17px;
	height:36px;
	border-right:solid 1px white;
	}					

.menu#lovroast {
	width:265px;
	background-image:url(images/menu-lovingly-roasted.jpg);
	background-repeat:no-repeat;
	background-position:center;
	}
	
.index-container-intro {
	width:100%;
	background-color:#f7f6ef;
	border-bottom:#81983b 5px solid;
	height:85px;
	clear:both;
	}
	
.index-container-intro-internal {
	width:970px;
	height:75px;
	margin:auto;
	padding-top:7px;
	padding-left:10px;
	clear:both;
	}	
	
h1 {
	font-family: 'Roboto Slab', serif;
	color:black;
	font-size:1.8em;
	font-weight:900;
	text-align:left;
	}
	
h1#productindex {
	font-family: 'Roboto Slab', serif;
	color:black;
	font-size:1.8em;
	font-weight:900;
	text-align:left;
	margin-bottom:20px;
	}	
	
h2 {
	font-family: 'Roboto Slab', serif;
	color:black;
	font-size:1.3em;
	font-weight:900;
	text-align:left;
	margin-bottom:20px;
	}	
	
h1#smaller{
	font-size:1.3em;
	}	
	
h3 {
	font-family: 'Roboto Slab', serif;
	color:black;
	font-size:1.1em;
	font-weight:900;
	text-align:left;
	margin-bottom:20px;
	}		
	
p {
	font-family: 'Varela Round', sans-serif;
	font-size:0.8em;
	color:#333333;
	}
	
p.mcsignuptext {
	font-family: 'Varela Round', sans-serif;
	font-size:0.72em;
	color:#333333;
	padding-bottom:5px;
	}	
	
p.footer {
	font-family: 'Varela Round', sans-serif;
	color:white;
	padding-left:20px;
	padding-top:13px;
	}	
	
p.footer a {
	color:white;
	text-decoration:none;
	}

p.footer a:hover {
	color:#66CC33;
	}	
	

	

	
p.footersocial {
	font-size:1.0em;
	color:white;
	padding-left:20px;
	padding-top:12px;
	}
	
p.footersocial a {
	font-size:1.0em;
	color:white;
	padding-left:20px;
	padding-top:12px;
	text-decoration:none;
	}
	
p.footersocial a:hover {
	font-size:1.0em;
	color:white;
	padding-left:20px;
	padding-top:12px;
	text-decoration:underline;
	}			
	
p.body {
	padding-bottom:20px;
	font-size:0.9em;
	clear: both;
	}
	
p.body a {
	text-decoration:none;
	color:#006600;
	}
	
p.link {
	
	font-size:0.9em;
	}
	
p.link a {
	text-decoration:none;
	color:#006600;
	}	
	
p.link a:hover {
	text-decoration:underline;
	}			
	
p.blogdate {
	padding-bottom:5px;
	font-size:0.8em;
	}	
	
p.about {
	width:550px;
	padding-bottom:20px;
	font-size:0.9em;
	}	
	
p.form {
	padding-bottom:20px;
	}	
	
p.outset {
	font-size:0.7em;
	margin-left:20px;
	}
	
p.outset a {
	text-decoration:none;
	color:#006600;
	}
	
p.outset a:hover {
	text-decoration:underline;
	}			
	
	
p.available {
	font-family: 'Roboto Slab', serif;
	font-size:1em;
	color:#333333;
	font-weight: 900;
	}	
	
p.available a {
	color:#7D953B;
	text-decoration:none;
	}
	
p.available a:hover {
	text-decoration:underline;
	}			
		
	
span.almonds {
	color:#6E1111;
	}	
	
span.cashews {
	color:#C0A561;
	}	
	
span.pistachios {
	color:#7D953B;
	}	
	
span.delicious {
	font-family: 'Roboto Slab', serif;
	font-weight:700;
	font-size:1.1em;
	}	
	
span.green {
	color:#7D953B;
	}		
	
	
/* carosel rotator */

.banner {
	position: relative;
	overflow: hidden;
	width:980px;
	margin:auto;
	height:570px;
	margin-top:20px;
}
    .banner li { list-style: none; }
        .banner ul li { float: left; }



.banner-cashewbbq {
	background-image:url(images/cashews-spicy-bbq.jpg);
	height:570px;
	width:980px;
	border:white solid 1px;
	overflow: hidden;
	}	
	
.banner-almondsblackpepper {
	background-image:url(images/almonds-black-pepper.jpg);
	height:570px;
	border:white solid 1px;
	overflow: hidden;
	width:980px;
	}	
	
.banner-cashewsalmondsspicybbq {
	background-image:url(images/cashews-almonds-spicy-bbq.jpg);
	height:570px;
	border:white solid 1px;
	overflow: hidden;
	width:980px;
	}	
	
.banner-pistachiosseasalt {
	background-image:url(images/pistachios-sea-salt.jpg);
	height:570px;
	border:white solid 1px;
	overflow: hidden;
	width:980px;
	}
	
.banner-pistachiossmokeychipotle {
	background-image:url(images/pistachios-smokey-chipotle.jpg);
	height:570px;
	border:white solid 1px;
	overflow: hidden;
	width:980px;
	}			
		
.banner-almonds {
	width:980px;
	height:570px;
	background-image:url(images/almonds.jpg);
	background-repeat:no-repeat;
	border:white solid 1px;
	
	}
	
	.banner-pist {
	width:980px;
	height:570px;
	background-image:url(images/pistachios.jpg);
	border:white solid 1px;
	background-repeat:no-repeat;

	}
		
	.banner-cashews {
	width:980px;
	height:570px;
	background-image:url(images/cashews-spicy-bbq.jpg);
	border:white solid 1px;
	background-repeat:no-repeat;
	}	
	
.banner_caption {
	width:470px;
	height:250px;
	margin-left:424px;
	margin-top:183px;
	}
	
.explore-container{
	width:100%;
	height:220px;
	background-image:url(images/explore-bg.jpg);
	background-repeat:repeat-x;
	background-color:#eeedec;
	}	
	
.explore-inner{
	width:980px;
	height:170px;
	background-image:url(images/explore-head.png);
	background-position:top left;
	background-repeat:no-repeat;
	margin:auto;
	padding-top:50px;
	}					
		
.explore-columns {
	width:230px;
	height:150px;
	float:left;
	background-color:#CCCCCC;

	}
	
.explore-columns#pad {
	margin-right:20px;
	}
	
.explore-columns#flavours {
	background-image:url(images/explore-index_01.jpg);
	margin-right:20px;
	}
	
.explore-columns#story {
	background-image:url(images/explore-index_02.jpg);
	margin-right:20px;
	}
	
.explore-columns#stockists {
	background-image:url(images/explore-index_03.jpg);
	margin-right:20px;
	}
	
.explore-columns#getintouch {
	background-image:url(images/explore-index_04.jpg);

	}


.explore-columns-inside {
	width:113px;
	height:34px;
	padding-left:95px;
	padding-top:116px;
	}	
	
.explore-columns-inside#flavours {
	background-image:url(images/explore-index-inside_01.png);

	}
	
.explore-columns-inside#story {
	background-image:url(images/explore-index-inside_02.png);
	padding-left:113px;

	}
	
.explore-columns-inside#stockists {
	background-image:url(images/explore-index-inside_03.png);

	}
	
.explore-columns-inside#getintouch {
	background-image:url(images/explore-index-inside_04.png);

	}													
			
	
.index-widgets-outer-container {
	width:100%;
	height:100%;
	background-color:#FFFFCC;
	/*background-image:url(images/paper-texture.jpg);*/
	background-image: url(images/bg-gold.jpg);
	background-repeat:repeat;
	clear:both;
		border-top:#81983b 5px solid;
	}
	
div.index-widgets-outer-container {
	overflow:hidden;
	height:100%;
	}
.index-widgets-inner-container {
	width:980px;
	height:100%;
	margin:auto;
	padding-top:20px;
	}
div.index-widgets-inner-container {
	overflow:hidden;
	height:100%;
	}
	
.widget-grid {
	width:478px;
	height:159px;
	float:left;
	background-color:white;
	margin-bottom:20px;
	background-image: url(images/newsletter-bg.jpg);
	border:#CCCCCC 1px solid;
	}
	
.widget-grid#pad {
	margin-right:18px;
	background-image:none;
	}
	
.widget-grid#nopad {
	background-image:none;
	}	
	
.widget-grid#small {
	width:230px;
	margin-left:18px;
	background-image:url(images/index-footer-twitter.jpg);
	}

.widget-grid#smallfb {
	width:230px;
	margin-left:18px;
	background-image:url(images/index-footer-facebook.jpg);
	}
	
.footer-inner-container {
	width:980px;
	height:70px;
	background-color:#333333;
	margin:auto;
	margin-bottom:20px;
	background-position:right;
	background-image:url(images/footer-social-links.jpg);
	background-repeat:no-repeat;
	background-color:#333133;
	}	
	
.footer-links-container {
	float:left;
	height:70px;
	width:821px;
	clear:both;
	}
	
	


.footer-social-container {
	float:right;
	height:70px;
	width:157px;
	}
	
	
.footer-outset {
	float:left;
	height:30px;
	width:821px;
	clear:both;
	margin-top:10px;
	}	
	
	
/* product */

.product-info-area	{
	width:980px;
	height:100%;
	margin:auto;
	background-image:url(images/almonds.jpg);
	background-repeat:no-repeat;
	clear:both;
	padding-bottom:30px;
	margin-top:20px;
	}
	
.product-info-area#cashewbbq	{
	background-image:url(images/cashews-spicy-bbq.jpg);
	}	
	
.product-info-area#almondsblackpepper	{
	background-image:url(images/almonds-black-pepper.jpg);
	}	
	
.product-info-area#cashewsalmondsspicybbq	{
	background-image:url(images/cashews-almonds-spicy-bbq.jpg);
	}	
	
.product-info-area#pistachiosseasalt	{
	background-image:url(images/pistachios-sea-salt.jpg);
	}
	
.product-info-area#pistachiossmokeychipotle	{
	background-image:url(images/pistachios-smokey-chipotle.jpg);
	}
	
.product-info-area#cashewbbqbox	{
	background-image:url(images/cashews-bbq-box.jpg);
	}	
	
.product-info-area#almondsblackpepperbox	{
	background-image:url(images/almonds-black-pepper-box.jpg);
	}	
	
.product-info-area#cashewsalmondsspicybbqbox	{
	background-image:url(images/cashews-almonds-spicy-bbq-box.jpg);
	}	
	
.product-info-area#pistachiosseasaltbox	{
	background-image:url(images/pistachios-sea-salt-box.jpg);
	}
	
.product-info-area#pistachiossmokeychipotlebox	{
	background-image:url(images/pistachios-smokey-chipotle-box.jpg);
	}	
	
	
.product-info-area#productindex	{
	background-image:url(images/product-index-background.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	height:880px;
	padding-bottom:340px;
	width:985px;
	}
	
.product-info-area#blog	{
	background-image:url(images/product-index-background.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	height:100%;
	padding-bottom:340px;
	width:985px;
	}	
	
div.product-info-area#blog {
	height:100%;
	overflow:hidden;
	}	
	
.product-info-area#aboutus	{
	background-image:url(images/about-us-bg-image.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	height:100%;
	padding-bottom:330px;
	padding-top:30px;
	width:970px;
	}	
	
	
div.product-info-area#aboutus {
	height:100%;
	overflow:hidden;
	}
	
	
.product-info-area#contact	{
	background-image:url(images/contact-us-bg-image.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	height:100%;
	padding-bottom:230px;

	width:970px;
	}
	
	div.product-info-area#contact {
	height:100%;
	overflow:hidden;
	}	
	
	
.product-info-area#stockist	{
	background-image:url(images/stockists-bg-image.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	height:100%;
	padding-bottom:200px;
	width:970px;
	}
	
	div.product-info-area#stockist {
	padding-bottom:250px;
	height:100%;
	overflow:hidden;
	}	
	
.product-info-area#privacy	{
	background-image:url(images/product-index-background.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	height:100%px;
	padding-bottom:340px;
	width:985px;
	}
	
div.product-info-area#privacy	{			
	height:100%;
	overflow:hidden;
	}			
	
.product-info-area#productindex img	{
float:left;
}					
	
.product-info-nutrition {
	width:480px;
	height:100%;
	float:right;
	margin-right:20px;
	}	
	
div.product-info-nutrition {	

	height:100%;
	overflow:hidden;

	}
	
.product-info-ingredients {
	width:480px;
	height:100%;
	float:right;
	}		
	

div.product-info-area	{	
	height:auto;
	overflow:hidden;

}

	
.product-caption {
	width:470px;
	height:390px;
	padding-left:424px;
	padding-top:183px;
	}		
	
.other-flavours-container {
	width:100%;
	height:490px;
	}
	
.other-flavours-inner {
	width:980px;
	height:490px;
	margin:auto;
	border-top:3px solid #003366;
	background-image:url(images/explore-the-range.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	padding-top:10px;
	}	
	
.other-product-box {
	height:220px;
	float:right;
	width:144px;
	margin-left:20px;
	margin-top:10px;
	margin-bottom:10px;
	background-color:#CCCCCC;
	}
	
.other-product-box img {
	border:none;

	}	
	
.other-product-box#end {
	margin-left:none;
	float:right;
	}	
		
		
.mailchimp-inside {
	margin-left:175px;
	margin-top:60px;
	width:300px;
	height:100px;
	}
	
.social-inside {
	margin-left:92px;
	margin-top:46px;
	width:138px;
	height:114px;
	}
	
.formfield {
	border:#145681 1px solid;
	width:300px;
	}
	
.paper-block {
	width:530px;
	height:100%;
	float:left;
	padding:20px;
	background-image:url(images/paper_bg.jpg);
		margin-top:20px;
	margin-bottom:20px;
	-webkit-box-shadow: -1px -1px 3px 4px rgba(50, 50, 50, 0.22);
-moz-box-shadow:    -1px -1px 3px 4px rgba(50, 50, 50, 0.22);
box-shadow:         -1px -1px 3px 4px rgba(50, 50, 50, 0.22);
margin-left:10px;
	}
	
div.paper-block {
	height:100%;
	overflow:hidden;
	}	
	
/* blog */

.blog {
	width:880px;
	height:100%;
	float:left;
	padding:20px;
	background-image:url(images/paper_bg.jpg);
		margin-top:20px;
	margin-bottom:20px;
	-webkit-box-shadow: -1px -1px 3px 4px rgba(50, 50, 50, 0.22);
-moz-box-shadow:    -1px -1px 3px 4px rgba(50, 50, 50, 0.22);
box-shadow:         -1px -1px 3px 4px rgba(50, 50, 50, 0.22);
margin-left:10px;
	}
	
div.blog {
	height:100%;
	overflow:hidden;
	}		
	
	
	
/* stockists */

.stockistlist  {
	font-family: 'Open Sans', sans-serif; 
	margin-top:0.5em;
	height:110%;
	padding-bottom:20px;
	padding-left:2px;
	width:500px;
	}
	
	div.stockistlist  {
	height:110%;
	overflow:hidden;
	}	
.stockistlist ul li {
font-family: 'Open Sans', sans-serif; 
	 list-style-type: none;
	 display:inline;
	 }	
	
	




span.table-store { 

font-family: 'Varela Round', sans-serif;
font-size:0.8em; color:#333333; 
width:200px;  float:left; 
margin-bottom:5px;} 

span.table-town {
	font-family: 'Varela Round', sans-serif;
	font-size:0.8em; 
	color:#333333; 
	width:100px;
	float:left;
	clear:right;
	margin-bottom:5px;
}

span.table-postcode {
	font-family: 'Varela Round', sans-serif; font-size:0.8em; color:#333333; 
	width:110px;
	float:left;
	  margin-bottom:5px;
	color:#333333;
	clear:right;
}	

	
hr {
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:1px dotted #666666;
	padding-bottom:20px;
	}			
	
						
	
	
	
/* banner test */

.banner .btn {
		display: inline-block;
		margin: 25px 0 0;
		padding: 9px 22px 7px;
		clear: both;
		
		color: #fff;
		font-size: 12px;
		font-weight: bold;
		text-transform: uppercase;
		text-decoration: none;
		
		border: 2px solid #80993d;
		border-radius: 5px;
	}
		.banner .btn:hover {
			background: rgba(255,255,255,.05);
		}
		.banner .btn:active {
			-webkit-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
			-moz-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
			-ms-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
			-o-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
			filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
		}
		
	.banner .btn, .banner .dot {
		-webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		-moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		-ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		-o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
	}
	
	.banner .dots {
		position: absolute;
		left: 25;
		right: 0;
		bottom: 20px;
		margin-right:20px;
	}
		.banner .dots li {
			display: inline-block;
			width: 10px;
			height: 10px;
			margin: 0 4px;
			
			text-indent: -999em;
			
			border: 2px solid #80993d;
			border-radius: 6px;
			
			cursor: pointer;
			opacity: .4;
			
			-webkit-transition: background .5s, opacity .5s;
			-moz-transition: background .5s, opacity .5s;
			transition: background .5s, opacity .5s;
		}
			.banner .dots li.active {
				background: #fff;
				opacity: 1;
			}
.red {
	color: #951B39;

}

.blog-lhs {
	width:600px;
	height:100%;
	float:left;
	}
	.blog-lhs p {
	padding-bottom:20px;
	font-size:0.9em;
	clear: both;
	}
	.blog-lhs p a {
	text-decoration:none;
	color:#006600;
	}

	
div.blog-lhs {	
	height:100%;
	overflow:hidden;
	}	
	
.blog-rhs {
	width:260px;
	height:100%;
	float:right;
	}
	
div.blog-rhs {	
	height:100%;
	overflow:hidden;
	}
	
ul {
	font-family: 'Varela Round', sans-serif;
	font-size:0.9em;
	color:#333333;
	margin-bottom:20px;
	
	}
	
#cookies-table th { color: #454545; border-right: 1px solid #A49623; border-bottom: 1px solid #A49623; border-top: 1px solid #A49623;  border-left: 1px solid #A49623;letter-spacing: 2px; text-transform: uppercase; text-align: left; padding: 6px 6px 6px 12px; font-family: 'Varela Round', sans-serif;}
#cookies-table td { border-right: 1px solid #A49623; border-bottom: 1px solid #A49623; border-left: 1px solid #A49623; padding: 6px 6px 6px 12px; color: #454545; font-family: 'Varela Round', sans-serif;}