/*
G5 Search Marketing Copyright 2010
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 {font-size:17px;color:#002b10;line-height:19px;text-transform:uppercase;padding-bottom:6px;}
h2 {font-size:15px;color:#0f702f;}
h3 {font-size:13px;color:#80ad1f;}
h4 {font-size:12px;color:#8e8e8e;}
h5 {font-size:11px;}
h6 {font-size:11px;color:#8e8e8e;text-transform:none;}

a {color:#80ad1f;text-decoration:none;}
a:hover {color:#002b10;}
a:active {color:#80ad1f;}

.clear {clear:both;}
.none {display:none;}
.relative {position:relative;}
.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;}

dt {padding-top:10px;font-weight:bold;}
th {font-weight:bold;}

/* STRUCTURE */
/* -------------------- */

body {
  color:#000;
  text-align:center;
  font-family:'trebuchet ms',trebuchet,'lucida grande','lucida sans unicode','lucida sans',helvetica,arial,sans-serif;
  font-size:12px;
  line-height:17px;
  background:#80ad1f url(/images/bg.jpg) repeat-x;
}

#whopper {
  position:relative;
  top:21px;
  width:974px;
  margin:0 auto 42px;
  padding-top:101px;
  text-align:left;
  background:#80ad1f;
  border:1px solid #002b10;
}

#header {
  width:100%;height:109px;
  position:absolute;
  left:0px;top:-14px;
  background:url(/images/header-bg.jpg);
}

#nav {height:30px;background:#0f702f url(/images/nav-bg.gif);z-index:700;}

#middle {
  width:100%;
  min-height:375px;height:auto !important;height:375px;
  background:url(/images/middle-bg.gif) repeat-y 777px 0;
}

#sidebar {width:196px;}

#footer {
  height:auto !important;height:100px;min-height:100px;
  border-top:11px solid #fff;
  padding:0 26px 18px;
  line-height:23px;
  background:#eae72d url(/images/footer-bg.png) no-repeat;
}

/* HEADER */
/* -------------------- */

#logo {
  display:block;
  width:167px;height:69px;
  position:relative;
  left:403px;top:20px;
  text-indent:-9999px;
  background:url(/images/header-bg.jpg) -403px -20px;
}

#login {
  display:block;
  width:135px;height:28px;
  position:absolute;
  left:808px;top:39px;
  text-indent:-9999px;
  background:url(/images/header-bg.jpg) -808px -39px;
}
#login:hover {background-position:-808px -109px;}

/* NAVIGATION */
/*-----------------------*/

/* Nav Buttons */
.bttn a {
  position:absolute;
  display:block;
  width:139px;height:45px;
  text-indent:-9999px;
  background-image:url(/images/nav-bttns.png);
  z-index:800;
}

.find a {top:-6px;left:19px;background-position:0 0;}
.reserve a {top:-6px;right:19px;background-position:-139px 0;}

.find a:hover {background-position:0 -45px;}
.reserve a:hover {background-position:-139px -45px;}

/* Main Nav */
#nav li {float:left;}

#nav li a.top-level {
  display:block;
  height:30px;
  text-indent:-9999px;
  background:url(/images/nav.png);
}

#nav li.home a.top-level {margin-left:193px;width:79px;background-position:0 0;}
#nav li.locations a.top-level {width:114px;background-position:-79px 0;}
#nav li.storage a.top-level {width:140px;background-position:-193px 0;}
#nav li.about a.top-level {width:106px;background-position:-333px 0;}
#nav li.contact a.top-level {width:129px;background-position:-439px 0;}

#nav li.home a.top-level:hover {background-position:0 -30px;}
#nav li.locations a.top-level:hover {background-position:-79px -30px;}
#nav li.storage a.top-level:hover {background-position:-193px -30px;}
#nav li.about a.top-level:hover {background-position:-333px -30px;}
#nav li.contact a.top-level:hover {background-position:-439px -30px;}

/* Second Level */
#nav li ul {
  position:absolute;
  width:160px;
  margin:-1px 0 0;
  padding:0 2px 1px;
  left:-999em;
  border:1px solid #0f702f;
  z-index:900;
  background:#fff;
  background:rgba(255,255,255,.8);
}

#nav li ul li {
  height:auto;
  display:inline;
}

