body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#000000;
	background:url(../media/en/images/bg_body.jpg) #004182 top left repeat-x;
}

a.o-left:link {color:#ffffff} /* unvisited link */
a.o-left:visited {color:#ffffff} /* visited link */
a.o-left:hover {color:#dddddd} /* mouse over link */
a.o-left:active {color:#ffcb08} /* selected link */
	
p{ 
	margin:7px 0;
	padding:0;
	line-height:14px;
}

#container{
	width:713px;
	margin:20px auto;
	background:#ffffff;
}

/*padding: 12px 0 0 200px;*/
#top_bar{
	background: url(../media/en/images/top_bar.gif) no-repeat;
	height: 32px;
	width: 713px;
	color: #FFFFFF;
}

#tb_left{
/*HOME Link*/
	float:left;
	color: #FFFFFF;
	margin-top:14px;
	height: 12px;
	text-align: right;
	width: 250px;
}

#tb_right{
/*English and Spanish Links*/
	float:right;
	margin-top:14px;
	margin-right:14px;
	height: 12px;
	text-align: right;
	width: 250px;
}

#top_bar a:link, #top_bar a:active, #top_bar a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

#top_bar a:hover {
	color: #F6D55A;
	text-decoration: underline;
}

#header{
	margin-left:10px;
	float:left;
}

#header_left{
	float:left;
	width:243px;
	margin-right:2px;
	background:#667078;
}

#header_right{
	float:left;
	width:448px;
}

#main{
	margin-left:10px;
	margin-top:2px;
	float:left;
	background:url(../media/en/images/bg_leftcol.jpg) #094874 top left repeat-x;
}

 #leftcol{
	width:243px;
	padding-top:5px;
	color:#ffffff;
	float:left;
}

#home #leftcol{
	width:233px;
	padding:3px 5px;
	color:#ffffff;
	float:left;
}

#rightcol{
	float:left;
	background:url(../media/en/images/bg_rightcol.jpg) #f6d458 top left repeat-x;
	width:432px;
	border-left:2px solid #ffffff;
	padding:5px 8px;
	min-height:350px;
}

.howmuch #rightcol, .calculator #rightcol{
	padding:5px 0;
	width:448px
}
.howmuch #rightcol p{
	padding-left:8px;
	padding-right:8px;
	margin-bottom:20px;
}

#ourheaders{
	padding-bottom:8px;
	border-bottom:1px solid #cccccc;
	text-align:center;
	font-size: 9px;
	font-style: normal;
}
	
#ourheaders h1{
 	font-size: 9px;
}

		
#zipcode_form{
	padding-bottom:8px;
	border-bottom:1px solid #cccccc;
	float:left;
	width:435px;
	text-align:center;
}

#zipcode_form label{
	margin-top:8px;
	display:block;
	float:left;
	margin-right:5px;
}

#zipcode_form .input{
	float:left;
	margin-right:10px;
}

#home_buttons{
	margin-top:10px;
	border-bottom:1px solid #cccccc;
	float:left;
	width:435px;
	padding-bottom:15px;
	text-align:center;
	margin-bottom:10px;
}

#home_extras{
	margin-top:10px;
	border-bottom:1px solid #cccccc;
	float:left;
	width:435px;
	padding-bottom:15px;
	text-align:left;
	margin-bottom:10px;
}

#home_buttons img{
	margin-right:10px;
	margin-top:10px;
}
/*** Nav Styles ***/
  #nav_en li {
    margin: 0; padding: 0; list-style: none;
    position: absolute;height:27px;display:block; }
  #nav_en a{
  	display:block;
	height:27px;
	width:100%;
	}	
  #nav_en a span{display:none;}
   
   #nav_en {
    width: 243px; height:27px; 
    background: url(../media/en/images/nav/nav.gif);
	margin:0;
    padding: 0;
    position: relative;
	}	

	/** Nav links are plain text if CSS is turned off **/	
	
	#nav_en_locations{left:0;top:0px;width:90px;}
	#nav_en_tips{left:91px;top:0px;width:85px;}
	#nav_en_about{left:177px;top:0px;width:65px;}

	#nav_en_locations a:hover, #locations #nav_en_locations{
    background: transparent url(../media/en/images/nav/nav.gif)
    0 -27px no-repeat;}

	#nav_en_tips a:hover, #tips #nav_en_tips{
    background: transparent url(../media/en/images/nav/nav.gif)
    -91px -27px  no-repeat;}

	#nav_en_about a:hover, #about #nav_en_about{
    background: transparent url(../media/en/images/nav/nav.gif)
    -177px -27px  no-repeat;}
	
	
	
