@charset "UTF-8";
/* CSS Document */
/* for understanding browsers */
.container {
width:20em;
padding:0.5em;
border:1px solid #000;
min-height:8em; 
height:auto;
}
/* for Internet Explorer */
/*\*/
* html .container {
height: 8em;
}
/**/

body {
	font-size:62.5%;
	font-family:Arial, sans-serif;
	text-align:left;
	color:#988375;
	background-image:url(http://goddessandgrocer.com/images/gg_bg_tile.gif);
	background-repeat:repeat;
	margin:0px;
	padding:0px;
	filter: alpha(opacity=99.99);   
	-moz-opacity: .9999;   
	opacity: .9999;
	-khtml-opacity: .9999; 
	z-index:0;
}
body.giftBasket {
	background:none;
}
html,body {
	height:100%;
}
p {
	margin: 0px 0px 10px 0px;
	font-size:1em;
	line-height:1.3em;
}
a:link,
a:visited,
a img {
	border:none;
	text-decoration:none;
	color:#543019;
}
a:hover,
a:active {
	border:none;
	text-decoration:underline;
	color:#e4dcd5;
}
.ON {
	color:#543019;
}
ul {
	list-style:none;
	padding:0px;
	margin:0px;
}
#container {
	position:relative; /* needed for footer positioning*/
	width:870px;
	height:auto;
!important; /* real browsers */
	margin-left:auto;
	margin-right:auto;
	background:#FFF;
	padding:0px 25px 25px 25px;
	z-index:0;
	overflow:visible;
}
#container.giftBasket {
	background:none;
}
@media print
{
#container {top:0%; margin-top:0px;}
}
button::-moz-focus-inner { border:0; }
a:focus { outline:none; }
DIV .googlecart-add-button	 {
	margin:5px 0px;
}
/* ------------------------------ main content ------------------------------ */
#contentWrapper {
	position:relative;
	display:block;
	height:auto;
!important; /* real browsers */
	min-height:500px; /* real browsers */
	width:870px;
	float:left;
	font-size:1.1em;
	line-height:1.3em;
	border-bottom:#e4dcd5 1px solid;
	overflow: visible;
}
#contentWrapper a:link,
#contentWrapper a:visited,
#contentWrapper a img {
	text-decoration:none;
	color:#543019;
}
#contentWrapper a:hover,
#contentWrapper a:active {
	border:none;
	text-decoration:underline;
	color:#988375;
}

