﻿@font-face {
 font-family: 'From Where You Are';
 src: url('fonts/FromWhereYouAre.eot');
 src: local('☺'), url('fonts/FromWhereYouAre.woff') format('woff'), url('fonts/FromWhereYouAre.ttf') format('truetype'), url('fonts/FromWhereYouAre.svg') format('svg');
 font-weight: normal;
 font-style: normal;
}

@font-face {
	font-family: 'OldNewspaperTypes';
	src: url('/fonts/OldNewspaperTypes.eot');
	src: url('/fonts/OldNewspaperTypes.eot?#iefix') format('embedded-opentype'),
		url('/fonts/OldNewspaperTypes.woff') format('woff'),
		url('/fonts/OldNewspaperTypes.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'BabyBoston';
	src: url('fonts/BabyBoston.eot');
	src: local('☺'),url('fonts/BabyBoston.eot') format('embedded-opentype'),
		url('fonts/BabyBoston.woff') format('woff'),
		url('fonts/BabyBoston.ttf') format('truetype'),
		url('fonts/BabyBoston.svg#BabyBostonRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Raleway-Light';
	src:	url('fonts/Raleway-Light.eot');
	src: local('☺'),	url('fonts/Raleway-Light.eot') format('embedded-opentype'),
			url('fonts/Raleway-Light.woff') format('woff'),
			url('fonts/Raleway-Light.ttf') format('truetype'),
			url('fonts/Raleway-Light.svg#Raleway-Light') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Raleway';
	src: 	url('fonts/Raleway-Regular.eot');
	src: local('☺'),	url('fonts/Raleway-Regular.eot') format('embedded-opentype'),
			url('fonts/Raleway-Regular.woff') format('woff'),
			url('fonts/Raleway-Regular.ttf') format('truetype'),
			url('fonts/Raleway-Regular.svg#Raleway') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Raleway-Semibold';
	src: url('fonts/Raleway-SemiBold.eot');
	src: local('☺'),	url('fonts/Raleway-SemiBold.eot') format('embedded-opentype'),
			url('fonts/Raleway-SemiBold.woff') format('woff'),
			url('fonts/Raleway-SemiBold.ttf') format('truetype'),
			url('fonts/Raleway-SemiBold.svg#Raleway-SemiBold') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Raleway-Medium';
	src: url('fonts/Raleway-Medium.eot');
	src: local('☺'),	url('fonts/Raleway-Medium.eot') format('embedded-opentype'),
			url('fonts/Raleway-Medium.woff') format('woff'),
			url('fonts/Raleway-Medium.ttf') format('truetype'),
			url('fonts/Raleway-Medium.svg#Raleway-Medium') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Raleway-Bold';
	src:	url('fonts/Raleway-Bold.eot');
	src:local('☺'),	url('fonts/Raleway-Bold.eot') format('embedded-opentype'),
			url('fonts/Raleway-Bold.woff') format('woff'),
			url('fonts/Raleway-Bold.ttf') format('truetype'),
			url('fonts/Raleway-Bold.svg#Raleway-Bold') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Gill Sans Std';
	src: url('/fonts/GillSansStd-BoldItalic.eot');
	src: url('/fonts/GillSansStd-BoldItalic.eot?#iefix') format('embedded-opentype'),
		url('/fonts/GillSansStd-BoldItalic.woff') format('woff'),
		url('/fonts/GillSansStd-BoldItalic.ttf') format('truetype'),
		url('/fonts/GillSansStd-BoldItalic.svg#GillSansStd-BoldItalic') format('svg');
	font-weight: bold;
	font-style: italic;
}

@font-face {
	font-family: 'Gill Sans Std';
	src: url('/fonts/GillSansStd-UltraBold.eot');
	src: url('/fonts/GillSansStd-UltraBold.eot?#iefix') format('embedded-opentype'),
		url('/fonts/GillSansStd-UltraBold.woff') format('woff'),
		url('/fonts/GillSansStd-UltraBold.ttf') format('truetype'),
		url('/fonts/GillSansStd-UltraBold.svg#GillSansStd-UltraBold') format('svg');
	font-weight: 800;
	font-style: normal;
}

@font-face {
	font-family: 'Gill Sans Std';
	src: url('/fonts/GillSansStd-LightItalic.eot');
	src: url('/fonts/GillSansStd-LightItalic.eot?#iefix') format('embedded-opentype'),
		url('/fonts/GillSansStd-LightItalic.woff') format('woff'),
		url('/fonts/GillSansStd-LightItalic.ttf') format('truetype'),
		url('/fonts/GillSansStd-LightItalic.svg#GillSansStd-LightItalic') format('svg');
	font-weight: 300;
	font-style: italic;
}

@font-face {
	font-family: 'Gill Sans Std';
	src: url('/fonts/GillSansStd-Italic.eot');
	src: url('/fonts/GillSansStd-Italic.eot?#iefix') format('embedded-opentype'),
		url('/fonts/GillSansStd-Italic.woff') format('woff'),
		url('/fonts/GillSansStd-Italic.ttf') format('truetype'),
		url('/fonts/GillSansStd-Italic.svg#GillSansStd-Italic') format('svg');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'Gill Sans Std';
	src: url('/fonts/GillSansStd-Condensed.eot');
	src: url('/fonts/GillSansStd-Condensed.eot?#iefix') format('embedded-opentype'),
		url('/fonts/GillSansStd-Condensed.woff') format('woff'),
		url('/fonts/GillSansStd-Condensed.ttf') format('truetype'),
		url('/fonts/GillSansStd-Condensed.svg#GillSansStd-Condensed') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Gill Sans Std';
	src: url('/fonts/GillSansStd-ExtraBoldDisp.eot');
	src: url('/fonts/GillSansStd-ExtraBoldDisp.eot?#iefix') format('embedded-opentype'),
		url('/fonts/GillSansStd-ExtraBoldDisp.woff') format('woff'),
		url('/fonts/GillSansStd-ExtraBoldDisp.ttf') format('truetype'),
		url('/fonts/GillSansStd-ExtraBoldDisp.svg#GillSansStd-ExtraBoldDisp') format('svg');
	font-weight: 800;
	font-style: normal;
}

@font-face {
	font-family: 'Gill Sans Std';
	src: url('/fonts/GillSansStd-LightShadowed.eot');
	src: url('/fonts/GillSansStd-LightShadowed.eot?#iefix') format('embedded-opentype'),
		url('/fonts/GillSansStd-LightShadowed.woff') format('woff'),
		url('/fonts/GillSansStd-LightShadowed.ttf') format('truetype'),
		url('/fonts/GillSansStd-LightShadowed.svg#GillSansStd-LightShadowed') format('svg');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Gill Sans Std';
	src: url('/fonts/GillSansStd-ExtraBold.eot');
	src: url('/fonts/GillSansStd-ExtraBold.eot?#iefix') format('embedded-opentype'),
		url('/fonts/GillSansStd-ExtraBold.woff') format('woff'),
		url('/fonts/GillSansStd-ExtraBold.ttf') format('truetype'),
		url('/fonts/GillSansStd-ExtraBold.svg#GillSansStd-ExtraBold') format('svg');
	font-weight: 800;
	font-style: normal;
}

@font-face {
	font-family: 'Gill Sans Std';
	src: url('/fonts/GillSansStd-BoldCondensed.eot');
	src: url('/fonts/GillSansStd-BoldCondensed.eot?#iefix') format('embedded-opentype'),
		url('/fonts/GillSansStd-BoldCondensed.woff') format('woff'),
		url('/fonts/GillSansStd-BoldCondensed.ttf') format('truetype'),
		url('/fonts/GillSansStd-BoldCondensed.svg#GillSansStd-BoldCondensed') format('svg');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Gill Sans Std';
	src: url('/fonts/GillSansStd-Shadowed.eot');
	src: url('/fonts/GillSansStd-Shadowed.eot?#iefix') format('embedded-opentype'),
		url('/fonts/GillSansStd-Shadowed.woff') format('woff'),
		url('/fonts/GillSansStd-Shadowed.ttf') format('truetype'),
		url('/fonts/GillSansStd-Shadowed.svg#GillSansStd-Shadowed') format('svg');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Gill Sans Std';
	src: url('/fonts/GillSansStd-Bold.eot');
	src: url('/fonts/GillSansStd-Bold.eot?#iefix') format('embedded-opentype'),
		url('/fonts/GillSansStd-Bold.woff') format('woff'),
		url('/fonts/GillSansStd-Bold.ttf') format('truetype'),
		url('/fonts/GillSansStd-Bold.svg#GillSansStd-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Gill Sans Std';
	src: url('/fonts/GillSansStd-Light.eot');
	src: url('/fonts/GillSansStd-Light.eot?#iefix') format('embedded-opentype'),
		url('/fonts/GillSansStd-Light.woff') format('woff'),
		url('/fonts/GillSansStd-Light.ttf') format('truetype'),
		url('/fonts/GillSansStd-Light.svg#GillSansStd-Light') format('svg');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Gill Sans Std';
	src: url('/fonts/GillSansStd.eot');
	src: url('/fonts/GillSansStd.eot?#iefix') format('embedded-opentype'),
		url('/fonts/GillSansStd.woff') format('woff'),
		url('/fonts/GillSansStd.ttf') format('truetype'),
		url('/fonts/GillSansStd.svg#GillSansStd') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Gill Sans Std';
	src: url('/fonts/GillSansStd-UltraBoldCond.eot');
	src: url('/fonts/GillSansStd-UltraBoldCond.eot?#iefix') format('embedded-opentype'),
		url('/fonts/GillSansStd-UltraBoldCond.woff') format('woff'),
		url('/fonts/GillSansStd-UltraBoldCond.ttf') format('truetype'),
		url('/fonts/GillSansStd-UltraBoldCond.svg#GillSansStd-UltraBoldCond') format('svg');
	font-weight: 800;
	font-style: normal;
}

@font-face {
	font-family: 'Gill Sans Std';
	src: url('/fonts/GillSansStd-BoldExtraCond.eot');
	src: url('/fonts/GillSansStd-BoldExtraCond.eot?#iefix') format('embedded-opentype'),
		url('/fonts/GillSansStd-BoldExtraCond.woff') format('woff'),
		url('/fonts/GillSansStd-BoldExtraCond.ttf') format('truetype'),
		url('/fonts/GillSansStd-BoldExtraCond.svg#GillSansStd-BoldExtraCond') format('svg');
	font-weight: bold;
	font-style: normal;
}

@keyframes animate-plane {
	0% { background-position: -520px 0; }
	100% { background-position: -28600px 0;}
	
}
@-webkit-keyframes animate-plane {
	0% { background-position: -520px 0; }
	100% { background-position: -28600px 0;}
	
}

@keyframes stop-plane {
	0% { background-position: -520px 0; }
	100% { background-position: -520px 0;}
	
}
@-webkit-keyframes stop-plane {
	0% { background-position: -520px 0; }
	100% { background-position: -520px 0;}
	
}
@keyframes animate-blinker {
	0% { background-position: 0px 0; }
	100% { background-position: -2000px 0;}
	
}
@-webkit-keyframes animate-blinker {
	0% { background-position: 0px 0; }
	100% { background-position: -2000px 0;}
	
}	
@keyframes animate-recipe-box {
	0% { background-position: 0px 0; }
	100% { background-position: -3120px 0;}
	
}
@-webkit-keyframes animate-recipe-box {
	0% { background-position: 0px 0; }
	100% { background-position: -3120px 0;}
	
}	
@keyframes animate-recipe-box-recipe {
	0% { background-position: 0px 0; }
	100% { background-position: -4745px 0;}
	
}
@-webkit-keyframes animate-recipe-box-recipe {
	0% { background-position: 0px 0; }
	100% { background-position: -4745px 0;}
	
}	
@-webkit-keyframes wiggle
{
	
    0% {-webkit-transform: rotateZ(2.5deg);-webkit-transform-origin: 100% 0%}
    50% {-webkit-transform: rotateZ(-2.5deg);-webkit-transform-origin: 100% 0%}
    100% {-webkit-transform: rotateZ(2.5deg);-webkit-transform-origin: 100% 0%}
}
@-moz-keyframes wiggle
{
    0% {-moz-transform: rotateZ(2.5deg);-moz-transform-origin: 100% 0%}
    50% {-moz-transform: rotateZ(-2.5deg);-moz-transform-origin: 100% 0%}
    100% {-moz-transform: rotateZ(2.5deg);-moz-transform-origin: 100% 0%}
}
@-o-keyframes wiggle
{
    0% {-o-transform: rotateZ(2.5deg);-o-transform-origin: 100% 0%}
    50% {-o-transform: rotateZ(-2.5deg);-o-transform-origin: 100% 0%}
    100% {-o-transform: rotateZ(2.5deg);-o-transform-origin: 100% 0%}
}
@keyframes wiggle
{
    0% {transform: rotateZ(2.5deg);transform-origin: 100% 0%}
    50% {transform: rotateZ(-2.5deg);transform-origin: 100% 0%}
    100% {transform: rotateZ(2.5deg);transform-origin: 100% 0%}
}

@-webkit-keyframes wiggle-olive
{
	
    0% {-webkit-transform: rotateZ(5deg);}
    50% {-webkit-transform: rotateZ(-5deg);}
    100% {-webkit-transform: rotateZ(5deg);}
}
@-moz-keyframes wiggle-olive
{
    0% {-moz-transform: rotateZ(5deg);}
    50% {-moz-transform: rotateZ(-5deg);}
    100% {-moz-transform: rotateZ(5deg);}
}
@-o-keyframes wiggle-olive
{
    0% {-o-transform: rotateZ(5deg);}
    50% {-o-transform: rotateZ(-5deg);}
    100% {-o-transform: rotateZ(5deg);}
}
@keyframes wiggle-olive
{
    0% {transform: rotateZ(5deg);}
    50% {transform: rotateZ(-5deg);}
    100% {transform: rotateZ(5deg);}
}


@-webkit-keyframes wiggle-bag-environment
{
	
    0% {-webkit-transform: rotateZ(-1.5deg);}
    50% {-webkit-transform: rotateZ(1.5deg);}
    100% {-webkit-transform: rotateZ(-1.5deg);}
}
@-moz-keyframes wiggle-bag-environment
{
    0% {-moz-transform: rotateZ(-1.5deg);}
    50% {-moz-transform: rotateZ(1.5deg);}
    100% {-moz-transform: rotateZ(-1.5deg);}
}
@-o-keyframes wiggle-bag-environment
{
    0% {-o-transform: rotateZ(-1.5deg);}
    50% {-o-transform: rotateZ(1.5deg);}
    100% {-o-transform: rotateZ(-1.5deg);}
}
@keyframes wiggle-bag-environment
{
    0% {transform: rotateZ(-1.5deg);}
    50% {transform: rotateZ(1.5deg);}
    100% {transform: rotateZ(-1.5deg);}
}

@-webkit-keyframes wiggle-more
{
    0% {-webkit-transform: rotateZ(0);}
    33% {-webkit-transform: rotateZ(-1.5deg);}
	80% {-webkit-transform: rotateZ(1.5deg);}
}
@-moz-keyframes wiggle-more
{
    0% {-moz-transform: rotateZ(0);}
 	33% {-moz-transform: rotateZ(-1.5deg);}
	88% {-moz-transform: rotateZ(1.5deg);}
}
@-o-keyframes wiggle-more
{
    0% {-o-transform: rotateZ(0);}
	33% {-o-transform: rotateZ(-1.5deg);}
	88% {-o-transform: rotateZ(1.5deg);}
}
@keyframes wiggle-more
{
    0% {transform: rotateZ(0);}
	33% {transform: rotateZ(-1.5deg);}
	88% {transform: rotateZ(1.5deg);}
}

@-webkit-keyframes wiggle-more-recipe-box
{
    0% {-webkit-transform: rotateZ(0deg);}
    33% {-webkit-transform: rotateZ(-1deg);}
    88% {-webkit-transform: rotateZ(1deg);}
}
@-moz-keyframes wiggle-more-recipe-box
{
    0% {-moz-transform: rotateZ(0deg);}
    33% {-moz-transform: rotateZ(-1deg);}
    88% {-moz-transform: rotateZ(1deg);}
}
@-o-keyframes wiggle-more-recipe-box
{
    0% {-o-transform: rotateZ(0deg);}
    33% {-o-transform: rotateZ(-1deg);}
    88% {-o-transform: rotateZ(1deg);}
}
@keyframes wiggle-more-recipe-box
{
    0% {transform: rotateZ(0deg);}
    33% {transform: rotateZ(-1deg);}
    88% {transform: rotateZ(1deg);}
}
@-webkit-keyframes wiggle-more-recipe-box-taper
{
    0% {-webkit-transform: rotateZ(.5deg);}
    50% {-webkit-transform: rotateZ(-.5deg);}
    100% {-webkit-transform: rotateZ(.5deg);}
}
@-moz-keyframes wiggle-more-recipe-box-taper
{
    0% {-moz-transform: rotateZ(.5deg);}
    50% {-moz-transform: rotateZ(-.5deg);}
    100% {-moz-transform: rotateZ(.5deg);}
}
@-o-keyframes wiggle-more-recipe-box-taper
{
    0% {-o-transform: rotateZ(.5deg);}
    50% {-o-transform: rotateZ(-.5deg);}
    100% {-o-transform: rotateZ(.5deg);}
}
@keyframes wiggle-more-recipe-box-taper
{
    0% {transform: rotateZ(.5deg);}
    50% {transform: rotateZ(-.5deg);}
    100% {transform: rotateZ(.5deg);}
}

.blink-me {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1.3s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blinker;
    -moz-animation-duration: 1.3s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;

    animation-name: blinker;
    animation-duration: 1.3s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}
 
.shaking {

    -webkit-animation: wiggle .3s ease infinite;
    -moz-animation: wiggle 0.3s ease infinite;
    -o-animation: wiggle 0.3s ease infinite;
    animation: wiggle 0.3s ease infinite;
}

.shaking-bag {
    -webkit-animation: wiggle-bag-environment 0.7s ease infinite;
    -moz-animation: wiggle-bag-environment 0.7s ease infinite;
    -o-animation: wiggle-bag-environment 0.7s ease infinite;
    animation: wiggle-bag-environment 0.7s ease infinite;
}

#look-whats-new {
	position: absolute;
	left: 645px;
	z-index: 1;
	top: 192px;
}

#olives-to-go-main-front {
	position: absolute;
	left: 633px;
	z-index: 9;
	top: 294px;
}

div, p, a, li, td { -webkit-text-size-adjust:none; }

img {border: 0px; }

ul#fan-images {
	list-style: none;
	display: inline;
	position: absolute;
	top: 423px;
	z-index: 8;
	left: 553px;
}
.fan-images-hover li:nth-child(1) {
	-webkit-transform: rotate(-30deg);
	-moz-transform: rotate(-30deg);
	-ms-transform: rotate(-30deg);
	-o-transform: rotate(-30deg);
	transform: rotate(-30deg);
	margin-top: 131px;
	margin-left: 295px;
}
.fan-images-hover li:nth-child(2) {
	-webkit-transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
	-o-transform: rotate(-5deg);
	transform: rotate(-5deg);
	margin-top: 124px;
	margin-left: 15px;
}
.fan-images-hover li:last-child {
	-webkit-transform: rotate(14deg);
	-moz-transform: rotate(14deg);
	-ms-transform: rotate(14deg);
	-o-transform: rotate(14deg);
	margin-left: 40px;
	margin-top: -35px;
}
#bottom-olive-products {
	position: absolute;
	z-index: 9;
}

