﻿/*
G5 Search Marketing Copyright 2009
Local Search Marketing - Local Internet Advertising
*/

/* reset - don't modify */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
p,ol,ul {list-style:none;}
p, img {padding:0;margin:0;}
caption,th {text-align:left;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}
/* /reset */

/* GLOBAL SETTINGS */
/* -------------------- */

h1,h2,h3,h4,h5,h6{color:#575757;}
h1 {font-size:180%;}
h2 {font-size:160%;}
h3 {font-size:140%;}
h4 {font-size:120%;}
h5 {font-size:100%;}
h6 {font-size:80%;}

a {color:#0083d4;text-decoration:none;}
a:hover {text-decoration:underline;}

.clear {clear:both;}
.none {display:none;}
.external {padding-right:14px;background:url(/images/external-link-icon.gif) no-repeat right top;}

.right {float:right;}
.left {float:left;}
img.left {margin:0 20px 10px 0;}
img.right {margin:0 0 10px 20px;}

th {font-weight:bold;}
dt {font-weight:bold;padding-top:10px;}

/* STRUCTURE */
/* -------------------- */

html {height:100%;}

body {
	position:relative;
	color:#5e5e5e;
	text-align:center;
	font-family:arial, helvetica, sans-serif;
	font-size:12px;
	background:#0048a9 url(/images/bg.gif) top center;
	height:100%;
}

#whopper {
	width:902px;
	padding:0 24px;
	margin:0 auto;
	text-align:left;
	background:#fff;
	border:2px solid #003882;
	border-width:0 2px;
	height:auto !important;height:100%;min-height:100%;
}

#header {height:126px;}

#nav {height:44px;z-index:900;}

#middle {
	position:relative;
	padding:22px 0;
	min-height:450px;height:auto !important;height:450px;
}

#footer {position:relative;background:url(/images/layout-sprite.png) no-repeat 0 -210px;padding-bottom:20px;}

/* HEADER */
/* -------------------- */

/* logo */
#logo {
	float:left;
	display:block;
	width:252px;
	height:103px;
	text-indent:-9999px;
	background:url(/images/layout-sprite.png);
}

/* header address */
#header-address {
	float:left;
	width:160px;
	margin:0 0 0 120px;
	font-size:14px;
	line-height:16px;
	text-align:center;
}
#header-address li.tel {
	font-size:25px;
	font-weight:bold;
	color:#003882;
	padding:35px 0 13px 0;
}

/* buttons */
#pay-online {
	display:block;
	float:right;
	width:147px;height:62px;
	text-indent:-9999px;
	margin-top:38px;
	background:url(/images/layout-sprite.png) -608px 0;
}
#pay-online:hover {background-position:-755px 0;}

/* NAVIGATION */
/*-----------------------*/

#nav li {float:left;}

#nav li a.top-level {
	display:block;
	height:44px;
	text-indent:-9999px;
	background:#2795d9 url(/images/layout-sprite.png);
}

#nav li.home a.top-level {width:114px;background-position:0 -122px;}
#nav li.prices a.top-level {width:233px;background-position:-114px -122px;}
#nav li.location a.top-level {width:146px;background-position:-347px -122px;}
#nav li.supplies a.top-level {width:224px;background-position:-493px -122px;}
#nav li.tips a.top-level {width:185px;background-position:-717px -122px;}

#nav li.home a.top-level:hover {background-position:0 -166px;}
#nav li.prices a.top-level:hover {background-position:-114px -166px;}
#nav li.location a.top-level:hover {background-position:-347px -166px;}
#nav li.supplies a.top-level:hover {background-position:-493px -166px;}
#nav li.tips a.top-level:hover {background-position:-717px -166px;}

/* Second Level */
#nav li ul {
	position:absolute;
	width:186px;
	left:-999em;
	margin-top:-4px;
	border:2px solid #0050ca;
	border-bottom-width:0;
	z-index:950;
}

