@charset "utf-8";

/* CSS Document */

html {
	overflow-y: scroll;
}

body {
	font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 14px;
	margin: 0px;
	text-align: center;
	background-image:url(_images/background-shade.gif);
	background-repeat:  repeat-x;
	background-color: #bababa;
	cursor:default;
	color: #3d3d3d;
}

a {
	color: #143e8e;
	text-decoration:none;
}

a:hover, a:active, a:focus {
	text-decoration:underline;
}

img {
	border: 0px;
}

sup {
	position:relative;
	top:2px;
	left:2px;
}

td {
	vertical-align:top;
}

h1 {
	color: #ff7441;
	font-size: 30px;
	font-family:"Arial Black", Helvetica, sans-serif;
	margin:0px;
	padding: 0px;
}

h2 {
	color: #565656;
	font-size: 18px;
	margin:0px;
	padding: 0px;
}

#main-container {
	width: 752px;
	margin:0px auto;
	text-align: left;
}

#top-nav {
	background-color: #605f5e;
	width: 752px;
	height: 40px;
	float:left;
}

#top-nav ul {
	margin:0px;
	padding:0px;
	display:inline-table;
}

#top-nav li {
	display:inline;
}

#top-nav a {
	float:left;
	color: #e0e0e0;
	border-top: 6px solid #605f5e;
	font-size: 14px;
	padding: 8px 18px;
	border-left: 1px solid #515151;
	border-right: 1px solid #515151;
}

#top-nav a.first {
	margin-left: 0px;
	border-left: 0px;
	padding-left: 21px;
}

#top-nav a.last {
	margin-right: 0px;
	border-right: 0px;
	padding-right: 20px;
}

#top-nav a:hover, #top-nav a:active, #top-nav a:focus {
	border-top: 6px solid #ff7340;
	text-decoration:none;
	color: #ffffff;
	background-color: #737271;
}

#banner {
	float:left;
	background-color: #ffffff;
	background-image:url(_images/banner-shade.gif);
	background-repeat:no-repeat;
	height: 289px;
	width: 752px;
}

#banner .left {
	float:left;
	width: 390px;
	height: 283px;
}

#banner .right {
	float:right;
	width: 350px;
	height: 283px;
}

#banner #logo {
	background-image:url(_images/logo-uneedstorage.png);
	width: 364px;
	height: 182px;
	position: relative;
	top: 10px;
	left: 15px;
}

#banner #logo:hover {
	opacity:.80;
	filter:alpha(opacity=80);
}

#banner #slogan1 {
	background-image:url(_images/ulockitustoreityoukeepthekey2.png);
	width: 355px;
	height: 70px;
	position: relative;
	top: 20px;
	left: 20px;
}

#banner #slogan2 {
	background-image:url(_images/bestratesinmilton.png);
	width: 336px;
	height: 78px;
	position:relative;
	top: -5px;
	right: 5px;
}

#banner #movie {
	position:relative;
	right: 5px;
	border: 1px #000000 solid;
	width:336px;
	height: 188px;
}

#address {
	float:Left;
	width: 752px;
	color:#ffffff;
	padding: 2px 0px 0px 0px;
	text-align:center;
	font-size: 24px;
	background-color: #565655;
	text-transform:uppercase;
	font-weight: bold;;
	letter-spacing: -1px;
}

#address a {
	color: #ffffff;
}
#servicing{
	float:Left;
	width: 752px;
	color:#ffffff;
	padding: 0px 0px 2px 0px;
	text-align:center;
	font-size: 11px;
	background-color: #565655;
	text-transform:uppercase;
	font-style: italic ;
	letter-spacing: 3px;
}
#content{
	display:block;
	float:left;
	width: 752px;
	background-color: #ffffff;
}
.content-container {
	border-left: 1px #b4b4b4 solid;
	border-right: 1px #b4b4b4 solid;
	padding: 20px 20px 0px 20px;
	margin-bottom: 0px;
	text-align: justify;
}

.up-shade {
	background-image:url(_images/container-shade-top-1.gif);
	background-repeat:no-repeat;
}

.down-shade {
	background-image:url(_images/container-shade-bottom-1.gif);
	background-repeat:no-repeat;
	padding-top: 40px;
	padding-bottom: 20px;
}

