﻿ /*Reset*/

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,em,th,var{font-style:normal;font-weight:normal;}
p,ol,ul {list-style:none; font-family: arial, verdana,sans-serif;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:bold;color: #740000;}
h1 {font-size: 20px;}
h2 {font-size: 18px;}
h3 {font-size: 16px;}
h4 {font-size: 14px;}
h5 {font-size: 12px;}
h6 {font-size: 10px;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}
a {color:#740000;outline:none;text-decoration: none;}
a:hover {color: #A70000; text-decoration: underline;}

html {
    text-align:center;
    /*background: #f6e3ad;*/
    height:100%; /* needed for container min-height */
    color: #5d5f60;
    }
body {
	position : relative; 
	width : 950px; 
	margin: 0 auto; 
	text-align : center;
	font-family : verdana, arial, sans-serif;
	font-size: 12px;
	/*background: transparent;*/
	background: #f6e3ad;
	height:100%; /* needed for container min-height */
	}

/* Outside */
/* -------------------- */

div#whopper {
    position: relative;
    width: 950px;
    height:auto !important; /* real browsers */
    height:100%; /* IE6: treaded as min-height*/
    min-height:100%; /* real browsers */
    margin: 0 auto;
    background: url(/images/body_bg_01.gif) top left repeat-y;
    text-align: left;
}

div#header {
    position: relative;
    width: 950px;
    height: 112px;
    background: url(/images/header_bg_01.jpg) top left no-repeat;
    border-bottom: 1px solid #FFF;
}

div#middle {
	clear:both;
    position: relative;
    width: 950px;
    min-height:450px;
    height:auto !important;
    height:450px;
}

div#footer {
    position: relative;
    width: 880px;
    margin: 10px 35px;
    padding: 30px 0 0 0;
    background: url(/images/footer_bg_01.gif) top left no-repeat;
}

/* total content width should be 880 */
body.payOnline #col1 {
float: left;
width: 430px; /* prior width 540 */
}
body.payOnline #col2 {
float: right;
width: 450px; /* prior width 340 */
margin: 15px 0 0 0;
border-left: 2px solid #94aa8c;
}
body.payOnline #col2 h1,
body.payOnline #col2 h2,
body.payOnline #col2 h3,
body.payOnline #col2 h4,
body.payOnline #col2 h5,
body.payOnline #col2 p {
padding: 5px 16px 0 16px;
}
body.payOnline #col1 h2 {
display: block;
width: 430px;
border-bottom: 1px solid #740000;
} 

#p_col2_top {}
#p_col2_bottom {
width: 406px;
min-height: 250px;
height: auto !important;
height: 250px;
border: 2px solid #730000;
margin-left: 15px;
}
#p_col2_bottom h5 {
padding: 5px 0 5px 0;
margin-left: 70px;
}
#p_col2_bottom h5 a {
display: block;
width: 237px;
height: 30px;
text-indent: -9999px;
background: url(/images/make-payment.gif) no-repeat;		
background-position: 0 0;
}
#p_col2_bottom h5 a:hover {
background-position: 0 -34px;
}


/* Template */
/* -------------------- */

div#header h1 {
    position: absolute;
    top: 24px;
    left: 34px;
    display: block;
    width: 261px;
    height: 59px;
}
div#header h1 a {
    display: block;
    width: 261px;
    height: 59px;
    text-indent: -9999px;
    background: url(/images/headerLogo_bg_01.jpg) top left no-repeat;
}

div#navBar {
width: 950px;
height: 34px;
background: url(/images/navBar_bg_01.gif) top left no-repeat;
border-bottom: 1px solid #FFF;
}

#nav {
position: relative;
width: 950px;
height: 34px;
z-index: 999;
list-style: none;
padding: 0;
line-height: 1;
}
#nav a {
display: block;

}
#nav ul { /* all lists */
margin: 0;
padding: 0;
margin-left: 10px;
}
#nav li { /* all list items */
display: block;
float: left;
padding: 0;
list-style: none;
overflow: hidden;
z-index: 999;
}
#nav li.last {border: 0;}

