.ac_results {
	padding: 0px;
	border: 1px solid WindowFrame;
	background-color: Window;
	overflow: hidden;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	width: 100%;
	font: menu;
	font-size: 12px;
	overflow: hidden;
}

.ac_loading {
	background : Window url('indicator.gif') right center no-repeat;
}

.ac_over {
	background-color: Highlight;
	color: HighlightText;
}


/* -------------------------------------------------------------- 
  
   Reset.css
   * Version:   0.5 (28/8/2007)
   * Website:   http://code.google.com/p/blueprintcss/
   
   Original by Eric Meyer:
   * meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
   
-------------------------------------------------------------- */

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,
strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body { line-height: 1; color: #333; background: white; }

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* EOF */


/* -------------------------------------------------------------- 
   
   Typography.css
   * Version:   0.5 (28/8/2007)
   * Website:   http://code.google.com/p/blueprintcss/
  
   Based on work by:
   * Olav Bjorkoy      [bjorkoy.com]   
   * Nathan Borror     [playgroundblues.com]
   * Jeff Croft        [jeffcroft.com]
   * Christian Metts   [mintchaos.com]
   * Wilson Miner      [wilsonminer.com]
   
   Read more about using a baseline here:
   * alistapart.com/articles/settingtypeontheweb
  
-------------------------------------------------------------- */

body { 
  font-size: 75%;
  line-height: 18px; /* All elements should be a multiple of this value. */
}


/* Default fonts */
h1,h2,h3,
h4,h5,h6  { font-family: Constantia, "Palatino Linotype", Palatino, Georgia, "Times New Roman", Times, serif; }
body      { font-family: Frutiger, Univers, "Helvetica Neue", "Lucida Grande", Calibri, Helvetica, Verdana, sans-serif; } 
pre       { font-family: Corbel, Verdana, "Bitstream Vera Sans", sans-serif; } 
code      { font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Monaco, Courier, monospace; } 


/* Headings
-------------------------------------------------------------- */

h1,h2 { 
  color:#111; 
}

h1 { font-size: 2.5em; line-height: 36px; padding: 0 0 18px 0; }
h2 { font-size: 1.66em; line-height: 36px; }
h3 { font-size: 1.33em; line-height: 36px; }
h4 { font-size: 1.16em; font-weight: bold; }
h5 { font-size: 1em; font-weight: bold; }
h6 { font-size: 12em; }


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 18px 0; text-align:justify; }
p.last      { margin-bottom:0; }
p img       { float: left; margin:18px 18px 18px 0; padding:0; }
p img.top   { margin-top:0; } /* Use this if the image is at the top of the <p>. */

a           { color: #125AA7; text-decoration: underline; }
a:hover     { color: #000; }

ul, ol      { margin: 0 0 18px 18px; }
ul          { list-style-type: circle; }
ol          { list-style-type: decimal; }
dl          { margin: 0 0 18px 0; }
dl dt       { font-weight: bold; }

blockquote  { margin: 0 0 18px 18px; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em          { font-style: italic; }
pre         { margin-bottom: 18px; background: #eee; border:1px solid #ddd; padding:16px; }

/* Use this to create a horizontal ruler across a column. */
hr {
  background: #B2CCFF; 
  color: #B2CCFF;
  clear: both; 
  float: none; 
  width: 100%; 
  height: 2px;
  margin: 0 0 16px 0;
  border: none; 
}


/* Tables
-------------------------------------------------------------- */

table   { margin-bottom: 16px; border-top:1px solid #ddd; border-left:1px solid #ddd; }
th,td   { height: 13px; padding:2px 4px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; }
th      { font-weight:bold; }


/* Some default classes
-------------------------------------------------------------- */

p.small   { font-size: 10px; margin-bottom: 18px; }
p.large   { font-size: 14px; line-height:36px; }
p.quiet   { color: #666; }
.hide     { display: none; }


/* Extra fancy typography
-------------------------------------------------------------- */

/* For great looking type, use this code instead of asdf: 
   <span class="alt">asdf</span>  
   Best used on prepositions and ampersands. */
  
.alt { 
  color: #666; 
  font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif; 
  font-size: 1.2em;
  line-height: 1%; /* Maintain correct baseline */
  font-style: italic;
}

/* For great looking quote marks in titles, replace "asdf" with:
   <span class="dquo">&#8220;</span>asdf&#8221;
   (That is, when the title starts with a quote mark). 
   (You may have to change this value depending on your font size). */  
   
.dquo { margin-left: -.7em; } 


/* Reduced size type with incremental leading
   (http://www.markboulton.co.uk/journal/comments/incremental_leading/)

   This could be used for side notes. For smaller type, you don't necessarily want to 
   follow the 1.5x vertical rhythm -- the line-height is too much. 
   
   Using this class, it reduces your font size and line-height so that for 
   every four lines of normal sized type, there is five lines of the sidenote. eg:

   New type size in em's:
     10px (wanted side note size) / 12px (existing base size) = 0.8333 (new type size in ems)

   New line-height value:
     12px x 1.5 = 18px (old line-height)
     18px x 4 = 72px 
     72px / 5 = 14.4px (new line height)
     14.4px / 10px = 1.44 (new line height in em's) */

p.incr, .incr p {
	font-size: 10px;
	line-height: 1.44em;  
	margin-bottom: 18px; /* Still 1.5 x normal font size as baseline */
}


/* Surround uppercase words and abbreviations with this class.
   Based on work by Jørgen Arnor Gårdsø Lom [http://twistedintellect.com/] */
   
.caps { 
  font-variant: small-caps; 
  letter-spacing: 1px; 
  text-transform: lowercase; 
  font-size:1.2em;
  line-height:1%;
  font-weight:bold;
}

/* EOF */



body {
	text-align: center; /* IE6 Fix */
	margin:	0 0 36px 0;
	background: #FFF url('../images/page-bg.png') center repeat-y;
	font-family: Frutiger, Univers, "Helvetica Neue", "Lucida Grande", Calibri, Helvetica, Verdana, sans-serif;
}
.container {
	position: relative;
	width: 750px;
	text-align: left;
	padding: 0;
	margin: 0 auto;   /* Centers layout */
}
h1 {
	background: url('../images/h1_bg.png') center repeat-x;
	font-weight: normal;
	padding-left: 5px;
	font-style: italic;
}
h2 {
	font-family: Frutiger, Univers, "Helvetica Neue", "Lucida Grande", Calibri, Helvetica, Verdana, sans-serif;
	color: #3494A4;
	font-weight: normal;
}
table, th, td {
	border: none;
}
img {
	margin: 0;
}

/* jQuery.autocomplete Overrides */
.ac_results {
	border: 1px solid #C8C8C8;
	background-color: #FFF;
}

.ac_results li {
	text-align: left;
	font-family: Frutiger, Univers, "Helvetica Neue", "Lucida Grande", Calibri, Helvetica, Verdana, sans-serif;
}

.ac_over {
	background-color: #3494A4;
	color: #FFF;
}

/* Main */
#header {
	background: #FFF url('../images/head_bg.png') 0 0 no-repeat;
	margin-bottom: 36px;
	float: left;
	width: 100%;
}
#logo {
	position: absolute;
	left: 25px; top: 0;
}
#header #search-form {
	margin-top: 108px;
	background: #BDDFE8 url('../images/search.png') right no-repeat;
	height: 36px;
	text-align: right;
	color: #3494A4;
}
#header #search-form label {
	font-weight: bold;
	line-height: 36px;
	font-size: 1.5em;
}
#header #search-form #search-field {
	margin-right: 35px;
	width: 150px;
}
#header #search-form button {
	float: left;
}
#left-col {
	width: 190px;
	margin-right: 10px;
	float: left;
}
#left-col h2 a {
	text-decoration: none;
	border-bottom: 1px dotted;
	color: #3494A4;
}
#left-col h2 a:hover {
	border-bottom: 0;
}
#left-col h2 a:hover {
	text-decoration: none;
}

