/*
G5 Search Marketing Copyright 2008
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;}
caption,th {text-align:left;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}
/* /reset */

/* GLOBAL SETTINGS */
/* -------------------- */

a {outline:none; color: #278522;}
h1,h2,h3,h4,h5,h6{font-size:100%; color: #278522;}
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 {background: url(/images/bg_01.gif) top left repeat; height:100%;}
.clear {clear: both;line-height: 1px;height: 1px}

body {
	position : relative;
	margin: 0 auto; 
	color:#4f4f4f;
	text-align: center; /* center for IE */
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	height:100%; /* needed for 100% tall whopper in IE 6 */
	}

/* BASIC LAYOUT */
/* -------------------- */

div#whopper {
    position: relative;
    width: 956px;
    margin: 0 auto;
    text-align: left;
    background: url(/images/footer_bg_01.gif) 0 0 repeat-y;
	/* height section is for 100% tall whopper */
    height:auto !important;
    height:100%;
    min-height:100%; 
}

div#header {
    position: relative;
	float:left;
    width: 100%;
    height: 179px;
    background: url(/images/header_bg_01.png) 0 0 no-repeat;
    z-index: 990; /* for the navigation to lay over the top */
}

div#middle {
    position: relative;
	float:left;
    width: 898px;
	padding: 19px 29px 23px 29px;
	background: #e3dfd5 url(/images/whopper_bg_01.gif) 0 0 repeat-y;
	/* height section is for a min. height on a container */
    min-height:402px;
    height:auto !important;
    height:402px;
}

div#footer {
    position: relative;
	float:left;
	text-align:right;
    width: 950px;
	padding:0 3px;
	color:#3c3c38;
    background: url(/images/footer_bg_01.gif) 0 0 repeat-y;
}

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

/* Background image replacement on the header logo */
div#header h1 {
    position: absolute;
    top: 0;
    left: 26px;
    width: 323px;
    height: 126px;
    display: block;
}
div#header h1 a {
    width: 323px;
    height: 126px;
    display: block;
    text-indent: -9999px;
    background: url(/images/header_bg_01.png) -26px 0 no-repeat;
}

/* styles added by LH on 5/12 for pay online */
#header p.payOnline {
float: right;	
padding-right: 20px;
}
#header p.payOnline a {
display: block;
width: 263px;
height: 38px;
text-indent: -9999px;
background: transparent url(/images/pay_online.png) 0 0 no-repeat;	
}
#header p.payOnline a:hover {
background-position: 0 -38px;	
}

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

#nav, #nav ul { /* all lists */
	list-style: none;
	line-height: 1;
}

#nav {
	position:absolute;
	top:136px;
	left:3px;
}

#nav li { /* all list items */
	float: left;
	width: 10em; /* width needed or else Opera goes nuts */
	height:40px;
}

#nav a {
	display: block;
	text-indent:-9999px;
	width: 10em;
	height:40px;
	background:url(/images/nav_bg_01.png) no-repeat;
}

#nav li.home {width:159px;}
#nav li.home a {
	width:159px;
	background-position:0 0;
}
#nav li.home a:hover {background-position:0 -40px;}

#nav li.locations {width:158px;}
#nav li.locations a {
	width:158px;
	background-position:-159px 0;
}
#nav li.locations a:hover {background-position:-159px -40px;}

#nav li.storage {width:158px;}
#nav li.storage a {
	width:158px;
	background-position:-317px 0;
}
#nav li.storage a:hover {background-position:-317px -40px;}

#nav li.supplies {width:158px;}
#nav li.supplies a {
	width:158px;
	background-position:-475px 0;
}
#nav li.supplies a:hover {background-position:-475px -40px;}

#nav li.about {width:159px;}
#nav li.about a {
	width:159px;
	background-position:-633px 0;
}
#nav li.about a:hover {background-position:-633px -40px;}

#nav li.contact {width:158px;}
#nav li.contact a {
	width:158px;
	background-position:-792px 0;
}
#nav li.contact a:hover {background-position:-792px -40px;}

/* Fix IE 7 */
#nav li:hover {position: static;}

