/***** Global Settings *****/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}
  
html {
	overflow-y:scroll;
	width:100%; height:100%;
	} 
 
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width:100%; height:100%; 
	font-size:75%;
	color:#333;
	background:#e2e2bc;
}

/***** Layout ******/

#out_container {
	width:100%;
}

#inner_container {
	width: 64.58em;
	margin-left:auto;
	margin-right:auto;
	border: .17em solid #59b248;
	background:#fff;
}

#header {
	margin-left:auto;
	margin-right:auto;
	width: 64.58em;
	height:9.37em;
	background:#a9e2a5;
}

#header_logo {
	float: left;
	width: 20.83em;
	border:0;
}

#header_information {
	float: right;
	text-align: right;
	width: 20.83em;
	margin: 7.5em .83em 0 .42em;
}

#branch {
	float: right;
	width: 8.3em;
	margin: 0;
	padding:0;
}

/***************************************** Menu **************************************************/

#navlist {
	margin: 0;
	padding-top:.33em;
	padding-bottom: .42em;
	width: 64.58em;
	font-size: 1em; font-weight: bold;		
	text-align: left;
	background:#67a962;
}
	
	#navlist #active {
		color: #dde3b3;
		margin: 0 .42em 0 2.08em;
	}
	
	#navlist ul {
		list-style-type: none;
		padding: 0;
		margin: .17em .17em .17em .17em;
	}
	
	#navlist li {
		display: inline; /* force the list onto one line */
		margin: 0 .42em 0 2.08em;
	}
	
	#navlist a.menu {
		text-decoration: none;
		font-size: 1em;
		color: #d7f4d8;
	}
	
	#navlist a.menu:hover {
		text-decoration: none;
		color:#333;
	}
 
/************************************************* Index.html ******************************************/

/*============================*/
/*=== Custom Slider Styles ===*/
/*============================*/
#slider-wrapper {
    width:734px;
    height:325px;
    margin:0 auto;
}

#slider {
	position:relative;
    width:734px;
    height:300px;
	background:url(images/loading.gif) no-repeat 50% 50%;
}

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

#slider a {
	border:0;
	display:block;
}

.nivo-controlNav {
	position:absolute;
	left:260px;
	bottom:-42px;
}

.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}

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

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}



#flashHolder {
	background:#F8F8F8;
	height:29em;
	position:relative;
	z-index:0;
}

#inTheNews {
	margin:0;
	padding:0;	
	text-align:center;
}

#inTheNews h1 {
	background:#c0d8be;
	color:#fff;
	font-size:1em;
	padding: .42em 0 .42em .42em;
	text-align: left;
}

img.newsImageHolder {
	border: 1px dotted #ccc;
	padding: .08em 0 .08em 0;
}

* img.newsImageHolder {
	border: 1px solid #ccc;
	padding: .08em 0 .08em 0;
}

.column1Index, .column2Index, .column3Index {
	width: 20.83em;
	float: left;
	padding: .83em .42em .25em .25em;
	text-align:center;
}

.column1Index p, .column2Index p, .column3Index p{
	padding:.33em .25em .42em .25em;
}

/*********************************************** AboutUs.html ***************************************/

#aboutUs {
	margin:0;
	padding:0;
}

img.aboutus {
	border: 1px dotted #ccc;
	margin-top:-4em;
	margin-right: 1.5em;
	margin-left: 1.5em;
	padding: .33em .33em .33em .33em;
	float: right;	
}

* img.aboutus {
	border: 1px solid #ccc;
	margin-right: 1.5em;
	margin-left: 1.5em;
	padding: .33em .33em .33em .33em;
	float: right;	
}

p.aboutUsText {
	margin: .42em .83em 1.25em .83em;
	display:block;
}	

/*************************************************** News.html ******************************************/

#schedule_area {
	float:left;
	width:36em;
	padding-left:2em;
}

#media_area {
	float:left;
	margin-left:5em;
	display:inline;
}

