/*#############################################################################
#
# File:	common.css
#
#   ©2003-2008	www.JonWilde.net
#
#	This file and its contents are protected under U.S. copyright law. Any
#	unauthorized alteration, distribution, or reproduction will be prosecuted
#	to the maximum possible extent of the law.
#
#   Jon Wilde (info@jonwilde.net)
#
#############################################################################*/

/* Elements */
body {
	font-family: Verdana, Arial, sans-serif;
	font-size:	10pt;
	background-color: #FFF;
	padding: 15px;
}

div {
	text-align: left;
	font-size: 		10pt;
}

h1 {
	font-family: Verdana, Arial, sans-serif;
	text-align: 	left;
	color:			#650a09;
	font-size: 		15pt;
	padding:		12px 0px;
}

h2 {
	font-family: Verdana, Arial, sans-serif;
	text-align: 	left;
	color:			#650a09;
	font-size: 		13pt;
	padding:		12px 0px;
}

h2 a			{ text-decoration: none; }
h2 a:link 		{ color: #650a09; }
h2 a:visited 	{ color: #650a09; }

h3 {
	font-family: Verdana, Arial, sans-serif;
	text-align: left;
	color:			#000;
	font-size: 		11pt;
	font-weight:	bold;
	padding:		12px 0px;
}

a.pageLink	{ font-variant: small-caps; }
a:link 		{ color: #263919; }
a:visited 	{ color: #263919; }
a:hover 	{ color: #9a765c; }
a:active	{ color: #9a765c; }

textarea {
	border: solid 1px #650a09;
	font-family: Verdana, Arial, sans-serif;
	font-size:	10pt;
}

input {
	border: solid 1px #650a09;
}

hr		{
	color: #650a09;
	border-style: solid;
	margin: 20px 0;
}

p {
	text-align: left;
	font-family: Verdana, Arial, sans-serif;
	color: #000;
	line-height: 1.5em;
	margin: 0px 0px 10px;
}
ul {
	line-height:	1.3em;
}

ul li {
	list-style:	disc;
	color: #000;
	margin-left: 25px;
}

dl {
	margin: 0px;
	padding: 5px 0px;
}

label	{
	color: #000;
}

table {
	width: 100%;
}

em {
	font-weight: bold;
	font-style: italic;
}

/* Buttons */

.buttonContainer {
	text-align: center;
}

button {
	border: 2px solid #263919;
	background: #f0f7d6 url(../images/button-bg.gif) repeat-x;
	height: 30px;
	line-height: 30px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 9pt;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	margin: 2px 10px;
	padding: 0px 8px;

}

button:hover, button:active {
	background-position: center -30px;
	cursor: pointer;
	color: #572504;
}

.buttonDisabled:hover,
.buttonDisabled:active {
	color:			#aaa;
	background: #f0f7d6 url(../images/button-bg.gif) repeat-x;
}




/* Common Classes */

.center {
	text-align:	center;
}

.right {
	text-align: right;
}

.border {
	border: solid 2px #650a09;
}

.wmark	{
	clear: both;
	color:		#FFF;
	font-size:	9px;
	text-align:	center;
	margin:		20px;
}

.wmark a, 
.wmark a:link, 
.wmark a:visited, 
.wmark a:hover, 
.wmark a:active {
	color: #FFF;
}

.small {
	font-size: 75%;
}

.hidden {
	display: none;
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.clearBoth {
	clear: both;
}

.noMargin {
	margin-top: 0px;
}

.bold {
	font-weight: bold;
}

.noBorder, 
.noBorder td, 
.noBorder tr {
	border: 0px;
}


/* Main Page Structure */

#webPage {
	width: 750px;
}

#siteHeader {
	width:	746px;
	height:	121px;
	background-color: #FFF;
}

#siteHeader img, #siteHeader map {
	border: none;
}

#sitePage {
	width: 746px;
	border: solid 2px #650a09;
	text-align: left;
	background: #FFF url(../images/bgtile.gif) repeat-y;
}


/* Left-hand Column */

#pageLeft {
	float: left;
	width: 120px;
	position: relative;
}

.navigationLeft {
	text-align: center;
	font-weight: bold;
}

.navigationLeft li {
	list-style: none;
	margin: 0px;
	z-index: 0;
}

.navigationLeft a {
	display: block;
	width: 120px;
	height: 30px;
	background: url(../images/button-main.gif) no-repeat;
	text-align: center;
	border: 0px solid;
	text-decoration: none;
	line-height: 30px;
}

.navigationLeft a:hover {
	background-position: center -30px;
	cursor: pointer;
	color: #572504;
}

.subMenu ul {
	width: 140px;
	background-color: #f0f7d6;
	position: absolute;
	left: 30px;
	border: solid 2px #572504;
	z-index: 5;
}

.subMenu li {
	font-size: 75%;
}

.subMenu li a {
	display: block;
	width: 140px;
	height: 30px;
	background: url(../images/button-sub.gif) repeat-x;
	text-align: center;
	border: 0px solid;
	text-decoration: none;
	line-height: 30px;
}

.subMenu li a:hover {
	background-position: center -30px;
	cursor: pointer;
	color: #572504;
}


/* Right-hand Column */

#pageRight {
	width:	585px;
	padding: 0px 20px 20px;
	float: right;
}


/* Navigation Footer */

#navigationFoot {
	text-align:	center;
	padding: 20px 0px;
	clear: both;
}