#products-crate {
	position: absolute;
	z-index: 9;
}
#recipe-box-standalone-recipes {
	position: absolute;
	z-index: 11;
	cursor: pointer;
	width:365px;
	height:463px;
	display: block;
	background: url('images/recipes/recipe-box-standalone-sprite.png')
}
#fan-images li {
	position: absolute;
	transition: all 0.2s linear;
}
#recipe-lightbox {
	position: absolute;
	width: 320px;
	height: 291px;
	right: 12%;
	top: 830px;
	z-index: 99;
	display: block;
	text-align: right;
}

#straw-box-pearls {
	position: absolute;
	z-index: 9;
}

#plate-halo {
	background: url('images/home/plate-halo.png');
}

body.about {
	overflow: hidden;
}

body.landing {
	overflow-y: hidden;
}

#preload {
	display: none;
}

#pearls-text, #musco-text, #early-california-text {
	top: 100000px;
}

#plane {
	background: url(images/about/sprite.png) 0 0 no-repeat;
	width: 520px;
	height: 350px;
	position: absolute;
	z-index: 7;
	top: 922px;
	left: 495px;
	animation: stop-plane 6.75s steps(54) infinite;
	-webkit-animation: stop-plane 6.75s steps(54) infinite;
	background-size: 28600px 352px; 
}