#media_area h1 {
	background:#c0d8be;
	color:#fff;
	font-size:1em;	
	padding: .42em 0 .42em .42em;
}

.column_media {
	border:1px dotted #ccc;	
	text-align:center;
	margin:0 0 1em 0;
	padding: .42em .25em .25em .25em;
}

.column_media p {
	display:block;
	padding:.42em .25em .42em .25em;
}

table.schedule { 
	font-weight: normal;
	color: #404040;
	width: 40em;
	border: 1px #b2ac86 solid;
	border-collapse: collapse;
	border-spacing:0;
	margin-top:0;
}

table.schedule td.schedule_header { 
	border-bottom: 2px solid #b2ac86;
	background-color: #d6d1ad;
	text-align: center;
	font-weight: bold;
	color: #404040;
}

table.schedule td { 
	border-bottom: 1px dotted #b2ac86;
	font-weight: normal;
	font-size:.9em;
	color: #404040;
	background-color: white;
	text-align: left;
	padding-left: .25em;
}

.schedule_line { border-left: .08em dotted #b2ac86; }


/***************************************** Locations.html ***********************************/

#location_container {
	width:100%;
	padding:0;
	margin:0;
}

#Toronto, #Ottawa, #MontTremlant, #Campbellville {
	margin: 0;
	padding: 0;
	text-align: center;
}

#Toronto h2, #Ottawa h2, #MontTremlant h2 #Campbellville h2 {
	padding:.83em 0 1.2em .83em;
	font-size:1em;
	text-align: left;
	text-decoration:underline;

}

.column1, .column2, .column3 {
	width:19.5em;
	float: left;
	margin: .17em .17em .17em .83em;
}

.column1 p.storetext, .column2 p.storetext, .column3 p.storetext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	display:block;
	padding:.17em .17em .17em 0;
}

img.storelogo {
	border: 1px dotted #ccc;
	padding: .25em .17em .25em .17em;
}

* img.storelogo {
	border: 1px solid #ccc;
	padding: .25em .17em .25em .17em;
}

/*************************************** Store.html ***********************************************/

.store_column, .store_column2 {
	width:28.33em;
	height:11em;
	float: left;
	margin:0 0 0 2em;
	padding:0;
}

.imgColumn {
	margin-left:1em;
	text-align:left;
	float:left;
}

.col1, .col2 {
	width:28.33em;
	padding: .17em;
	margin:1em 0 0 2em;
	float: left;
}

img.productLine {
	border: 1px dotted #ccc;
	padding: .17em .17em .17em .17em;
}

* img.productLine {
	border: 1px solid #ccc;
	padding: .17em .17em .17em .17em;
}

img.information {
	margin:0;
	padding:0;
}

.productInfoColumn {
	width:17.5em;
	margin-left:10em;
	padding: 0 0 0 .6em;
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
.productTitle {
	font-size:1.1em;
	margin:0;
	padding:.08em;
}
	
.productPrice {
	font-size: .92em;
	margin:0;
	padding-bottom:.17em;
	color:#B08E06;
	font-weight:bold;
}

.productInfo {
	font-size:.6em;
	margin:0;
	padding-bottom:.08em;
}

.productSize {
	font-size:.92em; color:#000;
}

.cart_wrapper {
	width:16em;
	margin:0;
	padding:0;
}

form.storeform {
	width:15em;
	margin:0;
	padding:0;
}

/**************************** Store & Media thickbox ******************************/

#GreenSalsaDisplay, #RedSalsaDisplay, #BlackTapenadeDisplay, #GreenTapenadeDisplay, #EggplantDisplay, #CombinationDisplay, #OlivesDisplay, #SalsaDisplay, #AntipastiDisplay {
	display:none;
}

.Col_Content {
	width:19.17em;
	float:left;
	display:block;
	padding:0;
}

.Col_Content h1 {
	font-size:1.08em;
}


.Col_Content ul {
	list-style-type: none;
	color:#666;
}

.Col_Content li {
	margin-left:1em;
}


.Col_Content h2 {
	font-size:.92em;
	font-style:italic;
	font-weight:normal;
}