#nav li ul li {
	height:auto;
	display:inline;
}

#nav li ul li a {
	display:block;
	width:186px;height:26px;
	font-size:13px;
	line-height:26px;
	text-indent:10px;
	color:#fff;
	background:#0084d6;
	text-decoration:none;
	border-bottom:2px solid #0050ca;
}
#nav li ul li a:hover {background:#0050ca;}

/* Third Level */
#nav li ul ul {margin:-28px 0 0 100%;}

/* Fix IE 6 */
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left:-999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left:auto;}
/* Fix IE 7 */
#nav li:hover {position:static;}

/* HOMEPAGE */
/* ------------------- */

/* homeSpecial, homeInfo */
#homeSpecial {float:left;}
#homeSpecial,
#homeInfo {
	position:relative;
	width:288px;height:354px;
	overflow:hidden;
	background:url(/images/home-sprite.png) no-repeat;
}
#homeInfo {
	position:absolute;
	top:22px;right:0;
	background-position:-288px 0;
}

/* info link */
#homeSpecial a,
#homeInfo a {
	display:block;
	width:161px;height:30px;
	position:absolute;
	left:64px;bottom:0;
	text-indent:-9999px;
	background:url(/images/home-sprite.png) no-repeat -64px -324px;
}
#homeSpecial a:hover,
#homeInfo a:hover {background-position:-64px -354px;}

/* home Special */
#homeSpecial #special-text {
	width:250px;
	margin:100px auto 0 auto;
	font-size:38px;
	line-height:40px;
	text-align:center;
	font-weight:bold;
	text-transform:uppercase;
	color:#003882;
}


#homeSpecial .top {font-size:26px;}
#homeSpecial .bottom {font-size:18px;}
#homeSpecial .medium {font-size:22px; line-height:100%; }
#homeSpecial .small {font-size:16px;}



/* home Call */
#homeSpecial #call {
	position:absolute;
	left:0;top:250px;
	width:288px;
	font-size:34px;
	text-align:center;
	color:#008fe7;
}

/* home features list */
#homeInfo ul {
	width:225px;
	padding:97px 0 0 39px;
	font-size:19px;
	line-height:20px;
	list-style:disc;
	font-weight:bold;
}
#homeInfo ul li {padding-bottom:10px;}
#homeInfo ul li.last {color:#0051d1;}

/* homepage slideshow */
#slideshow-home,
#slideshow-home-border,
#slideshow-home img {width:288px;height:354px;}
#slideshow-home {float:left;position:relative;margin:0 19px;}

#slideshow-home-border {
	position:absolute;
	top:0;left:0;
	background:url(/images/home-border.gif);
	z-index:200;
}

/* homeText */
#homeText {
	clear:left;
	float:left;
	width:100%;
	padding-top:21px;
	line-height:18px;
}
#homeText h1 {
	display:inline;
	color:#5e5e5e;
	font-size:15px;
	padding-right:4px;
}
#homeText p {display:inline;}

/* FACILITY PAGE */
/* -------------------- */

/* breadcrumbs styles */
#trail {
	position:relative;
	top:-15px;
	float:left; 
	margin:0; 
	padding:2px 0 0 0;
	font-size:11px;
}
#trail a {text-decoration:underline;}

/* printer & direction styles */
#facility-name {float:right;}
#facility-name ul li {
	position:relative;
	top:-15px;
	float: right;
	font-size: 11px;
	line-height: 18px;
	background: url(/images/printer.gif) center left no-repeat;
}
#facility-name ul li.nobackground {background: none;} /* hide on area pages */
#facility-name ul li a {padding-left: 15px;}

/* H1 */
#topWrap {width:100%;height:63px;}
h1.top-header {
	clear:left;
	float:left;
	font-size:29px;
	color:#003882;
	white-space:nowrap;
}
div.top-phone {
	padding-right:1px;
	clear:right;
	float:right;
	font-size:29px;
	color:#003882;
	font-weight:bold;
	white-space:nowrap;
}

