*{
	margin:0px;
	padding:0px;
}

body{
	font-size:medium;
	font-family:verdana, helvetica, arial, serif;
	background:#222f43;
	color:#222f43;
}

h1, h2, h3, h4, h5, h6{
	font-size:100%;
}

li{
	list-style:none;	
}

img{
	border:solid #3e5374 1px;
	padding:.2em;
	margin-bottom:.35em;
}

/*------------------------------------------------classes----------------------------------------*/
.clear{
	clear:both;	
}

.small{
	font-size:70%;
}

.align_right {
	text-align: right;
}

.caption { 
	text-align: center;
	color: #3e5374;
}

.row {
	clear: both;
	width: 100%;
	overflow: hidden;
}

.displayNone {
	display: none;
}

.indentOption{
	padding-left:2em;
}

.positive {
	color: green;
}

.link_pdf {
    /*zoom: 1;  fixes problem with IE line wrapping */
	padding: 2px 0 0 20px;
}		

.link_pdf {
    background: url(../images/pdf.gif) left no-repeat;
}

.attention, .delete, .edit, .active, .inactive, .success {
	display: block; /* needed so you can add margin */
	margin-bottom: .8em;
	padding-left: 20px;
}

.attention{
	background:transparent url(../images/attention.gif) no-repeat center left;
}

.delete {
	background:transparent url(../images/delete.gif) no-repeat center left;
}

.edit {
	background:transparent url(../images/edit.gif) no-repeat center left;
}

.active {
	color: green;
	background:transparent url(../images/active.gif) no-repeat center left;
}

.inactive {
	background:transparent url(../images/inactive.gif) no-repeat center left;
}

.success {
	background:transparent url(../images/success.gif) no-repeat center left;
}

.secure {
	padding:0 0 0 20px;
	background:transparent url(../images/secure.gif) no-repeat center left;
	float:right;
}

/* =error - alert - inactive
------------------------------- */
.error, .error_item, .alert, a.alert, .inactive{
	color: #c00;
}

.error {
	display: block;
	margin-bottom: 1.5em;
}

.error ul { /* sets spacing when errors are returned in a bullet list by asp:ValidationSummary */
    font-size:80%;
}
	
.error ul li {
	margin-bottom: .3em;
}

.error_item { /* use this class in validation controls. puts an 'x' near the textbox etc where the error occurred */
	background: url(../images/error.gif) no-repeat left;
	margin-left: .3em;
	padding: 0 .4em;
}



/*------------------------------------------all 3 headers--------------------------------*/
.storageHeader{
	width:939px;
	margin:0 auto;
	margin-top:.5em;
	height:279px;
	background:#fdf4ec url(../images/storageHeader.jpg) no-repeat top center;
}

.renterHeader{
	width:939px;
	margin:0 auto;
	margin-top:.5em;
	height:279px;
	background:#fdf4ec url(../images/renterHeader.jpg) no-repeat top center;
}

.accountHeader{
	width:939px;
	margin:0 auto;
	margin-top:.5em;
	height:279px;
	background:#fdf4ec url(../images/accountHeader.jpg) no-repeat top center;
}

.accountHeader .column{
	padding:3em 0 0 2em;
	width:500px;
}

.accountHeader p{
	font-size:100%;
	margin-bottom:1em;
}

.accountHeader h1{
	font-size:140%;
	margin-bottom:1em;	
}

/*------------------------------------------headerLink--------------------------------*/
.headerLinks{
	background:#1c100d url(../images/content_top.gif) no-repeat top left;
	color:#fdf4ec;
	width:939px;
	height:70px;
	margin:0 auto;
}

.headerLinks ul{
	float:right;
	padding:.75em 1em 0 0;
}

.headerLinks ul li{
	display:inline;
}

.headerLinks a{
	font-family:garmound, georgia, times, serif;
	font-weight:normal;
	font-size:130%;
	color:#fdf4ec;
	text-decoration:none;
}