.plane-animation {
	animation: animate-plane 8.75s steps(54) !important;
	-webkit-animation: animate-plane 8.75s steps(54) !important;
}

.ios-plane {
        background-position: 0px !important;
        animation: none !important;
        -webkit-animation: none !important;
}


#no-script-notice {
	background-color: white;
	text-align: center;
	width: 100%;
	font-size: 22px;
	position: absolute;
	z-index: 9999999999999999;
}

span {
    /* Hide the text. */
    text-indent: 150%;
    white-space: nowrap;
    overflow: hidden;
}

.transparent-fade {
	position: absolute;
	background-image: url('images/products/background.png');
	width: 4px;
	height: 175px;
	top: 1355px;
	z-index: 99999999;
	margin-left: -13px;
}
#helping-our-planet {
	position: absolute;
	z-index: 9;
}
#learn-more-recipes-link {
	position: absolute;
	top: 1135px;
	left: 30%;
	z-index: 14;
	height: 237px;
	width: 248px;
	display: block;
}

#california-black-ripe-various-sizes {
	display: block;
	width: 216px;
	height: 185px;
	background-image: url("images/products/black-ripe-olives-sprite.png");
	background-position: 35px 48px;
	background-repeat: no-repeat;
}

#california-black-ripe-reduced-salt {
	display: block;
	width: 176px;
	height: 134px;
	background-image: url("images/products/black-ripe-olives-sprite.png");
	background-position: 43px -133px;
	background-repeat: no-repeat;
	margin-top: 46px;
}
div.simply-scroll-back.simply-scroll-btn.simply-scroll-btn-left {
	top: 128px;
	left: 18px;
}
div.simply-scroll-forward.simply-scroll-btn.simply-scroll-btn-right {
	top: 128px;
}
#california-black-ripe-sliced {
	display: block;
	width: 200px;
	height: 142px;
	background-image: url("images/products/black-ripe-olives-sprite.png");
	background-position: 41px -266px;
	background-repeat: no-repeat;
	margin-top: 45px;
}

#california-black-ripe-chopped {
	display: block;
	width: 103px;
	height: 84px;
	background-image: url("images/products/black-ripe-olives-sprite.png");
	background-position: 33px -459px;
	background-repeat: no-repeat;
	margin-top: 104px;
}

div#olives-to-go-products {
	top: 30px;
	height: 219px;
	margin-bottom: 20px;
}
div#olives-to-go-products ul {
}

body.landing {
	overflow-y:hidden;
	
}

@media (min-width: 1020px) {
	body.landing {
		position: fixed;
	}
}

#facebook-logo {
	float: right;
	margin-right: 25px;
	margin-top: 5px;
	display: block;
	width: 59px;
	height: 40px;
	background-image: url("images/social-icons.png");
	background-position: -61px 0px;
	background-repeat:no-repeat;
}

#featured-recipe-pasta-link {
display: block;
position: absolute;
z-index: 9999;
width: 452px;
height: 378px;
}

#fabulous-pasta-recipe-link-front {
display: block;
width: 467px;
height: 416px;
position: absolute;
z-index:9999;
}

#black-olive-pizza-recipe-link-front {
z-index: 9999;
position: absolute;
display: block;
width: 500px;
height: 500px;
top: 761px;
}

#learn-more-recipes {
	position: absolute;
	top: 1312px !important;
	z-index: 7;
}

#header-olive-branch {
	z-index: 99999;
	position: absolute;
}

#where-to-buy {
	float: right;
	margin-top: 9px;
	margin-right: 16px;
}
#twitter-logo {
	float: right;
	margin-top: 26px;
	margin-right: 23px;
	display: block;
	width: 20px;
	height: 18px;
	background-image: url("images/social-icons.png");
	background-position: -21px 0px;
}

.header-navigation-ie9 {
	position: absolute;
	top: 43px;
}

#footer-map-img {
	margin-top: 28px;
	margin-left: 40px;
}

.copyright {
	font-family: 'Raleway-Medium';
	filter: progid:DXImageTransform.Microsoft.Matrix(
  M11 = 0.997564,
  M12 = -0.069756,
  M21 = 0.069756,
  M22 = 0.997564,
  sizingMethod = 'auto expand'
);
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(
  M11 = 0.997564,
  M12 = -0.069756,
  M21 = 0.069756,
  M22 = 0.069756,
  SizingMethod = 'auto expand'
)";

	color: #000000;
	font-size: 11px;
	font-weight: normal;
	margin-left: 40px;
	-webkit-transform: perspective(999px) rotate(4deg);
	-moz-transform: perspective(999px) rotate(4deg);
	-ms-transform: perspective(999px) rotate(4deg);
	-o-transform: perspective(999px) rotate(4deg);
	position: absolute;
	margin-top: 74px;
}
#pinterest-logo {
	float: right;
	margin-top: 26px;
	margin-right: 26px;
	display: block;
	width: 16px;
	height: 18px;
	background-image: url("images/social-icons.png");
	background-position: -44px 0px;
}

#about-top-1 {
		z-index: 11;
		width: 267px;
}
#about-top-2 {
		z-index: 10;
		width: 148px;
}
#about-top-3 {
		z-index: 9;
		width: 203px;
}

#about-mid-1 {
	z-index: 9;
}
#about-mid-2 {
	z-index: 12;
}
#about-mid-3 {
	z-index: 11;
}
#about-mid-4 {
	z-index: 10;
}

#about-bot-1 {
	z-index: 12;
}
#about-bot-2 {
	z-index: 11;
}
#about-bot-3 {
	z-index: 10;
}

.pulsing-image-about {
	transition: all .2s linear;
	position: absolute;
}
#about-bottom-parchment {
	position: absolute;
	z-index: 10;
}

#learn-more-recipes-link, #learn-more-recipes {
	margin-top: -76px;
}

#learn-more-recipes-link-bottom, #learn-more-recipes-bottom {
	margin-top: -67px;
}

