/* =====================================================

	DEFINITIONS:	Styles
	AUTHOR:			Kevin Kashou		

===================================================== */

/* Essentials */
body {
background-color: #E5E5E5;
color: #555555;
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
} 

p {
line-height: 1.45em;
margin: 0px 0px 15px 0px;
}

img {
border:none;
display:block;
}

a:link, a:visited {
color:#B11116;
text-decoration:underline;
}

a:hover {
text-decoration:none;
}

.text-align-right {
text-align: right;
}

div#rssFeed {
overflow: hidden;
margin: 10px 0px 0px 0px;
}

div#rssFeed p {
padding: 5px 0px 0px 0px;
}

.floatleft {
float: left;
}

.bold {
font-weight: bold;
}

.center {
margin: 0px auto;
display: block;
}

.red {
color: #B11116;
font-weight: bold;
}

img.img-style {
background-color: #FFFFFF;
border: 1px solid #c2bfab;
display: block;
margin: 15px 0px;
padding: 5px;
}

div.img-style-pitathumb {
display: block;
margin: 10px 15px 10px 0px;
float: left;
width: 138px;
}

div.logos {
overflow: hidden;
height: 1%;
}

img.img-style-about{
background-color: #FFFFFF;
border: 1px solid #c2bfab;
margin: 5px;
padding: 5px;
float: left;
}

img.img-style-view {
background-color: #FFFFFF;
border: 1px solid #c2bfab;
display: block;
margin: 5px auto 5px auto;
padding: 5px;
}

a.img-link {
background: #FFFFFF;
border: 1px solid #C4C1AC;
display: block;
padding: 5px;
}

a.img-link:hover {
border: 1px solid #B11116;
}

h1 {
border-bottom: 1px solid #E5E0D9;
color: #003B54;
font-family: Georgia, Arial, Helvetica, sans-serif;
font-size: 18pt;
font-weight: normal;
line-height: 26px;
margin: 0px 0px 10px 0px;
padding: 0px 0px 10px 0px;
text-transform: uppercase;
}

h2 {
color: #000000;
display: block;
font-family: Georgia, Arial, Helvetica, sans-serif;
font-size: 13pt;
font-weight: normal;
line-height: 1.50em;
margin: 0px;
}

div#three-web-info h2 {
text-transform: uppercase;
}


h3 {
color: #000000;
display: block;
font-family: Georgia, Arial, Helvetica, sans-serif;
font-size: 12pt;
font-weight: normal;
line-height: 1.50em;
margin: 0px;
}

h4 {
color: #003B54;
font-size: 11pt;
line-height: 1.50em;
text-align: center;
}

div#breadcrumb {
height: 1%;
overflow: hidden;
margin: 0px 0px 10px 0px;
padding: 5px 0px;
}

div.floatContainer {
overflow: hidden;
height: 1%;
margin: 15px 0px 0px 0px;
}

div.floatleft {
float: left;
}

div.floatright {
float: right;
}


/* Top Mini Nav */
div#top-mini-nav {
background-color: #660000;
border-bottom: 2px solid #330000;
height: auto;
overflow: hidden;
padding: 5px 0px;
width: 100%;
}

div#top-mini-nav ul {
list-style:none;
height: auto;
margin: 0px auto;
overflow: hidden;
width: 959px;
}

div#top-mini-nav li {
color: #826755;
display: inline;
float: right;
padding: 0px 3px;
width: auto;
}

div#top-mini-nav li a:link, div#top-mini-nav li a:visited {
color: #D7AF7C;
font-size: 9pt;
text-decoration: underline;
}

div#top-mini-nav li a:hover {
text-decoration:none;
}


/* Wrapper */
#wrapper {
margin: 0px auto;
height: auto;
overflow: hidden;
width: 959px;
position:relative;
}


/* Logo */
div#logo {
display: block;
height: 120px;
margin: 14px 0 18px 0;
overflow: hidden;
width: 285px;
}

div#logo a {
display: block;
text-decoration: none;
}


img#header_image{
	position:absolute;
	top:0;
	right:0;
}

