@charset "utf-8";

/* GENERAL */
body {
	background-color: #143d55;
	font-family: "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
}
form {
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}
input {
}
.inputContainer {
	background-image: url(images/bg_form.gif); 
	background-position: top left; 
	background-repeat: repeat-x; 
	border: 1px solid #005027;
}
select {
	background-image: url(images/bg_form.gif); 
	background-position: top left; 
	background-repeat: repeat-x; 
	border: 1px solid #005027; 
	font-size: 10px; 
	color: #143d55;
}
a {
	color: #FFFFCC;
	text-decoration: underline;
}

a:hover {
	color: #f7a11a;
	text-decoration: underline;
}

a.whatFits {
	color:#FFFFCC;
}

a.whatFits:hover {
	color:#005027;
	text-decoration: underline;
}

.clear {
	clear:both;
}

/* HEADER CONTAINER */
#headerContainer {
	padding: 10px 0 0 15px;
}
#headerLogoContainer {
	float: left; 
	padding-right: 110px; 
	padding-bottom: 10px;
}
#headerCallUs {
	padding-top: 40px;
}

/* LEFT & RIGHT SHADOW */
.topColor {
	background-image: url(images/top_color.gif); 
	background-position: top left; 
	background-repeat: no-repeat; 
	width: 10px; 
	height: 4px;
}
.shadowLt {
	background-image: url(images/shadow_lt.gif); 
	background-position: top left; 
	background-repeat: repeat-y; 
	width: 10px;
}
.shadowRt {
	background-image: url(images/shadow_rt.gif); 
	background-position: top left; 
	background-repeat: repeat-y; 
	width: 10px;
}

/* TRUCK CONTAINER */
.truckContainer {
	position: absolute; 
	right: 0; 
	top: 5px; 
	z-index: 100;
}
.truckContainer a {
	background: url(images/truck_animation.gif) no-repeat;
	width: 140px;
	height: 29px;
	display: block;
}

/* MAIN CONTAINER */
#mainContainerBG {
	background-color: #FFFFFF;
}
.mainContainer {
	margin: 17px;
}
.mainContainer p, ul, li {
	color: #ffffcc;
}
.mainContainer h1 {
	background-image: url(images/house_htag.gif); 
	background-position: right bottom; 
	background-repeat: no-repeat; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #ffffcc; 
	padding: 15px 0 5px 0;
}
.mainContainer h2 {
	font-size: 18px;
	color: #ffffcc;
	margin: 0 10px 10px 10px;
	border-bottom: 1px dotted #ffffcc;
}
.mainContainer h3 {
	color: #ffffcc;
	padding: 10px 0 5px 0;
}
.mainTopGraphic {
	background-color: #50b948; 
	background-image: url(images/top_page_gr.gif); 
	background-position: top left; 
	background-repeat: repeat-x;
	width: 961px;
}
.mainBottomGraphic {
	padding: 10px 20px; 
	background-image: url(images/bottom_page_gr.gif); 
	background-position: bottom left; 
	background-repeat: repeat-x;
}

/* ABOUT NSC HOME */
.aboutNSC {
	background-image: url(images/bg_aboutnsc.jpg); 
	background-position: top left; 
	background-repeat: no-repeat; 
	width: 278px; 
	height: 316px; 
	float: right; 
	padding: 35px 32px 35px 15px; 
	color: #ffffcc;
}
.aboutNSC h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
}
#aboutNSCTextContainer p {
	padding: 5px 0; 
	margin: 0;
	line-height: 16px;
}

/* FIND STORAGE HOME */
.findStorage {
	background: url(images/bg_findstorage.jpg) top left no-repeat; 
	height: 322px;
	float: left;
	padding: 60px 16px 0px 35px; 
	width: 277px; 
	color: #005027;
}
#findStorageForm {
	padding: 0 0 5px 120px;
}
#findStorageForm a:hover {
	color:#093;
}
#findZipText {
	padding: 0 10px 0 0;
}
#findButton {
	padding: 10px 0px 0px 120px;
}
.findStep {
	font-size:11px;
	font-weight:bold;
	color:#005027;
}


.findStep-ocala {
	font-size:18px;
	font-weight:bold;
	color:#005027;
}