/* ------------------------------ headers ------------------------------ */
h1 {
	font-family:Copperplate Gothic, Copperplate, Georgia Bold, Times Bold, Times, serif;
	text-transform:uppercase;
	font-size:1.6em;
	background:#e4dcd5;
	color:#FFF;
	line-height:25px;
	margin:10px;
	padding:5px 0px;
	text-align:center;
	border:#FFF 4px solid;
	border-style:double;	
	font-weight:normal;
	clear:both;
}
#content.locations h1 {
	background:#acb354;
	margin:5px;
	padding:5px 0px;
}
#content.orderOnline h1 {
	background:#ceb324;
}
#content.catering h1 {
	background:#db7d57;
}
#content.shop h1 {
	background:#6c4d3a;
}
#content.ourStory h1 {
	background:#d19537;
}
#content.stayInTouch h1 {
	background:#7696a5;
}
/* ------------------------------ */
#h1BG { 
	width:422px;
	background:#f1eeea;
	color:#543019;
	padding:0px; 
	margin-bottom:15px;  
	float:left;
}
#content.locations #h1BG { 
	background:#f0f1e1;
	padding:5px;
}
#content.orderOnline #h1BG { 
	background:#f8f1d3;
}
#content.orderOnline #h1BG div#BGimage { 
	background:url(http://goddessandgrocer.com/images/h1BG-orderOnline.jpg) no-repeat;
	height:125px;
}
#content.catering #h1BG { 
	background:#fbf3ef;
}
#content.catering #h1BG div#BGimage { 
	background:url(http://goddessandgrocer.com/images/h1BG-catering.jpg) no-repeat;
	height:125px;
}
#content.shop #h1BG { 
	background:#efebe7;
}
#content.ourStory #h1BG { 
	background:#fdf4e7;
}
#content.stayInTouch #h1BG { 
	background:#ebf3f7;
}
/* ------------------------------ */
#h1BG .callout {
	margin:0px;
	font-family:Times, serif;
	color:#acb354;
	font-size:1.2em;
	line-height:1.1em;
	font-weight:normal;
	clear:both;
}
h2 {
	font-family:Times, serif;
	font-size:1.4em;
	color:#543019;
	line-height:15px;
	padding:5px 0px;
	letter-spacing:0em;
	border-bottom:#988375 1px dashed;	
	font-weight:normal;
	clear:both;
}
#col2 h2 {
	padding:0px 0px 5px 0px;
}
#content.locations h2 {
	color:#acb354;
}
#content.orderOnline h2 {
	color:#ceb324;
}
#content.catering h2 {
	color:#db7d57;
}
#content.shop h2 {
	color:#6c4d3a;
}
#content.ourStory h2 {
	color:#d19537;
}
#content.stayInTouch h2 {
	color:#7696a5;
}
h3 {
	position:relative;
	height:15px;
	line-height:15px;
	padding:6px 5px 4px;
	margin:25px 0px 5px;
	font-family:Copperplate Gothic, Copperplate, Georgia Bold, Times Bold, Times, serif;
	font-size:1.2em;
	letter-spacing:0em;
	text-transform:uppercase;
	font-weight:normal;
	color:#543019;
	background:#f1eeea;
	text-align:center;
	clear:both;
}
#news h3 {
	background:#e4dcd5;
	margin:0px;
	text-align:left;
}
h4 {
	margin:10px 0px;
	font-family:Times, serif;
	color:#543019;
	font-size:1.3em;
	font-weight:normal;
	clear:both;
}
h5 {
	margin:0px;
	font-family:Times, serif;
	color:#543019;
	font-size:1.2em;
	font-weight:normal;
	padding-bottom:3px;
	clear:both;
}
h6 {
	margin:0px;
	font-family:Arial, sans-serif;
	color:#543019;
	font-size:1em;
	font-weight:normal;
	padding-bottom:3px;
	clear:both;
}
.ital {
	font-family:Times, serif;
	font-size:.95em;
	text-transform:none;
	font-weight:normal;
	font-style:italic;
}
.callout {
	font-family:Times, serif;
	letter-spacing:0em;
	font-size:1.4em;
	line-height:1.5em;
}
.highlight {
	color:#acb354;
}
.highlight a:link,
.highlight a:visited,
.highlight a img {
	border:none;
	text-decoration:none;
	color:#acb354;
}
.highlight a:hover,
.highlight a:active {
	border:none;
	text-decoration:underline;
	color:#988375;
}
.highlightDK {
	font-family:Arial, sans-serif;
	color:#543019;
	font-size:1em;
	font-weight:normal;
}


/* ------------------------------ home ------------------------------ */
#content {
	position:relative;
	display:block;
	height:auto;
	width:650px;
	margin:0px 0px 20px 0px;
	float:left;
}
#content div#col1 {
	position:relative;
	display:block;
	height:auto;
	width:432px;
	padding:5px 5px 0px 0px;
	float:left;
}
#content div#col2 {
	position:relative;
	display:block;
	height:auto;
	width:190px;
	padding:0px 10px 0px 13px;
	float:left;
}
#buttons div {
	padding:0px 4px 0px 0px;
	margin:0px;
	border:none;
	float:left;
}
#buttons div.last {
	padding:0px 0px 0px 0px;
	margin:0px;
	border:none;
	float:left;
}
#buttons div.last {
	padding:0px 0px 0px 0px;
}
#news {
	padding:5px 0px 0px 0px;
	height:auto;
}
#news div#col1 {
	position:relative;
	display:block;
	height:auto;
	width:200px;
	height:150px;
	padding:5px 10px 0px 5px;
	border-right:#e4dcd5 1px solid;
	overflow:hidden;
	float:left;
}
#news div#col2 {
	position:relative;
	display:block;
	height:auto;
	width:200px;
	height:150px;
	padding:5px 10px 0px 8px;
	border-right:#e4dcd5 1px solid;
	overflow:hidden;
	float:left;
}
#news div#col3 {
	position:relative;
	display:block;
	height:auto;
	width:200px;
	height:150px;
	padding:5px 10px 0px 8px;
	border-right:#e4dcd5 1px solid;
	overflow:hidden;
	float:left;
}
#news div#col4 {
	position:relative;
	display:block;
	height:auto;
	width:200px;
	height:150px;
	padding:5px 5px 0px 8px;
	overflow:hidden;
	float:left;
}