/* Content-Navigation */
div#content-navigation {
background-color: #F9F8F2;
border: 7px solid #FFFFFF;
height: auto;
overflow: hidden;
width: 945px;
}


/* Main Navigation */
ul#main-navigation {
background-color: #FFFFFF;
border-bottom: 4px solid #DEDAC3;
list-style: none;
margin: 0px;
overflow: hidden;
padding: 0px;
width: 945px;
}

ul#main-navigation li {
float: left;
margin: 0px 1px 0px 0px;
text-align: center;
line-height: 35px;
width: auto;
}

ul#main-navigation li.merchandise {
margin: 0px;
}

ul#main-navigation a {
background-color: #F3F2E9;
color: #938E82;
display: block;
font-family: Georgia, Arial, Helvetica, sans-serif;
font-size: 11pt;
line-height: 35px;
text-decoration: none;
text-transform: uppercase;
}

ul#main-navigation a:hover, ul#main-navigation a.active{
background-color: #DEDAC3;
color: #000000;
}

li.about a       { width: 144px; }
li.products a    { width: 170px; }
li.recipes a     { width: 144px; }
li.coupons a     { width: 144px; }
li.buy a         { width: 169px; }
li.merchandise a { width: 169px; }


/* Content-Wrapper */
div#content-wrapper {
padding: 15px;
}


/* Twocol Content-Wrapper */
div#twocol-content-wrapper {
background-image: url('/images/layout/bg_twocolumn.jpg');
background-repeat: repeat-y;
height: 1%;
padding: 15px;
overflow: hidden;
}

div#twocol-left {
float: left;
height: 1%;
width: 270px;
overflow: hidden;
}

div#twocol-right {
float: right;
height: 1%;
width: 614px;
overflow: hidden;
}

ul#sub-navigation {
border-bottom: 1px solid #D5D3D0;
margin: 0px 0px 15px 0px;
padding: 0px;
width: 270px;
}

ul#sub-navigation li {
border-top: 1px solid #D5D3D0;
height: 1%;
list-style: none;
padding: 0px;
margin: 0px;
vertical-align: bottom;
}

ul#sub-navigation li a:link, ul#sub-navigation li a:visited {
color: #770000;
display: block;
font-size: 11pt;
text-decoration: none;
padding: 8px 0px 8px 10px;
margin: 0px;
}

ul#sub-navigation li a:hover, ul#sub-navigation li a.active { 
background-color: #E2E0DC;
color: #AA0000;
}

ul#sub-nav-section {
border-top: 1px solid #D5D3D0;
line-height: 1.40em;
margin: 0px;
padding: 0px;
}

ul#sub-nav-section li {
background-image: url('/images/layout/arrow.gif');
background-repeat: no-repeat;
background-position: 13px 6px;
border: none;
height: 1%;
margin: 5px 0px; 
padding: 0px 0px 0px 25px;
vertical-align: bottom;
}

ul#sub-nav-section li a:link, ul#sub-nav-section li a:visited {
color:#B11116;
font-size: 9pt;
text-decoration: underline;
margin: 0px;
padding: 0px;
}

ul#sub-nav-section li a:hover {
background-color: transparent;
text-decoration: none;
}


/* Home Content */
div#welcome-message-wrapper {
background: url('/images/layout/bg-threecolumn.gif') repeat-x 0 100%;
height: 1%;
line-height: 20px;
margin: 0px 0px 15px 0px;
overflow: hidden;
padding: 0px 0px 15px 0px;
}

div#gallery {
float: left;
position: relative;
width: auto;
}

img.gallery-img {
background: #FFFFFF;
border: 1px solid #C4C1AC;
display: block;
padding: 5px;
}

a.gallery-img {
background: #FFFFFF;
border: 1px solid #C4C1AC;
display: block;
padding: 5px;
}

a.gallery-img:hover {
border: 1px solid #B11116;
}

div.gallery-txt {
background-color: transparent;
color: #FFFFFF;
font-size: 10pt;
left: 14px;
position: absolute;
top: 165px;
}

