/*
	uhaul.com
	-----------------
	Structure
	Text
	Header
	Splash
	Icons
		filetypes
	Titles
	Errors
	Navigation
		subnav
		subnav_large
		content_nav
		skip
	Containers
		info_list
		link_list
		check_list
		news_item
		section
		col row
		related_links
		links
		important
		standout
		float_image
		float_right
		float_left
		sub_tab
		additional_info infotable
		results
	Action_form
		parameters
		action_form
		buttons
	Data_table
	First Last Top Bottom
	Reservation specific
	Datepicker
	Legacy
	Print

	 1px = .08em
	 2px = .17em
	 3px = .25em
	 4px = .33em
	 5px = .42em
	 6px = .5em
	 7px = .58em
	 8px = .67em
	 9px = .75em
	10px = .83em
	11px = .92em
	12px = 1em
	13px = 1.08em
	14px = 1.17em
	15px = 1.25em
	16px = 1.33em
	17px = 1.42em
	18px = 1.5em
	19px = 1.58em
	20px = 1.67em

*/	


/* =Structure
----------------------------------------------- */
	body {
		background: #fff;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 76%;
		color: #000;
		margin: auto;
		padding: 1em;
	}

	* {
		line-height: 130%;
	}
	
	.body,
	.main,
	.main_small,
	.mainsmall,
	.footer {
		margin: auto;
		max-width: 100%;
		min-width: 0;
		width: 57.5em;
	}
	
	.main_small,
	.mainsmall {
		width: 45em;
	}

	.sidebar {
		float: left;
		width: 22%;
		overflow: hidden;
		padding: 0;
		margin: 0;
	}

	.content_with_sidebar {
		float: right;
		width: 76%;
	}

	.content {
		margin-left: 0;
	}

	.content_column { /* used to create a standard two column layout. Most commonly used with content_with_sidebar for two column text on uhaul.com */
		width: 48%;
		float: left;
	}
  
	.content_column_last {
		width: 48%;
		float: right;
	}

	.footer {
		text-align: center;
		font-size: .9em;
		padding-top: 1.5em;
		clear: both;
	}

	.footer .nav {
		text-align: center;
		padding-bottom: 1em;
	}

	table {
	 	border-collapse: collapse;
		border-spacing: 0;
	}

	td {
		font-size: 1em;
		padding: 0;
	}

	hr {
		height: 1px;
		color: #d2d2d2;
		clear: both;
		margin-top: 1em;
		margin-bottom: 1em;
	}
	
	.clear,
	.float_fix {
		clear: both;
		display: block;
	}
	
	.align_right { /* aligns to the right of the page */
		text-align: right;
	}
	
	.align_center { /* aligns to the center of the page */
		text-align: center;
	}
	
	.hide {
		display: none;
		visibility: hidden;
	}




/* =Text
----------------------------------------------- */
	ul {
		margin-left: 1.5em;
		padding-left: 0;
	}

	ol {
		margin-left: 1.5em;
		padding-left: 1em;
	}

	li {
		margin-bottom: .4em;
	}
	
	small,
	.small {
		font-size: 80%;
	}
	
	big,
	.big {
		font-size: 120%;
	}
	
	.highlight {
		background: #ffffce;
	}
	
	p.last {
		margin-bottom: 2em;
	}

	.intro,
	.leadin { /* typographical nicety to have a line or paragraph set apart at the beginning of a section */
		font-size: 1.25em;
	}

	.caption { /* goes with a picture */
		font-style: italic;
		text-align: center;
		color: #666;
	}

	.thanks { /* Formatting thank you messages that appear after filling out forms. Apply to the div that is usually used to hide/show thank you message. */
		text-align: center;
		margin-bottom: 3em;
	}
	
	.nowrap { /* put around elements you don't want to wrap */
		white-space: nowrap;
	}
	
	a {
		color: #029;
	}
	
	a:visited {
		color: #866a9d;
	}

	a:hover, a:focus {
		color: #04c;
	}
	
	a img {
		border: 0;
	}

	sup {
		line-height: 100%;
	}