/* facTop */
#facTop {clear:both;position:relative;}

/* slideshow */
#slideshow {float:right;margin-bottom:33px;}
#slideshow,
#slideshow img,
#slideshow-border {
	width:438px;
	height:254px;
	background:#ddd;
}
#slideshow-border {
	position:absolute;
	top:0;right:0;
	background:url(/images/fac-border.gif);
	z-index:200;
}

/* special */
#special {
	width:312px;
	height:46px;
	padding:15px 30px 0 96px;
	font-size:24px;
	line-height:24px;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
	background:url(/images/special-bg.png);
}
#special a {color:#fff;}

#special .top {font-size:20px;}
#special .medium {font-size:16px;}
#special .bottom {font-size:14px;}
#special .small {font-size:12px;}

#special .color1 {color:#ddc817;}
#special .color2 {color:#003882;}

/* address, links */
#facTop .vcard,
#address-links {
	float:left;
	font-size:11px;
	line-height:16px;
	padding-left:2px;
}
#facTop .vcard  h2 {
	padding-top:22px;
	font-size:15px;
	color:#003882;
}

#address-links {padding-top:33px;text-align:center;}

/* share */
a.addthis_button {
	clear:left;
	display:block;
	float:left;
	margin:7px 0 0 3px;
}

/* ccp */
#ccp {clear:left;float:left;width:453px;}
#ccp li {float:left;width:136px;padding:20px 15px 23px 0;}

#ccp li a {
	display:block;
	width:136px;height:61px;
	text-indent:-9999px;
	background:url(/images/special-bg.png);
}

#ccp li.coupon a {background-position:0 -91px;}
#ccp li.quote a {background-position:-151px -91px;}
#ccp li.reserve a {background-position:-302px -91px;}	
#ccp li.coupon a:hover {background-position:0 -152px;}
#ccp li.quote a:hover {background-position:-151px -152px;}
#ccp li.reserve a:hover {background-position:-302px -152px;}	

/* TABS */

#accordion {
	position:relative;
	clear:both;
	width:502px;
	padding:35px 71px 30px 329px;
	height:auto !important;height:295px;min-height:295px;
	background:url(/images/accordion-bg.gif);
}
#accordion-top {
	width:902px;height:15px;
	position:absolute;
	left:0;top:0;
	background:url(/images/accordion-top.png);
}
#accordion-bottom {
	width:902px;height:15px;
	background:url(/images/accordion-bottom.png);
}

td.tdSpec span.top {
	display:block;
	padding-top:5px;
	line-height:12px;
}

td.tdSpec span.bottom {
	display:block;
	padding-bottom:5px;
	line-height:12px;
}

td.tdSpec span.bold {
	font-weight:bold;
}

td.tdSpec span.red {
	color:red;
}

/* toggles */
#toggles {
	position:absolute;
	top:35px;
	left:8px;
	width:279px;
}
#toggles li {
	width:100%;
	height:33px;
	margin-bottom:1px;
	float:left;
	font-size:18px;
	font-weight:bold;
	line-height:33px;
	text-indent:16px;
	cursor:pointer;
	color:#fff;
	background:#0c64c2;
}
#toggles li:hover {background:#004bb8;}
/* Fix IE 7 */
#toggles li:hover {position:static;}

/* tabs & tab typography */
#accordion h2,
#accordion h3 {
	font-size:20px;
	color:#013982;
	padding:0 0 11px 0;
}

#accordion dl {
	line-height:22px;
}
#accordion dt {padding:0;}

#accordion p {
	padding:0 0 10px 0;
	line-height:22px;
}

