﻿/*
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;}
img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
p,ol,ul {list-style:none;}
div#middle ul {list-style: disc;}
caption,th {text-align:left;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}
a {outline:none; color: #3e6998;}
a:hover {text-decoration: underline;}
h1,h2,h3,h4,h5,h6{font-size:100%; color: #3e6998;}
h1 {font-size: 16px;}
h2 {font-size: 15px;}
h3 {font-size: 14px;}
h4 {font-size: 13px;}
h5 {font-size: 12px;}
h6 {font-size: 11px;}
html {}

body {
	position : relative; 
	width : 930px; 
	margin: 5px auto 5px auto;  
	color: #3e6998;
	text-align : center; /* center for IE */
	font-family : arial, verdana, sans-serif;
	font-size: 12px;
	background: #999;
	}

/* Outside */
/* -------------------- */

/* The website is within this master container */
#wrapper {
    position: relative;
    width: 930px;
    background: #d5dee7;
    z-index: 0;
}

#header { /* NOTE. position: relative breaks navigation and does not allow nav overlay of items underneath */
    width: 930px;
    height: 161px;  
}

#headerTop {
    height: 134px;
}

#headerLines {
    position: relative;
    height: 134px;
    background: url(/images/header-bg.gif) top left repeat-y;
    z-index: 10;
}

#headerNav {
    width: 930px;
    height: 27px;
    background: url(/images/nav-green-bg.gif) top left repeat-y;  
}

#middle {
    width: 930px;
    text-align: left;
}

#header h1 {
}

#header h1 a {
    position: absolute;
    left: 17px;
    top: 21px;
    display: block;
    width: 90px;
    height: 90px;
    text-indent: -9999px;
    background: url(/images/box-with-shadow.gif) top left no-repeat;
}

#header h3 {
    position: absolute;
    right: 15px;
    top: 71px;
    float: right;
    display: block;
    width: 473px;
    height: 41px;
    background: transparent url(/images/text-logo-shadow.gif) no-repeat;
    text-indent: -9999px;
}
#header h3.parkCity {
    position: absolute;
    right: 15px;
    top: 36px;
    float: right;
    display: block;
    width: 264px;
    height: 76px;
    background: transparent url(/images/text-logo-shadow-park2.gif) no-repeat;
    text-indent: -9999px;
}
#header h3.crossroads {
    position: absolute;
    right: 15px;
    top: 32px;
    float: right;
    display: block;
    width: 221px;
    height: 79px;
    background: transparent url(/images/logo_crossroads.gif) no-repeat;
    text-indent: -9999px;
}

div#headerLine {
    display: block;
    position: absolute;
    left: 17px;
    top: 112px;
    width: 890px;
    height: 3px;
    line-height: 3px;
    background: url(/images/green_line.gif) top left;
    overflow: hidden;
}

div#contentBoxMain {
    display: block;
    width: 930px;
    height: 345px;
    margin: 3px 0 0 0;
}


#slideWrap {
    width: 547px;
    height: 345px;
    float: right;
    margin-right: 12px;
    overflow: hidden;
}

#slideshow-home {
    width: 547px;
    height: 345px;
    margin: 0;
    padding: 0;
}

#slideshow-home img { padding: 0; }


#leftBox { /* NOTE. position: relative breaks navigation and does not allow nav overlay of items underneath */
    width: 359px;
    height: 345px;
    margin-left: 12px;
    float: left;
    list-style: none;
    background: transparent url(/images/center-box-left-bg.gif) top left no-repeat;
}

#leftBox h3 {
    margin-top: 15px;
    margin-left: 18px;
    width: 321px;
    height: 174px;
    color: #73737c;
    font-weight: normal;
    font-size: 14px;
    text-align: justify; 
    z-index: 0;
}

#leftBox ul {
    margin: 5px 0 0 25px;
    list-style: none;
}

#leftBox ul.specials {
    margin: 5px 0 0 25px;
    list-style: none;
}

div#homeleftBoxLinks ul {
    list-style: none;
}

#leftBox ul li a {
    display: block;
    text-indent: -9999px;
    text-decoration: none;
    list-style: none;
    overflow: hidden;
    z-index: 999;
}