#icon-nav {
	margin-top: 10px;
}

#icon-nav ul {
	margin:0px;
	padding:0px;
}

#icon-nav li {
	margin:0px;
	display:inline;
}

#icon-nav a {
	margin: 0px 5px;
}

#icon-nav a img {
	border: 1px solid #515151;
}

#icon-nav a img:hover {
	border: 1px solid #ff7441;
}

#icon-nav a.first {
	margin-left: 0px;
	margin-right: 4px;
}

#icon-nav a.last {
	margin-left: 4px;
	margin-right: 0px;
}

#icon-nav a:hover img, #icon-nav a:active img, #icon-nav a:focus img {
	opacity:.80;
	filter:alpha(opacity=80);
}

#icon-nav {
	margin-top: 10px;
}

#icon-nav ul {
	margin:0px;
	padding:0px;
}

#icon-nav li {
	margin:0px;
	display:inline;
}

#icon-vertical-nav {
	margin-top: 20px;
}

#icon-vertical-nav ul {
	margin:0px;
	padding:0px;
}

#icon-vertical-nav li {
	margin:0px;
	list-style:none;
	margin-bottom: 5px;
}

#icon-vertical-nav li a {
	display:block;
	width: 690px;
	height:130px;
	font-size: 20px;
	border: 1px #000000 solid;
	padding-right: 20px;
	color: #565655;
}

#icon-vertical-nav a:hover, #icon-vertical-nav a:active, #icon-vertical-nav a:focus {
	background-color: #ff7340;
	text-decoration:none;
	color: #000000;
}

#icon-vertical-nav li a img {
	float:left;
	margin-right: 20px;
	border-right: 1px #000000 solid;
}

#icon-vertical-nav li span {
	position:relative;
	top:20%;
	width: 500px;
}

.bottom-container {
	background-image:url(_images/container-shade-bottom.gif);
	background-repeat:repeat-x;
	height: 21px;
	width: 750px;
	border-left: 1px #b4b4b4 solid;
	border-right: 1px #b4b4b4 solid;
	border-bottom: 2px #aaaaaa solid;
	float:left;
}

#ssa {
	margin-top:10px;
	float:right;
}

#ssa:hover  img{
	opacity:.80;
	filter:alpha(opacity=80);
}

#footer {
	background-image:url(_images/footer-shade-1.jpg);
	background-repeat: no-repeat;
	width: 752px;
	float:left;
	text-align:center;
	padding-top: 60px;
}

#footer ul {
	width: 100%;
	display: inline-table;
	margin:0px;
	padding: 10px 0px;
}

#footer li {
	display:inline;
	padding: 0px 15px;
}

.testimonial-listitem {
	font-size: 14px;
	font-family:"Courier New", Courier, monospace;
	text-align:justify;
	line-height: 20px;
	background-color: #f6f6f6;
}

.testimonial-listitem:hover {
	background-color: #ffffff;
}

.faq-listitem {
	font-size: 14px;
	background-color: #f6f6f6;
}

.faq-listitem:hover {
	background-color: #ffffff;
}

.productservices-listitem {
	font-size: 14px;
	background-color: #f6f6f6;
}

.productservices-listitem:hover {
	background-color: #ffffff;
}

.mohighlight:hover {
	opacity:.80;
	filter:alpha(opacity=80);
}

#companyinfo-logos {
	width: 710px;
	height: 180px;
	text-align: center;
	margin: 10px auto;
}

#companyinfo-logos ul {
	margin: 0px;
	padding: 0px;
}

#companyinfo-logos li {
	display: inline;
	margin: 0px;
}

#companyinfo-logos li img {
	display: table-cell;
	vertical-align:middle;
	padding: 10px 50px;
}

.container-example {
	float:left;
	height: 50px;
	margin: 15px 20px 15px 00px;
	border: 1px #ed4c12 solid;
	background-color: #fd6e39;
	background-image: url(_images/container-background.gif);
}

.container-example span {
	float:left;
	padding-top: 15px;
	padding-left: 5px;
	font-weight: bold;
	color: #ffffff;
}

.picturegallery {
	width: 280px;
	height: 280px;
}

#suppliestlist {
	border:1px #3d3d3d solid;
	background-color: #f6f6f6;
}