/* prices */
#pricesWrap .tdUnit {width:20%}
#pricesWrap .tdRate {
width: 15%;
line-height: 1.4em;
}
#pricesWrap .tdSpec {width:50%}
#pricesWrap .tdButtn {width:15%}
#pricesWrap table {margin:0 0 26px 0;float:left;}
#pricesWrap .size {padding-left:15px;}
#pricesWrap th {border-bottom:1px #707070 solid;}
#pricesWrap th,
#pricesWrap td {
line-height:18px;
}
#pricesWrap .odd td {background:#fff;}

#pricesWrap .tdBttn img {
	margin-top:6px;
}

/*units table columns*/
#pricesWrap .tdUnit {width:15%}
#pricesWrap .tdRate {width:15%}
#pricesWrap .tdDesc {width:55%}
#pricesWrap .tdBttn {width:15%}


#reserve-it {
	float:left;
	width:147px;height:36px;
	margin:30px 0 0 96px;
	text-indent:-9999px;
	background:url(/images/reserve-it.png);
}
#reserve-it:hover {background-position:0 -36px;}

#whatSize {
float: right;	
background: url(/images/arrow.gif) no-repeat;
background-position: 0 7px;
padding: 7px 0 0 0;
}
#whatSize a {
padding-left: 14px;
font-size: 14px;
text-decoration: none;	
}
#whatSize a:hover {
text-decoration: underline;	
}

/* map */
#accordion #flashmap {
	height:280px;
	width:500px;
	border:1px solid #003882;
	margin:0 0 5px 0;
}

/* hours */
#hours h2 {padding-bottom:6px;}
#hours dt {padding-top:11px;}

/* INTERIOR PAGE, TYPOGRAPHY */
/* -------------------- */

/* right img */
div.right {
	position:relative;
	width:331px;height:250px;
	padding:0 0 12px 31px;
}
img.border {
	position:absolute;
	top:0;right:0;
}

/* typography */
#editor-content {line-height:19px;}

#editor-content h1 {
	width:536px;height:58px;
	margin-bottom:12px;
	font-size:18px;line-height:58px;
	text-indent:28px;
	color:#fff;
	background:url(/images/page-sprite.png);
}
#editor-content h2 {padding-bottom:9px;}
#editor-content h2,
#editor-content h3 {
	font-size:12px;
	text-transform:uppercase;
}

#editor-content p,
#editor-content ol,
#editor-content ul,
#editor-content table {padding-bottom:19px;}

#editor-content ol,
#editor-content ul {
	font-weight:bold;
	color:#003882;
	list-style:disc;
	margin-left:17px;
}
#editor-content ol {list-style:decimal;}

/* WIDGETS */
/*-----------------------------*/

/* TERTIARY PAGES */
/*--------------------*/

/* Site Map, Associates */
#site-map h2,
#site-map h3 {clear:both;font-size:160%;padding-bottom:10px;}

#site-map h3 {padding-top:10px;}
#site-map h4 {
	font-size:12px;
	font-weight:normal;
}

/* UNIT SIZES POP-UP
 * --------------------------------------------------------------------------*/
#unit-sizes-pop p {text-align:left; color:#5e5e5e; margin:1em;}
#unit-sizes-pop table { 
	margin:1em auto; 
	width:90%;
	background:#fff; 
	border-collapse:collapse;
}
#unit-sizes-pop table td {
	padding:.5em 1em;
	border:2px solid #003882;
	vertical-align:top; 
	font-weight:normal;
	text-align:left;
}
#unit-sizes-pop table th {
	padding:.5em 1em; 
	border:2px solid #003882; 
	font-weight:bold; 
	background:#fff;
}

/* FOOTER */
/* -------------------- */

#footer a,
#footer h1,
#footer h2,
#footer h3,
#footer h4,
#footer h5,
#footer h6 {
	color:#5e5e5e;
	font-size:12px;
}

#footer ul {
	clear:right;
	float:right;
	padding-right:8px;
}