#nav li a {
display: block;
height: 34px;
line-height: 34px;
color: #ffffff;
text-align: left;
text-decoration: none;
text-indent: -9999px;
padding-left: 12px;
}
#nav li.home a {
background: transparent url(/images/navHome_bg_01.gif) no-repeat;
background-position: 0 0;
width: 68px;
}
#nav li.locations a {
background: transparent url(/images/navLocations_bg_01.gif) no-repeat;
background-position: 0 0;
width: 119px;
}
#nav li.storage a {
background: transparent url(/images/navTips_bg_01.gif) no-repeat;
background-position: 0 0;
width: 58px;
}
#nav li.corporate a {
background: transparent url(/images/navCorpnew2_bg_01.gif) no-repeat;
background-position: 0 0;
width: 218px;
}
#nav li.contact a {
background: transparent url(/images/navContact_bg_01.gif) no-repeat;
background-position: 0 0;
width: 100px;
padding-right: 3px;
}
#nav li.existing a {
background: transparent url(/images/navExisting_bg_01.gif) no-repeat;
background-position: 0 0;
width: 290px;
}

#nav li.home a:hover,
#nav li.locations a:hover,
#nav li.storage a:hover,
#nav li.corporate a:hover,
#nav li.contact a:hover,
#nav li.existing a:hover {
background-position: 0 -34px;
}




#nav li ul { /* second-level lists */
    position: absolute;
    width: 160px;
    padding: 0;
    margin: 0;
    background: #faeecd;
    border-bottom: 1px solid #455031;
    left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#nav li.home, #nav li.locations, #nav li.storage,  #nav li.contact, #nav li.existing {border: 0;}
#nav li.home ul li a,
#nav li.locations ul li a, 
#nav li.storage ul li a,  
#nav li.existing ul li a {
    width: 160px;
    height: 22px;
    background-image: none;
    display: block;
    line-height: 22px;
    padding: 0;
    margin: 0;
    color: #455031;
    border: 1px solid #455031;
    border-width: 1px 1px 0 1px;
    text-indent: 10px;
	}
	
	#nav li.contact ul li a{
    width: 160px;
    height: 22px;
    background-image: none;
    display: block;
    line-height: 22px;
    padding: 0;
    margin: 0;
    color: #455031;
    border: 1px solid #455031;
    border-width: 1px 1px 0 1px;
    text-indent: 10px;
}

#nav li.home ul li a:hover,
#nav li.locations ul li a:hover, 
#nav li.storage ul li a:hover, 
 #nav li.existing ul li a:hover {
    background: #455031;
    color: #FFF;
    display: block;
    width: 160px;
    height: 22px;
    line-height: 22px;
    padding: 0;
    margin: 0;
}

#nav li.contact ul li a:hover {
    background: #455031;
    color: #FFF;
    display: block;
    width: 160px;
    height: 22px;
    line-height: 22px;
    padding: 0;
    margin: 0 ;
}

div#nav li.locations ul li ul li a {background: #91aa8d;color: #FFF;}
div#nav li.locations ul li ul li a:hover {background: #455031;}
#nav li ul ul { /* third-and-above-level lists */
	margin: -23px 0 0 160px;
}
#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;}
#nav li ul li.faq a {font-style: italic;}

