/*-----------------------------------------------------------------------------------------------*/
/*                                      PRICE SELF STORAGE                                       */
/*                                      CSS AUTHOR: jon cazier                                   */
/*                                      EMAIL: joncazier at gmail                                */
/*-----------------------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------------------*/
/*                                  CSS RESET THANKS TO ERIC MEYER                               */
/*                   http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/                */
/*-----------------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: '"';}
blockquote, q {quotes: '"' '"';}

/*-----------------------------------------------------------------------------------------------*/
/*                                          GENERAL STYLES                                       */
/*-----------------------------------------------------------------------------------------------*/

body {
	background: #f4f3e8 url(/_assets/theme/images/bg.png) repeat-x top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.5em;
	color: #333;
}

h1 {color: #533b27; font-family: Georgia, "Times New Roman", Times, serif; margin-bottom: 10px; font-size: 1.8em; font-weight: normal;}

h2 {color: #533b27; font-family: Georgia, "Times New Roman", Times, serif; margin-bottom: 10px; font-size: 1.8em;}

h3 {font-weight: bold; margin-bottom: 15px;}

strong, b, em {font-weight: bold;}

p {margin-bottom: 15px;}

ul {margin: 0 0 15px 20px;}

ol {margin: 0 0 15px 20px; list-style: decimal;}

table {width: 100%; margin-bottom: 15px;}

table td {padding: 2px 5px; vertical-align: top;}

blockquote {font-style: italic;}

i, em {font-style: italic;}

a {text-decoration: none; color: #ae3d19;}
a:hover {color: #543B27;}

#content a {font-weight: bold;}

#w3 a.btn {
	display: block;
	width: 120px;
	height: 20px;
	background: transparent url(/_assets/theme/images/btn.gif) no-repeat top;
	text-align: center;
	color: #FFF;
	line-height: 20px;
	font-weight: normal;
	font-size: 1em;
}

#w3 a.btn:hover {background: transparent url(/_assets/theme/images/btn.gif) no-repeat bottom;}

.clear {clear: both; height: 0px; font-size: 0px; line-height: 0px;}

.divider {height: 14px; background: transparent url(/_assets/theme/images/dividerRight.png) no-repeat right top;}
.divider span {display: block; height: 16px; background: transparent url(/_assets/theme/images/dividerLeft.png) no-repeat left top;}

ul.striped {margin-left: 0px;}
	ul.striped li {line-height: 20px; border-bottom: solid 1px #c4c2ab; padding-left: 10px;}
	ul.striped li.alt {background: #ebeadf;}
	ul.striped li.last {border-bottom: none;}

.red {color: #ae3d19;}

.rFloat {float: right;}
.lFloat {float: left;}

.twoThird ul li {padding-left: 15px; background: transparent url(images/lock.gif) no-repeat left 2px; line-height: 18px;}

strike {font-size: 1.1em; font-family: Georgia, "Times New Roman", Times, serif;}

/*-----------------------------------------------------------------------------------------------*/
/*                                          GENERAL LAYOUT                                       */
/*-----------------------------------------------------------------------------------------------*/

#w1 {
	width: 930px;
	margin: auto;
	background: transparent url(/_assets/theme/images/lightGrad.png) repeat-y top;
}

#w2 {
	background: transparent url(/_assets/theme/images/bgTop.png) no-repeat top;
}

#w3 {
	background: transparent url(/_assets/theme/images/bgBtm.png) no-repeat bottom;
	padding: 0 35px;
	min-height: 550px;
	height: auto !important;
	height: 550px;
}

	#header {
		height: 48px; 
		padding: 15px;
		text-align: right;
		font-size: 1.1em;
		color: #ae3d19;
		font-family: Arial, Helvetica, sans-serif;
		overflow: hidden;
	}
	
		#header h1, #header h1 a {
			width: 259px;
			height: 48px;
			float: left;
			text-align: left;
		}
		
		#header h1 a {
			display: block;
			text-indent: -3000px;
			background: transparent url(/_assets/theme/images/logo.gif) no-repeat;
		}
		
		#header h2 {font-size: 18px;}
		
		#header p {height: 20px;}
			#header p span {display: block; width: 435px; float: left; padding-right: 10px; line-height: 20px;}
			#header p a {float: left;}

	#nav {
		height: 30px; 
		line-height: 30px; 
		background: transparent url(/_assets/theme/images/navBg.gif) repeat-x; 
		overflow: hidden; 
		white-space: nowrap;
	}
		#nav ul {margin-left: 0px;}
	
		#nav li, #nav a {
			color: #FFF;
			text-transform: uppercase;
			width: 112px;
			height: 30px;
			display: block;
			float: left;
			text-align: center;	
		}
		
		#nav a:hover, #nav li.active a {background: #543B27;}
	
		#nav li {border-right: solid 1px #81280c; padding-right: 1px;}
		#nav li a {border-right: solid 1px #ae3d19; font-weight: bold;}
	
		#nav li.login, #nav li.login a {border-right: none; width: 169px;} /*IE 6 Specific*/
		#w3 > #nav li.login, #w3 > #nav li.login a {border-right: none; width: 175px;}
	
	#subHeader {
		overflow: hidden;
		border-bottom: solid 10px #ae3d19;
	}
	
		.subHeaderFlash, .subHeaderImg {float: left;}
	
	#content {
		min-height: 370px;
		height: auto !important;
		height: 370px;
	}
	
	#footer {
		height: 70px;
		padding: 15px 30px 0 30px;
		background: transparent url(/_assets/theme/images/footerBg.png) no-repeat center;
		position: relative;
		line-height: 1.5em;
		font-size: .9em;
		margin-top: 15px;
	}
	
		#footer a {padding: 0 8px; font-weight:normal;}
		#footer a.first {padding-left: 0;}
		
		a.centershiftLogo {
			display: block;
			height: 19px;
			width: 92px;
			text-indent: -5000px;
			background: transparent url(/_assets/theme/images/centershiftLogo.gif) no-repeat;
			position: absolute;
			top: 15px;
			right: 177px;
		}
		
		a.footerreferral {
			display: block;
			height: 30px;
			width:152px;
			text-indent: -5000px;
			background: transparent url(/_assets/images/button_referral_footer.jpg) no-repeat;
			position: absolute;
			top: 15px;
			right: 15px;
		}

