﻿/* css file relationship has been changed -hxu*/
@import "../shared1/Nanawall.css"; 
@import "../shared1/SlideShow.css";


#main
	{ clear: both; overflow: hidden; width: 1020px; height: auto; border-right: 1px solid #999999; 
	  border-left: 1px solid #999999; margin: 0px; padding: 0px; background: #FFFFFF url('../images/bg_leftnav.gif') repeat-y left 50%;
}
#menuTable
{
	background-color: #EEEEEE;
}
label
{
	width:120px;
}
#blockarea
{
	width:1022px;
}
#leftnav
{
	padding: 0;
	height:auto;
	width:auto;
}
.block
{
	width:250px;
	text-align:left;
}
.searchLable
{
	padding-top:9px;
	font-weight:bold;
}

	
#leftnav blockquote {
	margin-top: 20px;
}
/* salesreps use */
#country
{
	width:130px;
	height:18px;
	font-size:1.0em;
	
}
.menuCell
{
	padding: 1px 5px 1px 3px;
	cursor: pointer;
}
.menuhilight
{
	background-color:#b5ce9e;
}
#leftside
{
	width:184px;
	margin: 0px; padding: 0px; background: #FFFFFF;
}

#rightside
{
	width: 830px;
	margin: 0px;
	padding: 0px 4px 0px 0px;
	background: #FFFFFF;
}
.content 
{
	background:transparent url(../images/bg_cad.gif) no-repeat scroll left top;
	margin:0 !important;
	padding:12px 5px 0 0px !important;
}
.content h2
{
	padding-right: 6px;
	text-align:left;
}

.SlideShow /* Capital is very important. It can be changed */
{
	border: thin double #000080;
	width: 587px;
	height: 450px;
}

html>body .content
	{ /** IE Hack **/ padding-right: 0px !important; 
	  width:100%;
	  }


/** OVERVIEW **/
#prod_overview
{
	height: 553px;
	background-image: url(../images/products/bg_folding4.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #061219;
	width:100%;
}
#rq_overview
{
	height: 450px;
	background-image: url(http://media.nanawall.com/images/products/RequestQuote.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #061219;
	width:100%;
}
#gf_overview
{
	height: 450px;
	background-image: url(http://media.nanawall.com/images/products/FoldingSystem1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #061219;
	width:100%;
}
#sc_overview
{
	height: 450px;
	background-image: url(http://media.nanawall.com/images/products/SizeWizard.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #061219;
	width:100%;
}
#gi_overview
{
	height: 450px;
	background-image: url(http://media.nanawall.com/images/products/slidingSystem.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #061219;
	width:100%;
}
#comp_overview
{
	height: 793px;
	background-image: url(../images/support/bg_support.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #061219;
}
#windowwallsystems.content {
	height: 390px;
	background-image: url(../images/products/bg_windowwall.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #061219;
}
#frenchdoors.content {
	height: 377px;
	background-image: url(../images/products/bg_frenchdoor.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #061219;
}
#screens.content {
	height: 390px;
	background-image: url(../images/products/bg_screen.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #061219;
}
#tiltdoors.content {
	height: 387px;
	background-image: url(../images/products/bg_tiltTurn.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #061219;
}
.name {  vertical-align:top; white-space: nowrap; }



.folding {
	float: left;
	margin-right:12px;
	height: auto;
}
.sliding {
	width: 190px;
	float: left;
	margin-right:12px;
	height: auto;
}
.support_blocks a {
	width: 190px;
	float: left;
	margin-right:12px;
	height: 100px;
}
.support_blocks1 a {
	width: 190px;
	float: left;
	margin-right:12px;
	height: 120px;
}
#quickLink
{
	background-color:#b5ce9e;
}
.link_block
{
	background-color:#b5ce9e;
	vertical-align:middle;
}
.link_title
{
	font-weight:bold;
	padding:3px 0 3px 5px;
}

.energystar td, .energystar {
	border: 1px solid #73d61d;
	color: #333333 !important;
	background-color: #f3fff6;
}
p.energystar {
	padding: 6px;
	margin: 12px 0px 12px 0px;
}
.energystar img {
	margin-right: 6px;
	float: left;
}
.tertiarynav
{
	margin-left: -4px;
	padding: 5px 0px 5px 10px;
}
html > body .tertiarynav {
width:100%;
clear:none;
float:none;
}

#colorFinishes table td {
	width: 160px;
	height: 140px;
}
#colorFinishes table td a {
	display: block;
	padding: 24px;
	border-bottom: 0px;
}	

#colorFinishes td:hover {
	background: url(/v5/images/applications/productIndex_over.gif) no-repeat center top !important;
}

.testimonial
{
	background: #F0F0F0;
	text-decoration:underline;
	font-weight:bold;
	cursor:pointer;
}
.Excerpt
{
	font:italic bold 1.7em Arial,Helvetica,sans-serif;
	color:White;
}
.Figure
{
	float:right;
	margin:0px 0px 15px 15px;
	width:310px;
	padding:15px;
	border:solid 1px #000;
	background-color:#ddd;
	font:0.7em Arial,Helvetica,sans-serif;
}

.Figure img
{
	margin-top:10px;
}