/* reset some second level things */
#nav li.home ul li a,
#nav li.locations ul li a,
#nav li.specials ul li a, 
#nav li.offer ul li a, 
#nav li.storage ul li a, 
#nav li.choose ul li a, 
#nav li.contact ul li a {
	width:160px;
	height:19px;
    padding: 7px 10px 0 10px;
    margin: 0;
    color: #fff;
    font-size: 12px;
	font-weight:bold;
	text-indent:0;
	text-decoration:none;
	text-align:left;
	border-bottom:2px solid #3c3c38;
	background: #7e794f url(/images/nav_off_bg_01.gif) repeat-x;
}
#nav li.home ul li a:hover,
#nav li.locations ul li a:hover,
#nav li.specials ul li a:hover, 
#nav li.offer ul li a:hover, 
#nav li.storage ul li a:hover, 
#nav li.choose ul li a:hover, 
#nav li.contact ul li a:hover {
	color: #000;
	background: #cdcbb6 url(/images/nav_on_bg_01.gif) repeat-x;
}

#nav li ul { /* second-level lists */
	position: absolute;
	width:180px;
	border:2px solid #3c3c38;
	border-bottom:0;
	left: -999em;
	margin:-2px 0 0 1px;
}

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

#nav li ul ul { /* third-level lists */
	position: absolute;
	margin: -30px 0 0 180px;
}

#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 { /* lists nested under hovered list items */
	left: auto;
}

/* Homepage */
/* ------------------- */

div#homeCont {
    position: relative;
	float:left;
    width: 100%;
}

div#homeLeft {
    position: relative;
    float: left;
    width: 278px;
	padding:4px 0 0 0;
	z-index:700;
}

/* HOME INFO BAR */

/* locations styles */
a#homeLocations {
	display:block;
	width:278px;
	height:89px;
	margin:0;
	padding:0;
	float:left;
	background:url(/images/home_locations.png) no-repeat;
	text-indent:-9999px;
}
#locationNav { /* all lists */
	position:absolute;
	list-style: none;
	line-height: 1;
	z-index:750;
	width:278px;
}

#locationNav li.top { /* all list items */
	width:278px;
	height:89px;
	float:left;
}

/* Fix IE 7 */
#locationNav li:hover {position: static;}

/* reset some second level things */
#locationNav li ul li a {
	display:block;
	width:156px;
	height:19px;
    padding: 7px 10px 0 10px;
    margin: 0;
    color: #fff;
    font-size: 12px;
	font-weight:bold;
	text-indent:0;
	text-decoration:none;
	text-align:left;
	border:2px solid #3c3c38;
	border-top:none;
	background: #7e794f url(/images/nav_off_bg_01.gif) repeat-x;
}
#locationNav li ul li a:hover {
	color: #000;
	background: #cdcbb6 url(/images/nav_on_bg_01.gif) repeat-x;
}

#locationNav li ul { /* second-level lists */
	position:absolute;
	clear:left;
	left:-999em;
	top:1px;
	width:180px;
	border-top:2px solid #3c3c38;
	margin:1px 0 0 278px;
	z-index:800;
}

#locationNav li ul li {
	width:180px;
	height:auto;
	display:inline;
	z-index:810;
}

#locationNav li ul ul { /* third-level lists */
	margin: -30px 0 0 180px;
}

#locationNav li:hover ul ul, #locationNav li:hover ul ul ul, #locationNav li.sfhover ul ul, #locationNav li.sfhover ul ul ul {
	left: -999em;
}

#locationNav li:hover ul, #locationNav li li:hover ul, #locationNav li li li:hover ul, #locationNav li.sfhover ul, #locationNav li li.sfhover ul, #locationNav li li li.sfhover ul { /* lists nested under hovered list items */
	left: 0;
}

/* welcome text styles */
div#welcome h2 {
display:block;
float:left;
width:278px;
font-size:30px;
line-height:30px;
margin-top:89px;
padding:23px 0 20px 0;
text-align:center;
}

/* specials styles */
a#homeSpecials {
	display:block;
	float:left;
	width:278px;
	height:49px;
	margin:0;
	padding:0;
	background:url(/images/home_specials.png) no-repeat;
	text-indent:-9999px;
}

/* homepage text styles */
p#homeText {
	float:left;
	padding:0;
	margin:17px 0 0 0;
	line-height:22px;
	color:#4f4f4f;
}

