body 
{
	width: 929px;
	font-family: Arial;
	font-size: 10pt;
	margin: 0px;
}

h1
{
	font-size: 16pt;
	font-weight: bold;
}

h2
{
	font-size: 14pt;
	font-weight: bold;
}

h3
{
	font-size: 10pt;
	font-weight: bold;
}

p
{
	margin-top: 3px;
}

a
{
	color: #0000ff;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

.header
{
	padding: 0px;
	margin: 0px;
	font-size: 0pt;
}

.header .upper
{
	background-image: url(../images/upper_back.gif);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}

.header .upper img
{
	border-style: none;
	padding: 0px;
	margin: 0px;
}

.header .titlearea
{
	background-image: url(../images/logo_back.gif);
	background-repeat: repeat-x;
	background-color: #030b4f;
	margin: 0px;
	padding: 0px;
}

.header .menu
{
	background-image: url(../images/menu_back.gif);
	background-repeat: repeat-x;
	vertical-align: top;
}

.header .menu img
{
	float: left;
}

.content
{
	background-image: none;
	background-color: #ffffff;
	float: left;
	vertical-align: top;
	padding-left: 3px;
	font-size: 10pt;
}

.content .header
{
	height: 39px;
	text-align: left;
	background-image: url(../images/content_head_back.gif);
	background-repeat: repeat-x;
}

.content .info
{
	padding: 10px 10px 3px 10px;
}

.content .info ul li
{
	list-style-position: outside;
	text-align: left;
	list-style-image: url(../images/bullet.gif);
}

.content .info .bold
{
	font-weight: bold;
}

.content .report
{
	text-align: left;
	padding: 10px;
	color: #009900;
}

.content .red
{
	color: #ff0000;
}

.content .green
{
	color: #009900;
}

.content .hint
{
	color: #000099;
}

.contentbox
{
	float: left;
	width: 742px;
	background-color: #ffffff;
	border-style: solid;
	border-color: #bdc7d5;
	border-width: 1px;
	margin-bottom: 3px;
	padding-bottom: 5px;
}

.contentbox .info .bold
{
	font-weight: bold;
}

.contentbox .info .datatable
{
	border-style: solid;
	border-color: #000000;
	border-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
}

.contentbox .info .datatable td
{
	border-style: solid;
	border-width: 0px;
	border-left-width: 1px;
	border-top-width: 1px;
	border-color: #000000;
	text-align: center;
}

.content .info .datatable .bottomtd
{
	border-style: solid;
	border-color: #000000;
	border-width: 1px;
	border-right-width: 0px;
}

.content .info .datatable .righttd
{
	border-style: solid;
	border-color: #000000;
	border-width: 1px;
	border-bottom-width: 0px;
}

.content .info .datatable .cornertd
{
	border-style: solid;
	border-color: #000000;
	border-width: 1px;
}

.homecontent
{
	float: left;
	background-color: #ffffff;
	border-style: solid;
	border-color: #bdc7d5;
	border-width: 1px;
	border-top-width: 0px;
	padding: 15px;
	margin-bottom: 3px;
}

.footer
{
	width: 100%;
	height: 100%;
	clear: left;
	background-color: #ffffff;
	border-style: solid;
	border-width: 0px;
	border-top-width: 1px;
	border-color: #bdc7d5;
	color: #999999;
	font-size: 8pt;
	text-align: center;
	margin-top: 3px;
}

.storecategories
{
	width: 120px;
	min-height: 120px;
	float: left;
	border-style: solid;
	border-color: #bdc7d5;
	border-width: 1px;
	text-align: center;
	padding: 5px;
	margin-bottom: 5px;
	margin-right: 5px;
}

.storecategories .thumb
{
	clear: both;
	vertical-align: middle;
	height: 90px;
	display: block;
}

.storecategories .title
{
	height: 30px;
	margin-top: 5px;
	clear: both;
	vertical-align: bottom;
}

.storecategories img
{
	border-style: none;
}

.storeproducts
{
}

.storeproducts table
{
	clear: both;
	width: 100%;
	border-style: none;
}

.storeproducts table tr th
{
	clear: both;
	font-weight: bold;
	background-image: none;
	background-color: #ebebff;
	border-style: solid;
	border-color: #bdc7d5;
	border-width: 0px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	padding: 3px;
	padding-left: 5px;
}

.storeproducts table tr td
{
	height: 70px;
	background-color: #ffffff;
	border-style: solid;
	border-color: #bdc7d5;
	border-width: 0px;
	border-bottom-width: 1px;
}

.storagemenu
{
	width: 500px;
	padding-bottom: 5px;
}

.storagemenu table
{
	clear: both;
	padding: 0px; 
	width: 100%; 
	height: 114px; 
	background-image: url(../images/storage_menu_back.gif); 
	background-repeat: repeat-x; 
	border-style: none; 
}

.storagemenu table .topleft
{
	width: 11px; 
	height: 11px; 
	background-image: url(../images/storage_menu_topleft.gif); 
	background-repeat: no-repeat; 
	background-position: left top;
}

.storagemenu table .bottomleft
{
	width: 11px;
	height: 11px;
	background-image: url(../images/storage_menu_bottomleft.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.storagemenu table .topright
{
	width: 11px; 
	height: 11px; 
	background-image: url(../images/storage_menu_topright.gif); 
	background-repeat: no-repeat; 
	background-position: right top;
}

.storagemenu table .bottomright
{
	width: 11px;
	height: 11px;
	background-image: url(../images/storage_menu_bottomright.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

.storage table .side
{
	background-position: left top;
	background-image: url(../images/storage_menu_side.gif);
	background-repeat: no-repeat;
}

.storagemenu table .logo
{
	width: 100px;
	padding: 0px;
	font-size: 0pt;
	vertical-align: top;
}

.storagemenu table .label
{
	padding: 0px;
	padding-left: 15px;
	font-size: 0pt;
	text-align: left;
	vertical-align: top;
}

.storagemenu table tr td img
{
	border-style: none;
}

.formcontent
{
	font-size: 10pt;
	padding-left: 10px;
	padding-right: 10px;
}

.formcontent table
{
	width: 100%;
}

.formcontent table tr td
{
	vertical-align: middle;
}

.formcontent table tr .data
{
	vertical-align: middle;
	font-weight: bold;
	padding: 5px;
}

.formcontent table tr td input
{
	margin: 3px;
}

.formcontent table tr td select
{
	margin: 3px;
}

.formcontent table th
{
	padding: 3px;
	text-align: left;
	background-image: none;
	background-color: #ebebff;
	border-style: solid;
	border-color: #bdc7d5;
	border-width: 0px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	font-size: 10pt;
	font-weight: bold;
}

.formcontent table textarea
{
	font-family: Arial;
	font-size: 10pt;
	margin: 3px;
}

td#tdStorageOptions
{
}

.floatingnav
{
	margin-bottom: 15px;
}

.receipt
{
	width: 100%;
	margin: 0px;
	padding: 10px;
}

.receipt table
{
	width: 100%;
}

.receipt table tr th
{
	border-style: solid;
	border-width: 0px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-color: #000000;
}

.receipt table tr td
{
	border-style: solid;
	border-color: #000000;
	border-width: 0px;
	border-bottom-width: 1px;
}

.orders
{
}

.orders table
{
	clear: both;
	width: 100%;
	border-style: none;
}

.orders table tr th
{
	clear: both;
	font-weight: bold;
	background-image: none;
	background-color: #ebebff;
	border-style: solid;
	border-color: #bdc7d5;
	border-width: 0px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	padding: 3px;
	text-align: left;
	padding-left: 5px;
}

.orders table tr td
{
	background-color: #ffffff;
	border-style: solid;
	border-color: #bdc7d5;
	border-width: 0px;
	border-bottom-width: 1px;
	padding: 2px;
	padding-left: 5px;
}

div#quoteForm
{
	font-size: 10pt;
	padding-left: 10px;
	padding-right: 10px;
}

div#quoteForm table
{
	width: 100%;
}

div#quoteForm table tr th
{
	padding: 3px;
	text-align: left;
	background-image: none;
	background-color: #ebebff;
	border-style: solid;
	border-color: #bdc7d5;
	border-width: 0px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	font-size: 10pt;
	font-weight: bold;
}

div#quoteForm table tr td label
{
	background-color: #ff0000;
}

span#quoteFormReport
{
	display: block;
	border: solid 1px #ff0000;
	padding: 6px;
	background-color: #fff1f1;
	color: #ff0000;
}

.invalid
{
	padding: 2px;
	border: solid 1px #ff0000;
	color: #ff0000;
	background-color: #fff1f1;
}

select.invalid
{
	border: solid 1px #ff0000;
	padding: 0px;
}

#txtComments
{
	width: 700px;
}

div#storagetypes
{
	float: left;
	height: 130px;
}

div#typeRollinfo
{
	float: left;
	width: 400px;
	padding-left: 10px;
}

div#documentRollInfo, div#luggageRollInfo, div#managedRollInfo, div#selfRollInfo
{
	float: left;
	height: 116px;
	margin: 0px;
	padding: 4px 8px 4px 16px;
}

div#storagetypes span
{
	padding: 1px 4px 3px 0px;
	display: inline-block;
	width: 137px;
	background-color: #ffffff;
	border: none;
}

div#storagetypes span:hover
{
	padding: 0px 0px 2px 0px;
	border: solid 1px #bdc7d5;
	
	cursor: default;
}

#storagetypes[class="invalid"]
{
	padding: 0px;
}

#storagetypes[class="invalid"] span
{
	padding: 0px 2px 4px 0px;
	display: inline-block;
	width: 137px;
	background-color: #fff1f1;
	border: none;
}

div#documentRollInfo
{
	background: url("../images/quote_roll_info_back_1.png") no-repeat top left;
}
div#luggageRollInfo
{
	background: url("../images/quote_roll_info_back_2.png") no-repeat top left;
}
div#managedRollInfo
{
	background: url("../images/quote_roll_info_back_3.png") no-repeat top left;
}
div#selfRollInfo
{
	background: url("../images/quote_roll_info_back_4.png") no-repeat top left;
}

.ui-datepicker
{
	width: 190px;
	background-color: #ffffff;
	border: solid 1px #bdc7d5;
}

.ui-datepicker-title
{
	background-color: #ebebff;
	border-bottom: solid 1px #bdc7d5;
	text-align: center;
	padding: 3px 0px 3px 0px;
}

.ui-datepicker-prev, .ui-datepicker-next
{
	background-color: #ff0000;
	padding: 0px;
	width: 16px;
	height: 16px;
	background: url("../images/calendar_arrows.png") no-repeat;
	margin-top: 3px;
}
.ui-datepicker-prev
{
	float: left;
	background-position: top left;
}
.ui-datepicker-next
{
	float: right;
	background-position: top right;
}

.ui-datepicker-prev span, .ui-datepicker-next span
{
	display: none;
}

.ui-datepicker-calendar
{
	margin: 3px;
}

.ui-datepicker-calendar tr td
{
	text-align: center;
	
	margin: 0px;
	width: 24px;
	height: 24px;
	padding: 0px;
}

.ui-datepicker-calendar tr td:hover
{
	background-color: #fb9749;
}

.ui-datepicker-today
{
	color: #000000;
	background-color: #ebebff;
}

.ui-state-active
{
	display: table-cell;
	width: 24px;
	height: 24px;
	vertical-align: middle;
	font-weight: bold;
	color: #ffffff;
	border: solid 1px #ce7a41;
	margin: 3px;
	background-color: #fe6f00;
}