.header-navigation a {
	font-family: 'From Where You Are';
	margin-right: 18px;
	font-size: 14px;
	text-shadow: 1px 1px #b2915b;
	font-weight: normal;
}

.navigation-active, .header-navigation a:hover {
	color: #731315 !important;
}

.footer-navigation a {
	color: #000000;
	text-decoration: none;
	font-family: 'Raleway-Medium';
	padding-left: 13px;
	padding-right: 13px;
	font-size: 13px;
	font-weight: normal;
	
}

#landing-page {
	background: url('images/landing/olives-landing-bg.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	z-index: -9999;
}
#black-olive-pizza-text {
	position: absolute;
	z-index: 9;
}
#olives-liven-up-every-dish-text {
	position: absolute;
	z-index: 9;
}
#plate-halo {
	height: 232%;
	position: absolute;
	right: 0;
	background: url('images/home/plate-halo.png');
	top: 261px;
	background-repeat: no-repeat;
	bottom: 0;
	min-width: 1453px;
	left: 0;
	z-index: 1;
}

#learn-more-recipes-bottom {
	position: absolute;
	top: 1790px;
	right: 202px;
}

#learn-more-recipes-link-bottom {
	position: absolute;
	top: 1591px;
	right: 202px;
	width: 314px;
	height: 296px;
	z-index: 999;
	display: block;
}

#landing-background {
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width: 100%;
	height: 106%;
	background: url('images/landing/olives-landing-bg.jpg') no-repeat center;
	background-size: cover;
	z-index: -999;
	min-width: 1020px;
}

@media (min-width: 1440px) {
	#olives-bg {
		position: absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
		z-index:-22;
		width: 100%;
		height: 100%;
		background: url('images/landing/olives-overlay-landing-1920.png') no-repeat center;
	}
}

@media (max-width: 1440px) and  (min-width: 1024px) {
	#olives-bg {
		position: absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
		z-index:-22;
		width: 100%;
		height: 100%;
		background: url('images/landing/olives-overlay-landing-1440.png') no-repeat center;
	}
}




#olives-overlay {
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:99;
	width: 100%;
	height: 100%;
}

#landing-heading {
	display: block;
	margin-top: 45px;
	position: absolute;
	left: 50%;
	margin-left: -265.5px;
}

.landing {
	display: table;
	width: 100%;
	height: 100%;
	bottom: 0px;
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	z-index: 99999;
	min-width:1020px;
}

.landing-container {
	display:table-cell;
	vertical-align: middle;
}

#landing-early-california-logo, #landing-pearls-logo  {
	display: block;
	margin-left: auto;
	margin-right: auto;
	z-index:9999;
}
	
#pearls-text, #early-california-text {
	position:absolute;
}

#musco-text {
	position: absolute;
	left: 54%;
}

#landing-musco-logo {
	position: absolute;
	bottom: 9%;
	z-index: 99999;
	left: 50%;
	margin-left: -70.5px;
}

#products-row-3 {
margin-top: 66px;
margin-bottom: -50px;
}
body.home-page {
	background-image: url('images/home/home-background.png');
	padding: 0px;
	margin: 0px;
	min-width: 1019px;
	-webkit-touch-callout: none;
	/*-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;*/
	overflow-x: hidden 
}

#where_to_buy_products {
	position: absolute;
	z-index: 999;
	width: 114px;
	transition: all .2s linear;
	cursor:pointer;
}

body.product-page {
	background-image: url('images/products/background.png');
	padding: 0px;
	margin: 0px;
	min-width: 1019px;
	-webkit-touch-callout: none;
	/*-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;*/
	overflow-x: hidden 
}

#standalone-fruit-olive {
	position: absolute;
	z-index: 99;
	left: 35px;
	top: 441px;
}

#parents-badge {
	position: absolute;
	z-index: 10;
	width: 130px;
	-webkit-transition: all .5s;
	transition: all .5s;
	-moz-transition: all .5s;
}


.straw-box-pearls-hover {
	-webkit-animation: wiggle-more-recipe-box 0.5s ease infinite;
    -moz-animation: wiggle-more-recipe-box 0.5s ease infinite;
    -o-animation: wiggle-more-recipe-box 0.5s ease infinite;
    animation: wiggle-more-recipe-box 0.5s ease infinite;
}

.straw-box-pearls-hover-taper {
	-webkit-animation: wiggle-more-recipe-box-taper 1.5s ease infinite;
    -moz-animation: wiggle-more-recipe-box-taper 1.5s ease infinite;
    -o-animation: wiggle-more-recipe-box-taper 1.5s ease infinite;
    animation: wiggle-more-recipe-box-taper 1.5s ease infinite;
}

/* #standalone-fruit-olive:hover, #bottom-home-animated-olive:hover  */
.wiggleOlive {
	-webkit-animation: wiggle-olive 0.2s ease infinite;
    -moz-animation: wiggle-olive 0.2s ease infinite;
    -o-animation: wiggle-olive 0.2s ease infinite;
    animation: wiggle-olive 0.2s ease infinite;
}

/*.recipe-lightbox-hover { */
.recipe-lightbox-image-hover {
	-webkit-animation: animate-recipe-box .75s steps(13);
    -moz-animation: animate-recipe-box .75s steps(13);
    -o-animation: animate-recipe-box .75s steps(13);
    animation: animate-recipe-box .75s steps(13);
}

.recipe-lightbox-image-hover-recipes {
	-webkit-animation: animate-recipe-box-recipe .5s steps(13);
    -moz-animation: animate-recipe-box-recipe .5s steps(13);
    -o-animation: animate-recipe-box-recipe .5s steps(13);
    animation: animate-recipe-box-recipe .5s steps(13);
}

#recipe-lightbox-image {
	display:block;
	width: 240px;
	height: 311px;
	background: url('images/home/recipe-box-sprite.png');
	margin-left: 80px;
}
.products-row a {
	transition: all .2s linear;
	opacity: 1;
	-moz-backface-visibility: hidden;
}

.products-row a:hover {
	opacity: .85;
	-moz-backface-visibility: hidden;
}
/*.products-row img:hover {
	-ms-transform: scale(1.02);
	-webkit-transform: scale(1.02);
	transform: scale(1.02);
}*/

#blinking-highlight {
	position: absolute;
	z-index: 8;
	left: 323px;
	top: 675px;
	display:block;
	width:500px;
	height:210px;
	background:url('images/home/blinkers-sprite.png');
	animation: animate-blinker .5s steps(4) infinite !important;
	-webkit-animation: animate-blinker .5s steps(4) infinite !important;
}

#bottom-home-animated-olive {
	position: absolute;
	z-index: 99;
	left: 669px;
	top: 1122px;
}

#olives-are-fruit-small {
	position: absolute;
	left: 28px;
	top: 480px;
	z-index: 9;
}

#pearls-text {
	cursor:pointer;
	z-index: 99;
}

#get-to-know-our-olives {
	background: url("images/products/get-to-know-our-olives.png");
	display: block;
	width: 966px;
	height: 523px;
	margin: 0 auto;
	background-repeat: no-repeat;
	position: relative;
	z-index:9;
	
}
/*#olives-to-go-products ul li:first-child {
	width: 181px;
}*/


#specialties-garlic-stuffed {
	display:block;
	background: url('images/products/specialty-olives-sprite.png');
	width: 173px;
	height: 205px;
	background-repeat: no-repeat;
	background-position: 38px 0px;
}
#specialties-jalepeno-stuffed { 
	display:block;
	background: url('images/products/specialty-olives-sprite.png');
	width: 185px;
	height: 204px;
	background-position: 25px -217px;
	background-repeat: no-repeat;
}

#specialties-garlic-lemon-thyme {
	display:block;
	background: url('images/products/specialty-olives-sprite.png');
	width: 175px;
	height: 215px;
	background-position: 36px -432px;
	background-repeat: no-repeat;
}

#specialties-herbs-and-sweet-peppers {
	display:block;
	background: url('images/products/specialty-olives-sprite.png');
	width: 176px;
	height: 218px;
	background-position: 38px -648px;
	background-repeat: no-repeat;
}

#specialties-spicy-escabeche {
	display:block;
	background: url('images/products/specialty-olives-sprite.png');
	width: 196px;
	height: 206px;
	background-position: 28px -864px;
	background-repeat: no-repeat;
}
#specialties-pitted-kalamata {
	display:block;
	background: url('images/products/specialty-olives-sprite.png');
	width: 162px;
	height: 203px;
	background-position: 30px -1080px;
	background-repeat: no-repeat;
}

#specialties-sliced-kalamata {
	display:block;
	background: url('images/products/specialty-olives-sprite.png');
	width: 181px;
	height: 203px;
	background-position: 28px -1296px;
	background-repeat: no-repeat;

}
#specialties-pitted-medley {
	display:block;
	background: url('images/products/specialty-olives-sprite.png');
	width: 184px;
	height: 206px;
	background-position: 37px -1512px;
	background-repeat: no-repeat;
}
#specialties-martini-and-vermouth {
	display:block;
	background: url('images/products/specialty-olives-sprite.png');
	width: 188px;
	height: 213px;
	background-position: 46px -1729px;
	background-repeat: no-repeat;
}