#leftBox ul li a.specials {
    width: 284px;
    height: 36px;
    background: transparent url(/images/internet-specials.gif) top left no-repeat;
    text-decoration: none;
    list-style: none;
    overflow: hidden;
    background-position: 0 -60px; 
}

#leftBox ul li a.specials:hover {
    background-position: 0 0;
}

#search {
    position: relative;
    margin: 15px 0 0 25px;   
}

#search h1 {
    padding: 0;
    margin: 0;
    display: block;
    width: 133px;
    height: 17px;
    background: transparent url(/images/search-by-zip.gif) top left no-repeat;
    text-indent: -9999px;
    font-size: 14px;
    line-height: 1.4em; 
}
#search label {}
#search input {
    margin: 0;
    padding: 0;
    vertical-align: middle;
    text-indent: 2px;
}
#search  #zip {
    border-top: 1px solid #6b6e71; 
    border-left: 1px solid #6b6e71;
    margin-top: 1px; 
    height: 20px;
}
#search input#go-button {
    margin: 0;
    margin-left: 4px;
    margin-top: 4px;
}

#search form {}

div#homeBot {
    margin: 10px 12px 0 12px;
    position: relative;
    display: block;
    width: 905px;
    height: 367px;
    background: url(/images/locations-all.gif) top left no-repeat;
    z-index: 10;
}

/* Nav */
/*--------------------*/

#nav {
    position : relative; 
    height: 27px;
    padding: 0;
    z-index: 999;
    list-style: none;
    line-height: 1;
}
#nav a {
    display: block;
    width: 10em;
}
#nav ul {
    margin: 0;
    padding: 0 0 0 12px;
}
#nav li { /* all list items */
    float: left;
    display: block;
    padding: 0;
    list-style: none;
    overflow: hidden;
    z-index: 999;
}
#nav li a {
    display: block;
    width: 135px;
    height: 27px;
    line-height: 27px;
    color: #ffffff;
    text-align: left;
    text-decoration: none;
    text-indent: -9999px;
    padding-left: 0px;
}

#nav li.first a {border: 0;}
#nav li.locations a {
    background: transparent url(/images/button_locations.gif) no-repeat;
    background-position: 0 -69px;
}
#nav li.storage_info a {
    background: transparent url(/images/button_storage_info.gif) no-repeat;
    background-position: 0 -69px;
}
#nav li.services a {
    background: transparent url(/images/button_services.gif) no-repeat;
    background-position: 0 -69px;
}
#nav li.about a {
    background: transparent url(/images/button_about.gif) no-repeat;
    background-position: 0 -69px;
}
#nav li.home a {
    background: transparent url(/images/button_home.gif) no-repeat;
    background-position: 0 -69px;
}
#nav li.payonline a {
    background: transparent url(/images/button_payonline.gif) no-repeat;width: 234px;
    background-position: 0 -69px;
}

#nav li.locations a:hover, #nav li.storage_info a:hover, #nav li.services a:hover, #nav li.about a:hover, #nav li.home a:hover, #nav li.payonline a:hover  {
    background-position: 0 0;
}

#nav li.locations, #nav li.storage_info, #nav li.services, #nav li.about, #nav li.home, #nav li.payonline {border: 0;}
#nav li.locations ul li,
#nav li.storage_info ul li, 
#nav li.services ul li, 
#nav li.about ul li,
#nav li.home ul li 
#nav li.payonline ul li {
    border: 1px solid #3e6897;
    border-width: 1px 1px 0 1px;
}
#nav li.locations ul li a,
#nav li.storage_info ul li a, 
#nav li.services ul li a, 
#nav li.about ul li a,
#nav li.home ul li a
#nav li.payonline ul li a {
    background-image: none;
    background-color: #c3d1bf;
    color: #3e6897;
    display: block;
    width: 175px;
    height: 22px;
    line-height: 22px;
    padding: 0;
    margin: 0;
    border-bottom: 0;
    border-right: 0;
    text-indent: 10px;
}
#nav li.locations ul li a:hover,
#nav li.storage_info ul li a:hover, 
#nav li.services ul li a:hover, 
#nav li.about ul li a:hover,
#nav li.home ul li a:hover, 
#nav li.payonline ul li a:hover {
    background: #388c7b;
    color: #ffffff;
    display: block;
    width: 175px;
    height: 22px;
    line-height: 22px;
    padding: 0;
    margin: 0;
}
#nav ul { /* all lists */
    margin: 0;
    list-style: none;
    line-height: 1;
    z-index: 999;
}
#nav li ul { /* second-level lists */
    position: absolute;
    width: 177px;
    left: -999em;
    padding: 2px 0 0 0;
    border-bottom: 1px solid #3e6897;
}
#nav li ul ul {
    margin: -25px 0 0 175px !important;
    margin: -25px 0 0 175px;
}
#nav li.locations ul li ul li a,
#nav li.storage_info ul li ul li a, 
#nav li.services ul li ul li a, 
#nav li.about ul li ul li a,
#nav li.home ul li ul li a, 
#nav li.payonline ul li ul li a {background-color: #eaeef3; color: #3e6897;}
#nav li.locations ul li ul li a:hover,
#nav li.storage_info ul li ul li a:hover, 
#nav li.services ul li ul li a:hover, 
#nav li.about ul li ul li a:hover,
#nav li.home ul li ul li a:hover, 
#nav li.payonline ul li ul li a:hover {background-color: #388c7b; color: #ffffff;}