#footer li {
	float:left;
	padding:6px 8px 0 0;
}
#footer li a {padding:0 8px 0 0;border-right:1px solid #5e5e5e;}
#footerNav {position:relative;}
#footerNav li a {border-right-color:#fff;}
#footer li.last a {border-right:none;padding-right:0;margin-right:0;}

#copy {
	position:absolute;
	left:16px;top:0;
	line-height:44px;
	font-weight:bold;
	color:#fff;
}

#footer-stores,
#compare {
	clear:both;
	text-align:right;
	padding:6px 16px;
}
#footer-stores {padding-top:12px;}

/* footer bar */
#footerNav li {padding:14px 8px 23px 0;}

#footerNav a {
	color:#fff;
}

/* signature brand */

#brand {
	float:left;
	margin:5px 0 0 16px;
	display:block;
	width:213px;
	height:17px;
	text-indent:-9999px;
	background:url(/images/footer-brand.gif);
}
#brand:hover {background-position:0 -17px;}
/* --------- /stylesheets/inline.css --------- */ 
/*
 _ _       _     _       _          
| (_)_ __ | | __(_)_   _(_) ___ ___ 
| | | '_ \| |/ /| | | | | |/ __/ _ \
| | | | | |   < | | |_| | | (_|  __/
|_|_|_| |_|_|\_\/ |\__,_|_|\___\___|
              |__/         
*/

#inline-edit-tools{
  background: #F0F4F5 url(/javascripts/ext/resources/images/gray/toolbar/bg.gif) repeat-x scroll left top;
  border-color: #D0D0D0;
  border-style: solid;
  border-width: 1px;
  padding: 2px;
}

#inline-edit-tools a.edit{
  background-position: 0 2px;
  display: block;
  padding: 3px 0 2px 18px;
  color: #000;
  background-repeat: no-repeat;
  text-decoration: none;
  background-image: url(/javascripts/ext/resources/images/default/shared/fam/page_edit.png) !important;
}

/* --------- /javascripts/shadowbox/skin/classic/skin.css --------- */ 
/**
 * The "classic" theme CSS for Shadowbox.
 *
 * This file is part of Shadowbox.
 *
 * Shadowbox is an online media viewer application that supports all of the
 * web's most popular media publishing formats. Shadowbox is written entirely
 * in JavaScript and CSS and is highly customizable. Using Shadowbox, website
 * authors can showcase a wide assortment of media in all major browsers without
 * navigating users away from the linking page.
 *
 * Shadowbox is released under version 3.0 of the Creative Commons Attribution-
 * Noncommercial-Share Alike license. This means that it is absolutely free
 * for personal, noncommercial use provided that you 1) make attribution to the
 * author and 2) release any derivative work under the same or a similar
 * license.
 *
 * If you wish to use Shadowbox for commercial purposes, licensing information
 * can be found at http://mjijackson.com/shadowbox/.
 *
 * @author      Michael J. I. Jackson <mjijackson@gmail.com>
 * @copyright   2007-2008 Michael J. I. Jackson
 * @license     http://creativecommons.org/licenses/by-nc-sa/3.0/
 * @version     SVN: $Id: skin.js 91 2008-03-28 17:39:13Z mjijackson $
 */

/*_____________________________________________________  container & overlay  */
#shadowbox_container, #shadowbox_overlay {
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}
#shadowbox_container {
  position: fixed;
  display: block;
  visibility: hidden;
  z-index: 999;
  text-align: center; /* centers #shadowbox in quirks and IE */
}
#shadowbox_overlay {
  position: absolute;
}

/*_______________________________________________________________  shadowbox  */
#shadowbox {
  position: relative;
  margin: 0 auto;
  text-align: left; /* reset left alignment */
}

/*____________________________________________________________________  body  */
#shadowbox_body {
  position: relative;
  margin: 0;
  padding: 0;
  border: 1px solid #333;
  overflow: hidden;
}
#shadowbox_body_inner {
  position: relative;
  height: 100%;
}
#shadowbox_content.html {
  height: 100%;
  overflow: auto; /* make html content scrollable */
}