#nav li ul li a {
  display:block;
  width:160px;height:26px;
  font-size:13px;
  line-height:26px;
  text-align:center;
  color:#fff;
  background:#0f702f;
  text-decoration:none;
  border-bottom:1px solid #fff;
}
#nav li ul li a:hover {
  color:#002b10;
  background:#80ad1f;
}

/* Third Level */
#nav li ul ul {margin:-28px 0 0 162px;}

/* 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;}

/* SIDEBAR */
/* ------------------- */

#sidebar {padding:73px 0 162px;}

/* special */
#sidebar .special {
  display:block;
  text-transform:uppercase;
  color:#eae72d;
  font-size:24px;
  line-height:26px;
  text-align:center;
}

#sidebar .special .top,
#sidebar .special .bottom {display:block;}
#sidebar .special .top {
  background:#002b10;
  margin:5px 0 2px;
  color:#fff;
  height:62px;line-height:62px;
  font-size:64px;
}
#sidebar .special a:hover .top {color:#eae72d;}
#sidebar .special .top .medium {font-size:32px;}
#sidebar .special .top .small {font-size:24px;}
#sidebar .special .bottom {font-size:16px;}
#sidebar .special .bottom .medium {font-size:14px;}
#sidebar .special .bottom .small {font-size:11px;}
#sidebar .spacial .color1 {color:#fff;}
#sidebar .special .color2 {color:#002b10;}

/* truck */
#sidebar .reserve a {
  display:block;
  width:196px;height:188px;
  text-indent:-9999px;
  background:url(/images/sidebar-truck.png);
}
#sidebar .reserve a:hover {background-position:0 -188px;}

/* what size link */
#sidebar .size {position:absolute;bottom:0;right:0;}
*:first-child+html #sidebar {padding-bottom:0;}/* coddle IE7 */
* html #sidebar {padding-bottom:0;}/* coddle IE6 */
*:first-child+html #sidebar .size {position:relative;}/* coddle IE7 */
* html #sidebar .size {position:relative;} /* coddle IE6 */
#sidebar .size a {
  display:block;
  width:196px;height:162px;
  text-indent:-9999px;
  background:url(/images/sidebar-size.png);
}
#sidebar .size a:hover {background-position:0 -162px;}

/* HOMEPAGE */
/* ------------------- */

#middle.home {background:url(/images/home-bg.png) repeat-y;}

/* HomeCont */
#homeCont {
  width:569px;height:auto !important;height:370px;min-height:370px;
  margin:0 16px 15px 0;
  background:#fff;
}

/* Slideshow */
#slideshow-home,
#slideshow-home img {
  width:569px;height:215px;
  background:#fff;
}
#slideshow-home {
  padding-bottom:8px;
  background:#fff url(/images/homeText-hr.png) no-repeat bottom left;
}

/* HomeText */
#homeCont h1 {padding-top:6px;}
#homeCont h1,
#homeCont p {padding-left:17px;padding-right:17px;}

/* Sidebar */
#imagemap {
  position:relative;
  width:178px;height:300px;
  background:url(/images/zip.png);
}
#imagemap a {
  display:block;
  width:15px;height:15px;
  text-indent:-9999px;
}

#imagemap li {position:absolute;}
#imagemap li.holiday {top:87px;left:26px;}
#imagemap li.sarasota {top:114px;left:35px;}
#imagemap li.sarasota2 {top:121px;left:51px;z-index:10;}
#imagemap li.venice {top:127px;left:60px;}
#imagemap li.charlotte {top:143px;left:51px;}

#search {
  width:92px;height:16px;
  padding:27px 45px 7px 41px;
  background:url(/images/zip.png) 0 -300px;
}
#zip {
  float:left;
  width:71px;height:14px;
  line-height:14px;
  border:1px solid #0f702f;border-right-width:0;
}
#go-button {
  float:left;
  width:20px;height:16px;
  text-indent:-9999px;
  line-height:4242px;
  background:url(/images/zip.png) -113px -327px;
  border:0;
  overflow:hidden;
  cursor:pointer;
}
#go-button:hover {background-position:-113px -350px;}

/* search by zip */

/* CORPORATE INTERIOR PAGE */
/* -------------------- */