#nav li:hover ul ul, #nav li.sfhover ul ul {left: -999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
#nav li:hover, #nav li.hover {position: static;}

/* locationNav */
/*--------------------*/

#locationNav {
    position: relative;
    width: 283px;
    height: 36px;
    z-index: 999;
    list-style: none;
    line-height: 1;
    margin: 6px 0 0 25px;
    text-decoration: none; 
}
#locationNav ul { /* all lists */
    padding: 0;
    margin: 0;
    list-style: none;
    line-height: 1;
    }
#locationNav a {
    display: block;
    width: 10em;
}
#locationNav li { /* all list items */
    float: left;
    display: block;
    padding: 0;
    list-style: none;
    overflow: hidden;
    z-index: 999;
}
#locationNav li a {
    display: block;
    width: 283px;
    height: 36px;
    line-height: 23px;
    color: #142d51;
    text-align: left;
    text-decoration: none;
    padding-left: 2px;
}
#locationNav li.nearest a {
    display: block;
    background: transparent url(/images/find-nearest-location.gif) top left no-repeat;
    width: 283px;
    height: 36px;
    text-indent: -9999px;
    background-position: 0 -60px;
    
}
#locationNav li.nearest a:hover {
    background-position: 0 0;
}
#locationNav li.nearest ul li {
    border: 1px solid #3e6897;
    border-width: 1px 1px 0 1px;
}
#locationNav li.nearest ul li a {
    display: block;
    width: 156px;
    height: 22px;
    padding: 0;
    margin: 0;
    border-bottom: 0;
    background: #c3d1bf;
    color: #3e6897;
    font-weight: normal;
    line-height: 22px;
    text-indent: 10px;
}
#locationNav li.nearest ul li a:hover {
    display: block;
    width: 156px;
    height: 22px;
    background: #388c7b;
    color: #ffffff;
    line-height: 22px;
    padding: 0;
    margin: 0;
}
#locationNav li  {
    border: 0;
}
#locationNav li ul li {
    border: 1px solid #3e6897;
    border-width: 1px 1px 0 1px;
}
#locationNav li ul li a {
    background-image: none;
    background-color: #ffffff;
    display: block;
    width: 156px;
    height: 22px;
    line-height: 22px;
    padding: 0;
    margin: 0;
    border-bottom: 0;
    border-right: 0;
    text-indent: 10px;
}
#locationNav li ul li a:hover {
    background-image: none;
    background: #388c7b;
    color: #ffffff;
    display: block;
    height: 22px;
    line-height: 22px;
    padding: 0;
    margin: 0;
}
#locationNav li ul { /* second-level lists */
    position: absolute;
    width: 158px;
    left: -999em;
    padding: 2px 0 0 0;
    border-bottom: 1px solid #3e6897;
    margin: -5px 0 0 10px;
}
#locationNav li ul ul {
    margin: -25px 0 0 156px !important;
    margin: -25px 0 0 156px;
}
#locationNav li ul li ul li.submenu a {
    background-image: none;
    background-color: #eaeef3; 
    color: #3e6897;
}
#locationNav li ul li ul li.submenu a:hover {
    background-color: #388c7b; 
    color: #ffffff;
}

