/* FONTS */
@import url(http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz);
@import url(http://fonts.googleapis.com/css?family=Tangerine);

@font-face {
  font-family: 'IconicStroke';
    src: url("../fonts/iconic_stroke.eot");
    src: local('IconicStroke'),
       url("../fonts/iconic_stroke.svg#iconic") format('svg'),
	   url("../fonts/iconic_stroke.otf") format('opentype');
}

@font-face {
	font-family: 'SymbolSignsBasisset';
	src: url('../fonts/symbol-signs-webfont-webfont.eot');
	src: local('☺'), url('../fonts/symbol-signs-webfont-webfont.woff') format('woff'), url('../fonts/symbol-signs-webfont-webfont.ttf') format('truetype'), url('../fonts/symbol-signs-webfont-webfont.svgz#webfontpgsvxwfS') format('svg'), url('../fonts/symbol-signs-webfont-webfont.svg#webfontpgsvxwfS') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* GLOBAL */

body{font-family: Georgia, "Times New Roman", Times, serif; background-color: #4d565f; font-size: 24px; margin-bottom: 20px; color: #333; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased;}
strong{color: #4d565f; font-weight: 700}
p{margin-bottom: 20px}
.divider{width: 575px; height: 1px; margin: 20px -20px 10px; border-bottom: solid 1px #999}


/* HEADINGS */
h1,h2,h3,h4,h5,h6{font-family: georgia, serif; color: #06F;}

/* LINKS */

*:link, *:visited, *:hover, *:active, *:focus {
   -webkit-transition:
     color .25s ease-in,
      background-color .25s linear,
     border-color .25s linear;
   transition:
     color .25s ease-in,
     background-color .25s linear,
     border-color .25s linear;
}

a{text-decoration: none}
a:hover{text-decoration: underline}

/* HEADER */
#logo{width: 804px; margin: 0 auto}
#nav{width: 100%; height: 63px; background: url(../imgs/backgrounds/nav-back.jpg)}
#nav ul{width: 960px; height: 63px; margin: 0 auto; padding-top: 13px; text-align: center}
#nav ul li{display: inline; font-family: 'Yanone Kaffeesatz', arial, serif; font-size: 32px;  text-align: center; height: 63px;text-shadow: rgba(255, 255, 255, .01) 0 -1px 1px }
#nav ul li a{color: #fff; padding: 10px 19px 10px 14px; background:url(../imgs/backgrounds/divider.jpg) no-repeat right center; height: 63px; }
#nav ul li a.last{background: none}
#nav ul li a:hover{color: red}
#nav ul li a.active{color: red; cursor: text}
#nav ul li a.active:hover{text-decoration: none}

#note{width: 100%; height: 40px; margin: 0 auto 20px; background: white; text-align: center; font-size: 18px; color: red; line-height: 40px}
#note span{font-family: 'SymbolSignsBasisset'; font-size: 40px; margin: 0 10px 0 0; line-height: 40px}

/* BODY */
#main{width: 804px; background: url(../imgs/backgrounds/main-back.jpg) repeat-y; min-height: 200px; margin: 0 auto; overflow: hidden}
#page-banner{margin: 0 auto 20px; width: 784px}
#main-btm{background: url(../imgs/backgrounds/main-btm.jpg) no-repeat bottom center; width: 804px; height: 50px; margin: 0 auto; clear: both}


/* FOOTER */
#footer{width: 804px; margin: 0 auto; text-align: center; color: #fff; display: block; clear: both}
#footer a{color: #fff;  font-size: 16px}
#footer a:hover{color: red}
#footer ul{text-align: center; margin: 0 auto}
#footer ul li{display: inline}
#footer p{margin: 0}

/* SIDEBAR */
#sidebar{width: 178px; padding: 10px 0 0 30px; float: left; font-size: 16px}
#sidebar h2 {font-size: 26px; border-bottom: solid 1px #999; margin: 0 -10px 0 -20px; padding:0 0 10px 20px; color: #333; font-family: Georgia, serif}
#sidebar ul li{padding: 20px 20px 20px 40px; border-bottom: solid 1px #999; margin: 0 -10px 0 -20px; background:url(../imgs/backgrounds/arrow.jpg) no-repeat 20px 23px}
#sidebar ul li a{color: #06F; font-size: 16px}
#sidebar ul li a:hover{color: red; text-decoration: underline}
#sidebar ul li a.active{color: red; cursor: text;  margin-left: -25px; padding-left: 25px}
#sidebar ul li a.active:hover{text-decoration: none}

/* CONTENT HOLDER */
#content-holder{width: 535px; float: right; margin: 0 10px 0 0; padding: 0 20px; border-left: solid #999 1px;}
#content-holder h1{font-size: 30px; margin: 12px 0 10px; line-height: 32px}

/* HOME PAGE */
.home-page{min-height: 350px}
.home-page p{font-size: 22px; margin-bottom: 20px}
p.signature{ font-family: 'Tangerine', arial, serif; color: red; font-size: 70px}

/* DELIVERY PAGE */
.delivery p{font-size: 24px; margin-bottom: 20px}
.delivery-prices{width: 100%; height: 190px; border: #999 solid 1px; font-size: 18px; background-color: #eefff8}
.delivery-prices td{padding: 10px; border: #999 solid 1px; font-size: 17px}
.delivery-prices td.price{height: 60px; width: 50px; font-size: 42px; font-family: 'LeagueGothicRegular', arial, serif; color: #4d565f; text-align: center; color: #06F}
.delivery h2{font-size: 34px; color: #06F}

/* PHONE ORDERS */
.phone h2{font-size: 34px; color: #06F}
.phone ul li{display: inline; width: 240px; float: left; margin: 0 20px 0 0}
.phone p.small{font-size: 14px; display: block; float: left}
.phone-numbers{background-color: #eefff8; width: 100%; overflow: auto; margin: 0 -20px 10px; padding: 10px 20px 0; border-bottom: solid #999 1px; border-top: solid #999 1px;}

/* CONTACT PAGES */
.contact{font-size: 28px; background:url(../imgs/contact/payment-methods.png) no-repeat right 20px }
.contact p{margin-top: 20px}
.google-map-holder{border:solid 5px #4d565f; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; padding:3px; background-color:#4d565f}
.contact a{font-size: 18px; color: #06F; background: url(../imgs/backgrounds/arrow.jpg) no-repeat left center; padding-left: 20px}
.contact a:hover{color: red}

/* SPECIALS PAGES */
.specials #main{background: none; overflow: visible; width: 100%; margin: 0 auto; background-color: #fff}
.specials #sidebar{display: none}
.specials #content-holder{display: none}
.specials #page-banner{width: 100%}
.specials #main-btm{display: none}
#specials-nav{background: url(../imgs/backgrounds/main-btm.jpg) no-repeat bottom center; width: 100%; height: 100px; margin: 0 auto; background-color:#4d565f }
#specials-nav ul{font-size: 26px; text-align: center; padding: 10px 0 0}
#specials-nav ul li{display: inline; margin: 0 2px 0 0}
#specials-nav ul li a{font-family: 'Yanone Kaffeesatz', arial, serif; color: red}
#specials-nav ul li a.active{color:#06F}
#specials-nav ul li a:hover{color:#06F; text-decoration: underline}
#specials-nav ul li.last{margin: 0}
#specials-nav ul li.signup-link{margin: 0 25px 0 0; padding:0 30px 0 40px;  border-right: solid 1px #999; background: url(../imgs/backgrounds/mail-icon.png) no-repeat left center}
.special-image{width: 100%; margin: 20px auto 10px; text-align: center}
.specials #footer{display: none}
#specials-nav p{text-align: center; margin: 0 0 -5px; padding: 8px 0 0}
#specials-nav ul.french{font-size: 23px}

#specials-nav-bottom{background: url(../imgs/backgrounds/main-btm-down.jpg) no-repeat top center; width: 100%; height: 73px; margin: 0 auto -20px; background-color:#4d565f }
#specials-nav-bottom ul{font-size: 26px; text-align: center; padding: 30px 0 0}
#specials-nav-bottom ul li{display: inline; margin: 0 2px 0 0}
#specials-nav-bottom ul li a{font-family: 'Yanone Kaffeesatz', arial, serif; color: red}
#specials-nav-bottom ul li a.active{color:#06F}
#specials-nav-bottom ul li a:hover{color:#06F; text-decoration: underline}
#specials-nav-bottom ul li.last{margin: 0}
#specials-nav-bottom ul li.signup-link{margin: 0 25px 0 0; padding:0 30px 0 40px;  border-right: solid 1px #999; background: url(../imgs/backgrounds/mail-icon.png) no-repeat left center}
#specials-nav-bottom ul.french{font-size: 23px}

.specials-holder{width: 100%; margin: 20px auto; text-align:center}

/* RECIPES */
#recipes{font-size: 16px}
#recipes h2{font-size: 28px; margin: 12px 0 10px; line-height: 42px; color: red}
#recipes ul.prep{padding: 10px 20px 20px; margin: 0 -20px; border-bottom: solid #999 1px}
#recipes ul.prep li{padding-bottom: 5px}
#recipes ul li span{color: red}
#recipes a{background: url(../imgs/backgrounds/arrow.jpg) no-repeat left center; padding-left: 20px; color: #06F}
#recipes a:hover{color: red}

#recipes ul.ingredients-left{ width: 45%; float: left}
#recipes ul.ingredients-left li{ display: block}
#recipes ul.ingredients-right{width: 45%; float: right}
#recipes ul.ingredients-right li {display: block}
#recipes ul.ingredients-left li.note{width: 200%; margin: 10px -50px 0 0}

.ingredients-holder{border-bottom: solid #999 1px; padding: 0 20px 20px; margin: 0 -20px; overflow: auto; background-color: #eefff8}
.ingredients-holder ul li{padding-bottom: 5px}

#recipes .directions-holder{border-bottom: solid #999 1px; padding: 0 20px 20px; margin: 0 -20px 20px; overflow: auto;}
#recipes .directions-holder ul li{list-style-type: decimal; padding: 0 0 10px; margin: 0 0 0 25px}

/* ACCORDION */
#sidebar .accordion ul{width: 180px}
#sidebar .accordion ul li.active{padding: 20px 20px 20px 40px; margin: 0 -10px 0 -20px; background-image: url(../imgs/backgrounds/arrow.jpg); background-repeat: no-repeat; background-position: 20px 23px; background-color: #EEFFF8}
#sidebar .accordion ul li a{color: #06F; font-size: 16px}
#sidebar .accordion ul li.active > a{background: url(../imgs/backgrounds/arrow_down.jpg) left center no-repeat; margin-left: -20px; padding-left: 20px; color: red}
#sidebar .accordion ul li a:hover{color: red; text-decoration: underline}
#sidebar .accordion ul li a.active{color: red; cursor: text; margin-left: -25px; padding-left: 25px}
#sidebar .accordion ul li a.active:hover{text-decoration: none}
#sidebar .accordion ul li ul{margin-left:10px}
#sidebar .accordion ul li ul li{background: none; padding: 10px 50px 0 20px; border: none}
#sidebar .accordion ul li ul li.active > a{background: none; padding: 10px 50px 0 20px; margin-right: -5px}
#sidebar .accordion ul li ul li.active{background: none; padding: 10px 50px 0 20px; margin-right: -5px}
#sidebar .accordion ul li.active ul li.active a{padding: 0; margin:0}

/* LANDING PAGE */
#landing-holder{height: 330px; width: 550px; position: absolute; top: 45%; left: 50%; padding-top: 50px; margin: -150px 0 0 -275px; border-radius:10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -webkit-animation-name: pop; -webkit-animation-duration: .5s;	-webkit-animation-iteration-count: 1; -webkit-animation-timing-function: ease-in; border: solid 1px #fff; behavior: url(/css/PIE.php);}
#landing-holder .logo-holder{width: 500px; height: 280px; background: url(../imgs/backgrounds/pa-supermarche.png) no-repeat center 80px;  margin: -50px 0 0; clear: both}
#landing-holder h1{width: 100%; height: 20px; border-bottom: 1px solid #fff; text-align: center; color: #fff; margin: -35px 0 0; padding: 0 0 50px; font-family: 'Yanone Kaffeesatz', arial, serif; font-size: 32px; line-height: 28px}
#landing-holder h2{width: 100%;  border-top: 1px solid #fff; border-bottom: none; text-align: center; color: #fff; margin: 0; padding: 15px 0; height: 20px}
#landing-holder a{color: #fff}
#landing-holder a:hover{color: red}
@-webkit-keyframes pop {
	from {
		-webkit-transform: scale(.1);
		opacity: 0;
	}
	85% {
		-webkit-transform: scale(1.05);
		opacity: 1;
	}
	to {
		-webkit-transform: scale(1);
	}
}

/* LANDING PAGE NEW*/
#landing-holder-new{height: 450px; width: 550px; margin:  0 auto; border-radius:10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border: solid 1px #fff; behavior: url(/css/PIE.php);}

#landing-holder-new h1{width: 100%; height: 20px;  border-bottom: 1px solid #fff; text-align: center; color: #fff; margin: 0; padding: 10px 0 50px; font-family: 'Yanone Kaffeesatz', arial, serif; font-size: 28px; line-height: 28px}
#landing-holder-new h1 span{font-size: 20px}
#landing-holder-new h2{width: 100%;  border-top: 1px solid #fff; border-bottom: none; text-align: center; color: #fff; padding: 15px 0; height: 20px}
#landing-holder-new a{color: #fff;}
#landing-holder-new a:hover{color: red}
.landing-logo{background: url(../imgs/backgrounds/pa-supermarche.png) no-repeat center center; margin: 5px auto 0; width: 500px; height: 164px }

.note{width: 520px; height: 80px; margin: 20px auto 60px; color: white;}
.note span{font-family: 'SymbolSignsBasisset'; font-size: 60px; width: 50px; float: left; margin: 0 10px; color: yellow}
.note p {font-size: 20px; text-align: left;}