#suppliestlist td {
	border-bottom:1px #d9d9d9 solid;
	vertical-align:middle;
}

#suppliestlist th {
	text-align:left;
	padding: 5px 5px;
	text-transform:uppercase;
	background-color: #ff7340;
	color: #ffffff;
}

#suppliestlist td {
	padding: 2px 5px;
}

#suppliestlist .thumb {
	width: 100px;
	text-align:center;
}

#suppliestlist .price {
	width: 70px;
	text-align:right;
}

#suppliestlist .variable {
	width: 70px;
}

#suppliestlist tr:hover {
	background-color: #ffffff;
	font-weight:bold;
}

#form_contact {
	float:left;
	border: 1px solid #515151;
	width: 430px;
	margin:10px 0px 0px 0px;
	padding: 10px 5px 0px 5px;
}

#form_contact:hover {
}

#form_contact label {
	float:left;
	width: 120px;
}

#form_contact label.checkbox {
	width: 40px;
	float:left;
	text-align:right;
}

#form_contact input {
	border: 1px solid #aaaaaa;
	margin: 2px 0px;
}

#form_contact select {
	border: 1px solid #aaaaaa;
	margin: 2px 0px;
	width: 300px;
}

#form_contact input.text {
	width: 300px;
}

#form_contact input:hover, #form_contact input:active, #form_contact input:focus {
	border: 1px solid #033;
}

#form_contact input.checkbox {
	border: none;
	float:left;
	height: 20px;
	width: 20px;
	padding: 0px;
	margin: 0px 20px 0px 2px;
	display:table-cell
}

#form_contact input.radio {
	border: none;
	padding: 0px;
}

#form_contact #form_consent {
	margin-right: 10px;
}

#form_contact button {
	background-color:#dddddd;
	border: 1px solid #515151;
	height: 50px;
	margin: 10px 0px 10px 3px;
	width: 312px;
}

#form_contact button:hover {
	border: 1px solid #ff7441;
	background-color:#eeeeee;
	color: #ff7441;
	font-weight:bold;
	cursor: pointer;
}

#contactinfo-container {
	border: 1px solid #515151;
	margin-top: 10px;
	float:right;
	width: 250px;
	background-color: #f6f6f6;
}

#contactinfo-container:hover {
	background-color: #ffffff;
	border: 1px solid #ff7441;
}

#contactinfo-container #contactaddress {
	margin-top: 10px;
	text-align:center;
}

#errmsg {
	background-color:red;
	color: #ffffff;
	padding: 5px;
	margin-bottom:10px;
}

#form_directions {
	margin: 0px; 
	padding: 0px;
}

.directions_container{
	width: 530px;
	margin: 10px 0px 0px 0px;
}

#form_directions label {
	float:left;
	width: 55px;
	font-weight: bold;
}

#form_directions input {
	float:left;
	width: 350px;
	border: 1px solid #aaaaaa;
	margin: 2px 0px;
}

#form_directions input:hover, #form_directions input:active, #form_directions input:focus {
	border: 1px solid #033;
}

#form_directions button {
	float:right;
	background-color:#dddddd;
	border: 1px solid #515151;
	height: 44px;
	width: 100px;
	margin: 2px 0px 10px 3px;
}

#form_directions button:hover {
	border: 1px solid #ff7441;
	background-color:#eeeeee;
	color: #ff7441;
	font-weight:bold;
	cursor: pointer;
}

#location_index{
	list-style: none;
}

#location_index{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#location_index li a{
	background-image:url(_images/container-shade-bottom.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#fefefe;
	display:inline-block;
	margin: 2px 0px;
	padding: 10px 10px;
	width: 680px;
	border: 1px solid #515151;
	text-align: left;
}

#location_index li a:hover{
	background-image:none;
	background-color:#ffffff;
	border: 1px solid #ff7441;
	text-decoration: none;
}
#location_index li a:hover span{
	color: #ff7441;
}

#location_index li a:hover img{
	opacity:.80;
	filter:alpha(opacity=80);
}


#location_index .city{
	font-size: 26px;
	margin-left:20px;
	letter-spacing: 2px;
	text-transform: uppercase;
}

#location_index .address{
	margin-left: 20px;
	font-size: 20px;
}

#location_index img{
	float:right 
}