.headerLinks a:hover{
	color:#e1c9b4;
	text-decoration:none;
}

/*-----------------------------------------------main, content---------------------------------------------*/

.main{
	background:#fdf4ec url(../images/content_tile.gif) repeat-y top left;
	width:939px;
	margin:0 auto;
	padding:0 0 20px 0;
}

.content{
	width:600px;
	padding-right:35px;
	float:right;
}

.content a, .content a:visited, .accountHeader a, .accountHeader a:visited{
    color: #022970;
}

.content a:hover, .accountHeader a:hover {
    color: #0e24c7;
}

.content a, :focus, .accountHeader a{
	outline:none;
}

.content h1.pageTitle{
	font-family:garmound, georgia, times, serif;
	font-weight: 500;
	font-size:170%;
	color:#022970;
	padding:.5em 0 1em 0;
}

.content h1.pageTitle span{
	background:transparent url(../images/pageTitle_spanTile.gif) no-repeat center right;
	padding-right:1.5em;
}

.content h1.pageTitle em.small{
	font-size:85%;
}

.content h2{
	font-size:120%;
}

.content h3{
	font-size:90%;
	background: #3e5374;
	color: #fdf4ec;
	padding: .25em;
	margin:1.75em 0 .5em 0;
}
		
.content h4{
	font-size:90%;
	padding:1.75em 0 .25em 0;
	margin-bottom:1em;
	border-bottom:solid 1px #c0c0c0;
}

.content h4.first{
	padding-top:0;
}

.content h5{
	font-size:85%;
}

.content h6{
	font-family:garmound, georgia, times, serif;
	font-weight: 500;
	font-size:135%;
	color:#022970;
	border-bottom: 1px solid #022970;
	padding-bottom:.15em;
	margin-top:1.5em;
}

.content p{
	font-size:85%;
	margin-bottom:1em;
}

.content .section{
	background:#fdf4ec url(../images/sectionBorder.gif) no-repeat top center;
	margin-top:6em;
	padding-top:3em;
}

.content .section h2{
	margin-bottom:1em;
}

.content .link_list ul {
	font-size:85%;
	list-style-type: none;
	padding-left: .35em;
}
	
.content .link_list li {
	margin-bottom:.75em;
	background: url(../images/link_list.gif) no-repeat 0 4px;
	padding-left: 1.35em;
}

/*-----------------------------------------------sidebar---------------------------------------------------*/
.sidebar{
	width:248px;
	float:left;
	padding-left:15px;
}

.sidebar .nav a{
	display:block;
	padding:12px 0;
	margin:8px 0;
	border-bottom:1px dotted #3e5374;
	color:#fdf4ec;
	text-decoration:none;
}
			
.sidebar .nav a:hover em{
	color:#e1c9b4;
}
		
.sidebar .nav a strong{
	font-family:garmound, georgia, times, serif;
	font-weight:normal;
	font-size:125%;
	color:#fdf4ec;
	display:block;
}

.sidebar .nav a em {
	font-size:90%;
}

.sidebar .nav a:hover strong{
	color:#e1c9b4;
}
		
/*--Fixes bug in ie6--*/
/*--Without it, the a:hover child doesn't work--*/
.sidebar .nav a:hover{
	font-size:100%;
}

/*------------------------------------------subnav (used for customer account pages)-----------------------------------------------------*/
.subnav {
	font-size:80%;
	margin-bottom: 2em;
	zoom: 1;
	overflow: hidden;
}

.subnav ul {
	list-style-type: none;
}

.subnav li {
	border-right: solid 1px #999;
	display: inline;
	padding-right: 1em;
	line-height: 1.5em;
	margin-right: 1em;
	overflow: hidden;
	zoom: 1;
}

.subnav li.last { /* removes the border and spacing from the last list item */
	border: none;
	margin-right: 0;
	padding-right: 0;
}

/*------------------------------------------data_table & data_tableSubtle-----------------------------------------------------*/
table {
 	border-collapse: collapse;
	border-spacing: 0;
}