div#locationWrap {
    position: relative;
    width: 281px;
    height: 85px;
    background: url(/images/locationsTop_bg_01.gif) top left no-repeat;
    z-index: 998;
}
div#locationWrap h1 {
    position: relative;
    top: 20px;
    left: 0px;
    display: block;
    width: 199px;
    height: 18px;
    text-indent: -9999px;
    background: url(/images/nearestHeader_bg_01.gif) top left no-repeat;
}
#locationNav {
    position: relative;
    width: 200px;
    height: 30px;
    margin-top: 30px;
    z-index: 998;
    background: url(/images/locations_bg_01.gif) top left no-repeat;
} 
#locationNav ul { /* all lists */
    margin: 0;
    list-style: none;
    line-height: 1;
    z-index: 999;
}
#locationNav a {
    display: block;
    width: 200px;
}
#locationNav li { /* all list items */
    float: left;
    display: block;
    padding: 0;
    list-style: none;
    overflow: hidden;
    z-index: 998;
}
#locationNav li a {
    display: block;
    font-weight: bold;
    text-align: left;
    text-decoration: none;
}
#locationNav li.nearest a {
    display: block;
    width: 100px;
    height: 30px;   
    border: 0;   
    text-indent: -9999px;
}
#locationNav li.nearest ul li {
    border: 1px solid #455031;
    border-width: 1px 1px 0 1px;
}
#locationNav li.nearest ul li a {
    width: 180px;
    height: 22px;
    display: block;
    padding: 0;
    margin: 0;
    border-bottom: 0;
    background: #faeecd;
    color: #455031;
    font-weight: normal;
    font-size: 12px;
    line-height: 22px;
    text-indent: 10px;
}
#locationNav li.nearest ul li a:hover {
    background: #455031;
    color: #FFF;
    display: block;
    width: 180px;
    height: 22px;
    line-height: 22px;
    padding: 0;
    margin: 0;
}
#locationNav li ul { /* second-level lists */
    position: absolute;
    width: 180px;
    margin: -29px 0 0 88px;
    left: -999em;
    border-bottom: 1px solid #455031;
}
#locationNav li.nearest ul li ul li a {background: #91aa8d;color: #FFF;}
#locationNav li ul ul {margin: -23px 0 0 178px;}
#locationNav li.nearest ul li ul li a:hover {background-color: #455031;}
#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;}

#specialNav {
    position: relative;
    width: 467px;
    height: 56px;
    margin: 1px 0 0 5px;
    z-index: 998;
    background: url(/images/homeSpecials_bg_01.jpg) top left no-repeat;
} 
#specialNav ul { /* all lists */
    margin: 0;
    list-style: none;
    line-height: 1;
    z-index: 999;
}
#specialNav a {
    display: block;
    width: 200px;
}
#specialNav li { /* all list items */
    float: left;
    display: block;
    padding: 0;
    list-style: none;
    overflow: hidden;
    z-index: 998;
}
#specialNav li a {
    display: block;
    font-weight: bold;
    text-align: left;
    text-decoration: none;
}
#specialNav li.special a {
    display: block;
    width: 467px;
    height: 56px;
    border: 0;   
    text-indent: -9999px;
}
#specialNav li.special ul li {
    border: 1px solid #455031;
    border-width: 1px 1px 0 1px;
}
#specialNav li.special ul li a {
    width: 180px;
    height: 22px;
    display: block;
    padding: 0;
    margin: 0;
    border-bottom: 0;
    background: #faeecd;
    color: #455031;
    font-weight: normal;
    font-size: 12px;
    line-height: 22px;
    text-indent: 10px;
}
#specialNav li.special ul li a:hover {
    background: #455031;
    color: #FFF;
    display: block;
    width: 180px;
    height: 22px;
    line-height: 22px;
    padding: 0;
    margin: 0;
}
#specialNav li ul { /* second-level lists */
    position: absolute;
    width: 180px;
    margin: -89px 0 0 188px;
    left: -999em;
    border-bottom: 1px solid #455031;
}
#specialNav li.special ul li ul li a {background: #91aa8d;color: #FFF;}
#specialNav li ul ul {margin: -23px 0 0 178px;}
#specialNav li.special ul li ul li a:hover {background-color: #455031;}
#specialNav li:hover ul ul, #specialNav li.sfhover ul ul {left: -999em;}
#specialNav li:hover ul, #specialNav li li:hover ul, #specialNav li.sfhover ul, #specialNav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
#specialNav li:hover, #specialNav li.hover {position: static;}

/* Homepage */
/* -------------------- */

div#homeCont {
    position: relative;
    width: 950px;
    height: 402px;
    border-bottom: 1px solid #FFF;
    z-index: 998;
}

