/****************************************************************************************
*	Project		: LPJ - Launceston Precision Jewellers									*
*	Author		: Derrick Heathorn														*
*																						*
*	System		: Stylesheets															*
*	File		: /styles/template.css													*
*																						*
*	Main stylesheet for the website														*
****************************************************************************************/

/****************************************************************************************
*	Define the main styles for the website:												*
****************************************************************************************/

html, body {
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.9em;
}

/****************************************************************************************
*	Define the container styles for the website:										*
****************************************************************************************/

.container_page {
	width: 700px;
}

/****************************************************************************************
*	Define the styles for the navigation container:										*
****************************************************************************************/

.container_navigation a {
	text-decoration: none;
}

.container_navigation a:hover {
	text-decoration: underline;
}

/****************************************************************************************
*	Define the styles for the categories table:											*
****************************************************************************************/

.categories_table a {
	text-decoration: none;
}

.categories_table .category {
	height: 150px;
	width: 200px;

	text-align: center;
	vertical-align: top;
}

.categories_table .blank {
	width: 20px;
}

/****************************************************************************************
*	Define the styles for the contact us table:											*
****************************************************************************************/

.contactus th {
	font-size: 1.35em;
	text-align: right;
}

.contactus td {
	font-size: 1.15em;
}

/****************************************************************************************
*	Define the styles for the website images:											*
****************************************************************************************/

.image {
	border: 1px solid #565656;
}

p .image {
	margin-right: 5px;
	margin-bottom: 1px;
}

p .image2 {
	margin-left: 5px;
	margin-bottom: 1px;
}

/****************************************************************************************
*	Define the styles for the headings													*
****************************************************************************************/

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	margin: 0px;
}

h1 {
	font-size: 1.5em;
}

h2 {
	font-size: 1.35em;
}

h3 {
	font-size: 1.15em;
}

h4 {
	font-size: 1em;
}

h5 {
	font-size: 0.85em;
}

h6 {
	font-size: 0.75em;
}

hr {
	background-color: #8D8D8D;
	color: #8D8D8D;

	border: 0px;
	height: 1px;
}

/****************************************************************************************
*	Define the styles for the validation errors section									*
****************************************************************************************/

.validation {
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: left;
}

.validation_error, .data .validation_error {
	border: 3px solid red;
}