/* -------------------------------------------------------------- 
  	TABLE OF CONTENTS 
	
	1. Cross-browser Reset
	2. Standard elements defaults - Default styles for standard HTML elements. See /style-guide.html for markup examples.
	3. Style Library - Styles repeated through site but aren't structural elements.
	4. Main Structure - Includes header, main navigation, main wrapper, footer, etc
	5. Main Structure Alternative Styles - Styles for main structure elements that have different styles in different templates
	6. Template Styles - Specific styles for the different templates
	7. Page Specific Styles - If a page has unique styles not found anywhere else on the site they would go here
	
	STYLE SHEET COMMENT DEFINITIONS
	
	CF -- Denotes a style that is used as a clear fix
	PFD (Prevent float drop) -- Denotes a fix for ie6 to prevent layout from breaking with oversized content
	IE{.css} -- Denotes a css property that is used for a bug fix in IE7 and below. NOTE if .css is present check alternative style sheet
	IE6{.css} -- Denotes a css property that is used for a bug fix in IE6. NOTE if .css is present check alternative style sheet
	IE8.css -- Denotes a style that has an alternative version in the ie8.css style sheet
	HL (hasLayout) -- Denotes a hasLayout fix for IE
	DMB (Double margin bug) -- Denotes double margin fix for ie6
	SL - Denotes that a element draws most of its styles from style library
	
-------------------------------------------------------------- */

/* -------------------------------------------------------------- 
  	1. Cross-browser reset 
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body { line-height: 1.5; }

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

/* PC FF3 adds an outline to Flash objects */
a, object { outline: none; }

/* -------------------------------------------------------------- 
  	2. Standard elements defaults 
-------------------------------------------------------------- */
    