/* ------------------------------ menu formatting ------------------------------ */
#copy .menuItem {
	position:relative;
	display:block;
	border-bottom:#bcac95 1px dotted; /* lt brown */
	margin:10px 0px 0px;
	padding:2px 0px;
	width:400px;
	font-family:Arial, sans-serif;
	color:#543019;
	font-size:1em;
	line-height:1.4em;
	font-weight:normal;
	clear:both;
}
#copy .menuPrice {
	position:absolute;
	color:#543019;
	text-align:right;
	right:23px;
	margin-top:-18px;
	width: 258px;
}
#copy .menuPrice em {
	font-family:Times, serif;
	font-style:italic;
}
#copy .menuDescription em,
#copy .menuCentered em {
	font-family:Times, serif;
	font-style:italic;
}
#copy .menuDescription {
	padding:2px 0px;
	width:400px;
	color:#988375;
	text-align:left;
	clear:both;
}
#copy .menuCentered {
	padding:2px 0px;
	width:350px;
	color:#988375;
	text-align:left;
	clear:both;
}
#copy .menuSubhead {
	font-family:Times, serif;
	letter-spacing:0em;
	font-size:1.1em;
	color:#543019;
	margin:15px 0px 0px;
	text-align:left;
}

/* ------------------------------ copy formatting ------------------------------ */
#copy {
	padding:0px 15px;
	clear:both;
}
#copy div.locations {
	position:relative;
	display:block;
	height:100px;
	width:auto;
	height:auto;
	clear:both;
}
#copy div.locations p.col1 {
	position:relative;
	display:block;
	width:135px;
	padding:40px 15px 40px 0px;
	text-align:center;
	font-family:Times, serif;
	font-size:1.4em;
	color:#ceb324;
	letter-spacing:0em;
	float:left;
	overflow: hidden;

}
#copy div.locations p.b {
	background:url(http://goddessandgrocer.com/images/mini_map_b.gif) no-repeat;
}
#copy div.locations p.gc {
	background:url(http://goddessandgrocer.com/images/mini_map_gc.gif) no-repeat;
}
#copy div.locations p.lp {
	background:url(http://goddessandgrocer.com/images/mini_map_lp.gif) no-repeat;
}
#copy div.locations p.col2 {
	position:relative;
	display:block;
	width:140px;
	text-align:left;
	float:left;
	overflow:hidden;
}
#copy div.locations p.col3 {
	position:relative;
	display:block;
	width:110px;
	text-align:center;
	float:left;
}
div.divider {
	padding:10px;
	margin:40px 0px;
	border-bottom:#988375 1px dashed;
	clear:both;
}

/* ------------------------------ shop ------------------------------ */
#shopBox {
	margin:0px 0px 0px 15px;
}
#shopBox .shop {
	margin:0px;
	padding:0px 5px 10px 0px;
	height:160px;
	width:133px;
	text-align:center;
	float:left;
	overflow: scroll;
}
#shopBox .shop img  {
	text-align:center;
	margin:0px 0px 5px 0px;	
}
.shopItem {
	margin:0px;
	padding:0px 5px 10px 0px;
	height:145px;
	width:133px;
	overflow:hidden;
	float:left;
}
.shopItem img {
	border:#e4dcd5 1px solid;
	margin:0px 0px 5px 0px;	
}
.shopItem a:link img,
.shopItem a:visited img,
.shopItem a img,
.shopItem a:hover img,
.shopItem a:active img {
	border:#e4dcd5 1px solid;	
}
.shopItem p {
	margin:0px;	
	font-weight:bold;
	font-size:1em;
	margin-right:10px;
	border-bottom:#e4dcd5 1px dotted;
}
.shopItem p a:link,
.shopItem p a:visited {
	text-transform:uppercase;
	font-size:.7em;
}
.shopItem p.price  {
	border:none;
	width:40%;
	float:left;
}
.shopItem p.details  {
	border:none;
	width:40%;
	float:right;
	text-align:right;
}
#giftBasket {
	border:#e4dcd5 1px solid;
	padding:14px;
	width:840px;
	background:white;
	position:fixed;
	top:94px;
	font-size:1.1em;
}
#giftBasket img {
	border:#e4dcd5 1px solid;
	margin:0px 15px 0px 0px;
	float:left;
}
#giftBasket #description {
	width:320px;
	float:left;
}
#giftBasket #description img {
	margin:0px 10px 10px 0px;
	border:none;
	float:left;
}
#giftBasket #description p {
	clear:both;
}
#giftBasket h2 {
	font-family:Times, serif;
	padding:5px 0px;
	margin:0px 0px 10px 0px;
	font-size:1.4em;
	line-height:1em;
}
#giftBasket strong {
	font-weight:bold;
}