#navigationFoot ul {
	font-size:	9pt;
	margin:	0px;
}

#navigationFoot li {
	display:	inline;
	list-style:	none;
	margin: 0px 8px;
}

#navigationFoot a {
	text-decoration: none;
}

#footerContact {
	text-align: center;
	font-size: 90%;
	color: #263919;
}

/* Error Page Content */
#error {
	color: #000;
	width: 500px;
}

.errorHead {
	color: #F00;
	font-size: 15px;
	font-weight: bold;
}

.errorFoot {
	margin-top: 40px;
	font-size: 10px;
	width: 300px;
	border: 1px #000 solid;
	background-color: #EEE;
}


/* Form Elements */
#breadcrumbs {
	float: right;
	color: #3d451e;
	padding: 5px;
	border: dashed 1px #3d451e;
	font-size: .8em;
}

#breadcrumbs a {
	color: #3d451e;
	text-decoration: none;
}

#breadcrumbs a:hover {
	color: #3d451e;
	text-decoration: underline;
}


.formOutline {
	clear: both;
}

.formOutline label {
	float: left;
	width: 10em;
}

.formOutline span {
	padding-left: 8px;
}


/* Home Page Styles */
#homePageMain {
	background-color: #fff;
	width: 746px;
}

#homePageMainTop {
	border-bottom: solid 2px #650a09;
	height: 268px;
}

#homePageMainTop img {
	float: left;
	width: 435px;
}

#homePageMainTop div {
	float: right;
	width: 271px;
	padding: 0px 20px;
}

#homePageMainBottom {
	height: 185px;
}

#homePageMainBottom div {
	float: left;
	width: 526px;
	padding: 0px 20px;
}

#homePageMainBottom img {
	float: right;
	width: 180px;
}

/* Cabinet-Style Page Styles */
#cabinetStyleDefinition {
	margin: 0px 20px;
}

#cabinetStyleDefinition dt {
	text-decoration: underline;
	float: left;
	margin-right: 8px;
}

#cabinetStyleDefinition dd {
	margin: 0px 0px 10px;
}

/* Door-Style Page Styles */

#doorStylesMainImage {
	float: left;
	width: 235px;
}

#doorStylesImageTable {
	border: 0px;
	width: 349px;
}

#doorStylesImageTable tr, 
#doorStylesImageTable td {
	border: 0px;
	text-align: center;
	padding: 3px 0px;
}

#doorStylesImageTable img {
	border: 2px solid #263919;
}

#doorStylesImageTable img:hover {
	border: 2px solid #84bdf4;
	cursor: pointer;
}

#doorStylesImageDescription p {
	margin: 0px 0px 5px;
	position: relative;
}

#doorStylesImageDescription dt {
	clear: both;
	line-height: 1em;
	padding: 2px;
	font-weight: bold;
}

#doorStylesImageDescription dd {
	position: relative;
	border: 0px;
	left: 10px;
	width: 220px;
}