/* Headings
-------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
	color: #A80000;
	font-family: helvetica, arial, sans-serif;
	font-weight: bold;
	margin-bottom: 0.35em;
	text-transform: uppercase;
}  

h1 { font-size: 2.5em; }
h2 { font-size: 1.667em; }
h3 { color: #520000; font-size: 1.25em; }
h4 { font-size: 1.25em; text-transform: none; }
h5 { color: #520000; font-size: 1.083em; text-transform: none; }
h6 { font-size: 0.833em; }

h1 a, h1 a:link { color: #A80000; }
h2 a, h2 a:link { color: #A80000; }
h3 a, h3 a:link { color: #520000; }
h4 a, h4 a:link { color: #A80000; }
h5 a, h5 a:link { color: #520000; }
h6 a, h6 a:link { color: #A80000; }

h1 a:hover { color: #520000; }
h2 a:hover { color: #520000; }
h3 a:hover { color: #A80000; }
h4 a:hover { color: #520000; }
h5 a:hover { color: #A80000; }
h6 a:hover { color: #520000; }

/* Text Elements
-------------------------------------------------------------- */
body 			{ color: #000000; font: 62.5%  helvetica, arial, sans-serif; }
p 				{ color: #520000; font-size: 1.083em; margin: 0 0 1em; line-height: 1.5;}
.summary p 		{ color: #BCA790; font-size: 1.667em; font-style: italic; font-weight: bold; }
	
a				{ text-decoration: underline; }
a,a:link 		{ color: #A80000; }
a:visited 		{ color: #A88080; }

a:hover,
a:active,
a:focus 		{ color: #C65757; }

blockquote  	{ margin: 0 0 1em; color: #8D5757; font-style: italic; }
strong 			{ font-weight: bold; }
em  			{ font-style: italic; }
address 		{ font-style: normal; }
cite 			{ color: #520000; font-size: 0.917em; font-style: normal; text-transform: uppercase; }
small 			{ color: #520000; font-size: 0.917em; margin-bottom: 1em; }

/* Following six styles generally do not need to be edited */

sup,
sub    			{ line-height: 0; }
dfn 			{ font-style: italic; }
del 			{ color:#666; }
pre 			{ white-space: pre; }
pre,code,tt 	{ font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }
ul ol li 	{ background: none; padding-left: 0; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }
li			{ color: #520000; }
dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

/* Tables
-------------------------------------------------------------- */

table       	{ margin-bottom: 1.4em; width:100%; border-left: 1px solid #D9D9D9; }
th         		{ 
					border-bottom:1px solid #BCA790; 
					border-right: 1px solid #DDD3C7; 
					border-top: 1px solid #BCA790; 
					background: #EEE9E3; 
					font-weight: bold; 
				}
tr.even td		{ background: #F8F6F4; }
th,td,caption 	{ padding: 4px 10px 4px 5px; }
td				{ border-bottom: 1px dashed #BCA790; border-right: 1px solid #DDD3C7;  }
tfoot       	{ font-style: italic; }
caption     	{ font-size: 0.917em; text-align: left; }

/* -------------------------------------------------------------- 
	3. Style Library
----------------------------------------------------------- */

div#errors 			{ /* ie7.css and ie6.css inherits */ background: #FFF5E6 url(../images/design/form-error.gif) 8px 6px no-repeat; border: 1px solid #FFEBCC; margin: 0 0 1.5em 0; padding: 0.5em 10px 0.5em 50px; }
	div#errors h4 	{ color: #FFB612; font: bold 0.917em arial, sans-serif; }
	div#errors p 	{ margin-bottom: 0.25em; color: #990000; font-size: 0.917em; }
	div#errors ul 	{ margin: 0 0 0 15px; }
		div#errors li 	{ margin-bottom: 0.5em; font-size: 0.917em; color: #000000;  }
		
.footNotes 		{ margin: 0 0 1em 0; padding: 0; list-style: none; }

.footNotes li 	{ margin: 0 0 1em 0; float: none !important; width: auto !important;  padding: 0; font-size: 0.833em; }

.footNotes sup 	{ margin-right: 5px; }

/* -------------------------------------------------------------- 
	4. Main Structure
----------------------------------------------------------- */

body { margin: 0; height: 100%; background: #DDD3C7; color: #000000; font: 62.5%  helvetica, arial, sans-serif; text-align: center; }

	#page { background: #FFFFFF url(../images/design/page-bg.jpg) 0 0 repeat-x; font-size: 1.2em; padding: 0; position: relative; text-align: left; }

		#wrapper { background: url(../images/design/wrapper-bg.jpg) 0 281px no-repeat; margin: 0 auto; min-height: 750px; /* ie6.css */ position: relative; width: 852px; }

			#wrapperInner { background: url(../images/design/wrapper-bg-light.jpg) 182px 0 no-repeat; padding: 0 28px 0 24px; }

				#header { position: relative; min-height: 150px; /* Alt Style in ie6.css */ border-bottom: 10px solid #FFFFFF; }
					
					#logo { width: 251px; height: 126px; display: block; margin-bottom: 0; background: url(../images/design/logo.jpg) 0 1px no-repeat; position: absolute; bottom: 0; left: 0; }
					
						#logo a { width: 251px; height: 126px; display: block; text-indent: -9999px; }

						p.moreInformation { background: url(../images/design/more-information.jpg) 0 0 no-repeat; position: absolute; top: 57px; right: -15px; text-indent: -9999px; height: 34px; width: 437px; }

						a.contactUs { background: url(../images/btn/btn-sprite.jpg) 0 0 no-repeat; display: block; height: 30px; position: absolute; text-indent: -9999px; top: 0; right: 140px; width: 130px; }

						a.contactUs:hover { background-position: 0 -31px; }

						a.payBill { background: url(../images/btn/btn-sprite.jpg) -131px 0 no-repeat; display: block; height: 30px; position: absolute; text-indent: -9999px; top: 0; right: 0; width: 130px;}

						a.payBill:hover { background-position: -131px -31px; }

				#contentMain { background: #FFFFFF; position: relative; /* IE hasLayout Fix */ min-height: 200px; /* ie6.css */}
	
					#contentMainInner { padding: 1em 10px 2em 10px; }
	
	#footer { min-height: 150px; /* ie6.css */ width: 780px; margin: 0 auto 4em auto; }
	
		#contactInfo { background: #BCA790;	color: #520000; margin-bottom: 0.5em; padding: 1em 21px; }

			#contactInfo address { border-right: 1px solid #D3C5B6; float: left; text-align: left; width: 230px; padding: 0 10px; display: block; font-size: 0.917em; }
			
			#contactInfo address.last { border: 0; width: 215px; }
			
				#contactInfo address.last .town { width: 90px; }
	
				#contactInfo .town { font-size: 1.5em; font-weight: bold; float: left; text-align: center; width: 114px; }
	
					#contactInfo .town a { color: #520000; text-decoration: none; }
	
					#contactInfo .town a:hover { text-decoration: underline; }
		
				#contactInfo .location { float: left; width: 115px; }
	
					#contactInfo .phone { display: block; font-size: 1.25em; }
	
		.copyright,
		.phoneEmail { color: #A89581; float: left; font-family: verdana, sans-serif; font-size: 1em; text-align: left; 	}
	
			.copyright span, 
			.phoneEmail span { font-weight: bold; }
			
			.copyright a, 
			.phoneEmail a { color: #A89581; }
			
			.copyright a:hover, 
			.phoneEmail a:hover { color: #520000; }
	
		.phoneEmail { float: right; text-align: right; }
		
			.phoneEmail a { color: #A89581; }

/* -------------------------------------------------------------- 
	5. Main Structure Alternative Styles
----------------------------------------------------------- */

body.home-page #contactInfo 		{ display: none; }
body.home-page #footer				{ padding-top: 2em; }
body.home-page #contentMainInner 	{ padding-top: 0; }

body.locations #contentMain 		{ padding: 0 40px 2.5em 40px; background: #FFF url(../images/design/vertical-grey-line.gif) 402px 0 repeat-y; /* background: #FFFFFF url(../images/design/tape-middle-bg.gif) 220px 0 repeat-y; */ }
body.locations #contentMainInner 	{ /* background: #FFFFFF url(../images/design/tape-top-bg.gif) 220px 0 no-repeat; */ padding: 0; }

body.locations #localNav			{ background: #FFF; }

body.inner-general #contentMain 		{ padding: 0 10px 2.5em 40px; }
body.inner-general #contentMainInner 	{ background: url(../images/design/inner-content-main-bg.gif) 470px 0 repeat-y; border-bottom: 1px solid #EBE5DE; padding: 0 0 1em 0; }

body.inner-general #innerColumnMain,
body.inner-general #innerColumnSub 		{  float: left; }

body.inner-general #innerColumnMain		{ margin: 0 40px 0 0; padding-top: 1em; width: 450px; }
body.inner-general #innerColumnSub 		{ text-align: center; width: 260px; } 
body.inner-general #innerColumnSub img	{ margin-bottom: 1.5em; }
body.inner-general #innerColumnSub p	{ margin-bottom: 0; }
body.inner-general #innerColumnSub h2	{ text-align: left; }
body.inner-general #innerColumnSub ul   { text-align: left; }

body.inner-supplies #contentMainInner 	{ padding-left: 40px; padding-right: 40px; }
body.inner-supplies #innerColumnMain 	{ padding-top: 1.5em; }

body.inner-storage #contentMain 		{ border-top: 1px solid #EBE5DE; padding: 0 40px 2.5em 40px; }
body.inner-storage #contentMainInner 	{ background: url(../images/design/inner-content-main-bg.gif) 350px 0 repeat-y; padding: 0; padding-top: 2em; }

body.inner-storage #innerColumnMain,
body.inner-storage #innerColumnSub 		{  float: left; }

body.inner-storage #innerColumnMain 	{ margin-right: 72px; width: 320px; }
body.inner-storage #innerColumnSub 		{ width: 308px; }

body.inner-storage #innerColumnSub img	{ margin-bottom: 1.5em; }

/* -------------------------------------------------------------- 
	6. Template Styles
----------------------------------------------------------- */

/* Locations Template
-------------------------------------------------------------- */

body.locations h1 { background: #FFF; border-bottom: 1px solid #EBE5DE; padding: 0.25em 0; margin-bottom: 0.5em; }

#locationFeatures { width: 331px; float: left; margin-right: 59px; overflow: hidden; /* PFD */}

	#locationFeatures ul { margin-bottom: 1em; }
	
	 	#locationFeatures ul.featureList { list-style: none; margin: 0 0 1em 0; }
	
	 		#locationFeatures ul.featureList li { padding-left: 12px; background: url(../images/design/brown-bullet.gif) 0 5px no-repeat;  }
	 	
	#locationFeatures h2 { clear: left; font-size: 1.25em; margin-bottom: 1em; }

		#locationFeatures li { float: left; width: 137px; margin: 0 10px 2px 0; } 
	
	#locationFeatures h2.border { border-top: 1px solid #DDD3C7; border-bottom: 1px solid #DDD3C7; background: #EBE5DE; padding: 5px 12px; }
	
	#locationFeatures table { border: none; border-top: 1px solid #DDD3C7; width: 331px; }
		
		#locationFeatures thead tr.header th,
		#locationFeatures thead tr.header td { text-transform: uppercase; border: 0; border-bottom: 1px solid #ded3c8; background: #ebe5de; }
		
		#locationFeatures thead tr.header th { color: #A80000; font: bold 1.25em helvetica, arial, sans-serif; }
		
		#locationFeatures thead tr.header td { text-align: right; color: #520000; font-size: 1em; }
		
			#locationFeatures thead tr.header td em { font: bold normal 1.25em helvetica, arial, sans-serif; color: #A80000; }
			
		#locationFeatures thead tr.columns th { background: #FFF; color: #520000; font: bold 0.917em arial, sans-serif; border: 0; border-bottom: 1px solid #ded3c8; }	
		
		#locationFeatures tbody td, 
		#locationFeatures tbody th { border: 0; border-bottom: 1px solid #ebe5de; color: #575757; font-size: 1.083em;}
		
		#locationFeatures tbody th { color: #333333; font-weight: bold; background: none; width: 90px; }
			
			#locationFeatures tbody th ul { margin: 0 0 0 14px; }
				 
				#locationFeatures tbody th li { color: #575757; font-size: 0.692em; margin: 0; width: auto; text-transform: lowercase; float: none; margin-left: 3px; }
			
		#locationFeatures tbody tr.even th { background: #F8F6F4; }
		
		#locationFeatures tbody del { color: #785757; font-size: 0.846em; }
			
		#locationFeatures tbody td a.reserve { display: block; width: 63px; height: 17px; text-indent: -9999px; background: url(../images/btn/btn-reserve.gif) 0 0 no-repeat; float: right; }
		
	#locationFeatures p small { font-size: 0.769em; text-align: center; color: #520000; border-top: 1px solid #DDD3C7; border-bottom: 1px solid #DDD3C7; background: #EBE5DE; display: block; padding: 5px 12px; }
	
#locationMap { float: left; width: 330px; }

	#bloomingtonMap,
	#edenPrairieMap,
	#moundMap { width: 330px; height: 400px; margin-bottom: 1.5em; }
	
	#locationAddress { color: #520000; font-size: 0.917em; }
	
		#locationAddress .adr { margin-bottom: 1em; font-size: 1.083em; }

		#locationAddress p { font-size: 1.083em; margin-bottom: 7px; }
		
			#locationAddress p span { font-weight: bold; }
			
		#locationAddress .contactMethods { padding-top: 10px; border-top: 1px dashed #EBE5DE; margin-bottom: 1.5em; }
		
		#locationAddress .tel { font-weight: normal; }

		#locationAddress .main { margin-right: 70px; }
		
	#mapInfo { width: 250px; height: 125px; }	
		
	#mapInfoLeft { float: left; width: 105px; margin-right: 10px; }
	
		#mapInfoLeft h3 { color: #000000; font-size: 1.083em; }
		
		#mapInfoLeft p { color: #333; font-size: 0.833em; }
		
	#mapInfoRight { float: left; width: 118px; }
		
/* Reservation Overlay Styles */

#reservationOverlay { 
	background: #FFF; min-height: 300px; /* ie6.css */ text-align: left; clear: left; 
	-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; 
}

body.jsEnabled #reservationOverlay { font-size: 1.2em; position: relative; left: 20px; top: 20px; width: 660px; padding: 20px; display: none; }

	#closeOverlay { 
		display: none; height: 30px; width: 30px; text-indent: -9999px; 
		background: url(../images/btn/btn-overlay-close.png) 0 0 no-repeat; /* ie6.css */ 
		position: absolute; top: -10px; right: -12px; cursor: pointer; 
	}
	
	body.jsEnabled #closeOverlay { display: block; }
	
	#reservationOverlayInner { background: url(../images/design/vertical-brown-line.gif) 310px 0 repeat-y; }
	
		#reserveUnitForm { float: left; width: 284px; margin-right: 50px; }
		
			#reserveUnitForm h1 { font-size: 2em; border-bottom: none; margin-bottom: 0.25em; }
			
			#reserveUnitForm p { color: #520000; font-size: 1.083em; }
			
			#unitInfo { padding: 7px 9px; border-top: 1px solid #EBE5DE; border-bottom: 1px solid #EBE5DE; margin-bottom: 1.25em; }
			
				#unitInfo p { margin-bottom: 0; }
				
					#unitInfo #size { color: #520000; font-weight: bold; font-size: 1.25em; margin-right: 15px; font-size: 1.083em; }
				
					#unitInfo #cost { color: #A80000; font-size: 1.25em; }
				
				#unitInfo ul { margin-right: 0; margin-bottom: 0; padding-top: 6px; }
				
				#reserveUnit span.error { padding-top: 4px; display: block; }
				
				#reserveUnit fieldset { padding: 0; margin: 0; }
				
				#reserveUnit label { color: #520000; font: bold 1em "helvetica neue", helvetica, arial, sans-serif; text-transform: uppercase; width: 70px; }
				
				#reserveUnit .fieldArea input,
				#reserveUnit .fieldArea textarea { width: 189px; border: 1px solid #DDD3C7; background: #F8F6F4; margin-top: 0; }
			
				#reserveUnit .btn  { /* ie8.css with ie7 and ie6 inherting */margin-left: 85px; background: #A80000; color: #FFF; font: bold 0.917em verdana; padding: 4px 6px; text-transform: uppercase; border: 0; cursor: pointer; }
				
				#reserveUnit .btn:hover { background: #520000; }
				
		#reserveUnitPhoto { display: none; float: left; width: 325px; }
		
		body.jsEnabled #reserveUnitPhoto { display: block; }
		
			#reserveUnitPhoto img { margin-bottom: 20px; }
		
/* TODO: Remove if not using
	
	table.prices {margin-top: 10px; color: #520000;} 
		table.prices td, th {padding: 5px 10px; width: auto;}
		
		p.rateNote {font-size: 0.8em;}
		
		a.locationPrice {text-decoration: none;}
		a:hover.locationPrice {text-decoration: underline;}
		a:visited.locationPrice {color: #A80000;}
*/
		
	table.comparePrices {margin-top: 10px; color: #520000;}
		table.comparePrices th, 
		table.comparePrices td  {padding: 5px 10px; width: 225px;}
	
/* -------------------------------------------------------------- 
	7. Page Specific Styles
----------------------------------------------------------- */

/* Home Page
----------------------------------------------------------- */

#homeTop { padding: 0; margin-bottom: 2em; background: #FFF; height: 355px; overflow: hidden; }

	#photos { float: left; width: 258px; margin-right: 10px; }
	
		#photos img { display: block; margin-bottom: 10px; }
	
	#deal { float: left; width: 250px; margin-right: 10px; }
	
	#locations { float: left; width: 250px; background: url(../images/design/brown-horizontal-lines.gif) 0 0 repeat; height: 100%; }
	
		#homeMap { height: 150px; width: 250px; margin-bottom: 0.75em; }
		
		#locations h1 { color: #A80000; line-height: 1.2; font-size: 1.5em; margin-bottom: 0.5em; padding: 0 5px; }
		
		#locations ul { border-top: 1px dashed #D3C5B6; background: #FFF; margin: 0; padding: 0; list-style: none; }
			
			#locations li { border-bottom: 1px dashed #D3C5B6; padding: 9px 10px; font-size: 1.25em; font-weight: bold; color: #520000; }
			
				#locations li span { color: #DD7C66; margin-right: 13px; }
				
				#locations li a.checkRates { float: right; display: block; width: 84px; height: 20px; text-indent: -9999px; background: url(../images/btn/btn-sprite.jpg) -270px -170px no-repeat; }
		
				#locations li a.checkRates:hover { background-position: -270px -191px; }
				
#homeContent { padding: 0 0 40px 0; margin-bottom: 2.5em; background: url(../images/design/horizontal-tape.jpg) 0 100% no-repeat; }

	#homeContent ul { padding-top: 40px; background: url(../images/design/horizontal-tape.jpg) 0 0 no-repeat; margin: 0; list-style: none; width: 780px; }
	
		#homeContent li { float: left; width: 247px; margin-right: 19px; overflow: hidden; /* PFD IE6 */ }
			
			#homeContent li img { display: block; margin-bottom: 1.5em; }
		
			#homeContent li p { padding: 0 15px; font-size: 0.917em; color: #520000; }
		
		#homeContent li.last { margin-right: 0; }

/* Self Storage Page
-------------------------------------------------------------- */

#storageInfo { background: #FFFFFF; border-top: 1px solid #EBE5DE; clear: left; padding-top: 1em; }

	#storageInfo .leftInfo { float: left; width: 210px; margin-right: 20px; }
	
	#storageInfo .centerInfo { float: left; width: 210px; margin: 0 20px; }
 
	#storageInfo .rightInfo { float: right; width: 210px; margin-left: 20px; }
	
.storageContact { background: #FFFFFF; border-top: 1px solid #EBE5DE; clear: left; padding-top: 1em; }	

/* Our Locations Page
-------------------------------------------------------------- */

#ourLocations { color: #DD7C66; font-weight: bold; font-size: 1.25em; margin-top: 1.5em; }

	#ourLocations li { color: #DD7C66; margin-top: 5px; }
	
	#ourLocations li h3 { font-size: 1em; }
	
	#ourLocations li a.checkRates { float: right; display: block; width: 84px; border-left: 10px solid #FFF; height: 20px; text-indent: -9999px; background: url(../images/btn/btn-sprite.jpg) -270px -170px no-repeat; }
	
	#ourLocations li a.checkRates:hover { background-position: -270px -191px; }
	
	#ourLocations p { font-size: #520000; font-size: 0.867em; font-weight: normal; clear: both; } 
	
#ourLocationsMap { height: 350px; width: 325px; margin-bottom: 1.5em; }

	.print { cursor: pointer; margin-bottom: 1em; display: none;  }
	
#directions { margin-bottom: 0; }
	
	#directions table { border-left: 0; }
	
		#directions table.adp-placemark { border-left: 1px solid silver; }
	
		#directions table td { border: 0; }
	
		.include { clear: both; font-size: .9em; text-align: right; }

/* Inner Page Supplies Template - Specific Styles
-------------------------------------------------------------- */

#movingSupplies { margin-bottom: 1.5em; }

	#movingSupplies ul { display: none; }
	
	#movingSupplies ul.ui-tabs-nav { display: block; border-bottom: 1px solid #BCA790; list-style: none; float: left; width: 720px; margin: 0; } 
	
		#movingSupplies li { 
			float: left; margin-right: 3px; background: black; background: #BCA790 url(../images/design/tabs-bg.gif) 0 0 repeat-x; 
			border: 1px solid #bca891; border-bottom: none; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px;
			-webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px;
		}
		
			#movingSupplies li.ui-tabs-selected { background: #8C0000 url(../images/design/tabs-bg-active.gif) 0 0 repeat-x; border: 1px solid #8d0000; border-bottom: 0; }
		
		#movingSupplies a { display: block; height: 35px; padding: 15px 0 10px 0; overflow: hidden; color: #FFF; font: bold 0.833em verdana, sans-serif; text-align: center; text-decoration: none; }
		
		/* Tab IDs */
		
		#tab-boxbundles a				{ width: 68px; }
		#tab-boxesmovingstorage a 		{ width: 102px; }
		#tab-packagingaccessories a		{ width: 90px; }
		#tab-furnituredustcovers a 		{ width: 91px; }
		#tab-padspouches a				{ width: 70px; }
		#tab-shrinkwrap a				{ width: 56px; }
		#tab-tapedispenser a 			{ width: 79px; }
		#tab-misc a						{ width: 52px; }
		#tab-padlocks a 				{ width: 63px; }
		
	#movingSupplies .ui-tabs-hide { display: none; }
		
	#movingSupplies .category { clear: both; }
	
		#movingSupplies .categoryInfo { padding-top: 15px; float: left; width: 121px; margin-right: 20px; text-align: center; overflow: hidden; /* IE6 PFD */ }
		
			#movingSupplies .category img { margin-bottom: 1em; }
			
			#movingSupplies .category h2 { color: #A80000; font-size: 1.25em; }
		
		#movingSupplies .productList { float: left; width: 579px; margin-bottom: 1.5em; overflow: hidden; /* IE6 PFD */ }
		
			#movingSupplies .product { border-bottom: 1px dashed #EBE5DE; padding: 15px; }
		
			#movingSupplies .productOdd { background: #F8F6F4; }
			
				#movingSupplies .productDetails { float: left; width: 435px; margin-right: 20px; }
	
				#movingSupplies .productQuanity { float: left; width: 94px; }
				
					#movingSupplies .productQuanity .price { display: block; text-align: right; color: #A80000; margin-bottom: 6px; font-weight: bold; font-size: 1.5em; }
				
					#movingSupplies .productQuanity .fieldArea { text-align: right; margin-bottom: 0; }
				
						#movingSupplies .productQuanity label  { font-size: 0.917em; text-transform: none; float: none; width: auto; margin-right: 5px; }
					
						#movingSupplies .productQuanity input { width: 23px; float: none; }

#supplyTotal { padding-left: 141px; }

	#supplyTotal .cart { float: left; width: 312px; margin-right: 20px; }
	
		#supplyTotal .cart h3 { color: #FFF; text-transform: uppercase; font-size: 1.083em; font-weight: bold; padding: 7px 10px; margin-bottom: 0; background: #D7CABC; }
		
		#supplyTotal ul { list-style: none; margin: 0 0 1.25em 0; padding: 0; background: #F8F6F4; }
	
			#supplyTotal li { border-bottom: 1px solid #E8E0D8; padding: 6px 10px; float: left; width: 292px; }
	
			#supplyTotal li.odd { background: #F2EDE9; }
			
				#supplyTotal li a.remove { display: block; float: left; margin: 2px 7px 0 0; width: 10px; height: 11px; background: url(../images/btn/btn-remove-product.gif) 0 0 no-repeat; }
				
				#supplyTotal li .quantity { color: #520000; float: left; margin-right: 5px; line-height: 1; font-size: 1.167em; font-family: "arial black", arial, sans-serif; }
				
				#supplyTotal li .product { color: #544838; float: left; margin-right: 5px; }
		
		p.shippingNotice { font-size: 0.75em; color: #544838; }
				
	#proceedToCheckout { float: left; width: 245px; }
	
		form#supplies .submit { background-position: -322px -61px; height: 30px; width: 246px; display: block; margin-bottom: 1em; }
		
		form#supplies .submit:hover { background-position: -322px -92px; }
		 
		.updateCart { padding-top: 10px; border-top: 1px dashed #EBE5DE; }
			
			.updateCart .subTotal { color: #A80000; font-size: 1.75em; font-weight: bold; }
	
				.updateCart .subTotal span { color: #520000; font-size: 0.429em; font-weight: bold; }
				
				.updateCart .update { background: url(../images/btn/btn-sprite.jpg) -379px -123px no-repeat; float: right; height: 23px; width: 71px; font-size: 0; overflow: hidden; padding-top: 21px; border: 0; cursor: pointer; }
				
/* TODO REMOVE IF NOT NEEDED

body.inner-supplies h1 { float: left; }
body.inner-supplies h2 { color: #BCA790; font-size: 2.667em; font-style: italic; font-weight: normal; float: right;	}
body.inner-supplies .productList { border-top: 1px solid #EBE5DE; float: left; }

	body.inner-supplies .productList table { 
		border: 0; 
		float: left; 
		width: 610px; 
	}
	
		body.inner-supplies .productList td { 
			border: 0; 
			border-bottom: 1px dashed #EBE5DE; 
			padding: 12px; 
		}
		
		body.inner-supplies .productList td.productName {
			width: 250px;
		}
		
			body.inner-supplies .productList h3 { 
				color: #520000; 
				font-size: 1.083em; 
				margin-bottom: 0; 
				text-transform: none; 
			}

			body.inner-supplies .productList p { margin-bottom: 0; }
			
			.moving-supplies-page #supplies h2 {
				color: #520000;
				float: left;
				font-size: 1.25em;
				font-weight: bold;
				font-style: normal;
				padding-top: 50px;
				margin: 1em 15px 0 0;
				text-align: right;
				text-transform: none;
				width: 95px;
			}
			
			h2#packagingaccessories { background: url(../images/design/accessories-bg.jpg) 100% 0 no-repeat; }
			h2#boxbundles { background: url(../images/design/boxes-bg.jpg) 100% 0 no-repeat; }
			h2#boxesmovingstorage { background: url(../images/design/boxes-bg.jpg) 100% 0 no-repeat; }
			h2#padlocks { background: url(../images/design/locks-bg.jpg) 100% 0 no-repeat; }
*/
	

/* Checkout Form Styles */
ul#prices { 
	float: right; 
	margin: 0 0 1em 0;
}

	ul#prices li {
		list-style: none;
		font-size: 1em;
		margin-left: 0.5em;
		padding: 0.5em 5px;
		text-align: right;
	}

	ul#prices li.total {
		font-size: 1.167em;
	}
	
	ul#prices li span {
		font-weight: bold;
		margin-right: 10px;
	}
	

/* Generic Inner Pages - Specific Styles
-------------------------------------------------------------- */
body.inner-two-column #contentMain,
body.inner-one-column #contentMain { 
	border-top: 1px solid #EBE5DE; 
	padding: 0 40px 0 40px; 
}

	body.inner-one-column #contentMain { border-top: 0; }
		
	body.inner-two-column #contentMainInner { 
		background: url(../images/design/inner-content-main-bg.gif) 358px 0 repeat-y; 
		padding: 2em 0; 
	}
	
	body.inner-one-column #contentMainInner { padding: 2em 0; }
	
body.inner-two-column #innerColumnMain,
body.inner-two-column #innerColumnSub {  float: left; }

	body.inner-two-column #innerColumnMain {
		margin-right: 62px;
		width: 330px;
	}

	body.inner-two-column #innerColumnSub {
		width: 308px;
	}


/* -------------------------------------------------------------- 
	NAVIGATION
----------------------------------------------------------- */
#mainMenu {
	list-style: none;
	margin: 0;
	position: absolute;
	right: 0; /* Alt Styles in ie6.css */
	bottom: 0;
	width: 549px;
}

	#mainMenu li {
		border-right: 10px solid #FFFFFF;
		border-top: 10px solid #FFFFFF;
		display: block;
		float: left;
		height: 40px;
	}
	
		#mainMenu #our-locations { width: 144px; }
		#mainMenu #trucks { width: 106px; }
		#mainMenu #moving { width: 97px; }
		#mainMenu #moving-supplies { width: 162px; }
		
		#mainMenu a {
			background: url(../images/design/main-nav-hover.gif) 0 3px no-repeat;
			color: #FFFFFF;
			display: block;
			padding: 3px 30px; 
			font-size: 15px; /* Alt Styles in ie6.css */
			text-decoration: none;
			text-transform: uppercase;
		}
		
		#mainMenu li.active a	{ background: #A80000; }
		#mainMenu a span	{ display: block; }
		
		#mainMenu #our-locations a				{ background-position: -235px -40px; }
		#mainMenu #trucks a						{ background-position: -105px -40px; padding: 11px 20px; }
		#mainMenu #moving a						{ background-position: -105px -40px; padding: 11px 20px; }
		#mainMenu #moving-supplies a			{ background-position: -381px -40px; padding: 11px 20px; text-align: center; }
		
		#mainMenu #our-locations a:hover			{ background-position: -235px 0px; }
		#mainMenu #trucks a:hover					{ background-position: -106px 0px; }
		#mainMenu #moving a:hover					{ background-position: -105px 0px; }
		#mainMenu #moving-supplies a:hover			{ background-position: -381px 0px; }
		
/* Local Navigation
-------------------------------------------------------------- */
#localNav {
	background: #FFFFFF url(../images/design/inner-content-main-bg.gif) 510px 0 repeat-y;
	padding-bottom: 1em;
	margin-bottom: 0;
	position: relative;	
}
	
#localNav ul {
	background: #F8F6F4;
	border-top: 1px solid #EBE5DE;
	border-bottom: 1px solid #EBE5DE;
	margin: 0;
	padding-left: 50px;
}

	#localNav li {
		background: url(../images/design/localnav-li-bg.gif) 100% 50% no-repeat;
		display: block;
		float: left;
		list-style: none;
		padding: 10px;
		position: relative;
	}
	
		#localNav li.last-child { background: none; }
		
		#localNav .activeArrow {
			background: url(../images/design/active-arrow.gif) 0 0 no-repeat;
			display: block;
			height: 9px;
			position: absolute;
			left: 44%;
			bottom: -9px; /* Alt Style in ie6.css */
			width: 17px;
		}
		
		#localNav li.active a { font-weight: bold; }
		
		#localNav a {
			color: #A80000;
			display: block;
			font-size: 1.083em;
			padding: 5px 10px;
			text-decoration: none;
			text-transform: uppercase;
		}
		
		#localNav a:hover {
			background: #A80000;
			color: #FFFFFF;
			font-size: 1.083em;
			padding: 5px 10px;
			text-transform: uppercase;
		}

/* Alt Styles for Local Nav */

body.inner-locations #localNav { background: #FFFFFF; }

/* -------------------------------------------------------------- 
	TYPOGRAPHY
	Set any special typography here that isn't set in the typographic defaults section
----------------------------------------------------------- */

.nowrap {white-space: nowrap;}

.declaration { margin: 25px 0 -25px 0; }

/* -------------------------------------------------------------- 
	IMAGE ELEMENTS
----------------------------------------------------------- */	
	
/* -------------------------------------------------------------- 
	BUTTONS ELEMENTS
----------------------------------------------------------- */		
a.learnMore {
	background: url(../images/btn/btn-sprite.jpg) 0 -289px;
	display: block;
	height: 20px;
	margin-right: 10px;
	width: 84px;
	text-indent: -9999px;	
}
a.viewPrices {
	background: url(../images/btn/view-prices.jpg) 0 0 no-repeat;
	display: block;
	height: 20px;
	margin-right: 30px;
	width: 84px;
	text-indent: -9999px;	
}

a.learnMore:hover { background: url(../images/btn/btn-sprite.jpg) 0 -310px; }
a.viewPrices:hover { background: url(../images/btn/view-prices.jpg) 0 -21px; }

/* -------------------------------------------------------------- 
	FORM ELEMENTS
----------------------------------------------------------- */
fieldset {
	margin-bottom: 0.5em;
	padding: 1em 0;
	border: none; 
}
	
	form h3 {
		margin-bottom: 0.5em; /* Alt style in ie7.css */
	}
	
	legend {
		font-weight: bold;
	}

	.fieldArea {
		float: left;
		margin-bottom: 1em;
		width: 100%;
	}
	
	.htmlInputText input, textarea {
		float: left;
		border: 1px solid #AD9B85; /*#DDD3C7;*/
		color: #520000;/*#BCA790;*/
		font: 0.917em arial, sans-serif;
		padding: 2px 4px;
		width: 170px;
	}
	
		.comments { 
			height: 100px; 
			width: 310px; 
			margin-top: 10px;
		}
		
	select {
		width: 178px;
	}
	
	label {
		color: #520000;
		float: left;
		font-weight: bold;
		margin-right: 15px;
		text-transform: uppercase;
		width: 10.34em;
	}
		
		
		.regarding label { text-transform: none; }
	
	span.message {
		clear: left;
		display: block;
		font-size: 0.833em;
	}
	
	span.error {
		color: #AA0000;
	}
	
	form .submit {
		background-image: url(../images/btn/btn-sprite.jpg);
		background-repeat: no-repeat; 
		border: 0;
		cursor: pointer;
		display: block;
		line-height: 0;
		overflow: hidden;
		text-indent: -9999px;
	}
	
		
/* Contact Form */

#contact table, #contact table td {
	background: none;
	border: none; 
	clear: left;
	font-size: .97em; 
	margin: .5em 0;
	padding: 0; 
}

#contact table {
	padding-top: 0.5em; 
	clear: left;
}

	#contact td input {
		margin-right: 0;
		float: left; 
		margin: 0 5px 0 0; 
	}
	
	#contact td label {
		margin-right: 0;
		width: auto;
		font-weight: normal;
	}
	
#contact tr.even td {
	background: none;
}

#contact { margin-bottom: 1em; }

#contact .submit {
	background-position: -30px -104px;
	height: 20px;
	width: 55px;
}

	#contact .submit:hover,
	#contact .hover {
		background-position: -30px -125px;
	}