div#homeLeft {
    position: relative;
    width: 280px;
    float: left;
    padding-left: 35px;
    z-index: 998;
}

div#homeContent {
    position: relative;
    width: 250px;
    height: 198px;
}
div#homeContent p {
    padding: 15px 0 0 0;
    margin: 0;
    line-height: 1.8em;
}

div#homeRight {
    position: relative;
    width: 634px;
    height: 402px;
    float: right;
    background: url(/images/homeRight_bg_01.gif) top left repeat-y;
    z-index: 1;
}

div#slideshow-home {
    position: absolute;
    top: 0;
    left: 5px;
    width: 624px;
    height: 402px;
}

div#search {
    position: relative;
    width: 251px;
    height: 81px;
    padding: 20px 0 0 0;
    background: url(/images/search_bg_01.gif) top left repeat-x;
    z-index: 1;
}
div#search h1 {
    display: block;
    width: 177px;
    height: 20px;
    text-indent: -9999px;
    background: url(/images/searchHeader_bg_01.gif) top left no-repeat;
}
div#search label {color: #FFF; display: block;}
div#search input {vertical-align: middle; text-indent: 2px;}
div#search  #zip {
    width: 92px;
    height: 19px;
    border: 0; 
    margin-top: 1px;
    background: url(/images/searchBox_bg_01.gif) top left no-repeat; 
}
div#search input#go-button {}
div#search form {}

div#homeOptions {
    position: relative;
    width: 950px;
    height: 58px;
    margin: 2px 0;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
    clear: both;
    overflow: hidden;
}

div#homeSpecials {
    position: relative;
    width: 467px;
    height: 56px;
    float: left;
}
div#homeSpecials h1 {
    display: block;
    width: 467px;
    height: 56px;
    padding: 0;
    margin: 0;
    background: url(/images/homeSpecials_bg_01.jpg) top left no-repeat;
}
div#homeSpecials h1 a {
    display: block;
    width: 467px;
    height: 56px;
    text-indent: -9999px;
}

div#homeReservations {
    position: relative;
    width: 473px;
    height: 56px;
    float: right;
    padding: 1px 5px 0 0;
}
div#homeReservations h1 {
    display: block;
    width: 473px;
    height: 56px;
    padding: 0;
    margin: 0;
    background: url(/images/homeReservations_bg_01.jpg) top left no-repeat;
}
div#homeReservations h1 a {
    display: block;
    width: 473px;
    height: 56px;
    text-indent: -9999px;
}

div#homeOtherLocations {
    position: relative;
    width: 950px;
    padding: 20px 0;
    border-top: 1px solid #FFF;
    overflow: hidden;
    clear: both;
}

/* Facility Page */
/*---------------------*/
div#driving-directions, 
div#facCont, 
div#locations, 
div#main-content, 
div#area-page, 
div#no-match, 
div#editor-content,
div#state-page, 
div#site-map,
div#comarketing-page {
    position: relative;
    padding: 15px 35px;
    text-align: left;
}
body.payOnline div#editor-content {
padding: 0;
padding: 15px 0 15px 35px;
}
#comarketing-page {
clear: both;
}

#editor-content p {
line-height: 1.5em;
padding: 5px 0 5px 0;
}
#edContent ul, #editor-content ul {
list-style-type: disc;
margin-left: 20px;
padding: 2px 0 2px 0;
}
#edContent ul li, #editor-content ul li {
line-height: 1.5em;
}

div#facCont {
    position: relative;
    width: 880px;
    margin: 14px 0 0 0;
    background: url(/images/facBody_bg_01.gif) 35px 0 repeat-y;
}

div#facLeft {
    position: relative;
    width: 410px;
    float: left;
}

/* Click to Chat */
#chat {position:absolute;top:0;right:0;}
#chat img {height:60px;}

/* Breadcrumbs */
div#middle p#trail {
    position: relative;
    float: left;
    padding: 19px 0 0 35px; 
    margin: 0; 
    line-height: 20px;
    font-size: 10px;
}
div#middle p#trail a {color: #5d5f60;text-decoration:underline;}

