@charset "utf-8";
/* -----------------------------------------------------

* Filename: style.css
* Description: Global CSS
* Version: 2.1.0 (2009.05.09) (first used towncenterstorage.com)
* Website: http://14thstreetselfstorage.com
* Author: Dana Severance @ Automatit, Inc.

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

	@reset			General Reset
	@general		General Styles Delcarations
	@typography		Typography Delcarations
	@footer			Footer Declarations
	@lightbox		Lightbox Declarations

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

/* Reset
-------------------------------------------------------*/
html, body, div, 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 {overflow-y: scroll;}
img {border: 0px;}

/* Overall Styles
-------------------------------------------------------*/
body {background: #bdbdbd; color: #000000;}
body, input, select {font: 11px/13px Arial, Helvetica, sans-serif;}


/* @typography
-------------------------------------------------------*/
h1 {color: #005883; font-size: 18px; font-style: oblique; font-weight: bold; padding: 38px 0px 0px 22px;}
h2 {color: #005883; font-size: 12px; font-weight: bold; padding-bottom: 10px;}
h3, h4, h5, h6 {color: #000000; font-size: 11px; font-weight: bold; padding-bottom: 10px;}
ul {padding-left: 40px; padding-bottom: 15px;}
li {list-style: square; padding-bottom: 5px;}
p {padding-bottom: 20px;}
a {color: #0e589a;}
a:link, a:visited {text-decoration: underline;}
a:hover, a:active {text-decoration: none;}
.error {color: #d82727;}
.hidden {display: none;}


/* @sitelink
-------------------------------------------------------*/
#sitelink #content h1 {display: none;}
#sitelink #content h2 {padding-bottom: 0px;}
#sitelink #content ul {padding-bottom: 5px;}
table.TableSelectUnit td {background-color: #FFFFFF; border: 1px solid grey;}
table.TableSelectUnit th {background-color: #000000; color: #FFFFFF; border: 1px solid grey;}


/* @footer
-------------------------------------------------------*/
.foot-box {padding-right: 8px; padding-bottom: 1px;}

/* product script
-------------------------------------------------------*/
fieldset {border: 0;}
.btn {text-align: center;}

	/* detailed alert information */
	#alert-box {min-height: 40px; margin: 0 0 13px 0;}
		#alert-box p {color: #000000; padding: 10px 10px 10px 40px;}
		#alert-box .warning {background: #fffbcc url(../images/warning.png) no-repeat 10px 50%; border: 1px solid #f7a003;}
		#alert-box .success {background: #ceffbf url(../images/okay.png) no-repeat 10px 50%; border: 1px solid #18b301;}
		#alert-box .error {background: #fccccc url(../images/error.png) no-repeat 10px 50%; border: 1px solid #d82727;}
		#alert-box .info {background: #bfd0ff url(../images/info.png) no-repeat 10px 50%; border: 1px solid #2462ff;}
		#alert-box .help {background: #bfd0ff url(../images/help.png) no-repeat 10px 50%; border: 1px solid #2462ff;}

	/* customer information form */
	#info {list-style: none; margin: 0 auto; width: 400px;}
		#info li {overflow: auto; padding-bottom: .5em}
			#info li label {float: left; padding: 4px 10px 0 0; text-align: right; width: 150px;}
			#info li input, #info li select {width: 150px;}

	/* main order form */
	#products {width: 100%;}
		#products th {background: #005883; color: white; padding: 5px;}
		#products td {border-top: 1px solid gray; padding: 5px; text-align: center; vertical-align: top;}
		#products .desc {}
			#products h3 {padding-bottom: 10px;}
		#products .cost {width: 50px;}
		#products .qty {width: 20px;}
			#products  input.qty_input {width: 20px;}
		#products .tot {width: 70px;}
			#products input.tot_input {width: 40px;}
	
	/* confirm order page */
	#confirm dl {padding-bottom: 5px;}
		#confirm dt {clear: both; float: left; font-weight: bold; padding-bottom: 5px; width: 15em;}
		#confirm dd {padding-bottom: 5px; padding-left: 15em;}
	#confirm table {padding-bottom: 10px; width: 500px;}
		#confirm table th {border-bottom: 1px solid black; padding: 5px; text-align: left;}
		#confirm table td {border-bottom: 1px dotted gray; padding: 5px;}
		#confirm table .total th {border-bottom: 0;}
		#confirm table .total td {border-bottom: 0; color: #d82727;}	

/* @lightbox
--------------------------------------------------------
 *author Leandro Vieira Pinho - http://leandrovieira.com
 *version 0.5
 *date April 11, 2008
-------------------------------------------------------*/
#jquery-overlay {height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 90;}
#jquery-lightbox {left: 0; line-height: 0; position: absolute; text-align: center; top: 0; width: 100%; z-index: 100;}
	#jquery-lightbox a img { border: none; }
	#lightbox-container-image-box {background-color: #fff; height: 250px; margin: 0 auto; position: relative; width: 250px;}
	#lightbox-container-image {padding: 10px;}
	#lightbox-loading {height: 25%; left: 0%; line-height: 0; position: absolute; text-align: center; top: 40%; width: 100%;}
	#lightbox-nav {height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 10;}
	#lightbox-container-image-box > #lightbox-nav { left: 0; }
	#lightbox-nav a {Outline: none;}
	#lightbox-nav-btnPrev, #lightbox-nav-btnNext {display: block; height: 100%; width: 49%; zoom: 1;}
	#lightbox-nav-btnPrev {float: left; left: 0;}
	#lightbox-nav-btnNext {float: right; right: 0;}
	#lightbox-container-image-data-box {background-color: #fff; font: 10px Verdana, Helvetica, sans-serif; line-height: 1.4em; margin: 0 auto; overflow: auto; padding: 0 10px 0; width: 100%;}
	#lightbox-container-image-data {color: #666; padding: 0 10px;}
	#lightbox-container-image-data #lightbox-image-details {float: left; text-align: left; width: 70%;}	
	#lightbox-image-details-caption {font-weight: bold;}
	#lightbox-image-details-currentNumber {clear: left; display: block; padding-bottom: 1.0em;}			
	#lightbox-secNav-btnClose {float: right; padding-bottom: 0.7em; width: 66px;}