/* home slideshow styles, same size as images */
div#slideshow-home {
    position: relative;
	float:right;
    width: 596px;
    height: 400px;
	padding-top:2px;
}


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

/* BASIC LAYOUT */

div#facTop {
	position:relative;
	float:left;
	width:100%;
	height:97px;
	margin: 18px 0 0 0;
}

div#facMiddle {
    position: relative;
	float:left;
    width: 100%;
	margin: 26px 0 0 0;
}

div#facBottom {
    position: relative;
	float:left;
    width: 100%;
	margin: 26px 0 0 0;
}

/* breadcrumbs styles */
div#middle p#trail {
    position: relative;
    float: left; 
    margin: 0; 
    padding: 2px 0 0 0;
    font-size: 10px;
}

/* printer & direction styles */
div#facility-name {float: right;}
div#facility-name ul {}
div#facility-name ul li {
    font-size: 10px;
    line-height: 18px;
    background: url(/images/printer.gif) center left no-repeat;
}
div#facility-name ul li.nobackground {background: none;} /* hide on area pages */
div#facility-name ul li a {
	padding-left: 15px;
	text-decoration: none;
}
div#facility-name ul li a:hover {}

/* address styles */
div#address {
    position: relative;
	float:left;
    width: 436px;
	line-height:20px;
}
div#address h2 {font-weight: bold;padding-bottom:1px;}
div#address ul {}
div#address ul li {}
div#address ul li.street {}
div#address ul li.city-state-zip {}
div#address ul li.phone {}
div#address ul li.fax-phone {}

/* web special styles */
div#special {
	position: relative;
	float: right;
	text-align: center;
	width: 436px;
	height: 97px;
	background: url(/images/special_bg_01.png) 0 0 no-repeat;
}
div#special a {
	position:absolute;
	top:0;
	left:0;
	text-decoration:none;
	width:436px;
	height:97px;
}
div#webspecial{
	text-indent:-9999px;
}

div#special .top {
	padding-top:18px;
	font-size:24px;
	color:#3c3c38;
	font-weight:bold;
}
div#special .bottom {
	padding-top:0;
	font-size:16px;
	font-weight:bold;
}

/* CCP styles */
div#callClickPrint {
    position: relative;
	float:left;
    width: 100%;
    height: 52px;
	margin-top:26px;
}
div#callClickPrint ul li {
	display:inline;
    float: left;
    list-style: none;
	width: 205px;
	height: 52px;
	margin-right:26px;
}
div#callClickPrint ul li.last {
	margin-right:0;
}
div#callClickPrint ul li a {
	text-indent: -9999px;
	display:block;
	width: 205px;
	height: 52px;
}
div#callClickPrint ul li.call  {
	display:block;
	width: 137px;
	height: 38px;
	font-size:20px;
	color: #e3dfd5;
	padding: 14px 0 0 68px;
	background: url(/images/ccp_call.png) 0 0 no-repeat;
}
div#callClickPrint ul li.coupon a {
	background: url(/images/ccp_coupon.png) 0 0 no-repeat;
}
div#callClickPrint ul li.quote a {
	background: url(/images/ccp_quote.png) 0 0 no-repeat;
}
div#callClickPrint ul li.reserve a {
	background: url(/images/ccp_reserve.png) 0 0 no-repeat;
}
div#callClickPrint ul li a:hover {
	background-position:0 -52px;
}
/*fix an IE 7 bug */
#callClickPrint li:hover, #callClickPrint li.hover {position: static;}


/* accordion styles */
div#accordionWrap {
    position: relative;
    width: 436px;
	float:left;
}
div#accordion {
    position: relative;
    width: 436px;
}
.accTitle {
    width: 436px;
    height: 41px;
	text-indent: -9999px;
}
div#accordion #toggler_size {
	background: url(/images/toggler_size_bg_01.png) 0 0 no-repeat;
}
div#accordion #toggler_features {
	background: url(/images/toggler_features_bg_01.png) 0 0 no-repeat;
}
div#accordion #toggler_hours {
	background: url(/images/toggler_hours_bg_01.png) 0 0 no-repeat;
}
div#accordion #toggler_bonus {
	background: url(/images/toggler_bonus_bg_01.png) 0 0 no-repeat;
}
div#accordion #toggler_about {
	background: url(/images/toggler_about_bg_01.png) 0 0 no-repeat;
}