/* Online Payment Form */

form .expirationDateFieldArea select {
	float: left;
	margin-right: 10px;
	width: auto;	
}

form .cvv input {
	width: 2em;	
}

form#onlinePayment .submit {
	background-position: -190px -124px;
	float: right;
	height: 20px;
	width: 110px;
}

form#onlinePayment .submit:hover,
form#onlinePayment .hover {
	background-position: -190px -145px;
}

/* Moving Supplies Form */

form#supplies {
	clear: both;
	padding-top: 2em;	
}
	

	.shippingMethodFieldArea select {
		width: auto;
	}
	
	form#checkout .next {
		background-position: -85px -166px;
		height: 30px;
		width: 56px;	
	}
	
	form#checkout .placeOrder {
		background-position: -142px -166px;
		height: 30px;
		width: 126px;	
	}
	
	/* Button hover states */
	
	
	form#checkout .next:hover { background-position: -85px -197px; }
	form#checkout .placeOrder:hover { background-position: -142px -197px; }
	
	
	
/* Get Directions Form */

#getDirections {
	padding-top: 1.5em;
	display: none;	
}

	body.jsEnabled #getDirections { display: block; }
	
#getDirections .fieldArea {
	float: left;
	width: 100%;
}
	
#getDirections .htmlInputText input {
	float: right;
	width: 175px;
}