/*** SPANISH Nav Styles ***/
  #nav_sp li {
    margin: 0; padding: 0; list-style: none;
    position: absolute;height:27px;display:block; }
  #nav_sp a{
  	display:block;
	height:27px;
	width:100%;
	}	
  #nav_sp a span{display:none;}
   
   #nav_sp {
    width: 243px; height:27px; 
    background: url(../media/sp/images/nav/nav.gif);
	margin:0;
    padding: 0;
    position: relative;
	}	

	/** Nav links are plain text if CSS is turned off **/	
	
	#nav_sp_locations{left:0;top:0px;width:73px;}
	#nav_sp_tips{left:77px;top:0px;width:90px;}
	#nav_sp_about{left:167px;top:0px;width:70px;}

	#nav_sp_locations a:hover, #locations #nav_sp_locations{
    background: transparent url(../media/sp/images/nav/nav.gif)
    0 -27px no-repeat;}

	#nav_sp_tips a:hover, #tips #nav_sp_tips{
    background: transparent url(../media/sp/images/nav/nav.gif)
    -77px -27px  no-repeat;}

	#nav_sp_about a:hover, #about #nav_sp_about{
    background: transparent url(../media/sp/images/nav/nav.gif)
    -167px -27px  no-repeat;}


/*** Subnav ***/

  #locations_subnav li, #storagetips_subnav li, #aboutus_subnav li, #locations_sp_subnav li, #storagetips_sp_subnav li, #aboutus_sp_subnav li {
    margin: 0; padding: 0; list-style: none;
    position: absolute;height:18px;display:block; }
  #locations_subnav a, #storagetips_subnav a, #aboutus_subnav a, #locations_sp_subnav a, #storagetips_sp_subnav a, #aboutus_sp_subnav a{
  	display:block;
	height:18px;
	width:100%;
	}	
  #locations_subnav a span, #storagetips_subnav a span, #aboutus_subnav a span, #locations_sp_subnav a span, #storagetips_sp_subnav a span, #aboutus_sp_subnav a span{display:none;}
   
   
   /** Location subnav **/
   
   #locations_subnav{
    width: 243px; height:89px; 
    background: url(../media/en/images/nav/subnav_location.gif);
	margin:0;
    padding: 0;
    position: relative;
	}	

	/** Nav links are plain text if CSS is turned off **/	
	
	#subnav_location{left:0;top:0px;width:243px;}
	#subnav_howmuch{left:0;top:17px;width:243px;}
	#subnav_specials{left:0;top:35px;width:243px;}
	#subnav_payment{left:0;top:53px;width:243px;}
	#subnav_reservation{left:0;top:70px;width:243px;}

	#subnav_location a:hover, .locations #subnav_location{
    background: transparent url(../media/en/images/nav/subnav_location.gif)
    0 -89px no-repeat;}

	#subnav_howmuch a:hover, .howmuch #subnav_howmuch{
    background: transparent url(../media/en/images/nav/subnav_location.gif)
    0px -106px  no-repeat;}

	#subnav_specials a:hover, .specials #subnav_specials{
    background: transparent url(../media/en/images/nav/subnav_location.gif)
    0px -124px  no-repeat;}

	#subnav_payment a:hover, .payment #subnav_payment{
    background: transparent url(../media/en/images/nav/subnav_location.gif)
    0px -142px  no-repeat;}

	#subnav_reservation a:hover, .reservation #subnav_reservation{
    background: transparent url(../media/en/images/nav/subnav_location.gif)
    0px -159px  no-repeat;}
	
	 /** SPANISH Location subnav **/
   
   #locations_sp_subnav{
    width: 243px; height:89px; 
    background: url(../media/sp/images/nav/subnav_location.gif);
	margin:0;
    padding: 0;
    position: relative;
	}	

	/** Nav links are plain text if CSS is turned off **/	
	
	#subnav_sp_location{left:0;top:0px;width:243px;}
	#subnav_sp_howmuch{left:0;top:17px;width:243px;}
	#subnav_sp_specials{left:0;top:35px;width:243px;}
	#subnav_sp_payment{left:0;top:53px;width:243px;}
	#subnav_sp_reservation{left:0;top:70px;width:243px;}

	#subnav_sp_location a:hover, .locations #subnav_sp_location{
    background: transparent url(../media/sp/images/nav/subnav_location.gif)
    0 -89px no-repeat;}

	#subnav_sp_howmuch a:hover, .howmuch #subnav_sp_howmuch{
    background: transparent url(../media/sp/images/nav/subnav_location.gif)
    0px -106px  no-repeat;}

	#subnav_sp_specials a:hover, .specials #subnav_sp_specials{
    background: transparent url(../media/sp/images/nav/subnav_location.gif)
    0px -124px  no-repeat;}

	#subnav_sp_payment a:hover, .payment #subnav_sp_payment{
    background: transparent url(../media/sp/images/nav/subnav_location.gif)
    0px -142px  no-repeat;}

	#subnav_sp_reservation a:hover, .reservation #subnav_sp_reservation{
    background: transparent url(../media/sp/images/nav/subnav_location.gif)
    0px -159px  no-repeat;}
	
	

	/** Storage Tips subnav **/
   #storagetips_subnav {
    width: 243px; height:53px; 
    background: url(../media/en/images/nav/subnav_storagetips.gif);
	margin:0;
    padding: 0;
    position: relative;
	}	
	
	#subnav_tips_overview{left:0;top:0px;width:243px;}
	#subnav_calculator{left:0;top:35px;width:243px;}

	#subnav_tips_overview a:hover, .tips_overview #subnav_tips_overview{
    background: transparent url(../media/en/images/nav/subnav_storagetips.gif)
    0 -53px no-repeat;}

	#subnav_calculator a:hover, .calculator #subnav_calculator{
    background: transparent url(../media/en/images/nav/subnav_storagetips.gif)
    0px -88px  no-repeat;}
	
	
	/** SPANISH Storage Tips subnav **/
   #storagetips_sp_subnav {
    width: 243px; height:53px; 
    background: url(../media/sp/images/nav/subnav_storagetips.gif);
	margin:0;
    padding: 0;
    position: relative;
	}	
	
	#subnav_sp_tips_overview{left:0;top:0px;width:243px;}
	#subnav_sp_howmuch{left:0;top:17px;width:243px;}
	#subnav_sp_calculator{left:0;top:35px;width:243px;}

	#subnav_sp_tips_overview a:hover, .tips_overview #subnav_sp_tips_overview{
    background: transparent url(../media/sp/images/nav/subnav_storagetips.gif)
    0 -53px no-repeat;}
	
	#subnav_sp_howmuch a:hover, .howmuch #subnav_sp_howmuch{
    background: transparent url(../media/sp/images/nav/subnav_storagetips.gif)
    0 -70px no-repeat;}

	#subnav_sp_calculator a:hover, .calculator #subnav_sp_calculator{
    background: transparent url(../media/sp/images/nav/subnav_storagetips.gif)
    0px -88px  no-repeat;}


   /** About us subnav **/
  #aboutus_subnav{
	width: 243px; height:108px; 
	background: url(../media/en/images/nav/subnav_aboutus.gif);
	margin:0;
	padding: 0;
	position: relative;
	}	
	
	#subnav_aboutus{left:0;top:0px;width:243px;}
	#subnav_history{left:0;top:18px;width:243px;}
	#subnav_customerservice{left:0;top:36px;width:243px;}
	#subnav_pressreleases{left:0;top:54px;width:243px;}
	#subnav_careers{left:0;top:72px;width:243px;}
	#subnav_privacy{left:0;top:90px;width:243px;}

	#subnav_aboutus a:hover, .aboutus #subnav_aboutus{
    background: transparent url(../media/en/images/nav/subnav_aboutus.gif)
    0 -108px no-repeat;}

	#subnav_history a:hover, .history #subnav_history{
    background: transparent url(../media/en/images/nav/subnav_aboutus.gif)
    0px -126px  no-repeat;}

	#subnav_customerservice a:hover, .customerservice #subnav_customerservice{
    background: transparent url(../media/en/images/nav/subnav_aboutus.gif)
    0px -144px  no-repeat;}

	#subnav_pressreleases a:hover, .pressreleases #subnav_pressreleases{
    background: transparent url(../media/en/images/nav/subnav_aboutus.gif)
    0px -162px  no-repeat;}

	#subnav_careers a:hover, .careers #subnav_careers{
    background: transparent url(../media/en/images/nav/subnav_aboutus.gif)
    0px -180px  no-repeat;}

	#subnav_privacy a:hover, .privacy #subnav_privacy{
    background: transparent url(../media/en/images/nav/subnav_aboutus.gif)
    0px -198px  no-repeat;}