/* COUPON CONTAINER */
.couponContainer {
	background: url(images/bg_coupon.gif) top center no-repeat;  
	float: left;
	padding: 230px 30px 30px 30px; 
	width: 277px; 
	height: 120px; 
}
#couponButton {
	text-align: center; 
	padding-top: 13px;
}
.couponLink {
	font-size: 10px; 
	text-align: center;
	color: #ffffcc;
}
.couponLink a {
	color: #ffffcc;
	text-decoration: underline;
}
.couponLink a:hover {
	color: #b40000;
	text-decoration: underline;
}

/* RECENT NEWS */
.recentNews {
	background-image: url(images/bg_recentnews.jpg); 
	background-position: top left; 
	background-repeat: no-repeat; 
	width: 325px; 
	height: 229px; 
	float: left;
}
.recentNews h2 {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 18px; 
	font-weight: bold; 
	color: #005027; 
	padding: 15px 0 40px 15px;
}
.newsContainer {
	padding: 10px 20px 10px 0; 
	background-image: url(images/dot_part_recentnews.jpg); 
	background-position: center bottom; 
	background-repeat: no-repeat; 
	color: #143d55; 
	width: 290px;
}
.newsText {
	float: right; 
	width: 200px;
}
.pdfLink {
	padding: 10px 0 10px 20px;
}

/* PAY YOUR BILL */
#payYourBillContainer {
	background-image: url(images/bg_payyourbill.jpg); 
	background-position: top left; 
	background-repeat: no-repeat; 
	width: 295px; 
	height: 229px; 
	float: left; 
	padding: 12px 25px 0 10px; 
	color: #FFFFFF;
}
#payYourBillContainer h2 {
	text-align: center;
}
#pybText {
	padding: 0 15px 10px 15px;
}
#pybLocation {
	width:280px;
	margin:0 auto;
	padding-left:15px;
}
#locationText {
	padding: 2px 5px 2px 0;
}
#pybLink {
	font-size: 10px; 
	text-align: center;
	color: #FFFFFF;
}
#pybLink a {
	color: #FFFFFF;
	text-decoration: underline;
}
#pybLink a:hover {
	color: #f7a11a;
	text-decoration: underline;
}

/* NEIGHBORHOOD NEWS */
#nnewsContainer {
	background-image: url(images/bg_neighborhoodnews.jpg); 
	background-position: top left; 
	background-repeat: no-repeat; 
	color: #FFFFFF; 
	width: 310px; 
	height: 229px; 
	float: left;
	overflow:hidden;
}
#nnewsContainer h2 {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 18px; 
	font-weight: bold; 
	padding: 17px 0px 5px 20px;
}
#nnewsContainer p {
	margin: 5px 20px;
}
.blogContainer {
	padding: 0px 20px 0px 20px; 
	margin: 0px;
}
.blogContainer li {
	padding: 7px 0px 10px 0px; 
	list-style: none;
	background: url(images/dot_part_blog.gif) center bottom no-repeat; 
}
#nnewsForm {
	padding: 0 4px 0 20px;
}
#nnewsText1 {
	padding: 0 0 20px 4px;
}
.nnewsFormContainer {
	padding-bottom: 7px;
}
.nnewsFormText {
	float: left; 
	padding: 3px 0 3px 4px;
	width: 45px;
}
#nnewsButton {
	text-align: center; 
	padding-bottom: 17px;
}
#nnewsText {
	text-align: center; 
	font-size: 10px; 
	width: 310px; 
	position: relative;
	color: #FFFFFF;
}
#nnewsText a {
	color: #FFFFFF;
	text-decoration: underline;
}
#nnewsText a:hover {
	color: #FF0000;
	text-decoration: underline;
}
#nnewsLink {
	text-align: center; 
	font-size: 10px; 
	width: 310px;
}
#nnewsLink a {
	color: #FFFFFF;
	text-decoration: underline;
}
#nnewsLink a:hover {
	color: #ffffcc;
	text-decoration: underline;
}

/* LOCATIONS */
#zipCodeSearch {
	float: right; 
	width: 450px; 
	padding: 0 0 0 20px;
}

#zipCodeSearch_ocala {
	background:url(images/ocala_form_bg.jpg);
	float: left; 
	width: 961px;
	height:398px; 
	padding: 0 0 0 0;
	font-size:12px;
}

#zipCodeContainer {
	background-image: url(images/zip_code.gif); 
	background-position: top left; 
	background-repeat: no-repeat; 
	width: 414px; 
	height: 166px; 
	padding: 10px;
	color: #005027;
}

#zipCodeContainerTall {
	background-image: url(images/zip_code_tall.jpg); 
	background-position: top left; 
	background-repeat: no-repeat; 
	width: 414px; 
	height: 376px; 
	padding: 10px;
	color: #005027;
	font-size: 1.1em;
}