#locationNav li:hover ul ul, #locationNav li.sfhover ul ul {
    left: -999em;
}
#locationNav li:hover ul, #locationNav li li:hover ul, #locationNav li.sfhover ul, #locationNav li li.sfhover ul { /* lists nested under hovered list items */
    left: auto;
}
#locationNav li:hover, #locationNav li.hover {position: static;}


/* bottomNav */
/*--------------------*/

#bottomNav {
    position: relative;
    left: 220px;
    top: 72px;
    width: 625px;
    height: 275px;
    z-index: 1;
    list-style: none;
    line-height: 1;
    padding: 0;
    text-decoration: none;
}

#bottomNav ul {
    width: 150px;
    height: 275px;
    padding-left: 5px;
    margin-left: 5px;
    list-style: none;
    line-height: 1;
}

#bottomNav ul.ca {
    position: relative;
    left: 2px;
    top: 3px;  
    float: left;
}

#bottomNav ul.ut {
    position: relative;
    left: 74px;
    top: 0px;
    float: left;
}

#bottomNav ul.co {
    position: relative;
    left: 156px;
    top: 0px;
    float: left;
}

#bottomNav li { /* all list items */
    display: block;
    padding: 0;
    list-style: none;
    z-index: 999;
}
#bottomNav li a {
    display: block;
    height: 15px;
    line-height: 20px;
    color: #73737c;
    text-align: left;
    text-decoration: none;
    padding: 2px;
    font-weight: bold;   
}
#bottomNav ul.ca li a {
line-height: 1.3em;
padding: 0;
padding: 1px 2px 2px 2px;
}

#bottomNav li a:hover {
    color: #867c0c;
}

/* Facility Page */
/* -------------------- */

/* setup all the tertiary pages for the site with the margins for the content */
div#facility-page,
div#driving-directions, 
div#facCont,
div#main-content, 
div#area-page, 
div#no-match, 
div#editor-content,
div#state-page, 
div#site-map,
div#comarketing-page {
    position: relative;
    margin: 5px 12px;
    text-align: left;
    overflow: hidden;  
}

div#comarketing-page {
    padding-top: 10px;
    clear: both;
}

/* breadcrumbs */
div#middle p#trail {
   position: relative;
   margin: 10px 0 0 12px;
   font-size: 11px;
   z-index: 99;
   color: #3e6998;
   float: left;
   line-height: 20px;
}
div#middle p#trail a {color: #3e6998; text-decoration:underline;}
div#middle p#trail a:hover {
text-decoration: none;
}

/* printer on top right of all interior pages */
div#facility-name {float: right; margin-right:13px;}
div#facility-name ul {}
div#facility-name ul li {
    font-size: 11px;
    margin: 10px 5px 0 0;
    list-style: none;
    line-height: 20px;
    padding: 0;
    background: url(/images/printer.gif) center left no-repeat;
}
div#facility-name ul li.nobackground { background: none; } /* to keep it hidden on area pages */
div#facility-name ul li a {padding-left: 20px; text-decoration: none;}
div#facility-name ul li a:hover {text-decoration: none;}

div#facCont {
    width: 905px;
    padding: 0px;
}

div#facTopHeader {
    position: relative;
    width: 905px;
    height: 10px;  
    background: url(/images/fac_upper_box_top.gif) top center no-repeat;
    overflow: hidden;
}
div#facTopMiddle {
    position: relative;
    width: 905px;
    height: 315px;
    background: url(/images/fac_upper_box_middle.gif) top center repeat-y;
    overflow: hidden;
}
div#facTopMiddleLeft {
    position: relative;
    width: 439px;
    float: left; 
    overflow: hidden;
    margin-top: 2px;
}
div#facTopMiddleLeft h3 {
text-align: center;
font-size: 18px;
}
div#facTopMiddleLeft h3 a {
color: #f00;
}
div#facTopMiddleLeft h3 a:hover {
text-decoration: none;
}
div#facTopMiddleRight {
    position: relative;
    float: right; 
    width: 460px;
    margin: 2px 3px 0 0;
    overflow: hidden;
}
div#facTopFooter {
    position: relative;
    width: 905px;
    height: 10px;
    background: url(/images/fac_upper_box_bottom.gif) top center no-repeat; 
    overflow: hidden;
}