#middle p,
#editor-content ul,
#editor-content ol,
#editor-content .vcard,
#editor-content table,
#editor-content dl {padding-bottom:17px;}

#editor-content ul li {padding-left:19px;background:url(/images/bullet.gif) no-repeat 9px 6px;}
#editor-content ol {margin-left:19px;list-style:decimal;}

#editor-content img {padding:4px;border:1px solid #002b10;}

/* FACILITY PAGE */
/* -------------------- */

#facWrap {height:auto !important;height:500px;min-height:500px;}

/* Printer Icon */
#facility-name ul li {
  position:absolute;
  top:10px;right:234px;
  background:url(/images/printer.gif) no-repeat;
}
#facility-name ul li a {padding-left:15px;}

/* Slideshow */
#slideshowWrap,
#slideshow,
#slideshow img {width:465px;height:208px;background:#eee;}

#slideshowWrap h2 {
  position:absolute;
  bottom:0;left:0;
  width:435px;height:20px;
  padding:0 15px;
  line-height:20px;
  color:#fff;
  font-size:12px;
  text-align:right;
  background:#000;
  background:rgba(0,0,0,.4);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; /* coddle IE8 */
	filter: alpha(opacity=40); /* coddle IE7 */
  z-index:100;
}

/* Address Area */
#addressWrap {
  width:206px;
  text-align:right;
  font-size:14px;
  line-height:17px;
  color:#0f702f;
}

/* address headers */
#addressWrap .client-name,
#addressWrap h1 {font-size:18px;line-height:21px;}
#addressWrap .client-name {text-transform:uppercase;}
#addressWrap h1 {text-transform:none;font-weight:normal;font-style:italic;padding:0;}

/* phone */
#addressWrap .call-today {
  padding:14px 0 0;
  color:#002b10;
  font-size:24px;
  line-height:28px;
  text-transform:uppercase;
} 

/* ccp */
#ccp {height:38px;}
#ccp li {min-width:233px;}
#ccp li a {
  display:block;
  width:233px;height:38px;
  text-indent:-9999px;
  background:#e5d915 url(/images/ccp.png);
}

#ccp li.reservation a {background-position:0 0;}
#ccp li.quote a {width:234px;background-position:-233px 0;}
#ccp li.coupon a {background-position:-467px 0;}

#ccp li.reservation a:hover,
#ccp li.reservation a:focus {background-position:0 -38px;}
#ccp li.quote a:hover,
#ccp li.quote a:focus {background-position:-233px -38px;}
#ccp li.coupon a:hover,
#ccp li.coupon a:focus {background-position:-467px -38px;}

/* Accordion / Tabs */
#accordion {
  width:462px;height:auto !important;height:220px;min-height:220px;
  padding:5px 0 0 228px;
  border:5px solid #15713a;
  border-width:0 5px 20px;
}

/* Toggles */
#toggles {
  position:absolute;
  top:5px;left:0;
}

#toggles li {
  width:228px;height:31px;
  text-indent:-9999px;
  cursor:pointer;
  background:url(/images/toggles.png);
}

#toggles .unit {background-position:0 0;}
#toggles .map {background-position:0 -31px;}
#toggles .features {background-position:0 -62px;}
#toggles .hours {background-position:0 -93px;}
#toggles .refer {background-position:0 -124px;}
#toggles .reviews {background-position:0 -155px;}
#toggles .about {background-position:0 -186px;}

#toggles .unit:hover {background-position:-228px 0;}
#toggles .map:hover {background-position:-228px -31px;}
#toggles .features:hover {background-position:-228px -62px;}
#toggles .hours:hover {background-position:-228px -93px;}
#toggles .refer:hover {background-position:-228px -124px;}
#toggles .reviews:hover {background-position:-228px -155px;}
#toggles .about:hover {background-position:-228px -186px;}

/* Baffle Typography */

.baffle-pad {padding:15px 20px 20px;}

#accordion span,
#accordion h2 {
  display:block;
  font-size:17px;
  color:#002b10;
  line-height:19px;
  text-transform:uppercase;
  padding-bottom:6px;
}

/* baffle styles */