div.gallery-txt p {
margin: 0px;
display: block;
}

span.gallery-title {
display:block;
font-family: Georgia, Arial, Helvetica, sans-serif;
font-size:14pt;
}

div#welcome-blurb {
float: right;
width: 300px;
}

div#welcome-blurb p {
font-size: 11pt;
margin: 0px;
padding: 0px 0px 15px 0px;
}

div#three-web-info {
overflow: hidden;
height: 1%;
}

div.column {
float: left;
margin: 0px;
width: 285px;
}

div.column-middle {
float: left;
margin: 0px 30px;
width: 285px;
}

ul.news {
list-style: none;
margin: 0px;
padding: 0px 0px 0px 0px;
}

ul.news li {
border-bottom: 1px solid #E5E0D9;
padding: 10px 0px;
}

ul.news em {
color: #888888;
display: block;
font-style: normal;
margin: 0px 0px 2px 0px;
}

ul.news p {
margin: 0px;
}

p.read-more {
margin: 10px 0px 0px 0px;
text-align: right;
}

ul.recipes {
list-style: none;
margin: 0px;
padding: 0px;
}

ul.recipes li {
border-bottom: 1px solid #E5E0D9;
height: 1%;
overflow: hidden;
padding: 15px 0px;
}

a.recipes-img {
background-color: #FFFFFF;
border: 1px solid #C2BFAB;
float: left;
margin: 0px 10px 0px 0px;
padding: 5px;
width: 115px;
}

a.recipes-img:hover {
border: 1px solid #B11116;
}

ul.recipes p {
font-size: 11pt;
line-height: 1.20em;
margin: 0px 0px 10px 0px;
}

div.coupon-club {
border-bottom: 1px solid #E5E0D9;
height: 1%;
margin: 0px 0px 15px 0px;
overflow: hidden;
padding: 10px 0px;
}

img.letter {
display: inline;
float: left;
margin: 0px 10px 0px 4px;
}

div.location-info {
background: #7FBAD8 url('/images/layout/bg-info.gif') repeat-x;
border-bottom: 1px solid #00A3BE;
padding: 16px 18px;
}

div.location-info span {
background-color: transparent;
color: #FFFFFF;
font-size: 11pt;
font-weight: normal;
line-height: 1.2em;
}

div.location-info p {
color: #212121;
margin: 0px;
}

div.location-info a {
color: #212121;
text-decoration: underline;
}

div.location-info a:hover {
color: #212121;
text-decoration: none;
}

span.smallDate {
color: #888888;
font-size: 9pt;
font-style: normal;
font-family: Arial, Helvetica, sans-serif;
margin: 0px 0px 2px 0px;
}


/* About us */
ul.aboutus-list { 
line-height: 1.40em;
list-style: none;  
margin: 0px 0px 15px 0px;
padding: 0px;
}

ul.aboutus-list li {
background-image: url('/images/layout/arrow.gif');
background-repeat: no-repeat;
background-position: 0px 6px;
height: 1%;
margin: 0px 0px 5px 0px; 
padding: 0px 0px 0px 13px;
vertical-align: bottom;
}


/* Pita Products */
div.pp-home-section {
float: left;
height: 1%;
margin: 0px 0px 15px 0px;
overflow: hidden;
padding: 0px 59px 0px 0px;
width: 248px;
}

a.pp-home-img {
background-color: #FFFFFF;
border: 1px solid #c2bfab;
display: block;
margin: 10px 0px;
padding: 5px;
width: 238px;
}

a.pp-home-img:hover {
border: 1px solid #b11116;
}

div.pp-sec-container {
border-bottom: 1px solid #D5D3D0;
height: 1%;
margin: 0px 0px 10px 0px;
overflow:  hidden;
padding: 0px 0px 10px 0px;
width: 614px;
}

div.pp-sec-descrip {
float: left;
height: auto;
margin: 0px;
padding: 0px;
width: 300px;
}

div.pp-sec-img {
float: right;
height: auto;
margin: 0px;
padding: 0px;
width: 300px;
}

div.thumbName {
clear: both;
overflow: hidden;
height: 1%;
}