/* =Header
----------------------------------------------- */
	.uhaul_header {
		width: 57.5em;
		max-width: 100%;
		min-width: 0;
		margin: auto;
		
		background: #ff3300 url(https://www.uhaul.com/images/header/header_bottomleft.gif) bottom left no-repeat;
		overflow: hidden;
		margin-bottom: 1.5em;
	}
	
	.uhaul_header img {
		border: 0;
		display: block;
	}
	
	.uhaul_header li a,
	.uhaul_header li a:visited {
		font-size: .9em;
		color: #fff;
		text-decoration: none;
	}

	.uhaul_header li a:hover {
		text-decoration: underline;
		color: #fff;
	}
	
	.uhaul_header a.logo {
		float: left;
	}

	.uhaul_header .header_links {
		background: transparent url(https://www.uhaul.com/images/header/header_bottomright.gif) bottom right no-repeat;
		overflow: hidden;
		float: right;
		padding-bottom: 6px;
		max-width: 60%;
	}

	.uhaul_header ul {
		background: transparent url(https://www.uhaul.com/images/header/header_topright.gif) top right no-repeat;
		padding: 0;
		padding-top: 6px;
		margin: 0;
	}

	.uhaul_header li {
		margin-right: 1em;
		display: inline;
	}



/* =Splash
----------------------------------------------- */
	.splash {/* for grey image that continues picture (to be specified page-by-page) */
		background: #ccc no-repeat top left;
		margin-bottom: 1.5em;
		overflow: hidden;
		height: 100%;
	}

	.splash img {
		float: right;
		margin-left: 1em;
	}

	.splash .intro,
	.splash .leadin {
		padding: 1em;
		padding-bottom: 0;
		font-size: 12px;

	}

	.splash .nav {
		font-size: 1.1em;
		font-weight: bold;
	}

	.splash .intro p,
	.splash .leadin p {
		font-size: 1.2em;
	}

	.splash a {
		color: #019;
	}

	.splash a:hover,
	.splash a:visited {
		color: #02c;
	}


/* =icons
----------------------- */	
	.success,
	.add,
	.edit,
	.faqhelp,
	.attention,
	.delete,
	.print,
	.secure,
	a.search {
		display: block; /* needed so you can add margin */
		margin-bottom: .8em;
		padding-left: 18px;
	}
	
	.success,
	.add,
	.edit,
	.faqhelp,
	.more,
	.delete,
	.print,
	.secure,
	a.search {
		font-weight: bold;
	}

	.add,
	.edit,
	.faqhelp,
	.delete,
	.print,
	.secure,
	a.search {
		white-space: nowrap;
		width: 0; /* keeps these from spanning entire screen */
	}

	.add {
		background: url(https://www.uhaul.com/icons/add.gif) no-repeat left;
	}

	.attention {
		background: url(https://www.uhaul.com/icons/attention.gif) no-repeat left;
	}

	.delete {
		background: url(https://www.uhaul.com/icons/delete.gif) no-repeat left;
	}

	.edit {
		background: url(https://www.uhaul.com/icons/edit.gif) no-repeat left;
	}

	.faqhelp {
		background: url(https://www.uhaul.com/icons/help.gif) no-repeat left;
	}
	
	.info {
		padding-left:20px;
		line-height:16px;
		background: url(https://www.uhaul.com/icons/info.gif) no-repeat top left;
	}

	.print {
		background: url(https://www.uhaul.com/icons/print.gif) no-repeat left;
	}

	.search {
		background: url(https://www.uhaul.com/icons/search.gif) no-repeat left;
	}
	
	.success {
		background: url(https://www.uhaul.com/icons/success.gif) no-repeat left;
	}
	
	.secure {
		background: url(https://www.uhaul.com/icons/locked.gif) no-repeat left;
	}
	
	.more {
		margin-bottom: .8em;
		padding-right: 20px;
		line-height: 16px;
		float: right;
		clear: both;
		background: url(https://www.uhaul.com/icons/more.gif) no-repeat top right;
	}
	
	.back {
		font-weight:bold;
		padding-left: 20px;
		line-height: 16px;
		clear: both;
		background: url(https://www.uhaul.com/icons/back.gif) no-repeat top left;
		}

	
	
	input.search { /* applied to input fields, let's the user know this one is a search field right away */
		background: white url(https://www.uhaul.com/icons/search.gif) left no-repeat;
		padding-left: 18px;
	}
	
	.subtle {
		color: #999;
	}

	.icon { /* used for edit and delete type icons that get a border by default if a link */
		border: 0;
	}

	td .icon { /* center icons in cells for editing, deleting, etc. */
		display: block;
		margin: auto;
	}

	td.icon_cell {
		text-align: center;
		width: 35px;
	}


	/* =filetypes
	----------------------- */
		.link_image,
		.link_video,
		.link_pdf,
		.link_doc,
		.link_xls,
		.link_rss,
		.link_email {
			zoom: 1; /* fixes problem with IE line wrapping */
			padding: 2px 0 0 20px;
		}
		
		.link_pdf {
			background: url(https://www.uhaul.com/icons/filetypes/pdf.gif) left no-repeat;
		}
		
		.link_image {
			background: url(https://www.uhaul.com/icons/filetypes/jpg.gif) left no-repeat;
		}
		
		.link_video {
			background: url(https://www.uhaul.com/icons/filetypes/mpg.gif) left no-repeat;
		}
		
		.link_doc {
			background: url(https://www.uhaul.com/icons/filetypes/doc.gif) left no-repeat;
		}
		
		.link_xls {
			background: url(https://www.uhaul.com/icons/filetypes/xls.gif) left no-repeat;
		}
	
		.link_rss {
			background: url(https://www.uhaul.com/icons/rss.gif) left no-repeat;
		}
		
		.link_email {
			background: url(https://www.uhaul.com/icons/email.gif) left no-repeat;
		}
		
		.related_links ul li.link_pdf a,
		.related_links ul li.link_video a,
		.related_links ul li.link_image a { /* for "related documents" */
			font-weight: normal;
		}
		
		

/* =titles
----------------------- */
	h1,
	h2,
	h3 {
		font-family: Helvetica, Arial, sans-serif;
		font-weight: bold;
	}

	h1 {
		font-size: 1.6em;
		color: #014;
		margin-top: 0;
		margin-bottom: .5em;
	}

	h2 {
		font-size: 1.4em;
		margin-top: 0;
	}

	h3 {
		font-size: 1.2em;
		margin-top: 1em;
		margin-bottom: .3em;
	}

	h4 {
		font-size: 1em;
		margin-bottom: -1em;
	}

	.relatedlinks h3,
	.infotable h3,
	.actiontable h3,
	.sidebar h3 {
		color: #456;
		letter-spacing: .1em;
		font-size: 1.1em;
		margin-top: 0; /* butt the title against the top of the container */
		background-image: none;
	}




/* =errors
----------------------- */
	.error,
	.alert,
	.error_item,
	.negative /* for negative numbers or words ie: -200 or No */
	 {
		font-weight: bold;
		color: #c00;
	}

	.positive /* for positive numbers or words */
	{
		font-weight: bold;
		color: Green;
	}


	.error {
		display: block;
		margin-bottom: 1.1em;
	}

	.error ul { /* sets spacing when errors are returned in a bullet list by asp:ValidationSummary */
		margin-top: 0;
		margin-bottom: .8em;
	}

	.error_item { /* use this class in validation controls. puts an 'x' near the textbox etc where the error occurred */
		background: url(https://www.uhaul.com/icons/error.gif) no-repeat left;
		margin-left: .3em;
		padding: 0 .4em;
	}

	.data_table .error { /* takes away the spacing when the error class is used in a table for data display */
		display: inline;
	}




/* =navigation
----------------------------------------------- */
	.nav {
		text-align: right;
	}

	.nav ul,
	ul.nav {
		margin: 0;
		margin-left: -.3em;
	}

	.nav li {
		margin: 0 .5em;
		display: inline;
		list-style: none;
	}
	

	/* =subnav
	----------------------- */
		.subnav {
			padding: 0;
			margin-bottom: 1em;
			zoom: 1;
			overflow: hidden;
		}

		.subnav ul {
			list-style-type: none;
			margin: 0;
			padding: 0;
		}

		.subnav li {
			border-right: solid 1px #999;
			display: inline;
			padding-right: 1em;
			line-height: 1.5em;
			margin-right: 1em;
			overflow: hidden;
			zoom: 1;
		}

		.subnav li.subnav_last,
		.subnav li.last { /* removes the border and spacing from the last list item */
			border: none;
			margin-right: 0;
			padding-right: 0;
		}

		.subnav_active a,
		.subnav_active,
		.subnav .active,
		.subnav .active a {
			font-weight: bold !important;
		}
	
		.subnav li.add,
		.subnav a.add,
		.subnav li.edit,
		.subnav a.edit,
		.subnav li.delete,
		.subnav a.delete,
		.subnav a.print,
		.subnav li.print,
		.subnav a.faqhelp,
		.subnav li.faqhelp,
		.subnav a.search,
		.subnav li.search { /* allows links to have the icon but stay inline with other subnav links */
display: inline;
			margin-bottom: 0;
			font-weight: normal;
			width: auto;
		}
	
	
	/* =subnav_large
		For large subnavigation like on uhaul.net/standards and uhaul.net/tools/center_procedures. Also used on the store.
	----------------------- */
		.subnav_large {
			margin-bottom: 1.5em;
			padding-bottom: 1.5em;
			border-bottom: 1px solid #d2d2d2;
			padding: 0;
			overflow: hidden;
			width: 100%;
		}

		.subnav_large h4 {
			margin-top: 1em;
			margin-bottom: 1em;
		}

		.subnav_large ul {
			margin-right: 3em;
			margin-left: 1.5em;
			margin-bottom: 1.5em;
			margin-top: 0;
		}
	
	
	/* =content_nav
		For large subnavigation like on uhaul.net/standards and uhaul.net/tools/center_procedures. Also used on the store.
	----------------------- */
		.content_nav {
			padding: 0;
			margin: 0;
			overflow: hidden;
			margin-bottom: 1em;
			height: 39px;
		}

		.content_nav li {
			display: inline;
			background: url(https://www.uhaul.com/images/content_nav_back.jpg);
			padding-right: 1px;
			float: left;
			width: 24.8%;
		}

		.content_nav a {
			display: block;
			float: left;
			padding: 7px 0px 0 0px;
			height: 32px;
			background: url(https://www.uhaul.com/images/content_nav.jpg) center no-repeat;
			text-align: center;
			text-decoration: none;
			width: 100%;
		}

		.content_nav a:link,
		.content_nav a:hover,
		.content_nav a:visited {
			color: white;
		}

		.content_nav a:hover {
			background: url(https://www.uhaul.com/images/content_nav.jpg) bottom center;
		}

		.content_nav li.content_nav_active a,
		.content_nav li.content_nav_active a:hover,
		.content_nav li.active a,
		.content_nav li.active a:hover {
			background: url(https://www.uhaul.com/images/content_nav.jpg) top center;
		}
	
	
	/* =skip
		For links that skip to main content, navigation, etc.
	----------------------- */
		.skip {
			height: 1px;
			left: 0px;
			position: absolute;
			top: -500px;
			width: 1px;
		}
	
		.skip:active,
		.skip:focus {
			background: #ffffce;
			display: block;
			height: auto;
			left: 0;
			overflow: hidden;
			padding: 1em 0;
			position: absolute;
			text-align: center;
			top: 0;
			width: 100%;
		}





/* =Containers
----------------------------------------------- */

	/* =info_list
		Used for itemized lists of info on a single thing.
	----------------------- */
		.info_list {
			list-style-type: none;
			padding: 0;
			overflow: hidden;
		}

		.info_list dt {
			clear: both;
			font-weight: bold;
			margin-bottom: 1em;
			text-align: right;
			width: 8em;
		}

		.info_list dd {
			display: inline; /* ie6 hack http://positioniseverything.net/explorer/doubled-margin.html */
			float: left;
			margin: -2.3em 0 1em 8.35em;
		}
		
		html:not([lang*=""]):not(:only-child) .info_list dd { /* hack for firefox 2.x bug with class="info_list column" - http://tanreisoftware.com/blog/?p=39#gecko */
			display: table;
		}

		.info_list li {
			margin-bottom: 1em;
			clear: both;
			overflow: hidden;
			padding-left: 8.35em;
			overflow: hidden;
		}

		.info_list li b,
		.info_list li strong  { /* this creates a right-aligned table look on bolded elements within the li.  */
			width: 8em;
			display: inline;
			float: left;
			text-align: right;
			height: 1%;
			margin-left: -8.35em;
		}

		.info_list li.info_list_first {
			border-bottom: solid 1px #dddddd;
		}
		

	/* =link_list
		adds image bullets and spacing for a list of links
	----------------------- */	
		.link_list {
			margin-bottom: 1.5em;
		}
	
		.link_list_last,
		.link_list_single {
			margin-bottom: 0;
		}
		
		.link_list ul {
			list-style-type: none;
			padding-left: 0.5em;
			margin: 0;
		}
	
		.link_list li {
			background: url(https://www.uhaul.com/icons/link_list.gif) no-repeat 2px 2px;
			padding-left: 18px;
		}
	
		.link_list li.attention {
			background: url(https://www.uhaul.com/icons/attention.gif) no-repeat left;
		}
		
	

		
		
	/* =check_list
		Checkmarks besides list items - see storage res and uhaul.net DSR report
	----------------------- */
		.check_list {
			list-style-type: none;
			margin: 0;
			padding: 0;
			margin-left: 1em;
			margin-bottom: 1.5em;
		}
			
		.check_list li {
			background-image: url(https://www.uhaul.com/icons/checkmark.gif);
			background-repeat: no-repeat;
			padding-left: 20px;
			margin-bottom: .5em;
			line-height: 18px;
		}
	
		.check_list li.unchecked {
			color: #898989;
			background: transparent;
		}
		
		
	/* =news_item
	used for the news items on uhaul.net homepage, standards and uhaul.com/pr, possibly realestate etc
	----------------------- */
		.news_item { 
			margin-bottom: 1em;
			padding-bottom: 1em;
			border-bottom: solid 1px #e0e0e0;
		}
	
		.news_item h2 {
			margin-bottom: .25em;
			font-size: 1em;
		}
		
		
	/* =section
	----------------------- */
		.section {
			margin-top: 0;
			margin-bottom: 2.5em;
		}

		.section h2,
		.section h3 {
			margin-top: 0;
			margin-bottom: .75em;
			border-bottom: solid 1px #bbb;
		}

		.section p {
			margin-top: 1em;
		}


	/* =col =row
	----------------------- */
		.row {
			clear: both;
			padding-top: .4em;
			padding-bottom: .4em;
			border: none;
			width: 100%;
			overflow: hidden;
		}
	
		.column {
			float: left;
			text-align: left;
			margin-right: 1em;
		}

		.column_align_right {
			float: right;
			margin: 0;
		}

		.col1,
		.col2,
		.col3 {
			padding: 0;
		}

		.col2,
		.col3 {
			padding-left: 1.3em;
		}


	/* =related_links =relatedlinks
	----------------------- */
		.related_links,
		.relatedlinks {
			background-color: #e8e8e8;
			padding: .5em;
			border: solid 1px #bbb;
			margin-bottom: 1.3em;
			overflow: hidden;
		}


		.related_links ul,
		.relatedlinks ul {
			margin: 0;
			margin-bottom: 1em;
			padding: .5em;
		}

		.related_links li,
		.relatedlinks li {
			list-style: none;
			padding-bottom: .3em;
		}

		.related_links li a,
		.relatedlinks li a {
			font-weight: bold;
		}
	
		.related_links h3,
		.relatedlinks h3 {
			color: #456;
			font-size: 1.1em;
			margin-top: 0; 
			border-bottom: solid 1px #b9b9b9;
			background-image: none;
			padding: .25em;
		}
		
		
	/* =links
	----------------------- */
		p.link,
		div.link,
		ul.link li { /* for one-off links, say, at the bottom of a section directing to a related section */
			margin-top: 1em;
			padding-left: 12px;
			background: url(/images/arrow.gif) no-repeat left top;
		}

		ul.link {
			margin-left: 0px;
		}

		ul.link li {
			list-style-type: none;
			margin-top: 0px;
		}

		.link a,
		.link a:hover,
		.link a:visited {
			text-decoration: none;
			font-weight: bold;
		}
		
		
	/* =important
		technically the same function as standout but a little fancier. This will eventually replace standout
	----------------------- */
		.important {
			width: 100%;
			margin-bottom: 1.6em;
		}

		.important_header_cap,
		.important_footer_cap {
			font-size:1px; /* ensure minimum height - need this for IE 6 */
			height:10px;
		}

		.important_header {
			background: url(https://www.uhaul.com/images/important_tl.gif) no-repeat 0px 0px;
		}

		.important_header_cap {
			background: url(https://www.uhaul.com/images/important_tr.gif) no-repeat right 0px;
		}

		.important_middle {
			background: url(https://www.uhaul.com/images/important_ml.gif) repeat-y 0px 0px;
		}

		.important_middle_cap {
			background: url(https://www.uhaul.com/images/important_mr.gif) repeat-y right 0px;
		}

		.important_content {
			margin: 0;
			padding: 0 .7em .7em .7em;
			overflow: hidden;
			zoom: 1;
		}

		.important_footer {
			background: url(https://www.uhaul.com/images/important_bl.gif) no-repeat 0px 0px;
		}

		.important_footer_cap {
			background: url(https://www.uhaul.com/images/important_br.gif) no-repeat right 0px;
		}

		.important h2,
		.important h3 {
			margin-top: 0;
			border-bottom: solid 1px #bbb;
			padding-bottom: .3em;
			color: #000;
		}
		
		
	/* =standout
		wraps the section with a border, making the content "standout"
	----------------------- */
		.standout {
	    		border: solid 1px #C2C2C2;
	    		margin-bottom: 20px;
	    		overflow: hidden;
	    		padding: 10px;
	    		zoom: 1;
	    }


	/* =float_image
		Gives images a border and padding and optional caption
		ex: <div class="float_image_right"><img src="image.jpg" /><span class="caption">caption goes here</span></div>
	----------------------- */
		.float_image img,
		.float_image_right img,
		.float_image_left img {
			border: 1px solid #c8c8c8;
			padding: .3em;
		}

		.float_image .caption,
		.float_image_left .caption,
		.float_image_right .caption {
			clear: both;
			display: block;
			font-size: .9em;
			color: grey;
			font-style: normal;
			margin-top: .25em;
			text-align: left;
		}
		
		.float_image 
		{
			margin-bottom: 1em;
		}
			
		.float_image_right {
			float: right;
			margin-left: 1em;
			margin-bottom: 1em;
		}
			
		.float_image_left {
			float: left;
			margin-right: 1em;
			margin-bottom: 1em;
		}


	/* =float_right =float_left
		Float containers to left or right
	----------------------- */
		
		.float_left {
			float: left;
			margin: 0 1em 1em 0;
		}

		.float_right {
			float: right;
			margin: 0 0 1em 1em;
		}


	/* =sub_tab
		tabs and their container
	----------------------- */
		ul.sub_tab { 
			list-style-type: none;
			margin-left: 0;
			margin-bottom: 0;
			padding: 0;
		}

		ul.sub_tab li {
			display: inline;
		}

		.sub_tab a,
		.sub_tab a:visited {
			background-color: #e0e0e0;
			border-bottom-width: 0;
			padding: .4em 1em;
			text-decoration: none;
			color: #000000;
			margin-right: .4em;
		}

		.sub_tab a:hover {
			color: black;
			background-color: #ccc;
		}

		.sub_tab a.sub_tab_active,
		.sub_tab a.sub_tab_active:hover,
		.sub_tab a.sub_tab_active:visited,
		.sub_tab a.active,
		.sub_tab a.active:hover,
		.sub_tab a.active:visited {
			background-color: #bdbdbd;
		}

		.sub_tab_content {
			border: solid 2px #bdbdbd;
			border-top: solid 10px #bdbdbd;
			padding: 1em;
			margin: 0;
			margin-top: 4px;
			overflow: hidden;
			width: 96%;
		}

		.sub_tab_parameters { /* goes around actiontables within a tab, sets their behavior like the main parameters div */
			overflow: hidden;
			width: 100%;
			padding: 0;
			margin-bottom: 1em;
		}

		.sub_tab_parameters .actiontable {
			float: left;
			margin-bottom: 1em;
			margin-right: 1em;
		}


	/* =additional_info
	----------------------- */
		.additional_info,
		.infotable {
			background-color: #abc;
			padding: .5em;
			border: solid 1px #89a;
			overflow: hidden;
		}
		
		.additional_info a,
		.infotable a {
			color: #006;
		}
		
		.additional_info a:hover,
		.additional_info a:visited,
		.infotable a:hover,
		.infotable a:visited {
			color: #339;
		}

		.additional_info,
		.infotable h3 {
			color: #125;
		}
		
		table.additional_info {
			margin: .5em;
			padding: 0 0 .4em .4em;
			overflow: hidden;
		}
		
		table.additional_info td,
		table.additional_info th {
			padding: .4em;
			border: solid 1px #89a;
		}
		
		table.additional_info th {
			background-color: #dbe5ef;
		}
		
		
	/* =results 
	used to display more complicated result sets like truck and trailer choices in reservations or storage facilities in storage res
	----------------------- */
		.results {
			padding: 10px;
			margin: 0 0 20px 0;
			background-color: #eee;
			border-bottom: solid 1px #b3b3b3;
			overflow:hidden;
			zoom:1;
		}

		.results .column_align_right {
			text-align: right;
		}

		.results h3 {
			margin-top: 0;
		}
		
		
	/* =blockquote
	----------------------- */
		blockquote {
			color: #4C4C4C;
			background: transparent url(https://www.uhaul.com/images/blockquote.gif) no-repeat top left;
			margin: 1em;
			margin-left: 2em;
			padding: 0;
			padding-left: 2em;
		}
		
		
	/* =pre
	----------------------- */
		pre {
			background: #f5f5f5;
			border: 1px solid #cfcfcf;
			padding: 1em;
			color: #3f3f3f;
			overflow: auto;
			width: 95%;
		}




/* =Action_form
----------------------------------------------- */
	/* =parameters
		Basically it makes the action_form take on the size of its content only and allows you to put multiple action_forms next to each other. 
		It also sets aside an area with margin bottom. Most often seen on uhaul.net where there are usually a couple of params at the top of the page
	----------------------- */	
		.parameters {
			overflow: hidden;
			width: 100%;
			padding: 0;
			margin-bottom: 1.3em;
		}
	
	
	/* =action_form
		It's big, it's green and it's in your face.
	----------------------- */
		.parameters .action_form,
		.sub_tab_parameters .action_form {
			float: left;
			margin-bottom: 1.2em;
			margin-right: 1.2em;
		}

		.action_form {
			background-color: #ad3;
			color: #000;
			padding: .5em;
			border: 1px solid #691;
			position: relative;
			zoom: 1; /* for IE to contain the fieldsets properly */
		}

		.action_form fieldset {
			background-color: #bcea52;
			color: #000;
			padding: 1em;
			border: 0;
			position: relative;
			padding-top: 1.5em;
			display: block;
			border:1px solid #9c3;
			margin: 1.5em 0;
		}
		
		.action_form_large {
			background-color: #f9f9f9;
			color: #000;
			border: 1px solid #f0f0f0;
		}

		.action_form_large fieldset {
			background-color: #f6f6f6;
			color: #000;
			border:1px solid #efefef;
		}

		.action_form fieldset:after { /* Fixes containing issues in safari */
			content: " ";
			display: block; 
			height: 0; 
			clear: both; 
			visibility: hidden;
		}

		* html .parameters .action_form fieldset,
		* html .sub_tab_parameters .action_form fieldset { /* for IE, prevents fieldsets from filling whole screen */
			float: left;
			clear: both;
			width: auto;
		}

		.action_form legend {
			color: #000;
			font-size: 1.2em;
			font-weight: bold;
			padding: 0 .5em;
			position: absolute\9; /* hack that targets IE6, IE7 and IE8 */
			top: -.7em;
			left: .5em;
		}

		.action_form .row,
		.action_form .column {
			margin-bottom: 0;
			padding-bottom: 0;
			padding-top: 0;
			height: auto;
			display:block;
		}

		.parameters .action_form .row,
		.sub_tab_parameters .action_form .row,
		.parameters .action_form .column,
		.sub_tab_parameters .action_form .column {
			width: auto;
		}

		.action_form .row_single {
			margin: 0;
			padding: 0;
		}

		.action_form .grouping {
			padding-bottom: 1em;
		}

		.action_form .row_single .grouping {
			padding-bottom: 0;
		}


		.action_form .row .grouping {
			margin-right:15px;
			float:left;
		}

		.action_form .column .grouping {
			float: none;
			display: block;
		}
		
		.action_form label.fixed,
		.action_form .fixed label {
			width: 10em;
			text-align: right;
		}

		.action_form .grouping_last {
			float: left;
		}

		.action_form .grouping label,
		.action_form .grouping_last label {
			padding:0px 0px 2px 0px;
			display:block;
		}

		.action_form .label_beside label {
			padding:3px 4px 0px 0px;
			float:left;
		}

		.action_form .label_beside .grouping_last label { /* take away extra space caused by the nbsp; when using label_beside and button follows input */
			display: none;
		}


		.action_form .label_right br { /* hides asp.net's <br> in between input and label */
			display:none;
		}

		.action_form .label_right input,
		.action_form .label_right label {
			float:left;
			line-height:1.6em;
		}

		.action_form .label_right label {
			margin-right: 5px;
		}

		.action_form .column .label_right input {
			clear:both;
		}

		.action_form .column .label_right label {
			float:none;
		}

		.action_form input:focus,
		.action_form textarea:focus {
			background-color: #FFFFCC;
		}

		.action_form input,
		.action_form textarea,
		.action_form select  {
			font-size: 1.2em;
			font-family: arial, sans-serif;
			color: black;
		}
		
		.action_form input {
			line-height: 100%;
		}

		.action_form .row_single .form_button {
			clear:none;
			margin-top:1px;
		}

		.form_button { /* used on a wrapper around buttons at the end of a form */
			text-align: right;
			clear: both;
			margin-top: 10px;
		}

		.form_button img {
			border: none;
		}
	
	
	/* =buttons
	----------------------- */
		input[type=button],
		input[type=submit] {
			background: #f1d45e url(https://www.uhaul.com/images/buttons/button.jpg) center repeat-x;
			border: 1px solid;
			border-top-color: #ddd;
			border-right-color: #555;
			border-bottom-color: #333;
			border-left-color: #bbb;
			color: #000 !important;
			cursor: pointer;
			display: inline-block;
			font-family: Arial, Helvetica, sans-serif;
			font-weight: bold;
			padding: .25em .5em;
			text-decoration: none;
		}
		
		.button,
		.button_add,
		.button_next,
		.button_no,
		.button_yes {
			background: #f1d45e url(https://www.uhaul.com/images/buttons/button.jpg) center repeat-x;
			border: 1px solid;
			border-top-color: #ddd;
			border-right-color: #555;
			border-bottom-color: #333;
			border-left-color: #bbb;
			color: #000 !important;
			cursor: pointer;
			display: inline-block;
			font-family: Arial, Helvetica, sans-serif;
			font-weight: bold;
			padding: .25em .5em;
			text-decoration: none;
			
			overflow: visible; /* ie6 removes extra spacing */
			width: auto; /* ie6 removes extra spacing*/
			zoom: 1; /* ie6 hasLayout */
		}
		
		input[type=button],
		input[type=submit],
		input.button,
		input.button_add,
		input.button_next,
		input.button_no,
		input.button_yes { 
			font-size: 1em; /* for buttons in .action_form */
		}
		
		input.big {
			font-size: 120%; /* for bigger buttons, like res.uhaul.com */
		}

		.button_add {
			background: url(https://www.uhaul.com/images/buttons/button_add.jpg) left !important;
			padding-left: 18px !important;
		}

		.button_next {
			background: url(https://www.uhaul.com/images/buttons/button_next.jpg) right !important;
			padding-right: 14px !important;
		}

		.button_no {
			background: url(https://www.uhaul.com/images/buttons/button_no.jpg) left !important;
			padding-left: 18px !important;
		}

		.button_yes {
			background: url(https://www.uhaul.com/images/buttons/button_yes.jpg) left !important;
			padding-left: 18px !important;
		}

		input[type=button]:hover,
		input[type=submit]:hover,
		.button:hover,
		.button_add:hover,
		.button_next:hover,
		.button_no:hover,
		.button_yes:hover {
			color: #000; /* keeps links from turning blue */
		}

		input[type=button]:hover,
		input[type=submit]:hover,
		.button:hover {
			background-image: url(https://www.uhaul.com/images/buttons/button_hover.jpg);
		}

		.button_add:hover {
			background-image: url(https://www.uhaul.com/images/buttons/button_add_hover.jpg) !important;
		}

		.button_next:hover {
			background-image: url(https://www.uhaul.com/images/buttons/button_next_hover.jpg) !important;
		}

		.button_no:hover {
			background-image: url(https://www.uhaul.com/images/buttons/button_no_hover.jpg) !important;
		}

		.button_yes:hover {
			background-image: url(https://www.uhaul.com/images/buttons/button_yes_hover.jpg) !important;
		}

		input[type=button]:active,
		input[type=submit]:active,
		.button:active,
		.button_add:active,
		.button_next:active,
		.button_no:active,
		.button_yes:active {
			border: 1px inset;
		}
		
		
		
/* =data_table
	Used on all datagrids and anywhere we display tabular data.
----------------------------------------------- */
	.data_table {
		background: #fff;
		border: solid 1px #C2C2C2;
		margin: 1px 1px 1.2em 1px;
		width: 99.9%;
	}

	.data_table td,
	.data_table th {
		border: solid 1px #C2C2C2;
		padding: .3em;
	}
	
	.data_table th {
		text-align: left;
	}

	.data_table th,
	.data_table tbody tr.alternating_row th,
	.data_table tbody th.alternating_row,
	td.alternating_row,
	tr.alternating_row td {
		background: #F5F5F5;
	}
	
	.data_table thead + tbody th {
		border: solid 1px #C2C2C2;
		padding: .3em; 
		background: white;
	}
	
	td.alternating_column {
		background: #fffbf1;
	}
	
	th.alternating_column,
	.alternating_row .alternating_column {
		background: #ffffe0;
	}
	
	.data_table .header_span {
		background: #e6e6e6;
	}
	
	.data_table .header_span + .alternating_column {
		background: #e9e9b9;
	}

	.data_table th p { /* used when you want some normal sized text along with the header */
		font-weight: normal;
		margin-top: .3em;
		margin-bottom: .3em;
	}
	
	th.align_right {
		text-align: right;
	}
	
	th.align_center {
		text-align: center;
	}
	
	
	
	
/* =first =last =top =bottom
----------------------------------------------- */
	.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;
	}




/* =Reservation specific
	Used on all datagrids and anywhere we display tabular data.
----------------------------------------------- */

	h1.success {
		margin-bottom: 30px;
	}
		
	/* =sidebar_promo
		promos under the steps in sidebar.
	----------------------- */	
		.sidebar_promo {
			margin: 0 0 20px 0;
		}
	
		.sidebar_promo img {
			float: left;
			border: 0;
			margin-right: 6px;
			margin-bottom: 30px;
		}
	
	/* =steps
		steps of the res process  REMOVE AS SOON AS NEW RES GOES LIVE
	----------------------- */	
		.steps {
			background-color: #ddd;
			padding: 5px;
			border: solid 1px #bbb;
			margin-bottom: 20px;
			font-size: 10px;
		}
	
		.steps h4 {
			font-size: 12px;
			color: #333366;
			border-bottom: solid 1px #000000;
			margin-top: 0px;
			margin-bottom: 10px;
		}

		.steps ol {
			margin: 0 0 20px 0;
			padding-left: 0;
			list-style-position: inside;
		}

		.steps ol li {
			margin-bottom: 5px;
			padding: 3px;
		}

		.steps ol li.active {
			background-color: #c1c1c1;
		}

		.steps ul {
			margin: 0px;
			margin-bottom: 15px;
			font-size: 12px;
			font-weight: bold;
		}

		.steps ul li {
			list-style: none;
			margin-bottom: 10px;
		}
		
		
		
		/* This is the new step process. It will replace the one above. */
		.res_steps {
			width: 100%;
			overflow: hidden;
			line-height:normal;
		}
		
		.res_steps h3 {
			border: none;
			font-size: 1.17em;
			font-family: Arial, Helvetica, sans-serif;
			float: left;
			margin: 0 5px 0 0;
			padding: 10px 15px 10px 0;
			border-right: solid 1px #b1b1b1;
		}
		
		.res_steps ol {
			margin:0;
			padding:0;
			list-style:none;
		}
    
		.res_steps li {
			display:inline;
			margin:0;
			padding:0;
		}
    
		.res_steps li span {
			float:left;
			background:url("https://www.uhaul.com/images/step.gif") no-repeat center bottom;
			margin:0;
			padding:0 12px 20px 12px; 
			font-weight: bold;
			color: #919191;
			text-decoration:none;
			height: 16px;	 
		}
	  
		.res_steps li span.step_first {
			background:url("https://www.uhaul.com/images/step_first.gif") no-repeat center bottom;   
		}
	  
		.res_steps li span.step_last {
			background:url("https://www.uhaul.com/images/step_last.gif") no-repeat center bottom;   
		}
	  
		.res_steps li span.active {
			color: #000;
			background-position: center top;
		}
		

/* =Datepicker
----------------------------------------------- */
	.basicdatepicker {
	    white-space: nowrap;
	}
	
	.bdpPopUp {
	    width: 148px;
	    border: 2px solid black;
	    background: #FFFFFF;
	}
	
	.bdpPopUp td {
	    padding: 2px;
	    text-align: center;
	}
	
	.bdpPopUp, 
	.bdpPopUp th, 
	.bdpPopUp td, 
	.bdpPopUp div {
	    font: normal 11px Arial, Verdana, sans-serif;
	}
	
	.bdpPopUp a, 
	.bdpPopUp a:link, 
	.bdpPopUp a:visited, 
	.bdpPopUp a:active, 
	.bdpPopUp a:hover {
	    text-decoration: none;
	    color: #000000;
	    cursor: pointer;
	}
	
	.bdpTitle {
	    width: 100%;
	    background: #9EBEF5;
	    height: 15px;
	    color: white;
	    border: 1px solid black;
	}
	
	.bdpTitle td {
	    height: 16px;
	    padding: 0px 2px 0px 2px;
	    cursor: pointer;
	    background-color: #808080;
	}
	
	.bdpTitle th {
	    width: 100%;
	    font-weight: normal;
	    white-space: nowrap;
	    background-color: #808080;
	    text-transform: uppercase;
	    margin-right: 1px;
	    margin-left: 1px;        
	}
	
	.bdpCalendar {
	    width: 140px;
	    margin: 1px 20px 0 20px;
	    border-bottom: 1px solid black;
	}
	
	.bdpCalendar td {
	    padding: 0;
	    text-align: center;
	}
	
	td.bdpDay {
	    color: #ACA899;
	    text-align: right;
	    padding-left: 1px;
	    height: 17px;
	    width: 17px;
	    border: 1px solid #FFFFFF;
	    cursor: default;
	}

	div.bdpFooter input {
	    font: normal 11px Arial, Verdana, sans-serif;
	    width: 48px;
	    margin: 5px 6px 5px 6px;
	}
	
	/* Commented Backslash Hack hides rule from IE5-Mac, documented at http://www.sam-i-am.com/work/sandbox/css/mac_ie5_hack.html \*/
	.bdpCalendar { 
	    margin: 1px auto 0 auto;
	    border-bottom: 1px solid black;
	}

	.bdpCalendar th {
	    padding-top: 4px;
	    padding-bottom: 3px;
	}

	div.bdpFooter input {
	    font: normal 11px Arial, Verdana, sans-serif;
	    width: 48px;
	    margin: 5px 6px 5px 6px;
	}
	
	td.bdpDay {
	    color: #ACA899;
	    text-align: center;
	    padding-left: 1px;
	    height: 18px;
	    width: 13px;
	    border: 1px solid #FFFFFF;
	    cursor: default;
	    font-weight: bold;
	}
	/* End hack */
	
	.bdpDayHeader {
	    padding-right: 3px;
	    font-weight: normal;
	    text-align: right;
	    border-bottom: 1px solid black;
	}

	td.bdpOtherMonthDay a, 
	td.bdpOtherMonthDay a:link, 
	td.bdpOtherMonthDay a:visited, 
	td.bdpOtherMonthDay a:active, 
	td.bdpOtherMonthDay a:hover	{
	    color: #ACA899 !important;
	    cursor: pointer;
	}
	
	td.bdpSelectedDay {
	    background-color: #CCCCCC !important;
	    border: 1px solid #CCCCCC;
	}
	
	td.bdpTodayDay {
	    border: 1px solid #990000;
	}
	
	td.bdpWeekNumber {
	    color: #000000;
	    font-size: 8px;
	    border-right: 1px solid #ACA899;
	    background: #CEDEFA;
	    text-align: right;
	    padding: 0 3px;
	}
	
	img.bdpButton {
	    vertical-align: top;
	    margin-top: 1px;
	    margin-left: 2px;
	    cursor: pointer;
	    border: 0;
	}
	
	a.bdpButton {
	    margin-left: 2px;
	}
	
	div.bdpFootNote {
	    padding: 2px;
	    padding-top: 4px;
	}
	
	.bdpMonthSelector {
	    font: normal 11px Tahoma, Verdana, Arial, sans-serif;
	    border: 1px solid #000000;
	    background: #FFFFFF;
	    padding: 0px;
	    width: 74px;
	}
	
	.bdpYearSelector {
	    font: normal 11px Tahoma, Verdana, Arial, sans-serif;
	    border: 1px solid #000000;
	    background: #FFFFFF;
	    padding: 0px;
	    width: 43px;
	}
	
	.bdpMonthSelector a, .bdpYearSelector a {
	    padding: 1px 10px;
	}
	
	a.bdpMonthSelectorItem, 
	a.bdpMonthSelectorItem:link, 
	a.bdpMonthSelectorItem:visited, 
	a.bdpMonthSelectorItem:active {
	    display: block;
	    text-decoration: none;
	    color: #000000;
	    text-align: left;
	}
	
	a.bdpYearSelectorItem, 
	a.bdpYearSelectorItem:link, 
	a.bdpYearSelectorItem:visited, 
	a.bdpYearSelectorItem:active {
	    display: block;
	    text-decoration: none;
	    text-align: center;
	    color: #000000;
	}
	
	a.bdpMonthSelectorSelectedItem, 
	a.bdpMonthSelectorSelectedItem:link, 
	a.bdpMonthSelectorSelectedItem:visited, 
	a.bdpMonthSelectorSelectedItem:visited, 
	a.bdpMonthSelectorSelectedItem:active, 
	a.bdpMonthSelectorSelectedItem:hover, 
	a.bdpMonthSelectorItem:hover {
	    display: block;
	    text-decoration: none;
	    color: #FFFFFF;
	    background: #000000;
	    text-align: left;
	}
	
	a.bdpYearSelectorSelectedItem, 
	a.bdpYearSelectorSelectedItem:link, 
	a.bdpYearSelectorSelectedItem:visited, 
	a.bdpYearSelectorSelectedItem:active, 
	a.bdpYearSelectorSelectedItem:hover, 
	a.bdpYearSelectorItem:hover {
	    display: block;
	    text-decoration: none;
	    text-align: center;
	    color: #FFFFFF;
	    background: #000000;
	}
	
	a.bdpYearSelectorImg {
	    display: block;
	    text-align: center;
	    background-color: white;
	    padding-top: 2px;
	    padding-bottom: 2px;
	}

	td.bdpSpecialDate a, 
	td.bdpSpecialDate a:link, 
	td.bdpSpecialDate a:visited, 
	td.bdpSpecialDate a:active, 
	td.bdpSpecialDate a:hover,
	td.bdpSpecialDate a:visited:hover {
	    font-weight: bold;
	}

	div.bdpFootNote a, 
	div.bdpFootNote a:link, 
	div.bdpFootNote a:visited, 
	div.bdpFootNote a:active, 
	div.bdpFootNote a:hover,
	div.bdpFootNote a:visited:hover {
	    text-decoration: underline;
	    color: #333399;
	}

	.basicdatepicker input {
	    width: 86px;
    }
    
	div.UnavailableDay {
	    width: 11px;
	    background: url(/aspnet_client/basicframe_webcontrols_basicdatepicker/1_1_1959/Expedia_X.gif) center no-repeat;
    }
    
	div.UnavailableDayValue {
	    color: black;
	    font-weight: bold;
    }    




/* =legacy
----------------------------------------------- */

	.body,
	.bodysmall,
	.mainsmall { /* body, bodysmall and mainsmall are legacy. */
		max-width: 57.5em;
		margin: auto;
	}
	
	.bodysmall,
	.mainsmall {
		width: 550px;
	}
	
	.promo { /* container for promos and banners */
		background-color: #fff;
	}

	.rowodd {
		background-color: #ddd;
	}

	.roweven {
		background-color: #fff;
	}
	
	
	/* =header
	----------------------- */
		#header {
			height: 26px;
			width: 700px;
			margin: auto;
			margin-bottom: 10px;
			background-color: #f30;
		}

		#header #logo {
			margin-left: 0px;
			text-align: left;
		}

		#header .nav { /* the rounded edges on the right end */
			background: #f30 url(/images/uhead-rightcap4r.gif) no-repeat right;
			height: 18px;
			padding: 6px 4px 2px 4px;
		}

		#header .nav li {
			font-size: 11px;
			margin: 0px 8px;
		}

		#header .nav a {
			color: #fff;
			text-decoration: none;
		}

		#header .nav a:hover {
			text-decoration: underline;
		}


	/* =infotable
	----------------------- */
		.infotable th,
		.infotable .columnhead {
			font-weight: bold;
			border-bottom: solid 1px #89a;
			padding: 3px 5px;
		}

		.infotable td {
			vertical-align: top;
			background-color: #abc;
			padding: 3px;
		}

		.infotable .rowhead {
			font-weight: bold;
			padding-right: 10px;
		}

		.infotable td.small {
			text-align: right;
		}

		.infotable td h3,
		.actiontable td h3 {
			margin-top: 0px;
		}

		.infotable tr.spacer h3,
		.infotable .spacer {
			margin-top: 15px;
		}

		.infotable .rowodd td {
			background-color: #abc;
			border-top: solid 1px #89a;
		}

		.infotable .roweven td {
			background-color: #bdccde;
			border-top: solid 1px #89a;
		}
	
	
	/* =actiontable =action_table
	----------------------- */
		.parameters .actiontable {
			float: left;
			margin-bottom: 15px;
			margin-right: 15px;
		}
		
		.actiontable {
			background-color: #ad3;
			color: #000;
			padding: 5px;
			border: solid 1px #691;
			margin-bottom: 20px;
	
		}

		.actiontable th {
			font-weight: bold;
			text-align: left;
			padding: 3px 5px;
		}

		.actiontable td {
			vertical-align: top;
			background-color: #ad3;
			padding: 3px;
			margin: 5px;
		}

		.actiontable a:link {
			color: #009;
		}

		.actiontable a:hover, .actiontable a:visited {
			color: #339;
		}

		.actiontable h3 {
			color: #360;
		}
		
		.actiontable input {
			line-height: 100%;
		}

		.parameters dl.row, .parameters dl.row_single, .sub_tab_parameters dl.row, .sub_tab_parameters dl.row_single { /* fix for .labelbeside having to set a width */
			height: auto;
			width: auto;
		}

		.actiontable dl.labelbeside li { /* float text to the left of input fields (most likely use is <dl class="labelbeside row/col">)  */
			margin: 0;
			margin-bottom: 20px;
			overflow: hidden;
			display: block;
			list-style: none;
		}

		.actiontable dl.labelbeside dt {
			float: left;
			margin-right: .25em;
			text-align: right;
			margin-top: 4px;
			clear: both;
		}

		.actiontable dl.labelbeside dd {
			display: inline;
		}

		.actiontable dl {
			margin: 0;
			padding: 0;
		}

		.actiontable dd { 
			margin: 0;
			padding-bottom: 10px;
		}
				
		.actiontable  dl.column {
			display: block;
			margin: 0;
			padding: 0 5px;
			float: left;
		}

		.actiontable dl ul {
			margin: 0;
			padding: 0;
		}

		.actiontable dl li {
			display: inline;
			padding: 0;
			margin: 0;
			border: none;
		}

		.actiontable dl.row {
			overflow: hidden;
			margin-bottom: 10px;
		}

		.actiontable dl.row li {
			display: inline;
			float: left;
			margin: 0;
			padding: 0 5px;
			border: none;	
		}

		.actiontable dl.row_single, .actiontable dl.row_single dd, .actiontable dl.row_single li  {
			margin-top:0;
			margin-bottom:0;
			padding-top:0;
			padding-bottom:0;
		}

		.parameters ul.row, .parameters ul.row_single, .sub_tab_parameters ul.row, .sub_tab_parameters ul.row_single { /* fix for .labelbeside having to set a width */
			height: auto;
			width: auto;
		}

		.actiontable ul.labelbeside ul { /* float text to the left of input fields  */
			margin: 0;
			margin-bottom: 20px;
			overflow: hidden;
			display: block;
			list-style: none;
		}

		.actiontable ul.labelbeside li.label {
			float: left;
			margin-right: .25em;
			text-align: right;
			margin-top: 4px;
			clear: both;
		}

		.actiontable ul.labelbeside li ul li.input {
			display: inline;
			margin: 0;
		}

		.actiontable .row, .actiontable .row_single { /* fix for ie to keep .row contained in .actiontable when everything inside is floated */
			width: 100%;
		}

		.actiontable ul li.input { 
			margin: 0;
			padding: 0;
			padding-bottom: 10px;
			display: block;	/* IE is adding 10px padding to the left when display is changed to block. */
			line-height: 100%;
		}

		* html .actiontable ul.row li.input { /* IE hack to fix padding being added */
			margin-left: -15px;
		}
		
		.actiontable ul.column {
			display: block;
			margin: 0;
			padding: 0 5px;
			float: left;
		}

		.actiontable ul.row li, .actiontable ul.column li {
			list-style: none;
		}

		.actiontable ul ul {
			display: inline;
			padding: 0;
			margin: 0;
			border: none;
		}

		.actiontable ul.row {
			overflow: hidden;
			margin-bottom: 10px;
		}

		.actiontable ul.row ul {
			display: inline;
			float: left;
			margin: 0;
			padding: 0 5px;
			border: none;	
		}

		.actiontable ul.row_single, .actiontable ul.row_single li.input, .actiontable ul.row_single li  {
			margin-top:0;
			margin-bottom:0;
			padding-top:0;
			padding-bottom:0;
		}

		.actiontable input:focus, .actiontable textarea:focus {
			background-color: #FFFFCC;
		}

		.actiontable ul.row input, .actiontable ul.column input, .actiontable ul.row textarea, .actiontable ul.column textarea  {
			font-family: arial, sans-serif;
			color: black;
		}
		
		.parameters .action_table, .sub_tab_parameters .action_table {
			float: left;
			margin-bottom: 15px;
			margin-right: 15px;
		}

		.action_table {
			background-color:#ad3;
			color:#000;
			padding:5px;
			border:1px solid #691;
		}

		.action_table fieldset {
			background-color:#bcea52;
			color:#000;
			padding: 12px;
			border:1px solid #9c3;
			margin-bottom: 15px;
		}

		* html .parameters .action_table fieldset, * html .sub_tab_parameters .action_table fieldset {
			float: left;
			clear: both;
			width: auto;
		}

		.action_table legend {
			color: #000;
			font-size:14px;
			font-weight:bold;
			padding:3px 4px 5px 4px;
		}

		.action_table .row, .action_table .column {
			margin-bottom: 0;
			padding-bottom: 0;
			height: auto;
			width: auto;
			display:block;
		}

		.action_table .row_single {
			margin: 0;
			padding: 0;
		}

		.action_table .grouping {
			margin-bottom: 5px;
		}

		.action_table .row_single .grouping {
			margin-bottom: 0;
		}

		.action_table .row .grouping {
			margin-right:15px;
			float:left;
		}

		.action_table .column .grouping {
			float: none;
			display: block;
		}

		.action_table .grouping label {
			padding:0px 0px 2px 0px;
			display:block;
		}

		.action_table .label_beside label {
			padding:3px 4px 0px 0px;
			float:left;
		}

		.action_table .label_right br {			/* hides asp.net's <br> in between input and label */
			display:none;
		}

		.action_table .label_right input, .label_right label {
			float:left;
			line-height:1.6em;
		}

		.action_table .row .label_right label {
			margin-right:10px;
		}

		.action_table .column .label_right input {
			clear:both;
		}

		.action_table .column .label_right label {
			float:none;
		}

		.action_table input:focus, .action_table textarea:focus {
			background-color: #FFFFCC;
		}

		.action_table input, .action_table textarea, .action_table select  {
			font-size: 14px;
			font-family: arial, sans-serif;
			color: black;
		}
		
		.action_table input {
			line-height: 100%;
		}

		.action_table .row_single .form_button {
			clear:none;
			margin-top:1px;
		}

		
		


	.head {
		font-size: 18px;
		font-weight: bold;
		color: #666;
	}

	.subhead {
		font-size: 14px;
		font-weight: bold;
	}

	.subsubhead {
		font-weight: bold;
	}

	.cutline {
		font-size: 14pt;
		font-style: italic; 
		font-weight: bold;
	}

	.smallprint {
		font-size: 10px;
		color: #666;
	}

	.price {
		font-size: 16px;
		font-weight: bold;
		color: #270;
	}

	.regular, .bodytext {
		font-size: 12px; 
	}

	.stepon {
		font-size: 14px;
		font-weight: bold;
	}

	.stepoff {
		font-size: 12px;
		font-weight: bold;
		color: #999;
	}

	.new {
		font-weight: bold;
		font-style: italic;
		color: #f30;
	}

	.linkstable, .sidenav {
		background-color: #ddd;
	}

	.negativeinfotable {
		background-color: #fcc;
	}

	.controls {
		font-size: 12px;
		background: #f93;
	}

	.facttable {
		background-color: #666;
		color: #fff;
	}
	.facttable a {
		color: #ccc;
	}
	.facttable p, .facttable td {
		color: #fff;
	}




/* ================================================== 
Dynamic Submit Button                              
example usage:                                    
<label class="submit_wrapper">
	<input type="button" name="submit_button" id="submit_button" value="Submit"  />
</label>
================================================== */
			
/* wrapper for input button, preferably used with <label> (http://www.w3schools.com/tags/tag_label.asp)
if you use a container other than <label> only the text will be clickable (not the arrow which is a background
image. */

	.submit_wrapper {
		padding: 2px 0px;
		margin: 0px;
		height: 16px;
		cursor: pointer;
		background: transparent url(https://www.uhaul.com/images/buttonleft.gif) left no-repeat;
		zoom: 1; /* ie hack to "give layout" */
	}

	/* the input button itself */
	.submit_wrapper input {
		text-decoration: none;
		border: 0px solid transparent;
		cursor: pointer;
		font-family: verdana, sans-serif;
		font-size: 11px;
		font-weight: bold;
		color: #333333;
		height: 18px;
		text-align: center;
			
		padding: 0px;
		margin: 0px;
		
		margin-left: 4px;
		padding-right: 18px;
		background: transparent url(https://www.uhaul.com/images/buttonright.gif) right no-repeat;
	}

	/* wrapper for reversed button (usually a previous page) 
	example usage: <label class="submit_wrapper previous_wrapper"> */					
	.previous_wrapper {
		background: transparent url(https://www.uhaul.com/images/previousleft.gif) left no-repeat;
	}

	/* the previous button itself */			
	.previous_wrapper input {
		margin-left: 16px;
		padding-right: 6px;
		background: transparent url(https://www.uhaul.com/images/previousright.gif) right no-repeat;
	}


	/* begin ie hacks, feeding values directly to only ie */

	* html .submit_wrapper input {
		padding-right: 15px;
	}
		
	* html .previous_wrapper input {
		padding-right: 2px;
	}			
	/* end ie hacks */

	/* begin .displaytable_colored tweaks, provides a buffer to keep from touching edges */
	.displaytable_colored .previous_wrapper {
		padding-left: 6px;
	}
	
	.displaytable_colored .submit_wrapper {
		padding-right: 6px;
	}
	/* end .displaytable_colored tweaks */



	/* css for virtual tour/image gallery */


	.image_gallery, .image_gallery table {
		margin: auto;
		text-align: center;
	}

	.image_gallery .main_image {
		border: 3px solid black;
		margin: .25em;
	}
		
	.image_gallery input.image, .image_gallery a.image img {
		display: block;
		border: 3px solid white;
		margin: 1px;
	}

	.image_gallery input.image:hover, .image_gallery a.image:hover img {
		border: 3px solid #999999;
	}

	.image_gallery .description {
		width: 400px;
		display: block;
		margin: auto;
	}

	.image_gallery input.selected, .image_gallery a.selected img {
		border: 3px solid black;
	}

	.image_gallery input.selected:hover, .image_gallery a.selected:hover img {
		border: 3px solid black;
	}
			
	.image_gallery a.image, .image_gallery a.image:hover {
		border: 0;
	}

	.image_gallery input.visited, .image_gallery a.visited img {
		border: 3px solid #8899aa;
	}
			
			
	.image_gallery .navigation {
		margin: 0 auto .5em auto;
		width: 400px;
	}

	.image_gallery .navigation .place {
		font-weight: bold;
		font-size: 14px;
		margin: 0 1em;
	}

	.image_gallery .submit_wrapper {
		margin-right: 30px;
	}

	.submit_wrapper input {
		padding-bottom: 1px;
	}

	.image_gallery .previous_wrapper {
		margin-right: 0px;
	}
				
	.image_gallery h3 {
		margin-top: .5em;
		margin-bottom: 0;
	}
			
	.image_gallery .text_description {
		margin-bottom: .5em;
	}
			
	.image_gallery h4 {
		margin-top: 0;
		margin-bottom: 0;
	}

	.image_gallery .infotable {
		margin: 1em auto;
		width: 300px;
	}





/* =Print
	Used to style print media
----------------------------------------------- */
@media Print {
	
	body {
		padding: 0;
	}
	
	.body,
	.main,
	.main_small,
	.mainsmall,
	.footer {
		width: 100%;
	}
	
	.sidebar {
		overflow: visible; /* for to prevent page breaking */
	}
	
	.noprint,
	.footer .nav { 
		display: none;
	}
	
	h3 {
		color: #000;
	}
	
	.print_break 
	{
		page-break-after: always;
	}
	
	.check_list li {
		background: transparent;
		padding-left: 0;
		vertical-align: middle;
	}

	*:first-child+html .check_list li,
	* html .check_list li { /* for ie */
		list-style-image: url("https://www.uhaul.com/icons/checkmark.gif");
		list-style-position: inside;
	}

	*:first-child+html .check_list li.unchecked,
	* html .check_list li .unchecked { /* for ie */
		color: #666666;
		list-style-image: none;
	}

	.check_list li:before { /* for firefox because of printing bug https://bugzilla.mozilla.org/show_bug.cgi?id=133490 */
		content: url("https://www.uhaul.com/icons/checkmark.gif");
	}

	.check_list li.unchecked:before {
		content: url("https://www.uhaul.com/icons/transparent.gif");
		padding-left: 16px;
	}
	
}