/** SPANISH About us subnav **/
  #aboutus_sp_subnav{
	width: 243px; height:89px; 
	background: url(../media/sp/images/nav/subnav_aboutus.gif);
	margin:0;
	padding: 0;
	position: relative;
	}	
	
	#subnav_sp_aboutus{left:0;top:0px;width:243px;}
	#subnav_sp_history{left:0;top:17px;width:243px;}
	#subnav_sp_customerservice{left:0;top:35px;width:243px;}
	#subnav_sp_privacy{left:0;top:53px;width:243px;}
	#subnav_sp_pressreleases{left:0;top:70px;width:243px;}

	#subnav_sp_aboutus a:hover, .aboutus #subnav_sp_aboutus{
    background: transparent url(../media/sp/images/nav/subnav_aboutus.gif)
    0 -89px no-repeat;}

	#subnav_sp_history a:hover, .history #subnav_sp_history{
    background: transparent url(../media/sp/images/nav/subnav_aboutus.gif)
    0px -106px  no-repeat;}

	#subnav_sp_customerservice a:hover, .customerservice #subnav_sp_customerservice{
    background: transparent url(../media/sp/images/nav/subnav_aboutus.gif)
    0px -124px  no-repeat;}

	#subnav_sp_privacy a:hover, .privacy #subnav_sp_privacy{
    background: transparent url(../media/sp/images/nav/subnav_aboutus.gif)
    0px -142px  no-repeat;}

	#subnav_sp_pressreleases a:hover, .pressreleases #subnav_sp_pressreleases{
    background: transparent url(../media/sp/images/nav/subnav_aboutus.gif)
    0px -159px  no-repeat;}