/* ------------------------------ coupons ------------------------------ */
#printCoupon {
	background:#ceb324;
	width:700px;
	height:300px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	padding:0px; 
	top:0px
}

/* ------------------------------ gallery ------------------------------ */
#gallery {
	position:relative;
	display:block;
	height:auto;
	width:180px;
	padding:5px 5px 0px 0px;
	float:left;
}
#gallery img {
	float:left;
	padding:0px 10px 10px 0px;
}
a.thumb img {
	filter: alpha(opacity=99.99);   
	-moz-opacity: .9999;   
	opacity: .9999;
	-khtml-opacity: .9999;
}
a.thumb:hover img {
	filter: alpha(opacity=80);   
	-moz-opacity: .80;   
	opacity: .80;
	-khtml-opacity: .80;
}

/* ------------------------------ slideshow ------------------------------ */
#content div#slideshow {
	position:relative;
	display:block;
	height:235px;
	width:650px;
	z-index:0;
}
#content div#slideshow div#blenddiv {
	position:absolute;
	z-index:0;
}

/* ------------------------------ header ------------------------------ */
#follow {
	position:relative;
	display:block;
	width:870px;
	height:30px;
	padding:5px 0px;
	color:#e4dcd5;
	margin:0px;
	background:#543019;
	clear:both;
}
#follow .left {
	position:absolute;
	left:10px;
	width:40%;
	text-align:left;
}
#follow .right {
	position:absolute;
	right:10px;
	width:40%;
	text-align:right;
	color:#988375;
}
#follow a:link,
#follow a:visited,
#follow a img {
	border:none;
	text-decoration:none;
	color:#e4dcd5;
}
#follow a:hover,
#follow a:active {
	border:none;
	text-decoration:none;
	color:#FFF;
}
#header {
	clear:both;
	position:relative;
	display:block;
	height:110px;
	margin:0px;
	padding:0px;
	width:870px;
	top:0px;
	background-image:url(http://goddessandgrocer.com/images/gg_header.gif);
	background-position:top;
	background-repeat:no-repeat;
	overflow: hidden;
}

/* ------------------------------ top nav ------------------------------ */
#topNav {
	padding:5px 0px;
	font-family:Copperplate Gothic, Copperplate, Georgia Bold, Times Bold, Times, serif;
	color:#543019;
	font-size:1.2em;
	letter-spacing:0em;
	text-transform:uppercase;
	z-index:20;
}
#topNav ul {
	list-style:none;
	padding:0px;
	margin:0px;
	position:relative;
	display:block;
	height:38px;
	width:870px;
	left:-1px;
	border:#988375 1px solid;
	z-index:20;
}
#topNav li {
	position:relative;
	display:block;
	height:20px;
	width:127px;
	padding:5px;
	line-height:20px;
	text-align:center;
	border:#988375 4px solid;
	border-style:double;
	float:left;
	z-index:20;
}
#topNav li a,
#topNav li a:link,
#topNav li a:visited {
	display:block;
	height:30px;
	width:127px;
}
#topNav li:hover,
#topNav li:hover a { 
	color:#FFF;
}
#topNav li:hover a.drop,
#topNav li li:hover a.drop {
	color:#543019;
}
#topNav li#locations:hover { /* makes whole block highlight */
	background:#acb354;
	color:#FFF;
}
#topNav li#locations li:hover { /* makes whole block highlight */
	background:#FFF;
}
#topNav li#orderOnline:hover { /* makes whole block highlight */
	background:#ceb324;
}
#topNav li#catering:hover { /* makes whole block highlight */
	background:#db7d57;
}
#topNav li#shop:hover { /* makes whole block highlight */
	background:#6c4d3a;
}
#topNav li#ourStory:hover { /* makes whole block highlight */
	background:#d19537;
}
#topNav li#stayInTouch:hover { /* makes whole block highlight */
	background:#7696a5;
}
#topNav li ul {
	position: absolute;
	display:block;
	width:145px;
	height:auto;
	border:#988375 1px solid;
	top:33px;
	left:-10000px;
	z-index:20;
}
#topNav li:hover ul {
	left:-5px;
}
#topNav ul li li {
	list-style:none;
	padding:5px 0px;
	margin:0px;
	height:20px;
	width:137px;
	background:#f0f1e1;
	border:#988375 4px solid;
	border-style:double;
	font-family:Times, serif;
	letter-spacing:0em;
	font-size:1em;
	text-transform:none;
	float:none;
	z-index:20;
}
#topNav ul li a:hover,
#topNav ul li a:active {
	text-decoration:none;
}
#topNav ul li li a:hover,
#topNav ul li li a:active {
	text-decoration:none;
}