#specialties-blue-cheese-stuffed {
	display:block;
	background: url('images/products/specialty-olives-sprite.png');
	width: 192px;
	height: 218px;
	background-position: 38px -1944px;
	background-repeat: no-repeat;
}

#fresh-cured-black-ripe {
	display:block;
	background: url('images/products/fresh-cured-olives-sprite.png');
	width: 175px;
	height: 189px;
	background-repeat: no-repeat;
	background-position: 47px 0px;
}
#fresh-cured-green-ripe {
	display:block;
	background: url('images/products/fresh-cured-olives-sprite.png');
	width: 138px;
	height: 189px;
	background-position: 47px -172px;
	background-repeat: no-repeat;
}

#fresh-cured-green-ripe-sliced {
	display:block;
	background: url('images/products/fresh-cured-olives-sprite.png');
	width: 160px;
	height: 189px;
	background-position: 29px -344px;
	background-repeat: no-repeat;
}

#spanish-green-queen {
	display: block;
	background: url('images/products/spanish-green-olives-sprite.png');
	width: 210px;
	height: 182px;
	background-repeat: no-repeat;
	background-position: 10px 0px;
}
#spanish-green-manzanilla {
	display: block;
	background: url('images/products/spanish-green-olives-sprite.png');
	width: 222px;
	height: 189px;
	background-position: 29px -181px;
	background-repeat: no-repeat;
}
#spanish-green-pimiento-sliced {
	display: block;
	background: url('images/products/spanish-green-olives-sprite.png');
	width: 146px;
	height: 189px;
	background-position: 45px -361px;
	background-repeat: no-repeat;
}
#spanish-green-reduced-salt {
	display: block;
	background: url('images/products/spanish-green-olives-sprite.png');
	width: 149px;
	height: 177px;
	background-position: 12px -543px;
	background-repeat: no-repeat;
}
#specialties-products ul {
	margin-top: 13px;
	height: 216px;
	padding-left: 73px;
}
#olives-to-go-black-pitted {
	background: url("images/products/olives-to-go-sprite.png");
	display: block;
	width: 232px;
	height: 154px;
	background-repeat: no-repeat;
	background-position: 57px 0px;
}

#olives-to-go-pimiento-stuffed {
	background: url("images/products/olives-to-go-sprite.png");
	display: block;
	width: 174px;
	height: 154px;
	background-position: 10px -310px;
	background-repeat: no-repeat;
}

#olives-to-go-pitted-kalamata {
	background: url("images/products/olives-to-go-sprite.png");
	display: block;
	width: 174px;
	height: 154px;
	background-position: 11px -155px;
	background-repeat: no-repeat;
}

#olives-to-go-sliced {
	background: url("images/products/olives-to-go-sprite.png");
	display: block;
	width: 163px;
	height: 154px;
	background-position: 9px -465px;
	background-repeat: no-repeat;
}


.products-row ul li {
	display: inline-block;
	border-right: 2px dashed black;
	vertical-align: bottom;
/*	line-height: 260px;
	margin-top: 16px;*/
}

#black-ripe-products ul li:last-child {
	border: none;
}

.products-row ul {
	list-style-type: none;
	white-space:nowrap;
	transition: margin 1s;
	-webkit-transition: margin 1s;
}
#sg-arrow-right {
	z-index: 99;
	position: absolute;
	cursor: pointer;
}
#sg-arrow-left {
	position: absolute;
	z-index: 99;
	cursor: pointer;
}
/*#black-ripe-products ul li {
	margin-top: 48px;
}*/
#olives-to-go-products ul li {
	margin-top: 15px;
}
#spanish-green-products ul li {
	margin-top: 3px;
}
#fresh-cured-products ul li {
	margin-top: 35px;
}
#spanish-green-products {
	height: 249px;
}
#where-to-buy-products-page {
	display: block;
	position: absolute;
	width: 130px;
	height: 131px;
	z-index: 999;
}
#recipe-row-1, #recipe-row-2, #recipe-row-3, #environment-row-1, #environment-row-2, #environment-row-3, #environment-row-4, #about-row-1, #about-row-2, #about-row-3, #home-footer, #home-header, #home-row-1, #home-row-2, #home-row-3 {
	max-width: 1311px;
	min-width: 1020px;
	display:block;
	margin-left: auto;
	margin-right: auto;
	white-space: nowrap;
}

#products-row-1, #products-row-2, #products-row-3 {
	width: 1020px;
	margin-left: auto;
	margin-right: auto;
}
#products-row-1 { 
padding-left: 10px;
}
#products-headings {
	position: absolute;
	z-index: 9;
	left: 50%;
	margin-left:-498px;
}

#specialties-products > ul li {
	margin-top: -11px;
  vertical-align: bottom;
}
/*#black-ripe-products ul li a {
position: relative;
top: -46px;
}*/
/*#black-ripe-products ul li {
	margin-top: -2px;
	height: 136px;
	line-height: 344px;
}*/
/*#olives-to-go-products ul li {
	margin-top: 14px;
	height: 155px;
	line-height: 310px;
}*/
/*#black-ripe-products ul li:nth-child(1) {
width: 230px;
}*/
.contact input[type="submit"] {
	position: absolute;
	right: 28px;
	top: 483px;
	width: 327;
}
.contact strong { font-size: 13; }
#to-go-img {
	margin-top: -38px;
	position: relative;
	top: -7px;
	left: 28px;
	margin-left: 35px;
margin-right: 35px;
}
.products-row ul li:last-child {
	border-right: none;
}
#black-ripe-products {
	left: 21px;
	top: 36px;
	height:183px;
	margin-bottom:3px;
}
#fresh-cured-products a {
margin-top: -27px;
}
#specialties-products {
	top: 23px;
	left: -47px;
	height: 241px;
}
#specialties-products a {
	margin-top: -21px;
}
#spanish-green-products {
	top: 4px;
	margin-top: -15px;
}
#fresh-cured-products {
top: 18px;
left: 67px;
height: 215px;
}
#products_row_3 {
margin-top: 66px;
}
#spanish-green-products > ul li {
/*	height: 174px;
	line-height: 345px;*/
	margin-top: 18px;
}

#fresh-cured-products ul li {
	margin-top: 9px;
	border-right: 2px dashed black;
}

#fresh-cured-products ul {
  padding-left: 0px;
  margin-left: 0px;
}

#fresh-cured-products img {
  margin: 0px;
}

#fresh-cured-products > ul > li > a > img {
margin-top: -18px !important;
}
/*#olives-to-go-products > ul > li > a > img {
top: -18px;
}*/
/*#black-ripe-products > ul > li > a > img {
position: relative;
top: -15px;
}*/
#find-pearls-near-you {
	background: url("images/products/find-pearls-near-you.png");
	display: inline-block;
	height: 290px;
	background-repeat: no-repeat;
	max-width: 657px;
	margin-left: -133px;
	width: 67%;
	margin-top: 80px;
}
#products_row_1 {
	margin-top: -43px;
}

.products-row {
	display: inline-block;
	margin-left: 235px;
	overflow: hidden;
	height: 202px;
	position: relative;
	z-index: 10;
}

.new-product {
	position: absolute;
	top: -7px;
	z-index: 9;
	left: 134.5px;
}

.products-row img {
	margin: 0px 23px;
}


#olive-product-facts {
	position: absolute;
	z-index: 9;
	margin-left: 40px;
	margin-top: -11px;
	cursor:pointer;
}
#learn-more-olive-facts-link {
	display: block;
	width: 399px;
	height: 300px;
	position: absolute;
	z-index: 10;
}

#learn-more-olive-facts {
	position: absolute;
	z-index: -9;
}
.dotted-rule {
	position: relative;
	z-index: 9;
	left: 209px;
}
#recipe-row-2 {
	max-width: 1550px;
	margin-top: -125px;
}

#header-parchment-menu {
	width: 966px;
	background-image: url('images/home/header-parchment.png');
	height: 148px;
	background-position: right;
	background-repeat: no-repeat;
	position:fixed;
	z-index: 999;
}

#footer-parchment-menu {
	background-image: url('images/home/footer-parchment.png');
	height: 103px;
	background-position: left;
	background-repeat: no-repeat;
	position: absolute;
	width: 900px;/* !important;*/
}

#recipe-row-3 {
	margin-top: -152px;
	height: 698px;
}

#home-row-2 {
	margin-top: -33px;
}

#home-row-1 {
	margin-top: -35px;
}

.header-navigation a {
	color: white;
	text-decoration: none;
}