/* Recipes */
div.recipes-home-section {
float: left;
height: 1%;
margin: 0px 0px 15px 0px;
overflow: hidden;
padding: 0px 59px 0px 0px;
width: 248px;
}

a.recipes-home-img {
background-color: #FFFFFF;
border: 1px solid #c2bfab;
display: block;
margin: 10px 0px;
padding: 5px;
width: 238px;
}

a.recipes-home-img:hover {
border: 1px solid #B11116;
}

div#recipe-sec-details-left {
float: left;
width: 295px;
}

div#recipe-sec-details-right {
float: right;
}

ul.recipes-sec {
list-style: none;
height: 1%;
margin: 0px;
padding: 0px;
overflow: hidden;
}

ul.recipes-sec li {
border-bottom: 1px solid #E5E0D9;
float: left;
height: 1%;
overflow: hidden;
padding: 15px 0px;
margin: 0px 25px 0px 0px;
width: 282px;
}

ul.recipes-sec p {
font-size: 11pt;
line-height: 1.20em;
margin: 0px 0px 10px 0px;
}

ol.ingred {
list-style-type: none;
list-style-position: inside ;
padding: 0px;
margin: 5px 0px 15px 0px;
}

ol.ingred li {
padding: 0px;
margin: 5px 0px;
}

ol.prep {
list-style-type: decimal;
list-style-position: inside ;
padding: 0px;
margin: 5px 0px 15px 15px;
}

ol.prep li {
padding: 0px;
margin: 5px 0px;
}

table#nutritional {
width: 220px;
}

table#nutritional td {
padding: 2px 0px;
}


/* Where To Buy */
div.wtb-columns {
float: left;
height: auto;
padding: 0px 10px 15px 0px;
width: 143px;
}

ul.wtb-list { 
line-height: 1.40em;
list-style: none;  
margin: 0px;
padding: 0px;
}

ul.wtb-list li {
background-image: url('/images/layout/arrow.gif');
background-repeat: no-repeat;
background-position: 0px 6px;
height: 1%;
margin: 5px 0px; 
padding: 0px 0px 0px 13px;
vertical-align: bottom;
}


/* Merchandise */
ul#merch-items {
list-style: none;
margin: 0px;
padding: 0px;
}

ul#merch-items li {
float: left;
height: 1%;
overflow: hidden;
margin: 0px 45px 20px 0px;
padding: 0px;
}

div#view-cart {
height: 1%;
margin: 5px 0px 0px 0px;
overflow: auto;
}

div#cart-icon {
float: left;
height: 50px;
width: 50px;
}

div#cart-info {
float: right;
width: 215px;
}

div#cart-info p {
margin: 0px;
padding: 0px;
}

div#merch-details {
height: 1%;
overflow: hidden;
}

div#merch-details-left {
float: left;
width: 300px;
}

div#merch-details-right {
float: right;
padding: 40px 0px 0px 0px;
width: 300px;
}

div#form-merch-add {
margin: 0px 0px 10px 0px;
}

.merch-add {
background: url('/images/layout/add_cart.jpg') no-repeat;
border: none;
cursor: pointer;
height: 32px;
margin: 0px auto;
width: 112px;
}

.merch-add:hover {
background: url('/images/layout/add_cart.jpg') 0 -32px no-repeat;
cursor: pointer;
}

table#merch-view-cart th {
border-bottom: 1px solid #E5E0D9;
font-size: 10pt;
padding: 0px 0px 5px 0px;
text-align: center;
}

table#merch-view-cart td {
border-bottom: 1px solid #E5E0D9;
padding: 10px 0px 0px 0px;
text-align: center;
}

input.merch-text {
border: 1px solid #C2BFAA;
color: #555555;
display: inline;
margin: 3px 5px 0px 0px;
padding: 5px;
text-align: center;
vertical-align: top;
width: 20px;
}

td.padding-top {
padding: 15px 0px 15px 0px;
font-size: 11pt;
font-weight: bold;
vertical-align: top;
}

p.bold-big {
font-weight: bold;
margin: 0px;
padding: 0px;
}