/* References Page Styles */
#referenceList {
	width: 400px;
	margin-left: 40px;
}

#referenceList th {
	font-style:italic;
	font-weight:bold;
	text-align:left;
}
#referenceList th, 
#referenceList td {
	border: 1px solid #650D04;
	padding:2px 8px;
}
.referenceRowOdd {
	background-color:#e7eef6;
}

/* Suppliers Page Styles */
#tableSuppliers, 
#tableSuppliers tr,
#tableSuppliers td {
	margin: 0px 20px;
	border: 0px;
}

/* Contact Page Styles */
#contactMain address {
	margin-left: 20px;
}

#contactForm {
	position:	relative;
	line-height: 20pt;
}

.contactInput {
	position:	absolute;
	left:		90px;
	width:		210px;
	padding:	2px;
}

.contactLabel {
	position:	relative;
	left:		20px;
	width:		80px;
}

#contactFormRight {
	float: right;
	width: 232px;
}

.contactTextbox {
	width: 232px;
	height: 70px;
	padding: 2px;
	margin-bottom: 4px;
}

/* Showroom page styles */

#showroomPaging {
	text-align: right;
}

#tableShowroom {
	margin: 20px 0px;
}

#tableShowroom, 
#tableShowroom tr, 
#tableShowroom td {
	border: 0px;
}

#showroomTabs {
	height: 32px;
	border-bottom: 1px solid #650D04;
}

#showroomTabs ul {
	list-style: none;
}

#showroomTabs li {
	float: left;
	display: inline;
	margin: 10px 0px 10px 2px;
	padding: 2px 4px;
	border-width: 1px 1px 0px;
	border-style: solid;
	border-color: #650D04;
	background: url(../images/tab-back.gif) repeat-x;
	color: #650D04 ;

}

#selectedShowroomTab {
	background: #FFF no-repeat !important;
}

#selectedShowroomTab a {
	color: #000 !important;
	font-weight: bold;
}

#showroomTabs a {
	text-align: center;
	text-decoration: none;
	color: inherit;
}

#showroomTabs li:hover {
	background: #FFF no-repeat !important;
	color: #000 !important;
}

/* Storage Page Styles */

#tableStorageSystem {
	background-color: #FFF;
	text-size: 70%;
}


#tableStorageSystem thead th {
	font-weight: bold;
	background-color: #F0F7D6;
}

#itemListContainer img {
	float: left;
	margin-right: 15px;
}

#itemListContainer dl {
	float: left;
}

#itemListContainer dt {
	clear: both;
	font-weight: bold;
}

#itemListContainer dd {
	margin: 0 0 0 25px;
	float: left;
}

#itemListContainer dd div {
	text-align: center;
	padding: 0;
}

.productPriceCode {
	width: 15em;
}

.productPriceCell {
	align: right;
	font-weight: bold;
	font-size: 110%;
}

#customImages {
	text-align: center;
}


/* Alternate Page Structure */

#altHeader {
	width:	750px;
	height:	66px;
	background-color: #FFF;
}

#altHeader img, #altHeader map {
	border: none;
}

#altPage {
	width: 706px;
	border: solid 2px #650a09;
	border-top: 0px;
	text-align: left;
	background: #FFF url(../images/bgtile-alt.gif) repeat-y;
	padding: 0px 20px 20px;
}

#altBreadcrumbs {
	float: left;
	color: #3d451e;
	padding: 5px;
	border: dashed 1px #3d451e;
	font-size: .8em;
	margin-bottom: 15px;
}

#exampleDetailText {
	margin-top: 20px;
}

/* Admin pages */
.pad10 {
	padding: 10px;
}

#tableModifyExamples th {
	font-weight: bold;
}

#tableModifyExamples th, #tableModifyExamples td{
	padding: 2px 5px;
	font-size: 80%;
}

fieldset {
	padding: 10px;
}


/* Table classes */

table.tablesorter {
	margin:10px 0pt 15px;
	font-size: 9pt;
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #e7eef6;
	font-size: 8pt;
	padding: 4px;
}
table.tablesorter thead tr .header {
	background-image: url(../images/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color:#e7eef6;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(../images/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(../images/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
	background-color: #9eafcd;
}