div#facLower {
    position: relative;
    width: 905px;
    margin-top:12px;
}

div#facLowerHeader {
    position: relative;
    width: 905px;
    height: 10px;
    background: url(/images/fac_lower_box_top.gif) top center no-repeat;
    overflow: hidden;
}
div#facLowerMiddle {
    position: relative;
    width: 905px;
    min-height: 595px; height:auto !important; height:595px;
    background: url(/images/fac_lower_box_middle.gif) top center repeat-y;
    overflow: hidden;
}
div#facLowerMiddleLeft {
    position: relative;
    width: 430px;
    float: left; 
    overflow: hidden;
}
div#facLowerMiddleRight {
    position: relative;
    float: right; 
    width: 450px;
    margin: 0 5px 0 0;
    overflow: hidden;
}
div#facLowerFooter {
    position: relative;
    width: 905px;
    height: 14px;
    background: url(/images/fac_lower_box_bottom.gif) top center no-repeat; 
    overflow: hidden;
}

div#address {position: relative; margin-left: 17px;color: #3e6998;font-size: 14px;}
div#address h2 {font-weight: bold;}
div#address ul {list-style: none;}
div#address ul li {padding: 3px 0;}
div#address ul li.street {}
div#address ul li.city-state-zip {}
div#address ul li.phone {}
div#address ul li.fax-phone {}

#addressCall h1 {
    width: 407px;
    font-weight: bold;
    font-size: 28px;
    text-align: center;
    text-indent: 0;
    margin: 5px 0;
}

div#addrSpecial {
    position: relative;
    display: inline;
    text-transform: uppercase;
}
div#addrSpecial h2 {
    text-transform: uppercase;
    float: right;
}

div#ccp {
    position: relative;
    width: 412px;
    height: 59px;
    margin: 5px 0 0 17px;
}

div#ccp ul li {
    width: 131px;
    height: 59px;
    float: left;
    list-style: none;
    margin: 0 7px 0 0;
}
div#ccp ul li.first {margin-left: 0;}
div#ccp ul li.last {margin-right: 0;}
div#ccp ul li a {
    display: block;
    width: 131px;
    height: 59px;
    text-indent: -9999px;
    text-transform: uppercase;
}
div#ccp ul li.print a {background: url(/images/button_coupon.gif) top left no-repeat;background-position: 0 -88px;}
div#ccp ul li.quote a {background: url(/images/button_free_quote.gif) top left no-repeat;background-position: 0 -88px;}
div#ccp ul li.reserve a {background: url(/images/button_reserve.gif) top left no-repeat;background-position: 0 -88px;}

div#ccp ul li.print a:hover {background-position: 0 0;}
div#ccp ul li.quote a:hover {background-position: 0 0;}
div#ccp ul li.reserve a:hover {background-position: 0 0;}

div#specials {
    position: relative;
    width: 407px;
    height: 56px;
    background: url(/images/internet-special.gif) top left no-repeat;
    margin: 15px 0 0 17px;
    /*background-position: 0 -104px;*/
}
/*
div#specials:hover {
    background-position: 0 0;
}
*/
div#specials h2 {
    color: #3e6998;
    font-size: 24px;
    line-height: 25px;
    text-align: center;
    text-transform: uppercase;
    padding-top: 4px;
}
.exp {
   font-size: 12px;
   text-transform: lowercase;
}
div#specials a {text-decoration: none;}

/* Accordion Styles */
/*----------------------------*/
div#accordion {
    position: relative;
    width: 450px;
    padding: 0;
}
div#accordion h3 {
    width: 447px;
    height: 37px;
    font-size: 14px;
    line-height: 28px;
    padding-left: 60px;
    color: #3e6998;
}

div#accordion h1 {
    color: #388c7b;
}