.header-navigation {
	filter:progid:DXImageTransform.Microsoft.Matrix(
		M11 = 0.996194698091745,
		M12 = -0.08715574274765,
		M21 = 0.08715574274765,
		M22 = 0.996194698091745,
		sizingMethod = 'auto expand'
	);
	-webkit-transform: perspective(999px)  rotate(5deg);
	-moz-transform: perspective(999px) rotate(5deg);
	-ms-transform: perspective(999px) rotate(5deg);
	-o-transform: perspective(999px) rotate(5deg);
	/*left: 43%;*/
	
	position: absolute;
	top: 38%;
	text-align: center;
	width: 100%;
	padding-left: 126px;
	font-smooth: always;
}

html, body {
	margin:0;
	padding:0;
}

@media (max-width: 1020px) {
/*	#home-footer, #home-header, #home-row-1, #home-row-2, #home-row-3 {
		margin-left: -15px;
		margin-right: -15px;
		width: 102%;
	}*/
	#shake-text {
		left: 907px !important;
	}
}

.footer-navigation {
	color: #000000;
	    -webkit-transform: perspective(999px) rotate(4deg);
	filter: progid:DXImageTransform.Microsoft.Matrix(
  M11 = 0.997564,
  M12 = -0.069756,
  M21 = 0.069756,
  M22 = 0.997564,
  sizingMethod = 'auto expand'
);
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(
  M11 = 0.997564,
  M12 = -0.069756,
  M21 = 0.069756,
  M22 = 0.069756,
  SizingMethod = 'auto expand'
)";
	-webkit-transform: perspective(999px)  rotate(4deg);
	-moz-transform:  perspective(999px) rotate(4deg);
	-ms-transform:  perspective(999px) rotate(4deg);
	-o-transform: perspective(999px) rotate(4deg);
	margin-top: 39px;
	position: absolute;
	z-index: 9999;
	font-size:15px;
	left: 30px;
}

#olives-are-fruit {
	height: 514px;
	max-width: 606px;
	background-image: url('images/home/we-love-olives-fun-at-your-fingertips.png');
	background-position: right;
	background-repeat:no-repeat;
	display:inline-block;
	width:45%;
	position:relative;
	z-index:2;
}

#featured-recipe {
	height: 724px;
	max-width:605px;
	background-image: url('images/home/featured-recipes.png');
	background-position: right;
	background-repeat: no-repeat;
	display:inline-block;
	width: 46%;
	z-index: 9;
	position: relative;
}
#shake-text {
	position: absolute;
	top: 124px;

}
#olives-shake > img {
	margin-top: -65px;
}
#whats-cooking {
	height: 724px;
	max-width:706px;
	background-image: url('images/home/whats-cooking-recipes.png');
	background-position: left;
	background-repeat: no-repeat;
	display:inline-block;
	width: 54%;
	z-index: 9;
	position: relative;
}
	
#olives-olives-olives {
	height: 498px;
	max-width: 672px;
	background-image: url('images/home/olives-wonderful-world-of-pearls.png');
	background-position: right;
	background-repeat: no-repeat;
	display:inline-block;
	width: 51%;
	position: relative;
	z-index: 2;
}

#olives-to-go {
	max-width: 704px;
	height: 514px;
	background-image: url('images/home/goodness-in-a-cup.png');
	background-position: left;
	background-repeat: no-repeat;
	display:inline-block;
	width:55%;
	position: relative;
	z-index: 9;
}

#discover-olives {
	max-width: 639px;
	height: 498px;
	background-image: url('images/home/discover-why-olives-amazing-food.png');
	background-position: left;
	background-repeat: no-repeat;
	display:inline-block;
	width: 49%;
	position: relative;
	z-index: 2;
}
#specialties-hotlink {
	position:absolute;
	z-index:9;
	width: 283px;
	height: 316px;
}

#home-logo {
	margin-top: 8px;
	z-index: 999;
	position: relative;
}
#home-logo-text {
	margin-top: 89px;
}

@media (min-width: 1020px) {
	#home-logo-text, #home-logo {
		margin-left: 145px;
	}
}

@media (max-width: 1300px) {
	#home-logo {
		margin-left: 127px;
	}
	
	
	#home-logo-text{
		margin-left: 30px;
	}
}

@media (max-width: 1019px) {
	
	html, body {
		width: 1020px !important;
		overflow-x: visible;
	}
	
	#learn-more-recipes, #learn-more-recipes-link {
		left: 259px;
	}
	
	#learn-more-recipes-link-bottom {
		top: 1610px;
		right: 0px;
		left: 905px;
	}
	#learn-more-recipes-bottom {
		top: 1802px;
		right: initial;
		left: 900px;
	}
	#landing-heading {
		margin-left: 0px;
		left: 249px;
	}
	
	#footer-parchment-menu {
		width: 100%;
		left:177px!important;
	}
	
	.footer-navigation {
		margin-left: 22px !important;
		right: initial !important;
	}
	
	.copyright {
		margin-left: 65px !important;
		left: initial !important;
	}
	
	#shake-text {
		left: 888px;
	}
	#landing-musco-logo {
		margin-left: 0px;
		left: 438px;
	}
	#musco-text {
		left: 550px;
	}
	
	.product-page, .home-page {
		overflow-x: visible !important;
	}
	#environment-quote-felix {
		left: 77.21875px;
	}
}


@media (max-width: 1024px) {
	#olives-bg {
		position: absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
		z-index:-22;
		width: 100%;
		background: url('images/landing/olives-overlay-landing-1024.png') no-repeat center !important;
		min-width: 1020px;
	}
}

/* start about page here */
#about-row-1 {
	margin-top: -15px;
}

#about-row-3 {
	margin-top: -21px;
	margin-bottom: 20px;
}

#nice-to-meet-you {
	display: inline-block;
	background-image: url('images/about/nice-to-meet-you.png');
	max-width: 607px;
	height: 580px;
	z-index: 9;
	position: relative;
	background-position: right 0px;
	background-repeat: no-repeat;
	width: 49%;
	margin-left: 15px;
}

#from-the-ground-up {
	display: inline-block;
	background-image: url('images/about/from-the-ground-up.png');
	height: 696px;
	max-width: 785px;
	background-repeat: no-repeat;
	z-index: 9;
	position: relative;
	background-position: right;
	width: 48%;
	top: -11px;
}

#about-row-2 {
	margin-top: -119px;
	max-width: 1610px;
}

#imported-olives-standalone {
	position: absolute;
	z-index: 9;
	cursor:pointer;
}

#imported-olives-from-around-the-world {
	display: inline-block;
	background-image: url('images/about/imported-olives-from-around-the-world.png');
	height: 696px;
	width: 50%;
	max-width: 497px;
	position: relative;
	z-index: 9;
	background-repeat: no-repeat;
	top: 131px;
}

#most-advanced-plant {
	display: inline-block;
	background-image: url('images/about/most-advanced-olive-processing-plant.png');
	height: 528px;
	width: 52%;
	max-width: 631px;
	position: relative;
	z-index: 9;
	background-repeat: no-repeat;
	background-position:right top;
}

#learn-more-ground-up, #learn-more-good-things-better, #learn-more-go-way-back {
	position: absolute;
	z-index: 2;
}

#learn-more-good-things-better { z-index: 1; }
 
#learn-more-ground-up-link, #learn-more-good-things-better-link, #learn-more-go-way-back-link{
	display: block;
	width:290px;
	height: 371px;
	position:absolute;
	z-index: 888;
}

#we-go-way-back {
	display: inline-block;
	z-index: 12;
	position: relative;
	background-position: left;
	background-image: url('images/about/we-go-way-back.png');
	background-repeat: no-repeat;
	max-width: 516px;
	height: 583px;
	width:100%;
	cursor:pointer;
}

#most-advanced-plant, #making-a-good-thing-better {
	cursor:pointer;
}

#countries-click-area {
display: block;
position: absolute;
width: 305px;
height: 497px;
top: 712px;
left: 583px;
z-index:9999;
}

.growOnHover {
	-webkit-transform: scale(1.05,1.05);
	-moz-transform: scale(1.05,1.05);
	-o-transform: scale(1.05,1.05);
	-ms-transform: scale(1.05,1.05);
	transform: scale(1.05,1.05);
}

#making-a-good-thing-better {
	display: inline-block;
	background-image: url('images/about/making-a-good-thing-better.png');
	height: 527px;
	width: 48%;
	max-width: 528px;
	position: relative;
	z-index: 9;
	background-position: left;
	background-repeat: no-repeat;
	top: -33px;
}
#about-quote-felix {
	position: absolute;
	z-index: 11;
	top: 517px;
	font-family: 'BabyBoston';
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	left: 150px;
	line-height: 1.8;
	letter-spacing: -0.5px;
}
#standalone-olive-eat-healthy {
	position: absolute;
	z-index: 9;
}

#standalone-about-olive {
	position: absolute;
	z-index: 9;
}


/* environment page */

#products-quote-felix {
	position: relative;
	z-index: 99;
	font-family: 'BabyBoston';
	font-weight: bold;
	font-size: 14px;
	line-height: 1.8;
	margin-top: -52px;
	left: 221px;
	max-width:569px;
	letter-spacing: -0.5px;
}

#isolated-environment-olive {
	position: absolute;
	z-index: 10;
}