/*-----------------------------------------------------------------------------------------------*/
/*                                         CONTENT COLUMNS                                       */
/*-----------------------------------------------------------------------------------------------*/

.column {
	margin: 15px 0 0 15px;
	float: left;
	overflow: hidden;
	display: inline; /* Fixes IE6 double margin bug */
}

.column h1 {white-space: nowrap;}

	.third {width: 300px;}
	
	.twoThird {width: 513px;}

	.full {width: 828px;}
	
	.home1 {width: 300px; clear: left;}
	.home2 {width: 259px;}
	.home3 {width: 239px;}

/*-----------------------------------------------------------------------------------------------*/
/*                                           UNIT TABLE                                          */
/*-----------------------------------------------------------------------------------------------*/

.unitData {border-collapse: collapse;}

	.unitData tbody td {border-top: solid 1px #c4c2ab;}
	.unitData tbody tr.alt {background: #ebeadf;}

	.unitData td, .unitData th {padding: 5px; vertical-align: top;}
	
	.unitData thead th {color: #ae3d19; font-weight: bold; }
	
	.unitData .size {width: 6%;}
	.unitData .features {width: 16%;}
	.unitData .price {width: 55%;}
		#w3 .reserve .price {width: 25%;}
	.unitData .select {width: 20%;}
	.unitData .location {width: 15%;}
	
	.unitData td.special {font-weight: bold; background: #f6b62c; white-space: nowrap;}
	
	.unitData .selectBtn {text-align: center;}
	
	.unitPrice {}
	
		.unitPrice tr td {padding: 0 3px; border: 0;}
		.unitPrice .total td {font-weight: bold;}

.contactData {}
	#w3 .contactData td a {font-weight: normal;}

.contactUsData {border-collapse: collapse;}
	
	.contactUsData tr.alt {background: #ebeadf;}
	.contactUsData td {border-bottom: solid 1px #c4c2ab; padding: 3px 5px;}
	.contactUsData tr.last td {border: 0;}
	
/*-----------------------------------------------------------------------------------------------*/
/*                                              FORMS                                            */
/*-----------------------------------------------------------------------------------------------*/

.inputStyle {width: 150px; height: 20px; padding: 0 5px;}
.selectStyle {width: 160px; height: 20px; padding: 0 0 0 5px;}
	.hFormDiv .inputStyle {background: #f4f3e8; border: solid 1px #ae3d19;}
	.vFormDiv .inputStyle {background: #ebeadf; border: solid 1px #c4c2ab; width: 200px; margin: 5px 0;}
	.vFormDiv .selectStyle {width: auto; margin: 5px 0;}

	.hFormDiv {height: 30px; line-height: 20px;}
		.hFormDiv label {display: block; width: 120px; float: left; text-align: right;}
		.hFormDiv input, .hFormDiv select {margin-left: 10px;}
		.submit {padding-left: 130px;}
		
		/*
textarea {background: #ebeadf; border: solid 1px #c4c2ab; width: 400px; height: 150px; margin: 5px 0;}

        */


/* additions */
.siteSelectStyle {width:250px;}

.error {color:#cc0000; margin-bottom: 10px;}

#admin h3 {margin:0;padding:0;}
#admin ul {margin:0;padding-bottom: 10px;}
#admin {padding-bottom:180px;}


th {font-weight:bold;}