.data_table {
	background: #3e5374;
	border: solid 1px #222f43;
	margin: 1px 1px 1.2em 1px;
	width: 99.9%;
}

.data_table td,
.data_table th {
	border: solid 1px #222f43;
	padding: .3em;
	text-align: center;
	font-size:90%;
	color:#fdf4ec;
}

.data_tableSubtle { /* used for useraccount */
	background: #f5e1cf;
	border: solid 1px #222f43;
	margin: 1px 1px 1.2em 1px;
	width: 99.9%;
	font-size:85%;
}

.data_tableSubtle th {
	border: solid 1px #222f43;
	padding: .3em;
	text-align: left;
	color:#fdf4ec;
}

.data_tableSubtle tr.roomRemoved {
	background-color:#cdc0b0;
}

.data_tableSubtle td {
	border: solid 1px #222f43;
	padding: .3em;
	color:#3e5374;
}

.data_tableSubtle th.align_center,
.data_tableSubtle td.align_center {
	text-align: center;
}

.data_tableSubtle th.align_right,
.data_tableSubtle td.align_right {
	text-align: right;
}

.data_tableSubtle .positive {
	color: green;
}

.data_tableSubtle .alert {
	color: #c00;
}

.data_table th,
.data_tableSubtle th {
	background: #222f43;
}

.data_table img,
.data_tableSubtle img {
	border: none;
}

/*------------------------------------------results & info_list -------------------------------------*/
.results {
	background-color:#f5e1cf;
	border-bottom: 1px solid #c0c0c0;
	padding:.75em;
	margin-bottom:1.5em;
}

.results_last {
	border-bottom: none;
	padding-bottom:.75em;
	margin-bottom:1.5em;
}

.info_list {
	font-size:85%;
	overflow: hidden;
	padding-top:1em;
}

.info_list dt {
	clear: both;
	font-weight: bold;
	margin-bottom: .5em;
	text-align: right;
	width: 8em;
}

.info_list dd {
	display: inline; /* ie6 hack http://positioniseverything.net/explorer/doubled-margin.html */
	float: left;
	margin: -1.7em 0 1em 8.35em;
}
		
html:not([lang*=""]):not(:only-child) .info_list dd { /* hack for firefox 2.x bug with class="info_list column" - http://tanreisoftware.com/blog/?p=39#gecko */
	display: table;
}

/*-------------------------------------------------action_form-----------------------------------------*/
.action_form {
	background-color: #e1c9b4;
	padding: .35em;
	padding-top:1.5em;
	zoom: 1;  /*for IE to contain the fieldsets properly */
}

.action_form fieldset {
	background-color: #f1e2d5;
	color:#222f43;
	border: none;
	padding: 0 0 1em 1em;
	display: block;
	margin-bottom:2em;
}