#environment-quote-felix {
	position: absolute;
	z-index: 99;
	font-family: 'BabyBoston';
	font-weight: bold;
	font-size: 14px;
	left: 150px;
	line-height:1.8;
	top: 481px;
	letter-spacing: -0.5px;
}
#ben-hall-quote {
	z-index: 90;
	position: absolute;
	font-family: 'BabyBoston';
	font-weight: bold;
	font-size: 14px;
	line-height: 1.8;
	text-align: center;
	letter-spacing: -0.5px;
}
#learn-more-recipes-link-recipes-page {
	display: block;
	width: 454px;
	height: 454px;
	position: absolute;
	z-index: 888;
}
#standalone-olive-unexpected-guests {
	position: absolute;
	z-index:9;
	display: none !important;
}

.attrib {
	margin-left: 167px;
	font-size: 13px;
	margin-top: 3px;
	line-height: 2.65;
}

/*#take-a-tour-link:hover {
	background-image: url('images/environment/enviro-play-button-hover.png');
}*/

#take-a-tour-link {
	display: table;
	z-index: 10;
	width: 560px;
	height: 257px;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
}
#learn-more-renews, #learn-more-nature, #learn-more-nypa {
	position: absolute;
	z-index: 2;
}
#learn-more-renews {
	z-index: 2;
}

#learn-more-nature-link, #learn-more-nypa-link, #learn-more-renews-link {
	position: absolute;
	z-index:888;
	width: 350px;
	height: 238px;
}
	

#we-love-being-green {
	display: inline-block;
	background-image: url('images/environment/we-love-being-green.png');
	max-width: 824px;
	height: 499px;
	z-index: 9;
	background-position: right 0px;
	background-repeat: no-repeat;
	width: 75%;
	position: relative;
}
#environment-row-1 {
	margin-top: -25px;
	padding-left: 30px;
	min-width: 990px;
}
#bag-of-olives {
	border: 0px;
	padding: 0px;
	margin: 0px;
}
#environment-row-4 {
	height: 600px;
	margin-top: -256px;
}

#ben-hall-quote {
	position: absolute;
	z-index: 90;
	top: 1501px;
}

.environment #home-footer {
	margin-top: -26px;
}

.parchment-paragraph {
	position: absolute;
	display: block;
	width: 243px;
	height: 306px;
	background-image: url('images/environment/parchment.png');
	z-index: 9;
	word-wrap: break-word;
	white-space: normal;
}

#parchment-paragraph-1 {
	background-image: url('images/environment/environmental-achievement-parchment.png') !important;
}

#parchment-paragraph-2 {
	background-image: url('images/environment/social-responsibility-parchment.png') !important;
}
#parchment-paragraph-1 > h2 {
	font-family: 'From Where You Are';
	font-size: 21px;
	text-align: center;
	margin: 34px 10px 4px 0px;
	color: #1d8134;
	font-weight: normal;
	line-height: 1.5;
}

.environmental-achievements p {
	width: 196px;
	margin: auto;
	font-family: 'Raleway-Medium';
	font-size: 13px;
	color: #1d8134;
	line-height: 1.65;
}

.social-responsibility p {
	width: 196px;
	margin: auto;
	font-family: 'Raleway-Medium';
	font-size: 13px;
	color: #7a1315;
	line-height: 1.65;
}

.social-responsibility >h2 {
	font-family: 'From Where You Are';
	font-size: 24px;
	text-align: center;
	margin: 28px 8px 12px 0px;
	color: #7a1315;
	font-weight: normal;
	line-height: 1.3;
}

.parchment-paragraph li {
	font-family: 'Raleway';
	font-size: 13px;
	margin-bottom: 17px;
	margin-left: -10px;
	color: #7a1315;
	line-height: 1.65;
	width: 167px;
	word-wrap: break-word;
}

#parchment-paragraph-2 ul:first-child {
	margin-top: 46px;
}

#olive-top, #olive-bottom {
	position: absolute;
	z-index: 10;
}

#bag-of-olives {
	position: absolute;
}

#creating-greater-value {
	display: inline-block;
	background-image: url('images/environment/creating-greater-value.png');
	height: 341px;
	max-width: 719px;
	background-repeat: no-repeat;
	z-index: 9;
	position: relative;
	background-position: right;
	width: 61%;
	top: 266px;
}

#environmental-achievements-learn-more, #social-responsibility-learn-more {
	position: absolute;
	z-index:8;
}

#learn-more-environmental-achievements-link, #learn-more-social-responsibility-link {
	position: absolute;
	display: block;
	width: 240px;
	height: 350px;
	z-index: 9999;
}

#take-a-tour {
	position: absolute;
	z-index: 9;
}
#luv-it {
	position: absolute;
	z-index: 9;
	margin-left: 19px;
}

#environment-row-2 {
	height: 359px;
}

#powering-the-future {
	position: absolute;
	z-index: 9;
}

#environment-renews {
	position: absolute;
	z-index: 9;
}

#nypa-grass {
	position: absolute;
	z-index: 9;
}

#environment-row-3 {
	height: 473px;
}

#environment-row-2 {
	height: 376px;
}

/* recipe page */
#recipe-row-1 {
	margin-top: -21px;
}

#create-your-own-recipes {
	display: inline-block;
	background-image: url('images/recipes/create-your-own-recipes.png');
	max-width: 649px;
	height: 610px;
	z-index: 9;
	position: relative;
	background-position: right 0px;
	background-repeat: no-repeat;
	width: 51%;
}

#check-your-recipe-box {
	display: inline-block;
	z-index: 9;
	position: absolute;
	background-position: -14px;
	background-image: url('images/recipes/recipe-box.png');
	background-repeat: no-repeat;
	max-width: 499px;
	height: 574px;
	width:50%;
	top:188px;
}

#black-olive-pizza {
	height: 796px;
	max-width: 881px;
	background-image: url('images/recipes/black-olive-pizza.png');
	background-position: right;
	background-repeat: no-repeat;
	display: inline-block;
	width: 59%;
	z-index: 9;
	position: relative;
}

#learn-more-fabulous-pasta, #learn-more-black-olive {
	position: absolute;
	z-index: 2;
}
#appetizer-hot-link {
	webkit-transform: rotate(-30deg);
	-moz-transform: rotate(-30deg);
	-ms-transform: rotate(-30deg);
	-o-transform: rotate(-30deg);
	transform: rotate(-30deg);
	margin-top: 131px;
	margin-left: 295px;
	z-index: 0;
	position:absolute;
	width: 216px; 
	height: 156px;
}
#salads-hot-link {
	-webkit-transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
	-o-transform: rotate(-5deg);
	transform: rotate(-5deg);
	margin-top: 124px;
	margin-left: 15px;
	z-index: 0;
	position:absolute;
	width: 247px;
	height: 141px;
}
#entrees-hot-link {
	-webkit-transform: rotate(14deg);
	-moz-transform: rotate(14deg);
	-ms-transform: rotate(14deg);
	-o-transform: rotate(14deg);
	margin-left: 40px;
	margin-top: -35px;
	z-index: 9999;
	position:absolute;
	width: 256px;
	height: 181px;
}
#unexpected-guests {
	height: 615px;
	max-width: 546px;
	background-image: url('images/recipes/unexpected-guests.png');
	background-position: left;
	background-repeat: no-repeat;
	display: inline-block;
	width: 47.75%;
	z-index: 9999;
	top: 788px;
	position: absolute;
	margin-top: -24px;
	margin-left: -51px;
}

#fabulous-pasta-recipe-page {
	max-width: 677px;
	height: 691px;
	background-image: url('images/recipes/olives-liven-up-every-dish.png');
	background-position: 0px 0px;
	background-repeat: no-repeat;
	margin-top:-7px;
	display: inline-block;
	width: 50.80%;
	position: absolute;
	top: 1240px;
	z-index: 9;
}

#learn-more-fabulous-pasta-link, #learn-more-black-olive-link {
	display: block;
	position: absolute;
	z-index: 888;
	width: 340px;
	height: 472px;
}

#eat-healthfully {
	height: 500px;
	max-width: 688px;
	background-image: url('images/recipes/eat-healthfully-stay-fit-have-fun.png');
	background-position: right;
	background-repeat: no-repeat;
	display: inline-block;
	width: 54%;
	position: absolute;
	z-index: 9;
	top: 1470px;
}

div#products-row-1 {
	margin-top: -20px;
}

@media (max-width: 1019px) {
	#unexpected-guests {
		width: 541px !important; 
	}
	#fabulous-pasta-recipe-link-front {
		/*width: 320px !important;*/
		width: 315px !important;
	}

	#specialties-link-products {
		width: 290px !important;
	}

	#check_your_recipe_box {
		width: 453px;
	}

	#fabulous-pasta-recipe-page {
		width: 605px !important;
	}
}

