/******************************************************************************

   Title: common.css

   This document is the copyright and property of Tim Mathias.
   It must not be copied (in whole or in part) used for manufacture or
   otherwise disclosed without prior written consent. Any copies of this
   document made by any method must also include a copy of this Legend,
   © Tim Mathias 2005 All rights reserved.

   **************************
   *     Change History     *
   **************************

   Version  Author          Date        Description
   -------  --------------  ----------  ---------------------------------------

         1  Tim Mathias     30-10-2005  Original.

******************************************************************************/

*
{
	font-family: Georgia, Verdana, Arial, sans-serif;
	line-height: 1.5em;
}
html
{
	overflow-y: scroll;
}
body
{
	background-color: #ffe7a6;
	border: 0;
	margin: 0;
	padding: 0;
	text-align: center;
}
a:link, a:visited
{
	color: #000080;
	text-decoration: underline;
	white-space: nowrap;
}
a:hover
{
	color: #00f;
	text-decoration: underline;
	white-space: nowrap;
}
form
{
	border: 0;
	margin: 0;
	padding: 0;
}
h1
{
	font-size: 1.8em;
}
h1, h2, h3
{
	margin-top: 0;
}
.h_page
{
	text-align: center;
}
img
{
	border: 0;
	margin: 0;
	padding: 0;
}
input
{
	font-size: 100%;
	padding: 2px;
}
select
{
	font-size: 100%;
}
textarea
{
	border: 1px solid;
	font-size: 100%;
	padding: 2px;
}
table
{
	empty-cells: show;
}
td
{
	text-align: left;
	vertical-align: top;
}
.ul_dir
{
	border-bottom: #888888 1px solid;
}
/******************************************************************************
	Common Header
*/
.td_header
{
	background-color: #8d0312;
	color: #ffffff;
	padding: 2px 0px;
	text-align: left;
	vertical-align: middle;
}
#header
{
	margin: auto;
}
#header td
{
	font-family: "Lucida Calligraphy", Script;
	font-size: 10pt;
	padding: 5px;
	white-space: nowrap;
}
/******************************************************************************
	Common Footer
*/
#footer
{
	border-top: 1px solid #000000;
	font-size: 10pt;
	padding: 5px;
	text-align: center;
	white-space: nowrap;
}
/******************************************************************************
	Common Navigation Bar
*/
.td_nav_bar_common_top
{
	background: #8d0312 url("../images/bg_header.png") repeat-x bottom;
	border: 0;
	padding: 0;
	margin: 0;
}
.td_nav_bar_common_bottom
{
	background: #8d0312 url("../images/bg_footer.png") repeat-x top;
	border: 0;
	padding: 0;
	margin: 0;
}
.nav_bar_common
{
	background-color: #8d0312;
	margin: auto;
	padding: 0;
}
.nav_bar_common td
{
	margin: 0;
	padding: 0;
	text-align: center;
	white-space: nowrap;
}
.nav_bar_common a, .nav_bar_common a:link, .nav_bar_common a:visited, .nav_bar_common a:hover
{
	color: #f39a1a;
	display: block;
	font-weight: bold;
	height: 20px;
	margin: 0;
	padding-left: 20px;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	text-decoration: none;
}
.td_nav_bar_common_top .nav_bar_common a, .td_nav_bar_common_top  .nav_bar_common a:link, .td_nav_bar_common_top  .nav_bar_common a:visited, .td_nav_bar_common_top .nav_bar_common a:hover
{
	background: #8d0312 url("../images/bg_header.png") repeat-x bottom;
	color: #f39a1a;
	display: block;
	font-weight: bold;
	height: 20px;
	margin: 0;
	padding-left: 20px;
	padding-top: 2px;
	padding-right: 20px;
	padding-bottom: 12px;
	text-decoration: none;
}
.td_nav_bar_common_bottom .nav_bar_common a, .td_nav_bar_common_bottom  .nav_bar_common a:link, .td_nav_bar_common_bottom  .nav_bar_common a:visited, .td_nav_bar_common_bottom .nav_bar_common a:hover
{
	background: #8d0312 url("../images/bg_footer.png") repeat-x top;
	color: #f39a1a;
	display: block;
	font-weight: bold;
	height: 20px;
	margin: 0;
	padding-left: 20px;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	text-decoration: none;
}
.td_nav_bar_common_top .nav_bar_common a:hover
{
	background: #bd0312 url(../images/navbar-hover-top.png) repeat-x bottom;
}
.td_nav_bar_common_bottom .nav_bar_common a:hover
{
	background: #bd0312 url(../images/navbar-hover-bottom.png) repeat-x top;
}
.nav_bar_common a.a_current, .nav_bar_common a.a_current:link, .nav_bar_common a.a_current:visited
{
	background: #ffe7a6;
	color: #8d0312;
}
/******************************************************************************
	Page Content
*/
.content
{
	margin: auto;
	width: 155mm;
}
/******************************************************************************
	Products Overview Page
*/
.po_img_left
{
	float: left;
	text-align: center;
}
.po_img_right
{
	float: right;
	text-align: center;
}
.po_img_left img,
.po_img_right img
{
	margin: 0px 5px;
}
/******************************************************************************
	Contact Information Page
*/
#contact_form table
{
	background: #eee;
	border: 2px solid #8d0312;
	border-collapse: separate;
	border-spacing: 5px;
	margin: auto;
	margin-bottom: 2em;
}
#contact_form td
{
	vertical-align: middle;
	white-space: nowrap;
}
#contact_form h2
{
	margin-top: 0;
	text-align: center;
}
#contact_form #server_feedback
{
	color: #f00;
	font-weight: bold;
}
#contact_form input.contact_data, #contact_form textarea.contact_data
{
	background: #fff url(../images/bg_input_normal.png) repeat-x bottom;
	border: 1px solid #8d0312;
	margin: 1px;
}
#contact_form input.contact_data_highlight, #contact_form textarea.contact_data_highlight
{
	background: #fff url(../images/bg_input_highlight.png) repeat-x top;
	border: 2px solid #8d0312;
	margin: 0px;
}
#contact_form label
{
	display: block;
	font-weight: bold;
	color: #000;
}
#contact_form label.error
{
	font-weight: bold;
	color: #f00;
}
#contact_form label:hover
{
	background: #fff;
}
#contact_form label.disabled:hover
{
	background: none;
}
#contact_form input.disabled
{
	background: #eee;
	border: 1px solid #888;
	color: GrayText;
}
#contact_details
{
	background: #eee;
	border: 2px solid #8d0312;
	margin: auto;
}
#contact_details td
{
	padding: 5px;
}
.not_sent
{
	color: #f00;
	font-weight: bold;
	text-align: center;
}