.action_form fieldset:after {  /*Fixes containing issues in safari*/
	content: " ";
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.action_form legend {
	color:#222f43;
	font-size: 1.2em;
	font-weight: bold;
	/*padding-bottom:1.5em;
	position:absolute;
    top: -.42em; 
    */
}

.action_form .row,
.action_form .column {
	height: auto;
	display:block;
}

.action_form .first_row {
	height: auto;
	display:block;
	padding-top:2em;
}

.action_form .grouping {
	padding-bottom: 1em;
}

.action_form .row .grouping {
	margin-right:15px;
	float:left;
}

.action_form .column .grouping {
	float: none;
	display: block;
}

.action_form .grouping_last {
	float: left;
}
		
.action_form .grouping label {
	padding:0 0 2px 0;
	display:block;
}

.action_form .label_right input,
.action_form .label_right label {
	float:left;
}

.action_form .label_right input {
	margin-right:.3em;
}

.radioBtn input {
   margin-bottom:1em;
   clear:both;
}

.action_form .label_right label.first {
	margin-right: .15em;
}

.action_form input:focus,
.action_form textarea:focus {
	background-color: #f4f8ff;
}

.action_form input,
.action_form textarea,
.action_form select  {
	font-size: 1.2em;
	font-family: arial, sans-serif;
	color: #222f43;
}

.action_form textarea {
	width:550px;
}
	
.action_form input {
	line-height: 100%;
}

.form_button {
	text-align:right;
	margin-top:-1em;
	padding-bottom:.35em;
}

.form_button .submit {
	cursor:pointer;
	background-color:#f1e2d5;
	padding:.1em;
}

/*------------------.action_form .noField (Used for the login form)-------------------------------------------------------*/
.action_form .noField { 
		background-color: #e1c9b4;
		padding: 0 .5em;
		zoom: 1; 
}

.noField .submit {
	cursor:pointer;
	background-color:#f1e2d5;
	padding:.1em;
}

/*---------------------------action_form standout----------------------------------------------------*/
.action_form .standout {
	background:#f1e2d2 url(../images/standoutBorder.gif) no-repeat bottom center;
	margin-bottom:1.5em;
	padding-bottom:2.75em;
}

.action_form h4{
	border-bottom:solid 1px #9c887a;
}

.action_form .standout h5 {
	font-size:90%;
	padding: .5em 0 1em 0;
}

.action_form .standout ul li{
	font-size:83%;
	padding:0 0 .5em .75em;
}
		
/*-----------------------------------------------footer---------------------------------------------------*/
.footer{
	width:939px;
	height:68px;
	margin:0 auto;
	background:transparent url(../images/footer.gif) no-repeat top left;
	font-size:70%;
	padding-top:7em;
	clear:both;
	color:#fdf4ec;
	text-align:center;
}
			
/*-------page specific styles--*/
/*------------------------------------------safestor & safestorrenter-------------------------------------*/
.storageContent .column, .rentersContent .column {
	float: left;
	text-align: left;
	margin-right: .5em;
	width:325px;
}

.storageContent .column_align_right, .rentersContent .column_align_right {
	float: right;
	margin: 0;
	width:250px;
}

.purchaseBtn img {
	border:none;
	float:right;
	margin-top:1em;
	margin-bottom:0;
	padding-bottom:0;
}

/*------------------------------------------frequently asked questions-------------------------------------*/
.faqContent ul{
	padding:0 0 1.75em 0;
	margin:0 0 0 1em;
}

.faqContent ul li{
	font-size:80%;
	padding:0 0 .75em 0;
	list-style-image:url(../images/listStyle_bullet.gif);
}

.faqContent .column {
	float: left;
	width:300px;
}

.faqContent .column_align_right {
	float: right;
}

/*------------------------------------------contact us-------------------------------------*/
.contactContent .column{
	float: left;
	text-align: left;
}

.contactContent .column_middle{
	float: left;
	text-align: left;
	margin-left:5em;
}

.contactContent .column_align_right{
	float: right;
	margin: 0;
}

/*------------------------------------------create an account-------------------------------------*/
.createAccountContent .column {
	float: left;
	text-align: left;
}

.createAccountContent .column_align_right {
	float: right;
	margin-right:1em;
}

.createAccountContent .column, .createAccountContent .column_align_right {
	margin-top:1.5em;
}

/*------------------------------------------storage tips-------------------------------------*/
.storageTipsContent .column {
	float: left;
	text-align: left;
}

.storageTipsContent .column_middle{
	float: left;
	text-align: left;
	margin-left:4em;
}

.storageTipsContent .column_align_right {
	float: right;
	padding-right:2em;
	margin: 0;
}

/*------------------------------------------account information-------------------------------------*/
.accountContent .column {
	float: left;
	text-align: left;
}

.accountContent .column_middle{
	float: left;
	text-align: left;
	margin-left:4em;
}

.accountContent .column_align_right {
	float: right;
	margin: 0;
}

.accountContent .section{
	background:#fdf4ec url(../images/sectionBorder.gif) no-repeat top center;
	margin-top:1em;
	padding-top:3em;
}