.locationlist{
	width:210px;
	float:left;
}

.locationlist a{
	font-weight:bold;
	display:block;
	margin-bottom:6px;
	text-decoration:none;
	color:#000000;
}

#titlebar{
	width:438px;
	padding:3px 0 7px 10px;
	height:15px;
	font-size:11px;
	font-weight:bold;
	background:#004182;
	color:#ffffff;
}

#leftbar{
	width:243px;
	height:25px;
	display:block;
	background:#004182;
}

#tiplist{
	margin-left:0;
	padding-left:1.7em;
}

#tiplist li{
	margin-bottom:8px;
}

#footer{
	width:713px;
	margin:10px auto;
	color:#ffffff;
	text-align:center;
}

/* #footer a{
	color:#ffffff;
	text-decoration:none;
	*/

#footer a:link {color:#b4d6f1} /* unvisited link */
#footer a:visited {color:#b4d6f1} /* visited link */
#footer a:hover {color:#ffcb08} /* mouse over link */
#footer a:active {color:red} /* selected link */

.locationheadline{
	color:#1094ba;
	font-weight:bold;
	font-size:10px;
	text-decoration:none;
}

.emailheadline{
	color:#1094ba;
	font-weight:bold;
	font-size:10px;
	text-decoration:none;
}

#map_caption{
	margin-top:25px;
	font-weight: bold;
}

#google_map{
	width:425px;
	height:300px;
	margin:5px 0;
	border:1px solid black;
	overflow: hidden;
}


.formbox{
	float:left;
	width:190px;
	margin-bottom:10px;
	padding-right:20px;
	border-right:1px solid #cccccc;
}

.formbox_right{
	float:left;
	width:190px;
	padding-left:20px;
	margin-bottom:10px;
	margin-left:2px;
	border-left:1px solid #cccccc;
}

.reservation .input{
	margin-bottom:8px;
	margin-top:2px;
	border:1px solid #000000;
	background:#ffffff;
	color:#000000;
}

.required{
	font-weight:bold;
	color:blue;
}

.required_not{
	font-weight:bold;
	color:#444444;
}

.searchresult{
	display:block;
	border-bottom:1px solid #cccccc;
	color:#000000;
	text-decoration:none;
	padding-top:5px;
}

.newsbox{
	float:left;
	margin-bottom:15px;
}

.newsheadline{
	background:#004182;
	color:#ffffff;
	font-weight:bold;
	padding:5px 3px 5px 53px;
	text-indent:-50px;
}

#price_container table td{
	border-bottom:1px solid black;
	padding:5px 0 2px 0;
}

#credit_card_container {
	padding:5px 0 2px 0;
	float:left;
}

/* Following code is to render the SpareFoot Booking Widget Reserve Unit button
The original name for SpareFoot server CSS is client-hold-button. We are using
sparefoot-ss-hold-button */

a.sparefoot-ss-hold-button{
	font-family:Helvetica,Arial,sans-serif;
	display: block; 
	padding: 1px 1px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	font-size:15px;
	text-align:center;
	font-weight:bold;
	width: 140px;
	border:#ffcb08 1px solid;
}

a.sparefoot-ss-hold-button:hover{
	background-color: #111;
	color: #fff;
}
a.sparefoot-ss-hold-button:active{
	top: 1px;
}