@media (max-width: 1119px) {
	#eat-healthfully {
		width: 529px !important;
	}
}
.not-found {
width: 711px;
height: 189px;
position: absolute;
top: 50%;
margin-top: -113px;
left: 50%;
margin-left: -307px;
display: table;
vertical-align: top;
}
.not-found img {
display: table-cell;
padding: 0px;
}
.not-found-message {
width: 412px;
display: table-cell;
vertical-align: middle;
height: 178px;
padding: 0px;
margin: 0px;
}
.inner-not-found-message {
border-left: 2px solid black;
padding-left: 18px;
}
#floatingFacebookRecipes {
display: block;
width: 84px;
height: 60px;
position: absolute;
top: 456px;
z-index:9999;
}
#floatingFacebookProducts {
display: block;
width: 84px;
height: 60px;
position: absolute;
top:560px;
z-index:9999;
}
#floatingFacebookAbout {
display: block;
width: 84px;
height: 60px;
position: absolute;
top:742px;
z-index:9999;
}
#floatingFacebookHome {
display: block;
width: 84px;
height: 60px;
position: absolute;
z-index:9999;
top:675px;
}
#floatingFacebookEnvironment {
	display: block;
	width: 84px;
	height: 60px;
	position: absolute;
	z-index:9999;
	top:617px;
}
.product-page #products-row-2 {
top: -37px !important;
position: relative;
}
a.environment-link:hover{
	color: #2f9e41 !important;
}
.product-page #plate-halo {
	top: -328px;
}
.androidfix #header-parchment-menu {
	background-position: left center !important;
	left: -30px;
}
.androidfix .simply-scroll-btn-right {
	/*left: 709px !important;
	width: 800px !important;*/
}

.androidfix #environment-row-1 {
	margin-left: 0px !important;
	max-width: 920px !Important;
	min-width: 0px !important;
	padding-left: 0px;
}
.androidfix #footer-parchment-menu {
	left: 310px !important;
	width: 735px !important;
}
.androidfix #products-crate {
	left: 470px !important;
}
.androidfix #home-logo-text {
	margin-left: 55px !important;
}

.jspHorizontalBar {
	display: none;
}

.jspVerticalBar {
	background-color: transparent; 
}
#specialties-products img {
  margin: 0px !important;
}
.products-row img {
  margin-left: 0px !important;
  margin-right: 0px !important;
}
img#join-our-family {
    float: right;
    margin-right: 64px;
    margin-top: 20px;
}
.recipes-tab-container .tab-containers {
    background: url(/pearls/images/recipe-bg-repeat.jpg);
    padding-top: 10px;
    padding-bottom: 10px;
    background-size: contain;
    min-height: 538px;
}
.tab h2 {
    font-family: "From Where You Are";
    padding: 0px 30px;
    font-size: 32px;
        line-height: 40px;
}
ul.category {
    list-style-type: none;
    padding: 0px 27px;
}
ul.category li {
    position: relative;
    border: 17px solid white;
    margin-bottom: 35px;
    box-shadow: 3px 3px 6px #999
}
.tab .category img.main {
    width: 100%;
}
.tab .category .overlay {
    background: rgba(0,0,0,.5);
    position: absolute;
    bottom: 0px;
    width: 100%;
    color: white;
    height: 100px;
}
.category .time {
    margin-right: 30px;
    position: absolute;
    right: 0px;
    bottom: 15px;
}
.category .overlay h3 {
    margin: 42px;
    line-height: 0px;
    margin-left: 25px;
    margin-top: 55px;
}
.category .overlay h2 {
    line-height: 10px;
    margin-bottom: 35px;
    padding-left: 25px;
}
.category .overlay .time {
    right: 10px !important;
}
.image-holder {
  margin: 22px;
  border: 15px solid white !important;
  position: relative;
}
.image-holder > img {
    width: 100%;
}
.image-holder .overlay {
    position: absolute;
    bottom: 0px;
    width: 100%;
    background: rgba(0,0,0,.5);
    color: white;
}
.overlay .time {
    position: absolute;
    bottom: 10px;
    right: 45px;
}
#single-product .overlay h3 {
    margin: 43px 47px 54px 27px;
    margin-left: 27px;
}
div#single-product {
    position: relative;
    padding-bottom: 0px;
    margin-bottom: -10px;
}
a.prev {
    position: absolute;
    left: 191px;
    bottom: -7px;
    z-index: 99999;
}
a.next {
    position: absolute;
    right: 195px;
    bottom: 33px;
}
#single-product .description {
margin-top: -8px;
    display: block;
    text-align: left;
    font-family: 'BabyBoston';
    white-space: normal;
    padding: 0px 30px;
    font-size: 22px;
    letter-spacing: 2px;
    padding-top: 35px;
    font-weight: 900;
}
.image-holder {
  margin: 27px;
  border: 10px solid white;
  position: relative;
  box-shadow: 3px 3px 6px #999
}
.image-holder > img {
    width: 100%;
}
.image-holder .overlay {
    position: absolute;
    bottom: 0px;
    width: 100%;
    background: rgba(0,0,0,.5);
    color: white;
    height: 163px;
}
.overlay .time {
    position: absolute;
    bottom: 10px;
    right: 45px;
}
.rating, .additional-info, .ingredients, .instructions {
    display: inline-block;
}
.rating {
    width: 33%;
    vertical-align: top;
    padding: 20px;
    padding-top: 35px;
font-family: 'Gill Sans Std';
}
.additional-info {
    width: 80%;
    vertical-align: top;
    padding: 20px;
}
.value-container, .value-container, .button {
    display: inline-block;
}
.value-container {
    width: 28%;
    vertical-align: top;
    margin-top: 12px;
}
.row-1 {
    margin-bottom: 11px;
}
.instructions {
    width: 49%;
    vertical-align: top;
}
.ingredients, .instructions {
    padding: 20px;
}
.instructions p {
    margin-top: 13px;
    white-space: normal;
    font-family: "OldNewspaperTypes";
    font-size: 21px;
}
.ingredients {
    font-family: 'Baby Boston';
    font-size: 14px;
    line-height: 28px;
    width: 358px;
    padding-left: 34px;
    padding-right: 6px;
}
.ingredients p {
    white-space: normal;
    font-weight: 600;
}
.ingredients-instructions .header {
    font-family: "From Where You Are";
    font-size: 16px;
}
.additional-info span.label {
    font-family: 'Gill Sans Std';
    margin-right: 10px;
}
span.value {
    font-family: "From Where You Are";
    color: #be7655;
}
.image-container {
    position: relative;
    display: block;
    width: 814px;
    margin: auto;
    border: 15px solid white;
    box-shadow: 3px 3px 6px #999;
}
.image-container .overlay {
    position: absolute;
    bottom: 0px;
    background: rgba(0,0,0,.5);
    width: 100%;
    color: white;
}
.overlay h2 {
    background: transparent;
}
.image-container .overlay h2 {
    background: transparent;
}
.rating ul {
    list-style-type: none;
    padding: 0px;
}
.rating ul li {
    background: url(/pearls/images/inactive-olive.png);
    width: 39px;
    height: 38px;
    display: inline-block;
margin-right: 15px;
}
.rating li.active {
    background: url(/pearls/images/active-olive.png);
}

.product-image, .product-iframe {
    display: inline-block;
}
.product-image {
    width: 350px;
    text-align: center;
    font-family: 'BabyBoston';
    font-weight: 600;
	    margin-left: 50px;
}
.product-image img {
    margin: auto;
}
.product-iframe iframe {
    border: none;
    width: 469px;
}
.meta-info .has-border {
    background: url(/pearls/images/dashed-lines.png);
    background-position: 0px 12px;
    margin-right: 30px;
    margin-left: 30px;
}
span.thanks {
    font-family: 'Gill Sans Std';
    margin-top: -24px;
    position: relative;
    top: -10px;
    font-style: italic;
    letter-spacing: 1px;
    font-size: 16px;
    color: #be9c5e;
}
.share-button img, .row-2 .button img {
    display: inline-block !important;
}
.additional-info .button.share-button {
    top: 15px;
    left: 15px;
}
.additional-info .row-2 .button {
    left: 15px;
    position: relative;
}
a#specialties-link-products {
    display: none;
}
.previous-button img {
    position: absolute;
    left: 30px;
}
.video-url img {
    position: absolute;
    right: 31px;
}
.overlay.individual {
    height: 100px;
}
.individual h3 {
    margin-top: 33px !important;
    margin-bottom: 32px !important;
}
.also-like .overlay {
    height: 100px;
}


.additional-section h2 {
    font-size: 20px;
}
.additional-section.last h2 {
    font-size: 20px;
    margin-top: 35px;
}
.additional-section.last {
    margin-bottom: 25px;
}
.additional-section.last h3 {
    margin-top: 32px !important;
    margin-bottom: 39px !important;
}

.overlay h2 {
    position: relative;
    bottom: -14px;
}

.category .overlay h2 {
    position: relative;
    bottom: -9px;
}
#featured .overlay h2 {
    bottom: 0px !important;
}
.row-1 .value-container {
    margin-top: 21px;
}
.row-2 .value-container {
    margin-top: 5px;
}