div#facility-name {float: right;}
div#facility-name ul {padding: 19px 35px 0 0;}
div#facility-name ul li {
    font-size: 10px;
    line-height: 20px;
    margin: 0;
    padding: 0;
    background: url(/images/printer.gif) center left no-repeat;
}
div#facility-name ul li.nobackground { background: none; }
div#facility-name ul li a {padding-left: 15px;}
div#facility-name ul li a:hover {text-decoration: none;}

div#address {
    position: relative;
    width: 410px;
}
div#address h2 {
    font-size: 13px;
    width:290px;
}
div#address ul {}
div#address ul li {font-size: 13px;}

div#callClickPrint {
    position: relative;
    width: 410px;
    height: 59px; 
    margin-top: 25px;
}
div#callClickPrint ul {
    position: relative;
    width: 410px;
    height: 59px;
}
div#callClickPrint ul li {
    width: 134px;
    height: 59px;
    display: block;
    float: left;
    padding: 0 2px;
    margin: 0;
}
div#callClickPrint ul li.first {padding: 0 2px 0 0;}
div#callClickPrint ul li.last {padding: 0 0 0 2px;}
div#callClickPrint ul li a {
    display: block;
    width: 134px;
    height: 59px;
    text-indent: -9999px;
}
div#callClickPrint ul li.quote a {
    background: url(/images/quote_bg_01.jpg) no-repeat;
    background-position: 0 0;
}
div#callClickPrint ul li.quote a:hover {background-position: 0 -59px;}
div#callClickPrint ul li.print a {
    background: url(/images/print_bg_01.jpg) no-repeat;
    background-position: 0 0;
}
div#callClickPrint ul li.print a:hover {background-position: 0 -59px;}
div#callClickPrint ul li.reserve a {
    background: url(/images/reserve_bg_01.jpg) no-repeat;
    background-position: 0 0;
}
div#callClickPrint ul li.reserve a:hover {background-position: 0 -59px;}

div#facility-page h3.call {
    position: relative;
    width: 410px;
    font-size: 29px;
    line-height: 86px;
    text-align: center;
}

div#specialsCont {
    position: relative;
    width: 410px;
    height: 59px;
    margin: 0 0 25px 0;
    background: url(/images/specials_bg_01.jpg) top left no-repeat;
}
div#specialsCont a {color: #455031; text-decoration: none;}
div#specialsCont h1 {
    color: #455031;
    font-size: 22px;
    padding: 20px 0 0 0;
    text-align: center;
}

div#facMap {
    position: relative;
    width: 408px;
    height: 254px;
}
div#facMap h2 {display: none;}
div#facMap p {
    padding: 10px 0 0 10px;
    margin: 0;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.5em;
}

#flashmap {
    width: 408px;
    height: 254px;
    border: 1px solid #FFF;
}

#seal { float:right; margin:23px 0 0 0; }

div#facRight {
    position: relative;
    width: 406px;
    padding: 0 0 0 64px;
    float: right;
}
div#facRight p {
    font-weight: bold;
    text-indent: 10px;
}

div#photo-tour {
    position: relative;
    width: 401px;
    height: 246px;
}
div#photo-tour h2 {display: none;}

div#slideshow {
    position: relative;
    width: 401px;
    height: 246px;
    border: 3px solid #FFF;
}

/* Accordion Styles */
/*----------------------------*/
div#accordion {
    position: relative;
    width: 407px;
    float: right;
    padding: 9px 0 0 0;
}
div#accordion h3 {
    height: 31px;
    margin: 0 0 0 0;
    text-indent: -9999px;
}
div#accordion h3.size {background: url(/images/togglerSize_bg_01.gif) top left no-repeat;}
div#accordion h3.hours {background: url(/images/togglerHours_bg_01.gif) top left no-repeat;}
div#accordion h3.features {background: url(/images/togglerFeatures_bg_01.gif) top left no-repeat;}
div#accordion h3.refer {background: url(/images/togglerRefer_bg_01.gif) top left no-repeat;}
div#accordion h3.review {background: url(/images/togglerReview_bg_01.gif) top left no-repeat;}
div#accordion h3.twitter {background: url(/images/togglerTwitter_bg_01.gif) top left no-repeat;}

