/*
Listons Palette
#b4d375 light green - background, nav highlight
#8aaf3e green - nav
#690 dark green - headings
 
Defaults
================================================================*/
*, dl, dd, dt { margin: 0; padding: 0; }
img { border: 0; }
ul, li { list-style: none; }
a, a:visited { color: #690; text-decoration: none;  }
a:hover { text-decoration: underline; }
.clear { clear: both; height: 0; line-height: 0; }
html { min-height:100%; } 
body { margin: 0; font: 71% verdana,helvetica,arial,sans-serif; color: #333; background: #fff url(../images/template/bg-page.gif) top center repeat-y; text-align: center; }

/* Headings,text
================================================================*/
#main, #features { line-height: 1.45em; }
#main p { clear: left; }
#main p, #main ul { margin: 0 0 1.6em;  }
.column p { margin-bottom: 1.3em; }
#content li { margin-bottom: 0.2em; }
h1, h2, h3, h4, h5, h6 { font-family: Georgia, "Times New Roman", Times, serif; }
h1, h2, h3 { margin-bottom: 1.1em; color: #690; font-weight: normal; font-size: 1.6em; }
h2 a:hover, h3 a:hover { text-decoration: none; }
h2, h3 { margin-bottom: 0.5em; font-size: 1.5em; }
#content h2 { padding-top: 20px; margin-bottom: 0.5em; color: #333; }
.sectionCatering #content h2, .sectionOffers #content h2 { margin-bottom: 1.1em; }
#content h3 { margin-bottom: 0.2em; color: #690; font-size: 1.2em; font-family: Verdana, Arial, Helvetica, sans-serif; }
.column h3 { padding-top: 15px; }

/*forms*/
label { display: block; padding-bottom: 0.3em; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.1em; color: #690; }
input { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; color: #333; }
input.text { padding: 2px; width: 188px; border: 1px solid #8c8c8c; background-color: #fff; }
form p.actions { padding-top: 1em; }
input.button { border: 0; text-transform: uppercase; background-color: #fff; padding: 0; width: auto; cursor: pointer; }

/*tables*/
table { margin-bottom: 1.6em; }
td, th { padding-bottom: 0.5em; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.7em; }
* html td, * html th { font-size: 71%; font-s\ize: 1em; }
.sectionMenu td { width: 240px; }
.sectionMenu td.price { width: 50px; text-align: right; }
#main td p { margin-bottom: 0; }

/* Structure
================================================================*/
#wrapper { width: 896px; margin: 0 auto; text-align: left; background-color: #fff; }
#branding { position: relative; height: 118px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.05em; color: #690; }
#logo { position: absolute; top: 20px; left: 35px; width: 290px; height: 68px; }
#contacts { position: absolute; top: 26px; left: 692px; line-height: 1.4em; }

#nav { height: 28px; background-color: #8aaf3e; color: #fff; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; letter-spacing: 1px; font-weight: bold; }
#nav li { float: left; background: url(../images/template/divider-nav.gif) center right no-repeat; }
#nav li#navLocation { background: none; }
/*within section, nav link is highlighted, switch to solid line background for current item and adjacent item to hide divider dots*/
.sectionOffers li#navOffers, .sectionOffers li#navHome, .sectionCatering li#navCatering, .sectionCatering li#navOffers, .sectionWine li#navWine, .sectionWine li#navCatering, .sectionDeli li#navDeli, .sectionDeli li#navWine, .sectionGrocery li#navGrocery, .sectionGrocery li#navDeli, .sectionJobs li#navJobs, .sectionJobs li#navGrocery, .sectionLocation li#navLocation, .sectionLocation li#navJobs { background-image:url(../images/template/divider-nav-highlight.gif); }
#nav a { display: block; margin-right: 1px; text-align: center; height: 28px; line-height: 27px; }
#nav a, #nav a:visited { color: #fff; }
#nav a:hover, .sectionOffers li#navOffers a, .sectionOffers li#navOffers a:visited, 
.sectionCatering li#navCatering a, .sectionCatering li#navCatering a:visited,
.sectionWine li#navWine a, .sectionWine li#navWine a:visited, .sectionDeli li#navDeli a, .sectionDeli li#navDeli a:visited,
.sectionGrocery li#navGrocery a, .sectionGrocery li#navGrocery a:visited, .sectionJobs li#navJobs a, .sectionJobs li#navJobs a:visited, .sectionLocation li#navLocation a, .sectionLocation li#navLocation a:visited { text-decoration: none; background-color: #b4d375; }
#nav li#navHome a { text-align: right; padding-right: 16px; }

#nav li#navLocation a { margin-right: 0; text-align: left; padding-left: 16px; }

li#navHome { width: 86px; }
li#navOffers { width: 164px; }
li#navCatering { width: 91px; }
li#navWine { width: 64px; }
li#navDeli { width: 173px; }
li#navGrocery { width: 88px; }
li#navJobs { width: 112px; }
li#navLocation { width: 118px; }

#banners { height: 196px; }
.sectionHome #banners { height: 246px; }
#banners li { float: left; }
#banners img { display: block; }

#main, #content, #sidebar, #sidebarHome { float: left; display: inline; }
#main { width: 896px; margin: 20px 0 41px 0; background: url(../images/template/divider-vertical.gif) 671px 0 repeat-y; }
.sectionHome #main { margin-bottom: 25px; background: url(../images/template/bg-col3.gif) 202px 0 repeat-y; }
#content { width: 451px; margin: -2px 113px 0 129px; }
* html #content { margin-top: 0; }
.sectionHome #content { width: 401px; margin-right: 49px; margin-left: 38px; }
#sidebar { width: 195px; margin-top: -16px; }
#sidebarHome { width: 182px; margin-top: -16px; margin-left: 13px; }

.column p a, .column p a:visited, #features p a, #features p a:visited { color: #333; }
.column p a:hover, .column p a:hover, #features p a:hover { color: #690; text-decoration: none; }

#features { float: left; display: inline; width: 859px; margin: 0 23px 27px 14px; padding-top: 23px; background: url(../images/template/divider-horizontal.gif) top left repeat-x; }
#features h3 { margin-bottom: 1em; }
#features ul { margin-left: 6px; background: url(../images/template/bg-features.gif) 203px 0 no-repeat; min-height: 101px; height: auto; }
#features li { float: left; display: inline; width: 184px; margin: 3px 40px 0 0; }
#features li.last { margin-right: 0; width: 180px; }

#footer { clear: both; padding: 9px 11px; border-top: 1px solid #ccc; color: #999; }
#footer li { float: left; margin-left: 9px; padding-right: 9px; border-right: 1px solid #999; }
#footer li.last { border-right: 0; }
#footer a, #footer a:visited { color: #999; }
.sectionHome #footer { padding: 9px 0; margin: 0 20px; }
.sectionHome #footer li { margin-left: 5px; padding-right: 4px; border-right: 0; }

/* Special cases
================================================================*/

#content img { margin: 0.5em 0; }
a.more { display: block; padding-top: 0.5em; font-size: 1.2em; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; }
a.more:hover { text-decoration: none; font-weight: bold; }
#content ul.minor { margin-bottom: 0; }

p.alert { color: #c66; }

/*homepage*/
.sectionHome #content h1 { margin-bottom: 0.6em; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.2em; }
#main ul.logos { margin-top: 7px; float: left; display: inline;  width: 167px; background: url(../images/template/divider-horizontal.gif) top left repeat-x; }
ul.logos li { padding: 1.5em 0 0 10px; }
p.intro { color: #690; }
blockquote { margin: 0 1em 1.5em; color: #690; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-size: 1.5em; line-height: 1.3em; }

/*design credit*/
#footer #credit { float: right; width: 90px; display: inline; margin-right: 5px; text-transform: lowercase; color: #bbb; text-align: right; font-size: .9em; } 
* html #footer #credit { margin-right: 0; }
#credit a, #credit a:visited { color: #bbb; }

/*catering menu*/
/*.sectionMenu #content { width: 500px; margin-right: 64px; }*/
#subnav { color: #690; font-size: 1.05em; }
.sectionMenu #content h2 { padding-top: 0; margin-bottom: 0.2em; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.1em; font-weight: bold; }
/*ie adds padding with display inline*/
ul.narrow { float: left; /*display: inline;*/ width: 200px; }
ul.second { width: 240px; }

/*actions bar*/
.sectionMenu #content { position: relative; }
ul.actions { position: absolute; top: 0; left: 334px; width: 199px; }
* html ul.actions li { margin-left: 15px; display: inline; }
ul.actions li { float: left; margin-left: 17px; padding-left: 20px; background: url(../images/icons/share.gif) center left no-repeat; cursor: pointer; }
ul.actions li a { display: block; }
ul.actions li a, .ul.actions li a:visited { color: #333; }
ul.actions li:hover, ul.actions li a:hover { color: #690 !important; text-decoration: none; }
ul.actions li#actionShare { padding-left: 14px; }
ul.actions li#actionEmail { background-image: url(../images/icons/email.gif); }
ul.actions li#actionPrint { background-image: url(../images/icons/print.gif);  }

/*offers*/
.sectionOffers #content h2 { padding-top: 15px; }

/*jobs*/
.sectionJobs #content { width: 410px; margin-right: 154px; }
.sectionJobs #content h2 { font-family: verdana, Arial, Helvetica, sans-serif; font-size: 1.1em; font-weight: bold; }
div.job { margin: 1em 0; }

/*location*/
#content a.obvious, #content a.obvious:visited { text-decoration: underline; }
/*.sectionLocation #sidebar p a, .sectionLocation #sidebar p a:visited { color: #690; }*/
#content .subtle a, #content .subtle a:visited, #content a.subtle, #content a.subtle:visited { color: #333; }
iframe { margin-bottom: 0.5em; }