#zipCodeContainer h2 {
	background: none;
	border: none;
	padding: 0;
	margin: 0
}
#zipCodeForm {
	padding: 10px 0 5px 0px;
}


#zipCodeForm-ocala {
	width:235px;
	margin:150px 0 0 272px;
}

#zipCodeForm-ocala p, a {
	color:#000000;
}

#zipCodeText {
	float: left; 
	padding: 4px 10px 0 0;
	width: 60px;
}

#ocala-zip_container {
	margin-left:75px;
}

#CodeText_ocala {
	float: left;
	font-size:20px;
	font-weight:bold;
}

#cityText {
	float: left; 
	padding: 4px 10px 0 0;
	width: 60px;
}
#zipCodeButton {
	padding: 10px 0 0 185px;
}
#locationSearchResults {
	padding-top: 20px;
}
#locationSearchResults p {
	padding-left: 10px;
}	
.locatorContainer {
	background-image: url(images/middle_locator.gif); 
	background-position: top left; 
	background-repeat: repeat-y; 
	width: 435px;
	color: #143d55;
}
.locatorContainer a {
	font-weight: bold;
	color: #143d55;
	text-decoration: underline;
}
.locatorContainer a:hover {
	font-weight: bold;
	color: #f7a11a;
	text-decoration: underline;
}
.locatorTop {
	background-image: url(images/top_locator.gif); 
	background-position: top left; 
	background-repeat: no-repeat; 
	width: 435px; 
	height: 20px;
}
.locatorBottom {
	background-image: url(images/bottom_locator.gif); 
	background-position: top left; 
	background-repeat: no-repeat; 
	width: 435px; 
	height: 20px;
}
.tableHeader01 {
	padding: 5px; 
	width: 90px; 
	background-color: #143d55; 
	color: #FFFFFF; 
	border: 1px solid #CCCCCC;
}
.tableHeader02 {
	padding: 5px; 
	width: 205px; 
	background-color: #143d55; 
	color: #FFFFFF; 
	border-top: 1px solid #CCCCCC; 
	border-right: 1px solid #CCCCCC; 
	border-bottom: 1px solid #CCCCCC;
}
.tableHeader03 {
	padding: 5px; 
	width: 70px; 
	background-color: #143d55; 
	color: #FFFFFF; 
	border-top: 1px solid #CCCCCC; 
	border-right: 1px solid #CCCCCC; 
	border-bottom: 1px solid #CCCCCC;
}
.tableHeader04 {
	padding: 5px; 
	width: 378px; 
	background-color: #143d55; 
	color: #FFFFFF; 
	border-top: 1px solid #CCCCCC; 
	border-left: 1px solid #CCCCCC; 
	border-bottom: 1px solid #CCCCCC;
}
.tableColumnOdd01 {
	padding: 5px; 
	text-align: center; 
	border-right: 1px solid #CCCCCC; 
	border-bottom: 1px solid #CCCCCC; 
	border-left: 1px solid #CCCCCC; 
	background-color: #FFFFFF;
}
.tableColumnOdd02 {
	padding: 5px; 
	border-right: 1px solid #CCCCCC; 
	border-bottom: 1px solid #CCCCCC; 
	background-color: #FFFFFF; 
	text-align: left;
}
.tableColumnOdd03 {
	padding: 5px; 
	text-align: center; 
	border-right: 1px solid #CCCCCC; 
	border-bottom: 1px solid #CCCCCC; 
	background-color: #FFFFFF;
}
.tableColumnEven01 {
	padding: 5px; 
	text-align: center; 
	border-right: 1px solid #CCCCCC; 
	border-bottom: 1px solid #CCCCCC; 
	border-left: 1px solid #CCCCCC;
}
.tableColumnEven02 {
	padding: 5px; 
	border-right: 1px solid #CCCCCC; 
	border-bottom: 1px solid #CCCCCC; 
	text-align: left;
}
.tableColumnEven03 {
	padding: 5px; 
	text-align: center; 
	border-right: 1px solid #CCCCCC; 
	border-bottom: 1px solid #CCCCCC;
}
.locationMap {
	float: right;
}
.locationMap_ocala {
	float: left;
	padding:20px 0 0 0;
}
.sliderContainer {
	float: right;
}
.makeReservations {
	padding: 10px 0 10px 62px;
}
.sliderShowBorder {
	border: 3px solid #FFFFCC;
}
.locationMapContainer {
	border: 1px solid #ffffcc; 
	color: #ffffcc; 
	font-weight: bold;
}
.locationMapBorder {
	border-bottom: 1px solid #ffffcc; 
	padding: 5px;
}
.locationDirections {
	float: left; 
	padding: 4px 10px 0 0;
}
.googleMapContainer {
	padding: 5px;
}
.freeTruckRental {
	padding: 10px 0 0 85px;
}