div#accordion #toggler_size:hover {background-position: 0 -41px;}
div#accordion #toggler_features:hover {background-position: 0 -41px;}
div#accordion #toggler_hours:hover {background-position: 0 -41px;}
div#accordion #toggler_bonus:hover {background-position: 0 -41px;}
div#accordion #toggler_about:hover {background-position: 0 -41px;}
.toggler {cursor: pointer;}
.element {
    margin: 8px 0 0 0;
}
div#prices,
div#features,
div#hours,
div#bonus {
    width: 424px;
    padding: 5px 6px 12px 6px;
    line-height: 1.4em;
}
div#about {padding-left:10px}

/* prices */
#prices p {
padding: 0;
margin: 0;
padding: 5px 0 5px 0;
}
div#prices h2 {display:none;}
#prices table {
width: 420px;
display:block;
float:left;
padding: 0 0 10px 0;
}
div#prices th {
	line-height: 1.4em;
	font-weight: bold;
	padding:0 0 5px 6px;
}
#prices tr {
border-bottom: 1px solid #777;
padding: 2px 0 2px 0;
}
#prices td {
color: #4f4f4f;
padding: 2px 0 2px 6px;
} 
#prices td.unitOne {
width: 17%;	
}
#prices td.unitTwo {
width: 18%;		
}
#prices td.unitThree {
width: 65%;		
}

#existing-customers {
margin: 5px 0 0 0;
font-size:13px;
font-weight:bold;
font-family:verdana;
line-height:18px;
}
#existing-customers a {
font-weight:bold;
}

/* features */
div#features {}
div#features p {color:#4f4f4f; font-size:12px; font-weight:bold}
div#features h2 {color:#4f4f4f; font-size:12px;}
div#features dl {}
div#features dt {
    font-weight: bold;
    line-height: 1.6em;
}
div#features dd {line-height: 1.6em;}

/* hours */
div#hours p {font-weight:bold; margin:0px; padding:0px;}
div#hours h2 {}
div#hours dl {}
div#hours dt {
    font-weight: bold;
    line-height: 1.8em;
}
div#hours dd {line-height: 1.6em;}

/* bonus */
div#bonus p {
	width:424px;
	padding:0;
	margin:0;
}

/* photo tour styles */
div#photoWrap {
	position:relative;
	float:right;
	width:436px;
	height:400px;
}
div#photoBorder {
	position: absolute;
	left:0;
	top:0;
	width: 436px;
	height: 379px;
	background: transparent url(/images/frame_bg_01.gif) 0 0 no-repeat;
	z-index: 970;
}
div#photo-tour {
    position: relative;
    width: 436px;
    height: 379px;
}
div#photo-tour h2 {
	display:none;
}
div#slideshow { /* size of images */
    position: relative;
    width: 436px;
    height: 379px;
	background: #fff;
}
#photoWrap p{
	font-size:11px;
	padding:8px 0 0 0;
	margin: 0 6px 0 0;
}

p.photoSEO {
	display:block;
	float:left;
}


p.videoTour {
	display:block;
	float:right;
}
/* styles added by LH on 5/12 for pay online */
#photoWrap p.payOnline {	
padding: 0;
margin: 0;
float: right;
padding: 16px 0 0 0;
}
#photoWrap p.payOnline a {
display: block;
width: 263px;
height: 38px;
line-height: 38px;
text-indent: -9999px;
background: transparent url(/images/pay_online.png) 0 0 no-repeat;	
}
#photoWrap p.payOnline a:hover {
background-position: 0 -38px;	
}

/* compare section */
div#compare {
    position: relative;
    width: 436px;
	float: left;
}
div#compare h2 {
	color:#3c3c38;
}
div#compare p {
	width:436px;
	font-size:11px;
	color:#9b966c;
}
div#compare p.nomargin {
	font-weight:bold;
	font-size:12px;
	color:#4f4f4f;
}

/* google map */
div#mapWrap {
	position:relative;
	float:right;
	width:436px;
}
div#map {
	width:436px;
}
font-size:15px
}
div#mapWrap p {
	font-size:11px;
	padding:8px 0;
	margin: 0 6px 0 0;
}

div#mapWrap #map p  {
	color:#3c3c38;
	font-weight:bold;
	font-size:15px;
	margin:0px 0px 8px 0px
}
	
