@charset "ISO-8859-1";

#fascia_page #menu_display {
	background-image: url(../images/fascia_page/heading_image2.jpg);
	background-position: 1px 10px;
}

#headingBanner_right {
	background-image: url(../images/menu_page/headingBanner_right.gif);
	background-repeat: no-repeat; background-position: right;
	width: 385px;	height: 44px;	float: right;
}

/**************CONTENT*******************/

#content{
	float: left;
	width: 520px;
	overflow: hidden;
}

#fascia_page #content ul{	float: left;	line-height: 20px; padding-left: 40px; font-size: 85%; }
#fascia_page #content img { float: left; padding-left: 20px; }

#content #menu_text {
	clear: both;
	padding: 5px 10px 0px 10px;
	line-height: 17px; font-size: 90%;
}

/*************** RIGHT COLUMN ***********************/

#right_column{
	width: 410px;
	float: right;
	height: 751px;
}

/**************** DEMO WINDOW *********************/

#right_column #menu_box_demo {
	width: 395px;
	height: 317px;
	border: 1px solid #666666;
	clear: both;
}

#fascia_page #right_column #menu_box_demo #demo_desc_window {
	height: 210px;
	width: 129px;
	float: left;
	padding-left: 5px;
	padding-top: 5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #333333;
	padding-right: 5px;
}
#fascia_page #right_column #menu_box_demo #demo_desc_window h1{
	font-size: 95%;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}
#fascia_page #right_column #menu_box_demo #demo_desc_window ul{
	line-height: 15px;
	padding-left: 15px;
	font-size: 80%;
	margin: 0px;
	text-align: left;
}

#fascia_page #right_column #menu_box_demo #design_method_image, #fascia_page #right_column #menu_box_demo #fascia_type_image { float: left; height: 215px; width: 255px; }
#fascia_page #right_column #menu_box_demo #design_method_image{
	float: left;
	height: 215px;
	width: 255px;
	background-image: url(../images/fascia_page/demo_images/vinyl.gif);
	background-repeat: no-repeat;
	background-position: center 10px;
}
#fascia_page #right_column #menu_box_demo #fascia_type_image {
	float: left;
	height: 215px;
	width: 255px;
	background-image: url(../images/fascia_page/demo_images/die_bond.gif);
	background-repeat: no-repeat;
	background-position: center 10px;
}
#fascia_page #right_column #menu_box_demo #fascia_type_image #design_method_image #demo_window strong {
	width: 45px;
	display: block;
	float: left;
}
#fascia_page #right_column #menu_box_demo #demo_window {
	font-size: 80%;
	line-height: 15px;
	padding-top: 160px;
	height: 55px;
	width: 235px;
	padding-left: 20px;
}

#fascia_page #right_column #menu_box_demo #demo_list_type {
	border-bottom: #333333 1px solid;
}
#fascia_page #right_column #menu_box_demo #demo_list {
	border-top: #333333 1px solid;
}
	
#fascia_page #right_column #menu_box_demo #demo_list,  #fascia_page #right_column #menu_box_demo #demo_list_type {
	text-align: center;
	padding-left: 3px;
	float: left;
	height: 50px;
	clear: both;
	width: 393px;
}
#fascia_page #right_column #menu_box_demo #demo_list_type span { display: block; float: left; width: 78px; }
#fascia_page #right_column #menu_box_demo #demo_list span { display: block; float: left; width: 98px; }

#fascia_page #right_column #menu_box_demo #demo_list a , #fascia_page #right_column #menu_box_demo #demo_list_type a {
	background-color: #CCCCCC; border: 1px solid #999999;	
	text-align: center;	color: #666666; font-size: 85%;	text-decoration: none;
	display: block;	float: left; line-height: 12px; padding-top: 6px; height: 18px; 
}
#fascia_page #right_column #menu_box_demo #demo_list .select a{ color: #FFFFFF; background-color: #666666; }
#fascia_page #right_column #menu_box_demo #demo_list_type .select a{ color: #FFFFFF; background-color: #666666; }
#fascia_page #right_column #menu_box_demo #demo_list .select a:hover{ color: #666666; }
#fascia_page #right_column #menu_box_demo #demo_list_type .select a:hover{ color: #666666; }
#fascia_page #right_column #menu_box_demo #demo_list_type a {
	width: 74px;
	font-size: 75%;
}
#fascia_page #right_column #menu_box_demo #demo_list a{
	width: 93px;
	font-size: 80%;
}

#fascia_page #right_column #menu_box_demo #demo_list a:hover,  #fascia_page #right_column #menu_box_demo #demo_list_type a:hover  { background-color: #FFFFFF; border: 1px solid #999999; cursor:pointer; }
#fascia_page #right_column #order_options {
	width: 250px;
	float: left;
	height: 210px;
}
#fascia_page #right_column #order_options #order_border {
	border: 1px solid #666666;
	height: 180px;
	padding: 5px;
	width: 230px;
}
#fascia_page #right_column #order_options label {
	width: 105px;
	float: left;
	display: block;
	height: 22px;
	padding-top: 4px;
	font-size: 90%;
}
#fascia_page #right_column #order_options #vinyl {
	width: 75px;
}
#fascia_page #right_column #order_options #cutletters, #fascia_page #right_column #order_options #builtletters {
	width: 100px;
}
#fascia_page #right_column #order_options select {
	width: 100px;
}
#fascia_page #right_column #order_options br {
	clear: both;
}
#fascia_page #right_column #calculate_button {
	float: left;
	text-align: center;
	border: 1px solid #666666;
	width: 140px;
	height: 140px;
	padding-top: 10px;
}
#fascia_page #right_column #calculate_button span {
	font-size: 80%;
	line-height: 15px;
	padding: 5px;
	text-align: justify;
	display: block;
	height: 55px;
}
#fascia_page #right_column #calculate_button strong {
	display: block;
	padding-bottom: 5px;
}
#fascia_page #right_column #calculate_button #amount_total {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666666;
	height: 25px;
	display: block;
	padding-top: 5px;
	font-size: 105%;
}
#fascia_page #right_column #submit_button {
	float: left;
	width: 143px;
	padding-top: 10px;
}
#right_column #submit_button input {
	border: 1px solid #999999;
	width: 140px;
	height: 30px;
	background-color: #CCCCCC;
	color: #666666;
	font-weight: bold;
}
#right_column #submit_button input:hover { background-color: #FFFFFF; }