@charset "utf-8";
@import url(menu.css);
/* -----------------------------------------------------

* Filename: styles.css
* Description: master external style sheet for Arizona Self Storage web site
* Version: 1
* Website: http://www.selfstoragesolutions.com
* Author: Automatit, Inc

== ANCHOR =========================================

	@reset				Standard Reset

-------------------------------------------------------*/

/* @reset
-------------------------------------------------------*/
html, body, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {margin: 0; padding: 0;}
html {height: 100%; overflow-y: scroll;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;}
img {border: 0; -ms-interpolation-mode: bicubic;}
a {outline: none;}

/* @general
------------------------------------------------------*/
body {background:#959593 url(../images/background.jpg) repeat-x; color: #000000;}
body, select, input {font: 14px/16px Arial, Helvetica, sans-serif;}
a {color: #fff6ac;}
	a:link, a:visited {text-decoration: underline;}
	a:hover {text-decoration: none;}


/* @typography
------------------------------------------------------*/
h1 {
	font: bold 20px Arial, Helvetica, sans-serif;
	padding-bottom: 16px;
	padding-left: 25px;
}
h2 {
	font: bold 17px Arial, Helvetica, sans-serif;
	padding-bottom: 16px;
	padding-left: 25px;
}
h3 {
	font: bold 14px Arial, Helvetica, sans-serif;
	padding-right: 25px;
	padding-bottom: 16px;
	padding-left: 25px;
	padding-top: 9px;
}
h4 {font: bold 11px Arial, Helvetica, sans-serif;}
h5 {font: italic 12px Arial, Helvetica, sans-serif;}
h6 {font: bold 12px Arial, Helvetica, sans-serif; padding-bottom: 18px;}
p, address {text-align:left; padding:0 25px 16px;}
/* dl {padding: 0 0 10px 0;}
   dt {clear: left; float: left; font-weight: bold;}
   dd {padding: 0 0 5px 70px;} */
ul {margin:0;}
li {
	display:list-item;
	list-style:disc;
	margin:0 0 0.15em 3.55em;
	padding-right: 25px;
}

/* @defined classes
------------------------------------------------------*/
.pageHeader {padding:0 25px 16px;}
.smallText {font-size:9px;}
.clearFloat {clear:both; height:0; font-size:1px;}
.error {font: bold 14px Arial, Helvetica, sans-serif; color: #CC0000;}

/* @defined ids
------------------------------------------------------*/
#wrapper {margin:0 auto; width:950px;}

#headerHome {position:relative; width:950px; height:517px;}
#header {position:relative; width:950px; height:185px; z-index:2;}
	#logo {position:absolute; top:21px; left:15px;}
	#tagline {position:absolute; top:21px; left:374px;}
		#taglinev2 {position:absolute; top:41px; left:374px;}
	#topright {position:absolute; background:url(../images/topright_bg.jpg) no-repeat; top:18px; left:694px; width:251px; height:97px;}
		#toplinks {position:relative; width:171px; height:22px; top:5px;}
			#homelink {position:absolute; width:68px; height:22px; top:5px; left:55px;}
			#contactlink {position:absolute; width:103px; height:22px; top:5px; left:123px;}		
		#paychoose {position:absolute; top:68px; left:75px;}	
			#paychoose select {width:150px; font-size:11px;}	
	#navMain {position:absolute; top:140px; width:950px; height:45px; z-index:4;}
	#findloc {position:absolute; top:185px; background:url(../images/findloc_bg.jpg) no-repeat; width:950px; height:74px; z-index:3;}
		#zipSearch {position:absolute; left:413px; top:21px;}
			#zipSearch select {width:130px; font-size:15px;}
		#citySearch {position:absolute; left:644px; top:21px;}
			#citySearch select {width:210px; font-size:15px;}
	#specials-slides {position:absolute; width:950px; height:258px; top:259px;}
		#specials {position:relative; width:317px; float:left;}
		#photos {position:relative; width:633px; float:right; z-index:0;}

#container {position:relative; left:10px; width:931px; background:url(../images/content_bgrepeat.jpg) repeat-y; z-index:1;}	
	#contentHome {position:relative; width:931px; background:url(../images/home_content_bgtop.jpg) top no-repeat; padding:20px 0px 4px 0px;}
	#content {position:relative; width:931px; background:url(../images/content_bgtop.jpg) top no-repeat; padding:20px 0px 4px 0px;}
	#content_orderform {padding:0px 25px 16px 25px}
		#aside {
	position:relative;
	float:right;
	background:#fbef8d url(../images/facility_listbox_bottom.jpg) bottom no-repeat;
	width:240px;
	margin:0 25px 25px;
	text-align:center;
}
			#aside li {display:list-item; list-style:disc; margin:0 0 .15em 2.25em; text-align:left;} 
			#aside a {color: #ec8c0a;}
				#aside a:link, a:visited {text-decoration: underline;}
				#aside a:hover {color: #774700; text-decoration: none;}
		#internet-special {margin:24px 0 12px;}
		#locbuttons {float:right; text-align:right; width:457px; margin-right:25px;}
		#facilityphotos {float:right; text-align:right; width:450px; height: 300px; margin-right: 25px;}
		#features {top:8px; float:left; }
		#gallery {position:relative; top:40px; float:right; right:25px;}
		#map-directions {position:relative; top:33px; margin-bottom:42px;}
			#map_canvas {border: 1px solid #400A0A; height: 300px; width: 878px; margin: 0;}
			#map_canvas2 {float:right; border: 1px solid #400A0A; height: 400px; width: 880px; margin: 10px 25px;}
			#map_canvas3 {float:right; border: 1px solid #400A0A; height: 400px; width: 500px; margin: 10px 25px;}
			#map_coupon {border: 1px solid #400A0A; height: 500px; width: 300px; margin: 25px 25px 0 25px; }
			#map_canvas address {font-size: 13px; line-height: 15px; padding: 10px 0 0 0; text-align: center;}
#flashsize {
	padding-left: 190px;
}
#supplyform {padding-left: 25px; padding-right: 25px;}
#couponSelect form, #referralSelect form {
	padding-left: 25px;
}

#storagegateway {
	padding-right: 25px;
	padding-bottom: 0px;
	padding-left: 25px;
}	
#storagegateway h1 {
	margin: 0px;
	padding: 0px 0px 3px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}
#storagegateway h2 {
	margin: 0px;
	padding: 12px 0px 5px;
}

#footer {position:relative; background:url(../images/content_bgbottom.png) top no-repeat; left:10px; width:931px; height:120px; color:#ffffff; font-size: 12px;}
    #footer a {color: #ffffff;}
	#footer a:link, #navFoot a:visited {text-decoration: underline;}
	#footer a:hover {text-decoration: none;}
	#navFoot {position:relative; margin:0 18px 0 0; padding: 20px 0 0 0; text-align:right; width:525px; float:right;}		
		#navFoot li {
	display:inline;
	margin:0;
	padding: 0px;
}
		#navFoot li a {border-right: 1px solid #c2c1c1; padding: 0 6px 0 3px;}
		#navFoot li.last a {border-right: none; padding: 0 0 0 3px;}
	#copyright {position:relative; margin:0 0 0 18px; padding: 20px 0 0 0; text-align:left; width:370px; float:left;}
			
#requestquote {
	color: #333333;
	background-color: #EDBA47;
	padding-right: 25px;
	padding-left: 25px;
	height: 400px;
}
#coupon {
	color: #333333;
	background-color: #EDBA47;
	width: 640px;
}
#couponcutout {
	height: 310px;
	width: 160px;
	border: thin dotted #333333;
	margin-left: 35px;
}