/* ############ FEATURES	################################## */
/* ############ FEATURES	################################## */

table.table_piano
{
	background-image: url('../images/features/features-background.jpg');
	background-repeat: no-repeat;

 	color: rgb(255, 255, 255);
    font-family: Verdana, serif; font-size:7pt;font-weight: bold;

	border:0px solid #808080;

	border-spacing: 0px;
	border-collapse: collapse;
}

a.a_FeatureFocus
{
	color: rgb(0, 0, 0);
    font-family: Verdana, serif; font-size:8pt;font-weight: bold;
	display: block;
	text-align: center;

	text-decoration: none;
}
a.a_FeatureFocus:hover
{
	color: rgb(150, 150, 150);
}


td.td_piano_buttons_top_margin
{
	color: rgb(255, 255, 255);
    font-family: Verdana, serif; font-size:8pt;font-weight: bold;
	text-align: center;

	height:20px;
}


table.table_FeaturesSelect
{
	border:0px solid #808080;

	border-spacing: 0px;
	border-collapse: collapse;

}

div.div_FeaturesSelect_Image
{
 	color: rgb(255, 255, 255);
    font-family: Verdana, serif; font-size:7pt;font-weight: bold;
    
	background-image: url('../images/Features/features_0.gif');
	background-repeat: no-repeat;
	
	
	width:500px;
	height:280px;

	/* there is no link just onclick so fake it */
	cursor: pointer;
}
div.div_FeaturesSelect_Text
{
 	color: rgb(255, 255, 255);
    font-family: Verdana, serif; font-size:8pt;

	width:500px;

	/* contain overlapping text */
	height:240px;
	overflow:hidden;
}

table.table_piano_width
{
	border:0px solid #808080;

	border-spacing: 0px;
	border-collapse: collapse;

	/* must keep whole bg on visible in FF - specify a td width - this is not for the feature image but for the bg*/
	width:550px;
	height:0px;
}

td.td_FeaturesSelect_Image
{
}
td.td_FeaturesSelect_Text
{
}

td.td_leftof_piano_buttons
{
	vertical-align:top;

	/* must keep whole bg on visible in FF - specify a td height*/
	height:540px;
	width:78px;
}
td.td_housing_piano_buttons
{
	vertical-align:top;

	width:147px;
}

td.td_FeaturesSelect_TopMargin
{
	vertical-align:top;

	width:100%;
	height:12px;
}

table.table_piano_buttons
{
	border:0px solid #808080;

	border-spacing: 0px;
	border-collapse: collapse;
	vertical-align:middle;
}

td.td_piano_buttons 
{
	vertical-align:middle;

	/* contain overlapping text */
	overflow:hidden;
}

td.td_piano_buttons a
{
	color: rgb(255, 255, 255);
    font-family: Verdana, serif; font-size:8pt;font-weight: bold;

	display: block;

	text-align: center;

	/* vertical-align:middle; only works on TD - use padding and AVOID %*/
	/* keep in line with js, add 2px extra t/b padding until borders loaded */
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;

	text-decoration: none;
	
	vertical-align:middle;
	height:56px;
	width: 137px;
	outline: none;
}

td.td_piano_buttons a:active
{
	color: rgb(200, 200, 200);
	text-decoration: none;
}


td.td_piano_buttons a:hover
{
	color: rgb(180, 180, 180);
}


td.td_piano_buttons_top_margin
{
	height:24px;
}



div.div_float_button
{
	position: relative;/* DO NOT CHANGE without testing bot IE -AND- FF */
	left: 0px; 
	top: 0px; 
}
div.div_float_button a
{
	/* uncomment to see/adjust the positions */
/*	border:1px solid #808080;	*/

	position: absolute;/* DO NOT CHANGE without testing bot IE -AND- FF */
	display: block;
	outline: none;

	width: 125px;
	height: 80px;
}

a.a_float_button_0
{
	left: 490px; 
	top: 374px; 
}
a.a_float_button_1
{
	left: 636px; 
	top: 361px; 
}





/* ############ IRREGULAR BORDER	################################## */
/* ############ IRREGULAR BORDER	################################## */



div#ID_IrregularBorderShapes span 
{
	display:block;
	float:right;
	clear:right;

	/* uncomment to see/adjust the irregular borders */
/*	background-color:orange;	 */

	padding:0;
	margin:0 0 0 0; 

	height:13px;
}


span.line_1 
{
	width:	5px;
}
span.line_2 
{
	width:	60px;
}
span.line_3
{
	width:	140px;
}
span.line_4
{
	width:	200px;
}
span.line_5
{
	width:	230px;
}
span.line_6
{
	width:	260px;
}
span.line_7
{
	width:	270px;
}
span.line_8
{
	width:	290px;
}
span.line_9
{
	width:	300px;
}
span.line_10
{
	width:	310px;
}
span.line_11
{
	width:	320px;
}
span.line_12
{
	width:	325px;
}
span.line_13
{
	width:	330px;
}
span.line_14
{
	width:	335px;
}
span.line_15
{
	width:	337px;
}
span.line_16
{
	width:	340px;
}
span.line_17
{
	width:	350px;
}
span.line_18
{
	width:	355px;
}