body
{
	font-family: Arial, Helvetica, sans-serif;
}

#wrapper
{
	position: relative;
	width: 985px;
	margin: 0 auto;
	padding-top: 10px;
	text-align: left;
}

.logo-container
{
	position: relative;
}

	.logo-container > div
	{
		display: inline-block;
	}

#main-logo
{
	height: auto;
	margin-left: 5px;
}

.branch-info
{
	border: 1px solid #000000;
	border-radius: 5px;
	font-size: 12px;
	line-height: 16px;
	margin: 0 0 5px 0;
	padding: 0;
	width: 740px;
}

	.branch-info > div
	{
		padding: 3px 5px;
	}

	.branch-info .branch-title
	{
		background-color: black;
		color: yellow;
		font-weight: bold;
		font-size: 16px;
		margin: 0;
	}

	.branch-info .branch-label
	{
		display: inline-block;
		vertical-align: middle;
		font-weight: bold;
	}

	.branch-info .branch-text
	{
		display: inline-block;
		vertical-align: middle;
	}

	.branch-info .branch-spacer
	{
		display: inline-block;
		vertical-align: middle;
		margin: 0 2px 0 2px;
	}

#navigation-wrapper
{
	width: 980px;
	margin: 0 0 0 5px;
}

#content
{
	font-family: Arial, Helvetica, sans-serif;
	border-left: 1px solid #b2b2b2;
	border-right: 1px solid #b2b2b2;
	margin: 0 0 0 5px;
	width: 978px;
}



/* status bar */
.status
{
	display: table;
	width: 100%;
	font-size: 11px;
	border-spacing: 0;
}

	.status.hidden
	{
		display: none;
	}

	.status .controls
	{
		display: table-row;
		height: 25px;
		background-color: #e9e9e9;
	}

	.status .element
	{
		display: table-cell;
		vertical-align: middle;
		border-bottom: 1px solid #b2b2b2;
	}

		.status .element.user
		{
			color: #083194;
		}

			.status .element.user .user-actions
			{
				display: inline-block;
				padding: 3px 0 4px 10px;
				border-right: 1px solid #e9e9e9;
				cursor: pointer;
			}

				.status .element.user .user-actions.hover
				{
					border-right-color: #b2b2b2;
					background-color: #d9d9d9;
				}

			.status .element.user .name
			{
				display: inline-block;
				margin-right: -5px;
				font-weight: bold;
			}

			.status .element.user .user-action-icon
			{
				height: 18px;
			}

		.status .element.tools
		{
			text-align: right;
			padding-right: 10px;
		}

			.status .element.tools .cart
			{
				display: inline-block;
				vertical-align: middle;
			}

				.status .element.tools .cart.hidden
				{
					display: none;
				}

				.status .element.tools .cart div
				{
					display: inline-block;
					vertical-align: middle;
				}

				.status .element.tools .cart .fa
				{
					color: #666666;
					font-size: 14px;
				}

			.status .element.tools .seperator
			{
				display: inline-block;
				vertical-align: middle;
				width: 10px;
				text-align: center;
			}

			.status .element.tools .catalog-search
			{
				display: inline-block;
				vertical-align: middle;
			}

				.status .element.tools .catalog-search.hidden
				{
					display: none;
				}


/* user action menu */
#user-action-menu
{
	left: -1000px;
	overflow: visible;
	white-space: nowrap;
}

.user-action-container
{
	font-size: 11px;
	text-align: left;
	border-right: 1px solid #b2b2b2;
	background-color: #e9e9e9;
}

	.user-action-container div
	{
		color: #222222;
		padding: 4px 10px 4px 10px;
		border-bottom: 1px solid #b2b2b2;
		cursor: pointer;
	}

		.user-action-container div.hover
		{
			color: #000000;
			background-color: #d9d9d9;
		}


/* emulation */
.emulation
{
	display: table;
	width: 100%;
	border-spacing: 0;
}

	.emulation.hidden
	{
		display: none;
	}

	.emulation .controls
	{
		display: table-row;
		height: 30px;
		background-color: #fffbcc;
	}

	.emulation .element
	{
		display: table-cell;
		vertical-align: middle;
		padding-left: 10px;
		border-bottom: 1px solid #b2b2b2;
	}

	.emulation .ui-autocomplete
	{
		z-index: 1000;
	}