#accordion h3.accUnit {
background: transparent url(/images/acc_bg.gif) top left no-repeat;
}
#accordion h3.accHours {
background: transparent url(/images/acc_bg.gif) top left no-repeat;
}
#accordion h3.accFeatures {
background: transparent url(/images/acc_bg.gif) top left no-repeat;
}
#accordion h3.accServices {
background: transparent url(/images/acc_bg.gif) top left no-repeat;
}
#accordion h3.accRefer {
background: transparent url(/images/acc_bg.gif) top left no-repeat;
}
#accordion h3.accReviews {
background: transparent url(/images/acc_bg.gif) top left no-repeat;
}


.toggler {cursor: pointer;}
 
.element {
    width: 380px;
    padding: 5px 15px;
    line-height: 1.4em;
    margin: 0;
}
div#accordion .element p {text-indent: 0; font-weight: normal;}

.panel {padding: 5px 0;}

div#prices h2 {color: #388c7b;}
div#prices table {width: 380px; margin-top: 5px;}
div#prices th {width: 95%; line-height: 1.8em;font-weight: bold;padding: 0 0 10px 0;color: #388c7b;font-size: 17px;}
div#prices td {width: 50%;border-bottom: 1px solid #464646;border-top: 1px solid #464646;font-weight: bold;font-size: 14px;line-height: 2em;} 
div#existing-customers h1 a, div#whatSize h1 a {
    line-height: 1.8em;
    font-weight: bold;
    color: #388c7b;
    padding: 5px 0 0 0;
    font-size: 17px;
    text-decoration: none;
}
div#prices {
	margin-bottom: 10px;
}

div#hours {}
div#hours h2 {color: #388c7b;}
div#hours dl {padding-bottom: 10px;}
div#hours dt {
    font-weight: bold;
    line-height: 1.8em;
}
div#hours dd {line-height: 1.6em;}

div#features {}
div#features h2 {color: #388c7b;}
div#features dl {padding-bottom: 10px;}
div#features dt {
    padding-top: 10px;
    font-weight: bold;
    line-height: 1.6em;
}
div#features dd {line-height: 1.6em;}

div#photo-tour {
    position: relative;
    width: 462px;
    height: 284px;
    margin-bottom: 10px;
}
#photo-tour h2 {
display: none;
}
p.photo-tour-footer {
padding: 0 0 0 25px;
margin: 0;
color: #3e6998;
font-size: 11px;
background: transparent url(/images/camera.gif) top left no-repeat;
line-height: 18px;
}

/* this should be exact same size as the images */
div#slideshow {
    position: relative;
    width: 462px;
    height: 284px;
}

div#map {padding: 2px 0 0 17px;}
div#map h2 {}

/* this should be exact size of the map in the comp */
#flashmap {
    width: 401px;
    height: 488px;
    border: 2px solid #FFF;
}

div#other-facilities {
    position: relative;
    clear: both;
    padding: 15px 12px 0 12px;
}

div#facCont div#other-facilities {
    padding: 15px 0 0 0;
}

div#other-facilities h2 {}
div#other-facilities dl {margin: 15px 0 15px 0;}

div#other-facilities dt a {
    padding: 10px 0 0 0;
    font-weight: bold;
    line-height: 1.5em;
    text-decoration: none;
}
div#other-facilities dd a {line-height: 1.5em;text-decoration: none;}

div#compare {
    position: relative;
    padding: 15px 12px 0 12px;
    font-size: 11px;
    overflow: hidden;
}
div#facCont div#compare {
    padding: 0;
}
div#compare h2 {}
div#compare p.nomargin {font-weight: bold;}

/* Area Page Styles */
/*--------------------*/

div#area-page {clear: both;}

div#area-page p.city {
    padding-left: 407px;
    text-align: right;
}

h2.city {clear: both;}
p.city {padding: 0 0 0 520px; text-align: right;}

div#area_map {
    position: relative;
    width: 467px;
    float: right;
    padding: 0 0 12px 0;
}

div#area_map h2 {}

div#area_map #flashmap {
    width: 463px;
    height: 430px;
    border: 2px solid #FFF;
}

#facility-list {
    position: relative;
    width: 407px;
    float: left;
    margin: 12px 0 0 0; 
    display: inline;
}

.facility-summary {
    margin: 16px 0 16px 0; 
    clear: both;
	border-bottom: 1px solid #3e6998;
    line-height: 1.25em;
}
.facility-summary img {
    float: left;
    padding: 0 10px 10px 0;
}
.facility-summary dl {
    margin: 0;
    padding: 0 0 20px 0; 
}
.facility-summary a img.facility-offer {display: none;}
.facility-summary dt {font-weight: bold;}
.facility-summary dd {padding: 0 0 0 10px;}
.facility-summary a {}