/* prices */
#prices table {width:100%;text-align:center;color:#15713a;line-height:16px;margin:0 0 10px;}
#prices th {text-transform:uppercase;color:#203a28;text-align:center;}
#prices .odd {background:#cce7cd;}
#prices th,
#prices td {padding:6px 0;}
#prices .description {text-align:left;width:120px;}

#prices .reserve {width:57px;padding-right:11px;}
#prices .reserve a {
  display:block;
  width:57px;height:14px;
  text-indent:-9999px;
  background:url(/images/reserve.gif);
  overflow:hidden;
}
#prices .reserve a:hover {background-position:0 -14px;}

/* map */
#flashmap {width:420px;height:240px;border:1px solid #15713a;}
#mapWrap h2 {font-size:15px;color:#0f702f;text-transform:none;padding-top:10px;}
#flashmap span {text-transform:none;color:#444;display:inline;font-size:12px;}

/* WIDGETS */
/*-----------------------------*/

/* Breadcrumbs */
#trail {
  width:700px;
  margin:0 14px -7px;
  padding:10px 24px 0;
  background:#fff;
}

/* TERTIARY PAGES */
/*--------------------*/

#facWrap,
#area-page, 
#no-match,
#comarketing-page,
#state-page,
#state-page,
#editor-content,
#site-map,
#middle #other-facilities {
  display:inline;
  float:left;
  width:700px;height:auto !important;height:404px;min-height:404px;
  margin:0 0 14px 14px;
  padding:18px 24px 14px;
  background:#fff;
}
#no-match,
#site-map {height:auto;min-height:0;margin-bottom:0;}

/* site map, associates, state page */
#site-map h2,
#site-map h3,
#middle #other-facilities h2,
#state-page h2,
#area-page h2.city {font-size:17px;color:#002b10;line-height:19px;text-transform:uppercase;padding-bottom:4px;}
#site-map h4 {color:#000;font-weight:normal;}
#site-map p {padding-bottom:0;}

/* AREA PAGE */
/* -------------------- */

#area-page h2 span {display:block;font-size:12px;color:#000;}

#area-page h2 {padding:10px 0 2px}
#area_map #flashmap {
  width:698px;
  height:360px;
  border:1px solid #002b10;
}

.facility-summary {
  width:350px;
  margin:16px 0;
  float:left;
  border-bottom:1px solid #002b10;
}
.facility-summary img {
  float:left;
  padding:0 10px 10px 0;
}
.facility-summary dl {padding:0 0 20px 0;}
.facility-summary dt {padding-top:0;}
.facility-summary a img.facility-offer {display:none;}

/* UNIT SIZES POP-UP
 * --------------------------------------------------------------------------*/

#unit-sizes-pop table {
  margin:20px auto; 
  width:780px;
  background:#fff; 
  border-collapse:collapse;
}
#unit-sizes-pop th,
#unit-sizes-pop td {
  color:#0f702f; 
  padding:.5em 1em; 
  border:3px solid #0f702f;
}
#unit-sizes-pop td {
  color:#000;
  vertical-align:top;
  text-align:left;
}

/* FOOTER */
/* -------------------- */

#footer,
#footer h1,
#footer h2,
#footer h3,
#footer h4,
#footer h5,
#footer h6 {
  color:#595211;
  font-size:11px;
  text-align:right;
}
#footer a {color:#4d662f;}
#footer a:hover {color:#80ad1f;}

#footer li {display:inline;}
#footer li a {
  padding:0 7px 0 0;margin:0 7px 0 0;
  border-right:1px solid #2f5116;
}
#footer li.last a {border-right:none;padding:0;margin:0;}
#footerNav li a {color:#fff;border-right-color:#cec928;}
#footerNav li a:hover {color:#002b10;}

/* copy */
#copy {
  position:absolute;
  top:0px;left:24px;
  line-height:24px;
}

/* share */
.share {margin-top:28px;}

/* footer text, other facilities, compare */
#footer-stores,
#footer #other-facilities,
#footer #compare {line-height:15px;}
#footer #other-facilities,
#footer #compare {padding-top:15px;}

/* signature bug */
#footer #brand {
  clear:both;
  position:absolute;
  bottom:14px;left:24px;
  display:block;
  width:213px;
  height:17px;
  text-indent:-9999px;
  text-align:left;
  background:url(/images/footer-brand.gif);
  overflow:hidden;
}
#footer #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;
}