.toggler {cursor: pointer;}
 
.element {
    width: 377px;
    color: #5d5f60;
    padding: 10px 15px;
    line-height: 1.4em;
}
div#accordion .element p {text-indent: 0; font-weight: normal;}

.panel {padding: 5px 0;}
}

/*Twitter Styles */
#twitter_div {word-wrap:break-word}

#twitter_div ul {margin:10px 0;}
#twitter_div li {
	padding:0 0 0 24px;
	margin:0 0 8px 0;
	background:url(/images/twitter.gif) no-repeat;
	background-position:0px 4px
}
#twitter_update_list li{line-height:18px;min-height:30px;}
#twitter-link {display:block;text-align:right;}

div#prices table {width: 370px;}
div#prices th {width: 95%; line-height: 1.4em;font-weight: bold;padding: 0 0 10px 0;}
#prices td {border-bottom: 1px solid #5d5f60;}
#prices td.one {width: 30%;}
#prices td.two {width: 15%;}
#prices td.three {width: 55%;}

div#existingCustomers, div#whatSize p a {font-size: 14px;}

div#hours {}
div#hours h2 {display: none;}
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 {display: none;}
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#sep {
    position: relative;
    width: 950px;
    height: 36px;
    margin: 29px 0;
    background: url(/images/sep_bg_01.gif) top left no-repeat;
}

div#other-facilities {position: relative; padding: 0 35px;}
div#other-facilities h2 {color: #5d5f60;font-size: 12px;}
div#other-facilities dt {padding: 15px 0 0 0;}
div#other-facilities dt a {
    color: #5d5f60;
    font-weight: bold;
    font-size: 11px;
}
div#other-facilities dd a {font-size: 11px;color: #5d5f60;}
div#facility-page div#other-facilities {
    padding: 0 35px;
}

/* Area Page Styles */
/*--------------------*/

div#area-page {clear: both;}

div#area-page p.city {
    text-align: right;
    padding-left: 407px;
}

h2.city {clear: both;}
p.city {padding: 0 0 0 520px; text-align: right;}

div#area_map {
    position: relative;
    width: 430px;
    padding: 0 0 35px 0;
    float: right;
}

div#area_map h2 {display: none;}

div#area_map #flashmap {
    width: 430px;
    height: 430px;
    border: 1px solid #FFF;
}

#facility-list {
    position: relative;
    width: 407px;
    float: left;
    margin: 12px 0 0 0; 
    display: inline;
}

.facility-summary {
    border-bottom: 1px solid #5d5f60;
    margin: 16px 0 16px 0; 
    clear: both;
    line-height: 1.25em;
}
.facility-summary img {
    float: left;
    padding: 0 10px 10px 0;
}
.facility-summary dl {
    padding: 0 0 20px 0; 
    margin: 0;
}
.facility-summary dt {
    font-size: 12px; 
    font-weight: bold;
}
.facility-summary dd {
    font-size: 12px; 
    padding: 0 0 0 10px;
}
.facility-summary a {}

/* Driving Directions Styles */
/*--------------------*/

div#driving-directions {padding: 15px 35px 0 35px;clear: both;}

div#driving_map {
    position: relative;
    width: 880px;
    padding: 15px 0 0 0;
}
div#driving_map h2 {display: none;}

div#driving-directions #flashmap {
    position: relative;
    width: 880px;
    height: 400px;
    border: 1px 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 {}

div#site-map {clear: both;}
div#site-map h2 {padding-bottom: 5px;font-size: 14px;}
div#site-map h4 {font-size: 12px; font-weight: normal;line-height: 1.3em;}