p.sub-total {
font-weight: bold;
text-align: right;
font-size: 11pt;
}

.merch-update {
background: url('/images/layout/update.jpg') no-repeat;
border: none;
cursor: pointer;
height: 32px;
margin: 0px auto;
width: 84px;
}

.merch-update:hover {
background: url('/images/layout/update.jpg') 0 -32px no-repeat;
cursor: pointer;
}

.merch-remove {
background: url('/images/layout/remove.jpg') no-repeat;
border: none;
cursor: pointer;
display: block;
height: 32px;
margin: 0px auto;
width: 84px;
text-indent: -9999px;
}

.merch-remove:hover {
background: url('/images/layout/remove.jpg') 0 -32px no-repeat;
cursor: pointer;
}

.merch-checkout {
background: url('/images/layout/checkout.jpg') no-repeat;
border: none;
cursor: pointer;
display: block;
height: 32px;
margin: 0px;
padding: 0px;
width: 112px;
}

.merch-checkout:hover {
background: url('/images/layout/checkout.jpg') 0 -32px no-repeat;
cursor: pointer;
}


/* FAQ */
form.faqform {
margin: 10px 0px 0px 0px;
}

input.faq-text {
color: #555555;
border: 1px solid #C2BFAA;
display: block;
height: 20px;
margin: 0px 0px 15px 0px;
padding: 5px;
width: 258px;
}

textarea.faq-big-text {
border: 1px solid #C2BFAA;
height: 150px;
margin: 0px 0px 15px 0px;
padding: 5px;
width: 258px;
}

.faq-submit {
background: url('/images/layout/submit_left.jpg') no-repeat;
border: none;
cursor: pointer;
display: block;
height: 32px;
margin: 0px 0px 15px 0px;
width: 84px;
}

.faq-submit:hover {
background: url('/images/layout/submit_left.jpg') 0 -32px no-repeat;
cursor: pointer;
}

ol.faq-list {
list-style-position: inside;
margin: 0px;
padding: 0px
}

ol.faq-list li {
font-family: Georgia, Arial, Helvetica, sans-serif;
font-size: 12pt;
font-weight: normal;
line-height: 1.60em;
}


/* Contact Us */
table.contact-table th {
border-bottom: 1px solid #E5E0D9;
padding: 5px 0px;
text-align: left;
}

table.contact-table td {
border-bottom: 1px solid #E5E0D9;
padding: 10px 0px;
text-align: left;
}


/* Forms */
form.styleform {
margin: 10px 0px 0px 0px;
}

label {
color: #000000;
display: block;
font-size: 10pt;
font-weight: bold;
margin: 0px 0px 5px 0px;
}

input.reg-text {
color: #555555;
border: 1px solid #C2BFAA;
display: block;
height: 20px;
margin: 0px 0px 15px 0px;
padding: 5px;
width: 270px;
}

.select-to {
background-color: #FFFFFF;
border: 1px solid #C2BFAA;
display: block;
margin: 0px 0px 15px 0px;
padding: 5px;
width: 270px;
}

textarea.big-text {
border: 1px solid #C2BFAA;
height: 150px;
margin: 0px 0px 15px 0px;
padding: 5px;
width: 475px;
}

.submit {
background: url('/images/layout/submit.jpg') no-repeat;
border: none;
cursor: pointer;
display: block;
height: 32px;
margin: 0px 0px 15px 0px;
width: 84px;
}

.submit:hover {
background: url('/images/layout/submit.jpg') 0 -32px no-repeat;
cursor: pointer;
}


/* Secondary Footer */
#sec-container{
background: #660000;
border-top: 2px solid #44352d;
padding: 15px;
height: 1%;
overflow: hidden;
color: #D7AF7C;
}

div.sec-column {
float: left;
margin: 0px;
width: 285px;
}

div.sec-middle-column {
float: left;
margin: 0px 30px;
width: 285px;
list-style:none;
}

div.contact-info {
background-color: #440000;
border: 1px solid #350000;
height: 1%;
padding: 10px;
}