#left-col dl dt {
	float: left;
}
#left-col dl dd {
	text-align: right;
}
#main-content {
	margin-bottom: 18px;
	width: 530px;
	float: left;
	padding-left: 20px;
	margin-right: 0;
}
#footer {
	width: 100%;
	padding-top: 18px;
	border-top: 1px solid #C8C8C8;
	text-align: center;
	float: left;
}
/* Content */
#middle-col {
	float: left;
	width: 350px;
	margin-right: 10px;
}
ul#category-list {
	float: left;
	width: 168px;
	margin-right: 0;
	list-style: none;
	margin: 9px 0 0 0;
	padding: 8px 0;
	background-color: #BDDFE8;
	border: 1px solid #3494A4;
}
ul#category-list li a {
	display: block;
	color: #3494A4;
	text-decoration: none;
	padding-left: 10px;
	font-variant: small-caps; 
	letter-spacing: 1px; 
	text-transform: lowercase; 
	font-size:1.2em;
	font-weight:bold;
}
ul#category-list li a:hover {
	background: #fff;
}
ul.shop-list {
	line-height: 36px;
	list-style: none;
	margin: 0;
}

dl.shop-detail {
	margin-top: 18px;
}
dl.shop-detail dd {
	margin-left: 40px;
}
ul.icon-list {
	list-style: none;
	margin: 0;
}
ul.icon-list li {
	float: left;
	width: 50%;
	height: 54px;
}
ul.icon-list li img {
	padding-right: 7px;
	vertical-align: middle;
}
.article-body {
	margin-top: 18px;
}
.right {
	float: right;
	padding-left: 10px;
}
.required {
	color: red;
}
a.more {
	display: block;
	float: right;
	padding-right: 5px;
	line-height: 36px;
}
div.index {
	margin-top: 36px;
	font-size: 1.33em;
	line-height: 36px;
	text-align: left;
	background-color: #BDDFE8;
	text-transform: uppercase;
}
div.index a {
	color: #3494A4;
	font-weight: bold;
	text-decoration: none;
}
div.index a:hover {
	text-decoration: underline;
}


ul#navigation, ul#navigation li ul {
	background-color: #FFF;
	border: 2px solid #EDEDED;
	list-style: none;
	margin: 0 0 18px 0;
	width: 186px;
}
ul#navigation li {
	position: relative;
	padding-left: 10px;
	line-height: 26px;
	border-bottom: 1px solid #EDEDED;
}
ul#navigation li a {
	display: block;
	width: 100%;
	text-decoration: none;
	color: #333333;
}
ul#navigation li ul {
	position: absolute;
	top: -1px; left: -999em;
	z-index: 999;
}

ul#navigation li:hover ul, ul#navigation li.sfHover ul {
	left: 186px;
}

ul#navigation li a.sub {
	background: url('../images/hi_nav_bg.png') right no-repeat;

}

body.home #nav-home, body.store-directory #nav-store-directory, body.store-map #nav-store-map, body.local-map #nav-local-map,
body.about #nav-about, body.events #nav-events, body.photos #nav-photos, body.careers #nav-careers, ul#navigation li a:hover {
	color: #3494A4;
}