/* 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; 
    width: 90%;
    background: #FFF; 
    border-collapse: collapse;
}
#unit-sizes-pop table td {
    padding: .5em 1em; 
    color: #455235;
    border: 2px solid #8FAA8C;
    vertical-align: top; 
    font-weight: normal;
    text-align: left;
}
#unit-sizes-pop table th {
    color: #FFF; 
    padding: .5em 1em; 
    border: 2px solid #8FAA8C; 
    font-weight: bold; 
}
#unit-sizes-pop table th {background: #455235; color: #FFF;}

/* Footer Styles */
/*--------------------*/
div#footer ul {
    position: relative;
    margin: 0 0 0 -10px;
    padding: 0;
    text-align: left;
}
div#footer ul li {
    display: inline;
    border-right: 1px solid #5d5f60;
    padding: 0 10px;
    color: #7fa9d0;
}
div#footer ul li.last {border: 0;}
div#footer ul li a {
    color: #5d5f60;
    font-size: 11px;
    line-height: 26px;
    text-decoration: none;
    text-transform: capitalize;
} 
div#footer ul li a:hover {
    color: #333;
    text-decoration: underline;
}

div#footer-stores p#copy {
    padding: 0 0 20px 0;
    color: #5d5f60; 
    font-size: 11px;
    text-align:left;
}
div#footer-stores {text-align: center; font-size: 11px;}
div#footer-stores a {color: #5d5f60;}

.clear {clear: both;line-height: 1px;height: 1px;}
.disclaimer {text-align: center;padding: 0 0 10px 0;}
p.footerBrand a {color: #666666; font-size: 11px;line-height: 1em;}

#couponOne {
width: 410px;
height: 214px;
text-align: center;
background: transparent url(/images/coupon_02.jpg) top left no-repeat;
margin-left: 14px;
margin-bottom: 20px;
}

#couponOne p {
padding: 0;
margin: 0;
margin: 6px 0 6px 0;	
}
#couponOne ul {
padding: 0;
margin: 0;
padding: 5px 0 5px 0;	
}

body #signature-brand { margin:20px 0; }

div.socialMedia{position:relative;top:44px;}
div.socialMedia a{display:block;height:32px;width:32px;text-indent:-9999px;}
div.socialMedia a.facebookButton{background:url(/images/facebook_32.png) top left no-repeat;}

/*********************************************************************/
/**********Freedom****************************************************/
body.freedom{background:#ffffff;}

body.freedom h1, 
body.freedom h2, 
body.freedom h3, 
body.freedom h4, 
body.freedom h5, 
body.freedom h6 {color: #3091d4;}

body.freedom h3.call span{color:#000;}

body.freedom a {color: #809510;}

body.freedom div#header {
	background: url(/images/freedom_header.png) top left no-repeat;
  /*border-bottom: 1px solid #FFF;*/
}

body.freedom div#whopper {background: url(/images/freedom_background.png) top left repeat-y;}

body.freedom div#header h1 {
    top: 0;
    left: 0;
    width: 228px;
    height: 112px;
}

body.freedom div#header h1 a {
    display: block;
    width: 228px;
    height: 112px;
    text-indent: -9999px;
    background: url(/images/freedom_logo.png) top left no-repeat;
}

body.freedom div#facility-name ul li {background: url(/images/printer-on-white.gif) center left no-repeat;}

body.freedom div#facCont {background: url(/images/freedom_stripes.png) 35px 0 repeat-y;}

body.freedom div#callClickPrint ul li a, body.freedom div#specialsCont {background: url(/images/freedom_ctas.png) no-repeat;}

body.freedom div#callClickPrint ul li.quote a {background-position: 0 0;}
body.freedom div#callClickPrint ul li.quote a:hover {background-position: 0 -59px;}
body.freedom div#callClickPrint ul li.print a {background-position: -138px 0;}
body.freedom div#callClickPrint ul li.print a:hover {background-position: -138px -59px;}
body.freedom div#callClickPrint ul li.reserve a {background-position: -276px 0;}
body.freedom div#callClickPrint ul li.reserve a:hover {background-position: -276px -59px;}

body.freedom div#specialsCont {background-position: 0 -118px;}

body.freedom div#specialsCont a {color: #333;}


/********freedom nav********/

body.freedom div#navBar {
width: 950px;
height: 36px;
background: url(/images/freedom_nav.png) top left no-repeat;
}