/*_________________________________________________________________  loading  */
#shadowbox_loading {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
#shadowbox_body, #shadowbox_loading {
  background-color: #060606; /* should match loading image background color */
}
#shadowbox_loading_indicator {
  float: left;
  margin: 10px 10px 0 10px;
  height: 32px;
  width: 32px;
  background-image: url(/javascripts/shadowbox/skin/classic/loading.gif);
  background-repeat: no-repeat;
}
#shadowbox_loading span {
  font-family: 'Lucida Grande', Tahoma, sans-serif;
  font-size: 10px;
  float: left;
  margin-top: 16px;
}
#shadowbox_loading span a:link,
#shadowbox_loading span a:visited {
  color: #fff;
  text-decoration: underline;
}

/*____________________________________________________________  title & info  */
#shadowbox_title, #shadowbox_info {
  position: relative;
  margin: 0; /* these must have no vertical margin or padding */
  padding: 0;
  overflow: hidden;
}
#shadowbox_title_inner, #shadowbox_info_inner {
  position: relative;
  font-family: 'Lucida Grande', Tahoma, sans-serif;
  line-height: 16px;
}
#shadowbox_title {
  /*height: 26px;*/
  height: 4em;  /* this can be just about any value because of the overflow, but the 2-4em ballpark looks best, IMO, and prevents overflow off the top of the viewport for captions up to three lines */
  overflow: visible;
}
#shadowbox_title_inner {
	position: absolute;
	bottom: 0;
  font-size: 16px;
  padding: 5px 0;
  color: #fff;
}
#shadowbox_info {
  height: 20px;
}
#shadowbox_info_inner {
  font-size: 12px;
  color: #fff;
}

/*_____________________________________________________________________  nav  */
#shadowbox_nav {
  float: right;
  height: 16px;
  padding: 2px 0;
  width: 45%;
}
#shadowbox_nav a {
  display: block;
  float: right;
  height: 16px;
  width: 16px;
  margin-left: 3px;
  cursor: pointer;
}
#shadowbox_nav_close {
  background-image: url(/javascripts/shadowbox/skin/classic/icons/close.png);
  background-repeat: no-repeat;
}
#shadowbox_nav_next {
  background-image: url(/javascripts/shadowbox/skin/classic/icons/next.png);
  background-repeat: no-repeat;
}
#shadowbox_nav_previous {
  background-image: url(/javascripts/shadowbox/skin/classic/icons/previous.png);
  background-repeat: no-repeat;
}
#shadowbox_nav_play {
  background-image: url(/javascripts/shadowbox/skin/classic/icons/play.png);
  background-repeat: no-repeat;
}
#shadowbox_nav_pause {
  background-image: url(/javascripts/shadowbox/skin/classic/icons/pause.png);
  background-repeat: no-repeat;
}

/*_________________________________________________________________  counter  */
#shadowbox_counter {
  float: left;
  padding: 2px 0;
  width: 45%;
}
#shadowbox_counter a {
  padding: 0 4px 0 0;
  text-decoration: none;
  cursor: pointer;
  color: #fff;
}
#shadowbox_counter a.shadowbox_counter_current {
  text-decoration: underline;
}

/*___________________________________________________________________  clear  */
div.shadowbox_clear {
  clear: both; /* clear floating counter & nav */
}

/*________________________________________________________________  messages  */
div.shadowbox_message {
  font-family: 'Lucida Grande', Tahoma, sans-serif;
  font-size: 12px;
  padding: 10px;
  text-align: center;
}
div.shadowbox_message a:link,
div.shadowbox_message a:visited {
  color: #fff;
  text-decoration: underline;
}

#shadowbox_title {
  border: 0px solid;
} 

#shadowbox_info {
  border: 0px solid;
}


