@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;
}


/* 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;
}

/* 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: 10px 0 5px 120px;
}
#findZipText {
	padding: 0 10px 0 0;
}
#findButton {
	padding: 10px 0px 0px 120px;
}
.findStep {
	font-size:11px;
	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;
}
#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;
}
#zipCodeContainer {
	background-image: url(images/zip_code.gif); 
	background-position: top left; 
	background-repeat: no-repeat; 
	width: 414px; 
	height: 166px; 
	padding: 10px;
	color: #005027;
}
#zipCodeContainer h2 {
	background: none;
	border: none;
	padding: 0;
	margin: 0
}
#zipCodeForm {
	padding: 10px 0 5px 0px;
}
#zipCodeText {
	float: left; 
	padding: 4px 10px 0 0;
	width: 60px;
}
#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;
}
.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;
}


/* 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;
}