﻿/* STYLES FOR MAIN PAGE CONTENT */

#page {
	float:right;
	clear:right;
	width:732px;
	margin:0px;
	border:0px;
	padding:0px;
}
	
	#companySlogan {
		color: #F0EE03;
		font-family: Freestyle Script;
		font-size: 1.3em;
		float:left;
		width:731px;
		height:40px;
		line-height:40px;
		margin:0px;
		padding:0px;
		background:#cc0000 url(Images/pagetitle_15Years.gif) no-repeat;
		text-align: center;
	}
	#companySlogan H2 { visibility: hidden}

		#companySlogan B {
			color:white;
			font-size:11pt;
			font-style:normal;
			text-transform:none;
			padding-top:6px;
		}
		#companySlogan I {
			color:#00CCFF;
			font-style:normal;
			text-transform:none;
		}
		#companySlogan I:hover {
			text-decoration:underline;
		}
		#companySlogan A {
			border:0px;
			clear:none;
			text-decoration:none;
		}
		#companySlogan A:hover {
			color:white;
			text-decoration:underline;
		}
	
	#pagecontent {
		float:left;
		padding:15px;
		width:701px;
		text-align: left;
	}
		#pagecontent H1 {
			text-align:left;
			padding:0em;
			margin:0px;
		}
		#pagecontent H2 {
			text-align:left;
			margin:0px;
		}
		#pagecontent H3 {
			font-size:14pt;
		}
		#pagecontent H4 {
			font-size:13pt;
		}
		#pagecontent h5, h6 { /* H5 & H6 are used for status messages!! */
			font-size:16px;
			font-weight:bold;
			text-decoration:none;
		}
		#pagecontent h5 { color:#006600; } /* green aka OK		*/
		#pagecontent h6 { color:#CC0000; } /* red 	aka ERROR	*/
		#pagecontent img {
			margin:5px;
		}
		#pagecontent LI {
			margin-left:1.5em;
			margin-bottom:4px;
		}
		#pagecontent A {
			text-decoration:underline;
		}
		#pagecontent A:hover {
			/*background:#FFF9DE;*/
			color:blue;
		}
		#pagecontent dl {
			padding:0px;
			margin:0px;
			border:0px;
		}
			#pagecontent dt {
				font-size:13pt;
			}
			#pagecontent dd {
				font-style:normal;
				margin:0.3em 0em 2em 1em;
			}
		#pagecontent ins {
			float:right;
			font-size:smaller;
			color:#666666;
		}
		
		/* MAILFORM CSS */
		.mail {
			vertical-align:top;
		}
		.mtcl { /* Mail Table Column Left */
			vertical-align:top;
			text-align:right;
			width:120px;
		}
		.mtcc { /* Mail Table Column Center */
			vertical-align:top;
			text-align:left;
			width:350px;
		}
		.mtcr { /* Mail Table Column Right */
			vertical-align:top;
			text-align:right;
			width:220px;
		}
		.mail TH {
			text-align:right;
			border-bottom:1px dashed #cc0000;
		}
		.mailerror {
			background:#FF0000;
		}


/* STYLES for the product tables */
.pianotable {
	border:1px #000000 solid;
	border-collapse: collapse;
	width:690px;
}
	.pianotable SELECT {
		padding:0px;
		border:1px solid black;
		background:#F2E099;
		color:black;
	}
	.pianotable INPUT {
		padding:0px 2px 0px 2px;
		border:1px solid black;
		background:#F2E099;
		color:black;
		cursor: pointer;
	}
	.pianotable INPUT:hover {
		background-color: #FFF9DE;
	}
	#curpianopage {
		font-weight:bold;
		background-color: #FFF9DE;
	}
	.pianotable th {
		background-color: #000000;
		color:#FFFFFF;
		font-style: bold;
		text-transform: uppercase;
		text-align:left;
		margin:0px;
		padding:2px;
		border-bottom:1px solid black;
	}
	.pianotable th img {
		border:0px;
	}
	.pianotable td {
		margin:0px;
		padding:2px;
		background-color: transparent;
		border-bottom:1px solid black;
	}
	tr.productrow {
		background-color: transparent;
	}
	tr.productrow:hover {
		background-color: #FFF9DE;
	}
	tr.sold {
		/*color:#3366CC;*/
		color:#3333FF;
	}
	tr.sold:hover {
		background-color: #FFF9DE;
	}
 	.pianotablesearch {
		margin-left:auto;
		margin-right:10px;
	}