/* STORAGE CONTAINER - OLD */
/*
.storageContainer {
	background-image: url(images/middle_locator.gif); 
	background-position: top left; 
	background-repeat: repeat-y; 
	width: 435px;
	color: #143d55;
	float: right;
	margin: 10px 0 0 10px;
}
.storageContainer a {
	font-weight: bold;
	color: #143d55;
	text-decoration: underline;
}
.storageContainer a:hover {
	font-weight: bold;
	color: #f7a11a;
	text-decoration: underline;
}
.storageTop {
	background-image: url(images/top_locator.gif); 
	background-position: top left; 
	background-repeat: no-repeat; 
	width: 435px; 
	height: 20px;
}
.storageBottom {
	background-image: url(images/bottom_locator.gif); 
	background-position: top left; 
	background-repeat: no-repeat; 
	width: 435px; 
	height: 20px;
}
*/

/* STORAGE CONTAINER */
.storageContainer {
	background-image: url(images/middle_storage.gif); 
	background-position: top left; 
	background-repeat: repeat-y; 
	width: 746px;
	color: #143d55;
	margin: 0 0 20px 90px;
}
.storageColumn {
	text-align: center; 
	padding: 10px;
}
.storageColumnColor {
	background-color: #FFFFFF;
}
.storageContainer a {
	font-weight: bold;
	color: #143d55;
	text-decoration: underline;
}
.storageContainer a:hover {
	font-weight: bold;
	color: #f7a11a;
	text-decoration: underline;
}
.storageTop {
	background-image: url(images/top_storage.gif); 
	background-position: top left; 
	background-repeat: no-repeat; 
	width: 746px; 
	height: 20px;
}
.storageBottom {
	background-image: url(images/bottom_storage.gif); 
	background-position: top left; 
	background-repeat: no-repeat; 
	width: 746px; 
	height: 20px;
}

/* COMMERCIAL SPACE */

.commercialContainer {
	background-image: url(images/middle_commercial.gif);
	background-position: top left;
	background-repeat: repeat-y;
	width: 300px;
	color: #143D55;
	margin: 10px 0 0;
	float: left;
}
.commercialContent {
	width: 600px;
	float: right;
	margin: 10px 0 0;
}
.commercialContent h2 {
	margin-left: 0;
}
.commercialTop {
	background-image: url(images/top_commercial.gif);
	background-position: top left;
	background-repeat: no-repeat;
	width: 300px;
	height: 20px;
}
.commercialBottom {
	background-image: url(images/bottom_commercial.gif);
	background-position: top left;
	background-repeat: no-repeat;
	width: 300px;
	height: 20px;
}
.commercialContainer a {
	font-weight: bold;
	color: #143d55;
	text-decoration: underline;
}
.commercialContainer a:hover {
	font-weight: bold;
	color: #f7a11a;
	text-decoration: underline;
}
.commercialContainer .odd {
	padding: 10px;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	background-color: white;
}
.commercialContainer .even {
	padding: 10px;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
}
.commercialInfo {
	float: left;
	width: 450px;
}
.commercialSpaceAddress {
	color: #FFFFCC;
	padding: 5px 0 20px;
}
.commercialVisualInfo {
	float: right;
	width: 450px;
}
.commercialPhotoContainer {
	clear: both;
	border: 1px solid #FFC;
	padding: 8px 0 0 8px;
	margin: 10px 0 20px;
}
.commercialPhoto {
	float: left;
	border: 1px solid #FFC;
	margin-bottom: 8px;
	width: 430px;
	height: 325px;
	background-repeat: no-repeat;
	background-position: center center;
}
.commercialThumbs a {
	display: block;
	margin: 0 8px 8px 0;
	width: 100px;
	height: 75px;
	overflow: hidden;
	text-align: center;
	border: 1px solid #FFC;
	float: left;
}
.commercialThumbs a img {
	border: 0;
}
.commercialDescription {
	padding: 0 10px 20px;
}
.suitesContainer {
	background-image: url(images/middle_suites.gif);
	background-position: top left;
	background-repeat: repeat-y;
	width: 450px;
	color: #143D55;
	margin: 10px 20px 0 0;
	float: left;
}
.suitesTop {
	background-image: url(images/top_suites.gif);
	background-position: top left;
	background-repeat: no-repeat;
	width: 450px;
	height: 20px;
}
.suitesBottom {
	background-image: url(images/bottom_suites.gif);
	background-position: top left;
	background-repeat: no-repeat;
	width: 450px;
	height: 20px;
}
.suitesContainer img {
	float: left;
	margin: 0 5px 5px 0;
	width: 100px;
}
.suitesContainer .odd {
	padding: 10px;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	background-color: white;
}
.suitesContainer .even {
	padding: 10px;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
}
.printPage {
	float: right;
	text-align: right;
	font-size: 10px;
	padding: 10px 0 0;
}