body.freedom #nav ul {margin-left: 0;}
body.freedom #nav li a {
display: block;
height: 36px;
line-height: 34px;
color: #ffffff;
text-align: left;
text-decoration: none;
text-indent: -9999px;
padding-left: 0;
background: transparent url(/images/freedom_nav_1.png) no-repeat;
}

body.freedom #nav li.home a {
background-position: 0 0;
width: 84px;
}
body.freedom #nav li.locations a {
background-position: -84px 0;
width: 129px;
}
body.freedom #nav li.storage a {
background-position: -213px 0;
width: 68px;
}
body.freedom #nav li.corporate a {
background-position: -281px 0;
width: 233px;
}
body.freedom #nav li.contact a {
background-position: -514px 0;
width: 107px;
}
body.freedom #nav li.existing a {
background-position: -632px 0;
width: 252px;
}


body.freedom #nav li.home a:hover{background-position: 0 -36px;}
body.freedom #nav li.locations a:hover{background-position: -84px -36px;}
body.freedom #nav li.storage a:hover{background-position: -213px -36px;}
body.freedom #nav li.corporate a:hover{background-position: -281px -36px;}
body.freedom #nav li.contact a:hover{background-position: -514px -36px;}
body.freedom #nav li.existing a:hover {background-position: -632px -36px;}

body.freedom #nav li ul { /* second-level lists */
    position: absolute;
    width: 160px;
    padding: 0;
   margin: 0;
    background: #e0ef9c;
    border-bottom: 1px solid #455031;
    left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

body.freedom #nav li.locations{border: 0;}

body.freedom #nav li.locations ul li a,
body.freedom #nav li.storage ul li a,
body.freedom #nav li.contact ul li a{
    width: 160px;
    height: 22px;
    background-image: none;
    display: block;
    line-height: 22px;
    padding: 0;
    margin: 0;
    color: #455031;
    border: 1px solid #455031;
    border-width: 1px 1px 0 1px;
    text-indent: 10px;
	}

body.freedom #nav li.locations ul li a:hover,
body.freedom #nav li.storage ul li a:hover,
body.freedom #nav li.contact ul li a:hover{
	background: #6ebefb;
	color: #FFF;
	display: block;
	width: 160px;
	height: 22px;
	line-height: 22px;
	padding: 0;
	margin: 0;
	}
body.freedom div#nav li.locations ul li ul li a,
body.freedom div#nav li.storage ul li ul li a {background: #6ebefb;color: #FFF;}
body.freedom div#nav li.locations ul li ul li a:hover,
body.freedom div#nav li.storage ul li ul li a:hover {background: #3da2ec;}
body.freedom #nav li ul ul { /* third-and-above-level lists */
	margin: -23px 0 0 160px;
	}
body.freedom #nav li:hover ul ul, body.freedom #nav li.sfhover ul ul {left: -999em;}
body.freedom #nav li:hover ul, 
body.freedom #nav li li:hover ul, 
body.freedom #nav li.sfhover ul, 
body.freedom #nav li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}
body.freedom #nav li:hover, #nav li.hover {position: static;}



/******************************************************************************************/
body.freedom div#accordion h3 {
    height: 27px;
    margin: 0 0 4px 0;
}
body.freedom div#accordion h3 {background: url(/images/freedom_toggles.png) no-repeat;}
body.freedom div#accordion h3.size {background-position: 0 0;}
body.freedom div#accordion h3.features {background-position: 0 -27px;}
body.freedom div#accordion h3.hours {background-position: 0 -54px;}
body.freedom div#accordion h3.refer {background-position: 0 -81px;}
body.freedom div#accordion h3.review {background-position: 0 -108px;}
body.freedom div#accordion h3.twitter {background-position: 0 -135px;}


body.freedom div#sep {background: url(/images/freedom_separator.png) top left no-repeat;}

body.freedom div#footer {background: url(/images/freedom_footer_stripes.png) top left no-repeat;}

