body
{
	font: 10px/1.1em Arial, Tahoma, sans-serif;
	margin: auto;
	width: 80em;
}

#contact-information
{
	padding: 0.25em;
	text-align: center;
}

#contact-information h1
{
	font-size: 1em;
	line-height: 1em;
	margin-bottom: 0.25em;
}

#contact-information ul li
{
	list-style-type: none;
}

.form-row
{
	clear: left;
	margin-bottom: 1em;
}

.form-row label
{
	display: block;
	float: left;
	margin: 0 1em 0 0;
	width: 15em;
}

.message
{
	padding: 1em 1em 1em 1em;
	margin: 0 0 2em 0;
	max-width: 45em;
}

.message ul
{
	margin-left: 2em;
}

.message.error
{
	border: 1px solid red;
	background: url( ../media/images/icons/msg_error.png ) transparent 1em 1.5em no-repeat;
}

.message.info
{
	border: 1px solid green;
	background: url( ../media/images/icons/msg_info.png ) transparent 1em 1.5em no-repeat;
}

.message.warning
{
	border: 1px solid yellow;
	background: url( ../media/images/icons/msg_warning.png ) transparent 1em 1.5em no-repeat;
}

.message .content,
.message .title
{
	margin-left: 4em;
}

.message .title
{ 
	font-weight: bold;
	margin-bottom: 1em;
}

#order-form
{
	float: left;
	width: 550px;
}

#order-form fieldset
{
	border: 1px solid #597FC1;
	padding: 0 1em 1em 1em;
}

#order-form fieldset legend
{
	border: none;
	font-weight: bold;
	padding: 0.5em;
}

#order-form #products-table th,
#order-form #products-table td
{
	padding: 0.5em;
}

#page-body
{
	height: 100%;
	position: relative;
	text-align: left;
}

#page-content, #page-content td
{
	font: 12px/1.1em Arial, Tahoma, sans-serif;
}

#page-content
{
	margin: 0 9.6em;
	padding: 1em 0;
}

#page-content h1
{
	color: blue;
	font-size: 1.5em;
	margin: 1em 0 0.5em 0;
}

#page-content h2,
#page-content h3
{
	color: blue;
	font-size: 1em;
	margin: 1em 0 0.5em 0;
}

#page-content h2
{
	font-size: 1.33em;
}

#page-content ul
{
	margin-left: 2em;
}

#page-content .news
{
	margin: 0 0 1em 1em;
}

#page-content .news h1
{
	font-size: 1em;
	margin: 0.5em 0;
}

#page-content .news img
{
	float: right;
	margin: 0 0 1em 1em;
}

#page-content p
{
	margin-bottom: 1em;
}

#page-content table.data td,
#page-content table.data th
{
	font-size: 12px;
	padding: 0.5em;
	vertical-align: top;
}

#page-footer
{

}

#page-heading
{
	color: none;
	text-align: left;
}

#page-heading h1 img
{
	border: none;
	vertical-align: middle;
}

#page-left-sidebar
{
	float: left;
	padding: 1em 0 1em 0em;
	width: 10.5em;
}

#page-left-sidebar #menu
{
	background: url( ../media/images/adgrafx/wood-panel.png ) repeat-y top left;
}

#page-left-sidebar #menu li
{
	font-size: 9px;
	list-style-type: none;
	padding: 0.25em;
	text-transform: uppercase;
}

#page-left-sidebar #order-form-menu
{
	margin: 1em 0;
}

#page-right-sidebar
{
	border-left: 0.2em solid red;
	border-bottom: 0.2em solid red;
	float: right;
	text-align: center;
	width: 10.5em;
}

#page-right-sidebar img
{
	display: block;
	margin: auto;
}

#product-search-form
{
	margin-bottom: 1em;
}

#product-search-form h1,
#product-search-form input
{
	font: 10px/1em Arial, Tahoma, sans-serif;
}

#product-search-form input.text
{
	width: 6em;
}

.advanedge-viewer
{
	background-color: #DA7E3B;
	border: 1px solid red;
	color: blue;
	text-align: center;
	font-weight: bold;
	font-size: 10px;
	height: 125px;
	width: 125px;
	overflow: hidden;
}


.melamine-viewer
{
	background-color: #DA7E3B;
	border: 1px solid red;
	float: right;
	height: 125px;
	width: 125px;
	margin: 0 0 10px 10px;
	overflow: hidden;
	color: blue;
	text-align: center;
	font-weight: bold;
	font-size: 10px;
}

.thick-viewer
{
	background-color: #DA7E3B;
	border: 1px solid red;
	color: blue;
	text-align: center;
	font-weight: bold;
	font-size: 10px;
	position: absolute;
	top: 0;
	left: 200px;
	height: 125px;
	width: 125px;
	overflow: hidden;
}

.furniture-viewer
{
	background-color: #DA7E3B;
	border: 1px solid red;
	color: blue;
	text-align: center;
	font-weight: bold;
	font-size: 10px;
	float: right;
	height: 125px;
	width: 125px;
	overflow: hidden;
}

.veneer-edging-viewer
{
	background-color: #DA7E3B;
	border: 1px solid red;
	color: blue;
	text-align: center;
	font-weight: bold;
	font-size: 10px;
	float: right;
	height: 125px;
	width: 125px;
	margin: 10px;
	overflow: hidden;
}

.melamine-rollover
{
	filter: alpha(opacity=80);
	opacity: 0.8; 
	list-style-type: none; 
	position: absolute; 
	background-color: white; 
	margin: 0; 
	top: 20px; 
	_left: 5px; 
	padding: 5px; 
	width: 85px; 
	line-height: 1.5em;
	cursor: default;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	font-size: 11px;
}

.melamine-rollover
{
	filter: alpha(opacity=80);
	opacity: 0.8; 
	list-style-type: none; 
	position: absolute; 
	background-color: white; 
	margin: 0; 
	top: 20px; 
	_left: 5px; 
	padding: 5px; 
	width: 85px; 
	line-height: 1.5em;
	cursor: default;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	font-size: 11px;
}

.veneer-edging-rollover
{
	filter: alpha(opacity=80);
	opacity: 0.8; 
	list-style-type: none; 
	position: absolute; 
	background-color: white; 
	margin: 0; 
	top: 50px; 
	right: 67px; 
	_right: 290px;
	padding: 5px; 
	width: 65px; 
	line-height: 1.5em;
	cursor: default;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	font-size: 11px;
}

.furniture-rollover
{
	filter: alpha(opacity=80);
	opacity: 0.8; 
	list-style-type: none; 
	position: absolute; 
	background-color: white; 
	margin: 0; 
	top: 45px; 
	right: 23px;
	padding: 5px; 
	width: 70px;
	line-height: 1.5em;
	cursor: default;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	font-size: 11px;
}

ul.prefinished-rollover
{
	margin-left: 0 !important;
	padding: 0;
}

.prefinished-rollover li
{
	float: left;
	margin-right: 0.5em;
	list-style-type: none;
	width: auto !important;
	width: 8em;
}