/* ------------------------------ side nav: menus ------------------------------ */
#sideNav {
	position:relative;
	display:block;
	height:auto;
	color:#543019;
	float:left;
}
#sideNav.home {
	background:#f1eeea;
	width:205px;
	padding:5px;
	height:225px;
	font-size:1em;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#sideNav.home ul {
}
#sideNav.home li.first {
	height:15px;
	line-height:15px;
	padding:5px;
	background-color:#FFF;
	border-bottom:none;
	font-family:Copperplate Gothic, Copperplate, Georgia Bold, Times Bold, Times, serif;
	font-size:1.2em;
	letter-spacing:0em;
	text-transform:uppercase;
}
#sideNav.home li {
	height:15px;
	line-height:15px;
	padding:5px 5px;
	font-family:Arial, sans-serif;
	font-size:1em;
	letter-spacing:0em;
	border-bottom:#543019 1px dashed;
	clear:both;
}
#sideNav.home li p.left {
	position:relative;
	display:block;
	width:115px;
	text-align:left;
	float:left;
}
#sideNav.home li p.right {
	position:relative;
	display:block;
	width:30px;
	text-align:right;
	float:left;
}
.right {
	text-align:right;
}

/* ------------------------------ side nav ------------------------------ */
#sideNav {
	width:200px;
	margin:0px 10px 5px 0px;
	padding:5px;
}
#sideNav ul {
}
#sideNav li.first {
	height:15px;
	line-height:15px;
	padding:5px;
	font-family:Copperplate Gothic, Copperplate, Georgia Bold, Times Bold, Times, serif;
	font-size:1.2em;
	letter-spacing:0em;
	text-transform:uppercase;
	border-bottom:#988375 1px dashed;
}
#sideNav li {
	line-height:25px;
	padding:2px 2px 2px 7px;
	font-family:Times, serif;
	letter-spacing:0em;
	font-size:1.2em;
	border-bottom:#988375 1px dashed;
}
#sideNav li.last {
	border-bottom:none;
}
#sideNav li li {
	line-height:25px;
	padding:0px 2px 0px 7px;
	letter-spacing:0em;
	background:#f1eeea;
	border-bottom:#FFF 2px solid;
	font-family:Arial, sans-serif;
	font-size:.8em;
}
#sideNav li li ul {
	margin-left:-5px;
}
#sideNav li li li {
	height:15px;
	line-height:15px;
	padding:5px 10px;
	font-family:Times, serif;
	font-style:italic;
	font-size:1em;
	background:#FFF;
	margin-bottom:2px;
}

/* ------------------------------ breadcrumb ------------------------------ */
#breadcrumb {
	position:relative;
	display:block;
	height:15px;
	width:860px;
	color:#988375;
	line-height:15px;
	padding:5px;
	float:left;
}
#breadcrumb div.left {
	width:660px;
	text-align:left;
	padding:0px;
	float:left;
}
#breadcrumb div.right {
	width:200px;
	text-align:right;
	float:right;
}
#breadcrumb a:link,
#breadcrumb a:visited,
#breadcrumb a img {
	border:none;
	text-decoration:none;
	color:#988375;
}
#breadcrumb a:hover,
#breadcrumb a:active {
	border:none;
	text-decoration:underline;
}

/* ------------------------------ footer ------------------------------ */
#footer {
}
#footer a:link,
#footer a:visited {
}
#footer a:hover,
#footer a:active {
}
.clear {
	clear:both;
}
#clear {
	clear:both;
}