div.sec-column h3, div.sec-middle-column h3 {
background-color: transparent;
color: #FFFFFF;
display: block;
font-family: Georgia, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 11pt;
line-height: 24px;
margin: 0px;
}

div.contact-info address {
font-style: normal;
margin: 10px 0px 0px 0px;
}

dl, dd {
margin:0;
}

dl {
margin: 20px 0px 0px 0px;
overflow: hidden;
width: auto;
}

dt {
float:left;
width: auto;
}

dd {
display:block;
margin:0px;
}

ul.other-sites {
margin: 0px;
padding: 0px;
}

ul.other-sites li {
display: block;
line-height:20px;
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 30px;
}

li.fb {
background-image:url('/images/layout/ico-facebook.jpg');
background-repeat: no-repeat;
}

li.twitter {
background-image:url('/images/layout/ico-twitter.jpg');
background-repeat: no-repeat;
}

li.yelp {
background-image:url('/images/layout/ico-yelp.jpg');
background-repeat: no-repeat;
}

li.pd {
background-image:url('/images/layout/ico-pd.jpg');
background-repeat: no-repeat;
}

div.sec-middle-column a:link, div.sec-middle-column a:visited {
color:#D7AF7C;
text-decoration:underline;
}

div.sec-middle-column a:hover {
text-decoration: none;
}

img.mascot {
margin:0 0 0 75px;
}

/* Site Map */
ul.site-map-list {
list-style: none;
padding: 0px;
margin: 0px 0px 10px 0px;
}

ul.site-map-list li {
display: inline;
padding: 0px 5px 0px 0px;
margin: 0px;
}


/* Footer */
div#footer {
font-size: 8pt;
overflow: hidden;
margin: 18px 7px;
}

ul.footer-main-navigation {
float: right;
list-style: none;
margin: 0px;
overflow: hidden;
padding: 0px;
width: auto;
}

ul.footer-main-navigation li {
display: inline;
float: left;
margin: 0px;
padding: 0px 3px;
width: auto;
}

span.useful-links-title {
float:left;
width: auto;
}

ul.useful-links {
float: left;
list-style: none;
margin: 0px;
overflow: hidden;
padding: 0px;
width: auto;
}

ul.useful-links li {
display: inline;
float: left;
margin: 0px;
padding: 0px 3px;
width: auto;
}

div#footer p {
clear: both;
float: left;
margin: 5px 0px 0px 0px;
white-space: nowrap;
width: auto;
}

/* Form */
span#questionInfo, 
span#nameInfo,
span#lnameInfo,  
span#emailInfo,
span#addOneInfo, 
span#cityInfo, 
span#stateInfo, 
span#zipCodeInfo,
span#subjectInfo, 
span#messageInfo,
span#emailValueInfo,
span#securityCodeConInfo,
span#securityCodeFaqInfo,
span#securityCodeCouponInfo {
color: #D6010E;
font-size: 9pt;
font-weight: normal;
}

#faqform input.error, 
#coupons-form input.error, 
#contact-form input.error,
#emailBox.error,
#stateBox.error  {  
background-color: #FFBABA;  
border-color: #D6010E;  
}

#faqform textarea.error, 
#contact-form textarea.error {  
background-color: #FFBABA;  
border-color: #D6010E; 
}

div#mail-success {
background-color: #dff2bf;
border: 1px #4f8a10 solid;
color: #4f8a10;
height: auto;
margin: 5px 0px 0px 0px;
padding: 5px;
text-align: center;
}

div#mail-success-coupons, div#mail-success-contact {
background-color: #dff2bf;
border: 1px #4f8a10 solid;
color: #4f8a10;
height: auto;
margin: 5px 0px 15px 0px;
padding: 5px;
text-align: center;
}

div#mail-error, div#notify.error {
background-color: #FFBABA;
border: 1px solid #D6010E;
color: #D6010E;
height: auto;
margin: 5px 0px 15px 0px;
padding: 5px;
text-align: left;
}

img.captcha {
border: 1px solid #C2BFAA;
margin: 10px 0px 15px 0px;
}