#flashmap { /* size of the map */
    width: 430px;
    height: 268px;
	border:3px solid #3c3c38;
}





/* ALL CLIENT CENTER PAGES */
div#editor-content ul {
	list-style:disc;
	margin-left:26px;
}

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

div#area-page,
div#comarketing-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 35px 0;
}
div#area_map #flashmap {
    width: 467px;
    height: 430px;
	border:3px solid #3c3c38;
}

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

.facility-summary {
    margin: 16px 0; 
    clear: both;
	border-bottom: 1px solid #3c3c38;
    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;}
div#driving-directions div#address {padding: 18px 0 0 0;}

div#driving_map {
	clear:both;
    position: relative;
    width: 898px;
    padding: 18px 0 0 0;
}
div#driving_map h2 {
	padding:0 0 10px 0;
}
div#driving-directions #flashmap {
    position: relative;
    width: 892px;
    height: 400px;
	border:3px solid #3c3c38;
}

div#driving-text {padding: 0x 0 0 0;clear:both;}
div#driving-title {font-weight:bold;}
div#driving-link {display:none;}
.directions {color:#278522; cursor:pointer; text-decoration:underline}

/* LOCATIONS PAGE */
/* -------------------- */
div#locations {clear: both;padding-top:18px;}
div#locations h2 {padding-bottom: 10px;font-size: 14px;}

/* SITE MAP */
/* -------------------- */
div#site-map {clear: both;padding-top:18px;}
div#site-map h3 {padding-bottom: 10px;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; margin: 1em;}
#unit-sizes-pop table { 
    margin: 1em auto; 
    width: 90%;
    background: #e3dfd5; 
    border-collapse: collapse;
}
#unit-sizes-pop table td {
    padding: .5em 1em;
    border: 2px solid #3c3c38;
	color: #4f4f4f;
    vertical-align: top; 
    font-weight: normal;
    text-align: left;
}
#unit-sizes-pop table th {
    color: #1c1c1c; 
    padding: .5em 1em; 
    border: 2px solid #3c3c38; 
    font-weight: bold; 
    background:#fff url(/images/unitGrad_bg_01.gif) repeat-x bottom;
}

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

/* footerGrad to insert gradient */
div#footerGrad {
	float:left;
	width:898px;
	padding:0 26px 40px 26px;
	min-height:144px;
	background:url(/images/footerGrad_bg_01.gif) repeat-x;
}

/* Other Facility Footer Styles */
div#footer #other-facilities {
	padding:10px 0 0 0;
	text-align:right;
}
div#footer #other-facilities h2 {
	color:#3c3c38;
	font-size:12px;
}
div#footer other-facilities dl {}
div#footer other-facilities dt a {
    padding: 0;
    font-weight: bold;
    line-height: 24px;
}
div#footer other-facilities dd a {
	line-height: 24px;
}

div#footer a {
	color:#3c3c38;
	text-decoration:none;
}
div#footer a:hover {
	text-decoration:underline;
}

div#footer ul {
	float:right;
}
div#footer ul li {
    display: block;
	float:left;
}
div#footer ul li a {
    padding: 0 10px;
    border-right: 1px solid #3c3c38;
    line-height: 42px;
}
div#footer ul li.last a {border: 0;padding-right:0;}

div#footer-states {padding:0;margin:0;}
div#footer-states ul#states-list li a {padding: 0 10px;text-transform: uppercase;}
div#footer-states ul#states-list li.last a {border-right:1px solid #3c3c38;}

div#footer-stores {
    position: relative;
	clear:both;
}

p#copy {
	margin:0;
	padding:0;
}
p.disclaimer {
	margin:10px 0 0 0;
	padding:0;
}

/* footerBar styles */
div#footerBar {
	width:898px;
	padding:0 26px;
	height: 46px;
	background: url(/images/footerBar_bg_01.png) no-repeat;
}
div#footerBar p {
	margin:14px 0 0 0;
	padding:0;
	float:left;
	line-height:14px;
	font-weight:bold;
}
div#footerBar ul {
	float:right;
	line-height:14px;
}
div#footerBar ul li.last a {
	padding-right:0;
}

/* g5 footer text styles */
p.footerBrand {
	margin:10px 0 0 0;
	padding:0;
}