/* Driving Directions Styles */
/*--------------------*/

div#driving-directions {clear: both; padding: 15px 12px 0 0;}
div#driving-directions div#address {padding: 20px 0 0 0;}

div#driving_map {
    position: relative;
    width: 913px;
	height: 420px;
    padding: 0;
}
div#driving_map h2 {}

div#driving-directions #flashmap {
    margin: 5px 0;
    position: relative;
    width: 901px;
    height: 400px;
    border: 2px solid #FFF;
}

div#driving-text {padding: 15px 0 0 0;}
div#driving-text h1 {font-size: 12px;line-height: 2.0em;}
div#driving-text h2 {font-size: 14px;line-height: 2.0em;}

div#driving-link {padding: 0 0 20px 0;}

div#site-map {clear: both;}
div#site-map h3 {padding-bottom: 5px;font-size: 14px;}
div#site-map h4 {font-size: 12px; font-weight: normal;line-height: 1.4em;}

/* State Pages */
/* -------------------- */
div#state-page dl {}
div#state-page dl dt {margin: 10px 0 2px 0;}
div#state-page dl dt a {font-weight: bold;}

/* UNIT SIZES POP-UP
 * --------------------------------------------------------------------------*/
#unit-sizes-pop {}
#unit-sizes-pop p {text-align: left; color: #FFF; margin: 1em;}
#unit-sizes-pop table { 
    margin: 1em auto; 
    width: 90%;
    background: #FFF; 
    border-collapse: collapse;
}
#unit-sizes-pop table td {
    padding: .5em 1em; 
    color: #000;
    border: 2px solid #388e7b;
    vertical-align: top; 
    font-weight: normal;
    text-align: left;
}
#unit-sizes-pop table th {
    color: #000; 
    padding: .5em 1em; 
    border: 2px solid #388e7b; 
    font-weight: bold; 
}
#unit-sizes-pop table th {background: #FFF; color: #000;}

/* Footer */
/* -------------------- */

div#footer ul {}
div#footer ul li {
    display: inline;
}
div#footer ul li a {
    padding: 0 10px;
    border-right: 1px solid #3e6998;
    color: #3e6998;
    line-height: 42px;
    text-decoration: none;
}
div#footer ul li.last a {border: 0;}

div#footer-states {padding: 10px 0 0 0;}
div#footer-states ul.states-list li a {text-transform: uppercase; text-decoration: none;}

div#footer-stores {
    position: relative;
    width: 930px;
}
div#footer-stores p.disclaimer {color: #3e6998;}
div#footer-stores a {color: #3e6998; text-decoration: none;}

.clear {clear: both;height: 1px; line-height: 1px;}


hr.footer {
    width: 906px; 
    background-color: #3e6998;
    color: #3e6998;
    border: 0;
    margin-left: 12px;
}
img.hblogo {
    display: block;
    margin-left: auto;
    margin-right: auto; }
p.footerBrand a {text-decoration: none; line-height: 1.5em;}
.red {color: #98403E;}
.blue {color: #2E4B6B;}

#socialButton {
margin: 6px 0 6px 0;
text-align: center;
}

/* Signature Brand Styles */
#signature-brand {width:180px;height:20px;display:block;margin:10px 0;outline:none;text-indent:-9999px;background:url(/images/signature-brand.gif);overflow:hidden;}
#signature-brand:hover, 
#signature-brand:focus {background-position:0 -20px;}
#signature-brand:active {background-position:0 -40px;}
/* --------- /stylesheets/inline.css --------- */ 
/*
 _ _       _     _       _          
| (_)_ __ | | __(_)_   _(_) ___ ___ 
| | | '_ \| |/ /| | | | | |/ __/ _ \
| | | | | |   < | | |_| | | (_|  __/
|_|_|_| |_|_|\_\/ |\__,_|_|\___\___|
              |__/         
*/

#inline-edit-tools{
  background: #F0F4F5 url(http://www.g5search.com/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(http://www.g5search.com/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;
}