#getDirections .facility {
	margin-top: 0.75em;
	padding-bottom: 1em;
	border-bottom: 1px dashed #DDD3C7;	
}

	#getDirections .facility input {
		float: left;	
		line-height: 1;
		margin: 0 10px 0 0;
	}

#getDirections .facility label {
	float: left;
	margin-right: 10px;
	text-transform: none;
	width: auto;
}

#getDirections .submit {
	background-position: -84px -124px;
	float: right;
	height: 20px;
	width: 104px;
}
	
	#getDirections .submit:hover,
	#getDirections .hover { 
		background-position: -84px -145px; 
	}
	

/* -------------------------------------------------------------- 
	MISC
----------------------------------------------------------- */

.floatLeft { float: left; }
.floatRight { float: right; }
.clearLeft { clear: left; }
.clearRight { clear: right; }
.clear {clear: both;}
.first { margin-left:0; padding-left:0; }
.last  { margin-right:0; padding-right:0; }
.top   { margin-top:0; padding-top:0; }
.bottom { margin-bottom:0; padding-bottom:0; }

img.floatLeft { margin: 0 1.5em 0 0; }
img.floatRight { margin: 0 0 1em 1.5em; }

/* ----------------
	CLEAR FLOATS WITHOUT EXTRA HTML MARKUP
	add this class to the element that needs to be cleared - This works in modern browser that support the after pseudo element
    ------------- */ 
.clearFix:after { 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; 
}