/* FAQ */
.qaContainer {
	padding: 0 10px 20px 10px; 
	color: #ffffcc;
}
.questionLine {
	float: right; 
	width: 875px; 
	font-weight: bold;
}
.qColon {
	padding: 0 0 3px 0; 
	font-weight: bold; 
	color: #CC0000;
}
.answerLine {
	float: right; 
	width: 875px;
}
.aColon {
	padding: 0 0 3px 0; 
	font-weight: bold; 
	color: #143d55;
}

/* CONTACT */
.contactContainer {
	background-image: url(images/middle_locator.gif); 
	background-position: top left; 
	background-repeat: repeat-y; 
	width: 435px;
	color: #143d55;
	float: right;
	margin: 10px 0 0 20px;
}
.contactContainer a {
	font-weight: bold;
	color: #143d55;
	text-decoration: underline;
}
.contactContainer a:hover {
	font-weight: bold;
	color: #f7a11a;
	text-decoration: underline;
}
.contactTop {
	background-image: url(images/top_locator.gif); 
	background-position: top left; 
	background-repeat: no-repeat; 
	width: 435px; 
	height: 20px;
}
.contactBottom {
	background-image: url(images/bottom_locator.gif); 
	background-position: top left; 
	background-repeat: no-repeat; 
	width: 435px; 
	height: 20px;
}

/* RESOURCES */
.resourcesLinks ul {
	list-style: none;
	padding-bottom: 20px;
}
.resourcesLinks li {
	list-style: none;
	list-style-image: url(images/acrobat.gif);
	list-style-position: outside;
	line-height: 24px;
	padding-left: 10px;
}
.localLinks ul {
	list-style: none;
	padding-bottom: 20px;
}
.localLinks li {
	list-style: none;
	list-style-image: url(images/arrow.gif);
	list-style-position: outside;
	line-height: 24px;
	padding-left: 10px;
}

/* FREE TRUCK RENTAL */
.ftrContainer {
	background-image: url(images/middle_locator.gif); 
	background-position: top left; 
	background-repeat: repeat-y; 
	width: 435px;
	color: #143d55;
	float: right;
	margin: 10px 0 0 10px;
}
.ftrContainer a {
	font-weight: bold;
	color: #143d55;
	text-decoration: underline;
}
.ftrContainer a:hover {
	font-weight: bold;
	color: #f7a11a;
	text-decoration: underline;
}
.ftrTop {
	background-image: url(images/top_locator.gif); 
	background-position: top left; 
	background-repeat: no-repeat; 
	width: 435px; 
	height: 20px;
}
.ftrBottom {
	background-image: url(images/bottom_locator.gif); 
	background-position: top left; 
	background-repeat: no-repeat; 
	width: 435px; 
	height: 20px;
}

/* SITE MAP */
.sitemap ul {
	color: #ffffcc;
}
.sitemap li {
	color: #ffffcc;
	line-height: 24px;
	list-style: none;
	list-style-image: url(images/house.gif);
	padding-left: 10px;
}
.sitemap li a {
	color: #ffffcc;
	text-decoration: underline;
}

/* FIND STORAGE LINK */
.findStorageLink {
	padding: 10px 10px 20px 10px; 
	text-align: center;
}

/* FOOTER CONTAINER */
.footerContainer {
	font-size: 11px; 
	color: #f7a11a; 
	padding: 0 10px 15px 10px;
}
.footerContainer a {
	color: #f7a11a;
	text-decoration: underline;
}
.footerContainer a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
.footerLeft {
	float: left;
}
.footerRight {
	text-align: right;
}
.footerLinksContainer {
	text-align: center; 
	padding: 10px 0 20px 197px;
}