.Col_Image {
 	width:20em;
	float:right;
}

/*************************************Contact Us ******************************************/
#contact_container {
	width:100%;
	text-align:center;	
}

#contact_col1, #contact_col2 {
	float:left;
	width:30em;
}

#contact_col2 {
	width:25em;
}


#contactpicture {
	float:right;
	width: 31.25em;
	vertical-align:top;
	padding: 0 1em 0 0;
	margin:0;
}


/* Thank you Section */

#Logo180 { 
	margin-top:6em; 
	margin-bottom:6em;
	text-align:center;
}

#Thankyou_text {
	margin-top:2.92em;
	display:block;
}


/* form
----------------------------------------------- */
#form-wrapper {
width:28em;
text-align:left;
}

form {
width:26.25em;
margin:0 1.92em 0;
padding:.5em 0 .5em;
}

form div.name {
float:left;
width:12.17em;
}

form div.phone {
float:right;
width:12.17em;
}

form div.email, form div.subject {
width:14.17em;
}

label {
display:block;
color:#333;
margin:0 0 .25em;
}

label span {
color:#a00;
}

input.contactsection, select.contactsection, textarea.contactsection {
display:block;
margin:0 0 .83em;
padding:0;
border:1px solid #ccc;
font-family:tahoma, verdana, sans-serif;
font-size:1em;
color:#444;
}

input.submit { border:none; }

.subject {
margin-bottom:.83em;
}

input, textarea {padding:.17em;}

textarea {
width:24em;
height:8.33em;
margin:0 0 1.5em;
}

/* hide from IE5-Mac \*/
* html #contact form textarea {width:23.75em;}

/* stop hiding from IE5-mac */

input#name {width:14.17em;}
input#email {width:14.17em;}
input#subject {width:14.17em;}
select#subject {width:14.17em;}

input.hidden {display:none;}

/*************************************FAQ**************************************************/

#faq_container { width: 55em; margin-left:auto; margin-right:auto; border:1px solid #ccc; }

h2.background { background:#c0d8be; padding:.42em 0 .42em 1em; }

p.questions { font-weight:bold; padding: .83em 0 .83em .83em;}

p.answers { font-style:italic; padding: 0 0 .42em 1em; }

/*********************************** Footer ************************************************/
#footer {
	clear: both;
	background:#59b248;
	padding:.08em 0 .17em .42em;
	color:#fff;
}

#footer a.footerlink {
	text-dectoration: none;
	color:#fff;
}

#facebook {
	margin-left:auto;
	margin-right:auto;
	padding-bottom:1em;
	text-align:right;
	width:64.58em;
}

#facebook a.footerlink  {
	text-dectoration: none;
	color:#3b5998;
	font-size:1em;
}

#footer a.footerlink:hover, #facebook a.footerlink:hover {
	text-decoration:underline;
}

/***** Headings *****/
 
h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
color:#666;
}
 
h1 {
padding:.83em 0 .42em .83em;
font-size:1.17em;
}
 
h2 {
padding:.83em 0 1.25em .83em;
font-size:1em;
text-align: left;
}
 
h3 {
font-size:1em;
font-weight:bold;
}
 
/***** Common Formatting *****/

p { display:block; }
 
img { border:0; }

b { font-weight: bold; } 

/***** Links *****/

a {
font-size: 1em;
color:#333;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}
  
 
/***** Tables *****/
 
table {
border:0;
margin:0 0 1.25em 0;
padding:0;
}
 
table tr td {
padding:.17em;
}
 
/***** Wrapper *****/
 
#wrap {
width:80em;
margin:0 auto;
}
 
/***** Global Classes *****/
 
.clear         { clear:both; }
.float-left    { float:left; }
.float-right   { float:right; }
 
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
 
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
 
.wrap          { width:80em;margin:0 auto; }
 
.img-left      { float:left;margin:.33em .83em .33em 0; }
.img-right     { float:right;margin:.33em 0 .33em .83em; }
 
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }